body{
	height: 100%;
	padding-bottom: 62px !important;
	position: relative;
	overflow-y: auto;
}
.vir-name{
	display: flex;
	display: -webkit-flex;
	padding: 18px 0 20px 0;
	margin: 0 20px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #999;
	border-bottom: 1px solid #eee;
}
.vir-name .title{
	flex: 1;
	-webkit-flex: 1;
	font-size: 26px;
	color: #333333;
}
.vir-name .untie{
	width: 50px;
	font-size:12px;
	color: #1F80E2;
	text-align: right;
}
.vir-item{
	display: flex;
	display: -webkit-flex;
	margin: 0 20px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	font-size: 14px;
	border-bottom: 1px solid #eee
}
.vir-item .tips{
	font-size: 15px;
	color: #333333;
	width: 120px;
}
.vir-item .item-text {
	flex: 1;
	-webkit-flex: 1;
	font-size: 13px;
	color: #999999;
	text-align: right;
	font-weight: 500;
}
.vir-item .item-text.ubind-vir,
.vir-item .item-text.ubind-phone{
	color: #E21F1F;
}
.vir-item .arrow-icon{
	height: 12px;
	width: 9px;
	background: url("../../images/index_v1.0/right-icon.png") no-repeat center/contain;
	margin-left: 8px;
    position: relative;
    top: 18px;
}
.nav-wp{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	display: -webkit-flex;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.41);
}
.nav-wp .nav-btn{
	padding: 11px 0 5px 0;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	-khtml-flex: 1;
	flex: 1;
	text-align: center;
	font-size: 11px;

	color: #999999;
	text-decoration: none;
}
.nav-wp .nav-btn .name{
	text-align: center;
}
.nav-wp .nav-btn .icon{
	display: inline-block;
	width: 25px;
	height: 25px;

}
/*首页*/
.nav-wp .nav-btn.home .icon{
	background: url("../../images/index_v1.0/home.png") no-repeat center center;
	background-size: contain;
}
.nav-wp .nav-btn.home.active .icon{
	background: url("../../images/index_v1.0/home_active.png") no-repeat center center;
	background-size: contain;
}
.nav-wp .nav-btn.home.active .name{
	color: #1B37A8;
}
/*服务*/

.nav-wp .nav-btn.service .icon{
	background: url("../../images/index_v1.0/service.png") no-repeat center center;
	background-size: contain;
}
.nav-wp .nav-btn.service.active .icon{
	background: url("../../images/index_v1.0/service_active.png") no-repeat center center;
	background-size: contain;
}
.nav-wp .nav-btn.service.active .name{
	color: #1B37A8;
}
/*我的*/

.nav-wp .nav-btn.mine .icon{
	background: url("../../images/index_v1.0/mine.png") no-repeat center center;
	background-size: contain;
}
.nav-wp .nav-btn.mine.active .icon{
	background: url("../../images/index_v1.0/mine_active.png") no-repeat center center;
	background-size: contain;
}
.nav-wp .nav-btn.mine.active .name{
	color: #007BFF;
}
/* 商圈 */
.nav-wp .nav-btn.trade_area{
	display: none;
}
.nav-wp .nav-btn.trade_area .icon{
	background: url("../../images/index_v1.0/trade.png") no-repeat center center;
	background-size: contain;
}
.nav-wp .nav-btn.trade_area.active .icon{
	background: url("../../images/index_v1.0/trade_active.png") no-repeat center center;
	background-size: contain;
}
.nav-wp .nav-btn.trade_area.active .name{
	color: #1B37A8;
}
.left{
	width: 85%;
	float: left;
	height: 100%;
}
.right{
	width: 15%;
	height: 100%;
	box-sizing: border-box;
	background: rgba(255,255,255,0.1);
	float: right;
}
.left .build-name{
	display: block;
	width: 100%;
	height: 63px;
	line-height: 63px;
	/* text-align: center; */
	font-size: 25px;
	color: #FFFFFF;
	margin-left: 18px;
	box-sizing: border-box;
}
.foot-info{
	height: 40px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255,255,255,0.41);
	margin-left: 18px;
}
.foot-info img{
	display: block;
	float: left;
	width: 40px;
	height: 100%;
	margin-right: 7px;
	border: 1px solid #FFFFFF;
	border-radius: 2px;
}
.foot-info .mine-info{
	float: left;
	height: 100%;
	width: 72%;
}
.foot-info .mine-info>span:first-of-type{
	display: block;
	font-size: 15px;
	color: #FFFFFF;
}
.foot-info .mine-info>span:last-of-type{
	display: block;
	font-size: 10px;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.code-info{
	margin-left: 18px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
}
.code-info .tcode{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../../images/index_v1.0/codeInfo.png") no-repeat center center;
	background-size: cover;
	margin-bottom: -3px;
	margin-right: 3px;
}
.right .logo-icon{
	display: block;
	width: 28px;
	height: 28px;
	margin: 10px auto;
	background: url("../../images/index_v1.0/groupLogo.png") no-repeat center center;
	background-size: cover;
}
.weal{
	position: relative;
	/* box-shadow: 0 2px 20px 0 #e6e6e6 ; */
}
.weal .title{
	width: 100%;
	height: 63px;
	box-sizing: border-box;
	padding-top: 26px;
	padding-left: 20px;
	line-height: 42px;
	font-size: 26px;
	color: #333333;
}
.weal p{
	font-size: 10px;
	color: #666666;
	width: 100%;
	padding-left: 20px;
	padding-top: 5px;
}
.weal .logo-icon{
	display: block;
	width: 28px;
	height: 28px;
	background: url("../../images/index_v1.0/groupLogo.png") no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 10px;
	right: 8px;
}
.weal .price-extra{
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 10px;
	padding-left: 20px;
	color: #333333;
	background: rgba(255,255,255,0.90);
	position: absolute;
	bottom: 0;
	left: 0;
	box-sizing: border-box;

}
.cover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 2;
	display: none;
}
.coverShow{
	display: block;
}
.cover>div{
	width: 90%;
	min-height: 320px;
	background: #FFFFFF;
	z-index: 3;
	margin: 0 auto;
	margin-top: 20%;
	border-radius: 5px;
	padding-bottom: 30px
}
.cover span{
	display: block;
	margin: 0 auto;
	font-size: 16px;
	color: #666666;
	z-index: 3;
	text-align: center;
}
#code {
	min-height: 12rem;
	width: 100%;
	text-align: center;
}
.qrcode_tip{
	font-size: 18px;
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
}
#code canvas{
	margin-top: 10px;
	width: 60%
}
.lyzc_icon{
	width: 0.40rem;
	height: 0.40rem;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}
.refresh_wrap{
	margin-top: 20px;
	text-align: center;
}
.refresh{
	text-align: center;
	color: #007BFF;
	font-size: 15px;
	height: 18px;
	line-height: 18px;
	padding-left: 25px;
	position: relative;
	display: inline-block;
}
.refresh img{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0
}
.nodata{
	text-align: center;
}
.nodata img{
	margin-top: 0;
	width: 80%;
}
.tip{
	color: #666666;
	font-size: 18px;
	text-align: center;
}
.error{
	text-align: left;
	padding: 0 62px;
	margin-top: 41px;
}
.p1{
	color: #666666;
	font-size: 15px;
}
.pp{
	color: #2A2A2A;
	font-size: 13px;
}
.cover .imgCode{
	width: 258px;
	height: 258px;
	background: url("../../images/index_v1.0/code2.jpg") no-repeat center center;
	background-size: cover;
}
.part_1 p{
	text-align: center;
}
.hide{
	display: none
}
.mask{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 99
}
.pic_wrap{
	width: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pic{
	width: 100%
}