| 1 |
- .container{flex:1;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.force-login-wrap{width:100%;height:100%;overflow:hidden;z-index:11111;top:0}.force-login-wrap .force-login__content{position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.force-login-wrap .force-login__content .logo{display:flex;flex-direction:column;justify-content:center;align-items:center}.force-login-wrap .force-login__content .logo .logo-img{border:4rpx solid #fff;box-shadow:0 5px 15px 2px rgba(0,0,0,.1);border-radius:50%;width:80px;height:80px}.force-login-wrap .force-login__content .logo .logo-img image{border-radius:50%;width:100%;height:100%;overflow:hidden}.force-login-wrap .force-login__content .logo .title{margin-top:20rpx;font-size:35rpx;font-family:PingFang SC;font-weight:700;color:#000;margin-bottom:30rpx}.force-login-wrap .force-login__content .login-notice{font-size:28rpx;font-family:PingFang SC;font-weight:400;color:#000;line-height:44rpx;width:500rpx;text-align:center;margin-bottom:80rpx}.force-login-wrap .force-login__content .btns{position:relative;width:630rpx;height:80rpx}.force-login-wrap .force-login__content .btns .author-btn{z-index:100;position:absolute;width:630rpx;height:80rpx;background:linear-gradient(90deg,#2bc7b9 0,#2aa7b9);background:-moz-linear-gradient(to right,#2bc7b9 0,#2aa7b9 100%);border-radius:40rpx;font-size:30rpx;font-family:PingFang SC;font-weight:500;color:#fff}.force-login-wrap .force-login__content .author-btn{z-index:100;width:630rpx;height:80rpx;background:linear-gradient(90deg,#2bc7b9 0,#2aa7b9);background:-moz-linear-gradient(to right,#2bc7b9 0,#2aa7b9 100%);border-radius:40rpx;font-size:30rpx;font-family:PingFang SC;font-weight:500;color:#fff}.force-login-wrap .force-login__content .author-btn{width:630rpx;height:80rpx;background:linear-gradient(90deg,#2bc7b9 0,#2aa7b9);background:-moz-linear-gradient(to right,#2bc7b9 0,#2aa7b9 100%);border-radius:40rpx;font-size:30rpx;font-family:PingFang SC;font-weight:500;color:#fff}.force-login-wrap .force-login__content .close-btn{width:630rpx;height:80rpx;margin-top:30rpx;border-radius:40rpx;border:2rpx solid #2bc7b9;background:none;font-size:30rpx;font-family:PingFang SC;font-weight:500;color:#2bc7b9}.tips{margin-top:30rpx;display:flex;justify-content:center;align-items:center;font-size:28rpx;color:#000}.tips .btn{color:#2bc7b9}.wx-login{background:rgba(0,0,0,.7);z-index:99999;position:fixed;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.wx-login .form{border-radius:20rpx;padding:60rpx 30rpx;width:500rpx;height:300rpx;background-color:#fff}.wx-login .form .title{font-size:32rpx;font-family:PingFang SC;font-weight:700}.wx-login .form .desc{font-size:28rpx;margin:60rpx 0rpx 60rpx 0rpx;font-family:PingFang SC;font-weight:500}.wx-login .form .btn-box{margin-top:30rpx;width:100%;display:flex;align-items:center;justify-content:center}.wx-login .form .btn-box .btn{display:flex;align-items:center;justify-content:center;margin-left:10rpx;width:50%;height:80rpx;border-radius:5rpx;background-color:#2bc7b9;font-size:30rpx;font-family:PingFang SC;font-weight:500;color:#fff;position:relative}.wx-login .form .btn-box .btn-close{margin-right:10rpx;width:50%;height:80rpx;border-radius:5rpx;border:2rpx solid #2bc7b9;background:none;font-size:30rpx;font-family:PingFang SC;font-weight:500;color:#2bc7b9}.auth_btn{width:100%;height:100%;top:0rpx;position:absolute;opacity:0}
|
