img{max-width:100%;background-size:cover}
*,:after,:before{box-sizing:border-box}
::selection{background-color:#ffb400;color:#fff}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}

@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
@keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}
@-webkit-keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}


/* .icon{padding-top:5pc} */

.tv-hd{position:relative;height:70px}
.tv-hd h2{float:left;font-size:1.5rem;line-height:70px}
.tv-hd h2 .iconf{margin-right:8px;vertical-align:middle}
.tv-hd .imore{float:right;padding:20px 0;height:30px}
.tv-hd .imore a{float:left;display:inline;overflow:hidden;margin-left:10px;padding:0 15px;height:30px;border:1px solid #ddd;border-radius:4px;text-align:center;line-height:28px}
.tv-hd .imore a .iconfont{margin-left:5px;vertical-align:middle;font-size:1.2rem}
.tv-hd .imore a:hover{background:#ddd;color:#222}
.tv-hd .imore a.a_change .iconfont{font-size:1.4rem;-webkit-transition:all .3s;transition:all .3s}
.tv-hd .imore a.a_change:hover .iconfont{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.tv-l{float:left;margin-right:2%;width:23%}
.tv-r{float:right;width:75%}
.v-pic{position:relative;overflow:hidden;width:100%;/*border-radius:4px;*/background:rgba(0,0,0,.05)}
.v-pic1{position:relative;overflow:hidden;width:100%;/*border-radius:4px;*/background:rgba(0,0,0,.05)}
.v-pic2{position:relative;overflow:hidden;width:100%;/*border-radius:4px;*/background:rgba(0,0,0,.05)}
.tvhots .v-pic{height:324px}
.tvhots .v-pic1{height:324px}
.tvhots .v-pic2{height:324px}
.v-pic img{display:block;width:100%;min-height:100%;/*border-radius:4px;*/vertical-align:top}
.v-pic1 img{display:block;width:100%;min-height:100%;/*border-radius:4px;*/vertical-align:top}
.v-pic2 img{display:block;width:100%;min-height:100%;/*border-radius:4px;*/vertical-align:top}
a.v-playBtn{position:absolute;top:0;left:0;z-index:20;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}
a.v-playBtn,a.v-playBtn i{display:block;width:100%;height:100%}
a.v-playBtn i{text-align:center;cursor:pointer}
a.v-playBtn:hover{background:rgba(0,0,0,.15);opacity:1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)}
a.v-playBtn:hover i{font-style:normal}

.v-tips{position:absolute;bottom:0;left:0;overflow:hidden;padding:3px 6px;width:100%;background-image:linear-gradient(transparent,rgba(0,0,0,.3));background-repeat:no-repeat;color:#fff;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem}
.v-txt{position:relative}

.v-tit{padding-top:6px;text-overflow:ellipsis;white-space:nowrap}
.tv-list,.v-tit{display:block;overflow:hidden;text-align: center}
.tv-list{margin-left:-20px}
.tv-list .v-pic{overflow:hidden;height:150px}
.tv-list .v-pic1{overflow:hidden;height:150px}
.tv-list .v-pic2{overflow:hidden;height:150px}
.tv-list li{float:left;padding:0 0 15px 20px;width:20%}
.col-r .tv-hd{border-bottom:3px solid #ffb400}
.col-r .tv-hd h2{font-weight:100;font-size:2.2rem}
.v-rank{padding-top:5px}
.v-rank li{position:relative;display:inline-block;width:100%;line-height:35px}
.v-rank li .v-tit{float:left;display:inline-block;padding-top:0;width:70%}
.v-rank li .i-rank_num{float:left;display:inline;margin:10px 10px 0 0;width:1pc;height:1pc;border-radius:2px;background:#b0b7c2;color:#fff;text-align:center;white-space:nowrap;font-style:normal;font-size:1.2rem;line-height:1pc}
.v-rank li em{position:absolute;right:0;color:#999;font-size:1.2rem}
.v-rank li:nth-child(1) .i-rank_num{background:#ff4a4a}
.v-rank li:nth-child(2) .i-rank_num{background:#ff7701}
.v-rank li:nth-child(3) .i-rank_num{background:#ffb400}

.select_list li{display:inline-block;padding:5px 0;width:100%}
.select_list li .v-tit{padding:5px 0;line-height:22px}
.select_list li .p_select{margin-top:-2pc;padding-left:45px}
.select_list li .p_select span{display:inline-block;padding:4px 2px}
.select_list li .p_select a{display:inline-block;padding:3px 10px;border-radius:4px;white-space:nowrap;line-height:18px}
.select_list li .p_select a.cur,.select_list li .p_select a.cur:hover{background-color:#ffb400;color:#fff;text-decoration:none}
.select_con .v-hd{line-height:70px}
.select_con .v-hd .p_tab{float:left;padding:15px 0 0 10px}
.select_con .v-hd .p_tab a{position:relative;display:inline-block;margin-right:25px;margin-left:0;color:#999;font-size:1pc;line-height:2.5}
.select_con .v-hd .p_tab a:before{position:absolute;bottom:0;left:0;display:none;width:100%;height:3px;background:#ffb400;content:""}
.select_con .v-hd .p_tab a.cur{color:#555}
.select_con .v-hd .p_tab a.cur:before{display:block}
.select_con .v-hd .p_tab a:hover,.v_con_box .v-tit a:hover{color:#ffb400}
.select_con .v-hd .s_num,.v-border .s_num{float:left;padding:15px 10px;color:#999}
.select_con .v-hd .s_num em,.v-border .s_num em{color:#ffb400;font-style:normal}
.v_con_box .v-pic{height:265px}
.v_con_box .v-pic1{height:265px}
.v_con_box .v-pic2{height:265px}
.v_con_box .v-tit{line-height:normal}
.v_con_box .v-tit a{color:#222}
.v_con_box .tv-list li{width:16.66%}
.v-border:before{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#eee;content:''}
.v-border h2 span{position:relative;z-index:1;float:left;display:inline-block;width:auto;border-bottom:3px solid #ffb400;line-height:50px}
.v-border h2 span em{color:#ffb400}
.tv-hotlist{padding-top:25px}
.tv-hotlist li{width:25%}
.tv-hotlist .v-pic{height:337px}
.tv-hotlist .v-pic1{height:180px}
.tv-hotlist .v-pic2{height:180px}
.v-border .s_num{line-height:40px}

.tv-hd .p_tab{float:left;padding:15px 0 0 10px;line-height:40px}
.tv-hd .p_tab a{position:relative;float:left;display:inline;margin-left:20px;color:#999;font-size:14px}
.tv-hd .p_tab a:before{position:absolute;bottom:0;left:0;display:none;width:100%;height:3px;background:#ffb400;content:""}
.tv-hd .p_tab a:hover{color:#ff7701}
.tv-hd .p_tab a.cur{color:#222}
.tv-hd .p_tab a.cur:before{display:block}




@media (max-width:1024px){body{font-weight:300}
.v-rank li .v-tit{width:65%}
.tv-list{margin-left:-10px}
.tv-list li{padding-left:10px}
.col-l,.play_source,.art-l,.art-l .tv-l,.art-l .tv-r,.txtlist li p{width:100%}
.poster_placeholder .v-pic{height:auto}
.select_con .tv-list .v-pic,.tv-hotlist .v-pic{height:348px}
.poster_placeholder .v-pic1{height:auto}
.select_con .tv-list .v-pic1,.tv-hotlist .v-pic1{height:348px}
.poster_placeholder .v-pic2{height:auto}
.select_con .tv-list .v-pic2,.tv-hotlist .v-pic2{height:348px}
}
@media (max-width:768px){.sitenav a{margin-right:25px}
#frmLive{height:260px}
.col-r,.goback,.itr .mod:first-child,.poster_placeholder .btn_fun,.searchform,.tv-l,.v_con_box .s-des,.art-banner,.art-r,.js-tab-con .tv-list li:nth-child(7),.js-tab-con .tv-list li:nth-child(8){display:none}
.itr{margin-top:20px}
.col-l,.tv-r{width:100%}
.rank_list dl,.sel_list li,.sort_list dl{width:50%}
.poster_placeholder{width:25%}
.txt_intro_con{width:73%}
.txt_intro_con .txt_list li.li_intro .p_intro{height:110px}
.tv-list .v-pic{height:130px}
.select_con .tv-list .v-pic,.tv-hotlist .v-pic{height:258px}
.tv-list .v-pic1{height:130px}
.select_con .tv-list .v-pic1,.tv-hotlist .v-pic1{height:258px}
.tv-list .v-pic2{height:130px}
.select_con .tv-list .v-pic2,.tv-hotlist .v-pic2{height:258px}
}
@media (max-width:544px){.mnav,.mtips{visibility:visible;height:auto}
.a_clist .tv-list li:last-child,.bnav,.col-r,.ibanner .swiper-button-next,.ibanner .swiper-button-prev,.ilinks,.ilogo img,.iselect a,.itr,.mback .sitenav,.mhide,.onsel,.poster_placeholder .btn_fun,.poster_placeholder .p_fun,.rank_list dl,.search-list .item .item_txt .intro_con .p_bottom .s_source,.search-list .item .item_txt .intro_con .tit .s_score,.search-list .item .item_txt .intro_con .txt_list li.li_intro,.sel_list li,.select_list li.mhide,.tv-l,.txt_intro_con .tit .p_txt .em_score,.txt_intro_con .txt_list li.li_intro,.v-page a.mhide,.v_con_box .s-des,.video-tags{display:none}
.tv-list li{padding:0 0 10px 10px}
.searchform{position:absolute;top:0;right:45px;display:none;margin-top:5px;width:85%}
.mshow,.searchform.open{display:block!important}
.ibanner{margin:10px 0 20px}
.tv-hd h2,.txt_intro_con .tit h1{font-size:1.5rem}
.col-l,.isear .col-l,.tv-hd .p_tab,.tv-r,.tv-zy .tv-r{float:none;width:100%}
.iplaytop .col-r,.sort_list dl,.sort_list dl.style2{width:100%}
.sort_list dl{margin:8px 0}
.tv-list li,.v_con_box .tv-list li{width:33.33%}
.ifoot{padding:10px 0}
.tv-hotlist .v-pic,.v_con_box .v-pic{height:165px}
.tv-hotlist .v-pic1,.v_con_box .v-pic1{height:165px}
.tv-hotlist .v-pic2,.v_con_box .v-pic2{height:165px}

.iplaytop .col-r,.v-pic img{display:block;height:100%;min-height:0}
.iplaytop .col-r,.v-pic1 img{display:block;height:100%;min-height:0}
.iplaytop .col-r,.v-pic2 img{display:block;height:100%;min-height:0}
.iplaytop{padding:10px 0;background-image:none}
.video-title h1{font-size:1.8rem}
.hoster,.infor{font-size:1.2rem}
.search-list .item .item_pic{padding:0;width:90pt;height:auto}
.search-list .item .item_pic img{min-height:0}
.search-list .item .item_txt{padding-left:10px;width:auto}
.tv-hd{display:inline-block;width:100%;height:auto}
.tv-hd h2,.txt_intro_con .tit h1,.v-border .s_num,.v-border h2 span{line-height:3}
.v-border .s_num{padding:5px 10px;font-size:1.2rem}
.search-list .item{margin-top:15px}
.search-list{padding-bottom:15px}
.tv-hd .imore{padding:10px 0 0;height:auto}
.tv-list{margin-left:-10px}
.v-tips{padding:0 6px;font-size:1rem}
.select_con .v-hd{line-height:3}
.select_con .v-hd .p_tab{padding:0}
.select_con .v-hd .s_num,.v-border .s_num{padding:3px 10px;font-size:1.2rem}
.v_con_box{padding-top:15px}
.searchstart-on,.select_list.open{display:block}
.tv-hd .imore a{height:auto;font-size:1.2rem;line-height:25px}

.tv-list .v-pic{height:242px}
.tv-list .v-pic1{height:242px}
.tv-list .v-pic2{height:242px}
.tv-zy .tv-r{margin:0}
.tv-zy .tv-list li{width:50%}
.tv-zy .tv-list li:last-child{display:block}
.js-tab-con .tv-list li{width:33.33%}
.tv-hd .p_tab{display:inline-block;padding-top:0;line-height:35px}
.tv-hd .p_tab a:first-child{margin-left:0}
}
@media (max-width:375px){.container{padding-right:10px;padding-left:10px}
.tv-list .v-pic{height:156px}
.tv-list .v-pic1{height:156px}
.tv-list .v-pic2{height:156px}
}
@media (max-width:320px){.container{padding-right:5px;padding-left:5px}
.tv-list .v-pic,.tvhots .v-pic{height:117px}
.tv-list .v-pic1,.tvhots .v-pic1{height:117px}
.tv-list .v-pic2,.tvhots .v-pic2{height:117px}
}