html,body{ width: 100%; height: 100%; margin: 0; padding: 0;}
input{ outline: none;}
.container-box{height:100%; background: url(../images/loginbg.jpg) no-repeat center center; background-size: cover;}
.center-box{ width: 760px; min-height: 500px; position: absolute; right:18%; top:150px;}
.center-box .title{ width: 100%; height: 55px; line-height: 55px; font-size: 36px; color: #fff; text-align:center; margin-bottom:30px;}
.center-box img{ margin-right: 10px;}
.form-box{ width: 100%; min-height: 430px;  margin-top: 15px; overflow: hidden;}
.form-box .form{ width: 420px; height: 100%;background: rgba(255,255,255,0.9); float: right; padding: 30px 45px; box-sizing: border-box; border-radius:4px;}
.form-box .form>div{ width: 100%;}
.form-box .form .tit{ font-size: 18px; margin-bottom: 20px; color:#26bc7d;}
.form-box .form .username-box,.form-box .form .password-box,.form-box .form .code-box{ height: 45px; line-height: 45px; margin-bottom: 20px; position:relative;}
.form-box .form .username-box input,.form-box .form .password-box input{padding-left: 45px;border: 1px solid #d5d5d5; width: 100%; height: 100%; box-sizing: border-box; font-size: 16px; border-radius: 5px;}


.form-box .form .code-box input{ width: 200px; height: 100%; float: left; padding:0 10px;border: 1px solid #d5d5d5;box-sizing: border-box; font-size: 16px; border-radius: 5px;}

.form-box .form .code-box .code-img{ width: 130px; height: 100%;border: 1px solid #d5d5d5;box-sizing: border-box; float: right;border-radius: 5px; overflow: hidden;}
.form-box .form .code-box .code-img img{ width: 100%; height: 100%;}

button{ width: 100%; height: 46px; background:#26bc7d; color:#fff !important; border: none; outline: none; margin-bottom: 20px; border:none; border-radius:4px; font-size:18px!important;}
.forget{  text-align: center;}
.forget a{ text-decoration: none; color:#26bc7d ; font-size: 14px;}

.copyright{ width: 100%; height:30px; line-height:30px; position:fixed; bottom:0; left:0; text-align: center; color: #1271ba; font-size: 14px; background:rgb(7,76,133);}
.copyright a{ color:#fff;}
.form-box .form .username-box span, .form-box .form .password-box span { padding:25px; position:absolute; left:0; top:0;}
.form-box .form .username-box span{background: url(../images/icon_yonghu.png)center no-repeat;}
.form-box .form .password-box span{background: url(../images/icon_mima.png)center no-repeat;}