html {
    height: 100%;
    width:100%;
    overflow-x:hidden;
}

@font-face {
    font-family: 'FZQingKeBenYueSongS';
    src: url('../font/FZQingKeBenYueSongS.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    position: relative;
    font-family: FZLTZHJW, FZQingKeBenYueSongS, Hiragino Sans GB, WenQuanYi Micro Hei, Lantinghei SC, STXihei;
    
}


.headimg {
    display: block;
    
    margin-left:auto;
    margin-right:auto;
}

@media screen and (max-width: 1000px) {
    .headimg {
        max-width: 60%;
    }
}

.poplogin {
    position: relative;
}

.modal-body {
    padding:0;
}
.form-group {
    margin-right: 0 !important;
}

.nav-tabs {
    border-bottom: 0 !important;
    margin-left: auto;
    margin-right:auto;
    width: 300px;
}



.pcbkg {
    position: absolute;
    width: 1280px;
    
    left:0;
    right:0;
    /* float:left; */
    margin-left:auto;
    margin-right:auto;
    z-index: -2;
}



.placeholder {
    width:100%;
    height: 4%;
    min-height: 35px;   
}

@media screen and (max-width: 1000px) {
    .placeholder {
        
        height: 12%;   
    }
}

.loginbox {
    /* margin-top:25%; */
    margin-left:auto;
    margin-right:auto;
    max-width: 380px;
    width: 80%; 
    position: relative;
    padding-bottom: 2%;
}

.libkg {
    width: 100%;
}

.tab-content {
    border-radius: 2%;
    -webkit-border-radius: 2%;
    -moz-border-radius: 2%;
}

.lotusbg {
    border-top-left-radius: 2%;
    border-top-right-radius: 2%;
    background-image:url('../image/xms_phone_login_bg.jpg');
}

.reg {
    max-width: 1280px;
    margin:auto;
}

.logininput {
    position: relative;
    margin-top:10%;
    
    width: 100%;
}

.forgetpass {
    font-size: 80%;
    display: block;
    width: 100%;
    text-align: end;
    text-decoration: none;
    margin-top:8%;
    color:#989898;
}

.logininput input {
    position: absolute;
    top: 19%;
    left:4%;
    width: 90%;
    font-family: FZQingKeBenYueSongS, Hiragino Sans GB, WenQuanYi Micro Hei, Lantinghei SC, STXihei;
    outline:none;
    background:transparent;
    border:none;
    outline:medium;
    font-size: 100%;
    color: #989898;
    letter-spacing: 2px;
}

.logininput button {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width:90%;
    color:#341e05;
    font-size: 100%;
    font-family: FZQingKeBenYueSongS, Hiragino Sans GB, WenQuanYi Micro Hei, Lantinghei SC, STXihei;  
    border:0;
    background-color:transparent;
    letter-spacing: 4px; 
}


.logininput a {
    position: absolute;
    text-decoration: none;
    text-align: center;
    width: 100%;
    color:#341e05;
    font-size: 100%;
    font-family: FZQingKeBenYueSongS, Hiragino Sans GB, WenQuanYi Micro Hei, Lantinghei SC, STXihei; 
    
    letter-spacing: 2px;  
}



.form-signin {
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.account-wall {
    
    padding: 10px 0px 20px 0px;
    /* -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); */
    /* -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); */
    /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); */
}

.RegisterForm {
    padding-left:14px;
}

.nav-tabs>li>a {
    color:#b1b1b1;
    font-size: 20px;
    background-color:transparent;
    border:0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color:#341e05;
    border:0;
    background-color:transparent;
    background-image:url('../image/xms_pc_register_choose.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
}

.login-title {
    color: #555;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.profile-img {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.need-help {
    margin-top: 10px;
}

.new-account {
    display: block;
    margin-top: 10px;
}

.login_img {
    float: left;
}

.login_img img {
    width: 20%;
}

.smallmodal {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

input[type='radio'] {
    -webkit-appearance:none;
    width:12px;
    height:12px;
    border:1px solid #f5b744;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px #f5b744 inset;
}
input[type='radio']:hover {
    box-shadow:0 0 5px 0px #f5b744 inset;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
}
input[type='radio']:checked:before {
    background:#f5b744;
}

.form-control {
    border-radius: 0;
    border-color: #c9c9c8;
}

.mandatory::after {
    content:" *"; 
    color: #e32;
    /* position: absolute;  */
    /* top:-2px; */
    /* left:9px; */
    /* margin: 0px 0px 0px -20px;  */
    /* font-size: small;  */
    /* padding: 0 5px 0 0;  */
}

.userfooter {
    width: 100%;
    height: 180px;
    margin-top: 10px;
    padding-top: 55px;
    padding-bottom: 55px;
    font-size: 100%;
    color: #878787;
}

.userfooter .t {
    text-align: center;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
}

.userfooter .s {
    margin-top:10px;
    margin-bottom: 10px;;
    width: 100%;
    border-top: 3px dotted rgb(210,210,210);
}