.fade-bg {
	position: fixed;
	right: 0;
	bottom: 0;
	border-radius: 50vh 0 0 0;
	background-color: rgba(0,0,0,.7);
	transition: all .4s;
	width: 0;
	height: 0;
	background-color: #308ae0
}

.fade-bg.active {
	width: 100vh;
	height: 100vh
}

.catalog {
	text-align: center;
	background: linear-gradient(90deg, #5c97e8, #2363ce);
	min-height: 100vh;
	overflow: hidden;
	color: #fff
}

.catalog .logo {
	margin-top: .62rem
}

.catalog .logo img {
	width: 1.68rem;
	height: 1.68rem
}

.catalog .app-name {
	font-size: .32rem;
	margin: .2rem 0
}

.catalog .slogn {
	font-size: .5rem;
	font-weight: 700;
	font-style: italic;
	margin-bottom: .66rem
}

.catalog .doc-list .doc-item {
	width: 5rem;
	height: .88rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: .44rem;
	background-color: rgba(255,255,255,.2);
	font-size: .32rem;
	margin: 0 auto .33rem
}

.main-wrap.doc {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	padding-bottom: 1rem;
	max-width: 750px;
	color: #fff;
	font-size: .24rem;
	overflow-y: auto;
	min-height: 100vh;
	box-sizing: border-box;
	display: none
}

.doc .doc-title {
	text-align: center;
	padding: .45rem 0;
	font-size: .48rem;
	color: rgba(216,216,216,.75);
	font-weight: 700
}

.doc .fix-close {
	position: fixed;
	right: .35rem;
	top: .32rem;
	width: .66rem;
	height: .66rem
}
.doc .doc-title img {
	height: .43rem;
	margin: 0 .21rem
}

.doc .main-content {
	padding: 0 .68rem
}

.doc .main-content .question {
	width: 100%;
	background-color: rgba(0,0,0,.42);
	border-radius: .35rem;
	padding: .18rem 0;
	text-align: center;
	margin-bottom: .25rem
}

.doc .main-content .question img {
	height: .38rem
}

.doc .main-content .tip {
	width: 100%;
	font-size: .34rem;
	margin-bottom: .25rem
}

.doc .main-content .icon {
	width: .64rem
}

.doc-detail {
	display: none
}

.doc-step {
}

.doc-step .step-title {
	display: flex;
	margin-bottom: 10px
}

.doc-step .step-title .step-index {
	width: .66rem;
	height: .66rem;
	border-radius: 50%;
	background-color: rgba(255,255,255,.18);
	font-size: .42rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin-right: .15rem
}

.doc-step .step-text {
	font-size: .28rem;
	margin-bottom: .25rem;
	margin-top: .08rem;
	color: rgba(255,255,255,.8)
}

.doc-step .step-text .icon {
	width: .64rem;
	vertical-align: text-top
}

.doc-step .step-img {
	margin-bottom: .36rem
}

.doc-step .step-img img {
	width: 100%;
	border-radius: .32rem
}
a[title='站长统计'] {
	display: none;
  }