html{height:100%}*{font-family:PingFang SC,Microsoft YaHei,Helvetica,Arial,sans-serif}.btn{outline:none!important;box-shadow:none!important}a:hover{text-decoration:none}label{font-weight:400}body{overflow:hidden;min-width:700px;height:100%}.btn-blue,.btn-blue:focus{background:#668eff;color:#fff;border-radius:50px;height:50px;padding:10px 20px;font-size:18px;box-shadow:4px 4px 6px rgba(124,154,239,.8)}.btn-blue:hover{color:#fff;background:#87a6ff}.btn-blue:active{box-shadow:4px 4px 6px rgba(124,154,239,.8),inset 1px 2px 4px rgba(0,0,0,.1)}.login{width:100%;height:100%;background:url(../../images/timg2.jpg) no-repeat;background-size:cover;position:relative;overflow:hidden;min-height:100%}.login-wrapper{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);z-index:1;width:630px}.logo{display:block;text-align:center;margin:auto;margin-bottom:40px}.logo .logo-img{width:150px;display:inline-block;vertical-align:middle}.logo .logo-text{font-size:24px;color:#fff;border-left:solid 1px #fff;vertical-align:middle;padding-left:30px;line-height:40px;margin-left:20px}.login-box{border-radius:5px;box-shadow:0 22px 51px rgba(0,0,0,.3);background:#fff;background:-webkit-linear-gradient(20deg,rgba(255,255,255,.7) 0%,#fff 70%);background:-o-linear-gradient(20deg,rgba(255,255,255,.7) 0%,#fff 70%);background:-moz-linear-gradient(20deg,rgba(255,255,255,.7) 0%,#fff 70%);background:linear-gradient(20deg,rgba(255,255,255,.7) 0%,#fff 70%);width:100%;padding-top:40px;margin-bottom:40px}.login-box .login-role{}.login-role .nav-tabs{width:100%;border:none}.login-role .nav>li{width:50%}.login-role .nav>li>a{border:none;color:#383838;font-size:28px;text-align:center}.login-role .nav>li>a:after{content:'';display:block;width:46px;height:2px;margin:auto;margin-top:20px;background:transparent}.login-role .nav-tabs>li.active>a,.login-role .nav-tabs>li.active>a:hover,.login-role .nav-tabs>li.active>a:focus,.login-role .nav>li>a:hover,.login-role .nav>li>a:focus{border:none;background:none;color:#668eff}.login-role .nav-tabs>li.active>a:after,.login-role .nav-tabs>li.active>a:hover:after,.login-role .nav-tabs>li.active>a:focus:after,.login-role .nav>li>a:hover:after,.login-role .nav>li>a:focus:after{background:#668eff}.login-role .tab-content{padding:72px 95px 0}.login-role #admin{padding-bottom:72px}.login-role #staff{padding-bottom:27px}.form-horizontal .form-group{margin-left:0;margin-right:0;margin-bottom:20px;position:relative}.form-horizontal .form-group .form-control{border-radius:50px;border:solid 1px #c7c7c7;background:none;padding:10px 32px;height:52px;font-size:18px}.form-horizontal .form-group .form-control:focus{box-shadow:none;border-color:#989898}.form-horizontal .form-group .form-control.error{border-color:#ff8d8d}.verify-code .verify{color:#668eff;font-size:18px;padding-left:20px;position:absolute;right:10px;top:10px;background:none;height:inherit}.btn-look .btn{position:absolute;right:10px;top:0;background:none;height:52px}.btn-look .form-control{padding-right:65px}.btn-code .btn{color:#668eff;font-size:18px;padding-left:20px;position:absolute;right:10px;top:0;background:none;height:52px}.btn-code .form-control{padding-right:130px!important}.btn-code .btn:before{content:'';position:absolute;left:0;top:12px;display:inline-block;width:1px;height:28px;background:#d5d5d5}.login-role .forget-link{font-size:18px;color:gray;text-decoration:none;margin-bottom:20px;display:inline-block}.login-role .forget-link:hover{color:#668eff}.login-box .btn-blue{width:100%;margin-bottom:30px}.decs{display:block;text-align:center;font-size:18px;color:gray}.link{color:#648bff}.help-link{font-size:18px;color:#fff;text-align:center;display:block}.help-link:hover{color:#fff}.code{width:224px;margin:auto;display:block;margin-bottom:80px}.code-intro{display:block;text-align:center;font-size:18px;color:#383838}.code-intro.text-gray{color:gray}.steps{list-style:none;padding:0;margin:0}.steps:after{content:'';clear:both;display:block}.steps>.step{float:left;width:33.3333%;text-align:center;position:relative}.steps>.step:after{content:'';position:absolute;top:15px;left:0;width:100%;height:1px;background:#dbdbdb}.steps.step1>.step:first-of-type>.num,.steps.step1>.step:first-of-type:after,.steps.step2>.step:first-of-type>.num,.steps.step2>.step:first-of-type:after,.steps.step2>.step:nth-child(2)>.num,.steps.step2>.step:nth-child(2):after,.steps.step3>.step>.num,.steps.step3>.step:after{background:#648bff}.steps.step1>.step:first-of-type>.stepName,.steps.step2>.step:first-of-type>.stepName,.steps.step2>.step:nth-child(2)>.stepName,.steps.step3>.step>.stepName{color:#648bff}.steps>.step>.num{font-size:20px;color:#fff;background:#dbdbdb;border-radius:20px;text-align:center;line-height:34px;width:33px;font-weight:100;height:33px;display:inline-block;margin-bottom:10px;position:relative;z-index:1}.steps>.step>.stepName{display:block;font-size:18px;color:#ccc}.step-box{padding:37px 95px 0}.step1-box{padding-bottom:41px}.step2-box{padding-bottom:30px}.step2-box .code-intro{margin-top:38px;margin-bottom:20px}.login-box .step2-box .btn-blue{margin-bottom:20px}.step3-box{padding-top:100px;padding-bottom:110px}.step3-box .icon{width:140px;display:block;margin:auto;margin-bottom:24px}.sign-intro{font-size:30px;color:#648bff;display:block;text-align:center;margin-bottom:30px}.code-intro{font-size:18px;color:gray}@media(max-width:1537px){.decs{font-size:16px}.login-wrapper{width:500px}.login-box{margin-bottom:20px}.login-role .nav>li>a{font-size:22px}.login-role .tab-content{padding:50px 50px 0}.login-role #admin{padding-bottom:53px}.code{margin-bottom:64px}.code-intro{font-size:16px}.steps>.step>.stepName{font-size:16px}.steps>.step>.num{font-size:14px;line-height:26px;width:26px;height:26px}.step-box{padding:20px 50px 0}.step1-box{padding-bottom:15px}.step2-box{padding-bottom:15px}.step2-box .code-intro{margin-top:33px}.step3-box{padding-top:84px;padding-bottom:83px}.help-link{font-size:14px}}@media(max-width:1280px){.login-wrapper{width:400px}}@media(max-height:768px){.logo{margin-bottom:20px}.login-box{padding-top:30px}.login-role .nav>li>a{padding:0 15px}.login-role .nav>li>a:after{margin-top:10px}.steps>.step>.stepName{font-size:14px}.step1-box{padding-top:20px}.step1-box .form-group{margin-bottom:16px}.step1-box .btn-blue{margin-bottom:25px}.step2-box{padding-top:20px}.step2-box .form-group{margin-bottom:16px}.step2-box .code-intro{margin-top:30px;margin-bottom:15px;font-size:14px}.step3-box{padding-top:86px;padding-bottom:86px}}@media(max-height:680px){.form-horizontal .form-group .form-control{border-radius:50px;padding:10px 20px;height:42px;font-size:14px}.login{background-size:inherit}.logo{margin-bottom:20px}.login-box{padding-top:30px}.login-role .nav>li>a{padding:0 15px;font-size:18px}.login-role .nav>li>a:after{margin-top:10px}.login-role .forget-link{font-size:14px;margin-bottom:0}.login-box .btn-blue{margin-bottom:10px;padding:0;height:42px;line-height:42px;font-size:14px}.link{font-size:14px}.decs{font-size:14px}.code-intro{font-size:14px}.login-role #admin{padding-bottom:30px}.login-role .tab-content{padding:30px 50px 0}.code{width:142px;margin-bottom:32px}.step1-box{padding-top:20px;padding-bottom:36px}.step1-box .form-group{margin-bottom:16px}.step2-box{padding-top:20px}.step2-box .form-group{margin-bottom:16px}.step2-box .code-intro{margin-top:15px;margin-bottom:10px}.login-box .step2-box .btn-blue{margin-bottom:9px}.step3-box{padding-top:70px;padding-bottom:70px}.btn-code .btn{height:42px;font-size:14px}.btn-code .btn:before{top:7px}.step3-box .icon{width:132px}.step3-box{padding-top:56px;padding-bottom:56px}}@media(max-height:620px){.login{overflow-y:auto}}