*{ margin:0; padding:0;}
html,body{ width:100%; height: 100%;}
body{ max-width:640px; margin:0 auto;font-family:'微软雅黑',Arial; background: #fff;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
/*去除点击高亮效果  pointer-events: none;*/
a,button,input,select,img,label{-webkit-appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none;}
input::-moz-focus-inner{border:none;padding:0;}
select, input{vertical-align:middle;}
ul,ol,li{list-style:none;}
input::-webkit-input-placeholder{color:#332C2B;font-weight: bold;;}
.Center{display: flex; justify-content: center; align-items: center; }
.End{display: flex; justify-content: center; align-items: flex-end;}
.Start{display: flex; justify-content: center; align-items: start; }
.LeftCenter{display: flex; justify-content: left; align-items: center; }
.RightCenter{display: flex; justify-content: flex-end; align-items: center; }
.RightTop{display: flex; justify-content: flex-end; align-items: start; }
.RightBottom{display: flex; justify-content: flex-end; align-items: flex-end; }
.LeftTop{display: flex; justify-content: left; align-items: start; }
.LeftBottom{display: flex; justify-content: left; align-items: flex-end; }
.wid100{width: 100%;}
.hei100{height: 100%;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.swiper-container {width: 100%;height: 100%; background: #ffffff; overflow: hidden}
.share_box{width: 100%; height: 100%; position: absolute; z-index: 12; background: rgba(0,0,0,0.8);  max-width: 640px; text-align: right; top:0; display: none}
.share_box img{ width: 84%; margin: 5% 5% 0 0;}
.up {width: 100%;position: absolute;z-index: 3;bottom: 0; text-align: center}
.up img {width: 8%;-webkit-animation: Up 1s linear infinite;}
@-webkit-keyframes Up { 0% {transform: translate3d(0, 0, 0);} 100% {transform: translate3d(0, -15px, 0);} }
@-webkit-keyframes rotate_music{0%{transform: rotate(0deg);} 50%{transform: rotate(180deg);} 100%{transform: rotate(360deg);}}
.music{position: absolute; width: .6rem; height: .6rem; z-index: 2; left: 3%; top:11%; }
.music_rotate{-webkit-animation:rotate_music 5s linear infinite; transform-origin: 50% 50%;}
.map{ animation-play-state: paused}
img{vertical-align: middle}
@font-face {
    font-family: sb;
    src: url("../font/sy_B.ttf");
}
.swiper-fade .swiper-slide .swiper-slide{pointer-events: painted !important; }