*{ box-sizing: border-box;}
.warp{ margin:0 auto; width:100%; min-width:320px; max-width:750px;}

/*头部*/
header{ height: 0.9rem; background: #00a8ee; padding: 0 0.3rem; position: relative;}
.nav{ float: left; width: 0.9rem; height: 0.9rem; background: url(../images/icon.png) 0 0 no-repeat; background-size: 5rem 5rem;}
.logo{ width: 2.42rem; height: 0.9rem; line-height: 0.9rem; margin: 0 auto;}
.logo img{ width: 100%;}
.home{ float: right; width: 0.9rem; height: 0.9rem; background: url(../images/icon.png) -0.9rem 0 no-repeat; background-size: 5rem 5rem;}
.home a{ display: block; width: 100%; height: 100%;}
.navList{ position: absolute; top: 0.9rem; left: 0; background: #f7fcfe; width: 6.5rem; padding: 0 0.25rem 0.9rem; display: none;}
.navList .navItem{ line-height: 0.88rem; border-bottom: 1px solid #eaeaea;}
.navList .navItem a{ display: block; font-size: 0.28rem; text-decoration: none; color: #014363; position: relative;}
.navList .navItem a:after{ content: ""; display: block; width: 0.12rem; height: 0.2rem; position: absolute; right: 0; top: 50%; margin-top: -0.1rem; background: url(../images/arrow.png) center no-repeat; background-size: 100% 100%;}

.banner img{ width: 100%; height: auto;}
.siteGuide{ padding: 0 0.3rem; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.siteGuide .guideItem{ display: block; width: 2rem; height: 0.8rem; margin-top: 0.24rem; line-height: 0.8rem; background: #007eb6; font-size: 0.3rem; color: #fff; text-align: center; text-decoration: none;}

.section1{ padding: 0 0.3rem; margin-top: 0.48rem;}
.section1 .plate{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.section1 .plateItem{ width: 3.2rem; height: 1.65rem; border: 2px solid #cccccc; display: flex; display: -webkit-flex; align-items: center; justify-content: flex-start; margin-bottom: 0.24rem; padding: 0 0.04rem;}
.section1 .plateItem .icon{ float: left; width: 0.7rem; height: 0.7rem; background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 5rem 5rem; margin-right: 0.1rem;}
.section1 .plateItem:nth-child(1) .icon{ background-position: 0 -0.9rem;}
.section1 .plateItem:nth-child(2) .icon{ background-position: -0.7rem -0.9rem;}
.section1 .plateItem:nth-child(3) .icon{ background-position: -1.4rem -0.9rem;}
.section1 .plateItem:nth-child(4) .icon{ background-position: -2.1rem -0.9rem;}
.section1 .plateItem .text{}
.section1 .plateItem .text h2{ font-size: 0.3rem; line-height: 0.3rem; color: #4c4c4c; font-weight: bold;}
.section1 .plateItem .text p{ font-size: 0.24rem; line-height: 0.3rem; color: #666666;}


.section2{ padding: 0 0.3rem; margin-top: 0.3rem;}
.section2 .caption{ font-size: 0.28rem; line-height: 0.4rem; color: #404040; text-align: center; font-weight: bold;}
.section2 .subCaption{ font-size: 0.22rem; line-height: 0.4rem; color: #4c4c4c; text-align: center; font-weight: bold;}
.section2 .table{ margin-top: 0.3rem;}
.section2 .table th{ ffont-size: 0.24rem; font-style: italic; color: #404040; padding: 0.15rem 0; border-bottom: 1px solid #b3b3b3;}
.section2 .table th span{ color: #3faadf;}
.section2 .table td:nth-child(1){ font-style: italic; font-size: 0.24rem; color: #fff; background: #58b5dd; text-align: center; line-height: 0.36rem; padding: 0.1rem 0; border-bottom: 1px solid #83b6da; border-left: 1px solid #b3b3b3;}
.section2 .table td:nth-child(1) span{ font-size: 0.2rem;}
.section2 .table td:nth-child(n+2){ background: #f7f7f7; font-size: 0.2rem; color: #333333; text-align: center; font-weight: bold; border-left: 1px solid #83b6da; border-bottom: 1px solid #83b6da;}
.section2 .table td:last-child{ border-right: 1px solid #b3b3b3;}
.section2 .table tr:last-child td{ border-bottom: none; border-bottom: 1px solid #b3b3b3;}
.section2 .btnGroup{ overflow: hidden; text-align: center; margin-top: 0.3rem;}
.section2 .btnGroup a{ display: inline-block; font-size: 0.3rem; width: 2.25rem; height: 0.7rem;  line-height: 0.7rem; border-radius: 0.1rem; text-decoration: none; margin: 0 0.32rem;}
.section2 .btnGroup a:first-child{ border: 1px solid #30a4d6; color: #30a4d6;}
.section2 .btnGroup a:last-child{ border: 1px solid #30a4d6; color: #ffffff; background: #30a4d6;}


.section3{ padding: 0 0.3rem; margin-top: 0.6rem;}
.section3 .caption{ font-size: 0.28rem; line-height: 0.4rem; color: #404040; text-align: center; font-weight: bold;}
.section3 .caption span{ color: #3faadf;}
.section3 .subCaption{ font-size: 0.22rem; line-height: 0.3rem; margin-top: 0.1rem; color: #4c4c4c; text-align: center; font-weight: bold;}
.section3 .tableBox{ margin-top: 0.2rem;}
.section3 .tableControl{ overflow: hidden;}
.section3 .tableControl .tabItem{ float: left; width: 50%; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.24rem; font-weight: bold; border: 1px solid #999999;}
.section3 .tableControl .tabItem.active{ background: #30a4d6; color: #ffffff; border: 1px solid #30a4d6;}
.section3 .tableBox table{ border-left: 1px solid #b3b3b3; border-top: 1px solid #B3B3B3;}
.section3 .tableBox th{ font-size: 0.24rem; text-align: center; font-weight: bold; width: 16.6666%; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #B3B3B3; height: 0.6rem;}
.section3 .tableBox td{ font-size: 0.2rem; text-align: center; color: #666666; border-right: 1px solid #b3b3b3; border-bottom: 1px solid #B3B3B3; height: 0.6rem;}
.section3 .btnGroup{ overflow: hidden; text-align: center; margin-top: 0.3rem;}
.section3 .btnGroup a{ display: inline-block; font-size: 0.3rem; width: 2.25rem; height: 0.7rem;  line-height: 0.7rem; border-radius: 0.1rem; text-decoration: none; margin: 0 0.32rem;}
.section3 .btnGroup a:first-child{ border: 1px solid #30a4d6; color: #30a4d6;}
.section3 .btnGroup a:last-child{ border: 1px solid #30a4d6; color: #ffffff; background: #30a4d6;}

.section4{ padding: 0 0.3rem; margin-top: 0.6rem;}
.section4 .caption{ font-size: 0.28rem; line-height: 0.4rem; color: #404040; text-align: center; font-weight: bold;}
.section4 .conditionList{ overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.2rem;}
.section4 .conditionItem{ width: 50%; font-size: 0.24rem; line-height: 0.5rem; color: #404040; margin: 0.2rem 0;}
.section4 .conditionItem:nth-child(odd){ text-align: left;}
.section4 .conditionItem:nth-child(even){ text-align: right;}
.section4 .conditionItem span{ display: inline-block; width: 0.5rem; height: 0.5rem; background: url(../images/icon.png) 0 -1.6rem no-repeat; background-size: 5rem 5rem; text-align: center; color: #fff; text-indent: 0.08rem;}


.section5{ padding: 0 0.3rem; margin-top: 0.6rem;}
.section5 .caption{ font-size: 0.28rem; line-height: 0.4rem; color: #404040; text-align: center; font-weight: bold;}
.section5 .subCaption{ font-size: 0.22rem; font-style: italic; line-height: 0.3rem; margin-top: 0.1rem; color: #4c4c4c; text-align: center;}
.section5 .swiper-container{ box-shadow: 0 0 8px #e2e2e2; border: 1px solid #e2e2e2; margin-top: 0.3rem;}
.section5 .swiper-wrapper{ box-sizing: border-box;}
.section5 .swiper-slide{padding: 0.3rem 0.15rem;}
.section5 .slideTitle{ font-size: 0.26rem; color: #333333; text-align: center; font-style: italic; font-weight: bold;}
.section5 .slideTitle span{ color: #3faadf;}
.section5 .cfaInfor{ margin-top: 0.2rem; height: 4rem; display: flex; flex-direction: column; justify-content: space-around;}
.section5 .inforItem{ overflow: hidden; display: flex; margin-bottom: 0.2rem;}
.section5 .inforItem b{ float: left; font-weight: bold; font-size: 0.24rem; width: 5em;}
.section5 .inforItem span{ flex: 1; font-size: 0.24rem; line-height: 0.3rem;}
.section5 .btnGroup{ text-align: center; margin-top: 0.36rem;}
.section5 .btnGroup a{ display: inline-block; width: 1.7rem; height: 0.5rem; background: #3faadf; text-align: center; line-height: 0.5rem; font-size: 0.26rem; color: #fff; text-decoration: none; margin: 0 0.5rem;}
.section5 .swiper-pagination{ position: static; margin-top: 0.2rem;}
.section5 .swiper-pagination-bullet{ width: 0.2rem; height: 0.2rem; margin: 0 .1rem;}
.section5 .swiper-pagination-bullet-active{ background: #3faadf;}


.section6{ padding: 0 0.3rem; margin-top: 0.6rem;}
.section6 .swiper-slide img{ width: 100%; height: auto;}
.section6 .swiper-slide .lessonName{ position: absolute; width: 100%; left: 0; font-size: 0.36rem; color: #fff; text-shadow: 1px 1px 2px #404040; top: 50%; text-align: center;}
.section6 .swiper-pagination{ margin-top: 0.2rem;}
.section6 .swiper-pagination-bullet{ width: 0.4rem; height: 2px; margin: 0 .1rem; background: #fff; opacity: 1; border-radius: 0;}
.section6 .swiper-pagination-bullet-active{ background: #3faadf;}
.section6 .functionList{ overflow: hidden; margin-top: 0.2rem;}
.section6 .functionItem{ float: left; width: 25%;}
.section6 .functionItem .icon{ width: 0.5rem; height: 0.5rem; margin: 0 auto; background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 5rem 5rem;}
.section6 .functionItem:nth-child(1) .icon{ background-position: 0 -2.1rem;}
.section6 .functionItem:nth-child(2) .icon{ background-position: -0.5rem -2.1rem;}
.section6 .functionItem:nth-child(3) .icon{ background-position: -1rem -2.1rem;}
.section6 .functionItem:nth-child(4) .icon{ background-position: -1.5rem -2.1rem;}
.section6 .functionItem .itemTxt{ font-size: 0.24rem; text-align: center; color: #595959;}

.section7{ padding: 0 0.3rem; margin-top: 0.6rem;}
.section7 .caption{ font-size: 0.28rem; line-height: 0.4rem; color: #404040; text-align: center; font-weight: bold;}
.section7 .subCaption{ font-size: 0.22rem; font-style: italic; line-height: 0.3rem; margin-top: 0.1rem; color: #4c4c4c; text-align: center;}
.section7 .questionList{ overflow: hidden; margin-top: 0.2rem;}
.section7 .questionItem{ float: left; width: 50%; padding-left: 2%; margin-bottom: 3%;}
.section7 .questionItem h2{ font-size: 0.26rem; color: #002a4a; text-decoration: underline;}
.section7 .questionItem p{ font-size: 0.24rem;}


.section8{ padding: 0 0.3rem 0.6rem; margin-top: 0.6rem; background: #f5f5f5; overflow: hidden;}
.section8 .caption{ font-size: 0.36rem; line-height: 0.4rem; color: #333333; text-align: center; margin-top: 0.2rem;}
.section8 .form{ margin-top: 0.48rem;}
.section8 .formCtrl{ overflow: hidden; height: 0.82rem; background: #fff; border-radius: 0.06rem; position: relative; margin-bottom: 0.2rem;}
.section8 .formCtrl label{ position: absolute; left: 0; height: 0.82rem; line-height: 0.82rem; font-size: 0.28rem; color: #999999; padding: 0 0.5em;}
.section8 .formCtrl input{ width: 100%; height: 0.82rem; padding: 0; padding-left: 6em; border-radius: 0.06rem; outline: 1px solid #00a8ee; font-size: 0.28rem; line-height: 0.82rem;}
.section8 .know{ font-size: 0.28rem; color: #333333; line-height: 0.3rem; margin-bottom: 0.2rem;}
.section8 .formCheckBox{ overflow: hidden;}
.section8 .formCheckBox label{ float: left; width: 25%; font-size: 0.28rem; color: #333333; text-align: center; line-height: 0.3rem;}
.section8 .formCheckBox .checkStatus{ display: inline-block; width: 0.3rem; height: 0.3rem; background: url(../images/check.png) center no-repeat; background-size: 100% 100%; vertical-align: middle; margin-right: 0.05rem;}
.section8 .formCheckBox input[type='checkbox']{ display: none; opacity: 0; visibility: hidden;}
.section8 .formCheckBox input[type='checkbox']:checked+.checkStatus{ background: url(../images/checked.png) center no-repeat; background-size: 100% 100%;}
.section8 .formBtn{}
.section8 .formBtn input{ width: 100%; height: 0.82rem; padding: 0; background: #00a8ee; border-radius: 0.06rem; font-size: 0.3rem; color: #fff; margin-top: 0.58rem; appearance: none; -webkit-appearance: none;}

footer{ background: #011d32; padding-bottom: 50px;}
footer .copyRight{ border-bottom: 1px solid #ffffff; opacity: 0.4; color: #fff; font-size: 0.24rem; text-align: center; padding: 0.2rem 0;}
footer .siteInf{ text-align: center; color: #fff; opacity: 0.5; padding: 0.2rem; font-size: 10px; line-height: 0.3rem;}


.back{ width: 0.44rem; height: 0.44rem; background: url(../images/back.png) center no-repeat; background-size: 100% 100%; position: fixed; right: 5px; bottom: 10px; z-index: 999999;}


#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 .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;}


@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')
}