.wrap{ width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px;}

.top{ overflow: hidden; border-bottom: 1px solid #d9d9d9; padding: 0.18rem 0.11rem 0.08rem; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center;}
.logo{ width: 2rem; float: left;}
.logo img{ width: 100%;}
.contactBox{ float: right;}
.contactBox .contact-online{  text-align: center;}
.contactBox .contact-online a{ display: block; color: #fff; font-size: 0.26rem; text-decoration: none; width: 100%; float: right; width: 1.24rem; height: 0.5rem; border-radius: 0.25rem; background: #c40000; line-height: 0.5rem;}
.contactBox .contact-number{ font-size: 0.26rem; color: #C40000; font-weight: bold; line-height: 0.52rem; float: right;}


.show-image{ width: 100%; position: relative;}
.show-image img{ width: 100%; height: auto; display: block;}
.caption{ text-align: center; padding: 0.5rem 0;}
.caption span{ display: inline-block;}
.caption .title-num{ font-size: 1.08rem; line-height: 1.08rem; font-weight: bold; color: #021653; vertical-align: middle;}
.caption .title-txt{ vertical-align: middle;}
.caption .title-txt b{ display: block; font-size: 0.44rem; line-height: 0.52rem; color: #c40000; text-align: left;}
.caption .title-txt i{ display: block; font-size: 0.34rem; line-height: 0.52rem; color: #c40000; font-style: normal; text-align: left;}

.section-1 h1{ text-align: center; font-weight: bold; color: #c40000; font-size: 0.52rem; line-height: 0.56rem; margin-top: 0.5rem;}
.section-1 .definition{ text-align: center; font-size: 0.34rem; line-height: 0.52rem; color: #C40000; padding: 0 1rem; margin-top: 0.2rem; margin-bottom: 0.45rem;}
.section-1 .text-box{ background: #da373b; padding: 0.6rem 0.3rem;}
.section-1 .text-box p{ font-size: 0.32rem; line-height: 0.56rem; color: #fff;}
.section-1 .text-box p span{ text-decoration: underline;}
.section-1 .show-image .consultation-btn{ display: inline-block; width: 1.8rem; height: 0.58rem; line-height: 0.58rem; border-radius: 0.06rem; background: #fffd5c; color: #c40000; text-align: center; font-size: 0.32rem; text-decoration: none; position: absolute; left: 50%; margin-left: -0.9rem; bottom: -0.29rem;}


.section-2 .text-box{ background: #fffd5c; padding: 0.35rem 0.3rem;}
.section-2 .text-box dt{ font-weight: bold; color: #021653; text-align: center; font-size: 0.52rem; line-height: 0.52rem; margin-bottom: 0.35rem;}
.section-2 .text-box dd{ margin-bottom: 0.3rem;}
.section-2 .text-box dd:last-child{ margin-bottom: 0;}
.section-2 .text-box dd h6{ font-size: 0.36rem; line-height: 0.48rem; margin-bottom: 0.15rem; font-weight: bold; color: #021653;}
.section-2 .text-box dd p{ font-size: 0.32rem; line-height: 0.4rem; color: #021653;}

.section-3{}
.section-3 .listBox{ overflow: hidden; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: stretch; -webkit-align-items: stretch;}
.section-3 .listBox li{ width: 100%; box-sizing: border-box; margin-bottom: 0.42rem; box-sizing: border-box; padding: 0 2%;}
.section-3 .listBox h2{ font-size: 0.32rem; line-height: 0.48rem; color: #021653; font-weight: bold; position: relative; padding-left: 0.1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section-3 .listBox h2:before{ content: ""; display: block; width: 0.04rem; height: 0.4rem; background: #021653; position: absolute; left: 0; top:0;}
.section-3 .listBox h2 span{ font-size: 0.4rem; color: #da373b;}
.section-3 .listBox .txt{ margin-top: 0.2rem;}
.section-3 .listBox .txt p{ font-size: 0.32rem; line-height: 0.4rem; color: #021653;}
.section-3 .listBox .img{ margin-top: 0.22rem;}
.section-3 .listBox .img img{ width: 100%;}
.section-3 .consultation{ background: #da373b; text-align: center; padding: 0.3rem 0;}
.section-3 .consultation .consultation-btn{ display: inline-block; width: 1.8rem; height: 0.58rem; line-height: 0.58rem; border-radius: 0.06rem; background: #fffd5c; color: #c40000; text-align: center; font-size: 0.32rem; text-decoration: none;}
.section-3 .consultation span{ font-size: 0.32rem; display: inline-block; line-height: 0.58rem; color: #FFFD5C; padding-left: 0.3rem;}

.section-4{}
.section-4 .question-box{ background: #fffd5c; padding: 0.38rem 0;}
.section-4 .question-box li{ margin-bottom: 0.3rem;}
.section-4 .question-box li:last-child{ margin-bottom: 0 !important;}
.section-4 .question-box .question{ width: 70%; height: 0.6rem; background: #da373b; margin: 0 auto; line-height: 0.6rem; font-size: 0.36rem; color: #fff; text-align: center;}
.section-4 .question-box .answer{ width: 94%; margin: 0.15rem auto 0; color: #c40000; font-size: 0.32rem; line-height: 0.38rem;}
.section-4 .consultation{ text-align: center; padding: 0.3rem 0 0;}
.section-4 .consultation .consultation-btn{ display: inline-block; width: 1.8rem; height: 0.58rem; line-height: 0.58rem; border-radius: 0.06rem; background: #021653; color: #fff; text-align: center; font-size: 0.32rem; text-decoration: none;}
.section-4 .consultation span{ font-size: 0.32rem; display: inline-block; line-height: 0.58rem; color: #021653; padding-left: 0.3rem;}

.section-5{}
.section-5 .systerm-title{ font-size: 0.36rem; line-height: 0.52rem; color: #c40000; font-weight: bold; text-indent: 0.35rem; margin: 0.2rem 0;}
.section-5 .goodlist{ overflow: hidden; background: #eeeeee; padding: 0.4rem 0; display: flex; display: -webkit-flex; justify-content: space-around; -webkit-justify-content: space-around;}
.section-5 .goodlist li{ float: left; width: 33.333%; position: relative;}
.section-5 .goodlist li:after{ content: ""; display: block; position: absolute; height: 60%; right: 0; top: 20%; width: 1px; background: #000;}
.section-5 .goodlist li:last-child:after{ display: none;}
.section-5 .goodlist h5{ text-align: center; font-size: 0.36rem; line-height: 0.4rem; color: #021653; font-weight: bold; margin-bottom: 0.15rem;}
.section-5 .goodlist p{ font-size: 0.32rem; line-height: 0.38rem; color: #333333; padding: 0 3%; text-align: justify;}
.section-5 .systerm-2 .courselist{ overflow: hidden; background: #eeeeee; padding-bottom: 0.2rem;}
.section-5 .systerm-2 .courselist li{ float: left; width: 50%;}
.section-5 .systerm-2 .courselist .img img{ width: 100%;}
.section-5 .systerm-2 .courselist .txt{ position: relative;}
.section-5 .systerm-2 .courselist .txt:after{ content: ""; display: block; position: absolute; height: 60%; right: 0; top: 20%; width: 1px; background: #000;}
.section-5 .courselist li:last-child .txt:after{ display: none;}
.section-5 .systerm-2 .courselist h5{ font-size: 0.36rem; line-height: 0.36rem; text-align: center; color: #021653; font-weight: bold; margin: 0.2rem 0;}
.section-5 .systerm-2 .courselist p{ font-size: 0.32rem; line-height: 0.38rem; color: #333333; padding: 0 3%; text-align: justify;}
.section-5 .systerm-3 .courselist{ margin-bottom: 0;}
.section-5 .consultation{ text-align: center; padding: 0.3rem 0; background: #da373b;}
.section-5 .consultation .consultation-btn{ display: inline-block; padding: 0 10px; height: 0.58rem; line-height: 0.58rem; border-radius: 0.06rem; background: #021653; color: #fff; text-align: center; font-size: 0.32rem; text-decoration: none;}
.section-5 .consultation span{ font-size: 0.32rem; display: inline-block; line-height: 0.58rem; color: #fff; padding-left: 0.1rem;}

.section-6{}
.section-6 .teacher-box{ background: #da373b; padding: 0.76rem 0 0.55rem;}
.section-6 .teacher-infor{ width: 68%; height: 5.53rem; background: #fff; position: relative; margin-left: 30%; box-sizing: border-box; padding-left: 0.5rem; padding-right: 0.1rem;}
.section-6 .teacher-infor .table-cell{ padding: 20px 0;}
.section-6 .teacher-infor .photo{ position: absolute; width: 2.38rem; height: 3rem; left: -2.05rem; top: 0.38rem;}
.section-6 .teacher-infor .photo img{ width: 100%; height: 100%;}
.section-6 .teacher-infor .name{ font-size: 0.38rem; line-height: 0.52rem; color: #021653;}
.section-6 .teacher-infor p{ font-size: 0.32rem; line-height: 0.36rem; color: #c40000; margin-top:20px;}
.section-6 .teacher-infor .thumb{ position: absolute; width: 100%; left: 0; bottom: 0; text-align: center;}
.section-6 .teacher-infor .thumb span{ width: 0.2rem; height: 0.06rem; line-height: 0.06rem; display: inline-block; background: #021653; vertical-align: middle; margin: 0 3px;}
.section-6 .teacher-infor .thumb span.active{ background: #da373b;}

.section-7 .lists-box{ overflow: hidden; padding: 2% 1% 0; background: #eeeeee;}
.section-7 .lists-box li{ margin: 0 1% 2%;}
.section-7 .lists-box .img img{ width: 100%;}
.section-7 .lists-box .txt{ background: #fff; height: 2.4rem; overflow: hidden; position: relative;}
.section-7 .lists-box .txt h3{ text-align: center; font-weight: bold; color: #da373b; font-size: 0.36rem; line-height: 0.4rem; margin-top: 0.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.section-7 .lists-box .txt p{ font-size: 0.32rem; line-height: 0.36rem; padding: 0 2%; text-align: justify; margin-top: 0.2rem;}
.section-7 .lists-box .number{ position: absolute; text-align: center; width: 0.46rem; height: 0.46rem; bottom: 0; right: 0; background: url(../images/number.png) center no-repeat; text-align: center; font-weight: bold; line-height: 0.54rem; font-size: 0.24rem; color: #fff; text-indent: 0.25rem;}

.section-8{}
.section-8 .more-questions{ width: 80%; margin: 0 auto; background: #fffd5c; padding: 0.3rem 5%; box-sizing: border-box;}
.section-8 .more-questions li{ text-align: center; font-size: 0.32rem; line-height: 0.68rem; color: #021653; border-bottom: 1px dashed #021653;}
.section-8 .more-questions li:last-child{ border-bottom: none;}
.section-8 .more-questions li a{text-decoration: none;text-align: center; font-size: 0.32rem; line-height: 0.68rem; color: #021653; }
.section-8 .btn-group{ text-align: center; margin: 0.4rem 0 0.68rem;}
.section-8 .btn-group a{ display: inline-block; width: 1.8rem; height: 0.55rem; line-height: 0.55rem; border-radius: 0.07rem; text-align: center; color: #fff; text-decoration: none; font-size: 0.32rem; margin: 0 10%;}
.section-8 .btn-group .btn1{ background: #da373b;}
.section-8 .btn-group .btn2{ background: #021653;}

.section-9{ background: #eeeeee; overflow: hidden; padding: 0.3rem 0;}
.section-9 h1{ width: 80%; margin: 0 auto; border-bottom: 1px solid #021653; font-size: 0.38rem; line-height: 0.82rem; font-weight: bold; color: #021653; text-align: center;}
.section-9 .school-box{ width: 80%; overflow: hidden; margin: 0.14rem auto 0; border-top: 1px dashed #021653; padding-top: 0.27rem;}
.section-9 .school-box li{ border: 1px solid #021653; box-sizing: border-box; width: 0.85rem; height: 0.85rem; float: left; text-align: center; margin: 0 0.175rem; margin-bottom: 0.35rem; display: table;}
.section-9 .school-box li p{ display: table-cell; vertical-align: middle; font-size: 0.28rem; line-height: 0.36rem; color: #021653; font-weight: bold; padding: 0 10%;}
.section-9 .school-box li a{ text-decoration: none;color: #021653;}

.section-10{ padding-bottom: 1.4rem;}
.section-10 .bottomlogo{ text-align: center; margin-top: 0.45rem;}
.section-10 .bottomlogo img{ width: 3.55rem; height: 1.14rem;}
.section-10 .telnum{ width: 80%; margin:0 auto; text-align: center; font-size: 0.28rem; line-height: 0.36rem; color: #c40000; font-weight: bold; margin-top: 0.4rem; margin-bottom: 0.2rem; padding-bottom: 0.2rem; border-bottom: 1px solid #021653;}
.section-10 .telnum span{ display: inline-block; width: 0.46rem; height: 0.37rem; margin-right:0.2rem; vertical-align: middle;}
.section-10 .telnum span img{ width: 100%;}
.section-10 .links{ text-align: center;}
.section-10 .links a{ font-size: 0.32rem; line-height: 0.42rem; color: #021653; text-decoration: none;}
.section-10 .extraTxt{ text-align: center; font-size: 0.32rem; line-height: 0.42rem; color: #021653;}


.swiper-container-horizontal>.swiper-pagination{ width: 68%; left: 30%; bottom: 0.55rem;}
.swiper-pagination .swiper-pagination-bullet{ width: 0.2rem; height: 0.06rem; line-height: 0.06rem; display: inline-block; background: #021653; vertical-align: middle; margin: 0 3px;}
.swiper-pagination-bullet-active{ background: #da373b !important;}




/*样式修改*/
.picture>a{ display:block; width:52px; height:52px; margin:0 auto; background-image:url(../images/iconAll.png); background-repeat:no-repeat;}
.picture:nth-child(1)>a{ background-position:0 0;}
.picture:nth-child(2)>a{ background-position:-52px 0;}
.picture:nth-child(3)>a{ background-position:-104px 0;}
.picture:nth-child(4)>a{ background-position:-156px 0;}
.picture:nth-child(5)>a{ background-position:-208px 0;}
.picture:nth-child(6)>a{ background-position:-260px 0;}
.picture:nth-child(7)>a{ background-position:-312px 0;}
.picture:nth-child(8)>a{ background-position:-364px 0;}


#s-actionBar-container{position:fixed; bottom:0; width:100%; z-index:999; background:#ffffff;}
#s-actionBar-container .action-bar{ color:#999; border:1px solid #E5E5E5;}
#s-actionBar-container .action-bar .addfav, #s-actionBar-container .action-bar .support, #s-actionBar-container .action-bar .toshop{max-width: 50px;min-width: 26px;border-right: 1px solid rgba(0,0,0,.05);}
#s-actionBar-container .action-bar .cell{height: 49px;text-align: center;}
#s-actionBar-container .action-bar .cell a{text-decoration:none;}
#s-actionbar .cell{ border-right: 1px solid rgba(0,0,0,.05);}
.mui-flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mui-flex, .mui-flex *, .mui-flex::after, .mui-flex::before{box-sizing: border-box;}
.mui-flex.align-center{-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.mui-flex > .cell{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0 !important;position: relative;}
#s-actionBar-container .action-bar .cell a{ position: absolute;width: 100%;height: 100%;display: block;top: 0;}
#s-actionBar-container .action-bar > div::before{font-family: tm-detail-font;width: 25px;height: 25px;font-size: 20px;display: block;margin: 1px auto 0;}
#s-actionBar-container .action-bar .support::before{ /*content: '\e60a';color: #4A90E2;*/}
#s-actionBar-container .action-bar .toshop::before{ content: '\e60d';color: #5F646E;}
#s-actionBar-container .action-bar .addfav::before{ content: '\e609';color: #5F646E;}
#s-actionBar-container .action-bar .cart{ background: #FF9500;}
#s-actionBar-container .action-bar .buy{ background: #DD2727;}
#s-actionBar-container .action-bar > button{border: none;color: #fff;font-size: 15px; font-family:"微软雅黑";}
#s-actionBar-container #s-actionbar .cell:last-child{border-right: none;}
#s-actionBar-container .activity-box{display: none;}



.top_tips{position:fixed;top:-60px;z-index:9999;width:100%;height:50px;line-height:50px;max-width:640px;background:#000;color:#fff;box-shadow:0 0 10px rgba(10,2,4,.75);}
.top_tips span{ float: left; width:40px; height:40px; background:url(/images/iconAll.png) 0 -231px no-repeat; border-radius:5px; margin:5px}
.top_tips ul { float: left; }
.top_tips ul li { height: 20px; line-height: 20px; font-size: 12px !important;}
.top_tips ul li:nth-child(1) { margin-top: 5px; }
@media screen and (max-width:414px){
	.top_tips{ font-size:16px; }
}
@media screen and (max-width:375px){
	.top_tips{ font-size:14px; }
}
@media screen and (max-width:320px){
	.top_tips{ font-size:12px; }
}


 @font-face{
	 font-family:tm-detail-font;
	 src:url(//at.alicdn.com/t/font_1471933651_9895208.eot);
	 src:url(//at.alicdn.com/t/font_1471933651_9895208.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_1471933651_9895208.woff) format('woff'),url(//at.alicdn.com/t/font_1471933651_9895208.ttf) format('truetype'),url(//at.alicdn.com/t/font_1471933651_9895208.svg#iconfont) format('svg')
}





.btn-w {overflow:hidden;padding-bottom: 10px;}
.btn-a:link {color:#FFF;}
.btn-a {
  display: block;
  margin: 30px auto 0px auto;
  font-size: 18px;
  width: 60%;
  border-radius: 4px;
  background: #f5a72a;
  border: solid 2px #b07519;
  height: 45px;
  line-height: 45px;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  text-decoration: none;
  }

.btn-a:hover{
	background: #f39b0e;
	text-decoration: none;
}