Page { width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; background-color: #FFFFFF; /* padding-bottom: 150px; */ } /* 头图的样式 */ .top_img { width: 375px; /* height: 241px; */ } .info{ width: 345px; height: 118px; justify-content: space-between!important; } .info_left{ width: 243px; height: 118px; justify-content: space-between!important; } .info_right{ width: 102px; height: 118px; background-image: url(https://dy.shpr.top/welfareGo/price_bg.png); background-repeat: no-repeat; background-size: 100% 100%; } .info_name{ height: 25px; line-height: 25px; font-size: 24px; font-weight: bold; color: #444444; } .info_coupon_num{ font-size: 12px; font-weight: 500; color: #A0A0A0; } .right_text{ font-size: 12px; font-weight: 400; color: #A0A0A0; margin-right: 2px; } .right_icon{ width: 13px; height: 13px; margin-right: 3px; } .info_right{ align-items: center!important; } .info_right_top{ height: 30px; font-size: 28px; font-weight: bold; color: #B01717; margin-top: 24px; } .info_right_bottom{ height: 15px; font-size: 12px; font-weight: 500; text-decoration: line-through; color: #B01717; margin-top: 8px; } .bottom_title{ width: 345px; margin-top: 35px; } .bottom_icon{ width: 20px; height: 20px; } .bottom_tilte_text{ height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; color: #444444; margin-left: 8px; } .bottom_title_b{ margin-top: 17px; font-size: 14px; font-weight: 500; color: #A0A0A0; margin-left: 28px; } .go_buy{ width: 316px; height: 49px; line-height: 49px; font-size: 22px; font-weight: 500; color: #FFFFFF; background-color: #B01717; border-radius: 25px; text-align: center; position: fixed; bottom: 50px; }