/* CSS Document */
body{ background:#fff; z-index: 102;}
.header_cont { border-bottom: 2px #676767 solid; }
.header .logo { width: 164px; margin-top: 15px;}
.header .location { width: 1036px; margin-top: 25px;}
.header .zhxx { float: right !important; margin-top:10px;}
.header .zhxx a { margin-left: 15px; color: #3b78c3; font-size: 15px; font-weight:normal;}
.header .zhxx a:hover{ color:#F47861 !important;}


.contentBox { width:100%; padding-top:50px; min-height:350px; position:relative;}
.bgIMG{ position:absolute; top:0;}
.contentBox .content{ width:680px; position:relative; padding-bottom:60px; min-height:300px;}


.contentBox .content .img{ position:absolute; bottom:0px; opacity:0.15; filter:alpha(opacity=15); z-index:111}
.container { position:relative; width:400px; margin-top:0; padding:10px; background:rgba(118,117,117,0.25); z-index:222}

input{ margin:0; padding:0; font-size:12px; outline:none; resize:none; border:0;background:none;}
.text{ font-size: 15px; color: #333; border: 1px #CECECF solid; background: white; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); -webkit-appearance: none;}


.container dl{ width:400px; padding:30px 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff;}
.container dl dt{ text-align:center; font-size:16px; margin-bottom:20px;}
.container dl dt a{ display:inline-block; width:50%;}
.container dl dt a.on { color: #FD922E;}
.container dl dd { width:328px; margin:auto;}
.container dl dd .cell { float:left; margin-bottom:16px; zoom:1;}
.container dl dd .cell input { width:304px; padding:10px 11px; font-size:15px;}
.container dl dd .cell span{ color:#DC474A; font-size:13px;}
.container dl dd .cell span i{ width: 15px; height: 15px !important; margin-right: 5px;background: url(../image/pcC_icon.png) no-repeat;background-position: -64px -299px; vertical-align:middle; margin-top:-2px;}
.container dl dd .cell.vcode,.container dl dd .cell.confirm{ width:328px; margin-bottom:10px;}
.container dl dd .cell.vcode input{ width:110px;}
.container dl dd .cell.vcode a{ color:#3538D8; margin-left:10px;}
.container dl dd .cell.marT10{ margin-top:10px;}
.container dl dd .cell.marT20{ margin-top:10px;}
.container dl dd .cell.confirm{ overflow:hidden; position:relative;}
.container dl dd .cell.confirm input{ }
.container dl dd .cell.confirm a{ position:absolute; right:10px; top:4px; display:inline-block; font-size:13px; background:#167efb; padding:7px 15px; color:#fff; z-index:2222; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.container dl dd .cell.confirm a.disabled{     background: hsla(0, 0%, 92%, 1); color: #aaa; cursor: not-allowed;}
.container dl dd .cell.confirm a:hover{ text-decoration:none; background:#3D6CE9; color:#fff;}
.container dl dd .cell.confirm a.disabled:hover{ background:#D7D2D2; color:#636363;}
.container dl dd .cell img{ vertical-align:middle; margin-top:-2px;}
.container dl dd .tips{ margin-bottom:15px;}
.container dl dd .tips a{ color:#3538D8;}
.container dl dd .tips a.pw{ float:right;}
.container dl dd .button { width:100%; display:inline-block; height:40px; line-height:40px; text-align:center; font-size:18px; color:white; border:0 none; background:#9ed04d; cursor:pointer;}
.container dl dd .button:hover { text-decoration:none; background:#76bf48;}
.container dl dd .button:active { background:#51b73d;}
.container dl dd .user-agreement{ margin-bottom:20px;}
.container dl dd .user-agreement a{ color:#3538D8}
.forGetPas {margin-bottom:16px;padding-top:40px;  width:558px; height:30px;background: url(../image/forget-pas.jpg) no-repeat; }
.forGetPas span{padding-left:46px;padding-right:80px;color:#DC474A; font-size:14.8px;font-weight:bold;}
.forGetPas span.forGetPasFont{color:#e3dbd9; font-size:14.8px; font-weight:bold;}

.forGetPas1 {margin-bottom:16px;padding-top:40px;  width:558px; height:30px;background: url(../image/forget-pas1.jpg) no-repeat; }
.forGetPas1 span{padding-left:46px;padding-right:80px;color:#DC474A; font-size:14.8px;font-weight:bold;}
.forGetPas1 span.forGetPasFont{color:#e3dbd9; font-size:14.8px; font-weight:bold;}

.forGetPas2 {margin-bottom:16px;padding-top:40px;  width:558px; height:30px;background: url(../image/forget-pas2.jpg) no-repeat; }
.forGetPas2 span{padding-left:46px;padding-right:80px;color:#DC474A; font-size:14.8px;font-weight:bold;}
.forGetPas2 span.forGetPasFont{color:#e3dbd9; font-size:14.8px; font-weight:bold;}

.forGetName{padding-top:10px;  width:558px; height:45px;text-align:center;font-size:18px;color:#666666;}
.forGetName1{  width:558px; height:45px;text-align:center;font-size:14.8px;color:#666666;}

/*2018*/
.header_cont {

    padding: 0 10%;
    border:none;
    width: 80%;
}

.header{width: 100%;}
.bg-img{
    width: 100%;
}

.contentBox {
    padding-top: 0;
    position: relative;
}

.header .location {

    margin-top: 25px;
}
.zhxx{
    line-height: 85px;
}
.container {
    position: absolute;
    width: 350px;
    margin-top: 0;
    padding: 0;
    background: none;
    z-index: 222;
    right:28%;
    top:18%;
}
.container dl dt a.on {
    color: #10c55b;
    position: relative;
}
.container dl dt a {
    position: relative;
    line-height:46px;
    padding: 5px 0px;
    margin-bottom:10px;
    color: #999;
}
.container dl dt a:first-child{margin-right:6%;}
.container dl {

    padding: 23px 8% 10px 8%;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
    width: 84%;


}
.container dl dt a:hover{
    text-decoration: none;
    color: #10c55b;
}

.container dl dt a:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 7px;
    left: 0px;
    right: 10px;
    background-color: #10c55b;
    /*visibility: hidden;*/
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.container dl dt a:first-child:after{

    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.container dl dt a:hover:after {


    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.container dl dt {

    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;


}
.container dl dd .cell input{

    background: none;
    width: 95%;

}
.container dl dd .cell {
    width: 100%;
    position: relative;

}

.container dl dd .cell input {
    padding: 0;
    line-height: 36px;
    border-color: #f1f1f1;
    padding-left:5%;
    color: #999;
    font-weight: 500;
    height: 36px;

}
.custom-checkbox-item {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.pull-left {
    float: left!important;
    margin-top: 3px;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;


}
input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.custom-checkbox {
    display: none;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
.custom-checkbox-mark {
    position: relative;
    display: inline-block;
    /*vertical-align: middle;*/
    margin-right: 4px;
    width: 15px;
    height: 15px;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.custom-checkbox:checked ~ .custom-checkbox-mark:before {
    display: block;
}
.custom-checkbox-mark:before {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -6px;
    height: 7px;
    width: 12px;
    border: solid #58b771;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container dl dd .cell:last-child{

    margin-bottom: 10px;

}
.Keep-mm span{
    color: #999;
    font-size:12px;

}
input::-webkit-input-placeholder{
    color:#999;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999;
}

.container dl dd .button {
    width: 100%;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    color: white;
    border: 0 none;
    background: #10c55b;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 30px;
}

/*清除浮动代码*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}

.qtdl-box li img{ float: left; width: 24px;}
.qtdl-box li span{
    float: left;
    line-height:24px;
    padding-left: 8px;
    color: #999;
    font-size:13px;
}
.qtdl-box{
    margin:0px 0 10px 0;}
.qtdl-box li{

    float: left;
    margin-right: 18px;

}
.qtdl-box li:last-child{margin-right: 0; float: right;}
.forget-password a{
    color: #fff;
    line-height:46px;
}
.forget-password{text-align: center;}
.Keep-mm a{
    float: right;
    color:#999;
    font-size: 12px;

}
a {
    text-decoration: none;
    color: #999;
}
.footer .b_box {

    color: #999;
}
.container dl dd .cell input {

    font-size: 14px;
}
html, body, input, button {
    font: 14px/1.5 "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, arial, Tahoma, SimSun, sans-serif, "PingFang SC Regular";
}

.content {
    margin-top:0;
}
.container dl dd .cell.confirm {
    overflow: inherit;
    position: relative;
}
.container dl dd .cell.confirm a {
    position: absolute;
    right:2px;
    top: 3px;
    display: inline-block;
    font-size: 13px;
    background: #167efb;

    z-index: 2222;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    height:32px;
    line-height: 32px;
    padding: 0 6px;
    color: #666 !important;


}

.prompt-0{
    position: absolute;
    margin: 2px 0;
    font-size:0.8em;
    color: red;
}
.container dl dd .cell.marT10 {
    margin-top: 0px;
}
.container dl dd {
    width: auto;
    margin: auto;
}
.text{
    box-shadow:none !important;
}
.container dl dt a {
    display: inline-block;
    width: 47%;
}
.container dl dd .cell.vcode, .container dl dd .cell.confirm {
    width: 100%;
}
.code{
    margin:0 auto;
}
.input-val{
    width: 295px;
    background: #ffffff;
    height: 2.8rem;
    padding: 0 2%;
    border-radius: 5px;
    border: none;
    border: 1px solid rgba(0,0,0,.2);
    font-size: 1.0625rem;
}
#canvas{
    float:right;
    display: inline-block;
    border:1px solid #ccc;
    cursor: pointer;
    width: 30%;
    height: 36px;
}
.container dl dd .cell .code input{
    width: 60%;
}
.get-yzm{
    position: absolute;
    right: -1px;
    top: -1px;
    cursor: pointer;
    background: hsla(168, 80%, 42%, 1);
    margin: 5px;
    display: inline-block;
    line-height: 40px;
    text-align: left;
    padding-right: 12px;
    border-radius: 2px;
    color: #fff;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.get-yzm:hover{
    background: hsla(168, 76%, 40%, 1);
    text-decoration: none;
    color: #fff;
}
.warning{
    color: #d81e06;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}
.warning img{
    float: left;
}
.warning span{
    float: left;
    line-height:16px;
    padding-left: 4px;
}
a{
    color: #0c6ad4;
}
.Keep-mm{
    float: left;
    width: 100%;
}