@charset "utf-8";
/*共用代码 */
body {font-family:微软雅黑;}
html{ font-size:calc(100vw/6.4);}
@media screen and (min-width:640px){html{ font-size:100px;}}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li,ul,ol{ list-style:none}
a{ text-decoration:none}
i,em{ font-style:normal;}
.pr{ position: relative}
img{width: 100%;}
.fl{ float: left}
.fr{ float: right}
.ov{ overflow:hidden}
.clear{ clear: both;overflow: initial;}
.tc{ text-align: center}
input{ outline: none}

.patb30{ padding: 0.3rem 0}

.wi{max-width:7.5rem; min-width:320px; margin: 0 auto; font-size: 0.2rem; overflow: hidden;
	position: relative;}
.wi img{ vertical-align:bottom}

.wi .ti { text-align: center; padding:5% 0; position: relative}


.wi .btn{ text-align: center;}
.wi .btn a{ color: #7f38a3; display: inline-block;line-height: 0.35rem;
	font-size: 0.28rem; background: #2a3b67; border-radius: 0.1rem; padding: 0 10%;
	animation: heartBeat 5s infinite; -webkit-animation: heartBeat 5s infinite;
	background:#dfb3f9;
	background: -webkit-linear-gradient(45deg, #fbf4fe , #dfb4f9);
	background: -o-linear-gradient(45deg, #fbf4fe , #dfb4f9);
	background: -moz-linear-gradient(45deg, #fbf4fe , #dfb4f9);
	background: linear-gradient(45deg, #fbf4fe , #dfb4f9);
	padding:2% 5% 
}
.wi .btn i{ font-size: 0.12rem; display: block; text-transform: uppercase;}

.wi .line{ height:0.1rem; background: #f6f6f6; width:100%;}

.yh{ padding:5%}

.p1{ padding-bottom: 2%;}
.p1 ul{ display: flex; display: -webkit-flex; justify-content: space-around; flex-wrap: wrap; padding:0 5%}
.p1 ul li{ width:25%; font-size: 0.23rem; text-align: center; line-height:0.75rem;}
.p1 ul li a{ color:#1e1d1d}
.p1 ul li i{ display: block; width:1.13rem; background: #7f38a3; border-radius: 50%; overflow: hidden; margin:0 auto;}

.p2 .con{ padding:0 5%}

.p3 .con{ padding:0 5%}
.p3 .dj{ position: relative;}
.p3 .player{ display: block; width:1.56rem; height:1.56rem; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.p3 .btn{ background: url(../images/bg3.jpg) no-repeat; background-size:cover; padding:0.2rem 0}

.p2,.p3,.p5,.p6,.p7 { padding-bottom: 5%;}

.p6{ padding-left: 4%; padding-right: 4%;}

.p7{ padding-left: 4%; padding-right: 4%;}

.wi .pagination {width: 100%; text-align: center; padding: 0.3rem 0}
.wi .swiper-pagination-switch {display: inline-block;width: 0.1rem;height: 0.1rem;border-radius: 50%;
	margin: 0 0.05rem;cursor: pointer; border-radius:50%; border: 2px solid #7f37a4}
.wi .swiper-active-switch { background: #7f37a4; }

@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(0.9);transform:scale(0.9)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(0.9);transform:scale(0.9)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(0.9);transform:scale(0.9)}70%{-webkit-transform:scale(1);transform:scale(1)}}