.xiaoliu-wxmini{
	margin: .2rem 0;
}
.xiaoliu-wxmini .img{
	height: auto;
}
.xiaoliu-wxmini-fixed{
	position: fixed;
	right: .2rem;
	bottom: .2rem;
	z-index: 99;
	text-align: center;
}
.xiaoliu-wxmini-fixed .to-xiaoliu{
	display: block;
	margin-bottom: 0.18rem;
}
.xiaoliu-wxmini-fixed .to-xiaoliu .img{
	width: 1.1rem;
	height: auto;
}
.xiaoliu-wxmini-fixed .to-top{
	width: 100%;
}
.xiaoliu-wxmini-fixed mip-gototop{
	width: .76rem;
	height: auto;
	margin: 0 auto;
	border: none;
	background: transparent;
}
html{
	height: 100%;
	max-width: 750px;
	margin: 0 auto;
}
.body{
	line-height: 1.2;
	background: #fff url(./../images/xiaoliu/bg.png) no-repeat center top/100% 5.4rem;
}

.xiaoliu-view{
	background: linear-gradient(180deg, transparent 0, transparent 5.4rem, #fafbff 5.4rem, #fff 10rem, #fff 100%)
}

.xl-top-view{
	padding-left: .3rem;
	height: 1.32rem;
	display: flex;
	align-items: center;
	font-size: .46rem;
	color: #fff;
	margin-bottom: .05rem;
}

.xl-top-view .xl-span{
	font-size: .3rem;
	font-weight: normal;
	margin-left: .2rem;
}

.xl-top-flag{
	padding: 0 .3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .22rem;
}

.xl-top-flag .cell{
	font-size: .28rem;
	color: #3f4149;
	text-align: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .18rem;
	background: linear-gradient(80deg, #c5d3fe 0, #e5ebff 100%);
}
.xl-top-flag .cell .icon{
	width: 100%;
	height: .72rem;
	margin-bottom: .12rem;
	background: url(./../images/xiaoliu/icon-qd.png) no-repeat center bottom/.5rem .5rem;
}
.xl-top-flag .cell .iconsl{
	background-image: url(./../images/xiaoliu/icon-sl.png);
}
.xl-top-flag .cell .iconss{
	background-image: url(./../images/xiaoliu/icon-ss.png);
}
.xl-top-flag .cell .iconsx{
	background-image: url(./../images/xiaoliu/icon-sx.png);
}

.xl-main{
	border: 1px solid #f1f4ff;
	border-radius: .16rem;
	margin: 0 .3rem;
	padding: 0 .2rem .3rem;
	background: linear-gradient(180deg, #e5ebff 0, #fff 1.8rem, #fff 100%);
}

.xl-main .step{
	font-size: .3rem;
	color: #1d1d1f;
	padding-top: .95rem;
	background: url(./../images/xiaoliu/one.png) no-repeat left .48rem/.82rem auto;
}

.xl-main .step .span{
	margin-right: .1rem;
}
.xl-main .step .content{
	display: flex;
	justify-content: space-between;
}
.xl-main .step .content .qrcode{
	width: 1.4rem;
	height: 1.4rem;
	margin-right: .38rem;
	flex-shrink: 0;
	background: #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.xl-main .step .content .qrcode img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	vertical-align: top;
	display: none;
}

.xl-main .step.two{
	background: url(./../images/xiaoliu/two.png) no-repeat left .48rem/.98rem auto;
}
.xl-main .step.three{
	background: url(./../images/xiaoliu/three.png) no-repeat left .48rem/.98rem auto;
}

.xl-main .two-content{
	padding-top: .24rem;
	display: flex;
	justify-content: space-between;
}
.xl-main .two-content .cell{
	width: 3.12rem;
	height: 2.2rem;
	border-radius: .14rem;
	overflow: hidden;
	background: #ededed url(./../images/xiaoliu/wx-01.png) no-repeat right bottom/3.08rem auto;
}

.xl-main .two-content .cell.cell02{
	background: #010101 url(./../images/xiaoliu/wx-02.png) no-repeat right bottom/3.04rem auto;
}

.xl-btm-btn{
	padding: 1rem .4rem;
}

.xl-btm-btn .download{
	height: .96rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .36rem;
	color: #fff;
	border-radius: .48rem;
	background: #ccc;
}

.dropload-load .loading{
	display: inline-block;
	height: .32rem;
	width: .32rem;
	border-radius: 100%;
	margin-right: 6px;
	border: 2px solid #fff;
	border-bottom-color: transparent;
	vertical-align: middle;
	animation: rotate 1s linear infinite;
}

@keyframes rotate{
	from { transform: rotate(0deg); }
	to { transform: rotate(180deg); }
	to { transform: rotate(360deg); }
}

.xl-btm-btn .download.active{
	background: #4c78fd;
}


.hao-ling{
	margin-bottom: .2rem;
	border-color: #9fb8fe;
}
.hao-ling.bgw{
	background: #fff;
	padding-bottom: .3rem;
}

.hao-ling .step{
	padding-top: .7rem;
	background-position: left .3rem !important;
}

.hao-ling .step.one{
	position: relative;
	padding-right: 3.2rem;
	height: 2.7rem;
	box-sizing: border-box;
	text-align: center;
	font-size: .3rem;
	line-height: .46rem;
}

.hao-ling .step .top-txt{
	padding-top: .3rem;
}
.hao-ling .step.one span{
	position: relative;
}
.hao-ling .step.one span:after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .14rem;
	border-radius: .07rem;
	background: #4c78fd;
	opacity: .3;
	content: '';
}

.hao-ling .qrcode-box{
	position: absolute;
	right: 0;
	top: .3rem;
	right: .2rem;
	padding-right: .2rem;
	background: url(./../images/xiaoliu/star.png) no-repeat right top/.44rem auto;
}

.hao-ling{ padding-bottom: 0; }
.hao-ling .qrcode{
	width: 2.1rem;
	height: 2.1rem;
	background: #4c78fd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.hao-ling .qrcode .img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.16rem;
	height: 1.16rem;
	border: .1rem solid #fff;
	border-radius: .1rem;
	display: none;
	background: #fff;
}
.hao-ling .qrcode img{
	width: 100%;
	height: 100%;
	display: block;
}

.hao-ling .two-content{
	padding-top: .28rem;
}