* {
	margin: 0;
	padding: 0;
	font-family: Tahoma,Arial,Helvetica,"Microsoft YaHei";
	font-size: 0.36rem;
	line-height: 1.4;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe {
	margin: 0;
	padding: 0;
}

img, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
	display: block;
	margin: 0;
	padding: 0;
	padding-right: 0px;
}

img {
	display: block;
	vertical-align: bottom;
}

fieldset, img {
	border: 0;
}

ol, ul {
	list-style: none;
}

.clearfix::after {
	content: '';
	visibility: hidden;
	font-size: 0;
	height: 0;
	display: block;
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/***************************/

html {
	font-size: 32px !important;
}

body {
	margin: 0 auto
}

.container {
	width: 100%;
}

ul {
	display: inline-block;
}

.pay_page {
	background: #f5f5f9;
	color: #37434e;
}

.border_line {
	height: 1px;
}

.pxline, .border_line {
	position: relative;
}

.head {
	background-color: #fff;
	padding: 0 0.4rem;
}

.head .merchant_info {
	padding: 0.4rem 0;
	height: 1rem;
	overflow: hidden;
}

.head .merchant_info li {
	float: left;
	line-height: 1rem;
	height: 1rem;
	font-size: 0.6rem;
	color: #585858;
}

.head .merchant_info li img {
	height: 100%;
	padding-right: 0.4rem;
}

.head .amount_box {
	padding-bottom: 0.4rem;
}

.head .amount_box .amount_input {
	line-height: 1.6rem;
	height: 1.6rem;
	background-color: #f5f5f5;
	border-radius: 4px;
	padding: 0 0.4rem;
	position: relative;
}

.head .amount_box .amount_input span {
	line-height: 1.6rem;
	font-size: 0.55rem;
}

.head .amount_box .amount_input .rmb_icon {
	background-image: url(amount_icon.png);
	background-repeat: no-repeat;
	background-position: 0.05rem center;
	padding-left: 0.48rem;
	background-size: 0.48rem auto;
	font-size: 0.64rem;
	color: #4270d2;
}

#trink {
	color: #4270d3;
	font-size: 0.6rem;
	position: absolute;
	top: -2px;
	animation: trinking 1s infinite ease-in-out;
	-webkit-animation: trinking 1s infinite ease-in-out;
	-moz-animation: trinking 1s infinite ease-in-out;
	-o-animation: trinking 1s infinite ease-in-out;
}

#trink {
	color: #4270d3;
	font-size: 0.6rem;
	position: absolute;
	top: -2px;
	animation: trinking 1s infinite ease-in-out;
	-webkit-animation: trinking 1s infinite ease-in-out;
	-moz-animation: trinking 1s infinite ease-in-out;
	-o-animation: trinking 1s infinite ease-in-out
}

@keyframes trinking {
	0% {
		opacity: 0
	}

	100% {
		opacity: 100
	}
}

@-webkit-keyframes trinking {
	0% {
		opacity: 0
	}

	100% {
		opacity: 100
	}
}

@-moz-keyframes trinking {
	0% {
		opacity: 0
	}

	100% {
		opacity: 100
	}
}

@-o-keyframes trinking {
	0% {
		opacity: 0
	}

	100% {
		opacity: 100
	}
}

.showTips {
	text-align: center;
	line-height: 0.58rem;
	width: 100%;
	bottom: 0.24rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #979797;
	font-size: 0.32rem;
}

#fullbg {
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#keyboard {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 6.4rem;
	background-color: #fff;
	border-collapse: collapse;
	display: none;
}

#keyboard td {
	width: 25%;
	text-align: center;
	height: 1.6rem;
	line-height: 1.6rem;
	font-size: 0.6rem;
	color: #585858;
}

#keyboard td.input {
	color: white!important;
}

#keyboard td.num {
	background-image: url(border_img.png), url(border_img2.png);
	background-repeat: repeat-x, repeat-y;
	background-position: 0 top, right top;
	background-size: 100% 1px, 1px 1.6rem;
}

#keyboard td.del {
	background-image: url(border_img.png), url(delete.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 top, center center;
	background-size: 100% 1px, 0.6rem 0.5rem;
}

#keyboard td.complete {
	background-image: url(border_img.png);
	background-repeat: repeat-x;
	background-position: 0 top;
	background-size: 100% 1px;
	background-color: #4270d2;
	color: rgba(255, 255, 255, 0.3);
	font-size: 0.5rem;
}

.m-cell {
	background-color: #FFF;
	position: relative;
	z-index: 1;
	margin-bottom: .35rem;
}

.cell-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-left: 0.24rem;
	overflow: hidden;
}

.xun_remark.m-cell .cell-left {
	font-size: 0.44rem !important;
	margin: 10px
}

.cell-right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	min-height: 1rem;
	color: #525252;
	text-align: right;
	font-size: 0.26rem;
	padding-right: 0.24rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.xun_remark.m-cell:after {
	border-bottom: 1px solid #ebebeb;
}

.cell-input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1rem;
	line-height: 1rem;
	border: none;
	font-size: 0.44rem;
	background: transparent;
	color: #555;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
}

/******************/
::-webkit-scrollbar {
	width: 12px !important;
	height: 12px !important;
}

::-webkit-scrollbar-track:vertical {
}

::-webkit-scrollbar-thumb:vertical {
	background-color: rgba(136, 141, 152, 0.5) !important;
	border-radius: 10px !important;
	background-clip: content-box !important;
	border: 2px solid transparent !important;
}

::-webkit-scrollbar-track:horizontal {
}

::-webkit-scrollbar-thumb:horizontal {
	background-color: rgba(136, 141, 152, 0.5) !important;
	border-radius: 10px !important;
	background-clip: content-box !important;
	border: 2px solid transparent !important;
}

::-webkit-resizer {
	display: none !important;
}
