#main{
    height:100%;
    width:100%;
    background: url("../images/bg2.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height:800px;
}
body{
    min-height:800px;
    position: relative;
}
.border-b{
    width:100%;
    height:1px;
    background:#e4eaec;
}
.must-btn {
    height: 28px;
    line-height: 28px;
    margin: 0 6px;
    padding: 0 15px;
    border: 1px solid #dedede;
    background-color: #f1f1f1;
    color: #333;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}
section{
    height:100%;
}
.main-center{
    position: absolute;
    top: 10%;
    left: 60%;
    text-align: center;
    width: 30%;
}
.btnoup {
    background: #fff;
    border-radius: 10px;
    padding: 20px 0;
    width: 100%;
    position: relative;
}
.sdfter img{
    width:200px;
}
.sdfter h2 {
    text-align: center;
    display: block;
    font-weight: normal;
    line-height: 60px;
    height: 60px;
    font-size: 22px;
    color: #37474f;
}
.lgoen {
    width: 300px;
    margin: 0 auto;
    position: relative;
}
.lgoen ul li {
    width: 100%;
    float: left;
    margin: 20px 0;
    display: block;
    text-align: left;
}
.lgoen ul li input {
    width: 100%;
    padding: 10px 0;
    border: none;
    color: #76838f;
    -webkit-appearance: none;
    border-radius: 0;
    outline:none;
    font-size: 14px;
}
.subton {
    color: #fff;
    background-color: #0089e1;
    border-color: #0089e1;
    width: 100%;
    padding: 10px 18px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
    text-align: center;
    white-space: normal;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    -webkit-appearance: button;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
}
.lgoen ul .code-li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lgoen ul .code-li .border-b{
    width:50%;
}
.lgoen ul .code-li input{
    width:50%;

}
#codeImg{
    position: relative;
}
.rerter {
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    display: block;
    text-align: center;
    display: flex;
    justify-content: space-between;
}
.rerter a {
    color: #0089e1;
}
#main button{
    height:auto;
}
.Bottom .Bottom_top .Copyright {
    text-align: center;
    color: #fff;
}
#codeImg{
    margin-left: 10px;
    width: 100px;
    height: 40px;
    cursor: pointer;
}
#foot{
    background: #f6f6f6;
    overflow: hidden;
    padding: 30px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#foot .second{
    overflow: hidden;
    width: 560px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    display:flex;
    justify-content: center;

}
#foot .second li{
    float: left;
    font: 12px/12px "";
    color: #363739;
}
#foot .second span{
    float: left;
    font: 10px/10px "";
    margin: 0 20px;
    color: #dcdcdc;
}
#foot .margin>p{
    text-align: center;
    font: 12px/24px "";
}
.Bottom{
    position: absolute;
    bottom:0;
    width:100%;
}
.Bottom .Bottom_top {
    padding: 25px 0;
}
.Bottom .Bottom_top .Copyright {
    text-align: center;
    color: #fff;
}
.Bottom .Bottom_top .Copyright span{
    margin:0 20px;
}
input{
    -webkit-appearance:none;/*清除ios默认圆角*/
    border-radius:0;
}
@media screen and (max-width: 767px){
    .main-center{
        width:80%;
        left:10%;
        top:10%;
    }
    .lgoen ul li{
        margin:5px 0;
    }
    .lgoen{
        width:80%;
    }
    .rerter{
        line-height: 40px;
        height: 40px;
    }
    .Bottom .Bottom_top .Copyright span{
        display: block;
    }
    body{
        min-height:600px;
    }
    #main{
        min-height:600px;
    }
}