@charset "utf-8";

/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

button, input, textarea { font-size: 100%; vertical-align: middle; outline: none; border-radius: 0; -webkit-appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 100px; }

body { background: #f7f7f7; }

@media screen and (min-width: 360px) { html { font-size: 112.5px; } }

@media screen and (min-width: 375px) { html { font-size: 117.1875px; } }

@media screen and (min-width: 414px) { html { font-size: 129.375px; } }

@media screen and (min-width: 480px) { html { font-size: 150px; } }

@media screen and (min-width: 640px) { html { font-size: 200px; } }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; /*IE/7/6*/ }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #FFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #E6212A; }

.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #FFF; }

.fl { float: left; }

.fr { float: right; }

.al { text-align: left; }

.ac { text-align: center; }

.ar { text-align: right; }

.hide { display: none; }


.header-1 { background: #157c7c; height: 0.41rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 0.15rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }

.header-1 .back { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; left: 0.15rem; }

.header-1 .back a { display: block; width: 0.08rem; height: 0.145rem; background-image: url(../images/back.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }

.header-1 .nav-btn { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; right: 0.15rem; }

.header-1 .nav-btn button { width: 0.17rem; height: 0.125rem; background-image: url(../images/btn.png); background-size: 100% 100%; background-repeat: no-repeat; background-color: transparent; background-position: center center; border: 0; }

.header-1 .account { margin-right: 0.3rem; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; right: 0.15rem; }

.header-1 .account a { display: block; width: 0.15rem; height: 0.16rem; background-image: url(../images/login.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }

.header-1 .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #ffffff; font-size: 0.16rem; text-align: center; }

.sign-zc { color: #fff; font-size: 0.14rem; }

.header-2 { position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; }

.sign { padding: 0.69rem 0.15rem 0 0.15rem; height: 100%; background: #fff; box-sizing: border-box; }

.sign input { width: 100%; box-sizing: border-box; padding: 0 0.15rem; border: 1px solid #dadada; border-top-left-radius: 0.03rem; border-top-right-radius: 0.03rem; height: 0.4rem; font-size: 0.125rem; color: #000000; }

.sign input + input { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0.03rem; border-bottom-right-radius: 0.03rem; }

.sign .btn { margin-bottom: 0.15rem; }

.sign .btn a { display: block; width: 100%; background: #157c7c; height: 0.36rem; line-height: 0.36rem; text-align: center; color: #fff; border-radius: 0.035rem; margin-top: 0.15rem; font-size: 0.14rem; }

.sign .btn .button { display: block; width: 100%; background: #157c7c; height: 0.36rem; line-height: 0.36rem; text-align: center; color: #fff; border-radius: 0.035rem; margin-top: 0.15rem; font-size: 0.14rem; border: none; }

.register { padding: 0.69rem 0.15rem 0 0.15rem; height: 100%; background: #FFF; box-sizing: border-box; }

.register input { width: 100%; box-sizing: border-box; padding: 0 0.15rem; border: 1px solid #DADADA; height: 0.4rem; font-size: 0.125rem; margin-top: -1px; color: #000; }

.register input:first-child { border-top-left-radius: 0.03rem; border-top-right-radius: 0.03rem; }

.register input:nth-child(6) { border-bottom-left-radius: 0.03rem; border-bottom-right-radius: 0.03rem; }

.register select { width: 100%; box-sizing: border-box; padding: 0 0.15rem; border: 1px solid #DADADA; height: 0.4rem; font-size: 0.125rem; margin-top: -1px; color: #000; }


.register .btn { margin-bottom: 0.15rem; }

.register .btn a { display: block; width: 100%; background: #157c7c; height: 0.36rem; line-height: 0.36rem; text-align: center; color: #FFF; border-radius: 0.035rem; margin-top: 0.15rem; font-size: 0.14rem; }

.register .btn .button { display: block; width: 100%; background: #157c7c; height: 0.36rem; line-height: 0.36rem; text-align: center; color: #fff; border-radius: 0.035rem; margin-top: 0.15rem; font-size: 0.14rem; border: none; }