blockquote,body,button,dd,div,dl,dt,fieldset,form,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;font-size:100%;}
h1,h2,h3,h4,h5,h6 { font-weight: 500;padding:0;margin:0;font-size:100%; }
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; transition: 0.3s all; }
a:hover{ text-decoration:none; color:#ff7800; }
a.hidefocus{ outline:0; }
body{ font:12px/1.5 "Microsoft Yahei"; color:#666; background:#f5f5f5; padding-top:0px; transition:0.2s all; }
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; }
.coolc_body { width: 1400px; height: auto; display: block; margin: 0 auto; }
.padding_bottom { padding-bottom: 30px; }
.blocks-2>.block, .blocks-2>li { width: auto!important; }
.my-button-disabled{ opacity:0.4; }

.myvideo_box { width:100%; height:410px; padding:8px; padding:0px; margin-top:20px; }
.myvideo_box .video-js { width:100%; height:410px; }
.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;}

/* btn波纹动画 */
.btns { position: relative; overflow: hidden; }
.btns:after { display: block; content: ''; background: rgba(255,255,255,0.2); position: absolute; border-radius: 50%; animation: twinkle 1.1s; animation-iteration-count: infinite; opacity: 0; width: 0; height: 0; }
@keyframes twinkle{
    0%{
        width: 0;
        height: 0;
        opacity: 0;
        left: 50%;
        top: 50%;
    }
    50%{
        opacity: 1;
    }
    100%{
        width: 100%;
        height: 300%;
        left: 0;
        top: -100%;
        opacity: 0;
    }
}

@keyframes twinkles{
    0%{
        width: 0;
        height: 0;
        opacity: 0;
        left: 50%;
        top: 50%;
    }
    50%{
        opacity: 1;
    }
    100%{
        width: 120%;
        height: 120%;
        left: -10%;
        top: -10%;
        opacity: 0;
    }
}

@keyframes waveEffect1 {
    0% {
        transform: translateY(70%)
    }

    44% {
        transform: translateY(0)
    }

    94% {
        transform: translateY(80%)
    }

    to {
        transform: translateY(70%)
    }
}

@keyframes waveEffect2 {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(80%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes waveEffect3 {
    0% {
        transform: translateY(30%)
    }

    31% {
        transform: translateY(80%)
    }

    81% {
        transform: translateY(0)
    }

    to {
        transform: translateY(30%)
    }
}

@keyframes waveEffect4 {
    0% {
        transform: translateY(20%)
    }

    12% {
        transform: translateY(0)
    }

    62% {
        transform: translateY(80%)
    }

    to {
        transform: translateY(20%)
    }
}

@keyframes praiseRow1 {
    0% {
        transform: translateX(-170px)
    }
    to {
        transform: translateX(-4130px)
    }
}
@keyframes praiseRow2 {
    0% {
        transform: translateX(20px)
    }
    to {
        transform: translateX(-3940px)
    }
}
@keyframes praiseRow3 {
    0% {
        transform: translateX(-480px)
    }
    to {
        transform: translateX(-4440px)
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0)
    }

    to {
        transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn)
    }
}
@keyframes up-and-down {
    10% {
      height: 30%;
    }
    30% {
      height: 100%;
    }
    60% {
      height: 50%;
    }
    80% {
      height: 75%;
    }
    100% {
      height: 20%;
    }
}


/* 顶部菜单 */
.top_nav { width: 100%; height: 80px; padding: 0 30px; position: fixed; z-index: 99; background: rgba(0, 0, 0, 0.1); transition: 0.5s all; }
.top_nav .top_width { max-width: 1842px; margin: 0 auto; display: flex; justify-content: space-between; }
.top_nav .logo { padding: 16px 0; transition: 0.5s all; }
.top_nav .logo { width: 180px; height: 47px; }
.top_nav .logo img { width: 180px; height: 47px; }
.top_nav dl { display: flex; justify-content: space-between; }
.top_nav dl dt { padding: 0 26px; font-weight: 500; }
.top_nav dl dt a { line-height: 80px; display: block; font-size: 18px; color: #fff; position: relative; }
.top_nav dl dt.on a::after { height: 2px; position: absolute; content: ''; left: 0px; right: 0px; bottom: 1px; background: #fff; transition: 0.5s all; }
.top_nav .right_box { line-height: 80px; color: #fff; display: flex; justify-content: space-between; }
.top_nav .right_box .more { text-align: center; position: relative; padding: 0 10px; }
.top_nav .right_box .more i { font-size: 18px; }
.top_nav .right_box>.more>.drop-more { width: 338px; background: #fff; padding: 0 24px; box-shadow: 8px 8px 40px 4px rgba(0,0,0,.15); border-radius: 4px; position: absolute; right: 0; top: 80px; height: 0; overflow: hidden; transition: all .3s; }
.top_nav .right_box>.more>.drop-more>.nav-list { padding-bottom: 33px; padding-top: 24px; margin: 0px -10px -18px 0; display: flex; flex-wrap: wrap; }
.top_nav .right_box>.more>.drop-more>.nav-list>.nav-item { display: block; width: 140px; height: 54px; background: #f6f6f6; margin: 0 10px 18px 0; font-size: 14px; color: #505050; text-align: center; line-height: 54px; cursor: pointer }
.top_nav .right_box>.more>.drop-more>.nav-list>.nav-item>i { margin-right: 5px; font-size: 20px }
.top_nav .right_box>.more>.drop-more>.nav-list>.nav-item:hover { background: #fff; box-shadow: 0 0 40px 0 rgba(0,0,0,.2); }
.top_nav .right_box>.more:hover>i { color: #fff; }
.top_nav .right_box>.more:hover>.drop-more { height: 170px; }
.top_nav .right_box a { color: #fff; font-size: 16px; margin-left: 36px; }
.top_nav .right_box a.line { position: relative; }
.top_nav .right_box a.line::after { width: 1px; position: absolute; left: -17px; top: 32px; bottom: 32px; content: ''; background: rgba(255, 255, 255, 0.2); }
.top_nav .header-search { display: none; }

.top_nav .ucenter_box { height:80px; }
.top_nav .ucenter_box a { margin: 0px!important; display: flex; justify-self: start; align-items: center; }
.top_nav .ucenter_box .img-circle { width:36px; height:36px; margin: 0 14px; }
.top_nav .ucenter_box .top_nav_down { color:#fff; font-size:14px; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.locale-zh { height: 60px; background: #fff; box-shadow: 0 0 5px #999; }
.locale-zh .logo { padding: 6px 0; }
.locale-zh dl { padding-left: 30px; }
.locale-zh dl dt { padding: 0 16px!important; }
.locale-zh dl dt a { line-height: 60px; display: block; font-size: 16px; color: #666; position: relative; }
.locale-zh dl dt a:hover { color: #ff7800; }
.locale-zh dl dt.on a { color: #ff7800; }
.locale-zh dl dt.on a::after { height: 3px; background: #ff7800; bottom: 0px; }
.locale-zh .right_box { line-height: 60px; color: #666; }
.locale-zh .right_box a { color: #666; position: relative; }
.locale-zh .right_box a.line::after { background: rgba(0, 0, 0, 0.2); }
.locale-zh .right_box>.more>.drop-more { top: 60px; }
.locale-zh .right_box>.more:hover>i { color: #f28000; }
.locale-zh .ucenter_box { height: 64px; }
.locale-zh .ucenter_box .top_nav_down { color: #666; }
.locale-zh .header-search { position: relative; padding-top: 11px; margin: 0 auto 0 10px; display: block; }
.locale-zh .header-search>.search-main { display: flex; height: 40px; background-color: #f5f5f5; border-radius: 2px; border: 1px solid #f5f5f5; }
.locale-zh .header-search>.search-main:hover { background-color: #fff; border: 1px solid #ff7800; }
.locale-zh .header-search>.search-main>.search-type { width: 90px; height: 100%; border-right: none; border-radius: 2px 0 0 2px; line-height: 38px; position: relative; cursor: pointer; }
.locale-zh .header-search>.search-main>.search-type:before { display: inline-block; content: ""; width: 1px; height: 100%; background-color: #efefef; position: absolute; top: 0; right: 0 }
.locale-zh .header-search>.search-main>.search-type:after { display: inline-block; content: ""; width: 6px; height: 6px; border-bottom: 2px solid #aeaeae; border-right: 2px solid #aeaeae; margin-left: 16px; transform: rotate(45deg); transition: all .2s; vertical-align: 4px }
.locale-zh .header-search>.search-main>.search-type>span { display: inline-block; margin-left: 16px; font-size: 14px; color: #272727 }
.locale-zh .header-search>.search-main>.search-type>.search-type-drop { opacity: 0; pointer-events: none; width: 100%; border-radius: 0 0 4px 4px; box-shadow: 0 4px 4px 0 rgba(77,77,77,.21); overflow: hidden; position: absolute; padding: 0px!important; margin: 0px!important; top: 38px; left: 0px; z-index: 100; transition: all .2s }
.locale-zh .header-search>.search-main>.search-type>.search-type-drop>li { width: 100%; height: 23px; background-color: #fff; padding-left: 16px; font-size: 14px; color: #272727; line-height: 23px; cursor: pointer; transition: all .2s; }
.locale-zh .header-search>.search-main>.search-type>.search-type-drop>li:hover { background-color: #f6f6f6; color: #ff7800; }
.locale-zh .header-search>.search-main>.search-type.locale-en:after { margin-left: 10px; }
.locale-zh .header-search>.search-main>.search-type.locale-en>span { margin-left: 14px; }
.locale-zh .header-search>.search-main>.search-type.locale-en>.search-type-drop>li { padding-left: 14px; }
.locale-zh .header-search>.search-main>.search-type:hover:after { transform: rotate(225deg); vertical-align: -2px; }
.locale-zh .header-search>.search-main>.search-type:hover>.search-type-drop { opacity: 1; pointer-events: all; padding-left:0px!important; display: unset; justify-content: unset; }
.locale-zh .header-search>.search-main>.search-type:hover>.search-type-drop>li { width: 100%; height: 46px; line-height: 46px; }
.locale-zh .header-search>.search-main>.input-box { display: flex; }
.locale-zh .header-search>.search-main>.input-box>.search-input { width: 340px; flex: 1 1; height: 100%; font-size: 14px; color: #272727; padding: 0 10px;	background: none; border: 0px; outline: 0px; }
.locale-zh .header-search>.search-main>.input-box>.search-input::-webkit-input-placeholder { color: #afafaf; }
.locale-zh .header-search>.search-main>.input-box>.hot-box { width: 90px; font-size: 14px; padding-right: 12px; color: #888; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.locale-zh .header-search>.search-main>.input-box>.hot-box>ul.wave { width: 15px; height: 14px; margin-right: 4px; overflow: hidden; display: flex; justify-content: space-between; padding-left:0px!important; }
.locale-zh .header-search>.search-main>.input-box>.hot-box>ul.wave>li { width: 3px!important; padding:0px!important; height: 100%; background: #666; border-radius: 4px; animation: 2s linear 0s infinite normal forwards; }
.locale-zh .header-search>.search-main>.input-box>.hot-box>ul.wave>li:first-of-type { animation-name: waveEffect1; -webkit-animation-duration: 4s; animation-duration: 4s }
.locale-zh .header-search>.search-main>.input-box>.hot-box>ul.wave>li:nth-of-type(2) { animation-name: waveEffect2; animation-duration: 2s; -webkit-animation-delay: .2s; animation-delay: .2s }
.locale-zh .header-search>.search-main>.input-box>.hot-box>ul.wave>li:nth-of-type(3) { animation-name: waveEffect3; -webkit-animation-duration: 4s; animation-duration: 4s }
.locale-zh .header-search>.search-main>.input-box>.hot-box>ul.wave>li:nth-of-type(4) { animation-name: waveEffect4; -webkit-animation-duration: 3s; animation-duration: 3s }
.locale-zh .header-search>.search-main>.input-box>.hot-box:hover { color: #ff7800 }
.locale-zh .header-search>.search-main>.input-box>.hot-box:hover>ul.wave>li { background-color: #ff7800 }
.locale-zh .header-search>.search-main>.btn-search { width: 80px; height: 100%; background-color: #ff7800; border-radius: 0 2px 2px 0; font-size: 20px; color: #fff; text-align: center; line-height: 38px; cursor: pointer;	border: 0px; outline: 0px; }
.locale-zh .header-search>.search-main>.btn-search:hover { background: #ff8c25 }
.locale-zh .header-search>.drop-search { width: 100%; position: absolute; left: 0; top: 52px; box-shadow: 0 2px 6px 0 rgba(57,57,57,.1); background: #fff; border-radius: 4px; padding-bottom: 5px; z-index: 90 }
.locale-zh .header-search>.drop-search>p { height: 30px; padding: 0 16px; font-size: 12px; color: #afafaf; line-height: 30px }
.locale-zh .header-search>.drop-search>p>span { margin-right: 4px }
.locale-zh .header-search>.drop-search>p>a { margin-right: 10px; color: #333 }
.locale-zh .header-search>.drop-search>p>a:hover { color: #ff7800 }
.locale-zh .header-search>.drop-search>.hot-list>.hot-item { display: block; height: 24px; padding: 0 16px; font-size: 12px; line-height: 24px; cursor: pointer }
.locale-zh .header-search>.drop-search>.hot-list>.hot-item>i { display: inline-block; width: 14px; height: 14px; background-color: #eaeaea; border-radius: 2px; margin-right: 7px; text-align: center; line-height: 14px }
.locale-zh .header-search>.drop-search>.hot-list>.hot-item>span { color: #333; }
.locale-zh .header-search>.drop-search>.hot-list>.hot-item:nth-of-type(-n+3)>i { background-color: #ff7800; color: #fff; }
.locale-zh .header-search>.drop-search>.hot-list>.hot-item:nth-of-type(-n+3)>span { color: #ff7800; }
.locale-zh .header-search>.drop-search>.hot-list>.hot-item:hover { background-color: rgba(255,0,0,.06); }

/* 全屏Banner */
.bannerbox { width:100%; height: 500px; background:#fff; position: relative; }
.bannerbox .swiper-slide{ height: 500px; }
.bannerbox .swiper-slide a { display: block; width:100%!important; height: 500px; background-repeat: no-repeat; background-size: auto 100%; background-position: center; }
.bannerbox .swiper-pagination { width: 100%; text-align: center; bottom: 80px!important; z-index: 100; }
.bannerbox .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px; border-radius: 20px; font-size: 0px; margin: 0 2px; background: #ffffff; opacity: .5; }
.bannerbox .swiper-pagination-bullet-active { width: 20px!important; background: #ffffff!important; opacity: 1!important; }
.bannerbox .coolc_body { height: 500px; position: absolute; top: 0px; left: 50%; margin-left: -700px; z-index: 9; padding-top: 70px; }
.bannerbox .coolc_body .slogan_text { width: 100%; height: 160px; line-height: 120px; padding-top: 40px; text-align: center; font-size: 46px; font-weight: bold; color: #fff; text-shadow: 0 0 5px #666; }
.bannerbox .coolc_body .search_bar_box { width: 964px; height: 60px; border-radius: 10px; background: #fff; margin: 0 auto; display: flex; justify-content: space-between; }
.bannerbox .coolc_body .search_bar_box>.search-type { background-color: #fff; width: 130px; height: 100%; border-right: 1px solid #dbdbdb; border-radius: 6px 0 0 6px; line-height: 60px; position: relative; transition: all .2s; cursor: pointer; }
.bannerbox .coolc_body .search_bar_box>.search-type:after { display: block; content: ""; width: 10px; height: 10px; border-bottom: 1px solid #aeaeae; border-right: 1px solid #aeaeae; transform: rotate(45deg) translateY(-50%); transition: all .2s; position: absolute; top: 0; right: 24px; bottom: 0; margin: auto; }
.bannerbox .coolc_body .search_bar_box>.search-type>span { height: 100%; display: block; margin-left: 30px; font-size: 16px; color: #272727; }
.bannerbox .coolc_body .search_bar_box>.search-type>.search-type-drop { width: 100%; border-radius: 0 0 4px 4px; box-shadow: 0 4px 4px 0 rgba(77,77,77,.21); overflow: hidden; position: absolute; top: 60px; z-index: 100; opacity: 0; pointer-events: none; transition: all .2s; }
.bannerbox .coolc_body .search_bar_box>.search-type>.search-type-drop>li { width: 100%; height: 23px; background-color: #fff; padding-left: 30px; font-size: 16px; color: #272727; line-height: 23px; cursor: pointer; transition: all .2s; }
.bannerbox .coolc_body .search_bar_box>.search-type>.search-type-drop>li:hover { background-color: #f6f6f6; color: #f28000 }
.bannerbox .coolc_body .search_bar_box>.search-type:hover { border-radius: 4px 0 0 0 }
.bannerbox .coolc_body .search_bar_box>.search-type:hover:after { transform: rotate(225deg) translateY(-50%); right: 14px }
.bannerbox .coolc_body .search_bar_box>.search-type:hover>.search-type-drop { opacity: 1; pointer-events: all; }
.bannerbox .coolc_body .search_bar_box>.search-type:hover>.search-type-drop>li { height: 46px; line-height: 46px; }
.bannerbox .coolc_body .search_bar_box .search_box { width: 610px; position: relative; }
.bannerbox .coolc_body .search_bar_box .search_box .b_search_input { width: 610px; height: 100%; background-color: #fff; padding: 17px 23px; font-size: 16px; color: #272727;	border: 0px; outline: 0px; }
.bannerbox .coolc_body .search_bar_box .search_box #search-drop { width: 715px; padding: 20px 26px; top: 60px; left: 0px;	background: rgb(255, 255, 255); box-shadow: rgb(0 0 0 / 15%) 8px 8px 40px 4px; border-radius: 4px; position: absolute; z-index: 29; }
.bannerbox .coolc_body .search_bar_box #search-drop>p { width: 100%; height: 38px; font-size: 16px; display: block; }
.bannerbox .coolc_body .search_bar_box #search-drop>p>i { margin-right: 16px; margin-right: 4px; font-size: 18px; color: rgb(234, 67, 53); }
.bannerbox .coolc_body .search_bar_box #search-drop>.hot-list { margin-right: -30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.bannerbox .coolc_body .search_bar_box #search-drop>.hot-list>.hot-item { margin-right: 29px; }
.bannerbox .coolc_body .search_bar_box #search-drop > .hot-list > .hot-item { min-width: 86px; height: 28px; background: rgb(246, 246, 246); padding: 0px 10px; border-radius: 4px; margin-bottom: 12px; font-size: 12px; color: rgb(136, 136, 136); text-align: center; line-height: 28px; cursor: pointer; }
.bannerbox .coolc_body .search_bar_box #search-drop > .hot-list > .hot-item:hover { color: rgb(234, 67, 53); }
.bannerbox .coolc_body .search_bar_box .hot-box { width: 105px; background-color: #fff; font-size: 16px; color: #888; padding-right: 12px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.bannerbox .coolc_body .search_bar_box .hot-box>ul.wave { width: 15px; height: 14px; margin-right: 4px; overflow: hidden; display: flex; justify-content: space-between; }
.bannerbox .coolc_body .search_bar_box .hot-box>ul.wave>li { width: 3px; height: 100%; background-color: #888; border-radius: 4px; animation: 2s linear 0s infinite normal forwards }
.bannerbox .coolc_body .search_bar_box .hot-box>ul.wave>li:first-of-type { animation-name: waveEffect1; -webkit-animation-duration: 4s; animation-duration: 4s }
.bannerbox .coolc_body .search_bar_box .hot-box>ul.wave>li:nth-of-type(2) { animation-name: waveEffect2; -webkit-animation-duration: 2s; animation-duration: 2s; animation-delay: .2s }
.bannerbox .coolc_body .search_bar_box .hot-box>ul.wave>li:nth-of-type(3) { animation-name: waveEffect3; -webkit-animation-duration: 4s; animation-duration: 4s }
.bannerbox .coolc_body .search_bar_box .hot-box>ul.wave>li:nth-of-type(4) { animation-name: waveEffect4; -webkit-animation-duration: 3s; animation-duration: 3s }
.bannerbox .coolc_body .search_bar_box .hot-box:hover { color: #ff7800; }
.bannerbox .coolc_body .search_bar_box .hot-box:hover>ul.wave>li { background-color: #ff7800; }
.bannerbox .coolc_body .search_bar_box button { width: 120px; height: 100%; background:linear-gradient(-90deg, #ffc400,#f28000); border-radius: 0 6px 6px 0; font-size: 30px; border: 0px; color: #fff; outline: 0px; }
.bannerbox .coolc_body .search_label_box { width: 100%; padding-top: 20px; display: flex; justify-content: center; }
.bannerbox .coolc_body .search_label_box a { background: rgba(255, 255, 255, 0.2); color: #fff; border-radius: 4px; padding: 3px 9px; margin: 0 2px; transition: 0.5s all; }
.bannerbox .coolc_body .search_label_box a:hover { background: #fff; color: #ff7800; }

/* 推荐配音员 */
.dubbing_all_box { width: 100%; background: #fff; padding: 40px 0 50px 0; }
.dubbing_all_box .dubbing_tab_box { width: 100%; padding-top: 16px; }
.dubbing_all_box .dubbing_tab_box .dubbing_tabs { width: 100%; text-align: center; }
.dubbing_all_box .dubbing_tab_box .dubbing_tabs ul { display: flex; justify-content: center; }
.dubbing_all_box .dubbing_tab_box .dubbing_tabs ul li { font-size: 14px; padding: 8px 15px; cursor: pointer; margin: 0 3px; }
.dubbing_all_box .dubbing_tab_box .dubbing_tabs ul li.current { background: #ff7800; border-radius: 50px; color: #fff; }

.category_all_body { width: 100%; height: 330px; transition: 0.2s all; }
.category_all_body .category_box { width: 100%; height: auto; position: relative; transition: 0.3s all; }
.category_all_body .category_box .home_category_box { width: 100%; background: #fff; box-shadow: 0 0 5px #dedede; border-radius: 10px; height: auto; position: absolute; left: 0px; top: -54px; z-index: 8; transition: 0.3s all; }
.category_all_body .category_box .home_category_box .category_item { width: 100%; height: 182px; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; padding: 20px 30px; transition: 0.3s all; }
.category_all_body .category_box .home_category_box .category_item .item { width: 334px; position: relative; padding-right: 16px; transition: 0.3s all; }
.category_all_body .category_box .home_category_box .category_item .item.it_1 { width: 425px; padding-left: 40px; padding-right: 10px; }
.category_all_body .category_box .home_category_box .category_item .item.it_1::after { width: 1px; background: #eee; content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; }
.category_all_body .category_box .home_category_box .category_item .item.it_2 { width: 320px; padding-left: 40px; padding-right: 10px; }
.category_all_body .category_box .home_category_box .category_item .item.it_2::after { width: 1px; background: #eee; content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; }
.category_all_body .category_box .home_category_box .category_item .item.it_3 { width: 260px; padding-left: 40px; }
.category_all_body .category_box .home_category_box .category_item .item.it_3::after { width: 1px; background: #eee; content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; }
.category_all_body .category_box .home_category_box .category_item .item .title { width: 100%; display: flex; justify-content: start; font-size: 16px; padding-bottom: 8px; color: #000; }
.category_all_body .category_box .home_category_box .category_item .item .title i { font-size: 18px; color: #ff7800; padding-right: 6px; }
.category_all_body .category_box .home_category_box .category_item .item .label_box { width: 100%; height: 104px; display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; transition: 0.3s all; }
.category_all_body .category_box .home_category_box .category_item .item .label_box a { width: 33.33%; height: 26px; font-size: 14px; line-height: 26px; position: relative; }
.category_all_body .category_box .home_category_box .category_item .item .label_box a em { width: 28px; height: 14px; position: absolute; top: -1px; margin-left: 3px; background: url(../image/hot.png) no-repeat; background-size: 100% auto; }
.category_all_body .category_box .home_category_box .category_item .item .label_box.t a { width: 33.33%; }
.category_all_body .category_box .home_category_box .category_item .item .label_box.f a { width: 25%; }
.category_all_body .category_box .home_category_box .category_item .item .label_box.b a { width: 50%; }
.category_all_body .category_box .home_category_box .category_item:hover,
.category_all_body .category_box .home_category_box .category_item:hover .item .label_box { height: auto!important; overflow: auto; }
.category_all_body .slogan_box { width: 100%; display: flex; justify-content: center; padding-top: 250px; }
.category_all_body .slogan_box .s_icon { display: flex; justify-content: center; align-items: center; padding-right: 40px; }
.category_all_body .slogan_box .s_icon .img { width: 58px; height: 58px; }
.category_all_body .slogan_box .s_icon .img img { width: 58px; height: 58px; }
.category_all_body .slogan_box .s_icon .text { padding-left: 8px; }
.category_all_body .slogan_box .s_icon .text b { font-size: 16px; color: #000; font-weight: 500; }
.category_all_body .slogan_box .s_icon .text p { color: #999; }
.category_all_body .slogan_box .s_icon:nth-last-child(1) { padding-right: 0px; }

.express_news_box { width: 100%; height: 102px; padding: 22px 0; display: flex; justify-content: space-between; }
.express_news_box .express_left { width: 1110px; height: 62px; display: flex; justify-content: space-between; padding: 0 30px; }
.express_news_box .express_left .express_left_title { width: 90px; }
.express_news_box .express_left .express_left_title b { width: 100%; font-size: 16px; font-weight: 500; padding-top: 2px; }
.express_news_box .express_left .express_left_title .all_left_box_e { width: 100%; padding-top: 6px; display: flex; justify-self: start; }
.express_news_box .express_left .express_left_title .all_left_box_e i { width: 20px; height: 20px; display: block; line-height: 20px; text-align: center; border: 1px solid #dedede; font-size: 12px; transition: 0.3s all; }
.express_news_box .express_left .express_left_title .all_left_box_e i:nth-child(1) { margin-right: 4px; }
.express_news_box .express_left .express_left_title .all_left_box_e i:hover { border: 1px solid #ff7800; color: #fff; background: #ff7800; }
.express_news_box .express_left #deal { width: 427px; height: 62px; overflow: hidden; padding-right: 22px; }
.express_news_box .express_left .num_item_box { width: 405px; height: 62px; display: flex; justify-content: space-between; }
.express_news_box .express_left .num_item_box .item { padding-right: 38px; }
.express_news_box .express_left .num_item_box .item b { font-size: 22px; color: #000; padding-bottom: 2px; }
.express_news_box .express_left .num_item_box .item p { color: #999; padding-top: 0px; font-size: 13px; }
.express_news_box .express_left .num_item_box .item p span { color: #ff7800; }
.express_news_box .express_left .order_box { width: 560px; height: 62px; display: flex; justify-content: start; }
.express_news_box .express_left .order_box .title { width: 85px; padding-top: 2px; }
.express_news_box .express_left .order_box .title b { width: 100%; font-size: 16px; font-weight: 500; }
.express_news_box .express_left .order_box .title span { width: 44px; height: 15px; background: url(../image/dian.png) no-repeat; display: block; margin-top: 10px; }
.express_news_box .express_left .order_box .info_li_box { width: 470px; height: 62px; overflow: hidden; }
.express_news_box .express_left .order_box .info_li_box .info_li { width: 100%; height: 62px; padding-left: 40px; position: relative; }
.express_news_box .express_left .order_box .info_li_box .info_li img { width: 28px; height: 28px; border-radius: 28px; position: absolute; left: 0px; top: 0px; }
.express_news_box .express_left .order_box .info_li_box .info_li .sInfo { width: 100%; height: 28px; margin-bottom: 3px; display: flex; justify-content: space-between; align-items: center; }
.express_news_box .express_left .order_box .info_li_box .info_li .sInfo p { display: flex; justify-content: space-between; align-items: center; }
.express_news_box .express_left .order_box .info_li_box .info_li .sInfo p i { margin-right: 2px; font-size: 14px; }
.express_news_box .express_left .order_box .info_li_box .info_li .text { font-size: 14px; }
.express_news_box .notice_all_box { width: 290px; position: relative; padding-left: 40px; }
.express_news_box .notice_all_box::after { width: 1px; background: #eee; content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; }
.express_news_box .notice_all_box .title { width: 100%; display: flex; justify-content: start; align-items: center; }
.express_news_box .notice_all_box .title i { font-size: 18px; color: #ff7800; padding-right: 6px; }
.express_news_box .notice_all_box .title b { font-size: 16px; color: #000; font-weight: 500; }
.express_news_box .notice_all_box .n_list { width: 100%; height: 22px; line-height: 22px; overflow: hidden; position: relative; margin-top: 4px; }
.express_news_box .notice_all_box .n_list a { width: 100%; height: 22px; line-height: 22px; padding-right: 26px; text-align: left; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 通用配音老师BOX */
.dubbing_box { width: 100%; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.dubbing_box .item { width: 266px; height: 300px; margin-bottom: 46px; margin-top: 3px; border-radius: 10px; background: #f25f02; position: relative; }
.dubbing_box .item .dub_top { width: 100%; height: 180px; background: linear-gradient(90deg, #ff8920,#fe6402); padding-top: 20px; border-radius: 10px 10px 0 0; position: relative; text-align: center; }
.dubbing_box .item .dub_top::after { width: 258px; height: 70px; content: ''; background: url(../image/user_bg.png) no-repeat left bottom; background-size: 100% auto; position: absolute; left: 4px; bottom: 0px; right: 4px; }
.dubbing_box .item .dub_top h2 { width: 100%; height: 22px; line-height: 22px; display: block; }
.dubbing_box .item .dub_top h2 a { color: #fff; font-size: 16px; }
.dubbing_box .item .dub_top p { width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #fff; opacity: 0.6; display: block; }
.dubbing_box .item .dub_top p span { padding: 0 7px; }
.dubbing_box .item .dub_top .label_box { width: 100%; height: 34px; display: flex; justify-content: center; align-items: center; }
.dubbing_box .item .dub_top .label_box a { background: rgba(255, 255, 255, 0.2); color: #fff; font-size: 12px; border-radius: 20px; padding: 2px 10px; margin: 0 2px; }
.dubbing_box .item .dub_top .label_box a:hover { background: rgba(255, 255, 255, 0.4); }
.dubbing_box .item .dub_top .dubbing_user { width: 78px; height: 78px; position: absolute; left: 50%; bottom: 0px; margin-left: -39px; z-index: 9; }
.dubbing_box .item .dub_top .dubbing_user img { width: 78px; height: 78px; border-radius: 78px; border: 4px solid rgba(255, 255, 255, 0.3); }
.dubbing_box .item .dub_top .dubbing_user span { width: 24px; height: 24px; line-height: 20px; border: 2px solid #fff; text-align: center; color: #fff; display: block; position: absolute; right: 2px; bottom: 2px; background: #00c0ff; border-radius: 30px; }
.dubbing_box .item .voice_li_box { width: 258px; height: 148px; margin: 0 auto; background: #fff; border-radius: 0 0 10px 10px; position: absolute; left: 4px; top: 180px; z-index: 9; box-shadow: 0 2px 3px #dedede; overflow: hidden; transition: 0.2s all; }
.dubbing_box .item .voice_li_box .voice_li { width: 100%; height: 95px; padding: 0 14px; padding-top: 5px; transition: 0.2s all; }
.dubbing_box .item .voice_li_box .voice_li ul li { width: 100%; height: 30px; display: flex; justify-content: space-between; align-items: center; }
.dubbing_box .item .voice_li_box .voice_li ul li a.playbtn { width: 22px; height: 30px; }
.dubbing_box .item .voice_li_box .voice_li ul li a.playbtn i { width: 22px; height: 30px; line-height: 30px; font-size: 18px; color: #999; }
.dubbing_box .item .voice_li_box .voice_li ul li a.text { width: 210px; height: 30px; line-height: 30px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dubbing_box .item .voice_li_box .price_box { width: 100%; display: flex; justify-content: space-between; padding: 14px; }
.dubbing_box .item .voice_li_box .voice_btn { width: 100%; display: flex; justify-content: space-between; padding: 16px 14px; opacity: 0; background: url(../image/dubbing_bg.png) repeat-x; transition: 0.2s all; }
.dubbing_box .item .voice_li_box .voice_btn a i { font-size: 14px!important; }
.dubbing_box .item:hover .voice_li_box { height: 204px; }
.dubbing_box .item:hover .voice_li_box .voice_btn { opacity: 1; }
.dubbing_box .item.woman { background: #f95283; }
.dubbing_box .item.woman .dub_top .dubbing_user span { background: #ff72f7; }
.dubbing_box .item.woman .dub_top { background: linear-gradient(90deg, #ff97d2,#f95283); }

/* 好声音BOX */
.voice_all_box { width: 100%; background: url(../image/voice_bg.png) no-repeat center bottom; padding: 40px 0 50px 0; }
.voice_tab_box { width: 100%; padding: 30px 0 0 0; }
.voice_tab_box .voice_tabs { width: 100%; height: 42px; border-bottom: 1px solid #dadada; margin-bottom: 10px; }
.voice_tab_box .voice_tabs ul { width: 100%; display: flex; justify-content: center; }
.voice_tab_box .voice_tabs ul li { height: 41px; font-size: 18px; position: relative; margin: 0 16px; color: #9c9c9c; cursor: pointer; }
.voice_tab_box .voice_tabs ul li.current { color: #ff7800; }
.voice_tab_box .voice_tabs ul li.current::after { height: 3px; background: #ff7800; content: ''; position: absolute; left: 0px; right: 0px; bottom: -1px; }

/* 通用样音BOX */
.voice_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.voice_box .item { width: 334px; height: 165px; padding: 20px 20px 0 20px; background: #fff; border-radius: 5px; border: 1px solid #eee; box-shadow: 0 0px 2px 0 rgb(0 0 0 / 5%); margin-top: 20px; overflow: hidden; position: relative; transition: 0.2s all; }
.voice_box .item::after { width: 100%; height: 6px; border-top: 2px solid #fff; border-radius: 5px; content: ''; position: absolute; left: 0px; top: 0px; transition: 0.2s all; }
.voice_box .item h2 { width: 100%; height: 32px; overflow: hidden; margin-bottom: 5px; font-size: 14px; }
.voice_box .item .tag_icon_box { width: 100%; display: flex; justify-content: space-between; }
.voice_box .item .tag_icon_box .tag_box { height: 26px; display: flex; justify-content: start; align-items: center; }
.voice_box .item .tag_icon_box .tag_box a { height: 22px; line-height: 20px; padding: 0 8px; border: 1px solid #fe6402; color: #fe6402; background: #fff; border-radius: 30px; margin-right: 4px; transition: 0.2s all; }
.voice_box .item .tag_icon_box .tag_box a:hover { background: #fe6402; color: #fff; }
.voice_box .item .tag_icon_box .icon_box { height: 26px; display: flex; justify-content: start; align-items: center; }
.voice_box .item .tag_icon_box .icon_box a { width: 22px; height: 22px; text-align: center; display: block; background: #fff; position: relative; border: 1px solid #dedede; border-radius: 30px; margin-left: 5px; transition: 0.2s all; }
.voice_box .item .tag_icon_box .icon_box a i { font-size: 13px!important; }
.voice_box .item .tag_icon_box .icon_box a i::before { width: 100%; height: 20px; text-align: center; line-height: 20px; display: block; position: absolute; left: 0px; top: 0px; }
.voice_box .item .tag_icon_box .icon_box a:hover { border: 1px solid #fe6402; background: #fe6402; color: #fff; }
.voice_box .item .class_box { width: 100%; height: 26px; line-height: 26px; }
.voice_box .item .class_box a { color: #999; }
.voice_box .item .class_box a:hover { color: #fe6402; }
.voice_box .item .class_box i { font-size: 12px; color: #999; padding: 0 5px; }
.voice_box .item .wave_box_btn { width: 100%; display: flex; justify-content: space-between; padding-top: 10px; cursor: pointer; }
.voice_box .item .wave_box_btn .playbtn { width: 27px; height: 27px; }
.voice_box .item .wave_box_btn .playbtn i { width: 27px; height: 27px; line-height: 27px; font-size: 27px; color: #fe6402; }
.voice_box .item .wave_box_btn .playbtn.zanting { color: #ff0000; }
.voice_box .item .wave_box_btn .musicImages { width: 252px; height: 27px; display: flex; align-items: center; padding-left: 6px; }
.voice_box .item .wave_box_btn .musicImages .span { width: 100%; height: 3px; display: block; background: #dedede; border-radius: 4px; }
.voice_box .item .wave_box_btn .musicImages .span span { height: 3px; display: block; background: #fe6402; position: relative; transition: 0.2s all; }
.voice_box .item .wave_box_btn .musicImages .span span::after { width: 10px; height: 10px; border-radius: 10px; content: ''; position: absolute; top: -3.6px; right: 0px; box-shadow: 0 0 5px #ccc; background: #fe6402; }
.voice_box .item:hover { background:linear-gradient(-180deg, rgba(254,235,222,1),rgba(255,255,255,1)); box-shadow: 0 0 15px rgba(0,0,0,.2); }
.voice_box .item:hover::after { border-top: 2px solid #fe6402; }

/* 新通用样音BOX */
.voice_box_new { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.voice_box_new .item { width: 49.5%; height: auto !important; padding: 10px; background: #fff; border-radius: 5px; border: 1px solid #eee; box-shadow: 0 0px 2px 0 rgb(0 0 0 / 5%); margin-top: 15px; overflow: hidden; position: relative; transition: 0.2s all; }
.voice_box_new .item::after { width: 100%; height: 6px; border-top: 2px solid #fff; border-radius: 5px; content: ''; position: absolute; left: 0px; top: 0px; transition: 0.2s all; }
.voice_box_new .item .top_voice_box { width:100%; display: flex; justify-content: space-between; align-items: center; }
.voice_box_new .item .top_voice_box .playbtn { width: 40px; height: 40px; line-height: 27px; text-align: center; cursor: pointer; position: relative; background: #000; border-radius: 4px; overflow: hidden; }
.voice_box_new .item .top_voice_box .playbtn img { width: 40px; height: 40px; opacity: 0.6; }
.voice_box_new .item .top_voice_box .playbtn i { width: 26px; height: 26px; font-size: 26px; color: #fff; line-height: 26px; position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; }
.voice_box_new .item .top_voice_box .playbtn::after { width: 16px; height: 16px; content: ''; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; background: #ff7800; z-index: 1; }
.voice_box_new .item .top_voice_box .r { width: calc( 100% - 40px); padding-left: 12px; display: flex; align-items: center; justify-content: space-between; }
.voice_box_new .item .top_voice_box .r h2 { width: 310px; overflow: hidden; font-size: 14px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.voice_box_new .item .top_voice_box .r .icon_box { width: 290px; font-size: 14px; display: flex; justify-content: space-between; align-items: center; }
.voice_box_new .item .top_voice_box .r .icon_box .href { color: #999; }
.voice_box_new .item .top_voice_box .r .icon_box .href:hover { color: #ff7800; }
.voice_box_new .item .top_voice_box .r .icon_box .ic { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid #fff; color: #333; margin-right: 6px; cursor: pointer; }
.voice_box_new .item .top_voice_box .r .icon_box .ic:hover { color: #ff7800; border: 1px solid #ff7800; }
.voice_box_new .item .top_voice_box .r .icon_box .kefu_btns { height: 30px; line-height: 30px; padding: 0 12px; color: #fff; border-radius: 20px; margin-left: 4px; background: #ff7800; background-image: linear-gradient(305deg,#ff9000,#ff5000 77%); }
.voice_box_new .item:hover { box-shadow: 0 0 15px rgba(255,120,0,.4); }
.voice_box_new .item:hover .top_voice_box .playbtn i { color: #ff7800; }
.voice_box_new .item:hover .top_voice_box .playbtn::after { background: #fff; }
.voice_box_new .item:hover .top_voice_box .r .icon_box .kefu_btns { background: #333; }

/* 通用标题 */
.all_titles_box { width: 100%; text-align: center; }
.all_titles_box b { height: 50px; line-height: 50px; font-size: 40px; font-weight: bold; color: #000; }
.all_titles_box p.en { font-size: 20px; position: relative; text-transform: uppercase; color: #a3a3a3; padding: 3px 0 8px 0; }
.all_titles_box p.en::after { width: 180px; height: 1px; content: ""; background: #e3e3e3; position: absolute; top: 48%; left: 50%; margin-left: -280px; }
.all_titles_box p.en::before { width: 180px; height: 1px; content: ""; background: #e3e3e3; position: absolute; top: 48%; right: 50%; margin-right: -280px; }
.all_titles_box span { font-size: 16px; color: #666; }

/* 案例展示 */
.case_item_box { width: 100%; height: 496px; padding: 40px 0 50px 0; display: flex; justify-content: space-between; }
.case_item_box .case_left_box { width: 676px; height: 406px; background: #000; border-radius: 8px; overflow: hidden; }
.case_item_box .case_left_box #case-swiper { position: relative; }
.case_item_box .case_left_box #case-swiper .cabtn { width: 40px; height: 40px; line-height: 40px; position: absolute; top: 50%; margin-top: -20px; text-align: center; color: #fff; z-index: 19; }
.case_item_box .case_left_box #case-swiper .cabtn i { font-size: 38px!important; }
.case_item_box .case_left_box #case-swiper .cabtn.case_next { left: -40px; transition: 0.3s all; opacity: 0; }
.case_item_box .case_left_box #case-swiper .cabtn.case_prev { right: -40px; transition: 0.3s all; opacity: 0; }
.case_item_box .case_left_box #case-swiper:hover .cabtn.case_next { left: 0px; opacity: 1; }
.case_item_box .case_left_box #case-swiper:hover .cabtn.case_prev { right: 0px; opacity: 1; }
.case_item_box .case_left_box .swiper-slide { width: 676px; height: 406px; position: relative; }
.case_item_box .case_left_box .swiper-slide img { width: 676px; height: 406px; opacity: 0.6; }
.case_item_box .case_left_box .swiper-slide i { width: 676px; height: 406px; text-align: center; line-height: 406px; position: absolute; left: 0px; top: 0px; font-size: 80px; color: #fff; transition: 0.2s all; }
.case_item_box .case_left_box .swiper-slide:hover i { font-size: 90px; }
.case_item_box .case_right_box { width: 700px; height: 406px; }
.case_item_box .case_right_box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.case_item_box .case_right_box ul li { width: 340px; height: 192px; overflow: hidden; border-radius: 8px; margin-bottom: 23px; position: relative; }
.case_item_box .case_right_box ul li img { width: 100%; transition: all .2s; }
.case_item_box .case_right_box ul li p { width: 100%; height: 40px; line-height: 40px; padding: 0 12px; position: absolute; display: block; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; left: 0px; bottom: 0px; color: #fff; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(6px); transition: 0.2s all; }
.case_item_box .case_right_box ul li a:hover p { background: rgba(255, 255, 255, 0.4); }
.case_item_box .case_right_box ul li a:hover img { transform: scale(1.1); }
.case_item_box .case_right_box ul li:nth-child(3),.case_item_box .case_right_box ul li:nth-child(4) { margin-bottom: 0px; }

/* 配音资讯 */
.news_case_box { width: 100%; padding: 36px 0; }
.news_case_box .news_tab_box { width: 100%; padding-top: 16px; }
.news_case_box .news_tab_box .news_tabs { width: 100%; text-align: center; }
.news_case_box .news_tab_box .news_tabs ul { display: flex; justify-content: center; }
.news_case_box .news_tab_box .news_tabs ul li { font-size: 14px; padding: 8px 15px; cursor: pointer; margin: 0 3px; }
.news_case_box .news_tab_box .news_tabs ul li.current { background: #ff7800; border-radius: 50px; color: #fff; }
.news_boxs { width: 100%; height: 740px; padding: 30px 0 0 0; }
.news_boxs .news_banner { width: 100%; height: 160px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.news_boxs .news_banner img { width: 100%; height: 160px; }
.news_boxs ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.news_boxs ul li { width: 48%; padding: 12px 0; }
.news_boxs ul li a { display: flex; justify-content: space-between; transition:0.2s all; }
.news_boxs ul li .pic { width: 121px; height: 121px; line-height: 121px; text-align: center; background: #fff; border-radius: 5px; overflow: hidden; }
.news_boxs ul li .pic img { width: 121px; height: 121px; }
.news_boxs ul li .infos { width: 530px; }
.news_boxs ul li .infos h2 { width: 100%; display: block; font-size: 18px; padding: 8px 0; color: #000; transition: 0.5s all; }
.news_boxs ul li .infos p { font-size: 14px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; visibility: visible; -webkit-line-clamp: 2; }
.news_boxs ul li .infos .more_box { width: 100%; display: flex; justify-content: start; padding-top: 10px; }
.news_boxs ul li .infos .more_box .more { background: #fff; border-radius: 20px; padding: 2px 8px; font-size: 12px; transition: 0.5s all; }
.news_boxs ul li .infos .more_box .more i { font-size: 12px; }
.news_boxs ul li .infos .more_box p { padding: 2px 8px; font-size: 12px; }
.news_boxs ul li a:hover { margin-top: -15px; }
.news_boxs ul li a:hover h2 { color: #ff7800; }
.news_boxs ul li a:hover .more_box .more { background: #ff7800; color: #fff; }

/* 主页查看更多通用按钮 */
.all_more_box { width: 100%; padding-top: 45px; display: flex; justify-content: center; }
.all_more_box a { border: 1px solid #ff7800; font-size: 18px; color: #ff7800; padding: 12px 80px; border-radius: 60px; transition: 0.5s all; }
.all_more_box a:hover { background: #ff7800; color: #fff; }

/* 推荐专题 */
.topic_box { width: 100%; padding: 30px 0 0 0; }
.topic_box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.topic_box ul li { width: 332px; background: #fff; border-radius: 10px; margin-bottom: 30px; }
.topic_box ul li .imgbox { width: 332px; height: 214px; position: relative; border-radius: 10px 10px 0 0; overflow: hidden; }
.topic_box ul li .imgbox img { width: 332px; height: 214px; transition: 0.1s all; }
.topic_box ul li .imgbox::after { width: 100%; height: 214px; content: ''; position: absolute; left: 0px; top: 0px; opacity: 0; right: 0px; bottom: 0px; background:linear-gradient(-180deg, rgba(255,255,255,0),rgba(255,255,255,1)); transition: 0.3s all; }
.topic_box ul li .imgbox .hover_view { position: absolute; left: 50%; top: -50%; margin-top: -38px; margin-left: -38px; z-index: 9; text-align: center; font-size: 14px; color: #ff7800; transition: 0.3s all; }
.topic_box ul li .imgbox .hover_view i { width: 76px; height: 76px; line-height: 76px; display: block; text-align: center; border-radius: 76px; background: #ff7800; color: #fff; font-size: 40px; margin-bottom: 4px; }
.topic_box ul li .info_box { width: 100%; padding: 12px 16px; position: relative; overflow: hidden; }
.topic_box ul li .info_box h2 { font-size: 18px; height: 26px; color: #000; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: 0.3s all; }
.topic_box ul li .info_box span { font-size: 13px; color: #999; }
.topic_box ul li .info_box .view_topic_btn { position: absolute; right: 16px; bottom: 12px; font-size: 13px; transition: 0.3s all; }
.topic_box ul li .info_box .view_topic_btn i { font-size: 14px!important; padding-right: 6px; }
.topic_box ul li .info_box .hover_btn { position: absolute; bottom: -18px; right: 16px; transition: 0.3s all; opacity: 0; background: #ff7800; color: #fff; padding: 4px 12px; border-radius: 16px; }
.topic_box ul li a { display: block; position: relative; border-radius: 10px; transition: 0.5s all; }
.topic_box ul li a::after { content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 9; border-radius: 10px; transition: 0.1s all; }
.topic_box ul li a:hover::after { border: 2px solid #ff7800; }
.topic_box ul li a:hover { box-shadow: 0 0 12px #999; }
.topic_box ul li a:hover .info_box h2 { color: #ff7800; }
.topic_box ul li a:hover .info_box .view_topic_btn { bottom: -18px; }
.topic_box ul li a:hover .info_box .hover_btn { position: absolute; right: 16px; bottom: 14px; opacity: 1; }
.topic_box ul li a:hover .imgbox img { opacity: 0.5; }
.topic_box ul li a:hover .imgbox::after { opacity: 1; }
.topic_box ul li a:hover .hover_view { top: 50%; }

/* 流程、用户好评 */
.process_user_praise { width: 100%; background: #fff; padding: 36px 0; }
.praise_item { width: 1400px; height: 375px; padding-top: 30px; background: #e8edf4; border-radius: 12px; margin: 30px auto 0; overflow: hidden; }
.praise_item .praise-row { height: 85px;	display: flex; }
.praise_item .praise-row:nth-of-type(n-2) { margin-bottom: 30px }
.praise_item .praise-row:first-of-type { animation: praiseRow1 60s linear 0s infinite; }
.praise_item .praise-row:first-of-type>.praise-item { align-self: flex-start; }
.praise_item .praise-row:nth-of-type(2) { animation: praiseRow2 60s linear 0s infinite; }
.praise_item .praise-row:nth-of-type(2)>.praise-item { align-self: flex-start; }
.praise_item .praise-row:nth-of-type(3) { animation: praiseRow3 60s linear 0s infinite; transform: translateX(-3000px); }
.praise_item .praise-row:nth-of-type(3)>.praise-item { align-self: flex-end; }
.praise_item .praise-row.paused { -webkit-animation-play-state: paused; animation-play-state: paused; position: relative; z-index: 1 }
.praise_item .praise-row>.praise-item { width: 610px; background: rgba(255, 255, 255,0.8); padding: 15px 22px 15px 15px; border-radius: 12px; margin-right: 50px; flex-shrink: 0; display: flex; justify-content: space-between; align-items: center; transition: all .2s; }
.praise_item .praise-row>.praise-item>.avatar { width: 54px; height: 54px; object-fit: cover; }
.praise_item .praise-row>.praise-item>.comments { width: 500px; height: 52px; font-size: 14px; color: #555; line-height: 26px; overflow: hidden; }
.praise_item .praise-row>.praise-item>.comments>.name { font-size: 16px; font-weight: 700; color: #333; }
.praise_item .praise-row>.praise-item:hover { background: #fff; box-shadow: 0 0 21px 0 rgba(0,0,0,.28); }
.praise_item .praise-row>.praise-item:hover>.comments { height: auto }

.process_item { width: 100%; padding: 36px 0; display: flex; justify-content: center; }
.process_item .item { text-align: center; margin-right: 100px; position: relative; }
.process_item .item::after { width: 81px; height: 18px; content: ''; position: absolute; right: -101px; top: 56px; background: url(../image/process.png) no-repeat; }
.process_item .item i { width: 120px; height: 120px; line-height: 120px; cursor: pointer; display: block; margin: 0 auto 6px auto; color: #fff; font-size: 62px; text-align: center; border-radius: 130px; }
.process_item .item:hover i { position: relative; }
.process_item .item:hover i::after { display: block; content: ''; border-radius: 100%; animation: twinkles 1.1s; animation-iteration-count: infinite; position: absolute; background: rgba(255,255,255,0.2); opacity: 0; width: 0; height: 0; }
.process_item .item b { width: 100%; font-size: 20px; color: #000; padding: 4px 0; }
.process_item .item p { width: 100%; font-size: 16px; color: #a3a3a3; }
.process_item .item.i_1 i { background:linear-gradient(-180deg, #f5b612,#f07b08); }
.process_item .item.i_2 i { background:linear-gradient(-180deg, #f3a453,#ee484f); }
.process_item .item.i_2::after { background: url(../image/process_2.png) no-repeat; right: -96px; top: 46px; }
.process_item .item.i_3 i { background:linear-gradient(-180deg, #f04cd2,#ee275f); }
.process_item .item.i_4 i { background:linear-gradient(-180deg, #6ba4ff,#5f4eff); }
.process_item .item.i_4::after { background: url(../image/process_2.png) no-repeat; right: -96px; top: 46px; }
.process_item .item.i_5 { margin-right: 0px!important; }
.process_item .item.i_5::after { display: none; }
.process_item .item.i_5 i { background:linear-gradient(-180deg, #71c1ff,#4495ff); }

/* 合作伙伴 */
.partner_box { width: 100%; background: #fff; padding: 56px 0 20px 0; }
.partner_box .partner_item_box { padding: 30px 0 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
.partner_box .partner_item_box .item { width: 166px; margin-bottom: 30px; }
.partner_box .partner_item_box .item img { width: 166px; border-radius: 6px; filter: grayscale(100%); transition: all .2s; cursor: pointer; }
.partner_box .partner_item_box .item img:hover { box-shadow: 0 4px 10px 0 rgba(0,0,0,.18); filter: grayscale(0); transform: translateY(-8px); }

/* 标签、问答 */
.link_ask_box { width: 100%; padding: 30px 0; background: #fff; box-shadow: 0 0 8px #dedede; }
.link_ask_box .coolc_body { display: flex; justify-content: space-between; }
.link_ask_box .coolc_body .title_box { width: 100%; height: 30px; }
.link_ask_box .coolc_body .title_box b { font-size: 20px; font-weight: bold; color: #000; }
.link_ask_box .coolc_body .title_box a { padding-left: 6px; color: #999; }
.link_ask_box .coolc_body .title_box a i { font-size: 12px; }
.link_ask_box .coolc_body .title_box a:hover { color: #ff7800; }
.link_ask_box .coolc_body .link_box { width: 48%; }
.link_ask_box .coolc_body .link_box .label_box { width:100%; padding-top: 20px; }
.link_ask_box .coolc_body .link_box .label_box a { border:1px solid #eee; border-radius:20px; margin-right:8px; margin-bottom:8px; display:inline-block; padding:3px 10px; }
.link_ask_box .coolc_body .link_box .label_box a:hover { background:#ff7800; border:1px solid #ff7800; color:#fff!important; }
.link_ask_box .coolc_body .ask_box { width: 48%; }
.link_ask_box .coolc_body .ask_box .ask_list_box { width:100%; height: 246px; overflow: hidden; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-top: 20px; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items .ask_wen_da { width: 580px; border-radius: 90px 90px 0 90px; padding: 16px 16px 14px 34px; background: #fff; box-shadow: 0 0 5px #dedede; margin-left: 3px; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items .ask_wen_da h2 { font-size: 16px; color: #000; padding-bottom: 6px; position: relative; padding-left: 24px; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items .ask_wen_da h2::after { width: 18px; height: 18px; line-height: 18px; display: block; content: '问'; position: absolute; left: 0px; top: 1px; background: #ef5f00; color: #fff; font-size: 12px; text-align: center; border-radius: 2px; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items .ask_wen_da p { font-size: 13px; color: #999; position: relative; padding-left: 24px; line-height: 20px; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items .ask_wen_da p::after { width: 18px; height: 18px; line-height: 18px; display: block; content: '答'; position: absolute; left: 0px; top: 2px; background: #4ebeff; color: #fff; font-size: 12px; text-align: center; border-radius: 2px; }
.link_ask_box .coolc_body .ask_box .ask_list_box a:hover .ask_wen_da h2 { color: #ff7800!important; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items .user_box { width: 70px; padding-top: 6px; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items .user_box img { width: 70px; height: 70px; border-radius: 70px; }
.link_ask_box .coolc_body .ask_box .ask_list_box .items .user_box p { width: 100%; display: block; text-align: center; padding-top: 4px; }

/* 主页友情链接 */
.link_all_box { background: #eef3f9; padding: 24px 0; display: flex; justify-content: space-between; }
.link_all_box .coolc_body { display: flex; justify-content: space-between; }
.link_all_box .coolc_body .left_link { width: 60%; }
.link_all_box .coolc_body .left_link .link_tabs { width: 100%; }
.link_all_box .coolc_body .left_link .link_tabs ul { height: 30px; display: flex; justify-content: start; }
.link_all_box .coolc_body .left_link .link_tabs ul li { font-size: 14px; cursor: pointer; margin-right: 30px; color: #999; }
.link_all_box .coolc_body .left_link .link_tabs ul li.current { color: #ff7800; position: relative; }
.link_all_box .coolc_body .left_link .link_tabs ul li.current::after { height: 2px; background: #ff7800; content: ''; position: absolute; left: 0px; right: 0px; bottom: 0px; }
.link_all_box .coolc_body .left_link .link_boxs { min-height: 60px; padding-top: 14px; }
.link_all_box .coolc_body .left_link .link_boxs a { color: #666666; padding-bottom: 5px; padding-right: 15px; display: inline-block; }
.link_all_box .coolc_body .left_link .link_boxs a:hover { color: #ff7800; }
.link_all_box .coolc_body .right_box { width: 40%; display: flex; justify-content: space-between; padding-left: 50px; }
.link_all_box .coolc_body .right_box .maikefeng_box { position: relative; cursor: pointer; transition: 0.5s all; }
.link_all_box .coolc_body .right_box .maikefeng_box .maikefeng { width: 126px; height: 148px; position: absolute; background: url(../image/maikefeng.png) no-repeat; z-index: 90; left: 40px; bottom: -24px; transition: 0.5s all; }
.link_all_box .coolc_body .right_box .maikefeng_box .hi { width: 51px; height: 51px; position: absolute; opacity: 0; left: 20px; top: -10px; background: url(../image/hi.png) no-repeat; transition: 0.5s all; }
.link_all_box .coolc_body .right_box .maikefeng_box p { width: 150px; position: absolute; left: 124px; top: 20px; opacity: 0; font-size: 12px; transition: 0.5s all; }
.link_all_box .coolc_body .right_box .maikefeng_box:hover { margin-left: -20px; }
.link_all_box .coolc_body .right_box .maikefeng_box:hover .hi { left: 0px; opacity: 1; }
.link_all_box .coolc_body .right_box .maikefeng_box:hover p { left: 160px; opacity: 1; }
.link_all_box .coolc_body .right_box .btn_all_box { display: flex; justify-content: space-between; align-items: center; }
.link_all_box .coolc_body .right_box .btn_all_box a { padding: 9px 15px; background: #f07d30; color: #fff; overflow: hidden; }
.link_all_box .coolc_body .right_box .btn_all_box a i { font-size: 14px; }
.link_all_box .coolc_body .right_box .btn_all_box a:hover { background: #ff944c; }
.link_all_box .coolc_body .right_box .btn_all_box a:nth-child(1) { border-radius: 5px 0 0 5px; }
.link_all_box .coolc_body .right_box .btn_all_box a:nth-child(2) { border-radius: 0 5px 5px 0; background: #ef5f00; }
.link_all_box .coolc_body .right_box .btn_all_box a:nth-child(2):hover { background: #fe7317; }

/* 通用底部 */
.footer_box { width: 100%; background: url(../image/background.svg) center -80px repeat-y #2f3139; padding: 50px 0 0 0; }
.footer_box .footer_all_box { width: 100%; display: flex; justify-content: space-between; padding-bottom: 40px; }
.footer_box .footer_all_box .footer_logo { width: 180px; height: 47px; }
.footer_box .footer_all_box .footer_logo img { width: 180px; height: 47px; }
.footer_box .footer_all_box .left_box { width: 280px; }
.footer_box .footer_all_box .left_box .slogan_footer_box { padding: 34px 0; }
.footer_box .footer_all_box .left_box .slogan_footer_box p { width: 100%; display: block; font-size: 14px; color: #98999c; }
.footer_box .footer_all_box .left_box .slogan_footer_box b { font-size: 22px; font-weight: bold; color: #fff; }
.footer_box .footer_all_box .left_box .tel_box { width: 100%; }
.footer_box .footer_all_box .left_box .tel_box b { display: block; font-size: 28px; color: #fff; }
.footer_box .footer_all_box .left_box .tel_box span { display: block; font-size: 12px; color: #98999c; }
.footer_box .footer_all_box .left_box .tel_title_box { width: 100%; display: block; font-size: 16px; color: #fff; }
.footer_box .footer_all_box .left_box .tel_title_box i { font-size: 16px; }
.footer_box .footer_all_box .help_box { display: flex; justify-content: space-between; }
.footer_box .footer_all_box .titles { width: 100%; font-size: 18px; color: #fff; position: relative; font-weight: bold; padding-bottom: 20px; padding-top: 2px; }
.footer_box .footer_all_box .titles::after { width: 10px; height: 10px; content: ''; background: #ff9c00; content: ''; border-radius: 10px; position: absolute; left: -19px; top: 11px; }
.footer_box .footer_all_box .help_box ul { width: 170px; }
.footer_box .footer_all_box .help_box ul li { padding: 6px 0; }
.footer_box .footer_all_box .help_box ul li a { display: block; font-size: 16px; color: #fff; }
.footer_box .footer_all_box .help_box ul li a:hover { color: #ff7800; }
.footer_box .footer_all_box .code_img_box { width: 270px; display: flex; justify-content: space-between; }
.footer_box .footer_all_box .code_img_box .item { width: 125px; height: 125px; }
.footer_box .footer_all_box .code_img_box .item img { width: 125px; height: 125px; border-radius: 4px; }
.footer_box .footer_all_box .code_img_box .item p { font-size: 14px; color: #98999c; padding-top: 6px; }
.footer_box .f_body { width: 100%; background: #000; text-align: center; padding: 30px 0 80px 0; }
.footer_box .f_body p { color: #a3a3a3; padding: 2px 0; }
.footer_box .f_body p a { color: #a3a3a3; padding-left: 20px; transition: 0.3s all; }
.footer_box .f_body p a:hover { color: #ff7800; }
.footer_box .f_body .city_box { width: 100%; padding-bottom: 20px; }
.footer_box .f_body .city_box a { background: #333; color: #fff; padding: 6px 13px; border-radius: 20px; margin: 0 3px; transition: 0.3s all; }
.footer_box .f_body .city_box a:hover { background: #ff7800; }
.footer_box .f_body .city_box a i { font-size: 12px!important; }

/* 右则客服 */
#service { width: 50px; position: fixed; right: 0;	top:0; z-index: 95; }
#service li { margin-top: 1px; }
#service span,#service a { width: 50px; text-align: left; display: block; height: 50px; position: relative; line-height: 50px; background-color: rgba(200, 200, 200, .8);
	color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin: 0; padding-left: 0; background-image: none; cursor: pointer; }
#service span:hover,#service span.hover,#service a:hover,#service a.hover { background-color: #ff7800; }
#service li:first-child span,#service li:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px; }
#service li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#service .box { position: absolute; left: 0; top: 0; width: 130px; height: 100%; line-height: 50px; font-size: 17px; transition: all .5s; z-index: 1; }
#service .phone { width: 200px; }
#service span:hover .box,#service span.hover .box,#service a:hover .box,#service a.hover .box {	left: -80px; background-color: #ff7800; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; }
#service li:last-child span:hover .box,#service li:last-child a:hover .box { border-bottom-right-radius: 5px; }
#service span .phone,#service a .phone { font-size: 20px; }
#service span:hover .phone,#service span.hover .box.phone,#service a:hover .phone {	left: -150px; font-size: 20px; }
#service span .ewm,#service a .ewm { display: none; }
#service span:hover .ewm,
#service span.hover .ewm,
#service a:hover .ewm { display: block; position: absolute; top: -145px; left: -160px; background-color: #fff; padding: 15px; box-shadow: 0 0 30px 6px rgba(0, 0, 0, .1); line-height: 20px; color: #999; text-align: center; font-size: 13px; }
#service span:hover .ewm img,#service span.hover .ewm img,#service a:hover .ewm img {	width: 110px; display: block; margin-bottom: 5px; padding: 8px;	border: 2px solid #ff7800; }
#service span i,#service a i { font-size: 28px;	display: block;	float: left; width: 50px; text-align: center; }

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

.screen_list_box { width: 100%; padding-top: 60px; background: #fff; }

/* 分类筛选 */
.class_top_box { width:100%; height:auto; display:table; background:#fff; border:1px solid #eee; margin-bottom:10px; }
.class_top_box dl { width:100%; display: flex; justify-content: start; border-bottom:1px solid #eee; font-size:14px; padding: 10px; }
.class_top_box dl .screen_item { width: 1298px; }
.class_top_box dl dt { height:30px; line-height:30px; font-weight:500; float:left; }
.class_top_box dl dt a { height:30px; padding:4px 10px; }
.class_top_box dl dt.w80 { width:80px; color:#666; text-align: right; padding-right: 10px; }
.class_top_box dl dt.on a { background:#ff7800; color:#fff; border-radius:3px; }
.class_top_box dl:nth-last-child(1) { border-bottom:0px; }

.sort_all_box { width: 100%; padding: 6px 0 15px 0; display: flex; justify-content: space-between; }
.sort_all_box .btn-group a.on { background:#ff7800; color:#fff; }
.sort_all_box .sx-right { display: flex; justify-content: start; align-items: center; }
.sort_all_box .sx-right .empty_btn { padding: 2px 10px; border:1px solid #fbfbfb; background:none; float:left; font-weight:500; border-radius:3px; }
.sort_all_box .sx-right .empty_btn:hover { border:1px solid #ff7800; color:#ff7800; }
.sort_all_box .sx-right .pages-counts { padding: 0 10px; font-size: 14px; }
.sort_all_box .sx-right .pages-counts .red { color:#ff7800; }
.sort_all_box .sx-right .pager { display:inline-block; margin:0px; }
.sort_all_box .sx-right .pager li { margin:0px; float:left; }
.sort_all_box .sx-right .pager li:first-child { margin-right:0px; padding:0px; margin-right: -1px; }
.sort_all_box .sx-right .pager span { height:28px; line-height:28px; padding:0 10px!important; border-radius: 3px 0 0 3px; margin-right:0px; margin:0px !important; }
.sort_all_box .sx-right .pager a { height:28px; line-height:28px; padding:0 10px!important; border:1px solid #eee; border-radius: 0 3px 3px 0; }
.sort_all_box .sx-right .pager a:hover,
.sort_all_box .sx-right .pager a:focus { border:1px solid #ff7800; color:#ff7800; }
.sort_all_box .xiala { position:relative; }
.sort_all_box .xiala ul::before { width:54px; height:1px; position:absolute; left:0px; top:-1px; content:""; z-index:9; background:#fff; }
.sort_all_box .xiala ul { background:#fff; border:1px solid #c7c6c6; position:absolute; left:-1px; top:28px; display:none; z-index:999999; }
.sort_all_box .xiala ul li { width:100%; height:32px; line-height:32px; border-bottom:1px solid #eee; }
.sort_all_box .xiala ul li:nth-last-child(1) { border-bottom:0px; }
.sort_all_box .xiala ul li a { padding:0 14px; }
.sort_all_box .xiala ul li.ons a { color:#62bbff !important; }

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

.list_all_body { width: 100%; padding-top: 60px; }
.col_body { width: 100%; height: auto; display: table; }

/* 单页 */
#about-content { width: 100%; padding: 40px 0; margin: 0 auto; }
#about-content .about-main { width: 100%; display: flex; justify-content: space-between; }
#about-content .about-nav { min-width: 200px; height: auto; background: #fff; border-radius: 6px; overflow: hidden; }
#about-content .about-nav .about-nav-items>a { height: 60px; display: block; text-align: center; line-height: 60px; font-size: 18px; font-weight: 700; letter-spacing: 1px; color: #272727; position: relative; }
#about-content .about-nav .about-nav-items:hover>a { background: #ff7800; color: #fff; }
#about-content .about-nav .about-nav-items.on>a { color: #ff7800; background: #fff; }
#about-content .about-nav .about-nav-items.on>a:before { display: block; position: absolute; content: ""; width: 4px; height: 46px; background: #ff7800; left: 0; top: 50%; margin-top: -23px; }
#about-content .about-nav .about-con-items>h3 { font-size: 18px; color: #272727; font-weight: 700; line-height: 58px; padding-left: 40px; border-bottom: 2px solid #ececec; margin-bottom: 20px; }
#about-content .about-con { width: 1160px; background: #fff; border-radius: 6px; min-height: 660px; }
#about-content .about-con h3 { width: 100%; padding: 24px; border-bottom: 1px solid #eee; font-size: 18px; font-weight: 500; }
#about-content .about-con .content_box { padding: 24px; font-size: 14px; line-height: 32px; }

/* 新闻资讯、详情 */
.news_list_boxs { width: 100%; }
.news_list_boxs .news_banner { width: 100%; height: 160px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.news_list_boxs .news_banner img { width: 100%; height: 160px; }
.news_list_boxs ul { background: #fff; border-radius: 10px; padding: 0 30px; }
.news_list_boxs ul li { width: 100%; padding: 30px 0; border-bottom: 1px solid #eee; }
.news_list_boxs ul li:nth-last-child(1) { border-bottom: 0px; }
.news_list_boxs ul li a { display: flex; justify-content: space-between; transition:0.2s all; }
.news_list_boxs ul li .pic { width: 121px; height: 121px; line-height: 121px; text-align: center; background: #fff; border-radius: 5px; overflow: hidden; border: 1px solid #eee; }
.news_list_boxs ul li .pic img { width: 121px; height: 121px; }
.news_list_boxs ul li .infos { width: 840px; }
.news_list_boxs ul li .infos h2 { width: 100%; display: block; font-size: 18px; padding: 8px 0; color: #000; transition: 0.5s all; }
.news_list_boxs ul li .infos p { font-size: 14px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; visibility: visible; -webkit-line-clamp: 2; }
.news_list_boxs ul li .infos .more_box { width: 100%; display: flex; justify-content: start; padding-top: 10px; }
.news_list_boxs ul li .infos .more_box .more { background: #eee; border-radius: 20px; padding: 2px 8px; font-size: 12px; transition: 0.5s all; }
.news_list_boxs ul li .infos .more_box .more i { font-size: 12px; }
.news_list_boxs ul li .infos .more_box p { padding: 2px 8px; font-size: 12px; }
.news_list_boxs ul li a:hover h2 { color: #ff7800; }
.news_list_boxs ul li a:hover .more_box .more { background: #ff7800; color: #fff; }

.news_info_boxs { width:100%; height:auto; display:table; background: #fff; border-radius:10px; padding:15px; }
.news_info_boxs h2.title { width:100%; height:32px; line-height:40px; text-align:center; font-size:26px; font-weight:600; color: #000; }
.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 .news_content { width:100%; height:auto; display:table; line-height:26px; font-size:14px; color:#666; padding:25px 0 10px 0; }
.news_info_boxs .news_content h2,.news_info_boxs .news_content h3 { font-size: 20px; color: #000; padding-bottom: 12px; }
.news_info_boxs .news_content p { color: #666; font-size: 15px; padding-bottom: 8px; }
.news_info_boxs .news_content p:nth-last-child(1) { width:100%; display:block; line-height:20px; position:relative; text-align:center; color: #ccc; font-size: 14px; padding:20px 0 10px 0; text-align: left; }

.voice_info_boxs { border-radius: 10px; margin-top: 20px; background: #fff; }
.voice_info_boxs .gig_mater { margin-top: 20px; padding-bottom: 20px; }
.voice_info_boxs .gig_mater .gig-con-title { font-size: 18px; line-height: 26px; font-weight: 400; margin-top: 4px; padding: 20px 20px 14px; border-bottom: 1px solid #f2f2f2 }
.voice_info_boxs .gig_mater .gig-con-title span { background: url(../image/78872ea.png) no-repeat; display: block; width: 20px; height: 15px; float: left; margin-top: 7px; margin-right: 10px }
.voice_info_boxs .gig_mater ul { padding: 10px 20px 0 20px }
.voice_info_boxs .gig_mater ul li { border-bottom: 1px solid #f2f2f2; position: relative; display: flex; justify-content: space-between; align-items: center; padding: 10px 0 }
.voice_info_boxs .gig_mater ul li .sd-video-play { display: block }
.voice_info_boxs .gig_mater ul li .music_left i { color: #ff7800; font-size: 20px; margin-right: 6px; cursor: pointer; float: left }
.voice_info_boxs .gig_mater ul li .mater_deatil { font-size: 14px; color: #333; width: 460px; height: 27px; line-height: 27px; display: inline-block; margin-right: 96px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.voice_info_boxs .gig_mater ul li .mater_deatil:hover { color: #ff7800; }
.voice_info_boxs .gig_mater ul li .mater_gigs { display: flex; justify-content: start; }
.voice_info_boxs .gig_mater ul li .mater_gigs .icon_1 i { width: 24px; height: 24px; line-height: 24px; text-align: center; display: block; color: #999; margin: 0 3px; border: 1px solid #eee; border-radius: 40px; font-size: 12px!important; }
.voice_info_boxs .gig_mater ul li .mater_gigs .icon_2 i { width: 24px; height: 24px; line-height: 22px; text-align: center; display: block; color: #999; margin: 0 3px; border: 1px solid #eee; border-radius: 40px; font-size: 12px!important; }
.voice_info_boxs .gig_mater ul li .mater_gigs a:hover i { border: 1px solid #ff7800; background: #ff7800; color: #fff; }
.voice_info_boxs .gig_mater ul li .mater_gigs .mater_time { font-size: 14px; color: #bfbfbf; height: 27px; line-height: 27px; align-items: center; padding-left: 30px; }
.voice_info_boxs .gig_mater ul li:nth-last-child(1) { border-bottom: 0px; padding-bottom: 0px; }

.hot-rec-box {  background: #fff; border-radius: 10px; margin-top: 30px; padding: 18px 20px; }
.hot-rec-box .title { font-size: 18px; font-weight: 500; position: relative; }
.hot-rec-box .title::after { width: 3px; background: #ff7800; position: absolute; left: -20px; top: 2px; bottom: 2px; content: ''; }
.hot-rec-box .title a { font-size: 12px; padding-left: 6px; color: #999; }
.hot-rec-box .title a i { font-size: 12px; padding-left: 4px; color: #999; }
.hot-rec-box .title a:hover,.hot-rec-box .title a:hover i { color: #ff7800; }
.hot-rec-box .hot-rec-list { margin-top: 16px; }
.hot-rec-box .hot-rec-list>.hot-rec-item:not(:first-child) { padding-top: 9px; border-top: 1px dashed #f0f0f0; }
.hot-rec-box .hot-rec-list>.hot-rec-item:not(:last-child) { padding-bottom: 14px; }
.hot-rec-box .hot-rec-list>.hot-rec-item>.link-hot-rec { display: block; max-width: 100%; font-size: 14px; height: 20px; line-height: 24px }
.hot-rec-box .hot-rec-list>.hot-rec-item>.text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.hot-rec-box .hot-rec-list>.hot-rec-item>.link-hot-rec:hover { color: #ff7800 }
.hot-rec-box .hot-tag-list { margin-top: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.hot-rec-box .hot-tag-list>.hot-tag-item { width: 90px; height: 28px; background: #f5f5f5; padding: 0 8px; margin-bottom: 6px; border-radius: 2px; font-size: 12px; color: #999; text-align: center; line-height: 28px; cursor: pointer }
.hot-rec-box .hot-tag-list>.text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.hot-rec-box .hot-tag-list>.hot-tag-item:hover { background: #ff7800; color: #fff; }

.hot-rec-box .rec-usebox { width:100%; height:auto; display:table; margin-top: 16px; }
.hot-rec-box .rec-usebox .rec-logo{ width:100%; height:72.5px; border-bottom:1px solid #eee; margin-bottom:15px; }
.hot-rec-box .rec-usebox .rec-logo .rec-imgbox{ width:57.5px; height:57.5px; float:left; position:relative}
.hot-rec-box .rec-usebox .rec-logo .rec-imgbox img{ width:57.5px; height:57.5px; border-radius:57.5px; }
.hot-rec-box .rec-usebox .rec-logo .rec-imgbox img.nophoto { filter:grayscale(100%); filter:gray; }
.hot-rec-box .rec-usebox .rec-logo .dub_info { width:198px; float:left; padding-left:10px; }
.hot-rec-box .rec-usebox .rec-logo .dub_info h2 { width:100%; height:18px; font-size:14px; }
.hot-rec-box .rec-usebox .rec-logo .dub_info .style_box { width:100%; height:22px; padding-top:2px; }
.hot-rec-box .rec-usebox .rec-logo .dub_info .style_box span { background:#b8dafd; font-size:10px !important; padding:0 5px; display:block; float:left; color:#fff; margin-right:4px; border-radius:8px; }
.hot-rec-box .rec-usebox .rec-logo .dub_info p { color:#999; }
.hot-rec-box .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; }
.hot-rec-box .rec-usebox .rec-logo:nth-child(1) em{background: #ff3988;}
.hot-rec-box .rec-usebox .rec-logo:nth-child(2) em{background: #ff723e;}
.hot-rec-box .rec-usebox .rec-logo:nth-child(3) em{background: #ffc602;}
.hot-rec-box .rec-usebox .rec-logo:nth-last-child(1) { height:57.5px; margin-bottom:0px; border-bottom:0px; }

/* 详情关联样音 */
.join_music_case { width:100%; padding:15px 0 22px 0; border-bottom:1px solid #eee; }
.join_music_case ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.join_music_case ul li { width:49%; 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; color:#ff7800; }
.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; }

/* 播放器样式 */
.Play_bottom{ position:fixed; left:0; bottom:-72px; width:100%; height:76px; z-index:900; background: #fff; box-shadow: 0 -4px 4px 0 rgb(0 0 0 / 8%); }
.Play_bottom .playerWrap{ position:relative; height:100%; padding-left:80px; }
.Play_bottom .playerWrap .hand { right: 64px; top: -24px; cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAYCAYAAABTPxXiAAACzUlEQVRYR82XP6jaQBzH70xiFMQUlboUhVL6lg5duhQKKpS3tWNb3KSDdGihi9CCOBQKTm+TdhFaCl3sVOpkcWmXbm8stFhcXCJE0KrJS8ov5MIlnprIpSgcSbzL736f+37vTzAK9sPBmkXSytoXdV9yrPp97+zrM0g9K/GtMLsSouvgnjz7r0GSCtqGJEpf6eSZINsg/AAxB4LARKkGJEoX03kmA7EBsg8C6gGALrQqEJgHkH+04RmSp4tfJVfdXRA0gIAQgkIU4ZU8y2ZEBQC4cAqBIXWe93ZNXDL6kLzIgAjq80PaESUAwvCBQDyPpbZB0CoAAIH433OChoB7Mj8CQxALiaVSKdHr9Z4qilIVBKHoqHLICAd558I0zT+apn2sVqtn/X7/L6UGgGxYyq8EeQYruRDL5fK9LMv3g2TAs81qtfqSSCQeORC0rTyWYkEQK9lzYTQanRaLxR7P5MLEGo/HDwuFwmff3PCosQ2CVuGDLMv3wnTMs62jxgNnchM1PMutf1OD/omVxFardanZbP7CGCd4JhYy1qrdbl9rNBpTnxqupVhHCxdiMplU8/n8m5Cdcm+uquqTXC73bpulWOchd19Yr9efJEm6yz2rkAF1Xf8aj8dhYaGXXNdSfghXhU6nc7ler/9ECEkh+4yiudHtdk9qtdqEZSkawrMqqar6OJPJnEWR0SExp9Pp82w2+5ZlKRaEvTvrut4XRfHOIR1G8Y5hGN8kSTqlLOXu3kwlBoPBlUqlAlYCex3LzxwOhyflcnlMnaXs/cL/sWMf+haLxbNkMtk+luxJHvP5vJFKpcDinlMta2Jj0zS/Y4xvHRuEZVk/YrHYbef8BCD2XrGxxGqadjWdToOVeHzs8B4HazabXVcU5Td1HN+AQJZlvUAIveLdO694pmm+FAThNRXPhYD/7JG3LOscIXSDV6cRxDnHGN8kVoLrP3NU/Bk800/MAAAAAElFTkSuQmCC) no-repeat 50%;
    width: 49px; height: 24px; line-height: 24px; z-index: 1; position: absolute; text-align: center; }
.Play_bottom .playerWrap .hand i { font-size: 20px; color: #888; transform: scale(.7) rotate(-180deg); left: 15px; top: 5px; font-weight: 700; position: absolute; text-align: center; }
.Play_bottom .playerWrap .hand.playHide i { transform: scale(.7) rotate(0); }
.Play_bottom .playerWrap .playerCon { position:absolute; top:8px; left:0; width:60px; height:60px; background: #eee; border-radius: 6px; }
.Play_bottom .playerWrap .playerCon .pbtn{ display:block; width:59px; height:59px; }
.Play_bottom .playerWrap .playerCon .pbtn .coolc { width:100%; height:59px; text-align:center; font-size:42px; line-height:59px; position:absolute; color:#666; }
.Play_bottom .playerWrap .playerCon .pbtn .coolc:hover { color:#ff7800; }
.Play_bottom .playerWrap .playInfo{ height:100%; position:relative; display: flex; justify-content: space-between; align-items: center; }
.Play_bottom .playerWrap .playInfo .trackInfo { width: 260px; font-size: 14px; line-height: 22px; color: #000; padding-right: 20px; }
.Play_bottom .playerWrap .playInfo .playerLength { width: 800px; height: 8px; background: #eee; position: relative; cursor: pointer; border-radius: 16px; }
.Play_bottom .playerWrap .playInfo .playerLength .line_time { background: #fe6402; height: 8px; border-radius: 16px; position: relative; }
.Play_bottom .playerWrap .playInfo .playerLength .line_time .dian_box { width: 16px; height: 16px; background: #fff; box-shadow: 0 0 5px #999; border-radius: 14px; position: absolute; top: 50%; right: 0px; margin-top: -8px; }
.Play_bottom .playerWrap .playInfo .trackCon { display: flex; justify-content: space-between; align-items: center; }
.Play_bottom .playerWrap .playInfo .trackCon .music_time { display: flex; justify-content: space-between; align-items: center; font-size: 16px; padding: 0 14px; }
.Play_bottom .playerWrap .playInfo .trackCon .music_time div { padding: 0 3px; }
.Play_bottom .playerWrap .playInfo .trackCon i { font-size: 20px; padding: 0 6px; }
.Play_bottom .playerWrap .playInfo .trackCon #volume { position: relative; cursor: pointer; }
.Play_bottom .playerWrap .playInfo .trackCon #volume .volControl { width: 26px; height: 120px; padding-top: 10px; opacity: 0; position: absolute; left: 0px; transition: 0.5s all; border-radius: 4px; bottom: 46px; backdrop-filter: blur(6px); background: rgb(0 0 0 / 15%); }
.Play_bottom .playerWrap .playInfo .trackCon #volume .volControl .vol_line { width: 4px; height: 100px; border-radius: 10px; margin: 0 auto; background: #fff; position: relative; }
.Play_bottom .playerWrap .playInfo .trackCon #volume .volControl .vol_line .volbg { width: 4px; background: #ff7800; position: absolute; left: 0px; bottom: 0px; }
.Play_bottom .playerWrap .playInfo .trackCon #volume .volControl .vol_line .dian { width: 12px; height: 12px; display: block; box-shadow: 0 0 5px #666; background: #fff; border-radius: 12px; font-size: 0px; position: absolute; left: 50% !important; margin-left: -6px; margin-bottom: -6px; overflow: hidden; }
.Play_bottom .playerWrap .playInfo .trackCon #volume:hover .volControl { bottom: 53px; opacity: 1; }

/* 城市列表 */
.city_list_box { width: 100%; height: auto; display: table; padding: 10px 20px 0 20px; background: #fff; border-radius: 10px; margin-bottom: 30px; }
.city_list_box h2 { width: 100%; height: 40px; line-height: 40px; font-size: 18px; display: block; position: relative; padding-left: 16px; color: #ff7800; }
.city_list_box h2 a { color: #ff7800; }
.city_list_box h2::after { width: 3px; content: ''; position: absolute; left: 0px; top: 11px; bottom: 11px; background: #ff7800; }
.city_list_box dl { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding: 10px 0 20px 0; }
.city_list_box dl dt { width: 218px; text-align: center; margin-bottom: 10px; margin-right: 10px; }
.city_list_box dl dt:nth-child(6n) { margin-right: 0px; }
.city_list_box dl dt a { height: 42px; line-height: 42px; background: #eee; font-size: 15px; display: block; }
.city_list_box dl dt a h3 { height: 42px; line-height: 42px; }
.city_list_box dl dt a:hover { background: #fff; box-shadow: 0 0 5px #dedede; }
.city_list_box dl dt a:hover h3 { color: #ff7800; }

/* 城市配音详情 */
.city_bg { width: 100%; background: #fff; }
.city_banner { width: 100%; height: 300px; border-radius: 6px; background-position: center top; background-repeat: no-repeat; }
.city_bg .coolc_body h2.titles { width: 100%; text-align: center; font-size: 40px; font-weight: bold; padding-top: 26px; border-top: 1px solid #eee; color: #000; margin-top: 20px; }
.city_all_box { width: 100%; border: 1px solid #eee; border-radius: 6px; margin-top: 12px; }
.city_all_box .tag_box { padding: 12px 15px; border-bottom: 1px solid #eee; }
.city_all_box .tag_box a { font-size: 14px; padding-right: 10px; }
.city_all_box .introduce { padding: 20px; }
.city_all_box .introduce h2.title { width: 100%; text-align: center; font-size: 40px; font-weight: bold; padding-top: 10px; color: #000; }
.city_all_box .introduce time { width: 100%; text-align: center; color: #999; padding: 3px 0; display: block; }
.city_all_box .introduce p { width: 100%; line-height: 26px; display: block; text-indent: 32px; font-size: 16px; padding-top: 5px; }
.city_all_box .advantage_box ul { display: flex; justify-content: space-between; padding: 26px 60px 0px 60px; }
.city_all_box .advantage_box ul li { width: 230px; height: 188px; box-sizing: border-box; box-shadow: 0 0 6px 2px #eee; padding: 18px; margin: 0 10px; text-align: center; }
.city_all_box .advantage_box ul li .advantage_dl { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.city_all_box .advantage_box ul li .advantage_dl dt { width: 100%; height: 50px; padding-top: 8px; display: flex; align-items: center; justify-content: center; }
.city_all_box .advantage_box ul li .advantage_dl dt [class^="coolc"] { display: inline-block; font-weight: 500; font-size: 56px; color: #ff5c00; }
.city_all_box .advantage_box ul li .advantage_dl dd .p1 { margin: 16px 0 8px 0; font-weight: bold; font-size: 20px; color: #333; }
.city_all_box .advantage_box ul li .advantage_dl dd .p2 { font-size: 13px; color: #666; line-height: 20px; }

.city_bg .ask_list_box { width:100%; height: 220px; overflow: hidden; }
.city_bg .ask_list_box .items { width: 48%; height: 120px; display: flex; justify-content: space-between; align-items: center; padding-top: 80px; }
.city_bg .ask_list_box .items .ask_wen_da { width: 580px; border-radius: 30px 30px 0 30px; padding: 16px 16px 14px 20px; background: #fff; box-shadow: 0 0 5px #dedede; margin-left: 3px; }
.city_bg .ask_list_box .items .ask_wen_da h2 { font-size: 16px; color: #000; padding-bottom: 6px; position: relative; padding-left: 24px; }
.city_bg .ask_list_box .items .ask_wen_da h2::after { width: 18px; height: 18px; line-height: 18px; display: block; content: '问'; position: absolute; left: 0px; top: 1px; background: #ef5f00; color: #fff; font-size: 12px; text-align: center; border-radius: 2px; }
.city_bg .ask_list_box .items .ask_wen_da p { font-size: 13px; color: #999; position: relative; padding-left: 24px; line-height: 20px; }
.city_bg .ask_list_box .items .ask_wen_da p::after { width: 18px; height: 18px; line-height: 18px; display: block; content: '答'; position: absolute; left: 0px; top: 2px; background: #4ebeff; color: #fff; font-size: 12px; text-align: center; border-radius: 2px; }
.city_bg .ask_list_box a:hover .ask_wen_da h2 { color: #ff7800!important; }
.city_bg .ask_list_box .items .user_box { width: 70px; padding-top: 6px; }
.city_bg .ask_list_box .items .user_box img { width: 70px; height: 70px; border-radius: 70px; }
.city_bg .ask_list_box .items .user_box p { width: 100%; display: block; text-align: center; padding-top: 4px; }

.city_footer_box { background: #fff; padding: 30px 0 20px 0; border-top: 1px solid #eee; }
.city_footer_box .city_info { width: 100%; }
.city_footer_box .city_info b { font-size: 18px; font-weight: 500; color: #000; }
.city_footer_box .city_info b i { font-size: 18px; }
.city_footer_box .city_info p { font-size: 13px; text-indent: 26px; padding-top: 10px; padding-bottom: 20px; line-height: 22px; display: block; }
.city_footer_box .city_info .label_box { padding: 15px 0; }
.city_footer_box .city_info .label_box a { border:1px solid #eee; border-radius:20px; margin-right:8px; margin-bottom:8px; display:inline-block; padding:3px 10px; }
.city_footer_box .city_info .label_box a:hover { background:#ff7800; border:1px solid #ff7800; color:#fff!important; }
.city_footer_box .city_info .city_list_box { padding: 0px; margin: 0px; }
.city_footer_box .city_info .city_list_box dl dt{ width:225px; }
.city_footer_box .city_info .city_list_box dl dt a:hover { background:#ff7800; }
.city_footer_box .city_info .city_list_box dl dt a:hover h3 { color:#fff!important; }

.topic_info_case_box { width: 100%; }
.topic_info_case_box ul { display: flex; justify-content: space-between; padding: 30px; }
.topic_info_case_box ul li { width: 320px; height: 181px; overflow: hidden; border-radius: 8px; position: relative; }
.topic_info_case_box ul li img { width: 100%; transition: all .2s; }
.topic_info_case_box ul li p { width: 100%; height: 40px; line-height: 40px; padding: 0 12px; position: absolute; display: block; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; left: 0px; bottom: 0px; color: #fff; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(6px); transition: 0.2s all; }
.topic_info_case_box ul li a:hover p { background: rgba(255, 255, 255, 0.4); }
.topic_info_case_box ul li a:hover img { transform: scale(1.1); }
.topic_info_case_box ul li:nth-child(3),.topic_info_case_box ul li:nth-child(4) { margin-bottom: 0px; }

/* 标签列表 */
.btnv { display: block; cursor: pointer; border-radius: 3px; text-align: center; line-height: 2.4; outline: none; border: none }
.btn-default { background: #fafafa; color: #888 }
.btn-default-border { border: 1px solid #b4b4b4; color: #888 }

.footer-post-sets { position: relative; }
.footer-post-sets .tag_nav_box { width: 100%; display: flex; justify-content: center; border: 1px solid #eee; margin-bottom: 20px; }
.footer-post-sets .tag_nav_box a { height: 53px; line-height: 50px; font-size: 16px; padding: 0 20px; position: relative; }
.footer-post-sets .tag_nav_box a.on { color: #ff5c00 }
.footer-post-sets .tag_nav_box a.on::after { height: 3px; position: absolute; left: 20px; right: 20px; bottom: 0px; content: ''; background: #ff7800; }
.footer-post-sets .section-title { font-size: 20px; color: #262626; line-height: 28px; padding-bottom: 15px; border-bottom: 1px solid #dedede; position: relative; font-weight: bold; margin-bottom: 20px }
.footer-post-sets .section-content { display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer-post-sets .item { width: 16.6667%; flex-grow: 1; margin-bottom: 20px; line-height: 22px; height: 23px; overflow: hidden }
.footer-post-sets .item .hot-icon { display: inline-block; width: 11px; height: 11px; background: url(../image/hot.gif) no-repeat left top }
.footer-post-sets .item a:hover strong { color: #ff5c00 }
.footer-post-sets .item a:hover .num { color: #ff5c00; background: transparent; border-color: #ff5c00 }
.footer-post-sets .item .num { display: inline-block; width: 18px; line-height: 18px; text-align: center; font-style: normal; margin-right: 10px; font-size: 11px }
.footer-post-sets .item strong { font-size: 16px; font-weight: normal; color: #666; margin-right: 9px; }
.footer-post-sets .item span { display: none; font-size: 12px; color: #cacaca }
.footer-post-sets .item:nth-child(1) .num,
.footer-post-sets .item:nth-child(2) .num,
.footer-post-sets .item:nth-child(3) .num,
.footer-post-sets .item:nth-child(4) .num { background: #ff5c00; border-color: #ff5c00; color: #fff }

/* 问答列表 */
.ask_box_list { width: 100%; }
.ask_box_list .news_banner { width: 100%; height: 160px; border-radius: 10px; background: #000; overflow: hidden; position: relative; margin-bottom: 20px; }
.ask_box_list .news_banner img { width: 100%; height: 160px; opacity: 0.7; }
.ask_box_list .news_banner p { width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; display: block; position: absolute; left: 0px; top: 50%; margin-top: -20px; }
.ask_box_list .news_banner p b { padding: 0 2px; font-size: 20px; }
.ask_box_list .item_box { background: #fff; border-radius: 10px; padding: 0px 20px; }
.ask_box_list .item_box dl dt { width: 100%; border-bottom: 1px solid #eee; }
.ask_box_list .item_box dl dt:nth-last-child(1) { border-bottom: 0px; }
.ask_box_list .item_box dl dt a { padding: 20px 0; display: flex; justify-content: start; }
.ask_box_list .item_box dl dt a .photo { width: 50px; height: 50px; }
.ask_box_list .item_box dl dt a .photo img { width: 50px; height: 50px; border-radius: 50px; }
.ask_box_list .item_box dl dt a .infos { padding-left: 10px; font-weight: 500; }
.ask_box_list .item_box dl dt a .infos p { font-size: 14px; color: #666; }
.ask_box_list .item_box dl dt a .infos p span { font-size: 12px; color: #999; padding-left: 2px; }
.ask_box_list .item_box dl dt a .infos .title { font-size: 16px; color: #333; }

.ask_info_boxs { width:100%; height:auto; display:table; background: #fff; border-radius:10px; padding:15px; }
.ask_info_boxs h2.title { width:100%; line-height:24px; text-align:center; font-size:22px; font-weight:600; }
.ask_info_boxs .answer_info { width: 100%; }
.ask_info_boxs .answer_info .title { width:100%; height:32px; display: flex; justify-content: space-between; }
.ask_info_boxs .answer_info .title a { font-size: 14px; }
.ask_info_boxs .answer_info .title a i { margin-right: 6px; }
.ask_info_boxs .answer_info .title .title_h4 { font-size: 24px; font-weight: bold; display: flex; justify-content: start; align-items: center; }
.ask_info_boxs .answer_info .title .title_h4 .icons_ask { background: url(../image/icon_ask.png) no-repeat; width: 26px; height: 28px; margin-right: 12px; display: inline-block; }
.ask_info_boxs .answer_info .user { width: 100%; padding: 15px 0; font-size: 14px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;  }
.ask_info_boxs .answer_info .user .user_left span { padding: 0 16px 0 8px; }
.ask_info_boxs .answer_info .user .name_head { width: 40px; height: 40px; border-radius: 40px; }
.ask_info_boxs .answer_info .user .txt_buts { font-size: 14px; }
.ask_info_boxs .answer_info .user .txt_buts i { font-size: 14px; padding-right: 4px; }

.ask_info_boxs .ask_content { width:100%; height:auto; display:table; line-height:26px; font-size:14px; color:#666; padding:25px 0 10px 0; }
.ask_info_boxs .ask_content p:nth-last-child(1) { width:100%; display:block; line-height:20px; position:relative; text-align:center; color: #ccc; font-size: 13px; padding:20px 0 10px 0; text-align: left; }
.ask_info_boxs .f_item { width: 100%; height: auto; display: table; }
.ask_info_boxs .f_item .item { width: 100%; display: flex; justify-content: space-between; padding: 22px 0 0 0; }
.ask_info_boxs .f_item .item .photo { width: 50px; height: 50px; }
.ask_info_boxs .f_item .item .photo img { width: 50px; height: 50px; border-radius: 50px; }
.ask_info_boxs .f_item .item .infos { width: 93%; background: #fff2e9; border-radius: 6px; position: relative; padding: 15px; }
.ask_info_boxs .f_item .item .infos p { font-size: 14px; color: #666; }
.ask_info_boxs .f_item .item .infos p span { font-size: 12px; color: #999; padding-left: 2px; }
.ask_info_boxs .f_item .item .infos .title { font-size: 16px; color: #333; padding-top: 5px; }
.ask_info_boxs .f_item .item .infos::after{ width:0; height:0; content: ''; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #fff2e9; position: absolute; left: -10px; top: 18px; }

/* 样音详情 */
.voice_all_body { width: 100%; padding-top: 60px; background: url(../image/dubbing_top_bg.jpg) no-repeat center top #f5f5f5; background-size: 100% 390px; }
.voice_all_body .breadcrumb {
    height: 50px;
    line-height: 50px;
}
.voice_all_body .breadcrumb,.voice_all_body .breadcrumb a,.voice_all_body .breadcrumb .navigation-pipe:before {
    color: #fff;
}
.voice_top_box { width: 100%; border-radius: 8px; padding: 40px; background: #fff; margin-bottom: 20px; }
.voice_top_box .voice_top { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }
.voice_top_box .voice_top .voice_info { width: 750px; display: block; position: relative; }
.voice_top_box .voice_top .voice_info .ewima { width: 40px; height: 40px; display: block; position: absolute; right: -53px; top: 0px; background: url(../image/right_biao.gif) no-repeat left top; }
.voice_top_box .voice_top .voice_info h2 { font-size: 26px; font-weight: bold; padding-bottom: 12px; }
.voice_top_box .voice_top .voice_info .audio_title { width: 100%; padding: 4px 0; display: flex; justify-content: start; align-items: center; }
.voice_top_box .voice_top .voice_info .audio_title li { margin-right: 18px; color: #666; font-size: 13px; }
.voice_top_box .voice_top .voice_info .audio_title li .s { border: 1px solid #eee; border-radius: 20px; cursor: pointer; margin-right: 4px; padding: 3px 10px; }
.voice_top_box .voice_top .voice_info .audio_title li .s:hover { background: #ff5c00; border-color: #ff5c00; color: #fff }
.voice_top_box .voice_top .voice_info .audio_title li i { font-size: 14px; padding: 0 3px; }
.voice_top_box .voice_top .voice_info .btn_boxs { padding-top: 20px; }
.voice_top_box .voice_top .voice_info .btn_boxs a { margin-right: 4px; }
.voice_top_box .voice_top .voice_info .btn_boxs a.btn-inverse:hover { background: #ff5c00; border-color: #ff5c00; color: #fff }

.voice_top_box .voice_top .dubbing_music_box { width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }
.voice_top_box .voice_top .dubbing_music_box .avatar_box .master_text { font-size: 14px; }
.voice_top_box .voice_top .dubbing_music_box .avatar_box .master_text a h3 { font-size: 18px; padding-bottom: 10px; }
.voice_top_box .voice_top .dubbing_music_box .avatar_box .master_text a:hover h3 { color: #ff5c00; }
.voice_top_box .voice_top .dubbing_music_box .avatar_box .master_text .audio_secli { display: flex; align-items: center; }
.voice_top_box .voice_top .dubbing_music_box .avatar_box .master_text .audio_secli p { padding-top: 3px; margin-right: 16px; font-size: 14px; }
.voice_top_box .voice_top .dubbing_music_box .avatar_box .master_text .audio_secli p .btn { font-size: 13px; }
.voice_top_box .voice_top .dubbing_music_box .style_box { width:100%; height:34px; color:#666; padding-top:10px; margin-bottom: 6px; font-size: 14px; }
.voice_top_box .voice_top .dubbing_music_box .style_box span { background: #4A54FF; color:#fff; border-radius:20px; padding:2px 8px; font-size: 14px; }
.voice_top_box .voice_top .dubbing_music_box .lang_box { width:100%; height:22px; color:#666; font-size: 14px; }
.voice_top_box .voice_top .dubbing_music_box .lang_box span { background:#ff7800; color:#fff; border-radius:20px; padding:2px 8px; font-size: 14px; }

.voice_top_box .cover-box { width: 200px; height: 200px; border-radius: 50%; cursor: pointer; position: relative; background: url(../image/cad8a07.png) no-repeat 50%; background-size: cover; text-align: center; }
.voice_top_box .cover-box .playBtn { width: 100%; height: 100%; line-height: 200px; cursor: pointer; position: absolute; color: #fff; text-align: center; left: 0; top: 0; text-align-last: center; }
.voice_top_box .cover-box .playBtn i { font-size: 40px; }
.voice_top_box .cover-box .playBtn i.icon-bofan::before { padding-left: 7px; }
.voice_top_box .cover-box.playing .btn-play { transform: rotate(32deg); }
.voice_top_box .cover-box.playing>img { animation: rotate 5s linear infinite; }
.voice_top_box .cover-box.playing .playBtn .wavesurfer-play:before { content: "\e76b"; }
.voice_top_box .cover-box.both-cen{ display: flex; justify-content: center; align-items: center; }
.voice_top_box .cover-box .btn-play { width: 30px; height: 127px; display: block; background: url(../image/7989d35.png) no-repeat 50%/cover; transform: rotate(4deg); transform-origin: 6px 8px; transition: all .5s; position: absolute; right: -15px; top: 8px; z-index: 2; pointer-events: none; }
.voice_top_box .cover-box .btn-play.tran { transition: all .3s; }
.voice_top_box .cover-box>img { width: 120px; height: 120px; border-radius: 50%; }
.voice_top_box .voice_text_box { padding: 20px 0 0 0; line-height: 26px; margin-top: 25px; font-size: 14px; border-top: 1px solid #dedede; }

.qt_voice_box { width: 100%; background: #fff; border-radius: 10px; }
.qt_voice_box .title { padding: 20px; font-size: 18px; font-weight: 500; position: relative; border-bottom: 1px solid #eee; }
.qt_voice_box .title::after { width: 3px; background: #ff7800; position: absolute; left: -0px; top: 21px; bottom: 21px; content: ''; }
.qt_voice_box .title a { font-size: 12px; padding-left: 6px; color: #999; }
.qt_voice_box .title a i { font-size: 12px; padding-left: 4px; color: #999; }
.qt_voice_box .title a:hover,.qt_voice_box .title a:hover i { color: #ff7800; }
.qt_voice_box .voice_box { padding: 0 20px 20px 20px; }
.qt_voice_box .voice_box .item { width: 320px; height: 138px; }

/* 找配音员 */
.master_box_list { width: 100%; padding: 2px 0 0 0; }
.master_box_list .coolc_body { display: flex; flex-wrap: wrap; }
.master_box_list .item_box { width: 265px; border-radius: 15px; background: #bfefff; padding: 12px 0 0 0; position: relative; margin-right: 18.5px; margin-top: 48px; box-shadow: 0 0px 2px 0 rgb(0 0 0 / 5%); transition: 0.3s all; }
.master_box_list .item_box:nth-child(5n) { margin-right: 0px; }
.master_box_list .item_box .dub_top { width: 100%; text-align: center; }
.master_box_list .item_box .dub_top .dubbing_user { width: 84px; height: 84px; position: relative; background: #fff; margin: -46px auto 5px auto; z-index: 9; border-radius: 84px; }
.master_box_list .item_box .dub_top .dubbing_user img { width: 84px; height: 84px; border-radius: 84px; border: 3px solid #f5f5f5; }
.master_box_list .item_box .dub_top .dubbing_user span { width: 24px; height: 24px; line-height: 20px; border: 2px solid #fff; text-align: center; color: #fff; display: block; position: absolute; right: 2px; bottom: 2px; background: #00c0ff; border-radius: 30px; }
.master_box_list .item_box .dub_top .dubbing_info h2 { font-size: 16px; padding: 6px 0 2px 0; text-align: center; display: flex; justify-content: center; align-items: center; }
.master_box_list .item_box .dub_top .dubbing_info h2 a { color: #000; }
.master_box_list .item_box .dub_top .dubbing_info h2 span { margin-left: 4px; }
.master_box_list .item_box .dub_top .dubbing_info h2 a:hover { color: #ff7800; }
.master_box_list .item_box .dub_top .dubbing_info p { padding-top: 6px;}
.master_box_list .item_box .dub_top .dubbing_info p span { margin-right: 8px; font-size: 12px; }
.master_box_list .item_box .dub_top .dubbing_info .label_box { width: 100%; height: 40px; padding-top: 6px; padding-bottom: 16px; }
.master_box_list .item_box .dub_top .dubbing_info .label_box a { padding: 1px 8px; border-radius: 10px; font-size: 12px; margin-right: 2px; border: 1px solid #eee; background: #fff; }
.master_box_list .item_box .dub_top .dubbing_info .label_box a:hover { border: 1px solid #ff7800; background: #ff7800; color: #fff; }
.master_box_list .item_box .dub_top .dubbing_info .price_box { width: 100%; display: flex; justify-content: space-between; padding: 16px 12px 0 12px; background: #fff; }
.master_box_list .item_box .voice_li_box { width: 100%; background: #fff; height: 172px; padding: 12px; border-radius: 0 0 15px 15px; transition: 0.2s all; }
.master_box_list .item_box .voice_li_box .voice_li { width: 100%; height: 105px; padding-bottom: 12px; transition: 0.2s all; }
.master_box_list .item_box .voice_li_box .voice_li ul li { width: 100%; height: 30px; display: flex; justify-content: space-between; align-items: center; }
.master_box_list .item_box .voice_li_box .voice_li ul li a.playbtn { width: 28px; height: 30px; }
.master_box_list .item_box .voice_li_box .voice_li ul li a.playbtn i { width: 28px; height: 30px; line-height: 32px; font-size: 24px; color: #999; cursor: pointer; }
.master_box_list .item_box .voice_li_box .voice_li ul li a.playbtn i:hover { color: #ff7800; }
.master_box_list .item_box .voice_li_box .voice_li ul li a.playbtn i.icon-zanting1 { color: #ff7800; }
.master_box_list .item_box .voice_li_box .voice_li ul li a.text { width: 214px; height: 30px; line-height: 30px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.master_box_list .item_box .voice_li_box .voice_btn { width: 100%; text-align: center; position: relative; padding: 15px 0 10px 0; transition: 0.2s all; }
.master_box_list .item_box .voice_li_box .voice_btn::after { height: 1px; content: ''; background: #eee; position: absolute; left: -12px; right: -12px; top: 0px; }
.master_box_list .item_box .voice_li_box .voice_btn a { padding: 4px 12px; margin: 0 2px; }
.master_box_list .item_box .voice_li_box .voice_btn a i { font-size: 14px!important; }
.master_box_list .item_box.woman { background: #ffdcfd; }
.master_box_list .item_box.woman .dub_top .dubbing_user span { background: #ff72f7; }
.master_box_list .item_box:hover { box-shadow: 0 0 15px rgba(0,192,255,.4); }
.master_box_list .item_box.woman:hover { box-shadow: 0 0 15px rgba(255,114,247,.4); }

.dubbing_all_body { width: 100%; padding-top: 60px; background: url(../image/dubbing_top_bg.jpg) no-repeat center top #fff; background-size: 100% 420px; }
.dubbing_all_body .breadcrumb,.dubbing_all_body .breadcrumb a,.dubbing_all_body .breadcrumb .navigation-pipe:before { color: #fff; }
.dubbing_all_body .breadcrumb .navigation-pipe:before { opacity: 0.6; }
.dubbing_all_body .dubbing_top_box { padding-top: 120px; position: relative; }
.dubbing_all_body .dubbing_top_box .text_boxs { width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; }
.dubbing_all_body .dubbing_top_box .text_boxs .user_box { width: 220px; height: 100px; position: relative; text-align: center; }
.dubbing_all_body .dubbing_top_box .text_boxs .user_box img { width: 100px; height: 100px; border-radius: 100px; position: absolute; margin-left: -50px; left: 50%; top: 50px; border: 3px solid #fff; overflow: hidden; }
.dubbing_all_body .dubbing_top_box .text_boxs .user_box h2 { width: 100%; padding-top: 160px; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #000; }
.dubbing_all_body .dubbing_top_box .text_boxs .user_box h2 span { border: 1px solid #fe6402; color: #fe6402; font-size: 12px!important; padding: 3px 4px; border-radius: 30px; margin-left: 5px; }
.dubbing_all_body .dubbing_top_box .text_boxs .user_box .sex { width: 24px; height: 24px; text-align: center; line-height: 20px; border-radius: 24px; text-align: center; position: absolute; top: 124px; right: 58px; border: 2px solid #fff; background: #00c0ff; color: #fff; }
.dubbing_all_body .dubbing_top_box .text_boxs .user_box .sex.woman { background: #ff72f7; }
.dubbing_all_body .dubbing_top_box .text_boxs .item { width: 180px; text-align: center; text-shadow: 0 0 5px #000; }
.dubbing_all_body .dubbing_top_box .text_boxs .item b { font-size: 24px; padding-bottom: 5px; }
.dubbing_all_body .dubbing_info_text { width: 100%; background: #fff; padding: 20px 0 0 0; }
.dubbing_all_body .btn_cz_box { width: 100%; height: 70px; display: flex; justify-content: space-between; }
.dubbing_all_body .price_box { width: 100%; display: flex; justify-content: center; padding-top: 3px; }
.dubbing_all_body .price_box .none { margin: 0 8px; }
.dubbing_all_body .base_info { width: 100%; height: 30px; text-align: center; }
.dubbing_all_body .base_info span { padding: 0 15px; }
.dubbing_all_body .dubs_style { width: 100%; padding-top: 15px; }
.dubbing_all_body .dubs_style ul { display: flex; justify-content: center; }
.dubbing_all_body .dubs_style ul li { padding: 0 3px; }
.dubbing_all_body .dubs_style ul li a { border: 1px solid #eee; padding: 3px 10px; border-radius: 20px; }
.dubbing_all_body .dubs_style ul li a:hover { border: 1px solid #ff7800; background: #ff7800; color: #fff; }
.dubbing_all_body .dubbing_infos { width: 100%; border-bottom: 1px solid #eee; font-size: 14px; padding-bottom: 30px; margin-top: 20px; color: #000; }
.dubbing_all_body .nav_class_box { width: 100%; }
.dubbing_all_body .nav_class_box ul { width: 100%; display: flex; justify-content: center; padding: 16px 0px; }
.dubbing_all_body .nav_class_box ul li { font-size: 16px; }
.dubbing_all_body .nav_class_box ul li a { padding: 0 16px; position: relative; }
.dubbing_all_body .nav_class_box ul li a.on { color: #ff7800; }
.dubbing_all_body .nav_class_box ul li a.on::after { height: 3px; background: #ff7800; position: absolute; content: ''; left: 16px; right: 16px; bottom: -16px; }
.screen_a_box { width: 100%; padding: 15px 0; display: flex; justify-content: space-between; align-items: center; }
.screen_a_box .left_px { display: flex; justify-self: start; }
.screen_a_box .left_px a { display: flex; justify-content: start; padding-right: 28px; font-size: 15px; }
.screen_a_box .left_px a i { font-size: 16px; margin-right: 6px; }
.screen_a_box .left_px a.on { color: #ff7800; }
.screen_a_box .dubbing_input form { position: relative; }
.screen_a_box .dubbing_input form .so { width: 230px; height: 30px; background: #fff; border-radius: 30px; border: 0px; outline: 0px; padding-left: 16px; }
.screen_a_box .dubbing_input form button { height: 30px; border: 0px; background: none; position: absolute; right: 10px; top: 0px; }
.dubbing_voice_box { width: 100%; background: #fff; border-radius: 10px;}
.dubbing_voice_box .voice_box { padding: 0 20px 20px 20px; }
.dubbing_voice_box .voice_box .item { width: 320px; height: 138px; }

.music_list .item { height: 138px; }
.ucenter_layout_box { width: 100%; padding: 60px 0 30px 0; }

/* 配音员详情 */
.comment_box { width:100%; height:auto; display:table; background: #fff; border-radius:8px; padding: 12px 20px; margin-bottom: 30px; }
.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:#ff7800; }

/* 评论展示 */
.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:nth-last-child(1) { border-bottom: 0px; padding-bottom: 0px; }
.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:60px; }
.cocomment-detail .user_info_time .info_time { width:50%; float:left; padding-left:15px; }
.cocomment-detail .user_info_time .info_time .name { padding-bottom:5px; font-size:18px; }
.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(../image/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(../image/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}

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

/* 配音员加盟 */
.user_infox { clear:both; width:100%; height:auto; display:table; margin-bottom: 30px; padding:20px 0 0 0; background:#fff; position:relative; border-radius:8px; }
.joins { width:80%; padding-bottom:15px; float:left; padding-left:15px; }
.joins table{ width:100%; margin:0px auto; margin:0px; padding:0px;}
.joins table tr th{ vertical-align: top; padding-top: 15px; }
.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:500; color:#6e6d6d; text-align:right; width:20%; padding-right:10px !important; }
.tab_titlex { font-size:13px; font-weight:500; color:#6e6d6d; text-align:right; width:20%; padding-right:10px !important; padding-top: 10px !important; }
.tab_titles { font-size:13px; font-weight:500; color:#6e6d6d; text-align:right; width:20%; padding-right:10px !important; padding-top: 25px !important; }
.tab_main { font-size:13px; color:#6e6d6d; text-align:left;}

/* 老师、样音详情（样音展示） */
.info_voice { width: 100%; padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.info_voice .item { width: 47%; height: 76px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; transition: 0.2s all; }
.info_voice .item h2 { width: 290px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 8px; }
.info_voice .item h2 a { font-size: 14px; }
.info_voice .item .wave_box_btn { display: flex; justify-content: space-between; cursor: pointer; align-items: center; }
.info_voice .item .wave_box_btn .playbtn { height: 40px; padding: 0 8px; position: relative; display: flex; justify-content: space-between; align-items: center; background: #f3f3f3; border-radius: 6px; }
.info_voice .item .wave_box_btn .playbtn i { width: 27px; height: 27px; line-height: 27px; font-size: 24px; color: #fe6402; }
.info_voice .item .wave_box_btn .playbtn .line-group { display: flex; padding-left: 4px; }
.info_voice .item .wave_box_btn .playbtn .line-group .line { width: 2px; height: 8px; margin-right: 3px; background-color: #979797; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate { height: 40%; align-items: center; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line { animation: up-and-down 1.8s ease infinite alternate; background-color: #fe6402; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(1) { height: 50%; animation-delay: -0.4s; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(2) { height: 60%; animation-delay: -1.4s; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(3) { height: 90%; animation-delay: -1s; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(4) { height: 60%; animation-delay: -1.2s; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(5) { height: 100%; animation-delay: -1.1s; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(6) { height: 20%; animation-delay: -0.8s; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(7) { height: 65%; animation-delay: -1.2s; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(8) { height: 40%; animation-delay: -0.6s; }
.info_voice .item .wave_box_btn .playbtn .line-group-animate > .line:nth-child(9) { height: 90%; animation-delay: -1.2s; }
.info_voice .item .wave_box_btn .playbtn.zanting { color: #ff0000; }
.info_voice .item .icon_box a { padding: 2px 10px; }
.info_voice .item .icon_box a.btn-default { background: #fff; }
.info_voice .item .icon_box a i { font-size: 12px!important; }
.info_voice .item .icon_box a.btn-default:hover { border: 1px solid #fe6402; color: #fe6402; }
.info_voice .item:hover { background: #f3f3f3; padding: 0 15px 0 7px; }

/* 没有数据提示 */
.no_data_box { width:1400px; height:auto; display:table; text-align:center; margin: 30px auto; padding:60px 0; border-radius:10px; background:#fff; }
.no_data_box span { width:100%; height:260px; margin:0 auto; display:block; background:url(../image/nodata1.svg) no-repeat center; background-size:auto 200%; }
.no_data_box span.user { width:100%; height:220px; margin:30px auto 0 auto; display:block; background:url(../image/user_nodata.svg) no-repeat center; background-size:auto 150%; }
.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; }

/* 价格筛选 */
.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,#f8643f 0,#ffaa24 100%); border-top:none; }
.screening_box ul li p { display:none; width: 130px; height:28px; line-height: 26px; text-align: center; border-radius:2px; border:1px solid #e8d388; background:#fefded; color:#666; position:absolute; margin-left: -65px; left: 50%; top: -36px; }
.screening_box ul li p::after { width: 10px; height: 10px; border-top: 1px solid #e8d388; border-left: 1px solid #e8d388; background:#fefded; content: ''; position: absolute; margin-left: -5px; left: 50%; bottom: -6px; transform:rotate(-135deg); }
.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; }

/* 通用页尾 */
.mi_advantage { width: 100%; height: 216px; border-radius: 10px; margin-top: 26px; overflow: hidden; box-sizing: border-box; }
.mi_advantage .advantage_top { width: 100%; height: 116px; background: url(../image/icons_mibg.png) no-repeat 100%/100%; display: flex; justify-content: space-between; align-items: center; padding: 0 33px; }
.mi_advantage .advantage_top .left b { font-size: 26px; color: #fff; display: block; clear: both; padding-top: 6px; text-shadow: 0 0 5px #000; }
.mi_advantage .advantage_top .left em { color: #fff; font-size: 16px; margin-top: 10px; display: block; clear: both; }
.mi_advantage .advantage_top .left em i { color: #ff944c; font-weight: bold; padding: 0 4px; }
.mi_advantage .advantage_top .medias { padding-top: 6px; }
.mi_advantage .advantage_top .medias a { margin-left: 6px; }
.mi_advantage .advantage_bot { border: 1px solid #ff6440; border-top: initial; border-radius: 0 0 10px 10px; width: 100%; height: 100px; display: flex; align-items: center; }
.mi_advantage .advantage_bot ul { width: 100%; display: flex; align-items: center; justify-content: space-around; }
.mi_advantage .advantage_bot ul li .Security { display: flex; flex-direction: column; }
.mi_advantage .advantage_bot ul li .Security .Security_top { display: flex; align-items: center; margin-bottom: 8px; color: #ff8c25; font-size: 16px; }
.mi_advantage .advantage_bot ul li .Security .Security_top i { font-size: 18px!important; margin-right: 6px; }
.mi_advantage .advantage_bot ul li .Security span { line-height: 22px; color: #999; }
.mi_advantage.ar_advantage { width: 100%; border-radius: initial; margin-bottom: 30px; }
.mi_advantage.ar_advantage .advantage_bot { border-radius: initial; }

/* 客服弹层 */
.mask_kefu_box { width:100%; height:auto; background: #fff; }
.mask_kefu_box .mask_title { width:100%; height:100; padding: 16px 0 0 20px; background: url(../image/kefu_top.jpg) no-repeat center; position:relative; }
.mask_kefu_box .mask_title b { width: 100%; height: 40px; display: block; overflow: hidden; font-size: 30px; color: #fff; font-weight: bold; }
.mask_kefu_box .mask_title p { height:20px; line-height:20px; font-size:12px; color:#fff; opacity: 0.6; margin-top: 4px; }
.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; }

/* 上传框架 */
.file_box { width:100%; height:auto; display:table; margin-bottom:8px; clear:both; }
.file_box ul li { width:110px; 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:110px; height:110px; border-bottom:1px solid #eee; padding:18px 0; }
.file_box ul li span { width:110px; height:30px; line-height:30px; padding:0 6px; color:#ccc; text-align:center; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* 样音分享弹层 */
.share_Music { width: 240px; background: #fff; padding: 10px; border: 1px solid #eee; border-top: 3px solid #ff7800; border-radius: 4px; }
.share_Music .tits { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 14px; padding-bottom: 6px; color: #333; }
.share_Music .tits i { font-size: 18px; margin-right: 8px; }
.share_Music img { width: 100%; margin-bottom: 10px; }