@media (max-width:1200px) {

	.wearp {
		width: 100%;
	}

	.header {
		padding: 20px;
		display: flex;
		align-items: center;
	}

	.logo img {
		height: 29px;
	}

	.menu-icon {
		display: block;
	}

	.header-container {
		gap: 0px;
	}

	.index-banner {
		height: 200px;
		overflow: hidden;
	}

	.index-banner-pagination {
		gap: 6px;
		padding-left: 2%;
		margin-bottom: 0px;
	}

	.index-banner-pagination-bullet {
		width: 6px;
		height: 6px;
	}

	.index-banner-pagination-bullet-active {
		width: 12px;
		height: 12px;

	}

	.index-banner-pagination-bullet-active:before {
		font-size: 12px;
	}

	.menu-nav-toggler {
		display: flex;
	}

	.menu-nav {
		position: absolute;
		top: 88px;
		padding: 16px 20px;
		background: #007370;
		width: 240px;
		right: -300%;
		opacity: 0;
		display: block;
		transition: right 1s ease-in-out, opacity .3s ease-in-out;

	}

	.menu-nav-opened {
		right: 0;
		opacity: 1;
		transition: right .3s ease-in-out, opacity .8s ease-in-out;
	}

	.menu-nav-item {
		gap: 0px;
		font-size: 16px;
		border-bottom: 0.5px solid #fff;
		width: 100%;
		padding-bottom: 12px;
		margin-bottom: 12px;
	}

	.menu-nav-item:last-child {
		margin-bottom: 0;
	}

	.menu-nav-item-name {
		padding-top: 8px;
	}

	.menu-nav-item-name a :hover {
		color: #fff;
	}

	.menu-nav-item-name a {
		color: #23272E;
		text-decoration: none;
		display: block;
		position: relative;
		line-height: 22px;
		color: #FFF;
	}

	.more-nav {
		padding-right: 0px;
	}

	.more-nav:before {
		display: none;
	}

	.corporate-culture {
		padding: 0 0 32px 0;
	}

	.nav-childer {
		position: relative;
		top: 100%;
		width: 100%;
		padding: 0px;
		background: none;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);
		height: 0;
		overflow: hidden;
		display: block;
	}

	.menu-nav-item:hover .nav-childer {}


	.nav-childer a {
		color: #fff;
		font-size: 16px;
		font-style: normal;
		opacity: .6;
		width: 100%;
		padding: 12px 0 0 0px;
		gap: 0px;
		text-align: center;
		display: flex;
		justify-content: center;
	}

	.nav-childer a:hover {
		border-radius: 4px;
		background: none;
		color: #fff;
		font-weight: 600;
	}

	.nav-childer a:hover::before {
		content: "\e807";
		font-family: 'iconfont';
		position: absolute;
		right: 16px;
		top: 12px;
		font-size: 24px;
		color: #007370;
		font-weight: normal;
	}

	.menu-nav-item:hover .nav-childer {
		display: block;
		transition: all 0.3s;
	}

	.more-nav:before {
		content: "\e610";
		font-family: 'iconfont';
		position: absolute;
		right: 0;
		font-size: 16px;
		transform: rotate(0deg);
		transition: transform 0.3s ease;
	}

	.menu-nav-item:hover .menu-nav-item-name a {
		color: #fff;
		font-weight: 600;
	}

	.menu-nav-item-name a::after {
		width: 0%;
		height: 4px;
		position: absolute;
		bottom: 0;
		left: 25%;
		background: #007370;
		content: '';
	}

	.menu-nav-item:hover .menu-nav-item-name a::after {
		width: 50%;
		transform: scale(2, 1);
		transition-duration: .3s;
	}

	.menu-nav-item:hover .more-nav:before {
		transform: rotate(-180deg);
		transition: transform 0.3s ease;
	}


	.menu-opened-icon span:nth-child(1) {

		top: 6px;
	}



	.menu-opened-icon span:nth-child(3) {

		top: -6px;
	}

	.brand .public-title {
		padding: 0px 0 28px 0;
	}

	.public-title {
		color: #007370;
		text-align: center;
		font-family: SJzhuosongc;
		font-size: 28px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}

	.about {
		padding: 0px 0 0 0;
	}

	.about-title,
	.about-info,
	.about-imglist-container {
		display: none;
	}

	.about-banner {
		height: 500px;
	}

	.about-banner-container {
		white-space: normal;
	}

	.about-banner-layer-icon,
	.about-banner-layer-bg {
		height: 467px;
		width: 100%;
	}

	.about-banner-item {}

	.about-banner-bg {
		width: 129px;
		height: 198px;
		left: calc(50% - 64.5px);
		top: 20px;
	}

	.about-banner-bg img {
		width: 100%;
		height: 100%;
	}

	.visible {
		display: none;
	}


	.about-banner-item-img {
		width: 129px;
		height: 198px;
		margin-left: calc(50% - 59.5px);
		margin-top: 20px;
		overflow: hidden;
	}

	.about-banner-item-info {
		margin-left: 0px;
		margin-top: 0px;
		text-align: center;
		display: flex;
		align-items: flex-start;
		height: 280px;
		width: 100%;
		padding: 0 40px;
	}

	.about-banner-item-info div {
		width: 100%;
	}

	.about-banner-item-info h3 {
		font-size: 28px;
		margin: 10px;
	}

	.about-banner-item-info p {
		font-size: 14px;
		line-height: 22px;
	}


	.about-banner-item-img img {
		width: 128px;
		height: 230px;
		margin-bottom: 0px;
		margin-left: -5px;
	}

	.about-banner-pagination {
		align-items: center;
		position: absolute;
		top: calc(100% - 48px);
		z-index: 66;
		left: 0;
		width: 367px;

	}


	.about-banner-pagination-bullet-active {
		-webkit-transform: scale(1.24);
		transform: scale(1.24);
		line-height: 24px;
	}

	.about-banner-pagination-bullet {
		width: 19px;
		height: 19px;
		font-size: 7.5px;
		margin-bottom: 0px;
	}

	.about-banner-pagination-bullet {
		margin-right: 30px;
	}

	.about-banner-pagination-bullet:last-child {
		margin-right: 0px;
	}

	.swiper-pagination-vertical.swiper-pagination-bullets,
	.swiper-vertical>.swiper-pagination-bullets {
		right: 0;
		left: 0;
		top: calc(100% - 24px);
		width: 100%;
	}

	.about-store {
		height: 490px;
		background-image: url(../images/index/about-store-bg-wap.jpg);
		background-size: 100%;
		background-position: bottom;
		background-repeat: no-repeat;
		background-color: #007370;
	}

	.about-store-icon1,
	.about-store-icon2,
	.about-store-icon3 {
		display: none;
	}

	.about-store-info {
		padding-left: 0px;
		padding-top: 29px;
		position: relative;
		z-index: 10;
	}

	.about-store-info h3 {
		font-size: 28px;
		text-align: center;
	}

	.about-store-info-body {
		margin-top: 30px;
		padding: 0 48px;
	}

	.about-store-info-body p {
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}

	.news-body {}

	.news-body-left {
		display: none;
	}

	.news {
		padding: 40px 0 37px 0;
		background-color: #FFF;
	}

	.news-title {
		font-size: 28px;

		margin-bottom: 20px;
	}

	.news-body-right {
		width: 100%;
	}

	.news-body-right li {
		padding: 0;
		border-radius: 12px;
		background: #FFF;
		color: #23272E;
		margin-bottom: 16px;
		margin-right: 20px;
		margin-left: 20px;
		border-radius: var(--corner-radius-large, 8px);
		background: var(--colors-bg-neutral-card-2, #F8FAFA);
		height: 258px;

		position: relative;
		overflow: hidden;
	}

	.news-body-right li .img {
		margin-right: 0px;
		width: 100%;
		height: 200px;
	}

	.news-body-right li .img img {
		object-fit: cover;
	}

	.news-body-right li a {
		display: block;
		width: 100%;

	}

	.news-body-right li .date {
		position: absolute;
		bottom: 5px;
		left: 22px;
		width: 34px;
		height: 40px;
		color: #007370;
	}

	.news-body-right li .title {
		position: absolute;
		bottom: 0;
		left: 80px;
		right: 10px;
		color: #007370;
		font-size: 14px;
		bottom: 18px;
		width: calc(100% - 100px);
	}

	.news-body-right li .date .day {
		font-size: 20px;
	}

	.news-body-right li .date .ym {
		font-size: 9px;
	}


	.footer {
		height: 239px;
		padding: 40px 0 16px 0;
		min-width: 100%;
	}

	.footer-right-bg {
		width: 40%;
		text-align: right;
	}

	.footer-right-bg img {
		width: 60%;
		height: 60%;
	}

	.footer-left-icon-logo {
		height: 32px;
	}

	.footer .wearps {
		padding-left: 16px;
	}

	.footer .wearps .flex {
		flex-direction: column;
	}

	.footer-left-phone {
		margin-top: 32px;
		padding-left: 0px;
		display: none;
		width: 100%;
	}

	.footer-left-phone-item h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.footer-left-phone-item p {
		font-size: 16px;
	}

	.footer-left-phone-item {
		margin-bottom: 16px;
	}

	.footer-right-item {
		display: none;
	}

	.footer-copy {
		font-size: 12px;
		margin-top: 16px;
		margin-left: -15%;
		padding: 0 15%;
		text-align: left;
	}

	.footer-right {
		margin-top: 0px;
		margin-left: 0px;
		gap: 0%;
	}

	.footer-right .code {
		display: block;
		margin-top: 0px;
	}

	.footer-right .code .flex {
		flex-direction: row;
		width: 100%;
	}

	.footer-right {}

	.footer-right .code h3,
	.footer-right .code p {
		display: none;
	}

	.footer-right-item-code {
		width: 84px;
		text-align: center;
	}

	.footer-right-item-code img {
		width: 54px;
		height: 54px;
	}

	.footer-right-item-code {
		width: 190px;
		display: flex;
		justify-content: flex-start;
		margin-top: 10px;
		gap: 12px;
	}

	.footer-right-item-code p,
	.sacn {
		font-size: 12px;
		margin-top: 8px;
	}

	.page-banner {
		height: 120px;
	}

	.page-banner-content {

		padding: 32px 33px 0 33px;
	}

	.page-banner h2 {
		font-size: 28px;
		margin-bottom: 0px;
	}

	.page-banner p {
		font-size: 12px;
		line-height: normal;
	}



	.office-locations {
		padding: 0px 0px 0px 0;
	}

	.page-navigation {
		display: none;
	}

	.page-navigation a {

		margin-right: 18px;
	}

	.brand {
		padding: 12px;
		overflow: hidden;
	}

	.office-locations-body {
		align-items: flex-end;
	}

	.office-locations-body::before {
		content: '';
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		background-image: url(../images/brand/office-bgs_m.jpg);
		background-size: cover;
		background-repeat: no-repeat;
	}



	.office-locations-content {
		width: 100%;
		padding: 12px 20px;
		height: 262px;
		flex-direction: row;
	}

	.office-locations-content-item:first-child {
		padding: 0 0 24px 0;
		margin-bottom: 24px;
	}

	.office-locations-content-item h3 {
		font-size: 20px;
	}

	.office-locations-content-item span {
		width: 45px;
		display: block;
	}

	.office-locations-content-item {
		width: 100%;
	}

	.office-locations-content-item p {
		display: flex;
	}
	.office-locations-content::after {
		    background-color: rgba(14, 32, 30, 0);
		    backdrop-filter: blur(0px);
	}
	.brand-story {
		margin-bottom: 32px;
	}

	.brand-story-swiper .swiper-wrapper {
		flex-direction: row;
	}

	.brand-story-info {
		margin-bottom: 0px;
		height: auto;
	}

	.brand-story-info-thumb {
		position: relative;
		margin-bottom: 12px;
		width: 100%;
		height: 214.169px;
	}

	.brand-story-info-thumb img {
		width: 100%;
	}

	.brand-story-info-desc {
		position: relative;
		padding: 0;
		background-color: #FFF;
		height: auto;
	}

	.brand-story-info-desc p {
		text-indent: 2em;
	}

	.brand-story-info:last-child .brand-story-info-desc {
		padding: 0;
	}



	.corporate-culture-swiper .swiper-wrapper {
		flex-direction: row;
		gap: 0px;
	}



	.corporate-culture-list-item:first-child {
		width: 100%;
	}

	.corporate-culture-list-item {
		width: 100%;
		gap: 12px;
	}

	.corporate-culture-slogan {
		padding-left: 24px;
		padding: 24px;
		gap: 40px;
		height: 408px;
	}

	.corporate-culture-list-item-img {

		width: 100%;
		height: 198px;
	}

	.development-course-article-item {
		padding: 0 12px;
	}

	.development-course-article-item-img {
		height: 234px;
		width: 100%;
	}



	.development-course-swiper-next,
	.development-course-swiper-prev {
		display: none;
	}

	.development-course .wearp {
		width: 100%;
	}

	.development-course-swiper-pagination {
		padding: 16px 0 20px 0;
		position: relative;
		margin: 0;
		width: 100% !important;
		display: none;
	}

	.development-course-swiper {
		width: calc(100% - 80px);
		left: 40px;
	}






	.development-course-article {
		margin-top: 8px;
		padding-top: 70px;
	}

	.development-course-swiper-pagination.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
	.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		width: 100%;
	}

	.development-course-swiper .swiper-wrapper {
		align-items: flex-start;
		gap: 0px;
	}




	.development-course-swiper .swiper-slide {
		width: 33%;
	}


	.development-course-swiper .swiper-slide-active {
		color: #007370;
	}

	.development-course {
		padding: 0px 0px 32px 0;
		background-color: #FFF;
	}

	.news-page-column {
		padding: 28px 0 28px 0;
	}

	.news-page-column-select {
		display: none;
	}

	.news-page .public-title {
		text-align: center;
	}

	.news-page-list {
		gap: 12px;
		padding: 0 12px;
	}

	.news-page-list-item {
		width: 100%;
		padding: 12px;
		height: auto;
		gap: 24px;
		border-radius: 8px;
	}

	.news-page-list-img {
		width: 152px;
		height: 116px;
		border-radius: 7px;
	}

	.news-page-list-info-title h3 {
		font-size: 14px;
		margin-bottom: 5px;
		display: -webkit-box;
	}

	.news-page-list-info-title p {
		font-size: 12px;
	}

	.news-page-list-info {
		height: 116px;
	}

	.news-page-list-info-date-arr {
		top: 5px;
	}

	.news-page-list-info-date-arr:before {
		font-size: 20px;
	}

	.news-page-list-item:hover .news-page-list-info-date-arr {
		right: -5px;
	}

	.news-page-list-info-date {
		font-size: 12.5px;
		gap: 0px;
	}

	.news-page-list-info-date-y {
		font-size: 9px;
	}


	.news-page-more-btn {
		padding: 4px 30px 4px 12px;
		font-size: 12px;
		margin: auto auto 20px auto;
	}

	.news-page-more-btn::before {

		right: 12px;
		top: 3px;
		font-size: 16px;
	}

	.news-page-content {
		margin: 0px auto 0px auto;
		padding: 20px 12px 50px 12px;
		width: 100%;
		background: #F8FAFA;
	}

	.news-page-content-nav {
		margin-bottom: 20px;
	}

	.news-page-content-title {
		font-size: 22px;
	}

	.news-page-content-date {
		margin-top: 8px;
	}

	.news-page-content-body {
		margin-top: 20px;
	}

	.news-page-content-endnav-next::before {
		content: "\e816";
	}

	.news-page-content-body img {
		margin: 3px 0;
	}

	.news-page-content-endnav {
		margin-top: 32px;
	}

	.related-news {
		margin-bottom: 0px;
		background: #F8FAFA;
		padding-bottom: 20px;
	}

	.related-news .public-title {
		margin-bottom: 12px;
	}

	.news-page-content-endnav-prev,
	.news-page-content-endnav-next {
		width: 24px;
		height: 24px;
		padding: 8.16px;
	}

	.news-page-content-endnav-prev::before,
	.news-page-content-endnav-next::before {
		font-size: 7.68px;
	}

	.news-page-content-endnav-logo {
		width: 36px;
		height: 36px;
	}

	.news-page-content-endnav-logo::before {
		font-size: 36px;
	}

	.brandinfo-page-logo,
	.brandinfo-page-pic {
		padding: 10px 12px 20px 12px;
	}

	.brandinfo-page-logo-item,
	.brandinfo-page-logo-item:nth-child(4n) {
		flex: 0 0 calc(50% - 6px);
		margin: 12px 12px 0 0;
	}




	.brandinfo-page-logo-item:nth-child(2n) {
		margin: 12px 0px 0 0;
	}


	.brandinfo-page-pic-item,
	.brandinfo-page-pic-item:nth-child(4n) {
		flex: 0 0 calc(50% - 6px);
		margin: 12px 12px 0 0;
	}



	.brandinfo-page-pic-item:nth-child(2n) {
		margin: 12px 0px 0 0;
	}


.brandinfo-page-logo-item {width: 50%;}

	.brandinfo-page-logo-img {
		padding:0px 0px;
		margin-bottom: 8.36px;
		width: 100%;
		height: 110px;
	}

	.brandinfo-page-pic-img {
		width: 100%;
		height: 110px;
		margin-bottom: 8.36px;
		box-shadow: 0px 1.469px 3.916px 0px rgba(0, 0, 0, 0.10);
	}


	.brandinfo-page-logo-img img {
		width: 100%;
		height: 100%;object-fit: cover;
	}

	.brandinfo-page-logo-item p,
	.brandinfo-page-pic-item p {
		font-size: 9.79px;
	}


	.brandinfo-page-navigation {
		display: block;
		padding: 0 12px;
	}

	.lightbox-body {
		width: 90%;
	}

	.lightbox-info {
		margin: auto;
		text-align: center;
		position: relative;
		width: 80%;
		height: 80%;
	}

	.lightbox .left,
	.lightbox .right {
		position: absolute;
		font-size: 12px;
		border-radius: 6px;
		border: 1px solid #FFF;
		padding: 6px;
	}

	.lightbox .left {
		left: -35px;
	}

	.lightbox .right {
		right: -35px;
	}

	.lightbox .arrow {
		top: 40%;
	}

	.lightbox .index-indicator {
		bottom: -28px;
		right: 40px;
		font-size: 14px;
	}

	.lightbox .close {
		right: -36px;
		font-size: 24px;
		top: -20px;
		padding: 4px;
	}

	.lightbox .close::before {
		font-size: 16px;
	}

	.lightbox-content {
		width: 90%;
	}

	.pagination .dropbtn,
	.pagination .jump,
	.pagination .total {
		display: none;
	}

	.brandinfo-page .wearp {
		padding-bottom: 30px;
		min-height: 300px;
	}


	.join-page-welfare-img {
		display: none;
	}


	.join-page-welfare-list {
		width: calc(100% - 0px);
		overflow: hidden;
		margin-left: 0px;

		margin: 12px;

		height: 333px;

	}

	.join-page-welfare-list .swiper-wrapper {
		height: 300px;
	}

	.join-page-welfare .public-title {
		margin: 0px 0 20px 0;
	}

	.join-page-welfare {
		padding: 0 0 0px 0;
	}

	.join-page {
		padding: 30px 0 0 0;
	}

	.join-page-welfare-list .swiper-slide {
		gap: 13px;
	}

	.join-page-welfare-list-item {
		padding: 43.538px 0px 23.712px 0px;
		gap: 18.787px;
		border-radius: 12px;
		width: 31%;
		height: 138px;
	}

	.join-page-welfare-list-item .icon {
		width: 32px;
		height: 32px;
		padding: 5.333px;
		font-size: 23px;
	}


	.join-page-channel img {
		width: calc(100% - 20px);
		margin: 0 10px;
	}

	.join-page-job {
		padding: 20px 0 20px 0;
	}

	.join-page-welfare-list-item p {

		font-size: 12px;
		font-weight: 600;
	}

	.join-page-channel {
		padding: 28px 0 28px 0;
		background: #F8FAFA;
		text-align: center;
	}

	.join-page-job .wearp {
		width: 100%;
	}

	.join-page-job-list {
		gap: 12px;
		margin-top: 28px;
		padding: 0 12px;
	}

	.join-page-job-list-item .name {
		position: relative;
		margin: 0 90px 0 42px;
		padding-left: 24px;
	}

	.join-page-job-list-item {
		border-radius: 0px 16px;
		height: 54px;
		font-size: 16px;
		width: 100%
	}


	.join-page-channel .public-title {
		margin-bottom: 20px;
	}

	.join-page-job-tel {
		padding: 20px 0 10px 0;
	}

	.join-page-job-tel .wearp {
		width: 100%;
	}

	.join-page-job-tel-list {
		margin-top: 16px;
		padding: 12px;
		gap: 12px;
	}

	.join-page-job-tel-list-item {

		height: 88px;
		width: 100%;
	}

	.join-page-job-tel-list-item .name {
		width: 80px;
		height: 40px;
		margin: auto auto 9px auto;
		font-size: 13px;
		background-size: cover;
		padding-top: 5px;
	}

	.join-page-job-tel-list-item .info span:first-child {
		margin: 0 66px;
	}

	.join-page-job-tel-list-item .info {
		font-size: 16px;
	}

	.join-page-job-tel-list .more,
	.bg-left,
	.bg-right {
		display: none;
	}



	.joinarea-page-operation {
		padding: 30px 12px;
		overflow: hidden;
	}

	.joinarea-page-operation-list-item {
		padding: 20px 0px;
		width: 100%;
		flex: none;
		border-radius: 7.212px;
		background: #FFF;
		box-shadow: 0px 7.212px 14.425px 0px rgba(0, 0, 0, 0.05);
		height: auto;
	}

	.joinarea-page-operation-list-item-info::before {
		top: 0px;
		height: 100%;
	}

	.joinarea-page-operation-list-item-info {
		padding-left: 29px;
	}

	.joinarea-page-operation-list-item-info::after {
		position: absolute;
		content: '';
		left: 40px;
		width: 2.4px;
	}

	.joinarea-page-operation-list-item-icon {
		width: 120.205px;
		height: 120.205px;
		margin-bottom: 30px;
	}

	.joinarea-page-operation-list-item-icon img {

		bottom: 50px;
		left: 30px;
		width: 41.958px;
		height: 47.188px;
	}

	.joinarea-page-operation-list-item p {

		font-size: 21px;
		width: 109px;
	}

	.joinarea-page-operation-list .active {
		flex: none;

	}

	.joinarea-page-operation-list {
		gap: 0px;
		margin-top: 20px;
	}

	.joinarea-page-operation-list-item-info {
		display: block;
	}

	.joinarea-page-operation-list-item-info-item {
		margin-bottom: 24px;
	}

	.joinarea-page-operation .public-title img {
		display: none;
	}

	.joinarea-page-operation .top-bg,
	.joinarea-page-operation .bottom-bg {
		display: none;
	}

	.joinarea-page-operation {
		height: auto;
	}



	.joinarea-page-advantage {

		height: auto;
		padding: 44px 12px 48px 12px;
	}

	.joinarea-page-advantage .public-title {}

	.joinarea-page-advantage-info {
		margin-top: 24px;
		width: auto;
		padding: 12px;
		font-size: 14px;
		font-style: normal;
		line-height: 26px;
	}

	.joinarea-page-advantage-icon {
		gap: 14.142px;
		margin-top: 8px;
	}

	.joinarea-page-advantage-icon-item {
		display: flex;

		padding: 7.471px 3.202px;
		gap: 5.87px;
		border-radius: 4.269px;
		flex: 1;

	}

	.joinarea-page-advantage-icon p {
		color: #FFF;
		text-align: center;
		font-family: "PingFang SC";
		font-size: 16.552px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}

	.joinarea-page-advantage-icon p {
		font-size: 6.404px;
	}

	.joinarea-page-advantage-icon-item img {
		width: 30.952px;
		height: 30.952px;
	}

	.joinarea-page-pagination {
		display: none;
	}

	.joinarea-page-empowerment-body-left {
		width: 100%;
		height: 270px;
		background-size: 100%;
		background-position: top;
		position: relative;
		z-index: 6;
	}

	.joinarea-page-empowerment-body-left-icon {
		position: absolute;
		width: 150px;
		height: 150px;
		left: 130px;
		top: 0px;
	}

	.joinarea-page-empowerment {
		padding: 30px 0 48px 0;
	}

	.joinarea-page-empowerment-body {
		margin-top: 22px;
		width: 100%;
		min-width: 100%;
	}

	.joinarea-page-empowerment-body-info {
		width: 100%;
		margin-left: 44px;
		margin-right: 44px;
		height: 323px;
		overflow: hidden;
	}

	.joinarea-page-empowerment-body-info-item-icon {

		width: 44px;
		height: 44px;
		margin: 0 30px 0 53px;
	}

	.joinarea-page-empowerment-body-info-item {
		border-radius: 5.883px;
		padding: 13px 0;
		height: 70px;
	}

	.joinarea-page-empowerment-body-info-item-icon .icon {
		font-size: 22px;
	}

	.joinarea-page-empowerment-body-info-item h4 {

		font-size: 11px;
		margin-bottom: 3px;
	}

	.joinarea-page-empowerment-body-info-item p {

		font-size: 8.824px;
	}

	.joinarea-page-empowerment-body-info-item ::after {
		width: 3px;
	}

	.joinarea-page-empowerment .bgimg {
		width: 161px;
	}

	.joinarea-page-policy-title {
		text-align: center;
		background-image: none;
		width: 100%;
		height: 34px;
		margin: auto auto 32px auto;
		font-size: 28px;
		padding-top: 32px;
		padding-bottom: 32px;
	}

	.joinarea-page-policy-title p {
		font-size: 28px;
	}

	.joinarea-page-policy-title img {
		display: none;
	}

	.joinarea-page-policy-list {
		width: 100%;
		padding: 0 12px;
	}

	.joinarea-page-policy-list-pagination {
		display: none;
	}

	.joinarea-page-policy-list-item {
		padding: 16px;
		gap: 8px;
		border-radius: 8.613px;
		height: 93px;
		width: 100%;
		margin-bottom: 12px;
	}

	.joinarea-page-policy-list-item-icon {
		width: 41.6px;
		height: 41.6px;
		margin-right: 8.61px;
		background-size: 100%;
	}

	.joinarea-page-policy-list-item-icon span {
		font-size: 17.2px;
	}

	.joinarea-page-policy-list-item-info p {
		font-size: 12px;
	}

	.joinarea-page-policy-list-item-info h4 {
		color: #23272E;
		font-size: 16px;
	}

	.joinarea-page-policy-list-item-price {
		font-size: 10px;
		width: 140px;
	}

	.joinarea-page-policy-list-item-price span {

		font-size: 22;
	}

	.joinarea-page-policy-list-item-info {
		margin-right: 14px;
		flex: 1;
		width: 100px;
	}

	.joinarea-page-policy-list-item-info p {
		width: 100px;
	}

	.joinarea-page-policy-list .swiper-wrapper {
		height: auto;
	}

	.joinarea-page-policy-right {
		display: none;
	}

	.joinarea-page-policy {

		padding: 0 0 48px 0;
	}

	.joinarea-page-form .wearp {
		width: 100%;
		padding: 60px 0 50px 0;
	}

	.joinarea-page-form-body {
		width: 100%;
		height: auto;
		padding: 0px 24px 0px 24px;
		flex-shrink: 0;
		background: #fff;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);
	}

	.joinarea-page-form-phone {
		position: relative;
		width: 259.368px;
		height: 428px;
		right: 0;
		margin-left: calc(50% - 130px);
	}

	.joinarea-page-form-code {
		gap: 12px;
		margin-top: 24px;
	}

	.joinarea-page-form-code img {
		width: 88px;
		height: 88px;
	}

	.store-page {
		padding: 28px 0px 28px 0;
		gap: 30px;
	}

.store-page-left-img {
    height:500px;width: 100%;
}
.store-page-left-img img {
	    object-fit: cover;width: 100%;height: 100%;
}

	.store-page-body {
		padding-right: 28px;
		padding-left: 28px;
		min-height: 500px;
	}

	.store-page-body-store {
		gap: 24px;
		margin-top: 36px;
	}

	.store-page-body-store-item .num {
		font-size: 18px;
		width: 24px;
		height: 24px;
		line-height: 21px;
	}

	.store-page-body-store-item h4 {
		color: #23272E;
		font-size: 20px;
	}

	.store-page-body-store-item p {
		color: #838A95;
		font-size: 12px;
	}

	.store-page-body-store-item {
		gap: 26px;
		flex: 0 0 100%;
	}


	.chose-tab {
		width: 100%;
		height: 40px;
	}

	#content {
		min-width: 300px;
	}

	#totalConfirm {
		width: 300px;
	}

	.chosePCA>ul {
		width: 300px;
	}
}

@media (max-width:1000px) {}

@media (max-width:765px) {}

@media (min-width: 768px) {}

@media (max-width:728px) {}