html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

.login-center {
    margin: auto;
    width: 3.45em
}

.login-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    position: fixed;
    /* font-size: calc(100vw/7888.5)!i; */
    font-size: calc(100vw/3.75);
    z-index: 1000000;
    top: 0;
}



.login-close {
    position: absolute;
    right: -.4em;
    top: .12em;
    width: .4em;
    height: .4em;
    background: url("../img_home/close.png") center center no-repeat;
    background-size: 100% auto;
    cursor: pointer
}

.phoneicon {
    color: #f29947;
    font-size: .15em;
    display: flex;
    align-items: center;
    padding: 0 .1em;
    border-right: 1px solid #f29947;
    width: 3.2em;
    margin-right: .1em;
    height: 2em;
}



.btn {
    width:1.93rem;
    height: 0.62rem;
  
    font-size: .16em;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: url(../img_home/login-btn.png) center center no-repeat;
    background-size: cover;
}

.btnMar,
.btnMarReg {
    margin: 1.5em auto .72em;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.btn.disable {
    
}

input,
img,
fieldset {
    border: none
}

input,
input:focus,
input:active {
    user-select: text
}

input,
select,
fieldset {
    vertical-align: middle
}

input {
    -webkit-user-modify: read-write-plaintext-only
}
.login-top {
    width: 100%;
    height: 0.62em;
}

.phoneText {
    width:6rem;
    height: 0.65rem;
    box-sizing: border-box;
    padding:0 0 0 .65em;
}

.phoneText input {
     font-size: 16px;
    width:4.5rem;
     background: url("../img_home/login-phone.png") center center no-repeat;
     height: 0.65rem;
     display: block;
     background-size: cover;
     padding-left: 0.2rem;
    
}

.codebox input {
    
     background: url("../img_home/login-code.png") center center no-repeat;
    background-size: cover;
}


.phoneText input::placeholder {
  color: #ffffffdc;
  font-size: 14px;
}

#input_copy,#input_gift{
    font-size: 12px;
}

.phoneText a,
.phoneText .recount {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    background: url(../img_home/login-btnbg.png) center center no-repeat;
    background-size: cover;
    width: 1.2632rem;
    height: 0.65rem;
    line-height: 0.65rem;
    float: right;
    vertical-align: middle;
    text-align: center;
    font-size: 12px !important;
}

.phoneText a.disable {
    color: #F7C291
}
.phoneText input.phoneCode {
    width: 67%;
    float: left;
   
}
.login-item a {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #f29947
}

.login-item a.login-item-middle {
    color: #999
}




.login-item {
    display: flex;
    justify-content: space-between;
    font-size: .13em;
    width: 23.5em;
    margin: 0 auto 1.2em;
}

.login-tips {
    font-size: .11em;
    text-align: center;
    display: flex;
    align-items: center;
    width: 27.5em;
    margin: 0 auto;
    color: #999;
    line-height: .2em
}

.login-tips a {
    color: #999
}

.login-container {
    width: 6.4rem;
    height: 4.8rem;
    padding-bottom: .24em;
    /* background: #fafafa; */
      display: inline-block;
    background: url(../img_home/login-bg.png)  center center no-repeat;
    background-size: cover;
    position: fixed;
    margin: 0vw 3.8vw;
    top: 40vw;
    z-index: 9999;
}

.login-enjoy .login-container{
     background: url(../img_home/login-bg2.png)  center center no-repeat;
    background-size: cover;
}
.login-giftcode .login-container{
     background: url(../img_home/login-bg3.png)  center center no-repeat;
    background-size: cover;
}

.login-content {
    padding-top: .24em
}

.mt8 {
    margin-top: .12em;
}



.whitebg {
    background: #fff;
}

.user-center-top {
    width: 100%;
    height: 2.98em;
    font-size: .15em;
    font-weight: bold;
    color: #333333;
    position: relative;
    text-align: center;
    background: #fff;
    box-sizing: border-box
}

.user-center-top.hasBorder {
    border-bottom: .01em solid #e3e3e3;
}

.privacy-content {
    height: 3em;
    width: 100%;
    overflow: auto
}

.privacy-content.link-content {
    height: 3.2em;
}

.center-title {
    position: absolute;
    top: 1.1em;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    white-space: nowrap
}


.mint-toast-text {
    font-size: 4vw;
    line-height: 5vw;
    display: block;
    text-align: center
}

.mint-toast {
    position: fixed;
    max-width: 80%;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    z-index: 1000;
    transition: opacity .3s linear
}

.mint-toast.is-placemiddle {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999999;
}