diff --git a/app/Http/Home/Views/order/confirm.volt b/app/Http/Home/Views/order/confirm.volt
index 88bb5c7f..0da3b7c8 100644
--- a/app/Http/Home/Views/order/confirm.volt
+++ b/app/Http/Home/Views/order/confirm.volt
@@ -6,7 +6,7 @@
 
     {%- macro cart_course_card(course, user) %}
         {% set course_url = url({'for':'home.course.show','id':course.id}) %}
-        <div class="cart-course-card">
+        <div class="cart-item-card">
             <div class="cover">
                 <img src="{{ course.cover }}!cover_270" alt="{{ course.title }}">
             </div>
@@ -46,7 +46,7 @@
         {% set course = item_info.course %}
         {% set reward = item_info.reward %}
         {% set course_url = url({'for':'home.course.show','id':course.id}) %}
-        <div class="cart-course-card">
+        <div class="cart-item-card">
             <div class="cover">
                 <img src="{{ course.cover }}!cover_270" alt="{{ course.title }}">
             </div>
@@ -70,7 +70,7 @@
 
     {%- macro cart_vip_card(item_info) %}
         {% set vip = item_info.vip %}
-        <div class="cart-course-card">
+        <div class="cart-item-card">
             <div class="cover">
                 <img src="{{ vip.cover }}!cover_270" alt="{{ vip.title }}">
             </div>
diff --git a/public/static/home/css/common.css b/public/static/home/css/common.css
index d4f22a6f..5f5427dc 100644
--- a/public/static/home/css/common.css
+++ b/public/static/home/css/common.css
@@ -1447,56 +1447,56 @@
     color: red;
 }
 
-.cart-course-card {
+.cart-item-card {
+    display: flex;
     padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: 1px dashed #ccc;
 }
 
-.cart-course-card:last-child {
+.cart-item-card:last-child {
     padding: 0;
     margin: 0;
     border-bottom: none;
 }
 
-.cart-course-card .cover {
-    float: left;
+.cart-item-card .cover {
     margin-right: 10px;
 }
 
-.cart-course-card .cover img {
+.cart-item-card .cover img {
     width: 175px;
     height: 95px;
 }
 
-.cart-course-card p {
+.cart-item-card p {
     line-height: 30px;
 }
 
-.cart-course-card .info {
-    float: left;
-}
-
-.cart-course-card .key {
+.cart-item-card .key {
     margin-right: 5px;
 }
 
-.cart-course-card .value {
+.cart-item-card .value {
     margin-right: 5px;
     color: #666;
 }
 
-.cart-course-card .origin-price {
+.cart-item-card .origin-price {
     text-decoration: line-through;
 }
 
-.cart-course-card .price {
+.cart-item-card .price {
     margin-right: 5px;
     color: red;
 }
 
+.cart-stats {
+    display: flex;
+    justify-content: space-between;
+}
+
 .cart-stats .info {
-    float: left;
     line-height: 38px;
 }
 
@@ -1514,10 +1514,6 @@
     margin-right: 15px;
 }
 
-.cart-form {
-    float: right;
-}
-
 .payment .header {
     padding-bottom: 15px;
     border-bottom: 1px solid #f6f6f6;