*,body,p{font-family:PingFangSC-Regular,Helvetica;padding:0;margin:0;font-size:14px}@charset "UTF-8";@media screen and (max-width:319px) {html {font-size: 85.33333px }}@media screen and (min-width:320px) and (max-width:359px) {html {font-size: 85.33333px }}@media screen and (min-width:360px) and (max-width:374px) {html {font-size: 96px }}@media screen and (min-width:375px) and (max-width:383px) {html {font-size: 100px }}@media screen and (min-width:384px) and (max-width:399px) {html {font-size: 102.4px }}@media screen and (min-width:400px) and (max-width:413px) {html {font-size: 106.66667px }}@media screen and (min-width:414px) {html {font-size: 110.4px }}body, div, form, input, p, section {margin: 0;padding: 0 }body {font-family: "微软雅黑", Helvetica, STHeiTi, sans-serif;line-height: 1.5;font-size: 16px;color: #000;background-color: #fff;-webkit-user-select: none;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;outline: 0 }input {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0 }:focus {outline: 0;-webkit-tap-highlight-color: transparent }em, i {font-style: normal }::-webkit-input-placeholder {color: #e7e7e7!important }:-moz-placeholder {color: #e7e7e7!important }::-moz-placeholder {color: #e7e7e7!important }:-ms-input-placeholder {color: #e7e7e7!important }.hide {display: none!important }.bg-white {background-color: #fff }.no-border-right {border-right: 0!important }.no-border-bottom {border-bottom: 0!important }.flex-horizontal-center {-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center }.x-key-board .back-icon {width: 25px;height: 19px;background-image: url(./back.png);background-size: 100% 100% }.x-mask-box {z-index: 10;display: none;-moz-box-orient: vertical;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);opacity: 1 }.x-mask-show {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex }.x-slide-box {z-index: 2;position: fixed;left: 0;bottom: 0;width: 100%;background-color: #fff;border-top: 1px solid rgba(200, 200, 200, .6) }.x-mask-box {z-index: 10;display: none;-moz-box-orient: vertical;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);opacity: 1 }.x-mask-box .x-slide-box {z-index: 2;position: fixed;left: 0;bottom: 0;width: 100%;background-color: #fff;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out }.x-mask-show {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex }.x-key-board {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;box-orient: vertical;-webkit-box-orient: horizontal;flex-direction: row;width: 100% }.x-key-board .row {width: 25%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-moz-box-orient: vertical;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;background-color: #fff }.x-key-board .row .item {display: inline-block;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 100%;height: 60px;line-height: 59px;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;box-sizing: border-box;text-align: center;font-size: 18px;color: #252525;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s }.x-key-board .row .item:active {background-color: #e0e0e0 }.x-key-del, .x-key-ok {display: -webkit-box;display: -moz-box!important;display: -ms-flexbox!important;display: -webkit-flex!important;display: flex!important;-webkit-box-pack: center;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;align-items: center;height: 1rem!important;line-height: 1rem!important }.x-key-ok {background-color: #5CA3DA;color: #fff!important }@-webkit-keyframes fade {0% {opacity: 0 }100% {opacity: 1 }}@-moz-keyframes fade {0% {opacity: 0 }100% {opacity: 1 }}@-o-keyframes fade {0% {opacity: 0 }100% {opacity: 1 }}@keyframes fade {0% {opacity: 0 }100% {opacity: 1 }}body, html {height: 100% }.single-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis }.display-flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex }.flex-between-lr {-webkit-box-pack: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;-ms-justify-content: space-between;-o-justify-content: space-between;justify-content: space-between }.pay-container-box {width: 100%;min-height: 100%;padding: .1rem;padding-bottom: 2.2rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background: #f5f5f5 }.shop-name-box {height: .24rem;padding: .2rem;background: #fff;border-radius:8px 8px 0 0}.default-shop-icon {display: inline-block;width: .24rem;height: .23rem;background: url(./default_shop_icon.png) no-repeat;background-size: 100% 100%;vertical-align: middle }.shop-name-display {display: inline-block;width: 80%;height: .23rem;margin-left: .1rem;color: #555;font-size: .18rem;line-height: .23rem;vertical-align: middle }.input-money-box {padding: 0 .1rem;background-color: #fff }.pay-amount-box {height: .87rem;padding: .27rem .2rem .15rem .1rem;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.pay-money-desc {color: #555;font-size: .15rem }.no-pay-amount {font-size: .36rem }.has-pay-amount em:first-child {font-size: .2rem;color:#B9B9B9}.has-pay-amount em {font-size: .3rem }.pay-money-cursor {position: relative;top: .05rem;display: inline-block;content: '';width: .02rem;height: .39rem;background-color: #999;-webkit-animation: fade 1s infinite linear;-moz-animation: fade 1s infinite linear;-o-animation: fade 1s infinite linear;animation: fade 1s infinite linear }.x-key-del {-moz-box-flex: initial!important;-webkit-box-flex: initial!important;box-flex: initial!important;-webkit-flex: initial!important;-ms-flex: initial!important;flex: initial!important;height: 60px!important;line-height: 60px!important }.x-key-ok {height: 1.65rem!important;background-color:#5CA3DA;line-height: 1.65rem!important }.s-remark {height: .4rem;border-radius: 0 0 8px 8px;line-height: .4rem;background-color: #fff }.s-remark-port {height: 100% }.s-remark-title {float: left;margin-left: .15rem }.s-remark-info {width: 70%;height: 100%;margin-left: .454rem;border: 0;text-align: right;font-size: 14px }.line {border-top: 1px dashed #f5f5f5;width: 100%;}