.container { background: url('../images/login_bg.jpg') top center no-repeat;}
.container .wrap { height: 844px; position: relative; }
.footer { margin-top: 0;}
.login-wrap { width: 264px; padding: 15px 26px; background: #f3fcfd; box-shadow: 0 0 10px #ccc; border-radius: 5px; position: absolute; top: 100px; right: 0px;}
.login-wrap .tab { border-bottom: 1px solid #bfbfbf; text-align: center; margin-bottom: 20px;}
.login-wrap .tab li { display: inline-block; vertical-align: top; width: 35%; height: 44px; line-height: 44px; text-align: center; font-size: 14px; border-bottom: 2px solid transparent; cursor: pointer; margin-bottom: -1px; font-weight: bold;}
.login-wrap .tab .active { border-bottom-color: #3fb2e8;}

.w-form { font-size: 14px;}
.w-item { height: 34px; border-radius: 3px; border: 1px solid #e0e0e0; box-shadow: inset 0 0 8px #e8e8e8; margin: 10px 0; background: #fff; position: relative;}
.w-item .icon { display: inline-block; vertical-align: top; width: 34px; height: 34px; background: url('../images/login_csp.png') no-repeat;}
.w-item .icon-acc { background-position: 10px 10px;}
.w-item .icon-lock { background-position: 10px -30px;}
.w-item .icon-phone { background-position: 10px -69px;}
.w-input { width: 220px; height: 34px; border: 0; background: transparent; font-size: 14px;}
.user-opt { overflow: hidden; margin: 15px 0; user-select: none;}
.user-opt .login-save input { vertical-align: text-top; margin-top: 2px;}
.user-opt a { color: #3fb2e8;}
.btn-submit { display: block; width: 100%; height: 42px; margin: 10px 0; border-radius: 3px; background: #3b8bee; background: linear-gradient(#0bbafb, #4285ec); color: #fff; font-size: 14px; border: 1px solid #1ea6ff; cursor: pointer;}
.noacc { text-align: center; color: #424242; margin: 30px 0;}
.noacc a { color: #4285ec;}

.w-item-2 { }
.w-item-2 .w-item:nth-child(1) { display: inline-block; width: 150px; vertical-align: top;}
.w-item-2 .w-item:nth-child(1) .w-input { width: 110px;}
.w-item-2 .w-item:nth-child(2) { display: inline-block; width: 95px; margin-left: 10px;}
.btn-code { border: 0; width: 100%; height: 34px; text-align: center; background: transparent; color: #0bbafb; font-size: 12px;line-height: 34px;display: inline-block;}
.color-disable{color: #d8d8d8;}
a.color-disable:hover{color: #d8d8d8;}