@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,section,canvas {
    padding: 0;
    margin: 0;
}
li{ list-style: none;}

html,body {
    color: #000;
    font-family: 'Arial';
    width: 100%;
    background: #FFFFFF;
}

.hide{ display: none;}

.banner{ background: url("../images/banner.jpg") no-repeat; width: 7.5rem; height: 3.68rem; box-shadow:0px 0.15rem 0.25rem #d2d2d2; background-size:100%}
.banner-title{ font-size: 0.3rem; color: #FFFFFF; padding: 3.05rem 0 0 2.7rem; }
.nav{ width: 5.5rem; height: 0.6rem; margin: 0.27rem auto 0.82rem auto;}
.nav-btn{ font-size: 0.26rem; color: #FFFFFF; background: url("../images/btn_1.png") no-repeat; background-size:100%; width: 2.5rem; height: 0.6rem; float: left; line-height: 0.6rem; text-align: center;}
.nav-btn:nth-of-type(1){margin-right: 0.5rem;  }
.nav-btn.on{ background: url("../images/btn_2.png"); background-size:100%}

.info-group{ margin-bottom: 2.2rem;}
.info{ margin:0 0 0.75rem 0.44rem; width: 6.18rem;}
.info:last-child{ margin-bottom: 0;}
.title{ width: 100%; height: 0.36rem; margin-bottom: 0.29rem;}
.title>div{ float: left;}
.line{ width: 0.07rem; height: 0.36rem; background: #27ae60; margin-right: 0.14rem;}
.titlename{ color: #27ae60; line-height: 0.36rem; font-size: 0.3rem;width: 5.9rem;}
.content{ margin-left: 0.22rem; color: #525252; font-size: 0.24rem;}

.qrbtn{ background: url("../images/qrbtn.png") no-repeat; background-size:100%; width: 2.66rem; height: 0.64rem; position: fixed; bottom: 0.55rem; left: 50%; margin-left: -1.33rem; color: #27ae60; font-size: 0.24rem;}
.qrbtn>div{ line-height: 0.64rem; padding-left: 0.2rem;}

p{ margin-bottom: 0.12rem; font-size: 0.24rem;}