.h-login-bg{width:100%;height:100%;background:url(../images/loginbg1.png) no-repeat center;background-size:100% 100%;overflow:hidden;position:relative;min-height:768px}.h-login-bg .bottombg{width:1920px;height:321px;background:url(../images/loginbg2.png) no-repeat center;background-size:100% 100%;position:absolute;bottom:0;left:50%;margin-left:-960px;z-index:2}.h-login-bg .centerbox{width:1080px;margin:0 auto;position:relative;height:100%}.h-login-bg .centerbox .logo{width:184px;height:55px;position:absolute;left:0;top:33px;cursor:pointer}.h-login-bg .centerbox .loginbox,.erweimabox,.productbox{position:absolute;left:50%;top:50%;margin-left:-210px;margin-top:-270px;width:420px;height:540px;background:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding-top:50px;z-index:3}.h-login-bg .centerbox .yun1{width:151px;height:85px;position:absolute;left:100px;top:222px}.h-login-bg .centerbox .yun2{width:127px;height:66px;position:absolute;right:70px;top:241px}.h-login-bg .centerbox .yun3{width:83px;height:49px;position:absolute;right:5px;top:292px}.h-login-bg .centerbox .tree1{width:85px;height:112px;position:absolute;left:50%;bottom:72px;z-index:15;margin-left:-227px}.h-login-bg .centerbox .tree2{width:36px;height:60px;position:absolute;right:50%;bottom:80px;z-index:15;margin-right:-235px}.h-login-bg .centerbox .ren{width:123px;height:284px;position:absolute;right:50%;bottom:17px;z-index:15;margin-right:252px}.h-login-bg .centerbox .loginbox h2{font-size:26px;line-height:42px;text-align:center;margin-bottom:40px}.h-login-bg .centerbox .erweimabox h2{font-size:26px;line-height:42px;text-align:center;margin-bottom:40px}.h-login-bg .centerbox .productbox h2{font-size:26px;line-height:42px;text-align:center;margin-bottom:40px}.h-login-bg .input{width:330px;height:38px;padding:8px 0;border-bottom:1px solid #d4d4d4;margin:0 auto;margin-top:20px;position:relative;box-sizing:border-box}.h-login-bg .input .shouji{position:absolute;left:0;top:5px;width:18px;height:25px;background:url(../images/login1.png) 0 0;background-size:21px 201px}.h-login-bg .input .suo{position:absolute;left:0;top:5px;width:21px;height:26px;background:url(../images/login1.png) 0 -40px;background-size:21px 201px}.h-login-bg .input label{color:#b3b3b3;font-size:14px;position:absolute;left:25px;top:8px;height:22px;line-height:22px;padding-left:7px;cursor:auto;z-index:1;letter-spacing:.6px}.h-login-bg .input input{line-height:30px;width:90%;color:#565656;height:30px;padding:4px 0;font-size:14px;position:absolute;left:25px;top:4px;background:none 0;text-indent:7px;z-index:3;letter-spacing:.6px}.h-login-bg .input p{color:#ff8901;position:absolute;bottom:-22px;left:0;font-size:12px}.h-login-bg .input p a{color:#009cff;cursor:pointer;font-style:normal;font-size:12px;font-family:"微软雅黑";padding:0 5px}.h-login-bg .input p a:hover{text-decoration:underline}.h-login-bg .readonly{background:#fcfcfc;border:0;font-size:16px;color:#3a3a3b}.h-login-bg .mima{overflow:hidden;width:330px;margin:0 auto;margin-top:10px;line-height:22px}.h-login-bg .mima .checkbox{width:19px;height:19px;background:url(../images/login1.png) 0 -148px;background-size:21px 201px;margin-top:2px;margin-right:10px;cursor:pointer}.h-login-bg .mima .checked{background:url(../images/login1.png) 0 -182px;background-size:21px 201px}.h-login-bg .mima .text{color:#666}.h-login-bg .mima .forget{color:#999}.h-login-bg .mima .forget:hover{color:#16b86c;cursor:pointer}.h-login-bg .error{width:330px;margin:0 auto;color:#fe0000;margin-top:20px;padding-left:28px}.h-login-bg .btnbox{width:314px;height:50px;position:relative;margin:0 auto;margin-top:40px}.h-login-bg .btnbox .bg{width:100%;height:100%;background:url(../images/btnbg.png) no-repeat center;background-size:100%;box-shadow:rgba(99,207,91,0.64) 0 0 22px 1px;border-radius:3px;overflow:hidden}.h-login-bg .btnbox .text{width:314px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:20px;position:absolute;top:0;left:0;cursor:pointer;font-weight:100;letter-spacing:10px}.h-login-bg .disanfang{overflow:hidden;width:272px;height:22px;margin:0 auto;margin-top:30px}.h-login-bg .disanfang .line{width:94px;height:1px;background:#d4d4d4;margin-top:10px}.h-login-bg .disanfang .text{color:#999;width:84px;text-align:center;line-height:22px}.h-login-bg .thirdlogin{height:33px;margin:0 auto;margin-top:20px}.h-login-bg .thirdlogin .fl img{width:32px;height:32px}.h-login-bg .thirdlogin .fl{margin-right:30px;cursor:pointer;width:32px;height:32px}.h-login-bg .thirdlogin .fl:last-child{margin-right:0}.h-login-bg .copyright{color:#51921b;font-size:12px;width:1080px;position:absolute;bottom:26px;text-align:center;left:50%;margin-left:-540px;z-index:3}.h-login-bg .input .mark{position:absolute;width:330px;left:0;top:37px;background:#fff;border:1px solid #d4d4d4;z-index:4;max-height:150px}.h-login-bg .input .mark li{color:#666;line-height:50px;padding-left:20px;border-bottom:1px solid #d4d4d4}.h-login-bg .input .mark li:last-child{border-bottom:0}.h-login-bg .input .mark li:hover{background:#fbfbfb}.h-login-bg .erweimabox .img{width:230px;height:230px;margin:0 auto}.h-login-bg .erweimabox .tip{overflow:hidden;color:#999;width:230px;margin:0 auto;line-height:24px;margin-top:3px}.h-login-bg .erweimabox .tip .refresh{color:#53cbd6;background:url(../images/refresh.png) no-repeat left center;background-size:12px 14px;padding-left:15px;cursor:pointer}.h-login-bg .erweimabox .loginbtn{color:#37b068;text-align:center;margin-top:45px;cursor:pointer}.swiper-slide{height:148px !important}.swiper-slide .total{width:60px;height:96px;position:absolute;overflow:hidden;display:none}.swiper-slide-prev .total{right:10px;top:20px;display:block}.swiper-slide-next .total{left:10px;top:20px;display:block}.swiper-slide-active .total{width:100px;height:180px;left:50%;top:0;margin-left:-50px;display:block}.swiper-slide .total .school-logo{width:60px;height:60px;display:block;background-size:100%}.swiper-slide-active .total .school-logo{width:100px;height:100px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;display:block;background-size:100%}.swiper-slide .total .school-logo span{width:100%;height:100%;float:left;position:relative;display:block;max-width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.swiper-slide-prev .total .school-name{display:none}.swiper-slide-next .total .school-name{display:none}.swiper-slide-active .total .school-name{display:block;color:#585858;margin-top:20px;text-align:center}.swiper-pagination{display:none}.swiper-container{padding:.8rem 0 2rem 0}.swiper-button-next{background-image:url(../images/right.png) !important;background-size:40% !important;background-position:center;margin-top:-54px !important}.swiper-button-prev{background-image:url(../images/left.png) !important;background-size:40% !important;background-position:center;margin-top:-54px !important}