@charset "UTF-8";
html body{ padding: 0;  font-family: "微软雅黑"; -webkit-font-smoothing:antialiased; color: #fff; font-size: 14px;  background-color: #fff;}
ul,li,dl,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0; line-height: 1.5;}
ul{list-style: none;}
.clear{ clear:both; margin: 0; padding: 0; height: 0; font-size: 0;}
a{color: #fff;text-decoration: none;}
img{ border: 0 none; vertical-align: top;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.ps{ position: absolute;}
.center{ text-align: center;}
.dn{ display: none;}
.bgblack{ background: #000;}
input,select{-webkit-appearance: none; appearance: none; color: #9e9f9f; border-radius: 8px; -webkit-border-radius: 8px; font-family: "微软雅黑"; box-sizing: border-box; -webkit-box-sizing: border-box;}
.animate,.animate1{ opacity: 0;}
input{outline:none;}
input:focus { outline: none; }
input{
    background:none;
    outline:none;
    border:0px;
}
select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*加padding防止文字覆盖*/
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
html, body {-webkit-user-select: none;user-select: none;-webkit-touch-callout: none; position: relative; width: 750px; padding: 0; margin: 0 auto;background: #fff;}
#swiper1,#swiper2,#swiper3{ width: 100%; height: 100%;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none; overflow: hidden;}
.swiper-slide{ overflow: hidden;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;background: #fff; }
#orientLayer {display: none;}
.mod-orient-layer {position: fixed;height: 100%;width: 100%;left: 0;top: 0;right: 0;bottom: 0;background: #000;z-index: 99997;background-size: 100% auto;}
.mod-orient-layer__content {position: absolute;top: 50%;margin-top: -85px;text-align: center;background: url("../images/tish.png") no-repeat;width: 170px;height: 170px;left: 50%;margin-left: -85px;background-size: 100%;}
.mod-orient-layer__icon-orient {background: url("../images/zhusj.png") no-repeat;display: inline-block;     width: 93px;  height: 197px;margin-top: -42px;margin-left: 8px; transform: rotate(90deg);-webkit-transform: rotate(90deg);-webkit-animation: rotation infinite 1.5s ease-in-out;animation: rotation infinite 1.5s ease-in-out;-webkit-background-size: 100%;background-size: 100%}
.mod-orient-layer__desc {margin-top: 20px;font-size: 15px;color: #fff;-webkit-text-size-adjust:100%;}
/*横屏提示*/
@-webkit-keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    50%, 60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}
@keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    50%, 60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}
.music{ height: 25px; position: fixed; right: 17px;top: 25px; z-index: 9 }
.music > span {transform-origin:left bottom; background-color: #feff01;width: 2px; margin-left: 2px; display: inline-block; }
.music span:nth-child(1) { height: 40%}
.music span:nth-child(2) { height: 100%}
.music span:nth-child(3) { height: 70%}
.music span:nth-child(4) { height: 60%}
.music span:nth-child(5) { height: 30%}

.music.musicon > span { height: 100%; -webkit-animation: sk-stretchdelay 1s infinite ease-in-out; animation: sk-stretchdelay 1s infinite ease-in-out;}
.music.musicon span:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.music.musicon span:nth-child(2) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.music.musicon span:nth-child(3) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.music.musicon span:nth-child(4) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.music.musicon span:nth-child(5) { -webkit-animation-delay: 0s; animation-delay: 0s;}
@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {  -webkit-transform: scaleY(0.5)}
    20% { -webkit-transform: scaleY(1.0)}
}