@charset "utf-8";
/*! Email admin@wlxiu.cn */
/* all */

/* container */








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




/* hotbanner */

.hot_list .vodlist_sub{color: #ddd;}

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

.vodlist_thumb .play,.balist_thumb .play{position: absolute;  top: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.3) url(../fonts/bd4573457d24439c84aeda62cc23f5b7.woff) center no-repeat;}
.vodlist_thumb .play,.balist_thumb .play,.artlist_thumb .look{position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;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,.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,.arthom_item .pic_text,.ranklist_thumb .pic_text{display: block;width: 100%;position: absolute;bottom: 0;left: 0;padding: 0.125rem 0.25rem;text-align: right;font-size: 0.3rem;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;background-repeat: no-repeat;background-image: linear-gradient(transparent,rgba(0,0,0,.5));color: #FFFFFF;}
.vodlist_thumb .text_dy,.ranklist_thumb .text_dy{color: #ff5f00;font-weight: 700;}
.arthom_title{width: 100%;overflow: hidden;font-size: 0.375rem;margin: 0.25rem 0;line-height: 0.55rem;height: 1.125rem;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.vodlist_sub {color: #999;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.vodlist_item .vodlist_sub{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_smt .ranklist_item {float: left;width: 32%;margin-right: 2%;}
.vodlist_smt .ranklist_items {float: left;width: 32%;margin-left: 1.33%;}
.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;}

.tit_up .pannel_head .title{float: left;margin-right: 0.5rem;}
.tit_up .rank_hom .pannel_head .title{float: none;margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: .875rem;}


/* artlist */

.artlist_item .pic_text,.artbanner_item .pic_text{padding: 1px 0.15rem; font-size: 0.3rem; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; color: #ff5f00; line-height: 0.45rem; display: block; float: left; overflow: hidden; border-radius: 0.05rem; margin-right: 0.25rem; border: 1px solid #ff5f00;}


/* pannel */
.pannel {position: relative;padding: 0rem 0 0;}

.pannel_head .title {margin: 0;}
.pannel_head h2.title{font-size: 0.575rem;}

.pannel_head a.v_change i.iconfont{display: inline-block;color: #ff5f00;vertical-align: top; -webkit-transition:all .3s;transition:all .3s;}
.pannel_head a.v_change:hover i.iconfont{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.pannel .search_tips {display: block;overflow: hidden;margin: 0.2rem 0;}
.pannel .search_tips a {color: #ff5f00;}
.pannel h2.title i {color: #ff5f00;font-size: 0.6rem;vertical-align: top;margin-right: 0.15rem;}
.pannel .new_date {display: inline-block;text-align: center;width: auto;line-height: 0.45rem;padding: 0 0.15rem;margin-left: 0.1rem;border-radius: 10px;background: #ff5f00;color: #fff;}

.rank_hom .list_info {padding: 0.4rem 0.4rem 0.4rem 0.4rem;background: #f8f8f8;border-radius: 4px;}
.rank_hom .rank_info{width: 25%;padding: 0.3125rem;margin: 0.125rem 0;}
/*.rank_hom .ranklist_item,.rank_hom .part_eone{border-top: 1px solid #f2f2f2;}*/
/*.rank_hom .ranklist_items,.rank_hom .part_eone{border-top: 1px solid #f2f2f2;}*/


/* rank */
.part_nums{position: relative; display: block; float: left; overflow: hidden; top: 3px; font-size: 0.8rem; font-weight: 500;border-radius: 2px 0 2px 2px; line-height: 1.2rem; margin-right: 0.25rem; color: #fff; text-align: center; background-color: #8cb7f7; width: 1rem; height: 1rem;}

.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: #999;font-size: 0.8rem;}
.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;}
.plot_info{position: relative; float: left; display: block; overflow: hidden; width: 50%; 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 rgba(255, 255, 255, 0.1);}
.ranklist_items {position: relative;width: 100%;display: block;overflow: hidden;    padding: 0.35rem 0;border-top: 1px solid #f8f8f8;}
/*.ranklist_item a:hover .title{color: #ff5f00;}*/
.ranklist_img {width: 3.5rem;float: left;}
.plotlist_img {width: 4rem;float: left;}
.ranklist_thumb {position: relative;display: block;height: 4.65rem; background: #ebebeb;background-position: 50% 50%;background-size: cover;border-radius: 4px;overflow: hidden;}
.ranklist_thumb.zbpic{background-size: 100%;}
.ranklist_txt {width: calc(100% - 3.5rem);float: left;padding: 0.125rem 0 0 0.25rem;}
.plotlist_txt {width: calc(100% - 4rem);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: #999;line-height: 1.55rem;}
.ranklist_txt span i,.part_eone .renqi i {font-size: 0.9rem;}
.ranklist_txt p {line-height: 1.2rem;}
.ranklist_item .part_nums {position: absolute;top: 0;left: 0;}

.ranklist_img_hot {width: 6rem;float: left;}
.ranklist_thumb_hot {position: relative;display: block;height: 7.65rem; background:#ebebeb;background-position: 50% 50%;background-size: cover;border-radius: 4px;overflow: hidden;}
.ranklist_thumb_hot.zbpic{background-size: 100%;}
.ranklist_txt_hot {width: calc(100% - 6rem);float: left;padding: 0.375rem 0 0 0.75rem;}
.ranklist_txt_hot .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1rem;line-height: 1.65rem;font-weight: 400;}
.ranklist_txt_hot span.text_muted{color: #ff536b;line-height: 1.55rem;}
.ranklist_txt_hot span i,.part_eone .renqi i {font-size: 0.9rem;}
.ranklist_txt_hot p {line-height: 1.5rem;}


.part_eone {
    display: block;
    padding: 0.35rem 0;
    border-top: 1px solid #f8f8f8;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pannel_head {
    margin: 0.25rem 0;
    
}

.hidden_mb{
    display: none!important;
}

.pull_right{right:0.5rem;float: right !important}

@media (max-width: 1280px){
	
	.rank_hom .rank_info{width: 33.333333%;}
	.list_m a{width: 18%;}
	.list_m a.text_muted {width: 27%;}
	.list_v6 li.num_6,.list_v5 li.num_5,.rank_hom .rank_info:last-child,.actorlist_item:nth-last-child(2),.actorlist_item:last-child,.list_v12 li.num_11,.list_v12 li.num_12,.list_m a.num5{display: none!important;}
	.list_v10 li.num_11,.list_v10 li.num_12{display: block!important;}
}
@media (max-width: 991px){
	
	.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;}
	
	
	.rank_info{width: 50%;}
	.list_m a {width: 20.666666%;}
	.list_m a.text_muted {width: 37%;}
	
}



@media (max-width:820px){
	
	.content_detail .pull_right a:hover{color: #fff;opacity: .7;}
	.hidden_xs,#rating span.label-list,.hot_list:hover .banner-arrow,.hot_wlist:hover .banner-arrow,.art_banner:hover .banner-arrow,.vodlist_sm .vodlist_sub,#play_page .head_a,#play_page .head_search,#topic_page .head_a,#topic_page .head_search,#topic_page .bgi_box,#artcon_page .head_a,#artcon_page .head_search,#topic_page .se_btn.pl_btn,.hot_banner .banner-bg,.play_vlist,#downul .thunder_url,.kk,#play_page .nav_fixed .head_menu_b,#topic_page .nav_fixed .head_menu_b,#artcon_page .nav_fixed .head_menu_b{display: none!important;}
	.hidden_xs,#rating span.label-list,.hot_list:hover .banner-arrow,.hot_wlist:hover .banner-arrow,.art_banner:hover .banner-arrow,.vodlist_sm .vodlist_sub,#play_page .head_a,#play_page .head_search,#topic_page .head_a,#topic_page .head_search,#topic_page .bgi_box,#artcon_page .head_a,#artcon_page .head_search,#topic_page .se_btn.pl_btn,.hot_banner .banner-bg,.play_vlist,#downul .thunder_url,.kk,#play_page .nav_fixed .head_menu_b,#topic_page .nav_fixed .head_menu_b,#artcon_page .nav_fixed .head_menu_b{display: none!important;}
	.hidden_mb,.hot_list li .pic_text.text_dy,.list_v6 li.num_5,.list_v6 li.num_6,.list_v5 li.num_5,.list_v5 li.num_6,.comment_report, .comment_report_child,.play_vlist:first-child,.play_vlist:nth-child(2),.play_vlist:nth-child(3),.play_vlist:nth-child(4),.nav_list li a i{display: block!important;}
	#play_page .hot_banner{background: #000!important;height: 1.25rem;min-height: unset;}
	.container,.wbalist_con,.head_b,.content_min.content_btn,#play_page .ads_all,#artcon_page .ads_all{width: 100%;padding: 0}
    .head_a,.all_menu_inner,.type_list_menu,.content_box,.play_box{width: 100%;padding: 0 0.375rem;}
	
    .hot_list{padding: 0 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;}
	.pannel_head h2.title{font-size: 0.5rem;}
	.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;}
	
	
	
	
	.input_row .pannel, .commlist_row .pannel {padding: 0.5rem 0.375rem; margin: 0;}
	.input_row .pannel{margin: 0;}
	
	.pannel_head,.link_text,.title_nav,.content_playlist,#play_page.zbo .content_playlist,.down_list,.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,.player_infotip,.plot_stem .article_content,.plot_stem .art_pren_list,.plot_list_box{padding: 0 0.375rem;}
	.rank_hom .rank_info:last-child,.actorlist_item:nth-last-child(2), .actorlist_item:last-child{display:inline-block!important;}
	
	.searchlist_item,.down_tips_text,.row .show_no{margin: 0 0.375rem;}
	
	.pannel_head.down_title,.down_context{padding: 0 0.375rem 0 0;}
	
	
	/* vodlist */
	
	.vodlist_smt .ranklist_item,.vodlist_smt .ranklist_item:nth-child(3n),.vodlist_smt .ranklist_item:nth-child(3n){width: 100%;margin: 0;}
	
	.vodlist_item .vodlist_sub {margin: 0.1rem 0 0;}
	.list_scroll{white-space: nowrap;overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
	.list_scroll .vodlist_item,.list_scroll .zbvodlist_item{display: inline-block;float: none;width: 30%;padding: 0.125rem 0.05rem;}
	.list_scroll.vodlist_sh .vodlist_item,.list_scroll.vodlist_sh .zbvodlist_item{width: 40%;}
	
    .balist_thumb .pic_text,.balist_thumb .tagtip{opacity: 0;filter: alpha(opacity=0);-webkit-transition: all ease-out .35s;transition: all ease-out .35s;}
	.balist_thumb .pic_text{padding: 0.2rem 0.25rem;}
    .balist_bg{height: 2.5rem; opacity: 0;filter: alpha(opacity=0);}
    .swiper-slide-active .balist_thumb .pic_text,.swiper-slide-active .balist_bg,.swiper-slide-active .balist_thumb .tagtip{opacity: 1;filter: alpha(opacity=1);}
	
	.wbalist_titbox .vodlist_sub {font-size: 0.3rem;}
	


	/* 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.8rem;}
	.rank_hom{width: 100%;margin: 0;}
	.rank_hom .rank_info {width: 100%;display: inline-block;float: none;padding: 0;padding-right: 0.5%; margin: 0.2rem 0;}
	.rank_hom .rank_info:last-child{padding-right: 0;}
	.rank_hom .list_info{border-radius: 0;}
	
	
}