@charset "utf-8";@import url("theme-ui.css");body{font-family:-apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;background:#f7f8f9}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--swiper-theme-color:#777ffb}
a{text-decoration:none;outline:0}
a,h1, h2, h3, h4, h5, h6,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#222;}
.text-333{color:#333;}
.text-666{color:#666;}
.text-muted{color:#999;}
.text-hot{color:#F33;}
.text-then{background:linear-gradient(90deg,#777ffb 0,#2577e3 45%,#1B65C9);background:#ff183e;color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.text-red{color:red;}
.text-link{color:blue;}
.text-fff{color:#fff;}
.text-ccc{color:#ccc;}
.text-color{color:#777ffb!important}
.text-success{color:#0F0!important}
.text-c{ text-align: center;}
a:active,a:hover{outline:0}
a:focus{outline:none;}
a:focus,a:hover,a:link{text-decoration:none;}
a:hover{color:#777ffb}
li,ol,ul{margin:0;padding:0;list-style:none}
p{line-height:1.5}
em,i{font-style:normal}
img{display:inline-block;vertical-align:middle}
/* form */
input::-ms-clear{display:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 62.5rem #fff inset!important}
img,input{border:0}
input[type=submit]{cursor:pointer}
input[type=email],input[type=password],input[type=search],input[type=submit],input[type=text],option,select,textarea{-webkit-appearance:none}
input,option,select,textarea{font-size:100%;outline:0}
textarea{resize:none;overflow-x:hidden}
.form-control:focus,.form-control:hover{border-color:#777ffb;background:transparent;-webkit-box-shadow:inset 0 1px 1px rgba(37,119,227,.075),0 0 8px rgba(88,156,246,.7);}
.loading,.kong{text-align:center;line-height:32px;clear:both;padding:30px 0px;}
.loading{background:url(../images/loading.gif) no-repeat center;display:block;text-indent:15%;}
/*
.nav{position:fixed;height:100vh;border-right:1px solid #e9ecef;top:0;left:0;z-index:10;background:-webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(171,211,238,.2) 50%,rgba(88,156,246,.2));}
*/
.nav{position:fixed;height:100vh;border-right:1px solid #e9ecef;top:0;left:0;background:#FFF;z-index:8;}
.nav .logo{width:100%;text-align:center;line-height:65px;font-size:20px;color:#777ffb;}
.nav .logo .logo-txt{display:none}
.nav .logo img{width:150px;height:auto;}
.nav ul{width:200px;font-size:16px;}
.nav ul li{text-align:left;position:relative;border-top:1px solid hsla(0,0%,100%,.0000);border-bottom:1px solid hsla(0,0%,100%,.0000);}
.nav ul li a{padding:12px 0px 12px 50px;display:inline-block;width:100%;color:#333;}
.nav ul li span.iconfont{margin-right:10px;font-size:18px;position:relative}
.nav ul li.active{background:#f7f8f9;margin-left:0px; margin-right:-1px;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;}
.nav ul li.active a,.nav ul li:hover a{color:#777ffb;}
.nav ul li i.icon-go{transition:all .3s ease;float:right;margin-right:60px;font-size:12px;padding-top:2px;color:rgba(255,255,255,.01);}
.nav ul li:hover i.icon-go{display:block;margin-right:20px;color:#777ffb}
.icon-guanbi{color:#F00}
.header{padding-left:200px;width:100%;padding-right:40px;height:65px;line-height:65px;position:fixed;z-index:9;top:0;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;background-image: linear-gradient(to right,rgba(0,0,0,0), #e9ecef, rgba(0,0,0,0));}
.header.bg{    background-image: linear-gradient(to right,rgb(0 0 0 / 0%), #e9ecef, rgba(0,0,0,0));-webkit-backdrop-filter:saturate(180%) blur(10px)}
.header-search{width:25%;position:relative;margin-left:auto;margin-right:auto;}
.header-search input{width:100%;margin:auto;vertical-align:middle;padding-left:25px;padding-right:180px;height:43px;border-radius:80px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.header-search input:focus,.header-search input:hover{-webkit-box-shadow:inset 0 1px 1px rgba(37,119,227,.075),0 0 8px rgba(88,156,246,.7);}
.header-search-submit{padding-left:15px;color:#FFF;background:#ff5c38;width:100px;height:43px;right:0px;position:absolute;top:12px;border:0;border-top-right-radius:80px;border-bottom-right-radius:80px;cursor:pointer;}
.header-search-submit:hover{background:#F33}
.header-search-submit .icon-sousuo{font-size:22px;position:absolute;left:5px;top:10px;}
.header-search-hot{position:absolute;top:0px;right:110px;color:#ff5f00;background-image:-webkit-linear-gradient(bottom,red,#ff5f00,yellow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.zanpian-wd{border:1px solid hsla(0,0%,100%,0);background:-webkit-gradient(linear,left top,right top,from(rgba(114,214,245,.2)),color-stop(50%,rgba(200,193,221,.2)),to(rgba(255,148,179,.2)));background:-webkit-linear-gradient(left,rgba(114,214,245,.2),rgba(200,193,221,.2) 50%,rgba(255,148,179,.2));background:-o-linear-gradient(left,rgba(114,214,245,.2) 0,rgba(200,193,221,.2) 50%,rgba(255,148,179,.2) 100%);background:linear-gradient(90deg,rgba(114,214,245,.2),rgba(200,193,221,.2) 50%,rgba(255,148,179,.2));}
.user-login,.user-playlog{float:right;height:35px;width:35px;line-height:35px;border-radius:100%;background:#b0b7c2;text-align:center;cursor:pointer;position:relative;top:-50px;right:0px;}
.user-login{margin-left:40px;}
.header-nav{height:35px;width:35px;line-height:35px;border-radius:100%;background:#b0b7c2;text-align:center;cursor:pointer;float:left!important;position:relative;top:15px;display:none}
.header-nav .icon-fenlei{font-size:18px;font-weight:700}
.hot-bang{background:#FFF;width:100%;top:58px;padding:11px;}
.txt-hot-list{line-height:normal;font-size:15px;}
.txt-hot-list li{padding:10px 0;position:relative;}
.txt-hot-list.bt li{border-bottom:1px dashed #f5f5f5;}
.txt-hot-list li i{text-align:center;min-width:20px;min-height:20px;box-shadow:0 2px 6px rgba(51,51,51,.2);margin-right:10px;float:left;line-height:20px;font-size:14px;}
.txt-hot-list li i.i-new{padding:2px 8px;border-radius:50px;margin-top:-2px;}
.txt-hot-list li i{color:#fff;background:#b0b7c2}
.txt-hot-list li em.hot{display:block;width:20px;height:20px;text-align:center;line-height:20px;background:#efefef;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;float:left;margin-right:10px;color:#999;font-size:12px;background:#efefef;}
.txt-hot-list li:nth-child(1) em.hot,.txt-hot-list li:nth-child(2) em.hot,.txt-hot-list li:nth-child(3) em.hot{background:#ff6a1f;color:#FFF;}
.txt-hot-list li:nth-child(1) i{background:#ff183e;box-shadow:0 2px 6px rgba(255,24,62,.2)}
.txt-hot-list li:nth-child(2) i{background:#ff5c38;box-shadow:0 2px 6px rgba(255,92,56,.2)}
.txt-hot-list li:nth-child(3) i{background:#ffb821;box-shadow:0 2px 6px rgba(255,184,33,.2)}
.txt-hot-list li:nth-child(4) i{background:#777ffb;box-shadow:0 2px 6px rgba(255,184,33,.2)}
.hot-jian{float:right}
.hot-jian .icon-hotdown,.hot-box-list .icon-hotdown{color:#F00}
.hot-jian .icon-hotup,.hot-box-list .icon-hotup{color:#0C0}
.search-record{overflow:hidden;padding:10px 0px;}
.search-record li{width:50%;float:left;line-height:35px;}
.search-record li a{display:block;padding:0 10px;}
.search-record li a:hover{background:#f8f8f8;}
/*导航滚动条样式*/
        #nav-select {
            width: 100%;
            overflow-x: auto;
            scrollbar-width: none; /* Firefox */
            &::-webkit-scrollbar { /* WebKit browsers */
                display: none;
            }
        }

        #nav-select::before {
            content: '';
            position: absolute;
            display: block;
            width: 100%;
            left: 0;
            bottom: 0;
            z-index: 20;
        }



/*playlog*/
.user-playlog:hover .playlog-box{display:block}
.playlog-clear{float:left}
.playlog-close{float:right}
.playlog-box{position:absolute;right:-75px;margin-top:15px;z-index:999;width:400px;border-radius:6px;display:none;line-height:normal;background:hsla(0,0%,100%,.97);border:1px solid #ebebeb;box-shadow:0 2px 10px 0rgba(0,0,0,.3);filter:alpha(opacity=94);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";}
.playlog-title,.playlog-tool{overflow:hidden;padding:10px 14px;margin:0;font-size:14px;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0;}
.playlog-box:after,.playlog-box:before{border:11px solid transparent;border-bottom:11px solid #fff;width:0;height:0;position:absolute;top:-22px;right:80px;content:' ';visibility:visible}
.playlog-box:before{border-bottom-color:#b0b7c2;}
.playlog-box ul{padding:10px 10px 10px 10px;}
.playlog-box strong{width:100%;text-align:center;display:block;font-weight:normal}
.playlog-box ul li{overflow:hidden;line-height:1.1;padding:8px}
.playlog-box ul li:hover,.autocomplete-selected{filter:Alpha(opacity=70);}
.playlog-box ul li h5{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;float:left;font-weight:400;font-size:14px;margin:0px;}
.playlog-box ul li h5 em,.playlog-bottom em{margin:0 5px;font-style:normal}
.playlog-box ul li span{overflow:hidden;float:left;display:block;font-size:14px;}
.playlog-box ul li .playlog-del{margin-left:10px;float:right}
.playlog-box ul li .iconfont{font-size:18px;font-weight:bold}
.playlog-todo{text-align:center;padding:10px;}
.playlog-todo em{margin:0 10px;}
/*userlogin*/
#user-login{position:relative;}
#user-login .nav-avatar{cursor:pointer}
#user-login .nav-avatar img{width:35px;height:35px;border-radius:35px;object-fit:cover;object-position:center top;border:1px solid #777ffb;}
#user-login .nav-avatar span{display:none}
#user-login:hover #nav-signed{display:block}
#user-login .nick-name{display:none}
#nav-signed{display:none;position:absolute;border:1px solid #ebebeb;width:auto;top:50px;background:hsla(0,0%,100%,.97);box-shadow:0 2px 10px 0rgba(0,0,0,.3);filter:alpha(opacity=94);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";right:20%;word-break:keep-all;z-index:9999}
#nav-signed:after,#nav-signed:before{border:11px solid transparent;border-bottom:11px solid #fff;width:0;height:0;position:absolute;top:-22px;right:0px;content:' ';visibility:visible;}
#nav-signed:before{border-bottom-color:#ebebeb;top:-23px;right:0px}
#nav-signed ul{line-height:normal;text-align:center;padding:10px 0px;}
#nav-signed ul li{padding:10px 20px;display:block;}
#nav-signed ul li:hover{background:#f5f5f5;}
.btn-color{background:#777ffb;color:#fff;}
.btn-color:hover{background:#6870FB}
.btn-color a,.btn-color:hover a{color:#fff;}
.zanpian-modal-tabs ul li.active{border-bottom:2px solid #777ffb;color:#777ffb;}
.zanpian-modal-tabs ul li.active a{color:#777ffb!important}

/*右侧滑块*/
.right-slider li .icon-weixin{color:#5cb85c;}
.right-slider li .icon-liuyan{color:#F56467;}
.right-slider li .iconfont{font-size:22px;}
.right-slider .dropdown-box{padding:10px;width:160px;border-radius:2px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);}
.index-slide-box{position:relative;width:100%;min-height:55px;max-height:520px;z-index:0; overflow:hidden; text-align:center}
.index-slide-box .slide-img{position:relative;display: block;background-position:50% 50%;padding-top:33%;background-size:cover;}
.index-slide-box .slide-img img{max-width:100%;vertical-align:middle;position: absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.index-slide-box .slide-img::after {content: "";position: absolute;left: 0;right:0;bottom: -1px;z-index: 1;height: 220px;width:100%;background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,26,0)),to(#f7f7f7));background-image: -webkit-linear-gradient(top,rgba(22,22,26,0),#f7f7f7);background-image: linear-gradient(180deg,rgba(22,22,26,0),#f7f7f7);}



.index-slide-box .swiper-pagination{bottom:30px;}
.index-slide-box .index-slide-title{position:absolute;bottom:15%;left:40px;font-size:16px;color:#FFF;text-shadow:1px 1px 2px #000;}
.index-slide-box .index-slide-title p{text-align:left;line-height:28px;}
.index-slide-img{width:32%;position:absolute;bottom:30px;right:10%;z-index:10;}
.index-slide-img .swiper-container{overflow:hidden;}
.index-slide-img ul li{float:left;width:20%!important;padding:5px;text-align:center;overflow:hidden;position:relative}
.index-slide-img .mask{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);border-radius:4px;}
.index-slide-img .swiper-slide-thumb-active .mask{display:none}
.index-slide-img ul li a.pic{display:block;position:relative;padding-top:140%;}
.index-slide-img ul li img{position:absolute;left:0;top:0;box-shadow:0 1px 2px rgba(51,51,51,0.1);width:100%;height:100%;border-radius:6px;object-fit:cover;object-position:center top;background:#f3f3f3;}
.index-slide-img ul li a.txt{line-height:28px;color:rgba(255,255,255,.6);}
.swiper-page{position:absolute;background:rgba(0, 0, 0, 0.6);display:block;height:40px;width:40px;border-radius:100%;color:#FFF;text-align:center;vertical-align:top;--swiper-navigation-size:16px;padding:12px 8px;font-size:12px;margin-top:0px;bottom:100px;}
.index-slide-img .swiper-slide-thumb-active a.txt{color:#FFF}
.index-slide-img .swiper-button-next{right:-45px;top:30%;}
.index-slide-img .swiper-button-prev{left:-45px;top:30%;}
.index-slide-img.index-slide-min .swiper-button-next,.index-slide-img.index-slide-min .swiper-button-prev{top:18%;}

.index-slide-box .swiper-pagination-bullet-active,.picture-slide-box .swiper-pagination-bullet-active{background:var(--swiper-pagination-color,#777ffb);}
.auto-slide{padding:95px 0px 10px 0px;position:relative;overflow:hidden}
.auto-slide .pic-list{overflow:visible}
.auto-slide ul li{width:14.2857143%} 
.auto-slide .swiper-slide-active,.auto-slide .swiper-slide-duplicate-active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;}
.picture-slide-box{overflow:hidden;position:relative;margin-top:20px;}
.picture-slide-box ul li{width:33.33%;padding:10px;}
.main-left .picture-slide-box ul li{width:25%;padding:10px;}
.star-box .picture-slide-box ul li{width:20%;padding:10px;}
.picture-slide-box .swiper-pagination{bottom:45px}
.news-slide-box .swiper-slide{width:650px;background:hsla(0,0%,100%,.8);padding:20px;display:block}
.news-slide-box.xiaotu .swiper-slide{width:45%;}
.news-slide-box .swiper-slide .pic-img{display:block;position:relative;padding-top:60%;}
.news-slide-box .swiper-slide .pic-img img{position:absolute;left:0;top:0;box-shadow:0 1px 2px rgba(51,51,51,0.1);width:100%;height:100%;border-radius:4px;object-fit:cover;object-position:center top;background:#f3f3f3;}
.news-slide-box .swiper-slide p{line-height:55px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
.news-slide-box .swiper-page.swiper-button-prev{left:10px;top:40%}
.news-slide-box .swiper-page.swiper-button-next{right:10px;top:40%}
.news-slide-box .swiper-container{padding-bottom:40px;}
.picture-slide-box .swiper-page{top:40%}
.picture-slide-box .swiper-page.swiper-button-prev{left:0px;top:40%}
.picture-slide-box .swiper-page.swiper-button-next{right:0px;top:40%}
.layout-box,.footer{padding-left:240px;padding-right:40px;}
.layout-box.min,.layout-box.vod-detail-box{margin-top:80px;}
.box-bg{background:hsla(0,0%,100%,.5);overflow:hidden}
.box-show{box-shadow:0 2.75px 2.21px rgba(0, 0, 0, 0.01), 0 6.65px 5.32px rgba(0, 0, 0, 0.02), 0 12.5px 10px rgba(0, 0, 0, 0.01), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33.4px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.01), 0 0 1px rgba(0, 0, 0, 0.1)}
.row{margin-left:-10px;margin-right:-10px;}
/*autocomplete*/
.autocomplete-suggestions{margin-top:3px;padding:10px;border-radius:0;background:#FFF;max-height:auto}
.autocomplete-suggestion{padding:8px 10px;white-space:nowrap;overflow:hidden;cursor:pointer;border-bottom:1px dashed #f5f5f5;font-size:15px;}
.autocomplete-suggestion:hover{color:#777ffb}
.autocomplete-no-suggestion{padding:2px 5px}
.autocomplete-suggestions strong{font-weight:700;color:#777ffb}
/*盒子标题*/
.box-title{margin-top:20px;margin-bottom:10px;overflow:hidden;line-height:35px;}
.box-title h2,.box-title h1,.box-title h3{font-size:22px;font-weight:700;float:left;color:#333}
.box-title a{color:#333}
.box-title a:hover{color:#777ffb}
.box-title .list-nav-total{margin-top:auto}
.title-more{float:right;background:#e9ecef;display:inline-block;padding:0px 15px;font-size:14px;border-radius:8px;font-weight:normal}
.title-more i{margin-left:5px;font-weight:bold;font-family:"宋体";}
.box-tab{float:right;background:#E9ECEF;padding-left:10px; padding-right:5px;padding-top:5px;padding-bottom:5px;border-radius:6px;}
.box-tab li{float:left;color:#616161;padding:5px 15px;line-height:normal;border-radius:6px;margin-right:10px;cursor:pointer}
.box-tab li:hover,.box-tab li.active{background:#FFF;color:#777ffb}
/*图片列表*/
.pic{display:block;position:relative;padding-top:140%;background:url(../images/pic.png) no-repeat top center #f3f3f3;background-size:cover;border-radius:6px;position:relative;}
.pic img{display:inline-block;vertical-align:middle;position: absolute;left: 0;top: 0; box-shadow: 0 1px 2px rgba(51,51,51,0.1);width: 100%;height: 100%;border-radius: 4px; object-fit: cover;object-position: center top;background: #f3f3f3;}

.pic-list li .player,.actor-role li.player,.hover-bigs .player,.video-list li .player{opacity:0;filter:alpha(opacity=0);-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
.pic-list li:hover .player,.video-list li:hover .player,.actor-role li:hover .player,.hover-bigs:hover .player{position:absolute;border-radius:6px;bottom:0;top:0px;left:0px;right:0px;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);opacity:1;}
.pic35{padding-top:35%!important}
.pic45{padding-top:45%!important}
.pic50{padding-top:50%!important}
.pic55{padding-top:55%!important}
.pic65{padding-top:65%!important}
.pic75{padding-top:75%!important}
.pic100{padding-top:100%!important;border-radius: 50px;}
.pic110{padding-top:110%!important}
.pic115{padding-top:115%!important}
.pic120{padding-top:120%!important}
.pic130{padding-top:130%!important}
.pic135{padding-top:135%!important}
.pic-list,.video-list{margin-left:-10px;margin-right:-10px;overflow:hidden}
.pic-list li,.video-list li{position:relative;float:left;padding:10px;}
.hot-vod-list{overflow:hidden;width:25%;float:left;background:#FFF}
.w100{width:100%!important}
.w2{width:50%!important}
.w3{width:33.3333333%!important}
.w4{width:25%!important}
.w5{width:20%!important}
.w6{width:16.6666667%!important}
.w7{width:14.2857143%!important}
.w8{width:12.5%!important}
.yc{display:none;}

.pic-list li h3,.video-list li h3,.actor-role li h3{font-size:15px;line-height:28px;font-weight:normal;margin:8px 0px;}
.score{color:#fff;position:absolute;top:5px;left:-5px;padding:2px 8px;text-align:right;font-size:12px;z-index:2;}
.score::before{content:"";position:absolute;left:1px;bottom:-4px;}
.score{background:linear-gradient(to right,#9A9FFC 0,#777ffb 70%);box-shadow:0px 3px 3px rgba(0,0,0,.2);}
.score::before{border-top:4px solid #777ffb;border-left:4px solid transparent;}
.lianzai{z-index:2;position:absolute;display:inline-block;line-height:20px;color:#fff;background:rgba(0,0,0,.6);padding:3px 9px;font-size:12px;bottom:0px;right:0px;border-radius:10px 0 5px 0;}
.lianzai.l{bottom:0px;left:0px;right:auto;border-radius:0 10px 0 5px;}
.lianzai.tr{bottom:auto;top:0px;right:0px;border-radius:0 6px 0 5px;}
.sname{display:block;width:100%;position:absolute;bottom:0;left:0;padding:10px;background-repeat:no-repeat;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));font-size:12px;color:#fff;border-radius:0 0 6px 6px;}
.sname p{line-height:22px;}
.tips{color:#FFF;position:absolute;top:0px;right:0px;padding:2px 8px;text-align:right;font-size:12px;z-index:2;border-radius:0 5px 0 0;box-shadow:0px 3px 3px rgba(0,0,0,.2);}
.tips-r{color:#FFF;position:absolute;top:5px;right:5px;padding:2px 8px;text-align:right;font-size:12px;z-index:2;background:linear-gradient(to right,#9A9FFC 0,#777ffb 70%);border-radius:5px;box-shadow:0px 4px 4px rgba(0,0,0,.2);}
.tips-l{color:#FFF;position:absolute;top:5px;left:5px;padding:2px 8px;text-align:left;font-size:12px;z-index:2;border-radius:5px;background:#b0b7c2;box-shadow:0 2px 6px rgba(51,51,51,.2);}
.tips.left{left:0px;right:auto;text-align:left;border-radius:4px 0 0 0;}
.tips{background:#777ffb;}
/* 上映时间标 */
.filmtime{display:block;position:relative;min-height:60px;margin:0 0 13px 0;text-align:center;line-height:24px;color:#616161;}
.filmtime::before{content:'';width:10px;height:10px;position:absolute;bottom:-2px;z-index:2;left:50%;margin-left:-5px;border-radius:100%;background:#ccc;}
.filmtime::after{content:'';width:120%;height:5px;position:absolute;left:0;bottom:0;background:#eee;}
.filmtime.on,li:hover .filmtime{color:#589cf6}
.filmtime.on::before{background:#589cf6;}
.filmtime span{font-weight:bold;}
.filmtime.on,li:hover .filmtime{color:#777ffb;}
.filmtime.on::before,li:hover .filmtime::before{background:#777ffb;}
.hot-card{background:#FFF;border-radius:6px;padding:10px;position:relative;}
.hot-card.no{padding:10px 10px 20px 10px;}
.hot-card-list{margin-left:-10px;margin-right:-10px;}
.hot-card-list li,.hot-box{position:relative;width:25%;float:left;padding:10px;min-height:1px;}
.hot-card-list li.li{margin-top:35px}
.hot-card-img{width:30%;margin-top:-10%;float:left;z-index:1;}
.hot-num{overflow:hidden;border:3px solid #9e9e9e;}
.pic-list .hot-num,.video-list .hot-num{border:none}
.hot-num i{position:absolute;left:0;top:0;overflow:hidden;z-index:1;padding-top:8px;color:#fff;font-size:24px;width:40px;height:50px;text-indent:6px;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.1);font-weight:700}
.hot-num i::after{content:'';position:absolute;left:-110%;top:-40%;z-index:-1;height:150%;width:160%;border-radius:16px;transform:rotateZ(46deg);background:#9e9e9e;}
.hot-card-list li:nth-child(1) .hot-num{border:3px solid #e50914;}
.hot-card-list li:nth-child(1) .hot-num i::after,.pic-list li:nth-child(1) .hot-num i::after,.video-list li:nth-child(1) .hot-num i::after{background:#e50914;}
.hot-card-list li:nth-child(2) .hot-num{border:3px solid #f73;}
.hot-card-list li:nth-child(2) .hot-num i::after,.pic-list li:nth-child(2) .hot-num i::after,.video-list li:nth-child(2) .hot-num i::after{background:#f73;}
.hot-card-list li:nth-child(3) .hot-num{border:3px solid #ffa82e}
.hot-card-list li:nth-child(3) .hot-num i::after,.pic-list li:nth-child(3) .hot-num i::after,.video-list li:nth-child(3) .hot-num i::after{background:#ffa82e}
.hot-card-list li:nth-child(4) .hot-num{border:3px solid #777ffb}
.hot-card-list li:nth-child(4) .hot-num i::after,.pic-list li:nth-child(4) .hot-num i::after,.video-list li:nth-child(4) .hot-num i::after{background:#777ffb}
.hot-card-class{position:absolute;right:0;top:-25px;height:40px;background:#e9ecef;color:#616161;font-size:13px;padding:0 10px 0 2px;border-radius:8px;font-weight:700;line-height:26px;z-index:-1}
.hot-card-class::after{content:'';position:absolute;left:-13px;top:0;background:#e9ecef;border-radius:8px;width:100%;height:100%;transform:skewX(-20deg);z-index:-1}
.hot-card-info{margin-left:34%;padding:10px;margin-bottom:10px;}
.hot-card-info h3{font-weight:bold;}
.hot-card-info p{line-height:28px;}
.hot-card-info em{margin-right:5px;color:#757575}
.hot-card-foot{width:100%;background:#F3F5F7;height:30px;border-radius:6px;margin-top:0px;}
.hot-card-foot.no,.title-more.no{background:none}
.hot-card-play{font-size:12px;padding:7px 15px 7px 15px;margin-top:10px;border-radius:20px;background:linear-gradient(to right,#2577e3 0,#589cf6 70%);color:#fff;position:relative;top:-10px;right:-6%;border:5px solid #fff;background:#777ffb;overflow:hidden;}
.hot-card-juqing{font-size:12px;padding:7px 15px 7px 15px;margin-top:10px;color:#fff;position:relative;top:-10px;right:-7%;z-index:1;border-top:5px solid #fff;border-bottom:5px solid #fff;background:#777ffb;}
.hot-card-infos{font-size:12px;padding:7px 15px 7px 15px;margin-top:10px;border-radius:20px;color:#fff;position:relative;top:-10px;right:-9%;z-index:1;border:5px solid #fff;background:#00cc4c}
.hot-card-infos:hover,.hot-card-play:hover{color:#FFF;background:#6870FB}
.hot-card-play span{width:15px;height:15px;font-size:12px;text-align:center;line-height:15px;background:#FFF;border-radius:100%;color:#1B65C9;position:absolute;bottom:-7px;right:5px;}
.flower{padding:40px 30px 20px 30px;z-index:2;position:absolute;top:0px;right:0px;background:url(../images/flower.png) no-repeat center 8px;color:#F18167;text-align:right;cursor:pointer;}
.flower.hover:hover{background-color:rgba(128,128,128,.48);border-radius:0;}
.fl-num{color:#F18167;position:absolute;top:35px;right:5px;padding:5px 10px;text-align:center;font-size:12px;line-height:21px;z-index:1}
.hot-card-info .flower{padding:40px 15px 15px 15px;right:5px;}
.actor-card{border-radius:6px 6px 0px 0px;}
.actor-role{background:#FFF;overflow:hidden;}
.actor-role li{float:left;width:33.3333333%;position:relative;padding:10px;}
.index-hot-box{margin:20px -10px;}
.hot-box-title{line-height:35px;border-bottom:1px solid #f1f3f5;text-align:center;padding:15px 20px;font-size:20px;border-radius:6px 6px 0px 0px;font-weight:700;margin:-10px -10px 0px -10px;background:-webkit-gradient(linear,top top,bottom top,from(rgba(255,255,255,.1)),color-stop(50%,rgba(200,193,221,.1)),to(rgba(255,148,179,.1)));background:-webkit-linear-gradient(top,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));background:-o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(200,193,221,.1) 50%,rgba(255,148,179,.1) 100%);background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));}
.hot-box-total{float:right;font-size:14px;font-weight:normal}
.hot-box-title .box-tab{font-size:14px;background:rgba(247, 248, 249, 0.6);}
.hot-box .hot-card{padding-bottom:0px;}
.hot-box-list{margin-left:-10px;margin-right:-10px;}
.hot-box-list a{padding:15px 0;min-height:45px;display:block;position:relative;border-bottom:1px solid #f1f3f5;}
.hot-box-list a em.hot{float:left;font-family:"Impact", "Roboto-Black", "Helvetica Neue", sans-serif;font-weight:700;position:relative;color:#bcbcbc;font-size:24px;line-height:45px;width:50px;text-align:center}
.hot-box-list li{position:relative}
.hot-box-list li a{padding-left:80px;}
.pic-yuan{float:left;width:50px;height:50px;position:absolute;top:10px;margin-left:10px;}
.hot-box-list li.news .pic-yuan{width:25%}
.hot-box-list li.news a{padding-left:32%}
.pic-yuan img{position:absolute;left:5px;top:0;box-shadow:0 4px 10px rgba(51,51,51,0.2);width:100%;height:100%;border-radius:5px;object-fit:cover;object-position:center top;background:#f3f3f3;z-index:1}
.hot-box-list a:hover,.tv-list-info li:hover{background:#f7f8f9;}
.hot-box-list a:nth-child(1) em.hot{color:#e50914;}
.hot-box-list a:nth-child(2) em.hot{color:#f73;}
.hot-box-list a:nth-child(3) em.hot{color:#ffa82e}
.hot-box-list a:nth-child(4) em.hot{color:#777ffb}
.hot-box-list.top a:last-child{border-radius:0px 0px 6px 6px;}
.hot-box-list li:last-child a,.tv-list-info li:hover:last-child{border-radius:0px 0px 6px 6px;}
.hot-box-list .iconfont{float:right;line-height:45px;margin-right:10px;}
.hot-news-list{margin-left:-10px;margin-right:-10px;}
.hot-news-list h3{font-size:15px;font-weight:700;color:#333}
.hot-news-list li{padding:10px 20px;overflow:hidden;border-bottom:1px solid #e0e5e9;position:relative}
.hot-news-list li:hover,.news-list li:hover{background:#f7f8f9;}
.hot-news-list .hot-news-list-img{width:25%;float:left;}
.hot-news-list .hot-news-list-info{width:75%;float:left;padding-left:15px;}
.news-list li{padding:20px 0px;border-bottom:1px solid #e0e5e9;position:relative;min-height:1px;width:100%;float:left}
.news-list .news-list-pic{width:20%;float:left;padding-right: 20px;}
.news-list .news-list-info{width:100%;padding-left:0px;line-height:33px;}
.news-list .news-list-info p{height: 48px;line-height:24px;}
.news-list h3{font-size:22px;font-weight:500;color:#333;height: 38px;line-height:22px;overflow: visible;}
.news-list-image{padding:10px 10px 0 10px;margin-left:-20px;margin-right:-30px;overflow:hidden}
.news-list-images{width:20%;float:left;padding:0px 10px;}
.more_info {float: right;width:20%;height: 100%;background-color: #e9ecef;color: #666;padding:0px 10px;font-size: 1pc;text-align: center;line-height: 125px;border-radius: 6px;}
.news-list-tips{padding-bottom:20px;color: #666;height: 25px;line-height: 25px;margin: 15px 0 0px 0px;}
.news-list-image .news-list-tips{width:100%;position:static;padding-left:10px;padding-top:15px;padding-right:10px;overflow:hidden;line-height:33px;}
.bnt-tips{border:1px solid #e9ecef;float:left;display:inline-block;padding:0px 15px;font-size:14px;font-weight:normal;margin-right:10px;color: #666;border-radius: 20px; background-color: #eee;}
.bnt-tips:hover,.bnt-tips.active{background:#777ffb;color:#FFF;border:1px solid #777ffb;}
.list-nav{ margin-bottom:20px;}
.list-nav ul,.search-top{border-bottom:3px solid #e0e5e9;margin:10px 0px;}
.list-nav ul h1{float:left}
.list-nav ul a{color:#333;padding:15px 0px;margin-right:15px;font-size:22px;font-weight:700;display:inline-block;margin-bottom:-3px;}
.list-nav ul a.swiper-slide{float:left;width:auto;height:auto;position:static;}
.list-nav ul a:hover,.list-nav ul a.active,.list-nav ul h1.active{color:#777ffb!important;border-bottom:3px solid #777ffb;}
.list-nav ul .conreset a{font-size:14px;text-shadow:none;}
.list-nav ul .conreset a:hover{border:none}
.list-nav-total{float:right;line-height:45px;}
.list-nav-left{float:left;line-height:45px;}
.search-top{line-height:45px;font-size:18px;font-weight:700}
/* 检索导航 */
.slideDown-btn{line-height:45px;color:#999}
.top-type{padding-top:0px;padding-bottom:10px;overflow:hidden;border-bottom:2px solid #f1f3f5;margin-bottom:20px;}
.top-type .title{padding:15px 0;margin:0 10px;overflow:hidden;}
.top-type .title h1{margin-right:15px;font-size:20px;float:left}
.top-type{overflow:hidden;border-bottom:1px solid #f1f3f5;padding:10px 0px;} 
.type-class{}
.type-ntw{overflow:hidden;border-bottom:1px solid #f1f3f5;padding:10px 0px;} 
.type-selected ul{padding-top:5px;padding-bottom:10px;overflow:hidden; float:left}
.type-class ul li,.type-selected ul li{display:inline-block;position:relative;width:auto!important;float:left}
.type-class ul a,.type-selected ul li a,.sitemap-list ul li a{display:block;position:relative;padding:6px 12px;border-radius:8px;border:1px solid #e9ecef;margin-right:10px;}
.type-class ul li a.type-title,.type-selected ul li a.type-title{border:none;margin-right:0px;padding-left:0px;}
.type-class ul li.active a,.type-selected ul li.active a{color:#fff;background:#777ffb;border:1px solid #777ffb;}
.type-class ul a.active,.type-selected ul a.active {color:#fff;background:#777ffb;border:1px solid #777ffb;}
.type-title{font-size:16px;font-weight:700;white-space:nowrap;}
.type-title i,.sitemap-list ul li.title i{margin-left:10px;vertical-align:initial;font-size:12px;transform:scale(0.6) rotate(270deg);color:#c2c6d0;}
.type-selected ul li.opt a{padding:2px 26px 2px 6px;border-radius:0px;margin-right:10px;background:linear-gradient(to right,#9A9FFC 0,#777ffb 70%);margin-top:5px;}
.type-selected ul li.opt a{color:#fff;}
.type-selected ul li.opt span{font-size:12px;cursor:pointer;right:0;top:0;position:absolute;height:100%;width:20px;text-align:center;display:block;background:#e9e9e9;line-height:22px;color:#333}
.type-selected ul li.opt span::before{content:"\2716";}
.sitemap-list{padding:10px 0px;}
.sitemap-list ul{padding:10px 10px 0 60px;border-bottom:1px solid #f1f3f5;}
.sitemap-list ul a{float:left;margin-bottom:15px;margin-right:13px;}
.sitemap-list ul a.title{font-weight:700;margin:0px 10px 15px -60px;float:left;font-size:16px;color:#616161;}
/*page*/
.list-page,.box-page{text-align:center;padding-bottom:15px;padding-top:15px;margin-top:15px;}
.list-page ul li,.box-page ul li{display:inline-block}
.list-page ul li a,.list-page ul li span,.box-page ul li a,.box-page ul li span{margin-left:5px;margin-right:5px;border-radius:6px;font-size:14px;display:inline-block;padding:9px 15px}
.list-page ul li.disabled span,.box-page ul li.disabled span{background:none}
.list-page ul li.hidden-xs,.box-page ul li.hidden-xs{display:inline-block}
.list-page ul li a,.box-page ul li a{box-shadow:0 4px 10px rgba(0,0,0,.1);background:hsla(0,0%,100%,.08);}
.list-page ul li span,.list-page ul li.home.disabled span,.list-page ul li.prev.disabled span,.list-page ul li.next.disabled span,.list-page ul li.last.disabled span,.box-page ul li span,.box-page ul li.home.disabled span,.box-page ul li.prev.disabled span,.box-page ul li.next.disabled span,.box-page ul li.last.disabled span{background:#e9ecef;color:#999}
.list-page ul li a:hover,.list-page ul li.active span,.box-page ul li a:hover,.box-page ul li.active span{background:#777ffb;color:#fff}
.mcat-box{margin-left:-10px;margin-right:-10px;margin-bottom:20px; margin-top:15px;overflow:hidden}
.mcat-box-title{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.mcat-box-title a{font-size:18px;font-weight:700;color:#333;}
.mcat-box ul{float:left}
.mcat-box .tv-fenlei,.mcat-box .dm-area{width:30%} 
.mcat-box .tv-mcat,.mcat-box .dm-mcat{width:50%} 
.mcat-box .tv-year,.mcat-box .dm-year{width:20%}
.mcat-box .star-xb-type{width:12%;}
.mcat-box .star-area-type{width:48%;}
.mcat-box .star-letter-type{width:40%;}
.mcat-box li{padding:10px;float:left;width:25%}
.mcat-box ul li.mcat-box-title{width:100%!important}
.mcat-box .tv-mcat li,.mcat-box .dm-mcat li{width:10%}
.mcat-box .dm-area li{width:12.5%}
.mcat-box .star-xb-type li{width:50%;}
.mcat-box .star-area-type li{width:12.5%}
.mcat-box .star-letter-type li{width:11.1111111%}
.mcat-box .tv-fenlei li:nth-child(n+10),.mcat-box .tv-mcat li:nth-child(n+22),.mcat-box .tv-year li:nth-child(n+10),.mcat-box .dm-mcat li:nth-child(n+22),.mcat-box .dm-area li:nth-child(n+18),.mcat-box .dm-year li:nth-child(n+10),.mcat-box .star-area-type li:nth-child(n+10),.mcat-box .star-letter-type li:nth-child(n+11){display:none}
.vod-detail-bg{display:none;}
.detail-cover{position: absolute;top: 0;left: 0;height:144px;width: 100%;background: url(../images/nopic.png);background-size: cover;background-position: center center;filter: blur(365px);}
.detail-cover img {display: block;width: 100%;height: 144px;min-height: 144px;border-radius: 2px;}
.star-cover{position: absolute;top: 0;left: 0;height: 144px;width: 100%;background: url(../images/nopic.png);background-size: cover;background-position: center center;filter: blur(365px);z-index: 1;}
.star-cover img {display: block;width: 100%;height: 144px;min-height: 144px;border-radius: 2px;}
.main-100{width:100%;float:right;margin-right:-10px;}
.main-left{width:75%;float:left;padding-right:20px;}
.main-right{width:25%;float:right;margin-right:-10px;}
.special_bg{display:block;position:relative;padding-top:20%;margin-left:200px;}
.special_bg img{position:absolute;left:0;top:0;box-shadow:0 1px 2px rgba(51,51,51,0.1);width:100%;height:100%;object-fit:cover;object-position:center top;background:#f3f3f3;}
.special_info{background:hsla(0,0%,100%,.6);box-shadow:0 0 0 5px rgba(255,255,255,0.2);margin-top:-5%;position:relative;z-index:2;padding:20px;border-radius:5px 5px 0 0;}
.special_info h1,.tv-detail h1{font-size:20px;font-weight:700;text-align:center;padding:10px;}
.special_title{text-align:center;padding:10px;} 
.special_title span{margin-left:5px;margin-right:5px;}
.article-content a,.a-b,.vod-info a{color:#777ffb;border-bottom:1px dotted #777ffb}
.tv-list-box .hot-box-title{overflow:hidden}
.tv-list-box .hot-box-title h2{font-size:18px;float:left}
.tv-list-box .hot-box-title .title-more{background:none}
.tv-list-box.w3{ width:33.3333%}
.tv-list-info{min-height:310px;}
.tv-list-info li{padding:20px;position:relative;border-bottom:1px solid #f1f3f5;margin-left:-10px;margin-right:-10px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.tv-list-info li span{ position:absolute; right:20px; z-index:1}
.tv-list-info li:last-child{border-bottom:none}
.tv-detail-info{float:left;width:33.333333%;padding:20px;}
.tv-detail-title{padding:20px;text-align:center}
.tv-detail-info .tv-list-info li{margin-left:0px;margin-right:0px;} 
.article-detail h1{font-size:24px;font-weight:700;text-align:center;line-height:45px;padding:15px;}
.article-box{padding:20px;}
.article-detail .hot-card-list li.w100{ width:100%!important;}
.article-box h1{padding:0px;}
.article-title{text-align:center;margin-bottom:10px;line-height:32px;}
.article-title span{margin-right:10px;color:#999;}
.article-remark{padding:20px;margin-bottom:10px;line-height:32px;color:#666; background-color: #f4f4f4;}
.article-content p{text-align: justify;line-height:32px;margin-bottom: 22px;font-size: 18px;color:#333;}
.article-content{font-size:16px;line-height:28px;padding:10px;color: #333;}
.article-content h2{margin:25px 0 10px 0;padding-left:5px;border-left:5px solid #777ffb;background: #f9fbfa;color: #777ffb;font-weight:700;font-size:20px;line-height:24px}
.article-content h3{position: relative;padding-left: 20px; background: #fcfdfc;margin-bottom: 20px;margin-top: 20px;font-size: 20px !important;
color: #777ffb;font-weight: 500;}
.article-content h3:after { content: '';width: 6px;height: 6px;background: #777ffb;border-radius: 50%;display: block;position: absolute;
    left: 0px; top: 13px;box-shadow: 0px 0px 10px 2px #777ffb}
.article-content img,.article-pic-content img{max-width:100%;margin:10px auto;padding:2px;border:1px solid #f1f3f5;display: table-cell;vertical-align: middle; text-align: center;}
.article-content p img{display: table-cell;vertical-align: middle;text-align: center;}
.article-content img.lazyload,.article-pic-content img.lazyload{background:url(../images/loading.gif) no-repeat center;display:block;}
.article-pic{overflow:hidden;clear:both;margin-top:10px;}
.article-pic-content{position:relative;font-size:15px;line-height:30px;}
.article-pic-page,.article-images-page{color:#666;line-height:45px;font-size:25px;padding:10px 0px;letter-spacing:3px;}
.article-pic-page span,.article-images-page span{font-family:"Impact", "Roboto-Black", "Helvetica Neue", sans-serif;font-weight:700;}
.article-images-page{padding:0px;}
.article-images-title{line-height:35px;text-align:center;font-size:20px;font-weight:700}
.article-box .news-slide-box .swiper-slide{padding-left:50px;padding-right:50px}
.article-pic-page i{font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;}
.article-pic .condiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;opacity:0;filter:alpha(opacity=0);-moz-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
.article-pic:hover .condiv{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);opacity:1;}
.article-pic .left{left:0px;}
.article-pic .right{right:0px;}
.article-pic .swiper-page{padding-top:7px;line-height:30px;width:40px;height:40px;}
.page_next,.news_page_next{text-align:right}
.article-page{font-size:16px;font-weight:600;line-height:45px;overflow:hidden}
.picture-slide{display:none;position:fixed;opacity:1;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0;z-index:9999}
.picture-slide-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:1;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.picture-slide-model{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;padding:10px}
.picture-slide-top,.picture-slide-model{color:#FFF;line-height:40px;text-align:center;font-size:18px;font-weight:700;overflow:hidden;position:relative;}
.picture-slide-model .swiper-pagination{color:#FFF;top:45px;height:35px;}
.picture-slide-top .iconfont,.picture-slide-top .closed{font-size:24px;}
.picture-slide-top span,.picture-slide-box .pic-img{cursor:pointer}
.picture-slide-model .swiper-slide img{max-width:800px;width:expression(this.width > 800 && this.height < this.width ? 800:true);height:auto;margin:auto;display:block}
.picture-slide-model .swiper-container{padding-top:10px;}
.picture-slide-model .swiper-container .swiper-slide{color:#FFF;}
.pictures-slide{position:relative}
.pictures-slide .article-images-page{width:100%;}
.pictures-slide .pic-img img{max-width:800px;width:expression(this.width > 800 && this.height < this.width ? 800:true);height:auto;margin:10px auto;display:block;padding:2px;border:1px solid #f1f3f5;}
.pictures-slide-min{position:relative;width:60%;margin-left:auto;margin-right:auto;padding:20px;}
.pictures-slide-min .swiper-container{overflow:hidden;}
.pictures-slide-min .swiper-wrapper li{float:left;cursor:pointer;width:16.6666667%!important}
.pictures-slide-min .swiper-wrapper li .pic{display:block;position:relative;padding-top:55%;}
.pictures-slide-min .swiper-wrapper li img{position:absolute;left:0;top:0;box-shadow:0 1px 2px rgba(51,51,51,0.1);width:100%;height:100%;object-fit:cover;object-position:center top;background:#f3f3f3;border:3px solid #fff;}
.pictures-slide-min .swiper-button-prev,.pictures-slide-min .swiper-button-next{--swiper-navigation-size:28px;--swiper-theme-color:#777ffb;}
.pictures-slide-min .swiper-wrapper li.swiper-slide-thumb-active img{border:3px solid #777ffb;}
.pictures-slide-min .swiper-button-prev{left:-10px;}
.pictures-slide-min .swiper-button-next{right:-10px;}
.article-box .news-slide-box .swiper-container{padding-bottom:0px;}
.article-box .hot-card-img{width:14.28571428571429%;margin-top:-0.2%;width: 120px;height: 120px;overflow: hidden;border-radius: 100%;}
.article-box .hot-card-info{margin-bottom:0px;padding-bottom:0px;padding-top:0px;}
.article-box .hot-card-info,.article-box .news-vod-content{margin-left:10%;}
.article-box .news-vod-content{padding:0 10px;}
.article-box .hot-card-info h3{padding:10px 0px;}
.article-box .hot-card-info p,.article-box .news-vod-content{line-height:32px;}
.article-box .hot-card{background:hsla(0,0%,100%,.8);}
.slidedown{cursor:pointer}
.type-order{padding-top:20px;border-bottom:3px solid #777ffb;margin-top:20px;}
.type-order a{padding:10px 15px;float:left;display:inline-block;width:14.2857143%;} 
.type-order a.active,.type-order a:hover{background:#777ffb;color:#FFF;margin-top:-10px;padding-bottom:17px;padding-top:13px;box-shadow:2px 5px 5px rgba(0,0,0,.8);-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;}
.layout-box.vod-detail-box{padding-top:120px}
.vod-box-top{margin-top:-150px;margin-left:-25px;margin-bottom:40px;}
.vod-h1{font-size:30px;font-weight:700;color:#333;display:inline-block;margin-top:10px;line-height:35px;}
.vod-seat{line-height:32px;font-size:13px;margin-top:20px;overflow:hidden}
.vod-seat ul{background:hsla(0,0%,100%,.8);float:left;padding:0px 8px;border-radius:8px;border:1px solid #f1f3f5;margin-right:10px;color:#999;text-align:center}
.vod-seat ul a{margin-left:5px;margin-right:5px;}
.vod-seat ul span:last-child{display:none}
.vod-box{position:relative;background:hsla(0,0%,100%,.8);border:1px solid #f1f3f5;margin-top:20px;border-radius:6px;padding:25px;}
.vod-box.vod-detail,.vod-box.star-detail{z-index:1}
.vod-box-img{width:14.5%;float:right;margin-top:-8%;position:relative}
.vod-box .tv-vod{margin-left:-25px;margin-right:-25px;margin-bottom:-25px;border-radius:0 0 6px 6px;}
.ntw{ float:left; width:49.1%; height: 40px;line-height: 40px;margin: 0 10px 16px 0; padding: 0 0 0 14px;background: #f7f7f7;}

.photo-list{padding:10px 10px 0px 10px}
.photo-list .bnt-tips{padding:8px 15px;margin-top:10px;}
.vod-image{position:relative;padding-top:140%;}
.vod-image img{position:absolute;left:0;top:0;box-shadow:0 1px 2px rgba(51,51,51,0.1);width:100%;height:100%;border-radius:6px;object-fit:cover;object-position:center top;background:#f3f3f3;-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.4)));}
.vod-info{line-height:35px;color:#282828;}
.vod-info .slidedown{margin-top:0px;line-height:28px;}
.vod-info p{line-height:35px;}
.vod-info span{font-weight:bold;margin-right:5px;}
.banner_avatar{margin-bottom:15px}
.banner_avatar ul{height: 69px;overflow:hidden}
.banner_avatar li{position:relative;float:left;width:50px;margin-right:50px}
.banner_avatar li img{width:50px;margin-right:50px}
.banner_avatar span{overflow:hidden;display:block;width:50px;height:50px;margin-bottom:3px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%}
.banner_avatar i{position:absolute;top:34px;right:-15px;display:block;height:16px;padding:0 4px;background-color:#28ce6e;color:#fff;font-size:12px;line-height:16px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px}
.banner_avatar p{overflow:hidden;height:16px;line-height: 16px;color:#fff;font-size:12px;text-align:center;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}
.banner_avatar a{color:#666}
.banner_avatar a:hover{color:#28ce6e}

.remind-love{padding:0 10px;position:absolute;left:0;right:0;bottom:10px;}
.remind-love a{display:inline-block;padding:4px 15px;border-radius:20px;color:#777ffb!important;border:1px solid #777ffb;background:rgba(255,255,255,.7);}
.remind-love a:hover,.remind-love a.active{background:rgba(119,127,251,.7);color:#FFF!important;}
.remind-love .iconfont{margin-right:5px;margin-top:5px;font-size:20px;}
.remind-love a.active{display:none;}
/*评分*/
#rating{width:307px;height:35px;line-height:35px;overflow:hidden;float:left;border:1px solid #f1f3f5;border-radius:6px;background:hsla(0,0%,100%,.8);color:#616161;}
#rating span{float:left;font-size:14px;height:35px;overflow:hidden}
#rating span.ratingtxt{text-decoration:none;padding-left:8px;border-right:1px solid #f1f3f5;}
#rating .rating{float:left;width:150px;height:35px; padding: 5px 5px 0 5px;overflow:hidden;margin-left:10px;}
#rating .rating .rat{cursor:pointer;float:left;overflow:hidden;width:28px;height:22px;text-indent:-99px;background:url(../images/listico.png) 0 0 no-repeat}
#rating .rating .rat.active,#rating .rating .rat.hover{background-position:0 -25px}
.rating-box{width:307px;height:85px;margin-top:-94px;position:relative;background:url(../images/score-scale.gif) 0px bottom no-repeat;z-index:4;margin-right:20px;float:right}
#rating-kong{background:0 0;display:block;height:43px;}
.rating-kong-item{font-size:14px;line-height:40px;height:40px;overflow:hidden;margin-top:42px;text-align:center}
.rating-kong-item .loadingg{padding:10px 20px;font-size:12px;}
.rating-kong-item .nopingfen{padding:0;font-size:14px;background:0 0}
.rating-total{width:100%;height:48px}
.rating-total-item{display:block;height:48px;overflow:hidden;float:left;margin-right:-48px}
.pingfen-total{width:61px;height:43px;overflow:hidden;float:left;position:relative;margin-right:-13px;text-align:center;background:url(../images/rating-total.png) 0 0 no-repeat}
.pingfen-total em,.pingfen-total strong{display:block;width:61px;height:35px;line-height:30px;overflow:hidden;position:absolute;top:2px;left:0;z-index:2;font-size:26px;font-weight:400;font-family:Georgia,"Times New Roman",Times,serif;}
.pingfen-total em{top:0;left:1px;z-index:1}
.rating-bar{height:20px;overflow:hidden;position:relative;background:#C5C5C5;width:100%}
.rating-bar-item{height:20px;overflow:hidden;}
.rating-box .rating-show{padding:10px;width:100%;overflow:hidden;background:hsla(0,0%,100%,.8);display:none}
.rating-box .rating-show li{width:100%;height:14px;overflow:hidden;float:left;clear:both;margin-top:5px}
.rating-box .rating-show .starstop{width:22%;height:12px;overflow:hidden;display:block;text-indent:-999px;float:left;margin-top:1px;margin-right:5px;background:url(../images/star-min.gif) no-repeat}
.rating-box .rating-show .star5{background-position:0 0}
.rating-box .rating-show .star4{background-position:0 -20px}
.rating-box .rating-show span.star3{background-position:0 -40px}
.rating-box .rating-show span.star2{background-position:0 -60px}
.rating-box .rating-show span.star1{background-position:0 -80px}
.rating-box .rating-show .power{width:60%;height:6px;overflow:hidden;display:block;margin-top:4px;margin-right:5px;float:left;background:#f5f5f5;float:left}
.rating-box .rating-show .power-item{width:0;height:6px;overflow:hidden;display:block;float:left;}
.rating-box .rating-show em{width:10%;line-height:14px;overflow:hidden;float:right;font-size:10px;font-weight:400;-webkit-text-size-adjust:none}
.rating-bar-item{background:linear-gradient(to right,#589cf6 0,#2577e3 70%);box-shadow:0 2px 6px rgba(251,124,77,0.2);color:#FFF;border:1px solid #2577e3;}
.pingfen-total strong{color:#FFF;}
.tv-vod{border-top:1px solid #f1f3f5;overflow:hidden;padding:10px 25px;line-height:48px;background:-webkit-gradient(linear,top top,bottom top,from(rgba(255,148,179,.1)),color-stop(50%,rgba(255,148,179,.1)),to(rgba(255,148,179,.1)));background:-webkit-linear-gradient(top,rgba(255,148,179,.1),rgba(255,148,179,.1) 50%,rgba(255,148,179,.1));background:-o-linear-gradient(top,rgba(255,148,179,.1) 0,rgba(255,148,179,.1) 50%,rgba(255,148,179,.1) 100%);background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));border-radius:0 0 8px 8px;}
.tv-vod.no{background:none;border-top:none;}
.tv-vod-name{width:10%;float:left}
.tv-vod-name a{font-weight:bold;color:#282828;}
.tv-vod-list{width:90%;float:left}
.tv-vod-week{width:20%;float:left}
.tv-vod-li{width:80%;float:left}
.tv-vod-item{width:50%;float:left;padding-right:10px;padding-left:10px}
.tv-vod-live{float:left;margin-left:20px}
.bottom-line::after,.bottom-line-dot::before,.top-line-dot::after,.top-line-dot::before{border-color:#f1f3f5;}
.detail-nav{margin-left:-40px;margin-right:-40px;margin-top:40px;padding-left:40px;padding-right:40px;overflow:hidden;margin-bottom:20px;}
.detail-nav a{transition:box-shadow .2s ease;color:#333;background:hsla(0,0%,100%,.5);padding:10px 18px;position:relative;float:left;overflow:hidden;width:12.5%;text-align:center}
.detail-nav a:hover,.detail-nav a.active{background:#777ffb;color:#FFF;box-shadow:2px 5px 5px rgba(0,0,0,.8);}
.detail-nav a::after,.player-list ul li a::after,.play-list ul li a::after{content:'';height:50px;width:15px;background:#fff;position:absolute;top:-5px;transform:skewX(-45deg);right:118%;opacity:.25;}
.detail-nav a:hover::after,.player-list ul li a:hover::after,.play-list ul li a:hover::after{right:-44%;transition:right .56s ease}
.vod-player{border-bottom:2px solid #e7e7e7;font-size:16px;margin-left:10px;margin-right:10px;margin-bottom:15px;}
.vod-player li{padding:8px 10px;margin-right:10px;display:inline-block;margin-bottom:-2px;cursor:pointer;position:relative;text-align:center;}
.vod-player li:nth-child(1){padding-left:0px;}
.vod-player li.active{border-bottom:2px solid #777ffb;}
.player-right .vod-player.min-play-nav li{width:auto;float:right;margin-right:0px;padding-right:0px;}
.player-right .vod-player.min-play-nav .playe-more-list{min-width:130px;}
.player-right .vod-player.min-play-nav .playe-more-list li:hover{background:#fff}
.player-right .vod-player.min-play-nav .playe-more-list li{margin-right:0px;width:100%}
.player-more{display:none;min-width:120px;position:absolute;top:100%;z-index:5;text-align:center;}
.player-more li a{line-height:28px;position:relative;display:block;min-width:80px;}
.player-more li{width:100%;border-bottom:none}
.player-more li:hover{background:#e7e7e7;}
.vod-player.min-player{display:none}
.vod-player.min-player li{width:100%;text-align:center;}
.vod-player.min-player .player-more-list{border:1px solid #e7e7e7;left:0px;right:0px;width:100%}
.vod-player li.play-more{float:right;border:1px solid #FFF;}
.vod-player.min-player li.player-more.active{float:none;border:none;border-bottom:2px solid #589cf6;}
.vod-player .iconfont{margin-left:10px;font-size:14px;}
.vod-player li.player-more.active{background:#e7e7e7;border:none}
.player-list ul{display:none}
.player-list ul li,.play-list{padding:5px;position:relative}
.player-list ul li a,.play-list ul li a{display:block;padding:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background:#eee;color:#333;border-radius:5px;position:relative}
.player-list li:hover a,.player-list li.active a,.play-list li:hover a,.play-list li.active a{color:#FFF;background:#777ffb;}
.player-list::-webkit-scrollbar{width:10px;background:#f5f5f5;}
.player-list::-webkit-scrollbar-thumb{background:#ccc;}
.player-list{max-height:300px;overflow:auto;}
.playe-more-list{display:none;width:100%;left:0px;position:absolute;top:100%;z-index:1000;background:#e7e7e7;text-align:center;padding:10px 0px;}
.playe-more-list li a{line-height:28px;position:relative;display:block;min-width:80px;}
.playe-more-list li{width:100%;border-bottom:none;}
.playe-more-list li:nth-child(1){padding-left:10px;}
.playe-more-list li:hover{background:#fff;}
.playe-more-list li.active{border:none}
.player-list-close,.player-more-title{display:none}
.down-title{padding:10px;position:relative;cursor:pointer}
.down-num{display:inline-block;min-width:8px;padding:5px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background:#ff5f00;border-radius:50%;}
.down-title .iconfont{float:right}
.down-list .down-box{ display:none}
.down-list ul li{padding:10px;position:relative;overflow:hidden;vertical-align:middle;line-height:35px;}
.down-list ul li .down-name{width:15%;float:left;}
.down-list ul li .down-name input{margin-top:10px;float:left;margin-right:10px;}
.down-list ul li .down-url{width:85%;float:left;}
.vod-box .box-title{margin-top:0px;margin-bottom:0px;height: 40px;padding: 0 10px;background-color: #f4f4f4;text-align: center;line-height: 40px;}
.vod-box .hot-box-title{margin-left:-26px;margin-right:-26px;margin-top:-26px;overflow:hidden}
.vod-box .hot-box-title h1{font-size:22px;font-weight:700;float:left}
.actor-role-vod{margin-top:20px;}
.hot-card-list li.active:after,.hot-card-list li.active:before{border:11px solid transparent;border-bottom:11px solid #fff;width:0;height:0;position:absolute;bottom:-20px;right:45%;content:' ';visibility:visible}
.hot-card-list li.active .hot-card,.lines-card,.music-card,.role-card,.picture-title{background:-webkit-gradient(linear,top top,bottom top,from(rgba(255,255,255,.1)),color-stop(50%,rgba(200,193,221,.1)),to(rgba(255,148,179,.1)));background:-webkit-linear-gradient(top,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));background:-o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(200,193,221,.1) 50%,rgba(255,148,179,.1) 100%);background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(119,127,251,.1) 50%,rgba(255,148,179,.1));}
#myTab li{cursor:pointer}
.picture-title{margin-top:-20px;margin-left:-25px;margin-right:-25px;line-height:45px;padding-left:25px;font-size:16px;margin-bottom:20px;}
.lines-list,.music-list{line-height:38px;font-size:16px;}
.lines-list a,.music-list a{width:50%;float:left;border-bottom:1px dashed #f5f5f5;}
.lines-list a i,.music-list a i{margin-left:5px;margin-right:5px;}
.detail-lines,.detail-music,.detail-role{padding-top:10px;overflow:hidden}
.detail-lines li,.detail-music li{position:relative;padding:10px;min-height:1px;margin-top:25px;margin-bottom:25px;}
.role-lines li{font-size:16px;}
.role-lines li,.down-title{line-height:45px;border-bottom:1px dashed #f1f3f5;}
.role-lines li:last-child{border-bottom:none}
.role-lines li span{margin-right:10px;}
.lines-card,.music-card{border-radius:6px;overflow:hidden}
.role-lines .lines-card{background:none}
.lines-card-img{width:5%;float:left;}
.lines-card-info{line-height:35px;margin-left:7%;padding:10px;}
.lines-card-info p,.music-card-info p,.role-card-info p{line-height:35px;}
.lines-card-time{position:absolute;right:30px;bottom:25px;color:#999;}
.detail-role li{position:relative;min-height:1px;margin-top:25px;margin-bottom:25px;float:left;width:100%}
.role-card{border-radius:6px;float:left;width:100%;padding:10px;}
.role-card-img{width:12%;float:left;margin-top:-25px}
.role-card-info{line-height:35px;margin-left:13%;padding:10px;}
.role-card-info-name{font-size:18px;font-weight:700}
.role-card-info-name a{color:#333;}
.role-card-info-star{font-size:16px;}
.role-card-info-star span{margin-left:10px;margin-right:10px;color:#999;}
.detail-lines .digg_link{position:absolute;right:30px;top:30px;}
#content-more-loading .detail-lines{padding-top:0px;}
.user_add_detail{float:right;font-size:12px;padding:0 10px;background:#777ffb;color:#FFF;font-weight:normal;border-radius:6px;cursor:pointer}
.music-list a{width:33.33333%}
.music-card-info{line-height:35px;padding:10px;overflow:hidden}
.music-card-time{text-align:right;color:#999;}
.music-card-name,.music-card-type,.music-card-star,.music-card-play,.music-card-time{width:20%;float:left}
.music-card-info .icon-shiting{font-size:18px;font-weight:bold;margin-right:10px;}
.music-card-info .icon-geci{font-size:18px;margin-right:10px;}
.music-card-lyric{margin-left:15px;cursor:pointer}
.music_lyric{padding:20px;}
.detail-music .digg_link{float:right;margin-right:30px;}
.story-box .player-list{margin-top:25px}
.story-box .vod-player{margin-top:20px;}
.story-h1{padding:10px;text-align:center;font-size:24px;margin-top:20px;font-weight:700;color:#333}
.story-title{font-size:18px;font-weight:bold;text-align:center;color:#333;line-height:45px;background:#f7f8f9;margin-bottom:10px;}
.part-page{text-align:center}
.part-page a{display:inline-block;margin:5px 20px;padding:10px 35px;text-align:center;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;background:#eee;color:#333;border-radius:5px;}
.part-page a:hover{color:#FFF;background:#777ffb}
.player-box{position:relative;z-index:7;}
.player-box.fixed{position:fixed;padding-left:240px;width:100%}
.player-main{width:75%;position:relative;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;display:inline-block;}
.player-main.open{width:100%!important;-webkit-transition:300ms;}
.player-right{position:absolute;right:0;top:0;width:25%;height:100%;bottom:0;z-index:8;background:#F3F5F7;}
.player-right h1{line-height:45px;font-size:20px;font-weight:700;color:#1b1a25;width:100%;overflow:hidden;padding-left:20px;}
.player-title{text-align:center;line-height:45px;font-size:16px;position:relative;color:#FFF;background:#000}
.player-switch{position:absolute;right:20px;top:0px;cursor:pointer;font-size:14px;}
.player-switch .icon-dengpao{margin-right:10px;}
.player-open{min-height:3000px;left:0;right:0;bottom:0;width:100%;position:absolute;top:0;width:100%;z-index:7;display:none;background:rgba(0,0,0,.88);}
.player-top{position:relative;z-index:9;}
.player-top .player-tool .icon-kaideng{color:#FFF}
.play-tips{padding-left:10px;padding-right:10px;}
.player-right h1 span{float:left}
.player-right .vod-seat{line-height:28px;margin-top:10px;margin-bottom:10px;padding-left:20px;}
.player-right .vod-player{margin-left:20px;margin-right:20px;}
.play-tips{line-height:35px;color:#999;margin-top:5px;}
.play-tips span{margin:0px 5px;}
.play-list{height:calc(100% - 150px);overflow:auto;padding:10px;background:hsla(0,0%,100%,.9);}
.play-tool{padding:15px 20px;background:#F3F5F7;}
.play-tool .vod-sect,.play-tool .vod-rss,.play-tool .digg_link{float:left;margin-right:20px;}
.play-tool .remind-love{position:static}
.play-tool .remind-love a{border-radius:6px;}
.play-kai{position:absolute;z-index:10;top:50%;right:-15px;margin-top:-30px;display:block;width:15px;text-align:center;height:60px;line-height:60px;font-size:14px;border-radius:0 4px 4px 0;background:#eee;color:#999;cursor:pointer}
.hot-card-list.search-vod-list .hot-card-img{width:15%;margin-top:-2%}
.hot-card-list.search-vod-list .hot-card-info{margin-left:16%;}
.hot-card-list.search-vod-list .hot-card-play{right:-2%;}
.hot-card-list.search-vod-list .hot-card-infos{right:-3%;}
.hot-card-list.search-vod-list .hot-card-info p{margin-top:5px;margin-bottom:5px;}
.hot-card-list.search-vod-list .hot-card-info i{margin-left:5px;margin-right:5px;}
.hot-card-list.search-vod-list .hot-card-info p.search-infos{min-height:56px;}
.hot-card.box-show.gb-show{padding:20px;}
.hot-card.box-show.gb-show .hot-box-title{margin-left:-20px;margin-right:-20px;margin-top:-20px;}
.main-left.gbook{padding-right:10px;}
.gb-list-count{float:right;font-weight:normal}
.gb-code{margin-left:-10px;margin-right:-10px;margin-top:10px;margin-bottom:10px;overflow:hidden}
.gb-nickname{margin-top:20px;}
.gb-type{overflow:hidden;margin-left:-10px;margin-right:-10px;margin-top:10px;margin-bottom:10px;}
.gb-type li a{text-align:center;display:block;padding:9px;border-radius:6px;border:1px solid #e9ecef;}
.gb-type li.active a{background:#6870FB;color:#FFF}
.comment-assist a:hover,.comment-top .user,.comment-top a{color:#777ffb;}
.star-bg{display:block;min-height:350px;background:url(../images/pic.png) no-repeat right bottom #f3f3f3;border-radius:6px;}
.star-bg::after{z-index:1;position:absolute;right:0;top:0px;content:'';width:243px;height:390px;clear:none;visibility:visible;background:url(../images/star-right.png)}
.star-bg::before{z-index:0;position:absolute;left:51%;top:-1px;content:'';margin:0 0 0 -798px;width:400px;height:390px;background:url(../images/star-left.png)}
.star-detail-info{margin-left:240px;position:relative;padding-top:65px;margin-right:40px;}
.star-detail-tips{width:46px;position:absolute;height:85px;top:65px;right:0px;z-index:2;text-align:center;color:#fff;line-height:16px;font-size:14px;padding-top:30px;background-position:0 -1px;background:url(../images/detailMap24.png) 0 0 no-repeat;}
.star-top-info{padding:15px 0;text-shadow: 2px 0px 3px #fff, 2px 2px 4px #fff, 2px 0px 2px #fff, -3px 0px 6px #fff!important;}
.star-top-info h1{padding:5px 0px;font-weight:700}
.star-top-info p{line-height:33px;}
.star-detail-info .flower{top:65px;right:50px;}
.star-detail-info .fl-num{top:95px;right:55px;}
.star-box .hot-box-title{padding:8px 25px}
.star-box .hot-box-title .title-more{background:none}
.star-box .news-list li:hover{background:none}
.star-box .hot-box-title h2{font-size:20px;font-weight:700;float:left}
.star-box-info{padding:20px 0;font-size:16px;line-height:42px;}
.star-box-info .fin{width:33.33333%;float:left;}
.star-box-info .finw{width:100%;}
.star-box-info p{line-height:38px;}
.star-span{margin-left:5px;margin-right:5px;}
.zanpian-modal .form-control{border:1px solid #CCC;}
/*footer*/
.bottom-nav{ display:none;text-align:center;}
.bottom-nav a{width:20%!important; float:left; padding:10px;}
.bottom-nav a .iconfont{ font-size:22px;}
.bottom-nav a .iconfont.icon-fanhui{ font-size:30px;}
.link{padding:20px 0px;margin-top:30px;border-top:2px solid #f1f3f5;}
.link a {overflow: hidden;float: left;height: 24px;padding-right: 10px;color: #999;font-size: 12px;line-height: 24px;}
.link-title{font-size:16px;font-weight:bold;margin-top:-30px;margin-bottom:20px;}
.footer{background:#e9ecef;padding-bottom:30px;}
.copyright{text-align:center}
/*black*/
body.black{background:#16161a;color:#D4D4D4!important;}
.black .nav{background:rgba(0,0,0,0.05);border:none}
.black .hot-card-info{border:none!important;}
.black .nav ul li.active{background:rgba(0,0,0,0.05);border:none;margin-right:0px}
.black a,.black h1,.black h2,.black h3,.black h4,.black h5,.black h6,.black h1 a,.black h2 a,.black h3 a,.black h4 a,.black h5 a,.black h6 a,.black .nav ul li a{color:#CCC}
.black a:hover{color:#777ffb}
.black .part-page a:hover{background:#777ffb;color:#FFF}
.black .bnt-tips:hover,.black .zanpian-wd{color:#FFF}
.black .header.bg{background:rgba(0,0,0,0.6);}
.black .hot-bang,.black .playlog-box,.black #nav-signed,.black .autocomplete-suggestions,.black .bottom-nav,.black .player-more,.black .vod-player.min-player .player-more{background:#222328;}
.rating-box .rating-show{ background:#FFF}
.black .playlog-box,.black .playlog-title,.black .playlog-tool{border-color:#222328;}
.black .playlog-box:after,.black .playlog-box:before,.black #nav-signed:after,.black #nav-signed:before{border-bottom:11px solid #222328;}
.black .pic-list li h3,.black .video-list li h3,.black .actor-role li h3,.black .hot-box-title,.black .link,.black .footer,.black .filmtime,.black .list-nav ul a,.black .hot-card-info,.black .comment-text,.black .comment-top{color:#CCC}
.black .vod-info,.black #rating{color:#CCC}
.black .article-content a{color:#777ffb;}
.black .hot-card,.black .actor-role,.black .hot-card-foot,.black .hot-card-class,.black .hot-card-class::after,.black .hot-box-list a:hover,.black .footer,.black .title-more,.black .hot-news-list li:hover,.black .news-list li:hover,.black .hot-box-list a:hover,.black .tv-list-info li:hover,.black .list-page ul li.home.disabled span,.black .list-page ul li.prev.disabled span,.black .list-page ul li.next.disabled span,.black .list-page ul li.last.disabled span,.black .box-page ul li span,.black .box-page ul li.home.disabled span,.black .box-page ul li.prev.disabled span,.black .box-page ul li.next.disabled span,.black .box-page ul li.last.disabled span,.black .box-bg,.black .vod-seat ul,.black #rating,.black .vod-box,.black .story-title,.black .part-page a,.black .play-tool,.black .player-right,.black .play-list,.black .play-kai,.black .player-title,.black .comment-num,.black .comment-post,.black .comment-replay,.black .comment-sub,.black .search-record li a:hover,.black #nav-signed ul li:hover,.black .type-class ul li a:hover,.black .player-more li:hover,.black .special_info,.black .form-control{background:hsla(0,0%,100%,.05);}
.black .vod-player li.player-more.active,.black .playe-more-list{background:#21211F}
.black .player-list ul li a,.black .detail-nav a,.black .play-list ul li a{background:hsla(0,0%,100%,.05);color:#CCC}
.black .player-list ul li a:hover,.black .player-list li.active a,.black .play-list ul li a:hover,.black .play-list ul li.active a{background:rgba(119,127,251,.7);color:#FFF}
.black .detail-nav a:hover,.black .detail-nav a.active{background:#777ffb;color:#FFF}
.black .box-tab,.black .user-login,.black .user-playlog,.black .header-nav{background:hsla(0,0%,100%,.1);}
.black .box-tab li:hover,.black .box-tab li.active{background:hsla(0,0%,100%,.8);}
.black .tv-detail-title,.black .form-control:focus,.black .form-control:hover{background:hsla(0,0%,100%,.08);}
.black .hot-box-list a,.black .hot-box-title,.black .link,.black .list-nav ul,.black .hot-news-list li,.black .tv-list-info li,.black .news-list li,.black .bnt-tips,.black .article-content img,.black .article-pic-content img,.black .vod-seat ul,.black #rating,.black #rating span.ratingtxt,.black .vod-detail,.black .tv-vod,.black .bottom-line::after,.black .bottom-line-dot::before,.black .top-line-dot::after,.black .top-line-dot::before,.vod-box,.black .vod-player,.black .lines-list a,.black .music-list a,.black .role-lines li,.black .down-title,.black .top-type .type-class,.black .top-type,.black .type-class ul li a,.black .type-selected ul li a,.black .sitemap-list ul li a,.black .search-top,.black .gb-type li a,.black .comment-num,.black .comment-sub,.black .txt-hot-list.bt li,.black #nav-signed,.black .sitemap-list ul,.black .autocomplete-suggestion,.black .vod-player.min-player .player-more .player-more-title,.black .pictures-slide .pic-img img,.black .form-control{border-color:hsla(0,0%,100%,.08);}
.black .type-title i,.black .sitemap-list ul li.title i{color:hsla(0,0%,100%,.3)}
.black .hot-card-list li.active:after,.black .hot-card-list li.active:before{border-bottom:11px solid hsla(0,0%,100%,.03);}
.black .list-nav ul a{border-color:hsla(0,0%,100%,.0000);}
.black .filmtime::after{background:#666;}
.black .news-slide-box .swiper-slide{background:hsla(0,0%,100%,.1);}
.black .news-list li{padding:20px;}
.black .hot-card-play,.black .hot-card-infos{border:none;padding:10px 20px;color:#FFF}
.black .hot-card-play:hover,.black .hot-card-infos:hover{background:#6870FB;color:#FFF}
.black .comment-post-arrow{border-right:12px solid hsla(0,0%,100%,.05);}
.black .comment-replay-arrow{border-bottom:12px solid hsla(0,0%,100%,.05);}
.black .vod-detail-bg::before{background:rgba(34,35,40,.8);}	
.black .vod-box.vod-detail{background:rgba(34,35,40,.9);}
.black .special_info{margin-top:30px;box-shadow:none;border:1px solid hsla(0,0%,100%,.08);}
.black .nav ul li.active a,.black .nav ul li:hover a{color:#777ffb;}
.black .zanpian-modal .form-control{background:#F5F5F5;border: 1px solid #eee;}
/*black*/
@media (max-width:1789px){
.index-slide-box .index-slide .index-slide-ul .index-slide-li a {padding-top:400px;}	
.two-show li.w8,.video-list li.w8,.one-show li.w8{width:14.2857143%!important}/*7*/
.two-show li.w6{width:16.6666667%}
.two-show li.w8:nth-child(15),.two-show li.w8:nth-child(16),.one-show li.w8:nth-child(8),.four-show .actor-role li:last-child,.actor-show .actor-role li:last-child,.three-show .actor-role li:last-child{display:none;}
.four-show .actor-role li,.actor-show .actor-role li,.three-show .actor-role li{width:50%!important}
.box-tab li{padding:5px 10px;margin-right:5px;}
.news-list-info .text-muted.txt-hidden{-webkit-line-clamp:1;}
}
@media (max-width:1549px){
.header-search,.mcat-box .star-letter-type{width:40%!important}
.index-slide-img ul li,.mcat-box .dm-mcat li,.mcat-box .star-area-type li{width:14.2857143%!important;}
.index-slide-box .index-slide .index-slide-ul .index-slide-li a {padding-top:380px;}
.player-right,.index-slide-img,.mcat-box .dm-area{width:30%!important}
.two-show li.w8,.video-list li.w8,.actor-role-vod ul li.w6,.story-show li.w6,.one-show li.w8{width:16.6666667%!important}/*6*/
.two-show li.w8:nth-child(n+13),.player-main .digg_link,.three-show .actor-role li:last-child,.four-show .actor-role li:last-child,.hot-card-list .actor-role li:last-child,.one-show li.w8:nth-child(n+7),.hot-card-info .flower,.two-show li.w6:nth-child(n+11),.six-show li.w6:nth-child(n+6),.four-show li:nth-child(n+4),.main-right,.vod-mcat,.mcat-box .tv-fenlei li:nth-child(n+8),.mcat-box .tv-mcat li:nth-child(n+18),.mcat-box .tv-year li:nth-child(n+8),.mcat-box .dm-mcat li:nth-child(n+16),.mcat-box .dm-area li:nth-child(n+12),.mcat-box .dm-year li:nth-child(n+8),.mcat-box .star-area-type li:nth-child(n+9){display:none;}
.two-show li.w6,.video-list li.w6,.auto-slide ul li,.pictures-slide-min .swiper-wrapper li,.type-order a,.mcat-box .dm-area li,.two-show li.w6,.six-show li.w6,.special-show li.w6{width:20%!important}
.vod-box-img{width:19%!important}
.hot-box-title{font-size:18px;}
.box-tab li{padding:5px 10px;margin-right:5px;}
.detail-lines li .lines-card-img{width:8%}
.detail-lines li .lines-card-info{margin-left:8.5%;}
.news-list-info .text-muted.txt-hidden{-webkit-line-clamp:1;}
.hot-card-list li,.tv-box .hot-box.tv-list-box.w3{width:33.3333%!important}
.mcat-box .tv-fenlei li,.mcat-box .tv-year li,.mcat-box .dm-year li{width:33.3333%}
.main-left{width:100%;padding-right:0px;}
.actor-role li,.tv-list-box.w3{width:50%}
.tv-list-box.w5,.mcat-box .dm-year,.tv-list-box.w5{width:25%!important}
.player-main{width:65%}
.min-play-more .playe-more-list{left:-10px;}
.index-slide-img .swiper-button-next,.index-slide-img .swiper-button-prev{top:25%;}
.pictures-slide-min{width:70%}
.mcat-box .tv-mcat li{width:12.5%}
.mcat-box .dm-mcat,.mcat-box .star-area-type{width:45%}
.mcat-box .star-xb-type{width:15%;}
.search-vod-list li.w100{width:100%!important}
}
@media (max-width:1237px){
.index-hot-box .hot-box{ width:33.33333%!important}
.index-hot-box .hot-box:nth-child(n+4){display:none}
.top-detail .index-hot-box .hot-box{ display:block}
}
@media (max-width:1549px) and (min-width:1023px){
.tv-list-box.w5{width:33.3333%!important;}	
.type-order a{width:20%!important}
.vod-box-img .remind-love{ display:none}
}
@media (max-width:1024px){
.index-slide-box .index-slide .index-slide-ul .index-slide-li a{padding-top:280px;}	
.detail-nav{margin-left:-20px;margin-right:-20px;margin-top:20px;padding-left:20px;padding-right:20px;}
.two-show li.w8,.video-list li.w8,.auto-slide-box ul li,.actor-role-vod ul li.w6,.one-show li.w8,.special-detail-show li.w6,.story-show li.w6{width:20%!important}/*5*/
.two-show li.w8:nth-child(n+11),.one-show li.w8:nth-child(n+6),.two-show li.w6:nth-child(n+9),.six-show li.w6:nth-child(n+5),.index-slide-img,.index-hot-box .hot-box:nth-child(n+4),.star-area-type li:nth-child(n+10),.actor-role-vod ul li:nth-child(n+7),.four-show li:nth-child(n+3),.three-show li.w3:nth-child(n+3),.news-list-image .news-list-images:nth-child(5),.mcat-box .tv-year li:nth-child(n+6),.mcat-box .dm-area li:nth-child(n+10),.news-list-tips a.bnt-tips:nth-child(n+4){display:none!important}
.story-show li.w6,.index-hot-box .hot-box:nth-child(n+4){ display:block!important}
.index-slide-box .swiper-pagination,.actor-role li:nth-child(3),.three-show .actor-role li:last-child,.actor-show .actor-role li:last-child,.four-show li .actor-role li:nth-child(n+3){display:block!important}
.two-show li.w6,.video-list li.w6,.news-list-image .news-list-images,.type-order a,.six-show li.w6,.mcat-box .dm-area li,.special-show li.w6{width:25%!important}
.index-hot-box .hot-box,.actor-show .actor-role li,.four-show .actor-role li,.actor-role li,.tv-list-box.w5,.three-show .actor-role li,.star-box .picture-slide-box ul li{width:33.3333%!important}
.star-detail-info{margin-left:140px}
.news-list li .news-list-pic{width:24%}
.news-list li .news-list-info{width:75%}
.four-show li,.three-show li.w3,.actor-show li,.role-show li,.star-box-info li.fin,.star-box .hot-card-list li{width:50%!important}
.detail-role li .role-card-img,.detail-lines li .lines-card-img{width:15%}
.detail-role li .role-card-info,.detail-lines li .lines-card-info{margin-left:16%;}
.player-main{width:100%!important}
.player-right{position:static;width:100%!important}
.star-detail-info{margin-left:130px;}
.mcat-box .tv-year li{ width:50%}
}
@media (min-width:559px) and (max-width:1024px){
.nav .logo .logo-txt{display:block}
.nav .logo img,.rating-box,#rating,.nav ul li i.icon-go,.nav ul li:hover i.icon-go{display:none!important}	
.header-search,.tv-list-box.w5{width:50%;!important}
.pictures-slide-min .swiper-wrapper li{width:25%!important;}
.header{padding-right:0px;padding-left:130px;padding-right:20px;}
.nav ul{width:100px;text-align:center}
.nav ul li a{padding:12px 0px 12px 0px;text-align:center}
.nav ul li span.iconfont{width:100%!important;display:inline-block;text-align:center;margin-right:0px;margin-bottom:5px;}
.vod-box-img{width:30%!important}
.index-slide-box .index-slide-title{bottom:30px;left:5%;}
.index-slide-img{width:70%;bottom:0px;}
.layout-box,.footer{padding-left:130px;padding-right:30px;}
.index-slide-box{padding-left:100px;padding-right:0px;}
.article-page{line-height:35px;}
.article-page a{padding-bottom:0px;}
.news_page_next{text-align:left}
.special_bg{margin-left:0px;padding-top:35%}
.news-list-tips{width:65%;}
.pictures-slide-min{width:80%}
.tv-vod.no .tv-vod-name,.tv-vod.no .tv-vod-list .tv-vod-week{width:100%;text-align:center}
.tv-vod.no .tv-vod-list,.tv-vod.no .tv-vod-list .tv-vod-li{width:100%}
}
@media (min-width:899px){
.nav{ display:block!important;}	
}
@media (max-width:899px){
.index-slide-box .index-slide .index-slide-ul .index-slide-li a{padding-top:250px;}		
.nav,.nav .logo{display:none}	
.remind-love,.header-search-hot,.header-search-submit .hidden-xs,.play-kai,.music-card-time,.music-card-name .digg_link,.two-show li.w8:nth-child(n+9),.one-show li.w8:nth-child(n+5),.two-show li.w6:nth-child(n+7),.six-show li.w6:nth-child(n+4),.four-show .actor-role li:nth-child(n+2),.index-hot-box .hot-box:nth-child(n+3),.news-list li .news-list-images:nth-child(n+4),.actor-role-vod .actor-role li.w6:nth-child(n+5),.three-show .actor-role li:last-child,#rating,.vod-player,.nav ul .iconfont,.mcat-box .dm-area li:nth-child(n+12){display:none!important}
.header-search input{padding-left:20px;padding-right:50px;}
.star-detail-info{margin-left:30px;}
.header,.layout-box,.footer{padding-left:20px;padding-right:20px;}
.header-search-submit{width:40px;}
.index-slide-box{padding-left:0px;padding-right:0px;}
.index-slide-title{left:20px!important}
.index-slide-box .swiper-pagination,.index-slide-title{bottom:10px!important}
.two-show li.w8,.video-list li.w8,.hot-card-list li,.detail-nav ul a,.actor-role-vod .actor-role li.w6,.auto-slide ul li,.pictures-slide-min .swiper-wrapper li,.one-show li.w8,.story-show li.w6,.special-detail-show li.w6{width:25%!important}/*5*/
.two-show li.w6,.six-show li.w6,.news-list li .news-list-images,.main-left .picture-slide-box ul li,.video-list li.w6,.picture-slide-box ul li,.detail-nav ul a,.actor-show .actor-role li,.type-order a,.special-show li.w6{width:33.3333%!important}
.four-show .actor-role li,.index-hot-box .hot-box,.three-show .actor-role li,.star-box-info li.fin,.hot-card-list li,.vod-left .tv-list-box.w3,.tv-box .tv-list-box.w5,.tv-box .hot-box.tv-list-box.w3,.star-box .picture-slide-box ul li{width:50%!important}
.vod-box-img{margin-top:-60px;}
.main-left .vod-box:nth-child(1){margin-top:0px!important}
.news-list li .news-list-pic{width:32%!important}
.news-list li .news-list-info{width:67%}
.news-list .news-list-image{margin-right:-10px;padding:0px;margin-left:-10px;}
.news-list-image .news-list-tips{padding-left:10px;}
.article-box .hot-card-list li,.tv-vod.no .tv-vod-list,.tv-vod.no .tv-vod-list .tv-vod-item,.tv-vod.no .tv-vod-list .tv-vod-li,.tv-list-box.w5,.pictures-slide-min,.player-right .vod-player.min-play-nav li.min-play-more{width:100%!important}
.article-box .hot-card-list li .hot-card-img{width:18%}
.article-box .hot-card-list li .hot-card-info{margin-left:19%;}
.player-box{margin-left:-20px;margin-right:-20px;}
.actor-card{padding-top:0px;}
.tv-detail-info{width:100%;padding-bottom:0px;}  
.tv-vod.no .tv-vod-name,.tv-vod.no .tv-vod-list .tv-vod-week{width:100%;text-align:center}
.tv-vod.no .tv-vod-list .tv-vod-item{padding-right:0px;}
.music-card-name{width:40%}
.music-card-play,.music-card-type,.music-card-star{width:20%}
.detail-nav a::after,.player-list ul li a::after,.play-list ul li a::after{top:-10px;}
.detail-nav a:hover::after,.player-list ul li a:hover::after,.play-list ul li a:hover::after{right:-60%;}
.min-play-more .playe-more-list{left:-30px;}
.header-nav,.top-detail .hot-box,.vod-player.min-player,.vod-player.min-play-nav,.top-detail .index-hot-box .hot-box{display:block!important;}
.vod-player.min-play-nav .pull-left{display:none}
.vod-player.min-player .player-more,.player-right .vod-player.min-play-nav .playe-more-list{padding:15px 25px 85px 25px;z-index:9;position:fixed;width:100%;bottom:0px;top:auto;left:0px;right:0px;height:auto;background:#fff url(../images/colour-bg.png) no-repeat;background-position-y:-20px;border-radius:15px 15px 0 0;}
.vod-player.min-player .player-more.open,.player-list-close,.player-more-title,.bottom-nav{display:block!important}
.vod-player.min-player .player-more .player-more-title,.player-right .vod-player.min-play-nav .playe-more-list .player-more-title{text-align:center;font-size:18px;font-weight:700;padding:20px 0px 15px 0px;margin-bottom:15px;border-bottom:1px solid #f1f3f5;}
.vod-player.min-player .player-more li,.player-right .vod-player.min-play-nav .playe-more-list li{float:left;width:33.3333%;padding:5px;margin:0px;border:none}
.vod-player.min-player .player-more li:hover,.player-right .vod-player.min-play-nav .playe-more-list li:hover{background:none}
.vod-player.min-player .player-more li a,.player-right .vod-player.min-play-nav .playe-more-list li a{display:block;background:#e9ecef;line-height:38px;border-radius:6px;font-size:14px;color:#333}
.vod-player.min-player .player-more li a:hover,.vod-player.min-player .player-more li.active a,.player-right .vod-player.min-play-nav .playe-more-list li a:hover,.player-right .vod-player.min-play-nav .playe-more-list li.active a{background:rgba(119,127,251,.7);color:#FFF;}
.player-list-close{display:block;position:absolute;top:10px;right:10px;width:29px;height:29px;overflow:hidden;text-indent:-999px;cursor:pointer;background:url("../images/close.png") 0 0 no-repeat;opacity:.9}
.nav{ height:auto; border:none; top:65px; left:0px; right:0px;z-index:8;border-top: 1px solid #f1f3f5;}
.nav ul{width:100%!important; padding:10px; overflow:hidden}
.nav ul li{width:25%;float:left;padding:10px;border:none;}
.nav ul li.active{border:none; background:none}
.nav ul li a{background:#e9ecef;border-radius:6px;padding: 12px 0px 12px 0px; text-align:center}
.nav ul li.active a,.header-nav.active{background:#777ffb;color:#FFF}
.black .nav ul li a{color:#333}
.list-page li.visible-xs.active{display:inline-block!important}
.article-box ul li.w100{ margin-top:0px; margin-bottom:20px;}
.pictures-slide .swiper-page{top:60%;}
.hot-card-list.search-vod-list .hot-card-img{ width:25%}
.hot-card-list.search-vod-list .hot-card-info{margin-left:26%;}
.list-page ul li a, .list-page ul li span, .box-page ul li a, .box-page ul li span{margin-left:3px;margin-right:3px;}
.news-list-info p.text-muted.txt-hidden{line-height:48px;}
.black .nav ul li.active a{color:#FFF}
}
@media (max-width:767px){
.article-content img,.article-pic-content img{width:100%;height:auto;display:block;margin:10px auto;}
.mcat-box{box-shadow:none;margin-top:20px;}
.mcat-box ul,.mcat-box .dm-year,.mcat-box .dm-area{position:static;width:100%!important;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;float:none;margin:0px;padding:0px;}
.mcat-box ul li,.mcat-box ul li.mcat-box-title{width:auto!important;display:inline-block!important;float:none}
.tv-list-box.w3{width:100%!important}
.header-search{width:60%!important}
.pictures-slide .pic-img img{max-width: 767px;width: expression(this.width > 767 && this.height < this.width ? 767:true);}
}
@media (max-width:559px){
.play-tool,.play-kai,.remind-love,.vod-seat ul:nth-child(1),.one-show li.w8:nth-child(4),.four-show li:nth-child(n+2),.index-hot-box .hot-box:nth-child(n+2),.news-list li .news-list-images:nth-child(n+2),.three-show li.w3:nth-child(n+2),.actor-role-vod .actor-role li.w6:nth-child(n+4),.player-switch,.score,.tips,.user-playlog,.news-list li .news-list-info p,.rating-box,.list-nav-total{display:none!important}
.two-show li.w8:nth-child(9),.four-show .actor-role li:nth-child(2),.four-show .actor-role li:nth-child(3),.six-show li.w6:nth-child(4),.top-detail .index-hot-box .hot-box,.three-show .actor-role li:last-child{display:block!important}
.two-show li.w8,.video-list li.w8,.video-list li.w6,.four-show .actor-role li,.two-show li.w6,.detail-nav ul a,.actor-show .actor-role li,.actor-role-vod .actor-role li.w6,.pictures-slide-min .swiper-wrapper li,.auto-slide ul li,.one-show li.w8,.story-show li.w6,.special-detail-show li.w6,.three-show .actor-role li{width:33.33333%!important}/*3*/
.two-show li.w4,.six-show li.w4,.picture-slide-box ul li,.two-show li.w6,.six-show li.w6,.picture-slide-box ul li,.main-left .picture-slide-box ul li,.vod-box .pic-list li.w4,.type-order a,.video-list li.w6,.special-show li.w6,.video-list li.w3{width:50%!important}
.two-show li.w7,.six-show li.w7,.picture-slide-box ul li,.main-left .picture-slide-box ul li,.vod-box .pic-list li.w4,.type-order a,.video-list li.w7,.special-show li.w7{width:100%!important}
.four-show li,.index-hot-box .hot-box,.news-list li .news-list-pic,.news-list li .news-list-info,.news-list li .news-list-images,.star-box-info li.fin,.hot-card-list li,.three-show li.w3,.vod-box .lines-list a,.star-box ul.role-lines li,.vod-box .music-list a,.vod-left .tv-list-box.w3,.tv-box .tv-list-box.w5,.top-detail .index-hot-box .hot-box,.star-box .picture-slide-box ul li,.star-box .hot-card-list li{width:100%!important}

.ntw{width: 99.9%;!important}
.news-list-tips {width: 100%;position: static;color: #999;}
.news-list .news-list-pic {padding-right: 0px;}
.article-box .news-vod-content{width:100%!important;margin-left:0px;margin-top:10px;}
.news-list  h3{overflow: hidden;display: block;font-size: 20px;line-height: 22px;font-weight: 700;margin-bottom: 10px;height: 100%;}
.news-list .news-list-info{width:80%;float:left;padding-left:0px;line-height:33px;}    
.bnt-tips {border: 1px solid #e9ecef;float: left;display: inline-block;padding: 0px 15px;font-size: 14px;font-weight: normal;margin-right: 10px;color: #999;border-radius: 20px;background-color: #eee;}    
.news_page_next{text-align:left}
.article-page{line-height:35px;margin-top:10px;}
.vod-box .hot-box-title{padding-top:10px}
.news-list .news-list-info h3{padding-top:10px;margin-bottom:10px;}
.layout-box,.footer{padding-left:20px;padding-right:20px;overflow: hidden;}
.vod-box{padding:15px;}
.picture-title{margin-right: -16px;}
.article-page a{padding:0px!important}
.index-slide-box .index-slide .index-slide-ul .index-slide-li a{padding-top:220px;}
.index-slide-title{left:20px!important}
.index-slide-box .swiper-pagination,.index-slide-title{bottom:10px!important}
.layout-box.vod-detail-box{padding-top:220px;}
.special_bg{margin-left:0px;padding-top:30%}
.vod-box.vod-detail{background:#FFF}
.vod-box-top{margin-top:45px;margin-bottom:10px;margin-left:0px;}
.vod-box-top h1{width:100%;text-align:center;font-size:25px}
.vod-box-img{width:55%!important;margin-left:auto;margin-right:auto;margin-top:-70%;float:none}
.vod-box-top .vod-seat{text-align:center;}
.vod-box-top .vod-seat ul{display:inline-block;float:none;margin-bottom:5px;}
.vod-box-img .vod-image{box-shadow:0 20px 15px -10px rgba(0, 0, 0, 0.2), 0 50px 35px -40px rgba(0, 0, 0, 0.4), 0 50px 35px -40px rgba(0, 0, 0, 0.2);transition:box-shadow .15s ease;}
.vod-info p.actor{width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.vod-detail-bg{width:100%;position:absolute;top:0px;left:0;overflow:hidden;border-radius:0;z-index:1;display:block}
.vod-detail-bg::before{content:'';height:100%;width:100%;bottom:0;border-radius:0;position:absolute;z-index:2;background:rgba(255,255,255,0.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.vod-detail-bg:after{content:'';position:absolute;z-index:2;opacity:.1;height:100%;width:100%;top:0;background-image:url('');background-size:30%;filter:invert(100%)}
.vod-detail-bg .vod-detail-cover{border-radius:0;width:100%;left:0%}	
.vod-detail-bg .vod-detail-cover:after{content:'';position:absolute;z-index:2;opacity:.26;height:100%;width:100%;top:0;background-image:url(../images/frosted.png);background-size:29%}
.vod-detail-bg .vod-detail-cover:before{content:'';position:absolute;z-index:2;height:30%;width:100%;bottom:0;background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%)}	
.vod-detail-pic,.vod-detail-pic img{height:100%;width:100%}	
.news-list-image{margin-left:-15px;margin-right:-15px;}
.article-box .hot-card-img,.article-box .hot-card-list li .hot-card-img,.detail-role li .role-card-img{width:30%}
.article-box .hot-card-info{margin-left:31%;}
.pic-list li h3{margin-bottom:0px;}
.box-title h2,.box-title h1,.box-title h3,.mcat-box-title{font-size:18px;}
.article-content img,.article-pic-content img{max-width:559px;width:expression(this.width > 559 && this.height < this.width ? 559:true);}
.article-box{padding:10px;}
.article-box .hot-card-list li .hot-card-info{margin-left:31%;padding:0px 10px;}
.article-box .hot-card-list li .hot-card-info .bnt-tips{margin-bottom:8px;}
.detail-role li .role-card-info{margin-left:31%;}
.list-page ul li.visible-xs{display:inline-block!important;}
.list-page ul li a,.list-page ul li span,.box-page ul li a,.box-page ul li span{padding:7px 12px;}
.footer{margin-top:0px;}
.auto-slide-box .swiper-button-next,.auto-slide-box .swiper-button-prev{top:40%;}
.tv-detail-info{width:100%;padding-bottom:0px;}
.tv-detail-title{text-align:left}
.vod-box .tv-vod{margin-left:-15px;margin-right:-15px;margin-bottom:-15px;}
.vod-box .hot-box-title{margin-left:-15px;margin-right:-15px;margin-top:-15px;}
.nav ul li a{padding:8px 0px;}
.hot-bang{ position:fixed;top:65px; left:0px; right:0px;}
.news-slide-box .swiper-slide .pic-img{ padding-top:30%}
.news-slide-box .swiper-container{ padding-bottom:0px;}
.hot-card-list.search-vod-list .hot-card-info .bnt-tips{ margin-bottom:5px;}
.list-nav{ margin-bottom:10px;}
.pictures-slide .pic-img img{max-width:100%;}
}





.news_tips {
    margin: 15px 0;
    width: 100%;
    height: 38px;line-height: 25px;padding: 6px;
}
.news_tips a, .news_tips em {
    height: 36px;
    border: 1px solid #efebeb;
    background-color: #fff;
    line-height: 38px;
}

.news_tips a, .news_tips em {
    margin: 0 10px;
    padding: 8px 10px;
    height: 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #f7f8f9;
    color: #999;
    font-size: 12px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.news_tips a:hover{border-color:#777ffb;color:#777ffb}
.column {
    margin: 35px 0;background: hsla(0,0%,100%,.5);
}

.news_avatar span {
    display: block;
    width: 100%;
    height: 54px;
    background-color: #f4f4f4;
}

.news_avatar em {
    float: left;
    margin-left: 21px;
    border-top: 3px solid #777ffb;
    padding: 0 30px;
    color: #777ffb;
    font-size: 20px;
    font-weight: 700;
    line-height: 48px;
	font-style: normal;
}

.news_avatar dl {
    border: 1px solid #eee;
    padding: 16px 20px 16px 20px;
}

.news_avatar dt {
    position: relative;
    overflow: hidden;
    float: left;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    z-index: 9;
}

.news_avatar dt a {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.news_avatar img {
    display: block;
    width: 100%;
    min-height: 100%;
    -webkit-transition: transform .35s ease-in-out;
    -moz-transition: transform .35s ease-in-out;
    -ms-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
}

.news_avatar dd {
    height: 120px;
    margin-left: 154px;
    padding: 0 35px;
    border-left: 1px solid #eee;
}
.news_avatar p {
    text-align: justify;
    color: #999;
    line-height: 28px;
}

.news_avatar dd a {
    color: #777ffb;
}

.artent {font-size: 14px;line-height: 28px;color: #999;}

/* 视频列表页面 */


.pic-img{display: block;position: relative;padding-top:140%;}
.pictures-slide .pic-img {display: block;position: relative;padding-top: 100%;}
.pic55 {padding-top: 55%!important;}
.hover-big:hover {box-shadow: 5px 10px 10px rgba(0,0,0,.2); z-index:2;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear; background:#FFF}
.hover-bigs:hover {z-index:2;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;}
.pic-img img{position:absolute;top:0;box-shadow:0 1px 2px rgba(51,51,51,0.1);width: 100%;height: 100%;border-radius:4px;object-fit:cover;object-position: center top;background:#f3f3f3;  top: 50%;left: 50%;transform: translate(-50%, -50%);}
.pic-list .text-muted a {margin-right: 10px;color: #999;font-size: 12px;}
.pic-img.thumb img{object-position: 50% 50%;}
.pic-list .name,.txt-list li.pic-list-hover .list-infos .name{font-size:15px;line-height:28px;font-weight: 700;overflow:hidden;margin: 0px 0px;}
.pic-list-hover .list-infos .name,.pic-list-hover .list-infos .mcat{width: 100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.pic-list .namex{font-size:15px;line-height:44px;overflow:hidden;}
.pic-list .names{font-size:15px;line-height:25px; margin-top:10px;  min-height:50px;}
.pic-list .sname{line-height:20px;width: 100%;overflow:hidden;}
.pic-list .sname a{ margin-right:10px;}
.pic60, .slide-pic60 {padding-top: 80%!important;}
.pic-list .titles {z-index: 2;position: absolute;display: inline-block;line-height: 20px;color: #fff;background: rgba(0,0,0,.6);padding: 3px 9px;font-size: 12px;bottom: 0px;right: 0px;border-radius: 10px 0 5px 0;}
.title-wrap {position: relative;background: #f8f8f8;line-height: 1;padding: 6px 8px;}
.pic-list .score{color:#fff;position: absolute;top: 5px;left: -5px;padding: 2px 8px;text-align: right;font-size:12px;z-index:2;}
.pic-list .score::before{content: "";position: absolute;left:1px;bottom:-4px;}
.pic-list .score{background: linear-gradient(to right,#9A9FFC 0,#777ffb 70%);box-shadow: 0px 3px 3px rgba(0,0,0,.2);}
.pic-list .score::before{border-top: 4px solid #2577e3;border-left: 4px solid transparent;}
.pic-list{margin-left: -10px;margin-right: -10px;overflow: hidden;}
.pic-list li{width: 12.5%; position: relative;float: left;padding: 10px;}
.pic-list li.pic-list-hover:hover .list-infos,.txt-list li.pic-list-hover:hover .list-infos{display:block}
.pic-list li.pic-list-hover{overflow:visible !important;}
.pic-list li img{position: absolute;left: 0;top: 0; box-shadow: 0 1px 2px rgba(51,51,51,0.1);width: 100%;height: 100%;border-radius: 4px;
    object-fit: cover;object-position: center top;background: #f3f3f3;}
.text-overflow {text-overflow: ellipsis;-o-text-overflow: ellipsis; white-space: nowrap;}
.list-infos .pic-img img{border-bottom-right-radius:0px;border-bottom-left-radius:0px;}
.list-infos{z-index:5;padding-bottom:12px;background:#FFF;box-shadow: 5px 10px 10px rgba(0,0,0,.2); display:none;position:absolute;top:0;left:0px;right:0px;-webkit-animation: fadeInDown .2s .0s ease both;-moz-animation: fadeInDown .2s .0s ease both;}
.list-infos .name,.list-infos .info,.list-infos  .mcat,.list-infos  .sname{ padding-left:10px; padding-right:10px;}
.list-infos .info{line-height:22px; margin-bottom:10px;font-size:13px;overflow:hidden;display:-webkit-box;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space:normal !important;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.list-infos .mcat{ margin-bottom:10px;}
.list-infos .mcat a{background-color: #f5f5f5;color:#666;padding:6px 9px;text-align: center;border-radius: 4px; margin-right:10px;}
.list-infos .btns{ overflow: hidden;height: 36px;padding: 0 10px;font-size: 12px;line-height: 36px;}
.list-infos .btns a.play,.list-infos .btns a.yanyuan:hover{ 
    font-size:12px;padding: 7px 15px 7px 15px; margin-top:10px;border-radius: 20px; background-image: linear-gradient(254deg,#2577e3,#589cf6 97%);color: #fff; position:relative}
.list-infos .btns a.juqing{    margin-top: 5px;float: right;display: block;padding: 0px 6px 0px 6px;height: 29px;line-height: 29px;width: 76px;border: 1px solid #589cf6;border-radius: 20px;color: #589cf6;text-align: center;}

.list-infos .btns a.play span{ width:15px; height:15px; font-size:12px; text-align:center; line-height:15px;background:#FFF;border-radius:100%; color:#ff008c; position:absolute; bottom:-7px; right:5px;}

.list-infos .btns a.yanyuan{ border: 1px solid #589cf6;font-size:12px;padding: 7px 15px 7px 15px; margin-top:10px;border-radius: 20px; margin-left:15px; cojavascript:;lor:#589cf6}
.txt-bg{display: block;width: 100%;position: absolute;bottom: 0;left: 0;padding: 5px 0px;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,6));font-size: 12px;color: #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.txt-bgs{position: absolute;z-index: 2;width: 90%;position: absolute;bottom: 5%;left: 5%; right:5%;padding: 10px;background-repeat: no-repeat;background-repeat: no-repeat;background-color: #000;opacity: .5;color: #fff;}
.icon-bofang:before {
    content: "\e622";
}
.news_avatar div,.news_avatar h2{font-size:16px;line-height:26px}

/* 图片页标签介绍 */
@media (max-width: 768px) {
.news_avatar span{display:block;width:100%;height:48px;background-color:#f4f4f4}
.news_avatar em{float:left;margin-left:12px;border-top:3px solid #777ffb;padding:0 30px;color:#777ffb;font-size:20px;font-weight:700;line-height:48px}
.news_avatar dl{border:1px solid #eee;padding:8px 10px 8px 10px}
.news_avatar img{display:block;width:100%;min-height:100%;-webkit-transition:transform .35s ease-in-out;-moz-transition:transform .35s ease-in-out;-ms-transition:transform .35s ease-in-out;-o-transition:transform .35s ease-in-out;transition:transform .35s ease-in-out}
.news_avatar dt{position:relative;overflow:hidden;float:left;width:80px;height:80px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;z-index:9;}
.news_avatar dd{height:80px;margin-left:94px;padding:0 11px;border-left:1px solid #eee;overflow:hidden}
.news_avatar div,.news_avatar h2{font-size:16px;line-height:26px}
}

/* 视频内容后加的评分样式 */
.star-rating{float:left;list-style:none;margin-left:10px;width:150px;height:30px;position:relative;background:url(../images/star_rating.gif) top left repeat-x}
.star-rating li{padding:0;margin:0;float:left}
.star-rating li a{display:block;width:30px;height:30px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0}
.star-rating li a:hover{background:url(../images/star_rating.gif) left center;z-index:2;left:0}
.star-rating a.one-star{left:0}
.star-rating a.one-star:hover{width:30px}
.star-rating a.two-stars{left:30px}
.star-rating a.two-stars:hover{width:60px}
.star-rating a.three-stars{left:60px}
.star-rating a.three-stars:hover{width:90px}
.star-rating a.four-stars{left:90px}
.star-rating a.four-stars:hover{width:120px}
.star-rating a.five-stars{left:120px}
.star-rating a.five-stars:hover{width:150px}
.star-rating li.current-rating{background:url(../images/star_rating.gif) left bottom;position:absolute;height:30px;width:90px;display:block;text-indent:-9000px;z-index:1}

/* 图片集幻灯样式 */


/* 右侧跟随代码 */
  .vod-right {
    position: fixed;
    right: 40px;
    width: 22%;
  }
/* 图片集下方代码 */
.pic-down i{display:none}
.pic-down{position:absolute;right:30px;bottom:110px}
.pic-down a{float:left;margin-left:12px;display:inline-block;width:230px;padding:6px 0 0 80px;height:60px;background:#ffab28 url(../images/newdownico.png) no-repeat 30px center;background-size:30px auto;font-size:22px;line-height:30px;border-radius:3px;font-family:"Microsoft YaHei",微软雅黑;font-weight:400}
.pic-down a:hover{opacity:.9;background-position:30px center}
.pic-down a:active,.pic-down a:hover,.pic-down a:link,.pic-down a:visited{color:#fff}
.pic-down a span{display:block;font-size:14px;line-height:14px;color:#fff}
.downpic_4k,.xiapic{bottom:25px}
.xiapic a,.xiapic_4k a{background:#63b504 url(../images/newdownico.png) no-repeat 30px center;background-size:30px auto}
.downpic a,.downpic_4k a{background:#ced4db url(../images/newdownico.png) no-repeat 30px center;background-size:30px auto}
.npic{position:relative}
.npic img{width:100%!important;height:auto}
a.next-cat,a.pre-cat{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:0}
.photo .npic:hover a.pre-cat{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.photo .npic:hover a.next-cat{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
a.pre-cat{position:absolute;left:0;top:50%;width:50px;text-align:center;font-size:2.5em;text-decoration:none;color:#f66;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transform:translate(0,-50%)}
a.next-cat{position:absolute;right:0;top:50%;width:50px;text-align:center;font-size:2.5em;text-decoration:none;color:#f66;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transform:translate(0,-50%)}
.photoss{font-size:16px;font-weight:700;padding:15px 5px;clear:both;background:hsla(0,0%,100%,.5)}
.photoss a{font-size:16px;color:#1f2257;text-decoration:none;-webkit-transition:all ease .25s;-moz-transition:all ease .25s;transition:all ease .25s}
.photoss p.pic-info{font-weight:400}
.photoss_ad img{width:100%;height:auto}
.mzsm{padding:0 5px 10px 5px;clear:both;background:hsla(0,0%,100%,.5)}
.mzsm a{font-size:14px;color:#1f2257}
.info-pre-next{overflow:hidden;margin:20px 0}
.info-pre-next ul{margin:0 -1%;overflow:hidden}
.info-pre-next ul li{width:48%;float:left;overflow:hidden;background:hsla(0,0%,100%,.5);padding:10px;margin:0 1%;border-radius:8px}
.info-pre-next ul li a{display:block;overflow:hidden}
.info-pre-next ul li i{display:block;overflow:hidden;float:left;margin-right:10px;position:relative;height:80px}
.info-pre-next ul li:nth-child(2) i{float:right;margin-left:10px;margin-right:0}
.info-pre-next em{float:left;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400;color:#6b7386;line-height:normal}
.info-pre-next img{width:100%;transition:.5s;border-radius:4px;width:110px;height:80px}
.info-pre-next h2{font-size:16px;margin-bottom:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;height:40px;line-height:20px;font-weight:400}
.info-pre-next p{font-size:13px;margin:0!important;line-height:20px!important;text-indent:0!important;height:40px;color:#888!important;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.info-pre-next li:hover img{transform:scale(1.2)}
.downpic{height:60px;background:#63b504;border-radius:4px;position:relative;margin:20px 0;bottom:0}
.downpic a{display:block;line-height:60px;text-align:center;text-indent:30px;font-size:20px;color:#fff;cursor:pointer}
.downpic:hover{background:#5aa700}
.downpic:after{position:absolute;width:22px;height:22px;left:20px;top:19px;background:url(../images/m.png) no-repeat -40px 0}
@media (max-width:768px){.pic-down{position:relative;right:0;bottom:0;z-index:100}
.pic-down a{float:left;margin-left:0;display:inline-block;width:100%;padding:6px 0;height:60px;background:#ffab28;background-size:30px auto;font-size:22px;line-height:30px;border-radius:3px;font-family:"Microsoft YaHei",微软雅黑;font-weight:400;text-align:center}
.xiapic a,.xiapic_4k a{background:#74b74c;margin-top:15px}
}
@media (max-width:768px){.hdwallpapers_ssch{height:auto}
.hdwallpapers_ssch span.related{padding-bottom:20px}
.hdwallpapers_ssch .in{padding:50px 0}
a.next-cat,a.pre-cat{opacity:0}
.info-pre-next ul{margin:0;overflow:hidden}
.info-pre-next ul li{width:100%;overflow:hidden;float:none;margin:10px 0}
.info-pre-next ul li:last-child{border-bottom:none}
.info-pre-next ul li:nth-child(1) a{margin-right:0}
.info-pre-next ul li:nth-child(2) a{margin-left:0}
.info-pre-next ul li i{height:70px}
.info-pre-next img{height:70px;width:100px}
.info-pre-next{margin:10px 0}
.info-pre-next{padding:0}
}


/* 联动菜单样式 */
.ldurl::-webkit-scrollbar {display:none;}
.ldurl {float:right;width:100%;}
.ldurl a {display:inline-block;padding:5px 10px;margin-right:10px;margin-bottom:5px;font-size:14px;}
.ldurl a:hover {color:#fff;padding:5px 10px;background:#62c4a6;}
.on2 {background:#62c4a6;color:#fff;display:inline-block;padding:5px 10px;margin-right:10px;margin-bottom:5px;font-size:14px;}
.ld.active {background:#62c4a6;color:#fff;display:inline-block;padding:5px 10px;margin-right:10px;margin-bottom:5px;font-size:14px;}

/* 专题顶部图片样式 */
.ztbanner {
    overflow: hidden;
    width: 100%;
    height: 200px;
    background: url(../images/banner.png) 0 0 no-repeat;
    background-size: 99.9% 100%;
}

/* 剧情列表样式 */
.txt-list-bbb {
    float: left;
    margin-right: 30px;
    width: 100%;
}
.txt-list-bbb li{
    padding: 10px 20px 10px 10px;
    display: block;
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #fff;
    position: relative;
    overflow: hidden;
}
.txt-list-bbb li:hover {
        background: #FFF
    }
.txt-list-bbb li h3 {
    font-size: 18px;
    font-weight: 700;height: 26px;
    line-height: 24px;
    float: left;
    overflow: hidden;
}
.txt-list-bbb li p {
    width: 100%;
    overflow: hidden;
    padding: 15px 0px 5px;
}
.txt-list-bbb li .title {
    float: right;
}
.story-yuan {float: left;overflow: hidden;width: 190px; height: 65px;padding-right: 15px;}
.story-right {overflow: hidden; height: 65px;}
.story-yuan img {
    left: 5px;
    top: 0;
    box-shadow: 0 4px 10px rgba(51,51,51,0.2);
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    object-position: center top;
    background: #f3f3f3;
}



.taici-yuan {float: left;overflow: hidden;width: 80px; height: 65px;padding-right: 15px;}
.taici-right {overflow: hidden; height: 60px;}
.taici-yuan img {
    left: 5px;
    top: 0;
    box-shadow: 0 4px 10px rgba(51,51,51,0.2);
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    object-position: center top;
    background: #f3f3f3;
}
.taici-text {
    width: 100%;
    overflow: hidden;
    padding: 15px 0px 5px!important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 剧情列表手机样式 */
@media screen and (min-width:320px) and (max-width: 375px){
.story-yuan {float: left;overflow: hidden;width: 60px; height: 50px;padding-right: 15px;}
.story-right {overflow: hidden; height: 50px;} 
.txt-list-bbb li {padding: 10px 5px 10px 5px;}
.txt-list-bbb li p {padding: 5px 0px 5px;}
.txt-list-bbb li .title {display:none}
.ztbanner {
    overflow: hidden;
    width: 100%;
    height: 150px;
    background: url(../images/banner.png) 0 0 no-repeat;
    background-size: 99.9% 100%;
}
}

/* 剧情列表手机样式 */
@media screen and (min-width:425px) and (max-width: 767px){
.story-yuan {float: left;overflow: hidden;width: 100px; height: 60px;padding-right: 15px;}
.story-right {overflow: hidden; height: 60px;} 
.txt-list-bbb li {padding: 10px 5px 10px 5px;}
.txt-list-bbb li p {padding: 5px 0px 5px;}
.txt-list-bbb li .title {display:none}
}

.gs-article-title {
    padding: 10px 0;
    background: url(../images/atitle_bottom.png) no-repeat bottom;
    background-size: 100%;
    margin-bottom: 10px
}

.gs-article-title h1 {
    text-align: center;
    font: normal 30px/50px "\5FAE\8F6F\96C5\9ED1";
    padding: 0 15px
}
.gs-article-title p.gs-other {
    text-align: center;
    color: #777;
    text-indent: 0;
    line-height: 24px;
    padding: 10px 0
}

.gs-article-title p.gs-other i {
    margin-left: 10px;
    background: #e3dfcd;
    border-radius: 10px;
    color: #666;
    font-style: normal;
    font-size: 12px;
    line-height: 24px;
    padding: 0 8px 0 5px
}


/*角色表样式*/
.starrole-list .rolebox-list li{float:left;margin-top:10px;margin-bottom:15px;width:49%}
.starrole-list .rolebox-list li.fn-right{float:right}
.starrole-list .rolebox-list .roletxt{float:left;width:69%;height:154px;border:1px solid #f7f8f9}
.mores{clear:both;height:32px;text-align:center;line-height:45px;cursor:pointer}
.rolebox-list{clear:both;margin-top:-30px;padding-bottom:20px}
.rolebox-list li{position:relative;margin-top:35px;height:156px;border:1px solid #e0e0e0;background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(119, 127, 251, .1) 50%, rgba(255, 148, 179, .1));box-shadow:0 3px 10px #d0d0d0;}
.rolebox-list li:hover{background: linear-gradient(90deg, rgb(255 255 255 / 31%), rgb(119 127 251 / 31%) 50%, rgb(255 148 179 / 28%));}
.rolebox-list .roleimg{position:relative;float:left;overflow:hidden;width:11%;box-shadow: 0 3px 10px #d0d0d0;}
.rolebox-list .roleimg img{width:100%;height:154px}
.role-starinfo .aPic,.rolebox-list .aPic,.roleinfo .aPic{position:absolute;top:-17px;right:10px;z-index:1;float:left;display:inline;overflow:hidden;width:78px;height:78px;-webkit-border-radius:78px;-moz-border-radius:78px;border-radius:78px;box-shadow:0 1px 5px #000}
.rolebox-list .roletxt{float:left;width:78%;height:154px;border-right: 1px solid #e7e0e6;}
.roletitle{overflow:hidden;padding:0 13px;height:50px;font-size:14px;line-height:50px;     background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(119, 127, 251, .1) 50%, rgb(236 225 231 / 1%));}
.rolejs a.rsn,.roletitle a.ajs{padding:5px 7px;color:#000}
.roletitle span{color:#ff7800}
.roletitle span.js{margin-right:10px}
.roletitle span.yy{margin:0 10px 0 15px}
.roletitle em{margin:0 8px}
.roletinfo{padding:8px 13px 13px 13px;color:#848484;line-height:30px}
.roleinfo{clear:both;overflow:hidden;margin-top:1px;padding:30px 0 0 0;background:#f4f4f4}
.story-title span{margin:0 15px;color:#ff7800}
.roleinfo .role-img{float:left;width:50%;text-align:center;cursor:pointer}
.rolename{position:relative;z-index:1;overflow:hidden;margin:auto;padding:5px 0;width:196px;height:30px;background:#0094e3;color:#fff;text-shadow:1px 1px 2px #000;line-height:30px}
.role-img img{margin:auto;width:196px;height:260px;border:1px solid #f7f8f9}
.roleinfo .roletxt{position:relative;clear:both;margin:1px;border:1px solid #f7f8f9;background:#f2f2f3;background:#f2f2f3 url(../images/rolebj.jpg) top repeat-x;color:#585858;text-indent:20px;font-size:16px;line-height:33px}
.roleinfo .roletxt p{padding:13px 13px 0 13px}
.roleinfo .roletxt span{color:#ff7800}
.rolejs{overflow:hidden;padding:0 13px;height:45px;line-height:45px}
.rolejs a.rvn{color:#ff7800;font-weight:700}
.rolejs a.rsn{margin-left:10px}
.rtitle{padding:0 10px;background:#f2f2f3}
.rtitle h2{font-size:20px}
.rtitle a.more{margin-right:10px}