HHAromeMiniProgramDemo/pages/temporary_prove/index/index.acss

/* pages/rlxf_index/rlxf_index.wxss */

page {
    width: 100%;
    height: 100%;
    background-color: white;
}

.title-self {
    width: 100%;
    height: 200rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.title-bottom {
    text-decoration: underline;
    margin-top: 300rpx;
}

.centerBox {
    width: 100%;
    /* height: 90vh; */
}

.inputText {
    margin-top: 10px;
    height: 60px;
    width: 163px;
    border-bottom: 1rpx solid white;
}

input[type="text"],
input[type="idcard"] {
    text-align: center;
    color: white;
}

.border-red {
    border: 3rpx solid #e54d42 !important;
    /* color: #e54d42; */
}

.btn {
    /* margin-left: 0 !important; */
    height: 40px;
    width: 163px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    font-size: 16px;
    background-color: #70a2ff;
    backdrop-filter: blur(20px);
    color: white;
}

.btn2 {
    height: 40px;
    width: 163px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    font-size: 16px;
    font-weight: 700;
    background-color: #3f37bb;
    color: white;
}

.width-self {
    width: 400rpx;
}

/* zyh 2021-9-22 修改 */

.page {
    width: 750rpx;
    height: 100%;
}

.page > .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -999;
}

.page > .logo {
    width: 122px;
    height: 53px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.page > .logo2 {
    width: 300rpx;
    height: 72rpx;
    top: 10px;
    right: 16px;
    position: absolute;
}

.page > .title {
    width: 540rpx;
    height: 84rpx;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.page > .bottom-title {
    width: 140px;
    height: 21px;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.input-box {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    width: 249px;
    /* height: 324px; */
    padding: 30rpx 0 100rpx 0;
    border-radius: 14px;
    background-color: rgba(193, 216, 231, 0.3);
    backdrop-filter: blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.3);
}

.input-box > view {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sub-title {
    font-size: 13px;
    display: block;
    margin-top: 10px;
    color: #f1f1f1;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
}

.text-warning {
    color: #ec5048;
}