*{
	margin:0;
	padding:0;
}
body,html{
	height: 100%;
    width: 100%;
}
.view{
    height: 100%;
}
.view .topimg {
    height: 111px;
    width: 100%;
}

.view .topimg img {
    width: 100%;
    height: 100%;
}

.view .centent {
    width: 100%;
    position: relative;
    height: calc(100% - 171px);
    background-repeat:no-repeat;
    background-size:cover;
}
 .view .gq1{
    vertical-align: middle; overflow: hidden;
}



.view .gq1  img{
    width: 100%;
    height: 100%;
     /*height: auto;*/

}
@media all and (min-width:100px) and (max-width:300px) {
    .view .gq1 img {
        width: 100%;
        height: 520px;
    }
}
@media all and (min-width:300px) and (max-width:800px) {
    .view .gq1 img {
        width: 100%;
        height: 520px;
    }
}
@media all and (min-width:800px) and (max-width:1366px) {
    .view .gq1 img {
        width: 100%;
        height: 520px;
    }
}
.view .cententimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -20px;
    left: 0;
}

.view .login {
    width: 250px;
    height: 350px;
    position: absolute;
    top: 50%;
    right: 70px;
    margin-top: -180px;

}

.view .bottom {
    width: 100%;
    /*底部的高*/
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: url(../images/footer.png) 0 0 no-repeat;
    background-size: 100% 100%;
    font-size: 13px;
    color:#939598;
    font-size: 14px;
}

.view .btn-left {
    display: inline-block;
    margin-right: 25px;
}

.view .btn-right {
    margin-right: 25px;
}

.view .login {
    width: 250px;
    height: 330px;

}

.view .account {
    font-size: 16px;
    font-family: "Microsoft Yahei";
    border-bottom: 1px solid #a6b0b4;
    color: #f6fdfe;
    height: 45px;
    line-height: 45px;
    text-align: center;

}

.view .input-t {
    width: 212px;
    height: 35px;
    margin-top: 18px;
    margin-bottom: 12px;
    margin-left: 20px;
    position: relative;
    color: #cdd7d9;
}

.view .input-m {
    width: 212px;
    height: 35px;
    margin-top: 18px;
    margin-bottom: 12px;
    margin-left: 20px;
    position: relative;
    color: #cdd7d9;
}

.view .input-b {
    width: 212px;
    height: 35px;
    margin-top: 18px;
    margin-bottom: 12px;
    margin-left: 20px;
    line-height: 35px;

}

.view .text-input {
    width: 212px;
    height: 35px;
    margin-top: 18px;
    margin-left: 20px;
    color: #cdd7d9;
}

.view .text-input span {
    float: left;
    display: inline-block;
    /*background: #007AFF;*/
}

.view .text-input input {
    width: 122px;
    height: 30px;
    padding-left: 45px;

}

.view .code-img {
    width: 72px;
    height: 30px;
    display: inline-block;
    margin-left: 14px;
    margin-bottom: 20px;
}

.view .code-img img {
    height: 100%;
    width: 100%;
}

.view #btn-l {
    width: 97px;
    height: 35px;
    margin: 0 17px;

}

.view #btn-r {
    width: 97px;
    height: 35px;


}

.view input {
    border-radius: 3px;
}

.view .regsiter {
    margin-top: 45px;
}

.view .input .input_img {
    position: absolute;
    left: 14px;
    top: 6px;
    display: inline-block;
    height: 19px;
    width: 18px;
    background: url(../images/icon-yonghuming.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.view .input .input_imgs {
    background: url(../images/iconfont-mima.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.view .text-input .input_codeimg {
    background: url(../images/icon-yanzhengma.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.view .centent .loginbak {
    /*z-index: 2;*/
    background: #2b3f4e;
    opacity: 0.8;
}

.view .towsame {
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    width: 44px;
    background: url(../images/towsame.png) 0 0 no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.view .forget-p {
    color: #fff;
    font-size: 12px;
}


.view .text-input span {
    position: relative;
}
.view .text-input .forget-p{
	float:right;
}
.view .text-input .input_check {
    position: absolute;
    visibility: hidden;
}

#rememberMe>span>label {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #d4cdcd;
    margin-top: 2px;

}
.checked_label{
    left: 1px;
    bottom: 12px;
    width: 8px;
    height: 6px;
    top: 0px;
    border: 1px solid #d4cdcd;
    border-top-color: transparent;
    border-right-color: transparent;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-45deg);
}

.view .bottom{
    position: fixed;
    bottom: 0;
    overflow: hidden;
}
@media all and (min-width:100px) and (max-width:300px) {
   .view .bottom {
        width: 100%;
        font-size: 12px;
    }
}
@media all and (min-width:300px) and (max-width:800px) {
    .view .bottom {
        width: 100%;
        font-size: 12px;
    }
}
@media all and (min-width:800px) and (max-width:1366px) {
    .view .bottom {
        width: 100%;
        font-size: 14px;
    }
}

.view a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}

.view a:link {color:#b7babb; }     /* 未被访问的链接      */
.view a:visited {color: #b7babb;}  /* 已被访问过的链接    */
.view a:hover {color:#2b669a;}    /* 鼠标悬浮在上的链接  */
.view a:active {color: #b7babb;}   /* 鼠标点中激活链接    */

.view a:active {outline:none;}