Merge branch 'feature/indexcss' into release/5.5.1

-@import "coupons";
+.my-coupon-page {
+    .coupon-tab {
+        height: 90px;
+        padding: 25px 0;
+        text-align: center;
+        background-color: #fff;
+        font-size: 32px;
+        color: #b0b0b0;
+
+        ul li {
+            float: left;
+            width: 50%;
+            border-right: 1px solid #b0b0b0;
+
+            &.activate {
+                color: #444;
+            }
+
+            &:last-child {
+                border: none;
+            }
+        }
+    }
+
+    .coupon-group {
+        background-color: #f2f2f2;
+        color: #f2f2f2;
+        margin: 20px 20px 0;
+
+        & > div {
+            padding: 0 15px;
+        }
+
+        .coupon-header {
+            border-radius: 10px 10px 0 0;
+            background-color: #e53333;
+            height: 60px;
+            line-height: 60px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            font-size: 28px;
+        }
+
+        .coupon-content {
+            border-radius: 0 0 10px 10px;
+            height: 140px;
+            border-top: 2px dashed #e53333;
+            display: table;
+            padding: 15px 0;
+            background-color: #f06a6b;
+
+            .coupon-content-group1 {
+                display: table-cell;
+                text-align: center;
+                vertical-align: middle;
+                font-size: 20px;
+
+                p {
+                    width: 200px;
+                    overflow: hidden;
+                    min-height: 28px;
+                }
+
+                .coupon-money {
+                    font-size: 80px;
+                }
+            }
+
+            .coupon-content-group2 {
+                display: table-cell;
+                font-size: 20px;
+                border-left: 1px solid #f1aeaf;
+                padding-left: 20px;
+                padding-right: 20px;
+                width: 100%;
+
+                .coupon-content-group2-table {
+                    display: table;
+                    overflow: hidden;
+                    height: 100%;
+                    width: 100%;
+                    line-height: 45px;
+                }
+
+                .coupon-content-group2-table > div {
+                    display: table-row;
+                    height: 100%;
+                }
+
+                .left {
+                    float: left;
+                    line-height: 45px;
+                    color: #fff;
+                }
+
+                .left.down .iconfont:before {
+                    font-size: 12px;
+                    content: "\e609";
+                }
+
+                .left.up .iconfont:before {
+                    font-size: 12px;
+                    content: "\e608";
+                }
+
+                .right {
+                    float: right;
+                }
+
+                .coupon-soon-expire {
+                    color: #000;
+                }
+
+                .btn {
+                    display: inline-block;
+                    width: 120px;
+                    height: 45px;
+                    text-align: center;
+                    background-color: #e53333;
+                    border-radius: 10px;
+                    color: #fff;
+                }
+
+                .employ {
+                    width: 171px;
+                    height: 146px;
+                    position: absolute;
+                    display: block;
+                    z-index: 2;
+                    right: 37px;
+                    margin-top: -95px;
+                    background-image: resolve("home/employ.png");
+                    background-size: cover;
+                }
+            }
+        }
+
+        .coupon-footer {
+            background-color: #f06a6b;
+            padding: 20px;
+            font-size: 18px;
+            border-radius: 10px;
+            color: #fff;
+            border-top: 1px dashed #fff;
+        }
+    }
+
+    .coupon-not-result {
+        width: 100%;
+        height: auto;
+        overflow: hidden;
+        position: fixed;
+        left: 0;
+        top: 50%;
+        margin-top: -162px;
+
+        i {
+            width: 100%;
+            height: 120px;
+            overflow: hidden;
+            display: block;
+            background: resolve("home/employ/not.png") center top no-repeat;
+            background-size: auto 100%;
+        }
+
+        p {
+            width: 100%;
+            height: auto;
+            overflow: hidden;
+            padding: 20px 0 0;
+            font-size: 32px;
+            text-align: center;
+            color: #444;
+        }
+
+        a {
+            width: 73.75%;
+            height: 80px;
+            overflow: hidden;
+            font-size: 36px;
+            line-height: 80px;
+            display: block;
+            background: #444;
+            color: #fff;
+            text-align: center;
+            margin: 60px auto 0;
+            border-radius: 0.2rem;
+        }
+    }
+}
+