.user_wallet{
  padding: 0px 50px;
}
.colorff6700{color: #21cfb9!important;}
.user_wallet .user-base{border-bottom: 1px solid #f4f4f4;}
.user_wallet .user-base .user-photo {
  width: 60px;
  height: 60px; display: block;
  border-radius: 50%;
  overflow: hidden;
}
.user_wallet .user-base .user-photo img {
  width: 100%;
  display: block;
}

.user_wallet .user-base .name {
  color: #181818; line-height: 1; display: block;
}

.buy_list{}
.buy_list .buy_item{width: 32%; margin-right: 2%; margin-top: 20px; display: flex; flex-direction: column; position: relative; cursor: pointer; box-shadow: 0 2px 7px 1px #f4f4f4;border-radius: 20px; overflow: hidden;}
.buy_list .buy_item:nth-child(3n){margin-right: 0;}
.buy_list .buy_item .type{flex: 1; overflow: hidden;}
.buy_list .buy_item .type img{width: 100%; display: block;}
.buy_list .buy_item.on{outline: 1px solid #21cfb9;}
.buy_list .buy_item .price {color: #252b38; height: 115px; text-align: center; line-height: 115px;}
.buy_list .buy_item .price b{color: #21cfb9;}

.pay{width: 180px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; background: #f2a046; color: #fff;}
.pay a{color: #fff;}

.banklist{
	p {height: 46px; line-height: 40px; width: 110px; font-size: 20px; color:#6b727b;}
	.aliten{
		a{
			border: 1px solid #cdd3dc;width: 200px; height: 50px; display: block; border-radius:8px;overflow: hidden;
			i{display: none;}
		}
		.bgbank.active{
			border: 1px solid #21cfb9; position: relative;
			i{display: block; position: absolute;right: -2px; bottom: -2px; font-size: 30px; color: #21cfb9;}
		}
	}
}
#alipay {float: left;background: #fff url(/public/images/show/pc/bank.png) center -870px no-repeat;}
#wechat {float: left; background: #fff url(/public/images/show/pc/bank.png) center -818px no-repeat;}



.looktelmark{width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0px; left: 0%; display: none; z-index: 99;}
.looktel{width: 450px; height: 360px; padding: 50px; text-align: center; background-color: #fff; position: fixed; z-index: 100; left: 50%; margin-left: -225px; top: 50%; margin-top: -180px; display: none;}
.looktel .looktelbox {background: #657B92; height: 375px; color: #fff;}

.looktel .looktelbox a{ display: block; width: 180px; height: 40px; margin: 0 auto; margin-top: 1rem; line-height: 40px; color: #fff; background: #f60; border-radius: 8px;}
.qrcode-box .code-box{width: 150px; height: 150px; margin: 20px auto;}
.qrcode-box .code-box canvas{width: 100%; height: 100%;}
.qrcode-box .qrcode-title-box{ font-size: 21px; color: #333;}
.qrcode-box .qrcode-title-box span{ font-size: 14px; color: #999; line-height: 14px; margin-left: 20px; }

.explain{border-top: 1px solid #ccc;width: 100%;}
.explain .explain_tit{height: 40px; line-height: 40px;}
.explain .explain_txt{line-height: 1.6;}