.page-baner {
	box-sizing: border-box;
	margin-bottom: 5rem;
}
.page-baner .page-baner-container .baner-content .baner-title {
	font-size:2.13rem;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:3.13rem;
	margin-bottom: 1.19rem;
}
.page-baner .page-baner-container .baner-content .baner-text {
	font-size:1.25rem;
	font-family:SourceHanSansSC-Normal,SourceHanSansSC;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:1.81rem;
}
.page-baner {
	background: url('/static/index/image/channel/page-bg.png') no-repeat;
}

.price-banner {
	width: 100%;
	height: 39.38rem;
	background: url('/static/index/image/pricing/pricing-banner.png') no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
}
.price-banner .left {
	width: 15.63rem;
	height: 30.13rem;
	background: url('/static/index/image/pricing/left.png')no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 27.88rem;
	left: 0;
}
.price-banner .right {
	width: 18.91rem;
	height: 23.19rem;
	background: url('/static/index/image/pricing/right.png')no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 24.13rem;
	right: 0;
}

.price-wrapper {
	padding-top: 13.75rem;
	position: relative;
	z-index: 20;
}
@media (max-width: 768px) {
	.price-wrapper {
		padding-top: 5rem;
	}
}
.price-box {
	width: 100%;
	height: 4.83rem;
}

.price-list {
	margin-top: 5rem;
	margin-bottom: 6.25rem;
	position: relative;
	z-index: 20;
}

.download-page .page-baner-container {
	padding: 12.19rem 2rem 7.69rem 2rem;
}
.download-page .page-baner-container .baner-content {
	padding-top: 4.4rem;
}

.channel-page .page-baner-container:nth-child(1){
    padding: 10.81rem 2rem 4.81rem 2rem;
}

.channel-page .page-baner-container {
	padding: 4.81rem 2rem 4.81rem 2rem;
}
.channel-page .page-baner-container .baner-content {
	padding-top: 5.38rem;
}

.robot-page .page-baner-container {
	padding: 10.56rem 2rem 8.56rem 2rem;
}
.robot-page .page-baner-container .baner-content {
	padding-top: 6.06rem;
}

.statistics-page .page-baner-container {
	padding: 9.75rem 2rem 6.81rem 2rem;
}
.statistics-page .page-baner-container .baner-content {
	padding-top: 6.87rem;
}

.seat-page .page-baner-container {
	padding: 10.62rem 2rem 7.69rem 2rem;
}
.seat-page .page-baner-container .baner-content {
	padding-top: 6rem;
}

.peorob-page .page-baner-container {
	padding: 10.62rem 2rem 7.69rem 2rem;
}
.peorob-page .page-baner-container .baner-content {
	padding-top: 6rem;
}

.download-page::after,.channel-page::after,.robot-page::after,.statistics-page::after,.seat-page::after,.peorob-page::after {
	display: none;
}

.media-list {
	position: relative;
	z-index: 20;
}
.media-list .media {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1rem;
	height: 31.25rem;
}
.media-body {
	width: auto;
}
.media-left, .media>.pull-left {
	padding-right: 7.69rem;
	/* margin-top: 5.13rem; */
}
.media-container .media-heading {
	display: flex;
	align-items: center;
	margin-bottom: 1.56rem;
	font-size:1.75rem;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:2.56rem;
}
.media-container .media-heading img {
	margin-right: 1.25rem;
}
.media-container .media-text {
	font-size:1rem;
	font-family:SourceHanSansSC-Normal,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:1.5rem;
	max-width: 25rem;
	text-align: justify;
	margin-bottom: 1.75rem;
}
.media-container .media-textlist {
	display: flex;
	justify-content: space-between;
	padding-right: 8rem;
}
.media-container .media-textlist p {
	font-size:1rem;
	font-family:SourceHanSansSC-Normal,SourceHanSansSC;
	font-weight:400;
	color:rgba(150,149,149,1);
	line-height:1.5rem;
}
.media-container .media-textlist p::before {
	content: '';
	display: inline-block;
	width: 0.75rem;
	height: 0.75rem;
	background: #5693FF;
	border-radius: 50%;
	margin-right: 0.44rem;
}

.font-1em{
    font-size:1em;
}

@media (max-width: 1200px) {
	.download-page::after,.channel-page::after,.robot-page::after,.statistics-page::after,.seat-page::after,.peorob-page::after {
		display: none;
	}
}

@media (max-width: 768px) {
	.media-container {
		/* background: salmon; */
	}
	.media-container .media-list {
		/* background: seagreen; */
	}
	.media-container .media-list .media {
		display: block;
		padding: 1.5rem 0;
		height: auto;
	}
	.media-body, .media-left, .media-right {
		display: block;
	}
	.media-body .media-heading {
		font-size:1.5rem;
		font-family:SourceHanSansSC-Medium,SourceHanSansSC;
		font-weight:bold;
		color:rgba(51,51,51,1);
		margin-bottom: 0.9rem;
	}
	.media-body .media-text {
		font-size:0.9rem;
		font-family:SourceHanSansSC-Normal,SourceHanSansSC;
		font-weight:400;
		color:rgba(153,153,153,1);
		line-height:1.28rem;
		margin-bottom: 0;
	}
	.media-left, .media>.pull-left {
		padding-right: 0;
	}
	.media-right, .media>.pull-right {
		padding-left: 0;
	}
	.bg-skyblue {
		background:rgba(248,250,252,1);
	}
	.media-left,.media-right {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 0.5rem;
		transform: scale(0.8);
	}
	.page-baner {
	    width:90%;margin:0 auto;
		padding-top: 5rem !important;
		margin-bottom: 0;
	}
	
	.baner-content {
	    width:100%;margin:0 auto;
		padding-top:5px;
	}
	
    .channel-page .page-baner-container:nth-child(1){
        padding: 4.81rem 2rem 0 2rem;
    }

	.baner-content .baner-title {
		font-size:1.88rem;
		font-family:SourceHanSansSC-Medium,SourceHanSansSC;
		font-weight:bold;
		color:rgba(17,32,51,1);
		line-height:2.78rem;
	}

	.baner-content .baner-text {
		font-size:.0.875rem;
		font-family:SourceHanSansSC-Normal,SourceHanSansSC;
		font-weight:400;
		color:rgba(102,102,102,1);
		line-height:1.53rem;
		margin-bottom: 1.75rem;
	}
	
	.baner-image {
		width: 100%;
		padding-top: 0;
		display: flex;
		align-items: center;
	}
	.baner-image::nth-child(1) {
		padding-top: 5rem;
	}
	
	.download-page .page-baner-container,.channel-page .page-baner-container,.robot-page .page-baner-container,.statistics-page .page-baner-container,.seat-page .page-baner-container,.peorob-page .page-baner-container {
		padding: 0;
	}
	
	.page-baner-container{
	    margin-bottom:20px;
	}
	
    .channel-page .page-baner-container .baner-content {
    	padding-top: 2.38rem;
    }
    
	.img-responsive{
	    width:100%;max-width:750px;
	}
}


/* download */
.download-app{
    padding-top:5rem;
}

.download-app .app-wrapper {
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
	margin-top: 3.13rem;
}
.download-app .app-wrapper .android-app {
	margin-right: 13.75rem;
	cursor: pointer;
}
.download-app .app-wrapper .ios-app{
	cursor: pointer;
}
.download-app .app-wrapper .icon-wrapper {
	width:18.13rem;
	height:18.13rem;
	background:rgba(247,249,252,1);
	border-radius:0.38rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.25rem auto;
	transition: 0.3s;
}
.download-app .app-wrapper .icon-image {
	width: 3.5rem;
	height: 3.5rem;
}
.download-app .app-wrapper .qr-image {
	width: 16.25rem;
	height: 16.25rem;
	/* display: none; */
}
.download-app .app-wrapper .app-header {
	font-size:1.25rem;
	font-family:SourceHanSansSC-Medium,SourceHanSansSC;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:1.81rem;
	text-align: center;
}
.download-app .app-wrapper .app-text {
	font-size:1rem;
	font-family:SourceHanSansSC-Normal,SourceHanSansSC;
	font-weight:400;
	color:rgba(153,153,153,1);
	line-height:1.5rem;
	text-align: center;
	margin-top: 0.75rem;
}

.down-app {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}

.download-baner-image {
	margin-bottom: 12.49rem;
}

.download-app .container p:nth-child(1) {
	font-size:2.5rem;
	font-family:Helvetica;
	color:rgba(51,51,51,1);
	text-align: center;
}

@media(max-width: 768px) {
    .download-app{
        padding-top:5rem;
    }

	.download-app .app-wrapper .icon-wrapper {
		width: 7.5rem;
		height: 7.5rem;
		margin: 0;
		margin-bottom: 0.9rem;
		background: #F7F9FC;
	}
	.download-app .app-wrapper .qr-image  {
		width: 6.08rem;
		height: 6.08rem;
	}
	.download-app .app-wrapper  {
		margin-top: 2.25rem;
		margin-bottom: 3rem;
		display: flex;
		justify-content: space-around !important;
	}
	.download-app .app-wrapper .android-app {
		margin-right: 0;
	}
	.download-app .app-wrapper .app-header {
		margin-bottom: 0.6rem !important;
		font-size:1.28rem !important;
		font-family:Helvetica !important;
		color:#333333 !important;
	}
	.download-app .app-wrapper .app-text {
		font-size: 0.9rem !important;
		font-family:Helvetica;
		color:rgba(153,153,153,1) !important;
	}
	
    .download-app .container p:nth-child(1) {
    	font-size:1.5rem;
    	font-family:Helvetica;
    	color:rgba(51,51,51,1);
    	text-align: center;
    }
}