html,body { margin: 0; padding: 0; background:#f0f4f5; font-size:62.5%; /*1rem=10px*/ font-family:'Microsoft YaHei'; } body { color:#2a2a2c; } #header ,#section,#footer{ } #header { width:100%; } .panelBgColor { background:#ffffff; } .headerBox { background:#75cbbe;width:100%; padding:5px 0px 5px 0px; border-radius:8px; margin: 10px; text-align: center; } .flexBox { display: flex; justify-content: center; flex-direction:column; align-items:center; width:100%; } .flexBoxRow { display: flex; display: -webkit-flex; justify-content: left; flex-direction:row; align-items:center; width:100%; } .flexBoxRow_column { display: flex; display: -webkit-flex; justify-content: left; flex-direction:column; align-items:center; width:100%; } .carNumBox { font-size:1.4rem; font-weight:bold; } .moneyBox { color:#ff6f16; font-size:3rem; } .colorGray { color:#8a8a8a; } .payWayTitle { font-size:1.6rem; } .orderTime { right:1rem;position:absolute; } .payIcon { width:32px;height:32px; } .row { background:#ffffff; padding:10px; position:relative; } .marginTop { margin-top:1rem; } .splitLine { width:100%; border: 0; height: 1px; border-top: 1px solid #f0f4f5; } .marginLeft { margin-left:1rem; font-size:1.4rem; } .btnOK { background:#75cbbe; width: 15rem; height: 4rem; line-height: 4rem; text-align: center; border-radius: 5px; color: #ffffff; font-size: 2rem; cursor: pointer; } #footer { justify-content:center !important; } /*收费明细*/ #payDetail { padding:5px 10px 5px 10px;font-size: 1.4rem; /*height:55px;*/ transition:height .5s; -moz-transition:height .5s; /* Firefox 4 */ -webkit-transition:height .5s; /* Safari and Chrome */ -o-transition:height .5s; /* Opera */ overflow-y:auto; } #payDetail > div { padding: 5px 0px 2px 0px; } #payDetail >div > span:last-child { margin-left:5px; } /*折扣描述*/ #discountDesc { color: #ffffff; background-color: red; border-radius: 2px; margin-left: 5px; padding: 0 3px 0 3px; } #linkPayDetail { color:#4395ff;text-decoration:none; float: right; } /*********************************************/ .radio{ display: inline-block; position: relative; line-height: 18px; margin-right: 10px; cursor: pointer; position:absolute; right:1rem; } .radio input{ display: none; } .radio .radio-bg{ display: inline-block; height: 18px; width: 18px; margin-right: 5px; padding: 0; background-color: #45bcb8; border-radius: 100%; vertical-align: top; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.2s ease; } .radio .radio-on{ display: none; } .radio input:checked + span.radio-on{ width: 10px; height: 10px; position: absolute; border-radius: 100%; background: #FFFFFF; top: 4px; left: 4px; box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.3), 0 0 1px rgba(255, 255, 255, 0.4) inset; background-image: linear-gradient(#ffffff 0, #e7e7e7 100%); transform: scale(0, 0); transition: all 0.2s ease; transform: scale(1, 1); display: inline-block; } .headTip { display:none;text-align: center; background-color:rgba(253, 201, 11, 0.95); width: 100%; line-height:25px; } .headTip > span:first-child { } .headTip > span:last-child { color:red;font-size: 1.6rem; } .discountBox{ border: 0; outline: 0; width: calc(100% - 120px); height:28px; line-height: 28px; padding-left: 10px; background:rgba(240,244,245,1); border-radius:4px; display: inline-block; float: left; color: #8a8a8a; font-size: 14px; } .discountBox:focus{ border: 0; outline: 0; } .discountBtn{ display: inline-block; float: right; border: none; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 1px solid #75CBBE; border-radius:25px ; padding: 4px 20px; font-size: 14px; color: #75CBBE; background: #fff; } .discount-tip{ padding-top: 10px; font-size: 14px; color: #EB453B; } .paySuccess{ width: 100%; height: 100%; text-align: center; line-height: 100px; font-size: 20px; color: #fff; background: rgba(0,0,0,.7); position: fixed; top:0; left: 0; display: none; }