@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
body,html{background:#fff;font-family:PingFangSC-Medium, sans-serif;font-size:14px;line-height:1.5;color:#222;-webkit-tap-highlight-color:transparent;}
body::-webkit-scrollbar{display:none;}
@font-face{font-family:iconfont;src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.eot?#iefix) format('embedded-opentype'),url(../fonts/woff2.woff2) format('woff2'),url(../fonts/woff.woff) format('woff'),url(./fonts/woff.ttf) format('truetype'),url(../fonts/truetype.svg#iconfont) format('svg');}
textarea,input{word-wrap:break-word;word-break:break-all;font-size:14px;}
textarea{-webkit-appearance:none;}
a{text-decoration:none;color:#222;}
a:hover{color:#222;}
img{display:block;border:none;width:100%;}
ul,li{list-style:none;}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance:none;font-size:12px;}
.fl{float:left;}
.fr{float:right;}
@-webkit-keyframes colorSlide{
0%{background-position:0 100%;}
20%{background-position:0 0;}
21%{background-color:#fc5f72;}
29.99%{background-color:#fff;background-position:0 0;}
30%{background-color:#fc5f72;background-position:0 100%;}
50%{background-position:0 0;}
51%{background-color:#fc5f72;}
59%{background-color:#fff;background-position:0 0;}
60%{background-color:#fc5f72;background-position:0 100%;}
80%{background-position:0 0;}
81%{background-color:#fc5f72;}
100%,90%{background-color:#fff;}
}
@keyframes colorSlide{
0%{background-position:0 100%;}
20%{background-position:0 0;}
21%{background-color:#fc5f72;}
29.99%{background-color:#fff;background-position:0 0;}
30%{background-color:#fc5f72;background-position:0 100%;}
50%{background-position:0 0;}
51%{background-color:#fc5f72;}
59%{background-color:#fff;background-position:0 0;}
60%{background-color:#fc5f72;background-position:0 100%;}
80%{background-position:0 0;}
81%{background-color:#fc5f72;}
100%,90%{background-color:#fff;}
}
@-webkit-keyframes trackBallSlide{
0%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
6%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px);}
14%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px);}
15%,19%{opacity:0;-webkit-transform:scale(.4) translateY(-5px);transform:scale(.4) translateY(-5px);}
28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
30%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
36%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px);}
44%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px);}
45%,49%{opacity:0;-webkit-transform:scale(.4) translateY(-5px);transform:scale(.4) translateY(-5px);}
58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
60%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
66%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px);}
74%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px);}
75%,79%{opacity:0;-webkit-transform:scale(.4) translateY(-5px);transform:scale(.4) translateY(-5px);}
100%,88%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
}
@keyframes trackBallSlide{
0%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
6%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px);}
14%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px);}
15%,19%{opacity:0;-webkit-transform:scale(.4) translateY(-5px);transform:scale(.4) translateY(-5px);}
28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
30%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
36%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px);}
44%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px);}
45%,49%{opacity:0;-webkit-transform:scale(.4) translateY(-5px);transform:scale(.4) translateY(-5px);}
58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
60%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
66%{opacity:1;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px);}
74%{opacity:0;-webkit-transform:scale(.4) translateY(30px);transform:scale(.4) translateY(30px);}
75%,79%{opacity:0;-webkit-transform:scale(.4) translateY(-5px);transform:scale(.4) translateY(-5px);}
100%,88%{opacity:1;-webkit-transform:scale(1) translateY(-5px);transform:scale(1) translateY(-5px);}
}
@-webkit-keyframes nudgeMouse{
0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{-webkit-transform:translateY(8px);transform:translateY(8px);}
30%{-webkit-transform:translateY(0);transform:translateY(0);}
50%{-webkit-transform:translateY(8px);transform:translateY(8px);}
60%{-webkit-transform:translateY(0);transform:translateY(0);}
80%{-webkit-transform:translateY(8px);transform:translateY(8px);}
90%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeMouse{
0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{-webkit-transform:translateY(8px);transform:translateY(8px);}
30%{-webkit-transform:translateY(0);transform:translateY(0);}
50%{-webkit-transform:translateY(8px);transform:translateY(8px);}
60%{-webkit-transform:translateY(0);transform:translateY(0);}
80%{-webkit-transform:translateY(8px);transform:translateY(8px);}
90%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes nudgeText{
0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{-webkit-transform:translateY(2px);transform:translateY(2px);}
30%{-webkit-transform:translateY(0);transform:translateY(0);}
50%{-webkit-transform:translateY(2px);transform:translateY(2px);}
60%{-webkit-transform:translateY(0);transform:translateY(0);}
80%{-webkit-transform:translateY(2px);transform:translateY(2px);}
90%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes nudgeText{
0%{-webkit-transform:translateY(0);transform:translateY(0);}
20%{-webkit-transform:translateY(2px);transform:translateY(2px);}
30%{-webkit-transform:translateY(0);transform:translateY(0);}
50%{-webkit-transform:translateY(2px);transform:translateY(2px);}
60%{-webkit-transform:translateY(0);transform:translateY(0);}
80%{-webkit-transform:translateY(2px);transform:translateY(2px);}
90%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes colorText{
21%{color:#fc5f72;}
30%{color:#fff;}
51%{color:#fc5f72;}
60%{color:#fff;}
81%{color:#fc5f72;}
90%{color:#fff;}
}
@keyframes colorText{
21%{color:#fc5f72;}
30%{color:#fff;}
51%{color:#fc5f72;}
60%{color:#fff;}
81%{color:#fc5f72;}
90%{color:#fff;}
}
/*公共样式*/

/*banner鼠标动效*/
.sbox{/* width:300px; */height:auto;position:absolute;left:50%;/* margin-left:-150px; */bottom:30px;}
.sbox p{margin-top:10px;font-family:Cabin,sans-serif;color:#fff;-webkit-animation:colorText 5s ease-out infinite,nudgeText 5s ease-out infinite;animation:colorText 5s ease-out infinite,nudgeText 5s ease-out infinite;text-align:center;text-transform:uppercase;font-family:horatioM;font-size:12px}
.mouse{border:1px solid #fff;position:relative;width:20px;height:35px;border-radius:100px;background-size:100% 200%;-webkit-animation:nudgeMouse 5s ease-out infinite;margin:auto}
.mouse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.mouse::before{width:12px;height:12px;position:absolute;left:50%;margin-left:-6px;background:url(../images/icon_down.png) no-repeat;background-size:cover;content:'';display:block;top:40px}
.mouse:after{background-color:#fff;width:5px;height:5px;border-radius:100%;-webkit-animation:trackBallSlide 5s linear infinite;animation:trackBallSlide 5s linear infinite}
.ico{font-family:iconfont;font-style:initial;}
.animate{transition:all .5s cubic-bezier(.25,0,0,1);-webkit-transition:all .5s cubic-bezier(.25,0,0,1);-moz-transition:all .5s cubic-bezier(.25,0,0,1);-ms-transition:all .5s cubic-bezier(.25,0,0,1);-o-transition:all .5s cubic-bezier(.25,0,0,1);}
.backTop{position:fixed;z-index:99;right:50px;bottom:-100px;width:50px;height:50px;background:#FFF url(../images/backTop.png) 0 0 no-repeat;box-shadow:0 0 20px rgba(0, 0, 0, .2);cursor:pointer;}
.backTop:hover{background:#c80406 url(../images/backTop.png) 0 -50px no-repeat;}
.backTop.active{bottom:50px;}