@charset "utf-8";

/* all */
html{height: 100%;}
body{ margin: 0; font-family:'Helvetica Neue', 'STHeiti', '微软雅黑', 'Microsoft YaHei', Helvetica,Arial,sans-serif; font-size:14px; line-height: 140%;}
ul, ol, li{margin:0; padding:0; list-style:none;}
dl{margin-top:0; margin-bottom:0}
p{margin:0 0 10px;}


/* container */
*{-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 {position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}

/* col */
.col-pd,.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding:10px}.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-wide-1,.col-xs-wide-10,.col-xs-wide-15,.col-xs-wide-2,.col-xs-wide-25,.col-xs-wide-3,.col-xs-wide-35,.col-xs-wide-4,.col-xs-wide-45,.col-xs-wide-5,.col-xs-wide-55,.col-xs-wide-6,.col-xs-wide-65,.col-xs-wide-7,.col-xs-wide-75,.col-xs-wide-8,.col-xs-wide-85,.col-xs-wide-9,.col-xs-wide-95{float:left}.col-xs-10{width:10%}.col-xs-9{width:11.1111111%}.col-xs-8{width:12.5%}.col-xs-7{width:14.2857143%}.col-xs-6{width:16.6666667%}.col-xs-5{width:20%}.col-xs-4{width:25%}.col-xs-3{width:33.3333333%}.col-xs-2{width:50%}.col-xs-1{width:100%}.col-xs-wide-10{width:10%}.col-xs-wide-9{width:90%}.col-xs-wide-8{width:80%}.col-xs-wide-7{width:70%}.col-xs-wide-6{width:60%}.col-xs-wide-5{width:50%}.col-xs-wide-4{width:40%}.col-xs-wide-3{width:30%}.col-xs-wide-2{width:20%}.col-xs-wide-15{width:15%}.col-xs-wide-95{width:95%}.col-xs-wide-85{width:85%}.col-xs-wide-75{width:75%}.col-xs-wide-65{width:65%}.col-xs-wide-55{width:55%}.col-xs-wide-45{width:45%}.col-xs-wide-35{width:35%}.col-xs-wide-25{width:25%}

@media (min-width: 768px){
.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-wide-1,.col-sm-wide-10,.col-sm-wide-15,.col-sm-wide-2,.col-sm-wide-25,.col-sm-wide-3,.col-sm-wide-35,.col-sm-wide-4,.col-sm-wide-45,.col-sm-wide-5,.col-sm-wide-55,.col-sm-wide-6,.col-sm-wide-65,.col-sm-wide-7,.col-sm-wide-75,.col-sm-wide-8,.col-sm-wide-85,.col-sm-wide-9,.col-sm-wide-95{float:left}.col-sm-10{width:10%}.col-sm-9{width:11.1111111%}.col-sm-8{width:12.5%}.col-sm-7{width:14.2857143%}.col-sm-6{width:16.6666667%}.col-sm-5{width:20%}.col-sm-4{width:25%}.col-sm-3{width:33.3333333%}.col-sm-2{width:50%}.col-sm-1{width:100%}.col-sm-wide-10{width:10%}.col-sm-wide-9{width:90%}.col-sm-wide-8{width:80%}.col-sm-wide-7{width:70%}.col-sm-wide-6{width:60%}.col-sm-wide-5{width:50%}.col-sm-wide-4{width:40%}.col-sm-wide-3{width:30%}.col-sm-wide-2{width:20%}.col-sm-wide-15{width:15%}.col-sm-wide-95{width:95%}.col-sm-wide-85{width:85%}.col-sm-wide-75{width:75%}.col-sm-wide-65{width:65%}.col-sm-wide-55{width:55%}.col-sm-wide-45{width:45%}.col-sm-wide-35{width:35%}.col-sm-wide-25{width:25%}}

@media (min-width: 992px){	
.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-wide-1,.col-md-wide-10,.col-md-wide-15,.col-md-wide-2,.col-md-wide-25,.col-md-wide-3,.col-md-wide-35,.col-md-wide-4,.col-md-wide-45,.col-md-wide-5,.col-md-wide-55,.col-md-wide-6,.col-md-wide-65,.col-md-wide-7,.col-md-wide-75,.col-md-wide-8,.col-md-wide-85,.col-md-wide-9,.col-md-wide-95{float:left}.col-md-10{width:10%}.col-md-9{width:11.1111111%}.col-md-8{width:12.5%}.col-md-7{width:14.2857143%}.col-md-6{width:16.6666667%}.col-md-5{width:20%}.col-md-4{width:25%}.col-md-3{width:33.3333333%}.col-md-2{width:50%}.col-md-1{width:100%}.col-md-wide-10{width:10%}.col-md-wide-9{width:90%}.col-md-wide-8{width:80%}.col-md-wide-7{width:70%}.col-md-wide-6{width:60%}.col-md-wide-5{width:50%}.col-md-wide-4{width:40%}.col-md-wide-3{width:30%}.col-md-wide-2{width:20%}.col-md-wide-15{width:15%}.col-md-wide-95{width:95%}.col-md-wide-85{width:85%}.col-md-wide-75{width:75%}.col-md-wide-65{width:65%}.col-md-wide-55{width:55%}.col-md-wide-45{width:45%}.col-md-wide-35{width:35%}.col-md-wide-25{width:25%}}

@media (min-width: 1200px){		
.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-wide-1,.col-lg-wide-10,.col-lg-wide-15,.col-lg-wide-2,.col-lg-wide-25,.col-lg-wide-3,.col-lg-wide-35,.col-lg-wide-4,.col-lg-wide-45,.col-lg-wide-5,.col-lg-wide-55,.col-lg-wide-6,.col-lg-wide-65,.col-lg-wide-7,.col-lg-wide-75,.col-lg-wide-8,.col-lg-wide-85,.col-lg-wide-9,.col-lg-wide-95{float:left}.col-lg-10{width:10%}.col-lg-9{width:11.1111111%}.col-lg-8{width:12.5%}.col-lg-7{width:14.2857143%}.col-lg-6{width:16.6666667%}.col-lg-5{width:20%}.col-lg-4{width:25%}.col-lg-3{width:33.3333333%}.col-lg-2{width:50%}.col-lg-1{width:100%}.col-lg-wide-10{width:10%}.col-lg-wide-9{width:90%}.col-lg-wide-8{width:80%}.col-lg-wide-7{width:70%}.col-lg-wide-6{width:60%}.col-lg-wide-5{width:50%}.col-lg-wide-4{width:40%}.col-lg-wide-3{width:30%}.col-lg-wide-2{width:20%}.col-lg-wide-15{width:15%}.col-lg-wide-95{width:95%}.col-lg-wide-85{width:85%}.col-lg-wide-75{width:75%}.col-lg-wide-65{width:65%}.col-lg-wide-55{width:55%}.col-lg-wide-45{width:45%}.col-lg-wide-35{width:35%}.col-lg-wide-25{width:25%}}

@media (max-width: 767px){[class*=col-]{padding:5px}}

/* text */
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:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a:focus,a:hover,a:active{ text-decoration:none;}
.icon{ font-size: 16px;}
.font-14{ font-size: 14px;}
.font-12{ font-size: 12px;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-overflow{ width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}

/* img */
img{border: 0; vertical-align:middle}
.img-circle{ border-radius: 50%;}
.img-rounded{ border-radius: 5px;}
.img-thumbnail{ padding: 5px; border-radius: 5px;}
.img-responsive{ display: block; max-width: 100%; height: auto;}

/* form */
input{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.form-control{display:block; width:100%; height:30px; padding:6px 10px; font-size:12px; line-height:28px; border-radius:4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea.form-control{ height: auto;}

/* line */
.split-line{display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px;}
.top-line,.top-line-dot,.bottom-line,.bottom-line-dot{ position: relative;}
.top-line:before,.top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px;}
.bottom-line:after,.bottom-line-dot:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px;}

/* badge */
.badge{display: inline-block; margin-right: 10px; width: 18px; height: 18px; text-align: center; line-height: 18px; border-radius: 2px; font-size: 12px;}
.badge-radius{ border-radius: 50%;}

/* btn */
.btn{display: inline-block; padding: 5px 25px; font-size: 12px; border-radius: 4px;}
.btn .icon{ font-size: 12px;}
.btn-lg{ padding: 8px 30px;}
.btn-block{ display: block;}
.btn.disabled{cursor: not-allowed;}

/* tag */
.tag{ padding-left: 10px;}
.tag li{ float: left;}
.tag-btn,.tag-type{ padding-top: 10px; padding-left: 10px;}
.tag-btn li ,.tag-type li{ padding:0 10px 10px 0;}
.tag-btn li a ,.tag-type li a{ display: block; padding:0 10px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; border-radius: 2px;}
.tag-btn.active li a,.tag-type.active li a{ border-radius: 14px;}
.tag-text li{ padding-right: 10px; padding-bottom: 10px;}

/* nav */
.nav{ height: 30px;}
.nav > li{ float: left;}
.nav-head > li{ margin-top: 5px; margin-right: 30px;}
.nav-head > li > a{ padding-bottom: 12px; font-size: 16px;}
.nav-tabs > li{margin-left: 30px;}
.nav-tabs > li > a{display: inline-block; padding: 8px 0 10px;}
.nav-tag > li{ margin-left: 10px;}
.nav-tag > li > a{ display: inline-block; padding:0 10px; height: 25px; line-height: 23px; font-size: 12px; border-radius: 20px;}
.nav-text > li{line-height: 30px;}
.nav-text > li.active > a{ color: #f80;}
.nav-page{ margin-left: 10px;}
.nav-page > li{ margin-left: 5px;}
.nav-page > li > a{ display: inline-block; font-size: 12px; padding: 0 6px; height: 25px; line-height: 23px;}
.nav-page > li > a > .icon{ font-size: 12px;}
.nav-page > li:first-child{ margin-left: 0;}
.nav-page > li:first-child > a{ border-radius: 4px 0 0 4px;}
.nav-page > li:last-child > a{ border-radius: 0 4px 4px 0;}

/* pic-tag */
.pic-tag{ position: absolute; z-index: 99; padding:2px 5px; font-size: 12px; border-radius: 2px;}
.pic-tag-t{top: 5px; left: 5px;}
.pic-tag-l{bottom: 5px; left: 5px;}
.pic-tag-b{bottom: 5px; right: 5px;}
.pic-tag-r{top: 5px; right: 5px;}
.pic-tag-h{left: 0; top: 0; padding:2px 8px; border-radius: 0 0 8px 0;}
.pic-tag-lg{ padding: 4px 10px;}
.pic-text{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; font-size: 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.pic-text-silde{ padding-bottom: 20px; font-size: 14px;}
.pic-text-lg{ padding: 8px 20px; font-size: 14px;}
.pic-title-t{display: block; width: 100%; position: absolute; top: 0; left: 0; padding:5px 10px 10px; font-size: 12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.pic-title-b{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; font-size: 12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/* pannel */
.stui-pannel{position: relative; margin-bottom: 20px;}
.stui-pannel.stui-pannel-x{ margin: -10px -10px 10px;}
.stui-pannel-bg{border-radius: 2px;}
.stui-pannel-side{ padding: 0 0 0 20px;}
.stui-pannel-box{ padding: 10px;}
.stui-pannel-box.active{ padding: 0; margin: -10px;}
.stui-pannel_hd{ padding: 10px;}

/* pannel-head */
.stui-pannel__head{ position: relative; height: 30px;}
.stui-pannel__head.active{height: 40px;}
.stui-pannel__head .title{float: left; margin:0; padding-right: 10px; line-height: 24px;}
.stui-pannel__head .title img{ display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: -5px;}
.stui-pannel__head .more{ line-height: 30px;}

/* tabbar */
.stui_nav__taddar .item{ display: block; text-align: center;}
.stui_nav__taddar .item .icon{ display: block; text-align: center; font-size: 20px; line-height: 20px;}
.stui_nav__taddar .item .icon-img{display: inline-block; width: 24px; height: 24px;}
.stui_nav__taddar .item .title{ display: block; margin-top: 3px; font-size: 12px;;}
.stui_nav__taddar.fixed{ position: fixed; bottom: 0; width: 100%; padding: 5px 0 0;}

/* vod-list */
.stui-vodlist__thumb{display: block; position: relative; padding-top: 150%; background: url(../images/load.gif) no-repeat; background-position: 50% 50%; background-size: cover;border-radius: 5px;}
.stui-vodlist__thumb.square{ padding-top: 100%; background: url(../images/load_f.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb.active{ padding-top: 60%; background: url(../images/load_w.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb.picture {background: none; overflow: hidden;}
.stui-vodlist__thumb.picture img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.stui-vodlist__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../images/play.png) center no-repeat;border-radius: 5px;}
.stui-vodlist__thumb .play.active{ display: block;}
.stui-vodlist__thumb:hover .play{ display: block;}
.stui-vodlist__detail.active{ padding: 0 10px 10px;}
.stui-vodlist__detail .title{ font-size: 14px; margin-bottom: 0;}
.stui-vodlist__detail .title.active{ font-size: 16px; margin-bottom: 10px;}
.stui-vodlist__detail .text{ min-height: 19px; font-size: 12px; margin-bottom: 0; margin-top: 5px;}
.stui-vodlist__detail .text-title{ font-size: 14px; line-height: 18px; margin:11px 0 0; height: 36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

/* text-list */
.stui-vodlist__text li a{ display: block; padding: 10px 15px 10px 0;}
.stui-vodlist__text.active li a{ padding: 10px 0 10px;}
.stui-vodlist__text.active li:first-child a{ padding-top: 0;}
.stui-vodlist__text.striped li{ padding: 10px 0 10px;}
.stui-vodlist__text.striped li a{ display: inline-block; padding: 0;}
.stui-vodlist__text.striped .striped-head{ padding: 10px; border-radius: 5px;}
.stui-vodlist__text.to-color li{ padding: 10px;}
.stui-vodlist__text.to-color li a{ padding: 0;}
.stui-vodlist__text.downlist{ padding-top: 0;}
.stui-vodlist__text.downlist li{ padding: 10px 0;}
.stui-vodlist__text.downlist li .text{ line-height: 30px;}
.stui-vodlist__text.downlist li a{ display: inline-block; padding: 0;}
.stui-vodlist__text.downlist li a.btn{ padding: 4px 12px; margin-left: 10px;}

/* media-list */
.stui-vodlist__media li { padding: 10px 0 10px;}
.stui-vodlist__media.active li:first-child{ padding-top: 0;}
.stui-vodlist__media.active li:last-child{ padding-bottom: 0;}
.stui-vodlist__media li .thumb,.stui-vodlist__media .detail{display: table-cell; vertical-align: top;}
.stui-vodlist__media li .thumb .w-thumb{ width: 190px;}
.stui-vodlist__media li .thumb .v-thumb{ width: 120px;}
.stui-vodlist__media li .thumb .f-thumb{ width: 120px;}
.stui-vodlist__media li .thumb .m-thumb{ width: 65px;}
.stui-vodlist__media li .detail{ width: 100%; padding:0 20px 0;}
.stui-vodlist__media li .detail-side{ padding:0 10px 0;}
.stui-vodlist__media li .detail-left{ padding: 0 20px 0 0;}
.stui-vodlist__media li .detail .title{ margin: 10px 0 10px;}

/* screen-list */
.stui-vodlist__screen { padding:10px 0 5px;}
.stui-vodlist__screen:first-child{ padding-top: 0;}
.stui-vodlist__screen:last-child{ padding-bottom: 0;}
.stui-vodlist__screen li{ float: left; width: 25%; margin-bottom: 5px;}

/* rank-list */
.stui-vodlist__rank li{ margin-bottom: 10px;}
.stui-vodlist__rank li:last-child{ margin-bottom: 0;}

/* link-list */
.stui-link__text li{ float: left; margin-right: 15px; margin-bottom: 10px;}
.stui-link__pic li a{ display: block; padding:10px 20px; border-radius: 4px;}
.stui-link__pic li a img{ max-width: 100%;}

/* play-list */
.stui-content__playlist{ position: relative;}
.stui-content__playlist.overflow{ max-height: 300px; overflow-y: scroll;}
.stui-content__playlist li{float:left; margin-bottom:10px; margin-right:10px}
.stui-content__playlist li a{display:inline-block;padding:5px 20px;border-radius:5px}
.stui-content__playlist.full li{ float: none; width: 100%; margin-right: 0;}
.stui-content__playlist.column3 li{ width: 33.3333333%; padding: 0 5px; margin-right: 0;}
.stui-content__playlist.column6 li{ width: 16.6666667%; padding: 0 5px; margin-right: 0;}
.stui-content__playlist.column10 li{ width: 10%; padding: 0 5px; margin-right: 0;}
.stui-content__playlist.full li,.stui-content__playlist.column3 li,.stui-content__playlist.column6 li,.stui-content__playlist.column10 li{}
.stui-content__playlist.full li a,.stui-content__playlist.column3 li a,.stui-content__playlist.column6 li a,.stui-content__playlist.column10 li a{ display: block; text-align: center;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}

/* flickity */
.flickity-enabled{position:relative;}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;cursor:-webkit-grab;cursor:grab}
.flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{position:absolute;top:50%;width:30px;height:60px;border:none; background-color: rgba(0,0,0,.6); cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px;border-radius:0 10px 10px 0}
.flickity-prev-next-button.next{right:10px;border-radius:10px 0 0 10px}
.flickity-prev-next-button:disabled{opacity:0;cursor:auto}
.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:#fff}
.flickity-prev-next-button.no-svg{color:#fff;font-size:18px}
.flickity-page-dots{position:absolute;width:100%;bottom:20px;left:0;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-page-dots .dot{display:inline-block;width:15px;height:3px;margin:0 5px;background:#f80;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
.flickity-page{ padding-bottom: 15px; overflow: hidden;}
.flickity-page .flickity-page-dots{ bottom: 5px;}

/* carousel */
.carousel{ position: relative;}
.carousel .list{ padding: 0; margin-right: 20px;}
.carousel .wide{ width: 100%;}
.carousel_center{ padding-bottom: 20px;}
.carousel_center .list a{ position: relative;}
.carousel_center .list a:before{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6);}
.carousel_center .list.is-selected a:before{ display: none;}

/* popup */
.popup{position: fixed; right: -100%; top: 0; z-index: 1001; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s;}
.popup-visible{ right: 0;}
.popup-head { padding: 15px 10px; margin-bottom: 10px;}
.popup-head .title{ display: inline-block; margin: 0;}
.popup-head .icon{ font-size: 20px;}

/* embed */
.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%}

/* autocomplete */
.autocomplete-suggestions{ padding: 0 10px; margin-top: 5px; border-radius:4px;}
.autocomplete-suggestions.active{position: absolute; z-index: 9999; top: 100%; width: 100%;}
.autocomplete-suggestion{padding:10px 0; cursor:pointer}
.autocomplete-suggestion:first-child{border-top:0}

/* bootstrap.js */
.fade{opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}
.fade.in{opacity: 1;}
.tab-content>.tab-pane,.carousel-inner>.item{ display: none;}
.tab-content>.tab-pane.active,.carousel-inner>.item.active{ display: block;}
.dropdown{ position: relative;}
.dropdown-menu{display: none; position:absolute; top:100%; left:-80%; z-index:1000; padding: 10px 0; border-radius: 2px;}
.dropdown-menu:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); border-width:1px 1px 0 0; position: absolute; top:-6px; right: 20px; border-style: solid;}
.dropdown-menu>li>a{display: block; padding: 6px 20px; text-align: center;}
.open>.dropdown-menu {display: block;}

/* mobile-share */
.mobile-share{ position: fixed; z-index: 999; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; animation: fade-in; animation-duration: .5s; -webkit-animation:fade-in .5s;}
.share-weixin{ background: url(../images/share_weixin.png) rgba(0, 0, 0, .8) no-repeat; background-position: right top 10px; background-size: 80%;}
.share-other{ background: url(../images/share_other.png) rgba(0, 0, 0, .8) no-repeat; background-position: center bottom 10px; background-size: 80%;}

/* more */
.relative{ position: relative;}
.top-fixed-up{ margin-top: 0 !important;}
.bottom-fixed-up{ margin-bottom: 0 !important;}
.top-fixed,.bottom-fixed{ -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s;}
.pull-left{ float: left !important;}
.pull-right{ float: right !important;}
.margin-0{ margin: 0 !important;}
.padding-0{ padding: 0 !important;}
.margin-t0{ margin: 0 !important;}
.padding-t0{ padding: 0 !important;}
.margin-b0{ margin: 0 !important;}
.padding-b0{ padding: 0 !important;}
.block{ display: block !important;}
.inline-block{ display: inline-block !important;}
.hide,.visible-lg, .visible-md, .visible-sm, .visible-xs, .visible-mi{ display: none !important;}
.mask{ position: fixed; top: 0; left: 0; bottom: 0; z-index: 999;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); animation: fade-in; animation-duration: .5s; -webkit-animation:fade-in .5s;}
@keyframes fade-in {0% {opacity: 0;}40% {opacity: 0;}100% {opacity: 1;}}  
@-webkit-keyframes fade-in { 0% {opacity: 0;}  40% {opacity: 0;}100% {opacity: 1;}}  

@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;}
}

@media (max-width: 991px) and (min-width: 768px){	
	.visible-sm{ display: block !important;}
	.hidden-sm {display: none !important;}	
}

@media (max-width: 991px){	
	
	.stui-pannel-side{ padding: 0;}
	
	/* vod-list */
	.stui-vodlist__detail .title.active{ font-size: 14px; margin-bottom: 0;}
	
	/* media-list */
	.stui-vodlist__media li .thumb .v-thumb{ width: 90px;}
	.stui-vodlist__media li .thumb .w-thumb{ width: 130px;}
	.stui-vodlist__media li .thumb .f-thumb{ width: 70px;}	
	
	/* play-list */
	.stui-content__playlist.column3 li{ width: 50%;}
	.stui-content__playlist.column6 li{ width: 25%;}
	.stui-content__playlist.column10 li{ width: 20%;}
.last10:nth-last-child(2){display:none}
.last10:last-child{display:none}		
}
@media (max-width: 767px){	
	.visible-xs { display: block !important;}
	.hidden-xs {display: none!important;}
			
	/* all */	
	body{ font-size: 12px;}	
	
	/* text */
	h1{ font-size:20px; line-height: 24px;}
	h2{ font-size:18px; line-height: 22px;}
	h3{ font-size:16px; line-height: 20px;}
	h4{ font-size:14px; line-height: 18px;}
	h5{ font-size:12px; line-height: 16px;}
	h6{ font-size:10px; line-height: 14px;}
	
	/* btn */
	.btn{ padding: 5px 15px;}
	
	/*nav*/
	.nav{ height: 20px;}
	.nav-head > li{ margin-top: 2px; margin-right: 20px;}
	.nav-head > li > a{ padding-bottom: 10px; font-size: 14px;}
	.nav-tabs > li{ margin-left: 20px;}
	.nav-tabs > li > a{padding: 6px 0 6px;}
	.nav-page > li > a{ padding: 0 3px; height: 20px; line-height: 18px;}
	
	/* line */
	.top-line:before,.top-line-dot:before{-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
	.bottom-line:after,.bottom-line-dot:before{ -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
	.m-top-line,.m-top-line-dot,.m-bottom-line,.m-bottom-line-dot{ position: relative;}
	.m-top-line:before,.m-top-line-dot:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
	.m-bottom-line:after,.m-bottom-line-dot:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}

	/* pannel */
	.stui-pannel{ margin-bottom: 10px;}
	.stui-pannel.stui-pannel-x{ margin: 0 0 5px;}
	.stui-pannel-bg{border-radius: 0;}	
	.stui-pannel-box{ padding:10px 5px;}
	.stui-pannel-box.active{ margin:5px;}
	.stui-pannel_hd{ padding: 5px;}
	
	/* pannel-head */
	.stui-pannel__head{ height: 20px;}
	.stui-pannel__head.active{height: 30px;}
	.stui-pannel__head .title,.stui-pannel__head .title a{font-size: 18px;}
	.stui-pannel__head .title img{ width: 18px; height: 18px; margin-right: 5px; vertical-align: -2px;}
	.stui-pannel__head .more{ line-height: 20px;}
	
	/* vod-list */
	.stui-vodlist__thumb .tag{ padding: 0 5px;}
	.stui-vodlist__thumb .silde-title{ font-size: 12px;}
	.stui-vodlist__detail .title,.stui-vodlist__detail .title.active{margin-bottom: 0; font-size: 12px;}	
	
	/* media-list */
	.stui-vodlist__media li .thumb .v-thumb{ width: 80px;}
	.stui-vodlist__media li .thumb .w-thumb{ width: 130px;}
	.stui-vodlist__media li .thumb .f-thumb{ width: 70px;}
	.stui-vodlist__media li .detail{ padding-left: 10px;}
	.stui-vodlist__media li .detail.active{ padding-left: 0; padding-right: 10px;}
		
	/* text-list */
	.stui-vodlist__text li a{ padding:10px 0;}
	.stui-vodlist__text.downlist li{ padding: 5px 0 0;}
	
	/* play-list */
	.stui-content__playlist.column3 li{ float: none; width: 100%;}
	.stui-content__playlist.column6 li,.stui-content__playlist.column10 li{ width: 33.3333333%;}
	
	/* carousel */
	.carousel .list{ margin-right: 10px;}
	
	/* flickity */
	.flickity-prev-next-button{display: none;}
	.flickity-prev-next-button.previous{left:5px;border-radius:0 5px 5px 0}
	.flickity-prev-next-button.next{right:5px;border-radius:5px 0 0 5px}
	.last10:nth-last-child(2){display:block}
	.last10:last-child{display:none}
}
@media (max-width: 374px){
	.visible-mi{ display: block !important;}
	.hidden-mi{display: none !important;}
	
	/* media-list */
	.stui-vodlist__media li .thumb .v-thumb{ width: 60px;}
	.stui-vodlist__media li .thumb .w-thumb{ width: 100px;}
	.stui-vodlist__media li .thumb .f-thumb{ width: 50px;}
	.stui-vodlist__media li .detail{ padding-left: 10px;}
}

.homecate4{margin-bottom: 20px;overflow: hidden;margin-right: -10px;}
.homecate4 .box{float: left;width: 32.48%;margin-right: 10px;background-color: #fff;margin-bottom: 10px;}
.homecate4 .box .title{height: 45px;line-height: 45px;border-bottom: 1px solid #eee;padding: 0 15px;}
.homecate4 .box .title h4{display: inline-block;font-size: 16px;font-weight: normal;}
.homecate4 .box .title i{float: right;display: inline-block;font-style: normal;color: #999;}
.homecate4 .box .title i a{color: #999;}
.homecate4 .box ul{list-style: none;padding: 10px 15px;width: 100%;}

.homecate4 .box li{line-height: 30px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.homecate4 .box li::before{content: "";width: 4px;height: 4px;background-color: #3169b0;position: absolute;margin-top: 14px;}
.homecate4 .box li a{padding-left: 14px;}
@media (max-width: 1200px){
.homecate4 .box{width: 32.2%}
}
@media (max-width: 991px){
.homecate4 .box{width: 48.6%}
}
@media (max-width: 768px){
.homecate4{margin-bottom: 10px;margin-right: 0;}
.homecate4 .box{width: 100%;margin-right: 0;}
}


.flex, .header-content, .header-content .content, .module-heading {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.module-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
}




.module-tab {
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
}

.module-tab {
    flex: 1;
    white-space: nowrap;
}
.module-tab{
    height: 50px;
    overflow: hidden;
    width: 90%;
}

.module-player-tab .module-tab-items {
    overflow: auto;
}



.module {
    padding-bottom: 20px;
}
.module-heading {
    font-size: 0;
    vertical-align: baseline;
    position: relative;
}


.scroll-box-y {
    max-height: 30vh;
    overflow-y: auto;
}

.module-tab-item{
	padding: 0 20px;
	    font-size: 14px;
    display: inline-block;
	cursor: pointer;
    position: relative;
	font-weight: 700;line-height: 50px;
    margin-left: 3px;
    border-radius: 10px 10px 0 0;background: #f3f5f7;
    color: rgba(0, 0, 0, .68);
}

.module-tab-item.selected {
    background: #eaedf1;
    color: #ff2a14;
}

.module-tab-item small {
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.8);
    transform-origin: top right;
    font-weight: 400;
    background: rgba(0, 0, 0, .05);
    -webkit-backdrop-filter: saturate(180%);
    color: rgba(0, 0, 0, .4);
    padding: 0 6px 0 5px;
    border-radius: 0 13px 0 5px;
    height: 19px;
    line-height: 20px;
    font-size: 12px;
}



.module-player-list {
    padding: 15px;
    background: #eaedf1;
    margin-bottom: 20px;
    border-radius: 10px 0 10px 10px;
}.tab-list{
    display: none;
}

.tab-list.selected{
    display: block;
}


.module-blocklist a {
    background: #f7f8f9;
    color: rgba(0, 0, 0, .68);
    margin: 5px;
    width: calc(6.66% - 10px);
    padding: 1px 10px;
    text-align: center;
    position: relative;
	
	overflow: initial;
    width: auto;
	
	
	line-height: 35px;
    font-size: 14px;
    display: inline-block;
    border-radius: 10px;
	
}


.module-blocklist a.selected{ background:#CCC}



.module-blocklist a em {
    color: rgb(0 0 0 / 92%);
    position: absolute;
    top: -1px;
    right: 2px;
    z-index: 3;
    transform: scale(0.78);
    transform-origin: top right;
    border-radius: 1px 5px 0 5px;
    background: linear-gradient(90deg, #FFEB3B, #f9e326);
    padding: 0 3px;
    line-height: 16px;
    font-size: 12px;
    border-radius: 5px;
    display: inline-block !important;

    top: -5px;
    right: -5px;
	    background: #FF008C;
    color: #FFFFFF;    font-style: normal;
}

scroll-box {
    margin: 15px -20px 0;
    padding: 0 20px 20px;
    overflow-y: auto;
    webkit-overflow-scrolling: touch;
}


.sort-list .module-tab, .module-tab-name, .module-tab-title, .module-tab-input {
    display: none;
}



@media (max-width: 559px)
{
.module{ padding:10px;}

.module-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

}

.box {
    padding: 25px;
    background: #fff;
    border-radius: 18px;
    position: relative; margin-bottom:20px;
}


.view-heading {
    margin-top: 0;
}
.box::before {
    content: '';
    bottom: -6px;
    left: 6px;
    width: calc(100% - 12px);
    z-index: -1;
    background: #fff;
}
.mobile-play {
    display: none;
}
.module-item-cover {
    position: relative;
    height: 0;
    padding-top: 140%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
}
.module-item-pic, .module-item-pic img {
    height: 100%;
    width: 100%;
}
.module-item-pic, .module-item-pic img {
    height: 100%;
    width: 100%;
}
.module-item-pic img {
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
}

.video-cover {
    float: right;
    width: 200px;
    overflow: hidden;
    margin: 0 0 0 25px;
    border-radius: 10px;
}
.module-item-cover {
    position: relative;
    height: 0;
    padding-top: 140%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
}
.module-item-cover::before {
    content: '';
    opacity: .1;
    background-image: radial-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 44%, rgba(0, 0, 0, 0.56) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    z-index: 1;
    pointer-events: none;
}
.module-item-pic, .module-item-pic img {
    height: 100%;
    width: 100%;
}
.module-item-pic a {
    padding-top: 53px;
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: 1;
}
.video-cover .module-item-pic a {
    padding-top: 55%;
}
.video-info {
    padding: 0 0 5px 5px;
}
.page-title {
    font-size: 38px;
    font-weight: 700;
}
 .video-info .page-title {
    padding-bottom: 10px;
    font-size: 38px;
    line-height: 1.3;
    color: rgba(7, 7, 10, .92);
}
.video-subtitle {
    margin-top: -5px;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
}

.video-info-aux {
    font-size: 0;display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.video-info-aux .tag-link {
    padding: 0 10px;
    line-height: 28px;
    font-size: 14px;
    border-radius: 10px;
    display: inline-block;
}
.video-info-aux .tag-link {
    background: #eaedf1;
    margin-left: 5px;
    overflow: hidden;
}


.video-info-aux .tag-link:first-child {
    background: #fef0e5;
    margin: 0;
}
.video-tag-icon {
    display: inline-block;
    margin: 0 3px 0 0;
}

 

.video-info-aux .tag-link a {
    color: rgba(0, 0, 0, .68);
}

.slash:last-child {
    display: none;
}
.slash {
    padding: 0 7px;
    color: #d7dae1;
}

.btn-large, .load-all, .popup-btn, .popup-btn-o, .page-number {
    padding: 0 15px;
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    border-radius: 10px;
}

.btn-main-linear, .btn-important {
    background: #ff2a14;
    background: linear-gradient(90deg, #ff9800, #ff2a14) !important;
}

.btn-important, .btn-aux {
    border-radius: 50px;
    padding: 0 30px;
    color: #fff;
    cursor: pointer;
}
.video-info-play {
    display: none;
}
.view .btn-aux, .view .btn-important {
    font-size: 16px;
}

.btn-important i {
    margin-right: 5px;
    font-size: 12px;
    vertical-align: 1px;
}

.video-info-main {
    padding: 20px 0;
    min-height: 200px; font-size:14px
}

.video-info-items {
    display: flex;
    padding-bottom: 5px;
    line-height: 1.7;
}

.video-info-itemtitle {
    display: inline-block;
    min-width: 46px;
    font-weight: 700;
    color: rgba(0, 0, 0, .51);
}
.video-info-items .video-info-actor {
    width: 100%;
}

.video-info-share {
    float: right;
    margin: 20px -25px 0 0;
    position: relative;
}
.video-info-share button {
    height: 50px;
    padding: 0 56px 0 35px;
    z-index: 2;
    border-radius: 0 0 18px 0;
    position: relative;
    overflow: hidden;
}

.video-info-share button::before {
    content: '';
    border-radius: 0 0 18px 0;
    border: 1px solid #efddcb;
    border-width: 0 1px 1px 0;
    position: absolute;
    z-index: -1;
    left: 5px;
    top: 0;
    height: 100%;
    width: calc(100% - 5px);
}

.video-info-share .icon-happy {
    position: absolute;
    font-weight: 700;
    background-image: -webkit-linear-gradient(45deg, #ff9800, #ff2a14);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    right: 25px;
    bottom: 16px;
    font-size: 18px;
}
.video-info-share button::after {
    content: '';
    border: 2px solid #efddcb;
    border-width: 1px 0 0 1px;
    box-shadow: 5px 5px 2px #f6e9dc inset;
    transform: skewX(-12deg);
    background: #fef0e5;
    border-radius: 8px 0 0 0;
    position: absolute;
    z-index: -2;
    right: -10px;
    top: 0;
    height: 100%;
    width: 100%;
}

button {
    cursor: pointer;
    background: 0 0;
}
button, video {
    border: none;
    outline: none;
}

.shrink, .morecontent {
    color: #ff2a14;
    cursor: pointer;
}

.shortcuts-box {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    display: none;
    width: 100%;
    height: 100%;
}
#shortcuts-info {
    position: absolute;
    width: 280px;
    height: auto;
    padding: 25px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -140px;
    text-align: center;
    color: #fff;
    background-color: rgba(7, 7, 10, .92);
    border-radius: 10px;
}

@media (max-width: 559px)
{
.box.view-heading {
    padding: 0 25px 30px;
    margin: 0 -15px 40px;
}	
.video-info {
    padding: 0;
    position: relative;
    z-index: 1;
}
	
	
.mobile-play {
    display: block;
    position: absolute;
    margin: 0;
    top: -130px;
    left: 0;
    width: 100%;
    border-radius: 0;
    z-index: 1;
}
.mobile-play:before {
    content: '';
    position: absolute;
    z-index: 2;
    height: 105%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(130%) blur(10px);
}


.mobile-play .module-item-cover {
    position: relative;
}

 .mobile-play:after {
    content: '';
    position: absolute;
    z-index: 2;
    opacity: .1;
    height: 100%;
    width: 100%;
    top: 0;
    background-image: url(../images/frosted.png);
    background-size: 30%;
    filter: invert(100%);
}

 .video-cover {
    width: 46vw;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    box-sizing: content-box;
    border: 2px solid rgba(255, 255, 255, .9);
    float: none;
    box-shadow: 0 25px 50px -30px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 25px 50px -25px rgba(0, 0, 0, .9);
}
.module-item-cover {
    position: relative;
    height: 0;
    padding-top: 140%;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    border-radius: 5px;
}

.module-item-cover::before {
    content: '';
    opacity: .1;
    background-image: radial-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 44%, rgba(0, 0, 0, 0.56) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    z-index: 1;
    pointer-events: none;
}

.video-info-play {
    margin-top: 30px;
    display: inline-block;
    text-align: center;
    z-index: 2;
}

.display {
    display: none;
}
.video-info-aux .tag-link {
    font-size: 12px;
}.scroll-box {
    margin: 10px -15px 0 !important;
    padding: 0 15px !important;    overflow-y: auto;
}


.video-info-header {
    text-align: center;
    height: auto;
    padding: 30px 0 10px;
    width: 100%;
}


}
/* noplayer */
.hl-player-tips {
    position: fixed;           /* 使提示固定在屏幕上 */
    top: 50%;                  /* 垂直居中 */
    left: 50%;                 /* 水平居中 */
    transform: translate(-50%, -50%); /* 完全居中 */
    background-color: rgba(0, 0, 0, 0.7); /* 半透明黑色背景 */
    color: white;              /* 白色字体 */
    padding: 20px 40px;        /* 内边距 */
    border-radius: 10px;       /* 圆角 */
    font-size: 18px;           /* 字体大小 */
    z-index: 999999999;        /* 高优先级，确保显示在页面最前面 */
    text-align: center;        /* 文字居中对齐 */
}

.player-tips-titles {
    font-weight: bold;         /* 加粗字体 */
    font-size: 24px;           /* 提示文本稍大一点 */
}