* {
		margin: 0;
		padding: 0;
	}
	img {
		display: block;
	}
	#app {
		width: 100vw;
		height: 100vh;
		overflow-x: hidden;
		overflow-y: scroll;
		position: relative;
		background: #ebf6fc;
		-webkit-overflow-scrolling: touch;
	}
	.top-banner {
		width: 100%;
	}
	.top-info {
		width: 96%;
		margin: -1.333333rem auto 0;
		position: relative;
	}
	.top-info-bg {
		width: 100%;
	}
	.top-info-absoulte {
		position: absolute;
		width: 80%;
		left: 10%;
		top: 15%;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.top-info-absoulte-left-line-one {
		font-size: 0.4rem;
		font-weight: 600;
		display: flex;
		align-items: center;
	}
	.one-png {
		display: inline-block;
		width: 2.4rem;
		margin: 0 0.133333rem;
	}
	.gray-linethrough {
		font-size: 0.32rem;
		color: #ccc;
		text-decoration: line-through;
	}
	.top-info-absoulte-left-line-two {
		font-size: 0.4rem;
		font-weight: 600;
		margin: 0.2rem 0;
	}
	.top-info-absoulte-left-line-three {
		display: flex;
		height: 0.4rem;
		line-height: 0.4rem;
		margin-top: 0.133333rem;
	}
	.crycle-img {
		display: flex;
		align-items: center;
	}
	.crycle-img img {
		width: 0.4rem;
		height: 0.4rem;
		border-radius: 50%;
		background: red;
		border: 1px solid #fff;
	}
	.crycle-img img:nth-child(1) {
		z-index: 1;
	}
	.crycle-img img:nth-child(2) {
		z-index: 2;
		margin-left: -0.2rem;
	}
	.crycle-img img:nth-child(3) {
		z-index: 3;
		margin-left: -0.2rem;
	}
	.running-word {
		height: 0.4rem;
		line-height: 0.4rem;
		color: #bbb;
		overflow: hidden;
		margin-left: 0.2rem;
	}
	.running-word-window div {
		height: 0.4rem;
		line-height: 0.4rem;
		color: #bbb;
	}
	.book-at-once-btn {
		font-size: 0.4rem;
		font-weight: 600;
		height: 0.8rem;
		line-height: 0.8rem;
		border-radius: 0.133333rem;
		background: red;
		color: #fff;
		padding: 0.066667rem 0.266667rem;
		text-align: center;
		margin-bottom: 0.3rem;
	}
	.fake-number {
		height: 0.4rem;
		line-height: 0.4rem;
		color: #bbb;
		margin-top: 0.133333rem;
	}
	.fake-number-color {
		color: #62bef1;
	}
	.question-info {
		width: 96%;
		margin: 0 auto 0;
	}
	.question-info-bg {
		width: 100%;
	}
	.switch-tab {
		width: 100%;
		height: 1.2rem;
		line-height: 0.8rem;
		display: flex;
		align-items: center;
		justify-content: space-around;
		top: 0;
		left: 0;
		z-index: 99;
		background: #ebf6fc;
	}
	.switch-tab {
		font-size: 0.4rem;
		box-sizing: border-box;
	}
	.tab-active {
		color: #49aee4;
		font-weight: 600;
		border-bottom: 1px solid #49aee4;
	}
	.step-info,.case-info,.common-info,.about-info,.QA-info {
		width: 96%;
		margin: 0.4rem auto 0;
		position: relative;
	}
	.step-info-bg,.QA-info-bg,.case-info-bg,.common-info-bg,.about-info-bg  {
		width: 100%;
	}
	.commom-box {
		/*background: pink;*/
		width: 80%;
		height: 10.0rem;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 20% auto 0;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.common-block {
		width: 100%;
		background: #edf6fd;
		border-radius: 0.266667rem;
		display: flex;
		margin: 0 auto 0.266667rem;
		padding: 0.3rem;
		box-sizing: border-box;
	}
	.common-img {
		width: 1.0rem;
		height: 1.0rem;
		border-radius: 50%;
		flex-grow: 0;
		flex-shrink: 0;
		background: blue;
	}
	.common-img img {
		width: 100%;
		height: 100%;
	}
	.common-infos {
		flex-grow: 1;
		flex-shrink: 1;
		box-sizing: border-box;
		padding-left: 0.2rem;
	}
	.common-name {
		height: 1.0rem;
		line-height: 1.0rem;
		font-size: 0.4rem;
		font-weight: 600;
		color: #4baae2;
	}
	.gotobookBtn,.gotobookBtn img, .gotobookBtn-help, .gotobookBtn-help img {
		width: 100%;
	}
	.gotobookBtn-help {
		opacity: 0;
	}
	.gotobookBtn {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 999;
	}