优化支付流程样式

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/onepage.phtml

@@ -161,6 +161,21 @@
     .opc-summary-wrapper .shipping-information{
     .opc-summary-wrapper .shipping-information{
         display: none;
         display: none;
     }
     }
+    .field.choice>[type="radio"], .field.choice>[type="checkbox"]{
+        margin-top: 4px;
+    }
+    .payment-method{
+        background: #f9f9f9;
+        padding: 10px 20px;
+        margin-bottom: 20px;
+    }
+    .payment-method ._active{
+        border: 1px solid #1979c3;
+    }
+    .checkout-billing-address{
+        font-size: 14px;
+        color: #666666;
+    }
     @media (min-width: 1024px) {
     @media (min-width: 1024px) {
         .checkout-container{
         .checkout-container{
             width: 60%;
             width: 60%;
@@ -173,16 +188,51 @@
         .opc-sidebar.modal-custom .modal-content{
         .opc-sidebar.modal-custom .modal-content{
             padding: 0;
             padding: 0;
         }
         }
+        .opc-summary-wrapper .actions-toolbar-trigger{
+            width: 90%;
+            margin: 20px auto;
+        }
+        .opc-summary-wrapper .button.action.primary{
+            vertical-align: middle;
+            -webkit-transform: perspective(1px) translateZ(0);
+            transform: perspective(1px) translateZ(0);
+            box-shadow: 0 0 1px rgb(0 0 0 / 0%);
+            border-radius: 0px;
+            background-color: #222222;
+            box-shadow: none;
+            color: #ffffff;
+            display: inline-block;
+            font-family: 'Outfit', sans-serif;
+            font-weight: normal;
+            padding: 12px 50px;
+            line-height: 1;
+            text-shadow: none;
+            text-transform: capitalize;
+            white-space: nowrap;
+            font-size: 13px;
+            border-radius: 2px;
+            border: 2px solid #222222;
+            background-image: none;
+            text-align: center;
+            border: none;
+            text-transform: uppercase;
+            font-weight: normal !important;
+            transition: all 0.4s ease;
+            -webkit-transition: all 0.4s ease;
+            width: 100%;
+            height: 50px;
+        }
         .opc-progress-bar{
         .opc-progress-bar{
             justify-content: center;
             justify-content: center;
             font-size: 22px;
             font-size: 22px;
+            padding: 20px 0;
+        }
+        .authentication-wrapper{
+            top: 6.375rem;
+            right: 419px;
+            font-size: 13px;
+            color: #666666;
         }
         }
-        /*.authentication-wrapper{*/
-        /*    float: left;*/
-        /*    top: 6.5rem;*/
-        /*    right: -32rem;*/
-        /*    font-size: 12px;*/
-        /*}*/
 
 
         .action.action-auth-toggle{
         .action.action-auth-toggle{
             margin: 0;
             margin: 0;