退换货上传提示

@@ -42,3 +42,34 @@
         </div>
         </div>
     </div>
     </div>
 </div>
 </div>
+<div class="upload-img-example">
+    <div class="exp-wrap">
+            <p class="exp-title">
+                请按照示例传图
+                <span class="icon iconfont icon-up">&#xe6c0;</span>
+                <span class="icon iconfont icon-down">&#xe6c1;</span>
+            </p>
+            <ul class="exp-img-list clearfix">
+                <li>
+                    <img src="//img12.static.yhbimg.com/evidenceImages/2017/07/11/14/0226626181f8e333be04a29d7d182c859d.png?imageView2/2/w/160/h/160/interlace/1">
+                    <span>瑕疵细节</span>
+                </li>
+                <li class="plus">+</li>
+                <li>
+                    <img src="//img11.static.yhbimg.com/evidenceImages/2017/07/11/14/011977ec9da18e3a06a0e808fc350bc269.png?imageView2/2/w/160/h/160/interlace/1">
+                    <span>合格证</span>
+                </li>
+                <li class="plus">+</li>
+                <li>
+                    <img src="//img11.static.yhbimg.com/evidenceImages/2017/07/11/14/015426f911d9257a4b3bee550529879246.png?imageView2/2/w/160/h/160/interlace/1">
+                    <span>条码标签</span>
+                </li>
+                <li class="plus">+</li>
+                <li>
+                    <img src="//img12.static.yhbimg.com/evidenceImages/2017/07/11/14/0277d1a5157ae8282a76269c5c18e1e99e.png?imageView2/2/w/160/h/160/interlace/1">
+                    <span>领标</span>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>

@@ -707,3 +707,7 @@ $('.re-tips').on('click', '.icon-tip-help', function() {
         ]
         ]
     }).show();
     }).show();
 });
 });
+
+$('.exp-title').click(function() {
+    $(this).parent().toggleClass('hide-exp');
+});

@@ -268,6 +268,71 @@
             }
             }
         }
         }
 
 
+        .upload-img-example {
+            color: #aaa;
+            padding-left: 175px;
+            padding-right: 32px;
+            font-size: 13px;
+
+            .exp-wrap {
+                padding: 10px 20px;
+                background-color: #fbfbfb;
+            }
+
+            .exp-title {
+                line-height: 2;
+                cursor: pointer;
+
+                .icon {
+                    font-size: 12px;
+                }
+
+                .icon-down {
+                    display: none;
+                }
+            }
+
+            .hide-exp .exp-title {
+                .icon-up {
+                    display: none;
+                }
+
+                .icon-down {
+                    display: inline;
+                }
+            }
+
+            .hide-exp .exp-img-list {
+                display: none;
+            }
+
+            .exp-img-list {
+                margin-top: 10px;
+                text-align: center;
+
+                li {
+                    width: 60px;
+                    float: left;
+                }
+
+                img {
+                    width: 60px;
+                    height: 60px;
+                }
+
+                span {
+                    line-height: 2;
+                    color: #444;
+                }
+
+                .plus {
+                    width: 30px;
+                    line-height: 60px;
+                    font-size: 14px;
+                }
+            }
+        }
+
         .refund-detail {
         .refund-detail {
             padding-top: 20px;
             padding-top: 20px;
             text-align: center;
             text-align: center;