凑单按钮

@@ -76,6 +76,7 @@
                             {{/each}}
                         </div>
                     {{/each}}
+                    <p class="size-p-tip"><i class="iconfont">&#xe6c2;</i>请选择尺码</p>
                     <!--<p class="size-p">内长&nbsp;25.5com</p>-->
                 </dt>
             </dl>
@@ -92,8 +93,12 @@
         </div>
         <div class="submit">
             <button class="btn-red addcart"><i class="addCart iconfont">&#xe600;</i>添加到购物车</button>
+            <button class="addcart btn-grey"><i class="addCart iconfont">&#xe600;</i>添加到购物车</button>
+            <button class="btn-sellOut  btn-grey"><i class="sellOut iconfont">&#xe6ba;</i>已售罄</button>
             <button class="btn-favCount"><i class="favCount iconfont">&#xe68f;</i>收藏商品</button>
+            <button class="btn-favCount"><i class="favCount iconfont coled">&#xe68f;</i>已收藏</button>
         </div>
+        <p class="submit-tip">未满足活动条件</p>
     </div>
     <div class="detail-size">
         <h3>尺码信息<span>（单位：厘米）</span></h3>

@@ -220,13 +220,6 @@
                 }
             }
 
-            .size-p{
-                margin-top: 5px;
-                margin-bottom: 10px;
-                color: #999;
-                font-size: 13px
-            }
-
             .colorBox {
                 &>ul {
                     zoom: 1;
@@ -250,6 +243,11 @@
                         height: 40px;
                         border: 2px #232323 solid;
                     }
+                    .active.disabled{
+                        width: 40px;
+                        height: 40px;
+                        border: 2px #919191 solid;
+                    }
                     p {
                         width: 38px;
                         height: 38px;
@@ -288,6 +286,11 @@
                         border-color: #222;
                         background-color: #222;
                     }
+                    &.active.disabled{
+                         color: #fff;
+                         border-color: #919191;
+                         background-color: #919191;
+                    }
                 }
             }
 
@@ -307,7 +310,7 @@
                     cursor: pointer;
                     i{
                         width: 12px;
-                        height: 23px;
+                        height: 12px;
                         font-size: 12px;
                         color: #666;
                         display: inline-block;
@@ -341,6 +344,32 @@
             }
         }
 
+        .size-p{
+            margin-top: 5px;
+            margin-bottom: 10px;
+            color: #999;
+            font-size: 13px;
+        }
+
+        .size-p-tip {
+            margin-top: 5px;
+            margin-bottom: 13px;
+            color: #d0021b;
+            font-size: 13px;
+            i {
+                font-size: 15px;
+                display: inline-block;
+                vertical-align: baseline;
+            }
+        }
+
+        .submit-tip {
+            margin-top: 8px;
+            color: #d0021b;
+            font-size: 13px;
+            text-align: left;
+        }
+
         .submit {
             text-align: left;
             margin-top: 15px;
@@ -366,10 +395,15 @@
                     margin-right: 8px;
                 }
                 .favCount {
-                   color: #b0b0b0;
+                    color: #b0b0b0;
+                    &.coled {
+                        color: #d0021b;
+                    }
                 }
                 &.btn-grey {
                     background-color: #b0b0b0;
+                    color: #fff;
+                    border-color: #b0b0b0;
                 }
                 &.btn-red {
                     color: #fff;