html,body,input,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
	margin: 0;
	padding: 0;
}
fieldset,img {
	border: 0;
}
img {
    vertical-align: middle;
    pointer-events:none;
}
ul,ol,dl {
	list-style: none;
}
input {
	border: none;
	outline: none;
}
a {
	text-decoration: none;
	color: black; 
}
button {
	border: none;
	background-color: transparent;
	outline: none;    
}
body {
    height: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
}
html {
	height: 100%;
	box-sizing: border-box;
}

.bg{
	width: 100vw;
	height: 200vw;
	background: url(../img/details_bg@2x.png);
	background-size: cover;
}
.swiper-slide{
	text-align: center;
}
.swiper-pagination-custom {
	margin-top: 9.78vw;
	left: 0;
	width: 100%;
	height: 5.56vw;
	text-align: center;
}
.swiper-pagination-customs {
	display:inline-block;
	margin: 0 1.11vw;
	width:2.22vw;
	height:2.22vw;
	background:#DEE3E6;
	border-radius:2.22vw;
}
.swiper-pagination-customs-active {
	width:2.22vw;
	height:2.22vw;
	background:#00BCD9;
	border-radius:2.22vw;
}
.swiper-slide img{
	width: 91.11vw;
	height: 123.61vw;;
	display: block;
	margin: 0 auto;
}
.title{
	font-size: 6.67vw;
	font-weight: bold;
	color: #2A3A42;
	line-height: 9.72vw;
}
.describe{
	font-size: 3.89vw;
	font-weight: 400;
	color: #79878E;
	line-height: 6.39vw;
	margin-top: 1.67vw;
}
.button{
	position: fixed;
	bottom: 3.33vw;
	left: 11.11vw;
	width: 77.78vw;
	height: 11.67vw;
	background: #00BCD9;
	border-radius: 5.83vw;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.44vw;
	font-weight: 500;
	color: #FFFFFF;
	z-index: 100;
	animation:mymove 2s infinite;
	-webkit-animation:mymove 2s infinite; /*Safari and Chrome*/
	animation-direction:alternate;/*轮流反向播放动画。*/
	animation-timing-function: ease-in-out; /*动画的速度曲线*/
	/* Safari 和 Chrome */
	-webkit-animation:mymove 2s infinite;
	-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
	-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
@keyframes mymove
{
	0%{
	transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.03); /*放大1.1倍*/
	}
	50%{
		transform: scale(0.97);
	}
	75%{
		transform: scale(1.03);
	}

}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
	0%{
	transform: scale(1);  /*开始为原始大小*/
	}
	25%{
		transform: scale(1.03); /*放大1.1倍*/
	}
	50%{
		transform: scale(0.97);
	}
	75%{
		transform: scale(1.03);
	}
}