@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:#616161;}
.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}
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(../img/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{font-weight: bolder; color:#777ffb}
.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:#666;}
.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}
.header{padding-left:200px;width:100%;padding-right:40px;height:52px;line-height:52px;position:fixed;z-index:9;top:0;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;}
.header.bg{background:rgba(247, 248, 249, 0.9);-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:6px;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:-42px;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:10px;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;}
/*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%;overflow:hidden;min-height:55px;z-index:0}
.index-slide .index-slide-ul .index-slide-li a{background-repeat:no-repeat;background-size:cover;padding-top:480px;display:block;text-indent:-9999em;background-position: center;}
.index-slide-box .index-slide .index-slide-ul .index-slide-li a{padding-top:450px;}
.index-slide-box .swiper-pagination{bottom:30px;}
.index-slide-box .index-slide-title{position:absolute;bottom:15%;left:20%;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:25%;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:4px;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;max-width:1920px;}
.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(../img/pic.png) no-repeat top center #f3f3f3;background-size:cover;border-radius:6px;position:relative;}
.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}
.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}
.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(../img/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 #f1f3f5;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 #f1f3f5;position:relative;min-height:1px;width:100%;float:left}
.news-list .news-list-pic{width:20%;float:left;}
.news-list .news-list-info{width:80%;float:left;padding-left:15px;line-height:33px;}
.news-list h3{font-size:16px;font-weight:700;color:#333;line-height:33px;}
.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;}
.news-list-tips{position:absolute;bottom:20px;width:75%;}
.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;border-radius:8px;font-weight:normal;margin-right:10px;}
.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 #f1f3f5;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;}
.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 .type-class{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 li 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-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 li{float:left;margin-bottom:15px;margin-right:13px;}
.sitemap-list ul li.title{font-weight:700;margin:5px 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;}
.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:20px;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;}
.article-content p{text-indent:3%;line-height:32px;}
.article-content{font-size:16px;line-height:32px;padding:10px;}
.article-content img,.article-pic-content img{max-width:700px;width:expression(this.width > 700 && this.height < this.width ? 700:true);height:auto;margin:10px auto;display:block;padding:2px;border:1px solid #f1f3f5;}
.article-content img.lazyload,.article-pic-content img.lazyload{background:url(../img/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:-2%;}
.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:15%;}
.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;}
.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;}
.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;overflow:hidden;padding:5px 5px 0 5px;margin-left:10px;}
#rating .rating .rat{cursor:pointer;float:left;overflow:hidden;width:28px;height:22px;text-indent:-99px;background:url(../img/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(../img/score-scale.gif) 0px bottom no-repeat;display:none;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(../img/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(../img/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{border-bottom:3px solid #777ffb;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:#616161;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%;right:-20px;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;}
.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(../img/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(../img/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(../img/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(../img/detailMap24.png) 0 0 no-repeat;}
.star-top-info{padding:15px 0;}
.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-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(../img/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("../img/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{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%;}
.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-tips,.news-list li .news-list-info p,.rating-box{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.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{width:50%!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}
.article-box .news-vod-content{width:100%!important;margin-left:0px;margin-top:10px;}
.news-list  h3{margin-bottom:15px;}
.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:20px;margin-bottom:0px;}
.layout-box,.footer{padding-left:20px;padding-right:20px;}
.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(../img/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%;}
}
@media (max-width: 578px) {
    .header-search{
        width: 65% !important;
    }
}