/*!
 * App Style v1.1.1
 * Author: Smile
 * Date: 2017-12-25
 */

/*reset*/
body{ font:12px Arial,Tahoma, Helvetica, sans-serif;position:relative; background:#FFF; padding-bottom: 50px!important;}
html{-webkit-text-size-adjust:none;overflow-y: auto;}
body,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,h6,h7,input,button{ margin:0; padding:0; font:12px \5FAE\8F6F\96C5\9ED1;}
textarea{ font-size:12px; padding:5px 0 0 5px; outline:none}
input{ outline:none}
li{ list-style:none}
h1,h2,h3,h4,h5,h6,h7{ font-size:100%;}
img{ border:none;}
em,i{ font-style:normal}
.clearfix:after{ content:""; height:0; font-size:0; clear:both; visibility:hidden; display:block}
.clearfix{*zoom:1}
a{ text-decoration:none; color:#838c94}
a:hover{ text-decoration:none; opacity: 0.7}
.layer{ width:1200px; margin:0 auto}
.Linefeed{table-layout:fixed; word-break: break-all; overflow:hidden;}
.longover{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  overflow: hidden; }
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
.clear{clear:both;}
.fl{float:left}
.no-padding-top{padding-top:0}
.error{color:#d80045;}
input[type=button], input[type=text] {-webkit-appearance: none;outline: none;}
::-webkit-input-placeholder {
  color: #a9a9a9;
}
  :-moz-placeholder {
  color: #a9a9a9;
}
 ::-moz-placeholder{
  color: #a9a9a9;
}
:-ms-input-placeholder {
  color: #a9a9a9;
}


/*commom*/
.boxSizing {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.justifyCenter {display: flex;justify-content: center;align-items: center;}
.content{width:100%;float: left; }
.white-space{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  overflow: hidden;}
img{max-width:100%;}
.red-button-continer{text-align: center;position: relative;}
.red-button{display: inline-block; text-align: center; border: 1px solid #a40000; border-radius: 20px; line-height: 3em; padding:0px 18px; background: #a40000;margin: 0px auto;}
.red-button a{color: #FFF;font-size: 15px;}

.main{position: relative;max-width:800px; margin:0px auto;}

.header{width:100%;}
.header img{width:100%;}

.section-box{width:100%;}
.section-box img{width:100%;}

.level-3-box{margin-top:-5px;padding:40px 24px; padding-top:40px; line-height:100px; font-size: 34px; background: #f0f1f5;position: relative;z-index: 999; text-align: center;}
.level-3-box .hr-1{border-top:2px solid #CCC;width:80px;}
.level-3-box .hr-2{border-top:2px solid #CCC;}

.register-box{position: relative;padding:0px 0px;}
.register-box .register-panel{position: absolute;top:110px;left:0px;right: 0px;bottom: 0px;}
.register-center-box{max-width:450px;margin:0px auto;position: relative;}
.register-center-box .title{ font-size: 36px;text-align: center;position: absolute;top:0px;right:0px;left: 0px;letter-spacing:5px; color:#FFF;}
.register-center-box .input-continer{position: absolute;top:85px;right:0px;left:0px;}
.register-center-box .input-continer input{height: 66px;font-size: 24px;border: none;background: none;position: absolute;top:6px;left: 90px;width:338px;}
.register-center-box .input-continer .name-input-group{position: absolute;top:0px;}
.register-center-box .input-continer .phone-input-group{position: absolute;top:117px;}
.register-center-box .input-continer .submit-buttom{position: absolute;top:240px;left:108px;width:235px;}
.register-center-box .input-continer .buttom-alt{position: absolute;top:0px;left:0px;right:0px;height:73px; text-align: center;color:#FFF; font-size: 36px;line-height: 2em; font-weight: 900;}
.register-center-box .input-continer .buttom-alt:hover{cursor: pointer;}

.level-4-box{background: url('../images/bg.jpg');padding-top:30px; margin-top:-10px;}
.level-4-box .big-title{font-size: 40px;font-weight: 900; text-align: center;}
.level-4-box .content-box{font-size: 30px;text-align: center; line-height: 2em;}

.level-5-box{background: url('../images/bg.jpg');padding-top:100px; position: relative;}
.level-5-box .bg-box{max-width:596px;margin:0px auto;padding:0px 10px;}
.level-5-box .big-title{position:absolute;top:100px;left:0px;right:0px; font-size: 50px; line-height:105px; height:105px; color:#51504e; font-weight: 900; text-align: center;}
.level-5-box .title-1{width:360px;padding:10px;font-size: 30px;text-align: center; margin:40px auto; color:#FFF;background: #b01f24; border-radius: 10px;}
.level-5-box .img-list{padding:0px 20px;}
.level-5-box .img-list .img-row-box{clear: both;}
.level-5-box .img-list .img-row-box .title{font-size: 30px; text-align: center; line-height: 58px;}
.level-5-box .img-list .left{float:left;width:48%;text-align: center;}
.level-5-box .img-list .right{float:right;width:48%;text-align: center;}
.level-5-box .img-list .clear{clear:both;}

.level-6-box{background: url('../images/bg.jpg');padding-top:60px; position: relative;}
.level-6-box .bg-box{max-width:596px;margin:0px auto;padding:0px 10px;}
.level-6-box .big-title{position:absolute;top:60px;left:0px;right:0px;font-size: 50px; line-height:105px; height:105px; color:#51504e; font-weight: 900; text-align: center;}
.level-6-box .title-1{width:360px;padding:10px;font-size: 30px;text-align: center; margin:40px auto; color:#FFF;background: #b01f24; border-radius: 10px;}
.level-6-box .swiper-pagination {width: 100%;}
.level-6-box .swiper-pagination .swiper-pagination-bullet{width:16px;height: 16px;}
.level-6-box .swiper-pagination span{margin:5px;}
.level-6-box .title{font-size: 30px;text-align: center;padding:38px 0px;}

.level-7-box{background: url('../images/bg.jpg');padding:15px;position: relative;}
.level-7-box .right-square-brackets{position: absolute;top:0px;right:15px;width:325px;}
.level-7-box .small-title{position: relative;font-size: 28px;text-align:center; padding:40px;line-height: 2.5em; color:#b3081b;}
.level-7-box .left-group{position:relative;float:left;width:390px; height:55px; color:#FFF;margin:20px 0px; }
.level-7-box .right-group{position:relative;float:right;width:410px;height:55px; color:#4e4e4e;margin:20px;}
.level-7-box .content-row{position: absolute;left:30px;right:25px;top:0px;font-size: 28px;line-height: 50px;}
.level-7-box .space-box{height:120px;}
.level-7-box .left-square-brackets{position: absolute;bottom:0px;left:15px;width:325px;}

.wechat-img-box{text-align: center; padding-bottom:20px;line-height: 3em;}
.wechat-img-box .txt{font-size:18px;letter-spacing:3px}
.wechat-img-box .red{color:#ba353a;}

.footer{text-align: center;z-index: 99999; position: relative;}

.course-kefu{width: 40px; height: 40px;line-height: 40px; text-align: center;position: fixed; right: 20px; bottom: 50px; border-radius: 50%; z-index: 999; background: #909090;}

.footer-option{position: fixed; left:0px;right: 0px;bottom: 0px; text-align: center; z-index: 999999;}
.footer-option a{color: #FFF;display: block;}
.footer-option .column{width:50%; float:left;line-height: 3em;}
.footer-option .left-btn{margin:5px;font-size: 16px; background: #ce0319;color:#FFF;}
.footer-option .right-btn{margin:5px;font-size: 16px; background: #f5a522; color:#FFF;}

@media screen and (min-width:361px) and (max-width:450px){
	.level-3-box{line-height: 80px;font-size: 22px;padding: 25px 10px;padding-top:50px;}
	.register-box .register-panel{top:40px;}
	.register-box .register-center-box{max-width: 300px;}
	.register-center-box .title{font-size: 24px;}
	.register-center-box .input-continer{top:44px;}
	.register-center-box .input-continer input{height: 48px;font-size: 20px;top:3px;left: 60px;width: 230px;}
	.register-center-box .input-continer .phone-input-group{top:60px;}
	.register-center-box .input-continer .submit-buttom{top:125px;width:148px;left: 70px;}
	.register-center-box .input-continer .buttom-alt{font-size: 22px;height:43px;}

	.level-4-box .big-title{font-size: 34px;}
	.level-4-box .content-box{font-size: 22px;}

	.level-5-box{padding-top:50px;}
	.level-5-box .big-title{font-size: 32px;top:30px;font-weight: 600;}
	.level-5-box .title-1{font-size: 28px;width:300px;}
	.level-5-box .img-list .img-row-box .title{font-size: 20px;}

	.level-6-box .big-title{font-size: 32px;top:40px;font-weight: 600;}
	.level-6-box .title-1{font-size: 22px;width:300px;}
	.level-6-box .title{font-size: 26px;}

	.level-7-box .right-square-brackets{width:165px;right:5px;}
	.level-7-box .left-square-brackets{width:165px;left:5px;}
	.level-7-box .small-title{padding:10px; font-size: 24px;}
	.level-7-box .left-group{font-size: 20px;width:280px; margin:10px;}
	.level-7-box .right-group{font-size: 20px;width:280px; margin:10px;}
	.level-7-box .content-row{font-size: 20px;left:20px;right:20px;line-height: 38px;}
	.level-7-box .space-box{height: 28px;}

}

@media screen and (max-width:360px){
	.level-3-box{line-height: 80px;font-size: 26px;padding: 25px 24px;padding-top:50px;}
	.register-box .register-panel{top:40px;}
	.register-box .register-center-box{max-width: 260px;}
	.register-center-box .title{font-size: 24px;}
	.register-center-box .input-continer{top:44px;}
	.register-center-box .input-continer input{height: 38px;font-size: 16px;top:3px;left: 60px;width: 230px;}
	.register-center-box .input-continer .phone-input-group{top:60px;}
	.register-center-box .input-continer .submit-buttom{top:110px;width:100px;left: 80px;}
	.register-center-box .input-continer .buttom-alt{font-size: 16px;height:43px;}

	.level-4-box .big-title{font-size: 26px;}
	.level-4-box .content-box{font-size: 18px;}

	.level-5-box{padding-top:60px;}
	.level-5-box .big-title{font-size: 28px;top:36px;font-weight: 600;}
	.level-5-box .title-1{font-size: 22px;width:268px;}
	.level-5-box .img-list .img-row-box .title{font-size: 15px;}

	.level-6-box{padding-top:36px;}
	.level-6-box .big-title{font-size: 28px;top:10px;font-weight: 600;}
	.level-6-box .title-1{font-size: 22px;width:300px;}
	.level-6-box .title{font-size: 26px;}

	.level-7-box .right-square-brackets{width:150px;right:5px;}
	.level-7-box .left-square-brackets{width:150px;left:5px;}
	.level-7-box .small-title{padding:10px 5px; font-size: 20px;}
	.level-7-box .left-group{font-size: 20px;width:228px; margin:10px 0px; height: auto;}
	.level-7-box .right-group{font-size: 16px;width:228px; margin:10px 0px; height: auto;}
	.level-7-box .content-row{font-size: 16px;left:10px;right:20px;line-height: 30px;}
	.level-7-box .space-box{height: 28px;}

	.wechat-img-box .txt{font-size: 16px;letter-spacing: 1px;}
}