.purchased-box { width: 100%; height: 100%; background-color: $bg_f5f5f5; .tip { width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: $color_333; text-align: center; background-color: $bg_FFF4CE; margin-bottom: 10px; } .purchased-body { background-color: $bg_fff; } .v-list-item { background-color: #fff; .content { padding-bottom: 10px; border-bottom: 1px solid #e7eaf1; .cover { flex: inherit; width: 42.2%; img { width: 100%; } } } .info { width: 52.3%; position: relative; display: block; .title { font-size: 16px; color: $color_333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 16px; line-height: 16px; } .contact { font-size: 14px; color: $color_666; margin-top: 14px; } .des { position: absolute; bottom: 5px; color: $active; font-size: 14px; height: 14px; line-height: 14px; } } } .cart-tip { color: #555; margin-top: 140px; text-align: center; .iconfridge { font-size: 21px; } .cart-mess { font-size: 12px; color: $color_666; } a { display: inline-block; width: 130px; height: 30px; border: 1px solid $bg_active; border-radius: 15px; font-size: 16px; margin-top: 30px; color: $active; text-align: center; line-height: 28px; } } .status { position: absolute; top: 0; right: 0; padding: 2px 6px; border-radius: 11px 0 0 11px; font-size: 14px; color: #fff; background: linear-gradient(to bottom, #FF4000, #FD7700); } }