html{
    font-size: 16px;
}
body {
    margin:0;
    padding: 0;
    height: 100%;
    font-family: Microsoft YaHei; 
    background: url(../images/body_bg.png);
    background-size: contain;
    position: relative;
    outline: none;
}
*{
    outline: none;
}
.row{
    margin:0;
    padding: 0;
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    padding:0;
}
a:link,a:visited,a:hover,a:visited{
    text-decoration: none;
}
input::-ms-input-placeholder{color: #999;}
input::-webkit-input-placeholder{color: #999;}
input{color: #333;}

.form-control:focus{
    border-color: #c9c9c9;
    box-shadow: none;
}

/*顶部图片*/


.head{
    width: 100%;
    height: 72px;
    line-height: 72px;
    background-color:#fff;
}
.headImg{
    top:-2px;
    margin-right: 13px;
}
.user-content{
    color: #009BD9;
}

/*内容，布局*/
.log-in-container{
    width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 0.325rem;
    padding: 0 0 2.25rem 2.25rem;
    color: #6d1c7e;
    overflow: hidden;
    padding-bottom: 24.75rem;
    margin-top: 10px;
}

.log-in-container-left,
.log-in-container-right{
    float: left;
}
.log-in-container-left{
    width: 32%;
    margin-top: 5rem;
    margin-left: 2%;
    margin-right: 1%;

}
.log-in-container-right{
    width: 65%;
}
.log-in-container-right > img{
    float: right;
    width: 90%;
}



/* 左上*/
.log-in-paragraphy{
    position: relative;
    background-color: #fef7fc;
    border-radius: 0.5rem;
    padding: 1rem 1.25rem 1rem 2rem;
}
.log-in-paragraphy > p{
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}
.log-in-paragraphy > img{
    position: absolute;
    top: -60%;
    left: -18%;
    width: 35%;
}
/*左下*/

.log-in-container-form{
    margin: 0;
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 0 1.125rem 1.125rem 1.125rem;
    margin-top: 2rem;
    border: 1px solid #c9c9c9;
    padding-bottom: 2.5rem;
    text-align: center;
    background: url(../images/log_in_bg.png) repeat-x;
}
.log-in-container-form > a:first-of-type{
    display: inline-block;
    margin-top: 0.75rem;
    margin-bottom: 1.5625rem;
    font-size: 1.315rem;
    font-weight: lighter;
    color: #fff;
}
.log-in-container-form > a:first-of-type:link,.log-in-container-form > a:first-of-type:visited,
.log-in-container-form > a:first-of-type:hover,.log-in-container-form > a:first-of-type:active{
    color: #fff;
    text-decoration: none;
}
.log-in-search-input{
    width: 100%;
    height: 2.4rem;
    border: 1px solid #c9c9c9;
    line-height: 2.375rem;
    border-radius: 0.25rem;
    padding-left: 2.5rem;
    margin: 1rem 0;
    display: block;
}
.log-in-container-form  > div:nth-child(4) > .log-in-search-input{
    width: 45%;
    float: left;
    margin-top: 0;
}
.check-img{
    height: 2.125rem;
    float: left;
    width:27%;
    /* background-color: rebeccapurple; */
    padding-left: 0.625rem;
    position: relative;
    left: 0.625rem;
}
.log-in-container-form > a:nth-of-type(2){
    float: left;
    color: #222;
    cursor: pointer;
}
.log-in-container-form > a:nth-of-type(3){
    float: right;
    color: #64167d;
    cursor: pointer;
}
.log-in-container-form  > div{
    position: relative;
}
.log-in-container-form  > div > img{
    position: absolute;
    z-index: 999;
    top: 0.438rem;
    left: 0.438rem;
    width: 1.8rem;
}
.log-in-container-form  > div:first-of-type > img{
    top: 0.313rem;
}
.reset-code{
    height: 2.125rem;
    line-height: 2.125rem;
    color: #009ada;
    cursor: pointer;
}
/*按钮*/
.btn-lg-orange{
    width: 100%;
    color: #fff;
    background-color: #f59300;
    height: 2.8125rem;
    border-radius: 5px;
    border: none;
    margin: 0.3125rem 0 0.9375rem 0;
    font-size: 1.0625rem;
    font-weight: lighter;
}

@media (max-width: 1025px){ 
    html{
        font-size: 12px;
    }
    .log-in-container,.head>div{
        width: 95%;
    }
    /**/
    .log-in-paragraphy > img{
        left: -17%;
        width: 38%;
    }
    .log-in-container-form > a:first-of-type{
        margin-top: 1.25rem;
    }
    .log-in-container-form > div > img{
        top: 0.38rem;
    }
    .log-in-container-form > div:first-of-type > img{
        top: 0.2rem;
    }
    .log-in-container-right > img{
        width: 83%;
    }
    .log-in-paragraphy > p {
        margin-top: -15%;
    }
    
}