.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; }