body,html{
    background-color: #f5f6fa;
    height: 100%;
}
.container{
    padding-top: 11.2vw;
    overflow-x: hidden;
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; 
     
}
.footer{
    display: none;
}
.head{
    box-shadow: 0 2px 2px 0 #e5e6e9;
}
.head h1,.head .menu,.head .login,.head .my_info{
    display: none;
}
.login_content{
    padding-top: 4vw;
}

.link{
    margin: 0 auto;
    width: 84vw;
}
.link a:nth-of-type(1){
    float: left;
    font-size: 4vw;
    color: #4e4e4e;
}
.link a:nth-of-type(2){
    float: right;
    font-size: 4vw;
    color: #4b9dfb;
}
.article {
    clear: both;
    width: 84vw;
    margin: 0 auto;
    padding-top: 4vw;
    font-size: 4vw;
    color: #4e4e4e;
}
.article a {
    color: #4b9dfb;
}
.login_content .group-input:nth-of-type(2) .input_clear,.login_content .group-input:nth-of-type(3) .input_clear{
    right: 16vw;
}
.login_content1 .group-input:nth-of-type(4) .input_clear{
    right: 48vw;
}
.group-refresh{
    padding-top: 3.25vw;
}
.group-refresh img{
    width: 6vw;
    height: 5vw;
}
.register_content .group-input:nth-of-type(4) .input_clear{
    right: 34vw;
}

.forget_content .group-input:nth-of-type(2) .input_clear{
    right: 34vw;
}

.forget_content .group-input:nth-of-type(3) .input_clear,.forget_content .group-input:nth-of-type(4) .input_clear{
    right: 16vw;
}

.forget_content .submit{
    letter-spacing: 2px;
}

.forget_content .question{
    text-align: center;
    font-size: 4vw;
    color: #767987;
}
.forget_content .question a{
    color: #4b9dfb;
    text-decoration: underline;
}

.bf_agreement{
    margin-top: 20vw;
    position: relative;
    font-size: 15px;
    color: #c3c3c3;
    padding-left: 30vw;
}
.bf_agreement a{
    display: inline-block;
    font-size: 15px;
    color: #c3c3c3;
}

.bf_agreement input[type="checkbox"] {
    width: 3vw;
    height: 3vw;
    opacity: 1;
    background-color: #fff;
    -webkit-appearance:none;
    -moz-appearance: none;
    -ms-appearance: none;
    box-shadow: none;
    outline: none;
}
.bf_agreement label {
    position: absolute;
    left: 30vw;
    top: 0.83vw;
    width: 3vw;
    height: 3vw;
    
    border: 1px solid #c3c3c3;
}



.bf_agreement input:checked+label {
    
    background-color: #fff;
    border: 1px solid #f5b840;
}
.bf_agreement input:checked+label::after {
    position: absolute;
    content: "";
    width: 1vw;
    height: 2vw;
    top: -0.15vw;
    left: 0.7vw;
    
    border: 2px solid #f5b840;
    border-top: none;
    border-left: none;
    transform: rotate(45deg)
}