
.warp{ margin:0 auto; margin: 0 auto; max-width: 750px; min-width: 320px; width: 100%; background:url(../images/body-bj.jpg) repeat-y #F0EFF2; background-size:100%}
.table{ display:table}
.table .table-cell{ display:table-cell; vertical-align:middle}

.section{ width:100%; overflow:hidden}
.section .title{ font-size:0.42rem; color:#00434b; line-height:0.5rem; text-align:center; font-weight:bold}
.section .button a{ display:block; text-decoration:none; margin:0 auto; background:#01333C; width:3.49rem; height:0.46rem; text-align:center; line-height:0.46rem; font-size:0.26rem; color:#FFF; box-shadow:rgba(2,80,94,.49) 0.02rem 0.02rem 0.1rem}
.section .button a span{ color:#ffd600}

.section2{ padding:1.5rem 0 0.79rem; position:relative; display:none}
.section2 .introduce{ width:5.48rem; margin-left:1.7rem; border:solid 0.16rem #BDBDBD; padding:0.26rem 0}
.section2 .introduce .introduceImg{ width:2.19rem; position:absolute; bottom:0.3rem; left:0.19rem}
.section2 .introduce .introduceTxt{ padding:0.12rem 0 0 0.66rem}
.section2 .introduceList .introduceItem{ font-size:0.24rem; color:#00434b; line-height:0.33rem; padding:0.03rem 0 0.03rem 0.23rem; position:relative}
.section2 .introduceList .introduceItem:before{ content:""; background:#00434B; width:0.15rem; height:0.15rem; border-radius:50%; position:absolute; top:0.12rem; left:0}
.section2 .button{ padding:0.18rem 0 0 1.04rem}
.section2 .button a{ margin:0}

.section3{ padding-bottom:0.78rem}
.section3 .title{ margin-top:0.6rem}
.section3 .thoseCont{ width:6.8rem; margin:0.6rem auto 0}
.section3 .thoseCont .thoseList{ display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.section3 .thoseList .thoseItem{ float:left; width:3.4rem; padding-bottom:0.6rem}
.section3 .thoseItem .thoseImg{ width:2.26rem; margin:0 auto; position:relative}
.section3 .thoseItem .thoseImg img{ position:relative; z-index:9}
.section3 .thoseItem .thoseImg:before{ content:""; width:100%; height:100%; box-sizing:border-box; border:solid 0.05rem #00434B; transform:rotate(14deg); position:absolute; top:0; left:0}
.section3 .thoseItem .thoseInfo{ width:2.7rem; min-height:1.2rem; margin:0.5rem 0 0 0.56rem}
.section3 .thoseItem .thoseName{ font-size:0.28rem; color:#333; line-height:0.46rem; position:relative}
.section3 .thoseItem .thoseName i{ font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:0.57rem; color:#1293a2; line-height:0.6rem; font-weight:bold; opacity:.5; position:absolute; bottom:0; left:-0.18rem}
.section3 .thoseItem .thoseName b{ position:relative; z-index:9}
.section3 .thoseItem .thoseText{ font-size:0.24rem; color:#666; line-height: 0.34rem}

.section4{ padding-bottom:0.48rem}
.section4 .prospectBox{ height:6.89rem; position:relative}
.section4 .prospectBox .prospectItem{ text-align:center; color:#FFF; border-radius:50%; position:absolute}
.section4 .prospectBox .prospectItem .table-cell{ font-size:0.24rem; color:#fefefe; line-height:0.34rem}
.section4 .prospectBox .prospectItem:nth-child(1) .table-cell{ font-size:0.42rem; font-weight:bold; line-height:0.5rem}
.section4 .prospectBox .prospectItem:nth-child(1){ background:url(../images/prospectItem-1.png) no-repeat; background-size:100% 100%; width:4.28rem; height:4.04rem; top:1.36rem; left:1.62rem}
.section4 .prospectBox .prospectItem:nth-child(2){ background:#027489; width:1.26rem; height:1.26rem; top:0.47rem; left:4.63rem}
.section4 .prospectBox .prospectItem:nth-child(3){ background:#027489; width:1.26rem; height:1.26rem; top:1.95rem; left:5.93rem}
.section4 .prospectBox .prospectItem:nth-child(4){ background:#0395AF; width:0.94rem; height:0.94rem; top:3.77rem; left:6.02rem}
.section4 .prospectBox .prospectItem:nth-child(5){ background:#0395AF; width:0.94rem; height:0.94rem; top:5.16rem; left:6.22rem}
.section4 .prospectBox .prospectItem:nth-child(6){ background:#027489; width:1.26rem; height:1.26rem; top:4.91rem; left:4.57rem}
.section4 .prospectBox .prospectItem:nth-child(7){ background:#0395AF; width:0.94rem; height:0.94rem; top:5.46rem; left:3.15rem}
.section4 .prospectBox .prospectItem:nth-child(8){ background:#0395AF; width:0.94rem; height:0.94rem; top:5.24rem; left:1.62rem}
.section4 .prospectBox .prospectItem:nth-child(9){ background:#0395AF; width:0.94rem; height:0.94rem; top:4.3rem; left:0.62rem}
.section4 .prospectBox .prospectItem:nth-child(10){ background:#027489; width:1.09rem; height:1.09rem; top:2.57rem; left:0.55rem}
.section4 .prospectBox .prospectItem:nth-child(11){ background:#027489; width:1.06rem; height:1.06rem; top:1.27rem; left:0.89rem}
.section4 .prospectBox .prospectItem:nth-child(12){ background:#027489; width:1.26rem; height:1.26rem; top:0.33rem; left:1.91rem}
.section4 .prospectBox .prospectItem:nth-child(13){ background:#6FBCC8; width:0.41rem; height:0.41rem; top:-0.08rem; left:-0.15rem}
.section4 .prospectBox .prospectItem:nth-child(14){ background:#2EA0B5; width:0.7rem; height:0.7rem; top:0.35rem; left:0.31rem}
.section4 .prospectBox .prospectItem:nth-child(15){ background:#5DB4C4; width:0.65rem; height:0.65rem; top:0.76rem; left:6.32rem}
.section4 .prospectBox .prospectItem:nth-child(16){ background:#0791AA; width:0.27rem; height:0.27rem; top:0.42rem; left:7.05rem}
.section4 .prospectBox .prospectItem:nth-child(17){ background:#07B3D2; width:0.34rem; height:0.34rem; top:6.1rem; left:7.07rem}
.section4 .prospectBox .prospectItem:nth-child(18){ background:#07B3D2; width:0.72rem; height:0.72rem; top:5.46rem; left:0.61rem}
.section4 .prospectBox .prospectItem:nth-child(19){ background:#07B3D2; width:0.35rem; height:0.35rem; top:6.14rem; left:0.3rem}

.section5{ padding-bottom:0.69rem}
.section5 .guideCont{ width:7.1rem; margin:0 auto; padding:0.56rem 0 0.36rem}
.section5 .guideCont .guideList{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.section5 .guideList .guideItem{ float:left; width:1.56rem; border:solid 0.03rem #01333C; text-align:center; padding:0.1rem 0 0.26rem; margin-bottom:0.52rem; position:relative}
.section5 .guideList .guideItem:before{ content:""; background:url(../images/body-bj.jpg) repeat-y; background-size:7.5rem; width:0.42rem; height:0.42rem; border-bottom:solid 0.03rem #01333C; transform:rotate(46deg); position:absolute; top:-0.24rem; right:-0.24rem}
.section5 .guideItem .guideIcon{ width:1rem; height:1rem; margin:0 auto; background:url(../images/guide-icon.png) no-repeat; background-size:4rem 2rem}
.section5 .guideItem .guideName{ font-size:0.24rem; color:#333; line-height:0.34rem; font-weight:bold; margin-top:0.06rem}
.section5 .guideList .guideItem a.btn{ text-decoration:none; background:#01333C; width:1.26rem; height:0.36rem; line-height:0.36rem; font-size:0.24rem; color:#fff; margin-left:-0.62rem; position:absolute; bottom:-0.18rem; left:50%}
.section5 .guideItem:nth-child(1) .guideIcon{ background-position:0 0}
.section5 .guideItem:nth-child(2) .guideIcon{ background-position:-1rem 0}
.section5 .guideItem:nth-child(3) .guideIcon{ background-position:-2rem 0}
.section5 .guideItem:nth-child(4) .guideIcon{ background-position:-3rem 0}
.section5 .guideItem:nth-child(5) .guideIcon{ background-position:0 -1rem}
.section5 .guideItem:nth-child(6) .guideIcon{ background-position:-1rem -1rem}
.section5 .guideItem:nth-child(7) .guideIcon{ background-position:-2rem -1rem}
.section5 .guideItem:nth-child(8) .guideIcon{ background-position:-3rem -1rem}

.section6{ padding-bottom:0.52rem}
.section6 .title{ margin-top:0.42rem; color:#2a5d63}
.section6 .title b{ font-size:0.34rem}
.section6 .titleIntro{ font-size:0.3rem; color:#2a5d63; line-height:0.46rem; text-align:center}
.section6 .dataName{ height:0.5rem}
.section6 .dataName b{ display:block; background:#075B80; width:2.06rem; height:0.5rem; line-height:0.5rem; text-align:center; font-size:0.3rem; color:#f5f6f8; position:relative}
.section6 .dataName b:before{ content:""; width:0; height:0; border-left:solid 0.08rem transparent; border-top:solid 0.12rem #075B80; border-right:solid 0.08rem transparent; margin-left:-0.08rem; position:absolute; bottom:-0.12rem; left:50%}
.section6 .dataTop{ margin-top:0.32rem}
.section6 .dataTop .noviceList{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between; width:7.4rem; margin:0.47rem auto 0}
.section6 .dataTop .noviceItem{ float:left; width:1.43rem; position:relative}
.section6 .dataTop .noviceItem span{ width:100%; text-align:center; font-size:0.24rem; color:#f5f6f8; line-height:0.28rem; transform:translateY(-36%); position:absolute; top:50%; left:0}
.section6 .dataBom{ margin-top:0.47rem}
.section6 .dataBom .dataName b{ float:right; background:#729EC0}
.section6 .dataBom .dataName b:before{ border-top:solid 0.12rem #729EC0}
.section6 .dataBom .prepareList{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between; width:7.4rem; margin:0.64rem auto 0}
.section6 .dataBom .prepareItem{ background:url(../images/prepareItem-bj.png) no-repeat; width:1.41rem; height:1.13rem; background-size:100% 100%; font-size:0.24rem; color:#f5f6f8; line-height:0.28rem; text-align:center; letter-spacing:-0.01rem; white-space: nowrap; overflow:hidden; position:relative}
.section6 .dataBom .prepareItem span{ position:absolute; top:0.56rem; left:50%; transform:translateX(-50%) scale(.9,.9)}

.section7{ padding:0.52rem 0 0.36rem}
.section7 .formCont{ width:6.64rem; margin:0 auto}
.section7 .formCont .ipt{ margin-bottom:0.46rem}
.section7 .formCont input{ display:block; margin:0; padding:0; box-sizing:border-box; outline:none}
.section7 .formCont .ipt input{ width:100%; height:0.86rem; border:solid 1px #ADADAD; padding:0 0.32rem; font-size:0.28rem; color:#666}
.section7 .formCont .submit input{ background:#01333C; width:100%; height:0.86rem; border:none; font-size:0.38rem; color:#fff}
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none;}

.section8{ font-size:0.28rem; color:#666; text-align:center; line-height:0.36rem; padding-bottom:1.4rem}


#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 .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;}.support img{ width: auto !important;} @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')}






#LRdiv1{ display:none !important}






























