page {
    background-color: #ebebeb;
}

.page {
    overflow: hidden;
}

.page-bd {
    padding-top: 20rpx;
}

.classify {
    margin-bottom: 20rpx;
}

.hd {
    height: 52rpx;
    line-height: 52rpx;
    margin: 0 20rpx;
    font-size: 24rpx;
    color: #ffffff;
    border-radius: 6rpx;
}

.hd .dot {
    font-size: 18rpx;
    display: inline-block;
    margin: 0 14rpx;
}

.blue .hd {
    background-color: #7069ff;
}

.blue .text {
    color: #7069ff;
}

.green .hd {
    background-color: #4ad008;
}

.green .text {
    color: #4ad008;
}

.pink .hd {
    background-color: #ff00b4;
}

.pink .text {
    color: #ff00b4;
}

.orange .hd {
    background-color: #ff7800;
}

.orange .text {
    color: #ff7800;
}

.purple .hd {
    background-color: #cd12f5;
}

.purple .text {
    color: #cd12f5;
}

.bd {
    margin: 0 10rpx;
    font-size: 0;
}

.item {
    margin-top: 20rpx;
    display: inline-block;
    width: 33.33%;
}

.inner {
    margin: 0 10rpx;
    background-color: #fff;
    border-radius: 6rpx;
    padding: 20rpx 12rpx;
    position: relative;
}

.icon-arr {
    width: 34rpx;
    height: 34rpx;
    position: absolute;
    bottom: 20rpx;
    right: 12rpx;
}

.text {
    font-size: 22rpx;
}

.sub-text {
    font-size: 20rpx;
    color: #999999;
    margin-top: 10rpx;
}