@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:106.25px;}}
@media screen and (min-width: 720px) {html{font-size:112.5px;}}
@media screen and (min-width: 760px) {html{font-size:118.75px;}}
@media screen and (min-width: 800px) {html{font-size:125px;}}
@media screen and (min-width: 960px) {html{font-size:150px;}}
::-webkit-scrollbar {
    width: 0px;
}
::-webkit-scrollbar {
    display: none;
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	position:relative;
}
body{
	background-color: #e6323a;
}
.header{
	height:3.53rem;
	width:100%;
}
.header img{
	width:100%;
	height:100%;
}
.video-item{
	width:100%;
	margin-bottom:.23rem;
	padding:0 .17rem;
}
.video-item .title{
	width:100%;
	height:.40rem;
	line-height:.40rem;
	font-size:.2559rem;
	font-weight:bold;
	width:100%;
	padding-left:.60rem;
	text-align:left;
	background:url('https://wisedocs.oss-cn-hangzhou.aliyuncs.com/img/title_bg.png') left bottom no-repeat;
	background-size:auto 100%;
	color:#fff;
}
.video-item.cb .title{
	background-image:url('../../images/title_bg1.png');
}
.video-item .content{
	width:100%;
	border:1px solid #f2f3f7;
	border-radius:.08rem;
	border-top-left-radius:0;
	border-top-right-radius:0;
	background:#fff;
}
.video-item .content .zb-time{
	font-size:.2133rem;
	color:#4c4c4c;
	height:0.7rem;
	line-height:0.7rem;
	padding:0 0.12rem;
}
.video-item .content .t1{
	font-size:.29rem;
	color:#fa8733;
}
.video-item .content .t2{
	color:#fa8733;
}
.video-item .content .zb-info{
	height:0.68rem;
	line-height:0.68rem;
	padding:0 0.12rem;
	color:#232323;
    white-space: nowrap;
	font-size:0;
	background:#f4f6ff;
}
.video-item .content .zb-info .zb-title{
	font-size:0.2389rem;
	display:inline-block;
	width:calc(100% - 1.10rem);
}
.video-item .content .zb-info .zb-teacher{
	font-size:0.2389rem;
	display:inline-block;
	width:1.10rem;
	text-align:right;
}
.video-item .content .zb-btn{
	padding:0.34rem 0.6rem 0.4rem;
	font-size:0;
}
.video-item .content .btn-video{
	box-shadow:0px 0px 6px 0px #fcaf61;
	display:inline-block;
	width:100%;
	height:0.72rem;
	font-size:0.29rem;
	text-align:center;
	line-height:0.72rem;
	border-radius:0.36rem;
	background-image:linear-gradient(to right,#fa8c35, #fbbf47);
	color:#fff;
	text-shadow:2px 2px 4px #f05c43;
}
.video-item .content .btn-video:before{
	content:" ";
	position:absolute;
	left:0.08rem;
	right:0.08rem;
	top:0.08rem;
	bottom:0.08rem;
	border:1px solid rgba(255,255,255,0.5);
	border-radius:0.28rem;
}
.cb.video-item .content{
	padding:.25rem 0;
	width:100%:
}
table{
	width:100%;
}
table,table tr th, table tr td {
	line-height: 0.2559rem;
	font-size: 0.2389rem;
	color: #232323;
	border: none;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	text-align:left;
}
table tbody tr{
	background: #f4f6ff;
	border-bottom:1px solid #d5d5d5;
}
table tbody tr:nth-child(2n){
	background: #ffffff;
}
table tr td.time{
	color:#354682;
	width:0.78rem;
	text-align:center;
}
table tr td.teacher{
	width:1.2rem;
	text-align:center;
}
table tr td.op-btn{
	color:#fff;
	width:1.2rem;
	text-align:center;
}
table tr td.op-btn .btn{
	display:inline-block;
	color:inherit;
	font-size:0.1857rem;
	padding:0 0.12rem;
	height:0.4092rem;
	border-radius:0.05rem;
	line-height:0.4092rem;
}
table tr td.op-btn .btn-pay{
	background:#f25a42;
}
table tr td.op-btn .btn-free{
	background:#2f7fe0;
}