*
 
@
Author
:
 
anchen


*
 
@
Date
:
   
2017-06-26
15
:
33
:
44


*
 
@
Last
 
Modified
 
by
:
   
anchen


*
 
@
Last
 
Modified
 
time
:
 
2017-06-27
17
:
45
:
58


*
/


 @charset "utf-8";

* {
	-webkit-text-size-adjust: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
	fieldset, input, textarea, span, p {
	font: 100% normal "Microsoft YaHei", "微软雅黑", tahoma, arial, \5b8b\4f53;
	padding: 0;
	margin: 0;
	list-style-type: none;
	word-break: break-all;
}

a {
	color: #006496;
	text-decoration: none;
	cursor: pointer;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
	-ms-interpolation-mode: bicubic;
}

img, input, select, textarea, label {
	vertical-align: middle;
}

input {
	border: 0;
	-webkit-appearance: none;
}

button {
	border: 0;
}

h4, h2, h3, h5, h1, table, td, tr {
	margin: 0;
	padding: 0;
	word-break: break-all;
}

h4, h3, h5, h1, h2 {
	color: #000;
	font-weight: normal;
}

select {
	height: 30px;
	font: 13px Verdana;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

html {
	font-size: 20px;
	width: 100%;
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 21.33333333px !important;
	}
}

@media only screen and (min-width: 414px) {
	html {
		font-size: 22.08px !important;
	}
}

@media only screen and (min-width: 480px) {
	html {
		font-size: 25.6px !important;
	}
}
/*充值列表*/
html, body {
	width: 100%;
	min-width: 320px;
	background-color: #f9f9f9;
}

.month {
	width: 95%;
	height: 1.8rem;
	line-height: 1.8rem;
	padding-left: 5%;
	font-size: .7rem;
	color: #333;
}

.rechargewrap {
	width: 100%;
}

.rechargewrap .rechargeitem:last-child {
	border-bottom: 0;
}

.rechargeitem {
	display: block;
	width: 90%;
	padding: 0.75rem 5%;
	background-color: #fff;
	border-bottom: 1px solid #c8c8c8;
}

.rechargedate {
	float: left;
	padding: .3rem 0;
}

.rechargedate em {
	display: block;
	font-size: .8rem;
	font-style: normal;
	color: #666666;
}

.rechargedate span {
	display: block;
	font-size: .6rem;
	color: #666;
}

.operatorlogo {
	float: left;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 1rem 0 .8rem;
}

.operatorlogo img {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
}

.record {
	float: left;
	width: 64%;
}

.record span {
	float: left;
	font-size: 1rem;
	color: #333333;
	letter-spacing: -0.48px;
}

.record em {
	float: right;
	font-size: .8rem;
	color: #1450af;
	font-style: normal;
	letter-spacing: -0.39px;
}

.records {
	float: left;
	width: 64%;
	margin-top: 0.3rem;
	font-size: .7rem;
	color: #666666;
	letter-spacing: -0.34px;
}

.nothing {
	width: 100%;
	padding-top: 6.85rem;
}

.nothing img {
	display: block;
	width: 5rem;
	margin: 0 auto;
}

.nothing span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: .8rem;
	color: #666666;
}

.gocharge {
	display: block;
	width: 5rem;
	height: 1.9rem;
	margin: 1rem auto 0;
	border: 0.06rem solid #1450af;
	font-size: .8rem;
	line-height: 1.9rem;
	color: #1450af;
	text-align: center;
	border-radius: 4px;
}

.operatorlogo {
	margin: 0;
	margin-right: 5%;
}

.operatorlogo  img {
	border-radius: 50%;
}

.record {
	width: 77%;
}

.record span {
	font-size: 14px;
	line-height: 19px;
}

.record em {
	font-size: 12px;
	line-height: 19px;
	color: #333;
}

.recorddata {
	margin-top: 0.4rem;
}

.recorddata span {
	font-size: 12px;
	color: #666666;
}

.recorddata em {
	font-size: 12px;
	color: #666666;
}
/*充值详情*/
.infowrap {
	width: 100%;
	padding-top: 1rem;
	background-color: #fff;
}

.carrieroperator {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 auto .5rem;
}

.telnum {
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	color: #333333;
	letter-spacing: -0.58px;
}

.rechargeRstate {
	display: block;
	font-size: .8rem;
	color: #999999;
	text-align: center;
	letter-spacing: -0.39px;
}

.infoitem {
	width: 90%;
	padding: .5rem 5%;
}

.infoitem span {
	float: left;
	width: 23%;
	font-size: .7rem;
	color: #666;
	letter-spacing: -0.34px;
}

.infoitem em {
	float: right;
	width: 75%;
	font-style: normal;
	font-size: .7rem;
	color: #333;
	letter-spacing: -0.34px;
	text-align: right;
}

.footerexplain {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 90%;
	padding: 0.6rem 5%;
	font-size: .7rem;
	color: #df4444;
	letter-spacing: -0.34px;
	line-height: 1rem;
	text-align: left;
	background-color: #fff;
}