/*!
 * 爱看影视 v2.0 http://www.kv321.com
 * Email 362695000@qq.com
 */

@charset "utf-8";

/* all */
html{height: 100%;}
body{margin: 0; background:#fff; font-family:Helvetica,Arial,PingFangSC-Regular,Microsoft Yahei,sans-serif; font-size:0.35rem; line-height: 140%; color: #666;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
ul, ol, li,dt,dd{margin:0; padding:0; list-style:none;}
dl{margin-top:0; margin-bottom:0}
p{margin:0;}
em{font-style: normal;}
img{border: 0; vertical-align:middle}
img.img-responsive,.img-xs{ max-width: 100%; width: 100%;}
input{outline: medium none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
textarea {font-family:Helvetica,Arial,PingFangSC-Regular,Microsoft Yahei,sans-serif;}
input{appearance:button;-moz-appearance:button; -webkit-appearance:button; } 
input,textarea{-webkit-appearance: none;border-radius:0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-size: 0.35rem;color: #aaa;}
input::-moz-placeholder,textarea::-moz-placeholder{font-size: 0.35rem;color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-size: 0.35rem;color: #aaa;}
/* container */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
::selection{background-color: #ff5f00;color: #fff;}
.container {width: 30rem;position: relative; margin: auto;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}
.bg_light{background: #f8f8f8;padding-bottom: 0.5rem;}
.cans{display: none!important;}
.cblock{display: block;overflow: hidden;}
.overhidden{position: fixed;width: 100% ;height: 100%;top:0;left: 0; overflow: hidden;}

@font-face {font-family: 'iconfont';src: url('../fonts/iconfont.eot');src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff2') format('woff2'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg#iconfont') format('svg');}
.iconfont {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* text */
h1{ font-size:0.55rem; line-height: 0.7rem;}
h2{ font-size:0.5rem; line-height: 0.65rem;}
h3{ font-size:0.45rem; line-height: 0.6rem;}
h4{ font-size:0.4rem; line-height: 0.55rem;}
h5{ font-size:0.35rem; line-height: 0.5rem;}
h6{ font-size:0.3rem; line-height: 0.45rem;}
h1,h2,h3,h4,h5,h6{ font-weight: 400;}
a,button{ text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a,h1, h2, h3, h4, h5, h6{ color: #111;}
a:focus,a:hover,a:active{ text-decoration:none; color: #ff5f00;}


/* header */
.header{position: relative;}
.header::after{content: " ";position: absolute;width: 100%;left: 0;bottom: 0;z-index: 9; border-bottom: 1px solid #f8f8f8;}
.head_a,.head_b,.wbalist_con,.adfixed .ads_rmk{position: relative;width: 30rem;margin: auto;}
.head_a{height: 1.5rem;}
.head_b{height: 1.25rem;}
.head_logo {float: left;width: 3.25rem;margin-top: 0.35rem;}
.head_logo .logo {display: block;width: 3.25rem;height: 0.8rem;background: url(../img/logo_black.png) no-repeat;background-position: 50% 50%;background-size: cover;}
.head_menu_a {width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;}
.head_menu_a li {position: relative; line-height: 1.5rem;float: left;padding: 0 0.4rem;}
.head_menu_a li.active a{color: #ff5f00;font-weight: 700;font-size: 0.425rem;opacity: 1;}
.head_menu_a li.active a:after{content: " "; position: absolute; left: 50%; bottom: 0; width: 20px; height: 2px; background: #ff5f00; border-radius: 2px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0);}
.head_menu_a a {font-size: 0.375rem;line-height: 1.5rem;}
.head_user{float: right;}
.head_user li:first-child {margin-left: 0;}
.head_user li {float: left;position: relative;line-height: 1.5rem;margin-left: 0.5rem;}
.head_user li a {font-size: 0.45rem;color: #878787;}
.head_user li a:hover {color: #ff5f00;}
.head_user li .dropbox{display: none; position: fixed;z-index: 999;top: 1.5rem;right: 0;width: 100%;}
.head_user .top_ico img.face{width: 0.7rem; border-radius: 100%;}
.head_user li .user a{padding: 0.125rem 0.2rem;font-size: 0.35rem; display: block;line-height: 140%;}
.head_user li .user .user_list {position: absolute;right: 0;top: 0;padding: 0.3rem 0.375rem;text-align: center;font-size: 0.3rem;color: #999;background-color: #fff;box-shadow: 0 1px 0.2rem rgba(0,0,0,.1);border-radius: 0.1rem;}
.head_user li .user a.mac_user_g{color: #ff5f00; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #eee; padding: 0px 0px 0.35rem; margin-bottom: 0.35rem; font-size: 0.3rem;width: 100%;}
.head_user li .user a.mac_user_n{color: #333; padding-bottom: 0;font-size: 0.4rem;width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.head_user li a.face_pic{line-height: 0;}
.head_user li .user a i{padding-right: 0.1rem; vertical-align: top;}
.head_user li:hover .dropbox,.play_share:hover .dropdown,.o_share:hover .dropdown,.art_share:hover .dropdown{ display: block;}
.head_menu_b a.menu{float: left;line-height: 1.25rem;padding: 0 0.4rem 0 0;border-right: 1px solid #f8f8f8;    transition: .3s 0s all ease-out;}
.head_menu_b:hover a.menu{background: #ff5f00;color: #fff;padding: 0 0.4rem;border-right: 1px solid #ff5f00;}
.head_menu_b .menu_ico{vertical-align: top;}
.head_search{width: 12.5rem;position: relative;float: left;transition: .3s 0s all ease-out;}
.head_search .form_control{display: block;position: absolute;top: 0;left: 0; z-index: 2; background: none;width: 100%;height: 1.25rem;padding: 0.15rem 2.125rem 0.15rem 1rem;line-height: 1.25rem;border: 0;transition: .5s 0s all ease-out;font-size: 0.35rem;}
.head_search i{display: block; position: absolute; top: 0; left: 0;z-index: 3; line-height: 1.25rem; padding: 0 0.35rem; color: #aaa;font-size: 0.35rem;}
.head_search form:hover .form_control,.head_search form .form_control:focus{background: #fdfdfd;}
.head_search form:hover .submit,.head_search form .submit.search_btn{background: #ff5f00;color: #fff;opacity: 1;z-index: 9;}
.head_search .submit{display: block;font-size: 0.35rem; position: absolute; top: 0; right: 0; z-index: 1; width: 2.125rem; height: 1.25rem; border: 0; cursor: pointer; background: none; color: transparent;opacity: 0;transition: .5s 0s all ease-out;}
.head_hot_search {position: absolute;right: 0;}
.head_hot_search li {float: left;line-height: 1.25rem;margin-left: 0.35rem;}
.head_hot_search .hot_search_tit i {color: #ff1500;}
.all_menu{position: absolute;display: none; width: 100%; z-index: 999999995;top: 1.25rem; left: 0;}
.all_menu_inner,.user_list_box{width: 30rem; margin: 0 auto;position: relative;}
.all_menu_box {background: #fff;width: 13.35rem;border-radius: 0 0 4px 4px;box-shadow: 0 10px 10px rgba(0,0,0,.05);}
.all_menu_box::after{content: '';width: 0px;height: 0px;border-color: transparent transparent #ffffff transparent;border-style: solid;border-width: 0.175rem;position: absolute;top: -0.35rem;left: 1.125rem;right: auto;}
.nav_list{display: block;overflow: hidden;}
.nav_list li{float: left; width: 20%;height: 1.25rem;padding: 0 0.25rem;text-align: center; border-bottom: 1px solid #f8f8f8;border-right: 1px solid #f8f8f8;}
.nav_list li:nth-child(5n){border-right: 0;}
.nav_list li a{display: block;position: relative;font-weight: 700;height: 1.25rem;line-height: 1.25rem; }
.nav_list li.active a{color: #ff5f00;}
.hot_banner .header.nav_fixed{background: rgba(40, 40, 50, 0.98);border: 0;}
.hot_banner .header{background: none;-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;}
.header.nav_fixed{position: fixed;width: 100%;background: #fff; top: 0;z-index: 999999995;border: 0;box-shadow: 0 2px 15px rgba(0,0,0,.1);}

/* hotbanner */
.hot_banner input::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.5);}
.hot_banner input::-moz-placeholder{color: rgba(255, 255, 255, 0.5);}
.hot_banner input:-ms-input-placeholder{color: rgba(255, 255, 255, 0.5);}
.hot_banner .head_search i{color: rgba(255, 255, 255, 0.5);}
.hot_banner .head_menu_a a,.hot_banner .head_user a,.hot_banner .head_menu_b a.menu,.hot_banner .head_hot_search a,.hot_banner .hot_search_tit{color: #fff;}
.hot_banner .head_menu_a a:hover,.hot_banner .head_user a:hover,.hot_banner .head_hot_search a:hover,.hot_banner .head_user li .dropbox.user a:hover{color: #ff5f00;opacity: 1;}
.hot_banner .head_menu_b:hover a.menu{color: #fff;opacity: 1;}
.hot_banner {position: relative;height: auto;min-height: 2.75rem;background-color: #282832;}
.hot_banner .head_logo .logo {background: url(../img/logo_white.png) no-repeat;background-position: 50% 50%;background-size: cover;}
.hot_banner .header::after{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.hot_banner .head_menu_b .menu{border-right: 1px solid rgba(255, 255, 255, 0.1);}
.hot_banner .head_box {width: 100%;height: auto;position: absolute;top: 0;left: 0;z-index: 999999992;}
.hot_list {width: 30rem;position: relative;margin: 0 auto;padding: 2.75rem 0 0 0;}
.hot_list li{margin: 0.75rem 0;width: 20%;padding: 0.25rem;}
.hot_list li.balist_item.swiper-slide-active{margin: 0.75rem 0.25rem;}
.hot_list .vodlist_title{color: #fff!important;font-size: 0.4rem;width: 100%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.hot_list .vodlist_sub{color: #ddd;}
.hot_wlist{display: block;overflow: hidden;}
.wbalist_titbox p{width: 100%;color: #fff; line-height: 0.65rem;text-indent: 32px;text-shadow: 1px 1px 5px rgba(0,0,0,.5);}
.wbalist_titbox .vodlist_title{font-size: 0.55rem;}
.wbalist_titbox .wba_ico {width: 26px;height: 26px;display: block;background: url(../img/play_b.png) no-repeat;background-position: center;background-size: cover;position: absolute;top: 0;left: 0;}
.bg_wtop,.bg_wtop_banner {position: absolute;width: 100%;height: 3.5rem;top: 0;left: 0;z-index: 2;}
.bg_wtop{background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.3),transparent);background-image: linear-gradient(rgba(0, 0, 0, 0.3),transparent);}
.bg_wtop_banner{background-image: linear-gradient(rgba(0, 0, 0, 0.2),transparent);transition: .5s 0s all ease-out;-webkit-transition: .5s 0s all ease-out;}
.hot_banner .head_search .form_control{color: #fff;}
.hot_banner .head_user li a.face_pic,.hot_banner .head_user li .dropbox.user a{opacity: 1;}
.hot_banner .head_user li .dropbox.user a{color: #878787;}
.hot_banner .head_user li .user a.mac_user_g {color: #ff5f00;}
.hot_banner .head_user li .user a.mac_user_n {color: #333;}
.hot_banner .head_search form:hover .form_control,.hot_banner .head_search form .form_control:focus{background: rgba(255, 255, 255, 0.1);}
.hot_banner_box{position: relative;}
.banner-top,.banner-wtop{width: 100%; margin: 0 auto; overflow: hidden; position: relative; z-index: 1;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-out .5s;transition: all ease-out .5s;}
.banner-top ul{margin-left: -0.25rem;}
.banner-top.opacity-top,.banner-wtop.opacity-top{opacity: 1;filter: alpha(opacity=1);}
.hot_list:hover .banner-arrow,.hot_wlist:hover .banner-arrow,.art_banner:hover .banner-arrow{display: block;}
.hot_banner .bgi_box{top: 0; left: 0; right: 0; bottom: 0;margin: 0; z-index: 0; position: absolute;overflow: hidden; }
.hot_banner .bgi{display: block;position: absolute;left: -5%;top: -5%;z-index: -1;width: 110%; height: 110%; background-size: cover; background-repeat: no-repeat; background-position-y: 50%;filter: blur(60px); -webkit-filter: blur(60px);transition: .5s 0s all ease-out;-webkit-transition: .5s 0s all ease-out;}
.hot_banner .bgfd{display: block;width: 100%;height: 100%;background: rgba(0,0,0,.4)}
.balist_thumb{position: relative; display: block; padding-top: 145%; background:url(../img/load.gif) no-repeat #ebebeb; background-position: 50% 50%; background-size: cover; border-radius: 4px; overflow: hidden;}
.balist_thumb .pic_text{display: block; width: 100%; position: absolute; bottom: 0; left: 0;text-align: left; font-size: 0.3rem; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;color: #FFF;padding: 0.2rem 0.35rem;z-index: 9;line-height: 0.55rem;}
.balist_bg{position: absolute;bottom: 0;left: 0;height: 3.5rem;width: 100%; overflow: hidden;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,.8));-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.swiper-container-no-flexbox .swiper-slide{float: left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column}
.swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.swiper-wrapper{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.banner-arrow{display: none;}
.swiper-button-next,.swiper-button-prev{position: absolute; top: 50%; width: 1.2rem; height: 1.2rem; margin-top: -0.6rem;z-index: 99;text-align: center; line-height: 1.2rem;font-size: 0.45rem;color: #fff!important;background:rgba(0, 0, 0, 0.4);}
a:hover.swiper-button-next,a:hover.swiper-button-prev{color: #fff;background:#ff5f00;}
.swiper-button-next{right: 0; left: auto}
.swiper-button-prev{left: 0; right: auto}
.swiper-pagination{position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10}
.swiper-pagination-bullet{width: 0.15rem; height: 0.15rem; display: inline-block; border-radius: 100%; background: #fff; opacity: .4; margin: 0 0.125rem; cursor: pointer;}
.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0.2rem;left: 0;width: 100%;}
.swiper-pagination-bullet-active {opacity: 1;background: #ff5f00;}
.hot_list .balist_item.swiper-slide{transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; transform: scale(1); -webkit-transform: scale(1);}
.hot_list .balist_item.swiper-slide-active,.hot_list .balist_item.swiper-slide-duplicate-active{-webkit-transform: scale(1.1); transform: scale(1.1);}
.balist_item.swiper-slide img{width: 100%; display: none;}
.wbalist_thumb {position: relative;display: block;max-width: 42rem; height: 12rem;margin: 0 auto;background: #282832;background-position: center;background-size: cover;overflow: hidden;}
.wbalist_titbox{display: block;width: 100%;position: absolute;bottom: 0;left: 0;padding: 0.6rem 0;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;color: #FFF;}

.vodlist_item:hover a,.topiclist_item:hover a,.artlist_item:hover a,.arthom_item:hover a,.gw_action a:hover{color: #ff5f00;}
/* vodlist */
.vodlist_wi,.vodlist_sm,.vodlist_sh,.topiclist,.arthom_list{width: calc(100% + 0.5rem);margin-left: -0.25rem;}
.vodlist_item{ position: relative; float: left; padding: 0.25rem; width: 16.666666%;}
.vodlist_thumb{ position: relative; display: block; padding-top: 145%; background: url(../img/load.gif) no-repeat #ebebeb; background-position: 50% 50%; background-size: cover;border-radius: 4px;overflow: hidden;}
.vodlist_thumb .play,.balist_thumb .play,.topiclist_thumb .play{background: rgba(0,0,0,0.4) url(../img/play.svg) center no-repeat;}
.vodlist_thumb .play,.balist_thumb .play,.topiclist_thumb .play,.artlist_thumb .look{position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;background-size: 25% 25%;opacity: 0;filter: alpha(opacity=0);transition: opacity 300ms linear;-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);-webkit-transition: all ease-out .35s;transition: all ease-out .35s;}
.vodlist_thumb:hover .play,.balist_thumb:hover .play,.topiclist_thumb:hover .play,.artlist_thumb:hover .look{opacity: 1;filter: alpha(opacity=1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.vodlist_thumb .pic_text,.topiclist_thumb .pic_text,.ranklist_thumb .pic_text{display: block;width: 100%;position: absolute;bottom: 0;left: 0;padding: 0.125rem 0.25rem;text-align: right;font-size: 0.3rem;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,.5));color: #FFFFFF;}
.vodlist_thumb .text_dy,.ranklist_thumb .text_dy{color: #ff5f00;font-weight: 700;}
.vodlist_titbox,.arthom_title,.topiclist_title{width: 100%;overflow: hidden;font-size: 0.375rem;margin: 0.25rem 0;line-height: 0.55rem;height: 1.125rem;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.vodlist_sub {color: #999;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vodlist_item .vodlist_sub,.topiclist_blurb{font-size: 0.325rem;line-height: 100%;margin: 0.15rem 0 0;color: #999;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vodlist_top {display: inline-block;text-overflow: ellipsis;white-space: nowrap;position: absolute;font-size: 0.3rem;color: #fff;top: 0.125rem;left: 0.125rem;background: rgba(0,0,0,.5);padding: 0px 0.2rem;border-radius: 4px 0 4px 4px;;line-height: 0.5rem;}
.vodlist_smt .ranklist_item {float: left;width: 32%;margin-right: 2%;}
.vodlist_smt .ranklist_item:nth-child(3n){margin-right: 0;}
.vodlist_smt .ranklist_txt span.text_muted{color: #999;font-size: 0.325rem;padding-left: 0.25rem;}
.vodlist_sh .vodlist_item{width: 25%;}
.vodlist_sh .vodlist_thumb{padding-top: 60%;}


/* artlist */
.artlist{padding: 0.25rem 0 0;}
.artlist_item{position: relative; width: 100%; display: block; overflow: hidden; border-top: 1px solid #f8f8f8; padding: 0.5rem 0;}
.artlist_txt{position: relative;height: 3rem;width: calc(100% - 4.5rem);float: left; padding-right: 0.5rem;}
.artlist_title{overflow: hidden; font-size: 0.475rem; max-height: 1.375rem;margin-top: 0; margin-bottom: 0;line-height: 0.7rem;}
.artlist_item .artlist_txt p{margin: 0.25rem 0 0; line-height: 0.55rem;}
.artlist_item .artzy{overflow: hidden; line-height: 0.6rem; text-overflow: ellipsis;
-o-text-overflow: ellipsis;white-space: nowrap;color: #7c7c7f;}
.artlist_item .artty{position: absolute;width: 100%;bottom: 0;padding-right: 0.5rem;color: #999;}
.artlist_item .pic_text,.artbanner_item .pic_text{padding: 1px 0.15rem; font-size: 0.3rem; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; color: #ff5f00; line-height: 0.45rem; display: block; float: left; overflow: hidden; border-radius: 0.05rem; margin-right: 0.25rem; border: 1px solid #ff5f00;}
.artlist_item .artyd{float: right;}
.artlist_img{width: 4.5rem; float: right;}
.artlist_thumb{position: relative; display: block; height: 3rem; background: url(../img/load_n.gif) no-repeat #ebebeb; background-position: 50% 20%; background-size: cover;border-radius: 4px;overflow: hidden;border: 0.025rem solid #f8f8f8;}
.artlist_thumb .look{background: rgba(0,0,0,0.4);}
.artlist_item .name_text18,.artbanner_item .name_text18 {color: #0099FF;border: 1px solid #0099FF;}
.artlist_item .name_text25,.artbanner_item .name_text25 {color: #42bd56;border: 1px solid #42bd56;}
.artlist_item .name_text26,.artbanner_item .name_text26 {color: #B362F2;border: 1px solid #B362F2;}
.artlist_item .name_text27,.artbanner_item .name_text27 {color: #ff1500;border: 1px solid #ff1500;}
.no_artpic .artlist_txt,.no_artpic .artty {width: 100%;padding-right: 0;height: auto;}
.no_artpic.artlist_item .artty{position: relative;margin: 0.3rem 0 0;}

.arthom_item,.topiclist_item {position: relative;float: left;padding: 0.25rem;width: 25%;}
.arthom_item .artlist_thumb{height: auto;padding-top: 55%;}
.art_date,.art_from {position: absolute;width: 100%;left: 0;padding: 0.375rem;color: #fff;}
.art_date {top: 0;}
.art_from {bottom: 0;font-size: 0.3rem;}
.day_date {font-size: 1.5rem;font-weight: 700;line-height: 1.5rem;}
.year_month {display: inline-block;}
.art_date .split_line {height: 0.8rem;background-color: hsla(0, 0%, 100%, 0.4);}
.arthom_item.no_pic:first-child .artlist_thumb{background: #ff536b;background-image: linear-gradient(-45deg, #ff7e7e 0%, #ff536b 100%);}
.arthom_item.no_pic:nth-child(2) .artlist_thumb{background: #3db794;background-image: linear-gradient(-45deg, #5ce29f 0%, #3db794 100%);}
.arthom_item.no_pic:nth-child(3) .artlist_thumb{background: #f76b1c;background-image: linear-gradient(-45deg, #fabc61 0%, #f76b1c 100%);}
.arthom_item.no_pic:nth-child(4) .artlist_thumb{background: #6177ff;background-image: linear-gradient(-45deg, #59Ceff 0%, #6177ff 100%);}
.arthom_item.no_pic:nth-child(5) .artlist_thumb{background: #8d93b1;background-image: linear-gradient(-45deg, #a6b5ca 0%, #8d93b1 100%);}
.arthom_item.no_pic:nth-child(6) .artlist_thumb{background: #9e65f3;background-image: linear-gradient(-45deg, #979dff 0%, #9e65f3 100%);}
.arthom_item.no_pic:nth-child(7) .artlist_thumb{background: #6177ff;background-image: linear-gradient(-45deg, #59Ceff 0%, #6177ff 100%);}
.arthom_item.no_pic:nth-child(8) .artlist_thumb{background: #ff536b;background-image: linear-gradient(-45deg, #ff7e7e 0%, #ff536b 100%);}

/* vod_artlist */
.art_relates li{width: 48%; float: left; margin-right: 4%; border-bottom: 0; box-sizing: content-box;padding: 0.4rem 0; overflow: hidden;}
.art_relates li:nth-child(2n){margin-right: 0;}
.art_relates .artlr_tit{position: relative;font-size: 0.375rem;float: left;width: calc(100% - 2.8rem);height: 1.8rem; padding-right: 0.3rem; overflow: hidden; display: block;}
.art_relates .artlr_name{position: absolute;bottom: 0;left: 0;font-weight: normal;font-size: 0.3rem; color: #999;}
.art_relates .no_artpic .artlr_tit{width: 100%;padding: 0;}
.art_relates .artlr_b {overflow: hidden;line-height: 0.525rem;max-height: 1rem;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.art_relates .artlr_pic{float: right; width: 2.8rem; position: relative; display: block; height: 1.8rem; background: url(../img/load_n.gif) no-repeat #ebebeb; background-position: 50% 20%; background-size: cover;border-radius: 4px;border: 0.025rem solid #f8f8f8;}

/* artpage */
.art_nav_row{float: left;width: 10%;overflow: hidden;display: block;min-height: 1rem;}
.art_list_row{float: left;width: 60%;padding-left: 1rem;}
.art_sider_row{float: right;width: 30%;padding-left: 1rem;}
.art_navlist{overflow: hidden; display: block; background-color: #f8f8f8; padding: 0.25rem 0.45rem;margin: 0.5rem 0 0; border-radius: 4px;}
.art_navlist.nav_fixed{position: fixed;top:1.25rem;z-index: 999;}
.art_navlist li{text-align: right;position: relative; margin: 0.25rem 0;}
.art_navlist li a{display: inline-block;font-size: 0.4rem; margin: 0.05rem 0; padding: 0 0.25rem; line-height: 0.7rem;}
.art_navlist li.active a{position: relative; color: #ff5f00; font-weight: 700;}
.art_navlist .wx_ewm {text-align: center;padding: 0.2rem 0;border-top: 1px solid #f1f1f1;}
.art_navlist .wx_ewm p {margin-top: 0.25rem;}
.art_navlist .wx_ewm .wx_img {width: 2rem;}
.art_sider_row .art_relates li{width: 100%; margin-right: 0;border-top: 1px solid #f8f8f8;}
.art_sider_row .art_relates .artlr_tit{font-size: 0.35rem;}
.article_box .article_header{display: block; overflow: hidden; padding-bottom: 0.5rem; margin-bottom: 0.25rem; border-bottom: 1px solid #f8f8f8;}
.article_box .article_title{margin: 0; margin-bottom: 0.5rem; font-size: 0.65rem; line-height: 0.9rem;}
.article_box .article_meta span{margin-right: .3rem;}
.article_box .article_content p{margin-top: 0px; margin-bottom: 0px; padding: 0.25rem 0px; font-size: 0.425rem; line-height: 0.75rem; text-align: justify; white-space: normal; color: #444;}
.article_box .article_content img{max-width: 100%!important;border-radius: 4px;}
.article_box .digg_zan{width: 100%; padding: 0.25rem 0; text-align: center;}
.article_box .digg_link{padding: 0.25rem; display: inline-block; min-width: 2.5rem;border-radius: 1.25rem;font-size: 0.375rem;background: #ff5f00;background: -webkit-linear-gradient(270deg,#f7ab1c,#fa6161 52%,#ff5f00);background: linear-gradient(270deg,#f7ab1c,#fa6161 52%,#ff5f00);box-shadow: 0 0 0.25rem 0 rgba(255,95,0,.3);color: #fff;}
.article_box a:hover.digg_link{color: #fff; background: #ff5f00;}
.article_box .digg_link em{font-style: normal; margin-left: 0.1rem;}
.art_tbsm_m,.art_share{color: #A0A0A0; padding: 0.5rem 0 0.2rem 0;font-size: 0.325rem;}
.art_share i{padding: 0.2rem;background: #aaa;border-radius: 100%;color: #fff;}
.art_banner{position: relative; width: 100%;overflow: hidden;border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.artbanner_item{position: relative; float: left; width: 100%;}
.artbanner_img {display: block;overflow: hidden;width: 100%;}
.artbanner_thumb{position: relative; display: block; height: 7rem; background: url(../img/load_n.gif) no-repeat #ebebeb; background-position: 50% 20%; background-size: cover; overflow: hidden;}
.artbanner_title{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding: 0.7rem;font-size: 0.6rem; line-height: 0.9rem; font-weight: 700; background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #fff;}
.art_pren_list span{color: #A0A0A0;}
.art_prev{float: left;width: 50%;text-align: left;padding-right: 0.5rem;}
.art_next{float: right;width: 50%;text-align: right;padding-left: 0.5rem;}
.art_name_prev,.art_name_next{margin-top: 0.2rem;line-height: 0.525rem;}

/* topiclist */
.topiclist_thumb {position: relative;display: block;padding-top: 55%;background: url(../img/load_w.gif) no-repeat;background-position: 50% 50%;background-size: cover;border-radius: 4px; overflow: hidden;}
/* topicpage */
#topic_page .hot_list {padding: 3.5rem 0 0.75rem 0;}
.topic_fm {display: block;overflow: hidden;background: #fff;border-radius: 4px;max-height: 7.5rem;}
.topiclist_con .topiclist_thumb{border-radius: 0;padding-top: 60%;}
.topiclist_con {position: relative;width: 50%;float: left;}
.topiclist_text{padding: 1rem;float: left;width: 50%;}
.topiclist_text .title {margin-top: 0;margin-bottom: 0.35rem;border-bottom: 1px solid #f8f8f8;padding-bottom: 0.35rem;font-size: 0.6rem;line-height: 0.8rem;}
.topiclist_text p {line-height: 0.6rem;margin: 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.tpcon_box {max-height: 3.65rem;display: block;overflow: auto;}

/* pannel */
.pannel {position: relative;padding: 0.5rem 0 0;}
.pannel_head {margin: 0.25rem 0;line-height: 0.625rem;}
.pannel_head .title {margin: 0;}
.pannel_head .title em,.pannel_head em{color: #ff5f00;font-style: normal;}
.pannel .search_tips {display: block;overflow: hidden;margin: 0.2rem 0;}
.pannel .search_tips a {color: #ff5f00;}
.pannel h2.title i {color: #ff5f00;font-size: 0.6rem;vertical-align: top;margin-right: 0.15rem;}

/* detailpage */
.detail_list_box{padding-top: 6rem;}
.detail_list {width: 100%;position: relative;margin: 0 auto;padding-bottom: 0.5rem;background: #fff;}
.content_box {width: 30rem;margin: auto;}
.content_thumb{width: 5.5rem;margin-top: -2.5rem;}
.content_detail {width: calc(100% - 5.5rem);padding: 0 0 0 0.5rem;}
.content_detail .title{color: #fff;font-size: 0.65rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content_detail .data {display: block;margin-bottom: 0.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content_detail .data_style {color: #ff1500;}
.content_detail .desc {padding-left: 1.05rem;margin-bottom: 0.2rem;}
.content_detail .desc .left {margin-left: -1.05rem;}
.content_detail .playbtn{float: left;margin-right: 0.5rem;}
.content_detail .playbtn.o_share{position: relative; float: right;margin: 0;}
.content_detail .playbtn a,.content_detail .playbtn a.btn_share{display: block;width: 3rem;line-height: 0.85rem;text-align: center;border-radius: 4px;background: #fff;color: #ff5f00;border: 1px solid #ff5f00;}
.content_detail .playbtn a:hover{opacity: .7;}
.content_detail .playbtn.o_down a {background: #fff;border: 1px solid #249ff1;color: #249ff1;}
.content_detail .playbtn.o_bg a {background: #effaf0;border: 1px solid #42bd56;color: #42bd56;}
.content_detail .playbtn.o_share a.btn_share {border: 1px solid #aaa;color: #aaa;}
.content_detail .playbtn.o_share .dropdown a{border:0;line-height: 100%;}
.content_detail .playbtn i {vertical-align: top;font-size: 0.3rem;}
.content_detail .playbtn.o_bg i {font-size: 0.375rem;}
.content_detail .pull_right a{color: #fff;opacity: .7;}
.content_detail .pull_right a:hover{color: #ff5f00;opacity: 1;}
.content_top{margin-top: -2.25rem;}
.content_min{margin-top: 0.5rem;}
.content_desc {line-height: 0.6rem;color: #646469;}
.context{position: relative;}
.context span{max-height: 1.675rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.content_desc .show_btn{position: absolute;left: 0; bottom: -0.1rem;}
.content_desc .show_btn,.content_desc .hidden_btn{text-align: center;color: #999;width: 100%;display: block;background: #fff;}
.show_btn .line_bg{position: absolute; top:-0.4rem;left: 0; display: block; width: 100%; height: 0.5rem;background: #fff; background: -webkit-linear-gradient(top,hsla(0,0%,100%,.3),#fff); background: -o-linear-gradient(top,hsla(0,0%,100%,.3),#fff); background: linear-gradient(top,hsla(0,0%,100%,.3),#fff);}

/* playpage */
#play_page .hot_banner{height: 3.25rem;overflow: unset;}
.play_boxbg {background: #282832;}
.play_box{display: flex; width: 30rem; margin: auto;}
.fodong_box{display: block; font-size: 0.3rem; padding: 0 0.25rem; background: rgba(0,0,0,0.3); color: #fff; position: absolute; top: 0; z-index: 9999; width: 100%;}
.fodong_tips{float: left; overflow: hidden; margin: 0 auto; height: 0.8rem; line-height: 0.8rem;}
.fodong_tips .font_zd {background: #ff1500;padding: 0.05rem 0.1rem;margin-right: 0.1rem;border-radius: 2px;}
.close_tips{float: right; color: #fff; font-size: 0.3rem; line-height: 0.8rem;}
.play_but{background: #202026;}
.play_but li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;height: 1.25rem;}
.play_but a{display: inline-block; width: 100%; line-height: 1.25rem; text-align: center; color: #878787;}
.play_but a:hover,.play_vlist a:hover .play_vlist_title,.play_vlist_now a:hover{color: #ff5f00;}
.play_but i{font-size: 0.35rem; padding-right: 0.125rem;}
.play_but .btns_disad, .play_but .btns_disad:hover{color: #444!important; pointer-events: none; cursor: not-allowed;}
.play_box_right{overflow: auto;padding: 0.375rem; width: 100%; max-height: 13.05rem; min-height: 13.05rem; background: #202026;}
.play_namebox{width: 100%;border-bottom: 1px solid #282830;background: #202026;padding: 0.375rem;position: absolute;top: 0;left: 0;line-height: 0.3rem;z-index: 10;}
.play_namebox .title{float: left; max-width: 75%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; margin: 0.1rem 0; color: #fff;}
.play_namebox .fenlei{padding: 0.05rem 0.15rem; border: 1px solid #ff5f00; font-size: 0.3rem; color: #ff5f00; line-height: 0.325rem; margin: 0.15rem 0 0.15rem 0.2rem; border-radius: 0.35rem; overflow: hidden; display: inline-block;}
.play_infobox{margin-top: 1.75rem;}
.play_box_right::-webkit-scrollbar{width:4px;height:4px;background-color:#202026}
.play_box_right::-webkit-scrollbar-track{background-color:#202026}
.play_box_right::-webkit-scrollbar-thumb{background-color:#31313a;border-radius: 2px;}
.play_vlist{margin-bottom: 0.4rem;}
.code_box{float: left; width: 2rem;height: 2rem;background: #1d1d21; display: block; overflow: hidden;}
.qrcode.code_box img{padding: 0.05rem; width: 100%;}
.qrcode_text{width: calc(100% - 2rem); float: left; height: 2rem; background: #1d1d21;padding: 0.35rem;}
.qrcode_text p{margin: 0.1rem 0; line-height: 0.5rem;}
.play_vlist_thumb,.zbo .play_vlist_thumb.zboad{float: left; position: relative; display: block;width: 3rem; height: 1.8rem; background: url(../img/load_w.gif) no-repeat #ebebeb; background-position: 50% 50%; background-size: cover; overflow: hidden;}
.play_vlist_thumb.vnow::after{content: " "; position: absolute; width: 100%;height: 100%;top:0; left: 0; z-index: 9; border: 3px solid #ff5f00;}
.play_vlist_text{position: relative; width: calc(100% - 3rem); float: left; height: 1.8rem; padding: 0.15rem 0.35rem;}
.play_clike{color: #bbb; font-size: 0.4rem; margin-bottom: 0.4rem;}
.play_vlist_title{color: #bbb;height: 0.95rem;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.vnow .play_vlist_title{color: #ff5f00;}
.play_vlist_now{position: absolute;width: 100%; left: 0;bottom: 0.15rem;padding-left: 0.35rem;font-size: 0.325rem;color: #878787;}
.play_vlist_now a{color: #878787;}
.play_vlist_now a i{font-size: 0.3rem;}
.play_list_adbox {position: relative;}
.ad_tips{position: absolute;right: 0;bottom: 0;font-size: 0.2rem;padding: 0 0.1rem;background: rgba(0, 0, 0, 0.3);color: #fff; height: 0.35rem;line-height: 0.35rem;}
.qrcode_text .qrcode_tips{color: #bbb;}
.player .play_now span i{color: #878787; padding-right: 0.1rem; vertical-align: top; font-size: 0.3rem;}
.player{padding: 0; overflow: hidden;}
.player .play_now{line-height: 0.65rem; float: left;}
.play_pan.pannel{margin: 0 0 0.5rem 0;}
.play_text{display: block; overflow: hidden; margin-bottom: 0.25rem;}
.player .video_title, .player .ms_p{float: left; margin-right: 0.375rem;}
.player .text_score,.cblock .text_score {color: #ff5f00;font-weight: 700;font-size: 0.375rem;vertical-align: top;}
.player .title{color: #ccc;}
.player .no_b{float: right; line-height: 0.475rem; font-size: 0.3rem;}
.player .split_line{background-color: #666;}
.play_content {margin-top: 0.25rem;display: block;line-height: 0.55rem;color: #888;}
.play_tips {position: absolute;top: 50%;left: 50%;z-index: 99999;transform: translate(-50%, -50%);width: 90%;text-align: center;}
.play_tips h3 {color: #999;margin: 0;}
.play_tips p {margin-top: 0.3rem;color: #999;}
.play_tips img {width: 3rem;}
.lock_tipe_box {position: absolute;z-index: 99995;top: -2%;left: -2%;width: 104%;height: 104%;background-position: 50% 50%;background-size: cover;filter: blur(5px);-webkit-filter: blur(5px);opacity: .15;}
.player a,.player span{color: #888;}
.content_playlist li{float:left; width:16.6666667%;; padding-bottom: 0.25rem; padding-right: 0.25rem;}
.content_playlist li a{display: block; position: relative; padding:0.125rem 0.25rem; border: 1px solid #f1f1f1;text-align: center; background: #f8f8f8; border-radius:4px;line-height: 0.6rem;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.content_playlist li.active a{color: #ff5f00;background: none;border: 1px solid #ff5f00;}
.player_video{background-color: #000;}
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:11.8rem;z-index: 998;}
.embed-responsive .MacPlayer{z-index: 999}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{margin: 0;}
.embed-responsive-4by3{padding-bottom:75%}
.bo_tip i {font-size: 0.4rem;}
.hongbo_tips{display: block; overflow: hidden; border-radius: 0.1rem; padding: 0.2rem; margin: 0.25rem 0; border: 1px solid #f1f1f1; background: #f8f8f8; text-align: center;}
.hongbo_tips a{overflow: hidden; border: 0; background: none; color: #ff0000; padding: 0;}

.zbo .play_vlist_thumb{background: url(../img/load_tv.gif) no-repeat #fff; background-position: 50% 50%; background-size: 60%; overflow: hidden;}
.zbvodlist_play {float: left;width: 25%;padding: 0.125rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0.25rem 0 0 0;}
.zbvodlist_play a {display: block;padding: 0.125rem 0.25rem;border: 1px solid #f1f1f1;margin-right: 0.25rem;line-height: 0.6rem;border-radius: 4px;text-align: center;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.zbvodlist_play i{font-size: 0.3rem;}

.down_title span {padding: 0 0.125rem;background: #249ff1;font-size: 0.3rem;color: #fff;border-radius: 4px;line-height: 0.525rem;margin: 0.05rem 0;}
.down_title .title{margin-right: 0.25rem;}
.down_tips_text {text-align: center;background: #f8f8f8;padding: 1rem 0.25rem;border-radius: 4px;margin: 0;}
.cblock .bo_tip i {font-size: 0.25rem;vertical-align: top;}

/* typepage */
.type_list_menu{width: 30rem;margin: auto;}
.type_list_menu ul{margin-left: -0.25rem;}
.type_list_menu li {display: inline-block;height: 1.125rem;text-align: center;padding: 0 0.25rem;line-height: 1.125rem;}
.type_list_menu li.active a{color: #ff5f00;font-weight: 700;}


/* zbtypepage */
.zbvodlist_thumb{width: 40%;margin: 0 auto;position: relative;display: block;padding-top: 48%;background: url(../img/load_tv.gif) no-repeat;background-position: 50% 50%;background-size: 100%;}
.zbvodlist_item{width: 16.666666%;position: relative;float: left;padding: 0.25rem;text-align: center;}
.zbvodlist_box{display: block; background: #fff; border-radius: 4px;box-sizing: border-box;border: 1px solid #fff;}
.zbvodlist_box:hover{border:1px solid #ff5f00;}
.zbvodlist_title{width: 100%;overflow: hidden;font-size: 0.375rem; text-overflow: ellipsis;white-space: nowrap;padding: 0 0.375rem 0.275rem 0.375rem;}

/* searchlist */
.searchlist_item{overflow: hidden;padding: 0.45rem 0;border-top: 1px solid #f8f8f8;}
.searchlist_img {width: 3.25rem;float: left;}
.searchlist_titbox {width: calc(100% - 3.25rem);;float: left;padding: 0.55rem 0 0 0.5rem;}
.searchlist_item .vodlist_title{font-size: 0.45rem;margin: 0 0 0.25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.searchlist_item .vodlist_sub{display: block;color: #666; margin-bottom: 0.125rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.searchlist_item .vodlist_thumb{padding-top: 0;height: 4.5rem;}
.searchlist_btn.content_detail{width: 100%;padding: 0;}
.searchlist_item .content_detail .playbtn{margin-top: 0.125rem;}
.zbsearchlist .searchlist_img{border: 1px solid #f1f1f1;border-radius: 4px;}
.zbsearchlist .zbvodlist_thumb{padding-top: 0;height: 3.25rem;width: 60%;}
.seebtn {margin: 0.4rem 0 0;}
.seebtn a {color: #ff5f00;}
.seebtn a i{font-size: 0.3rem;}

/* rank */
.part_nums{position: relative; display: block; float: left; overflow: hidden; top: 0px; font-size: 0.3rem; font-weight: 700;border-radius: 4px 0 4px 4px; line-height: 0.5rem; margin-right: 0.25rem; color: #fff; text-align: center; background-color: #999; width: 0.5rem; height: 0.5rem;}
.part_num1{background-color: #ff0d29!important;}
.part_num2{background-color: #ff920b!important;}
.part_num3{background-color: #ffc600!important;}
.part_eone {display: block;padding: 0.35rem 0;border-top: 1px solid #f8f8f8;line-height: 0.5rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.part_eone .renqi{color: #ff5f00;font-size: 0.35rem;}
.ranklist_r {padding-top: 0.1rem;border-top: 1px solid #f8f8f8;}
.ranklist_r li {width: 100%;float: left;padding: 0.25rem 0;border: 0;}
.rankpage .tabs .content{margin-top: 0;}
.rankpage .tab_rank{position: relative;float: left; width: 33.3333333%; text-align: center;background: #fff;}
.rankpage .tab_rank::after{content: " ";position: absolute;height: 0.5rem;right: 0;top: 0.5rem;z-index: 9;border-right: 1px solid #f1f1f1;}
.rankpage .tab_rank:last-child::after{border: 0;}
.rankpage .tab_rank label{padding: 0.5rem; font-size: 0.45rem;font-weight: 700;}
.rank_info{position: relative; float: left; display: block; overflow: hidden; width: 33.333333%; padding: 0.25rem; margin-top: 0.5rem; background: #fff;}
.list_info{padding: 0.4rem;}

/* ranklist */
.ranklist_item {position: relative;width: 100%;display: block;overflow: hidden;    padding: 0.35rem 0;border-top: 1px solid #f8f8f8;}
.ranklist_item a:hover .title{color: #ff5f00;}
.ranklist_img {width: 2rem;float: left;}
.ranklist_thumb {position: relative;display: block;height: 2.65rem; background: url(../img/load.gif) no-repeat #ebebeb;background-position: 50% 50%;background-size: cover;border-radius: 4px;overflow: hidden;}
.ranklist_txt {width: calc(100% - 2rem);float: left;padding: 0.125rem 0 0 0.25rem;}
.ranklist_txt .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ranklist_txt span.text_muted{color: #ff5f00;line-height: 0.55rem;}
.ranklist_txt span i,.part_eone .renqi i {font-size: 0.3rem;}
.ranklist_txt p {line-height: 0.525rem;}
.ranklist_item .part_nums {position: absolute;top: 0;left: 0;}

/* show */
.vod_all{background-color: #f8f8f8;padding: 0.25rem 0.65rem;margin: 0.5rem 0 0;border-radius: 4px;}
#show_page .header.nav_fixed{box-shadow: unset;}
.listnow.nav_fixed{position: fixed;width: 100%;height: 1.125rem;top: 1.25rem;left: 0;background: hsla(0, 0%, 100%, 0.98);;z-index: 999999993;box-shadow: 0 10px 15px rgba(0,0,0,.05);}
.listnow.nav_fixed .list_type_title{margin: 0 auto;width: 30rem;}
.listnow.nav_fixed .list_type_title span {line-height: 1.125rem;}
.listnow.nav_fixed .sx_title {min-width: 0.5rem;margin-right: 0.5rem;padding: 0;background: none;color: #2e2e36;line-height: 1.125rem;text-align: left;}
.listnow.nav_fixed .sx_txt li, .listnow.nav_fixed .sx_title2 {line-height: 1.125rem;margin-right: 0.25rem;background: none;color: #333;font-weight: normal;margin: 0 0.25rem 0 0;padding: 0;}
.listnow.nav_fixed .sx_txt em {display: block; float: left;margin-right: 0.25rem;}
.list_type_title{overflow: hidden; display: block; position: relative; margin: 0.375rem 0;}
.list_type_title span a,.sx_txt em{color: #999;}
.list_type_title em{font-style: normal;}
.sx_title{float: left; top: 0; left: 0; min-width: 1.5rem; margin-right: 0.5rem; padding: 0 0.125rem; border-radius: 16px 0 16px 16px; background-color: #7f7f8b; color: #fff; line-height:0.8rem; text-align: center;}
.sx_txt em {display:none;}
.sx_txt li,.sx_title2{float: left; margin: 0.05rem 0; padding: 0 0.25rem; border-radius: 32px; line-height: 0.7rem; vertical-align: top; margin-right: 0.25rem;background-color: #f7eae8; color: #ff5f00; font-weight: 700;}
.list_type_title span{float: right;line-height: 0.775rem;position: absolute;right: 0;z-index: 2;}
.wrapper_fl{overflow: hidden; border-top: 1px solid #f1f1f1;}
.screen_list{position: relative;margin: 0.375rem 0;overflow: hidden;padding-left: 2rem;}
.screen_list li{float:left;}
.screen_list span.text_muted{position: absolute; top: 0; left: 0; min-width: 1.5rem; margin-right: 0.5rem; padding: 0 0.125rem; border-radius: 16px 0 16px 16px; background-color: #7f7f8b; color: #fff; line-height: 0.775rem; text-align: center;}
.screen_list li a{display: inline-block;margin: 0.05rem 0;padding: 0 0.25rem;border-radius: 32px;color: #999;line-height: 0.7rem;vertical-align: top;}
.screen_list li a:hover,.list_type_title span a:hover,.screen_list.sx_tz li a:hover{color: #ff5f00;}
.screen_list.sx_tz li a{padding: 0 0.5rem 0 0;font-size: 0.45rem;color: #333;}
.screen_list li.ik a{position: relative;background-color: #f7eae8;color: #ff5f00;font-weight: 700;}
.screen_list li.ik_fl a{color: #ff5f00;font-weight: 700;}
.screen_list.letter_list li a{padding:0.075rem 0.125rem}
.screen_list.letter_list li.active a{padding:0.075rem 0.25rem}
.type_list_fl li{display: inline-block;height: 0.75rem; margin-right: 0.2rem;text-align: center;padding: 0 0.125rem;line-height: 0.8rem;}
.type_list_fl li.active,.type_list_fl li.active a{font-size: 0.4rem;font-weight: 700;vertical-align: top;}
.type_list_fl li i{font-size: 0.3rem;padding-right: 0.05rem;}
.type_sxbtn a{color: #ff5f00;}
.screen_list.sx_tz{margin: 0.25rem 0;padding: 0;}
.sx_total{float: right;padding: 0.25rem 0;line-height: 0.7rem;margin: 0.05rem 0;}
.sx_total em{font-style: normal;color: #ff5f00;}
.show_no{text-align: center; padding: 1rem 0.5rem; background: #f8f8f8; border-radius: 4px;}

/* ads */
.ads.ads_w{max-height: 2.5rem;}
.ads {width: 100%;display: block;overflow: hidden;background: #f8f8f8;border-radius: 4px;text-align: center;}
.ads img{width: 100%;}
.right_ads {display: block;overflow: hidden;max-width: 100%;max-height: 8rem;text-align: center;}
.ads_rbox.adfixed{position: fixed;top: 1.25rem;left: 0; width: 100%;z-index: 0;}
.adfixed .ads_rmkc {width: 30%;float: right;padding-left: 1rem;}
.ikan_bottom_ads {display: block;position: fixed;z-index: 999;width: 100%;max-height: 90px!important;left: 0;bottom: 0;}
.bottom_ads_box{display: block;overflow: hidden;max-height: 90px!important;}
.ikan_bottom_ads .close_ads_btn {position: absolute;right: 0;top: 0;background: rgba(0, 0, 0, 0.4);color: #fff;display: block;width: 0.5rem;height: 0.5rem;line-height: 0.5rem;font-size: 0.25rem;font-weight: 700;text-align: center;}

/* star */
#rating {display: block;overflow: hidden;width: 100%;margin-bottom: 0.2rem;}
#rating .rating-s {display: block;overflow: hidden;float: left;padding: 0.05rem 0.125rem 0 0;;}
#rating .rating-s li {width: 0.4rem;height: 0.4rem;cursor: pointer;float: left;overflow: hidden;text-indent: -2.475rem;background: url(../img/rating.png) 0 0 no-repeat;background-size: cover;}
#rating .rating-s li.active-b.active, #rating .rating-s li.hover {background: url(../img/rating.png) 0 -0.4rem no-repeat;background-size: cover;}
#rating .rating-s li.active-b {background: url(../img/rating.png) 0 -0.8rem no-repeat;background-size: cover;}
#rating span {float: left;height: 0.5rem;line-height: 0.55rem;overflow: hidden;}
#rating span.star_tips {font-size: 0.4rem;margin-right: 0.25rem;line-height: 0.575rem;color: #ff5f00;}
#rating span.list_tips{color: #fff;opacity: .7;}

#rating .rating li.big-star {width: 0.75rem;height: 0.75rem;cursor: pointer;float: left;overflow: hidden;text-indent: -2.475rem;background: url(../img/rating.png) 0 0 no-repeat;background-size: cover;}
#rating .rating li.big-star.active, #rating .rating li.big-star.hover {background: url(../img/rating.png) 0 -0.75rem no-repeat;background-size: cover;}
#rating.rating-list {padding: 0.375rem 0.5rem;background: #f8f8f8;border-radius: 4px; margin-bottom: 0;position: relative;}
#rating span.label {height: 0.75rem;line-height: 0.8rem;margin-right: 0.25rem;}
#rating span.label-list{height: 0.75rem;line-height: 0.8rem;margin-left: 0.25rem;}

/* link */
.link_row{float: left;width: 100%;}
.link_text li {float: left;margin-right: 0.375rem;margin-bottom: 0.25rem;}

/* gbook */
.commlist_row {float: left;width: 70%;}
.input_row{float: right;width: 30%;padding-left: 0.5rem;}
.input_row .pannel,.commlist_row .pannel{background: #fff;padding: 0.5rem;margin: 0.5rem 0 0;}
.gbook_content {width: 100%;min-height: 2rem;padding: 0.25rem;}
.gbook_submit {float: right;width: 2.5rem;height: 1.125rem;background: #ff5f00!important;color: #fff;border: 1px solid #ff5f00!important;display: block;cursor: pointer;font-size: 0.35rem;border-radius: 4px;}
.gbook_submit:hover{background: #21d027;}
.remaining_w{float: left;padding: 0 0.25rem;border: 1px solid #f1f1f1;background-color: #f8f8f8;width: 100%;height: 1.125rem;line-height: 1.125rem;margin-bottom: 0.375rem;text-align: center;border-radius: 4px;}
.mac_report .msg_code {padding: 0.25rem 0 0.375rem 0;}
.msg_code {padding: 0.25rem 0 0;}
.msg_code input:focus,.msg_code input{width: 35%;height: 1.125rem;line-height: 1.125rem;padding: 0 0.25rem;border: 1px solid #f1f1f1;background: #f8f8f8;border-radius: 4px;}
.gbook_form textarea,.msg_code input:focus{outline:0;border: 1px solid #f1f1f1;background: #f8f8f8;font-size: 0.35rem;border-radius: 4px;}
.msg_code img{cursor: pointer;height: 1.125rem;margin-left: 2%;width: 26%;border: 1px solid #f1f1f1;margin-top: -0.05rem;border-radius: 4px;}
.comm_content{color: #111;}
.comm_list .part_rows {position: relative;overflow: hidden;}
.comm_list .comm_avat {position: absolute;top:0.45rem;left: 0;width: 1.25rem;height: 1.25rem;}
.part_roun {border-radius: 100%;}
.comm_list .comm_each {position: relative;padding-left: 1.6rem;padding-top: 0.5rem;padding-bottom: 0.5rem;border-bottom: 1px solid #f8f8f8;}
.comm_list .comm_tops {position: relative;margin-top: 0.25rem;padding: 0.3rem;border-radius: 0.1rem;}
.comm_reply {padding: 0 0.25rem 0;}
.back_ashen {background-color: #f8f8f8!important;}
.comm_list .part_tips {position: absolute;font-size: 0.325rem;float: right;right: 0;}
.comm_list .comm_head,.comm_reply_child .text_line {display: block;padding-bottom: 0.15rem;}
.comm_list .comm_rp_head {padding-left: 0.5rem;background-image: url(../img/reply_icon.png);background-repeat: no-repeat;background-position: left 0.1rem;font-size: 0.325rem;}
.comm_list .comm_cont {display: block;overflow: hidden;}
.text_black {background: #f8f8f8;border-radius: 4px; padding: 1rem;margin-top: 0.375rem; text-align: center;}

/* comment */
.input_wrap .smt{width: 100%;}
.gw_action{display: block;overflow: hidden;padding-top: 0.15rem;}
.gw_action a{display: block;float: left;padding-right: 0.5rem;color: #999;}
.gw_action a i {padding-right: 0.1rem;font-size: 90%;vertical-align: top;}
.input_wrap .comment_content{width: 100%;min-height: 2rem;font-size: 0.35rem;outline: 0;padding: 0.375rem; margin: 0.2rem 0;border: 1px solid #f1f1f1;background: #f8f8f8;border-radius: 4px;}
.input_wrap .comment_submit{width: 2.5rem;height: 1rem;background: #ff5f00!important;color: #fff;border: 1px solid #ff5f00!important;display: block;cursor: pointer;font-size: 0.35rem;border-radius: 4px;margin-left: 0.2rem;}
.input_wrap .comm-code{width: 2.5rem;border:1px solid #f1f1f1; height: 1rem;border-radius: 4px;margin-left: 0.2rem;}
.input_wrap .verify{height: 1rem;width: 2.5rem;font-size: 0.35rem;line-height: 1rem;padding: 0 0.25rem;border: 1px solid #f1f1f1;background: #f8f8f8;border-radius: 4px;margin-left: 0.2rem;}
.input_wrap .comm_tips{line-height: 1rem;}

#graypage {background: #f8f8f8;}
#graypage .head_box,#graypage .vod_all{background: #fff;}
#graypage .wrapper_fl {border-top: 1px solid #f8f8f8;}
.left_row{width: 70%;}
.right_row{width: 30%;}
.fl{float: left;}
.fr{float: right;}
.hide,.hidden_mb,.bk_btn,.se_btn,.mac_pop span.pop_close,.comment_report,.comment_report_child,.part_rows_fa .smt{display: none!important;}
.comm_each:hover .comment_report,.comm_reply_child:hover .comment_report_child,.part_rows_fa .smt.smt_hidn{display: block!important;}
.pa_right{padding-right: 1rem;}
.pa_left{padding-left: 1rem;}
.ma_top{margin-top:0.5rem}
.ma_bottom {margin-bottom: 0.25rem;}
.margin_0{margin: 0!important;}
.pull_right {float: right !important;}
.info_right {float: right;font-size: 0.325rem;color: #999;}
.split_line {display: inline-block;margin-left: 0.25rem;margin-right: 0.25rem;width: 1px;height: 0.35rem;vertical-align: -0.05rem;background-color: #d6d6d6;}
.more_i {font-size: 0.25rem;vertical-align: top;padding-left: 0.1rem;}
.shaixuan_i {font-size: 0.3rem;}
.pianku_i{vertical-align: top;}
.qrcode img {padding: 0.2rem;background: #fff;}
.text_center {text-align: center;}

.hom_sm_list li{position: relative; float: left; width: 33.333333%;padding: 0.25rem;}
.hom_sm_list .smlist_box{position: relative;background: #f8f8f8; line-height: 1rem; height: 1rem; border-radius: 32px; overflow: hidden;}
.smlist_box marquee{margin: 0 0.4rem 0 0.9rem;}
.notice .nico{position: absolute; line-height: 1rem; top: 0;left: 0.45rem; text-align: center; color: #ff5f00;z-index: 2;}
.list_m{display: flex; padding: 0 0.5rem;}
.list_m a{width: 100%; text-align: center;}
.list_m .text_muted{font-size: 0.375rem;font-weight: 700;}

/* tabs */
.tabs {display: block;overflow: hidden;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);position: relative;width: 100%;}
.tabs input[name="tab-control"] {display: none;}
.tabs .tab-det,.tabs .tab-play {display: block;overflow: hidden;float: left;margin: 0.25rem 0;}
.tabs .tab-det span {font-size: 0.45rem;margin-right: 0.5rem;}
.tabs .tab-play span{margin-right: 0.5rem;}
.tabs .content section h2,.tabs ul li label {font-size: 0.4rem;}
.tabs .t-ul {list-style-type: none;padding-left: 0;display: block;overflow: hidden;}
.tabs .t-ul li {float: left; box-sizing: border-box;padding-right: 0.5rem;line-height: 0.75rem;}
.tabs ul.title_nav {display: block;overflow: hidden;}
.tabs ul li label {color: #111;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 0.125rem auto;overflow: hidden;text-overflow: ellipsis;display: block;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;white-space: nowrap;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.tabs ul li label br {display: none;}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {outline: 0;color: #ff5f00;}
.tabs .content {margin: 0.25rem 0;}
.tabs .content section {display: none;-webkit-animation-name: content;animation-name: content;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;line-height: 1.4;}
.tabs .content section h2 {color: #ff5f00;display: none;}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .content > section:nth-child(5) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ .content > section:nth-child(6) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(7):checked ~ .content > section:nth-child(7) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(8):checked ~ .content > section:nth-child(8) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(9):checked ~ .content > section:nth-child(9) {display: block;}
.tabs input[name="tab-control"]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {cursor: default;color: #ff5f00;}
.tabs input[name="tab-control"]:nth-of-type(10):checked ~ .content > section:nth-child(10) {display: block;}
@-webkit-keyframes content {
  from {opacity: 0;-webkit-transform: translateY(5%);transform: translateY(5%);}
  to {opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}
}
@keyframes content {
  from {opacity: 0;-webkit-transform: translateY(5%);transform: translateY(5%);}
  to {opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}
}

/* 侧边栏按钮 */
.extra {position: fixed;right: 1rem;bottom: 1.25rem;z-index: 999999991;}
.extra li {position: relative;padding: 0.375rem 0.25rem 0;}
.extra li a,.extra li .mobil_q {display: block;overflow: hidden; background-color: rgba(123, 123, 123, 0.6);width: 1.2rem;height: 1.2rem;line-height: 1.2rem;text-align: center;border-radius: 0.8rem;cursor: pointer;}
.extra li a.backtop {display: none;background-color: rgba(255, 95, 0, 0.8);color: #FFFFFF;}
.extra li a.backtop:hover {background-color: #ff5f00;}
.extra .top_ico,.extra .share_ico,.extra .m_ico{margin: auto;font-size: 0.45rem;color: #fff; display: block;}
.extra .m_ico.app_ico{font-size: 0.55rem;}
.extra li .sideslip{display:none;position:absolute;background-color: #FFFFFF;bottom:0;right:100%;box-shadow: 0 0.05rem 0.2rem rgba(0,0,0,.1);}  
.extra li:hover .sideslip{display:block}
.col_pd {padding: 0.125rem;overflow: hidden;}
.col_pd p {margin: 0 0 0.2rem;color: #878787;}
.app_qrcode img{width: 3.5rem;height: 3.5rem;}

/* page */
.page{display: block;overflow: hidden;margin: 0.3rem 0;}
.page li{display:inline-block;margin-left:0.2rem;padding: 0.2rem 0}
.page li:first-child{margin-left:0;}
.page li .num,.page li a{display:inline-block;padding:0.125rem 0.3rem;border-radius: 0.1rem;background-color: #fff;border: 1px solid #e2e2e2;}
.page li .num.btns_disad, .page li a.btns_disad{background-color: #f8f8f8!important;color: #888!important; pointer-events: none;cursor: not-allowed;}
.page li.active a,.page li.disabled a{ background-color: #ff5f00; border: 1px solid #ff5f00; color: #fff;}
.page_tips {display: block;overflow: hidden;text-align: center;margin-bottom: 0.25rem;}
.page_tips span{color: #ff5f00;}

/* footer */
.foot{ padding: 0.75rem 0; text-align: center; color: #999;margin-top: 0.5rem;background: #f8f8f8;}
.map_nav a {font-size: 0.325rem;}
.fo_t {margin-top: 0.7rem;font-size: 0.325rem;}
.fo_t p {line-height: 0.325rem;margin: 0 0 0.25rem;}
.foot p i{padding-right: 0.05rem;}
.foot.foot_stem{padding-bottom: 110px;}
.foot_stem .extra{bottom:110px;}

/* share */
.dropdown{width:6.3rem;right: -1.7rem;}
.bds_share_title{font-size: 0.35rem; color: #333;}
.dropdown .bdsharebuttonbox a{width: 0.8rem;height: 0.8rem; margin: 0.15rem 0.375rem 0.15rem 0;background-size: cover;}
.dropdown a.bds_weixin{background-image: url(../img/share.png);background-position: 0px 0px;}
.dropdown a.bds_sqq{background-image: url(../img/share.png);background-position: 0px -0.8rem;}
.dropdown a.bds_tsina{background-image: url(../img/share.png);background-position: 0px -1.6rem;}
.dropdown a.bds_qzone{background-image: url(../img/share.png);background-position: 0px -2.4rem;}
.dropdown a.bds_more{background-image: url(../img/share.png);background-position: 0px -4rem;margin-right: 0;}
.dropdown {display: none;position: absolute;z-index: 999;top: 100%;right: 0;padding: 0.375rem;text-align: center;font-size: 0.3rem;color: #999;background-color: #fff;box-shadow: 0 1px 0.2rem rgba(0,0,0,.1);border-radius: 0.1rem;}
.bd_weixin_popup{width: 7rem!important;height: 8rem!important;}
.dropdown .copy_btn {display: inline-block;margin-top: 8px;padding: 5px 10px;border-radius: 4px;color: #fff;background: #ff5f00;cursor: pointer;}

/* m-share */
.am-share { font-size: 0.375rem; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 999999999; }
.am-modal-active { transform: translateY(0);  -webkit-transform: translateY(0); -ms-transform: translateY(0);}
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }
.am-share-footer .share_btn,.am-share-footer .copy_btn {float: left;display: block; width: 50%; background-color: #fff; cursor: pointer;  font-size: 0.4rem; font-weight: 400; height: 1.25rem;line-height: 1.25rem;text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;border-top: 1px solid #f1f1f1;}
.am-share-footer .copy_btn {color: #ff5f00;border-left: 1px solid #f1f1f1;}
.am-share-url {background-color: #fff;text-align: left;width: 100%;box-sizing: border-box;padding: 0.9rem 0.375rem; height:auto; zoom:1; overflow:auto; }
.am-share-url .title_span {display: block;padding-bottom: 0.15rem;}
.am-share-url .url_span {display: block;padding: 0.15rem;border: 1px solid #ddd;}
.sharebg { background-color: rgba(0, 0, 0, 0.7); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 999999995; display:none; }
.sharebg-active { opacity: 1; display:block; }
.share-none{display: none!important;}
.copy-tip {color: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999999999;width: 4rem;overflow: hidden;background-color: rgba(25,25,25,0.8);border-radius: 64px;padding: 0.35rem 0.25rem;font-size: 0.4rem;text-align: center;}

/* jump */
.weui_msg_jump {padding-top: 1.6rem;text-align: center;}
.weui_icon {margin-bottom: 0.75rem;}
.weui_icon_msg{font-size: 2.4rem;color: #10AEFF;line-height: 1em;}
.weui_text {margin-bottom: 0.625rem;padding: 0 0.5rem;}
.weui_msg_title {margin-bottom: 0.5rem;font-weight: 400;font-size: 0.5rem;}
.weui_text p {line-height: 0.7rem;}
.weui_text .weui_xtts{color: #333;font-size: 0.4rem;}
.weui_text .weui_tips{color: #999;font-size: 0.325rem;}
.weui_text .weui-btn a {display:inline-block;width: 7rem; background: #ff5f00;border:1px solid #ff5f00;color:#fff;font-size: 0.4rem; padding: 0.25rem 2.5rem;border-radius: 0.1rem;}
.weui_text .weui-p{padding: 0.25rem 0;}
.weui_text  .weui-a{background: none;border: 1px solid #ccc;color: #333;}
.weui_text .weui-btn{margin: 0.25rem 0}
.weui_text .weui_tzt a{color: #10AEFF}

/*弹出层*/
.mac_pop_bg{position: fixed; z-index: 999999998; left: 0;top: 0; width: 100%; height: 100%;background: rgba(0,0,0,.5);}
.mac_pop{z-index:9999999995!important; min-height: 0.5rem; height: auto!important; max-height: 95%;position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; padding: 0.625rem; border-radius: 4px; background-color: #fff; box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);}
.mac_pop .pop_top{height:1rem; width:100%;text-align: center;}
.mac_pop .pop_top h2{color: #333;display: inline-block;margin: 0 auto;font-size: 0.45rem;font-weight: normal;}
.mac_pop .pop-foot{height:1.25rem;line-height:1.25rem;  width:100%;  border-top: 1px #E5E5E5 solid;  text-align: right;}
.mac_pop .pop-cancel,.pop-ok {padding:0.2rem 0.375rem;  margin:0.375rem 0.125rem;  border: none;  border-radius: 4px;  background-color: #337AB7;  color: #fff;cursor:pointer;}
.mac_pop .pop-cancel{background-color: #FFF;border:1px #CECECE solid;color: #000;}
.mac_pop .pop-content{height: 9.5rem;}
.mac_pop .pop-content-left{float: left;}
.mac_pop .pop-content-right{width:7.75rem;float: left;padding-top:0.5rem;padding-left:0.5rem;font-size: 0.4rem;line-height:0.875rem;}
.mac_pop .bgPop{display: none;position: absolute;z-index:9999999998;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);}
.mac_pop .pop-msg{text-align:center;font-size: 0.35rem;}
.mac_report .remaining-r {padding: 0 0.25rem;border: 1px solid #f1f1f1;background-color: #f5f5f5;width: 100%;line-height: 1.125rem;text-align: center;margin-bottom: 0.375rem;border-radius: 4px;}
.mac_report .msg_code input:focus,.mac_report .msg_code input{width: 68%;height: 1.125rem;font-size: 0.35rem;padding: 0 0.25rem;border: 1px solid #f1f1f1;line-height: 1.125rem;}
.mac_report .msg_code img {cursor: pointer;height: 1.125rem;margin-left: 2%;border: 1px solid #f1f1f1;margin-top: -0.05rem;width: 30%;}
.mac_pop_msg_bg{position: fixed; z-index: 9999999998; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.mac_pop_msg {z-index:9999999999!important; display: none; width: 5rem!important; min-height: 0.5rem; max-height: 18.75rem; position: fixed;top: 0;left: 0;bottom: 0;right: 0;margin: auto;padding: 0.625rem;border-radius: 4px;background-color: #fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);}
.mac_pop_msg .pop-msg{text-align:center;font-size: 0.35rem;}
.mac_report {padding: 0.25rem 0.5rem;}

.ikan_content{position: fixed; top: 50%; left: 50%; z-index: 999999999999; width: 85%; max-height: 95%;overflow: hidden; background-color: #fff; text-align: center; border-radius: 4px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);}
.ikan_content_hd{padding: 1.25rem 0 0;}
.ikan_content_title{font-weight: 400; font-size: 0.425rem; color: #333; margin: 0px;}
.ikan_content_bd{padding: 0.25rem 0 1.25rem;color: #666; word-wrap: break-word; word-break: break-all; text-align: center;}
.ikan_content_bd .info_img {display: block;margin: auto;width: 5rem;height: 5rem;}
.ikan_content_bd p{margin: 0.125rem 0; line-height: 0.45rem;}
.ikan_content_ft{position: relative; line-height: 1.2rem; font-size: 0.4rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.ikan_content_ft a{position: relative; display: block;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.ikan_content_ft:after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #D5D5D6; color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
.ikan_content_ft a:first-child:after {border-left: none;}
.ikan_content_ft a:after {content: " ";position: absolute;left: 0;top: 0;width: 1px;height: 100%;border-left: 1px solid #D5D5D6;color: #D5D5D6;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(0.5);transform: scaleX(0.5);}

/* history */
.history_bg{display: none;}
.history_bg.hfixed{display: block; position: fixed; z-index: 9999999999; top: 50%; left: 50%; width: 80%; height: 60%; background: #fff; transform: translate(-50%, -50%);overflow: hidden;box-shadow: 0 5px 15px 0 rgba(0,0,0,.15); border-radius: 4px;}
.mac_history_box{position: relative; margin: auto; width: 100%; height: 100%;padding: 1.5rem 0.375rem 0;overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.mac_history_box::-webkit-scrollbar{display: none;}
.mac_history_box .vodlist_titbox{text-align: center;}
.history_title{background: #fff; position: fixed; width: 100%; z-index: 10; text-align: center; height: 1.25rem;border-bottom: 1px solid #f8f8f8;}
.history_title span{font-size: 0.45rem; color: #333; line-height: 1.25rem;}
.history_title a{position: fixed; right: 0.575rem;z-index: 20;line-height: 1.25rem;}
.mac_history_box li a .vodlist_title{color: #333!important;}
.history_title a:hover,.mac_history_box li.clear_btn a:hover,.mac_history_box li a:hover .vodlist_title{color: #ff5f00!important;}
.mac_history_box li{margin-left: 0!important;}
.mac_history_box li.clear_btn{position: fixed; top: 0; left: 0.575rem; z-index: 20;line-height: 1.25rem;}
.history_no,.history_clear{font-size: 0.45rem; color: #888; position: absolute!important; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; text-align: center; padding-top: 1.25rem;}
.mac_history_box .user_log_tips a{display: none;background: #ff5f00; color: #fff!important; padding: 0.25rem 0.8rem; border-radius: 32px; opacity: 1!important; font-size: 0.35rem!important;}
.user_log .mac_history_box .user_log_tips a{display: block;line-height: 0.375rem;}
.mac_history_box .history_no i{width: 100%; display: block; font-size: 2rem;line-height: 2rem;margin-bottom: 0.5rem; font-weight: lighter; color: #ccc;}
.user_log_tips {margin-top: 0.5rem;}

@media (min-width: 820px){
	html{font-size: 40px!important;}
	.ikan_content {max-width: 11.25rem;}
	.history_bg.hfixed {max-width:20rem;}
}

@media (min-width: 991px){	
	.vodlist_sm .vodlist_item {width:20%;}
	.vodlist_sm li:last-child, .vodlist_sm li:nth-last-child(2) {display: none!important;}
}

@media (max-width: 1280px){
	.container,.head_a,.head_b,.hot_list,.all_menu_inner,.type_list_menu,.content_box,.play_box,.listnow.nav_fixed .list_type_title,.user_list_box,.wbalist_con,.adfixed .ads_rmk{width: 24.75rem;}
	.nav_list li {padding: 0 0.35rem;}
	.head_search{width: 35%;}
	.vodlist_item,.zbvodlist_item,.arthom_item,.topiclist_item,.hom_sm_list li{padding: 0.125rem;margin: 0.125rem 0;}
	.vodlist_wi, .vodlist_sm, .vodlist_sh,.topiclist, .arthom_list {width: calc(100% + 0.25rem);margin-left: -0.125rem;}
	.wbalist_thumb{height: 10.5rem;}
	.art_nav_row{width: 3rem;}
	.art_list_row {width: calc(70% - 3rem);}
	.extra {right: 0.25rem;bottom: 0.625rem;}
}

@media (max-width: 991px){
	#play_page .hot_banner{height: 2.75rem;}
	.container,.head_a,.head_b,.all_menu_inner,.content_box,.play_box,#topic_page .hot_list,.listnow.nav_fixed .list_type_title,.user_list_box,.wbalist_con{width: 18.75rem;}
	.hidden_mi,.content_min .bds_share_title,.head_hot_search .pops_list li:last-child,.head_hot_search .pops_list li:nth-last-child(2),.list_v2 li:last-child,.list_v2 li:nth-last-child(2){display: none!important;}
	.arthom_item, .topiclist_item{width: 33.333333%;}
	.vodlist_item,.zbvodlist_item{width: 25%;}
	.pa_right,.input_row,.history_no, .history_clear{padding: 0;}
	.embed-responsive {height: 0;}
	.embed-responsive-16by9 {padding-bottom: 56.25%;}
	.hot_list,.left_row,.right_row,.input_row,.commlist_row,.topiclist_con,.topiclist_text{width: 100%;}
	.art_list_row,.art_sider_row {width: calc(100% - 3rem);}
	.vodlist_smt .ranklist_item,.vodlist_smt .ranklist_item:nth-child(3n) {width: 48%;margin-right: 4%;}
	.vodlist_smt .ranklist_item:nth-child(2n) {margin-right: 0;}
	.topiclist_con .topiclist_thumb{padding-top: 35%;}
	.topic_fm{max-height: unset;}
	.rank_info{width: 50%;}
}

@media (min-width:820px) and (max-width: 991px){
    .art_sider_row .art_relates .artlr_tit{font-size: 0.425rem;}
}

@media (max-width:820px){
	.bg_light{padding-bottom: 0.25rem;}
	.hidden_xs,#rating span.label-list,.hot_list:hover .banner-arrow,.hot_wlist:hover .banner-arrow,.art_banner:hover .banner-arrow,.vodlist_sm .vodlist_sub,#play_page .head_a,#play_page .head_search,#topic_page .head_a,#topic_page .head_search,#topic_page .bgi_box,#artcon_page .head_a,#artcon_page .head_search,#topic_page .se_btn.pl_btn,.hot_banner .banner-bg,.play_vlist{display: none!important;}
	.hidden_mb,.hot_list li .pic_text.text_dy,.list_v2 li:last-child,.list_v2 li:nth-last-child(2),.comment_report, .comment_report_child,.play_vlist:first-child,.play_vlist:nth-child(2),.play_vlist:nth-child(3),.play_vlist:nth-child(4){display: block!important;}
	#play_page .hot_banner{height: 1.25rem;min-height: unset;}
	.container,.wbalist_con{width: 100%;padding: 0}
    .head_a,.all_menu_inner,.type_list_menu,.content_box,.play_box{width: 100%;padding: 0 0.375rem;}
	.container.white_pal,.list_info,.type_list_menu,.hot_list .vodlist_wi .vodlist_titbox,.all_menu_inner,.pannel.rankpage,.vodlist_wi .vodlist_item:nth-child(3n),.arthom_item:nth-child(2n),.topiclist_item:nth-child(2n),.content_detail .pannel_head,.ranklist_txt .pannel_head,.comm_list .pannel_head,.art_list_row .pannel_head,.list_info .pannel_head,.art_list_row .comm_list_box{padding: 0;}
	.hot_list{padding: 2.5rem 0 0 0;}
	.hot_list .balist_thumb .pic_text{line-height: 0.5rem;}
	.hot_list .vodlist_title{font-size: 0.375rem;}
	.hot_list .balist_thumb .vodlist_sub {font-size: 0.275rem;}
	.hot_list .vodlist_wi .vodlist_titbox,.vodlist_sm .vodlist_title{text-align: center;}
	.pannel{padding: 0.25rem 0 0;}
	.pannel h2.title i {font-size: 0.5rem;margin-right: 0.1rem;font-weight: normal;}
	.pannel_head h2.title,.pannel_head h3.title,.tabs .tab-det span{font-weight: 700;}
	.content_detail .pannel_head h2.title,.pannel_head.down_title h2.title,.search_box .pannel_head h3.title{font-weight: normal;}
	.pannel .search_tips {line-height: 0.6rem;font-size: 0.375rem;}
	.head_b,.content_min.content_btn{width: 100%;padding: 0;}
	.vodlist_thumb,.arthom_list .artlist_thumb,.zbvodlist_box,.topiclist_thumb,.balist_thumb{border-radius: 0;border:0;}
	.content_thumb .vodlist_thumb,.vodlist_sm .vodlist_thumb,.vodlist_sh .vodlist_thumb,.searchlist_item .vodlist_thumb,.artlist_thumb,.ranklist_thumb,.play_vlist_thumb,.art_relates .artlr_pic,.ads{border-radius: 3px;}
	.cblock p a,.down_tips span{font-size: 0.35rem;}
	.comm_list .part_tips {top: 0.5rem;}
	.input_row .pannel, .commlist_row .pannel {padding: 0.5rem 0.375rem; margin: 0;}
	.input_row .pannel{margin: 0;}
	.all_menu,.history_bg{-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: -webkit-transform 300ms;transition: transform 300ms;}
	.menu_block,.history_bg.hfixed{transform: translateX(0px);-webkit-transform: translateX(0);-ms-transform: translateX(0);}
	.ma_top{margin-top:0.25rem}
	.hom_sm_list li{width: 100%;padding: 0.25rem 0.15rem;margin: 0;}
	.notice .nico{left: 0.325rem;}
	.pannel_head,.link_text,.title_nav,.content_playlist,.down_list,.down_context,.art_relates,.content_desc,.wrapper_fl .scroller,.vodlist_smt ul,.wrapper_tm,.art_list_row,.page,.comm_list_box,.search_tips,.zbo.vodlist,.play_vlist_box{padding: 0 0.375rem;}
	.ads_box{padding: 0.25rem 0.375rem 0;}
	.searchlist_item,.down_tips_text,.row .show_no{margin: 0 0.375rem;}
	.hongbo_tips{margin: 0.25rem 0.375rem;}
	#graypage {background: none;}
	
	#play_page .bk_btn,#play_page .se_btn,#topic_page .bk_btn,#topic_page .se_btn,#artcon_page .bk_btn,#artcon_page .se_btn{display: block!important;color: #fff;line-height: 1.25rem;padding: 0 0.375rem;font-size: 0.5rem;}
	#artcon_page .bk_btn,#artcon_page .se_btn,.head_menu_b a.menu{color: #999;}
	.down_tips_text{font-size: 0.4rem;}
	
	/* header */
	.hot_banner .bgi{filter: blur(40px); -webkit-filter: blur(40px);}
	.hot_banner .bgfd{background: rgba(0,0,0,.2)}
	.head_a{height: 1.25rem;}
	.head_user li{line-height: 1.25rem;}
	.head_user li a {font-size: 0.5rem;}
	.head_logo {width: 2.6rem;margin-top: 0.325rem;}
	.head_logo .logo {width: 2.6rem;height: 0.6rem;}
	.head_menu_b a.menu {padding: 0;width: 1.25rem;text-align: center;}
	.head_menu_b:hover a.menu{background: #ff5f00;color: #fff;padding: 0;border-right: 1px solid #ff5f00;}
	.header::after,.hot_banner .header::after{border:0;}
	.head_search {width: calc(100% - 1.625rem);position: absolute;right: 0.375rem;top: 0.175rem;}
	.head_search .form_control{height: 0.9rem;line-height: 0.9rem;background: #f8f8f8;border-radius: 32px;}
	.head_search form:hover .form_control,.head_search form .form_control:focus{background: #f1f1f1;}
	.hot_banner .head_search .form_control{background: rgba(255, 255, 255, 0.1);}
	.head_search i,.head_search .submit{height: 0.9rem;line-height: 0.9rem;border-radius: 32px;}
	.head_menu_b a.menu,.hot_banner .head_menu_b a.menu{font-size: 0.5rem;border: 0;}
	.head_menu_b:hover a.menu{background: none;color: #ff5f00;border:0;}
	.all_menu_inner .menu_top {position: absolute;width: 100%;top: 0;left: 0; line-height: 1.25rem;text-align: center;font-size: 0.45rem;color: #333;border-bottom: 1px solid #f8f8f8;background: #fff;
    z-index: 2;}
    .all_menu_inner .menu_top a{font-size: 0.35rem;position: absolute;right: 0.375rem;}
	.nav_list {padding: 1rem 0.375rem;}
	.nav_list li {width: 33.333333%;text-align: center;height: auto;font-size: 0.4rem;margin-bottom: 1rem;border: 0;}
	.nav_list li a{line-height: unset;height: auto;font-weight: normal;}
	.nav_list li.active a {color: #111;}
	.all_menu{display: block;position: fixed;background: #fff; top:0;right: 0;bottom: 0;}
	.all_menu_inner ul {position: relative;width: 100%;}
	.all_menu_box{overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;width: 100%; height: 100vh;padding: 1.25rem 0;}
	.all_menu_box::after{border-width: 0;}
	.header.nav_fixed .all_menu{top: 0;}
	.hot_list li.vodlist_item {margin: 0.5rem 0;padding: 0.1rem;width: 40%;}
	.hot_list li.vodlist_item:first-child{margin-left: 0.275rem;}
	.hot_list li.vodlist_item:last-child{margin-right: 0.275rem;}
	.hot_list li {width: 36%;padding: 0;opacity: 0.6;filter: alpha(opacity=0.6);-webkit-transition: all ease-out .35s;transition: all ease-out .35s;}
	.hot_list li.swiper-slide-active {opacity: 1;filter: alpha(opacity=1);}
	
	.hom_mob_list{position: relative;overflow: hidden;margin-top: 0.25rem;}
	.hom_mob_list li{display: table-cell;width: 1%;height: 1.35rem;text-align: center;}
	.hom_mob_list a{display: block;}
	.hom_mob_list i,.nav_list i{display: block; line-height: 1.2rem; font-size: 0.525rem; border-radius: 100%;color: #fff; width: 1.2rem; height: 1.2rem; margin: 0 auto;background: #ff5f00; background: -webkit-linear-gradient(-45deg, #faaf61 0%, #ff5f00 100%); background: linear-gradient(-45deg, #faaf61 0%, #ff5f00 100%); box-shadow: 0 0.1rem 0.1rem rgba(255,95,0,.15);}
	.hom_mob_list .mob_btn1 i,.nav_list .mob_btn1 i{background: #6177ff; background: -webkit-linear-gradient(-45deg, #59Ceff 0%, #6177ff 100%); background: linear-gradient(-45deg, #59Ceff 0%, #6177ff 100%); box-shadow:0 0.1rem 0.1rem rgba(97, 119, 255, 0.15);}
	.hom_mob_list .mob_btn2 i,.nav_list .mob_btn2 i{background: #ff536b; background: -webkit-linear-gradient(-45deg, #ff7e7e 0%, #ff536b 100%); background: linear-gradient(-45deg, #ff7e7e 0%, #ff536b 100%); box-shadow:0 0.1rem 0.1rem rgba(255, 83, 107, 0.15);}
	.hom_mob_list .mob_btn3 i,.nav_list .mob_btn3 i{background: #9e65f3; background: -webkit-linear-gradient(-45deg, #979dff 0%, #9e65f3 100%); background: linear-gradient(-45deg, #979dff 0%, #9e65f3 100%); box-shadow:0 0.1rem 0.1rem rgba(158, 101, 243, 0.15);}
	.hom_mob_list .mob_btn4 i,.nav_list .mob_btn4 i{background: #3db794; background: -webkit-linear-gradient(-45deg, #5ce29f 0%, #3db794 100%); background: linear-gradient(-45deg, #5ce29f 0%, #3db794 100%);box-shadow:0 0.1rem 0.1rem rgba(61, 183, 148, 0.15);}
	.nav_list .mob_btn23 i{background: #00a0d8; background: -webkit-linear-gradient(-45deg, #00c7f2 0%, #00a0d8 100%); background: linear-gradient(-45deg, #00c7f2 0%, #00a0d8 100%);box-shadow:0 0.1rem 0.1rem rgba(0, 131, 176, 0.15);}
	.nav_list .mob_btnc i{background: #8d93b1;background: -webkit-linear-gradient(-45deg, #a6b5ca 0%, #8d93b1 100%);background:linear-gradient(-45deg, #a6b5ca 0%, #8d93b1 100%);box-shadow: 0 0.1rem 0.1rem rgba(141, 147, 177, 0.15);}
	.nav_list .mob_btnapp i{font-size: 0.75rem;}
	.nav_list .mob_btn i.iconimg {background: #f8f8f8; background-position: 50% 20%;background-size: cover;}
	.hom_mob_list span,.nav_list span{display: block;padding-top: 0.2rem;line-height: 0.4rem;}

	
	/* vodlist */
	.vodlist_item {padding: 0.125rem;width: 33.333333%;margin: 0.1rem 0;}
	.vodlist_smt .ranklist_item,.vodlist_smt .ranklist_item:nth-child(3n),.vodlist_smt .ranklist_item:nth-child(3n){width: 100%;margin: 0;}
	.vod_scroll{white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .vod_scroll li{display: inline-block;float: none;}
	.vodlist_wi,.arthom_list,.topiclist,.type_list_menu,.vod_scroll.vodlist_wi,.vodlist_sm,.vodlist_sh{width:100%;margin: 0;}
	.vodlist_wi .vodlist_item {padding: 0 0.5% 0 0;margin: 0.2rem 0;width: 33%; box-sizing: content-box;}
	.vodlist_wi .vodlist_titbox,.arthom_title,.topiclist_title{height: 1rem;line-height: 0.5rem;padding: 0 0.375rem;}
	.vodlist_item .vodlist_sub, .topiclist_blurb {margin: 0.1rem 0 0;}
	.list_scroll{white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	.list_scroll .vodlist_item{display: inline-block;float: none;width: 30%;padding: 0.125rem 0.05rem;}
	.list_scroll.vodlist_sh .vodlist_item{width: 40%;}
	.vodlist_sm .vodlist_titbox{height: auto;display: block;}
	.vodlist_sm .vodlist_title,.vodlist_sh .vodlist_title{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.vodlist_sm .vodlist_item:first-child,.vodlist_sh .vodlist_item:first-child{margin-left: 0.37rem;}
	.vodlist_sm .vodlist_item:last-child,.vodlist_sh .vodlist_item:last-child{margin-right: 0.37rem;}
	.zbvodlist_item{padding: 0;width: 50%;border-top: 1px solid #f8f8f8;}
	.zbvodlist_item::after{content: " ";position: absolute;height: 100%;right: 0;top: 0;z-index: 9;border-right: 1px solid #f8f8f8;}
	.zbvodlist_item:nth-child(2n)::after{border-right: 0;}
	.zbvodlist_thumb {padding-top: 40%;}
	.zbsearchlist .zbvodlist_thumb {height: 2.75rem;}
    .balist_thumb .pic_text{padding: 0.2rem 0.25rem;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-out .35s;transition: all ease-out .35s;}
    .balist_bg{height: 2.5rem; opacity: 0;filter: alpha(opacity=0);}
    .swiper-slide-active .balist_thumb .pic_text,.swiper-slide-active .balist_bg{opacity: 1;filter: alpha(opacity=1);}
	.bg_wtop, .bg_wtop_banner {height: 2.5rem;}
	.wbalist_item {padding-top: 1.75rem;}
	.wbalist_thumb {height: 6rem;}
	.wbalist_titbox{padding: 0.375rem;background-repeat: no-repeat;background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.5));background-image: linear-gradient(transparent,rgba(0,0,0,.5));}
	.wbalist_titbox p {line-height: 0.5rem;text-indent: unset;text-shadow: unset;}
	.wbalist_titbox .vodlist_title {font-size: 0.425rem;}
	.wbalist_titbox .vodlist_sub {font-size: 0.3rem;}
	/* typepage */
	.type_list_menu ul{width: 100%;white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	.type_list{top:2.5rem;}
	.type_list_menu ul{margin: 0;}
	.type_list_menu li {height: 1.125rem;line-height: 1.125rem;padding: 0 0.25rem;font-size: 0.375rem;}
	.type_list_menu li:first-child{padding-left: 0.375rem;}
	.type_list_menu li:last-child{padding-right: 0.375rem;}
	.zbvodlist_wi{padding-top: 0.2rem;border-bottom: 1px solid #f8f8f8;}
	.ranklist_txt .title{font-size: 0.45rem;}
	
	
	/* detailpage */
	.detail_list_box {padding-top: 4.7rem;}
	.detail_list{padding-bottom: 0.25rem;border-radius: 0.375rem 0.375rem 0 0;}
	.content_thumb {width: 35%;margin-top: -1.7rem;}
	.content_detail .pannel_head{margin: 0 0 0.125rem;}
	.content_detail .title {font-size: 0.475rem;}
	.content_detail {width: 65%;padding: 0 0 0 0.375rem;}
	.content_min {margin-top: 0.375rem;}
	.content_top {margin-top: -1.7rem;}
	.content_detail .playbtn {width: 48%; margin-right: 4%;}
	.content_detail .playbtn.o_bg{margin-right: 0;}
	.content_detail .playbtn a{width: 100%;border-radius: 32px;}
	/* star */
	#rating.rating-list {padding: 0.5rem;}
	#rating span.label{display: block; overflow: hidden; height: 0.6rem; line-height: 0.6rem; margin-right: 0; text-align: center; margin-bottom: 0.25rem; float: none; font-size: 0.375rem;}
	#rating .rating li.big-star{float: none;display: inline-block;}
	#rating .rating-star{display: block; overflow: hidden; text-align: center; line-height: 0.3rem;width: 100%;margin: auto; padding: 0;}

	/* vod_artlist */
	.art_relates li{width: 100%;margin-right: 0;border-top: 1px solid #f8f8f8;}
	.art_relates .artlr_tit {width: calc(100% - 2.5rem);font-weight: normal;font-size: 0.4rem;}
	.art_relates .artlr_pic {width: 2.5rem;}
	.art_relates .artlr_b {line-height: 0.575rem;max-height: 1.125rem;}
	.art_sider_row .art_relates .artlr_tit {font-size: 0.4rem;}
	
	/* playpage */
	.play_box.play_video {padding: 0;}
	.play_pan.pannel {margin: 0.25rem 0;}
	.player .title{color: #333;}
	.play_boxbg,.play_but{background: none;}
	.play_but {padding: 0 0.275rem;}
	.play_but a{font-size: 0.35rem;}
	.play_but a,.player a, .player span{color: #666;}
	.play_but .btns_disad, .play_but .btns_disad:hover {color: #ccc!important;}
	.player .split_line {background-color: #d6d6d6;}
	.fodong_box {padding: 0 0.5rem;font-size: 0.325rem;}
    .wx_but a{display: block; width: 100%; height: 1rem; text-align: center; border: 0; border-radius: 0.8rem; font-size: 0.375rem; font-weight: 700; line-height: 1rem; background: #ff5f00; background: -webkit-linear-gradient(270deg,#f7ab1c,#fa6161 52%,#ff5f00); background: linear-gradient(270deg,#f7ab1c,#fa6161 52%,#ff5f00); box-shadow: 0 0 0.25rem 0 rgba(255,95,0,.3);color: #fff;}
	.content_playlist li{width: 33.333333%;}
	.content_playlist li:nth-child(3n) {padding-right: 0;}
	.tabs ul.title_nav {white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	.tabs .tab-play {display: inline-block;overflow: hidden;float: none;}
	.play_tips p {margin-top: 0.1rem;}
	.lock_tips a{display: block; height: 0.9rem; width: 3rem; margin: auto; margin-top: 0.2rem; text-align: center; border: 0; border-radius: 0.8rem; font-size: 0.375rem; line-height: 0.9rem; background: #ff5f00; background: -webkit-linear-gradient(270deg,#f7ab1c,#fa6161 52%,#ff5f00); background: linear-gradient(270deg,#f7ab1c,#fa6161 52%,#ff5f00); box-shadow: 0 0 0.25rem 0 rgba(255,95,0,.3); color: #fff;}
	.zbvodlist_play{width: 50%;}
	.zbvodlist_play:nth-child(2n) a{margin:0;}
	.play_vlist_box {padding-top: 0.2rem;}
	.play_vlist_thumb,.zbo .play_vlist_thumb.zboad{width: 40%;height: 2.2rem;border: 0.025rem solid #f8f8f8;}
	.play_vlist_text{width: 60%;height: 2.2rem;}
	.play_vlist_title{font-size: 0.4rem;color: #111; height: 1.2rem;line-height: 0.6rem;}
	.play_vlist_now{font-size: 0.35rem;}
	
	/* showpage */
	.pannel.vod_all {width:100%;padding: 0;margin-top: 0;background-color: #fff;}
	.wrapper_fl {border-top: 1px solid #f8f8f8;}
	.screen_list{margin: 0.225rem 0;height: 0.775rem;padding: 0;}
	.list_type_title {padding: 0 0.375rem;margin: 0.225rem 0;}
	.list_type_title span,.listnow.nav_fixed .list_type_title span{right: 0.375rem;}
	.sx_total {margin: 0.025rem 0;}
	.listnow.nav_fixed .list_type_title{width: 100%;padding: 0 0.375rem;}
	
	/* artpage */
	.art_nav_row,.art_list_row,.art_sider_row{width: 100%;}
    .art_sider_row{padding: 0;}
	.art_navlist{height: 1.125rem;margin: 0;padding: 0;border-radius: 0;background-color: #fff;}
	.art_navlist.nav_fixed{position: unset;}
	.art_navlist li {display: block;float: left;margin: 0;}
	.art_navlist li a{margin: 0;line-height: 1.125rem;}
	.art_navlist li:first-child a{padding-left: 0.375rem;}
	.art_navlist li:last-child a{padding-right: 0.375rem;}
	.article_box .article_title{font-size: 0.6rem;margin: 0 0 0.4rem 0;}
	.art_banner,.artbanner_thumb{height: 5rem;}
	.artbanner_title {padding: 0.5rem 0.375rem;font-size: 0.5rem;line-height: 0.65rem;}
	.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0.1rem;}
	.swiper-pagination-bullet {width: 0.1rem;height: 0.1rem;}
	.art_prev,.art_next{float: left;width: 100%;text-align: left;padding: 0;font-size: 0.375rem;}
	.art_next{padding-top: 0.25rem;}
	/* artlist */
	.artlist_title {font-size: 0.425rem;line-height: 0.65rem;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
	.artlist_title{max-height: 1.25rem;}
	.artlist_txt,.artlist_thumb{height: 2rem;}
	.artlist_item .artty{padding-right: 0.3rem;}
	.artlist_txt {width: calc(100% - 3rem);padding-right: 0.3rem;}
	.artlist_img {width: 3rem;}
	.artlist_item {padding: 0.4rem 0;}
	.artlist_item .pic_text {padding: 0;border: 0;}
	.artlist_item .artlist_txt p {font-size: 0.3rem; line-height: 0.45rem;}
	.no_artpic.artlist_item .artty {margin: 0.25rem 0 0;padding: 0}
	.artlist_item:nth-child(5n) .artlist_txt,.artlist_item:nth-child(5n)  .artty {width: 100%;padding: 0;}
	.artlist_item:nth-child(5n) .artlist_img {width: 100%;margin-top: 0.3rem;}
	.artlist_item:nth-child(5n) .artlist_thumb {height: 5rem;}
	.arthom_item,.topiclist_item{width: 49.75%;padding: 0 0.5% 0 0;margin: 0.2rem 0;box-sizing: content-box;}
	.day_date {font-size: 1rem;line-height: 1rem;}
	.art_from {padding: 0.25rem 0.375rem;}
	
	/* searchlist */
	.searchlist_img {width: 3rem;}
	.searchlist_item .vodlist_thumb {height: 4rem;}
	.searchlist_titbox {width: calc(100% - 3rem);padding: 0.6rem 0 0 0.375rem;}
	
	/* topiclist */
	#topic_page .hot_list{width: 100%; padding: 1.25rem 0 0 0;}
	.topiclist_con .topiclist_thumb {padding-top: 50%;}
	.topic_fm{border-radius: 0;}
	.topiclist_text {padding: 0.5rem 0.375rem;}
	.topiclist_text p{-webkit-line-clamp: unset;}

	/* rank */
	.rankpage .tab_rank label {padding: 0.375rem;}
	.rank_info{padding: 0.375rem;margin: 0;width: 100%;}
	.rankpage .tab_rank::after{border: 0;}
	.rankpage .title_nav{border-bottom: 1px solid #f8f8f8;}
	.part_eone a{font-size: 0.4rem;}
	
	/* history */
	.history_bg{display: block;position: fixed;z-index: 9999999999;top: 0;left: 0;right: 0;bottom: 0; background: #fff;}
	.history_bg.hfixed{top: 0;left: 0;width: 100%;height: 100%;transform: none;border-radius: 0;}
	.mac_history_box li.clear_btn{left: 0.375rem;}
	.history_title a{right: 0.375rem;}
	.mac_history_box ul{width: calc(100% + 0.25rem);margin-left: -0.125rem;}
	
	.input_wrap .comment_content {padding: 0.35rem;margin: 0.2rem 0 0;}
	.comm_list .comm_each {padding-left: 1.25rem;}
	.comm_list .comm_avat{top: 0.6rem;width: 1rem;height: 1rem;}
	.input_wrap{padding: 0;margin: 0;box-shadow: unset;border: 0;}
	.input_wrap .comm_tips {width: 100%;margin-bottom: 0.1rem;}
	.input_wrap .comment_submit,.input_wrap .verify,.input_wrap .comm-code{width: 32%;}
	.input_wrap .comment_submit,.input_wrap .comm-code{margin-left: 2%;}
	.input_wrap .verify{margin: 0;}
	.comm_list .comm_tops {padding: 0.2rem 0.3rem;}
	.mac_report {padding: 0.1rem 0;}

	.page li {margin-left: 4%;width: 22%;float: left;}
	.page li:first-child {margin-left: 0;}
	.page li .num, .page li a {padding: 0.125rem 0;width: 100%;}
	
	.mac_pop,.ikan_content{overflow: auto;}	
	.link_text li {float: none;display: inline-block;}
	
	/* foot */
	.foot {padding: 0.5rem 0;}
	.fo_t {margin-top: 0.5rem;}
	.map_nav a,.fo_t p{margin: 0;font-size: 0.275rem!important;line-height: 0.45rem;}
	.map_nav .split_line {height: 0.25rem;margin-left: 0.125rem;margin-right: 0.125rem;}
	.extra {right: 0.375rem;bottom: 1rem;}
	.extra li {padding: 0.2rem 0 0;}
	.extra li a, .extra li .mobil_q {width: 1rem;height: 1rem;line-height: 1rem;}
	.extra .share_ico{font-size: 0.4rem;}
}

@media (max-width: 820px) and (min-width: 481px){
	.header.nav_fixed,.listnow.nav_fixed {position: unset;box-shadow: unset;}
	.hot_banner .header.nav_fixed {background: none;}
}

@media (max-width: 480px){
    .mac_pop {max-width: 90%!important;}
}