@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0
}
html {
	font-size : 16px;
}
a{
	text-decoration:none;

	}
 @media only screen and (min-width: 401px) {
html {
	font-size: 18px !important;
}
}
 @media only screen and (min-width: 428px) {
html {
	font-size: 26.75px !important;
}
}
 @media only screen and (min-width: 481px) {
html {
	font-size: 30px !important;
}
}
 @media only screen and (min-width: 569px) {
html {
	font-size: 35px !important;
}
}
 @media only screen and (min-width: 641px) {
html {
	font-size: 40px !important;
}
 }
 html{ height:100%}
body{background: linear-gradient(#276fe4 , #439fe9); height:100%; width:100%;}
header{ color:#fff; text-align:center; height:3rem; line-height:3rem; font-size:1.3rem; font-weight:bold}
.content{ width:95%; margin:20px auto 0; background:#fff; border-radius:10px}
.accountbox{ background:url(../../images/beijing.png) no-repeat #fff; background-size:contain; overflow:hidden; padding:2rem  0 2rem}
.account{ float:left; overflow:hidden; margin-left:1rem}
.img{ float:left; margin-right:1rem}
.img img{ width:4rem}
.account_con{ float:left}
.name{ color:#518beb; font-size:1.2rem; line-height:2rem; font-weight:700}
.tel{ color:#666; font-size:1rem;line-height:2rem}
.chongzhi_btn{ display:block; float:right; color:#ff8a42; font-size:0.8rem; height:2rem; line-height:2rem; border:1px solid #ff8a42; border-radius:20px; padding:0 0.8rem; background:#fff1e8; margin:1rem}
.Item_title{ overflow:hidden; border-bottom:1px solid #f2f2f2; height:3rem; line-height:3rem }
.Item_time{ float:right; color:#999;  font-size:0.7rem; margin-right:1rem}
.Item_name{ float:left; color:#333; font-size:1.1rem; font-weight:700;margin-left:1rem}
.Item_name img{ vertical-align:middle; margin-right:10px; width:1rem}
.prison_name{ color:#333; font-size:1rem; line-height:1.3rem; padding:1rem;/* margin-top:0.5rem*/}
.prison_name a{ float:right; background:#e4efff; color:#518eeb; height:2rem; padding:0 1rem; border-radius:20px; line-height:2rem; font-size: 0.8rem;
	margin-top: -0.4rem;}
.consumption{ margin:10px; overflow:hidden;display: -webkit-box; display: box;  border-bottom:1px dashed #d7d7d7; padding-bottom:1rem}
.consumption_Item{-webkit-box-flex:1; box-flex:1; text-align:center; border-left:1px solid #f2f2f2; margin-left:-1px}
.consumptionMc{ font-size:1rem; color:#999; line-height:2rem}
.consumption_Item span{ font-size:0.8rem}
.consumptionJe{ color:#00d3aa; font-size:1.3rem}
.consumptionJrxf{ color:#ff8a42; font-size:1.3rem}
.consumptionLjxf{ color:#368eeb; font-size:1.3rem}

.top-up{ overflow:hidden;display: -webkit-box; display: box; margin-top:1.5rem; padding-bottom:1.3rem}
.top-up a{ display:block;-webkit-box-flex:1; box-flex:1; text-align:center; border-left:1px solid #f2f2f2; margin-left:-1px;}
.top-up a img{ display:block; margin: 0 auto; width:3rem}
.top-up a span{ display:inline-block; font-size:1rem; color:#333; line-height:1.5rem; margin-top:0.2rem}
.bindingBtn{overflow:hidden;display: -webkit-box; display: box; }
.bindingItem{-webkit-box-flex:1; box-flex:1; background:#fff; border-radius:10px; margin:20px 2.5%; padding:1rem;}
.bindingBtn div{  background:#f2f2f2; border-radius:10px; display:block; text-align:center; padding:0.8rem 0 }
.bindingBtn div img{ display:block; width:2rem; margin:0 auto;}
.bindingBtn div span{ display:inline-block; font-size:1rem; color:#333; line-height:1.5rem; margin-top:0.2rem}
.shuoming{ width: 95%;margin: 20px auto 0; border:2px solid #fff;border-radius: 10px; padding:1rem 0;  text-align:center}
.shuoming h3{ font-size:1.2rem; color:#fff; text-align:center}
.shuoming p{ padding:10px; text-align:left; color:#fff}
.footerlogin{ text-align:center; text-decoration:underline; color:#fff; display:block; margin-top:2rem}
.bdsm{ text-align:center}


.index_charge {
	overflow: hidden;
	height: 1.8rem;
	line-height: 1.8rem;
	background: #e9f1f9;
}
.index_charge_content {
	float: left;
	color: #666;
	font-size: 0.95rem;
	margin-left: 1rem;
}

.layui-layer-dialog .layui-layer-content{
	font-size: 1.1rem !important;
}