@media screen and (max-width: 768px) {
	.header {
		box-sizing: border-box;
		padding: 0 10px;
	}
	.city-bg{
		background: rgba(0, 0, 0, 0.6);
		z-index: 10001;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		display: none;
	}
	.city-list {
		z-index: 100002;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		display: none;
	}

	.city-list__box {
		padding: 0 15px;
		background-color: #fff;
	}

	.city-list__box__item {
		height: 54px;
		display: flex;
		align-items: center;
		border-bottom: 1px solid #e5e6eb;
	}

	.city-list__box__item__tit {
		font-weight: 600;
		flex: 1;
		color: #1d2129;
	}

	.city-list__box__item__icon {
		padding-top: 10px;
		color: #86909c;
		display: none;
	}

	.city-list__box__item.active .city-list__box__item__icon{
		display: block;
	}

	.city-list__title {
		background-color: #fff;
		box-sizing: content-box;
		color: #1d2129;
		position: relative;
		width: 100%;
		text-align: center;
		line-height: 52px;
		font-weight: bold;
		border-radius: 10px 10px 0 0;
		border-bottom: 1px solid #e5e6eb;
	}

	.city-list__title__close {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		padding: 0 20px;
		display: flex;
		align-items: center;
	}

	.header-menu {
		display: none;
	}

	.header-btn {
		display: none;
	}

	.header-logo {
		flex: 1;
	}

	.header-nav {
		display: block;
	}

	.header-nav__btn {
		color: #fff;
	}

	.header.active .header-nav__btn {
		color: #000;
	}

	.header-nav__box {
		background-color: #fff;
		position: fixed;
		z-index: 1000;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		display: none;
	}

	.header-nav__box__top {
		display: flex;
		height: 60px;
		justify-content: space-between;
		color: #000;
		align-items: center;
		padding: 0 16px;
	}

	.header-nav__box__item {
		height: 54px;
		display: flex;
		justify-content: space-between;
		color: #000;
		align-items: center;
		padding: 0 30px;
	}

	.header-nav__box__item__tit {
		text-decoration: none;
		color: #1d2129;
		font-size: 16px;
		font-weight: bold;
		flex: 1;
	}

	.header-nav__box__item__icon {
		color: #69718c;
	}

	.header-nav__box__item__city {
		font-weight: bold;
		color: #86909c;
	}

	.header-nav__box__btn {
		padding: 30px;
		box-sizing: border-box;
	}

	.header-report {
		display: none;
	}

	.header-nav__box__btn a {
		color: #fff !important;
		text-decoration: none;
		background: #fe2c55;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		border-radius: 4px;
		font-weight: 700;
		height: 44px;
	}

	.header-city {
		display: none;
	}

	.seller .seller__content.show {
		display: flex;
		overflow-x: scroll;
		padding-left: 30px;
		background-color: transparent;
	}

	.seller .seller__content.show>div {
		width: 307px;
		margin-right: 10px;
		border-radius: 8px;
	}

	.seller .seller__content__img {
		width: 100%;
		height: 78px;
	}

	.seller .seller__content__img img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		border-radius: 8px 8px 0 0;
	}

	.seller .seller__content .seller__content__text {
		background-color: #fff;
		padding: 20px 16px 40px;
		box-sizing: border-box;
		border-radius: 0 0 8px 8px;
	}

	.seller .seller__content .seller__content__title {
		font-size: 21px;
	}

	.seller__content__text__desc {
		font-size: 14px;
		font-weight: 500;
		line-height: 24px;
	}

	.seller .seller__content .seller__content__data {
		flex-direction: column;
		align-items: initial;
		margin-top: 30px;
		width: 200px;
	}

	.seller .seller__content .seller__content__data__num {
		font-size: 20px;
		line-height: 30px;
	}

	.seller__content__data__item {
		margin-bottom: 20px;
	}

	.seller .seller__content .seller__content__data__text {
		font-size: 12px;
		line-height: 14px;
	}

	.seller {
		overflow: hidden;
		padding: 50px 0;
	}

	.seller .banner {
		display: none;
	}

	.seller .seller__title {
		font-size: 34px;
	}

	.service .service__select {
		margin-top: 20px;
		justify-content: initial;
		position: relative;
		overflow-x: scroll;
		gap: 10px;
	}

	.service__select__tit {
		display: none;
	}

	.talk {
		padding: 50px 0;
	}

	.talk .talk__title {
		font-size: 34px;
		list-style: 34px;
	}

	.talk .talk__text {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.talk .talk__content {
		overflow: hidden;
		overflow-x: scroll;
		padding: 0 20px;
		box-sizing: border-box;
		width: 100%;
		display: -webkit-box;
	}

	.talk .talk__content__item {
		width: 204px;
	}

	.talk .talk__content__item img {
		height: auto;
		width: 100%;
	}

	.data .data__tips {
		font-size: 12px;
	}

	.data__class {
		flex-direction: column;
	}

	.data .data__class .data__class__item {
		width: 100%;
		padding: 0;
	}

	.visit {
		flex-direction: column;
	}

	.visit .visit__item {
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.visit .visit__item .visit__item__text {
		height: initial;
	}

	.shop .shop__video {
		gap: 15px;
	}

	.left__down {
		justify-content: flex-end;
	}

	.left__down__btn {
		margin-right: 0;
		padding-left:5px
	}
	.left__down__btn__img{
	    width: 40px;
		height: 40px;
	}
	.left__down__btn__info__tips{
		white-space: nowrap;
		font-size: 16px;
	}
	.left__down__btn:nth-child(2) {
		margin-left: 10px;
	}

	.content {
		display: flex;
		margin: 0 auto;
		align-items: center;
		flex-flow: column;
		padding: 60px 16px 0;
		width: 100%;
		box-sizing: border-box;
	}

	.content .left {
		width: 100%;
		text-align: center;
		position: relative;
	}

	.content .left .left__title {
		font-size: 34px;
		line-height: 39px;
		margin: 0 auto;
	}

	.content .left .left__text {
		font-size: 34px;
		line-height: 39px;
		margin: 0 auto;
	}

	.content .left .left__tips {
		font-size: 14px;
		line-height: 24px;
		margin: 16px auto 0;
		width: 1005;
	}

	.content .left .left__button {
		position: absolute;
		bottom: -400px;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 42px;
		font-size: 14px;
		width: 297px;
		line-height: 42px;
		border-radius: 4px;
	}
	.content .right {
		width: 343px;
		height: 311.273px;
		margin-top: 30px;
		margin: 30px auto 120px;
		position: relative;
		min-width: 343px;
	}

	.content .right .img {
		height: 222.452px;
		position: absolute;
		left: 0;
		top: 40px;
		width: 124px;
		z-index: 2;
	}

	.content .right .image {
		height: 222.43px;
		position: absolute;
		left: 215px;
		top: 70px;
		width: 124px;
		z-index: 1;
	}

	.content .right video {
		height: 100%;
		width: 100%;
		z-index: 3;
	}

	.head {
		padding: 64px 24px;
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.head .head__title {
		font-size: 28px;
		text-align: center;
	}

	.head .head__text {
		font-size: 14px;
		margin-top: 8px;
		font-weight: 500;
	}

	.head .head__content {
		display: flex;
		flex-direction: column-reverse;
		margin-top: 48px;
	}

	.head .head__content .head__right {
		display: flex;
		flex-direction: column;
		gap: 32xp;
		text-align: center;
		width: 100%;
		height: 100%;
	}

	.head__content .head__right .head__right__item {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.head__content .head__right .head__right__item img {
		width: 48px;
		height: 48px;
	}

	.head__content .head__right .head__right__item .head__right__item__title {
		font-size: 20px;
		font-weight: 700;
		text-align: center;
	}

	.head__content .head__right .head__right__item .head__right__item__text {
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		text-align: center;
	}

	.head__content .head__left {
		margin: auto;
	}

	.shop {
		padding: 44px 10px;
	}

	.shop .shop__title {
		font-size: 28px;
	}

	.shop .shop__text {
		font-size: 14px;
		font-weight: 500;
		margin-top: 8px;
	}

	.shop .shop__video {
		overflow: hidden;
		overflow-x: scroll;
		justify-content: initial;
	}

	.service {
		padding: 48px 24px;
	}

	.service .service__title {
		font-size: 28px;

	}

	.service .service__tips {
		display: block;
		margin-top: 30px;
		color: #000;
		font-size: 24px;
		font-weight: bold;
	}

	.service .service__content {
		width: 100%;
		flex-direction: column-reverse;
	}

	.service .service__content .service__content-right {
		height: 90px;
		overflow: hidden;
		width: 100%;
	}

	.service .service__content .service__content-right img {
		height: 230px;
	}

	.service .service__select .service__select__btn {
		padding: 8px 16px;
		font-size: 18px;
		line-height: initial;
		white-space: nowrap;
	}

	.faq {
		padding: 48px 24px;
	}

	.faq .faq__title {
		font-size: 24px;
		font-weight: 700;
	}

	.faq .faq__item .faq__text {
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
		text-align: left;
	}

	.faq .faq__tips {
		font-size: 12px;
	}

	.more {
		display: none;
	}

	.setup .setup-item {
		padding-left: 32px;
		padding-right: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 54px;
	}

	.setup .setup-item .setup-left {
		color: #1d2129;
		font-size: 16px;
	}

	.setup .setup-item .setup-right {
		color: rgb(134, 144, 156);
		font-size: 14px;
	}

	.setup .setup__code {
		width: 100px;
		margin: 25px 0 30px 32px;
	}

	.setup .setup__code img {
		width: 100%;
		height: 100%;
	}

	.bottom {
		font-size: 12px;
		line-height: 18px;
		flex-flow: column;
		justify-content: flex-start;
		padding: 20px;
		box-sizing: border-box;
	}

	.bottom .bottom__time {
		width: 100%;
		text-align: left;
		margin-bottom: 8px;
	}

	.bottom .bottom__rihgt__item {
		display: flex;
		flex-wrap: wrap;
	}
}