body{font-size:12px;font-family:Helvetica Neue,Helvetica,microsoft yahei;background-color:#f7f7f7;}
.bg1{
	content: "";
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    z-index: 5;
    background-image: url(../images/bg1.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}
.bg2{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0%;
    bottom: 0;
    z-index: 3;
    background-image: url(../images/bg2.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
}
	
*{box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);}
input::-webkit-input-placeholder {color:#aaa;}
input::-moz-placeholder {color:#aaa;}
input:-moz-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa;}

.container {top:40%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden;z-index:999}

.login-main .login-top{border-radius:6px 6px 0 0;font-family:"microsoft yahei","Arial";font-size:30px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#555;text-align:center;overflow:hidden;/* background: linear-gradient(90deg,#1d42ab,#2173dc,#1e93ff); */}
.login-main .login-top .logo{height:60px;margin-top:25px;}
.login-main .login-top .tips{font-size:14px;color:#999;margin-top:10px;}

.login-main .login-bottom {width:400px;border-radius:0 0 6px 6px;padding-bottom:30px;}
.login-main .login-bottom .content {width:380px;margin:0 auto;padding-top:40px;padding-bottom:0px;position:relative;}
.login-main .login-bottom .content .item {width:380px;height:45px;margin-bottom:35px;}
.login-main .login-bottom .content .item input {width:380px;display:inline-block;height:42px;line-height:42px;position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0;border:1px solid #dcdee2;padding:4px 15px;border-radius:3px;}
.login-main .login-bottom .content .item .icon-1 {background:url('../images/icon-login.png') no-repeat 1px 0;}
.login-main .login-bottom .content .item .icon-2 {background:url('../images/icon-login.png') no-repeat -54px 0;}
.login-main .login-bottom .content .item .icon-3 {background:url('../images/icon-login.png') no-repeat -106px 0;}
.login-main .login-bottom .content .item .icon-4 {background:url('../images/icon-login.png') no-repeat 0 -43px;position:absolute;right:-10px;cursor:pointer;}
.login-main .login-bottom .content .item .icon-5 {background:url('../images/icon-login.png') no-repeat -55px -43px;}
.login-main .login-bottom .content .item .icon-6 {background:url('../images/icon-login.png') no-repeat 0 -93px;position:absolute;right:-10px;margin-top:8px;cursor:pointer;}

.login-main .login-bottom .content .item .icon {display:inline-block;width:33px;height:22px;margin-top:6px;}

.login-main .login-bottom .content .reg-item {width:300px;height:35px;margin-bottom:12px;}
.login-main {width:400px;position:relative;float:left;}
.login-main .login-bottom .content .reg-item input {display:inline-block;width:200px;height:35px;padding:0;position:absolute;border:0;outline:0;font-size:14px;letter-spacing:0;border-bottom:1px solid #dae1e6;text-indent: 10px;}
.login-main .login-bottom .content .reg-item .reg-name {width:95px;display:inline-block;padding-top: 8px;color: #333;font-size: 14px;text-align: right;margin-right: 5px;}
.login-main .login-bottom .content .reg-item .reg-name em{color: red;}

.login-main .reg{
  height:60px;
  line-height:60px;
  font-size: 25px;
}

.login-main .login-bottom .login-btn {width:380px;height:42px;background-color:#2d8cf0;border-radius:6px;margin:24px auto 0;text-align:center;line-height:42px;color:#fff;font-size:14px;letter-spacing:0;cursor:pointer;border:none;}
.login-main .login-bottom .login-btn:hover{opacity:.88}
.login-main .login-bottom .content .item .validateImg {position:absolute;right:1px;cursor:pointer;height:42px;border:1px solid #dcdee2;}

.footer {left:0;bottom:0;color:#aaa;width:100%;position:absolute;text-align:center;line-height:30px;padding-bottom:10px;font-size:14px;}
.padding-5 {padding:5px !important;}
.footer a,.footer span {color:#fff;}
@media screen and (max-width:428px) {.login-main {width:360px !important;}
    .login-main .login-top {width:360px !important;}
    .login-main .login-bottom {width:360px !important;}
}