page {
    /* padding-top: 80rpx; */
}

.toptitbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 80rpx;
    border-bottom: 2rpx solid #F0F4F7;
    padding-top: 18rpx;
    background-color: #FFFFFF;
}

.toptitbox view {
    padding-bottom: 10rpx;
    color: rgba(0, 0, 0, 0.85);
    text-align: center;
}

.toptitbox view.nowtit {
    font-family: PingFangSC-Semibold;
    font-size: 36rpx;
    font-weight: 600;
    position: relative;
}

.toptitbox view.nowtit::before {
    content: " ";
    display: block;
    width: 111rpx;
    height: 6rpx;
    background: #C40909;
    position: absolute;
    bottom: -7rpx;
    left: 50%;
    margin-left: -55.5rpx;
}

.activityview {
    display: block;
    padding: 0 20rpx;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 11;
}

.activitytitbox {
    display: block;
    width: 100%;
    border-bottom: 1px solid #EAF0F4;
}

.activitytitbox view {
    max-width: 600rpx;
}

.activitytitbox image {
    display: block;
    width: 28rpx;
    height: 28rpx;
    position: relative;
    top: 8rpx;
    left: -8rpx;
}

view.nowactivitytit {
    color: #249EFB;
    position: relative;
}

.nowactivitytit::before {
    content: " ";
    width: 100%;
    height: 4rpx;
    background-color: #249EFB;
    position: absolute;
    left: 0;
    bottom: 0;
}

.activitybox {
    z-index: 2;
    background: #fff;
    padding-top: 24rpx;
}

.everyactivitybox {
    position: relative;
    border-radius: 10rpx;
    width: 710rpx;
    background: #FFFFFF;
    box-shadow: 0px 4rpx 20rpx 0px rgba(36, 158, 251, 0.19);
    margin: 0 auto 40rpx;
}

.activitytextbox {
    display: block;
    width: 100%;
    padding: 16rpx 20rpx;
    box-sizing: border-box;
}

.everyfootbox {
    padding: 0 20rpx;
}

.everysharenumbox {
    position: absolute;
    right: 0;
    top: 12rpx;
    height: 40rpx;
    border-radius: 24rpx 0 0 24rpx;
    opacity: 0.7;
    background: #384855;
    color: #B6CADE;
    padding-left: 14rpx;
    padding-right: 8rpx;
}

.everysharenumbox view {
    line-height: 40rpx;
}

.everysharenumbox image {
    display: block;
    width: 24rpx;
    height: 20rpx;
    position: relative;
    top: 10rpx;
    margin-right: 8rpx;
}

.activitycontentfoot {
    margin-top: 3rpx;
}

.activitycontentfoot image {
    display: block;
    height: 23rpx;
    position: relative;
    margin-right: 8rpx;
    top: 24.5rpx;
}

.everyactivitybtn {
    line-height: 72rpx;
    height: 72rpx;
}

.h200 {
    height: 200rpx;
    padding: 0rpx 20rpx;
}

.h300 {
    height: 300rpx;
    padding: 0rpx 20rpx;
}

.padding-sm {
    padding: 10rpx 20rpx;
}

.inlineBlock {
    display: inline-block;
    font-size: 16rpx;
    margin-left: 10rpx;
    background-color: red;
    padding: 0rpx 10rpx;
    border-radius: 10rpx;
    color: #fff;
    height: 32rpx;
    line-height: 32rpx;
}

.rightshareimg {
    display: block;
    position: absolute;
    top: 10rpx;
    right: 10rpx;
    width: 32rpx;
    height: 32rpx;
    z-index: 9;
    background-color: #FFFFFF;
}

.rightshareimg image {
    display: block;
    width: 32rpx;
    height: 32rpx;
}