html,body{ background-color:#f9f9fa; width:100%;height:100%;text-align:center;font:12px "宋体",'微软雅黑', Arial, Helvetica, sans-serif; line-height:20px;}
*{ padding:0; margin:0;}
.lf{float:left;}
.rt{float:right;}
.clear{ clear:both;}
.clear:after { clear:both; content:' ';height:0; display:block; line-height:0; visibility:hidden;}
.clear { zoom:1 }
ul,li,ol{ list-style-type:none;}
ul,li,ol{margin:0;}
i,em,b{ font-style:normal;}
img{ border:none;vertical-align:middle}
a{text-decoration:none; border:none;}
a:link {text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none; color: #FF0000;}
a:active { text-decoration: none;}
table{ border-collapse:collapse; border-spacing:0;}
header{
    -moz-box-shadow:2px 2px 5px #f0f0f0 inset;
    -webkit-box-shadow:2px 2px 5px #f0f0f0 inset;
    box-shadow:2px 2px 5px #f0f0f0 inset;
}

.content{
    height:100%;
    box-sizing:border-box;
    width:100%;
}

.header-logo{
    height:75px;
    line-height:75px;
    margin:0 auto;
    text-align:left;
    background-color:#fff;
}
.header-logo img{
    margin-left:3%;
}
.main{
    height:90%;
    background:url(../img/bg04.png) 120px -185px no-repeat;
    border-bottom:1px solid #ddd;
}
.main section{height:100%;}
footer{
    height:9%;
    background-color:#f9f9fa;
}
.main-container{
    margin:0 auto;
}
.main-left img{width:85%;}
.main-right{
    width:30%;
    text-align:center;
    margin-top:20px;
    margin-right:5%;
}
.register{
    -moz-box-shadow:0px 0px 5px #efefef;
    -webkit-box-shadow:0px 0px 5px #efefef;
    box-shadow:0px 0px 5px #efefef;
    background-color:#fff;
    border-radius:5px;
    width:360px;
}

.bottom {
    margin-top: 35px;
}

.bottom_01 {
    color: #FFFFFF;
    font-size: 14px;
}


.title_41{
    position: relative;
    left: -6px;
}
.title_031 {
    width:348px;
    height:31px;
    font-size: 31px;
    font-family:Source Han Serif CN;
    font-weight:bold;
    color:rgba(102,103,102,1);
    line-height:32px;
}
.main-right{
    position: relative;
    left: -8px;
    top: -107px;
}
.account_01{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(70,81,96,1);
}
.account_0{
    width:158px;
    height:14px;
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(70,81,96,1);
}
.account_02{
    font-size:14px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(70,81,96,1);

}
.ring_up{
    width:36px;
    height:18px;
    font-size:18px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(255,255,255,1);
}

.title {
    width: 80%;
    height: 80%;
    margin: auto;
    text-align:center;
    background-color: #FFFFFF;
    /*	margin-top: 12px;*/
    border-radius: 24px;
    background-image: url(/img/logs3.png);
    background-position:center center;
    position:relative;
    margin-top:10%;
}

.title_02 {
    position:absolute;
    top:51px;
    left:178px;
    width:348px;
    height:123px;
    font-size:31px;
    font-family:Source Han Serif CN;
    font-weight:bold;
    color:rgba(102,103,102,1);
    text-align:left;
}

.supply{
    font-size:12px;
    font-family:Microsoft YaHei;
    font-weight:bold;
    color:rgba(102,102,102,1);
}
.title_03{
    font-size:31px;
    font-family:Source Han Serif CN;
    font-weight:bold;
    color:rgba(102,103,102,1);
    line-height:32px;
}
.title_01 {
    position:absolute;
    top:0;
    left:0;
    padding-top:31px;
    padding-left:40px;
    width:106px;
    height:92px;
    float:left;

}

.title1 {
    font-size: 34px;
    font-color: #333333;
    font-family:Microsoft YaHei;
    font-weight:bold;
}

.title2 {
    position:absolute;
    right:30px;
    top:150px;
}

.register_02,.users,.pass{
    width:75%;
    margin:5px auto;

}

.register_02{
    margin:0 auto;
}
.register_02 a{
    color:#7d8297;
    font-size:14px;
}
.register_02 a:hover{
    color:#337ab7;
}
.username{

}
.users,.pass{
    border:2px solid rgba(241,241,241,1);
    border-radius:6px;
    width:90%;
    height:34px;
}
.pass,.no-account{
    margin-bottom:20px;
}
.no-account{
    border:0;
    padding-bottom:50px;
    margin-top:10px;
    position: relative;
    left: 147px;
}

.users span,.pass span{
    float:left;
    display:block;
    width:20px;
    height:30px;
    background:url(../img/username.png) center no-repeat;
    padding: 0px 10px;
    border-right:1px solid #ddd;
}
.pass span{
    background:url(../img/password.png) center no-repeat;
}
.users input,.pass input{
    float:left;
    height:30px;
    border:none;
    padding-left:10px;
    outline:none;
    width:90%;
}
.btn,.no-account{
    text-align:center;
}
.no-account a{color:#6597fb;}
.no-account span{color:#666;}
.btn button{
    margin-left:20px;
    width:100%;
    height:30px;
    color: #fff;
    background-color: #3055fb;
    border-color: #3055fb;
    border-style:none;
    border-radius:4px;
}
.btn button:hover{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    cursor:pointer;
}
.main-left{
    margin-top:40px;
    margin-left:12%;
}
.main-right h3{
    margin-bottom:25px;
    color:#999;
    font-size:18px;
    font-weight:normal;
}
.main-text{
    width:100%;
    float:left;
    text-align:center;
    color:#666;
    margin-top:25px;
    height:50px;
    font-size:18px;
}
footer p{
    text-align:center;
    padding-top:20px;
    font-size:16px;
    color:#7d8297;
}
.shadow{
    border:1px solid #c0ccfe;
    -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
    border-color:rgba(192,204,254);
    -webkit-box-shadow:0 0 18px rgb(192,204,254);
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent;
    background-image: none;
    color: rgb(0, 0, 0);
}