修改订单提示图及样式

home.html

@@ -1082,9 +1082,9 @@
                                     <p>淘宝订单</p>
                                 </li>
                             </ul>
-                            <img src="{$priv_style}/img/wx_pay_mes.png" alt="" style="height:168px">
+                            <img src="{$priv_style}/img/wx_pay_mes.png" alt="" style="height:337px">
-                            <img class="hide" src="{$priv_style}/img/zfb_pay_mes.png" alt="" style="height:168px">
+                            <img class="hide" src="{$priv_style}/img/zfb_pay_mes.png" alt="" style="height:337px">
-                            <img class="hide" src="{$priv_style}/img/tb_pay_mes.png" alt="" style="height:168px">
+                            <img class="hide" src="{$priv_style}/img/tb_pay_mes.png" alt="" style="height:337px">
                         </div>
                     </div>
                     <div class="report_detail">

style/css/index.css

@@ -2094,13 +2094,14 @@ footer a{
     overflow: hidden;
     display: flex;
     justify-content: center;
-    margin: 0 0 16px 0;
+    margin: 0 0 6px 0;
 }
 .findtid-wrap ul > li{
-    height: 36px;
+    height: 40px;
-    line-height: 36px;
+    line-height: 40px;
     justify-content: flex-start;
     margin-right: 39px;
+    margin-top: 10px;
     cursor: pointer;
     position: relative;
     list-style-type: none;
@@ -2224,11 +2225,11 @@ footer a{
 }
 .findtid-wrap-tip{
     width: 100%;
-    height: 10px;
+    height: 20px;
     /* background: #F9F9FB; */
     opacity: 0;
-    position: relative;
+    position: absolute;
-    top: -10px;
+    top: -18px;
 }
 
 
@@ -2236,15 +2237,26 @@ footer a{
     position: relative;
 }
 .report_content .findtid-wrap{
-    width: 567px;
+    width: 762px;
-    height: 231px;
+    height: 425px;
-    /* width: 762px;
+    background: #fff;
-    height: 425px; */
-    background: url(../img/report_pay_back.png);
-    background-size: 567px 231px;
     position: absolute;
-    top: 22px;
+    border-radius: 4px;
-    left: calc(50% - 70px);
+    top: 35px;
+    left: -81px;
+    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
+}
+.report_content .findtid-wrap::before{
+    content: "";
+    position: absolute;
+    width: 0;
+    top: -15px;
+    height: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent;
+    border-bottom: 15px solid white;
 }
 .report_content .report_detail{
     width: 600px;