body{margin:0;font-family: Microsoft YaHei;overflow-x:hidden;overflow-y:auto;}
button,input{border: none;outline: none;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none;box-shadow: none;}

/*===整个页面上下居中（暂不用）===*/
.XY-center{
  position:absolute ;
  width:100% ;
  height:750px ;
  top:50% ;
  margin-top:-380px ;
}

/*===头部===*/
.head-barner{background:#0696FF;height:35px;line-height:35px;font-size:16px;font-family: '微软雅黑';color:#fff;text-align:center;font-weight:bold;}
.head-barner .info{color:#FFE3BB;}
.head-barner span{margin-right:15px;cursor:pointer;}

.head-info{max-width: 1250px;margin: 0 auto;height:90px;line-height:90px;}
.logo-pic img{float:left;margin-top:10px;}
.logo-info{float:left;margin-top:30px;padding-left: 20px;font-weight: bold;font-size: 26px;vertical-align: middle;line-height: 25px;letter-spacing: 3px;}
.logo-info span{color:#5B5B5B;margin:0 5px;font-size: 40px;}
.hot-tel{float:right;font-size: 18px;font-weight: bold;color: #03A8EA;}

/*===二维码===*/
.App-show{float:right;margin-top:30px;;background:#fff;width:200px;font-size:18px;text-align:center;font-weight:bold;color: #03A8EA;}
.App-show .app-title{margin-bottom:10px;height:30px;line-height:30px;color:#fff;}
.App-show .app-title img{vertical-align:middle;}
.App-show .app-title a{color: #03A8EA;text-decoration:none;}
.App-show .app-title a:hover{color: #02719B;}
.App-show .app-title a:hover img{width:28px;height:15px;}
.App-show .app-title .app-img{margin:10px 0;}
.App-show .app-out{position: relative;z-index:2;background:#fff;border:1px solid #D6D6D6;padding:10px 0;z-index:100;}
.App-show .type-name {clear:both;font-size:16px;height:30px;line-height:30px;}
.App-show .app-erma img{margin:0 10px 5px 10px;width:170px;vertical-align:middle;}

/*===尾部===*/
.bottom-barner{margin:20px 0;text-align:center;line-height:40px;font-size:15px;}

.wrapper{width: 100%;height:550px;background: url('../images/login/main2.jpg') no-repeat center center;}

/*===登录===*/
.wrapper .login {position: absolute;top: 170px;right: 50%;width: 360px;height: 420px;background-color: #ffffff;padding: 15px 27px;text-align: center;}
.wrapper .login .login-title {letter-spacing: 5px;font-size: 30px;line-height:50px;}
.wrapper .login .login-input {margin:15px 0;height:62px;}
.wrapper .login .login-input .user-lable {height:62px;border:1px solid #9F9F9F;background: url('../images/login/yh-icon.png') no-repeat 16px center;}
.wrapper .login .login-input .user-input {margin-left:65px;width:270px;font-size:20px;height:62px;padding:0 10px;color:#505050;border-left:1px solid #9F9F9F;}
.wrapper .login .login-input .password-lable {height:62px;border:1px solid #9F9F9F;background: url('../images/login/mm-icon.png') no-repeat 16px center;}
.wrapper .login .login-code {float:left;margin:0 0;height:62px;width:220px;}
.wrapper .login .login-code .code-lable {height:62px;border:1px solid #9F9F9F;background: url('../images/login/yzm-icon.png') no-repeat 16px center;}
.wrapper .login .login-code .code-input {margin-left:65px;width:130px;font-size:20px;height:62px;padding: 0 10px;color:#505050;border-left:1px solid #9F9F9F;}
.wrapper .login .check-code {float:right;background: #0696FF;height: 62px;width: 130px;font-size: 30px;letter-spacing: 4px;line-height: 62px;font-weight: bold;color: #FFF;}
.wrapper .login .login-checkbox {clear:both;text-align:left;width: 100%;line-height:60px;cursor:pointer;}
.wrapper .login .login-btn {margin-top:10px;width: 100%;height: 52px;text-align: center;background-color: #03A8EA;font-size: 24px;color:#fff;cursor:pointer;}