html,body{
    padding:0;
    margin:0;
    font: 12px/1.5 "PingFangSC-Regular", "Microsoft Yahei", "宋体", Arial, Helvetica, sans-serif;
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    cursor: default;
}

.sangfor-body {
    color: #000;
    background: #f5f5f5;
     background-image: url('login_bg.png'); 
    background-repeat: no-repeat;
    background-position: 50% !important;
    background-size: cover;
}

a {
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}

.login-head {padding: 12px 20px;
    border-bottom: 1px solid rgba(255,255,255 , 0.20);
    width: 90%;
    margin: 0 auto;
}
.login-head img{ height:42px;}


.footer{text-align:center;margin-top:100px;color: #bec2cc;}
.footer a{ color:#bec2cc}




.login-body { margin:0 auto;
    width: 360px;
    _height: 392px;
    min-height: 392px;
    background: #fff;
    border-radius: 6px;
    position: relative;
    padding-bottom: 48px; margin-top:100px;
}


.login-content{
    padding: 38px 44px 0 44px;
}


.include-box__title {
    min-height: 30px;
    line-height: 30px;
    font-size: 30px;color: #3166E6;
}





.input-login-style {overflow:hidden;
 border-bottom: 1px solid #d2d2d2; margin-top:20px; position:relative
}


.input-login-style .input-column-name {
    font-size: 14px;
    cursor: text;
    color: #999; height:30px; line-height:30px;float:left;
}


.input-login-style .input-txt {float:left;
    width: 80%;
    display: block;
    text-indent: 4px;
    height: 32px;
    line-height: 26px;
    background: none;
    bottom: 0;
    border: none;
    z-index: 1;
    font-size: 15px;
    color: #000;
}

.input-login-style .input-login-yzm{ position:absolute; right:0px;top:0px;}
.input-login-style .input-login-yzm img{ width:60px; height:30px; cursor:pointer}


 



    .input-txt:focus{
        outline:none;
    }

  







.include-box__privacy {
    margin-top: 6px;
}



.button {
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: none;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
    background-color: #1E75E5;
}



.login-panel__other {
    margin-top: 18px; height:30px; line-height:30px;
}


.login-panel__other a{
    margin-right: 40px;
    display: inline-block;
}


.checkbox__label {
    float: left;
    padding-left: 10px;
    cursor: pointer;
    color: #333;
    position: relative;
    top: -1px;
}


.checkbox__mark {
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid #bec2cc;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    font-weight: normal;
    background-color: #fff;
}


.checkbox__mark.checkbox--small {
    width: 12px;
    height: 12px;
    top: 2px;
}


.include-box__tip {
    margin-top: 6px;
    /* text-indent: 4px; */
    line-height: 18px;
    color: #ee5555;
    min-height: 18px;
    height: auto !important;
    white-space: normal;
}