Merge remote-tracking branch 'origin/feature/installment' into feature/installment

# Conflicts:
#	public/img/home/circle-check-off.png
#	public/img/home/circle-check-on.png
#	public/img/sprite.home.png
#	public/scss/home/installment/_starting-service.css

@@ -173,7 +173,8 @@
         }
         }
 
 
         span:first-child {
         span:first-child {
-            border-right: 1px solid #fff;
+            border-right: 1px solid;
+            border-color: rgba(255, 255, 255, 0.6);
         }
         }
     }
     }
 
 
@@ -208,7 +209,7 @@
             width: 190px;
             width: 190px;
             height: 60px;
             height: 60px;
             line-height: 60px;
             line-height: 60px;
-            background: #454a4c;
+            background: rgba(69, 74, 76, 0.5);
             color: #fff;
             color: #fff;
             display: block;
             display: block;
             margin: 30px auto 0;
             margin: 30px auto 0;

@@ -33,9 +33,13 @@
         .list-right {
         .list-right {
             float: right;
             float: right;
             color: #b0b0b0;
             color: #b0b0b0;
-            line-height: 120px;
+            line-height: 118px;
             margin-right: 30px;
             margin-right: 30px;
             font-size: 24px;
             font-size: 24px;
+
+            a {
+                color: #b0b0b0;
+            }
         }
         }
 
 
         .color-r {
         .color-r {
@@ -65,7 +69,7 @@
         height: 120px;
         height: 120px;
         background: #fff;
         background: #fff;
         border-bottom: 1px solid #e0e0e0;
         border-bottom: 1px solid #e0e0e0;
-        padding-top: 30px;
+        padding-top: 35px;
         box-sizing: border-box;
         box-sizing: border-box;
 
 
         .repay-time {
         .repay-time {
@@ -78,7 +82,7 @@
 
 
         .record-cont {
         .record-cont {
             width: 360px;
             width: 360px;
-            height: 120px;
+            height: 84px;
             float: left;
             float: left;
             overflow: hidden;
             overflow: hidden;
             margin: 0 0 0 30px;
             margin: 0 0 0 30px;
@@ -133,7 +137,7 @@
         border-bottom: 1px solid #e0e0e0;
         border-bottom: 1px solid #e0e0e0;
         text-align: center;
         text-align: center;
         line-height: 120px;
         line-height: 120px;
-        font-size: 32px;
+        font-size: 30px;
 
 
         span {
         span {
             color: #d0021b;
             color: #d0021b;
@@ -158,7 +162,7 @@
     .repay-status {
     .repay-status {
         width: 614px;
         width: 614px;
         margin: 35px auto 0;
         margin: 35px auto 0;
-        font-size: 32px;
+        font-size: 30px;
         height: auto;
         height: auto;
         overflow: hidden;
         overflow: hidden;
 
 
@@ -169,6 +173,11 @@
             margin: 0 30px;
             margin: 0 30px;
             position: relative;
             position: relative;
 
 
+            span:first-child {
+                padding-bottom: 5px;
+                display: inline-block;
+            }
+
             &:first-child:before {
             &:first-child:before {
                 content: "";
                 content: "";
                 border: none;
                 border: none;
@@ -210,6 +219,7 @@
         bottom: 45px;
         bottom: 45px;
         text-align: center;
         text-align: center;
         color: #444;
         color: #444;
+        font-size: 28px;
     }
     }
 }
 }