*{ margin:0; padding:0}
header{width:100%;float:left;}
nav{width:100%;float:left;}
footer{width:100%;float:left;}
body {-webkit-text-size-adjust:none;background:#fff;font-family:"微软雅黑",Arial;font-style: normal;font-weight: normal;font-variant: normal;}
a {text-decoration: none; border: 0px none; outline: 0px none;} 
a:link{ text-decoration: none}
a:visited{ text-decoration: none}
a:hover{text-decoration: none}
a:active{text-decoration: none}
.clear{margin: 0px;padding: 0px;clear: both;}
.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
ul,li,dt,dl,dd{	list-style-type: none;	margin: 0px; padding: 0px; background:none;}
p {	margin: 0px; padding: 0px;}
img{ width:100%;}

.xmbox{width:100%; position:relative;}

#xmSwiper .swiper-pagination{bottom:0 !important;}
#xmSwiper .swiper-pagination .swiper-pagination-bullet{ opacity:1;background:#f3f3f3 !important;}
#xmSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#f42995 !important;}

#topSwiper .swiper-pagination .swiper-pagination-bullet{ opacity:1;background:#f3f3f3 !important;}
#topSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#f42995 !important;}

.cpbox{width:100%; position:relative;}
#cpSwiper{width:96%; position:absolute; left:4%;top:6%;}

.tbbox{width:100%; position:relative;}
#tbSwiper{width:90%; position:absolute;left:5%;top:29%;}
#tbSwiper .swiper-pagination{bottom:0 !important;}
#tbSwiper .swiper-pagination .swiper-pagination-bullet{ opacity:1;background:#f3f3f3 !important;}
#tbSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#f42995 !important;}

.ysbox{width:100%; position:relative;}
#ysSwiper .swiper-pagination .swiper-pagination-bullet{ opacity:1;background:#f3f3f3 !important;}
#ysSwiper .swiper-pagination .swiper-pagination-bullet-active{background:#f42995 !important;}



.bottom-nav{width:100%; width: 100%;position: fixed;left: 0;bottom: 0;z-index: 2147483645;}
.bottom-nav .nr{width:100%; max-width:750px; margin:0 auto; position:relative;}
.bottom-nav .nr a{display:block;height:100%;}
.bottom-nav .nr .abtn1{width: 12%;
    position: absolute;
    left: 1.5%;
    bottom: 0;}
.bottom-nav .nr .abtn2{width: 12%;
    position: absolute;
    left: 15%;
    bottom: 0;}
.bottom-nav .nr .abtn3{    width: 12%;
    position: absolute;
    left: 28%;
    bottom: 0;}
.bottom-nav .nr .abtn4{width:20%;position:absolute; left:40%; top:-5%;animation:updown 3s 0s ease both infinite;}
.bottom-nav .nr .abtn4 span{    display: block;
    color: #fff;
    width:20px;
    height:20px;
    background: #fe0815;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    text-align: center;
    border-radius: 20px;
    position: absolute;
    top: 5%;
    right: 7%;}
.bottom-nav .nr .abtn5{width: 12%;
    position: absolute;
    left: 60%;
    bottom: 0;}
.bottom-nav .nr .abtn6{width: 12%;
    position: absolute;
    right: 14%;
    bottom: 0;}
.bottom-nav .nr .abtn7{width: 12%;
    position: absolute;
    right: 0.5%;
    bottom: 0;}
@media(min-width:320px){
.bottom-nav .nr .abtn4 span{transform:scale(.6);}
}
@media(min-width:360px){
.bottom-nav .nr .abtn4 span{transform:scale(.7);}
}
@media(min-width:375px){
.bottom-nav .nr .abtn4 span{transform:scale(.7);}
}
@media(min-width:414px){
.bottom-nav .nr .abtn4 span{transform:scale(.8);}
}
@media(min-width:768px){
.bottom-nav .nr .abtn4 span{font-size:14px; padding:2px;
top: 15%;
right: 15%;}
}

@keyframes ftimg{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.05)}
100%{-webkit-transform:scale(1)}
}
@keyframes updown{0%{opacity:1;transform:translateY(0)}
50%{opacity:1;transform:translateY(-8px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes zy{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(8px)}
100%{opacity:1;transform:translateX(0)}
}