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