@charset "utf-8";
/* CSS Document */
.login-box{width:1100px;margin:30px auto;padding:50px 0; background:#fff;overflow:hidden;}
.login-box .f_r{width:460px;text-align:center;padding:20px 0;}
.login-row{ text-align:center;font-size:16px;}
.login-row a{color:#dd2727;}
.login-row a:hover{ text-decoration:underline;}
.login-ad{margin-top:30px;}
.login-ad p{ text-align:center;font-size:22px;margin-bottom:30px;color:#fcc52a;font-family:"华文行楷"}
.login-ad img{display:block;width:260px;height:260px;margin:0 auto;}

.login-main{float:left;width:640px;padding:0 50px;border-right:1px #ddd solid;min-height:400px;font-size:14px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; 
}
.login-title{font-size:24px; text-align:center;}
.login-ul{margin-top:40px;}
.login-ul ul li{margin-top:15px;overflow:hidden;line-height:39px;}
.login-ul ul li span{display:block;width:120px; text-align:right;float:left;}
.login-ul ul li input{float:left;padding:10px;border:1px #ddd solid;border-radius:5px;width:380px;font-size:14px;}
.login-ul ul li .w50{width:270px}
.code{display:block;width:100px;height:39px;float:right;margin-right:18px;color:#fff;background: #dd2727; text-align:center;border-radius:5px;}
.code img{width:100px;height:39px;}
.login-note{margin-left:120px;margin-top:10px;}
.login-note a:hover{color:#dd2727;}
.login-btn{margin-left:120px;margin-top:20px;}
.login-btn a{ background:#dd2727;color:#fff;border-radius:5px;width:120px;display:inline-block; text-align:center;padding:10px;}
.login-btn a:hover{background:#c52020;}
.login-agree{margin-left:120px;margin-top:10px;}
.login-agree input[type="checkbox"]{ vertical-align:middle;margin-right:3px;}
.login-agree a{color:#dd2727;}
.login-agree a:hover{ text-decoration:underline;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
box-shadow:0 0 0 60px #fff inset;
}
.form-item:after, .form-item:before {
    display: table;
    content: "";
}
.form-item{margin-bottom:22px;}
.login-content {
    width: 1200px;
    height: calc(100vh - 280px);
    min-height: 460px;
    box-shadow: 0 0 10px #d8d6d6,inset 0 0 10px #efefef;
    margin: 15px auto;
    padding-top: 10px;
    position: relative;
}
.login-content .title-header {
    width: 95%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 700;
    color: #eb3434;
    height: 80px;
    border-bottom: 1px dashed #ddd;
}
.login-content .form-login{
    width: 40%;
    margin-left: 10%;
    margin-top: 40px;
}

#loginForm span,#regForm span {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    padding: 0 12px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.form-content{
    line-height: 40px;
    position: relative;
    font-size: 14px;
    margin-left:100px;
}
.form-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.icon-login{
    position: absolute;
    right: 4%;
    bottom: 4%;
}

/*交易端css*/
.topbar {
    height: 43px;
    line-height: 38px;
    color: #c6c6c6;
    display: -ms-flexbox;
    display: flex;
    background-color: #25292d;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
}
.topbar .middle {
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center;
}