@charset "UTF-8";

@import url(./mui.min.css);

@import url(./icon/iconfont.css);

@import url(./icon/iconfont1.css);

html {

  font-size: 62.5%;

  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;

}

@media only screen and (min-width: 320px) {

  html {

    font-size: 75% !important;

    /* 12梅16=73.4% */

  }

}

@media only screen and (min-width: 360px) {

  html {

    font-size: 84.375% !important;

    /* 12梅16=73.4% */

  }

}

@media only screen and (min-width: 375px) {

  html {

    font-size: 87.89063% !important;

    /* 14.0625梅16=73.2% */

  }

}

@media only screen and (min-width: 410px) {

  html {

    font-size: 97.03% !important;

    /* 15.525梅16=94% */

  }

}

@media only screen and (min-width: 480px) {

  html {

    font-size: 112.5% !important;

    /* 18梅16=94% */

  }

}

@media only screen and (min-width: 560px) {

  html {

    font-size: 131.25% !important;

    /* 21梅16=109% */

  }

}

@media only screen and (min-width: 640px) {

  html {

    font-size: 150% !important;

    /* 24梅16=125% */

  }

}

@media only screen and (min-width: 720px) {

  html {

    font-size: 168.75% !important;

    /* 27梅16=146.43% */

  }

}

@media only screen and (min-width: 750px) {

  html {

    font-size: 175.78125% !important;

    /* 28.125梅16=146.43% */

  }

}

@media only screen and (min-width: 800px) {

  html {

    font-size: 187.5% !important;

    /* 30梅16=146.43% */

  }

}

@media only screen and (min-width: 960px) {

  html {

    font-size: 100% !important;

    /* 36梅16=146.43% */

  }

}

* {

  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;

}

::-webkit-input-placeholder {

  font-size: 0.85333rem;

  color: #AAAAAA;

}

.imgR {

  border-radius: 0.71111rem;

}

button {

  transition: none;

  width: 3.91111rem;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  font-size: 0.99556rem;

  background-color: #f8f8f8;

  padding: 5px 11px 4px 11px;

  -webkit-transition-property: background-color;

  -webkit-transition-duration: 0.3s;

  -webkit-transition-timing-function: ease;

}

button:active {

  color: #fff !important;

  background-color: #E8E8E8 !important;

}

html {

  height: 100vh;

  width: 100vw;

  position: relative;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  background: #6D6D72;

}

body {

  height: 100vh;

  width: 100vw;

  position: relative;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  max-width: 600px;

  margin: 0 auto;

  -webkit-overflow-scrolling: touch;

}

body section {

  position: relative;

  height: 100vh;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}

body section #content {

  height: 100vh;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

  background-color: #e9e9e9;

}

body footer {

  border-top:1px solid #dedede;

  position: fixed;

  right: 0;

  bottom: 0;

  left: 0;

  max-width: 600px;

  height: 4.26667rem;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  margin: 0 auto;

  /*background-color: rgba(0, 0, 0, 0.9);*/

  background-color: #fdfdfd;

  z-index: 99;

}

body footer a {

  flex: 1;

  position: relative;

  font-size: 0.85333rem;

  color: #878c93;

  display: block;

  border-top: 0.71111rem solid transparent;

  border-bottom: 0.71111rem solid transparent;

  /*width: 20%;

  float: left;

  height: 4.26667rem;*/

}

body footer a i {

  display: block;

  height: 2.48889rem;

  width: 2.48889rem;

  position: absolute;

  top: 30%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  line-height: 2.48889rem;

  font-size: 1.42222rem !important;

  text-align: center;

  color: #878c93;

}

body footer a span {

  position: absolute;

  bottom: 0;

  left: 0;

  text-align: center;

  display: block;

  width: 100%;

  line-height: 0.85333rem;

}

body footer a:active {

  color: #fff;

}

body footer a:active i {

  color: #fff;

}

body footer .active {

  color: #ff7800;

}

body footer .active i {

  color: #ff7800;

}

.sticky {

  position: fixed;

  top: 0;

}

.no-padding {

  padding: 0 !important;

}

.no-border {

  border: 0 !important;

}

.toast-wrap {

  width: 100%;

  height: 100vh;

  position: fixed;

  z-index: 100;

  background-color: rgba(0, 0, 0, 0.5);

  top: 0;

  left: 0;

}

.toast-wrap ::-webkit-input-placeholder {

  font-size: 0.99556rem;

}

.toast-wrap button {

  border: 0;

}

.toast-wrap .toast-main {

  height: auto;

  width: auto;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  background: transparent;

}

.toast-wrap .toast-main .closeImg {

  height: 1.45778rem;

  width: 1.45778rem;

  position: absolute;

  top: 110%;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%); }

.toast-wrap .toast-main .img {

  height: auto;

  width: 75vw;

  max-width: 300px;

  display: block;

  position: relative;

}

.toast-wrap .toast-second {

  height: 26.66667rem;

  width: 21.33333rem;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  border-radius: 0.71111rem;

  background: white;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

}

.toast-wrap .toast-second img {

  height: 8.17778rem;

  width: 13.08444rem;

  position: absolute;

  top: -2.27556rem;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

}

.toast-wrap .toast-second .close {

  height: 2.09778rem;

  width: 1.45778rem;

  position: absolute;

  top: -2.09778rem;

  left: 0;

  transform: translateX(0%);

  -webkit-transform: translateX(0%);

}

.toast-wrap .toast-second .rule {

  margin: 0;

  font-size: 0.85333rem;

  color: #999;

  line-height: 1.5rem;

  width: 85%;

  position: absolute;

  bottom: 4.62222rem;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%); }

.toast-wrap .toast-second h2 {

  font-size: 1.49333rem;

  color: #ff5f5f;

  margin-top: 7.11111rem;

  text-align: center;

  width: 100%;

  margin-bottom: 1.6rem;

  font-weight: 900;

}

.toast-wrap .toast-second p {

  font-size: 0.99556rem;

  width: 17.42222rem;

  text-align: center;

  color: #000000;

  position: relative;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  line-height: 1.5rem;

}

.toast-wrap .toast-second input {

  outline: none;

  padding: 0;

  margin: 0;

  border: 0;

  height: 2.13333rem;

  width: 12.44444rem;

  font-size: 0.85333rem;

  color: #8e8e8e;

  line-height: 2.13333rem;

  text-align: center;

  position: relative;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  background: #eee;

  margin-top: 1.42222rem;

}

.toast-wrap .toast-second span {

  font-size: 0.85333rem;

  display: block;

  position: relative;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  text-align: center;

  color: #8e8e8e;

  margin-top: 0.53333rem;

}

.toast-wrap .toast-second button {

  background-color: #ff5f5f;

  border-radius: 0.71111rem;

  width: 19.2rem;

  height: 2.91556rem;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  color: white;

  font-size: 0.99556rem;

  bottom: 0.71111rem;

}

.toast-wrap #erweima {

  height: 18.48889rem;

  width: 21.33333rem;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  border-radius: 0.71111rem;

  background: white;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

  overflow: hidden;

}

.toast-wrap #erweima .present-head {

  flex: 130;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

  background-color: #ff7800;

  line-height: 4.62222rem;

  font-size: 1.70667rem;

  color: #fff;

  text-align: center;

}

.toast-wrap #erweima .present-code {

  flex: 266;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

}

.toast-wrap #erweima .present-code img {

  height: 8.53333rem;

  width: 17.77778rem;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.toast-wrap #erweima .present-code h1 {

  width: 100%;

  text-align: center;

  font-size: 1.13778rem;

  font-weight: 900;

  color: #ff5f5f;

  margin-top: 1.95556rem;

}

.toast-wrap #erweima .present-code .copy-code {

  height: 5.76rem;

  width: 19.62667rem;

  position: absolute;

  bottom: 1.24444rem;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  align-items: center;

}

.toast-wrap #erweima .present-code .copy-code .out {

  flex: 3;

  height: 100%;

  font-size: 0.99556rem;

  color: #222;

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  align-items: center;

  margin: 0;

}

.toast-wrap #erweima .present-code .copy-code aside {

  display: block;

  flex: 10;

  height: 100%;

  position: relative;

}

.toast-wrap #erweima .present-code .copy-code aside div {

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  font-size: 0.99556rem;

  color: #222;

  margin: 0;

  white-space: normal;

  word-break: break-all;

  overflow: hidden;

}

.toast-wrap #erweima .present-code .copy-code button {

  flex: 2;

  height: 50%;

  border: 0;

}

.toast-wrap #erweima .present-buttons {

  flex: 114;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

  border-top: 1px solid #eee;

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  overflow: hidden;

}

.toast-wrap #erweima .present-buttons button {

  flex: 1;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  outline: none;

  border: 0;

  border-radius: 0;

  font-size: 1.13778rem;

  color: #ff7800;

  font-weight: 900;

}

.toast-wrap #erweima .present-buttons button:nth-child(1) {

  border-right: 1px solid #eee;

}

.toast-wrap .toast-present {

  height: 13.51111rem;

  width: 21.33333rem;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  border-radius: 0.71111rem;

  background: white;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

  overflow: hidden;

}

.toast-wrap .toast-present .present-code {

  flex: 266;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

}

.toast-wrap .toast-present .present-code h1 {

  width: 100%;

  text-align: center;

  font-size: 1.13778rem;

  font-weight: 900;

  color: #ff5f5f;

  margin-top: 1.95556rem;

}

.toast-wrap .toast-present .present-code .copy-code {

  height: 5.76rem;

  width: 19.62667rem;

  position: absolute;

  bottom: 0.24444rem;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  align-items: center;

}

.toast-wrap .toast-present .present-code .copy-code .out {

  flex: 3;

  height: 100%;

  font-size: 0.99556rem;

  color: #222;

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  align-items: center;

  margin: 0;

}

.toast-wrap .toast-present .present-code .copy-code aside {

  display: block;

  flex: 10;

  height: 100%;

  position: relative;

}

.toast-wrap .toast-present .present-code .copy-code aside div {

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  font-size: 0.99556rem;

  color: #222;

  margin: 0;

  white-space: normal;

  word-break: break-all;

  overflow: hidden;

}

.toast-wrap .toast-present .present-code .copy-code button {

  border: 1px solid #eee;

  flex: 2;

  height: 50%;

  border: 0;

}

.toast-wrap .toast-present .present-buttons {

  flex: 114;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

  border-top: 1px solid #eee;

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  overflow: hidden;

}

.toast-wrap .toast-present .present-buttons button {

  flex: 1;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  outline: none;

  border: 0;

  border-radius: 0;

  font-size: 1.13778rem;

  color: #ff7800;

  font-weight: 900;

  -webkit-transition-property: background-color;

  -webkit-transition-duration: 0.3s;

  -webkit-transition-timing-function: ease; }

.toast-wrap .toast-present .present-buttons button:active {

  color: #fff;

}

.toast-wrap .toast-present .present-buttons button:nth-child(1) {

  border-right: 1px solid #eee;

}

.toast-wrap .toast-rule {

  height: auto;

  width: 21.33333rem;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  border-radius: 0.71111rem;

  background: white;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

  overflow: hidden;

}

.toast-wrap .toast-rule div:nth-child(1) {

  height: auto;

  width: 100%;

  border-left: 1.06667rem solid transparent;

  border-right: 1.06667rem solid transparent;

  position: relative;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

}

.toast-wrap .toast-rule div:nth-child(1) div:nth-child(1) {

  height: 3.2rem;

  width: 100%;

  position: relative;

  font-size: 1.13778rem;

  color: #222222;

  text-align: center;

  line-height: 3.2rem;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

}

.toast-wrap .toast-rule div:nth-child(1) div:nth-child(2) {

  height: auto;

  width: 100%;

  border: 0;

  font-size: 0.99556rem;

  color: #999;

  text-align: center;

  line-height: 1.5rem;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

}

.toast-wrap .toast-rule div:nth-child(1) div:nth-child(3) {

  height: auto;

  width: 100%;

  border: 0;

  font-size: 0.85333rem;

  color: #999;

  text-align: center;

  line-height: 1.5rem;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

}

.toast-wrap .toast-rule div:nth-child(1) div:nth-child(4) {

  height: auto;

  width: 100%;

  border: 0;

  font-size: 0.85333rem;

  color: #999;

  text-align: center;

  line-height: 1.5rem;

  position: relative;

  margin-bottom: 0.56889rem;

}

.toast-wrap .toast-rule div:nth-child(2) {

  height: 3.98222rem;

  width: 100%;

  border-top: 1px solid #eee;

  position: relative;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

}

.toast-wrap .toast-rule div:nth-child(2) button {

  flex: 1;

  border-radius: 0;

  width: 100%;

  border: 0;

  color: #ff7800;

  font-size: 1.13778rem;

  font-weight: 900;

}

.toast-wrap .toast-copy {

  height: 9.24444rem;

  width: 21.33333rem;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  border-radius: 0.71111rem;

  background: white;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

  overflow: hidden;

}

.toast-wrap .toast-copy div:nth-child(1) {

  flex: 148;

  position: relative;

}

.toast-wrap .toast-copy div:nth-child(1) div {

  font-size: 1.13778rem;

  font-weight: 900;

  color: #222;

  width: 100%;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

}

.toast-wrap .toast-copy div:nth-child(2) {

  flex: 112;

  border-top: 1px solid #eee;

  position: relative;

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

}

.toast-wrap .toast-copy div:nth-child(2) button {

  flex: 1;

  border-radius: 0;

  border: 0;

  color: #ff7800;

  height: 100%;

  width: 100%;

  height: auto;

  font-size: 1.13778rem;

  font-weight: 900;

}

.toast-wrap .toast-copy div:nth-child(2) button:nth-child(1) {

  border-right: 1px solid #eee; }

.toast-wrap .toast-login, .toast-wrap .toast-login-phone {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  border: 10px transparent solid;

  border-left: 1.06667rem transparent solid;

  border-right: 1.06667rem transparent solid;

  border-bottom: 2.38222rem transparent solid;

  position: fixed;

  z-index: 10001;

  top: 50%;

  left: 50%;

  overflow: hidden;

  background-color: #fff;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  min-height: 3.55556rem;

  border-radius: 0.71111rem;

  height: auto;

  width: 85%;

  box-shadow: 1px 1px 18px 2px rgba(0, 0, 0, 0.5);

}

.toast-wrap .toast-login .close, .toast-wrap .toast-login-phone .close {

  height: 1.42222rem;

  width: 1.42222rem;

  position: absolute;

  top: 0.53333rem;

  right: 0;

  background-image: url(../img/XXX.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-size: 1.42222rem 1.42222rem;

}

.toast-wrap .toast-login .login-header, .toast-wrap .toast-login-phone .login-header {

  height: 5.68889rem;

  width: 100%;

  font-size: 1.13778rem;

  color: #222;

  text-align: center;

  line-height: 5.68889rem;

}

.toast-wrap .toast-login .login-functions, .toast-wrap .toast-login-phone .login-functions {

  height: auto;

  width: 100%;

  position: relative;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

}

.toast-wrap .toast-login .login-functions .login-functions-title, .toast-wrap .toast-login-phone .login-functions .login-functions-title {

  height: 2.48889rem;

  width: 100%;

  position: relative;

}

.toast-wrap .toast-login .login-functions .login-functions-title h1, .toast-wrap .toast-login-phone .login-functions .login-functions-title h1 {

  display: block;

  height: 100%;

  width: 100%;

  line-height: 2.48889rem;

  font-size: 0.85333rem;

  color: #999;

  text-align: center;

  margin: 0;

  background: #fff;

  z-index: 10;

  text-align: center;

  width: 8.88889rem;

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

}

.toast-wrap .toast-login .login-functions .login-functions-title span, .toast-wrap .toast-login-phone .login-functions .login-functions-title span {

  display: block;

  border-bottom: 1px solid #eee;

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

}

.toast-wrap .toast-login .login-functions .login-functions-footer, .toast-wrap .toast-login-phone .login-functions .login-functions-footer {

  height: 6.4rem;

  position: relative;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  margin-top: 0.35556rem;

}

.toast-wrap .toast-login .login-functions .login-functions-footer div, .toast-wrap .toast-login-phone .login-functions .login-functions-footer div {

  flex: 1;

  position: relative;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

}

.toast-wrap .toast-login .login-functions .login-functions-footer div aside, .toast-wrap .toast-login-phone .login-functions .login-functions-footer div aside {

  flex: 1;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  position: relative;

  border-radius: 100%;

}

.toast-wrap .toast-login .login-functions .login-functions-footer div span, .toast-wrap .toast-login-phone .login-functions .login-functions-footer div span {

  height: 1.77778rem;

  width: 100%;

  font-size: 0.85333rem;

  color: #999;

  text-align: center;

  line-height: 1.77778rem;

}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(1) > aside, .toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(1) > aside {

  background: url("../img/weixin.png") no-repeat 50% 50%;

  background-size: 3.55556rem; }

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(2) > aside, .toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(2) > aside {

  background: url("../img/qq.png") no-repeat 50% 50%;

  background-size: 3.55556rem;

}

.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(3) > aside, .toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(3) > aside {

  background: url("../img/phone.png") no-repeat 50% 50%;

  background-size: 3.55556rem;

}

/*.toast-wrap .toast-login .login-functions .login-functions-footer div:nth-child(4) > aside, .toast-wrap .toast-login-phone .login-functions .login-functions-footer div:nth-child(4) > aside {

  background: url("../img/phone.png") no-repeat 50% 50%;

  background-size: 3.55556rem; }*/

.toast-wrap .toast-login .login-footer, .toast-wrap .toast-login-phone .login-footer {

  height: 5.68889rem;

  width: 100%;

  font-size: 0.85333rem;

  color: #999;

  text-align: center;

  line-height: 5.68889rem;

}

.toast-wrap #captcha-box {

  height: auto;

  width: 100%;

  position: relative;

  margin: 0.35556rem auto; }

.toast-wrap #captcha-box div {

  min-width: 0;

}

.toast-wrap .toast-login-phone .login-phone {

  height: auto;

  width: 100%;

  position: relative;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

}

.toast-wrap .toast-login-phone .login-phone .phone-login,

.toast-wrap .toast-login-phone .login-phone .phone-number,

.toast-wrap .toast-login-phone .login-phone .fg-and-reg,

.toast-wrap .toast-login-phone .login-phone .phone-code {

  height: 2.84444rem;

  width: 100%;

  position: relative;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  margin: 0.35556rem auto;

  display: flex;

  display: -webkit-flex;

  flex-direction: row;

  align-items: center;

}

.toast-wrap .toast-login-phone .login-phone .phone-login span,

.toast-wrap .toast-login-phone .login-phone .phone-number span,

.toast-wrap .toast-login-phone .login-phone .fg-and-reg span,

.toast-wrap .toast-login-phone .login-phone .phone-code span {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  justify-content: center;

  font-size: 0.85333rem;

  text-align: center;

  color: #999;

  padding-right: 1rem;

}

.toast-wrap .toast-login-phone .login-phone .phone-login aside,

.toast-wrap .toast-login-phone .login-phone .phone-number aside,

.toast-wrap .toast-login-phone .login-phone .fg-and-reg aside,

.toast-wrap .toast-login-phone .login-phone .phone-code aside {

  position: relative;

  height: 100%;

  border: 1px solid #eee;

  border-radius: 0.28444rem;

}

.toast-wrap .toast-login-phone .login-phone .phone-login aside .icon,

.toast-wrap .toast-login-phone .login-phone .phone-number aside .icon,

.toast-wrap .toast-login-phone .login-phone .fg-and-reg aside .icon,

.toast-wrap .toast-login-phone .login-phone .phone-code aside .icon {

  height: 2.84444rem;

  width: 1.77778rem;

  position: absolute;

  top: 0;

  left: 0.85333rem;

  font-size: 0.99556rem;

  text-align: center;

  color: #AAA;

  line-height: 2.84444rem;

}

.toast-wrap .toast-login-phone .login-phone .phone-login aside input,

.toast-wrap .toast-login-phone .login-phone .phone-number aside input,

.toast-wrap .toast-login-phone .login-phone .fg-and-reg aside input,

.toast-wrap .toast-login-phone .login-phone .phone-code aside input {

  height: 100%;

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  margin: 0;

  padding: 0;

  text-indent: 3rem;

  font-size: 1.13778rem;

  color: #222;

  border: 0;

  outline: none;

  background: transparent;

}

.toast-wrap .toast-login-phone .login-phone .phone-number span {

  flex: 1;

}

.toast-wrap .toast-login-phone .login-phone .phone-number aside {

  flex: 3;

}

.toast-wrap .toast-login-phone .login-phone .phone-code span {

  flex: 1;

}

.toast-wrap .toast-login-phone .login-phone .phone-code aside {

  flex: 3;

}

.toast-wrap .toast-login-phone .login-phone .phone-code aside input {

  width: 70%;

}

.toast-wrap .toast-login-phone .login-phone .phone-code button {

  position: absolute;

  top: 50%;

  right: 0.85333rem;

  transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%);

  height: 70%;

  width: auto;

  border: 1px solid #ff7800;

  color: #ff7800;

  background-color: transparent;

  transition: none;

}

.toast-wrap .toast-login-phone .login-phone .phone-code button:hover {

  background: none;


}

.toast-wrap .toast-login-phone .login-phone .phone-login {

  height: 4.26667rem;

}

.toast-wrap .toast-login-phone .login-phone .phone-login button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  /*background-color: #ff7800;*/

  background-color: #ff7800;

  color: #fff;

  width: 100%;

  height: 70%;

}

.toast-wrap .toast-login-phone .login-phone .phone-login span:nth-last-child(1) {

  display: block;

  position: absolute;

  right: 0;

  bottom: 0;

  color: #ff7800;

}

.toast-wrap .toast-login-phone .login-phone .fg-and-reg {

  height: 1.06667rem;

  width: 100%;

  position: relative;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  margin: 0.35556rem 0;

  margin-top: 0;

}

.toast-wrap .toast-login-phone .login-phone .fg-and-reg .fg {

  height: auto;

  width: auto;

  margin: 0;

  position: absolute;

  top: 0;

  left: 0;

  font-size: 0.85333rem;

  color: #ff7800;

  /*color: #ff7800;*/

}

.toast-wrap .toast-login-phone .login-phone .fg-and-reg .reg {

  height: auto;

  width: auto;

  margin: 0;

  position: absolute;

  top: 0;

  right: 0;

  font-size: 0.85333rem;

  text-align: right;

  color: #ff7800;

  /*color: #ff7800;*/

}

.an-button {

  width: 89.33333%;

  height: 2.91556rem;

  background-color: #ff7800;

  font-size: 1.13778rem;

  color: white;

  left: 50%;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  margin: 1.35111rem auto;

}



.bt-md {

  border-top: 0.35556rem solid #eee;

}



.footerBlock {

  position: relative;

  height: 4.26667rem;

  width: 100%;

  background: transparent;

}



.headTop {

  position: relative;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  height: 3.27111rem;

  width: 100%;

  border-bottom: 1px solid #eee;

  background: url(../img/btn_top_back.png) no-repeat 0.85333rem 50%;

  background-size: 0.60444rem 1.06667rem;

  background-color: #fff;

}

.headTop .left {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 2.84444rem;

}

.headTop .title {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  font-size: 1.13778rem;

  color: #666;

}

.headTop .right {

  position: absolute;

  top: 50%;

  right: 1.06667rem;

  transform: translate(0%, -50%);

  -webkit-transform: translate(0%, -50%);

  font-size: 0.92444rem;

  color: #333;

}

.headTop .right img {

  display: block;

  height: 1.6rem;

  width: 1.6rem;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translate(0%, -50%);

  -webkit-transform: translate(0%, -50%);

}

#A {

  font-size: 1.13778rem;

  color: #FFF;

  background: #ff7800;

  border-radius: 0.35556rem;

  height: 2.91556rem;

  width: 10.66667rem;

  line-height: 2.91556rem;

  text-align: center;

  position: absolute;

  top: 60%;

  left: 50%;

  transform: translate(-50%, 0%);

  -webkit-transform: translate(-50%, 0%);

}

#B {

  font-size: 0.85333rem;

  color: #aca8a8;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

}

.footerBox {

  width: 100%;

  height: 5rem;

  padding-top: 0.35rem;

  z-index: 8;

  position: inherit;

  background: #000;

  text-align: center;

}

.footerBox p {

  font-size: 0.85333rem;

  margin-top: 0;

  margin-bottom: 0;

  color: #999;

}