/* 通用样式 */
html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

}

@font-face {
	font-family:pingfangmedium;
	font-weight: normal;
	font-style: normal;
	src: url(fonts/pingfang_sc_medium.otf);
}



body {
	font-family: 'pingfangmedium';
	line-height:1;

}

:focus {

	outline: 1;

}

article,aside,canvas,details,figcaption,figure,

footer,header,hgroup,menu,nav,section,summary {

	display:block;

}

ul {

	list-style:none;

}

blockquote, q {

	quotes:none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content:'';

	content:none;

}

a {

	margin:0;

	padding:0;

	border:0;

	font-size:100%;

	vertical-align:baseline;

	background:transparent;

	text-decoration:none

}

ins {

	background-color:#ff9;

	color:#000;

	text-decoration:none;

}

mark {

	background-color:#ff9;

	color:#000;

	font-style:italic;

	font-weight:bold;

}

del {

	text-decoration: line-through;

}

abbr[title], dfn[title] {

	border-bottom:1px dotted #000;

	cursor:help;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

hr {

	display:block;

	height:1px;

	border:0;

	border-top:1px solid #cccccc;

	margin:1em 0;

	padding:0;

}

input, select {

	vertical-align:middle;

}

.fl{

	float:left;

}

.fr{

	float:right;

}

html, body {

	height: 100%;

	width: 100%;

	font-family: '微软雅黑' !important;

	font-size: 14px  !important;

}

input,textarea{

	border: none;

}

/* 网站背景颜色 */
body{
	background-color: rgb(242, 242, 242);
	height: 100%;
}

.hide{
	display: none;
}

/* 最大宽度 */
.width100{
	width: 100%;
}

/* 字体颜色 */
.font-white{
	color: white;
}


/* 布局 */
.align-items-center{
	align-items:center;
}

.text-center{
	text-align: center;
}

.flex{
	display: flex;
}
.between{
	justify-content: space-between;
}

.flex-center{
	justify-content:center;
}

.flex-1{
	flex: 1;
}

.flex-right{
	justify-content: flex-end;
}

.flex-wrap{
	flex-wrap: wrap;
}
.bold{
	font-weight: bold;

}

.pd-10{
	padding: 10px;
}

.pd-20{
	padding: 20px;
}

.ml-10{
	margin-left: 10px;
}

.mb-30{
	margin-bottom: 30px;
}

.mb-20{
	margin-bottom: 20px;
}

.mb-50{
	margin-bottom: 50px;
}

.mr-10{
	margin-right: 10px;
}

.mr-20{
	margin-right: 20px;
}

.mr-30{
	margin-right: 30px;
}

.mr-50{
	margin-right: 50px;
}


.mr-60{
	margin-right: 60px;
}


.mr-70{
	margin-right: 70px;
}


.mr-80{
	margin-right: 80px;
}


.mr-90{
	margin-right: 90px;
}


.mr-100{
	margin-right: 100px;
}




.mb-10{
	margin-bottom: 10px;
}
.red{
	color:#FF0000;
}

.padding-t-b-30{
	padding: 30px 0 30px 0;
}

.padding-t-b-20{
	padding: 20px 0 20px 0;
}

.padding-t-b-10{
	padding: 10px 0 10px 0;
}

.padding-l-r{
	padding: 0 30px 0 30px;
}
.border-bottom{
	border-bottom: 1px solid #C3C3C3;
}

.f12{
	font-size: 12px;
}

.border-ra-10{
	border-radius: 10px;
}

/* 阴影 */
.shadow{

	/*box-shadow: 2px 2px 2px #c3c3c3;*/
}

.bg-white{
	background-color: white;
}

.font-color-white{
	color: #FFFFFF;
}

.font-color-2{
	color:#5868FF;
}
.font-color-3{
	color:#2D68FF;
}
.font-color-4{
	color: #C3C3C3;
}
/* 头部 */
.head-top{
	height: 42px;
	background: rgb(49, 49, 49);
}
.head-top .center{
	width: 1300px;
	height: 42px;
	line-height: 42px;
	margin: 0 auto;
}
.head-top .center .item{
	padding: 0 20px;
}

.head-center{
	padding: 20px 0;
}

.head-center .center{
	width: 1300px;
	margin: 0 auto;
}

.head-center .center .item{
	padding: 26px;

}

.active1{
	background: rgb(238, 243, 255);
	font-weight: bold;
}


.logo{
	width: 50px;
}
.logo img{
	width: 100%;
}
.logo-font{
	font-size: 30px;
}

/* 搜索框 */
.search-block{
	padding: 10px;
	border: 1px solid #C3C3C3;
	border-radius: 50px;
}
.search-block img{
	width: 20px;
	height: 20px;
}

/* 轮播图 */
.banner-block{
	height: 370px;
	background: #C3C3C3;
}

.banner-block .banner-block-center{
	width: 1300px;
	margin: 0 auto;

}
.content{
	width: 1300px;
	margin: 0 auto;
}
/* 标题样式 */
.title{
	padding-left: 10px;
	border-left: 5px solid #2D68FF;
	font-size: 18px;

}

.live-block{

	border-radius: 10px;
	width: 300px;
}

.free-area{
	background: rgb(137, 170, 255);
	border-radius: 50px;
	color: white;
	text-align: center;
	padding: 5px 10px;
}

.teacher-icon{
	width: 50px;
	height: 50px;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
}

.teacher-icon img{
	width: 100%;
	border-radius: 50%;
}

.teacher-icon-sm{
	width: 30px;
	height: 30px;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
}
.teacher-icon-sm img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-bottom: 13.6px;
}

.ag-block{
	border-radius: 10px;
	width: 300px;
}

.ag-block .lesson-image{
	width: 300px;
	height:188px;
	border-radius: 10px 10px 0 0;
}

.headcount-block{

}

.headcount1{
	width: 50px;
	height: 50px;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
	position: relative;
}
.headcount1 img{
	width: 100%;
	border-radius: 50%;
}
.headcount2{
	width: 50px;
	height: 50px;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
	position: relative;
	left: -10px;
}
.headcount2 img{
	width: 100%;
	border-radius: 50%;
}
.headcount3{
	width: 50px;
	height: 50px;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
	position: relative;
	left: -20px;
}
.headcount3 img{
	width: 100%;
	border-radius: 50%;
}

.news-block{
	width: 1260px;
	padding: 20px;
	margin:0 auto ;
	border-radius: 10px;
}

.news-block .news-banner{
	width: 700px;
	height: 320px;
	background-color: #C3C3C3;
}
.news-block .recently{
	width: 510px;

}
.recently li{
	width: 510px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.news-item{
	width: 380px;
}
.news-item li{
	width: 380px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.foot{
	margin-top:50px;
	background: #313131;
}
.foot-center{
	width: 1260px;
	margin: 0 auto;
	padding: 20px;
}
.code{
	width: 100px;
	height: 100px;

}
.code img{
	width: 100%;
}

/* 遮罩 */
.mask{
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
}

.down{
	width: 16px;
	height: 16px;
}
.down img{
	width: 100%;
}

/* 登录框 */
.login-block{
	width: 370px;
	height: 370px;
	border-radius: 10px;
	padding: 20px;
	margin: 10px auto;

}

/* 绑定手机号 */
.bind-block{
	width: 370px;
	height: 370px;
	border-radius: 10px;
	padding: 20px;
	margin: 10px auto;
}

.close-btn{
	width: 20px;
	height: 20px;
}
.close-btn img{
	width: 100%;
}
.end-title{
	background-color: #CBD3DA;
	border-radius: 5px;
	width: 80%;
	margin: 20px auto;
}

.end-title-item{
	flex-grow: 1;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.end-cont{
	display: none;

}

.btna-l{
	background-color: #2D68FF;
	color: white;
	border-radius: 5px 0 0 5px;
}

.btna-r{
	background-color: #2D68FF;
	color: white;
	border-radius: 0 5px 5px 0;
}

.pass-block{
	width: 80%;
	margin: 20px auto;
}


.code-block{
	width: 80%;
	margin: 20px auto;
}

.per-input{
	border: 1px solid #C3C3C3;
	padding: 10px 10px;
	border-radius: 5px;
}

.per-input-l{
	border-top: 1px solid #C3C3C3;
	border-bottom: 1px solid #C3C3C3;
	border-left:  1px solid #C3C3C3;
	padding: 10px 10px;
	border-radius: 5px 0 0 5px;

}
.get-btn{
	background: #3975FB;
	color: white;
	padding: 13px 24px;
	border-radius: 0 5px 5px 0;

}

.uni-input{
	background-color:transparent;
}

.login-btn{
	color: white;
	background:#3975FB;
	border: 1px solid  #3975FB;
	border-radius: 50px;
	text-align: center;
	padding: 10px 10px;
	margin: 30px auto 30px auto;
}

.scan-block{

}
.scan-block-img{
	width: 200px;
	height: 200px;
	margin: 0 auto 10px auto;
}
.scan-block-img img{
	width: 100%;
}

/* 课程页 */
.class-nav{
	padding: 20px;
	border-radius: 10px;
}

.class-nav .choose{
	padding: 10px 20px ;
	background: url(../../home/img/search_selected.png) no-repeat center 40px;
	background-size: 50%;
	font-weight: bold;

}


.choose-1{
	padding: 10px 10px 15px 10px;
	border-bottom: 3px solid #3975FB;
	font-weight: bold;
}


.class-nav .unchoose{
	padding: 10px 10px 15px 10px;

}

.class-top{
	width: 1260px;
	padding: 20px;
	border-radius: 10px;
}
.class-top-img{
	width: 500px;

}
.class-top-img img{
	width: 100%;
}
.class-top-r{
	width: 400px;
}
.class-top-btn1{
	color: white;
	background:#3975FB;
	border: 1px solid  #3975FB;
	border-radius: 50px;
	text-align: center;
	padding: 10px 40px;

}
.class-top-btn2{
	color: #3975FB;

	border: 1px solid  #3975FB;
	border-radius: 50px;
	text-align: center;
	padding: 10px 40px;
}

.detail-l{
	width: 820px;
	border-radius: 10px;
	padding: 20px;
}

.detail-rs{

}
.detail-r{
	width: 380px;
	border-radius: 10px;
	padding: 20px;
}

.tab-title .item{
	padding: 20px;
}


.tab-title .se{
	font-weight: bold;
	border-bottom: 3px solid #3975FB;
}

.se-1{
	background: url(../../home/img/search_selected.png) no-repeat center 30px;
	background-size: 20%;

}


.min-height-6{
	min-height: 300px;
}

.tab-con{

}

.detail-r-list1{

}
.detail-r-list1 .list-item{
	padding: 20px;
	border-radius: 10px;
	background-color: rgb(242, 242, 242);
}
.detail-r-list1 .list-item .right-icon{
	width: 25px;
	height: 25px;
}
.detail-r-list1 .list-item .right-icon img{
	width: 100%;
}
.degree{
	padding: 5px;
	border-radius: 50px;
	background-color: rgb(134, 169, 255);
}
.detail-r-list2{

}
.detail-r-list2 .list-item{
	border-radius: 10px;
}
.detail-r-list2 .list-item .img-block{
	width: 180px;

}
.detail-r-list2 .list-item .img-block img{
	width: 100%;
}
.detail-r-list2 .list-item .right-block{
	width: 180px;
}

.chapter-title{
	padding: 20px;
	background-color: #F9F9F9;

}
.chapter-list-item{
	padding: 20px;
}

.chapter-title-img-block{
	width: 26px;
}
.chapter-title-img-block img{
	width: 100%;
}
.chapter-list-item-img-block{
	width: 26px;
}
.chapter-list-item-img-block img{
	width: 100%;
}

.try{
	border-radius: 50px;
	background-color: #CBD3DA;
	color: white;
	padding: 10px 10px;
	font-size: 12px;
}


.try1{
	border-radius: 50px;
	border: 1px solid #afafb2;
	padding: 5px 20px;
	font-size: 12px;
}


.commment-detail{
	width:85%;
}
.reply{
	width:85%;
	padding: 20px;
	border-radius: 10px;
	background-color: #F2F2F2;
}
.divier{
	width:100%;
	height: 2px;
	border-bottom:1px solid #C3C3C3 ;
}

.comment{

}
.class-list{

}
.class-list-item{
	height: 190px;
	padding: 10px;
	background: white;
	border-radius: 20px;
	margin-bottom: 20px;
}
.class-list-item-l{
	width: 300px;
	margin-right: 10px;
}
.class-list-item-l image{
	width: 100%;
}
.class-list-item-r{
	width: 380px;
}
.address-block{
	width: 200px;
	border-radius: 10px;
	background-color: #EEEEEE;
	padding: 20px;
}
.address-block-se{
	background-color: #f8f8f8;
}
.address-block-add{
	text-align: center;
	line-height: 50px;
}
.pay-block{
	width: 200px;
	border-radius: 10px;
	padding: 20px;
	border: 1px solid #EEEEEE;
}
.pay-block-se{
	border: 2px solid  #3975FB;
}
.select-block{
	width: 200px;
	border:1px solid  #EEEEEE ;
	border-radius:10px ;
	padding: 6px 20px;
}
.add-adress-block{
	width: 500px;
	padding: 20px;
	border-radius: 10px;
	margin: 0 auto 0 auto;
}
.add-adress-block .btns{
	width: 80%;
	margin: 20px auto;
}

.add-btn-l{
	color: white;
	background:#888888;
	border: 1px solid  #888888;
	border-radius: 50px;
	text-align: center;
	padding: 10px 40px;
}


.add-btn-r{
	color: white;
	background:#3975FB;
	border: 1px solid  #3975FB;
	border-radius: 50px;
	text-align: center;
	padding: 10px 40px;
}

.add-btn-r-1{
	color: white;
	background: #f42121;
	border: 1px solid #ff0200;
	border-radius: 50px;
	text-align: center;
	padding: 10px 40px;
}


.divider{
	width: 100%;
	height: 5px;
	border-bottom: 1px solid #C3C3C3;
}
.we-pay{
	width: 200px;
	border: 1px solid #C3C3C3;
}
.we-pay-img-block{
	width: 160px;
	padding: 20px;
}
.we-pay-img-block img{
	width: 100%;
}
.we-pay-text{
	padding: 20px;
	background: #03B946;
	color: white;
}

.alipay-text{
	padding: 20px;
	background: #2096ca;
	color: white;
}


.q-bank-block{
	width: 600px;
}
.q-bank-block-item{
	width: 560px;
	padding: 20px;
	border-radius: 10px;
	background-color: #3975FB;
}

.f18{
	font-size: 18px;
}
.q-bank-btn{
	color: #3975FB;
	border: 1px solid #3975FB;
	background:white ;
}
.test-item-title-l{
	padding: 5px;
	background-color: rgb(242, 242, 242);
	line-height: 25px;
}
.test-item-title-r{
	width: 80px;
}
.test-item-title-r img{
	width: 26px;
}
.test-item-con .active{
	color:white ;
	background:#3975FB ;
	border: 1px solid #3975FB;
}
.active2{
	color:white ;
	background:#3975FB ;
	border: 1px solid #3975FB;
}
.cirlce{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #C3C3C3;
	text-align: center;
	line-height: 26px;

}

.tetragon{
	width: 33px;
	height: 26px;
	border-radius: 10%;
	border: 1px solid #C3C3C3;
	text-align: center;
	line-height: 26px;
	margin-right: 28px;
}


.test-item-con img{
	width: 26px;
}
.test-item-con .textarea {
	width: 80%;
	height: 145px;
	background: rgb(242, 242, 242);
	padding: 10px;
}

.detail-r-title {

}
.detail-r img{
	width:26px;
}
.bg-blue{
	background:#3975FB ;
}
.all{
	padding: 5px 20px;
	font-size: 14px;
	background-color: #C7C7C7;
	color: white;
	border-radius: 50px 0 50px 0;
}
.data{
	background-color: white;
	border-radius: 50px;
	width: 80%;
	margin: 0 auto;
}
.right{
	background-color: #09BB07;
	color: #FFFFFF;
}
.font-right{
	color:#09BB07 ;
}
.wrong{
	background-color: #FF4C62;
	color: #FFFFFF;
}

.miss{
	background-color: #989898;
	color: #FFFFFF;
}

.bg-red{
	background-color: red;
}

.bg-green{
	background-color: green;
}

.bg-gray{
	background-color: gray;
}

.my-wrong-btn{
	padding: 10px 20px;
	text-align: center;
	border:1px solid #3975FB ;
	color: #3975FB;
	background: white;
	border-radius: 50px;
}
.spread{
	width: 100%;
}
.spread-red{
	width: 40%;
	height: 5px;
}
.spread-blue{
	width: 60%;
	height: 5px;
}

.common img{
	width: 16px;
}
.common1 img{
	width: 26px;
}
.q-list-item{
	width: 100px;
	border-radius: 10px;
	padding: 10px;

}
.bg-3{
	background:#F2F2F2;
}

.cirlce-bule{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #3975FB;
	text-align: center;
	line-height: 26px;

}
.cirlce-gray{
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #DDDDDD;
	text-align: center;
	line-height: 26px;

}
.q-line{
	width: 80px;
	height: 5px;
	background-color:  #DDDDDD;
}
.news-img-block{
	width: 150px;
}
.news-img-block img{
	width: 100%;
}
.personal-list .se{
	border-radius: 10px;

	color: #3975FB;
	font-weight: bold;
}

.personal-list .se a {
	color: #3975FB;
}


.teacher-icon-per{
	width: 70px;
	height: 70px;
	border: 1px solid #C3C3C3;
	border-radius:10px ;
}
.teacher-icon-per img{
	width: 100%;
	border-radius: 10px;
}
.reload{
	color:#3975FB;
	padding: 5px 10px;
	border: 1px solid #3975FB;
	background: #DEE7FF;
	border-radius: 10px;
}
/* 进度条样式 */
.progress-block{
	height: 5px;
	background: white;
	/* border-radius: 50upx; */
}
.progress-block-red{
	width: 10%;
	background-color: #FF0000;
}
.progress-block-blue{
	width: 20%;
	background-color: #83A6FF;
}

.progress-block-1{
	height: 10upx;
	background-color: #C6C6C6;
	/* border-radius: 50upx; */
}
.square-block{
	width: 5px;
	height: 5px;
}
.square-block-white{
	background: white;
}
.square-block-red{
	background: #FF0000;
}
.square-block-blue{
	background: #83A6FF;
}
.bank-bg-blue{
	background: url(../img/u9073.png) no-repeat;
	background-size:cover;
}
.bank-bg-green{
	background: url(../img/u9075.png) no-repeat;
	background-size:cover;
}

.lesson-name-text{
	font-size: 16px;
}
.lesson-info-text{
	font-size: 12px;
	color: #98989a;
}

.info-name-text{
	font-size: 12px;
}

.question-bank-icon-right{
	width: 25px;
	height: 25px;
}

.login-top-right{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;

}

.qrcode-login{
	background:url(../img/qrcode_login.png) no-repeat right top;
	background-size: 140%;
}


.phone-login{
	background:url(../img/phone_login.png) no-repeat right top;
	background-size: 140%;
}