@charset "utf-8";
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;font-size:100%;user-select:none}
dd,dl,dt,li,ol,u,ul{list-style:none;padding:0;margin:0}
a,address,caption,cite,code,dfn,em,i,s,strong,th,var{font-style:normal;text-decoration:none}
label input{vertical-align:middle}
a{ text-decoration:none!important; color:#666}
a:hover{ text-decoration:none; color:#00c8c6; }
a.hidefocus{ outline:0; }
body{font:12px/1.5 "微软雅黑",Arial,Helvetica,sans-serif;color:#000;background:#fff}
img{border:0;vertical-align:middle}
.clear{clear:both;line-height:0;font-size:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.border_bottom { border-bottom:1px solid #eee; }
.font-size-20 { font-size:20px; }
.body_box { padding-bottom:20px; }

.myvideo_box { width:100%; height:362px; padding:8px; }
.myvideo_box .video-js { width:100%; height:362px; }
.myvideo_box .video-js .vjs-big-play-button {font-size:5em;line-height:66px;height:70px;width:70px;border-radius:100%;top:50%;left:50%;margin:-35px 0 0 -35px;}

/* 物体180度旋转 */
.rotate{ transform-origin:center center; transform:rotate(180deg); transition:transform 0.2s; }
.rotate1{ transform-origin:center center; transform:rotate(0deg); transition:transform 0.2s; }

.pull-left { float:left!important; }
.pull-right { float:right!important; }
.clearpadiing{ padding:0; }
.clearmargin{ margin:0; }
.clearborder{ border:0!important; }

.w1200 { width:1200px!important; padding:0px!important; margin:0 auto; clear:both; }
.container { width:1200px!important; padding:0px!important; margin:0 auto; clear:both; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; } 
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; } 
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999; }

.btn-primary { background:#009e9d; border:1px solid #009e9d; }
.btn-primary:hover { background:#00c8c6; border:1px solid #00c8c6; }
.btn-outline.btn-primary { background:#fff; border:1px solid #009e9d; }
.btn-outline.btn-primary:hover { background:#009e9d; }

/* 详情页 banner */
.info_banner { width:100%; height:300px; }
.info_banner a { width:100%; height:300px; display:block; }

/* 轮播 */
.bannerbox { width:100%; height:450px; background:#fff; }
.bannerbox .swiper-container{ width:100%!important; height:450px; overflow:hidden; }
.bannerbox .swiper-slide a{ width:100%!important; height:450px; background-size:auto 450px; text-align:center; overflow:hidden; display:block; }
.bannerbox .swiper-pagination span{ width:10px; height:10px; border-radius:20px; transition:0.2s all; }
.bannerbox .swiper-pagination-bullet-active{ width:30px!important; background:#fff; transition:0.2s all; }
.swiper-button-prev.swiper-button-white.bannericon-right{ background:rgba(0,0,0,0.5); width:40px; height:40px; text-align:center; left:50%; opacity:0; margin-left:-700px; overflow:hidden; border-radius:40px; }
.swiper-button-prev.swiper-button-white.bannericon-right i{ width:40px; height:40px; line-height:40px; font-size:22px; color:#FFF; }
.swiper-button-next.swiper-button-white.bannericon-left { background:rgba(0,0,0,0.5); width:40px; height:40px; right:50%; opacity:0; margin-right:-700px; text-align:center; overflow:hidden; border-radius:40px; }
.swiper-button-next.swiper-button-white.bannericon-left i{ width:40px; height:40px; line-height:40px; font-size:22px; color:#FFF; }
.bannerbox .swiper-container .bannericon-right,.bannerbox .swiper-container .bannericon-left{ transition:0.2s all; }
.bannerbox .swiper-container:hover .bannericon-right { margin-left:-600px; opacity:1; }
.bannerbox .swiper-container:hover .bannericon-left { margin-right:-600px; opacity:1; }

/* TAB样式 */
.index_tab { width:100%; height:60px; background:#eee; }
.index_tab a { width:50%; height:60px; text-align:center; font-size:20px; display:block; float:left; background:#e8e8e8; }
.index_tab a span { position:relative; line-height:60px; padding-left:48px; }
.index_tab a i { width:38px; height:38px; line-height:36px; font-size:24px; display:block; position:absolute; left:0px; top:50%; margin-top:-19px; border:1px solid #999; border-radius:60px; }
.index_tab a:hover { background:#dedede; color:#01c8b3; }
.index_tab a:hover i { border:1px solid #01c8b3; background:#01c8b3; color:#fff; }
.index_tab a.on { background:#01c8b3; color:#fff; }
.index_tab a.on i { border:1px solid #fff; }
.index_tab a.on:hover i { background:#fff; color:#01c8b3; }

/* 包屑导航 */
.breadcrumb { width:1200px; height:40px; line-height:40px; margin:0px auto; padding:0px; color:#999; }
.breadcrumb:before { content:"\e65e"; font-family:"coolc"; font-size:14px; padding-right:5px; }
.breadcrumb .navigation-pipe:before{ width:6px; content:"\e64a"; font-size:10px; display:inline-block; text-align:right; color:#ccc; font-family:"coolc"; padding:0 15px 0 7px; }
.breadcrumb a { color:#999; }
.breadcrumb a:hover { color:#f00; }

/* 没有数据提示 */
.no_data_box { width:100%; height:auto; display:table; text-align:center; padding:100px 0; border:1px solid #eee; border-radius:3px; background:#fff; }
.no_data_box span { width:260px; height:140px; margin:0 auto; display:block; background:url(../svg/nodata.svg) no-repeat center; background-size:auto 100%; }
.no_data_box em { width:260px; height:140px; margin:0 auto; display:block; background:url(../svg/cart_no.svg) no-repeat center; background-size:auto 100%; }
.no_data_box u { width:260px; height:140px; margin:0 auto; text-decoration:none; display:block; background:url(../svg/noorder.svg) no-repeat center; background-size:auto 100%; }
.no_data_box h3 { width:100%; height:40px; line-height:25px; padding-top:15px; font-size:16px; display:block; }
.no_data_box p { width:100%; height:40px; line-height:20px; font-size:12px; color:#999; display:block; }
.no_data_box p a { padding-left:5px; }
.no_data_box .btn { margin-top:8px; }

/* 通用TAB */
.tabs_right_box_min { width:100%; height:42px; display:table; margin:0 auto; margin-bottom:20px; border-bottom:1px solid #eee; position:relative; }
.tabs_right_box_min ul { width:100%; height:42px; position:absolute; left:0px; top:0px; }
.tabs_right_box_min ul li { float:left; height:42px; line-height:40px; margin-right:30px; }
.tabs_right_box_min ul li a { font-size:16px; display:block; }
.tabs_right_box_min ul li span { margin-left:5px; }
.tabs_right_box_min ul li.active { height:42px; border-bottom:3px solid #CE1336; margin-bottom:-3px; display:block; }
.tabs_right_box_min ul li.active a { color:#CE1336; }
.tabs_right_box_min ul li.active span { background:#CE1336; color:#fff; }

/* 表单验证 */
textarea.invalid-text,input.invalid-text,select.invalid-text{ border:2px #DD0000 solid !important; }
textarea.valid-text,input.valid-text,select.valid-text{ border:1px #06AC87 solid; }

/* 右侧QQ客服 */
.service_kefu_box { width:120px; height:auto; display:table; background:#00c8c6; border-radius:6px; position:fixed; bottom:160px; z-index:99; right:50%; margin-right:-740px; overflow:hidden; }
.service_kefu_box h3 { width:100%; height:36px; line-height:36px; display:block; color:#fff; text-align:center; font-size:15px; font-weight:600; border-bottom:1px solid rgba(255,255,255,.3); }
.service_kefu_box .qq_list { padding:8px 0 4px 0; border-bottom:1px solid rgba(255,255,255,.3); }
.service_kefu_box .qqs_box { width:100%; height:38px; line-height:30px; display:block; text-align:center; }
.service_kefu_box .qqs_box img { width:30px; height:30px; border-radius:20px; margin-right:5px; }
.service_kefu_box .qqs_box em { color:#fff; }
.service_kefu_box .qqs_box:hover em { color:#fef500; }
.service_kefu_box .tel_list { padding:8px 0; border-bottom:1px solid rgba(255,255,255,.3); }
.service_kefu_box .tel_list .tel_box { width:100%; height:30px; line-height:30px; color:#fff; display:block; text-align:center; }
.service_kefu_box .qr_code { width:100%; height:auto; display:table; text-align:center; padding-top:10px; }
.service_kefu_box .qr_code img { width:86%; margin:0 auto; }
.service_kefu_box .qq_box { width:100%; height:30px; line-height:28px; display:block; text-align:center; }
.service_kefu_box .qq_box em { color:#fff; }
.service_kefu_box .bottom_top { width:100%; height:36px; line-height:34px; display:block; cursor:pointer; border-top:1px solid rgba(255,255,255,.3); color:#fff!important; text-align:center; }
.service_kefu_box .bottom_top samp { font-size:12px!important; }

/* QQ客服弹层 */
.mask_kefu_box { width:100%; height:auto; background:url(../images/expbg.png) no-repeat center bottom; }
.mask_kefu_box .mask_title { width:100%; height:50px; line-height:50px; text-align:left; font-size:18px; position:relative; padding:0 0 0 50px; font-weight:500; border-bottom:1px solid #eee; }
.mask_kefu_box .mask_title i { font-size:24px; position:absolute; left:20px; top:13px; }
.mask_kefu_box .mask_title em { height:24px; line-height:24px; font-size:12px; color:#ccc; left:135px; top:16px; position:absolute; }
.mask_kefu_box ul { width:100%; height:auto; display:table; padding:20px 20px 10px 20px; }
.mask_kefu_box ul li { width:50%; float:left; }
.mask_kefu_box ul li a { width:100%; height:60px; line-height:40px; display:block; padding:0 0 20px 0; }
.mask_kefu_box ul li a img { width:40px; height:40px; border-radius:20px; margin-right:8px; }

/* 右侧BAR工具栏 */
.global_toolbar { width:36px; height:100%; position:fixed; background:#000; z-index:1001; top:0; right:0; -webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91); transition:all .4s cubic-bezier(.2,.83,.42,.91); }
.global_toolbar .toolbar_btn { width:100%; height:100%; position:relative; padding-top:150px; float:left; }
.global_toolbar .toolbar_btn a { width:36px; height:auto; cursor:pointer; display:block; margin-bottom:1px; position:relative;  }
.global_toolbar .toolbar_btn a .em { width:auto; text-align:right; line-height:40px; white-space:nowrap; padding:0 3px 0 13px; font-size:14px; position:absolute; right:36px; top:0px; bottom:0px; display:none; background:#ff9600; color:#fff; }
.global_toolbar .toolbar_btn a:hover .em { display:block; right:36px; }
.global_toolbar .toolbar_btn a samp { width:36px; height:30px; line-height:30px; font-size:20px; color:#ff9600; text-align:center; display:block; }
.global_toolbar .toolbar_btn a:hover,.global_toolbar .toolbar_btn a.active,.global_toolbar .toolbar_btn a.default { background:#ff9600; }
.global_toolbar .toolbar_btn a:hover samp { color:#fff !important; }
.global_toolbar .toolbar_btn a.user_btn { height:auto; display:table; padding:5px 0 10px 0; }
.global_toolbar .toolbar_btn a.user_btn samp { height:26px; line-height:26px; }
.global_toolbar .toolbar_btn a.user_btn em { width:36px; height:16px; text-align:center; display:block; color:#fff; }
.global_toolbar .toolbar_btn a.bar_cart { height:auto; display:table; padding:5px 0 10px 0; }
.global_toolbar .toolbar_btn a.bar_cart em { width:16px; height:auto; font-size:13px; line-height:14px; display:table; text-align:center; margin:0 auto; color:#fff; }
.global_toolbar .toolbar_btn a.bar_all { height:auto; display:table; padding:6px 0; }
.global_toolbar .toolbar_btn a.bottom_top { height:auto; display:table; padding:4px 0; position:absolute; bottom:10px; left:0px; }
.global_toolbar .toolbar_btn .lmliCount { width:20px; height:20px; line-height:20px; display:block; color:#ff9600; overflow:hidden; margin:6px auto 0 auto; background:#fff; border-radius:30px; text-align:center; }
.global_toolbar .toolbar_btn .qr_code { position:relative; }
.global_toolbar .toolbar_btn .qr_code .wechatqr { display:none; box-shadow:0 0px 10px rgba(0,0,0,.2); }
.global_toolbar .toolbar_btn .qr_code:hover .wechatqr { display:block; left:-110px; position:absolute; top:0px; background:#fff; padding:5px; }
.global_toolbar .toolbar_btn .qr_code:hover .wechatqr p { width:100%; height:20px; line-height:18px; text-align:center; display:block; color:#999; }
.global_toolbar .toolbar_content { width:0; background:#fff; position:absolute; right:0px; top:0px; bottom:0px; overflow:hidden; -webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91); transition:all .4s cubic-bezier(.2,.83,.42,.91); }
.global_toolbar .toolbar_content a.coolc { display:none; }

/* 收藏漂浮及弹层 */
.kefu_fixed_box { position:fixed; left:50%; margin-left:-720px; bottom:200px; z-index:99; }
.kefu_fixed_box .kefu_box { width:66px; height:66px; background:#00c8c6; border-radius:100%; display:flex; align-items:center; justify-content:center; }
.kefu_fixed_box .weixin { width:66px; height:66px; color:#fff; display:block; position:relative; margin-top:-66px; }
.kefu_fixed_box .weixin:before { width:66px; height:66px; line-height:66px; z-index:9; position:absolute; left:0px; top:0px; text-align:center; font-family:"coolc"!important; content:"\e6d4"; font-size:38px; display:block; }
@keyframes scale {
  0% {
    transform:scale(1);
  }
  50%,75% {
    transform:scale(1.8);
  }
  78%,100% {
    opacity:0;
  }
}
.kefu_fixed_box .kefu_box:before { content:''; width:66px; height:66px; display:block; border-radius:100%; background:#00c8c6; opacity:0.7; animation:scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02); animation-delay:200ms; transition:0.5s all ease; transform:scale(1); }

/* 老师弹层详情 */
.teacher_mask_info_box { width:100%; height:auto; display:table; padding:20px 20px 14px 20px; }
.teacher_mask_info_box .pull-left { width:100px; height:auto; display:table; }
.teacher_mask_info_box .pull-left img { width:100px; border-radius:100px; }
.teacher_mask_info_box .pull-right { width:500px; }
.teacher_mask_info_box .pull-right b { width:100%; height:46px; font-size:24px; padding-top:4px; font-weight:bold; display:block; }
.teacher_mask_info_box .pull-right b span { font-size:14px; font-weight:500; padding-left:10px; color:#999; }
.teacher_mask_info_box .pull-right b span i { margin-right:2px; font-size:14px; }
.teacher_mask_info_box .pull-right .dubing_info { width:100%; height:auto; display:table; }
.teacher_mask_info_box .pull-right .dubing_info p { width:60%; height:24px; line-height:24px; display:block; color:#666; float:left; }
.teacher_mask_info_box .pull-right .dubing_info p span { margin-right:4px; }
.teacher_mask_list { width:100%; height:auto; display:table; padding:20px; padding-top:0px; }
.teacher_mask_list .l_title { width:100%; height:40px; }
.teacher_mask_list .l_title i { height:32px; line-height:32px; font-size:26px; display:block; float:left; }
.teacher_mask_list .l_title span { height:32px; line-height:32px; font-size:20px; display:block; float:left; padding-left:6px; }
.dub_s_list { width:100%; height:264px; border:1px solid #eee; overflow:hidden; position:relative; }
.dub_s_list ul li { width:100%; height:46px; line-height:46px; font-size:13px; float:left; border-bottom:1px solid #eee; padding:0 15px; }
.dub_s_list ul li:nth-last-child(1) { border-bottom:0px; }
.dub_s_list ul li .p_name { width:452px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dub_s_list ul li .li_right { float:right; padding:10px 0; }
.dub_s_list ul li .li_right a { display:block; float:left; height:26px; }
.dub_s_list ul li .li_right a i { width:28px; height:26px; line-height:26px; text-align:center; font-size:18px; display:block; color:#666; }
.dub_s_list ul li .li_right a:hover i { color:#00c8c6; }
.dub_s_list ul li .li_right a i.like { font-size:21px; color:#00c8c6; }
.dub_s_list ul li .li_right a i.like:hover { color:#fbcf01; }
.dub_s_list ul li .li_right .btn_warning { height:26px; line-height:26px; padding:0 10px; font-size:12px; border-radius:20px; background:#fee300; color:#000; margin-left:4px; }
.dub_s_list ul li .li_right .btn_warning:hover { background:#fef500; }
.dubing_footer { width:100%; padding-top:16px; }
.dubing_footer .btn_warning { height:35px; line-height:35px; display:block; float:left; background:#fee300; border:1px solid #fee300; color:#000; border-radius:.215rem; margin-right:6px; padding:0 .858rem; font-size:1rem; }
.dubing_footer .btn_warning:hover { background:#fed100; border:1px solid #fed100; }

/* 收藏弹层 */
.favorite_title { width:100%; height:46px; line-height:46px; padding:0 12px; font-size:16px; }
.favorite_title i { font-size:20px; margin-right:2px; }
.favorite_box { width:100%; height:auto; display:table; }
.favorite_box #tabContainer { width:100%; height:40px; position:relative; padding-left:15px; }
.favorite_box #tabContainer::after { height:1px; content:''; position:absolute; left:0px; bottom:0px; right:0px; background:#eee; }
.favorite_box #tabContainer ul { width:100%; height:40px; border-left:1px solid #eee; }
.favorite_box #tabContainer ul li { width:120px; height:40px; line-height:38px; font-size:14px; color:#666; cursor:pointer; text-align:center; float:left; border-right:1px solid #eee; border-top:1px solid #eee; }
.favorite_box #tabContainer ul li.active { position:relative; color:#00c8c6; }
.favorite_box #tabContainer ul li.active::after { height:2px; content:''; position:absolute; background:#00c8c6; left:-1px; top:-1px; right:-1px; }
.favorite_box #tabContainer ul li.active::before { height:2px; content:''; z-index:99; position:absolute; background:#fff; left:0px; bottom:0px; right:0px; }
.favorite_box #tabContainer .gl_btn { height:40px; line-height:40px; display:block; font-size:15px; position:absolute; top:-4px; right:0px; padding:0 15px; }
.favorite_box #tabContainer .gl_btn i { margin-right:3px; }

/* 收藏弹层 -- 样音收藏*/
.dub_f_list { width:100%; height:414px; border:1px solid #eee; border-top:0px; overflow:hidden; position:relative; }
.dub_f_list ul li { width:100%; height:46px; line-height:46px; font-size:13px; float:left; border-bottom:1px solid #eee; padding:0 15px; }
.dub_f_list ul li:nth-last-child(1) { border-bottom:0px; }
.dub_f_list ul li .p_name { width:480px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dub_f_list ul li .li_right { float:right; padding:10px 0; }
.dub_f_list ul li .li_right a { display:block; float:left; height:26px; }
.dub_f_list ul li .li_right a i { width:28px; height:26px; line-height:26px; text-align:center; font-size:18px; display:block; color:#666; }
.dub_f_list ul li .li_right a:hover i { color:#00c8c6; }
.dub_f_list ul li .li_right a i.like { font-size:21px; color:#00c8c6; }
.dub_f_list ul li .li_right a i.like:hover { color:#fbcf01; }
.dub_f_list ul li .li_right .btn_warning { height:26px; line-height:26px; padding:0 10px; font-size:12px; border-radius:20px; background:#fee300; color:#000; margin-left:4px; }
.dub_f_list ul li .li_right .btn_warning:hover { background:#fef500; }

/* 收藏弹层 -- 老师收藏*/
.sound_f_box { width:100%; height:414px; overflow:hidden; }
.sound_f_box .title { width:100%; height:52px; position:relative; padding-left:10px; border-bottom:1px solid #eee; }
.sound_f_box .title .dub_user { float:left; }
.sound_f_box .title .dub_user img { width:36px; height:36px; margin:8px 0; float:left; }
.sound_f_box .title .dub_user b { font-size:16px; line-height:52px; color:#333; display:block; float:left; padding:0 10px 0 6px; }
.sound_f_box .title .dub_tag_desc { float:left; padding:10px 0 0 15px; position:relative; }
.sound_f_box .title .dub_tag_desc::after { width:1px; content:''; background:#dedede; position:absolute; left:0px; top:8px; bottom:3px; opacity:0.4; }
.sound_f_box .title .dub_tag_desc .tag { width:100%; height:15px; line-height:15px; margin-bottom:2px; }
.sound_f_box .title .dub_tag_desc .tag span { padding:0px 6px; border-radius:30px; background:#eee; color:#666; display:block; float:left; margin-right:4px; }
.sound_f_box .title .dub_tag_desc .tag span:hover { background:#fee300; color:#000; }
.sound_f_box .title .dub_tag_desc .desc { width:100%; height:18px; line-height:18px; }
.sound_f_box .title .dub_tag_desc .desc span { display:block; float:left; color:#999; padding-right:16px; position:relative; opacity:0.6; }
.sound_f_box .title .dub_tag_desc .desc span::before { width:16px; line-height:18px; text-align:center; content:'·'; position: absolute; right:0px; top:0px; color:#999; }
.sound_f_box .title .dub_tag_desc .desc span:nth-last-child(1)::before { display:none; }
.sound_f_box .title .paly_sc_btn { float:right; padding:8px 10px 8px 0px; }
.sound_f_box .title .paly_sc_btn a { display:block; float:left; height:32px; }
.sound_f_box .title .paly_sc_btn a i { width:32px; height:32px; line-height:32px; text-align:center; font-size:23px; display:block; color:#999; }
.sound_f_box .title .paly_sc_btn a:hover i { color:#fde200; }
.sound_f_box .title .paly_sc_btn .btn_warning { height:32px; line-height:32px; padding:0 12px; border-radius:20px; background:#fee300; color:#000; margin-left:6px; }
.sound_f_box .title .paly_sc_btn .btn_warning:hover { background:#fef500; }

/* 重置分页样式 */
.pagination { padding-top:20px; }
.pagination .active span { background:#009e9d; border:1px solid #009e9d; }
.pagination li>a:focus,.pagination li>a:hover,.pagination li>span:focus,.pagination li>span:hover { color:#009e9d; }
.pagination .active:hover span { background:#009e9d; border:1px solid #009e9d; color:#fff; }
.page_bottom_box { width:100%; height:auto; text-align:center !important; background:#fff; padding-bottom:20px; }
.page_bottom_box .pagination { width:auto; margin:0 auto; height:auto; text-align:center !important; }
.page_bottom_box .pagination span,.page_bottom_box .pagination a { font-size:16px !important; }

/* minlogin 弹层样式 */
.mask_input_box { width:100%; height:auto; display:table; padding:20px 26px; }
.mask_input_box .form-control { height:40px; border-radius:0px; }
.mask_input_box .btn { height:40px; border-radius:0px; background:#00c8c6; border:none; border-radius:3px; }
.mask_input_box .btn:hover { background:#009e9d; border:none; }
.mask_input_box .title { width:100%; height:40px; }
.mask_input_box .title b { font-size:18px; display:block; float:left; }
.mask_input_box .title span { height:27px; line-height:32px; overflow:hidden; display:block; float:right; }
.mask_input_box .title span a { color:#009e9d; }
.mask_input_box .reg_box { width:100%; height:30px; padding-top:10px; }
.mask_input_box .reg_box span { display:block; float:left; color:#999; }
.mask_input_box .reg_box a { display:block; float:right; color:#5a5c64; }
.mask_input_box .reg_box a:hover { color:#77c7ff; }

/* 播放器样式 */
.bottom{ position:fixed; left:0; bottom:-66px; width:100%; height:70px; z-index:99; background:url("../images/music_bg.png") repeat; }
.playerWrap{ position:relative; height:100%; padding-left:80px; padding-right:130px; }
.playerWrap .hand { position:absolute; top:-18px; left:0; width:60px; height:22px; background: url("../images/bottom_hand.png") no-repeat 50%; cursor:pointer; }
.playerWrap .hand i { position:relative; left:24px; top:2px; font-size:12px; color:#ccc; }
.playerCon { position:absolute; top:0; left:0; width:80px; height:70px; }
.playerCon .pbtn{ display:block; width:59px; height:59px; }
.playerCon .pbtn .coolc { width:100%; height:59px; text-align:center; font-size:40px; line-height:59px; top:6px; position:absolute; color:#fff; }
.playerCon .pbtn .coolc:hover { color:#009e9d; }
.playInfo{ height:100%; position:relative; }
.trackInfo{ position:absolute; width:100%; height:18px;line-height:18px; top:14px; color:#fff; }
.trackInfo a{color: #fff;font-size: 14px;text-decoration: none;}
.trackCon{ float:right; width:100px; height:18px; }
.trackCon a { width:27px; height:18px; display:block; font-size:18px; float:right; padding-left:9px; }
.trackCon a:hover { color:#009e9d; }
.songName,.songPlay{ float:left; }
.playerLength{ width:100%; height:20px; font-size:10px; position:absolute; top:38px; }
.position{width: 40px;height: 18px;line-height: 18px;position: absolute;left:0;color: #fff;opacity: 0.3}
.duration{width: 40px;height: 18px;line-height: 18px;position: absolute;right:0;color: #fff;opacity: 0.3;text-align: right;}
.pro_box { position:absolute; left:40px; right:40px; height:18px; }
.pro1,.pro2{position: absolute;left: 0;height: 100%;width: 100%;background: url("../images/pro.png") repeat-x 0 50%;}
.dian,.dian2{ display:block; width:12px; height:18px; position:absolute; top:0; background:url("../images/music.png") no-repeat -32px -338px; }
.dian2{left: 79px;}
.line { height:4px; background-image:-webkit-linear-gradient(left,#009e9d 0%,#72eef6 100%); border:none; display:block; position:absolute; top:7px; }
.vol{ position:absolute; top:0; right:0; width:110px; height:100%; }
.vol .volm{ position:absolute; width:110px; height:18px; top:28px; right:0px; }
.vol .volSpeaker{ position:absolute; width:18px; height:18px; background:url("../images/music.png") no-repeat 0 -295px; }
.vol .volControl{ position:absolute; left:24px; width:80px; height:18px; background:url("../images/pro.png") repeat-x 0 50%; }
.date { width:100%; background:url(../images/date.png) no-repeat right center !important; }

/* QQ客服浮层 */
#maskQqkefu_box { display:none; position:absolute; }
.maskQqkefu_box { width:200px; height:auto; display:table; position:relative; border-radius:5px; box-shadow:0 0 5px #ccc; background:#fff; padding:10px; }
.maskQqkefu_box::before { width:0; height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:8px solid #fff; position:absolute; left:9px; top:-8px; content:''; }
.maskQqkefu_box a { width:50%; height:28px; line-height:28px; float:left; position:relative; }
.maskQqkefu_box a i { width:24px; height:28px; line-height:28px; color:#00a4db; position:absolute; }
.maskQqkefu_box a em { width:100%; height:28px; padding-left:20px; line-height:28px; display:block; overflow:hidden; }
.maskQqkefu_box a.grey i { color:#999; }
.maskQqkefu_box a.grey em { color:#ccc; }

/* 上传框架 */
.file_box { width:100%; height:auto; display:table; margin-bottom:8px; clear:both; }
.file_box ul li { width:90px; height:auto; float:left; overflow:hidden; border:1px solid #eee; border-radius:4px; margin-right:6px; position:relative; }
.file_box ul li i { width:20px; height:20px; line-height:20px; text-align:center; position:absolute; top:0px; right:0px; font-size:12px; background:rgba(0,0,0,.6); color:#fff; }
.file_box ul li img { width:90px; height:90px; border-bottom:1px solid #eee; padding:18px 0; }
.file_box ul li span { width:90px; height:30px; line-height:30px; padding:0 6px; color:#ccc; text-align:center; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* 分享按钮 */
#hover_share { position:relative; }
#hover_share::before { height:4px; background:#fff; position:absolute; bottom:-5px; left:-1px; right:-1px; content:""; }
#hover_share #share { width:130px; padding:8px; padding-top:0px; padding-right:0px; position:absolute; top:34px; right:-1px; background:#fff; border:1px solid #eee; border-radius:2px; display:none; }
#hover_share .social-share .social-share-icon { display:block!important; }
#hover_share:hover #share { display:block; }

.min_icon .social-share-icon { width:20px; height:20px; position:relative; display:block; float:left; font-size:14px; border-radius:50%; line-height:20px; border:1px solid #666; color:#666; text-align:center; vertical-align:middle; transition:background 0.6s ease-out 0s; }

/* 详情关联样音 */
.join_music_case { width:100%; height:auto; display:table; padding:15px 0 22px 0; border-bottom:1px solid #eee; }
.join_music_case ul li { width:432px; height:60px; background:#f2f4f5; margin-top:10px; float:left; padding:10px; border-radius:3px; padding-left:60px; position:relative; margin-right:10px; }
.join_music_case ul li:nth-child(2n) { margin-right:0px; }
.join_music_case ul li i { width:40px; height:40px; line-height:40px; font-size:40px; text-align:center; display:block; position:absolute; left:10px; background:#e93234; color:#fff; border-radius:100px; }
.join_music_case ul li i::after { width:40px; height:40px; border:4px solid #e93234; content:""; position:absolute; left:0px; border-radius:100px; }
.join_music_case ul li .os { position:absolute; right:12px; bottom:12px; }
.join_music_case ul li b { width:100%; font-size:14px; font-weight:500; padding-bottom:2px; }
.join_music_case ul li p { width:100%; font-size:12px; font-weight:500; color:#999; }

/* 404页面样式 */
.box_404 { width:1200px; height:auto; display:table; background:#fff; padding:150px 300px 150px 200px; border:1px solid #eee; border-radius:3px; margin:15px auto 0 auto; } 
.box_404 .scc_info { width:100%; height:auto; display:table; padding-bottom:10px; padding-left:150px; background:url(../svg/success.svg) no-repeat left top; background-size:auto 100%; }
.box_404 .scc_info .error-details { width:100%; height:40px; font-size:20px; font-weight:bold; color:#11c26d; }
.box_404 .scc_info p { width:100%; height:32px; display:block; color:#999; }
.box_404 .nogoods_info { width:100%; height:auto; display:table; padding-bottom:10px; padding-left:150px; background:url(../svg/error.svg) no-repeat left top; background-size:auto 100%; }
.box_404 .nogoods_info .error-details { width:100%; height:32px; font-size:20px; font-weight:bold; color:#e4393c; }
.box_404 .nogoods_info p { width:100%; height:50px; display:block; font-size:14px; color:#999; }
.box_404 .error-actions { width:100%; height:32px; display:block; }
.box_404 .error-actions .btn { margin-right:4px; }

.icon-suspend { color:#ff387a !important; }
.playBtn .icon-suspend,.join_music_case .icon-suspend { color:#fff!important; }

/* 通用配音员卡片 */
.userbox { width:290px; height:auto; display:table; border:1px solid #eaf7ff; float:left; position:relative; margin-bottom:15px; border-radius:3px; background:linear-gradient(#eaf7ff,#fff); border-top:2px solid #9ed8ff; }
.userbox .tagesbox { width:auto; position:absolute; right:10px; top:10px; }
.userbox .tagesbox .badge { padding:2px 4px!important; }
.userbox .use-head { width:100%; height:70px; padding:10px 10px 0 10px; }
.userbox .use-head .user-left { float:left; }
.userbox .use-head .user-left,.userbox .use-head .user-left img { width:60px; height:60px; border-radius:60px; }
.userbox .use-head .user-right { width:206px; height:60px; padding-left:10px; float:left; }
.userbox .use-head .user-right .use-tx { width:100%; height:36px; }
.userbox .use-head .user-right .use-tx h2 { width:100%; height:20px; line-height:24px; font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.userbox .use-head .user-right .use-tx p { width:100%; height:16px; }
.userbox .use-head .user-right .use-tx p span { color:#999; }
.userbox .use-head .user-right .use-b { width:100%; height:24px; }
.userbox .use-head .user-right .use-b .use-bleft { width:70%; height:24px; padding-top:6px; float:left; position:relative; }
.userbox .use-head .user-right .use-b .use-bleft .se-spbox{ width:18px; height:18px; overflow:hidden; transition:all .6s; position:absolute; left:0px; }
.userbox .use-head .user-right .use-b .use-bleft .se-spbox span{ width:18px; height:18px; display:block; float:left; font-size:12px; background:#4993fe; text-align:center; line-height:18px; border-radius:15px; color:#fff; margin-right:3px; }
.userbox .use-head .user-right .use-b .use-bleft .se-spbox span:hover { background:#00e5ff; }
.userbox .use-head .user-right .use-b .use-bleft .order_num { width:100%; padding-left:22px; color:#666; }
.userbox .use-head .user-right:hover .use-b .use-bleft .se-spbox { width:auto; background:#fff; }
.userbox .use-head .user-right .use-b .use-bright { width:auto; height:18px; padding-top:6px; float:right; }
.userbox .use-head .user-right .use-b .use-bright a { display:block; float:left; margin-left:7px; }
.userbox .use-head .user-right .use-b .use-bright a i { display:block; height:18px; line-height:18px; color:#7b8195; }
.userbox .z-box { width:100%; height:36px; border-bottom:1px solid #eaf7ff; padding:0 10px; }
.userbox .z-box p { width:50%; height:36px; line-height:36px; display:block; float:left; color:#999; }
.userbox .z-box p span { background:#78c9ff; color:#fff; border-radius:10px; font-size:12px; padding:0 5px; }
.userbox .z-box p span b { font-size:13px; }
.userbox .c-box { width:100%; height:98px; padding:10px; }
.userbox .c-box li { width:100%; height:26px; }
.userbox .c-box li a.p_icon { width:24px; height:26px; line-height:26px; display:block; float:left; }
.userbox .c-box li a.p_icon i { height:26px; line-height:26px; font-size:18px; display:block; color:#7b8195; }
.userbox .c-box li a.p_icon:hover i { color:#ff9600; }
.userbox .c-box li a.p_name{ width:234px; height:26px; line-height:26px; display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.userbox .btn_box { width:100%; height:auto; display:table; border-top:1px solid #eaf7ff; padding:10px; }
.userbox .btn_box a { width:130px; }
.userbox .btn_box a.btn-warning { float:left; }
.userbox .btn_box a.btn-primary { float:right; }
.userbox:hover { border:1px solid #009e9d; border-top:2px solid #009e9d; background:#fff !important; }
.userbox:hover .btn_box a.btn-warning { background-color:#f2a654!important; color:#fff!important; }
.userbox:hover .btn_box a.btn-primary { background-color:#009e9d!important; color:#fff!important; }
.userbox.woman { border-top:2px solid #f3b9de !important; background:linear-gradient(#ffeef4,#fff); }
.userbox.woman .z-box p span { background:#ff8db3; }
.userbox.woman .c-box li a.p_icon i { color:#ff387a; }
.userbox.woman .c-box li a:hover { color:#ff387a; }
.userbox.woman .use-head .user-right .use-b .use-bright a i { color:#ff8db3; }
.userbox.woman .use-head .user-right .use-b .use-bleft .se-spbox span { background:#ffb8d0; }
.userbox.woman .btn_box { border-top:1px solid #eee; } 
.userbox.woman:hover { border:1px solid #f3b9de; border-top:2px solid #f3b9de; background:#fff !important; }

/* 筛选条件 */
.soso_tag_box { width:100%; height:23px; position:relative; margin:12px 0 0 0; }
.soso_tag_box .tag_a { width:80%; height:23px; }
.soso_tag_box .tag_a span { line-height:23px; color:#999; }
.soso_tag_box .tag_a .btn-xs { border:1px dotted #ff4c52; padding:.072rem .6rem; margin-right:4px; }
.soso_tag_box i { font-size:10px !important; }
.soso_tag_box .btn_s { position:absolute; top:0px; right:0px; }
.soso_box { width:100%; height:auto; display:table; position:relative; margin-top:12px; }
.soso_box .form-control { width:100%; height:40px; border-radius:0px; }
.soso_box .seek_btn { width:50px; height:40px; background:none; position:absolute; top:0px; right:0px; border:0px; outline:0px; }
.soso_box .seek_btn i { font-size:18px; color:#666; }
.soso_box .seek_btn:focus { border:0px; }
.sxbox-list{ width:100%; height:auto; display:table; border:1px solid #eee; margin:12px 0; }
.sxbox-list .sxbox-list-a{ width:100%; height:auto; display:table; border-bottom:1px solid #eee; padding:6px 0; overflow:hidden; }
.sxbox-list .sxbox-list-a .tb_class { width:100%; height:auto; display:table; }
.sxbox-list .sxbox-list-a p { width:100%; line-height:32px; font-size:13px; display:block; color:#ccc; padding-left:66px; }
.sxbox-list .sxbox-list-a:last-child{ border-bottom:none; }
.sxbox-list .sxbox-list-a span{ width:5%; display:block; float:left; text-align:right; color:#666; font-size:13px; line-height:36px; }
.sxbox-list .sxbox-list-a .sxbox-list-g{ width:90%; 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 9px; line-height:26px; margin:6px 0 0; color:#666; }
.sxbox-list .sxbox-list-a .sxbox-list-g a:hover { background:#01c8b3; color:#FFFFFF; border-radius:20px; }
.sxbox-list .sxbox-list-a .sxbox-list-g .on{ background:#01c8b3; color:#FFFFFF; border-radius:20px; }
.sxbox-list .sxbox-list-a .more_zhe { width:5%; display:block; float:left; text-align:left; line-height:36px; padding-left:6px; }
.sxbox-list .sxbox-list-a .more_zhe i { font-size:12px; position:absolute; margin-left:4px; line-height:36px; }


.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:#01c8b3; }
.sx-head .sx-right .empty_btn { border:1px solid #fbfbfb; background:none; float:left; font-weight:500; border-radius:3px; }
.sx-head .sx-right .empty_btn:hover { border:1px solid #01c8b3; color:#01c8b3; }
.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 a { height:28px; line-height:28px; padding:0 10px!important; border-radius:0px; margin:0px 2px!important; border:1px solid #eee; border-radius:3px; }
.sx-head .sx-right .pager a:hover,.sx-head .sx-right .pager a:focus { border:1px solid #01c8b3; color:#01c8b3; }
.sx-head{ padding:6px 15px 0 15px; }
.sx-head .on{ background:#fff; color:#01c8b3; }
.sx-head .btn { font-size:13px!important; padding:4px 5px; border:1px solid #c7c6c6; border-radius:0px; }
.sx-head .btn:hover { color:#01c8b3; 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:#01c8b3 !important; }

.screening_box { float:left; padding-left:50px; }
.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-image:-webkit-linear-gradient(bottom,#009e9d 0,#72eef6 100%); border-top:none; }
.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; }

/* 配音员排行榜 */
.ranking_list_all { width:280px; height:855px; float:left; padding:10px 0; }
.ranking_title_box { width:100%; height:55px; }
.ranking_title_box b { display:block; height:45px; line-height:45px; font-size:18px; float:left; font-weight:500; color:#333; }
.ranking_title_box .rec-nav{ width:auto; height:45px; padding:10px 0; line-height:25px; float:right; }
.ranking_title_box .rec-nav li{ height:100%; padding:0 15px; font-size:15px; float:left; color: #666;}
.ranking_title_box .rec-nav a{ display:block; width:100%; height:100%; }
.ranking_title_box .rec-nav .on{  background:#009e9d; color:#fff!important; border-radius:20px; }
.ranking_title_box .rec-nav .on:hover {  background:#00c8c6; }
.ranking_title_box .rec-nav .on a,.ranking_title_box .rec-nav .on:hover a {  color:#fff!important; }
.ranking_list_all .ranking_list { width:100%; height:780px; border:1px solid #eee; border-top:2px solid #009e9d; border-radius:3px; }

.rec-usebox { width:100%; height:auto; display:table; padding:10px; }
.rec-usebox .rec-logo{ width:100%; height:67.5px; border-bottom:1px solid #eee; margin-bottom:10px; }
.rec-usebox .rec-logo .rec-imgbox{ width:57.5px; height:57.5px; float:left; position:relative}
.rec-usebox .rec-logo .rec-imgbox img{ width:57.5px; height:57.5px; border-radius:3px; }
.rec-usebox .rec-logo .rec-imgbox img.nophoto { filter:grayscale(100%); filter:gray; }
.rec-usebox .rec-logo .dub_info { width:198px; float:left; padding-left:10px; }
.rec-usebox .rec-logo .dub_info h2 { width:100%; height:18px; font-size:14px; }
.rec-usebox .rec-logo .dub_info .style_box { width:100%; height:22px; padding-top:2px; }
.rec-usebox .rec-logo .dub_info .style_box span { background:#a6d6d6; font-size:10px !important; padding:0 5px; display:block; float:left; color:#fff; margin-right:4px; border-radius:8px; }
.rec-usebox .rec-logo .dub_info .style_box span:hover { background:#ffc602; }
.rec-usebox .rec-logo .dub_info p { color:#999; }
.rec-usebox .rec-logo em{ width:20px; height:20px; text-align:center; line-height:20px; color:#fff; position:absolute; background:#b2b6c2; top:0px; left:0px; }
.rec-usebox .rec-logo:nth-child(1) em{ background:#ff3988; }
.rec-usebox .rec-logo:nth-child(2) em{ background:#ff723e; }
.rec-usebox .rec-logo:nth-child(3) em{ background:#ffc602; }
.rec-usebox .rec-logo:nth-last-child(1) { height:57.5px; margin-bottom:0px; border-bottom:0px; }

/*样音列表*/
.recommend { width:1200px; height:auto; display:table; padding-top:13px; }
.recommend .recommend-right{ width:906px; height:100%; float:left; }
.recommend-left{ width:278px; height:100%; float:right; }
.recommend-left .ranking_list_all { padding:0px; }
.recommend-left .ranking_list_all .ranking_list { height:auto; display:table; }
.recommend-left .ranking_title_box { height:46px; padding:0 10px; border-bottom:1px solid #eee; }

.mousic-list { width:100%; text-align:center; line-height:28px; background:#fff; border:1px solid #eee; }
.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:#009e9d; }
.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:12%; text-align:left; color:#a6a6a6; }
.mousic-list .list-d a { color:#a6a6a6; }
.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:24%; text-align:center; color:#a6a6a6; }
.mousic-list .list-c a{ padding:0 6px; color:#a6a6a6; }
.mousic-list .list-c a.w75 { width:60px; 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; }
.mousic-list .list-c .likes { position:relative; padding-left:18px; }
.mousic-list .list-c .likes i { color:#ffaa24; position:absolute; left:0px; top:1px; }
.mousic-list .list-c .likes:hover { color:#f8643f; }
.mousic-list .list-c .likes:hover i { color:#f8643f; }
.mousic-list .list-c .free_voice { height:20px; line-height:20px; padding:0 6px; display:inline-block; border-radius:20px; background:#f8643f; color:#fff; margin-left:6px; }
.mousic-list .list-c .free_voice:hover { background:#ff4517; }

.par-left{ width:74%; }
.l-head-a{ width:22%; position:relative; height:100%; display:table-cell; vertical-align:middle; }
.l-head-a .head-abtn { padding-top:10px; }
.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:10px; }
.l-head-b2 .l-head-price span{ margin-right:20px; color:#009e9d; 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;}

/* 样音列表 */
.sound_box { width:100%; height:auto; display:table; margin-bottom:1px; }
.sound_box .title { width:100%; height:48px; background:#00c8c6; position:relative; padding-left:48px; }
.sound_box .title .onclick_bg { width:100%; height:48px; cursor:pointer; }
.sound_box .title .icon-sxjt { width:48px; height:48px; line-height:48px; display:block; color:#fff; text-align:center; position:absolute; left:0px; top:0px; }
.sound_box .title .dub_user { float:left; }
.sound_box .title .dub_user img { width:36px; height:36px; margin:6px 0; float:left; }
.sound_box .title .dub_user b { font-size:16px; line-height:48px; color:#fff; display:block; float:left; padding:0 20px 0 6px; }
.sound_box .title .dub_tag_desc { float:left; padding:8px 20px 0 20px; position:relative; }
.sound_box .title .dub_tag_desc::after { width:1px; content:''; background:#fff; position:absolute; left:0px; top:8px; bottom:3px; opacity:0.4; }
.sound_box .title .dub_tag_desc .tag { width:100%; height:15px; line-height:15px; margin-bottom:2px; }
.sound_box .title .dub_tag_desc .tag span { padding:0px 6px; border-radius:30px; background:#fff; color:#ffaa24; display:block; float:left; margin-right:4px; }
.sound_box .title .dub_tag_desc .tag span:hover { background:#fee300; color:#000; }
.sound_box .title .dub_tag_desc .desc { width:100%; height:18px; line-height:18px; }
.sound_box .title .dub_tag_desc .desc span { display:block; float:left; color:#fff; padding-right:16px; position:relative; opacity:0.6; }
.sound_box .title .dub_tag_desc .desc span::before { width:16px; line-height:18px; text-align:center; content:'·'; position: absolute; right:0px; top:0px; color:#fff; }
.sound_box .title .dub_tag_desc .desc span:nth-last-child(1)::before { display:none; }
.sound_box .title .paly_sc_btn { height:48px; padding:8px 10px 8px 0px; position:absolute; right:0px; top:0px; }
.sound_box .title .paly_sc_btn a { display:block; float:left; height:32px; }
.sound_box .title .paly_sc_btn a i { width:32px; height:32px; line-height:32px; text-align:center; font-size:23px; display:block; color:#fff; }
.sound_box .title .paly_sc_btn a:hover i { color:#fde200; }
.sound_box .title .paly_sc_btn a i.like { font-size:27px; color:#fff; }
.sound_box .title .paly_sc_btn a i.like:hover { color:#fde200; }
.sound_box .title .paly_sc_btn .btn_warning { height:32px; line-height:30px; padding:0 15px; border-radius:20px; border:1px solid #fff; color:#fff; margin-left:10px; }
.sound_box .title .paly_sc_btn .btn_warning:hover { background:#fff; color:#00c8c6; }
.sound_box .dub_list { width:100%; height:414px; border:1px solid #eee; border-top:0px; overflow:hidden; position:relative; }
.sound_box .dub_list ul li { width:50%; height:46px; line-height:46px; font-size:14px; float:left; border-bottom:1px solid #eee; padding:0 15px; }
.sound_box .dub_list ul li:nth-last-child(1),.sound_box .dub_list ul li:nth-last-child(2) { border-bottom:0px; }
.sound_box .dub_list ul li .p_name { float:left; }
.sound_box .dub_list ul li .li_right { float:right; padding:10px 0; }
.sound_box .dub_list ul li .li_right a { display:block; float:left; height:26px; }
.sound_box .dub_list ul li .li_right a i { width:28px; height:26px; line-height:26px; text-align:center; font-size:18px; display:block; color:#666; }
.sound_box .dub_list ul li .li_right a:hover i { color:#00c8c6; }
.sound_box .dub_list ul li .li_right a i.like { font-size:21px; color:#ffaa24; }
.sound_box .dub_list ul li .li_right a i.like:hover { color:#fbcf01; }
.sound_box .dub_list ul li .li_right .btn_warning { height:26px; line-height:26px; padding:0 10px; border-radius:20px; background:#f8643f; color:#fff; margin-left:4px; }
.sound_box .dub_list ul li .li_right .btn_warning:hover { background:#ff4517; }

/* 配音员列表 */
.list_dubbing_user_box { width:1200px; height:auto; display:table; padding-bottom:10px; padding-top:13px; }
.dubbing_user_box ul .userbox { margin-right:13px; }
.dubbing_user_box ul .userbox:nth-child(4n) { margin-right:0px !important; }
.dubbing_user_box ul .userbox .btn { padding:5px 0; }

/* 配音员详情 */
.user_top_bg { width:1200px; height:auto; display:table; margin-bottom:15px; background:#fff; overflow:hidden; border-radius:3px; box-shadow:0 0 5px #dedede; }
.user_top_bg .user_info { width:1200px; height:210px; position:relative; padding:40px; }
.user_top_bg .user_info .uphoto { width:130px; height:130px; border:4px solid rgba(255,255,255,.6); }
.user_top_bg .user_info .user_text { width:600px; position:absolute; left:195px; top:40px; }
.user_top_bg .user_info .user_text h2 { width:100%; height:28px; line-height:28px; font-size:18px; font-weight:600; color:#fff; }
.user_top_bg .user_info .user_text .base_info { width:100%; height:32px; line-height:32px; color:#fff; opacity:0.3; }
.user_top_bg .user_info .user_text .dubs_lang { width:100%; height:16px; }
.user_top_bg .user_info .user_text .dubs_style { width:100%; height:24px; }
.user_top_bg .user_info .user_text .dubs_style ul li { height:24px; margin-right:6px; float:left; }
.user_top_bg .user_info .user_text .dubs_style ul li a { line-height:18px; border:1px solid #fff; display:block; color:#fff; border-radius:30px; padding:0 8px; }
.user_top_bg .user_info .user_text .dubs_style ul li a:hover { background:#fff; color:#009e9d!important; }
.user_top_bg .user_info .user_text .dubs_price { width:100%; height:30px; line-height:30px; color:#fff; }
.user_top_bg .user_info .user_text .dubs_price p { width:auto; display:block; float:left; margin-right:30px; }
.user_top_bg .user_info .user_text .dubs_price p span { background:#fff; color:#666; padding:2px 6px; border-radius:15px; }
.user_top_bg .user_info .btnorder { width:120px; position:absolute; right:40px; top:95px; }
.user_top_bg .dubs_info { font-size:14px; line-height:22px; color:#666; padding:20px 30px; }

.dub_user_left { width:905px; height:auto; display:table; float:left; }
.par-listhead { width:100%; height:50px; line-height:28px; border:1px solid #eee; border-bottom:0px; }
.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:#009e9d; }
.par-listhead .par-nav .on:before{ content:""; width:64%; height: 2px; background:#009e9d; 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; }
.miusiclist-nav li{ float:left; padding:0 15px; line-height:48px; position:relative; }

/* 配音员详情 */
.comment_box { width:100%; height:auto; display:table; border:1px solid #eee; border-radius:3px; padding:5px 16px; }
.comment_box h2{ height:52px; line-height:42px; font-size:16px; color:#000; position:relative; padding-left:16px; }
.comment_box h2:after{ width:4px; height:16px; position:absolute; content:""; left:0; top:13px; border-radius:3px; background:#009e9d; }

/* 评论展示 */
.cocomment-detail { width:100%; height:auto; display:table; text-align:left; padding-bottom:20px; padding-top:0px; border-bottom:1px solid #eee; margin-bottom:20px; }
.cocomment-detail .user_info_time { width:100%; height:60px; }
.cocomment-detail .user_info_time .photo { width:60px; height:60px; float:left; }
.cocomment-detail .user_info_time .photo img { width:100%; height:60px; border-radius:3px; }
.cocomment-detail .user_info_time .info_time { width:50%; float:left; padding-left:15px; }
.cocomment-detail .user_info_time .info_time .name { padding-bottom:4px; font-size:16px; }
.cocomment-detail .user_info_time .info_time .time { font-size:12px; color:#ccc; }
.cocomment-detail .user_info_time .cocomment-star { float:right; } 
.cocomment-detail .user_info_time .cocomment-star .star_left { left:-68px; top:-2px; color:#999; position:absolute; }
.cocomment-detail .content { padding-left:75px; font-size:14px; color:#666; }
.cocomment-detail .content .pic { width:100%; height:auto; display:table; padding-top:10px; }
.cocomment-detail .content .pic .pic_li { width:60px; height:60px; border:1px solid #eee; overflow:hidden; text-align:center; cursor:pointer; float:left; margin-right:8px; }
.cocomment-detail .content .pic .pic_li img { height:60px; }
.cocomment-detail .recontents { border:1px solid #ffc3c3; background:#ffe4e4; padding:5px 8px; color:#f5600f; margin-top:8px; }

/* 评论星级 */
.star_box { padding-bottom:8px; }
.star_box:nth-last-child(1) { padding-bottom:0px; }
.star_box .commstar { margin-top:1px; }
.commstar{position:relative;display:inline-block;width:80px;height:16px;vertical-align:top;margin-right:30px;background:url(../images/commstar.png) 0 0 repeat-x}
.commstar .star{position:absolute;top:0;left:0;width:20%;height:16px;cursor:pointer}
.commstar .star.active,.commstar .star.hover{background:url(../images/commstar.png) 0 -16px repeat-x}
.commstar .star.hover .face{visibility:visible}
.commstar .star-info{position:absolute;right:-30px;top:0;width:30px;height:16px;line-height:16px;text-align:right;color:#999}
.commstar .star-info.highlight{color:#e4393c}
.commstar .star1{width:20%;z-index:6}
.commstar .star1 .face{background-position:-80px 0}
.commstar .star2{width:40%;z-index:5}
.commstar .star2 .face{background-position:-60px 0}
.commstar .star3{width:60%;z-index:4}
.commstar .star3 .face{background-position:-40px 0}
.commstar .star4{width:80%;z-index:3}
.commstar .star4 .face{background-position:-20px 0}
.commstar .star5{width:100%;z-index:2}
.commstar.z-star-done .star{cursor:default}

/*公告列表*/
.announce_list { width:1200px; background:#fff; padding:50px; border:1px solid #eee; border-radius:3px; margin-bottom:30px; }
.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:#ff9600; }
.announce_listitem a:hover .announce-plussystem { color:#999; }

/* 公告详情 */
.notice_box { width:100%; height:auto; display:table; background:#fff; padding:60px; border:1px solid #eee; border-radius:3px; margin-bottom:30px; }
.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; }

/* 样音详情 */
.audio_box { width:100%; height:auto; display:table; border:1px solid #eee; border-top:2px solid #009e9d; padding:15px; position:relative; }
.audio_box h2 { width:100%; height:32px; font-size:18px; font-weight:700; }
.audio_box .audio-lab { height:30px; line-height:20px; color:#999; }
.audio_box .audio-lab span { border:1px solid #eee; display:inline-block; border-radius:15px; margin-right:3px; padding:0 8px; }
.audio_box .audio-lab span:hover { border:1px solid #ff9600; background:#ff9600; color:#fff; }
.audio_box .audio_title { width:100%; height:26px; }
.audio_box .audio_title li { float:left; margin-right:15px; color:#999; }
.audio_box .audio-fx { position:absolute; top:15px; right:15px; }
.audio_box .all_btn_box { width:100%; height:auto; display:table; text-align:center; padding-top:15px; border-top:1px solid #eee; }
.audio_box .all_btn_box .btn-warning { margin-right:8px; }
.audio_box .audio_content { width:100%; height:auto; display:table; padding-top:15px; color:#999; line-height:24px; font-size:13px; }

.audio-listhead{ width:100%; height:50px; margin-top:15px; line-height:50px; border:1px solid #eee; border-bottom:0px; padding:0 15px; }
.audio-listhead em { font-weight:600; font-size:16px; padding-left:16px; position:relative; }
.audio-listhead em:after{ width:4px; height:16px; position:absolute; content:""; left:0; top:17px; border-radius:3px; background:#009e9d; }
.audio-listhead i { font-size:12px; }

.right_user_box { width:100%; height:auto; display:table; border:1px solid #eee; border-radius:3px; margin-bottom:15px; padding:15px; }
.right_user_box h4 { width:100%; height:36px; display:table; font-size:16px; font-weight:600; position:relative; padding-left:16px; }
.right_user_box h4::before { width:4px; height:16px; position:absolute; content:""; left:0; top:2px; border-radius:3px; background:#009e9d; }
.right_user_box .user_title { width:100%; height:105px; padding:0 0 15px 0; position:relative; padding-left:100px; }
.right_user_box .user_title img { width:90px; height:90px; position:absolute; left:0px; top:0px; }
.right_user_box .user_title a { width:100%; height:36px; line-height:36px; font-size:14px; display:block; }
.right_user_box .user_title p { width:100%; height:22px; line-height:22px; color:#999; }
.right_user_box .user_title p span { background:#b2b9d0; color:#fff; border-radius:20px; padding:0 8px; }
.right_user_box .style_box { width:100%; height:34px; border-top:1px solid #eee; color:#999; padding-top:10px; }
.right_user_box .style_box span { background:#97d9e0; color:#fff; border-radius:20px; padding:0 8px; }
.right_user_box .lang_box { width:100%; height:28px; color:#999; border-bottom:1px solid #eee; }
.right_user_box .lang_box span { background:#009e9d; color:#fff; border-radius:20px; padding:0 8px; }
.right_user_box .btn { margin:15px 0 10px 0; }
.right_user_box .voice_desc { width:100%; text-align:center; display:block; color:#999; }

/* 配音员加盟 */
.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; border-radius:3px; }
.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;}

.jobr { width:922px; height:244px; margin:0 auto 30px auto; }
.service_job { width:270px; height:auto; display:table; background:url(../images/s_bg.gif) 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 26px 10px; background:url(../images/space.gif) 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:700px; float:left; }
.service_job .s_infox dl dt span { float:left; font-weight:500; color:#999; }
.service_job .s_infox dl dt a { float:left; }
.service_job .s_infox dl dt:nth-child(1),.service_job .s_infox dl dt:nth-child(2) { margin-bottom:5px; }

/*背景音乐列表*/
.mcbg-list { width:100%; text-align:center; background:#fff; border:1px solid #eee; }
.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; }

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

/*专题列表*/
.ca-list{ width:84%; border:1px solid #eee; border-radius:3px; }
.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;}

/*配音案例*/
.class_case_box{ width:100%; padding:10px; float:left; font-size:13px; border-bottom:1px solid #eee; margin-bottom:15px; }
.class_case_box a{display:inline-block; font-size:13px; padding:0 12px; line-height:26px; margin:6px 0 0; color:#666; }
.class_case_box a:hover { background:#009e9d; color:#FFFFFF; border-radius:20px; }
.class_case_box .on{ background:#009e9d; color:#FFFFFF; border-radius:20px; }

.pyca-nav li{ float:left; line-height:32px; font-size:14px; }
.pyca-nav li:hover a{ color:#009e9d; }
.pyca-nav { margin-bottom:10px; }
.pyca-list { padding:10px 10px 0 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:111px; height:40px; width:235px; padding:0 10px; background: rgba(0,0,0,0.5); color:#fff; line-height:40px; overflow:hidden; }
.pyca-list-centen .paca-a{ line-height:26px; color:#888888; }
.pyca-list-centen .pyca-listbox { padding:5px 10px 10px 10px; }
.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:#009e9d; color:#fff; overflow:hidden; font-size:30px; text-align:center; }
.pyca-list-centen .coolc::after { width:30px; height:30px; border:3px solid #009e9d; border-radius:100px; content:""; display:block; position:absolute; top:0px; }
.pyca-list-centen:hover .coolc { display:block; }

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

.news_ul { width:100%; padding:15px; }
.infotitlelist{ width:100%; height:auto; display:table; border-bottom: 1px dotted #CCCCCC; padding:15px 0; clear:both; }
.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{ width:100%; line-height:30px; font-size:16px; font-weight:600; }
.info-titlebox .hovercolor:hover{ color:#ff9600 !important; }
.info-titlebox{display: block; position: relative;}
.info-titlebox .look{ position:absolute; line-height:18px; bottom:0; right:0; }
.info-titlebox p { line-height:20px; color:#888; height:42px; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; margin-bottom:23px; }
.info-titlebox .info-zuoz{ width:100%; height:24px; overflow:hidden; color:#888; }
.info-titlebox .info-zuoz span{ display:inline-block; padding:0 7px; border:1px solid #ff9600; color:#ff9600; border-radius:15px; margin-right:10px; }
.info-titlebox .info-zuoz span:hover { background:#ff9600; color:#fff; }

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

/* 配音员专题 */
.ranking-zt{ width:100%; height:auto; display:table; border:1px solid #eee; border-radius:3px; margin-top:15px; }
.ranking-zt .ranking-zt-head{ width:100%; height:52px; border-bottom:1px solid #eee; clear:both; }
.ranking-zt .ranking-zt-head h3{ text-align:center; line-height:52px; font-size:16px; color:#666; font-weight:500; padding:0 15px; }
.ranking-zt .ranking-zt-head h3 b { color:#ff9600; padding:0 3px; }
.ranking-zt .ranking-zt-head ul { padding-right:20px; }
.ranking-zt .ranking-zt-head ul li{ float:left; margin-left:15px; font-weight:700;}
.ranking-zt .ranking-zt-head ul li a { height:26px; line-height:26px; font-weight:500; margin-top:12px; display:inline-block; }
.ranking-zt .ranking-zt-head ul li.on a { background:#009e9d; color:#fff; border-radius:50px; padding:0px 13px; }
.ranking-zt:nth-child(1) { margin-top:0px; }
.ranking-zt .ranking-list-box{ padding:15px 15px 0px 15px; }
.ranking-zt .ranking-list-box li { width:25%; float: left; margin-bottom:20px; position:relative; padding-right:18px; }
.ranking-zt .ranking-list-box li img{ width:50px; height:50px; margin-right:10px; float:left; }
.ranking-zt .ranking-list-box li a{ line-height:50px; display:block; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:13px; padding-right:12px; color: #666; overflow:hidden; }
.ranking-zt .ranking-list-box li em { height:50px; float:left; display:block; position:relative; }
.ranking-zt .ranking-list-box li em span { position:absolute; top:17px; }
.ranking-zt .ranking-list-box li a:hover{color: #ff9600;}
.ranking-zt .ranking-list-box li .good{ width:20px; height:20px; display:inline-block; background:url(../image/80ba675.png) no-repeat 50%; background-size:100%; transform:translateY(2px); }

/* 广告专题配音专题 */
.priceBlock { width:100%; height:auto; display:table; border:1px solid #eee; border-radius:3px; margin-top:15px; }
.priceBlock:nth-child(1) { margin-top:0px; }
.priceBlock h3 { width:100%; height:52px; line-height:52px; color:#666; font-size:20px; font-weight:600; text-align:center; border-bottom:1px solid #eee; }
.priceBlock h3 span { color:#ff9600; }
.bd { width:100%; height:auto; display:table; padding:15px; }
.bd ul li { width:576px; 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:#ff9600; }
.itemVoice { width:100%; height:auto; display:table; clear:both; }
.itemVoice .icon-suspend{color:#ff9600;}
.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:#ff9600; }
.bd ul li:nth-child(2n) { margin-right:0px; float:right; }
.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; }

/* 案例（新闻）详情 */
.news_info_left { width:906px; height:auto; display:table; float:left; }
.news_info_boxs { width:906px; height:auto; display:table; border:1px solid #eee; border-top:2px solid #009e9d; border-radius:3px; padding:15px; }
.news_info_boxs h2.title { width:100%; height:32px; line-height:40px; text-align:center; font-size:22px; font-weight:600; }
.news_info_boxs .text_center { width:100%; text-align:center; position:relative; height:50px; }
.news_info_boxs .text_center:after{ width:100%; height:1px; content:""; background:#ece7e7; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }
.news_info_boxs .text_center li{ height:40px; font-weight:500; line-height:40px; color:#999; display:inline-block; margin:0 10px;}
.news_info_boxs .text_center li em { position:relative; padding-right:75px; }
.news_info_boxs .text_center li .min_icon { display:inline-block; position:absolute; right:0px; top:-10px; }
.news_info_boxs .text_center .min_icon .social-share-icon { width:20px; height:20px; position:relative; margin-right:5px; display:block; float:left; font-size:14px; border-radius:50%; line-height:20px; text-align:center; vertical-align:middle; transition:background 0.6s ease-out 0s; }
.news_info_boxs .news_content { width:100%; height:auto; display:table; line-height:26px; font-size:14px; color:#666; padding:25px 0 10px 0; }
.news_right { width:280px; height:auto; display:table; float:right; }
.news_right .news_right_box { width:100%; height:auto; display:table; border:1px solid #eee; border-radius:3px; margin-bottom:15px; padding:0 15px 15px 15px; }
.news_right .news_right_box h2.name { line-height:42px; font-size:16px; color:#000; position:relative; padding-left:16px; }
.news_right .news_right_box h2.name:after{ width:4px; height:16px; position:absolute; content:""; left:0; top:13px; border-radius:3px; background:#009e9d; }
.news_right .news_right_box ul li { width:100%; height:32px; line-height:32px; }
.news_right .news_right_box ul li .pull-left { width:177px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_right .news_right_box ul li .pull-right { color:#999; }

/* 彩旗标签 */
.tages_gj { position:absolute; left:12px; top:0px; z-index:1; }
.tages_gj span { height:18px; line-height:18px; padding:0px 4px; display:block; position:absolute; color:#fff; }
.tages_gj span::after { content:""; position:absolute; top:18px; left:0px; border-width:4px 10px 0 0; border-style:solid; border-color:#E93234 transparent transparent transparent; }
.tages_gj span::before { content:""; position:absolute; top:18px; right:0px; border-width:0 10px 4px 0; border-style:solid; }
.tages_gj span.tages-danger { background:#E93234; }
.tages_gj span.tages-danger::after { border-color:#E93234 transparent transparent transparent; }
.tages_gj span.tages-danger::before { border-color:transparent #E93234 transparent transparent; }
.tages_gj span.tages-warning { background:#ff9c00; }
.tages_gj span.tages-warning::after { border-color:#ff9c00 transparent transparent transparent; }
.tages_gj span.tages-warning::before { border-color:transparent #ff9c00 transparent transparent; }
.tages_gj span.tages-info { background:#00c0ff; }
.tages_gj span.tages-info::after { border-color:#00c0ff transparent transparent transparent; }
.tages_gj span.tages-info::before { border-color:transparent #00c0ff transparent transparent; }
.tages_gj span.tages-success { background:#00cf70; }
.tages_gj span.tages-success::after { border-color:#00cf70 transparent transparent transparent; }
.tages_gj span.tages-success::before { border-color:transparent #00cf70 transparent transparent; }
.tages_gj span.tages-blue { background:#0070cf; }
.tages_gj span.tages-blue::after { border-color:#0070cf transparent transparent transparent; }
.tages_gj span.tages-blue::before { border-color:transparent #0070cf transparent transparent; }
.tages_gj span.tages-dark { background:#272c2f; }
.tages_gj span.tages-dark::after { border-color:#272c2f transparent transparent transparent; }
.tages_gj span.tages-dark::before { border-color:transparent #272c2f transparent transparent; }
.tages_gj span.tages-violet { background:#cc009a; }
.tages_gj span.tages-violet::after { border-color:#cc009a transparent transparent transparent; }
.tages_gj span.tages-violet::before { border-color:transparent #cc009a transparent transparent; }

/* 配音专题列表 */
.special_all_box { width:100%; height:auto; display:table; border:1px solid #eee; border-radius:3px; margin-top:15px; }
.special_all_box .special_list { width:100%; height:auto; display:table; padding:21px; }
.special_all_box .special_list li{ width:375px; float:left; margin-right:15px; margin-bottom:15px; overflow:hidden; position:relative; border-radius:3px; }
.special_all_box .special_list li:nth-child(3n){ margin-right:0px; }
.special_all_box .special_list li a{ width:100%; display:block; overflow:hidden; border-radius:3px; }
.special_all_box .special_list li:hover img{ transform:scale(1.1); }
.special_all_box .special_list li img{ width:100%; transition:all 0.6s; }
.special_all_box .special_list li .mask_box { width:100%; height:100%; padding-top:100px; background:rgba(0,0,0,0.6); position:absolute; top:0px; left:0px; right:0px; bottom:0px; transition:All 0.4s ease-in-out; opacity:0; }
.special_all_box .special_list li .mask_box .m_1 { width:100%; height:34px; line-height:34px; text-align:center; font-size:18px; font-weight:600; color:#fff; }
.special_all_box .special_list li .mask_box .m_2 { width:100%; height:76px; line-height:76px; text-align:center; font-size:14px; font-weight:500; color:#fff; opacity:0.6; transition:All 0.5s ease-in-out; }
.special_all_box .special_list li .mask_box .m_2 i { margin-right:4px; }
.special_all_box .special_list li a:hover .mask_box { padding-top:76px; opacity:1; }
.special_all_box .special_list li a:hover .mask_box .m_2 { height:26px; line-height:26px; }

/* 配音专题详情 */
.special_banner_top { width:100%; height:440px; }
.special_daoyu { width:100%; height:auto; display:table; background:#eee; }
.salid_ceng_txt{ width:1200px; height:auto; display:table; margin:0 auto; position:relative; }
.salid_ceng_txt .dy{ width:110px; height:40px; display:block; line-height:34px; background:url(../images/bg1.png) repeat-x; border-bottom:5px solid #009e9d; font-size:20px; text-align:center; position:absolute; top:-15px; left:50px; }
.salid_ceng_txt .l{ width:22px; height:20px; display:block; border:8px solid #009e9d; border-right:none; border-bottom:none; position:absolute; top:25px; left:0px; }
.salid_ceng_txt .r{ width:22px; height:20px; display:block; border:8px solid #009e9d; border-top:none; border-left:none; position:absolute; right:0px; bottom:25px; }
.salid_ceng_txt .txt{ width:1100px; height:auto; display:table; text-indent:28px; margin:0 auto; color:#666; padding:40px 0; line-height:25px; font-size:14px; }

/* 相关样音 */
.special_voice { width:1200px; height:auto; display:table; border:1px solid #eee; border-top:2px solid #009e9d; border-radius:3px; margin:15px auto 0 auto; }
.special_voice h3 { width:100%; height:52px; line-height:52px; color:#666; font-size:16px; font-weight:500; padding:0 15px; border-bottom:1px solid #eee; }
.special_voice .special_list { width:100%; height:auto; display:table; padding:15px; }
.special_voice .special_list ul { width:100%; height:auto; display:table; }
.special_voice .special_list ul:nth-child(odd) li { background:#eee; }
.special_voice .special_list ul li { width:576px; height:42px; padding:6px; float:left; position:relative; }
.special_voice .special_list ul li i { width:30px; height:30px; float:left; text-align:center; line-height:32px; font-size:20px; overflow:hidden; color:#666; cursor:pointer; }
.special_voice .special_list ul li i:hover {color:#ff9600; }
.special_voice .special_list ul li:nth-child(even) { float:right; }
.special_voice .special_list ul li .name { height:30px; line-height:30px; color:#666; padding-left:6px; }
.special_voice .special_list ul li .order_url { height:30px; line-height:30px; float:right; padding-right:4px; text-decoration:none!important; }
.special_voice .special_list ul li a:hover { color:#ff9600; }

/* 配音步骤 */
.dubbing_step{ width:1200px; height:156px; position:relative; overflow:hidden; margin:15px auto; border-radius:3px; }
.dubbing_step em{ width:100%; height:24px; display:block; line-height:24px; color:#fff; text-align:center; font-size:16px; font-weight:500; }
.dubbing_step p { display:block; text-align:center; }
.dubbing_step i { width:100%; height:80px; line-height:80px; padding-top:10px; font-size:50px; text-align:center; color:#fff; }
.dubbing_step .step1{ width:25%; height:156px; display:block; background:#2cba88; float:left; position:relative; }
.dubbing_step .step1 p{ color:#96ddc4; }
.dubbing_step .step2{ width:25%; height:156px; display:block; background:#82d75e; float:left; position:relative; }
.dubbing_step .step2 p{ color:#c1ebaf; }
.dubbing_step .step3{ width:25%; height:156px; display:block; background:#ffbe5a; float:left; position:relative; }
.dubbing_step .step3 p{  color:#ffdfad; }
.dubbing_step .step4{ width:25%; height:156px; display:block; background:#f18b4e; float:left; position:relative; }
.dubbing_step .step4 p{ color:#ffc5a8; }

/* 配音资讯 */
.article_box_news{ width:1200px; height:356px; border:1px solid #eee; border-top:3px solid #009e9d; position:relative; margin:0 auto; border-radius:3px; }
.article_box_news .title{ width:226px; height:290px; border:1px solid #eee; border-right:3px solid #009e9d; display:block; background:url(../images/article_title.png) no-repeat; position:absolute; top:34px; left:-22px; z-index:1; }
.article_box_news .article_content{ width:100%; height:346px; display:block; padding:30px 30px 30px 235px; overflow:hidden; }
.article_box_news .article_content .ac_title{ width:100%; height:37px; display:block; font-size:20px; font-weight:bold; text-align:left; padding-bottom:9px; overflow:hidden; }
.article_box_news .article_content p{ width:100%; height:52px; display:block; color:#ababab; line-height:26px; font-size:14px; text-align:left; overflow:hidden; }
.article_box_news .article_content p a{ color:#2cba88; }
.article_box_news .article_content ul{ width:100%; height:205px; display:block; overflow:hidden; padding-top:15px; }
.article_box_news .article_content ul li{ width:50%; height:32px; display:block; line-height:20px; float:left; padding-top:12px; padding-right:20px; font-size:14px; }
.article_box_news .article_content ul li a{ width:100%; height:20px; display:block; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }

/* 相关案例 */
.special_case { width:1200px; height:auto; display:table; margin:0 auto; margin-top:15px; }
.special_case h2{ line-height:42px; font-size:16px; color:#000; position:relative; padding-left:16px; }
.special_case h2:after{ width:4px; height:16px; position:absolute; content:""; left:0; top:13px; border-radius:3px; background:#009e9d; }
.special_case ul li { width:235px; height:auto; display:table; float:left; border:1px solid #eee; margin-right:6px; margin-bottom:6px; border-radius:3px; position:relative; overflow:hidden; }
.special_case ul li .img_boxs { width:100%; height:150px; overflow:hidden; background:#000; }
.special_case ul li img{ width:100%; height:150px; position:relative; transition:all .4s; }
.special_case ul li img:hover { -webkit-transform:scale(1.1); transform:scale(1.1); }
.special_case ul li .pyca-head { width:100%; height:40px; position:absolute; top:111px; padding:0 10px; background:rgba(0,0,0,0.5); color:#fff; line-height:40px; overflow:hidden; }
.special_case ul li .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:#009e9d; color:#fff; overflow:hidden; font-size:30px; text-align:center; }
.special_case ul li .coolc::after { width:30px; height:30px; border:3px solid #009e9d; border-radius:100px; content:""; display:block; position:absolute; top:0px; }
.special_case ul li .pyca-listbox { padding:5px 10px 10px 10px; }
.special_case ul li .pyca-listbox p { line-height:20px; height:40px; color:#999; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; }
.special_case ul li:hover .coolc { display:block; }
.special_case ul li:hover img { opacity:0.6; }
.special_case ul li:nth-child(4n) { margin-right:0px; float:right; }

/* 相关配音员 */
.xg_box_user { width:1200px; height:200px; position:relative; margin:4px auto 0 auto; }
.xg_box_user h2{ line-height:42px; font-size:16px; color:#000; position:relative; padding-left:16px; }
.xg_box_user h2:after{ width:4px; height:16px; position:absolute; content:""; left:0; top:13px; border-radius:3px; background:#009e9d; }
.xg_box_user ul li { width:114px; height:auto; display:table; float:left; border:1px solid #eee; border-radius:3px; margin-right:6.7px; overflow:hidden; }
.xg_box_user ul li:nth-last-child(1) { margin-right:0px; float:right; }
.xg_box_user ul li:nth-last-child(2) { margin-right:0px; }
.xg_box_user ul li img { width:100%; }
.xg_box_user ul li p { width:98%; height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 auto; }

/* 相关专题 */
.special_bottom_box { width:1200px; height:auto; display:table; margin:0 auto; margin-top:15px; }
.special_bottom_box .special_list { width:100%; height:auto; display:table; }
.special_bottom_box .special_list li{ width:290px; float:left; margin-right:13.5px; margin-bottom:13.5px; overflow:hidden; position:relative; border-radius:3px; }
.special_bottom_box .special_list li:nth-child(3n){ margin-right:0px; }
.special_bottom_box .special_list li:nth-child(4n){ margin-right:0px; float:right; }
.special_bottom_box .special_list li a{ width:100%; display:block; overflow:hidden; border-radius:3px; }
.special_bottom_box .special_list li:hover img{ transform:scale(1.1); }
.special_bottom_box .special_list li img{ width:100%; transition:all 0.6s; }
.special_bottom_box .special_list li .mask_box { width:100%; height:100%; padding-top:100px; background:rgba(0,0,0,0.8); position:absolute; top:0px; left:0px; right:0px; bottom:0px; transition:All 0.4s ease-in-out; opacity:0; }
.special_bottom_box .special_list li .mask_box .m_1 { width:100%; height:34px; line-height:34px; text-align:center; font-size:18px; font-weight:600; color:#fff; }
.special_bottom_box .special_list li .mask_box .m_2 { width:100%; height:76px; line-height:76px; text-align:center; font-size:14px; font-weight:500; color:#fff; opacity:0.6; transition:All 0.5s ease-in-out; }
.special_bottom_box .special_list li .mask_box .m_2 i { margin-right:4px; }
.special_bottom_box .special_list li a:hover .mask_box { padding-top:56px; opacity:1; }
.special_bottom_box .special_list li a:hover .mask_box .m_2 { height:26px; line-height:26px; }

/* 标签 */
.label_box { width:100%; background:#fff; padding:12px; border-radius:4px; border:1px solid #eee; }
.label_box a { border:1px solid #eee; border-radius:20px; margin:3px; display:inline-block; padding:3px 10px; }
.label_box a:hover { background:#009e9d; border:1px solid #009e9d; color:#fff!important; }

/* 底部推荐 */
.shop-recmd-box{ box-sizing:border-box; padding:26px; margin:30px auto 0 auto; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1); }
.recmd-top { width:750px; margin:0 auto; color:#333; }
.recmd-top .btn { padding:5px 12px; }
.recmd-top p { margin-top:15px; margin-left:20px; font-size:24px; line-height:1; }
.recmd-top p i { display:inline-block; font-size:14px; color:#999; }
.recmd-bg-no { float:left; width:120px; height:93px; background: url(../svg/kufu.svg) no-repeat left center; background-size:auto 100%; }