@charset "utf-8";/*!
 * Copyright 2022-2024 http://www.shoutu.cn
 */html{height:100%}
body{margin:0;font-family:'Helvetica Neue',STHeiti,'微软雅黑','Microsoft YaHei',Helvetica,Arial,sans-serif;font-size:14px;line-height:140%;color:#3d3d3d;background-color:#f5f5f5;padding-top:106px}
dd,dt,li,ol,ul{margin:0;padding:0;list-style:none}
dl{margin-top:0;margin-bottom:0}
p{margin:0 0 10px}
img{border:0;vertical-align:middle}
img.img-responsive{max-width:100%;width:100%}
input{outline:medium none;outline:0;-webkit-tap-highlight-color:transparent}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ddd}
input:focus,textarea:focus{border-color:#f90;-webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6)}
/*! common */.sign-bg{position:absolute;top:0;left:0;width:100%;height:400px;background-image:url(../img/top-bgg.png);background-size:100% 100%;background-position:50%;filter:blur(94.67px);z-index:-1}
.txt-ov{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.txt-ov-2{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.txt-ov-3{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-all;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.margin-0{margin:0!important}
.margin-top-15{margin-top:15px!important}
.padding-0{padding:0!important}
.pull-left{float:left!important}
.pull-right{float:right!important}
.hide,.visible-lg,.visible-md,.visible-mi,.visible-sm,.visible-xs{display:none!important}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{max-width:1200px;position:relative;padding-right:30px;padding-left:30px;margin:0 auto}
.row{position:relative;margin-right:-3px;margin-left:-3px}
.clearfix:after,.clearfix:before,.container:after,.container:before,.row:after,.row:before{display:table;content:" ";clear:both}
h1{font-size:22px;line-height:28px}
h2{font-size:20px;line-height:26px}
h3{font-size:18px;line-height:24px}
h4{font-size:16px;line-height:22px}
h5{font-size:14px;line-height:20px}
h6{font-size:12px;line-height:18px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin-top:10px;margin-bottom:10px}
a,button{text-decoration:none;outline:0;-webkit-tap-highlight-color:transparent}
a,h1,h2,h3,h4,h5,h6{color:#3d3d3d}
a:active,a:focus,a:hover{text-decoration:none;color:#ffb600}
em{font-style:normal}
.col-pd{padding:15px 45px}
.text-red{color:red}
.text-blue{color:#2e86d0}
.text-muted{color:#999}
.btn-orange,.btn-orange:hover{background-color:#ffb600;color:#3d3d3d}
.text-center{text-align:center}
.show_no{text-align:center;padding:5rem .5rem;margin-bottom:30px;border-radius:4px;font-size:25px;font-weight:700}
/*! header */.stui-header__top{position:fixed;top:0;width:100%;height:106px;padding:0 20px;border-bottom:1.33px solid rgba(46,46,46,.16);z-index:999}
.stui-header__top.header-bg{background-color:#fff}
.stui-header__top .container{max-width:1890px}
.stui-header__logo{float:left;padding:29px 30px 0 50px}
.stui-header__logo .logo{display:block;width:175px;height:38px;background:url(../img/logo.png) no-repeat;background-position:50% 50%;background-size:cover}
.stui-header__nav{float:left;padding-top:25px;width:calc(100% - 870px)}
.stui-header__search{float:right;position:relative;width:312px;margin-top:25px;margin-right:32px}
.stui-header__search .form-control{display:block;width:100%;height:50px;padding:6px 55px 6px 30px;font-size:16px;line-height:32px;border-radius:50px;background-color:#fff;color:#3d3d3d;border:1.2px solid #000}
.stui-header__search .form-control::placeholder{color:#3d3d3d}
.stui-header__search .submit{display:block;position:absolute;top:0;right:10px;width:50px;height:50px;border:0;cursor:pointer;background:0 0}
.stui-header__menu{white-space:nowrap}
.stui-header__menu>li{position:relative;float:left}
.stui-header__menu>li>a{display:inline-block;padding:12px 2px;font-size:20px;color:#333;display:flex;align-items:center}
.stui-header__menu>li>a img,.stui-header__menu>li>a svg{margin-right:6px}
.stui-header__menu li .dropdown{display:none;position:absolute;z-index:999;top:100%;right:0;text-align:center;font-size:12px;color:#999;background-color:#fff;padding:18px;border:1px solid #000;border-radius:13px;box-shadow:0 4px 28px 0 rgba(0,0,0,.12)}
.stui-header__menu li .dropdown li{padding:20px 0;border-top:1px solid #eee}
.stui-header__menu li .dropdown li a{font-size:15px}
.stui-header__menu li .dropdown li:first-child{padding-top:15px;border-top:0}
.stui-header__menu li .dropdown li:last-child{padding-bottom:15px}
.stui-header__menu li:hover .dropdown{display:block}
.stui-header__more{float:right;padding-top:40px;padding-right:25px}
.stui-header__more li{display:inline-block;margin-bottom:5px;text-align:left;color:#37383a}
.stui-header__more li .text{display:inline-block;width:90px}
.stui-header__more li .text a{font-size:18.67px;cursor:pointer;display:flex;align-items:center}
.stui-header__more li .text a:hover{color:#3d3d3d}
.stui-header__more li .text svg{fill:none;margin-right:10px}
/*! banner */.stui-banner{position:relative;padding:100px 0 55px}
.stui-banner .top-icon-left{position:absolute;bottom:-96px;left:0;width:214px;height:214px;background:url(../img/top-left.png) no-repeat center;background-size:100% 100%}
.stui-banner .top-icon-right{position:absolute;bottom:-84px;right:0;width:142px;height:192px;background:url(../img/top-right.png) no-repeat center;background-size:100% 100%;z-index:99}
.stui-banner .stui-banner__title h1{font-family:Alimama ShuHeiTi;font-size:48px;font-weight:700;font-variation-settings:"opsz"auto;color:#1a1919}
.stui-banner .stui-banner__desc p{font-family:Alimama ShuHeiTi;font-size:20px;font-weight:700;line-height:normal;text-align:center;letter-spacing:0;padding-top:20px}
/*! pannel */.stui-pannel{position:relative;border-radius:5px;background-color:#fff;border:1px solid #000;border-radius:20px}
.stui-pannel.none-bg{border:none;background:0 0;box-shadow:none}
.stui-pannel#playlist{margin-top:40px;padding:40px 45px}
.stui-pannel#playlist .stui-pannel__head .title{margin-bottom:22px;font-size:18.67px;font-weight:500;color:#3d3d3d}
.stui-pannel-left{float:left;width:70%}
.stui-pannel-side{float:left;width:30%}
.stui-pannel__head{padding-bottom:8px;line-height:25px}
.stui-pannel__head .title{display:inline-block;margin:0}
.stui-pannel__head .copy_checked{font-size:16PX}
/*! search-head */.stui-pannel__head .search-title{border:1px solid #000;border-radius:13px;background-color:#fff}
.stui-pannel__head .search-title span{display:inline-block;padding:15px 20px;font-size:18px}
.stui-pannel__head .search-title span:first-child{background-color:#ffb600;border-radius:13px 0 0 13px;border-right:0}
.stui-pannel__head .search-title span:last-child{border-left:0}
.stui-pannel__foot{padding:15px 45px}
/*! vodlist */.stui-vodlist{padding:38px 0}
.stui-vodlist li{position:relative;padding:16px 60px}
.stui-vodlist li.active{font-size:20px;font-weight:500}
.stui-vodlist li:last-child{border-bottom:0}
.stui-vodlist li h3,.stui-vodlist li span{display:block;float:left}
.stui-vodlist li,.stui-vodlist li a{font-size:17px;color:#1b1b1b}
.stui-vodlist li a:hover{color:#ffb600}
.stui-vodlist li .title{margin:0;width:55%}
.stui-vodlist li .title a em{padding:4px 6px;border-radius:4px;font-size:13px;font-weight:500;margin-left:10px}
.stui-vodlist li .area{width:15%;text-align:center}
.stui-vodlist li .type{width:15%;text-align:center}
.stui-vodlist li .time{width:15%;text-align:center}
/*! stui-type-list */.stui-type-list{padding:68px 0 60px;margin:0 auto;text-align:center}
.stui-type-list .select-list{background-color:#fff;border:1px solid #000;border-radius:50px;padding:0}
.stui-type-list .select-list .swiper-container{width:auto!important;margin:10px 16px;overflow:hidden}
.stui-type-list .select-list ul li{display:inline-block;list-style:none;display:flex;justify-content:flex-start;flex-wrap:nowrap;cursor:pointer;width:auto!important}
.stui-type-list .select-list ul li a{font-size:17px;padding:12.5px 25px;background-color:#fff}
.stui-type-list .select-list ul li.active a{background-color:#3d3d3d;color:#fff;border-radius:50px}
/*! content */.stui-content{padding:60px 0 55px}
.stui-content__ad,.stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
.stui-content__thumb .thumb{position:relative;display:block;width:216px}
.stui-content__thumb .thumb img{border-radius:10px}
.stui-content__detail{width:100%;padding-left:35px}
.stui-content__detail .title{margin:0 0 10px;font-weight:500}
.stui-content__detail .data{margin:0;font-size:15px}
.stui-content__detail .data span{line-height:30px}
.stui-content__desc{max-height:300px;line-height:25px;color:#666}
.stui-content__desc img{max-width:100%}
.copy_btn{padding:9px 18px;margin-top:15px;border-radius:8px;background-color:#ff5e00;color:#fff;font-weight:600}
.copy_btn:hover{color:#fff;opacity:.8}
/*! playlist */.stui-content__playlist{position:relative;max-height:358px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}
.stui-content__playlist li{position:relative;padding:28px 0;border-top:1px solid #d8d8d8}
.stui-content__playlist li.active,.stui-content__playlist li:hover{color:#ffb600}
.stui-content__playlist li a{font-size:17.33px}
.stui-content__playlist .btn-orange{padding:8px 10.67px;border-radius:8px}
.stui-content__playlist .copy_text span:last-child{display:inline}
/*! play */.stui-player{padding-top:50px!important;padding-bottom:60px!important}
/*! gbook */.stui-gbook .stui-pannel{margin-top:20px}
.stui-banner-gbook{position:relative;height:293px;background:#ffb600}
.stui-banner-gbook .container{max-width:1370px}
.stui-banner-gbook .gbook-icon-right{position:absolute;bottom:2px;right:0;width:448px;height:257px;background:url(../img/gbook-right.png) no-repeat center;background-size:100% 100%;z-index:99}
.stui-banner-gbook .gbook-banner__title{width:calc(100% - 523px);text-align:left;color:#1d1c1c;font-family:YouSheBiaoTiHei;font-size:48px;font-weight:400;line-height:normal;letter-spacing:0;padding:85px 0}
.stui-banner-gbook .gbook-banner__title p{margin:0}
.notice_box{padding:20px 30px}
.notice_box p{display:flex;align-items:center;font-size:16px;margin-bottom:0;line-height:30px}
.notice_box p svg{margin-right:10px}
.stui-gbook__list{padding:32px 40px}
.stui-gbook__list .avatar{float:left;width:50px;border-radius:50px}
.stui-gbook__list .avatar img{border-radius:50px}
.stui-gbook__list .data{margin-left:60px}
.stui-gbook__list .data .name{font-size:18px;color:#91929f;font-weight:500}
.stui-gbook__list .data .content{font-size:17px;word-wrap:break-word;white-space:normal}
.stui-gbook__list .data .time{font-size:16px;color:#91929f;margin:0}
.stui-gbook__reply{padding:35px 40px 45px 40px}
.stui-gbook__list .data .content.text-red{margin-top:20px}
.stui-gbook__reply .title{font-size:20px;font-weight:700;margin-bottom:15px}
.stui-gbook__reply .stui-pannel__head p{font-size:17px}
.stui-gbook__reply .stui-gbook__form textarea{height:auto;margin-top:15px;margin-bottom:25px;padding:10px 15px;border-radius:8px}
.stui-gbook__reply .stui-gbook__form p{text-align:right}
.stui-gbook__reply .stui-gbook__form .verify_box img{height:50px!important}
.stui-gbook__reply .stui-gbook__form .verify_box .form-control{width:200px!important;height:50px!important;display:inline-block;border-radius:8px}
.stui-gbook__reply .stui-gbook__form .gbook_submit{width:100%;padding:20px;font-size:18px;font-weight:500;border-radius:50px;margin-top:48px;border:none}
/*! label */.stui-header__top.label-help .stui-header__logo{padding-right:80px}
.stui-header__top.label-help .stui-header__logo .logo{width:228px;height:38px;background:url(../img/help-logo.png) no-repeat;background-position:50% 50%;background-size:cover}
.stui-header__top.label-help .stui-header__nav{width:calc(100% - 370px)}
.stui-help{margin-top:40px}
.stui-help .stui-pannel{margin-top:20px}
.stui-help_center{padding:76px 84px 60px;text-align:center}
.stui-help_center h1{font-family:Alimama ShuHeiTi;font-size:42px;font-weight:700;padding-bottom:26px}
.stui-help_center p{font-size:20px;padding:14px 0;word-wrap:break-word}
.stui-help_center .content p{color:#f1464f}
.stui-help-box{margin:0 -12px}
.stui-help_qqun li{float:left;width:25%}
.stui-help_qqun li div{margin:0 12px;border:1px solid #000;border-radius:13px;padding:48px;background-color:#fff;text-align:center}
.stui-help_qqun li .qun-icon{display:block;width:42px;height:42px;margin:0 auto 18px;background:url(../img/qq.png) no-repeat center;background-size:100% 100%}
.stui-help_qqun li .qun-num{font-size:18px}
.stui-page-box{text-align:center;margin-top:64px}
.stui-page{display:inline-block;padding:10px 20px;border:1px solid #000;border-radius:50px;background-color:rgba(255,255,255,.8)}
.stui-page li{display:inline-block;margin-left:10px}
.stui-page li .num,.stui-page li a{display:inline-block;font-size:16.15px;padding:9.5px 16.62px;border-radius:12.35px;background-color:#fff}
.stui-page li.active a,.stui-page li.disabled a{background-color:#3d3d3d;border:1px solid #3d3d3d;color:#fff}
/*! alert */.mac_pop_msg{position:fixed;top:50%;left:50%;z-index:999999!important;padding:10px;width:auto!important;height:auto!important;min-width:160px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;transform:translate(-50%,-50%)}
.mac_pop_msg .pop-msg{padding:0 15px;height:28px;text-align:center;line-height:28px}
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
/*! foot */.stui-foot-fixed{display:none;position:fixed;right:20px;bottom:40%;border:1px solid #000;border-radius:13px;background-color:#fff}
.stui-foot-fixed ul>li{padding:0 18px}
.stui-foot-fixed ul>li>a{display:block;padding:20px 0;border-bottom:1px solid #d8d8d8}
.stui-foot{margin-top:100px;padding:18px 0;text-align:center;color:#000;border-top:1.33px solid #1a1919}
.stui-foot p a{color:#2e86d0}
/*! notice-box */
.stui-notice-bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:999;background-color:rgba(0,0,0,.6);transition:.3s}
.stui-notice-box{display:none;position:fixed;z-index:9999;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);margin:0 auto;max-width:488px;background-color:#fff;border-radius:10px}
.stui-notice-box .notice-box-head{position:relative;height:121px;background:url(../img/notice-head.png);border-radius:10px 10px 0 0}
.stui-notice-box .notice-box-head .icon{position:absolute;bottom:0;right:30px;width:108px;height:108px;background:url(../img/notice-icon.png) no-repeat center;background-size:100% 100%}
.stui-notice-box .notice-box-head .title{width:calc(100% - 150px);padding:30px 10px 25px 25px}
.stui-notice-box .notice-box-head .title h3{font-family:Alimama ShuHeiTi;font-size:20px;font-weight:700}
.stui-notice-box .notice-box-head .title p{font-family:Alimama ShuHeiTi;font-size:15px;font-weight:700}
.stui-notice-box .notice-box-content{position:relative;margin:auto;background:#fff;border:1px solid #fff;text-align:center;padding:25px 34px;font-size:15px;line-height:25px;border-radius:0 0 10px 10px}
.stui-notice-box .noptic-box-btn{width:100%;border:none;font-size:15px;padding:12px;border-radius:50px;margin-top:13px}

@media (max-width:1440px){.visible-big{display:block!important}
.hidden-big{display:none!important}
}
@media (min-width:1200px){.visible-lg{display:block!important}
.hidden-lg{display:none!important}
}
@media (max-width:1199px) and (min-width:992px){.visible-md{display:block!important}
.hidden-md{display:none!important}
.stui-vodlist li .type{width:20%}
.stui-vodlist li .time{width:25%}
}
@media (max-width:991px) and (min-width:768px){.visible-sm{display:block!important}
.hidden-sm{display:none!important}
}
@media (max-width:767px){.visible-xs{display:block!important}
.hidden-xs{display:none!important}
}
@media (max-width:991px){body{padding-top:0}
.stui-header__top{position:unset}
.stui-header__top{border:none}
.stui-header__logo{float:none}
.stui-header__logo .logo{margin:0 auto}
.stui-header__search{width:100%;margin-right:0}
.stui-banner{padding:50px 0 20px;z-index:-9}
.stui-banner .stui-banner__title h1{font-size:22px}
.stui-banner .stui-banner__desc p{font-size:12px;padding-top:0}
.stui-pannel{border-radius:13px}
.stui-vodlist{padding:20px 0}
.stui-vodlist li .title{width:70%}
.stui-vodlist li .time{width:30%;text-align:right}
.stui-vodlist li{padding:12px 16px}
.stui-vodlist li.active{font-size:15px}
.stui-vodlist li,.stui-vodlist li a{font-size:14px}
.stui-pannel#playlist{margin-top:25px;padding:20px 16px}
.stui-pannel#playlist .stui-pannel__head .title{margin-bottom:8px;font-size:15px}
.stui-pannel__head .copy_checked{font-size:13px}
.stui-content__playlist .copy_text{display:block;width:calc(100% - 100px)}
.stui-content__playlist .copy_text span:last-child{display:-webkit-box}
.stui-content__playlist li{padding:8px 0;border-top:none}
.stui-content__playlist li a{font-size:14px}
.stui-player{padding-top:20px!important;padding-bottom:25px!important}
.stui-banner-gbook{height:120px}
.stui-banner-gbook .gbook-banner__title{width:calc(100% - 113px);font-size:20px;padding:35px 0}
.stui-banner-gbook .gbook-icon-right{bottom:2px;right:0;width:113px;height:113px;background:url(../img/top-left.png) no-repeat center;background-size:100% 100%;z-index:99}
.stui-label-list{margin-bottom:24px}
.stui-label-list ul{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-x:scroll;display:flex;scrollbar-width:none}
.stui-label-list ul li{flex:0 0 auto;padding:8px;margin-right:13px;background-color:#fff;border-radius:6px}
.stui-label-list ul li a{font-size:16px}
.stui-label-list ul li a img{margin-right:5px}
.stui-type-list{padding:68px 0 24px}
.stui-type-list .select-list ul li a{font-size:14px;padding:5px 15px}
.stui-detail-top{padding:18px;font-size:16px}
.stui-detail-top span:first-child{float:left}
.stui-detail-top span:last-child{display:block;text-align:center}
.stui-detail-top h1{font-size:20px;font-weight:700;text-align:center}
.stui-content{padding:22px 0 25px}
.stui-content__thumb .thumb{width:101px}
.stui-content__detail{padding-left:20px}
.stui-content__detail .data{font-size:14px;line-height:22px;height:22px}
.notice_box{padding:14px 15px;margin-top:0!important}
.notice_box p{font-size:14px;line-height:20px}
.stui-gbook__list{padding:16px}
.stui-gbook__list .avatar{width:32px}
.stui-gbook__list .data .name{font-size:14px}
.stui-gbook__list .data .content,.stui-gbook__list .data .time{font-size:12px}
.stui-gbook__list .data p{margin-bottom:5px}
.stui-gbook__reply{padding:20px}
.stui-gbook__reply .title{font-size:15px;margin-bottom:10px}
.stui-gbook__list .data .content.text-red{margin-top:10px}
.stui-gbook__reply .stui-pannel__head p{font-size:13px}
.stui-gbook__reply .stui-gbook__form textarea{margin-top:5px;margin-bottom:15px;padding:10px}
.stui-gbook__reply .stui-gbook__form .verify_box img{height:30px!important}
.stui-gbook__reply .stui-gbook__form .verify_box .form-control{width:100px!important;height:30px!important;font-size:13px;border-radius:4px}
.stui-gbook__reply .stui-gbook__form .gbook_submit{padding:12px;font-size:15px;margin-top:20px}
.stui-help{margin-top:20px}
.stui-help_center{padding:17px}
.stui-help_center h1{font-size:20px;padding-bottom:10px}
.stui-help_center p{font-size:14px;padding:0;margin-bottom:12px}
.stui-help_qqun li{width:50%;margin-bottom:20px}
.stui-help_qqun li .qun-num{font-size:14px}
.stui-help_qqun li div{padding:32px 13px 32px}
.stui-detail-top .stui-header__search{width:calc(100% - 50px);margin-top:0}
.stui-page-box{margin-top:20px}
.stui-page{padding:8px 5px}
.stui-page li .num,.stui-page li a{font-size:11px;padding:2px 8px;border-radius:4px}
.m-myui-foot{position:fixed;bottom:0;z-index:9999;background-color:#fff;width:100%;display:none}
.m-myui-foot ul li{float:left;padding:20px;width:25%}
.m-myui-foot ul li a{font-size:14px}
.m-myui-foot ul li a span{display:block;width:100%}
.m-myui-foot ul li .mb-img{display:block;width:100%;height:100%;text-align:center}
.m-myui-foot ul li .mb-img:hover{color:#3d3d3d}
.m-myui-foot ul li .mb-img img{width:30%;height:30%}
.stui-notice-box{width: 90%;}
}