page {
    overflow: hidden;
}

.header {
    height: 102rpx;
    line-height: 102rpx;
    font-size: 30rpx;
    font-family: PingFang SC-Bold, PingFang SC;
    font-weight: bold;
    color: #000000;
    padding-left: 30rpx;
}

.item {
    width: 696rpx;
    margin: 10rpx auto 20rpx;
    background-color: #fff;
    border-radius: 16rpx;
    overflow: hidden;

    .introduce {
        position: relative;
        width: 100%;
        height: 178rpx;
        box-sizing: border-box;
        padding-left: 158rpx;
        border-bottom: 1px solid #DDDDDD;

        .image {
            position: absolute;
            width: 96rpx;
            height: 96rpx;
            left: 30rpx;
            top: 20rpx;
        }

        .title {
            height: 44rpx;
            line-height: 44rpx;
            font-size: 32rpx;
            font-family: PingFang SC-Bold, PingFang SC;
            font-weight: bold;
            color: #333333;
            padding-top: 20rpx;
            margin-bottom: 15rpx;
        }

        .explain {
            font-size: 24rpx;
            line-height: 44rpx;
            font-family: PingFang SC-Medium, PingFang SC;
            color: #999999;
        }
    }

    .handle {
        display: flex;
        width: 100%;

        navigator {
            flex: 1;
            height: 88rpx;
            line-height: 88rpx;
            text-align: center;
            width: 156px;
            font-size: 24rpx;
            font-family: PingFang SC-Regular, PingFang SC;
            color: #333333;
            box-sizing: border-box;
        }

        navigator:nth-child(2) {
            border-left: 1px solid #DDDDDD;
        }

    }


}