@charset "utf-8";
body, div, p, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table,th, td, input, label, button, select, textarea,img,strong{margin:0;padding:0;font-style:normal;font:14px "微软雅黑",Arial, Helvetica, sans-serif;}
a,button,input,div,li{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{text-decoration:none;}
input,textarea,button,select{-webkit-appearance:none;}
ol, ul ,li{list-style:none;}
img {border:0;vertical-align:middle;}
.clearfix {zoom: 1;}
.clearfix:after {content: " ";display: block;clear: both;height: 0;}
article,section,time,aside{display:block;}
html {background-color: #f0f0f0;}
body {position: relative;margin:0 auto;max-width:640px; min-width:320px;font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #fff;}
.bottom{padding:30px 0 20px;line-height:22px;font-size:12px;color:#666;text-align:center;}
.phone-num{position: fixed;right: 10px;top: 150px;padding: 8px;width: 32px;height: 32px;border-radius: 50%;box-shadow: 1px 1px 5px #eee;background-color: rgba(0,0,0,0.3);}
.phone-num a{display: block;height: 100%;width: 100%;background: url(../images/phone_icon.png) no-repeat center center;background-size: 100% 100%;}

.audioplay{
	position: fixed;
    left: 25px;
    top: 25px;
    z-index: 200;
    width: 30px;
    height: 30px;
	background: url(../images/music.svg) no-repeat;
    background-size: contain;
}
.rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}