@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; } 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:couriernew, courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; } 
a { text-decoration:none; } 
a:hover { text-decoration:none; } 
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img { border:0; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; } 
@font-face {font-family: "iconfont";
	src: url('//at.alicdn.com/t/font_2447274_76rh5yqig8j.eot?t=1616742744243'); /* IE9 */
	src: url('//at.alicdn.com/t/font_2447274_76rh5yqig8j.eot?t=1616742744243#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALMAAsAAAAABqgAAAJ/AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBNIE5ATYCJAMICwYABCAFhG0HMBvfBRHVi1+yPyc3ZcIWeqmeHaUEQSlWqO27oZ83TbS/dMxfIdabLehBn8MniaOYdJkgojV09v4+QEQSAIwEFK7CtC6yJAFVbRphgADo5mYMV6MiFEtyHvwvz0i7CZ+GHx0xwQOoFyZV/zUAx2g9cMjB/VugAXJgXlp9cbZR2uKlfLAsbQO9QWYNEViZKgDyT2awDIYuDqdNoEDmA+U456IuiuOtAe6FUURjaQDcMHYTwQM8DQFsCCAOKaOuDWjAJAFkzslhFKxotBOwQrBoWKmRa0ys1Il6T8EVf7z8ZBArUJgGIKVponyMfwND+O0+isAGgrHeBAwgDtAgbY3eBkIcnIGNd4TAsRIFvvlUjhz1z0MsAPF2APjp1GeiYfqj5igANM/emweUTbKAaQeGr/X2jY3D6d3Ove1ohra7bfFgex7SU1Pp0OxMhhwwfqXS51eb+6J//e/kP6ZshVR9/ZfXETqKAHbjWn39lb8hfnXS0AB8vC4u1gzTF1idUCfw42gDq3TMADKlQ1pjUJGHeUMFNtgAb6bRhc9The53qRasCjQHFJb4g4EVYUiNjQMTW9LAAisKwYZYKtfb4soKIdoaiOFAA8GJZ1A48A4MnPiA1NhPYOLBb7DASQywoUPc0ZYI0VQZF8Ed1j+4jQ6NFKJE4g3NFRfOMzj+hZydA/qmKwdmPJCXmJM/ZhDRoJkSTNp5GCPByeRxk8aKnGPb6qYrNRulQhUZF8Ed1j+4jQ5NG4uq3P+G5ooLd1SMKF/I2fUPfdMNQM7cY1DFo1ySP2YQ0aCZEkzaMIyR4Gwe5nGTxk5wn2MLa+mh3GZ7fvq7TYBNAUSqhIPqQrZ0vV1RAAA=') format('woff2'),
	url('//at.alicdn.com/t/font_2447274_76rh5yqig8j.woff?t=1616742744243') format('woff'),
	url('//at.alicdn.com/t/font_2447274_76rh5yqig8j.ttf?t=1616742744243') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('//at.alicdn.com/t/font_2447274_76rh5yqig8j.svg?t=1616742744243#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .iconshouqi:before {
	content: "\e87f";
  }
  
body{
	overflow-x: hidden;
	background-color: #f5f5f5;
}
.shop-page,.join-page{
	background-color: #fff;
}

a{
	color: #000000;
	text-decoration: none;
}
	/* 
	文本超出...
	
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 22px;
    font-size: 12px; 
	
	
	解决高度塌陷
	
	:after{
	    content: "";
	    display: block;
	    clear: both;
	}
	
	*/
@font-face {
  font-family: 'iconfont';  /* project id 2420325 */
  src: url('//at.alicdn.com/t/font_2420325_dxcw9ubxjku.eot');
  src: url('//at.alicdn.com/t/font_2420325_dxcw9ubxjku.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2420325_dxcw9ubxjku.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2420325_dxcw9ubxjku.woff') format('woff'),
  url('//at.alicdn.com/t/font_2420325_dxcw9ubxjku.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2420325_dxcw9ubxjku.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 1rem;
	font-style: normal;
	-webkit-text-stroke-width: 0.0125rem;
	-moz-osx-font-smoothing: grayscale;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* 菜单栏 */
.header{
	display: none;
	margin: 1rem;
	line-height: 2.5rem;
} 

.header a p{
	color: #fff;
	font-size: 2rem;
} 

/* 顶部 */
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;
	height: 4rem;
	margin: 0;
	box-sizing: border-box;
	padding: .8rem 5.75rem 0 1.63rem;
	background-color: rgba(0,0,0,.6);
	display: flex;
	justify-content: space-between;
}
header>.logo{
	width: 5.06rem;
}
header>.logo img{
	height: 2.3rem;
	width:auto;
}
header>.nav{
	width: 38.94rem;
	height: 2.2rem;
	display: flex;
	justify-content: space-between;
	color: #cccccc;
}
header>.nav>a{
	text-align: center;
	display: block;
	/* color: #000000; */
	color: #cccccc;
}
header>.nav>a>p:last-child{
	font-size: 0.6rem;
	line-height: 1.1rem;
}
.activity{
	color: white !important;
	font-weight: bold;
	
}

/* 首页 */
.swptone{
	/* margin-top: 4rem; */
}
.abouttimg .swpt{
	width: 63%;
	overflow: hidden;
	box-sizing: border-box;
	height: auto !important;
	/* margin-auto; */
	position: relative;
	font-size: 0;
	margin: auto;
}

.swpt{
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	height: auto !important;
	/* margin-auto; */
	position: relative;
	font-size: 0;
}
.swpt .swiper-containerimg,.swiper-containerado {
    width: 100%;
	overflow: hidden;
}  

.swpt .wrap .swipervideo-pagination{
	position: absolute;
	z-index: 1;
	left: 45%;
	bottom: 5rem;
}

.swpt .swiper-containerimg a,.swpt .swiper-containerado .videop{
	font-size: 0rem !important;
	display: block;
	/* border: 2px solid blanchedalmond; */
	width: 100%;
	overflow: hidden;
	
}

.swpt .swiper-containerimg a img{
	width: 100%;
}


.swpt .swiper-containerado .videop{
	position: relative;
}
.swpt .swiper-containerado .videop>.vdohd{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	z-index: 10;
}

/* 视频开关 */
.stop{
	/* width: 3.88rem; */
	/* height: 3.88rem; */
	height: 32%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	border-radius: 100%;
	color: white;
	text-align: center;
	line-height: 3.88rem;
	cursor: pointer;
	/* background-color: rgba(0,0,0,0.5); */
}
.stop span{
	position: relative;
	left: 0.2rem;
	font-size: 1.6rem;
}

.stop p{
	width: 77rem;
	position: relative;
	left: 50%;
	top: -15rem;
	transform: translate(-50%);
	font-size: 1.6rem;
}


.stop .one{
	font-size: 3rem;
	color: #abacaf;
	font-weight: bold;
	position:relative;
	animation:mymove infinite;
	animation-duration:2s;
	/* Safari and Chrome */
	-webkit-animation:mymove infinite;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
	animation-fill-mode:forwards;
	animation-delay:3s;
	opacity: 0;
	margin-top: 5rem;
}



.stop .two{
	font-size: 3rem;
	color: #abacaf;
	font-weight: bold;
	position:relative;
	animation:mymove infinite;
	animation-duration:2s;
	/* Safari and Chrome */
	-webkit-animation:mymove infinite;
	-webkit-animation-duration:2s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
	animation-fill-mode:forwards;
	animation-delay:4s;
	opacity: 0;

}

.stop .three{
	font-size: 3rem;
	color: #abacaf;
	font-weight: bold;
	position:relative;
	animation:mymove infinite;
	animation-duration:2s;
	/* Safari and Chrome */
	-webkit-animation:mymove infinite;
	-webkit-animation-duration:2s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
	animation-fill-mode:forwards;
	animation-delay:5s;
	opacity: 0;

}
.stop .three a{
	font-size: 3rem;
	color: #abacaf;
	vertical-align: top;
	position:relative;
	animation:mymove infinite;
	animation-duration:2s;
	/* Safari and Chrome */
	-webkit-animation:ismove infinite;
	-webkit-animation-duration:2s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
	animation-fill-mode:forwards;
	animation-delay:5s;
	opacity: 0;

}

.stop .four{
	/* width: 37rem; */
	/* height: 8rem; */
	color: #abacaf;
	font-size: 3rem;
	font-weight: 600;
	/* margin-top: 2rem; */
	position:relative;
	animation:mymove infinite;
	animation-duration:2s;
	/* Safari and Chrome */
	-webkit-animation:mymove infinite;
	-webkit-animation-duration:2s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
	animation-fill-mode:forwards;
	animation-delay:6s;
	opacity: 0;
}
.stop .four:last-child{
	margin-top: 10rem;
	color: #abacaf;
	font-size: 2rem;
	font-weight: 600;
	/* margin-top: 2rem; */
	position:relative;
	animation:mymove infinite;
	animation-duration:2s;
	/* Safari and Chrome */
	-webkit-animation:mymove infinite;
	-webkit-animation-duration:2s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1; /* Safari 和 Chrome */
	animation-fill-mode:forwards;
	animation-delay:7s;
	opacity: 0;
}

@keyframes mymove
{
	0%{  opacity:0; }
	100%{ opacity:1; }
	from {top:-50px;}
	to {top:-13.928571rem;}
}

@keyframes ismove
{
	0%{  opacity:0; }
	100%{ opacity:1; }
from {top:-500px;}
to {top:0;}
}

.banner-Img-index  {
	height: auto;
} 

.banner-Img-index .haibao-info{
	position: relative;
}

.banner-Img-index .haibao-info img{
	width: 100%;
	height: 100%;
	display: block;
}

.banner-Img-index .haibao-info .newXCX-QR{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	height: auto;
}
.banner-Img-index .haibao-info .newXCX-QR .img{
	width: auto ;
	height: auto ;
}

.banner-Img-index .haibao-info .content{
	text-align: center;
	position: absolute;
	color: #fff;
	font-size: 1.7rem;
	top: 70%;
	left: 50%;
	transform: translate(-50%);
	line-height: 2.8rem;
}


.swpt .swiper-containerado .videop>video{
	width: 100%;
}


/* source */
.swpt .swiper-containerado .videop source{
	width: 100%;
	height: 60rem;
}
/* 设置分页器样式 */
.swiper-pagination{
	top: 65.2rem;
}
/* dots的样式 */
.swiper-pagination-bullet{
	z-index: 10;
	top: 200rem;
	background-color: #ccc;
	width: 0.75rem;
	height: 0.75rem;
	margin: 0 0.6875rem !important;
}

/* .swiper-containerado .swiper-slide */

.shop{
	width: 100%;
	height: 55rem;
	/* margin-top: 5rem; */
	background: url(../img/idxbgt.jpg) no-repeat;
	/* padding: 8.81rem 0 9.38rem 0; */
	box-sizing: border-box;
	overflow: hidden;
	background-size: 100%;
}
.shop .swiper-slide{
position: relative;
}

.shop .swiper-slide .store-site{
	width: 38.571429rem;
	height: 13.571429rem;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	padding: 4rem 6rem 6rem 4rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: rgba(0, 0, 0, 0.5);
	
}

.shop .swiper-slide .store-site .dpmc{
	font-size: 1.5rem;
	margin: auto;
	color: #ffffff;
	white-space: nowrap;
}

.shop .swiper-slide .store-site .dpdd{
	padding-top: 0.3rem;
	font-size: 1rem;
	margin: auto;
	color: #ffffff;
	white-space: nowrap;
}
.shop .shopi{
	width: 100%;
	height: 100%;
	/* background-color: #dddddd; */
	display: flex;
	justify-content: center;
	position: relative;
	margin: 6rem 0 0 0;
}

.shopitem{
	opacity: 0;
}

.shop .shopi .shopitem .shopitemt{
	/* display: none; */
	z-index: -10;
	opacity: 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.shop .shopi .shopitem:first-child .shopitemt{
	/* display: block; */
	z-index: 8;
	opacity: 100;
}
.shop .shopi .shopitem .shopitemt img{
	width: 100%;
	/* height: 32.7rem; */
}
.shop .shopi .shopitem .shopitemt .swiper-slide:last-child{
	/* background-color: rgba(0,0,0,0.2); */
	/* width: 41.63rem !important; */
	/* height: 100%; */
}
.shop .shopi .shopitem .shopitemt a{
	display: block;
	color: black;
}
.shop .shopi .shopitem .shopitemt .more{
	position: absolute;
	top: 50%;
	left: 49%;
	text-align: center;
	transform: translate(-50%,-50%);
}
.shop .shopi .shopitem .shopitemt .more strong{
	/* font-size: 1.88rem; */
}


.shop .shopi .shopitem.act .shopitemt{
	z-index: 10;
	opacity: 1;
}

.shopcity{
	z-index: 10;
	display: flex;
	position: absolute;
	left: 50%;
	bottom: 26%;
	transform: translate(-50%);
}

.shopcity .shopitemf{
	white-space: nowrap;
	text-align: center;
	padding: 0.5rem 0.7rem;
	margin: 0rem 0.1rem;
	cursor: pointer;
	line-height: 1.3rem;
}
.shopcity .shopitemf p:nth-child(2){font-size:.6rem}

.morecity{
	white-space: nowrap;
	margin: 2rem 0.1rem;
	padding: 0.7rem;
	text-align: center;
}

.bgca{
	background-color: #000000;
	color: white;
}
.bgcb{
	background-color: transparent;
	color: black;
}

.swiper-button-prev,.swiper-button-next{
	width: 3.75rem;
	height: 3.75rem;
	background-image: none;
}


.prevl,.nextr{
	width: 3.75rem !important;
	height: 3.75rem !important;
	border-radius: 100%;
	color: white;
	text-align: center;
	line-height: 3.75rem;
	cursor: pointer;
	/* background-color: rgba(0,0,0,0.5); */
}
.prevl span,.nextr span{
	position: relative;
	left: -1rem;
	font-size: 2rem;
	background-color: #fff;
	width: 3.75rem;
	height: 3.75rem;
	padding: .5rem;
	border-radius: 50%;
	color: #000;
	opacity: 0.7;
}

.swiper-button-next:after, .swiper-button-prev:after{
	display: none;
}
.prevl span{
	position: relative;
	left: 1rem;
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%;
	background-color: #fff;
	padding: .5rem;
	color: #000;
	opacity: 0.7;
}
.swiper-button-prev{
	left: 2.5rem;
}
.swiper-button-next{
	right: 2rem;
}

.club{
	height: auto !important;
	background: url('../img/idxbgf.jpg') no-repeat;
	/* background-size: 100%; */
	padding: 0rem 0rem 5rem 2.06rem;
	box-sizing: border-box;
}
.club .clubt{
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex: 11;
	margin-bottom: 4.25rem;
	padding-top: 5rem;
}
.club .clubt .clubtl{
	width: 26%;
}
.club .clubt .clubtl .real{
	margin-top: 25%;
}
.club .clubt .clubtl .real img{
	width: 9.5rem;
}
.club .clubt .clubtl .realf p{
	font-size: 0.8rem;
	line-height: 1.4rem;
	color: #fff;
}
.club .clubt .clubtr{
	width: 70%;
	/* height: 25rem; */
	/* border: 1px solid black; */
	float: right;
}
.club .clubt .clubtr img{
	width: 100%;
	/* height: 100%; */
}
.clubp{
	position: relative;
	overflow: hidden;
	/* padding: 2rem 0; */
	margin: 0 2rem 0 0;
}

.clubp .swiper-containerclub .swiper-wrapper .swiper-slide{
	position: relative;
	width: 25%;
	padding: 0 1rem 0 0;
	box-sizing: border-box;
}



.mengban-text{
	background-color: rgb(0, 0, 0 ,0.5);
	z-index: 5;
	opacity: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	padding: 17% 0 0 0;
}
.mengban-text:hover{
	opacity: 1;
}
.mengban-text .clubp-text{
	padding-top: 0rem;
	color: #fff;
}

.mengban-text .clubp-text:first-child{
	font-size: 1.4rem;
	font-weight: 600;
	padding: 0 0 0rem 0;
}
.mengban-text .clubp-text:nth-child(2){
	font-size: 1.4rem;
	padding: 0 0 1rem 0;
}
.mengban-text .clubp-text:nth-child(3){
	font-size: 1rem;
}

.mengban-text .clubp-text:nth-child(4){
	font-size: 1rem;
}

.clubp .swiper-slide img{
	width: 100%;
	display: block;
}
.clubp .swiper-button-prev{
	left: 0;
}

.clubp .swiper-button-next{
	right: 0;
}
/* shop页面 */

.shop-banner {
	box-sizing: border-box;
	position: relative;
	margin: auto;
	width: 69rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 0rem 0rem rgba(0, 0, 0, 0.1);
	margin-top: -5rem;
	overflow: hidden;
	font-size: 0;
}

.shop-banner .xcxQR{
	text-align: center;
	padding-top: 6rem;
	height: 25rem;
	border-bottom:0.25rem solid #f0f0f0 ;
}

.shop-banner .three-line img{
	margin: -20rem 0 0 -2rem;
}

.shop-banner .xcxQR .title{
	font-weight: 600;
	margin-bottom: 2rem;
	font-size: 1rem;
	color: #333333;
}

.shop-banner .xcxQR img{
	cursor: pointer;
	width: 70%;
}

.shop-banner .best-seller{
	/* margin: 0 9rem 0 18rem; */
	position: relative;
	z-index: 2;
	display: flex;
	justify-content:space-between;
	align-items: center;
}

.shop-line-text{
	display: inline-block;
	width: 3rem;
	height: 0.25rem;
	background-color: #000000;
}

.shop-chinese{
	font-size: 2rem;
	margin-bottom: 1rem;
}

.limit-shop-chinese{
	font-size: 2rem;
	margin-bottom: 1rem;
	color: #fff;
}
.limit-shop-line-text{
	display: inline-block;
	width: 3rem;
	height: 0.25rem;
	background-color: #fff;
}

.limit-shop-english{
	font-size: 1rem;
	color: #fff;
}

.shop-english{
	font-size: 1rem;
	color: #666;
}

.shop-shadow-logo{
	margin: 10% 15% auto auto;
	box-shadow:  rgba(0, 0, 0, 0.11);
}


.shop-phone{
	width: 21rem;
}

.shop-banner .live-room {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: -18rem 15rem 0 15rem;
	vertical-align: left;
}

.best-seller-text,
.limit-shoe-text{
	margin: auto auto auto 30%;
}

.live-room-text{
	margin: 60% auto auto;
}


.shop-banner .limit-shop{
	position: absolute;
	bottom: 0;
	height: 38rem;
}
.limit-shop img{
	width: 100%;
}

/* 关于页 */
.ars{
	width: 100%;
}

.ars .enterprise-content{
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	margin: auto;
	width: 1200px;
}


.ars .enterprise-content .qy-content .text-content{
	margin: auto;
	width: 50%;
	box-sizing: border-box;
	padding-left: 5rem;
	display: flex;
	flex-direction: column-reverse;
}
.ars .enterprise-content.clubinfo .qy-content .text-content{
	line-height:1.8rem;
	display: block;
	padding: 4.714286rem;
}
.ars .enterprise-content .qy-content.right .text-content{
	padding-right: 1rem;
	/* padding-left:0; */
}
.ars .enterprise-content.clubinfo .qy-content.right .text-content{
	display: block;
	padding: 4.714286rem;
}


.chairman-text{
	display: inline-block;
	font-size: 1rem;
	line-height: 1.8rem;
}
.bold-balck {
	font-size: 1.2rem;
	color: #000000;
	font-weight: 600;
	width: fit-content;
}

.qy-text{
	position: relative;
	width: fit-content;
	display: inline-block;
	padding: 0.3rem;
	font-size: 1.2rem;
	font-weight: bold;
	color: white;
	background-color: #da0000;
	margin-top: 3rem;
}
.qy-text::before{
	position: absolute;
    content: '';
    width: 100%;
    height: 0rem;
    border: 0.125rem solid black;
    background-color: #000;
    display: block;
    top: -0.8rem;
    left: 0;
}
.qy-pt-text span,.qy-pt-text{
	font-weight: 600;
	width: 35.714286rem;
}

.qy-pt-text{
	font-size: 1.2rem;
}

/* .line-black{
	margin-top: 1rem;
	width: 15%;
    height: 0rem;
    border: 0.125rem solid black;
    background-color: #000;
} */
.chairman-name{
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}
.ars .enterprise-content .qy-content{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.ars .enterprise-content .qy-content img{
	max-width: 50%;
	/* padding: .714286rem; */
	box-sizing: border-box;
}
.ars .enterprise-content .qy-content .text-content img{
	width:auto;
	margin-bottom:1rem;
	max-width: 100%;
}
.ars .enterprise-content .qy-content.right img{
	padding: .714286rem;
	display: block;
}
.ars-two {
	padding: 3rem 20rem; 
	background-color: #ffffff;
	display: flex;
	justify-content: space-around;
	align-items: center;
	/* justify-content: center; */
	height: 100%;
}

.ars-two img{
	/* width: 18rem; */
	/* height: 11rem; */
	/* margin: 0.01rem; */
}

.ars-two .real-club{
	display: flex;
	flex-direction: column;
}

.ars-two .real-club .text{
	width: 29rem;
	height: 9rem;
	font-size: 1rem;
	color: #333333;
}

.ars-two .real-club .title-img img{
	width: 10rem;
	height: 4rem;
	margin-bottom: 3rem;
}

.running-active{
	padding: 0 20rem 3rem 20rem; 
	display: flex;
	justify-content: space-around;
	background-color: #fff;
	align-items: center;
}

.running-active .running-img img{
	/* width: 30rem; */
	/* height: 20rem; */
}

.running-active .running-content img{
	width: 14rem;
	height: 3rem;
}

.running-active .running-content .runinng-text{
	margin-top: 1rem;
	font-size: 1rem;
	width: 30rem;
}

.foor-mark {
	padding: 3rem 21rem; 
	align-items: center;
	background-color: #fff;
	display: flex;
	justify-content: space-around;

}

.foor-mark .img{
	width: 36rem;
	height: 32rem;
}

.foor-mark .foor-content{
	display: flex;
	flex-direction: column;
}

.foor-mark .foor-content img{
	width: 10rem;
	height: 4rem;
	margin-bottom: 1.5rem;
}

.foor-mark .foor-content .content{
	width: 31rem;
	font-size: 1rem;
}

.join-banner .big-box{
	position: relative;
	padding: 6rem 3rem 8rem 3rem;
	z-index: 2;
	margin: auto;
	width: 69rem;
	background-color: #ffffff;
}

.join-banner .big-box>p{
	font-size: 1rem;
	line-height: 2rem;
	margin-bottom: 6rem;
}

.join-banner .big-box .email{
	margin: auto;
	width: fit-content;
	height: 4rem;
	padding: 0 2rem;
	background-color: #da0000;
	border-radius: 1rem;
	line-height: 4rem;
	text-align: center;
	font-weight: 600;
	margin-bottom: 4rem;
	color: #fff;
}



.join-banner .big-box .swiper-container .swiper-wrapper .swiper-slide img{
	width: 100%;
	/* height: 19rem; */
}

.join-banner .big-box .swiper-button-prev{
	outline: none;
	position: absolute !important;
	text-align: center;
	border-radius: 50%;
	background-color: #da0000;
	top: 95%;
    left: 40%;
	width: 3rem;
	height: 3rem;
}

.swiper-button-prev .join-icon{
	color: #fff;
	font-size: 2rem;
	margin-right: 17%;
}

.join-banner .big-box .swiper-button-next {
	outline: none;
	text-align: center;
	top: 95%;
    left: 55%;
	position: absolute !important;
	background-color: #da0000;
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
}

.swiper-button-next .join-icon{
	color: #fff;
	font-size: 2rem;
}



.member-banner {
	background-color: #fff;
}

.member-banner .memberQR {
	padding-top: 4rem;
	width: 100%;
}

.member-banner .memberQR img{
	width: 100%;
}

.member-banner .vip-manual {
	position: relative;
	z-index: 1;
	width: 73rem;
	background-color: #ffffff;
	border-radius: 1rem;
	margin:0rem auto 1rem auto;
}
.member-banner .vip-manual .title{
	text-align: center;
	font-size: 1.8rem;
	padding-top: 3rem;
	font-weight: 600;
}

.member-banner .vip-manual .text{
	margin: 1rem 13rem;
    color: #000000;
    opacity: 0.8;
    line-height: 2rem;
    font-size: 1rem;
}

.member-banner .vip-manual .service{
	margin: 0 10rem;
	text-align: center;
	display: flex;
	justify-content: space-between;
}

.vip-manual-iconImg{
	padding-bottom: 0.8rem;
}

.vip-manual-iconImg img{
	width: 3rem;
	height: 3rem;
}

.vip-manual-title{
	padding-bottom: 0.2rem;
	font-size: 1.1rem;
}
.vip-manual-text{
	font-size: 0.75rem;
	color: #000000;
	opacity: 0.5;
}


.member-banner .vip-equity{
	margin: auto;
	width: 73rem;
	background-color: #ffffff;
	border-radius: 1rem;
}

.member-banner .vip-equity .title{
	padding-top: 3rem;
	font-size: 1.8rem;
	text-align: center;
	font-weight: 600;
}

.member-banner .vip-equity .explain{
	margin:2rem 13rem;
	line-height: 2rem;
}

.member-banner .vip-equity .explain .application{
	margin-bottom: 2rem;
}

.member-banner .vip-equity .explain .application p:first-child,
.member-banner .vip-equity .explain .level p:first-child{
	font-weight: 600;
	font-size: 1rem;
	opacity: 0.8;
}

.member-banner .vip-equity .vip-big{
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 1rem;
	font-weight: 600;
}

.member-banner .vip-equity .vip-form{
	text-align: center;
	width: 100%;
	margin: auto;
}

.member-banner .vip-equity .vip-form img{
	width: 100%;
}

.member-banner .vip-equity .explain .application p,
.member-banner .vip-equity .explain .level p{
	opacity: 0.8;
	color: #000;
}

.member-banner .privacy{
	width: 73rem;
	height: 27rem;
	background-color: #ffffff;
	border-radius: 1rem;
	margin: auto;
	margin-top: 1rem;
}

.member-banner .privacy .title{
	text-align: center;
	font-size: 1.8rem;
	margin: auto;
	font-weight: 600;
}

.member-banner .privacy .text{
	margin: auto;
	margin-top: 2rem;
	width: 64%;
	color: #000000;
	opacity: 0.8;
	text-indent:2rem;
	font-size: 1rem;
	line-height: 2rem;
}


.story-banner {
	margin-top: 5rem;
	background: url('/img/storyBGC.jpg') no-repeat center;
	background-size: 100%;
	height: 59rem;
}

.story-content{
	padding: 1rem;
	position: relative;
	width: 88rem;
	height: 47rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.1);
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	overflow: hidden;
}

.story-wrap{
	float: left;
	position: relative;
	overflow-y: scroll;
    height: 100%;
	width: 73%;
}

.story-wrap::-webkit-scrollbar {
	width: 11px;
}
.story-wrap::-webkit-scrollbar-thumb {
	background-color:#333333;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius:2em;
	}

.story-wrap::-webkit-scrollbar-track {

	background-color:#e4e4e4;
	
	-webkit-border-radius: 2em;
	
	-moz-border-radius: 2em;
	
	border-radius:2em;
	
	}




.swiper-storyImglist{
	position: absolute;
	top: 0; 
	left: 0; 
	width: 100%;
	opacity: 0;
}
.act{
	opacity: 1;
}

.story-city {
	position: relative;
	right: 10rem;
	top: 4rem;
	float: right;
}

.story-city .item {
	margin-bottom: 1rem;
	color: #999;
	cursor: pointer;
}

.story-swiper {
	padding: 1rem;
	display: flex;
	justify-content: space-between;
}
.storyBalck{
	font-weight: 600;
	padding-left: 0.5rem;
	color: #000 !important;
	border-left: 0.3rem solid #000;
}
.story-slide{
	position: relative;
	width: 60rem;
	margin-bottom: 1rem;
}

.story-img-banner{
	width: 100%;
	display: block;
}

.story-text{
	height: 4rem;
	width: 100%;
	background-color: rgb(0, 0, 0 ,0.5);
	color: #fff;
	position: absolute;
	bottom: 0;
}

.storySite-info{
	line-height: 1.5rem;
	margin: 0.5rem;
}

.storySite-info .site{
	font-weight: 600;
}

.storySite-info .site-two{
	font-size: 0.8rem;
}


.swiper-storyImglist .swiper-scrollbar{
	height: 45rem;
	top: 0;
	left: 62rem;
 }
 .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.ars .toubude {
	width: 100% !important;
}
.ars .abouttimg{
	width: 71%;
	font-size: 0;
	margin:4rem auto auto;
}
.abouttimg img{
	width: 100%;
	display: block;
}
.ars .aboutars{
	width: 100%;
	margin: auto;
}
.aboutars .abts_title{
	width: 63%;
	margin: 0 auto;
	padding: 5rem 0 6rem 0;
}
.abts_title>div:nth-child(n+2){
	margin-top: 1rem;
}
.abts_titlehed>p{
	display: inline-block;
	padding: 0 1rem;
	font-size: 1.8rem;
	font-weight: bold;
	color: white;
	background-color: #da0000;
}
.abts_titlears{
	width: 7%;
	height: 0rem;
	border: 0.125rem solid black;
	background-color: #000;
}
.abts_titletext{
	font-size: 2rem;
	color: #000000;
	font-weight: bold;
}
.abts_titleide{
	font-size: 0.93rem;
}
.abts_titleide>p{
	line-height: 1.5rem;
	/* letter-spacing: 0.02rem; */
}
.abts_titleide>p>span{
	font-size: 1.2rem !important;
}
.abts_titleide>p:nth-child(n+2){
	margin-top: 1rem;
}


/* 合作品牌 */
.index-pingpai-logo{
	position: relative;
	background: url('../img/pingpailogo.jpg') no-repeat center;
	background-size: 100% !important;
	padding-bottom: 50%;
}

.index-pingpai-logo .index-hezuo-text{
	position: absolute;
	color: #fff;
	text-align: center;
	left: 50%;
	transform: translate(-50%);
	top: 1rem;
}
.index-pingpai-logo .index-hezuo-text .pingpai-logo-one{
	padding:0 0.5rem;
	background: #da0000;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
}

.index-pingpai-logo .index-hezuo-text .jingxiao-pingpai{
	margin-top: 1rem;
	font-size: 3rem;
	font-weight: 600;
}



/* 底部 */
footer{
	width: 100%;
	height: 18.19rem;
	background-color: #000000;
	box-sizing: border-box;
	padding: 1.44rem 2.5rem 2.2rem 2.3rem;
	color: white;
}



footer a{
	display: block;
	color: white;
}
footer .footert{
	width: 100%;
}
footer .footert:after{
    /*添加一个内容*/
    content: "";
    /*转换为一个块元素*/
    display: block;
    /*清除两侧的浮动*/
    clear: both;
   }
footer .footert .footertl{
	float: left;
}
footer .footert .footertr{
	float: right;
}
footer .footert .footertr>img{
width: 3.8571rem;
}
footer .footert .footertl ul{
	text-align: left;
	float: left;
}
footer .footert .footertl ul>a{
	margin-bottom: 1rem;
	font-weight: 600;
}
footer .footert .footertl ul>a>p:last-child{
	font-size: 0.8rem;
}
footer .footert .footertl ul:nth-child(2){
	margin: 0 6.5rem;
}
footer .footert .footertl ul>li>a{
	font-size: 0.8rem;
	color: #CCCCCC;
	line-height: 2rem;
	opacity: 0.5;
}

footer .copyright{
	width: 100%;
	text-align: center;
	color: #CCCCCC;
	font-size: 0.7rem;
	margin-top: 3.5rem;
}

@media only screen and (min-width: 1700px) and (max-width: 2000px) {
	html {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1500px) and (max-width: 1700px) {
	html {
		font-size: 14px;
	}
}

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
	html {
		font-size: 12px;
	}

}

@media only screen and (min-width: 1150px) and (max-width: 1300px) {
	html {
		font-size: 10px;
	}
	.aboutars .abts_title{width:90%}
}

@media only screen and (min-width: 1000px) and (max-width: 1150px) {
	html {
		font-size: 8px;
	}
}

@media only screen and (min-width: 750px) and (max-width: 1000px) {
	html {
		font-size: 6px;
	}
}
@media only screen and (max-width: 1200px) {
	html {
		font-size: 12px;
	}
	.aboutars .abts_title,.ars .enterprise-content{width:90%}
}

.shop-content{
	background: url('../img/online/banner.png') no-repeat;
	background-size: 100%;
	width: 100%;
	display: flex;
	margin-top: 4rem;
	position: relative;
}

.shop-content .shop-QR-page{
	position: absolute;
    left: 33%;
    top: 15%;
    width: 42rem;
}

.shop-content .shop-QR-page img{
	width: 100%;
}
.waiceng-shop {
	width: 30%;
}

.shop-box .img-shop-box{
	width: 21%;
    position: absolute;
    top: 1rem;
    left: 8%;
}

.img-shop-box img{
	width: 100%;
}

.btn-text{
	display: flex;
	justify-content: space-between;
	margin: auto;
	width: 60%;
}

.btn-text .text-shop-box:hover{
	opacity: 1;
	cursor:pointer;
}

.btn-text .text-shop-box{
	box-sizing: border-box;
	line-height: 3rem;
	background-color: #000;
	width: 20.285714rem;
	height: 19rem;
	color: #fff;
	text-align: left;
	margin: 0 2rem;
	margin-top: 50%;
	padding: 2rem;
	opacity: 0.5;
	border-radius: 15px;
	transform: translateY(-50%);
}
.btn-text .text-shop-box .text-box{
	padding-top: 5rem;
}


.text-shop-box .text-box .chinese-shop{
	font-size: 2rem;
	position: relative;
} 

.text-shop-box .text-box .chinese-shop::before{
	position: absolute;
    content: '';
    width: 20%;
    height: 0.3rem;
    border: 0.125rem solid #Fff;
    background-color: #fff;
    display: block;
    top: -2.8rem;
    left: 0;
	z-index: 50;
}

.text-shop-box .english-shop{
	font-size: 1.5rem;
	white-space: nowrap;
}
.waiceng-shop .shop-box{
	display: none;
}
.shop-active{
	opacity: 1 !important;
	font-weight: 600;
}

.shop-blockPhone{
	display: block !important;
}

.waiceng-shop .shop-box:first-child{
	display: block;
}




/* 会员中心 */
.member-banner .vip-synopsis{
	width: 80%;
	margin:2rem auto;
	text-align: center;
	font-size: 1.2rem;
    line-height: 1.8em;
}

.member-banner .vip-synopsis .text{
	width: 36%;
	margin: auto;
	line-height: 3rem;
	text-indent: 2em;
	font-size: 1.3rem;
}

.member-banner .introduce-img{
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin: 0 2rem;
}

.member-banner .introduce-img .club-info{
	width: 13.3%;
	position: relative;
	transform: scale( 1);
	
}
.member-banner .introduce-img .club-info .mask{
	border-radius: 1rem;
	position: absolute;
    top: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    transition: .3s ease-out;
    opacity: 1;
}

.member-banner .introduce-img .club-info .mask:hover{
	background: none;
}

.member-banner .introduce-img .club-info:hover{
	transform: scale( 1.1);
	transition: 0.5s;
}

.member-banner .introduce-img .club-info img{
	width: 100%;
	height: 100%;
	border-radius: 1rem;
}

.member-banner .introduce-img .club-info .introduce-text-box{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    font-size: 1.3rem;
	line-height: 2rem;
}


.comme-baby{
	text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2em;
    margin-bottom: 1rem;
}









/* 加入我们 */
.join-page .abouttimg{
	margin-top: 4rem;
}
.big-box .join-news-box{
	margin-bottom: 3rem;
}

.join-banner .big-box .join-title{
	TEXT-ALIGN: CENTER;
    FONT-SIZE: 1.5REM;
    font-weight: 600;
	margin-bottom: 2rem;
	line-height: 2rem;
}

.join-banner .big-box .join-news-box .join-news{
	display: flex;
	justify-content: space-around;
	border-top: 1px solid #e2e2e2;
    margin-top: 1rem;
	padding-top: 1rem;
}
.join-news-box .join-news .news-img{
	width: 30%;
    margin-right: 2rem;
}

.join-news-box .join-news .join-text{
	width: 70%;
}

.join-news-box .join-news .join-text .join-news-title{
	font-size: 1.5rem;
	font-weight: 600;
}

.join-news-box .join-news .join-text .join-text-act{
	font-size: 1.1rem;
	line-height: 2rem;
}

.join-news-box .join-news .news-img img{
	width: 100%;
}

.introduce-text-box .introduce-e{
	font-size: 1rem;
}

.COMPANY-MILESTONE{
	text-align: center;
    margin-top: 5rem;
}

.COMPANY-MILESTONE .COMPANY-E{
	font-size: 1.5rem;
    background: #da0000;
    width: fit-content;
    color: #fff;
    margin: auto;
    padding: 0.5rem;
	font-weight: 600;
}

.COMPANY-MILESTONE .COMPANY-C{
	font-weight: 600;
    margin: 1rem auto auto;
	font-size: 2.5rem;
	width: fit-content;
	position: relative;
}

.COMPANY-MILESTONE .COMPANY-C::before{
	content: '';
    display: block;
    height: 0.1rem;
    width: 40%;
    background-color: #000;
    border: 1px solid #000;
    margin: auto;
}

.video-img-index{
	position: absolute;
    right: -10%;
    width: 19%;
    bottom: -70%;
    display: none;
}

.video-img-index img{
	width: 100%;
}


.vip-quanyishuoming{
	text-align: left;
    margin: auto;
    width: 64%;
	opacity: 0.8;
	line-height: 2rem;
    font-size: 1rem;
}

.member-banner .vip-equity .explain img{
	width: 100%;
}

.member-banner .vip-equity .explain .vip-up-level{
	font-weight: 600;
}
.ars .enterprise-content.clubinfo .qy-content .text-content .text{
	font-size: 1.1rem;
	line-height: 2rem;
}

.newscenter-detail{
	width: 63%;
	margin: 0 auto;
	padding: 5rem 0 6rem 0;
}
.newscenter-detail .news-detail-title{
	text-align: center;
}
.newscenter-detail .news-detail-title .date , .newscenter-detail .news-detail-title .newshare {display: none;}
.newscenter-detail .news-detail-title h2.font24{
	font-size: 2rem;
	color: #000000;
	font-weight: bold;
}
.newscenter-detail .news-datail-content{
	margin-top: 1rem;
}

.newscenter-detail .downlist{
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #ddd;
}

.newscenter-detail .downlist p{
	margin-bottom: 1rem;
}

.newscenter-detail .downlist a{
	text-decoration: underline;
	font-weight: bolder;
}