body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	

}
body {
    /*background: #f3f5f8;*/
    /*color: #555;*/
    font-size: 14px;
    font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: auto;
    width: 100%;
    background: #f3f5f8;
    color: #484848;
}
td, th, caption {
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    *zoom: 1;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.wrap{
	width: 100%;
	height: auto;
}
[v-cloak]{
	opacity: 0;
}
[v-text]{
	opacity: 0;
}
.header{
	width: 100%;
	height: 60px;
	background: #fff;
	line-height: 60px;
	overflow: hidden;
	position:fixed;
	top: 0;
	z-index: 99;
}
.container{
	width: 1000px;
	margin: 0 auto;
}

.header .container .icon{
	width: 100px;
	text-align: center;
	line-height: 70px;
}
.header .container .nav-list{
	width: 260px;

}
.header .container .nav-list .nav-list-item{
	width: 33.3%;
	text-align: center;

}
.header .container .nav-list .nav-list-item a,.header .container .login-bar .login a{
	font-size:16px;
	display: block;
	color: #484848;
	
}
.header .container .nav-list .nav-list-item a:hover{
	color: #3b7eff;
}
.header .container .login-bar{
	width: 100px;
}
.header .container .login-bar .login{
	width: 33.3%;
	text-align: center;
}
.header .container .login-bar .login:nth-child(2){
	color: #e8e8e8;
}
.header .container .user {
	margin-top: 10px;
	display: block;
}
.header .container .user .username{
	font-size: 16px;
	color: #484848;
	line-height:40px;
	margin-right: 8px;
}
.header .container .user .userAvator{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.banner{
	min-width:1000px;
	height:auto;
	overflow: hidden; 
	position: relative;
	margin: 0 auto;
	margin-top: 60px;
}
.banner .swiper-container{
	height: auto;
}
.banner .login-part{
	position: absolute;
	width: 190px;
	z-index: 5;
	background: #fff;
	right: 15%;
	top: 25%;
	border-radius: 4px;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.30);
}
@media screen and (max-width: 1200px){
	.banner .login-part{
		top: 18%;
	}
}
.banner .login-part .inn{
	margin:25px;
	text-align: center;
}
.banner .login-part .inn .avator{
	
}
.banner .login-part .inn .welcome{
	font-size: 14px;
	color: #484848;
	margin-top: 15px;
	letter-spacing: 1px;
}
.banner .login-part .inn .login{
	width: 100%;
	text-align: center;
	line-height: 40px;
	background-color: #3b7eff;
	margin-top: 15px;
	border-radius: 4px;
}
.banner .login-part .inn .login a{
	display: block;
	color: #fff;
	font-size:14px;
}
.login:hover{
	opacity: 0.8;
}
.banner .login-part .inn .bcg{
	background: #fff;
	border: 1px solid #3b7eff;
}
.banner .login-part .inn .bcg a{
	color: #3b7eff;
}
.course{
	width: 100%;
	background: #f3f5f8;
	height: auto;
}
.course .container{
	text-align:center;
}
.course .container .course-header{
	padding: 25px 0;
	display: inline-block;
	margin: 0 auto;
}
/*.course .container .course-header .course-icon{
	line-height: 4.5rem;
}*/
.course .container .course-header div.fl{
	line-height:30px;
}
.course .container .course-header .fl span{
	font-size:28px;
	padding:0 10px;
}
.course .container .course-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.course .container .course-list .course-list-item{
	width: 32%;
	overflow: hidden;
	transition: all .1s linear;
	margin-bottom: 3vw;
}

.course .container .course-list .course-list-item:hover{
	box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
	margin-top: -2px;
}
.course .container .course-list .course-list-item .des .inn{
	padding: 10px;
	background: #fff;
	height: 70px;

}
.course .container .course-list .course-list-item .des{
	margin-top: -4px;
	border-radius: 4px;
}
.course .container .course-list .course-list-item .des .inn .title,.footer td a,.footer th,.footer .container .yqlj{
	font-size: 16px;
	text-align: left;
	color:#484848;
	font-weight: 400;
}
.course .container .course-list .course-list-item .des .inn .guarantee{
	font-size: 14px;
	text-align: left;
	color: #a4a6a6;
	margin-top: 6px;
	width: 200px;
}
.course .container .course-list .course-list-item .des .inn .price{
	font-size: 16px;
	color: #3b7eff;
	text-align: right;
}
.course .container .course-list .course-list-item .des .inn .baom{
	width: 78px;
	height: 28px;
	background: #3b7eff;
	border-radius: 4px;
	line-height: 28px;
	margin-top: 5px;

}
.course .container .course-list .course-list-item .des .inn .baom a{
	color: #fff;
	display: block;
	font-size:14px;
	cursor:pointer;
}
.course .container .course-banner{
	margin:30px 0;
	position: relative;
	display: inline-grid;
	transition: all .1s linear;
}
.course .container .course-banner:hover{
	box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.5);
	top: -1px;
}
.course .container .course-banner .ljbm{
	width: 120px;
	line-height: 45px;
	background-image:  linear-gradient(-225deg, #F663C3 0%, #3b7eff 100%);
	border-radius: 4px;
	position: absolute;
	top: 40%;
	right: 18%;
}
.course .container .course-banner .ljbm a{
	color: #fff;
	font-size:20px;
}
/*登录注册*/
.mask{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.2);
	z-index: 100;
}
#noLogin{
	background: rgba(0,0,0,0);

}
@keyframes enter{
	0%{
		transform: scale(0);
	}
	100%{
		transform: scale(1);
	}
}
@keyframes out{
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(0);
	}
}
.out{
	animation:out .5s linear;

}
.mask .modal{
	width: 400px;
	margin:150px auto;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	transition: all .5s linear;
}
.wrap .toast{
	padding: 5px 10px;
	width:auto;
	line-height: 70px;
	border-radius: 6px;
	background:rgba(0,0,0,0.7);
	text-align:center;
	position:absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 30px;
	transition: tipAnimation .5s linear;
	z-index: 999;
}
@keyframes tipAnimation{
	0%{
		opacity: 1
	}
	100%{
		opacity: 0
	}
}
#modal2 .input:nth-child(5) input,#register .input:nth-child(5) input{
	width: 85%;
}
#register .input:nth-child(4) input{
	width: 55%;
}
.enter{
	animation:enter .5s linear;

}
.mask .cha{
	position: absolute;
	right: 25px;
	top: 15px;
	display: block;
}
.mask .modal .inn{
	margin:25px;
	text-align: center;
	overflow: hidden;
}
.mask .inn .icon{
	width: 30%;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px;
}
.mask .inn .lock{
	font-size: 20px;
	width: 35%;
}
.mask .modal .inn .support{
	font-size:12px;
	color: #484848;
	margin-bottom: 16px;
}
.mask .modal .inn .safe{
	font-size: 12px;
	color: #a4a6a6;
}
.mask .modal .inn .tubiao{
	margin-bottom:16px;

}
.mask .modal .inn .tubiao img{
	padding-right: 5px;
}
.mask .modal .inn .input{
	width: 99%;
	height: 48px;
	line-height: 48px;
	border: 1px solid #e8e8e8;
	margin-bottom: 16px;
	border-radius: 4px;
}
.mask .modal .inn .input i{
	/*padding-top: 0.4vw;*/
	margin-left:6px;
	color: #a4a6a6;
	line-height: 48px;
	width: 38px;
}
.mask .modal .inn .input input{
	border: none;
	width: 85%;
	outline: none;
	/*margin-top:0.2vh;*/
	font-size:16px;
	margin-left: 2%;
	height: 46px;
	line-height: 48px;

}
.mask .modal .inn .input input:nth-child(3){
	font-size: 14px;
}
.mask .modal .inn .input a{
	color: #3b7eff;
	cursor:pointer;
	font-size: 12px;
}
.mask .modal .inn .input:nth-child(5) input,.mask #register.modal .inn .input .registeryzm{
	width: 46%;
}
.mask .modal .inn .input:nth-child(5) .button,#register .input:nth-child(4) .button{
	line-height:55px;
	color: #3b7eff;
	display: block;
	border: none;
	background: #fff;
	outline: none;
	width: 36%;
	cursor: pointer;
	text-align:right;
	padding-right: 1vw;
}
.mask .modal .inn .input:nth-child(5) .button.disabled,#register .input:nth-child(4) .button.disabled{
	color: #a4a6a6;
}
.mask .modal .inn .vertify{
	width: 99%;
	height: 48px;
	line-height: 40px;
	border: 1px solid #e8e8e8;
	margin-bottom: 20px;
	border-radius: 4px;
}
.mask .modal .inn .vertify #verifyCanvas{
	height: 48px;
	/*margin-top: 0.4vh;*/
	width: 100%;
}
.mask .modal .inn .vertify>input{
	border: none;
	outline: none;
	height:48px;
	/*line-height: 6vh;*/
	padding-left:1%;
	width: 60%;
	font-size: 18px;
}
.mask .modal .inn .vertify>div{
	width: 38%;
}
.mask .modal .inn .login{
	width: 100%;
	line-height: 48px;
	background: #3b7eff;
	border-radius: 4px;
	text-align: center;
	margin-bottom: 24px;
	font-size: 18px;
}
.mask .modal .inn .login a{
	display: block;
	color: #fff;
}
.mask .modal .inn .change{
	font-size:16px;
	color: #a4a6a6;
}
/*首页侧边栏*/
.consult{
	position: fixed;
	right: 0;
	top: 30%;
	z-index: 99;	
}
.consult .part{
	width: 60px;
	background: rgba(0,0,0,0.4);
}
.consult .part:nth-child(1){
	border-bottom: 1px solid #e8e8e8;
}

.qrCode{
	position:absolute;
	background:rgba(0,0,0,0.4);
	right: 0;
	top: 50%;
	
	z-index: 5;
}
.qrCode .img{
	width: 150px;
	padding: 15px 70px 15px 15px;
	display: grid;
}
#teacherqrCode{
	top:0;
}
.consult .part a{
	display: block;
	text-align: center;
	padding:8px 0;

}
.consult .part a .zx{
	font-size:12px;
	color: #fff;
}
/* footer */
.footer{
	background: #fff;
}
.footer .container{
	padding: 30px 0 0;
}
.footer .container:nth-child(2){
	padding: 25px 0;
	border-bottom: none;
}
.footer .container tr th{
	font-weight: 600;
}
.footer .container tr td,.footer .container tr th{
	padding-bottom: 10px;
	padding-right: 110px;
}
.footer .container tr td a{
	display: block;
	line-height: 40px;
}
.footer .container tr td a:hover{
	color: #ff5454;
}
.footer .container tr td a img{
	vertical-align: middle;
}
.footer .container tr td a span{
	padding-left: 8px;
}
.footer .container .aiSay .icon{
	margin-bottom: 20px;
	text-align: right;
}
.footer .container .aiSay .intro{
	font-size:16px;
	color: #a4a6a6;
	text-align: right;
	margin-bottom: 8px;
}
.footer .container .links{
	font-size:16px;
	display: flex;
	margin-top: 16px;
}
.footer .container .links .item{
	margin-right: 24px;
}
.footer .container .links .item a{
	color: #a4a6a6;

}
/* 课程详情页 */
.detail{
	margin-bottom: 30px;
	margin-top: 60px;
	overflow: hidden;
}
.detail .container{
	background: #fff;
	overflow: hidden;
	margin-top:30px ;

}
.detail .container .inn{
	margin:36px;
}
.detail .container .inn .left{
	width: 57%;
	margin-right: 3%;
}
.detail .container .courseIntro .left{
	width: 70%;
}
.detail .container .inn .left .intro.clearfix{
	margin-right: 36px;
	margin-top: 20px;

}
.detail .container .inn .left .intro p,.detail .container .inn .right p:nth-child(3),.detail .container .inn .right .pricePart .same,.xztc{
	font-size: 14px;
	color: #a4a6a6;
	letter-spacing: 1px;
}
.detail .container .inn .left .goodCommit{
	margin-top:50px;
	width: 160px;
	line-height: 46px;
	background: #3b7eff;
	position: relative;
	left: -36px;
	text-align: center;
	color: #fff; 
	font-size:18px;

}
.detail .container .inn .left .goodCommit .trangle{
	position: absolute;
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-left: 23px solid #3b7eff;
	border-bottom: 23px solid transparent;
	right: -23px;
	top: 0;
}
.detail .container .inn .right{
	width: 40%;
}
.detail .container .inn .right .title{
	font-size:20px;
	color: #484848;
	font-weight: 600;
	margin-bottom: 10px;
}
.detail .container .inn .right .fit{
	font-size: 16px;
	color: #3b7eff;
	margin-bottom: 10px;

}
.detail .container .inn .right .pricePart{
	width: 100%;
	background: #f3f5f8;
	overflow: hidden;
	margin:10px 0;
}
.detail .container .inn .right .pricePart .inn{
	margin:20px;
}
.detail .container .inn .right .pricePart .price{
	font-size:20px;
	font-weight: bolder;
	color: #3b7eff;
	margin-right: 12px;
	padding-bottom: 15px;
}
#courseDetail .container .inn .right .select .change{
	border-color: #3b7eff;
}
#courseDetail .container .inn .right .select .change a{
	color: #3b7eff;
}
.detail .container .inn .right .pricePart .same .black{
	color: #1e1e1e;
}
.detail .container .inn .right .select{
	display: flex;
	width: 83%;
	flex-wrap: wrap;
}
.detail .container .inn .right .xz{
	padding-top: 10px;
}
.detail .container .inn .right .select .courses{
	width: 90px;
	line-height: 36px;
	background: #fff;
	border: 1px solid #e8e8e8;
	text-align: center;
	border-radius: 4px;
	margin:0 0 12px 10px;
}
.detail .container .inn .right .select .courses a{
	color: #a4a6a6;
	display: block;
}
.detail .container .inn .right .rightNow{
	width: 45%;
	line-height: 52px;
	border-radius: 4px;
	border: 1px solid #3b7eff;
	text-align: center;
	margin-top: 24px;
}
.detail .container .inn .right .rightNow.left{
	background: #3b7eff;
}
.detail .container .inn .right .rightNow.left a{
	color: #fff;
	
}
.detail .container .inn .right .rightNow a{
	color: #3b7eff;
	display: block;
	font-size:20px;
	cursor:pointer;
}
.detail .container .courseIntro {
	overflow: hidden;
	background: #fff;
	position: relative;
	z-index: 2;
}

 .inn .sub-header .box{
	width: 10px;
	height:26px;
	background: #3b7eff;
	margin-right: 12px;
}
 .inn .left{
	width: 70%;
}
 .inn .sub-header{
	/*margin-bottom: 24px;*/
}
#orderNoPay .inn .sub-header{
	margin-bottom: 0;
}
.inn .sub-header .accept{
	font-size:20px;

}
.inn .sub-header .title{
	font-size:20px;
	color: #484848;
	font-weight: bolder;
	line-height: 26px;
}
.detail .container .courseIntro .inn .content{
	background: #f3f5f8;
	margin-bottom: 24px;
	width: 680px;
	border-radius: 4px;
	height: auto;
	margin-top: 20px;
}
.detail .container .courseIntro .inn .teacher{
	width: 165px;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);
	border-radius:4px;
	overflow: hidden;
}
.detail .container .courseIntro .inn .teacher .inn{
	margin:16px;
}
.detail .container .courseIntro .inn .teacher .inn .avator{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin:16px auto;

}
.detail .container .courseIntro .inn .teacher .inn .name{
	font-size:14px;
	color: #484848;
	text-align: center;
	margin:8px;
}
.detail .container .courseIntro .inn .teacher .inn .intro{
	font-size: 12px;
	color: #a4a6a6;

}
.detail .container .courseIntro .inn .swiper-container{
	padding: 30px 44px;
}
.detail .container .courseIntro .inn .swiper-wrapper{
	display: flex;
}
#courseDetail .swiper-button-prev{
	/*width: 15px;*/
	left:10px;
}
#courseDetail .swiper-button-next{
	/*width: 15px !important;*/
	
}
 .courseConsult{
	width: 20%;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
	
}
 .courseConsult.fixed{
	position: fixed;
	top: 30px;
	right: 50px;
	width: 170px;
 }
 .courseConsult>div{
	background: #3b7eff;
	overflow: hidden;
}
#courseDetail .courseConsult .inn{
	
	margin: 10px;
}
 .courseConsult .inn .pic{
	width: 30px;
	
	margin: 5px 5px 0 20px;
}
 .courseConsult .inn p{
	font-size:20px;
	color: #fff;
	line-height: 40px;
}
 .courseConsult .bottom{
	background: #fef3f4;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

 .courseConsult .bottom .anchor{
	position: relative;
}
 .courseConsult .bottom .anchor .headline {
	text-align: center;
	/*position: absolute;*/
	transition: all .1s linear;
}
 .courseConsult .bottom .anchor .headline a{
	display: block;
	padding:15px 15px 15px;


}
 .courseConsult .bottom .anchor .headline a .littleCircle{
	background-image: url(../assets/course_ic_choose_n.png);
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: sub;
	background-size: 100% 100%;
	margin-right: 10px;
}
 .courseConsult .bottom .anchor .headline a .alive{
	background-image: url(../assets/course_ic_choose_s.png);
}
 .courseConsult .bottom .anchor .headline a .item{
	font-size: 16px;
	color: #484848;

}
 .courseConsult .bottom .ivu-radio-wrapper{
	margin-left: 20px;
	margin-bottom: 20px;
}

/*订单未支付*/
.background{
	margin: 30px 0;
	position: relative;
	margin-top: 90px;
	
}
.background .container{
	background: #fff;
	overflow: hidden;
}
.background .container .inn{
	margin:36px;
}
.background .container .time{
	font-size: 20px;
	color: #484848;
	letter-spacing: 1px;
	margin-bottom: 50px;
}
.background .container .time .timeCountdown{
	color: #3b7eff;
}
.background .container .modelListItem{
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}
.background .container .modelListItem#account1{
	border-bottom: 1px solid #e8e8e8;
	overflow: hidden;
}
.background .container .modelListItem:nth-child(3){
	border-bottom: none;
}
.background#refund .container .modelListItem:nth-child(3){
	border-bottom: 1px solid #e8e8e8;
}
.background .container .modelListItem:nth-child(4){
	border-bottom: none;
}
#valid.background .container .modelListItem:nth-child(3){
	border-bottom: 1px solid #e8e8e8;
}
#valid.background .container .modelListItem:nth-child(4){
	border-bottom: 1px solid #e8e8e8;

} 

.background .container .modelListItem table{
	width: 100%;
}
.background .container .modelListItem table tr{
	/*text-indent: 15px;*/
}
.background .container .modelListItem#paid table tr td{
	padding-bottom: 20px;
}
.background .container .modelListItem table tr td:nth-child(1){
	text-indent: 20px;
}
#lcenter.background .container .modelListItem:nth-child(1) table tr td:nth-child(1){
	text-indent: 10px;
	padding:10px;
}
#lcenter.background .container #modelListItem:nth-child(1) table tr td:nth-child(1){
	text-indent: 10px;
	padding:10px;
}
.background .container .modelListItem:nth-child(2) table tr:nth-child(2) td,.background .container .modelListItem table tr:nth-child(3) td{
	padding-bottom: 20px;
}
#valid.background .container .modelListItem:nth-child(2) table tr:nth-child(2) td{
	padding-bottom: 0px;	
}
#valid.background .container .modelListItem:nth-child(4) table tr:nth-child(2) td{
	/*padding-bottom: 20px;	*/
}
#valid.background .container .modelListItem:nth-child(2) table tr:nth-child(2){
	padding-bottom: 0px;	
}
#valid.background .container .modelListItem table tr td{
	padding-bottom: 0px;	
}
#valid.background .container .modelListItem:nth-child(2) table tr:nth-child(2) td{
	/*padding-bottom: 20px;*/
}
#refund.background .container .modelListItem table tr td{
	padding-bottom: 22px;
}
.background .container .modelListItem table tr th{
	padding-bottom:32px;
	font-size: 20px;
	text-align: right;
}
#valid.background .container .modelListItem table tr th{
	padding-bottom: 0;
}
#account.background .container .modelListItem table tr:nth-child(1) th{
	padding-bottom: 15px;
}
#account.background .container .modelListItem:nth-child(1) table tr:nth-child(1) th{
	padding-bottom: 0px;
}
#account.background .container .modelListItem table tr:nth-child(2) td{
	padding-bottom: 0;
	margin-bottom: 0;
}
#valid.background .container .modelListItem table tr:nth-child(1) th{
	padding-bottom: 15px;
}
#valid.background .container .modelListItem:nth-child(1) table tr:nth-child(1) th{
	padding-bottom: 0px;
}
#valid.background .container .modelListItem table tr:nth-child(2) td{
	padding-bottom: 0;
	margin-bottom: 0;
}
.background .container .modelListItem table tr td,.background .container .modelListItem table tr .give{
	/*padding-bottom:24px;*/
	font-size: 20px;
	text-align: right;
}
.background .container .addLink p a{
	width: 22px;
	display: block;
}
.background .container .addLink p:nth-child(1){
	text-indent: 20px;
	font-weight: bolder;
	font-size: 16px;
}
.background .container .addLink {
	padding-bottom: 0;
}
.background#valid .container .next{
	background:#fef3f4;
	overflow: hidden;
}
#refund.background .container .modelListItem table tr th{
	padding-bottom: 20px;
}
#refund.background .container .modelListItem:nth-child(1) table tr th{
	padding-bottom: 0;
}
#refund.background .container .modelListItem table tr td{
	font-size: 16px;
}
.background .container .modelListItem table .lc-course td{
	padding-bottom:24px !important;

}
.background .container .modelListItem table tr:nth-child(1),.background .container .modelListItem table tr td:nth-child(1){
	text-align: left;
}
.background .container .modelListItem table tr td{
	/*padding-bottom: 15px;*/
	
}
#account.background .container .modelListItem table tr th:nth-child(1) .title{
	text-indent: 20px;
}

#valid.background .container .modelListItem table tr td:nth-child(1){
	/*text-indent: 0;*/
	font-size: 16px;
}
.background .container .modelListItem table tr .title1{
	padding-bottom: 0;
	font-weight: bolder;
}
.background .container .modelListItem table tr .sub-header .title11{
	text-indent: 20px;
	font-weight: bolder;

}
.background .container .modelListItem table tr .give{
	padding-bottom:24px !important;

}
.background .container .modelListItem table tr .little{
	font-size:16px;
	color: #a4a6a6;
}
.background .container .modelListItem .sub-header{
	/*margin-bottom: 20px;*/
	width: 100%;
}
#orderNoPay.background .container .modelListItem .sub-header{
	width: 100%;
}
#valid.background .container .modelListItem .title .sub-header,#refund.background .container .modelListItem .title .sub-header,#account.background .container .modelListItem .title .sub-header{
	margin-bottom: 0px;
}
.background .container .modelListItem .sub-header a{
	color: #2771f0;
}
.background .container .modelListItem .sub-header  i{
	color: #fff;
}
.background .container .modelListItem .button a{
	width: 200px;
	line-height: 52px;
	border-radius: 4px;
	background: #00aaee;
	font-size:20px;
	display: block;
	text-align:center;
	margin-left: 24px;
	color: #fff; 
}
.background .container .modelListItem .button {
	overflow: hidden;
	display: flex;
	margin-top: 24px;
}
.background .container .modelListItem .button .wx{
	background: #5ac64f;
}
a:hover{
	opacity: 0.8;
}
.background .container .modelListItem .sub-header .pay{
	width: 90px;
	line-height: 30px;
	background: #3b7eff;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-left: 12px;
}
.background .container .modelListItem .inn .money{
	font-size:18px;
	color: #a4a6a6;
}
.background .container .modelListItem .inn .money span{
	color: #3b7eff;
	font-size:24px;
	font-weight: 600;
}
.background .container .modelListItem .inn .finish{
	display: block;
	width: 200px;
	line-height: 52px;
	border-radius: 4px;
	font-size:20px;
	text-align:center;
	color: #fff; 
	background: #3b7eff;
	cursor: pointer;
	margin-top: 34px;
}
/*学习中心*/
.background .container .modelListItem .inn .yysk{
	width: 120px;
	line-height: 42px;
	background: rgba(248,79,95,0.20); 
	border:1px solid #3b7eff;
	border-radius: 4px;
	float:right;
	text-align: center;
	cursor:pointer;

}
.background .container .modelListItem .inn .show1{
	display: none
}
.background .container .modelListItem .inn .yysk a{
	color: #3b7eff;
}
.background .container .modelListItem .inn .plan{
	font-size: 20px;
	color: #484848;
	/*font-weight: 600;*/
}
 .modalPlan{
	position:absolute;
	top: 50%;
	left:50%;
	width: 30%;
	transform: translate(-50%,-50%);
	background: #fff;
	border-radius: 5px;
}
 .modalPlan .cha{
	position:absolute;
	right: 16px;
	top: 16px;
	/*width: 1.5vw;
	height: 1.5vw;*/



}
 .modalPlan .floor{
	border-bottom: 1px solid #e8e8e8;
}
 .modalPlan .floor:nth-child(2){
	margin-top: 45px;
}
 .modalPlan .floor .inn .plan{
	text-align:center;
	padding-right: 0;
	line-height: 40px;
}
 .modalPlan .floor .inn .tip{
	font-size: 14px;
	color: #484848;
	text-align:center;
}
.modalPlan .floor .inn .plan:nth-child(2){
	color: #3b7eff;
}
.modalPlan .floor .inn .wxh{
	font-size: 20px;
	color: #3b7eff;
	text-align:center;
}
.modalPlan .floor:nth-child(4){
	border-bottom: none;
}
.modalPlan .floor .inn{
	margin: 20px;
}
.modalPlan .floor .inn .icon1{
	width: 30%;
	margin: 0 auto;
}
#lcenter  .container .modelListItem .inn tr th,#lcenter  .container .modelListItem .inn tr td{
	font-size: 16px;
	/*padding-bottom: 32px;*/
}
#lcenter  .container .modelListItem .inn tr:nth-child(3) td{
	padding-bottom: 0;
}
#lcenter.purchaseRecord .container #modelListItem .inn tr td{
	padding-bottom: 0px;
	
}
#lcenter.purchaseRecord .container .modelListItem .inn tr:nth-child(4) td{
	padding-bottom: 0;
	
}
#lcenter  .container .modelListItem .inn tr td:nth-child(1){
	font-size: 20px;
	font-weight: 600;
}
#lcenter  .container .modelListItem .inn .history img{
	padding-top: 10px;
} 
#lcenter  .container .modelListItem .sk{
	width: 120px;
	line-height: 42px;
	border-radius: 4px;
	float:right;
	text-align: center;
	display: block;
	background: #3b7eff;
	color: #fff;
	margin-left: 24px;
}
#lcenter  .container .modelListItem .not{
	background: #dadcdc;
	pointer-events: none;
}
#lcenter  .container .modelListItem .shadow{
	position:fixed;
	top: 0;
	left:0;
	bottom: 0;
	right: 0;
	background:rgba(0,0,0,0.1);
	z-index: 999;
}
#lcenter  .container .modelListItem .cancleToast{
	position:absolute;
	width: 30%;
	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background:#fff;
	border-radius: 5px;
	overflow: hidden;
	text-align:center;
}
#lcenter  .container .modelListItem .cancleToast .cha{
	float: right;
	cursor: pointer;
}
#lcenter  .container .modelListItem .cancleToast .title{
	font-size: 20px;
	color: #484848;
	padding-top:30px;
}
#lcenter  .container .modelListItem .cancleToast .tip{
	padding-top: 30px;
	font-size: 16px;
}
#lcenter  .container .modelListItem .cancleToast .inner{
	margin: 30px;
}
#lcenter  .container .modelListItem .cancleToast .button{
	width: 100%;
	line-height:48px;
	border-radius: 5px;
	background:#3b7eff;
}
#lcenter  .container .modelListItem .cancleToast a{
	text-align:center;
	color: #fff;
	display: block;
}
#lcenter  .container .modelListItem .cant{
	line-height: 42px;	
}
#lcenter  .container .modelListItem span.cant{
	color: #a4a6a6;
	pointer-events:none
}
#lcenter .container .modelListItem .inn tr td span.cancel{
	color: #484848;
	line-height: 42px;	

}
#lcenter  .container .modelListItem .history{
	color: #484848;
}
/* 预约须知 */
.container .modelListItem .thanks{
	text-indent: 0;
	margin-left: 20px;
	font-size: 16px;
}
.container .modelListItem .rl{
	width: 70px;
	margin:0 auto;
	text-align: center;
}
.container .modelListItem .rl i{
	color: #a4a6a6;	
}
  .container .modelListItem .zbk{
	font-size:16px;
	color: #484848;
	text-align: center;
	margin-top: 12px;
	font-weight: 400;
	letter-spacing: 1px;

}
  .container .modelListItem .yyButton{
	display: block;
	width:220px;
	line-height: 42px;
	background: #3b7eff;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	margin:0 auto;
	margin-top: 12px;
	letter-spacing: 1px;
	font-size:16px;
}
  .container .modelListItem .remain{
	color: #a4a6a6;
	font-size: 16px;
	text-align: center;
	margin-top: 16px;
	letter-spacing: 1px;
}
  .container .modelListItem .message{
  	color: #484848;
  	font-weight: bolder;
  }
/*预约课程*/
#reserveCourse.background .container .first {
	position: relative;
	left: 32%;
	/*transform: translate(-50%,0%);*/

}
#reserveCourse.background .container .first .circle{
	width: 28px;
	line-height: 28px;
	border-radius: 50%;
	background: #3b7eff;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
#reserveCourse.background .container .first .select{
	font-size: 14px;
	color: #484848;
	line-height: 30px;
	padding:0 0 0 8px;
}
#reserveCourse.background .container .first .hx{
	color: #e8e8e8;
	padding:0 8px;
	line-height: 30px;
}
#reserveCourse.background .container .first .circle2{
	background:#fff;
	border: 1px solid #afafaf;
	color: #afafaf;
}
#reserveCourse.background .container .second{
	margin-top: 30px;
	position: relative;
	left: 40%;
}
#reserveCourse.background .container .second.left{
	left: 32%;

}
#reserveCourse.background .container .second.last{
	left: 45%;
}
#reserveCourse.background .container .second select{
	width: 110px;
	text-align: center;
	padding:0 5px 0;
	height: 32px;
	border: none;
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	outline: none;

}
#reserveCourse.background .container .second .week{
	width: 110px;
	line-height: 32px;
	display: block;
	border: 1px solid #e8e8e8;
	margin-left: 16px;
	text-align: center;
	border-radius: 2px;
	color: #484848;
}
#reserveCourse.background .container .second .week.lastWeek{
	/*margin-right: 16px;*/
}
#reserveCourse.background .container table{
	width: 100.6%;
	margin-top: 20px;
	border-color: #e8e8e8;
	display: block;
}
#reserveCourse.background .container table td .inner{
	margin:6px;
	opacity: 1;
}
#reserveCourse.background .container table td .inner .button{
	width: 15px;
	height: 15px;
}
#reserveCourse.background .container .inner .teacher{
	color: #484848;
}
#reserveCourse.background .container table thead tr{
	background: #f3f5f8;
}
#reserveCourse.background .container table thead tr th{
	width: 114px;
	border:0.5px solid #fafafa;
}
#reserveCourse.background .container table .tbody{
	display: block;
	height: 400px;
	overflow-y: auto;
    overflow-x: hidden;
	/*margin-bottom: -15px;*/
}
#reserveCourse.background .container table tbody tr{
	width: 100%;
	height: 72px;
}
#reserveCourse.background .container table tbody tr td{
	width:114px;
	border:0.5px solid #fafafa;

}
#reserveCourse.background .container table tbody tr td.cantClick{
	background: #eee;
	pointer-events:none;
	cursor: not-allowed
}
#reserveCourse.background .container table tbody tr td:nth-child(1){
	background: #f3f5f8;
	text-align: center;
}
#reserveCourse.background .container th{
	height: 42px;
}

::-webkit-scrollbar 
{ 
    width: 5px; 
    height: 16px; 
    background-color: #fff;
} 
   
/*定义滚动条轨道 内阴影+圆角*/ 
::-webkit-scrollbar-track 
{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
    background-color: #fff;
    /*position:absolute; */

} 
   
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb 
{ 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
    background-color: #d8d8d8; 
}
#reserveCourse.background .container .modelListItem .tb tr{
	height: 0;
}
.background .container .modelListItem .tb tr th{
	padding-bottom: 0;
}
#lcenter  .container .modelListItem .check{
	text-align: center;
}
#lcenter  .container .modelListItem .check .details{
	text-align: center;
	color: #a4a6a6;

}
#lcenter.purchaseRecord .container .modelListItem .inn .sk{
	margin-right: 0;
	margin-left: 30px;
	float:left;
	width: 90px;
}
#lcenter.purchaseRecord .container .modelListItem .inn .adetail{
	margin-right:15px;
	line-height: 42px;
	cursor:pointer;

}
/*售后政策*/
.background .container .margin{
	margin: 30px 0;
}
.background .container .policyTitle{
	text-align:center;
	font-size: 25px;
	color: #3b7eff;
}
.background .container .policy{
	margin: 25px 0 100px;
	font-size: 20px;
	color: #484848;
	line-height: 45px;
}
.background .container .policy li{
	padding-left: 50px;
}
.background .container .policy li:nth-child(odd){
	background:#f6f6f6;
}
.background .container .margin .btn{

}
.background .container .margin .btn div{
	width: 200px;
	line-height: 52px;
	border-radius: 5px;
	text-align:center;
	background:#ff5454;
	margin-right: 30px;
}
.background .container .margin .btn div a{
	display: block;
	color: #fff;	
	font-size: 20px;
}
.background .container .margin .btn div:nth-child(1){
	background:#bebebe;

}
/*学习工具*/
#tool.background .container .pthList .item{
	overflow: hidden;
	position:relative;
}
#tool.background .container .pthList .item:nth-child(1){
	border-bottom: 1px solid #e8e8e8;

}
#tool.background .container .pthList .item:nth-child(3){
	/*border-bottom: none;*/
	border-bottom: 1px solid #e8e8e8;

	padding-bottom: 70px;
}
#tool.background .container .pthList .item:nth-child(5){
	padding-bottom: 70px;
	
}
#tool.background .container .pthList .item .inn_{
	margin:30px ;
}
#tool.background .container .pthList .item .inn_ .title_{
	font-size: 22px;
	color: #484848;
	font-weight: bolder;
}
#tool.background .container .pthList .item .inn_ .icon{
	width: 100px;
}
#tool.background .container .pthList .item .inn_ .intro{
	margin-top: 36px;
	margin-left: 10px;
}
#tool.background .container .pthList .item .inn_ .intro .name{
	font-size: 20px;
	font-weight: bold;
	line-height: 40px
}
#tool.background .container .pthList .item .inn_ .intro span{
	font-size:16px;
	color: #a4a6a6;
}
#tool.background .container .pthList .item .inn_ .intro a{
	font-size: 16px;
	color: #00c79f;
}
#tool.background .container .pthList .item .inn_ .intro .pce{
	color: #00bcd4;
}
#tool.background .container .pthList .item .inn_ .top .left{
	width: 44px;
	line-height:55px;
	border-radius: 50%;
	background:#00c79f;
	text-align:center;
	height:44px;
}
#tool.background .container .pthList .item .inn_ .top .left i{
	color: #fff;
}
#tool.background .container .pthList .item .inn_ .top .right.pce{
	background:#00bcd4;
}#tool.background .container .pthList .item .inn_ .top .left.pce{
	background:#00bcd4;
}
#tool.background .container .pthList .item .inn_ .top .right{
	width: 126px;
	/*height: 2.5vw;*/
	line-height: 28px;
	background:#00c79f;
	border-radius: 30px;
	color: #fff;
	margin-left: 10px;
	display: block;
}
#tool.background .container .pthList .item .inn_  .margin{
	margin:8px 15px;
	font-size: 16px;
}
#tool.background .container .pthList .item .inn_ .bottom{
	width: 180px;
	/*height: 2.5vw;*/
	background:#00c79f;
	border-radius: 30px;
	margin-top: 10px;
	overflow: hidden;
	line-height: 28px;
	color: #fff;
	display: block;
	
	
}
#tool.background .container .pthList .item .inn_ .bottom.pce{
	background:#00bcd4;

}
#tool.background .container .pthList .item .desc{
	margin-left: 30px;
}
#tool.background .container .pthList .item .desc .introItem{
	font-size: 23px;
	color: #3e3e3e;
	line-height: 50px;
	font-family: Microsoft Yahei;
	letter-spacing: 1px;
}
#tool.background .container .pthList .item .desc .introItem:before{
	content: url(../assets/ggrop.png);
	font-size: 12px;
	line-height: 30px;
	padding-right: 10px;

}
#tool.background .container .pthList .item .pcedesc .introItem:before{
	content: url(../assets/pthtest_img_list.png);
}
#tool.background .container .pthList .item .img{
	position:absolute;
	width: 71%;
	right: 25px;
	bottom: 0;
	display: grid;
}
#tool.background .container .pthList .item .inn_ .box{
	width: 10px;
	height: 26px;
	background:#3b7eff;
	/*margin-right: 0.5vw;*/
}
#tool.background .container .pthList .item .inn_ .lx,#tool.background .container .pthList .item .inn_ .scan{
	font-size: 20px;
	text-indent: 12px;
}
#tool.background .container .pthList .item .inn_ .pic{
	width: 248px;
	margin:20px;
	border:1px solid #c2c2c2;
}
#tool.background .container .pthList .contact{
	padding-bottom: 100px;
}
#tool.background .container .pthList #contact2{
	padding-bottom: 0px;
}
#tool.background .container .pthList .item .gzh{
	display: flex;	
}
#tool.background .container .pthList .item .gzh .wx{
	border-right: 1px solid #e8e8e8;
	padding-bottom: 40px;
}
#tool.background .container .pthList .item .gzh .wx .top .fl{
	text-align:right;
}
#tool.background .container .pthList .item .gzh .wx .top .pic{
	/*margin-left: 10px;*/
}
#tool.background .container .pthList .item .gzh .wx:nth-child(3){
	border-right: none;
}
#tool.background .container .pthList .item .gzh .wx .top p{
	font-size:20px;
	text-align:center;
	line-height: 50px;
}
#tool.background .container .pthList .item .gzh .wx .ewm{
	width: 60%;
	margin: 20px auto;
	margin-top: 0;
}
#tool.background .container .pthList .item .gzh .wx .nice{
	text-align:center;
	font-size: 16px;
	color: #a4a6a6;
	line-height: 25px;
}
#tool.background .container .pthList .item .gzh .wx div.nice{
	color: #484848;
	margin-top: 10px;
}
@media screen and (min-width: 1600px){
	.container{
		width: 1250px;
	}
	#reserveCourse.background .container table thead tr th{
		width: 145px;
	}
	#reserveCourse.background .container table tbody tr td{
		width: 145px;
	}
}
.swiper-slide{
	/*min-width: 1000px !important;
	min-height: 335px !important;*/
}