.storexx{ text-align: center; height: 342px; background: #FFFFFF; box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08); border-radius: 24px; padding: 50px 30px 64px 40px; box-sizing: border-box; .storeName{ height: 26px; font-size: 28px; font-weight: bold; color: #202020; margin-bottom:27px; } .tip{ height: 23px; font-size: 24px; color: #666666; margin-bottom: 48px; } .sleft{ float: left; .lword{ height: 25px; font-size: 26px; color: #666666; margin-bottom: 40px; margin-left: 1px; } .yearMoney{ height: 30px; font-size: 28px; font-weight: bold; color: #202020; text{ font-size: 40px; color: #FF3434 } .micon{ width: 38px; height: 22px; margin-left: 19px; } } } .line{ width: 2px; height: 128px; border-right: 2px dotted #202020; opacity: 0.5; position: absolute; left: calc(50% - 1px); display: block; } .sright{ float: right; text-align: left; .rword{ font-size: 26px; color: #666666; margin: 0 1px 47px 0; text-align: center; } .monthMoney{ height: 24px; font-size: 28px; font-weight: bold; color: #202020; line-height: 24px; text{ font-size: 40px; color: #FF3434; } .micon2{ width: 34px; height: 16px; margin-left: 23px; margin-bottom: 7px; } } } } .search{ padding: 40px 0 30px 0; position: relative; .searchInput{ height: 68px; background: #F8F8F8; border-radius: 34px; box-sizing: border-box; } .searchicon{ width: 25px; height: 25px; position: absolute; left: 136px; top: 61px; } .searchword{ height: 25px; font-size: 24px; color: #C0C8D3; position: absolute; left: calc(50% - 141rpx); bottom: 60px; } } .orderTab{ background: #FFFFFF; box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.08); border-radius: 24px; font-size: 28px; font-weight: bold; color: #C0C8D3; line-height: 60px; position: relative; .unCheck{ font-size: 32px; color: #404040; display: inline-block; margin: 29px 0 33px 101px; line-height: 35px; height: 30px; } .lClickLine{ position: absolute; width: 60px; height: 6px; background: #000; left: 20%; bottom: 0; } .line{ width: 2px; height: 56px; background: #000; opacity: 0.1; position: absolute; left: 50%; bottom: 20px; } .check{ display:inline-block; line-height: 35px; height: 27px; font-weight: bold; font-size: 28px; float: right; margin: 33px 105px 32px 0; } .rClickLine{ position: absolute; width: 60px; height: 6px; right: 20%; bottom: 0; } } .orderCard{ margin-bottom: 20px; .orderId{ font-size: 20px; color: #666666; line-height: 44px; float: left; margin: 60px 0 32px 0; } .orderTime{ font-size: 20px; color: #666666; line-height: 44px; float: right; margin: 60px 0 32px 0; } .order{ background: #FFFFFF; box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08); border-radius: 12px; padding: 20px; .orderImg{ width: 194px; height: 194px; border-radius: 22px; float: left; margin:0 26px 30px 0; } .orderRight{ .foodName{ height: 63px; font-size: 24px; color: #333333; line-height: 40px; } .price{ font-size: 20px; font-weight: bold; color: #202020; line-height: 44px; margin: 37px 0 40px 0; height: 19px; .pnum{ color: #333333; font-weight: 400; margin-left: 47px; } } .price+view{ font-size: 20px; font-weight: bold; color: #FF3434; line-height: 44px; margin-bottom: 35px; height: 19px; } } .line{ width: 100%; height: 2px; background: #000; opacity: 0.1; } .phone{ font-size: 24px; color: #666666; line-height: 44px; height: 23px; margin: 30px 0; } .tripTime{ font-size: 24px; color: #666666; line-height: 44px; margin-bottom: 30px; } } } .botton{ font-size: 28px; color: #C0C8D3; line-height: 34px; text-align: center; padding:40px 0 100px 0; }