/*初始设定*/
body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, select, span, sub, sup, table, td, textarea, th, ul ,a{
	font-family: Microsoft YaHei, Helvetica, '宋体' , Tahoma, Arial, "\5b8b\4f53", sans-serif;
}
.relative{position: relative;}
.fixed{position: fixed;}
.green{color: #009900;}
.red{color: #FF5722;}
.orange{color: #FFB800;}
.blue{color: #01AAED;}
.white{color: white;}
.black{color: #2F4056;}
.center{text-align: center;}
.left{text-align: left !important;}
.padding{padding: 1rem;}
.padding-xs{padding: .2rem;}
.padding-sm{padding: .7rem;}
.padding-lg{padding: 1.5rem;}
.padding-xl{padding: 2.5rem;}
.padding-left{padding-left: 1rem;}
.padding-left-xs{padding-left: .2rem !important;}
.padding-left-sm{padding-left: .7rem !important;}
.padding-left-lg{padding-left: 1.5rem !important;}
.padding-left-xl{padding-left: 2.5rem !important;}
.padding-right{padding-left: 1rem !important;}
.padding-right-xs{padding-right: .2rem !important;}
.padding-right-sm{padding-right: .7rem !important;}
.padding-right-lg{padding-right: 1.5rem !important;}
.padding-right-xl{padding-right: 2.5rem !important;}
.padding-top{padding-top: 1rem !important;}
.padding-top-xs{padding-top: .2rem !important;}
.padding-top-sm{padding-top: .7rem !important;}
.padding-top-lg{padding-top: 1.5rem !important;}
.padding-top-xl{padding-top: 2.5rem !important;}
.padding-bottom{padding-bottom: 1rem !important;}
.padding-bottom-xs{padding-bottom: .2rem !important;}
.padding-bottom-sm{padding-bottom: .7rem !important;}
.padding-bottom-lg{padding-bottom: 1.5rem !important;}
.padding-bottom-xl{padding-bottom: 2.5rem !important;}
.padding-h{padding: 1rem 0;}
.padding-h-xs{padding: .2rem 0;}
.padding-h-sm{padding: .7rem 0;}
.padding-h-lg{padding: 1.5rem 0;}
.padding-h-xl{padding: 2.5rem 0;}
.padding-v{padding: 0 1rem;}
.padding-v-xs{padding: 0 .2rem;}
.padding-v-sm{padding: 0 .7rem;}
.padding-v-lg{padding: 0 1.5rem;}
.padding-v-xl{padding: 0 2.5rem;}
.padding-0{padding: 0;}
.padding-top-0{padding-top: 0; !important}
.padding-left-0{padding-left: 0 !important;}
.padding-right-0{padding-right: 0 !important;}
.padding-bottom-0{padding-bottom: 0 !important;}
.padding-v-0{padding: auto 0;}
.padding-h-0{padding: 0 auto;}
.img-full{width:100%; height:100%}
.margin{margin: 1rem;}
.margin-xs{margin: .2rem;}
.margin-sm{margin: .7rem;}
.margin-lg{margin: 1.5rem;}
.margin-xl{margin: 2.5rem;}
.margin-left{margin-left: 1rem;}
.margin-left-xs{margin-left: .2rem;}
.margin-left-sm{margin-left: .7rem;}
.margin-left-lg{margin-left: 1.5rem;}
.margin-left-xl{margin-left: 2.5rem;}
.margin-right{margin-left: 1rem;}
.margin-right-xs{margin-right: .2rem;}
.margin-right-sm{margin-right: .7rem;}
.margin-right-lg{margin-right: 1.5rem;}
.margin-right-xl{margin-right: 2.5rem;}
.margin-top{margin-top: 1rem;}
.margin-top-xs{margin-top: .2rem;}
.margin-top-sm{margin-top: .7rem;}
.margin-top-lg{margin-top: 1.5rem;}
.margin-top-xl{margin-top: 2.5rem;}
.margin-bottom{margin-bottom: 1rem;}
.margin-bottom-xs{margin-bottom: .2rem;}
.margin-bottom-sm{margin-bottom: .7rem;}
.margin-bottom-lg{margin-bottom: 1.5rem;}
.margin-bottom-xl{margin-bottom: 2.5rem;}
.margin-h{margin: 1rem 0;}
.margin-h-xs{margin: .2rem 0;}
.margin-h-sm{margin: .7rem 0;}
.margin-h-lg{margin: 1.5rem 0;}
.margin-h-xl{margin: 2.5rem 0;}
.margin-v{margin-bottom: 1rem;}
.margin-v-xs{margin: 0 .2rem;}
.margin-v-sm{margin: 0 .7rem;}
.margin-v-lg{margin: 0 1.5rem;}
.margin-v-xl{margin: 0 2.5rem;}
.margin-0{margin: 0;}
.margin-top-0{margin-top: 0;}
.margin-left-0{margin-left: 0;}
.margin-right-0{margin-right: 0;}
.margin-bottom-0{margin-bottom: 0;}
.margin-v-0{margin: auto 0;}
.margin-h-0{margin: 0 auto;}
.border-no{border: none !important;}
.background{background:#ffffff}
.nav-shadow{box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px 0px}
.nav-shadow-up{box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 2px 6px}
.title h3{color: #2F4056;}
.title h3 a{line-height:1.231}
.title p a{color: #007700;}
.week{position: absolute; left: initial; right: 0; top: 0;}
.week a{line-height:1.231}
.go-title{position: absolute; top: .6rem; left: .6rem; color: #009900;}
.score{position: absolute; right: .6rem; }
.index-image{position: relative; border-radius: 5px; overflow: hidden;}
.index-image p{position: absolute; width: 100%; bottom: 0; right: 0; text-align: right; font-size: .8rem; color: white; background: rgba(0,0,0,.4);}
.image{width: 100%; height: 14rem;}
.image-news{position: absolute; left: 0; top: 0; width: 2rem; z-index:6; height: 1.5rem; background: url(../images/new.png); border-top-left-radius: 5px; background-size: cover;text-indent: -9999px; overflow: hidden;}
.image-season{width: 100%; height: 9rem;}
.movie-play{position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: white; background: rgba(0,0,0,.3); display: none;}
.movie-play i{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 5rem !important;}
.index-image:hover .movie-play{display: block;}
#search{min-height: 20rem;}
#details p{margin-top:.4rem}
#details label{font-weight: bold;}
.title p,.details a{margin-right: .2rem;}
.search{position: absolute; right: .3rem; top: .2rem;}
.player{position:absolute !important; top:0; left:0; z-index:1; width:100%; height:100%}
.player-warning{position:absolute; top:0; left:0; width:100%; z-index:10000;font-size:25px;text-align:center;background:rgba(0,0,0,.6)}
.player-num{text-align: right;}
.player-iframe{position:absolute !important; top:0; left:0; z-index:1; width:100%; height:100%}
.player-source{position: absolute; right: 1rem; top: .3rem;}
.player-box-main{z-index: 30;}
.header{z-index: 100;}
.category-name{font-size: 1rem; text-align: center;}
#page{text-align: center;}
.footer{text-align: center; color: white;}

.selected-line{background: #393D49 !important; color: white;}
.panel{border-bottom: 1px dashed #ccc;}
/*用户定义*/
.layui-tab-content{ height:100%; padding:0; }
/*.layui-tab-item{position: absolute; top: 42px; bottom:0; left: 0; right: 0;}*/
.tab-title > .layui-this{background: #1AA094; color: white !important;}
.tab-title > .layui-this:after{border-style: inherit;}
/*layui-自定义设置*/
/*.layui-input,.layui-select{height: 2rem;}*/
.player-order{display: flex;flex-wrap: wrap; /* flex-direction: row-reverse;flex-wrap: wrap-reverse;justify-content: left; */}

@media only screen and (min-width: 992px){
	.gg-l,.gg-r{width: 150px; height: 400px; box-sizing: border-box; border: 1px solid #ccc; font-size: 70px; text-align: center; position: fixed; top: 50%; transform: translateY(-50%);}
    .gg-l{left: 0;}
    .gg-r{right: 0;}
    .gg-t,.gg-c{width: 100%; height: 85px; font-size: 70px; text-align: center;}
}

#banner{height: 720px;}
.banner-list{border-radius: 5px;}
#banner a{display: block; background-size: 100% 100% !important; overflow: hidden; border-radius: 5px;}
.banner-sm{width:180px; height: 260px; position: absolute; top: 50%; left: 10%; transform: translateY(-50%);color: white;}
.banner-sm img{width: 100%;border-radius: 5px;}
.banner-title{position: absolute; bottom: 0; width: 100%; color: white; background: linear-gradient(to bottom, rgba(0,0,0,.005), rgba(0,0,0,1));}
@media only screen and (min-width: 1500px){
	.playlist-num{max-height: 28.5rem; overflow-y: auto;}
	#banner{height: 620px !important;}
	#banner a{height: 620px;}
}
@media only screen and (min-width: 992px) and (max-width: 1450px){
	.playlist-num{max-height: 28.5rem; overflow-y: auto;}
	#banner{height: 400px !important;}
	#banner a{height: 400px;}
	
}
@media only screen and (min-width: 751px) and (max-width: 992px) {
	.layui-tab-title li{padding: 0 1rem; min-width: initial;}
	.sao-pic p{font-size: 18px !important;}
	.sao-pic i{position: absolute; top: -13px; left: -13px; font-size: 28px;}
	#banner{height: 320px !important;}
	#banner a{height: 320px;}
	
}
@media only screen and (min-width: 450px) and (max-width: 750px) {
	.layui-tab-title li{padding: 0 .6rem; min-width: initial;}
	.playlist-num{max-height: 15rem; overflow-y: auto;}
	.layui-col-xs4{width: 25%;}
	.player{/*min-height: 22rem;*/ width:100%;}
	.image{height: 12rem;}
	#banner{height: 220px !important;}
	#banner a{height: 220px;}
}
@media only screen and (min-width: 100px) and (max-width: 450px) {
	.layui-container{padding: 0 1px;}
	.layui-tab-title li{padding: 0 .15rem; min-width: initial;}
    .image{height:9.2rem}
    .image-season{height: 5.5rem;}
    #details p{margin-top:.1rem}
    .padding-left-details{padding-left: initial;}
    .player{min-height: 10rem; width:100%;}
    .movie-play i{font-size: 3rem !important;}
    .category{white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}
    .layui-breadcrumb span[lay-separator]{margin: 0 2px !important;}
    .sao-pic{width: 7rem;}
    #banner{height: 200px !important;}
    #banner a{height: 200px;}
}
@media (max-width: 559px){
	.background{background: url(../images/logo1.png) no-repeat center right,#ffffff; background-size: 30%;}
	.header {padding: 10px 0 10px 15px;height: auto;}
	.homepage:after {background: none; height:auto}
	.homepage .side-op{right: 0}
	.header form{position:fixed;top:0;left:0;width:100%}
	.header .searchbar{box-shadow:none;border:none;}
 	header input{height:40px}
 	.navbar.open, .page .navbar{width:auto}
 	/*.main{padding-top:50px}*/
 	.module-tab{max-width:100%}
}
.banner-text{position:absolute; buttom:0; left:0}
.m-select-player:after{border-radius: 16px 16px 0 0;}
.m-select-player{width:100%; padding:0; overflow:hidden; border-radius:8px 8px 0 0}
.m-select-tab{display:flex;}
.m-select-tab li{width:calc(33.33% - 1px); text-align:center}
.m-select-tab li.active{background:white}
.m-select-list{border-radius:0 0 8px 8px}
.index-cate{display: flex; flex-wrap: wrap;}
.index-cate a{width: calc(100% / 10.3); margin: 0 0 4px 10px;}
.m-active{color: #f44336;}
.m-line{position: absolute; right: -7; top: -10px;}