a{-webkit-tap-highlight-color:rgba(255,255,255,.5);user-select: none;color: #333;}
#app{max-width: 640px;margin: 0 auto;overflow: hidden;position: relative;background-color: #fff;}
body{background: #F2F2F2;margin: 0;}
.boxnone{height: 5.5rem;}
/* 头部 */
.header{width: 100%;}
.header_top{width: 100%;height: 5.5rem;background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index: 99;position: fixed;top:0;left: 0; transition:all 0.5s ease;max-width: 640px;}
.header_box{padding: 0rem 1.5rem;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;height: 100%;}
.header_top img:nth-child(1){width: 10rem;}
.header_top img:nth-child(2){width: 13rem;padding-top: .5rem;}
.header_top .header_top_btn{ display:block; width:3rem;background-size:auto 40%;position: relative;}
.header_top .header_top_btn:before{ content:''; position:absolute; left:50%; top:50%; height:.25rem; width:26px; margin-left:-13px; margin-top:-8px; background:#48b3b9; transition:all 0.5s ease;}
.header_top .header_top_btn:after{ content:''; position:absolute; left:50%; top:50%; height:.25rem; width:26px; margin-left:-13px; margin-top:6px; background:#48b3b9; transition:all 0.5s ease;}
.header_top .header_top_btn span{position:absolute; left:50%; top:50%; height:.25rem; width:26px; margin-left:-13px; margin-top:-1px; background:#48b3b9; transition:all 0.5s ease;}
.header_top .header_top_btn.on{ transition:all 0.5s ease;}
.header_top .header_top_btn.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.header_top .header_top_btn.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.header_top .header_top_btn.on span{width:0;transition:all 0.5s ease;}
.header_banner{width: 100%;margin-top: 6.5rem;}
.T-nav{position:fixed; left:0; top:5.5rem; margin:0; padding:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;}
.T-nav > li{ float:left; position:relative;width:100%; border-bottom:1px solid #eee;}
.T-nav > li > a{line-height:45px; padding:0 3%; font-size:16px; display:block; position:relative; transition:all 0.5s ease;}
.T-nav > li > a:after{ content:''; position:absolute; left:50%; transform:translateX(-50%); width:0; height:3px; bottom:0; background:#c5010b; transition:all 0.5s ease;}
.T-nav > li .header_thr{text-align:center;background:#fff; box-shadow:0 0 8px -2px rgba(0,0,0,0.2) ; display:none}
.T-nav > li .header_thr a{ display:block; line-height:45px; border:1px solid #fff;font-size:15px; padding:0 5%; text-align:left;}

.header_main{width: 100%;background: #48b3b9;position: fixed;top: 5.5rem;left: 0;max-width: 640px;z-index: 90;padding: .5rem 0;}
.header_main>div{display: flex;align-items: center;box-sizing: border-box;width: 100%;padding: 0 .5rem;}
.header_main>div a{flex: 1;color: #fff;text-align: center;box-sizing: border-box;padding: .5rem 0;font-size: 1.4rem;}
/* 头部 */
/* 底部 */
.footer{width: 100%;padding-top: 3rem;}
/* .footer .left{width: 70%;height: 100%;background:url(../img/bg2.png)} */
.footer .top{text-align: center;margin-bottom: 1rem;}
.footer .top h3{font-size: 3rem;font-weight: bold;}
.footer .top p{font-size: 1.5rem;font-weight: bold;text-transform:uppercase;margin-top: 2rem;}
.footer .mid{display: flex;flex-wrap: wrap;box-sizing: border-box;padding: 2rem 0 .5rem 0;}
.footer .mid li{width: 33.33%;text-align: center;margin-bottom: 1.5rem;}
.footer .mid li a{font-size: 1.5rem;color: #666;}

.footer .bottom{width: 100%;background:url(../img/bg.png);height: 100%;box-sizing: border-box;padding: 1.5rem;}
.footer .bottom>div{display: flex;align-items: center;justify-content: space-between;}
.footer .bottom>div .right img{width: 6rem;height: 6rem;}
.footer .bottom .left{display: flex;align-items: center;}
.footer .bottom .left  img{margin-right: 1rem;}
.footer .bottom .left h3{color: #fff;font-size: 2.8rem;font-weight: bold;}
.footer .bottom .left p{color: #fff;font-size: 1.3rem;}
.footer .bottom>a{color: #fff;font-size: 1.3rem;margin-top: 2rem;display: inline-block;}
/* 底部 */