book_admin/public/assets/css/frontend/campaign/index.css

.content{
    width: 100%;
    min-height: 2rem;
    margin-top: 1.2rem;
    overflow: hidden;
}
.people{
    padding: 0 0.55rem;
    box-sizing: border-box;
    
}
.people_left{
    display: inline-block;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(202,140,101,1);
    font-size: 0.26rem;
    height: 0.64rem;
    line-height: 0.64rem;
}
.people_right{
    /* display: inline-block; */
    font-size: 0;
    height: 0.64rem;
    line-height: 0.64rem;
    float: right;
}
.people_right_item{
    width: 0.64rem;
    height: 0.64rem;
    margin-right: -0.2rem;
    border-radius: 50%;
    box-sizing: border-box;
}

.count_list{
    font-size: 0;
    margin-top: 0.2rem;
    height: 3.12rem;
}
.count_item{
    width: 2.4rem;
    height: 2.68rem;
    font-size: 0;
    text-align: center;
    line-height: 2.68rem;
    float: left;
    position: relative;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}

.count_img_default{
    width: 1.84rem;
    height: 2.04rem;
    position: relative;
    z-index: 2;
}
.count_img_active{
    width: 100%;
    height: 100%;
    display: none;
}
.count_item_active .count_img_active{
    display: block;
    position: relative;
    z-index: 2;
}
.count_item_active .count_img_default{
    display: none;
}
.count_item .count_item_bg{
    display: none;
}
.count_item_active .count_item_bg{
    display: block;
    width: 3.7rem;
    height: 3.7rem;
    position: absolute;
    left: -0.65rem;
    top: -0.51rem;
    animation: circle_rotate 5s linear infinite;
}
@keyframes circle_rotate{
    0%{
        
    }
    100%{
        transform: rotate(360deg);
    }
}
@-o-keyframes circle_rotate{
    0%{
        
    }
    100%{
        transform: rotate(360deg);
    }
}
@-moz-keyframes circle_rotate{
    0%{
        
    }
    100%{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes circle_rotate{
    0%{
        
    }
    100%{
        transform: rotate(360deg);
    }
}

.now_btn{
    background:linear-gradient(0deg,rgba(237,19,46,1) 0%,rgba(255,129,97,1) 99%);
    box-shadow:0px 0.004rem 0.01rem 0px rgba(255,137,97,0.38);
    height: 0.86rem;
    line-height: 0.86rem;
    border-radius: 0.86rem;
    width: 6.32rem;
    margin: 0rem auto;
    text-align: center;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    font-size: 0.36rem;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.footer_rule_card{
    width: 6.95rem;
    height: 2.91rem;
    margin: 0.46rem auto;
    font-size: 0;
}
.footer_rule_card img{
    width: 100%;
    height: 1005;
}

/*('/assets/img/frontend/campaign/enter_success_bg_2.png')*/
.clock_enter_success .common_pop_content{
    width: 5.53rem;
    height: 6.6rem;
    background: url('/assets/img/frontend/campaign/enter_success_bg_2.png') no-repeat;
    background-size: 5.53rem;
    background-position: center top;
    text-align: center;
}
.clocl_enter_success_see_book{
    width: 3.2rem;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    background: linear-gradient(90deg,rgba(255,91,25,1) 0%,rgba(255,127,52,1) 100%);
    border-radius: 0.64rem;
    color: #fff;
    font-size: 0.3rem;
    margin: 0.44rem auto 0.3rem;
}
.clock_enter_success_rule_btn{
    color:rgba(255,92,26,1);
    font-size: 0.24rem;
}

.enter_title{
    font-family:Helvetica-Bold;
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-shadow:0px 3px 8px rgba(141,0,19,0.73);
    font-size: 0.66rem;
    padding-top: 0.6rem;
    text-align: center;
}
.enter_tip{
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    font-size: 0.3rem;
    position: absolute;
    left: 0;
    top: 2.21rem;
    text-align: center;
    width: 100%;
}
.enter_which{
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
    font-size: 0.3rem;
    margin-top: 1.6rem;
}
.enter_which span{
    color: rgba(241, 44, 59, 1);
}
.enter_tip_text{
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(234,80,63,1);
    font-size: 0.24rem;
    margin-top: 0.23rem;
}
.enter_btn{
    width: 2.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    margin: 0.2rem auto 0;
    border-radius: 0.6rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    font-size: 0.26rem;
    background:linear-gradient(90deg,rgba(255,91,25,1) 0%,rgba(255,127,52,1) 100%);
}
.pop_close_index{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: url('/assets/img/frontend/campaign/pop_close.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    left: 50%;
    bottom: -0.56rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.count_text{
    position: absolute;
    width: 100%;
    top: 0.2rem;
    left: 0;
    z-index: 9;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(254,243,197,1);
    font-size: 0.22rem;
}
.count_text_num{
    height: 0.34rem;
    width: 100%;
    font-family:Helvetica-Bold;
    font-weight:bold;
    color:rgba(254,243,197,1);
    font-size: 0.46rem;
    margin-bottom: 0.05rem;
}
.count_item_active .count_text{
    font-size: 0.28rem;
}
.count_item_active .count_text_num{
    font-size: 0.56rem;
    margin-bottom: 0.1rem;
}



.amount_null .common_pop_content{
    width: 4.96rem;
    height: 4.04rem;
}
.amount_null .amount_null_top{
    width: 100%;
    height: 2.72rem;
    background: url('/assets/img/frontend/campaign/amount_null_bg.png') no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    text-align: center;
    box-sizing: border-box;
}
.amount_null .inner{
    width: 4.94rem;
    height: 1.22rem;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    margin: -0.02rem 0 0 0.02rem;
}
.amount_null .tip{
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(254,72,52,1);
    font-size: 0.32rem;
    text-align: center;
    line-height: 1rem;
}
.amount_null_btn{
    background:linear-gradient(90deg,rgba(255,91,25,1) 0%,rgba(255,127,52,1) 100%);
    width: 2.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    border-radius: 0.6rem;
    font-family:PingFangSC-Regular;
    font-weight:400;
    font-size: 0.26rem;
    color: #fff;
    margin: 0.8rem auto 0;
}
.amount_null .pop_close_index{
    bottom: -0.76rem;
}