balance.css 5.5 KB

*{
   margin:0;
   padding:0;
}
body{background: #fff;
	/*background: #f6f6f6;*/
   display:flex;
   flex-direction: column;
   padding:0 0 1.36rem 0;
   
}
.taocan{
	font-size: 0.31rem;
	background: #fff;
	height: 0.8rem;
	line-height: 0.8rem;
	color: #3988E5;
	padding-left: 0.21rem;
}
.information .mingcheng span{
	color:#252729;
	font-size: 0.27rem;
}
.information .chu{
	justify-content: space-between;
	display: flex;
}
/*.information .ming{
	justify-content: space-between;
}*/
.wo{
	color:#252729 ;
	font-size:0.25rem ;
	margin-top: 0.05rem;
}
.information{
	background: #fff;
	margin-top: 0.2rem;
}
.information {
	/*overflow: hidden;*/
	
}
.chong{
	display: flex;
	align-items: center;
}
.pay{
	align-items: center;
    display: flex;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    /* display: block; */
    text-align: center;
    color: #fff;
    
    margin-right: 0.5rem;
    justify-content: center;
}
.consume{
	background: #FF99CC;
}
.chongzhi{
	background:#199ED8;
}
.refund{
	background: #CC9933;
}
.count{
	display:flex ;
	flex-direction: column;
	align-items: center;
	
}
.time{
	margin-top: -0.6rem;
}
.yuan{
	/*margin-top: 0.6rem;*/
}
.hu{
	margin-top: -0.3rem;
}
.choose{
	color:#3988E5;
	font-size:0.32rem ;
	margin-right: 0.1rem;
}
.present .choose{
	color: #252729;
}
.chon{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#shan{
	display: flex;
	
}
.shan i { font-size: 0.38rem;}
.dian{
	margin-right: 0.2rem;
	color:#999;
}
.icon-zhifubao{
	color:
}
.reduce,.add,.val{
	display: block;
	width: 0.8rem;
	height: 0.6rem;
	border:0.01rem solid #999;
	text-align: center;
	line-height: 0.6rem;
}
.add{
	border-left:0;
}
.reduce{
	border-right:0;
}
.suan{
	display: flex;
	align-items: center;
}
.wu{
	display: flex;
	align-items: center;
}
.information  li .liang{
	margin-left: 0.15rem;
	
}
/*.information  li .lian{
	margin-right: 1rem;
	
}*/
.xuan{
	display: flex;
	align-items: center;
}
.me{
	padding-bottom: 2rem;
}
.danxuan{
	margin-right: 0.1rem;
	display: block;
	width: 0.28rem;
	height: 0.28rem;
	border: 1px solid #aaa;
}
.information li{
	align-items:center ;
	display: flex;
	padding: 0 0.32rem 0 0.39rem;
	/*line-height: 0.945rem;*/
	height:0.945rem;
	border-bottom: 1px solid #eee;
}
.ming{
	justify-content: space-between;
}
.information  li .chuxing,.qita{
	color: #3988E5;
	font-size: 0.31rem;
	
}
.shuliang{
	display: flex;
	justify-content: space-between;
}
#shuliang{
 	border-bottom:0;
 }
 
.li_span{
	display: flex;
	align-items: center;
}
.information  li:nth-child(4){
	padding-left: 0.23rem;
	
}
.chengke{
	padding-right:0.32rem;
	display: flex;
	justify-content: space-between;
	padding-left:0.39rem;
	align-items: center;
	color:#FF9966;
	font-size: 0.28rem;
	background: #fff;
	margin-top: 0.2rem;
	line-height:0.88rem;
}
.qita{
	padding-left:0.21rem;
	margin-top: 0.2rem;
	background: #fff;
	height: 0.8rem;
	line-height:0.8rem;
}
.xuanze{
	margin-left: 0.6rem;
	color: #999999;
}
.icon-common-jinru-copy{
  color: #000;
}
.shang{
	display: flex;
	padding-left: 0.1rem;
	justify-content: space-between;
}
.san{
	font-size: 0.32rem;
	color: #FE0A01;
}
.present
{height: 1.02rem;
	display: flex;
	align-items: center;
	padding-left: 0.5rem;
	/*justify-content: space-between;*/
}
#shang{
	padding-left: 0.4rem;
	height: 1rem;
	background: #F5F5F5;
}
.youhui .you{
	justify-content: space-between;
	font-size: 0.31rem;
	height: 0.945rem;
	line-height: 0.8rem;
	padding-left: 0.37rem;
	color: #252729;
  font-size: 0.27rem;
  display: flex;
  padding-right:0.32rem ;
  align-items: center;
  border-bottom: 1px solid #eee;
  
}
.youhui{
	margin-top: 0.2rem;
	background: #fff;
	
}
.hei{
	height: 1.74rem;
	padding:0.1rem  0;
	box-sizing: border-box;
}
.lian{
	/*margin-right: -4.4rem;*/
	color:#999999;
	
}
.shang,.dan{
	/*justify-content: space-between;*/
	font-size: 0.31rem;
	/*height: 0.945rem;*/
	line-height:0.945rem;
	padding-left: 0.37rem;
	color: #252729;
  font-size: 0.27rem;
  display: flex;
  padding-right:0.32rem ;
  align-items: center;
  border-bottom: 1px solid #eee;
  flex:1;
}
.lian1{
	color:#999999;
	margin-left: 3.2rem;
}
.dan .lian2{
	/*margin-left:3.2rem ;*/
	color:#999999;
}
footer{
	position: fixed;
	display: flex;
	padding-left:0.37rem ;
	height: 1rem;
	display: flex;
	background: #FFFFFF;
	border: 1px solid #3988E5;
	left:0;
	bottom: 0;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
footer div span:nth-child(1){
	color: #3399FF;
	
}
footer input{
	border:0;
	width: 2.6rem;
	height: 1rem;
	background:#3988E5 ;
	color: #fff;
	font-size: 0.34rem;
	display: block;
	text-align: center;
}
footer  span{
	font-size: 0.27rem;
	font-weight: Medium;
}
.dan_box{
	display: flex;
	align-items: center;
}
.jus{
	justify-content: space-between;
}
.mold{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.mold_main{
	position: absolute;
	background-color: #fff;
	width:5.2rem;
	height: 3rem;
	margin:3.9rem 0 0 1.2rem;
}
.img_box{
	width:0.6rem;
	padding:0 0.3rem 0 0;
	height: 0.6rem;
	overflow: hidden;
}
.img_box img{
	width:100%;
	height: 100%;
}
/*=====底部========*/
.foot{
	width: 100%;
	height: 1rem;
	background: #3399FF;
	font-size: 0.34rem;
	line-height: 1rem;
	color: #fff;
	bottom: 0;
	position: fixed;
	z-index: 10;
	display: flex;
	justify-content: center;
}
.ok:active{
	opacity: 0.7;
}
.circle{
	position: relative;
	width:0.44rem;
	height: 0.44rem;
	border-radius: 50%;
	border:0.02rem solid #E0E0E0;
}
.icon-xuanzhong2{
	color:#FE0A01;
}
.boot{
	background: #fff;
	height: 100%;
	width:100%;
}