body{
    color: #FFFFFF;
}
[v-cloak]{
    display: none;
}
.width640 {
    max-width: 640px;
    margin: 0 auto;
}
.loading_img_wrap{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-top: 50px;
}
.loading_img{
    height: 85px;
    width: 135px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/up_activity/loading.gif');

}
.van-image__img{
    width: 95%;
    margin: 0 auto;
    max-width: 640px;
}
.search_van{
    position: relative;
    z-index: 1;
    padding: 10px 10px 0;

}
.search_van .van-search {
    padding: 0;
    background-color: transparent;
}
.search_van .van-search__content {
    background: #fff;
    border-radius: 20px 20px 20px 20px;
}
.search_van .van-cell {
    font-size: 12px;
}
.search_van .van-field__control {
    font-size: 12px;
    color: #303030;
}
.no_data_area {
    color: #303030;
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-top: 20%;
    height: 100%;
}
.no_data_area .no_data {
    width: 120px;
    background-image: url('../img/up_activity/no_rank.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px;
    margin: 10px auto;
}
.no_data_area .no_text{
    color: #8196CB;
}
.comment_box .no_data_area .no_data{
    background-image: url('../img/up_activity/no_comment.png');
}
#header{
    display: none;
}
.btn_color_1 {
    background-color: #4E66FF;
    color: #fff;
    border: none;
}
.btn_outline_1 {
    background-color: #fff;
    color: #4E66FF;
    border: 1px solid #4E66FF;
}
.btn_outline_1:hover {
    background-color: #465cef;
    color: #fff;
}
[v-cloak] {
    display: none;
    /* visibility: hidden; */
}

* {
    margin: 0;
    padding: 0;
}

#top_detail_main {
    min-height: 100vh;
    overflow-x: hidden;
    /*background: linear-gradient(180deg, #f9bf99, #fce3c5, #cce8cf);*/
    background: #f9bf99;
}
#top_header .header_title{
    line-height: inherit;
}
#top_header .top_title{
    font-size: 17px;
    color: #c85228;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#top_header .header_box{
    height: inherit;
}

.card {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}

@font-face {
    font-family: 'DIN';
    src: url("../fonts/DIN-MEDIUM.OTF")
}

@font-face {
    font-family: 'YouSheBiaoTiYuan';
    src: url("../fonts/YouSheBiaoTiYuan.ttf")
}

#top_header {

    box-shadow: none;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 9;
    padding-bottom: 5px;
}

#top_header {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

#top_header .leftarea {
    display: flex;
}

#top_header .leftarea .back_btn {
    display: inline-block;
    color: #fff;
    min-width: 20px;
    font-size: 14px;
    cursor: pointer;
}

#top_header .icon_box {
    background: rgba(1, 2, 4, 0.16);
    border-radius: 100px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 100px;
    text-align: center;
    margin-left: 5px;
    position: relative;
    cursor: pointer;

}

#top_header .icon_box .active_zan {
    color: #F94848;
    font-size: 20px;
    position: relative;
    display: inline-block;

}

#top_header .icon_box .active_zan:after {
    content: "\e628";
    font-family: "iconfont" !important;
    font-size: 20px;
    position: absolute;
    top: 0%;
    left: 0%;
    color: #F94848;
    animation: popheart 2s infinite;
}

#top_header .header_logo {
    width: 120px;
    height: 20px;
    background-image: url('../img/up_activity/header_logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#top_header .mid_right {
    flex: 1;
    display: flex;
    align-items: center;
}
.van-popover__wrapper{
    /*width: 36px;*/
    /*height: 36px;*/
    /*border-radius: 50%;*/
    /*background: rgba(0, 0, 0, 0.3);*/
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    /*margin-right: 10px;*/
    float: right;
}
.van-popover__content .action_list {
    padding: 10px;
    max-height: 50vh;
    overflow-y: auto;
}
.action_list .action_item {
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
    text-align: center;
    cursor: pointer;
}
.action_list .action_item:last-child {
    margin-bottom: 0;
    font-size: 16px;
    padding-bottom: 0;
    border-bottom: none;
    text-align: center;
    cursor: pointer;
}
.action_list .export_btn{
    font-size: 16px;
}
.action_list .action_item{
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
    text-align: center;
    cursor: pointer;
}
#top_header .mid_right_box {
    max-width: 640px;
    margin: 0 auto;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
    flex: 1;
}

#top_header .right_btns {
    display: flex;
    align-items: center;
}

#top_header .mid_right .icon_content {
    display: flex;
    align-items: center;
}

#top_header .view_num {
    font-size: 16px;
    font-family: DIN;

}

/* 浮动按钮区域 */
.float_btns_content {
    position: fixed;
    right: 0;
    top: 32%;
    z-index: 10;
}

.float_btns_content .float_btns_item {
    width: 60px;
    height: 54px;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.float_btns_content .btn_prize {
    background-image: url('../img/up_activity/icon_prize.png');
    margin-bottom: 20px;
}

.float_btns_content .btn_awards {
    background-image: url('../img/up_activity/icon_awards.png');
    margin-bottom: 20px;
}

.float_btns_content .btn_order {
    background-image: url('../img/up_activity/icon_order.png');
}

.main_content {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding-top: 55px;
    padding-bottom: 10px;
}

.main_content .bg_cover {
    width: 100%;
    object-fit: cover;
}

.main_content .view_more {
    text-align: center;
    padding: 10px 0 10px;
    font-size: 14px;
    color: #232323;
}

.main_content .view_more .icon {
    transform: rotate(90deg);
    display: inline-block;
    font-size: 12px;
}

.main_content .detail_content {
    margin: 10px;
    margin-top: 0;
    padding-top: 10px;
}

/* 统计的数据 */
.main_content .stats_box {
    display: flex;
    color: #56554E;
    justify-content: space-between;
    font-size: 14px;
}

.main_content .stats_box .card_item {
    flex: 1;
    cursor: pointer;
}

.main_content .stats_box .card_item .top_info {
    text-align: center;
}

.main_content .stats_box .card_item .icon {
    color: #F6753C;
}

.main_content .stats_box .card_item .icon_right {
    transform: rotate(180deg);
    display: inline-block;
    font-size: 14px;
    color: #362782;
}

.main_content .stats_box .self_divider {
    height: 50px;
    border-right: 1px solid rgba(166, 166, 170, 0.4);
    width: 1px;
}

.main_content .stats_box .card_item .btm_num {
    font-family: DIN;
    color: #F6753C;
    font-size: 18px;
    margin-top: 8px;
    text-align: center;
}

/* 富文本 */
.richtext_wrap img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
}

.richtext_wrap {
    /* height: 1200px; */
    overflow: hidden;
    padding: 0 15px;

}

.all_richtext_wrap {
    height: auto !important;
}

/* 排行榜开始 */
.rank_box {
    position: relative;
    margin-top: 10px;
    padding: 0;
    overflow: hidden;
    padding-top: 10px;
    background-position: center 0;
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-image: url("../img/up_activity/rank_cover.png");

}

.rank_box .rank_icon {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    padding-top: 30%;
    background-position: 10% center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/up_activity/rank_icon.png");
}

.rank_box .linear_bg_left,
.rank_box .linear_bg_right {
    position: absolute;
    top: 0;
    right: -50px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: #e0f1fb;
    filter: blur(50px);
}

.rank_box .linear_bg_left {

    background: #fbe7f4;
    left: -50px;
}

.rank_box .card_title,
.comment_box .card_title {
    font-family: YouSheBiaoTiYuan;
    font-size: 24px;
    color: #EA669F;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.comment_box .card_title{
    padding-top: 15px;
}
.rank_box .card_title .title,
.comment_box .card_title .title {
    margin: 0 10px;
    font-style: italic;

}
.rank_box .tab_change{
    display: flex;
    justify-content: space-evenly;
}
.rank_box .card_title{
    font-weight: normal;
    font-size: 22px;
    color: #56554E;
    position: relative;
    margin-right: 5px;
}
.rank_box .card_title:nth-child(1){
    margin-right: 20px;
}
.rank_box .actived::before{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    border-bottom: 5px solid #3370EE;
    width: 40px;
    border-radius: 4px;
    transform: translate(-50%, 0);
}
.rank_box .title_icon,
.comment_box .title_icon {
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/up_activity/star.png");
}
/*活动相关样式开始*/
.rank_box .activity_warp_rank{
    padding: 0 0 20px;
}
.rank_box .search_act{
    padding-top: 0;
}
.rank_box .activity_icon {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    padding-top: 30%;
    background-position: 10% center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/up_activity/activity_icon.png");
}
.activity_warp_rank .data-list{
    /*max-height: calc(100vh - 210px);*/
    overflow-y: auto;
    padding: 0 15px 0;
    margin-top: 5px;
    position: relative;
    z-index: 5;
}
.data-list .list .activity-item{
    border-bottom: 1px solid rgba(237, 235, 235, 1);
    padding: 15px 0 10px;
    /*margin: 0 10px*/
}
.data-list .list .activity-item .left-logo{
    width: 92px;
    height: 70px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.list .activity-item .left-logo .cover{
    height: 100%;
    width: 100%;
    border-radius: 10px;
    /*position: relative;*/
    display: block;
    padding-top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s;
}
.list .activity-item .left-logo .cover-blank{
    background-image:url(../img/event_blank2.jpg);
}
.list .activity-item .left-logo .stars{
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.4);
    padding: 2px 10px;
    display: inline-block;
    transform: translate(10px, -26px);
    max-width: 80%;
}
.activity-item .left-logo .stars .icon-aixin{
    font-size: 12px;
    color: #C4C4C4;
}
.activity-item .left-logo .stars span{
    font-size: 12px;
    font-weight: 700;
    color: rgba(255, 255, 255, 1);
}
.activity-item .left-logo .status-warp{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 2px;
    border-radius: 10px 0 10px 0;
}
.data-list .list .club-item{
    border-bottom: 1px solid #F0F0F0;
    padding: 15px 0;
    margin: 0 10px;
    display: flex;
}
.data-list .list .club-item .logo-warp{
    position: relative;
}
.data-list .list .club-item .logo-warp .club-qual-giant{
    position: absolute;
    top: 24px;
    left: 6px;
    background-image: url(../img/giant.png);
    line-height: 15px;
    text-align: center;
    font-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    width: 16px;
    height: 10px;
    opacity: 1;
    border-radius: 5px 0 5px 0;
    border: 1px solid #fff;
}
.data-list .list .club-item .logo-warp .club-qual-liv{
    position: absolute;
    top: 24px;
    left: 6px;
    background-image: url(../img/liv.png);
    line-height: 15px;
    text-align: center;
    font-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    /*background-color: #653490;*/
    width: 16px;
    height: 10px;
    opacity: 1;
    border-radius: 5px 0 5px 0;
    border: 1px solid #fff;
}
.data-list .list .club-item .avatar{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 6px;
    box-shadow: none;
    border: 1px solid #eeeeee;
}
.data-list .list .club-item .club-main{
    flex: 4;
    width: calc(100% - 80px);
}
.right-warp{
    width: calc(100% - 100px);
    height: 100%;
    display: inline-block;
    vertical-align: bottom;
    /*padding: 0 8px 8px;*/
    padding: 0 8px 0;
}
.right-warp .activity-title{
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
}
.right-warp .date .icon-rili{
    font-size: 14px;
    color: #808080;
}
.right-warp .date .date-val{
    font-size: 14px;
    font-weight: 400;
    margin-left: 4px;
    color: rgba(128, 128, 128, 1);
}
.right-warp .club-mess{
    margin-top: 5px;
    margin-left: -3px;
}
.right-warp .club-mess img{
    width: 18px;
    height: 18px;
    margin-right: 4px;
    border-radius: 50%;
}
.right-warp .club-mess .avatar{
    box-shadow: none;
    vertical-align: middle;
}
.right-warp .club-mess span{
    font-size: 12px;
    font-weight: 400;
    color: rgba(128, 128, 128, 1);
    display: inline-block;
    width: calc(100% - 26px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.right-warp .sign-num{
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.3);
    width: 100%;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0;
}
.right-warp .sign-num b{
    font-size: 12px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
}
/*.no_data{*/
/*    padding-top: 30%;*/
/*    min-height: calc(100vh - 235px);*/
/*}*/
/*活动相关样式结束*/
.rank_box .tab_nav_list {
    display: flex;
    font-family: YouSheBiaoTiYuan;
    color: #56554E;
    position: relative;
    z-index: 1;
    /*padding: 0 10px;*/
    background: #fff;
    border-radius: 50px;
    margin: 0 10px;
    /*width: max-content;*/
    justify-content: space-between;
    /*width: calc(100% - 20px);*/
}

.rank_box .tab_nav_list .nav_item {
    height: 32px;
    border-radius: 15px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px;
    font-style: italic;
    cursor: pointer;
    /*margin-right: 10px;*/
}

.rank_box .tab_nav_list .active {
    color: #fff;
    /* background: linear-gradient(264deg, #7865FA, #7872F9, #C973F9); */
    /*background: linear-gradient(264deg, #ea6aa2, #ea6aa2, #fb9697);*/
    /*background: linear-gradient(264deg, #7865FA, #7872F9, #C973F9);*/
    background: linear-gradient(264deg, #FAC49E, #F6753C);
}

.rank_box .rank_list {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    /*max-height: calc(100vh - 210px);*/
    /*max-height: calc(100% - 10px);*/
    overflow-y: auto;
    padding-bottom: 10px;
    height: 100%;
}

.more_btn {
    color: #969799;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.rank_box .rank_item {
    display: flex;
    align-items: center;
    cursor: pointer;
    /* padding: 0 10px */
    color: #303030;
    font-size: 12px;
    /* margin-bottom: 10px; */
    border-bottom: 1px solid #ECECEC;
    padding: 10px;
    background: #fff;

}
.rank_box .my_rank_item{
    background: #fff;
    /*height: 60px;*/
}
.rank_box .my_rank_item .avatar_wrap{
    position: relative;
    cursor: pointer;
}
.rank_box .my_rank_item .avatar_wrap .in_person{
    position: absolute;
    height: 16px;
    background: linear-gradient(0deg, #4E66FF, #287DE0);
    /*border-radius: 3px;*/
    padding: 0 6px;
    color: #fff;
    bottom: -6px;
    left: -4%;
    transform: scale(0.8);
    word-break: keep-all;
    border-radius: 6px;


}
.rank_box .rank_item .num_icon_area {
    margin-right: 6px;
    text-align: center;
    margin-top: 5px;
}
.rank_box .rank_item_1 .num_icon_area,
.rank_box .rank_item_2 .num_icon_area,
.rank_box .rank_item_3 .num_icon_area {
    margin-top: -10px;
}
.rank_box .rank_item .num_icon_area .num {
    font-family: DIN;
    color: #A1A1A1;
    font-weight: bold;
    width: 30px;
    font-size: 14px;
}

.rank_box .rank_item .num_icon_area .top_3_icon {
    width: 30px;
    height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;


}

.rank_box .rank_item .num_icon_area .num_line {
    width: 10px;
    height: 2px;
    margin: 4px auto 0;
    background: #E9E9E9;
}
.rank_box .my_rank_item {
    background: #fff;
}
.rank_box .rank_item_1 .num_icon_area .num_line {
    background: #FEC059;
}

.rank_box .rank_item_2 .num_icon_area .num_line {
    background: #B0C8EB;
}

.rank_box .rank_item_3 .num_icon_area .num_line {
    background: #E8CCAF;
}

.rank_box .rank_item_1 .num_icon_area .top_3_icon {
    background-image: url("../img/up_activity/icon_top_1.png");
}

.rank_box .rank_item_2 .num_icon_area .top_3_icon {
    background-image: url("../img/up_activity/icon_top_2.png");
}

.rank_box .rank_item_3 .num_icon_area .top_3_icon {
    background-image: url("../img/up_activity/icon_top_3.png");
}
/*yxj 2024.06.07 七月百强开始*/
.rank_list .mess_warp{
    width: 100%;
}
.rank_list .mess_warp .upper_warp,.rank_list .my_rank_item .upper_warp{
    width: 100%;
    display: flex;
    align-items: center;
}
.rank_list .mess_warp .qd_warp{
    width: 100%;
    display: flex;
    align-items: center;
}
.mess_warp .upper_warp .name_wrap .name{
    font-weight: 700;
    font-size: 14px;
    color: #303030;
}
.mess_warp .qd_warp .name_wrap .name{
    font-weight: 500;
    font-size: 12px;
    color: #303030;
}
.mess_warp .qd_warp .km_data span{
    font-weight: 500;
    font-size: 12px;
    color: #0B6BE2;
}
.mess_warp .qd_warp .km_data .num{
    font-weight: 700;
    font-size: 14px;
    color: #0B6BE2;
}
.rank_box .km_data img{
    width: 10px;
    height: 14px;
}
.rank_box .right_data .improve{
    padding-top: 5px;
}
.rank_box .right_data .improve .num{
    font-weight: normal;
    font-size: 12px;
    color: #303030;
}
.rank_box .right_data .improve .txt{
    font-weight: 500;
    font-size: 12px;
    color: #E4332E;
}
.rank_list .mess_warp .qd_warp .avatar_wrap{
    text-align: center;
    padding-top: 5px;
}
.rank_list .mess_warp .qd_warp .avatar_wrap .avatar{
    width: 20px;
    height: 20px;
    box-shadow: unset;
    margin: 0 auto;
}
.rank_list .mess_warp .avatar_wrap .avatar{
    box-shadow: unset;
}
.rank_list .mess_warp .check_more_club{
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: #919191;
    margin: 10px 0;
}
.rank_list .mess_warp .check_more_club img{
    width: 12px;
    height: 6px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}
.rank_list .mess_warp .check_more_club .upper{
    transform: rotate(180deg);
}
.rank_list .mess_warp .qd_warp_list{
    display: block;
    max-height: 600px;
    transition: max-height 0.5s ease-out;
}
.rank_list .mess_warp .qd_warp_list .more_qd_club{
    width: 100%;
    display: flex;
    align-items: center;
}
/*yxj 2024.06.07 七月百强结束*/

.rank_box .rank_item .avatar_wrap {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    cursor: pointer;
}

.rank_box .rank_item .avatar_wrap .avatar {
    width: 30px;
    height: 30px;
}

.rank_box .rank_item .name_wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    white-space: break-spaces;
    word-break: break-all;
}

.rank_box .rank_item .name_wrap .text {
    color: #A1A1A1;
}

.rank_box .rank_item .km_data {
    white-space: nowrap;
    padding: 0 0 0 5px;
    font-weight: bold;
    text-align: right;
}

.rank_box .km_data .num {
    font-family: DIN;
    font-size: 18px;
}

.rank_box .rank_item_1 {
    background: linear-gradient(0deg, #FDF2CD, #FEF9D8, #FEF9D8);
}

.rank_box .rank_item_2 {
    background: linear-gradient(0deg, #EBF5FE, #EBF5FE, #EBF5FE);
}

.rank_box .rank_item_3 {
    background: linear-gradient(0deg, #FBF4F2, #FBF4F2, #FFF4F3);
}
.rank_box .rank_item_1,.rank_box .rank_item_2,.rank_box .rank_item_3{
    align-items: center;
}

/* 回到顶部 */
.back_to_top {
    margin: 15px auto 10px;
    text-align: center;
    height: 32px;
    background: rgba(1, 2, 4, 0.16);
    border-radius: 15px;
    line-height: 32px;
    font-size: 14px;
    cursor: pointer;
}

.statement_wrap {
    display: flex;
    align-items: center;
    padding: 0 20px;

}

.statement_wrap .statement_item {
    flex: 1;

    position: relative;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
}

.statement_wrap .platform_item {
    text-align: right !important;
}

.statement_wrap .statement_item .icon {
    width: 8px;
    height: 8px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;

}


.btm_btns_wrap {
    position: fixed;
    bottom: 0px;
    padding: 10px 15px 15px;
    left: 0;
    right: 0;
    /* background: #362782; */
    z-index: 2;
    max-width: 640px;
    margin: 0 auto;

}

.btm_btns_wrap .btn_list {
    display: flex;
    max-width: 640px;
    margin: 0 auto;
    justify-content: center;
}

.btm_btns_wrap .btn_list .club_btn {
    flex: 1;
    text-align: center;
    background: linear-gradient(0deg, #FECB9C, #FED0A2, #FDE9C9);
    border: 3px solid #FFFFFF;
    box-shadow: 0px 3px 7px 0px rgba(186, 117, 50, 0.35);
    border-radius: 50px;
    color: #ED5656;
    padding: 8px 0;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
}
.btm_btns_wrap .btn_list .disabled_btn{
    background: linear-gradient(0deg, #575554, #686460, #36332f);
    color: #fff;
}

.btm_btns_wrap .btn_list .club_btn:last-child {
    margin-right: 0;
}

.btm_btns_wrap .btn_list .sign_btn {
    background: linear-gradient(0deg, #E12F52, #FF7C42);
    box-shadow: none;
    border: none;
    padding: 8px 0;
    position: relative;
    /* min-width: 36%; */
    flex: 1;
    border: 2px solid #FDE5CA;
}

.btm_btns_wrap .btn_list .btn_inner {
    /* background: linear-gradient(0deg, #E12F52, #FF7C42); */
    /* border: 2px solid #FDE5CA; */
    /* box-shadow: 0px 2px 4px 0px rgba(71, 16, 16, 0.35); */
    border-radius: 50px;
    color: #FFFFFF;

}

.btn_line {
    position: absolute;
    top: 4px;
    right: 10px;
    display: flex;
}

.btn_line .circle {
    width: 3px;
    height: 3px;
    background: #FFFFFF;
    border-radius: 2px;
    margin-right: 4px;
}

.btn_line .line {
    width: 21px;
    height: 3px;
    background: #FFFFFF;
    border-radius: 2px;
}
.van-dialog__header {
    color: #101010;
}
.loading-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 555;
    background: rgba(255, 255, 255, 0);
    padding-top: 60vh;
    color: #4e66ff !important;

}
.float_tools .float_user{
    padding: 0px !important;
}
@keyframes jelly {
    0%,
    100% {
        transform: scale(1, 1);
    }
    25%, 75% {
        transform: scale(0.9, 1.1);
    }
    50% {
        transform: scale(1.1, 0.9);
    }
}
.search_van .van-icon-clear{
    display: none ;
}
.search_van .van-field__control{
    padding-right: 30px;
}
.search_van .clear_icon{
    display: block;
    position: absolute;
    right: 20px;
    top: 18px;
    /* transform: translateY(-50%); */
    color: #969799;
    font-size: 16px;
    cursor: pointer;
    z-index: 1;
}
.loading_img_wrap{
    background: #F0F0F0;
    z-index: 9999;
}
/*活动周边相关开始*/
.activity_around{
    margin: 10px 10px 0;
    height: 70px;
    background: url('../img/surrounding.jpg') no-repeat center;
    background-size: 100% 100%;
    display: flex;
    padding-left: 110px;
    align-items: center;
    border-radius: 10px;
    padding-right: 10px;
    justify-content: space-between;
}
@media screen and (max-width: 340px) {
    .activity_around{
        padding-left: 55px;
        padding-right: 5px;
    }
}
.activity_around .around_title{
    font-family: YouSheBiaoTiYuan;
    font-size: 30px;
    display: inline-block;
    font-style: italic;
    color: #1E1E1E;
}
.activity_around .around_title b{
    font-weight: normal;
    color: #DF3A54;
}
.activity_around img{
    width: 30px;
    height: 24px;
    transform: rotate(-90deg);
    margin: 0 5px 0 10px;
}
.activity_around .around_btn{
    width: 100px;
    height: 40px;
    background: url("../img/toChange.png") no-repeat center;
    background-size: 100% 100%;
    display: inline-block;
}
/*活动周边相关结束*/
.float_tools .float_user .btn{
    margin-left: 0;
}
.float_tools .float_user .avatar{
    margin-left: -5px;
}
@media screen and (min-width: 640px) {
    .activity_around{
        height: 102px;
        padding-left: 250px;
        justify-content: space-between;
    }
    .activity_around .around_title{
        font-size: 40px;
    }
    .activity_around .around_btn{
        width: 110px;
        height: 44px;
    }
}
/*已报名样式*/
.bottom-mess{
    position: relative;
    height: 22px;
    /*margin-bottom: 10px;*/
}
.bottom-mess .already-order{
    border-radius: 0 10px 10px 0;
    background: rgba(227, 240, 255, 1);
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 500;
    color: rgba(42, 130, 228, 1);
    position: absolute;
    bottom: 2px;
    left: 0;
}
.award_warp .bottombar{
    background: #f7cba8;
    box-shadow: none;
    padding-top: 0;
    max-width: 640px;
    left: 49.9%;
    transform: translate(-50%);
}
.award_desc{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
@media screen and (min-width: 640px) {
    .award_desc{
        max-width: 640px;
        margin: 20px auto 0;
        display: block;
        border-radius: 10px 10px 0 0;
    }
}
.around_toast img{
    width: 300px;
    height: 150px;
    border-radius: 10px;
}
.around_toast.van-popup{
    overflow-y: unset;
}
.around_toast .van-popup__close-icon--top-right{
    right: 2px;
    top: -30px;
}
@media screen and (min-width: 640px) {
    .around_toast img{
        width: 600px;
        height: 300px;
        border-radius: 10px;
    }
    .around_toast .van-popup__close-icon{
        font-size: 32px;
    }
    .around_toast .van-popup__close-icon--top-right{
        right: 2px;
        top: -45px;
    }
}