html,body{
    width: 100%;

}
body{
    background-color: #f0eff5;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.waitactive {
    height:2.5rem;
    padding:7% 5% 0 5%; 
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.waitactive h5{
    font-size:0.34rem;
    text-align:center;
    font-weight:bold;
}
.waitactive p{
    font-size:0.28rem;
    text-align:center;
    margin-top:5%;
}
.activemethod{
    color:#8b8a8f;
    font-size:0.26rem;
    padding:0 4%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
/* input{    
    width: 92%;    
    height:1rem;
    border-radius:0.18rem;
    background-color: #0067e7;
    color:#fff;
    text-align:center;
    font-size:0.3rem;
    position:fixed;
    bottom:0.5rem;
    left:50%;
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
} */
.back {
    width: 92%;    
    height:1rem;
    border-radius:0.18rem;
    background-color: #0067e7;
    color:#fff;
    text-align:center;
    font-size:0.3rem;
    position: relative;
    bottom: 0.2rem;
    left:50%;
    top: 0.2rem; 
    transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
}
.scanbutton{   
    height:0.5rem; 
    width: 2rem;  
    border-radius:0.1rem;
    background-color: #0067e7;
    color:#fff;
    text-align:center;
    font-size:0.3rem;    
    /* transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0); */
}
.alreadyactive {
    top: 0.25rem; 
    position: relative;
}
.alreadyactive li{
    width: 100%;
    background-color: #fff;
    height:1.7rem;
    padding:3% 4%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border: 0.04rem solid #f0eff5; /*body's background color*/
    border-left-color: #fff;
    border-right-color: #fff;
    border-top-color: #fff;
}

.alreadyactive li h4{
    /* display:flex;
    display:-webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between; */
    font-size:0.31rem;
    line-height:0.5rem;
}
.alreadyactive li h4 s{
    text-decoration: none;
    color:#ff7700;
}
.alreadyactive li p{
    font-size:0.24rem;
    line-height: 0.4rem;
    color:#8e8e8e;
}
.allactive {
    background:url('../images/allactive.jpg') no-repeat center 20%;
    height:5rem;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding-top:50%;
}
.allactive p{
    font-size:0.36rem;
    text-align:center;
    font-weight:bold;
}
.thankswords{
    padding:2% 4%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-size:0.23rem;
    color:#99989d;
    position: relative;
    top: 0.25rem; 
}
.inactivated{
    display: flex; 
    display: -webkit-flex; 
    justify-content: space-between;
    -webkit-justify-content: space-between; 
    flex-direction: row; 
    -webkit-flex-direction: row; 
    align-items: center;
}
.inactivated .left{
    /* background-color: #ff7700; */

}
.inactivated .right{
    /* background-color:#8e8e89; */
  
}
.activated{
    display: flex; 
    display: -webkit-flex; 
    justify-content: space-between;
    -webkit-justify-content: space-between; 
    flex-direction: row; 
    -webkit-flex-direction: row; 
    align-items: center;
}
.activated .right{
    padding-right: 0.52rem;
}
.activated_text{
    text-decoration: none;
    color:#ff7700;
    font-size:0.31rem;
    line-height:0.5rem;
}
body .msg{
    border-radius:0!important;
    color:#fff;
    width:90%!important;

}
body .layui-m-layer .layui-m-layer-msg.msg{
    bottom: 3rem;
}
body .msg .layui-m-layercont{
    padding:5%;
    font-size:1.0rem;
    text-align: center;
}
body .msg .layui-m-layercont h2{
    font-size:1.4rem;
    text-align: left;
    color:#fff;
    padding:0;
}
body .msg .layui-m-layercont p{
    color:#fff;
    text-align: left;
    padding-top:0;
}

.layui-m-layer0 .layui-m-layerchild.invalidactive{
    width: auto;
}
.layui-m-layerchild.invalidactive {
    border-radius:0.4rem;
    border:2px solid rgba(255,255,255,0.1);
    margin-top:30%;
}
.invalidactive .layui-m-layercont{
    font-size:0.35rem;
    padding:0.2rem 0.1rem;
    color:#fff;
}
.layui-m-layer0 .layui-m-layerchild.invalidactive{
    background-color:#0067e7;
}