/**app.wxss**/

.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 10rpx 0;
    box-sizing: border-box;
    background-color: #f7f5fd;
}


.tab-view {
    width: 700rpx;
    display: flex;
    flex-direction: column;
    margin: 20rpx 10rpx;
    padding-bottom: 20rpx;
}

.text-black {
    font-size: 26rpx;
    font-weight: 500;
    color: #000;
}

.text-gray {
    font-size: 26rpx;
    color: #aaa;
}

.text-white {
    font-size: 32rpx;
    font-weight: 800;
    color: #fff;
}

.space {
    margin-top: 30rpx;
}

.space1 {
    margin-top: 10rpx;
}

.line {
    background: #f6f6f6;
    height: 1rpx;
}

.box-bg {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 20rpx;
}
.box-bg:active {
    display: flex;
    flex-direction: column;
    background-color: #f9f9f9;
    border-radius: 20rpx;
}

.btn {
    border-radius: 100rpx;
    padding: 20rpx 80rpx;
}

.red {
    background: #ff614c;
}
.red:active {
    background: #ff614caa;
}

.orange {
    background: #ff9944;
}
.orange:active {
    background: #ff9944aa;
}

.blue {
    background: #008bef;
}
.blue:active {
    background: #008befaa;
}

.green {
    background: #4bcc78;
}
.green:active {
    background: #4bcc78aa;
}

.gray {
    background: #f0f0f0;
}
.gray:active {
    background: #f0f0f066;
}