.setup{ width: 100%; height: 100vh; background: linear-gradient(to bottom, #0F80DC -40%, #F0F5F5 40%,#F0F5F5 100%); box-sizing: border-box; overflow: hidden; padding: 0rpx 20rpx; } .title{ font-size: 36rpx; text-align: center; margin-top: 16rpx; } .log{ width: 100%; height: 540rpx; display: flex; justify-content: space-around; align-items: center; padding: 0rpx 30rpx; box-sizing: border-box; } .log_title{ font-size: 36rpx; line-height:72rpx; font-weight: 600; margin-top: 40rpx; } .log_image{ width: 194rpx; height: 262rpx; } .log_bottom{ width: 100%; height: 100%; background-color: #fff; padding: 0rpx 40rpx; box-sizing: border-box; } .login_box{ display: flex; background-color: #FFF; border-top-left-radius: 60rpx; border-top-right-radius: 60rpx; } .login_left{ width: 50%; height: 100rpx; display: flex; align-items: center; justify-content: center; background-color: #fff; border-top-left-radius: 30rpx; border-top-right-radius: 30rpx; } .login_right{ width: 50%; height: 100rpx; display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; border-bottom-left-radius: 30rpx; border-top-right-radius: 30rpx; } .login_right1{ width: 50%; height: 100rpx; display: flex; align-items: center; justify-content: center; background-color: #f9f9f9; border-top-left-radius: 30rpx; border-bottom-right-radius: 30rpx; } .account_number{ width: 100%; padding-top: 100rpx; } .number{ margin-top: 40rpx; } .account{ font-size: 32rpx; } .weui-input{ flex: 1; height: 100rpx; } .password{ display: flex; align-items: center; font-size: 28rpx; margin-top: 10rpx; padding-bottom: 0rpx; border-bottom:1rpx #cccccc solid; } .login_imgae1{ margin-right: 20rpx; width: 40rpx; height: 40rpx; } .login_imgae{ width: 40rpx; height: 40rpx; margin-left: 20rpx; } .loginbotton{ width: 100%; position: fixed; bottom: 200rpx; left: 0rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; } button{ width: 90%; color: #fff; background-color: #0F80DC; } .button_button{ width: 90%; color: #fff; background-color: #0F80DC; /* background-color: rgba(15,128,220, 0.3); */ } .agreement{ margin-top: 20rpx; display: flex; align-items: center; font-size: 28rpx; } .agreement_color{ color:#0F80DC; margin:0rpx 6rpx; } .t-radio__icon-dot::after{ background: var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-primary-color-7, #0F80DC))) !important; } .t-radio__icon--checked { color: var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-primary-color-7, #0F80DC))) !important; } .t-radio__icon-dot{ border: 3px solid var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-primary-color-7, #0F80DC))) !important; } .t-radio--block{ padding: var(--td-radio-vertical-padding, 0rpx) !important; } /* index.wxss */ .radio-group { margin-bottom: 20px; } .radio-label { font-size: 16px; } .login-button { width: 100px; height: 40px; } /* 定义晃动动画 */ .container { display: flex; flex-direction: column; align-items: center; } .radio-group { margin-bottom: 20px; } .radio-label { font-size: 16px; } .login-button { width: 100px; height: 40px; } /* 定义晃动动画 */ @keyframes shake { 0% { transform: translateX(0); } 25% { transform: translateX(-10px); } 50% { transform: translateX(10px); } 75% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .shake { animation: shake 0.5s; }