新增在线支付表单样式

css/mobile-first.css

@@ -1581,6 +1581,95 @@ ul.zodiacsignlist {
     font-style: italic;
     border-bottom: 1px dashed #ad1818;
     margin: 10px 15px;}
+       /*--pay online--*/
+       .selectHotl {
+        width: 100%;
+text-align: center;
+display: inline-block;
+margin-bottom: 40px;
+margin-top: -20px;
+    }
+    .optionLable {
+width: 31.8%;
+display: inline-block;
+margin-top: 10px;
+float: left;
+margin-right: 10px;
+background: #fff;
+}
+.optionLable input {
+display: none;
+}
+.optionLable input[type="radio"]+label {
+font-size: 19px;
+border: 1px solid #d1d1d1;
+border-radius: 4px;
+display: block;
+text-align: center;
+color: #000;
+min-height: 40px;
+padding: 10px;
+font-family: Calibri;
+line-height: 22px;
+}
+.selectionMemo {
+font-size: 20px;
+font-style: italic;
+font-weight: 600;
+margin-top: 2px;
+color: #ad1818;
+}
+.optionLable input[type="radio"]+label:hover {
+border: 2px solid #ad1818;
+cursor: pointer;
+color: #ad1818;
+}
+.optionLable input[type="radio"]:checked+label {
+border: 2px solid #ad1818;
+color: #ad1818;
+}
+.peopleSelect {
+width: 49%;
+display: inline-block;
+}
+.formMemo {
+font-size: 18px;
+display: block;
+margin-bottom: 10px;
+}
+.numberBtn {
+width: 100%;
+overflow: hidden;
+}
+.minaddBtn {
+background: #FFF;
+border: 1px solid #d1d1d1;
+border-radius: 4px;
+color: #ad1818;
+width: 20% !important;
+font-size: 35px;
+margin-top: 5px;
+cursor: pointer;
+padding: 5px 10px 5px 10px !important;
+}
+.kidNum, .number {
+width: 30% !important;
+text-align: center;
+border: 1px solid #d1d1d1;
+border-radius: 4px;
+height: 30px;
+font-size: 25px;
+position: relative;
+top: -5px;
+padding: 10px !important;
+}
+.payonline_price {background: #fff;
+text-align: center;
+font-size: 25px;
+padding: 10px 0;
+margin-bottom: 10px;}
+.payonline_price strong {color: #ad1818;
+font-size: 27px;}
 
 /*pc style end */
 @media (min-width: 1200px) {
@@ -2068,4 +2157,7 @@ padding: 15px 0;}
 .info_page_contact_us_word strong {font-size: 25px; margin-bottom: 10px;}
 .feedback_content img {    padding-left: 15px;     margin-bottom: 5px;}
 .feedback_content { padding: 20px 15px;}
+.optionLable {width: 47%;}
+.peopleSelect { width: 100%;}
+.kidNum, .number { height: 50px;}
 }