input,button{ outline:none;}
.apilogin{ background: url(../images/apilogin.jpg) no-repeat center top; width: 100%; height: 100%;position: fixed;left: 0;top: 0;background-size: cover;} 
.apilogin .loginmain{ text-align: center;padding-top: 11%;}
.apilogin .loginmain .loginlogo img{ height: 72px;}
.apilogin .loginmain .login-text{ width: 360px; height: auto;padding:2% 0px;margin:2% auto 3%;background: #fff;-webkit-border-radius: 10px;border-radius: 10px;}
.apilogin .loginmain .login-text h1{ font-size: 24px;color: #444;}
.apilogin .loginmain .login-text ul{ width: 250px; margin: auto;text-align: left;padding: 5% 0;}
.apilogin .loginmain .login-text ul li{ border-bottom: 1px solid #ddd;padding: 5px 0 5px 37px;height: 39px;position: relative;}
.apilogin .loginmain .login-text ul li label,.loginpop .loginmain .logintext .box ul li label{ position: absolute;left: 0px;top: 5px; width: 30px;height: 39px;}
.apilogin .loginmain .login-text ul li .name,.loginpop .loginmain .logintext .box ul li .name{ background: url(../images/nameicon.png) no-repeat center center;}
.apilogin .loginmain .login-text ul li .pass,.loginpop .loginmain .logintext .box ul li .pass{ background: url(../images/pawicon.png) no-repeat center center;}
.apilogin .loginmain .login-text ul li .ipt{height: 39px;border: none;color: #444;font-size: 14px;}
.apilogin .loginmain .login-text ul li .number,.loginpop .loginmain .logintext .box ul li .number{ position: absolute;right: 0;top: 5px;z-index: 2;cursor: pointer;}
.apilogin .loginmain .login-text .btn,.loginpop .loginmain .logintext .box .btn,.loginbanner .text .btn{ display: block;width: 250px;height: 40px;color: #fff;margin: auto;background: #3cb4f9; border: none;font-size: 16px;-webkit-border-radius: 50px;border-radius: 50px;cursor: pointer;}
.loginfooter{ color: #fff; font-size: 12px;}

.loginpop{ background: url(../images/loginpop.jpg) no-repeat center top;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;}
.loginpop .loginmain{ width: 687px;margin: auto;text-align: left;}
.loginpop .loginmain .title{color: #869fad;font-size: 18px;padding-top: 18%;}
.loginpop .loginmain .logintext{ background: url(../images/logintext.png) no-repeat left top; width: 687px;height: 400px;background-size: auto 400px;margin: 2% auto 5%;}
.loginpop .loginmain .logintext .box{ float: right;margin: 18% 60px 0 0;width: 220px;}
.loginpop .loginmain .logintext .box ul li{border-bottom: 1px solid #ddd;padding: 5px 0  5px 37px;position:relative}
.loginpop .loginmain .logintext .box ul li .ipt{ border: none;height: 39px;line-height: 39px;color: #444;}
.loginpop .loginfooter{ color: #999;width: 687px; margin: auto;text-align: center;}
.loginpop .loginmain .logintext .box .btn{ margin-top: 12%;}

header .tel{color: #999; font-size: 12px;margin-top: 28px;}
header .tel em{ color: #3cb4f9;font-size: 24px;}
.loginbanner{background: url(../images/loginbanner.jpg) no-repeat center top;height: 600px;}
.loginbanner .text{ width: 380px;height: 440px;background: #fff;float: right;margin: 68px 0px 0px 0px;-webkit-border-radius: 10px;border-radius: 10px;}
.loginbanner .text .box{ width: 300px;margin: auto;}
.loginbanner .text .box .tabtit{ border-bottom: 1px solid #ddd;text-align: center;height: 30px;}
.loginbanner .text .box .tabtit a{ width: 50%;float: left;color: #666;font-size: 16px;display: block;height: 31px;}
.loginbanner .text .box .tabtit .current{ color: #3cb4f9;background: url(../images/current.png) no-repeat center bottom;}
.loginbanner .text .box .tabcontent{ padding-top: 5px;}
.loginbanner .text h2{ text-align: center;font-size: 18px; color: #444;font-weight: normal;padding: 25px 0px;}
.loginbanner .text h2 em{ color: #3cb4f9;}
.loginbanner .text ul li{ border: 1px solid #ddd;-webkit-border-radius: 4px;border-radius: 4px;height: 44px; line-height: 44px;margin-top: 20px;position: relative;padding-left: 45px;}
.loginbanner .text ul li .ipt{border: none;height: 44px;font-size: 14px;color: #444;}
.loginbanner .text ul li label{position: absolute;left: 8px; top: 0;width: 30px;height: 44px;}
.loginbanner .text ul li .name{background: url(../images/nameicon.png) no-repeat center center;}
.loginbanner .text ul li .pass{background: url(../images/pawicon.png) no-repeat center center;}
.loginbanner .text .jzmm { color: #999;font-size: 14px;margin-top: 15px;}
.loginbanner .text .jzmm .check{ vertical-align: middle;margin-right: 3px;}
.loginbanner .text .wjmm{ text-align: center;color: #999;font-size: 14px;}
.login-footer{ padding: 50px 0px;font-size: 12px;color: #999;}
.loginbanner .text .btn{ margin: 20px auto 15px;}
