@charset "utf-8";
a,li{
	outline: 0;
	border: none;
	-webkit-tap-highlight-color: transparent;
}
/* all */
html{height: 100%}
body{margin: 0; background:#fff; font-family: Optima-Regular,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,Arial,Helvetica,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%}
.balist_item img, .vodlist_thumb img {top: 0;left: 0;object-fit: cover;position: absolute;}
.balist_item img, .vodlist_thumb img {height: 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;resize:none}
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: #1DB69A;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('/themes/fonts/iconfont.eot');src: url('/themes/fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('/themes/fonts/iconfont.woff2') format('woff2'),url('/themes/fonts/iconfont.woff') format('woff'),url('/themes/fonts/iconfont.ttf') format('truetype'),url('/themes/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: #1DB69A}


/* 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,.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: #1DB69A;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: #1DB69A; 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: #1DB69A}
.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: #1DB69A; 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: #1DB69A;color: #fff;padding: 0 0.4rem;border-right: 1px solid #1DB69A}
.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: #1DB69A;color: #fff;opacity: 1;z-index: 9;background: -webkit-linear-gradient(-45deg, #1DB69A 0%, #1A9A83 100%);background: linear-gradient(-45deg, #1DB69A 0%, #1A9A83 100%)}
.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: #1DB69A}
.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: #1DB69A;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_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: #1DB69A}
.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{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{opacity: 1;filter: alpha(opacity=1)}
.hot_list: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: 140%; background:url(//img.meituan.net/csc/c161ce957d497cddf9a16ff0d9aa7393108755.png) 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:#1DB69A}
.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: #1DB69A}
.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)}

.vodlist_item:hover a,.topiclist_item:hover a,.artlist_item:hover a,.arthom_item:hover a,.gw_action a:hover{color: #1DB69A}
/* 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.1rem; width: 16.666666%}
.vodlist_thumb{ position: relative; display: block; padding-top: 155%; background: url(//img.meituan.net/csc/c161ce957d497cddf9a16ff0d9aa7393108755.png) no-repeat #ebebeb; background-position: 50% 50%; background-size: cover;border-radius: 3px;overflow: hidden;box-shadow: 2px 4px 15px rgba(51, 51, 51, 0.2);
}
.vodlist_thumb .play,.balist_thumb .play,.topiclist_thumb .play{background: rgba(0,0,0,0.4) url(/themes/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: #ff443f;font-weight: 700}
.vodlist_titbox,.arthom_title,.topiclist_title{width: 100%;overflow: hidden;font-size: 0.375rem;margin: 0.2rem 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_item .vodlist_title{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: 65%}
.vodlist_sm .vodlist_thumb{background: url(//img.meituan.net/csc/c161ce957d497cddf9a16ff0d9aa7393108755.png) no-repeat #ebebeb; background-position: 50% 50%; background-size: cover;border-radius: 3px;overflow: hidden}
.vodlist_sh .vodlist_thumb{background: url(//img.meituan.net/csc/c161ce957d497cddf9a16ff0d9aa7393108755.png) no-repeat #ebebeb; background-position: 50% 50%; background-size: cover;border-radius: 3px;overflow: hidden}


/* 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: #1DB69A; line-height: 0.45rem; display: block; float: left; overflow: hidden; border-radius: 0.05rem; margin-right: 0.25rem; border: 1px solid #1DB69A}
.artlist_item .artyd{float: right}
.artlist_img{width: 4.5rem; float: right}
.artlist_thumb{position: relative; display: block; height: 3rem; background: url(/themes/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(/themes/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: #1DB69A; 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: #1DB69A;background: -webkit-linear-gradient(270deg,#f7ab1c,#fa6161 52%,#1DB69A);background: linear-gradient(270deg,#f7ab1c,#fa6161 52%,#1DB69A);box-shadow: 0 0 0.25rem 0 rgba(255,95,0,.3);color: #fff}
.article_box a:hover.digg_link{color: #fff; background: #1DB69A}
.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(/themes/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.meituan.net/csc/fb743a63acac5592e0e07a4154d11d76424294.png) 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: #1DB69A;font-style: normal}
.pannel .search_tips {display: block;overflow: hidden;margin: 0.2rem 0}
.pannel .search_tips a {color: #1DB69A}
.pannel h2.title i {color: #1DB69A;font-size: 0.6rem;vertical-align: top;margin-right: 0.15rem;background-image: linear-gradient(to left top, #e4785a, #f75e63);-webkit-background-clip: text;-webkit-text-fill-color: transparent}

/* 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.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.content_detail .data_style {color: #111}
.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: #1DB69A;border: 1px solid #1DB69A}
.content_detail .playbtn a:hover{opacity: .7}
.content_detail .playbtn.o_down a {background: #fff;border: 1px solid #249ff1;color: #249ff1}
.content_detail .playbtn.nourl a {background: #c1c1c1;border: 1px solid #c1c1c1;color: #fff}
.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: #1DB69A;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)}
span.list_tips{color: #fff;opacity: .7}

/* 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: #1DB69A}
.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 #1DB69A; font-size: 0.3rem; color: #1DB69A; 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.1rem; 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.meituan.net/csc/fb743a63acac5592e0e07a4154d11d76424294.png) 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}
.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: #1DB69A}
.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-top: 0.25rem}

.player .data a{background: #16161b;display: inline-block;text-align: center;width: auto;height: 0.5rem;line-height: 0.5rem;padding: 0 0.2rem;border-radius: 20px;font-size: 0.3rem}

.player .video_title, .player .ms_p{float: left; margin-right: 0.375rem}
.player .text_score,.cblock .text_score {color: #ff443f;font-weight: 700;font-size: 0.375rem;vertical-align: top}
.player .title,.player .title a {color:#ff443f}
.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.active a{color: #FFF;background:#1DB69A;border: 1px solid #1DB69A}
.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: none; background: #f8f8f8; text-align: center}
.hongbo_tips a{overflow: hidden; border: 0; background: none; color: #ff0000; padding: 0}

.zbo .play_vlist_thumb{background: url(/themes/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}
/*0210修改播放器列表*/
.play_source_tab{border-bottom:1px solid #f1f1f1}
.play_source_tab a{position:relative;display:block;overflow:hidden;float:left;padding:.25rem;font-size:.4rem}
.play_source_tab a.active{color:#1db69a}
.play_source_tab a.active:after{content:" ";position:absolute;left:50%;bottom:0;width:100%;height:2px;background:#1db69a;border-radius:2px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0)}
.player_infotip{padding:0 .25rem;margin-bottom:.5rem}
.playlist_notfull{position:relative}
.playlist_notfull ul{height:5rem;overflow:hidden}

.play_list_box{margin:.55rem 0 .325rem}
.content_playlist li a,.listshow span{display:block;position:relative;padding:0 .25rem;border:1px solid #f1f1f1;text-align:center;background:#f8f8f8;border-radius:4px;line-height:1rem;height:1rem;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.listshow{position:absolute;bottom:0;right:0;width:16.6666667%;padding-right:.25rem;padding-bottom:.25rem}
/*end*/

/*pc端播放器左侧列表*/
.playlistbox_side .tab-top{display:none;position:absolute;z-index:999;top:100%;right:0;padding:10px 15px;border-radius:2px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.playlistbox_side .tab-top li{line-height:25px;border-bottom:1px solid #eee;text-align:center}
.playlistbox_side .tab-top li a{font-size:12px}
.playlistbox_side .tab-top li:last-child{border-bottom:0}
.playlistbox_side .tab-top:after{content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:-5px;right:15px;background-color:#fff}
.playlist_side_head{margin:.25rem 0;line-height:.625rem;position:relative}
.playlist_side_head .text_muted a{color:#fff}
.playlist_side_head .text_muted a:hover{color:#1db69a}
.playlist_side_head .title{color:#fff;font-size:.38rem;margin:0}
.playlist_side_head .title a{color:#fff;font-size:.38rem;margin:0}
.content_playlist_side li{float:left;width:33.333333%;padding:.1rem}
.playlistbox_side .cont{display:none}
.playlistbox_side .cont.active{display:block}
.playlist_side_head .tab-top li a{color: #333}
.playlist_side_head .tab-top li.active a{color: #1DB69A}

/*手机端播放列表切换播放源*/
.pSource .sSourcee{display:none}
.pSource .sSourcee.show{display:block}
.pSource .sTit{color:#666;float:left}
.pannel_head .mod-head .tanchuliebiao,.pannel_head em{color:#ff443f;font-size: 0.38rem}
.text_muted .mod-head a em:hover{color:#1db69a}
.pSource .sTit,.sSourcee{float:left}
.popWinMask{position:fixed;width:100%;height:100%;overflow:hidden;background:0 0;top:0;left:0;z-index:1000;display:block;transition:background .5s ease-out;-moz-transition:background .5s ease-out;-webkit-transition:background .5s ease-out;-ms-transition:background .5s ease-out;-o-transition:background .5s ease-out;pointer-events:none}
/*.popWinMask .popWin{position:absolute;left:50%;top:-100%;min-width:18rem;border:1px solid #fff;background-color:#fff;text-align:center;padding-top:1rem;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;border-radius:.27rem;-moz-border-radius:.27rem;-webkit-border-radius:.27rem;-ms-border-radius:.27rem;-o-border-radius:.27rem;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);display:block}*/
.popWinMask .popWin{position:absolute;left:50%;top:-100%;width:90%;max-width: 90%!important;border:1px solid #fff;background-color:#fff;text-align:center;padding-top:1rem;transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;border-radius:.27rem;-moz-border-radius:.27rem;-webkit-border-radius:.27rem;-ms-border-radius:.27rem;-o-border-radius:.27rem;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);display:block}
/*.popWinMask .playSource_popWin{position:absolute;left:0;top:auto;bottom:-100%;width:100%;min-width:100%;border:0;padding-top:12px;text-align:left;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-webkit-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0)}*/
.popWinMask .playSource_popWin{z-index: 9999999995!important;
    min-height: 0.5rem;
    height: auto!important;
    max-height: 95%;
    position: fixed;
    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);}
.popWinMask .playSource_popWin li{width:100%;float:left;line-height:1rem}
.Modtransition,.popWinMask .playSource_popWin li,.popWinMask .popWin .pBtn{border:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,transparent),color-stop(10%,#eee));background-position:left top;background-repeat:repeat-x;background-size:100% 1px}
.sSource{display: block;width: 100%;font-size:0.4rem;overflow: hidden;border-radius: 0.1rem;border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;text-align: center;}
.popWinMask .popWin .pBtn em.all.gray{color:#666;width:100%;float:none;display:block;border:0;font-size:.4rem;line-height:1rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;text-align:center}
.popWinMask.popWinMask_transition{pointer-events:auto;background:rgba(0,0,0,.5);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
/*.popWinMask .playSource_popWin.popWin_transition{top:auto;bottom:0}*/
.popWinMask .playSource_popWin.popWin_transition{top:50%}
.popWinMask .playSource_popWin .sTit{text-align:center;color:#333;font-size:.45rem;padding:0 .2rem .2rem;line-height:.65rem}
.popWin li.show{color: #1DB69A}
.title .active{display:block}
.title li{display:none}
.playSource_popWin li .sSource a em{color: #333}
.playSource_popWin  li.show a em{color: #1DB69A}

/* 播放页搜索 */
.play_search{width:100%;height:1.25rem;position:fixed;background-color:#282832;position:fixed;top:0;z-index:9999999;display:none}
.play_search .form{left:.3rem;right:1.8rem;height:.8rem;padding:0 1.7rem 0 .5rem;border-radius:.8rem;background-color:#000;position:absolute;top:0;bottom:0;margin:auto}
.play_search .form .input{color:#333;width:100%;height:100%;min-height:.5rem;line-height:.5rem;font-size:.4rem;margin:0;border:none}
.play_search .form button{border:none;background:0 0;position:absolute;right:.3rem;top:0;width:.8rem;height:.8rem;line-height:.8rem;font-size:.4rem;color:#333}
.play_search .search-cancel{font-size:.4rem;width:2rem;line-height:1.3rem;color:#fff;text-align:center;float:right}
.play_search i{display:block;position:absolute;top:0;line-height:1.25rem;padding:0 .35rem;color:#aaa;font-size:.35rem;border:none;background:0 0;position:absolute;right:.1rem;top:0;width:.8rem;height:.8rem;line-height:.8rem;font-size:.4rem}

.play_search .input{background: rgba(0, 0, 0, 0.1);}


/* downpage */
#downlist {padding: 0.5rem 0;border-bottom: 1px solid #f1f1f1}
.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}

.down_vodl {width: 1.35rem;float: left;margin-right: 0.4rem}
.down_vodl .vodlist_thumb{padding-top: 0;height: 1.875rem}
.down_vodr {float: left;width: calc(100% - 1.75rem)}

.down_context a
.pannel_head h2.title{font-size: 0.575rem}

/* 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: #1DB69A;font-weight: 700}


/* zbtypepage */
.zbvodlist_thumb{width: 40%;margin: 0 auto;position: relative;display: block;padding-top: 48%;background: url(/themes/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 #1DB69A}
.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.1rem 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: #1DB69A}
.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: #1DB69A;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: #1DB69A}
.ranklist_img {width: 2rem;float: left}
.ranklist_thumb {position: relative;display: block;height: 2.65rem; background: url(//img.meituan.net/csc/c161ce957d497cddf9a16ff0d9aa7393108755.png) no-repeat #ebebeb;background-position: 50% 50%;background-size: cover;border-radius: 3px;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: #1DB69A;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: #1AB69A; color: #fff; 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: #1DB69A}
.screen_list.sx_tz li a{padding: 0 0.5rem 0 0;font-size: 0.45rem;color: #333}
.screen_list li.yyob a{position: relative;background-color: #1AB69A;color: #fff;font-weight: 700}
.screen_list li.ik_fl a{color: #1DB69A;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: #1DB69A}
.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: #1DB69A}
.show_no{text-align: center; padding: 1rem 0.5rem; background: #f8f8f8; border-radius: 4px}

/* ads */
.ads.ads_w{max-height: 90px}
.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}
.yyob_bottom_ads {display: block;position: fixed;z-index: 999;width: 100%;max-height: 110px!important;left: 0;bottom: 0}
.bottom_ads_box{display: block;overflow: hidden;max-height: 110px!important}
.yyob_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}
.gudingzanzhu_top {display: inline-block;text-overflow: ellipsis;white-space: nowrap;position: absolute;font-size: 0.3rem;color: #fff;top: 0.25rem;right: 0.38rem;background: rgba(0,0,0,.6);padding: 0px 0.3rem;border-radius: 4px 0 4px 4px;line-height: 0.5rem;z-index: 11}


/* 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: #1db69a!important;color: #fff;border: 1px solid #1db69a!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: none;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: 30%;height: .9rem;line-height: .8rem;border: 1px solid #f1f1f1;background: #f8f8f8;border-radius: 4px}
.gbook_form textarea,.msg_code input:focus{outline:0;border: none;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(/themes/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: none;background: #f8f8f8;border-radius: 4px}
.input_wrap .comment_submit{width: 2.5rem;height: .8rem;background: #1DB69A!important;color: #fff;border: 1px solid #1DB69A!important;display: block;cursor: pointer;font-size: 0.35rem;border-radius: 4px;margin-left: 0.2rem;margin-top:.1rem}
.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}
.show,.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}
.info_left {float: left;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: #ea0000;z-index: 2;background-image: linear-gradient(to left top, #e4785a, #ff0008);-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.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: #1DB69A}
.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: #1DB69A;display: none}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {cursor: default;color: #1DB69A}
.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: #1DB69A}
.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: #1DB69A}
.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: #1DB69A}
.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: #1DB69A}
.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: #1DB69A}
.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: #1DB69A}
.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: #1DB69A}
.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: #1DB69A}
.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: #1DB69A}
.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(82, 82, 88, 0.8);color: #FFFFFF}
.extra li a.backtop:hover {background-color: #525258}
.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: #1DB69A; border: 1px solid #1DB69A; color: #fff}
.page_tips {display: block;overflow: hidden;text-align: center;margin-bottom: 0.25rem}
.page_tips span{color: #1DB69A}

/* footer */
.foot{ padding: 0.75rem 0; text-align: center; color: #999;margin-top: 0.5rem;background: #181818}
.map_nav a {font-size: 0.325rem}
.foot a {color: #999;font-size: 12px}
.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;float: left;background-size: cover}
.dropdown a.bds_weixin{background-image: url(/themes/img/share.png);background-position: 0px 0px}
.dropdown a.bds_sqq{background-image: url(/themes/img/share.png);background-position: 0px -0.8rem}
.dropdown a.bds_tsina{background-image: url(/themes/img/share.png);background-position: 0px -1.6rem}
.dropdown a.bds_qzone{background-image: url(/themes/img/share.png);background-position: 0px -2.4rem}
.dropdown a.bds_more{background-image: url(/themes/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: #1DB69A;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: #1DB69A;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: #1DB69A;border:1px solid #1DB69A;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: none;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: none;line-height: 1.125rem}
.mac_report .msg_code img {cursor: pointer;height: 1.125rem;margin-left: 2%;border: none;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}

.yyob_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)}
.yyob_content_fanli{position: fixed; top: 50%; left: 50%; z-index: 999999999999; width: 95%; 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)}
.yyob_content_hd{padding: .65rem 0 0}
.yyob_content_title{font-weight: 400; font-size: 0.425rem; color: #333; margin: 0px}
.yyob_content_bd{padding: 0.25rem 0 .65rem;color: #666; word-wrap: break-word; word-break: break-all; text-align: center}
.yyob_content_bd .info_img {display: block;margin: auto;width: 6rem;height: 6rem}
.yyob_content_bd .info_img_fanli {display: block;margin: auto;width: 9rem;height: 13rem}
.yyob_content_bd p{margin: 0.125rem 0; line-height: 0.45rem}
.yyob_content_ft{position: relative; line-height: 1.2rem; font-size: 0.4rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex}
.yyob_content_ft a{position: relative; display: block;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1}
.yyob_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)}
.yyob_content_ft a:first-child:after {border-left: none}
.yyob_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 */
.dyke_history_bg{display: none;}
.dyke_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;}
.dyke_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;}
.dyke_history_box::-webkit-scrollbar{display: none;}
.dyke_history_box .vodlist_titbox{text-align: center;}
.dyke_history_title{background: #fff; position: fixed; width: 100%; z-index: 10; text-align: center; height: 1.25rem;border-bottom: 1px solid #f8f8f8;}
.dyke_history_title span{font-size: 0.45rem; color: #111; line-height: 1.25rem;}
.dyke_history_title a{position: fixed; right: 0.575rem;z-index: 20;line-height: 1.25rem;}
.dyke_history_title a.clean_history{position: fixed; left: 0.575rem;right: unset;z-index: 20;line-height: 1.25rem;}
.dyke_history_title a:hover,.dyke_history_box li.clear_btn a:hover,.dyke_history_box li a:hover .vodlist_title{color: #1DB69A!important;}
.dyke_history_box li{margin-left: 0!important;}
.dyke_history_box li.clear_btn{position: fixed; top: 0; left: 0.575rem; z-index: 20;line-height: 1.25rem;}
.dyke_history_no,.dyke_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;}
.dyke_history_box .user_log_tips a{display: none;background: #1DB69A; color: #fff!important; padding: 0.25rem 0.8rem; border-radius: 32px; opacity: 1!important; font-size: 0.35rem!important;}
.user_log .dyke_history_box .user_log_tips a{display: block;line-height: 0.375rem;}
.dyke_history_box .dyke_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;}
.dyke_history_box .vodlist_item .vodlist_title{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: inherit}

@media (min-width: 820px){
	html{font-size: 40px!important}
	.yyob_content {max-width: 11.25rem}
	.yyob_content_fanli {max-width: 11.25rem}
	.dyke_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,.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}
	.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{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,.dyke_history_no, .dyke_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%}
	.showpc{display: block!important;}
}

@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,.hot_list: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,.map_nav{display: none!important}
  	/**下面这一行移除了.hidden_mb,移动端不展示猜你喜欢 如需显示请添加**/

  	.balist_thumb{padding-top: 120%;}

	.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{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: 3px;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}
	.player .data a {background: #ebebeb}
	.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,.dyke_history_bg{-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: -webkit-transform 300ms;transition: transform 300ms;}
	.menu_block,.dyke_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}
	
	.pannel_head.down_title,.down_context{padding: 0 0.375rem 0 0}
	.down_vodl{margin-right: 0.375rem;margin-left: 0.375rem}
	.down_vodr{width: calc(100% - 2.1rem)}
	.down_vodl .vodlist_thumb {border-radius: 3px}
	#downlist {padding: 0.25rem 0}

	/* 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: #1DB69A;color: #fff;padding: 0;border-right: 1px solid #1DB69A}
	.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: #1DB69A;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: 1rem; font-size: 0.45rem; border-radius: 100%;color: #fff; width: 1rem; height: 1rem; 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}

	
	.index_vodlist_bottom{display:flex;width:100%;height:65px;padding:0 9px 10px;justify-content:space-between}
	.goToChannel{display:flex;justify-content:center;align-items:center;width:4.5rem;height:39px;line-height:39px;border-radius:4px;font-size:.35rem;color:#666;background:#f5f5f5}

	/* 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.1rem;width: 30.8%; box-sizing: content-box}
	.vodlist_wi .vodlist_titbox,.arthom_title,.topiclist_title{height: 1rem;line-height: 0.5rem;padding: 0 0.1rem}
	.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)}

	/* 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.5rem 0.5rem 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}

	/* 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:.8rem;font-size:.375rem;font-weight:700;line-height:1rem;background:#1db69a;background-image:-webkit-linear-gradient(left,#ff645f 0,#ff443f 100%);background-image:-o-linear-gradient(left,#ff645f 0,#ff443f 100%);background-image:linear-gradient(to right,#ff645f 0,#ff443f 100%);-webkit-box-shadow:0 .3rem .3rem #ffd1ce;background-repeat:repeat-x;box-shadow:0 .2rem .2rem #ffd1ce;letter-spacing:.05rem;color:#fff}
	.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: #1DB69A; background: -webkit-linear-gradient(270deg,#f7ab1c,#fa6161 52%,#1DB69A); background: linear-gradient(270deg,#f7ab1c,#fa6161 52%,#1DB69A); 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_tag {font-size: 0.325rem;color: #878787}
	.play_vlist_now{font-size: 0.35rem}
	
	/*0210修改播放器列表*/
	.play_source_tab {padding: 0 0.125rem}
	.play_source_tab a {float: none;display: inline-block;overflow: unset;padding: 0.25rem 0;margin: 0 0.25rem}
	.content_playlist,.playlist_notfull ul{padding: 0;height: 1rem;overflow: hidden}
	.playlist_full .content_playlist,.play_list_box .playlist_full .content_playlist{height: auto;padding: 0 0.25rem}
	.playlist_full .content_playlist li{width: 33.333333%;padding: 0 0.125rem;margin-bottom: 0.25rem}
	.play_list_box .content_playlist,.plot_stem .content_playlist{padding: 0 0.325rem;overflow-y: hidden;overflow-x: auto}
	.play_list_box .content_playlist li,.plot_stem .content_playlist li {float: none;display: inline-block;width: 30%;padding: 0 0.05rem}
	.content_playlist li {width: auto;min-width: 2.75rem;padding: 0 0.125rem}
	.play_list_box .playlist_full .content_playlist li,.plot_stem .playlist_full .content_playlist li{float: left;display: block;width: 33.333333%;padding: 0 0.125rem}
	.play_list_box .content_playlist li:last-child, .plot_stem .content_playlist li:last-child, .play_source_tab a:last-child {margin-right: 0.325rem}
	.play_list_box .playlist_full .content_playlist li:last-child, .plot_stem .playlist_full .content_playlist li:last-child {margin: 0}

/*end*/

	/* 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: 47.5%;padding: 0 0.5% 0 0;margin: 0.2rem 0.1rem;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: 4.5rem}
	.searchlist_titbox {width: calc(100% - 3rem);padding: 0.3rem 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 */
	.dyke_history_bg{display: block;position: fixed;z-index: 9999999999;top: 0;left: 0;right: 0;bottom: 0; background: #fff;}
	.dyke_history_bg.hfixed{top: 0;left: 0;width: 100%;height: 100%;transform: none;border-radius: 0;}
	.dyke_history_title a.clean_history{left: 0.375rem;}
	.dyke_history_title a{right: 0.375rem;}
	.dyke_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: 50%;margin-bottom: 0.1rem}
	.input_wrap .comment_submit,.input_wrap .verify,.input_wrap .comm-code{width: 20%}
	.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,.yyob_content{overflow: auto}	
	.mac_pop,.yyob_content_fanli{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}
}