样式调整

application/views/mobile_first/chinatravel-zodiac-calc.php

@@ -1,4 +1,4 @@
-<style type="text/css" >.zodiac-box{ background: #f2f2f2; border-radius: 6px; padding: 40px 40px 5px; margin-top: 80px; margin-bottom: 50px;}.flex-col-2x,.flex-col-1x{margin-right: 20px; display: flex; flex-flow: column; position: relative; margin-bottom: 30px;}.flex-col-2x{width: calc((100% - 20px * 3) / 1.6); }.flex-col-1x{width: calc((100% - 20px * 3) / 2.5); margin-right: 0;}.zodiac-box .form-control { border: solid 2px #df6536;}.btn-zodiacsearch { border-radius: 6px; padding-top:0.98rem; padding-bottom:0.98rem; text-align: center;}.zodiac-search { border-top: solid 1px #ccc; padding-top: 30px; }@media (max-width: 768px) { .flex-col-2x,.flex-col-1x { width: 100%;  margin-bottom:20px; margin-right: 0; }.flex-col-1x  {margin-bottom: 30px;}}</style>
+<style type="text/css" >.zodiac-box{ background: #f2f2f2; border-radius: 6px; padding: 40px 40px 5px; margin-top: 20px; margin-bottom: 50px;}.flex-col-2x,.flex-col-1x{margin-right: 20px; display: flex; flex-flow: column; position: relative; margin-bottom: 30px;}.flex-col-2x{width: calc((100% - 20px * 3) / 1.6); }.flex-col-1x{width: calc((100% - 20px * 3) / 2.5); margin-right: 0;}.zodiac-box .form-control { border: solid 2px #df6536;}.btn-zodiacsearch { border-radius: 6px; padding-top:0.98rem; padding-bottom:0.98rem; text-align: center;}.zodiac-search { border-top: solid 1px #ccc; padding-top: 30px; }@media (max-width: 768px) { .flex-col-2x,.flex-col-1x { width: 100%;  margin-bottom:20px; margin-right: 0; }.flex-col-1x  {margin-bottom: 30px;}}</style>
 <div class="zodiac-box" id="zodiac-box">
 <div class="flex-row">
 <div class="flex-col-2x"><input class="form-control calendar3 hasDatepicker" id="birth_Date" name="birth_Date" placeholder="Date of Birth" readonly="readonly" type="text" value="" /></div>