body{padding-top: 1128px;width: 750px;margin: 0 auto;}
body:before{content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background:url(../img/teenager/banner.jpg) center 0 no-repeat;background-size: cover;}

*{margin:0;padding: 0;font-family: "Microsoft Yahei";}
ul{list-style: none;}
p,h1,h2,h3,h4,h5,h6{color: #333;font-weight: normal;}
a{text-decoration: none;}
.clear{clear: both;}

.contain{width: 750px;margin: 0 auto;}

.top{width: 750px;padding: 26px 0px;background-color: #3E9FFF;position: fixed;top:0;z-index: 10000;}
.top img{width: 100%;}
.top-left{width: 45px;margin-left: 25px;float: left;}
.top-center{width: 142px;margin-left: 250px;float: left;}
.top-right{width: 43px;margin-left: 228px;float: left;}

.how-english{width: 750px;height:1488px;padding: 80px 0;background-color: #fff;}
.how-english-title p{font-size: 40px;text-align: center;}
.how-english-title p span{color: #f34d60;}
.how-english-list{width: 600px;margin: 0 auto;margin-top: 50px;text-align: center;}
.how-english-list img{margin-bottom: 5px;}
.how-english-list p{font-size: 27px;margin-top: 5px;}

.combine{width: 750px;height:775px;padding-top: 40px;background:url(../img/teenager/combine_back.jpg);background-repeat: no-repeat;background-size: 100%;}
.combine-title h1{font-size: 40px;text-align: center;}
.combine-title h2{font-size: 40px;text-align: center;color: #f34d60;}
.combine-content{width: 657px;margin: 70px auto;}
.combine-content img{width: 100%;}

.system{width: 750px;background-color: #fff;padding:70px 0;height: 850px;}
.system-title p{font-size: 40px;text-align: center;}
.system-title p span{color: #f34d60;}
.system-content{width: 710px;margin: 50px auto;overflow-x:scroll;padding-bottom: 25px;}
.system-try p{width: 200px;line-height: 42px;color: #f34d60;font-size: 22.5px;text-align: center;border:2px solid #f34d60;margin: 0 auto;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  {height: 20px;}   
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  {     border-radius: 10px;  background-color: #ECECEC;height: 10px; }   
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  {border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #EC4056;  } 


.textbook{width: 750px;height:591px;padding-top: 30px;background:url(../img/teenager/textbook_back.jpg);background-repeat: no-repeat;background-size: 100%;}
.textbook-title{margin-bottom: 60px;}
.textbook-title p{font-size: 40px;text-align: center;}
.textbook-title p span{color: #f34d60;}
.textbook-left{width:245px;margin-left: 50px;float: left;}
.textbook-left img{width:100%;}
.textbook-left p{width: 110px;line-height: 36px;color: #f34d60;font-size: 22.5px;text-align: center;border:1px solid #f34d60;margin: 30px auto;border-radius: 5px;}
.textbook-right{width:330px;margin-left: 30px;float: left;}
.textbook-right h1{font-size: 32px;color: #000;}
.textbook-right h2{font-size: 24px;color: #000;margin-top: 15px;}
.textbook-right h2 span{color: #f34d60;}
.textbook-right p{font-size: 18px;margin-top: 5px;}
.textbook-right p span{color:#f34d60;}

.course{width: 750px;height:450px;padding-top: 40px;background:url(../img/teenager/course_back.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.course-title{margin-bottom: 40px;}
.course-title p{font-size: 40px;text-align: center;color: #fff;}
.course-title p span{color: #f34d60;}
.course-content{width: 660px;margin: 0 auto;}
#four_flash{position: relative;}
#four_flash .flashBg {width: 100%;height:330px;margin: 0 auto;position: relative;overflow: hidden;}
#four_flash .flashBg ul.mobile li {float: left;width:200px;margin-right:30px;}
#four_flash .flashBg ul.mobile li img{width: 100%;}
#four_flash .flashBg ul.mobile li p{text-align: center;font-size: 18px;color: #fff;margin-top: 10px;}
#four_flash .but_right{width: 15px;position: absolute;top:113px;right: -30px;cursor: pointer;}
#four_flash .but_right img{width: 100%}
#four_flash .but_left{width: 15px;position: absolute;top:113px;left: -30px;cursor: pointer;}
#four_flash .but_left img{width: 100%}
#four_flash .flashBg ul.mobile {width: 2000%;height: 330px;position: absolute;left: 0;}

.free{width: 750px;height:482px;background-color: #fff;padding-top:70px;}
.free-title{margin-bottom: 30px;}
.free-title p{font-size: 40px;text-align: center;}
.free-title p span{color: #f34d60;}
.input-text{width: 563px;height:62px;margin:0 auto;margin-top: 26px;border:1px solid #C4C4C4;border-radius: 31px;}
.input-text input{width: 543px;border:none;line-height: 62px;font-size: 24px;color:#333;padding-left: 20px;background-color: transparent;}
.input-text input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #d5d5d5;  }
.input-text input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #d5d5d5;}
.input-text input:-ms-input-placeholder{color: #d5d5d5;}
.input-text input::-webkit-input-placeholder {color: #d5d5d5;}
#surprise-phone{background: url("../img/children/86_icon.png");background-repeat: no-repeat;background-position: 20px 17px;background-size:62px;width: 458px;padding-left: 105px;}
.input-submit{width: 260px;margin: 0 auto;margin-top: 36px;}
.input-submit p{width: 260px;line-height: 58px;background-color: #fff;border:1px solid #EC4056;font-size: 24px;color:#EC4056;text-align: center;}

.receive{width: 163px;height: 168px;margin-left:582px;bottom:20px;position: fixed;z-index: 10000;}
.receive img{width: 100%;}

.footer{width: 740px;background-color: #6A6A6A;padding: 20px 5px;}
.footer h1{font-size: 15px;color:#fff;text-align: center;}
.footer h2{font-size: 12px;color:#fff;float: left;margin-left: 20px;margin-top: 10px;}
.footer h3{font-size: 12px;color:#fff;float: right;margin-right: 20px;margin-top: 10px;}

.menu{width:750px;height:1200px;top:0;margin-left:0;background-color: rgba(0,0,0,0.6);position: fixed;z-index: 100000;display: none;}
.menu-content{width: 620px;height: 100%;background-color: #000;padding-top: 60px;float: left;}
.menu-index{width: 490px;margin-left: 72px;padding-bottom: 15px;border-bottom: 1px solid #fff;}
.menu-index p{font-size: 40px;color: #fff;}
.menu-list{width: 490px;margin-left: 72px;padding-bottom: 15px;border-bottom: 1px solid #fff;margin-top: 20px; }
.menu-list p{font-size: 32px;color: #fff;line-height: 50px;}
.menu-reg{width: 490px;margin-left: 72px;padding-bottom: 15px;border-bottom: 1px solid #fff;margin-top: 20px; }
.menu-reg p{font-size: 32px;color: #fff;line-height: 50px;}
.menu-service{width: 470px;margin-left: 72px;margin-top: 68px;}
.service-left{width: 100px;float: left;}
.service-left img{width: 100%;}
.service-left p{color: #fff;text-align: center;font-size: 24px;margin-top: 15px;}
.service-right{width: 100px;float: right;}
.service-right img{width: 100%;}
.service-right p{color: #fff;text-align: center;font-size: 24px;margin-top: 15px;}
.menu-right{width: 130px;height:100%;float: left;}

.alert-reg{width:750px;height:1200px;top:0;margin-left:0;background-color: rgba(0,0,0,0.6);position: fixed;z-index: 90000;display: none;}
.alert-reg-info{width: 433px;height: 377px;background:url(../img/alert_reg.png);margin: 0 auto;margin-top: 200px;padding-top: 54px;}
.close-alert-reg{width: 40px;height: 40px;margin-left: 296px;}
.alert-reg-info input{width: 170px;line-height: 40px;border:none;background-color: transparent;margin-left: 165px;color: #fff;font-size: 20px;}
#alert-name{margin-top: 50px;}
#alert-phone{margin-top: 20px;}
#alert-sub{width: 86px;line-height: 32px;margin-left: 244px;margin-top: 20px;}