.login{width:100%;height:100%;background-position:50%;position:relative}.login .remember{margin:-5px 0 15px}.login .swiper-container{height:90vh;width:100%;position:absolute;z-index:0}.login .swiper-container .title{position:absolute;top:30%;left:20%;width:30%}.login .swiper-container .title h1{font-size:35px}.login .swiper-container .title li{font-size:15px;line-height:25px}.login .swiper-container img{width:100%;height:90%}.login-con{position:absolute;right:16%;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:300px;z-index:2}.login-con-header{font-size:16px;font-weight:300;text-align:center;padding:30px 0}.login-con .form-con{padding:10px 0 0}.login-con .login-tip{font-size:10px;text-align:center;color:#c3c3c3}.login .login_warp{position:absolute;background:#fff;padding:20px;min-width:280px;width:330px;left:65%;top:50%;-webkit-transform:translate(-40%,-50%);transform:translate(-40%,-50%);z-index:2}.login .ivu-input-group-append{padding:0!important;cursor:pointer;overflow:hidden}.login .slide1{color:#fff;background:url(../img/bg1.47583242.jpg) no-repeat 0 0;background-size:cover;margin-bottom:1rem}.login .slide2{color:#000}.login .slide2,.login .slide3{background:url(../img/bg1.47583242.jpg) no-repeat;background-size:cover}.login .slide3{color:#fff}.login #s_side_wrapper{position:fixed;right:24px;bottom:20%;background-color:#fbfbfb;width:44px;border-radius:22px;z-index:3}.login #s_side_wrapper #s_qrcode_feed{width:44px;height:44px;border-radius:50%}.login #s_side_wrapper .icon-mask-wrapper{width:100%;border-radius:50%;padding:10px 0;cursor:pointer}.login #s_side_wrapper .icon-mask-wrapper .icon{height:24px;width:24px;margin-right:auto;margin-left:auto;display:block}.login #s_side_wrapper .qrcode-tooltip{width:280px;height:102px}.login #s_side_wrapper .qrcode-tooltip .text{text-align:left;margin-top:24px;margin-left:16px}.login #s_side_wrapper .qrcode-tooltip .qrcode{position:absolute;width:70px;height:70px;top:16px}.login #s_side_wrapper .qrcode-tooltip .android{right:16px}.login #s_side_wrapper .qrcode-tooltip .ios{right:100px}.login #s_side_wrapper #s_qrcode_feed:hover .tooltip{display:block!important}.login #s_side_wrapper .tooltip{display:none;position:absolute;right:56px;bottom:0;background-color:#fff;z-index:303;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 10px 0 rgba(0,0,0,.1);border-radius:12px}