update bonus style

data/resource/mobile/bonus/css/content_rem.css

@@ -4,6 +4,7 @@ body {
 }
 .maincontent {
     background: #FFFAF5;
+    padding-bottom: 2.5rem;
 }
 .top {
     position: relative;
@@ -23,7 +24,7 @@ body {
     margin-top: 0.27rem;
 }
 .list .prompt {
-    margin: 0.1rem 0 0 0;
+    margin: 0;
 }
 [data-dpr="2"] .prompt {
     font-size: 28px;
@@ -97,6 +98,7 @@ div.link a{
     height: 0;
 }
 .pro {
+    /*margin-top: 0.67rem;*/
     position: relative;
 }
 .pro:after {
@@ -218,7 +220,6 @@ p.p_name {
     height: 1.2rem;
     line-height: 1.2rem;
     margin-top: 15px;
-    margin-bottom: 0.67rem;
     font-size: 0.48rem;
 }
 .tel_pro {
@@ -309,8 +310,8 @@ input,button {
 }
 .bottom_btn {
     background: #ff4e4e;
-    height: 1.34rem;
-    line-height: 1.34rem;
+    height: 1.3333rem;
+    line-height: 1.3333rem;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
     color: #fff;
@@ -413,6 +414,19 @@ input,button {
 .briefing {
     padding: 0.4rem 0.4rem;
     margin-bottom: -0.67rem;
+    position: relative;
+}
+.briefing:after {
+    content: '';
+    position: absolute;
+    width: 10rem;
+    height: 1px;
+    bottom: 0;
+    right: 0;
+    -webkit-transform: scaleY(.5);
+    -webkit-transform-origin: 0 0;
+    background: #d9d9d9;
+    z-index: 999;
 }
 .briefing p {
     color: #333333;
@@ -425,6 +439,9 @@ input,button {
 [data-dpr="3"] .briefing p {
     font-size: 36px;
 }
+.briefing p:last-child {
+    margin: 0;
+}
 .briefing_address {
     font-size: 11px;
     color: #333333;
@@ -557,17 +574,26 @@ input,button {
     margin-right: 0.05rem;
 }
 .price_box {
-    margin-top: 0.35rem;
+    margin-top: 0.29rem;
     overflow: hidden;
 }
-.goods .badge {
+.new_icon {
     position: absolute;
-    top: 0.26rem;
-    right: 0.26rem;
-    border-radius: 50px;
-    padding:0.06rem 0.18rem;
-    color: #fff;
-    font-size: 11px;
+    width: 0.89rem;
+    height: 0.68rem;
+    background: url("../imgaes/new_icon.png") no-repeat;
+    background-size: 100%;
+    top: 0.37rem;
+    right: 0.33rem;
+}
+.grab_icon {
+    position: absolute;
+    width: 0.89rem;
+    height: 0.68rem;
+    background: url("../imgaes/grab_icon.png") no-repeat;
+    background-size: 100%;
+    top: 0.37rem;
+    right: 0.33rem;
 }
 [data-dpr = "2"] .goods .badge {
     font-size: 22px;
@@ -576,31 +602,33 @@ input,button {
     font-size: 33px;
 }
 .goods_name {
-    font-size: 11px;
+    font-size: 12px;
     white-space:nowrap;
     text-overflow:ellipsis;
     -o-text-overflow:ellipsis;
+    margin-bottom: 0.18rem;
     overflow:hidden;
 }
 [data-dpr = "2"] .goods_name {
-    font-size: 22px;
+    font-size: 24px;
 }
 [data-dpr = "3"] .goods_name {
-    font-size: 33px;
+    font-size: 36px;
 }
 .desc {
-    font-size: 10px;
+    font-size: 12px;
     white-space:nowrap;
     text-overflow:ellipsis;
     -o-text-overflow:ellipsis;
     overflow:hidden;
     color: #7E7E7E;
+
 }
 [data-dpr = "2"] .desc {
-    font-size: 22px;
+    font-size: 24px;
 }
 [data-dpr = "3"] .desc {
-    font-size: 33px;
+    font-size: 36px;
 }
 .f_left {
     float: left;
@@ -613,23 +641,122 @@ input,button {
 }
 .bonus_icon {
     display: inline-block;
-    width: 0.37rem;
-    height: 0.48rem;
+    width: 0.29rem;
+    height: 0.37rem;
     background: url("../imgaes/small_bonus_icon.png") no-repeat;
     background-size: 100%;
-    margin-right: 2px;
+    position: relative;
+    top: 0.05rem;
 }
 .bonus_price {
-    font-size: 22px;
+    font-size: 15px;
     color: #FF4E4E;
 }
 [data-dpr = "2"] .bonus_price {
-    font-size: 44px;
+    font-size: 30px;
 }
 [data-dpr = "3"] .bonus_price {
-    font-size: 66px;
+    font-size: 45px;
 }
 .link {
     margin-bottom: 0.67rem;
 }
 
+
+.prompt_s {
+    font-size: 11px;
+    color: #333333;
+    margin-top: 0.1rem;
+}
+[data-dpr = "2"] .prompt_s {
+    font-size: 22px;
+}
+[data-dpr = "3"] .prompt_s {
+    font-size: 33px;
+}
+
+.prompt_d {
+    color: #D84E43;
+}
+.bonus_icon_m_l {
+    margin-left: 0.55rem;
+    margin-right: 0.13rem;
+}
+.goods_bonus_icon {
+    vertical-align: baseline;
+    margin-right: 0.05rem;
+    position: relative;
+    top: 0.03rem;
+}
+.tamll {
+    color: #7E7E7E;
+    font-size: 10px;
+    text-decoration: line-through;
+    display: inline-block;
+    margin-left: 0.1rem;
+    position: relative;
+    bottom: 0.04rem;
+}
+[data-dpr = "2"] .tamll {
+    font-size: 20px;
+}
+[data-dpr = "3"] .tamll {
+    font-size: 30px;
+}
+.use_bonus {
+    background: #fff;
+    padding: 0.37rem 0;
+    /*margin-top:0.67rem;*/
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 10rem;
+    z-index: 9999;
+}
+.btn_use_bonus {
+    display: block;
+    color: #fff;
+    background: #FF4E4E;
+    width: 8.44rem;
+    height: 1.08rem;
+    line-height: 1.08rem;
+    margin: 0 auto;
+    font-size: 18px;
+    border-radius: 10px;
+}
+[data-dpr = "2"] .btn_use_bonus {
+    font-size: 36px;
+}
+[data-dpr = "3"] .btn_use_bonus {
+    font-size: 54px;
+}
+.goods_img {
+    min-height: 4.6rem;
+    min-width: 4.6rem;
+}
+a {
+    text-decoration: none;
+    color: inherit;
+}
+a:hover {
+    text-decoration: none;
+}
+.look_btn {
+    position: absolute;
+    width: 0.93rem;
+    height: 0.4rem;
+    bottom: 0.2rem;
+    right: 0.2rem;
+    font-size: 10px;
+    border: 2px solid #FF4E4E;
+    border-radius: 5px;
+}
+[data-dpr = "2"] .look_btn {
+    font-size: 20px;
+}
+[data-dpr = "3"] .look_btn {
+    font-size: 30px;
+}
+
+
+