*{font-family: "Microsoft YaHei";margin: 0;padding: 0;}
iframe{border:none;}
textarea {resize: none; outline: none; background: transparent;}
img{ border: none;}
table {empty-cells: show;border-collapse: collapse;}
caption,th {text-align: left;font-weight: 400;}
li {list-style: none;}
input{ border:none; outline:none; background:none;}
a {text-decoration: none;}
a:hover{text-decoration: none;}
.posRela{position: relative;}
.posAbs{position: absolute;}
.fl {display: block;float: left;}
.fr {display: block;float: right;}
.clear:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.show{display: block !important;}
.none{display: none !important;}
html{height: 100%;}
body{height: 100%;}
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:'';
    display:block;
    visibility: hidden;
    clear:both;
}
canvas {
    z-index: -1;
    position: absolute;
}
.main{
    width:1200px;
    margin:0 auto;
    padding-top:30px;
    position: relative;
    min-height: 760px;
    max-height: 820px;
}
.browser{
    float:right;
    font-size:16px;
    color:#cececf;
    height:44px;
    line-height:44px;
    margin-top: 30px;
}
.browser>span{
    margin:0 6px;
}
.content{
    width:1180px;
    height:300px;
    margin:120px auto 0;
}
.con .conl{
    float:left;
    text-align: center;
}
.con .conl>p{
    font-size:28px;
    color:#fff;
    margin-top:20px;
    height:110px;
    line-height:110px;
}
.con .conl>div{
    width:326px;
    height:64px;
    line-height:64px;
    margin:0 auto;
    background: #a0a0a0;
    color:#fff;
    font-size:28px;
    border-radius:6px;
}
.con .conr{
    float:right;
    text-align: center;
    width:360px;
    height:280px;
    background: #333;
    opacity: .9;
    border-radius:40px;
    overflow: hidden;
}
.con .conr>h3{
    height:66px;
    line-height:66px;
    background: #666;
    text-align: center;
    font-size:24px;
    font-weight:400;
    letter-spacing:4px;
    color:#d2d2d2;
    border-bottom:1px solid #303030;
    margin:0;
}

.foot{
    float:right;
    text-align:right;
    position: absolute;
    bottom: 20px;
    right:0;
}
.footin *{
    font-size:14px;
    color:#fff;
}
.footin p{
    text-align: right;
}
.footin span>b{
    margin-left:25px;
    margin-right:10px;
}
#forms .inp{
    width:280px;
    height: 36px;
    margin: 0 auto;
    background: transparent url("/images/login_02.png") no-repeat 0 8px;
}
#forms .inp.inps{
    background: transparent url("/images/login_02.png") no-repeat 0 -43px;
}
#forms input{
    background: transparent;
    color:#D2CECE;
    font-size: 16px;
    border-style: none;
    border-bottom: 1px solid #D2CECE;
    padding-left:40px;
    display: block;
    height: 100%;
    width: 240px;
}
#forms .form-group{
    margin-top:28px;
}
#forms button{
    background: #666;
    border: 0 none;
    border-radius: 8px;
    color: #d2d2d2;
    font-size: 18px;
    height: 44px;
    width: 160px;
    margin:12px auto;
}
.tx{
    width:280px;
    margin: 0 auto;
    text-align: left;
    font-size:11px;
    color:#f00;
    background: url("/images/tx.png") no-repeat 0 0;
    background-size: auto 100%;
    max-height:18px;
    text-indent: 22px;
    margin-top: 8px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.Main{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    background:#080808 url(/images/login.jpg) no-repeat center center;
}
.Main .header{
    height: 110px;
}
.Main .header .headerin{
    width: 1200px;
    margin: 0 auto;
}
.Main .header .headerin .logo{
    margin-top: 30px;
}
.Main .con{
    flex: 1;
    min-height: 40px;
}
.Main .con .conin{
    width: 1200px;
    margin: 7% auto 0;
}
.Main .partf{
    height: 100px;
}
.Main .partf .footin{
    width: 1200px;
    margin: 20px auto 0;
}