body{
        font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","Helvetica Neue",Arial,sans-serif;
    }
    /*{max-width:100% !important;}*/

    td strong{
        color: inherit;
    }
    .nav-menu {
            left: 0;
        }
    .header-bottom {
        position: relative;
    }
    .hd-down {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .hd-down a {
        font-size: 12px;
        color: #4aca53;
    }
    .event-details2,.event-same-list {
        padding-right: 0px;
        padding-left: 0px;
    }
    .event-details2 #event_register_message,.event-details2 #event_register_step3,.event-details2 #event_register_step2 {
        padding-right: 12px;
        padding-left: 12px;
    }
    .event-details2 #event_register_step2 {
        height: 9rem;
    }
    .event-details2 {
        
        overflow: hidden;
    }
    .event-details2>h1,.event-details2>.org-name,.event-details2>.text-right,.event-details2>.event-info,.event-details2>h1 {
        width:92%;
        margin: 0 auto;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        line-height: 1.42857143;
        font-weight: bold;
    }
    .substance-follows-shift-center>div{
        white-space: nowrap;
    }
    .event-details2>.event-info {
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0.3rem;
        margin-top: 0.3rem;
    }
     .event-details2>.text-right {
        padding-right: 10px!important;
    }
    .open-btn-banner-div,.event-details2 .tabs {
        padding-right: 15px;
        padding-left: 15px;
    }
    .event-details2 .tab-content {
        padding-right: 0px;
        padding-left: 0px;
    }
    .event-details-banner{
        position:relative;
    }
    .event-details-banner-box{
        width:100%;
        max-height: 240px;
        overflow: hidden;
        position: relative;
    }
    .event-details-banner-box .event-details-banner-filter{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height: 240px;
        -webkit-backdrop-filter: blur(5px);
        /* Google Chrome */
        backdrop-filter: blur(5px);
        /* 设置背景半透明黑色 */
        background: rgba(0, 0, 0, 0.1);
    }
    .event-details-banner-box .event-details-banner-bg{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height: 240px;

    }
    /* .event-details-banner img{
        width:100%;
    } */
    .event-details-banner .banner-main{
        position: absolute;
        width: 92%;
        top: 5%;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-border-radius: 0.14rem;
        border-radius: 0.14rem;
        box-shadow: 0.07rem 0.05rem 0.25rem rgba(37,21,46,0.16);
        max-height: 220px;
    }

     .event-details-banner{
        margin-bottom:20px;
    }


        header {
            height: inherit;
            border-bottom: none;
        }
        .header-top {
            height: 45px;
            display:none;
        }
        .header-bottom {
            height: 46px;
            background:#fff;
        }
        .header-bottom .logo-pic{
           height: 100%;
            display: inline-block;
            margin-left: 0.33rem;
            float:left;
        }
        .header-bottom .logo-pic>div{
           height: 100%;
            display: flex;
            align-items: center;
        }
        
        
        header .navbar-left>*, header .navbar-right>* {
            display: table-cell;
            height: 45px;
            padding-right: 15px;
            padding-left: 15px;
            vertical-align: middle;
        }

        .logoa
            {
                color: #fefefe;
                font-size: 18px;
                font-weight: 500;
            }
        .nav-menu ul, header .icon-nav-menu span, header .icon-nav-menu:after, header .icon-nav-menu:before
        {
            background:#767676!important;

        }
        header .icon-nav-menu {
            width: 23px;
            height: 19px;

        }
        header .icon-nav-menu span {
            top: 8px;
        }
        .icon-nav-menu span, .icon-nav-menu:after, .icon-nav-menu:before {

            height: 2px;

        }
        
header .header-bottom-text {
    float: left;
    font-size: 10px;
    color: #A0A0A0;
    margin-left: 0.24rem;
    height: 45px;
    line-height: 45px;
}
        header .navbar-righta {
            margin-right: 25px;
            float: right;
            display: flex;
            align-items: center;
            height: 46px;
        }
        a{
            text-decoration:none;
        }
        header .navbar-righta .icon-open-app{
            width:1.45rem;
            height:0.46rem;
            background:#04B349;
            border-radius:0.46rem;
            text-align:center;
            line-height:0.46rem;
        }
         header .navbar-righta .icon-open-app a{
            font-size:10px;
        font-family:PingFang SC;
        font-weight:500;
            color:#fff;
            width:100%;
            height:100%;
            display:block;

        }
        header .navbar-righta .language{
            font-size: 12px;
            color: #A0A0A0;
            margin-right: 22px;
        }
        

        
.effect_wrapper .effect_avatar_wrapper {
    margin-top: .1rem;
    padding-left: 0.45rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.effect_wrapper .effect_peo_wrapper {
    align-items: center;
    display: flex;
    right: 15px;
}

.effect_wrapper .effect_avatar_wrapper .normal_avatar_section {
    margin-right: 3px;
}

    .effect_wrapper .effect_avatar_wrapper span img {
        width: .6rem;
        height: .6rem;
        border-radius: 50%;
    }

.effect_peo_wrapper a {
    color: #333;
}

.rightPlusIcon_wrapper {
}

    .rightPlusIcon_wrapper .testEnfluence {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.2px;
        color: #333333;
    }

    .rightPlusIcon_wrapper .feelNow {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.2px;
        color: #ffffff;
        padding: 3px 6px;
        background: #ffba00;
        border-radius: 3px;
        margin-left: 8px;
        display: inline-block;
    }

        .event-details .event-info > div .icon-ticket, .event-details .event-info > div .icon-time, .event-details .event-info > div .icon-place {
            margin-right: 8px;
        }
        .event-details .event-info>div>span:first-child {
        margin-left: 0px;
        color: #04B349;
        }
        .pull-right.youhuima {
           padding:0 7px;
            height: 24px;

            background:#fff;
            display:inline-block;
            color:#60c051;
            border-radius: 3px;
            font-size: 14px;
        }
        .icon-dress.addclass
         {
            position: absolute;
            right: 15px;
        }
        
        .place .icon-place-a
         {
            color:#555555;
            display: inline-block;
            width: 290px;
            font-size: 13px;
            overflow:hidden;
            text-overflow:ellipsis;
            display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
        }

        .text-danger
         {
            color:#666666;
        }
        .event-details .event-info>div {
            
            border-bottom: none;
            padding-left: 0px;
        
            color: #555;
            font-size: 15px;
            
        }
        .text-warning {
            color: #03B349;
            font-size: 28px;
            font-weight: bold;
        }
        .feed-list .ht img {
            border-radius: 50%;
        }
        .feed-list>li{
            display: flex;
            flex-direction: column;
        }
        .feed-list .ht+.text-link-div {
            margin-top: 0px;
            order: 5;
        }
        
        .tabs li.active a {
            color: #5fb74b;
        }
        .tabs li a {
            color: #666666;
        }
        .new-comments a{
            color: #5fb74b;
        }
        .modal-content {
            border: none;
            background-color: #EEF2ED;
        }
        .form-control {
            box-shadow: none;
        }
        .modal-confirm .col-6:first-child {
            border-right: none;
        }
        .modal-confirm .col-6 {
            border-top: none;
        }
        .modal-confirm h2 {
            font-weight: 400;
            color: #464746;
            text-align: center;
        }
        .modal-confirm .col-6:first-child .btn {
            color: #464746;
        }
        .modal-confirm .col-6 .btn {
            background: #EEF2ED;
        }
        .btn-link {
            color: #61B654;
        }

         .close.quxiao {
            float:left;
            color:#515251;
            font-size: 14px;
            margin-top:10px;
        }
        .model-backgrcolor {
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            background:#EEF2ED;
            padding-top: 0px;
            padding-left: 24px;
            padding-right: 24px!important;
        }
        .modal-header {
            border-bottom: none;
            background: #EEF2ED;
            padding-top:15px;
            padding-bottom:15px;
        }
        .model-zixun {
            color:#515251;
            text-align:center;
        }
        .ti-jiao {
            background-color: #EEF2ED!important;
            border: none;
            color:#63B757!important;
            width: 33px!important;
        }
        .sendbox.sendbox-expand .textarea-zixun {
            height: 100px;

        }
        /*#commentBox{
            height:100%;
        }
         .modal.zixun-model-tanchuang {
            animation: changebox 3s linear;

        }
         @("@")keyframes changebox {
           from{
                top:100%;
           }
           to{
                top:30%;
           }
        }*/



        footer>div {
            background: #f6f6f6;
        }
        footer a {
            font-size: 12px;
            color: #666666;
        }
        footer>div:after {
            background: #E2E2E2;
        }
        footer {
            margin-bottom: 50px;
            margin-left: 12px;
            margin-right: 12px;
        }
        footer img {
            height: 50px;
            width: 160px;
            margin-top: 17px;
            margin-bottom: 17px;
        }
        .col-4 {
            border-bottom: 1px solid #e3e3e3;
            padding-bottom: 19px;
        }
        footer>div:nth-child(3):after {
            width:0px;
        }



        .nav-menu.model-nav {
            width: 100%;

        }
        .nav-menu li {
            width: 33.3%;
            float: left;
            height: 40px;
            padding-top: 5px;
            border-bottom: 1px solid #e8e9e8;
        }
         .nav-menu ul {
            background: #F8F8F8!important;
            height: 80px;
            width: 100%;
            border-radius: 0px;
            border: none;
            padding: 0 10px;
        }
        .nav-menu .popover {
            padding: 0 0 0 0;
        }
        .popover.bottom {
            margin-top: 0px;
        }
        .nav-menu ul li:nth-child(4),.nav-menu ul li:nth-child(5),.nav-menu ul li:nth-child(6) {
            border-bottom: none;
        }
        .nav-menu a {
            line-height: 28px;
            color: #7E7E7E;
            border: 1px solid transparent;
            border-radius: 0px;
            border-right: 1px solid #e8e9e8;
        }
        .nav-menu ul li:nth-child(3) a,.nav-menu ul li:nth-child(6) a {
            border-right: none;
        }
        .open-app-img {
            width: 14px!important;
            height: 18px;
        }
        .navbar-bottom-small a {
            font-weight: 500;
        }

        .data-event-details-substance-languages {
            height: 60px;
            line-height: 60px;
            width: 100%;
            border-bottom: 5px solid #e4e9e4;
            border-top: 5px solid #e4e9e4;
            text-align: center;
            vertical-align: middle;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .data-event-details-substance-languages .substance-languages-shift {
            border: 1px solid #E1E5E1;
            height: 31px;
            width: 3.4rem;
            line-height: 31px;
            border-radius: 4px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .data-event-details-substance-languages .substance-languages-shift a {
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 29px;
            font-size: .3rem;
            color: #b7c0b7;
            line-height: 29px;
            overflow: hidden;
            vertical-align: middle
        }

       .data-event-details-substance-languages .substance-languages-shift .languages-shift-hight {
            background: #EAEFEA;
            color: #5fb74b
        }

        .data-event-details-substance-activity {
            border-top: 13px solid #f7f7f7;

        }

        .data-event-details-substance-activity>h3 {
            padding-top: 0.41rem;
            padding-bottom: 0.41rem;
            font-size: 16px;
            color: #333;
            display: flex;
            align-items: center;
            
            padding-left: 0.29rem;
            font-weight: bold!important;
        }

        

        .data-event-details-substance-activity .data-event-details-substance-activity-center {
            padding-right: 0.29rem;
            min-height: 50px;
           
            padding-bottom: 0.2rem;
            padding-left: 0.29rem;

            overflow: hidden;
        }
        .data-event-details-substance-activity .data-event-details-substance-activity-center p{
            margin-top: 0;
        }
        .data-event-details-substance-activity .data-event-details-substance-activity-center>section {
            width: 100%!important;
        }

         .activity-more,.zixun-more{
            display: none;
            text-align: center;
            align-items: center;
            justify-content: center;
            font-size: 15px;
            color: #60c051;
            margin-top: 10px;
            margin-bottom: 20px;

        }

        

        .data-event-details-substance-activity .data-event-details-substance-activity-center img {
            max-width: 100%;
            height: auto;
        }

        .data-baoming {
            border-top: 13px solid #f7f7f7;

        }

        .data-event-details-substance-activity img{
            max-width: 100%!important;
            height: auto!important;
        }

        .data-event-details-substance-guest img{
            max-width: 100%!important;
            height: auto!important;
        }

        .data-event-details-substance-guest img{
            max-width: 100%!important;
            height: auto!important;
        }

        .data-baoming h3 {
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: 16px;
            color: #0b1e30;

            display: flex;
            font-weight: 500;
            align-items: center;
            padding-right: 15px;
            border-bottom: 1px solid #e8e8e8;
            padding-left: 15px;
        }

        .data-baoming .data-baoming-conter p{
            margin:0;
        }

        .data-baoming .data-baoming-conter {
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: 14px;
            color: #6b6b6b;

            padding-right: 15px;
            padding-left: 15px;
        }

        .data-event-details-substance-guest {
            border-top: 13px solid #f7f7f7;
            padding-left: 15px;
        }

        .data-event-details-substance-guest h3 {
            height: 50px;
            font-size: 16px;
            color: #333333;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-right: .24rem;
            border-bottom: 1px solid #e4e9e4;
            font-weight: bold!important;
        }

        

        .data-event-details-substance-guest .data-event-details-substance-guest-center {
           padding-right: 10px;
            min-height: 50px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .data-event-details-substance-guest-center p{
            word-break: break-all;
        }
        .data-event-details-substance-actor {
            border-top: 13px solid #f7f7f7;
            padding-left: 15px;
        }

        .data-event-details-substance-actor h3 {
            height: 50px;
            font-size: 14px;
            color: #333333;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-right: .24rem;
            border-bottom: 1px solid #e4e9e4
        }

        
        .data-event-details-substance-actor .data-event-details-substance-actor-center {
            padding-right: .24rem;
            min-height: 50px;
            margin-bottom: 40px;
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 57px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div img {
            width: .76rem;
            height: .76rem;
            border-radius: 50%;
            margin-right: .24rem
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div .actor-div-div {
            width: 100%;
            border-bottom: 1px solid #e4e9e4;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div .actor-div-div h4 {
            font-size: .28rem;
            color: #666666
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div .actor-div-div h4 span {
            margin-right: .2rem
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div .actor-div-div p {
            font-size: .26rem;
            color: #afafaf
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div-more {
            height: 45px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div-more .actor-div-more-div {
            font-size: .26rem;
            color: #939393;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .data-event-details-substance-actor .data-event-details-substance-actor-center .actor-div-more .actor-div-more-div .more-pic {
            margin-left: .2rem;
            display: inline-block;
            width: 10px;
            height: 10px;
            border: 1px solid #CACACA;
            border-right: none;
            border-bottom: none;
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
            margin-top: 1px
        }

        .data-event-details-substance-hot {
            border-top: 13px solid #f7f7f7;

        }

        .data-event-details-substance-hot .substance-hot-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 50px
        }

        .event-same-list .substance-hot-title {
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: 16px;
            color: #0b1e30;

            padding-right: 15px;
            border-bottom: 1px solid #e8e8e8;
            padding-left: 15px;
        }

         .event-same-list {
            border-top: 13px solid #f7f7f7;
        }

        .event-details2 .tabs {
            padding-top: 17px;
            border-top: 13px solid #f7f7f7;
        }
        .tab-content.zi-xun {
            /* padding-top: 17px; */
            /* border-top: 13px solid #f7f7f7; */
        }

        .feed-list .date.data-zixun {
            font-size: 13px;
            float: inherit;
            margin-top: 0px;

            color: #aeaeae;
        }

        .new-comments.new-zixun {
            height: 0.88rem;
            padding-right: 15px;
            padding-left: 0.28rem;
            border-bottom: 1px solid #e8e8e8;
        }

        #eventCommentList .feed-list>li:nth-child(1) {
            border-top: none!important;
        }

        .new-comments.new-zixun p{
            float: left;
            font-weight: bold;
        }

        .new-comments.new-zixun a{
            float: right;
        }

        .event-details2 .tabs li.active {
            border-color: #eef0ed #fff #fff;
            background: #fff;
        }
        .event-details2 .tabs li {

            color: #959595;
            border: none;
            background: #eef0ed;
        }

        .event-details .m-event-end .m-event-end__next,.event-details .m-event-end .m-event-end__break {
            margin-right: 0px;
            margin-left: 0px;
        }

        .event-details .m-event-end .m-event-end__header .m-event-end__close {
            right: 0;
        }

        .data-event-details-substance-hot .substance-hot-title h3 {
            margin: 0 6px;
            font-size: .3rem;
            color: #333333;
        }

        .data-event-details-substance-hot .substance-hot-title span,.event-same-list .substance-hot-title span {
            display: inline-block;
            width: 11px;
            height: 2px;
            background: #999999
        }

        .data-event-details-substance-hot .substance-hot-conter {
            width: 100%
        }

        .data-event-details-substance-hot .substance-hot-conter a{
            display: flex;
            justify-content: center;
        }

        .data-event-details-substance-hot .substance-hot-conter img {
            width: 100%;
            height: 34%;
        }

        
        #gotop {
            background: #fff;
        }
       
        .event-details2>.text-righta {
            width: 92%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            margin-top: 0.07rem;
        }
        
        .event-details2>.text-righta .baoming-icon{
            display: inline-block;
            width: 14px;
            height: 12px;
            margin-right: 5px;
        }
        
        .event-same-list .event-imgTxt-list li {
            padding-right: 15px;
            padding-left: 15px;
        }

        .data-chakan-more {
            border-top: 13px solid #f7f7f7;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-right: 15px;
            padding-left: 15px;
            font-size: 16px;
            color: #0b1e30;
            display: flex;
            align-items: center;
        }

        .data-chakan-more a{
            font-size: 16px;
            color: #0b1e30;
            margin-right: 5px;
        }

        

        .data-fabu-more {
            border-top: 13px solid #f7f7f7;
            padding-top: 20px;
            padding-bottom: 20px;
            padding-right: 15px;
            padding-left: 15px;
            font-size: 16px;
            color: #0b1e30;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .data-fabu-more a{
            font-size: 15px;
            color: #62b651;
            font-weight: bold;
        }


        footer>div:after {
            position: absolute;
            top: 5px;
            right: 0;
            width: 0px;
            height: 20px;
            background: #4a893d;
        }

        footer .footer-div .footer-pp{
            font-size: 15px;
            color: #555;

        }

       footer .footer-div-list{
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 25px;
        }

        footer .footer-div-list .footer-div-item{
           margin-right: 29px;
        }

        footer .footer-div-list .footer-div-item:nth-child(4){
           margin-right: 0px;
        }

        footer .footer-div-list .footer-div-item img{
           margin-bottom: 10px;
        }


        .already-baoming {
            padding: 0.3rem 0;
            padding-left: 0.28rem;
            border-bottom: 13px solid #f7f7f7;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;

        }
        .already-baoming .baoming-span{
            margin-right: 0.3rem;
            font-size: 14px;
            color: #333;
            font-weight: bold;
        }
        .already-baoming img{
            width: 0.8rem;
            height: 0.8rem;
            margin-right: 0.05rem;
            border-radius: 50%;
        }

        #event_register_step1{
            /* padding:10px; */
        }
        #event_ticket_select_details{
            margin-bottom: 10px;
        }

        .icon{
          display: inline-block;
        }
        .flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .foot-div-wrap ul {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: .4rem;
            margin-bottom: .4rem
        }

        .foot-div-wrap .foot-li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .foot-div-wrap .foot-li a {
            font-size: .28rem;
            color: #03b349;
            padding: .16rem .28rem
        }

        .foot-div-wrap .foot-li .foot-right-line {
            display: inline-block;
            width: .02rem;
            height: .25rem;
            background: #e7e7e7
        }
        .data-event-details-substance-follows {
            position: relative;
            border-top: 13px solid #f7f7f7;
            padding-top: .3rem
        }

        .data-event-details-substance-follows .item-posi {
            width: .8rem;
            height: .8rem;
            position: absolute;
            right: 0px;
            top: 0px
        }

        .data-event-details-substance-follows .details-substance-follows-top>img {
            width: 1rem;
            height: 1rem;
            border-radius: .1rem;
            margin-top: .1rem
        }

        .data-event-details-substance-follows .details-substance-follows-top {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0 .28rem
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift {
            margin-left: .4rem;
            margin-right: 1rem
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-shift-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-shift-center .admin-title {
            display: inline-block;
            font-size: .3rem;
            color: #333333;
            max-width: 4.4rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: .03rem 0rem
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-shift-center .admin-title.admin-title-person {
            color: #ffb400
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-shift-center .admin-title.admin-title-company {
            color: #191919
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-shift-center span {
            display: inline-block;
            width: .3rem;
            height: .3rem
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-shift-center .follows-vip {
            /*width: .4rem;*/
            height: .4rem;
            margin: 0 .1rem 0 .2rem;
            /*border-radius: 100%;*/
            /* background: #0094FE; */
            /* padding: 0.06rem */
        }
        .recent_join_wrapper{
            width: 100%;
            height: 1.6rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            border-bottom: .2rem solid #f6f6f6;
        }
        .recent_join_wrapper .recent_join_wrapper_title{
            width: 1.3rem;
            font-size: 0.3rem;
            color: #333333;
            margin-left: 0.29rem;
            margin-top: 0!important;
        }
        .recent_join_wrapper .recent_join_wrapper_main{
            margin-left: 0.24rem;
            height: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        .recent_join_wrapper .recent_join_wrapper_main img{
            width: 0.8rem;
            height: 0.8rem;
            border-radius: 100%;
            margin-left: 0.1rem;
            background: #bbb;
        }
        .recent_join_wrapper_dian{
            margin-left: 0.22rem;
            margin-top: -0.2rem!important;

        }
        .recent_join_wrapper .recent_join_wrapper_a{
            height: 100%;
            display: flex;
            align-items: center;
            margin-left: 0.14rem;
        }

.historical_evaluation_btn{
    width:5.94rem;
    height:0.7rem;
    line-height:0.6rem;
    margin: 0 auto;
    border:1px solid rgba(3,179,73,1);
    text-align: center;
    background: #fff;
    border-radius: 0.7rem;
    display: block;
    color: #03B349;
    font-size:14px;
    box-sizing: border-box;
    margin-bottom: 0.31rem;
}
.sign-advisory-wrapper{
    width: 100%;
    border-top: 13px solid #f7f7f7;
    border-bottom: 13px solid #f7f7f7;

}
.sign-advisory-wrapper p{
    padding: 0.4rem 0.28rem;
    margin: 0!important;
    font-size: 16px;
    color: #333333;

}
        

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-shift-info {
            margin-top: .1rem;
            white-space: normal;
            width: 100%;
            font-size: .24rem;
            color: #888;
            line-height: 1.3;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-info-wrap {
            margin-top: .1rem
        }

        

        

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-info-wrap .item-title {
            margin-left: .06rem;
            margin-right: .1rem;
            font-size: .24rem;
            color: #888
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-info-wrap .item-number {
            font-size: .24rem;
            color: #888
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-fans-wrap {
            margin-right: .5rem;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .data-event-details-substance-follows .details-substance-follows-top .substance-follows-shift .substance-follows-activit-wrap {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .data-event-details-substance-follows .details-substance-follows-bottom {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: space-evenly;
            margin-top: .49rem;
        }

        .data-event-details-substance-follows .details-substance-follows-bottom>div {
            width: 33.3%;
            text-align: center;
            font-size: .26rem;
            color: #888888;
            height: 50px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .data-event-details-substance-follows .details-substance-follows-bottom .details-substance-follows-bottom-cola {
            width: 2.6rem;
            height: 0.6rem;
            font-size: .28rem;
            color: #03b349;
            border: 1px solid #03b349;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            border-radius: 0.6rem;
        }
        .follows-ok{
            border: 1px solid #999!important;
        }
        .follows-ok a{
            color: #999!important;
        }
        .follows-no{
            border: 1px solid #03b349!important;
        }
        .follows-no a{
            color: #03b349!important;
        }
        .data-event-details-substance-follows .details-substance-follows-bottom .details-substance-follows-bottom-cola a {
            font-size: .28rem;
            color: #03b349;
            width:100%;
        }

        .data-event-details-substance-follows .details-substance-follows-bottom .details-substance-follows-bottom-colb {
            width: 2.6rem;
            height: .6rem;
            font-size: .28rem;
            color: #03b349;
            border: 1px solid #03b349;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            border-radius: .6rem
        }
        .data-event-details-substance-follows .details-substance-follows-bottom .details-substance-follows-bottom-colb a {
            font-size: .28rem;
            color: #03b349;
        }

        

        .data-event-details-substance-follows .details-substance-follows-bottom .details-substance-follows-bottom-colc span {
            margin-left: .1rem;
            margin-right: .1rem
        }

        .substance-more-activit .substance-more-activit-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.3rem;
    background: #f6f6f6
}

.substance-more-activit .list-title {
    font-size: .36rem;
    color: #171717;
    font-weight: bold;
}

.substance-more-activit p {
    margin:0!important;
}

.substance-more-activit .title-line {
    width: .5rem;
    height: .03rem;
    background: #333;
    margin: 0 .41rem
}

.substance-more-activit .hd-activit-tab {
    border-bottom: 1px solid #f8f8f8;
    padding: .1rem
}

.substance-more-activit .hd-activit-tab li {
    font-size: .3rem;
    color: #333;
    padding: .1rem 0;
    border-bottom: .05rem solid transparent
}

.substance-more-activit .hd-activit-tab li:last-child {
    margin-right: 0rem
}

.substance-more-activit .hd-activit-tab li.hd-activit-tab--active {
    /* border-bottom: .05rem solid #03b349; */
    color: #04B349;
}

.substance-more-activit .substance-more-activit-content {
    display: none
}

.substance-more-activit .substance-more-activit-content.hd-new-content--active {
    display: block
}
.hd_content{background: #ffffff;}
.substance-more-activit-item {
    padding: 0 .3rem;
    /* padding-bottom: .4rem; */
    padding-top: .4rem;
    border-bottom: .2rem solid #f6f6f6;
    position: relative;

}
.substance-more-activit-item-top{
    position: relative;
}
.substance-more-activit-item-top .vip-ticket{
    font-family: PingFangSC-Regular;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 5px;
    background: #ff8309;
    min-width: 60px;
    text-align: center;
    border-radius: 0.08rem 0 0.08rem 0;
}
.groupBuy-ticket{
    font-family: PingFangSC-Regular;
    font-size: 0.14rem;
    line-height: 0.38rem;
    color: #fff;
    border-radius: 0.06rem;
    position: absolute;
    padding: 0 0.08rem;
    background: #fc0606;
    top: 0;
    left: 0;

}
.earlyBird-ticket{
    font-family: PingFangSC-Regular;
    font-size: 0.14rem;
    line-height: 0.38rem;
    color: #fff;
    border-radius: 0.06rem;
    position: absolute;
    padding: 0 0.08rem;
    background: #ed4588;
    top: 0;
    left: 0;
}
.substance-more-activit-item-top .item-top-certification{
    width:0.9rem;
height:0.34rem;
position: absolute;
top: 0;
left: 0;
border-top-right-radius: 0.34rem;
border-bottom-right-radius: 0.34rem;
background: #FF9F00;
font-size: 10px;
color: #fff;
line-height: 0.34rem;
text-align: center;
}
.substance-more-activit-item:last-child {
    /*border-bottom: none;*/
}

.substance-more-activit-item .substance-more-activit-item-top .item-logo {
    width: 3.01rem;
    height: 1.77rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .18rem;
    border-radius: 0.08rem;
}
.item-right-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.substance-more-activit-item .substance-more-activit-item-top .item-title {
    font-size: .29rem;
    color: #191919;
    /* line-height: 1.5; */
    /* height: .88rem; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: bold;
}
.substance-more-activit-item .substance-more-activit-item-top .item-title span{
    background: #FC0606;
    color: #fff;
    font-size: 10px;
    border-radius: 0.06rem;
    padding-left: 0.03rem;
    padding-right: 0.03rem;

}
.substance-more-activit-item .substance-more-activit-item-top .vip_guide_boxxer{
    display:inline-block;
    background:#f9e9d2;
    color:#8f4f03;
    font-family: PingFangSC-Regular;
    font-size: .2rem;
    font-weight: normal;
    font-stretch: normal;
    text-align: center;
    padding:.02rem .08rem;
}
.substance-more-activit-item .substance-more-activit-item-top .item-address {
    font-size: .24rem;
    color: #888;
    /*margin-top: .16rem;*/
    /* padding-right:.2rem; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 3.56rem;
}

.substance-more-activit-item .substance-more-activit-item-top .item-info {
    /* margin-top: .2rem */
    width: 3.56rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.substance-more-activit-item .substance-more-activit-item-top .item-data {
    font-size: .24rem;
    color: #888;
    padding-right: .2rem;

}

.substance-more-activit-item .substance-more-activit-item-top .item-price {
    font-size: .46rem;
    color: #03b349;
    font-weight: bold;
    /* -webkit-box-flex: 1; */
    /* -ms-flex: 1; */
    /* flex: 1; */
    /* text-align:right; */
}

.substance-more-activit-item .substance-more-activit-item-bottom {
    width: 6.9rem;
    height: 0.9rem;
    margin: 0 auto;
    border-top: 0.01rem solid #E5E5E5;
    margin-top: .2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.substance-more-activit-item .substance-more-activit-item-bottom p{
    font-size:0.24rem;
    height: 0.9rem;
    color:rgba(51,51,51,1);
    line-height:0.9rem;
}
.substance-more-activit-item .substance-more-activit-item-bottom button{
    width:1.46rem;
    height:0.52rem;
    border:1px solid rgba(75,197,82,1);
    border-radius:0.52rem;
    background: #fff;
    color: #03b349;
    font-size: 0.24rem;
    line-height: 0.5rem;
    text-align: center;
}

.substance-more-activit-item .substance-more-activit-item-bottom .substance-type-list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.substance-more-activit-item .substance-more-activit-item-bottom .substance-type-list span {
    font-size: .24rem;
    color: #03b349;
    margin-right: .06rem
}

.substance-more-activit-item .substance-more-activit-item-bottom .substance-type-list span:last-child {
    margin-right: 0rem
}

.substance-more-activit-item .substance-more-activit-item-bottom .button-signup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.28rem;
    height: .46rem;
    border: 1px solid #03b349;
    font-size: .24rem;
    color: #03b349;
    border-radius: .06rem
}

.substance-more-activit-item .substance-more-activit-item-bottom .button-estimate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5rem;
    height: .46rem;
    border: 1px solid #03b349;
    font-size: .24rem;
    color: #03b349;
    margin: 0 auto;
    border-radius: .06rem
}
.hdx-vip__list-item{
    padding-left: 15px;
    display: flex;
    align-items: center;
    height: 0.9rem;
}
.hdx-vip__list-item .hdx-vip__sign{
    color: #ff8b00;
    font-size: .28rem;
    margin-right: 0.14rem;
}
.hdx-vip__list-item .hdx-vip__text{
    color: #ff8b00;
    font-size: .34rem;
    margin-right: 0.1rem;
}
.hdx-vip__list-item .hdx-vip__orig{
    color: #a0a0a0;
    font-size: .24rem;
    margin-right: 0.12rem;
    position: relative;
}
.hdx-vip__list-item .hdx-vip__orig:after{
    content: "";
    position: absolute;
    width: calc(100% + .1rem);
    height: .02rem;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: #a0a0a0;
}
.hdx-vip__list-item .hdx-vip__exclusive{
    color: #542a01;
    font-size: .22rem;
    display: inline-block;
    padding: 2px 13px;
    background-image: linear-gradient(-90deg,
        #f2d8a5 0%,
        #e6c892 50%,
        #dab87e 100%),
    linear-gradient(
        #675e80,
        #675e80);
    background-blend-mode: normal,
        normal;
    border-radius: 11px;
}
.hdx-vip__list-item .hdx-vip__more{
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid #a0a0a0;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    margin-left: 0.14rem;
    margin-top: -5px;
}
.hdx-vip__box{
    position: relative;
}
.hdx-vip__list{
    position: absolute;
    top: 0.9rem;
    left: 12px;
    box-shadow: 0px 4px 13px 0px
        rgba(87, 68, 18, 0.11);
    border-radius: 10px;
    border: solid 2px #f5f5f5;
    background: #fff;
    z-index: 10;
    display: none;
}
.hdx-vip__list .hdx-vip__list-item{
    padding-right: 15px;
    padding-left: 0.14rem;
    border-bottom: solid 1px #e0e0e0;
}
.hdx-vip__list .hdx-vip__list-item:nth-last-child(1){
    border-bottom: none;
}
.hdx-vip__list.active{
    display: block;
}
.hdx-vip-link-img-box{
    display: inline-block;
    padding: 0px 0.29rem;
    margin-bottom: 12px;
}
.hdx-vip-link-img-box .vip__img{
    width: 100%;
}
.hdx-vip-link-img-box .vip__img_a{
    display: inline-block;
    position: relative;
}
.hdx-vip-link-img-box .vip__img_div{
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
}
.hdx-vip-link-img-box .vip__open_price{
    font-size: 0.24rem;
    color: #532B00;
}
.hdx-vip-link-img-box .vip__good_price{
    font-size: 0.24rem;
    color: #532B00;
}
.hdx-vip-link-img-box .vip__good_price>span{
    font-size: 0.24rem;
    color: #542a01;
    font-weight: 600;
}