*{
    padding: 0;
    margin:0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei"
}


 /* 推广员注册 -- 游戏推广员绑定 */
 @media (max-width: 320px) {
    .container{
        width:100%;
        height: 660px;
        overflow: hidden;
        padding-bottom:50px;
        background-color: #ffcc00 !important;
    }
    .contentInfo{
        margin:165px auto 0;
        overflow: hidden;
        width:90%;
        height:100%;
    }
    .contentInfoIMG{
        width:90%;
        margin: 80px auto 0;
    }
    .contentInfoIMG img{
        width:100%;
    }
    .formClass{
        padding:10px 15px 0;
        overflow: hidden;
    }
    .formClass div{
        margin:5px auto 0px;
        overflow: hidden;
        position: relative;
    }
    .formClass div input{
        display: inline-block;
        padding:0 20px;
        width:100%;
        border:none;
        color:#a2a19e;
        background-color:#fff4cb;
        height:35px;
        line-height:35px;
        border-radius: 7px;
    }
    .formClass div .Password{
        padding:0 50px 0 20px;
    }
    .formClass div .verificationCode{
        padding:0 105px 0 20px;
    }
    .formClass div button{
        position: absolute;
        right:20px;
        top:50%;
        z-index:999;
        transform:translate(0,-50%);
        border:none;
        background-color:rgba(0,0,0,0);
        font-size:13px;
        color:#000;
        border:none;
        background-color:rgba(0,0,0,0)
    }
    .formClass div img{
        position: absolute;
        right:15px;
        top:50%;
        z-index:999;
        width:20px;
        transform:translate(0,-50%)
    }
    .formClass div span{
        display: inline-block;
        width:49%;
        height:25px;
        line-height:25px;
        text-align: left;
        color:#bbb9b5;
        font-size:8px;
        letter-spacing:0.5px;
        white-space:nowrap;
        -webkit-transform-origin-x: 0; 
        -webkit-transform: scale(0.9);  
    }
    .formClass div span:nth-child(2){
        text-align: right;
        color:#9a6214;
    }
    .addNew{
        margin: 0 auto 0px !important
    }
    .addAcc{
        float:right !important;
        text-align: right !important;
        color:#9a6214 !important
    }
    .buttonList{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top:7px;
    }
    .buttonList .buttonClass{
        border: none;
        background-color:#ffcc00;
        width:90%;
        border-radius: 5px;
        height:50px;
        line-height: 50px;
        text-align:center;
        font-size:15px;
        color:#000;
        box-shadow:0 1px #b87100;
    }
    .tier{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background-color:rgba(0,0,0,0.7)
    }
    .tier > img{
       width:250px;
       float:right;
       margin:15px 20px 0 0;
    }
 }
@media (min-width: 320px) and (max-width: 359px){ 
    .container{
        width:100%;
        height: 660px;
        overflow: hidden;
        padding-bottom:50px;
        background-color: #ffcc00 !important;
    }
    .contentInfo{
        margin:165px auto 0;
        overflow: hidden;
        width:90%;
        height:100%;
    }
    .contentInfoIMG{
        width:90%;
        margin: 80px auto 0;
    }
    .contentInfoIMG img{
        width:100%;
    }
    .formClass{
        padding:10px 15px 0;
        overflow: hidden;
    }
    .formClass div{
        margin:5px auto 0px;
        overflow: hidden;
        position: relative;
    }
    .formClass div input{
        display: inline-block;
        padding:0 20px;
        width:100%;
        border:none;
        color:#a2a19e;
        background-color:#fff4cb;
        height:35px;
        line-height:35px;
        border-radius: 7px;
    }
    .formClass div .Password{
        padding:0 50px 0 20px;
    }
    .formClass div .verificationCode{
        padding:0 105px 0 20px;
    }
    .formClass div button{
        position: absolute;
        right:20px;
        top:50%;
        z-index:999;
        transform:translate(0,-50%);
        border:none;
        background-color:rgba(0,0,0,0);
        font-size:13px;
        color:#000;
        border:none;
        background-color:rgba(0,0,0,0)
    }
    .formClass div img{
        position: absolute;
        right:15px;
        top:50%;
        z-index:999;
        width:20px;
        transform:translate(0,-50%)
    }
    .formClass div span{
        display: inline-block;
        width:49%;
        height:25px;
        line-height:25px;
        text-align: left;
        color:#bbb9b5;
        font-size:8px;
        letter-spacing:0.5px;
        white-space:nowrap;
        -webkit-transform-origin-x: 0; 
        -webkit-transform: scale(0.9);  
    }
    .formClass div span:nth-child(2){
        text-align: right;
        color:#9a6214;
    }
    .addNew{
        margin: 0 auto 0px !important
    }
    .addAcc{
        float:right !important;
        text-align: right !important;
        color:#9a6214 !important
    }
    .buttonList{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top:7px;
    }
    .buttonList .buttonClass{
        border: none;
        background-color:#ffcc00;
        width:90%;
        border-radius: 5px;
        height:50px;
        line-height: 50px;
        text-align:center;
        font-size:15px;
        color:#000;
        box-shadow:0 1px #b87100;
    }
    .tier{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background-color:rgba(0,0,0,0.7)
    }
    .tier > img{
       width:250px;
       float:right;
       margin:15px 20px 0 0;
    }
 }
@media (min-width: 360px) and (max-width: 374px){ 
    .container{
        width:100%;
        height: 748px;
        overflow: hidden;
        padding-bottom:50px;
        background-color: #ffcc00 !important;
    }
    .contentInfo{
        margin:211px auto 0;
        overflow: hidden;
        width:90%;
        height:100%;
    }
    .contentInfoIMG{
        width:90%;
        margin: 100px auto 0;
    }
    .contentInfoIMG img{
        width:100%;
    }
    .formClass{
        padding:5px 15px 0;
        overflow: hidden;
    }
    .formClass div{
        margin:10px auto 0px;
        overflow: hidden;
        position: relative;
    }
    .formClass div input{
        display: inline-block;
        padding:0 20px;
        width:100%;
        border:none;
        color:#a2a19e;
        background-color:#fff4cb;
        height:45px;
        line-height:45px;
        border-radius: 7px;
    }
    .formClass div .Password{
        padding:0 50px 0 20px;
    }
    .formClass div .verificationCode{
        padding:0 105px 0 20px;
    }
    .formClass div button{
        position: absolute;
        right:20px;
        top:50%;
        z-index:999;
        transform:translate(0,-50%);
        border:none;
        background-color:rgba(0,0,0,0);
        font-size:13px;
        color:#000;
        border:none;
        background-color:rgba(0,0,0,0)
    }
    .formClass div img{
        position: absolute;
        right:15px;
        top:50%;
        z-index:999;
        width:20px;
        transform:translate(0,-50%)
    }
    .addNew{
        margin: 0 auto 0px !important
    }
    .addAcc{
        float:right !important;
        text-align: right !important;
        color:#9a6214 !important
    }
    .formClass div span{
        display: inline-block;
        width:49%;
        height:25px;
        line-height:25px;
        text-align: left;
        color:#bbb9b5;
        font-size: 12px;
    }
    .formClass div span:nth-child(2){
        text-align: right;
        color:#9a6214;
    }
    .buttonList{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top:7px;
    }
    .buttonList .buttonClass{
        border: none;
        background-color:#ffcc00;
        width:90%;
        border-radius: 5px;
        height:50px;
        line-height: 50px;
        text-align:center;
        font-size:15px;
        color:#000;
        box-shadow:0 1px #b87100;
    }
    .tier{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background-color:rgba(0,0,0,0.7)
    }
    .tier > img{
       width:250px;
       float:right;
       margin:15px 20px 0 0;
    }
 }
@media (min-width: 375px) and (max-width: 411px){ 
    .container{
        width:100%;
        height: 812px;
        overflow: hidden;
        background-color: #ffcc00 !important;
        padding-bottom:50px;
    }
    
    .contentInfo{
        margin:193px auto 0;
        overflow: hidden;
        width:90%;
        height:100%;
    }
    .contentInfoIMG{
        width:90%;
        margin: 100px auto 0;
    }
    .contentInfoIMG img{
        width:100%;
    }
    .formClass{
        padding:10px 15px 0;
        overflow: hidden;
    }
    .formClass div{
        margin:10px auto 0px;
        overflow: hidden;
        position: relative;
    }
    .formClass div input{
        display: inline-block;
        padding:0 20px;
        width:100%;
        border:none;
        color:#a2a19e;
        background-color:#fff4cb;
        height:45px;
        line-height:45px;
        border-radius: 7px;
    }
    .formClass div .Password{
        padding:0 50px 0 20px;
    }
    .formClass div .verificationCode{
        padding:0 105px 0 20px;
    }
    .formClass div button{
        position: absolute;
        right:20px;
        top:50%;
        z-index:999;
        transform:translate(0,-50%);
        border:none;
        background-color:rgba(0,0,0,0);
        font-size:13px;
        color:#000;
        border:none;
        background-color:rgba(0,0,0,0)
    }
    .formClass div img{
        position: absolute;
        right:15px;
        top:50%;
        z-index:999;
        width:20px;
        transform:translate(0,-50%)
    }
    .formClass div span{
        display: inline-block;
        width:49%;
        height:25px;
        line-height:25px;
        text-align: left;
        color:#bbb9b5;
        font-size: 12px;
    }
    .formClass div span:nth-child(2){
        text-align: right;
        color:#9a6214;
    }
    .addNew{
        margin: 0 auto 0px !important
    }
    .addAcc{
        float:right !important;
        text-align: right !important;
        color:#9a6214 !important
    }
    .buttonList{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top:7px;
    }
    .buttonList .buttonClass{
        border: none;
        background-color:#ffcc00;
        width:90%;
        border-radius: 5px;
        height:50px;
        line-height: 50px;
        text-align:center;
        font-size:15px;
        color:#000;
        box-shadow:0 1px #b87100;
    }
    .tier{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background-color:rgba(0,0,0,0.7)
    }
    .tier > img{
       width:250px;
       float:right;
       margin:15px 20px 0 0;
    }
}
@media (min-width: 411px) { 
    .container{
        width:100%;
        height: 812px;
        overflow: hidden;
        background-color: #ffcc00 !important;
        padding-bottom:50px;
    }
    
    .contentInfo{
        margin:212px auto 0;
        overflow: hidden;
        width:90%;
        height:100%;
    }
    .contentInfoIMG{
        width:90%;
        margin: 100px auto 0;
    }
    .contentInfoIMG img{
        width:100%;
    }
    .formClass{
        padding:10px 15px 0;
        overflow: hidden;
    }
    .formClass div{
        margin:10px auto 0px;
        overflow: hidden;
        position: relative;
    }
    .formClass div input{
        display: inline-block;
        padding:0 20px;
        width:100%;
        border:none;
        color:#a2a19e;
        background-color:#fff4cb;
        height:45px;
        line-height:45px;
        border-radius: 7px;
    }
    .formClass div .Password{
        padding:0 50px 0 20px;
    }
    .formClass div .verificationCode{
        padding:0 105px 0 20px;
    }
    .formClass div button{
        position: absolute;
        right:20px;
        top:50%;
        z-index:999;
        transform:translate(0,-50%);
        border:none;
        background-color:rgba(0,0,0,0);
        font-size:13px;
        color:#000;
        border:none;
        background-color:rgba(0,0,0,0)
    }
    .formClass div img{
        position: absolute;
        right:15px;
        top:50%;
        z-index:999;
        width:20px;
        transform:translate(0,-50%)
    }
    .formClass div span{
        display: inline-block;
        width:49%;
        height:25px;
        line-height:25px;
        text-align: left;
        color:#bbb9b5;
        font-size: 12px;
    }
    .formClass div span:nth-child(2){
        text-align: right;
        color:#9a6214;
    }
    .addNew{
        margin: 0 auto 0px !important
    }
    .addAcc{
        float:right !important;
        text-align: right !important;
        color:#9a6214 !important
    }
    .buttonList{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top:7px;
    }
    .buttonList .buttonClass{
        border: none;
        background-color:#ffcc00;
        width:90%;
        border-radius: 5px;
        height:50px;
        line-height: 50px;
        text-align:center;
        font-size:15px;
        color:#000;
        box-shadow:0 1px #b87100;
    }
    .tier{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background-color:rgba(0,0,0,0.7)
    }
    .tier > img{
       width:250px;
       float:right;
       margin:15px 20px 0 0;
    }
 }
 @media (min-width: 768px) { 
    .container{
        width:100%;
        height: 1530px;
        overflow: hidden;
        background-color:#ffcc00; 
        padding-bottom:50px;
    }
    
    .contentInfo{
        margin:395px auto 0;
        overflow: hidden;
        width:90%;
        height:100%;
    }
    .contentInfoIMG{
        width:90%;
        margin: 200px auto 0;
    }
    .contentInfoIMG img{
        width:100%;
    }
    .formClass{
        padding:10px 15px 0;
        overflow: hidden;
    }
    .formClass div{
        margin:10px 20px 0px;
        overflow: hidden;
        position: relative;
    }
    .formClass div input{
        display: inline-block;
        padding:0 20px;
        width:100%;
        border:none;
        color:#a2a19e;
        background-color:#fff4cb;
        height:45px;
        line-height:45px;
        border-radius: 7px;
    }
    .formClass div .Password{
        padding:0 50px 0 20px;
    }
    .formClass div .verificationCode{
        padding:0 105px 0 20px;
    }
    .formClass div button{
        position: absolute;
        right:20px;
        top:50%;
        z-index:999;
        transform:translate(0,-50%);
        border:none;
        background-color:rgba(0,0,0,0);
        font-size:13px;
        color:#000;
        border:none;
        background-color:rgba(0,0,0,0)
    }
    .formClass div img{
        position: absolute;
        right:15px;
        top:50%;
        z-index:999;
        width:20px;
        transform:translate(0,-50%)
    }
    .formClass div span{
        display: inline-block;
        width:49%;
        height:25px;
        line-height:25px;
        text-align: left;
        color:#bbb9b5;
        font-size: 14px;
    }
    .formClass div span:nth-child(2){
        text-align: right;
        color:#9a6214;
    }
    .addNew{
        margin: 0 auto 0px !important
    }
    .addAcc{
        float:right !important;
        text-align: right !important;
        color:#9a6214 !important
    }
    .buttonList{
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top:7px;
    }
    .buttonList .buttonClass{
        border: none;
        background-color:#ffcc00;
        width:90%;
        border-radius: 5px;
        height:50px;
        line-height: 50px;
        text-align:center;
        font-size:15px;
        color:#000;
        box-shadow:0 1px #b87100;
    }
    .tier{
        width:100%;
        height:100%;
        position: fixed;
        top:0;
        left:0;
        background-color:rgba(0,0,0,0.7)
    }
    .tier > img{
       width:250px;
       float:right;
       margin:15px 20px 0 0;
    }
 }



  /* 提示框 */
  .MessageBox{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    background-color:rgba(0,0,0,0.7)
}
@media (max-width: 320px){
   .MessageBoxMain{
       width:70%;
       overflow: hidden;
       background-color:#fff;
       border-radius: 5px;
       margin:30vh auto;
       padding:10px 10px;
   }
   .MessageBoxMain h4{
       font-weight: 500;
       font-size:14px;
   }
   .MessageBoxMain p{
       font-weight: 500;
       font-size:14px;
       margin:10px 0;
       position: relative;
   }
   .MessageBoxMain p img{
       margin-left:5px;
       display: inline-block;
       width:20px;
   }
   .MessageBoxMain p span{
       position: absolute;
       top:0px;
       left:35px;
       font-size:12px;
   }
   .MessageBoxMain div{
       display: flex;
       flex-direction: row;
       justify-content: flex-end;
   }
   .MessageBoxMain div button{
       border: none;
       padding:5px 10px;
       background-color:#66b1ff;
       color:#fff;
       border-radius: 5px;
       font-size: 9px;
       -webkit-transform-origin-x: 0; 
       -webkit-transform: scale(0.9);  
   }
}
@media (min-width: 320px) and (max-width: 359px){
   .MessageBoxMain{
       width:70%;
       overflow: hidden;
       background-color:#fff;
       border-radius: 5px;
       z-index:999;
       margin:30vh auto;
       padding:10px 10px;
   }
   .MessageBoxMain h4{
       font-weight: 500;
       font-size:14px;
   }
   .MessageBoxMain p{
       font-weight: 500;
       font-size:14px;
       margin:10px 0;
       position: relative;
   }
   .MessageBoxMain p img{
       margin-left:5px;
       display: inline-block;
       width:20px;
   }
   .MessageBoxMain p span{
       position: absolute;
       top:0px;
       left:35px;
       font-size:12px;
   }
   .MessageBoxMain div{
       display: flex;
       flex-direction: row;
       justify-content: flex-end;
   }
   .MessageBoxMain div button{
       border: none;
       padding:5px 10px;
       background-color:#66b1ff;
       color:#fff;
       border-radius: 5px;
       font-size: 9px;
       -webkit-transform-origin-x: 0; 
       -webkit-transform: scale(0.9);  
   }
}
@media (min-width: 360px) and (max-width: 374px){
   .MessageBoxMain{
       width:70%;
       overflow: hidden;
       background-color:#fff;
       border-radius: 5px;
       z-index:999;
       margin:30vh auto;
       padding:10px 10px;
   }
   .MessageBoxMain h4{
       font-weight: 500;
       font-size:14px;
   }
   .MessageBoxMain p{
       font-weight: 500;
       font-size:14px;
       margin:10px 0;
       position: relative;
   }
   .MessageBoxMain p img{
       margin-left:5px;
       display: inline-block;
       width:20px;
   }
   .MessageBoxMain p span{
       position: absolute;
       top:0px;
       left:35px;
       font-size:12px;
   }
   .MessageBoxMain div{
       display: flex;
       flex-direction: row;
       justify-content: flex-end;
   }
   .MessageBoxMain div button{
       border: none;
       padding:5px 10px;
       background-color:#66b1ff;
       color:#fff;
       border-radius: 5px;
       font-size: 9px;
       -webkit-transform-origin-x: 0; 
       -webkit-transform: scale(0.9);  
   }
}
@media (min-width: 375px) and (max-width: 413px){
   .MessageBoxMain{
       width:70%;
       overflow: hidden;
       background-color:#fff;
       border-radius: 5px;
       z-index:999;
       margin:30vh auto;
       padding:10px 10px;
   }
   .MessageBoxMain h4{
       font-weight: 500;
       font-size:14px;
   }
   .MessageBoxMain p{
       font-weight: 500;
       font-size:14px;
       margin:10px 0;
       position: relative;
   }
   .MessageBoxMain p img{
       margin-left:5px;
       display: inline-block;
       width:20px;
   }
   .MessageBoxMain p span{
       position: absolute;
       top:0px;
       left:35px;
       font-size:12px;
   }
   .MessageBoxMain div{
       display: flex;
       flex-direction: row;
       justify-content: flex-end;
   }
   .MessageBoxMain div button{
       border: none;
       padding:5px 10px;
       background-color:#66b1ff;
       color:#fff;
       border-radius: 5px;
       font-size: 9px;
       -webkit-transform-origin-x: 0; 
       -webkit-transform: scale(0.9);  
   }
}
@media (min-width: 414px) {
   .MessageBoxMain{
       width:70%;
       overflow: hidden;
       background-color:#fff;
       border-radius: 5px;
       z-index:999;
       margin:30vh auto;
       padding:10px 10px;
   }
   .MessageBoxMain h4{
       font-weight: 500;
       font-size:14px;
   }
   .MessageBoxMain p{
       font-weight: 500;
       font-size:14px;
       margin:10px 0;
       position: relative;
   }
   .MessageBoxMain p img{
       margin-left:5px;
       display: inline-block;
       width:20px;
   }
   .MessageBoxMain p span{
       position: absolute;
       top:0px;
       left:35px;
       font-size:12px;
   }
   .MessageBoxMain div{
       display: flex;
       flex-direction: row;
       justify-content: flex-end;
   }
   .MessageBoxMain div button{
       border: none;
       padding:5px 10px;
       background-color:#66b1ff;
       color:#fff;
       border-radius: 5px;
       font-size: 9px;
       -webkit-transform-origin-x: 0; 
       -webkit-transform: scale(0.9);  
   }
}
@media (min-width: 415px) {
   .MessageBoxMain{
       width:300px;
       overflow: hidden;
       background-color:#fff;
       border-radius: 5px;
       z-index:999;
       margin:30vh auto;
       padding:10px 10px;
   }
   .MessageBoxMain h4{
       font-weight: 500;
       font-size:14px;
   }
   .MessageBoxMain p{
       font-weight: 500;
       font-size:14px;
       margin:10px 0;
       position: relative;
   }
   .MessageBoxMain p img{
       margin-left:5px;
       display: inline-block;
       width:20px;
   }
   .MessageBoxMain p span{
       position: absolute;
       top:0px;
       left:35px;
       font-size:12px;
   }
   .MessageBoxMain div{
       display: flex;
       flex-direction: row;
       justify-content: flex-end;
   }
   .MessageBoxMain div button{
       border: none;
       padding:5px 10px;
       background-color:#66b1ff;
       color:#fff;
       border-radius: 5px;
       font-size: 9px;
       -webkit-transform-origin-x: 0; 
       -webkit-transform: scale(0.9);  
   }
}