@charset "UTF-8"; /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /* 图片加载中颜色 */ /* 行为相关颜色 */ .normal-tip { font-size: 24rpx; line-height: 40rpx; padding: 4rpx 10rpx; } .normal-tip.by { border-radius: 20rpx; } .normal-tip.yd { border-radius: 5rspx; } .fixed-page-content { width: 100%; height: 100%; padding-bottom: 120rpx; box-sizing: border-box; } .page-content { width: 100%; height: 100%; } .white-box { width: 100%; font-size: 28rpx; padding: 0 40rpx; background-color: #ffffff; box-sizing: border-box; } .white-box:not(:last-child) { margin-bottom: 30rpx; } .white-box .flex-item { align-items: center; } .white-box .flex-item .tel-box { display: flex; align-items: center; justify-content: flex-end; } .white-box .flex-item .tel-box .custom-tel-component { margin-left: 20rpx; } .white-box .cell-item { color: var(--Black); padding: 30rpx 0; display: flex; justify-content: space-between; position: relative; } .white-box .cell-item::after { position: absolute; box-sizing: border-box; content: ' '; pointer-events: none; right: 0; bottom: 0; left: 0; border-bottom: 2rpx solid #ebedf0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .white-box .cell-item > .label { flex: 1; width: 30%; } .white-box .cell-item > .label .tips { font-size: 22rpx; color: var(--greyColor); } .white-box .cell-item > .label.required { position: relative; } .white-box .cell-item > .label.required::after { content: '*'; color: var(--Red); position: absolute; font-size: 30rpx; top: -15rpx; left: -15rpx; } .white-box .cell-item > .tit { color: var(--Black); flex: 1; width: 70%; text-align: right; } .white-box .cell-item > .tit .van-radio-group { display: flex; justify-content: flex-end; } .white-box .cell-item > .tit .van-radio-group .van-radio:not(:first-child) { margin-left: 30rpx; } .white-box .block-cell-item { color: var(--Black); padding: 30rpx 0; position: relative; } .white-box .block-cell-item::after { position: absolute; box-sizing: border-box; content: " "; pointer-events: none; right: 16rpx; bottom: 0; left: 16rpx; border-bottom: 2rpx solid #ebedf0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } .white-box .block-cell-item .label { width: 100%; padding-bottom: 30rpx; } .white-box .block-cell-item .label.required { position: relative; } .white-box .block-cell-item .label.required::after { content: '*'; color: var(--Red); position: absolute; font-size: 30rpx; top: -15rpx; left: -15rpx; } .white-box .block-cell-item .label .tips { font-size: 22rpx; color: var(--greyColor); } .white-box .block-cell-item .tit { width: 100%; color: var(--Black); } .white-box .block-cell-item .tit .van-radio-group { display: flex; justify-content: flex-end; } .white-box .block-cell-item .tit .van-radio-group .van-radio:not(:first-child) { margin-left: 30rpx; } .white-box .block-cell-item .tit .textarea { background-color: #F8F8F8; font-size: 30rpx; color: #B7B7B7; border-radius: 10rpx; padding: 30rpx; word-break: break-all; } .white-box .custom-white-box-content { padding-bottom: 30rpx; } .z-bg { background: #6600ff; color: #fff; } .l-bg { background: #0000FF; color: #fff; } .h-bg { background: #F87A7A; color: #fff; } .z-br { background: #fff; border: 1px solid #6600ff; color: #6600ff; } .chaochuyincang { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .login { background: white; height: 100%; overflow: hidden; } .login .logTit { width: 80vw; left: 10vw; top: 280rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; z-index: 1; color: #333333; font-size: 4vw; } .login .logTit ._p { color: #666666; font-size: 4vw; margin-top: 0.5vw; } .login .logTit .titletxt { font-size: 62rpx; font-family: Taipei Sans TC Beta-Bold, Taipei Sans TC Beta; font-weight: bold; color: #2f3b68; } .login .logobig { width: 100vw; height: 100vh; position: absolute; left: 0; z-index: 0; } .login .loginBox { width: 70vw; left: 15vw; padding-top: 75vw; position: absolute; } .login .inputBox { position: relative; display: flex; align-items: center; } .login .inputBox ._img { position: absolute; width: 7vw; } .login .inputBox .yanzhengImg { right: 0; width: 20vw; height: 10vw; } .login .inputBox .yanzhengImgBox { height: 50px; display: flex; align-items: center; } .login .inputBox input { background: black; width: 100%; height: 76rpx; padding: 5rpx 0 5rpx 70rpx; background-color: white; border: 1rpx solid rgba(29, 24, 188, 0.05); margin: 5rpx 0; font-size: 4vw; } .login .inputBox input::-webkit-input-placeholder { color: #999999; } .login .inputBox .yanzhengma { width: 60%; } .login .pswBox { width: 100%; display: flex; justify-content: flex-end; margin: 20px 0; color: #1d18bc; } .login .van-button { margin-top: 15rpx; border-radius: 60px; } .login .loginbtn { margin-top: 50rpx; } .login .bottomTips { width: 100vw; position: fixed; bottom: 100rpx; text-align: center; color: #999999; font-size: 28rpx; } @media screen and (max-height: 454px) { .login .bottomTips { display: none; } }