*{margin:0 auto;padding:0}body{background:url(../../Images/login-register/bg.jpg) no-repeat 0 0;font-family:Helvetica Neue,Helvetica,Arial,Microsoft YaHei,sans-serif;font-size:12px;line-height:20px}input{border:none;background:none}input::-webkit-input-placeholder{color:#ccc}input:focus{color:#14a484;outline:none}input:-webkit-autofill{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#14a484}li,ul{list-style:none}a{text-decoration:none}.hide{display:none}.wrapper{width:1200px;color:#fff}.wrapper .wrapper-bg{margin:90px auto;padding:100px 200px;background:rgba(53,57,102,.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8353966,endColorstr=#353966);border-radius:3px}.wrapper .wrapper-bg .logowrap{position:absolute;top:115px;left:195px}.wrapper .wrapper-bg .logowrap a .iconfont{font-size:42px;color:#a8aabb;font-weight:100}.wrapper .wrapper-bg .logowrap a .iconfont:hover{color:#14a484}.ctn-login .title,.ctn-register .title{font-size:28px;font-weight:300;font-family:YouYuan;text-align:center}.ctn-login .form-con .r-item,.ctn-login .form-con p,.ctn-register .form-con .r-item,.ctn-register .form-con p{margin-top:25px;border-bottom:1px solid #a4a1b3}.ctn-login .form-con .r-item .iconfont,.ctn-login .form-con p .iconfont,.ctn-register .form-con .r-item .iconfont,.ctn-register .form-con p .iconfont{padding:0 5px}.ctn-login .form-con .r-item input,.ctn-login .form-con p input,.ctn-register .form-con .r-item input,.ctn-register .form-con p input{width:500px;padding:12px 5px;color:#14a484}.ctn-login .form-con .r-item #ctn-pwd-strength,.ctn-login .form-con p #ctn-pwd-strength,.ctn-register .form-con .r-item #ctn-pwd-strength,.ctn-register .form-con p #ctn-pwd-strength{position:absolute;margin:16px 0 0 10px}.ctn-login .form-con .r-item #ctn-pwd-strength em,.ctn-login .form-con p #ctn-pwd-strength em,.ctn-register .form-con .r-item #ctn-pwd-strength em,.ctn-register .form-con p #ctn-pwd-strength em{display:block;font-size:0;width:5px;height:4px;background:#ddd}.ctn-login .form-con .r-item #ctn-pwd-strength em+em,.ctn-login .form-con p #ctn-pwd-strength em+em,.ctn-register .form-con .r-item #ctn-pwd-strength em+em,.ctn-register .form-con p #ctn-pwd-strength em+em{margin-top:1px}.ctn-login .form-con .r-item #ctn-pwd-strength.level-high .high,.ctn-login .form-con .r-item #ctn-pwd-strength.level-high .low,.ctn-login .form-con .r-item #ctn-pwd-strength.level-high .normal,.ctn-login .form-con .r-item #ctn-pwd-strength.level-low .low,.ctn-login .form-con .r-item #ctn-pwd-strength.level-normal .low,.ctn-login .form-con .r-item #ctn-pwd-strength.level-normal .normal,.ctn-login .form-con p #ctn-pwd-strength.level-high .high,.ctn-login .form-con p #ctn-pwd-strength.level-high .low,.ctn-login .form-con p #ctn-pwd-strength.level-high .normal,.ctn-login .form-con p #ctn-pwd-strength.level-low .low,.ctn-login .form-con p #ctn-pwd-strength.level-normal .low,.ctn-login .form-con p #ctn-pwd-strength.level-normal .normal,.ctn-register .form-con .r-item #ctn-pwd-strength.level-high .high,.ctn-register .form-con .r-item #ctn-pwd-strength.level-high .low,.ctn-register .form-con .r-item #ctn-pwd-strength.level-high .normal,.ctn-register .form-con .r-item #ctn-pwd-strength.level-low .low,.ctn-register .form-con .r-item #ctn-pwd-strength.level-normal .low,.ctn-register .form-con .r-item #ctn-pwd-strength.level-normal .normal,.ctn-register .form-con p #ctn-pwd-strength.level-high .high,.ctn-register .form-con p #ctn-pwd-strength.level-high .low,.ctn-register .form-con p #ctn-pwd-strength.level-high .normal,.ctn-register .form-con p #ctn-pwd-strength.level-low .low,.ctn-register .form-con p #ctn-pwd-strength.level-normal .low,.ctn-register .form-con p #ctn-pwd-strength.level-normal .normal{background:#22d3b6}.ctn-login .form-con .r-item img,.ctn-login .form-con p img,.ctn-register .form-con .r-item img,.ctn-register .form-con p img{position:absolute;margin:5px 0 0 170px;cursor:pointer}.ctn-login .form-con .r-item.pline:hover,.ctn-login .form-con p.pline:hover,.ctn-register .form-con .r-item.pline:hover,.ctn-register .form-con p.pline:hover{border-bottom:1px solid #14a484;color:#14a484}.ctn-login .form-con .r-item.pline:hover input::-webkit-input-placeholder,.ctn-login .form-con p.pline:hover input::-webkit-input-placeholder,.ctn-register .form-con .r-item.pline:hover input::-webkit-input-placeholder,.ctn-register .form-con p.pline:hover input::-webkit-input-placeholder{color:#14a484}.ctn-login .form-con .ctn-operate,.ctn-register .form-con .ctn-operate{margin-top:15px;text-align:right;border-bottom:none}.ctn-login .form-con .ctn-operate a,.ctn-register .form-con .ctn-operate a{color:#fff}.ctn-login .form-con .agreement-form,.ctn-register .form-con .agreement-form{text-align:left;border-bottom:none}.ctn-login .form-con .agreement-form input,.ctn-register .form-con .agreement-form input{position:relative;top:3px;width:15px;border:none}.ctn-login .form-con .agreement-form a,.ctn-register .form-con .agreement-form a{color:#14a484}.ctn-login .form-con .agreement-form a:hover,.ctn-register .form-con .agreement-form a:hover{font-weight:700}.ctn-login .form-con .ctn-submit,.ctn-login .form-con .submit-form,.ctn-register .form-con .ctn-submit,.ctn-register .form-con .submit-form{margin-top:15px;text-align:center;border-bottom:none}.ctn-login .form-con .ctn-submit button,.ctn-login .form-con .submit-form button,.ctn-register .form-con .ctn-submit button,.ctn-register .form-con .submit-form button{width:100%;padding:10px 0;background:none;color:#fff;font-size:16px;border:none;border-bottom:1px solid #fff;cursor:pointer}.ctn-login .form-con .ctn-submit button:hover,.ctn-login .form-con .submit-form button:hover,.ctn-register .form-con .ctn-submit button:hover,.ctn-register .form-con .submit-form button:hover{color:#14a484;border-bottom:1px solid #14a484;animation-name:a .2s linear forwards;-moz-animation:a .2s linear forwards;-webkit-animation:a .2s linear forwards;-o-animation:a .2s linear forwards}@keyframes a{0%{width:100%;color:#fff}to{width:100px;color:#14a484;border-bottom:1px solid #14a484}}.ctn-login .form-con .tip,.ctn-register .form-con .tip{margin-left:30px}.ctn-login .form-con .tip-error,.ctn-register .form-con .tip-error{margin-top:10px;border-bottom:none;color:red}.login,.register{padding:10px 0;text-align:right}.login #login-ask,.login #register-ask,.login .login-go,.login .register-go,.register #login-ask,.register #register-ask,.register .login-go,.register .register-go{display:inline-block}.login #login-ask a,.login #register-ask a,.login .login-go a,.login .register-go a,.register #login-ask a,.register #register-ask a,.register .login-go a,.register .register-go a{color:#1a9880}.login #login-ask a:hover,.login #register-ask a:hover,.login .login-go a:hover,.login .register-go a:hover,.register #login-ask a:hover,.register #register-ask a:hover,.register .login-go a:hover,.register .register-go a:hover{text-decoration:underline}