*{ margin:0; padding:0; border:0; border:none;font-family:"FZLTHJW";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}

::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1200px;margin: 0 auto;}
.con{ display:none;}
html {

	overflow-y: scroll;

}
.container{
	background: #f0f0f2;
	padding-bottom: 50px;
	padding-top: 60px;
}
.header{
	width: 100%;
	height: 60px;
	line-height: 60px;
	box-shadow: 0 0px 10px #55a6a8;
	margin-bottom: 21px;
	background: -webkit-linear-gradient(left,#5ee4bb,#4982a5); /* Safari 5.1 - 6 */
	background: -o-linear-gradient(right,#5ee4bb,#4982a5); /* Opera 11.1 - 12*/
	background: -moz-linear-gradient(right,#5ee4bb,#4982a5); /* Firefox 3.6 - 15*/
	background: linear-gradient(to right,#5ee4bb,#4982a5); /* 标准的语法 */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}
.header .common{
	position: relative;
}
.header .common .logo{
	position: absolute;
	left: 0;
	top: 12px;
	width: 257px;
	height: 30px;
	background: url(../img/OnlineSchoolLogo.png) top center no-repeat;
	cursor: pointer;
}
.header .common .topnav{
	padding-left: 294px;
}
.header .common .topnav .pg_nav>a{
	color: #fff;
	font-size: 16px;
	margin:0 21px;
}
.header .common .topnav .font>a{
	font-weight: bold;
}
.header .common .topnav .pg_nav{
	position: relative;
}
.header .common .topnav .pg_nav .bottom_line{
	position: absolute;
	bottom: 0;
	left: 35px;
	width: 38px;
	height: 4px;
	border-radius: 2px;
	background: #fff;
	display: none;
}
.header .common .login{
	cursor: pointer;
	display: block;
	width:168px;
	position: absolute;
	top: 0;
	right: 0;
	height: 60px;
	line-height: 60px;
}
.learn_record{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 195px;
	color: #ffffff;
}
.learn_record a{
	color: #ffffff!important;
}
.record_icon{
	margin-right: 10px;
}
.header .common .connection{
	width: 168px;
	height: 15px;
	position: absolute;
	right: -2px;
	top: 60px;
	z-index: 10;
}
.header .common .login .hide{
	display: none;
}
.header .common .Personal_information{
	right: 0;
	top: 70px;
	z-index: 10;
	position: absolute;
	padding: 15px 5px 20px 5px;
	width: 156px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px #d9d9d9;
}
.Learning_records{
	left: 0;
	top: 70px;
	z-index: 10;
	position: absolute;
	padding: 15px 5px 30px 5px;
	width: 265px;
	font-size: 12px;
	line-height: normal;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 12px #d9d9d9;
}
#nwntop_container{
	margin: 0 10px;
}
.header .common .Personal_information>a{
	display: inline-block;
	margin: 5px 15px;
	width: 48px;
	font-size: 12px;
	line-height: 12px;
	color: #777;
}
.header .common .Personal_information>a:hover{
	color: #343c49;
}
.header .common .Personal_information .top_round{
	position: absolute;
	top: -7px;
	right: 18px;
	width: 16px;
	height: 7px;
	background: url(../img/top_round.png) top center no-repeat;
}
.Learning_records .top_round{
	position: absolute;
	top: -7px;
	left: 18px;
	width: 16px;
	height: 7px;
	background: url(../img/top_round.png) top center no-repeat;
}
.header .common .Personal_information .exit{
	cursor: pointer;
	width:126px;
	height: 24px;
	line-height: 24px;
	text-align:center;
	border-radius: 4px;
	background: #68c0df;
	color: #fff;
	font-size: 12px;
	margin:10px auto 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.header .common .login .login_img{
	width:40px;
	height: 40px;
	margin-top: 10px;
	background: url(../img/avatars.png) top center no-repeat;
	background-size: 100% 100%;
	border-radius: 50%;
	display: block;
}
.header .common .login .login_num{
	font-size: 14px;
	color: #fff;
	text-indent: 10px;
}
.header .common .login .login_open{
	width: 12px;
	height: 6px;
	margin-top: 27px;
	background: url(../img/open.png) top center no-repeat;
}

.content .common{
	padding: 20px 0 100px 0;
}
.content .common_record{
	padding: 20px 0 40px 0;
}

.content .leftsidebar{
	width: 160px;
	padding-top: 18px;
	padding-bottom: 18px;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 30px;
}
.content .leftsidebar>a{
	display: block;
	margin-left: 38px;
}
.content .leftsidebar .mine .content1{
	text-indent: 14px;
	font-size: 14px;
	color: #505763;
}
.content .leftsidebar .mine{
	position: relative;
}
.content .leftsidebar .mine .down_line{
	top: -5px;
	left: -38px;
	position: absolute;
	width: 4px;
	height: 30px;
	border-radius: 2px;
	background: #59b2a8;
	box-shadow: 4px 0 6px rgba(56,188,164,0.4);
}
.content .leftsidebar .mine .content1:hover{
	color: #343c49;
	font-weight: bold;
}
.content .common .leftsidebar .down .content1{
	color: #343c49;
	font-weight: bold;
}
.content .common .leftsidebar .mine .content2{
	text-indent: 16px;
}
.content .leftsidebar .my_class_logo{
	width: 11px;
	height: 14px;
	margin-top:3px;
	background: url(../img/my_class_logo.png) top center no-repeat;
}
.content .leftsidebar .agreement_logo{
	width: 14px;
	height: 14px;
	margin-top:3px;
	background: url(../img/agreement_logo.png) top center no-repeat;
}
.content .leftsidebar .mail_logo{
	width: 14px;
	height: 11px;
	margin-top:3px;
	background: url(../img/mail_logo.png) top center no-repeat;
}
.content .leftsidebar .order_logo{
	width: 13px;
	height: 14px;
	margin-top:3px;
	background: url(../img/order_logo.png) top center no-repeat;
}
.content .leftsidebar .juan_logo{
	width: 14px;
	height: 10px;
	margin-top:5px;
	background: url(../img/juan_logo.png) top center no-repeat;
}
.content .leftsidebar .record_logo{
	width: 14px;
	height: 11px;
	margin-top:5px;
	background: url(../img/record_logo.png) top center no-repeat;
}
.content .leftsidebar .records_logo{
	width: 14px;
	height: 12px;
	margin-top:5px;
	background: url(../img/records.png) top center no-repeat;
}
.content .leftsidebar .recorded_logo{
	width: 14px;
	height: 12px;
	margin-top:5px;
	background: url(../img/recorded.png) top center no-repeat;
}
.content .leftsidebar .server_logo{
	width: 14px;
	height: 14px;
	margin-top:3px;
	background: url(../img/server_logo.png) top center no-repeat;
}
.content .leftsidebar>a{
	width: 93px;
}
.content .leftsidebar>a:nth-child(2),
.content .leftsidebar>a:nth-child(3),
.content .leftsidebar>a:nth-child(5),
.content .leftsidebar>a:nth-child(6){
	margin-top: 18px;
	margin-bottom: 18px;
}
.content .leftsidebar>a:nth-child(1),
.content .leftsidebar>a:nth-child(2),
.content .leftsidebar>a:nth-child(4){
	padding-bottom: 18px;
	border-bottom: 1px solid #f0f0f2
}
.leftsidebar_app{
	display: block;
	position: relative;
	width: 160px;
	height: 50px;
	line-height: 50px;
	border-radius: 8px;
	background: #fff;
	margin: 10px 0;
	font-size: 14px;
	color: #353c49;
	text-indent: 43px;
}
.leftsidebar_app>div{
	position: absolute;
	top: 16px;
	left: 19px;
	width: 18px;
	height: 18px;
}

.download_client{
	cursor: pointer;
}

.leftsidebar_app1{
	cursor: pointer;
}

.leftsidebar_app.download_client .app_show{
	width: 162px;
	height: 101px;
}
.leftsidebar_app.download_client .app_show .left_app{
	padding-top: 10px;
}

.leftsidebar_app.download_client .app_show a{
	line-height: 40px;
	text-indent: 0;
	color: #68c0df;
	display: block;
	text-align: left;
	padding-left: 20px;
	font-weight: bold;
}

.leftsidebar_app .app_logo{
	background: url(../img/app_logo.png) top center no-repeat;
}
.leftsidebar_app .app_show{
	z-index: 10;
	display: none;
	text-align:center;
	position: absolute;
	top: -27px;
	left: 173px;
	width: 265px;
	height: 143px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 12px #d9d9d9;
}
.leftsidebar_app .bank,
.leftsidebar_app .assistant{
	width: 110px;

}
.leftsidebar_app .bank{
	width: 130px;
	height: 160px;
}


.leftsidebar_app .round{
	display: none;
	position: absolute;
	top: 6px;
	left: 165px;
	width: 8px;
	height: 20px;
	background: url(../img/round_left.png) top center no-repeat;
}
.leftsidebar_app .connection{
	width: 14px;
	height:140px;
	position: absolute;
	top: -27px;
	left: 160px;
}
.leftsidebar_app .app_show .app_img{
	text-indent: 0;
	width: 90px;
	height: 90px;
	margin: 10px 10px 6px 10px;
}

.leftsidebar_app4 .app_show .app_img{
	text-indent: 0;
	width: 90px;
	height:90px;
	margin:19px 19px 11px 19px;
	border:1px solid #e6e6e6;
}

.leftsidebar_app3 .app_show .app_img{
	text-indent: 0;
	width: 130px;
	height:130px;
	margin:19px 19px 11px 19px;
	border:1px solid #e6e6e6;
}
.leftsidebar_app .app_show .app_img>img{
	width: 100%;
	height: 100%;
}

.leftsidebar_app .app_show .left_app>p{
	text-indent: 0px;
	text-align: center;
	line-height: 14px;
	font-size:12px;
	color: #1b2026;
}

.leftsidebar_app3 .app_show .left_app>p{
	text-indent: 0px;
	text-align: center;
	line-height: 22px;
	font-size:14px;
	color: #1b2026;
}
.leftsidebar_app .app_show .right_introduce{
	text-indent: 20px;
	font-size: 12px;
	line-height: 12px;
	text-align:left;
	margin-top: 2px;
}
.leftsidebar_app .app_show .right_introduce .p1{
	position: relative;
	margin: 10px 0;
	color: #1b2026;
}
.leftsidebar_app .app_show .right_introduce .p5{
	position: relative;
	margin: 10px 0;
	color: #1b2026;    
  line-height: 14px;
  text-align: center;
}
.leftsidebar_app .app_show .right_introduce .p1>img{
	position: absolute;
	width: 12px;
	height: 14px;
	top: -2px;
	left: 0;
}
.leftsidebar_app .app_show .right_introduce .p2{
	margin-bottom: 6px;
	color: #898d92
}
.leftsidebar_app .app_show .right_introduce .instructions{
	color: #68c0df;
	line-height: 12px;
	display: block;
}
.leftsidebar_app .download_logo{
	background: url(../img/download_logo.png) top center no-repeat;
}
.leftsidebar_app .weixin_index_logo{
	background: url(../img/weixin_index_logo.png) top center no-repeat;
}
.leftsidebar_app .assistant_logo{
	background: url(../img/assistant_logo.png) top center no-repeat;
}
.leftsidebar_app .bank_logo{
	background: url(../img/bank_logo.png) top center no-repeat;
}
.leftsidebar_app .yici_logo{
	background: url(../img/yc_icon.png) top center no-repeat;
}
.content .content_center{
	margin: 0 20px;
	width: 720px;
	min-height: 650px;
}
.content .content_center_record{
	margin: 0 20px;
	width: 649px;
	height: 782px;
	background: #ffffff;
	border-radius: 8px;
	padding: 35px 1px 0 70px;
}
.content .content_center_appointment{
	margin-right: 20px;
	width: 900px;
}
.record_title{
	font-size: 26px;
	color: #898d92;
	margin-bottom: 40px;
}
.learn_yet,.learn_yet_s{
	display: none;
}
.learn_yet_s{
	margin: 30px;
}
.nwn_container_record {
	overflow-y: auto;
	height: 712px;
}
.record_date{
	height: 12px;
	line-height: 12px;
	font-size: 14px;
}
.record_date_s{
	height: 12px;
	color: #343c49;
}
.record_once_count .record_detail:nth-of-type(1){
	padding-top: 20px;
}
.record_once_count .record_detail:last-child{
	padding-bottom: 20px;
}
.record_detail{
	border-left: 1px solid #d7d9e3;
	margin-left: 5px;
	padding: 10px 15px;
	cursor: pointer;
}
.record_time{
	font-size: 12px;
	color: #8e929d;
}
.content_center_record .record_date i{
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid #59b2a8;
	border-radius: 50%;
	margin-right: 10px;
}
.record_date_s i{
	width: 10px;
	height: 10px;
	display: inline-block;
	border: 1px solid #59b2a8;
	border-radius: 50%;
	margin-right: 10px;
}
.content_center_record p span{
	font-weight: bold;
}
.lesson_record{
	display: flex;
	align-items: center;
	line-height: 22px;
	margin-top: 10px;
}
.record_detail_s{
	margin-left: 5px;
	padding: 5px 0 5px 20px;
	line-height: 26px;
	border-left: 1px solid #d7d9e3;
}
.record_lessonname_s:hover{
	color: #239173;
}
.record_once_count .record_detail_s:nth-of-type(1){
	padding-top: 15px;
}
.record_once_count .record_detail_s:last-child{
	padding-bottom: 15px;
}
.record_once_count:last-child .record_detail_s{
	border-left: none;
}
.record_type{
	padding-right: 20px;
}
.record_type_s{
	display: flex;
	align-items: center;
	position: relative;
}
.record_type_s img{
	height: 13px;
}
.ei-hudong{
	color: #33c1ef;
}
.ei-jia1{
	color: #68c0df;
	margin-right: 20px;
}
.ei-jian{
	color: #898d92;
}
.back_play{
	width: 32px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal!important;
	background: #68c0df;
	color: #ffffff;
	border-radius: 2px;
}
.record_lessonname_s{
	margin-left: 10px;
	color: #353c49;
	width: 193px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.living_class_ellipsis{
	position: relative;
}
.double_lessonname,.double_livename{
	position: absolute;
	min-width: 200px;
	bottom: 25px;
	left: 14px;
	font-size: 12px;
	padding: 0 10px;
	color: #ffffff;
	background: #000000;
	border-radius: 5px;
	opacity: 0.7;
	display: none;
}
.double_livename{
	min-width: 222px;
	left: 0;
	padding: 10px 10px;
}
.double_lessonname img,.double_livename img{
	position: absolute;
	left: 30px;
	bottom: -7px;
}
.no_learning_record{
	display: none;
	font-size: 12px;
	color: #898d92;
	text-align: center;
	margin-bottom: 35px;
}
.appear_more{
	width: 150px;
	height: 24px;
	color: #ffffff;
	text-align: center;
	line-height: 24px;
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	background: #68c0df;
	border-radius: 4px;
	box-shadow: 0px 2px 6px 0px rgba(104, 192, 223, 0.5);
}
.content .content_center .content_center1{
	margin:0 auto 20px;
	position: relative;
	width: 660px;
	padding: 30px;
	background: #fff;
	line-height:32px;
	border-radius: 8px;
	font-size: 16px;
	color: #353c49;
	font-weight: bold;
}
.content .content_center .content_center1:hover{
	box-shadow: 0 4px 12px #d9d9d9;
}



.content .content_center .content_center1 .title_line{
	width: 720px;
	height: 3px;
	background: #59b2a8;
	position: absolute;
	top: 0px;
	left: 1px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.content .content_center .content_center1 .class_title{
	line-height: 32px;
	position: relative;
	height: 100%;
	padding-right: 28%;
	font-family: FZLTHJW;
	font-weight: bold;
	display: flex;
}
.class_title_parent{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}
.tab_item{
	position: relative;
}
.selfhlep_tag{
	display: inline-block;
	width: 72px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #59b2a8;
	border: 1px solid #59b2a8;
	font-size: 12px;
	font-weight: normal;
	border-radius: 4px;
}
.selfhelp_classname{
	font-size: 12px;
	color: #898d92;
	line-height: 18px;
	margin: 40px 50px 20px;
}
.selfhelp_lessonname{
	font-size: 12px;
	margin: 0 50px;
}
.red_tip{
	position: absolute;
	top: -2px;
	right: -12px;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #e73323;
	color: red;
	border-radius: 50%;
}
.content .content_center .content_center1 .go_study{
	position: absolute;
	display: inline-block;
	line-height: 100%;
	width: 80px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 4px;
	margin-right: 30px;
	background: #68c0df;
	color: #fff;
	font-size: 14px;
	top: 50%;
	margin-top: -16px;
	right: 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.content .content_center .content_center1 .open,
.content .content_center .content_center1 .close{
	font-size: 14px;
	color: #59b2a8;
	position: absolute;
	margin-right: 42px;
	right: 0;
}
.content .content_center .content_center1 .open>img,
.content .content_center .content_center1 .close>img{
	position: absolute;
	top: 8px;
	right: -24px;

}
.content_center1 .lesson_count_hour{
	font-size: 12px;
	color: #898d92;
	font-weight: normal;
}
.content_center1 .lesson_hour{
	margin-right: 30px;
}
.content_center1 .spread_content{
	display: none;
}
.content_center1 .spread_content .open_content{

	padding-top: 5px;
	/*	padding-bottom: 30px;*/
	border-top:1px solid #f0f0f2;
	/*	border-bottom:1px solid #f0f0f2;*/
	margin-top: 15px;
}
.content_center1 .spread_content .open_content .open_title{
	font-size: 12px;
	color: #898d92;
	margin-bottom: 30px;
	font-size:13px;
	line-height: 18px;
	margin-bottom: 27px;
}
.content_center1 .spread_content .open_content .class_title{
	line-height: 28px;
	position: relative;
	width:69.3%;
	height: 100%;
	padding-right: 28%;
	font-size: 14px;
	color: #353c49;
	margin: 10px auto;
	padding-left: 2.7%;
	font-size: 15px;
	font-weight: normal;
}
.content_center1 .spread_content .open_content .class_title .open_class{
	position: absolute;
	text-indent: 0;
	display: inline-block;
	line-height: 100%;
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 4px;
	background: #68c0df;
	color: #fff;
	font-size: 12px;
	top: 50%;
	margin-top: -14px;
	right: 0;
	box-shadow: 0 2px 6px rgba(104,192,223,0.5);
}
.content_center1 .spread_content .open_content2{
	padding-top:0;
	padding-bottom: 0;
	border:none;
	margin-top: 30px;
}
.course_lesson_time{
	font-size: 12px;
	color: #898d92;
	display: block;
}
.rightsidebar_all{
	width: 280px;
}
.rightsidebar_all .rightsidebar{
	padding: 20px 0px 14px 20px;
	background: #fff;
	border-radius: 8px;
}
.rightsidebar_all .rightsidebar .title{
	display: block;
	width: 240px;
	line-height: 16px;
	font-size: 14px;
	color: #353c49;
	font-weight: bold;
	position: relative;
	text-indent: 12px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f0f2;
	margin-bottom: 20px;
}
.rightsidebar_all .rightsidebar .title .line_prve{
	width: 4px;
	height: 16px;
	background: #59b2a8;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 0;
}
.rightsidebar_all .rightsidebar .title .look_more{
	display: inline-block;
	width: 6px;
	height: 12px;
	background: url(../img/look_more.png) top center no-repeat;
}
.rightsidebar_all .rightsidebar .content1{
	font-size: 12px;
	color: #898d92;
	margin:12px 0;
	display: block;
}
.rightsidebar_all .rightsidebar .content1>span{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	line-height: 16px;
	text-align: center;
	text-indent: 0;
	margin-right: 4px;
}
.rightsidebar_all .rightsidebar .content1 .first{
	background: #ffe0e4;
	color:#f26085;
}
.rightsidebar_all .rightsidebar .content1 .second{
	background: #fdecd7;
	color: #f6b760;
}
.rightsidebar_all .rightsidebar .content1 .third{
	background: #e2f7f5;
	color: #50c6ad;
}
.rightsidebar_all .rightsidebar .content1>span.s4{
	background: #e3eaff;
	color:#6f92ff;
}

.rightsidebar_all .rightsidebar .content1>span.s5{
	background: #d7edff;
	color:#59b4ff;
}
.rightsidebar_all .rightsidebar .content1>span.s6{
	background: #fbebff;
	color:#eea9ff;
}
.rightsidebar_all .rightsidebar .content1>span.s7{
	background: #fdecd7;
	color:#f6b760;
}
.rightsidebar_all .rightsidebar_center{
	margin:20px 0;
}
.rightsidebar_all .rightsidebar_top{
	margin-bottom: 20px;
	display: none;
}
.rightsidebar_all .rightsidebar .content2{
	position: relative;
	text-indent: 22px;

}
#announcement_container{
	margin-right: 20px;
}
.table_lessonname{
	font-size: 12px;
}
.cup{
	cursor: pointer;
}
.rightsidebar_all .rightsidebar .content2 > a{
	color: #898d92;
}


.rightsidebar_all .rightsidebar .content2>div,.rightsidebar_all .rightsidebar .content2>i{
	position: absolute;
	left: 0;
	top: 0px;
	display: inline-block;
	line-height: 14px;
	height: 14px;
	font-size: 14px;
	color: #898d92;
}
.rightsidebar_all .rightsidebar .content1 .ei-qq{
	left: -22px;
	font-size: 14px;
	color: #71c1ef;
}
.rightsidebar_all .rightsidebar .content1 .server{
	width: 14px;
	background: url(../img/server.png) top center no-repeat;
}
.appoint_mes{
	font-size: 14px;
	cursor: pointer;
}
.appoint_mes i{
	margin-right: 10px;
}
#live_reminder p{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 14px;
	margin: 12px 0;
}
#live_reminder p a{
	width: 155px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#live_reminder .live_start_time{
	color: #59b2a8;
	font-size: 12px;
	float: right;
	margin-right: 20px;
}
.footer{
	height: 200px;
	width: 100%;
	background: #1d2b3f;
}
.footer .common{
	padding-top: 62px;
}
.footer .common .school{
	width: 699px;
	margin-left: 180px;
}
.footer .common .school .p1>a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	cursor: default;
}
.footer .common .school .p2{
	margin:26px auto 10px;
}
.footer .common .school .p2>a{
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding-right: 4px;
	padding-left: 4px;
	border-right: 2px solid #a8abb0
}
.footer .common .school .p2>a:hover{
	color:#e00;
}
.footer .common .school .p2>a:nth-child(1){
	padding-left: 0px;
}
.footer .common .school .p2>a:nth-child(6){
	border:none;
}
.footer .common .school .p3{
	font-size: 12px;
	color: #fff;
}
.footer .common .follow_me .p4{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.footer .common .follow_me>div{
	cursor: pointer;
}
.footer .common .follow_me .weibo{
	position: relative;
	width: 40px;
	height: 40px;
	margin-right: 60px;
	background: url(../img/weibo.png) top center no-repeat;
}
.footer .common .follow_me .public{
	position: relative;
	width: 40px;
	height: 40px;
	background: url(../img/public_logo.png) top center no-repeat;
}
.footer .common .follow_me .public .weixin_logo{
	display: none;
	position: absolute;
	padding: 10px 10px;
	width: 90px;
	height: 90px;
	border-radius: 8px;
	background: #fff;
	top: -129px;
	right: -34px;
}
.footer .common .follow_me .public .weixin_logo>img{
	width: 100%;
	height: 100%;
}
.footer .common .follow_me .public .bottom_round{
	display: none;
	width: 20px;
	height: 10px;
	position: absolute;
	top: -26px;
	right: 10px;
}
.footer .common .follow_me .public .connection{
	display: none;
	position: absolute;
	width: 110px;
	height: 20px;
	top: -19px;
	right: -35px;
}

.container{
	padding-bottom: 0px;
}
.header{
	margin-bottom: 0;
}
.header .common .on{
	font-weight: bold;
}
.header .common .directory{
	cursor: pointer;
}
.header .common .directory_logo{
	position: absolute;
	left: 0;
	top: 21px;
	width: 24px;
	height: 18px;
	background: url(../img/directory_logo.png) top center no-repeat;
}
.header .common .directory_text{
	position: absolute;
	left: 24px;
	top: 21px;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	padding-left: 11px;
}
.header .common .top_title{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.video{
	position: relative;
	width: 1200px;
	height: 675px;
	background: #1b2026;
	margin:0 auto;
}
.container .spread_directory{
	z-index: 10;
	display: none;
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0;
	width: 350px;
	height: 675px;
	background: #2e2e2e;
}
.container .spread_directory .content{
	width: 299px;
	margin:0 auto;
	padding-top: 15px;
}
.container .box1 .title1,
.container .box1 .title2{
	cursor: pointer;
	font-size: 14px;
	color: #898d92;
	position: relative;
	line-height: 44px;
}
.container .box1 .title3{
	color: #fff;
	font-size: 12px;
	line-height: 36px;
	cursor: pointer;
	position: relative;
}
.container .box1 .title3 .title3_text{
	position: relative;
	z-index: 10;
	text-indent: 48px;
}
.container .box1 .title3 .title3_text .play_logo{
	left: -47px;
	position: absolute;
}
.container .box1 .title3 .title3_text .play_logo>img{
	position: absolute;
	left: 41px;
	top: 9px;
}
.container .box1 .title3 .title3_text .play_logo p{
	padding-left: 14px;
	color: #898d92;
}
.container .box1 .title3 .bg1{
	position: absolute;
	top: 0;
	right: -10%;
	height: 36px;
	width: 350px;
	background: #202020;
	z-index: 1;
}
.container .box1 .title3 .bg>img{
	display: none;
	position: absolute;
	left: 11px;
	top: 11px;
}
.container .box .font{
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 6px;
	cursor: pointer;
}
.container .box .font>img{
	width: 100%;
	height: 100%;
}
.container .box .title1_content{
	padding-left: 18px;
	display: none;
}
/*滚动条*/
.mCustomScrollbar .mCSB_inside > .mCSB_container{
	margin-right: 0px;
}
#mCSB_1 .mCSB_1_scrollbar{
	z-index: 10
}
#mCSB_1 .mCSB_dragger_bar{
	width: 6px;
}
.mCSB_draggerRail{
	display: none;
}

/*微博样式*/
.wbtc{
	position: absolute;
	left: -70px;
	top: -99px;
	border-radius: 8px;
	width: auto;
	height: 83px;
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	z-index: 999;
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: none;
	background-position: initial initial;
	background-repeat: initial initial;
}
.weibo .connection1{
	display: none;
	position: absolute;
	left: -70px;
	top: -19px;
	width: 170px;
	height: 19px;
}
.weibo .v_bottom_round{
	display: none;
	width: 31px;
	height: 14px;
	position: absolute;
	left: 4px;
	top: -20px;
	z-index: 1000;
}
.weibo .v_bottom_round>img{
	width: 100%;
	height: 100%;
}


.empty{
	width: 720px;
	height: 650px;
	box-shadow: 0 2px 6px rgba(217,217,217,0.5);
	background:  url(../img/empty.jpg) no-repeat center center;
	background-color: #fff;
	position: relative;
	border-radius: 8px;

}
.empty_detail{
	width: 720px;
	height: 650px;
	box-shadow: 0 2px 6px rgba(217,217,217,0.5);
	background:  url(../img/without_lesson.jpg) no-repeat center center;
	background-color: #fff;
	position: relative;
	border-radius: 8px;
}
.empty.white{
	background: url(../img/loading.gif) no-repeat center center;
	background-color: #fff;
	background-size: 32px 32px;
}
.empty_detail p{
	padding-top: 20px;
	margin-left: 25px;
}
.crumbs_query{
	margin-bottom: 15px;
}
.to_index{
	color: #ccc;
}
.to_index span{
	color: #353c49;
}
.empty .go{
	position: absolute;
	width: 156px;
	height: 34px;
	top: 407px;
	left: 278px;
}

/*补充个人信息弹窗*/



input::-webkit-input-placeholder {
	/* placeholder颜色  */
	color: #000;
	/* placeholder字体大小  */
	font-size: 16px;
}


#goToTop{
	width: 40px;
	height:40px;
	background:url(../img/gototop.png) no-repeat 0 0;
	position: fixed;
	right: 20px;
	bottom:20px;
	transition: all 0.5s ease;
	cursor: pointer;
	z-index: 1;
}

.instructions.vs{
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
}

select{
	font-family:Microsoft Yahei,Arial,  Calibri, Tahoma, Verdana;
}



/*图书邮寄弹窗*/
.book_popup{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left:0;
	z-index: 3;
	display: none;
}

.book_popup .gray_bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left:0;
	background:#000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.book_popup .inner{
	width: 350px;
	height: 196px;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left:50%;
	margin-top:-98px;
	margin-left: -175px;
	text-align: center;
}

.book_popup .inner .h3{
	font-size: 16px;
	color: #353c49;
	line-height: 16px;
	padding-top: 39px;
	margin-bottom:16px;
	font-weight: normal;
}
.book_popup .inner .p1{
	font-size: 14px;
	line-height: 22px;
	color: #898d92;
	height: 74px;
	border-bottom: 1px solid #efefef;
}

.book_popup .inner .btns a{
	display: block;
	float: left;
	line-height: 50px;
	font-size: 14px;
	text-align: center;
	width: 174px;
	color: #898d92;
}

.book_popup .inner .btns a.yes{
	font-weight: bold;
	color: #68c0df;
	border-left: 1px solid #efefef;
}
.exposition,.self_help,.resume,.write_address,.appointment_container,.appointment_personal,.selfhelp_confirm{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,.5);
	z-index: 3;
	display: none;
}
.appointment_container{
	top: 0;
	left: 0;
}
.appointment_personal{
	display: none;
}
.exposition i,.self_help i,.resume i,.appointment_title i,.selfhelp_confirm i{
	float: right;
	margin-right: 20px;
	cursor: pointer;
}
.self_help_title .ei-x-quxiao{
	margin-right: 0;
	top: 0;
}
.exposition a,.self_help a,.resume a{
	text-decoration: underline;
	color: #3ac4a9;
}
.exposition_box,.self_help_box,.resume_box,.write_address_box,.appointment_box,.appointment_toast,
.appointment_personal_box,.selfhelp_confirm_box{
	width: 349px;
	height: 168px;
	border-radius: 9px;
	background: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.selfhelp_confirm_box{
	width: 516px;
	height: 264px;
}
.appointment_personal_box{
	width: 775px;
	height: 88%;
}
.appointment_scroll{
	height: 91%;
	overflow-y: scroll;
}
.exposition_title,.self_help_title,.resume_title{
	line-height: 52px;
	border-bottom: 1px solid #ebebeb;
	padding-left: 24px;
}
.write_address_box{
	width: 350px;
	height: 152px;
}
.write_address_title{
	height: 100px;
	line-height: 100px;
	text-align: center;
}
.write_address_btns{
	line-height: 50px;
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box; /* Firefox 17- */
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex; /* Firefox 18+ */
	display: -ms-flexbox; /* IE 10 */
	display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
	border-top: 1px solid #eeeeee;
}
.write_address_btns a{
	display: block;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */

	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	text-align: center;
}
.write_address_btns a:first-child{
	border-right: 1px solid #eeeeee;
}
.write_yes{
	color: #68c0df;
}
.exposition_content,.resume_content{
	margin-top: 20px;
	margin-left: 20px;
	line-height: 24px;
	font-size: 14px;
}
.self_help_box{
	width: 516px;
	height: 324px;
}
.self_help .please_choose{
	width: 383px;
	height: 30px;
	border-radius: 4px;
	margin: 0 auto;
	margin-top: 35px;
	cursor: pointer;
}
.without_lesson{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.without_lesson span{
	margin-left: 35px;
}
.self_help .please_choose span{
	font-size: 14px;
	line-height: 30px;
	margin-left: 10px
}
#selfchoose{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 20px;
}
.self_help .please_choose i{
	color: #b4b9c0;
	margin-right: 0;
}
.appointment_box{
	width: 721px;
	height: 415px;
}
.appointment_box_content{
	height: auto;
}
.appointment_toast{
	width: 350px;
	height: auto;
	padding: 54px 0 30px 0;
}
.class_log_box{
	height: auto;
}
.class_log_box .class_log_advice{
	padding: 40px 30px;
	color: #898d92;
	font-size: 12px;
}
.class_log_advice p{
	line-height: 24px;
}
.appointment_title{
	padding-left: 30px;
	font-weight: bold;
	line-height: 50px;
	background: #f2f3f5;
}
.appointment_content{
	font-size: 12px;
	margin: 0 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #efefef;
}
.appointment_time{
	text-align: center;
	color: #898d92;
	font-size: 14px;
	margin-bottom: 10px;
}
.appointment_success{
	text-align: center;
	color: #898d92;
	margin-top: 10px;
}
.appointment_toast_title{
	text-align: center;
	font-weight: bold;
}
.appointment_symbol{
	display: flex;
	justify-content: center;
	align-items: center;
}
.appointment_symbol img{
	margin-right: 10px;
}
.appointment_toast_btns{
	display: flex;
	justify-content: center;
	margin-top: 20px;
	font-size: 14px;
}
.appointment_no,.appointment_yes{
	width: 78px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #b6becd;
	border-radius: 5px;
	margin-right: 30px;
}
.appointchange{
	margin-top: 20px;
}
.appointment_yes{
	color: #ffffff;
	border: 1px solid #68c0df;
	background: #68c0df;
	margin: 0;
	box-shadow: 0px 2px 6px 0px rgba(104, 192, 223, 0.5);
}
.ei-x-quxiao{
	font-size: 14px!important;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.appointment_count{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
.appointment_detail{
	padding-left:264px;
	color: #898d92;
	line-height: 20px;
}
.appointment_pic{
	margin-top: 30px;
	text-align: center;
}
.appointment_pic img{
	width: 200px;
}
.appointment_confirm{
	float: right;
	margin-right: 30px;
}
.appointment_confirm{
	margin-bottom: 30px;
}
.appointment_cancel,.appointment_sure,.personal_cancel,.personal_sure{
	width: 100px;
	height: 32px;
	color: #505763;
	border-radius: 5px;
	border: 1px solid #c5c5c5;
	background: #ffffff;
	margin-top: 20px;
	outline: none;
	cursor: pointer;
}
.appointment_sure,.personal_sure{
	color: #ffffff;
	border: 1px solid #68c0df;
	background: #68c0df;
	box-shadow: 0px 2px 6px 0px rgba(104, 192, 223, 0.5);
	margin-left: 20px;
}
.choose_option_wrapper{
	display: none;
}
.choose_option{
	width: 383px;
	height: 186px;
	overflow-x: scroll;
	overflow-y: scroll;
	background: white;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	box-shadow: 0px 4px 12px 0px #d9d9d9;
	position: absolute;
	margin-left: 65px;
	z-index: 1;
	display: flex;
}
.choose_option div{
	flex: 1;
}
.choose_option div p{
	font-size: 14px;
	margin: 20px;
	white-space: nowrap;
}
.choose_option div p:hover{
	color: #239173;
	cursor: pointer;
}
.choose_index{
	color: #239173;
}
.resume_box{
	width: 516px;
	height: 269px;
}
.self_help_content{
	position: absolute;
	bottom: 30px;
	margin-left: 30px;
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}
.confirm_cancel{
	text-align: center;
	margin-top: 30px;
}
.confirm_cancel button{
	width: 100px;
	height: 40px;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	color: #666666;
	outline: none;
	margin: 0 5px;
}
.confirm_cancel .confirm_choose{
	background: #DCDCDC;
	color: #ffffff;
}
.confirm_self{
	color: #ffffff!important;
	background: #68c0df!important;
	cursor: pointer;
}
.cancel_choose,.confirm_choose,.cancel_chooses{
	cursor: pointer;
}
.confirm_choose_able{
	background: #68c0df!important;
}
.self_help_content ul li::before,.resume ul li::before{
	content: "• ";
	color: #3ac4a9;
}
.spread_contents {
	font-weight: normal;
	display: none;
}
.content_bar{
	margin-top: 20px;
	font-size: 14px;
	border-bottom: 1px solid #f0f0f2;
}
.content_bar span{
	margin-right: 45px;
}
.content_bar span:last-child{
	margin-right: 0px;
}
.content_bar span:hover{
	color: #59b2a8;
	position: relative;
	cursor: pointer;
}
.content_index:after{
	content: '';
	position: absolute;
	height: 4px;
	background: #59b2a8;
	width: 100%;
	display: block;
	margin-bottom: -9px;
	border-radius: 3px;
	bottom: 0;
}
.content_bar span:hover:after{
	position: absolute;
	left: 0;
	content: '';
	position: absolute;
	height: 4px;
	background: #59b2a8;
	width: 100%;
	display: block;
	margin-bottom: -9px;
	border-radius: 3px;
	bottom: 0;
}
.content_index{
	color: #59b2a8!important;
	position: relative;
}
.content_index:after{
	left: 0;
}
.spread_contents .inside_classname{
	display: inline-block;
}
.item_symbol{
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #59b2a8;
	margin-right: 10px;
}
.out_classname{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.new_items{
	border-bottom: 1px solid #efefef;
}
.new_items:last-child{
	border-bottom: none
}
.new_classname{
	margin-top: 15px;
}
.new_classname,.validity{
	color: #898d92;
	font-size: 12px;
}
.lesson_name{
	display: flex;
	align-items: center;
	font-size: 14px;
	height: 34px;
	line-height: 20px;
}
.lesson_name b{
	color: #59b2a8;
	font-weight: normal;
	font-size: 12px;
	margin-left: 5px;
	border: 1px solid #59b2a8;
	border-radius: 4px;
	padding: 0 4px;
}
.learn_type{
	width: 80px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	color: #ffffff;
	font-size: 12px;
	background: #68c0df;
	border-radius: 4px;
	position: relative;
}
.learn_type:hover{
	color: #ffffff;
}
.offcn_qrcode{
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	width: 110px;
	height: 120px;
	color: black;
	background: white;
	box-shadow: 0px 4px 12px 0px #bfbfbf;
	border-radius: 4px;
	z-index: 1;
}
.offcn_qrcode img{
	width: 80px;
	height: 80px;
	margin-top: 10px;
}
.offcn_qrcode span{
	display: block;
	margin-top: -10px;
}
.toast{
	padding: 0 25px;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0 0px 16px -3px #ccc;
	position: fixed;
	top: 15%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 36px;
	display: none;
	z-index: 10;
	font-size: 14px;
}
.toast p{
	display: flex;
	align-items: center;
}
.toast p img{
	margin-right: 5px;
}
.is_living{
	color: orange;
	margin-left: 10px;
}
.is_living img{
	margin-right: 5px;
}
.odd_classname{
	font-size: 13px;
	font-weight: bold;
}
.odd_lesson_name, .odd_validity{
	padding-left: 20px;
	font-weight: normal;
}
.particulars{
	cursor: pointer;
	width: 28px!important;
	color: #59b2a8;
	font-size: 14px;
	font-weight: normal;
	position: absolute!important;
	top: 32px;
	right: 197px;
}
.all_words{
	display: none;
	width: 447px!important;
	height: auto!important;
	line-height: 24px;
	color: #353c49;
	position: absolute!important;
	top: 32px;
	right: -20px;
	padding: 10px;
	box-shadow: 0px 4px 12px 0px #d9d9d9;
	border-radius: 8px;
	background: #ffffff;
	z-index: 1;
	padding: 30px 20px;
}
.appointment_top{
	background: #ffffff;
	border-radius: 8px 8px 0 0;
	padding: 40px 30px;
	font-size: 14px;
	position: relative;
}
.appointment_classname{
	color: #353c49;
	font-size: 18px;
	padding-bottom: 20px;
	font-weight: bold;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #efefef;
}
.appointment_status{
	padding: 0 6px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	background: #68c0df;
	border-radius: 4px;
	margin-left: 10px;
}
.surplus_class{
	margin-top: 20px;
	font-weight: bold;
	color: #353c49;
}
.ei-sijiao,.ei-chenggong{
	margin-right: 10px;
}
.ei-chenggong{
	color: #5bbc36;
}
.ei-sijiao,.surplus_class span,.color_tip,.appointment_lessonname{
	color: #59b2a8;
}
.color_tip{
	width: 90px;
	height: 18px;
	line-height: 18px;
	margin-left: 148px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
}
.appointment_classmsg_tip,#appointment_classmsg_tip{
	margin-top: 30px;
	line-height: 22px;
	color: #898d92;
}
.agree_request{
	float: left;
	margin-top: 30px;
	margin-left: 30px;
}
.appointment_bottom{
	background: #ffffff;
	border-radius: 0 0 8px 8px;
	margin-top: 10px;
	padding: 30px;
}
.nowlive_tip{
	color: #353c49;
}
.is_livings{
	color: orange;
}
.is_livings,.is_livings img{
	margin-right: 10px;
}
.appointment_bar span{
	font-size: 14px;
	color: #505763;
	margin-right: 40px;
	cursor: pointer;
}
.appointment_calendar{
	margin-top: 30px;
}
.appointment_calendar{
	text-align: center;
	font-size: 14px;
	color: #898d92;
}
table{
	margin-top: 20px;
}
table thead tr th{
	width: 103px;
	height: 40px;
	color: #ffffff;
	background: #59b2a8;
	border: 1px solid #d5d6d9;
}

.appointmented{
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	width: 50px;
	line-height: 22px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}
.appointment_outline_class{
	padding: 30px 0;
	border-bottom: 1px solid #efefef;
	position: relative;
}
#appointment_outline .appointment_outline_class{
	display: flex;
	align-items: center;
}
.appointment_outline_class .appointment_live_lesson{
	display: flex;
	align-items: center;
}
.appointment_outline_class i{
	margin-right: 10px;
}
.liveclass_enter{
	cursor: pointer;
}
.appointment_outline_class:last-child{
	border-bottom: none;
}
.appointment_homework{
	display: none;
	margin-top: 10px;
	margin-left: 58px;
}
.additional_button{
	position: absolute;
	right: 0;
	display: flex;
}
.lookfor_log,.appointment_revoke,.downloading_data{
	width: 98px;
	height: 30px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #505763;
	border: 1px solid #c5c5c5;
	border-radius: 4px;
	cursor: pointer;
	margin-left: 10px;
}
.lookfor_log:hover,.appointment_revoke:hover,.downloading_data:hover{
	color: #ffffff;
	border: 1px solid #ffffff;
	background: #68c0df;
}
.home_spre,.home_close{
	width: 45px;
	position: relative;
	font-size: 14px;
	color: #59b2a8;
	cursor: pointer;
}
.home_spre img,.home_close img{
	position: absolute;
	top: 0;
	margin-left: 5px;
}
.look_for_weight{
	color: #505763;
	font-weight: bold;
}
.look_for_margin{
	margin-left: 12px;
}
#class_appointment{
	margin-top: -7px;
}
#appointment_outline,#appointment_record{
	display: none;
}
.appointment_guide{
	margin-top: 30px;
	margin-left: 30px;
	font-weight: bold;
}
.appointment_guide_msg{
	margin-left: 86px;
	margin-top: 30px;
}
.login_account{
	float: right;
	margin-right: 152px;
}
.test_rank{
	margin-left: 72px;
}
.appointment_education{
	width: 224px;
	height: 32px;
	border: 1px solid #d5d6d9;
	outline: none;
}
.connect_qq{
	margin-left: 110px;
}
.appointment_qq{
	width: 222px;
	height: 30px;
	border: 1px solid #d5d6d9;
	border-radius: 4px;
}
.appointment_single{
	margin-top: 20px;
}
.appoint_recruiting{
	position: relative;
}
.checkbox_choose{
	display: none;
}
.retain_opt{
	position: relative;
	vertical-align: middle;
}
.retain_opt::before{
	vertical-align: middle;
	display: inline-block;
	content: "";
	margin-left: 30px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #d3d3d3;
	margin-right: 10px;
}
.checkbox_choose:checked + .retain_opt::after{
	display: inline-block;
	content: "";
	position: absolute;
	top: 4px;
	left: 33px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #82cbe5;
}
.plus_reduce{
	display: flex;
	flex-direction: column;
	position: absolute;
	right: 5px;
	top: -6px;
	padding: 0 8px;
	border-left: 1px solid #d5d6d9;
}
.plus_reduce .ei{
	font-size: 13px;
	color: #d5d6d9;
	cursor: pointer;
}
.appointment_guide_place{
	margin-left: 56px;
	margin-top: 20px;
}
.appointment_guide_place input,.appointment_email{
	width: 322px;
	height: 30px;
	border-radius: 4px;
	border: 1px solid #d5d6d9;
}
.appointment_guide_arrange,.appointment_guide_arrange_first{
	margin-top: 20px;
	margin-left: 30px;
}
.appointment_guide_arrange p{
	margin-top: 20px;
}
.workday,.not_workday{
	width: 64px;
	text-align: right;
	display: inline-block;
	margin-right: 20px!important;
}
.weekend_arrangements{
	margin-left: 124px;
	margin-top: 10px;
}
.choose_dayornight span,.weekend_arrangements span{
	margin-right: 30px;
}
.choose_dayornight input,.weekend_arrangements input{
	width: 16px;
	height: 16px;
	margin-right: 5px;
	outline: none;
	-webkit-appearance: none;
	border: 1px solid #d3d3d3;
}
.choose_dayornight input:checked,.weekend_arrangements input:checked{
	border: 1px solid #68c0df;
	background: url(../img/checkbox_sure.png) no-repeat center center;
	background-size: 100% 100%;
}
.appointment_border{
	padding-bottom: 20px;
	border-bottom: 1px solid #efefef;
}
.appointment_other{
	margin-top: 20px;
	margin-left: 30px;
	font-weight: bold;
}
.appointment_test_score{
	margin-left: 30px;
	margin-top: 30px;
}
.appointment_test_score p{
	margin-top: 20px;
}
.hudong_title{
	font-weight: bold;
	display: flex;
	align-items: center;
	color: #353c49;
	width: 534px;
}
.appointmented_tag{
	font-size: 12px;
	color: #59b2a8;
}
.appointmented_tag img{
	width: 12px;
	margin-right: 5px;
}
.hudong_type{
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
}
.hudong_type span{
	margin-left: 40px;
}
.style_align{
	width: 108px;
	display: inline-block;
	text-align: right;
}
.class_count input,.input-grp-rg input{
	width: 322px;
	height: 30px;
	border-radius: 4px;
	border: 1px solid #d5d6d9;
}
.appointment_qq,.appointment_guide_place input,.appointment_guide_arrange input,.appointment_email,.offline_class,.offline_classend{
	padding-left: 10px;
	outline: none;
	color: #898d92;
}
.appointment_guide_msg,.appointment_guide_place,.appointment_guide_arrange,.appointment_test_score{
	font-size: 14px;
}
.random_btn{
	float: right;
	margin-right: 10px;
}
.must_fillin,.appiont_warning{
	color: #ed1b23;
}
.appiont_warning{
	display: none;
	margin-left: 83px;
}
.appiont_warningeig{
	margin-left: 110px;
}
.offline_class,.offline_classend{
	width: 148px;
	height: 30px;
	border-radius: 4px;
	border: 1px solid #d5d6d9;
}
.all_day_long{
	margin-left: 110px;
}
.all_day_long input,.all_day_long select{
	width: 100px;
	height: 30px;
	border: 1px solid #d5d6d9;
	border-radius: 4px;
	outline: none;
}
.all_day_long select{
	margin-right: 10px;
}
.choose_night{
	margin-left: 20px;
}
.lesson_icon{
	position: relative;
}
.lesson_icon i{
	position: absolute;
	right: 5px;
	top: 0;
}
.del_msg,.del_msg_opt{
	color: #e58282;
}
.coupon_container{
	min-height: 656px;
	padding: 30px 70px;
	border-radius: 8px;
	background: #ffffff;
}
.coupon_text{
	width: 228px;
	height: 30px;
	border-radius:4px;
	border: 1px solid #e5e5e5;
	outline: none;
}
.coupon_get{
	display: inline-block;
	width: 80px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	color:#ffffff;
	border-radius: 4px;
	background: #68c0df;
	margin-left: 10px;
	cursor: pointer;
}
.coupon_tab{
	margin-top: 30px;
	font-size: 14px;
	color: #505763;
}
.coupon_tab span{
	margin-right: 20px;
}
.coupon_tab i{
	font-style: normal;
}
.coupon_tab span:hover{
	color: #59b2a8;
	cursor: pointer;
}
.coupon_index:after{
	content: '';
	position: absolute;
	height: 4px;
	background: #59b2a8;
	width: 30px;
	display: block;
	margin-bottom: -9px;
	border-radius: 3px;
	left: 30px;
	bottom: 0;
}
.coupon_index{
	color: #59b2a8!important;
	position: relative;
}
.coupon_box,#coupon_content{
	display: flex;
	flex-wrap: wrap;
}
.coupons{
	display: flex;
	width: 265px;
	height: 64px;
	background: url(../img/coupon.png);
	background-size: 100% 100%;
	margin-top: 20px;
	padding: 20px 10px;
	align-items: center;
}
.coupon_content{
	display: inline-block;
}
.coupon_contents{
	margin-left: 7px;
	text-align: center;
}
.coupon_left{
	float: left;
}
.coupon_money{
	color: #ee4f10;
}
.coupon_price{
	font-size: 28px;
	font-weight: bold;
}
.coupon_remarks{
	font-size: 12px;
}
.coupon_detail{
	max-width: 170px;
	line-height: 18px;
	font-size: 12px;
	margin-left: 10px;
}
.coupon_use{
	display: block;
	width: 98px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #ffffff;
	border-radius: 12px;
	background: #ee4f10;
}
#coupon_content{
	display: none;
}
#coupon_content,#coupon_content .coupon_money{
	color: #898d92;
}
#coupon_content .coupon_use{
	background: #b9c2c8;
}
.coupon_empty{
	margin: 0 auto;
	margin-top: 80px;
}
.coupon_empty p{
	text-align: center;
	margin-top: 20px;
}
.ei-shipin2{
	color: #efa433;
}
.ei-wenjian{
	color: #62c1ae;
}
.ei-lianxi{
	color: #6592fe;
}
.home_work{
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.home_work p{
	font-size: 14px;
	color: #999999;
}
.video_time{
	margin-left: 20px;
}
.homework{
	font-size: 12px;
	font-weight: normal;
	padding: 2px 3px;
	color: #59b2a8;
	border: 1px solid #59b2a8;
	border-radius: 4px;
	margin-left: 10px;
}

/*下拉省份样式*/
.input-grp-rg {
	position: relative;
	display: inline-block;
}
.city-select-warp {
	z-index: 300;
	position: absolute;
	top: 40px;
	left: 0;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}
.city-select-warp > select {
	display: none !important;
}
.city-select-tab {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.city-select-tab > a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 33%;
	height: 54px;
	background: #f0f0f0;
	border-right: 1px solid #e0e0e0;
}
.city-select-tab > a:nth-of-type(2) {
	width: 34%;
}
.city-select-tab > a.current {
	background: #fff;
	border-right: 1px solid #fff;
	color: #59b2a8;
}
.city-select-content {
	padding: 6px 8px;
	text-align: left;
	background: #fff;
}
.city-select-content a {
	display: inline-block;
	margin: 6px 12px;
	font-size: 14px;
	color: #29303b;
}
.city-select-content a:hover {
	color: #59b2a8;
}
.input-grp-rg .up_icon{
	position: absolute;
	right: 20px;
	top: 9px;
}
.swiper-container {
	position: absolute!important;
	top: -10px;
	left: 0;
	width: 868px;
	line-height: 32px;
	padding-left: 30px!important;
	background: #fefaee;
	border: 1px solid #f8d9aa;
}
.appointment_personal input{
	color: black;
}
.appointment_personal input::placeholder{
	color: #898d92;
}




/*高峰期点击刷新课表*/

.welcome_box{
	display: none;
	width: 720px;
	height: 645px;
	background: #fff;
	border-top:1px solid #fff;
	border-radius: 10px;
}
.welcome_box .welcome_pic{
	width: 317px;
	height: 200px;
	background:url(../img/welcome.jpg) no-repeat top center;
	margin:106px auto 0;
}

.welcome_box .welcome_words{
	font-size: 16px;
	line-height: 32px;
	color: #333;
	text-align: center;
	margin-bottom: 10px;
}

.welcome_box .get_btn{
	width: 136px;
	height: 34px;
	background: #59b2a8;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	line-height: 34px;
	font-weight: bold;
	cursor: pointer;

}

/*.course_box{
	display: none;
}*/