﻿.banner {
	background: url(../images/myys/myysbanner.png) no-repeat top center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	height: 9.3rem;
}

.banner h1 {
	font-size: .51rem;
	color: #fff;
	padding: 1.35rem 0 .24rem .58rem;
}

.banner p {
	font-size: .29rem;
	color: #ffffff;
	padding: 0 0 0rem .58rem;
}

.banner a {
	display: block;
	width: 1.69rem;
	height: .46rem;
	background: linear-gradient(248deg, #f584b9 21%, #ea4fbe 100%);
	border-radius: .04rem;
	color: #fff;
	text-align: center;
	line-height: .46rem;
	font-size: .23rem;
	margin: .79rem 0 .0 .58rem;
}

.partA {
	background: url(../images/myys/myysbg001.png) no-repeat bottom left;
	background-size: auto 1.97rem;
	padding: 1rem 0 1.2rem 0;
}

.commonTitle h2 {
	font-size: .43rem;
	color: #000;
	text-align: center;
	position: relative;
	padding-bottom: .29rem;
}

.commonTitle h2:after {
	content: '';
	position: absolute;
	width: .72rem;
	height: .26rem;
	background: url(../images/myys/myysicon005.png) no-repeat top center;
	background-size: .72rem .26rem;
	top: -.36rem;
	margin: 0 auto;
	left: 40%;
	right: 40%;
}

.commonTitle p {
	font-size: .26rem;
	color: #5F5F5F;
	text-align: center;
	padding: 0 .3rem;
}

.partA ul {
	overflow: hidden;
	padding: 0 .3rem;
	margin-top: .89rem;
}

.partA ul li {
	float: left;
	border: .03rem solid rgba(255, 111, 162, 0.34);
	width: 48%;
	border-radius: .15rem;
	background: #fff;
	margin-bottom: .28rem;
	text-align: center;
}

.partA ul li:nth-child(even) {
	margin-left: 4%;
}

.partA ul li img {
	height: 1.41rem;
	margin: .27rem 0;
}

.partA ul li h2 {
	font-size: .32rem;
	color: #333;
}

.partA ul li span {
	padding: .22rem .33rem;
	color: #666;
	display: block;
	font-size: .22rem;
}

.partA ul li a {
	display: block;
	width: 1.65rem;
	height: .36rem;
	line-height: .36rem;
	background: #ff7380;
	border-radius: 17px;
	font-size: .18rem;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	margin-bottom: .45rem;
}

.partB {
	padding-bottom: .82rem;
}

.m-slider2 {
	overflow: hidden;

	padding: 0 .3rem;
	margin-top: 1rem;
}

.m-slider2 .item {
	width: 50%;
	float: left
}

.m-slider2 .con {
	display: block;
	margin: 0 .1rem
}

.m-slider2 .pic {
	padding-top: 116%;
	height: 0;
	position: relative;
	overflow: hidden;
	margin-bottom: .22rem;
}

.m-slider2 .pic img {
	position: absolute;
	top: 0;
	left: 0;
	height: 4.55rem;
	display: block
}

.m-slider2 .pic span {
	opacity: 0.6;
	background: #333;
	border: 1px solid #333;
	color: #fff;
	height: .65rem;
	font-size: .29rem;
	font-weight: bold;
	line-height: .65rem;
	text-align: center;
	position: relative;
	top: -.65rem;
	display: block;
}

.m-slider2 .slick-dots {
	text-align: center;

}

.m-slider2 .slick-dots li {
	display: inline-block;
	width: .13rem;
	height: .13rem;
	border-radius: 50%;
	margin: 0 .08rem;
	background: #cecece;

}

.m-slider2 .slick-dots li.slick-active {
	display: inline-block;
	width: .7rem;
	height: .13rem;
	border-radius: .07rem;
	margin: 0 .08rem;
	background: #ff7380;
	opacity: 1;

}

.m-slider2 .slick-dots li button {
	display: none;
}

.partC {
	background: linear-gradient(236deg, #ff7575 18%, #ff747a 22%, #ff6fa2 92%);
	padding: .87rem 0 1.63rem 0;
}

.partC h1,
.partC p {
	color: #fff;
}

.partC h1:after {
	content: '';
	position: absolute;
	width: .72rem;
	height: .26rem;
	background: url(../images/myys/myysicon005_r.png) no-repeat top center;
	background-size: .72rem .26rem;
	top: -.36rem;
	margin: 0 auto;
	left: 40%;
	right: 40%;
}

.partD {
	background: #fffafb;
	padding: 0 .3rem;
}

.partD dl {
	background: #fff;
	border: 3px solid #ffcedf;
	border-radius: .21rem;
	overflow: hidden;
	padding: .25rem .2rem;
	position: relative;
	top: -1rem;
	margin-bottom: .21rem;

}

.partD dl dt {
	float: left;
	width: 1.23rem;
	height: .81rem;
	text-align: center;
}

.partD dl dt img {
	height: 100%;
}

.partD dl dd {
	padding-left: 1.50rem;
}

.partD dl dd h1 {
	font-size: .34rem;
	color: #333
}

.partD dl dd p {
	font-size: .24rem;
	color: #7A7A7A
}

.partE {
	background: #fffafb;
	margin-top: -.26rem;
	padding-bottom: 2rem;
	text-align: center;
}

.partE img {
	height: 6.86rem;
	margin-top: 1.47rem;
}

.partFBg {
	background: linear-gradient(236deg, #ff7575 18%, #ff747a 22%, #ff6fa2 92%);
	padding: 0 .3rem;
}

.partFBg2 {
	background: #ffffff;
	border-radius: .13rem;
	box-shadow: .1rem 0px .30rem 0px rgba(255, 114, 139, 0.13);
	position: relative;
	top: -1.24rem;
	padding-top: .87rem;
	padding-bottom: .74rem;
}

.partF .ipad {
	margin: .77rem .18rem 0 .18rem;
	background: #fff;
	border-radius: .21rem;
	box-shadow: 0px 0px .15rem 0px rgba(181, 141, 164, 0.66);
	overflow: hidden;
}

.partF .ipad dt {
	float: left;
	width: .64rem;
	padding: 0 .13rem;
	margin-top: 27%;
}

.partF .ipad dt img {
	height: .39rem;

}

.partF .ipad dd {
	margin-left: .7rem;
	padding: .22rem .22rem .1rem 0;
}

.m-slider3 .pic {
	padding-top: 58%;
	height: 0;
	position: relative;
	overflow: hidden;
}

.m-slider3 .pic img {
	position: absolute;
	top: 0;
	left: 0;

	display: block
}

.m-slider3 .slick-dots {
	text-align: center;
}

.m-slider3 .slick-dots li {
	display: inline-block;
	width: .13rem;
	height: .13rem;
	border-radius: 50%;
	margin: 0 .08rem;
	background: #cecece;
}

.m-slider3 .slick-dots li.slick-active {
	display: inline-block;
	width: .7rem;
	height: .13rem;
	border-radius: .07rem;
	margin: 0 .08rem;
	background: #ff7380;
	opacity: 1;
}

.m-slider3 .slick-dots li button {
	display: none;
}

.partG {
	margin-top: .74rem;
	text-align: center;
}

.partG:before {
	content: '';
	position: absolute;
	top: 8rem;
	left: .2rem;
	width: .97rem;
	height: .91rem;
	background: url(../images/myys/myysbg002.png) no-repeat left top;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;

}

.partG h1 {
	font-size: .38rem;
	color: #FF7193;
	text-align: center;
}

.partG p {
	font-size: .27rem;
	color: #666;
	text-align: center;
	padding: 0 .3rem;
}

.partG img {
	height: 8.45rem;
}

.partH dl {
	padding: 0 .51rem;
	margin-top: .35rem;
}

.partH dl dt {
	float: left;
}

.partH dl dt img {
	height: 1.03rem;
}

.partH dl dd {
	padding-left: 1.3rem;
}

.partH dl dd h2 {
	font-size: .32rem;
	color: #434245;
	text-align: left;
}

.partH dl dd p {
	padding-top: .10rem;
	font-size: .24rem;
	color: #434245;
	text-align: left;
}

.lomoline {
	height: .04rem;
	opacity: 0.4;
	background: #c1c1c1;
	border-radius: .02rem;
	margin: 0 .25rem;
	margin-top: 1.1rem;
}

.partG2 {
	margin-top: 1.14rem;
}

.partG2:before {
	content: '';
	position: absolute;
	top: 25.2rem;
	left: .5rem;
	width: .97rem;
	height: .91rem;
	background: url(../images/myys/myysbg002.png) no-repeat left top;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;

}

.partI {
	padding-left: 1.45rem;
	padding-top: .7rem;
}

.partI ul li {
	overflow: hidden;
	margin-bottom: .26rem;
}

.partI ul li span {
	display: block;
	background: url(../images/myys/myysicon013.png) no-repeat;
	background-size: .66rem auto;
	text-align: center;
	color: #fff;
	line-height: .66rem;
	height: .66rem;
	width: .66rem;
	font-weight: bold;
	float: left;
	font-size: .29rem;
}

.partI ul li p {
	color: #434245;
	font-size: .31rem;
	font-weight: bold;
	line-height: .60rem;
	padding-left: 1.02rem;
}

.partJ {
	background: #fff;
	padding-top: 1rem;
	margin-top: -.5rem;
}

.m-list2 {
	position: relative;
	padding-bottom: 1rem
}

.m-list2 .con {
	display: block;
	text-align: center;
	margin: 0 .15rem;
	background-color: #fff;
	border-radius: .15rem;
	padding: .45rem 0 .75rem
}

.m-list2 .pic {
	width: 4.46rem;
	height: 8.95rem;
	margin: 0 auto .27rem;
	position: relative
}

.m-list2 .pic img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s
}

.m-list2 .desc {}

.m-list2 .desc dl {
	width: 3.46rem;
	background: #ffff;
	border: 1px solid #ff718f;
	border-radius: .09rem;
	margin: 0 auto;
}

.m-list2 .desc dl dt {
	width: 2.28rem;
	height: .58rem;
	line-height: .55rem;
	background: #ff718f;
	border: 1px solid #ff718f;
	border-radius: .17rem;
	margin: 0 auto;
	margin-top: -.29rem;
	font-size: .32rem;
	color: #fff;
	font-weight: bold;
}

.m-list2 .desc dl dd {
	padding: .25rem 0;
}

.m-list2 .desc dl dd p {
	color: #666;
	font-size: .29rem;
	line-height: .50rem;
}

.m-list2 .swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.14rem
}

.m-list2 .swiper-pagination-bullet {
	display: inline-block;
	width: .13rem;
	height: .13rem;
	border-radius: 50%;
	margin: 0 .08rem;
	background: #cecece;
	opacity: 1;
}

.m-list2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
	display: inline-block;
	width: .7rem;
	height: .13rem;
	border-radius: .07rem;
	margin: 0 .08rem;
	background: #ff7380;
	opacity: 1;
}

.partK {overflow: hidden;}
.partK ul {

	padding: 0 .3rem;
	margin-top: 1.14rem;
}

.partK ul li {
	width: 33.33%;
	float: left;
	margin-top: .3rem;
}

.partK ul li .shopimg {
	background: #fff;
	border-radius: 0.11rem;
	box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .1);
	width: 2rem;
	height: 1.15rem;
	margin: 0 auto;
	line-height: 1.15rem;
	text-align: center;
}

.partK ul li .shopimg img {
	display: inline-block;
	vertical-align: middle;
	max-width: 70%;
	max-height: 60%;
}