body{    font-family: "Microsoft Yahei"; font-size:28px;}
.main-width{ margin-left: auto; margin-right: auto;}
*{box-sizing: border-box;  padding: 0px; margin: 0px;}
.main-content{ background: url("../images/mm.jpg") center center; max-height:580px ;  overflow: hidden;}
.inputmainbox{ background:#Fff; margin-top: 10px; margin-bottom: 10px; }
.loginPro{ overflow: hidden;margin-bottom: 15px;}
.loginPro label{height: 40px; line-height: 40px; padding-left: 25px;text-align: justify;} 

.loginPro .inputControl{height: 50px; line-height: 50px; border-radius: 5px; border:1px solid #ccc; padding-left: 10px; width: 100%; font-size:24px;}
.loginPro .inputControl_code{height: 50px; line-height: 50px; border-radius: 5px; border:1px solid #ccc; padding-left: 10px; width: 60%; font-size:24px;}
.user label{ background: url(../images/ico/user.png) no-repeat left center ; }
.yanzhengma label{ background: url(../images/ico/user.png)no-repeat left center;}
.password label{ background: url(../images/ico/pw.png) no-repeat left center;}
.phone label{ background: url(../images/ico/phone.png) no-repeat left center;}
.loginPro label:after{content:''; width:100%; height:0; margin:0;display:inline-block; overflow:hidden;}

.inputmainbox .butt{ margin:15px auto 0px;padding: 12px 16px;font-size: 18px;font-weight: bold;border-radius: 5px;width: 100%;border:none;}
.inputmainbox .regbut{color: #64513D; background-color: #FCDD00;font-size:26px;}
.checkboxtext{min-height: 20px; margin-bottom: 0;font-weight: 400;color: #555; cursor: pointer;line-height: 20px; font-size:20px;color:red;}
.checkboxtex a{ color:#035cb5;}

.footer{ margin-top: 30px;}
.footer p{ text-align: center;  color: #333;}
.yanzhengma .inputControl{ width: 60%; display:block;float: left;}
.yanzhengma .acquire{ width:36%; height: 40px; line-height: 40px; background-color: #FCDD00; display:block; float: right; font-size: 14px; text-align: center;border-radius: 5px;    color: #64513D;}

.modalTs{position:fixed; top: 50%; left: 50%; width: 300px; margin-left: -150px; z-index: 99982; background: #fff; padding: 0px 15px;border-radius: 8px;box-shadow: 2px 2px 3px #888;}
.modalTs .title{ height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid #ddd; font-size: 18px;}
.modalTs .content{ padding: 15px 0px;min-height: 160px;}
.modalTs .close{ position: absolute; right: 15px; top: 8px; height:30px; width: 30px; line-height: 30px; border:1px solid #555; text-align: center; color: #888; cursor: pointer;}
.modalTs  .rest-butt{ width: 60%; height: 40px; line-height: 40px; text-align: center; margin-left: auto; margin-right: auto; border-radius: 5px; margin-top: 20px; background: #FCDD00;}
@media (max-width: 2400px) {  
    .top .logo{ width: 90px;}
    .top .descr{ width: 200px;}
    .main-width{ width:92%; }
    .inputmainbox{ width: 100%; }
    .loginPro{ margin-bottom: 5px;}
    .inputmainbox .registerForm{padding:20px 30px;}
    .loginPro label{ display: block; width:200px; }
    .checkbox label{ display: none;}
    .yanzhengma .inputControl{ width: 60%; display:block;float: left;}
    .yanzhengma .acquire{ width:39%; height: 50px; line-height: 50px; background-color: #FCDD00; display:block; float: right; font-size: 26px; text-align: center;border-radius: 5px;    color: #64513D;}
}
/*
@media (max-width: 480px) {  
    .top .logo{ width: 90px;}
    .top .descr{ width: 200px;}
    .main-width{ width:92%; }
    .inputmainbox{ width: 100%; }
    .loginPro{ margin-bottom: 5px;}
    .inputmainbox .registerForm{padding:20px 30px;}
    .loginPro label{ display: block; width:90px; }
    .checkbox label{ display: none;}
    .yanzhengma .inputControl{ width: 60%; display:block;float: left;}
    .yanzhengma .acquire{ width:39%; height: 40px; line-height: 40px; background-color: #FCDD00; display:block; float: right; font-size: 14px; text-align: center;border-radius: 5px;    color: #64513D;}
}

@media (min-width: 480px) and (max-width: 768px) {  
    .main-width{ width:100%; }
    .inputmainbox{ width: 430px;margin-left: auto; margin-right: auto; }
    .inputmainbox .registerForm{padding: 50px 42px;}
    .loginPro label{ display: block; float:left; width:90px; }
    .loginPro .contentbox{ margin-left: 110px;}
}
@media (min-width: 768px) and (max-width: 992px) { 
    .main-width{ width:90%; }
    .inputmainbox{ width: 430px; float: right; }
    .inputmainbox .registerForm{padding: 50px 42px;}
    .loginPro label{ display: block; float:left; width:90px; }
    .loginPro .contentbox{ margin-left: 110px;}
 }
@media (min-width: 992px) and (max-width: 1200px) { 
    .main-width{ width:92%; }
    .inputmainbox{ width: 430px;  float: right;}
    .inputmainbox .registerForm{padding: 50px 42px;}
    .loginPro label{ display: block; float:left; width:90px; }
    .loginPro .contentbox{ margin-left: 110px;}
 }
@media (min-width: 1200px) {
    .main-width{ width:1200px;  }
    .inputmainbox{ width: 430px; float: right; }
    .inputmainbox .registerForm{padding: 50px 42px;}
    .loginPro label{ display: block; float:left; width:90px; }
    .loginPro .contentbox{ margin-left: 110px;}  
}
*/