html,body{width:100%;height:100%;margin:0;padding:0;box-sizing: border-box;}
.content{
    width: 100%;
    height: 100%;
    position: relative;
    background: url("../images/bj.png");
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='C:\Users\caozhiming\Documents\Tencent Files\442794507\FileRecv\MobileFile\备份\images\bj.png',
            sizingMethod='scale')\9;

}
.top{
    /* width: 100%; */
    /* height: 60px; */
    /* background-color: #DFEFFC; */
    position: absolute;
    left: 60px;
    top:24px;
    z-index: 1;

}
/* .top>.logo{
    width:208px;
    height: 60px;
    margin-left: 74px;
} */
.main{
    width: 100%;
    /*min-width:1200px;*/
    height:100%;
    /* min-height:800px; */
    /*height:600px;*/
    /*min-height: 600px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: none;
}
/*.container-form{*/
    /*position:absolute ;*/
/*}*/

.form-box{
    /* width: 704px; */
    /* height: 430px; */
    /*background-color: green;*/
    position: absolute;
    /* top: 150px; */
    /* top:80px; */
    right:150px;
    /* margin-left:-352px; */
    /* background-color: #E7F4FD; */

}
.form-top{
    width: 670px;
    height:60px;
    border: none;
    margin-left: 20px;
    border-bottom: 1px solid #BBBBBB;
    background-color: #EBF6FE;
}
form>span{
    display: inline-block;
    margin-left: 70px;
    visibility: hidden;
    color:red;
}
form>span.authCodeTip{
    visibility: hidden;
}
.form-top>span{
    margin-top: 20px;
    margin-left: 5px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: 微软雅黑;
    font-size: 16px;
}
.form-center{
    /* width: 704px;
    height:314px; */
    width: 600px;
    /* height: 901px; */
    height: calc(100% - 170px);
    min-height: 750px;
    border-radius: 12px;
    backdrop-filter: blur(10px);
    background: #F1F8FF;
    background: rgb(241, 248, 255,0.6);
    box-shadow: -8px 0px 33px 0px rgba(178, 195, 226, 0.43);
    /*background: url("../images/load-2-bg%20(2).png") no-repeat left top;*/
}
@media screen and (max-width:1440px){
    .form-center{
        width: 500px !important;
        height:100% !important;
        min-height:100% !important;
    }
    .imgload{
      width:250px !important;
    }
    .title{
        font-size:24px !important;
    }
    .form-box{
        position:absolute !important;
        right:100px !important;
    }
    .msgtip{
        padding-right: 60px !important;
        top:-37px !important;
    }
    .alert{
        padding:9px !important;
    }
    .forms{
        margin-top:40px !important;
        padding-bottom: 20px !important;
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
}
.form-center>.form-left{
    width: 304px;
    height: 310px;
    float: left;
}
.form-center>.form-right{
    width: 400px;
    margin-top: 52px;
    float: right;
}
.form-one ,.form-two , .form-three{
    height: 70px;
    font-size: 14px;
    font-family: 微软雅黑;
    /* margin-bottom: 15px; */
    margin-top: 5px;
    /* position: relative; */
    /*outline: none;*/
    /*border:none;*/

}
.form-one >input,.form-two >input{
    /* width: 350px;
    height: 35px; */
    /* margin-right: 50px; */
    /* border-radius: 5px; */
    outline: none;
    /* padding-left: 68px; */
    /* border: 1px solid #dddddd; */
    /* width: 504px; */
    width:100%;
    height: 48px;
    background-color: #FFFFFF;
    font-size: 16px;
    padding-top: 9px\9;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #DDE1EE;

}
.form-submit {
    width:100%;
    height: 48px;
}
.form-submit >input{
    /* width: 504px; */
    width:100%;
    height: 48px;
    border-radius: 4px;
    background: #516DFF;
    font-size:18px;
    color:#ffffff;
    border: 1px solid #516DFF;
}
.form-three >input{
    /* width: 260px;
    height: 35px;
    border-radius: 5px; */
    outline: none;
    /* padding-left: 68px;
    border: 1px solid #dddddd;
    background-color: #FFFFFF;
    font-size: 12px; */
    width: 504px;
    height: 48px;
    border-radius: 4px;
    background: #516DFF;
    font-size:18px;
    padding-top: 9px\9;
    /*border: none;*/
    /*border-bottom: 1px solid #dddddd;*/
}
.form-right a {
    text-decoration: none;
}
.form-right a:hover{
    text-decoration: none;
    color:#7483a8;
    /*color: #FFFFFF;*/
}
.pic{
    float: right;
    margin-right: 50px;
}
.pic>.img{
    float: right;
    width: 80px;
    height: 35px;
    float: right;
}
.form-bottom{
    width: 704px;
    height: 46px;
    border: none;
    background: #F6F6F7;
}
a{
    text-decoration: none;
    color:#747374;
    outline: none;
}
a.login:hover{
    color: #FFFFFF;
    text-decoration: none;
}

.form-bottom a:hover{
    text-decoration: none;
    color:#747374;!important;
}
.login{
    display: block;
    width: 350px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-top: 8px;
    background-color: #5B88DA;
    border-radius: 6px;
    color: #FFFFFF;
    margin-right:50px
}
.login:hover{
    color: #FFFFFF;
}
.xt-footer{
    width:100%;
    text-align:center;
    font-family: 思源黑体;
    font-size: 18px;
    letter-spacing: 0.21em;
    font-weight: normal;
    color: #333333;
    margin-top:20px;
}
.form-footer{
    height: 60px;
    width: 100%;
    line-height: 60px;
    background-color: #F7F7F8;
}
.form-footer>.fonts-one{
    float: left;
    margin-left: 220px;
    font-family: 微软雅黑;
    font-size: 18px;color: #3151C3;
}
.form-footer>.fonts-two{
     float: right;
    margin-right: 220px;
    font-family: 微软雅黑;
    font-size: 18px;
    color: #3151C3;
}
.font{
    position: absolute;
    left: 25px;
    top: 5px;
    /*top:10px\9;*/
}
/*.font#menu { line-height: 26px\9; }!*ie6,ie7,ie8 这句定义主要尖对IE8来hack*!*/
.icon-box{
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #717379;
}
.icon-delete{
    display: inline-block;
    position: absolute;
    overflow: hidden;
    width: 18px;
    height: 18px;
    background: url("../images/icon.png") no-repeat;
    background-position:-252px -18px;
    right: 56px;
    top: 10px;
    cursor: pointer;
}
.form-three span.icon-delete{
    right:146px;
}

.msgtip{
    color: #f00;
    font-size: 12px;
    height: 50px;
    position: absolute;
    /* width: 352px; */
    width:438px;
    z-index: 100;
    /* top: 62px;
     */
     top:-52px;

}
.imgs{
    width:100%;
    text-align:center;
    padding-top: 15px;
}
.title{
    font-family: 思源黑体;
    font-size: 28px;
    font-weight: bold;
}
.forms{
    position:relative;
    margin-top: 60px;
    padding:0 80px;
}