.login,.login .container{position:relative;height:100%}body,html{height:100%;background:#fff}body.linear{background:-webkit-gradient(linear,left top,right top,from(#20E2D7),to(#F9FEA5));background:-webkit-linear-gradient(top left,#20E2D7,#F9FEA5);background:-moz-linear-gradient(top left,#20E2D7,#F9FEA5);background:-o-linear-gradient(top left,#20E2D7,#F9FEA5);background:linear-gradient(top left,#20E2D7,#F9FEA5)}.login{padding:123px 0 90px;z-index:0}.login .container{padding:0}.login .header{position:absolute;top:0;left:0;width:100%;height:123px;z-index:1}.login .header .logo{display:inline-block;height:65px;margin:29px 32px 29px 0;vertical-align:bottom}.login .header .logo>img{height:100%;vertical-align:top}.login .header .title{display:inline-block;margin-bottom:29px;font-size:32px;vertical-align:bottom}.login .main{position:relative;width:100%;height:100%;overflow:hidden;z-index:0}.login .main .background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;z-index:-1}.login .main .mobilebox{position:absolute;top:13.8%;left:0;width:216px;color:#fff;text-align:center}.login .main .mobile{position:relative;padding-top:204.1666667%;margin-bottom:15px;background-image:url(/assets/pages/images/iphone.png);background-size:100% 100%}.login .main .innerapp{position:absolute;top:11.79138321%;left:6.01851851%;right:6.01851851%;bottom:12.01814058%}.login .main .innerapp>img{width:100%;height:100%;vertical-align:top}.login .qrcodebox{position:absolute;top:18%;left:300px}.login .qrcodebox .txt{width:481px;background-image:url(/assets/pages/images/txt.png);background-size:100% 100%}.login .qrcodebox .txt>div{padding-top:35.75883575%}.login .qrcode{width:138px;height:138px;margin:35px 30px 0;background:#fff}.login .qrcode>img{width:100%;height:100%;vertical-align:top}.login .qrcodebox .msg{width:138px;margin-top:5px;margin-left:30px;color:#fff;font-size:16px}.login-form{position:absolute;top:13.8%;right:0}.login-content{padding:30px 35px;background:rgba(0,0,0,.5)}.login-content>h1{margin-bottom:20px;color:#fff;font-size:16px;text-align:center}.login-content .group{display:table;margin-bottom:14px}.login-content .group>span{display:table-cell;vertical-align:top}.login-content .group>span>div{display:inline-block;width:40px;height:40px;font-size:18px;background-image:url(/assets/pages/images/login-icon.png);background-size:auto 100%}.login-content .group>span>div.password{background-position:-45px 0}.login-content .group>input{display:table-cell;width:179px;height:40px;padding:0 1em;font-size:12px;border-width:0}.login-content [type=submit]{width:100%;height:41px;margin-top:10px;font-size:18px;background:#fdd83c;border-radius:5px!important}.rem-password{margin-top:-3px;font-size:12px}.rem-password .mt-checkbox{padding-left:20px;color:#fff;font-size:12px}.rem-password .mt-checkbox>span{width:13px;height:13px;margin-top:1px;border-color:#b8b8b8}.rem-password .mt-checkbox>span:after{left:3px;top:0;width:5px;height:9px;border:solid #888;border-width:0 2px 2px 0;transform:rotate(38deg)}.bg-swiper,.bg-swiper-img,.login .footer,.login .footer .contact{left:0;position:absolute}.rem-password a{color:#fff}.login .footer{bottom:0;width:100%;height:90px}.login-content .info{padding-top:.5em;color:#999;font-size:12px}.login .footer .contact{top:0;right:0;bottom:0;width:427px;margin:auto;background:url(/assets/pages/images/tel.jpg) 50% 50% no-repeat;background-size:100% auto}.bg-swiper{top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);overflow:hidden}.bg-swiper-img{top:0;opacity:0;transition:opacity 1.5s;z-index:-2}.bg-swiper-img.on{opacity:1;z-index:-1}.login .wrap{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login .wrap>img{width:100%;padding-bottom:10%}.login .wrap button{width:280px;height:80px;margin-bottom:10px;color:#333;font-size:28px;background:#fdd83c;border:none;border-radius:10px!important}.login .wrap button:focus{outline:0}@media (max-height:768px){.login .main .mobilebox{width:180px}.login .qrcodebox .txt{width:460px}}@media (min-width:1200px){.login .container{width:1200px}}@media (max-width:1200px){.login .qrcodebox .txt{width:300px}}@media (max-width:992px){.login .qrcodebox{display:none}}@media (max-width:768px){.login{padding:91px 0 60px}.login .header{height:91px}.login .header .logo{height:43px;margin:24px 0}.login .header .title{margin-bottom:24px;font-size:18px;line-height:1}.login .main .mobilebox,.login .qrcodebox{display:none}.login-form{top:50%;right:50%;-webkit-transform:translate(50%,-50%);-moz-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);-o-transform:translate(50%,-50%);transform:translate(50%,-50%)}.login .footer{height:60px}.login .footer .contact{width:70%}.login .wrap button{width:140px;height:40px;font-size:14px}}