@charset "UTF-8"; /* Author XGQ * 2019-11-12 */ .page_box { margin: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/assis00.png); } .box_top { margin-top: 120upx; margin-bottom: 2upx; justify-content: center; text-align: center; } .box_top image { width: 580upx; height: 134upx; } .box_top_text { justify-content: center; text-align: center; } .box_top_text text { font-size: 35upx; color: #FFFFFF; } .box_content { margin-top: 60upx; justify-content: center; text-align: center; margin-bottom: 1upx; } .box_content image { width: 530upx; height: 504upx; } .box_content_text { justify-content: center; text-align: center; } .box_content_text text { font-size: 20upx; color: #FFFFFF; } .box_button { text-align: center; margin: 40upx 0upx 0upx 160upx; background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/assis02.png); background-size: cover; width: 443upx; height: 83upx; line-height: 65upx; } .box_button text { font-size: 40upx; color: #D01119; } .foot_box { display: flex; justify-content: center; margin: 40upx 30upx 10upx 30upx; border-bottom: 1upx dashed #FFFFFF; } .foot_box_count { display: flex; justify-content: center; margin: 5upx 70upx 0upx 70upx; } .foot_box_title { display: flex; justify-content: center; padding: 5upx 0upx 20upx 0upx; width: 50%; } .foot_box_title text { font-size: 27upx; color: #FFFFFF; } .foot_mode{ justify-content: center; display: flex; margin: 30upx 0upx 20upx 0upx; } .foot_mode text{ font-size: 27upx; color: #FFFFFF; } .foot_number{ justify-content: center; display: flex; margin: 25upx 0upx 80upx 0upx; } .foot_number text{ font-size: 29upx; color: #FFFFFF; }