.main{max-width: 1200px;margin: 0 auto;}
/* header */
.top-header{height: 64px;background: #fff;}
.logo{line-height: 64px;float: left;font-size: 20px;font-weight: bold;}
.logo img{width: 90px;vertical-align: middle;}
.line64{line-height: 64px;}
.bor-0{border: none;}
.bg-t{background: transparent;}
button[disabled] {
    background: #D2D2D2;
}

/* center */
.center-main{height: 450px;background-size: cover;}
.left-bg{margin-right: 525px;height: 450px;background-size: cover;}
.loginBox{position: absolute;right: 80px;top: 50%;transform: translateY(-50%);width: 360px;height: 350px;background: #fff;}
.login-type{padding: 12px 0;display: flex;border-bottom: 1px solid #D2D2D2;}
.login-type li{flex: 1;display: inline-block;font-size: 14px;text-align: center;cursor: pointer;border-right: 1px solid #D2D2D2;}
.login-type li:last-child{border-right:none;}
form{padding: 20px 25px;}
.login-item{margin-bottom: 15px;border: 1px solid #D2D2D2;border-radius: 4px;height: 34px;box-sizing: border-box;overflow: hidden;background: #D2D2D2;}
.item-logo{font-size: 16px;float: left;width: 34px;height: 100%;text-align: center;line-height: 30px;}
.item-logo.icon-mail{
    font-size: 12px;
}
.login-item input{height: 32px;width: calc( 100% - 34px);background: #fff;padding-left: 10px;font-size: 12px;}
.login-item input::placeholder{color: #b6b6b6}
.text-btn{border: 0;background: transparent;font-size: 12px;color: #212121;}
.loginBtn{background: #f1170d;border: 0;color: #fff;width: 100%;height: 34px;margin-top: 10px;border-radius: 4px;outline: none;}
button:focus{outline: none;}
.right_icon{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.otherMethod{margin-top: 30px;position: relative;}
.otherMethod::before{position: absolute;content: '';top: 50%;transform: translateY(-50%);left: 0;width: 100%;height: 1px;background: #D2D2D2;z-index: -1;}
.method{width: 150px;display: flex;justify-content:space-around;justify-content: space-evenly;margin: 0 auto;background: #fff;}
.method-img img{width: 26px;height: 26px;}
.short-input{float: left;width: 235px;}
.validform{display: block;margin-left: 243px;width: 66px;height: 34px;border-radius: 4px;overflow: hidden;background: rgba(241, 23, 13, 1);font-size: 12px;border: 0;}
.validform img{width: 100%;height: 100%;}
.form-result-tips{background: rgba(64, 180, 244, .05);padding: 20px;}
.tips-title{font-size: 20px;font-weight: bold;}
.red-rect-btn{width: 120px;height: 34px;background: rgba(241,23,13,1);opacity: 1;border-radius: 3px;border: 0;color: #fff;margin-top: 20px;}
.registBox{width: 420px;height: 380px;background: #fff;margin: 0 auto;box-shadow:0px 3px 6px rgba(0,0,0,0.05);}
.registBox form{padding: 27px 30px 35px;color: #212121;}
.form-title{text-align: left;font-weight: bold;color: #212121;}
.y-center{top: 50%;transform: translateY(-50%);}
.type-area{display: inline-block;width: 40px;height: 40px;border-radius: 100%;background: #D2D2D2;margin-bottom: 10px;font-size: 20px;line-height: 40px;}
.tips p{line-height: 17px;font-size: 12px;color: #212121;}
.tips .sign{width: 16px;height: 16px;vertical-align: bottom;}

/* foot */
hr{margin-bottom: 25px;border: none;height: 1px;background-color: rgb(112, 112, 112,.5);}
.foot-ul{display: flex;justify-content: space-around;font-size: 12px;color: #D2D2D2;line-height: 17px;}
.foot-msg{text-align: center;color: #d2d2d2;line-height: 20px;}

/* layer 样式更改*/
.layui-layer-dialog .layui-layer-content{white-space: pre-line;}
.layui-layer-btn .layui-layer-btn0 {border-color: #F1170D!important;background-color: #F1170D!important;}
.layui-layer-setwin .layui-layer-close2:hover {background-position: -149px -31px!important;}
.layui-layer-tips .layui-layer-content{line-height: 24px!important;padding: 0 6px!important;min-width: 30px!important;color: #f1170d!important;box-shadow: none!important;}

.form-ewm img{
    display: block;
    width: 200px;
    height: 200px;
    margin:30px auto 20px;
    border:1px solid #f4f4f4;
}
.form-ewm p{
    text-align: center;
}
.form-ewm{
    text-align: center;
}
.form-ewm i{
    font-size: 30px;
    margin-top: 110px;
}