.comwidth{ width:1200px; }
/*##
配音老师详情页
##*/
.par-left{ width:74%; }
.l-head-a{ width:22%; position:relative; height:100%; display:table-cell; vertical-align:middle;}
.l-head-a img{width: 55%; height: 55%; border: 1px solid #CCCCCC;}
.l-head-b{width: 78%; padding-bottom: 0 !important;}
.l-head-b1{line-height: 40px; width: 100%;}
.l-head-b2 .l-head-price{ height:26px; line-height:26px; font-size:12px; margin-top:26px; }
.l-head-b2 .l-head-price span{ margin-right:20px; color:#E93234; font-size:20px; font-weight:bold; }
.l-head-b2 .l-head-list { height:34px; display:block; padding-top:8px; clear:both; }
.l-head-b2 .l-head-list li{float: left; margin-left: 10px; margin-right: 15px;}
.l-head-b2 .l-head-list li a{line-height: 22px; display: block; border: 1px solid #ccc; border-left: 0; position: relative; padding: 0 5px; font-size: 12px;}
.l-head-b2 .l-head-list li a:after{ position:absolute; left:-8px; top:3px; width:16px; height:16px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; transform:rotate(45deg); -webkit-transform:rotate(135deg); content:''; }
.l-head-b3{width: 100%; line-height: 30px; border: 1px solid #eee; color: #666666;}
.l-head-b3 tr{border-color: #eee;}
.l-head-b3 tr:last-child{line-height: 50px;}
.l-head-b4{ line-height:30px; color:#ccc; }
.rec-box{width: 100%; margin-bottom: 15px;}
.rec-box img{display: block; width: 50%; margin: 0 auto;}
.rec-box h4{line-height: 32px; font-size: 16px; color: #E93234;}
.rec-box p{font-size: 14px;}

.dubs_info { width:100%; padding:15px 26px; font-size:14px; line-height:26px; color:#999; border-top:1px solid #eee; margin-top:12px; }

.order-list-box{padding: 0 15px;}
.order-list-box li{margin-bottom: 10px;}
.order-list-box li span{display: inline-block; color: #E93234; font-size: 14px; padding-right: 10px; line-height: 45px; float:left; width: 20px;}
.order-list-box li img{display: inline-block; width: 45px; float:left; }
.order-list-box li b{display: inline-block;max-width: 45%; line-height:45px; float:left; margin-left: 5px;}
.order-list-box li em{line-height: 45px; float: right; font-size: 14px; color: #0053BF; white-space:nowrap; width: 45px; text-align: right; text-overflow: ellipsis; overflow: hidden;}
.order-list-box li p{line-height: 26px; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden;}

/*右侧公告栏*/
.par-right{ width:25%; }
.pr-a .pr-head { padding:5px 0; }
.pr-a .pr-head h2{ width:80%; font-size:16px; font-weight:bold; padding-left:20px; line-height:40px; text-align:left; position:relative ;}
.pr-a .pr-head h2:after{position: absolute; content: ""; background: #E93234; width: 4px; height: 45%; left: 0px; top: 50%; transform: translateY(-50%);}
.pr-a .pr-head a{display: inline-block; width:20%; line-height: 40px; text-align: right; padding-right: 10px;}

/*空状态*/
.iskong{width: 100%; height: 100%; text-align: center; line-height: 20px;}

/*网站公告*/
.wg-list li{line-height: 40px; border-bottom: 1px solid #EEEEEE;}
.wg-list li:last-child{border-bottom: 0;}
.wg-list li a{display: block; width: 100%;}
.wg-list li a .pull-left{ width:70%; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wg-list li a .pull-right{width: 30%;}
.wg-list li a:hover{color: #E93234;}

/* 推荐老师 */
.tj-teacher li{width: 50%; float: left; overflow: hidden; margin-bottom: 10px;}
.tj-teacher img{width: 50px; height: 50px; display: inline-block; margin-right: 5px; float: left;}
.tj-teacher span{font-size: 16px; max-width: 80px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 50px; float: left;}
.pr-a-user{width: 100%; height: 100%;}
.pr-a-user img{width: 30%; height: 30%; display: block; float: left;}

/*样音导航栏*/
.par-listhead { line-height:28px; border-bottom:1px solid #eee; }
.par-listhead .par-nav{ width:auto; font-size:14px; font-weight:bold; position:relative; font-weight:500; float:left; }
.par-listhead .par-nav .on a { color:#E93234; }
.par-listhead .par-nav .on:before{ content:""; width:64%; height: 2px; background:#E93234; position:absolute; left:50%; transform:translateX(-50%); bottom:0px; }
.par-listhead .down_right { height:48px; padding-right:20px; float:right; }
.par-listhead .down_right a { line-height:50px; font-size:12px; display:block; }
.par-listhead .down_right a i { font-size:14px; margin-right:2px; }

/*左侧列表*/
.ca-nav{ width: 15%;position: relative; z-index: 88;}
.ca-nav dt{line-height: 38px; font-weight: 700; color: #666;}
.ca-nav dd{line-height: 40px; color: #666666;}
.ca-nav dd:hover:not(.on){background: #eee; color: #E93234;}
.ca-nav a{display: block; width: 100%; height: 100%; color: inherit;}
.ca-nav .on a{color: #fff;background: #E93234;}

/*专题列表*/
.ca-list{ width: 84%; }
.ca-list .pyca-nav a{display: block; padding: 0 20px;}
.ca-list .pyca-nav .on a{color: #fff;background: #E93234;}
.ca-list-cen{margin-bottom: 60px;}
.ca-list-cen:hover {color: #E93234;}
.ca-list-cen .ca-l-left{width: 38%;}
.ca-l-logo{width: 80px; height: 80px;}
.ca-l-logo img{width: 100%; height: 100%; border-radius: 5px;}
.ca-l-right{width: 55%;}
.ca-l-right h2{line-height: 28px;}

/*
 * 
 * 样音合辑详情页（头部）
 * 
 */
.case-duta-hl{width: 100px;}
.case-duta-hl {width: 15%; height: 100px;}
.case-duta-hl img{width: 100px; height: 100px; display: block;}
.case-duta-hr{width: 85%;}
.case-duta-hr p{line-height: 24px; margin: 10px 0;}
.case-duta-hr p b{color: #E93234; font-size: 14px;}
.case-duta-hr p a{display: inline-block; border: 1px solid #E93234; border-radius: 15px; color: #E93234; padding: 0 10px; margin-left: 10px; background: #f3f4f5;}
.case-duta-hr .case-btn a{line-height: 16px;}

  /*内容*/
.ca-cen{line-height: 40px; border-bottom: 1px solid #f5f5f5;}
.ca-cen .sx-b{width: 5%; text-align: center;}
.ca-cen .sx-c{width: 50%;}
.ca-cen .sx-c a{width: 100%;display: block;}
.ca-cen .sx-c a:hover{color: #E93234;}
.ca-cen .sx-d{width: 23%; text-align: center;}
.ca-cen .sx-d a{width: 100%;display: block; color: #a6a6a6;}
.ca-cen .sx-d a:hover{color: #E93234;}
.ca-cen .sx-e{width: 8%;}
.ca-cen .sx-e a{display: inline-block;width: 100%;float: left; font-size: 12px;  text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ca-cen .sx-e a i{font-size: 14px; margin-right: 5px;}
/*右侧列表*/
.pr-caselist .ca-l-logo{width: 70px; height: 70px; border-radius: 0;}
.pr-caselist .pr-case-title{max-width: 60%;}
.pr-caselist .pr-case-title p{line-height: 26px; width: 100%;}
.pr-caselist .pr-case-title h2{width: 100%;}

/*
* 
* 样音试听页
*
*/
.sx-headbox { border:1px solid #eee; }
.sx-headbox li{ background:rgba(0,0,0,0.06); }
.sx-headbox li:nth-child(1){ background:#ededed; color:#000000; }
.sx-headbox li:nth-child(2n){ background:#FFFFFF;}

.screening_box { float:left; padding-left:30px; }
.screening_box .spe_left,.screening_box .spe_left span,.screening_box .ads_left,.screening_box .ads_left span { float:left; padding-top:0px; }
.screening_box .spe_left span,.screening_box .ads_left span { padding-right:6px; color:#666; font-size:13px; line-height:28px; }
.screening_box .ads_left { padding-left:30px; display:block!important; }
.screening_box ul.li_box { width:106px; height:30px; border:1px solid #c7c6c6; border-right:0px; float:left; }
.screening_box ul li { width:21px; height:28px; float:left; position:relative; border-right:1px solid #c7c6c6; cursor:pointer; background:#fff; }
.screening_box ul li a { width:21px; height:28px; display:block; }
.screening_box ul li em { background:#f7f7f7; border-top:1px solid #c7c6c6; position:absolute; left:0px; right:0px; bottom:0px; display:block; }
.screening_box ul li.on { background:#fff; }
.screening_box ul li:hover em,.screening_box ul li.on em { background:#E93234; border-top:1px solid #E93234; }
.screening_box ul li p { display:none; height:28px; border-radius:2px; border:1px solid #e8d388; background:#fefded; color:#666; position:absolute; }
.screening_box ul li em.h35 { height:35%; }
.screening_box ul li em.h40 { height:40%; }
.screening_box ul li em.h70 { height:70%; }
.screening_box ul li em.h55 { height:55%; }
.screening_box ul li em.h25 { height:25%; }
.screening_box ul li em.h20 { height:20%; }
.screening_box ul li em.h10 { height:10%; }
.screening_box .price_input { float:left; padding-left:6px; }
.screening_box .price_input u { float:left; display:block; position:relative; text-decoration:none; }
.screening_box .price_input u:nth-child(1)::after { width:15px; height:30px; line-height:28px; color:#666; text-align:center; content:"-"; z-index:9; position:absolute; right:0px; top:0px; }
.screening_box .price_input u::before { width:24px; height:30px; line-height:30px; text-decoration:none; text-align:center; display:block; content:"￥"; z-index:9; position:absolute; left:0px; top:0px; color:#666; }
.screening_box .price_input input { width:60px; height:30px; font-size:13px; border:1px solid #c7c6c6; color:#666; float:left; padding:0 0 0 20px; margin-right:15px; }

.sxbox-list{ border:1px solid #eee;}
.sxbox-list .sxbox-list-a{border-bottom: 1px solid #eee; padding:6px 0; }
.sxbox-list .sxbox-list-a:last-child{ border-bottom:none; }
.sxbox-list .sxbox-list-a span{ width:8%; display:block; float:left; text-align:right; color:#666; font-size:13px; line-height:36px; }
.sxbox-list .sxbox-list-a .sxbox-list-g{ width:92%; padding:0 5px; float:left; font-size:13px; }
.sxbox-list .sxbox-list-a .sxbox-list-g a{display:inline-block; font-size:13px; padding:0 6px; line-height:26px; margin:6px 0 0; color:#666; }
.sxbox-list .sxbox-list-a .sxbox-list-g a:hover { background:#E93234; color:#FFFFFF; }
.sxbox-list .sxbox-list-a .sxbox-list-g .on{ background:#E93234; color:#FFFFFF; }

.color-e93234{ color:#e93234; }
.sxbox-px{ padding:5px 0 7px; border:1px solid #eee; border-top:0; }
.sx-head .sx-lef button{outline: none;}
.sx-head .sx-right button{ outline:none; }
.sx-head .sx-right .pages-counts { line-height:28px; display:block; padding:0 6px; font-size:13px; float:left; }
.sx-head .sx-right .pages-counts span { padding:0 1px; color:#666; }
.sx-head .sx-right .pages-counts span.red { color:#e93234; }
.sx-head .sx-right .empty_btn { border:1px solid #fbfbfb; background:none; float:left; font-weight:bold; }
.sx-head .sx-right .empty_btn:hover { border:1px solid #e93234; color:#e93234; }
.sx-head .sx-right .pager { display:inline-block; margin:0px; }
.sx-head .sx-right .pager li { margin:0px; float:left; }
.sx-head .sx-right .pager li:first-child { margin-right:0px; padding:0px; }
.sx-head .sx-right .pager span { height:28px; line-height:28px; padding:0 10px!important; border-radius:0px; margin-right:0px; margin:0px !important; }
.sx-head .sx-right .pager li:first-child span { /*border-right:0px;*/ }
.sx-head .sx-right .pager a { height:28px; line-height:28px; padding:0 10px!important; border-radius:0px; margin-right:0px; margin:0px !important; border:1px solid #c7c6c6; }
.sx-head .sx-right .pager a:hover,.sx-head .sx-right .pager a:focus { border:1px solid #e93234; color:#e93234; }
.sx-head .sx-right .pager li:first-child a {  }
.sx-head{ padding:6px 15px 0 15px; }
.sx-head .on{ background:#fff; color:#e93234; }
.sx-head .btn { font-size:13px!important; padding:4px 5px; border:1px solid #c7c6c6; border-radius:0px; }
.sx-head .btn:hover { color:#e93234; border:1px solid #c7c6c6; }
.sx-head .xiala { position:relative; }
.sx-head .xiala ul::before { width:54px; height:1px; position:absolute; left:0px; top:-1px; content:""; z-index:9; background:#fff; }
.sx-head .xiala ul { background:#fff; border:1px solid #c7c6c6; position:absolute; left:-1px; top:28px; display:none; z-index:999999; }
.sx-head .xiala ul li { width:100%; height:32px; line-height:32px; border-bottom:1px solid #eee; }
.sx-head .xiala ul li:nth-last-child(1) { border-bottom:0px; }
.sx-head .xiala ul li a { padding:0 14px; }
.sx-head .xiala ul li.ons a { color:#e93234 !important; }

.sx-cen{line-height: 40px; border-bottom: 1px solid #f5f5f5; padding: 0 10px;}
.sx-cen .sx-b{width: 5%; text-align: center;}
.sx-cen .sx-c{width: 45%; color: #333;}
.sx-cen .sx-c a{width: 100%;display: block;}
.sx-cen .sx-c a:hover{color: #E93234;}
.sx-cen .sx-d{width: 28%; text-align: center;}
.sx-cen .sx-d a{width: 100%;display: block; color: #a6a6a6;}
.sx-cen .sx-d a:hover{color: #E93234;}
.sx-cen .sx-e{float: right; width: 7%; text-align: center;}
.sx-cen .sx-e a{ width:100%; text-align:center; display: inline-block; float:left; font-size: 12px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.sx-cen .sx-e a i{ font-size:12px; margin-right:5px; }

.sx-headbox .headtitle{font-size: 14px; color: #333 !important;}
.sx-headbox .headtitle .sx-e a{color: #333; font-size: 14px;}
.silectbox .col-xs-3{width: 20%;}

/*服务中心*/
.bgmtitle h3{line-height: 36px; font-size: 14px;position: relative; font-weight: bold;}
.bgmtitle h3:after{position: absolute;content: ""; width: 4px; height: 60%;background: #E93234; top: 50%; transform: translateY(-50%); left: -20px;}
.bgmtitle h1{line-height: 46px;}
.bgmtitle h4{line-height: 32px; font-size: 13px; font-weight: bold;}
.bgmtitle p{line-height: 28px;color: #999999;}

/*配音资讯*/
.infoswiper{padding: 15px;}
.infoswiper img{ width: 100%; min-height: 300px; }

.infotitlelist{border-bottom: 1px dotted #CCCCCC; padding: 15px 0;}
.infotitlelist:first-child{padding-top: 0;}
.infotitlelist:last-child{border-bottom: 0;}
.infotitlelist img{width: 24%; height: 120px; padding-right: 15px;}
.info-titlebox{width: 76%;}
.onimg-infotitle .info-titlebox{width: 100%;}
.info-titlebox h2{line-height: 38px; width: 90%;}
.info-titlebox .hovercolor:hover{color: #E93234 !important;}
.info-titlebox{display: block; position: relative;}
.info-titlebox .look{position: absolute; line-height: 18px; bottom: 0; right: 0;}
.info-titlebox p.c{ line-height:22px; color:#888; height:44px;}
.info-titlebox .info-zuoz{ width:100%; height:24px; overflow:hidden; color:#888; }
.info-titlebox .info-zuoz span{ display:inline-block; padding:0 5px; border:1px solid #E93234; color: #E93234; margin-right:10px;}

/*配音资讯详情*/
.py-infotitle h1{ line-height:42px; }
.py-infotitle .py-laber{ position:relative; height:40px; }
.py-infotitle .py-laber:after{ width:100%; height:1px; content:""; background:#ece7e7; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.py-infotitle .py-laber li{ height:40px; font-weight:500; line-height:40px; display:inline-block; margin:0 10px;}
.py-infotitle .py-laber li em,.py-infotitle .py-laber li div { display:block; float:left; }
.py-infotitle .py-title p{line-height: 28px; font-size: 15px; color: #474747; /*text-indent:2em;*/ margin-bottom:5px; }

/*配音案例*/
.pyca-nav li{ float:left; line-height:32px; font-size:14px; }
.pyca-nav li:hover a{ color:#E93234; }
.pyca-nav { margin-bottom:10px; }
.pyca-list-centen { padding:0 5px; margin-bottom:15px; }
.pyca-list-centen img{ width:100%; height:150px; position:relative; transition:all .4s; }
.pyca-list-centen img:hover { -webkit-transform:scale(1.1); transform:scale(1.1); }
.pyca-list-centen .pyca-head{ position:absolute; top:110px; height:40px; width:235px; padding: 0 10px; background: rgba(0,0,0,0.5); color:#fff; line-height:40px; }
.pyca-list-centen .paca-a{ line-height:26px; color:#888888; }
.pyca-list-centen .pyca-listbox p{line-height: 20px;height: 40px; color: #999; overflow: hidden; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
.pyca-list-centen .img_boxs { width:100%; height:150px; overflow:hidden; }
.pyca-list-centen .coolc { width:30px; height:30px; cursor:pointer; line-height:30px; position:absolute; z-index:999; display:none; left:50%; top:46px; margin-left:-15px; border-radius:100px; background:#E93234; color:#fff; overflow:hidden; font-size:30px; text-align:center; }
.pyca-list-centen .coolc::after { width:30px; height:30px; border:3px solid #E93234; border-radius:100px; content:""; display:block; position:absolute; top:0px; }
.pyca-list-centen:hover .coolc { display:block; }

/*配音案例详情*/
.headafter{position: relative;}
.headafter:after{position: absolute;content: ""; width: 4px; height: 100%; background:#E93234; left: 0; top: 50%; transform: translateY(-50%);}
.headafter +ul li:nth-child(2n){background: rgba(0,0,0,0.06);}

/*##配音老师##*/
.silectbox{border: 1px solid #eee;}
.border-box{border: 1px solid #eee; margin:0 10px;}

/*样音列表*/
.mousic-list { width:100%; text-align:center; line-height:28px; background:#fff; }
.mousic-list thead tr:last-child{ background:rgba(0,0,0,0.1); color:#666; font-weight:600; }
.mousic-list tbody tr:nth-child(2n){background: rgba(0,0,0,0.02);}
.mousic-list tr{ line-height:40px; color:#575757; border-bottom: 1px solid #eee; }
.mousic-list tr:hover{ background:#eee!important; position:relative; }
.mousic-list tr a:hover{color: #E93234;}
.mousic-list .list-z{ width:4%; }
.mousic-list .list-y{ width:2.5%; text-align:left; }
.mousic-list .list-a{ width:3%; text-align:left; }
.mousic-list .list-a a{ display:block; width:100%; height:100%; line-height:100%; color:#999; }
.mousic-list .list-d{ width:10%; text-align:left; color:#a6a6a6; }
.mousic-list .list-d a { color:#a6a6a6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;width: 100px; }
.mousic-list .list-b { width:40%; text-align:left; font-weight:500; }
.mousic-list .list-b a{ width:100%; display:block; }
.mousic-list .list-c { width:26%; text-align:center; color:#a6a6a6; }
.mousic-list .list-c a{ padding:0 6px; color:#a6a6a6; }
.mousic-list .list-c a.w75 { width:80px; float:left; text-align:right; padding-left:20px; position:relative; padding-right:14px; }
.mousic-list .list-c a.w75 i { position:absolute; left:0px; top:50%; margin-top:-8px; }
.mousic-list .list-c a.w75 u { text-decoration:none; }

/*背景音乐列表*/
.mcbg-list { width:100%; text-align:center; background:#fff; }
.mcbg-list thead tr:last-child{ background:rgba(0,0,0,0.1); color:#666; font-weight:600; }
.mcbg-list tbody tr:nth-child(2n){background: rgba(0,0,0,0.02);}
.mcbg-list tr{ height:40px; color:#575757; border-bottom:1px solid #eee; overflow:hidden; }
.mcbg-list tr:hover{ background:#eee !important;}
.mcbg-list tr a:hover{color: #E93234;}
.mcbg-list tr td { height:40px; padding:0px!important; margin-bottom:0px!important; overflow:hidden; }
.mcbg-list tr td .ssv { line-height:46px !important; }
.mcbg-list a{ padding:0 6px; line-height:40px; display:inline-block; color:#666; font-weight:500; }
.mcbg-list a.w75 { width:70px; float:left; text-align:right; padding-left:20px; position:relative; color:#999; padding-right:14px; }
.mcbg-list a.w75 i { position:absolute; left:0px; top:50%; margin-top:-8px; }
.mcbg-list a.w75 u { text-decoration:none; }

/*小程序二维码*/
.erweim{ width:100%; }

/* 收藏 */
.usr-list li{ width:20%; float:left; }
.usr-list li img{ display:block; width:90%; margin:0 auto 10px; }
.pagination { width:100%; padding-top:20px; }

/*/*配音员注册*/
.joins { width:760px; padding-bottom:15px; float:left; padding-left:15px; }
.joins table{ width:100%; margin:0px auto; margin:0px; padding:0px;}
.joins table tr td{ padding:10px 5px;  background:#fff; }
.joins table tr td label{ margin:0px 20px 8px 0px; }

.tab_title { font-size:13px; font-weight:bold; color:#6e6d6d; text-align:right; width:20%;}
.tab_main { font-size:13px; color:#6e6d6d; text-align:left;}
.STYLE1 { font-size:12px; text-align:left; color:#999; }
.but1{ border:1px solid #c5c5c5; background:url(404.png) white repeat-x left bottom; color:#696969; padding:0px 8px; font-size:13px; font-weight:bold; height:32px; cursor:hand; float:left; }
.but1-nolefborder{border-left: 0;}
.but2 { width:37px; height:31px; border:0px; padding:0px; margin:0px 8px; float:left; cursor:hand; background:url(404.png) no-repeat left top;}
.but3{ border:1px solid #c5c5c5; background:url(404.png) white repeat-x left bottom; color:#696969; padding:3px 8px; font-size:13px; font-weight:bold; height:34px; cursor:hand; float:left; }
.tab_main{margin-left:30px ;}
.tab_main span{color:#c4c2c2;}
.re_main{ width:100%; margin:0px auto 20px auto; height:auto; display:table; }

/* 招聘页面表单样式 */
.user_infox { clear:both; width:1200px; height:auto; display:table; overflow-x:hidden; margin:0 auto; padding:20px 0 0 0; border:1px #e4e4e4 solid; background:#fff; position:relative; }
.input_on{ border:1px solid #c5c5c5; height:32px; background-color:white; color:black; padding:5px; width:270px; float:left; background:url(404.png) repeat-x #fff; }
.input_off{ padding:5px; border:1px solid #c5c5c5; height:32px; width:270px; float:left; background:url(404.png) repeat-x #fff; }
.input_move{ padding:5px; border:1px solid #f00; height:32px; width:270px; float:left; background:url(404.png) repeat-x #fff; }
.input_out{ padding:5px; border:1px solid #c5c5c5; height:32px; width:270px; float:left; background:url(404.png) repeat-x #fff; }
.text{ border:1px solid #c5c5c5; background-color:white; color:black; padding:5px; overflow:auto; }

.input_on1 { height:26px; border:2px solid #c5c5c5; background-color:white; color:black; padding:8px 5px 0px 5px; width:100px; margin-right:8px;}
.input_ont1 { height:26px; border:2px solid #c5c5c5; background-color:white; color:black; padding:8px 5px 0px 5px; width:100px; margin-right:8px;}
.input_off1 { padding:8px 5px 0px 5px; height:26px; border:2px solid #c5c5c5; background-color:#FFF; width:100px; margin-right:8px; }
.input_move1 { padding:8px 5px 0px 5px; height:26px; border:2px solid #c5c5c5; background-color:#FFFFCC; width:100px; margin-right:8px; }
.input_out1 { padding:8px 5px 0px 5px; height:26px; border:2px solid #c5c5c5; border:2px solid #CCC; background-color:#FFF; width:100px; margin-right:8px; }

/* 
 * 
 * 
 * 配音老师注册 （右侧联系客服栏）
 * 
 * 
 */
.jobr { width:922px; height:244px; margin:0 auto 30px auto; }
.service_job { width:270px; height:auto; display:table; background:url(404.png) repeat-y; position:absolute; right:27px; top:20px; }
.service_job .title { width:100%; height:auto; display:table; padding:30px 0 0 25px; }
.service_job .s_photo { width:255px; height:auto; display:table; padding:5px 0 0 10px; }
.service_job .s_infox { width:100%; height:auto; display:table; padding:5px 0 40px 10px; background:url(404.png) no-repeat left bottom; }
.service_job .s_infox dl dt { width:250px; height:28px; line-height:28px; font-size:12px; float:right; }
.service_job .s_infox dl dt p { color:#E93234; font-size:22px; font-weight:600px; float:left; }
.service_job .s_infox dl dt span { float:left; }
.service_job .s_infox dl dt a { float:left; padding:6px 0 0 0; }

/*
 * 
 * 
 * 播放器（样音详情）
 *
 *
 */
.py_audio_box{ width: 100%;}
.py_pyy{ width: 650px; margin: 0 auto; }
.py_pyy_left{ display: inline-block; width: 100px; height: 100px;  float: left;}
.py_pyy_left img { border-radius: 50px; width: 100px; height: 100px;}
.py_pyy_right { display: inline-block; width: 550px; float: left; }
.py_pyy_right .pyy_tags{ width: 600px; line-height: 24px; }
.py_pyy_right .pyy_tags span,.py_pyy_right .pyy_tags a{ display: inline-block; margin: 0px 6px; }
.py_pyy .py_pyy_con{ margin-top: 15px; text-align: left; background-color: #f9f9f9; padding: 5px 10px; line-height: 1.6em; color: #4f4f4f;}
.audio.green-audio-player { width: 70%; min-width: 300px; height: 56px; display: flex; justify-content: space-between; align-items: center; border-radius: 4px; user-select: none; -webkit-user-select: none; background-color: #fff; }
.audio.green-audio-player .play-pause-btn { display: none; cursor: pointer; }
.audio.green-audio-player .spinner { width: 18px; height: 18px; background-image: url(404.png); background-size: cover; background-repeat: no-repeat; animation: spin 0.4s linear infinite; }
.audio.green-audio-player .slider { flex-grow: 1; background-color: #D8D8D8; cursor: pointer; position: relative; }
.audio.green-audio-player .slider .progress { background-color: #E93234; border-radius: inherit; position: absolute; pointer-events: none; }
.audio.green-audio-player .slider .progress .pin { height: 16px; width: 16px; border-radius: 8px; background-color: #ccc; position: absolute; pointer-events: all; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32); }
.audio.green-audio-player .controls { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 18px; color: #55606E; display: flex; flex-grow: 1; justify-content: space-between; align-items: center; margin-left: 24px; margin-right: 24px; }
.audio.green-audio-player .controls .slider { margin-left: 16px; margin-right: 16px; border-radius: 2px; height: 4px; }
.audio.green-audio-player .controls .slider .progress { width: 0; height: 100%; }
.audio.green-audio-player .controls .slider .progress .pin { right: -8px; top: -6px; }
.audio.green-audio-player .controls span { cursor: default; }
.audio.green-audio-player .volume { position: relative; }
.audio.green-audio-player .volume .volume-btn { cursor: pointer; }
.audio.green-audio-player .volume .volume-btn.open path { fill: #44BFA3; }
.audio.green-audio-player .volume .volume-controls { width: 30px; height: 135px; background-color: rgba(0, 0, 0, 0.62); border-radius: 7px; position: absolute; left: -3px; bottom: 52px; flex-direction: column; align-items: center; display: flex; }
.audio.green-audio-player .volume .volume-controls.hidden { display: none; }
.audio.green-audio-player .volume .volume-controls .slider { margin-top: 12px; margin-bottom: 12px; width: 6px; border-radius: 3px; }
.audio.green-audio-player .volume .volume-controls .slider .progress { bottom: 0; height: 100%; width: 6px; }
.audio.green-audio-player .volume .volume-controls .slider .progress .pin { left: -5px; top: -8px; }
/*
 * 
 * 配音详情
 *
 */
.audio-box{position: relative;}
.color4d4d4d{color: #4D4D4D;}
.audio-fx{position: absolute; top: 15px ; right: 15px;}
.audio-listhead{ line-height:60px; border-bottom:1px solid #eee; }
.audio-listhead em { font-weight:bold; }
.audio-secli div{width: 50%; float: left; color: #E93234; line-height: 24px;}
.audio-lab span{ display: inline-block; padding: 0 8px; background: #FAFAFA; border: 1px solid #eaeaea; border-radius: 10px; margin-left: 5px; }
.audio-title li{float: left; margin-right: 20px;}
.audio-detault-r img{ width: 50px; height: 50px; float: left; }
.audio-detault-r .user-title a{line-height: 50px; margin-left: 10px; font-size: 16px; float: left;}*/
.audio-detault-r p{line-height: 22px;}
.audio-go{display: block; margin: 0 auto; width: 100px;}
.teacherlist{ margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px; }
.teacherlist:last-child{margin-bottom: 0;}
.teacherlist img{width: 56px; height: 56px; border-radius: 5px; float: left;}
.teacherlist .teacherlist-title{float: left; line-height: 28px; margin-left: 10px;}
.teacherlist .teacherlist-title p{display: block; width: 210px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*
 * 
 *  需求发布 
 *
 */
.w225{width: 225px !important;}
.demamd-head{font-size: 30px; color: #999;line-height: 90px;}
.demamd-inpt .demamd-tetl{height: 20px; margin: 18px 0; font-size: 16px;}
.demamd-inpt .demamd-tetl span:first-child{color: #cc0000;}
.demamd-inpt h2{font-size: 30px; color: #333; margin-bottom: 20px;}
.demamd-inpt h2 i{font-size: 28px; color: #ccc; display: inline-block; margin-right: 5px;}
.demamd-inpt input:not([type = 'checkbox']):not([type = 'file']){width: 100%; height: 38px; padding: 0 10px; border: 1px solid #ccc;}
.demamd-inpt textarea{width: 100%; min-height: 250px; border: 1px solid #cd0505; padding: 10px; font-size: 14px;}
.demamd-inpt .demamd-inptbox label{width: 10%; float: left; line-height: 38px; color: #393939;}
.demamd-inpt .demamd-inptbox input{width: 90% !important; float: left; border: 1px solid #ccc;}
.demamd-inpt .demamd-checkbox{font-size: 14px; height: 38px; line-height: 38px; margin: 10px 0;}
.demamd-inpt .demamd-labs{line-height: 20px; height: 40px; display: block; color: #999; font-size: 14px;}
.demamd-inpt .demamd-labr{height: 35px; line-height: 35px; font-size: 14px; color: #CC0000;}
.demamd-inpt .sub-btn{width: 100%; height: 45px; outline: none; background: #ff552e; display: block; border: 0; border-radius: 25px; color: #fff; font-size: 22px; }
.miusiclist-nav li{ float:left; padding:0 15px; line-height:48px; position:relative; }

/* 
 * 
 * 我的订单页 
 * 
 */
.order-list .btn{padding: 2px 5px;}
.form-group label{margin-right: 10px;}
.orderlist{ line-height: 40px;}
.orderlist table thead{background: #f2f2f2; color: #666;}
.orderlist tbody tr a:not('.btn'){color: inherit;}
/*
 * 
 * 
 * 在线充值
 * 
 * 
 * 
 */
.payment_box { width:100%; height:auto; display:table; }
.payment_box li { float:left; }
.pay_adds_box { width:100%; height:auto; display:table; clear:both; }
.pay_adds_box .pays_box { width:180px; height:60px; overflow:hidden; border:2px solid #dedede; border-radius:4px; display:block; cursor:pointer; margin:0px 15px 0 0; }
.pay_adds_box .pays_box input { display:none; }
.pay_adds_box .pays_box em { clear:both; font-style:normal; }
.pay_adds_box .pays_box em img{ width:100%; height:100%; }
.pay_adds_box .pays_box p { color:#999; font-weight:400; height:50px; display:block; word-wrap:break-word; }
.pay_adds_box .pays_box i { display:none; }
.pay_adds_box .pays_box a { color:#666; padding-right:10px; text-decoration:none; }
.pay_adds_box .pay_select {border:2px solid #cf000c;color:#cf000c;position:relative;}
.pay_adds_box .pay_select i { width:17px; height:17px; background:url(404.png) no-repeat; position:absolute; right:0px; bottom:0px; z-index:9; display:block; }

.upment_box { width:100%; height:auto; display:table; }
.upment_box li { float:left; }
.up_adds_box { width:100%; height:auto; display:table; clear:both; }
.up_adds_box .ups_box { width:180px; height:60px; overflow:hidden; border:2px solid #dedede; border-radius:4px; display:block; cursor:pointer; margin:0px 15px 0 0; }
.up_adds_box .ups_box input { display:none; }
.up_adds_box .ups_box em { clear:both; font-style:normal; }
.up_adds_box .ups_box em img{ width:100%; height:100%; }
.up_adds_box .ups_box p { color:#999; font-weight:400; height:50px; display:block; word-wrap:break-word; }
.up_adds_box .ups_box i { display:none; }
.up_adds_box .ups_box a { color:#666; padding-right:10px; text-decoration:none; }
.up_adds_box .ups_select { border:2px solid #cf000c; color:#cf000c; position:relative; }
.up_adds_box .ups_select i { width:17px; height:17px; background:url(404.png) no-repeat; position:absolute; right:0px; bottom:0px; z-index:9; display:block; }

.sg { line-height:28px; color:#999; }
/* 广告配音 */
.adbox-list{ line-height: 60px;}
.adbox-list li{width: 118px; overflow: hidden; text-overflow: ellipsis; float: left; margin-left: 2.2px; margin-bottom: 2px; white-space: nowrap;}
.adbox-list li:nth-child(2n){background: #007AFF;}
.adbox-list li{background: #00FFFF; padding: 0 10px; color: #fff;}
.adbox-list li a{color: inherit;}
.adbox-list li:nth-child(1),li:nth-child(11){margin-left: 0;}
/* 特价配音 */
.tjmiusic-box{}
.tjmiusic-box h2{font-size: 32px; text-align: center; padding: 20px 0 12px;}
.tjmiusic-box h2 span{ color:#e93234; }
.tjmiusic-list-box{width: 49.5%;}
.tjmiusic-list-box li{padding: 0 15px;}
.tjmiusic-list-box li:nth-child(odd){background: #F3F4F5;}
.tjmiusic-list-box li a{line-height: 40px;}
.tjmiusic-list-box li a:hover{ color:#e93234; }
.tjmiusic-list-box li .tjmiusic-list-i{line-height: 32px; margin-right: 10px;}
.tjmiusic-list-box li .tjmiusic-list-i i{display: inline-block;transform: translateY(4px);}
/* 排行榜 */
.ranking-list{padding:0 15px;}
.renking-head{ position: relative; border-bottom: 1px solid #eee;}
.renking-head h2{line-height: 50px; font-size: 18px; color: #666; font-weight: 600; padding-left: 40px;}
.renking-head i{position: absolute; line-height: 50px; font-size: 32px; color:#e93234; }
.ranking-listbox-head li{width: 25%; float: left; padding-left: 30px;}
.ranking-listbox-head li h3{display: block; width: 100%; line-height: 22px; color: #666; position: relative; padding-left: 30px; font-size: 16px;}
.ranking-listbox-head li h3:after{position: absolute; width: 4px; height: 80%; content: ""; background:#f80;left: 0; top: 50%; transform: translateY(-50%);}
.ranking-listbox{width: 25%; float: left; border-right: 1px solid #eee;}
.ranking-listbox:last-child{border: 0;}
.ranking-listbox li{line-height: 46px; overflow: hidden;}
.ranking-listbox li span{color: #999; float: left;}
.ranking-listbox li img{width: 30px; height: 30px; margin: 0 14px; display: inline-block; transform: translateY(8px); float: left;}
.ranking-listbox li a{font-size: 14px; color: #666; max-width: 68%; white-space: nowrap; overflow: hidden; float: left; text-overflow: ellipsis;}

.ranking-zt{padding: 0 15px;}
.ranking-zt .ranking-zt-head{ line-height:52px; border-bottom:1px solid #eee; }
.ranking-zt .ranking-zt-head h3{ line-height:52px; font-size:16px; color: #666; font-weight:bold; }
.ranking-zt .ranking-zt-head ul li{ float:left; margin-left:15px; font-weight:700;}
.ranking-zt .ranking-zt-head ul li.on a { color:#e93234; }
.ranking-zt .ranking-list-box{padding: 25px 76px 20px 90px;}
.ranking-zt .ranking-list-box li{width: 25%; float: left; margin-bottom: 20px;}
.ranking-zt .ranking-list-box li img{width: 50px; height: 50px; margin-right: 10px; float: left;}
.ranking-zt .ranking-list-box li a{display: inline-block; white-space: nowrap; max-width: 60%;float: left; font-size: 14px; color: #666; line-height: 50px; text-overflow: ellipsis; overflow: hidden;}
.ranking-zt .ranking-list-box li a:hover{color: #e93234;}
.ranking-zt .ranking-list-box li .good{width: 20px; height: 20px; display: inline-block; background: url(404.png) no-repeat 50%; background-size: 100%; transform: translateY(2px);}

/* 配音详情 */
.teachardetatult-harend{background: url(404.png) no-repeat; background-size: cover; min-height: 300px;}
.teacher-box{min-height: 370px; padding-top: 30px;}
.teacher-box-a img{width: 175px; height: 175px; box-shadow:0 5px 14px 2px #6d6d6d; border-radius: 5px; float: left;}
.teacherbox-title{ float: left; padding-left: 30px;}
.teacherbox-title .a1{color: #fff;}
.teacherbox-title .a1 .label{display: inline-block; border: 1px solid #e93234; border-radius: 20px; }
.teachar-msg{width: 325px; float: left;}
.teachar-msg:nth-child(n+3){margin-top: 30px;}
.teachar-msg .teachar-msg-l{font-size: 16px; color: #fff; width: 100px; float: left; line-height: 24px;}
.teachar-msg .teachar-msg-l i{width: 6px; height: 6px; background: #fff; display: inline-block; transform: translateY(-2px);}
.teachar-msg .teachar-msg-r{float: left; color: #fff; line-height: 24px; font-size: 16px;}
.teachar-title{line-height: 2rem; font-size: 18px; font-family: "宋体","微软雅黑"; color: #fff; margin-top: 30px; margin-bottom: 20px;}
.teacher-h2{line-height: 32px; font-size: 18px; color: #333; font-weight: bold;}

/* 旁白配音 */
.panbaibanner img{height: 300px; width: 100%;}
.aside_content{position: absolute; width: 500px; top: 40px; left: 60px;}
.aside_content span{display: block;font-size: 46px;text-align: center; color: #fff;}
.aside_content p{font-size: 16px;margin-top: 15px; color: #fff;}

/* 旁白区分 */
.ranking-zt-btn{margin-top: 10px; margin-left: 20px; border-radius:10px ;}
.ranking-zt-btn li{border: 1px solid #ccc; line-height: 28px; padding: 0 10px; margin-left: 0 !important; color: #999;}
.ranking-zt-btn .on{background: #E93234; border-color:#E93234 ; color: #fff;}
.ranking-zt-btn li:nth-child(n+2){border-left: 0 !important;}
.aside{height: 50px; padding-top: 15px; padding-left: 20px;}
.aside li{float: left; border: 1px solid #ccc; padding: 2px 5px; margin-right: 10px; border-radius: 4px;}
.aside li a{color: inherit;}
.aside .on{background: #E93234; color: #fff; border-color: #E93234;}
.panbai-conten ul{width: 745px; height: 200px; float: left; padding-left: 15px; padding-top: 10px;}
.aside_left{line-height: 16px; font-size: 12px; color: #4D4D4D;}
.panbai-conten img{width: 380px; max-height: 200px; float: right; margin-right: 15px;}

.miusiclist-panbai li{width: 48%; float: left; line-height: 40px; border-bottom: 1px solid #eee;}
.miusiclist-panbai li:nth-child(2n){margin-left: 2%;}
.miusiclist-panbai li a:hover{ color:#e93234; }
.miusiclist-panbai li .contione{width: 24px; float: left; margin-right: 20px; margin-left: 15px;}
.miusiclist-panbai li .contione i{ font-size: 28px; color: #666;}
.miusiclist-panbai li .panbai-title{display: inline-block;width: 250px; color: #111; font-size: 14px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-right: 95px; }
.miusiclist-panbai li .panbai-user{width: 150px; float: left; font-size: 14px; color: #666;}

.pangbaividio li{width: 19%; height: 135px; overflow: hidden; float: left; margin: 0 0.5%; position: relative;}
.pangbaividio li img{display: block;width: 100%; max-height: 135px; transition: all 0.2s;}
.pangbaividio li img:hover {transform: scale(1.2);}
.pangbaividio li span{position: absolute; bottom: 0; display: block; width: 100%; line-height: 30px ; background: rgba(0,0,0,0.25); color: #fff; max-width: 214px; padding: 0 5px;}

.ranking-zt-teacher li{width: 19%; float: left;  margin: 0 0.5% 1%;}

.ranking-zt-anli li{width: 20%;margin: 0 0 1%;}
/* 配音列表 */
.celebrity_list li{width: 288px; border: 1px solid #ccc; float: left; margin-left: 9px; margin-bottom: 10px;}
.celebrity_list li img{width: 120px; height: 120px; float: left; margin: 10px;}
.celebrity_list li .celebrity-title{width: 135px; float: left; margin: 10px 10px 10px 0; overflow: hidden; }
.celebrity_list li .celebrity-title p:nth-child(2){display: -webkit-box; -webkit-line-clamp: 5; text-overflow: ellipsis; overflow: hidden; line-height: 20px; max-height: 100px; -webkit-box-orient: vertical; color: #666;}

/* 工作时间 */
.worktime  table tr td{ border: 1px solid #eee; width: 8%; text-align: center; line-height: 2rem;}
.worktime  table tr:nth-child(even){background: #E0E0E0;}
.worktime  table thead{background: #E0E0E0;}

/*公告列表*/
.announce_list { width:1200px; background:#fff; padding:50px; }
.announce_list .title { width:100%; font-size:22px; color:#000; }
.announce_listitem { width:100%; height:126px; display:block; font-size:14px; border-bottom:1px solid #eee; padding-top:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.announce-listitem-title { font-weight:500; line-height:1; font-size:18px; color:#333; }
.announce-listitem-detail{ line-height:1; margin-top:15px; margin-bottom:6px; color:#999; font-size:14px; height:20px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; }
.announce-plussystem { display:inline-block; font-size:12px; color:#ccc; }
.announce_listitem a:hover .announce-listitem-title { color:#f10214; }
.announce_listitem a:hover .announce-plussystem { color:#999; }

/* 公告详情 */
.notice_box { width:100%; height:auto; display:table; background:#fff; padding:60px; }
.notice_box .title_notice { width:100%; height:65px; border-bottom:1px solid #eee; text-align:center; font-size:26px; font-weight:bold; }
.notice_box .title_notice p { width:100%; font-size:12px; font-weight:500; padding-top:5px; color:#999; }
.notice_box .notice_body { width:100%; height:auto; display:table; padding-top:20px; font-size:14px; line-height:28px; color:#666; }

.priceBlock { width:100%; height:auto; display:table; background:#fff; }
.priceBlock h3 { line-height:1em; color:#666; font-size:26px; font-weight:bold; padding:20px 0 12px; text-align:center; }
.priceBlock h3 span { color:#f10214; }
.bd { width:100%; height:auto; display:table; background:#fff; padding-top:15px; padding-bottom:20px; }
.bd ul li { width:595px; height:42px; padding:6px; float:left; position:relative; }
.bd ul li i { width:30px; height:30px; float:left; text-align:center; line-height:32px; font-size:20px; overflow:hidden; color:#666; cursor:pointer; }
.bd ul li i:hover {color:#E93234; }
.itemVoice .icon-suspend{color:#E93234;}
.bd ul li .name { height:30px; line-height:30px; color:#666; padding-left:6px; }
.bd ul li .order_url { height:30px; line-height:30px; float:right; padding-right:4px; text-decoration:underline!important; }
.bd ul li a:hover { color:#f10214; }
.bd ul li:nth-child(odd) { margin-right:10px; }
.bd ul li:nth-child(1),
.bd ul li:nth-child(2),
.bd ul li:nth-child(5),
.bd ul li:nth-child(6),
.bd ul li:nth-child(9),
.bd ul li:nth-child(10),
.bd ul li:nth-child(13),
.bd ul li:nth-child(14),
.bd ul li:nth-child(17),
.bd ul li:nth-child(18),
.bd ul li:nth-child(21),
.bd ul li:nth-child(22),
.bd ul li:nth-child(25),
.bd ul li:nth-child(26),
.bd ul li:nth-child(29),
.bd ul li:nth-child(30),
.bd ul li:nth-child(33),
.bd ul li:nth-child(34),
.bd ul li:nth-child(37),
.bd ul li:nth-child(38),
.bd ul li:nth-child(41),
.bd ul li:nth-child(42),
.bd ul li:nth-child(45),
.bd ul li:nth-child(46),
.bd ul li:nth-child(49),
.bd ul li:nth-child(50),
.bd ul li:nth-child(53),
.bd ul li:nth-child(54),
.bd ul li:nth-child(57),
.bd ul li:nth-child(58),
.bd ul li:nth-child(61),
.bd ul li:nth-child(62),
.bd ul li:nth-child(65),
.bd ul li:nth-child(66),
.bd ul li:nth-child(69),
.bd ul li:nth-child(70) { background:#f7f7f7; }