html, body {
    position: relative;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #fff;
}
body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
.warp{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 750px;
    overflow: hidden;
}
*{
    -webkit-touch-callout:none; /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/
    -khtml-user-select:none; /*早期浏览器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}
input,textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
    margin: 0px;
    padding: 0px;
    outline: none;
}
.alert{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    overflow: hidden;
}
.index,.indexBg,.return{
    position: absolute;
    left:0px;
    top: 0px;
    width: 100%;
    height: auto;
    min-height: 100%;
    max-width: 750px;

}
.index{
    overflow-y: auto;

}
.name{
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 1433px;
    left: 193px;
    width: 439px;
    height: 83px;
    font-size: 38px;
    color: #fff;
    border: 0;
    line-height: 83px;
    padding: 0;
    background: none;
}
.phone{
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 1691px;
    left: 193px;
    width: 439px;
    height: 83px;
    font-size: 38px;
    color: #fff;
    border: 0;
    line-height: 83px;
    padding: 0;
    background: none;
}
.time,.times {
    outline: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 1956px;
    left: 193px;
    width: 439px;
    height: 83px;
    font-size: 38px;
    color: #fff;
    border: 0;
    line-height: 83px;
    padding: 0;
    background: none;
}
.times{
    opacity: 0.00001;
    color: #000!important;
}
.times option{
    color: #000!important;
}
.indexBtn{
    position: absolute;
    left: 140.5px;
    top: 2126px;
    width: 469px;
    height: auto;
}
.tips{
    position: absolute;
    left: 129px;
    top: 600px;
    width: 492px;
    height: auto;
}
.write{
    position: absolute;
    left: 156px;
    top: 600px;
    width: 438px;
    height: auto;
}
.returnTime{
    position: absolute;
    left: 252.5px;
    top: 721px;
    width: 245px;
    height: auto;
}
#qrcode{
    position: absolute;
    left: 180px;
    top: 775px;
    width: 370px;
    height: auto;
    border:10px solid #fff;
}
.returnBtn{
    position: absolute;
    left: 126px;
    top: 1200px;
    width: 498px;
    height: auto;
}
.alertBg{
    position: absolute;
    top:30%;
    left: 10%;
    width: 80%;
    height: 327px;
    background: #feeeda;
    border-radius: 20px;
}
.alertTxt{
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    color: #8c5245;
    font-size: 36px;
}
.alertBtn{
    position: absolute;
    top: 63%;
    left: 186px;
    width: 246px;
    height: auto;
}
.hidden{
    display: none;
}
ul li{
    list-style: none;
}
.clearfix{
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}
.sound{
    position: fixed;
    top: 30px;
    right: 3%;
    width: 8%;
    height: auto;
    z-index: 5;
}
.zhuan{
    -webkit-animation:a_sound 2s linear infinite;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    animation-delay:.5s;-webkit-animation-delay:.5s;
}
@keyframes a_sound
{
    from { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); dtransform: rotate(360deg); }
    to { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); dtransform: rotate(0deg);  }


}

@-webkit-keyframes a_sound /* Safari and Chrome */
{
    from { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); dtransform: rotate(360deg); }
    to { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); dtransform: rotate(0deg);  }
}