.header-nav{height: 60px; line-height: 60px; padding:20px;}
.header-nav .logo-sname>.logo,.header-nav .logo-sname>.sname{float: left;}
.header-nav .logo-sname>.logo img{width: 203px; height: 32px; vertical-align:middle;}
.header-nav .logo-sname>.sname{margin-left: 15px; padding:0 10px; border-left:2px solid #fff; color:#c1dbfc; font-size: 18px; font-weight: bold;}

.header-nav .nav{float: right;}
.header-nav .nav ul li{float: left; margin: 0 10px; color:#fff;font-weight:bold; font-size: 18px;}
.header-nav .nav ul li a{font-weight:bold; font-size: 18px;color:#fff; padding:15px;}
.header-nav .nav ul li span.tel{color:#f98d4d;}
.header-nav .nav ul li a:hover{color:#f98d4d;}
.header-nav .nav ul li a.on{background: #f98d4d;}
.header-nav .nav ul li a.on:hover{color:#fff;}
.nav-line{border-top: 2px solid #217FFD;}

.login-page{height: 1080px;background: url(img/login-page.png);}
.login-box{ width:1200px; height: 848px; margin:40px auto; position: relative; background: #fff;}
.login-box .box-title{font-size: 48px; font-weight: bold; color: #06397a; text-align: center; padding:30px;}
.login-box .box-name{position: absolute; top: 40px; right:130px; font-size: 20px; font-weight: bold; color:#fff; letter-spacing: 5px;}
.login-box .box-name a{color:#fff;}
.login-box .qrcodebox{text-align: center;}
.login-box .qrcodebox img{box-shadow: 0 0 20px 15px #f9f5f5;}
.login-box .qrcodebox .title{font-size: 20px; font-weight: bold; color:#727888; padding:40px;}


.formbox{width: 700px; margin: auto; padding:60px;}
.formbox .input-item{padding:10px;}
.formbox .input-item label{ font-size: 20px; font-weight: bold; color: #727888; height: 30px; line-height: 30px; display: block; padding:10px 0;}
.formbox .input-item label .tip{ margin-left: 40px; font-size: 14px; color: #f98d4d;}
.formbox .input-item .input-box{ height: 70px; line-height: 70px; padding:0 40px; margin-top: 10px; box-shadow:0px 0px 5px 5px #ccc;}
.formbox .input-item .input-box input{border:none; height: 70px; font-size: 20px; font-weight: bold;}
.formbox .input-item .input-box.mobile input{ width: 100%; background: url(img/mobile.png) left center no-repeat; padding-left: 30px;}
.formbox .input-item .input-box.code input{ width: 70%; background: url(img/code.png) left center no-repeat; padding-left: 30px;}
.formbox .input-item .input-box .code-box{display: inline-block;font-size: 20px; font-weight: bold; color: #727888; padding-left:40px;border-left: 2px solid #727888;height: 50px;vertical-align: middle;line-height: 50px;}
.formbox .input-item .input-box .codebtn{ cursor:pointer;}
.formbox .input-item.button .input-box{padding:0; box-shadow:0px 0px 5px 5px #FEDCCE; background: #06397a;}
.formbox .input-item.button .input-box input{background: none; width: 100%; text-align: center; color:#fff;}
.formbox .input-item.button .input-box input:disabled { background-color: #ccc; color: #666; cursor: not-allowed;}

.login-types{ text-align: center;}
.login-types img{ vertical-align: middle;}