/* COMBO: filename = login-pop.css, type = text/css, resp = 200 */
html, body {-webkit-tap-highlight-color: rgba(0,0,0,0);}
#login-pop {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;max-width: 550px;right: 0;margin: 0 auto;}
.login-backer {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);opacity: 0;transition: opacity ease 0.4s;}
.close-login-pop {position: absolute;right: 0;bottom: -10%;padding: 0.1rem;transition: all cubic-bezier(0.29, 0.11, 0.38, 1.04) 0.45s}
.login-pop-wrap {height: 80%;position: absolute;bottom: -80%;left: 0;width: 100%;background: #ffffff;transition: all cubic-bezier(0.29, 0.11, 0.38, 1.04) 0.45s;}
.login-top-bg {height: 0.25rem;margin: 0.25rem auto 0.3rem;text-align: center;}
.login-top-bg img {height: 0.25rem;display: inline-block;}
.login-pop-main {width: 84%;margin: 0 auto;}
.login-pop-main div {position: relative;}
.login-input {width: 100%;display: block;height: 0.5rem;line-height: 0.5rem;border: none;margin-bottom: 0.15rem;text-indent: 0.2rem;background: #F8F8F8;border-radius: 0.05rem;font-size: 0.16rem;color: #333333;}
.login-pop-code {width: 2.0rem;}
.login-pop-main div p {position: absolute;right: 0;top: 0;line-height: 0.5rem;height: 0.5rem;color: #68C1F9;user-select: none;width: 1.0rem;text-align: center;background: rgba(44, 174,255, 0.1);border-radius: 0.05rem;font-size: 0.16rem;}
.login-pop-main button {width: 100%;height: 0.45rem;display: block;margin: 0.3rem auto 0.385rem;border-radius: 0.22rem;background: #2CAEFF;color: #ffffff;border: none;outline: none;font-size: 0.18rem;}
.login-pop-main button:hover {background: #149BEF;}
.login-pop-main div p.disabled-code,.login-pop-main div p.counting {color: #fff;background: #d3d3d3;}
.login-pop-way {position: relative;width: 84%;margin: 0 auto;text-align: center;}
.login-pop-way:after {content: '';width: 100%;height: 1px;background: #D8D8D8;display: block;position: absolute;left: 0;top: 0.08rem;}
.login-pop-way p {width: 46%;background: #ffffff;line-height: 0.16rem;display: inline-block;margin: 0 auto;font-size: 0.12rem;color: #C3C3C3;position: relative;z-index: 2;margin-bottom: 0.3rem;}
.login-pop-way a {display: inline-block;text-align: center;width: 0.6rem;height: 0.6rem;background: #D8D8D8;border-radius: 0.3rem;line-height: 0.6rem;overflow: hidden;}
.login-pop-way a i {font-size: 0.3rem;color: #ffffff;}
.login-pop-way a:hover {background: #2CAEFF;}

.toast-custom {padding: 0.1rem;border-radius: 0.08rem;background: rgba(0,0,0,0.7);color: #ffffff;text-align: center;position: fixed;left: 50%;top: 50%;;z-index: 999;}
.toast-custom i {font-size: 0.3rem;margin-bottom: 0.08rem;}
.toast-custom p {font-size: 0.18rem;line-height: 0.24rem;}
@keyframes bounceIn {
  0%,20%,40%,60%,80%,to {animation-timing-function: cubic-bezier(.215,.61,.355,1)}
  0% {opacity: 0;transform: scale3d(.3,.3,.3)}
  20% {transform: scale3d(1.1,1.1,1.1)}
  40% {transform: scale3d(.9,.9,.9)}
  60% {opacity: 1;transform: scale3d(1.03,1.03,1.03)}
  80% {transform: scale3d(.97,.97,.97)}
  to {opacity: 1;transform: scaleX(1)}
}
.bounceIn {animation-duration: .75s;animation-name: bounceIn;animation-direction: alternate;animation-fill-mode: both}

.privacyPolicy-hint{position: absolute;left: 0;right: 0;bottom: 0.62rem;text-align: center;margin-top: 0.2rem;font-size: 0.12rem;color: #666666;}
.privacyPolicy-hint2{position: relative;padding-bottom: 0.15rem;margin-top: -0.1rem; text-align: center;font-size: 0.12rem;color: #666666;}
.privacyPolicy-hint a,.privacyPolicy-hint2 a{color: #2caeff;}
.privacyPolicy-hint .iconfont,.privacyPolicy-hint2 .iconfont{margin-right: 0.04rem;color: #BBBBBB;font-size: 0.13rem;cursor: pointer;transition: 0.2s;}
.privacyPolicy-tips{display: none;position: absolute;top: -0.3rem;left: 0.56rem;font-size: 0.12rem;height: 0.23rem;line-height: 0.23rem;padding: 0 0.07rem;color: #FFFFFF;background: #7B8093;border-radius: 0.14rem;}
.privacyPolicy-tips::before{content: '';position: absolute;bottom: -0.1rem;left: 0.4rem;border: 0.05rem solid #7B8093;border-color:#7B8093 transparent transparent transparent;}
/* COMBO: filename = bindPhone.css, type = text/css, resp = 200 */
#bindPhone-main {width: 100%;height: 100%;left: 0;top: 0;z-index: 101;}
.bindPhone-bg {width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.4);}
.bindPhone-box {height: 4.03rem;width: 100%;left: 0;bottom: -4.03rem;background: #ffffff;transition: bottom ease-in-out 0.2s;}
.bindPhone-box-top {text-align: center;height: 0.52rem;margin-bottom: 0.05rem;}
.bindPhone-title {color: #333333;font-size: 0.16rem;height: 0.52rem;line-height: 0.52rem;}
.bindPhone-close {height: 0.52rem;line-height: 0.52rem;width: 0.52rem;right: 0;top: 0;cursor: pointer;text-align: center;}
.bindPhone-close i {color: #D8D8D8;font-size: 0.15rem;}
.w84 {width: 84%;margin: 0 auto;}
form {display: block;width: 100%;}
.bindPhone-inputs form {height: 0.5rem;margin-bottom: 0.15rem;}
.bindPhone-inputs input {display: inline-block;height: 100%;background: #F8F8F8;border-radius: 0.05rem;box-sizing: border-box;padding: 0.13rem 0.2rem;border: none;letter-spacing: 0.01rem;}
.bindPhone-inputs form input {display: block;width: 100%;}
.bindPhone-codeBox {width: 100%;height: 0.5rem;margin-bottom: 0.3rem;}
.bindPhone-codeBox input {width: 63.49%;float: left;}
.bindPhone-codeBox button {float: right;width: 31.75%;height: 100%;background: #ebf6fe;border-radius: 0.05rem;font-size: 0.16rem;color: #68C1F9;border: none;cursor: pointer;user-select: none;}
.bindPhone-codeBox button.disabled, .bindPhone-codeBox button.counting {opacity: 0.5;background: #2CAEFF;color: #ffffff;}
.bindPhone-button button {background: #2CAEFF;border-radius: 0.225rem;height: 0.45rem;width: 100%;display: block;margin-bottom: 0.38rem;font-size: 0.18rem;color: #FFFFFF;border: none;cursor: pointer;user-select: none;}
.bindPhone-button button.disabled {opacity: 0.5;background: #2CAEFF;color: #ffffff;}
.bindPhone-tips-top {height: 0.17rem;line-height: 0.17rem;text-align: center;position: relative;margin-bottom: 0.17rem;}

.bindPhone-tips-top p {display: inline-block;font-size: 0.12rem;color: #C3C3C3;}
.bindPhone-tips-top::before, .bindPhone-tips-top::after {content: '';width: 0.85rem;height: 1px;display: block;position: absolute;left: 0;top: 0.085rem;background: #d8d8d8;}
.bindPhone-tips-top::after {left: auto;right: 0;}
.bindPhone-tips p {width: 86.4%;margin: 0 auto;font-size: 0.12rem;color: #C3C3C3;line-height: 0.165rem;}