main.css

@charset "utf-8";
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-text-size-adjust: none;
}

.carsFlash {
    position: fixed;
    left: 0;
    right: 0;
    top: 3.06rem;
    width: 100%;
    height: 4.2rem;
    background: #fff url(./3dBg.png) no-repeat center bottom;
    background-size: 100% auto;
}

.carsPic {
    position: fixed;
    left: 0;
    top: 3.06rem;
    right: 0;
    z-index: 9;
    height: 4.25rem;
    display: none;
}

.carsPics {
    position: fixed;
    left: 0;
    top: 3.06rem;
    right: 0;
    z-index: 9;
    height: 4.25rem;
    display: none;
    text-align: center;
}

.carsPics img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}


/*loading图-new*/
.loadingWrap {position: fixed; left: 0; right: 0;z-index: 100; height: 4.27rem; background-color: #fff; padding-top: 1.30rem;box-sizing: border-box; top: 3.05rem;}
.loadingWrap .state__loading {float: left; margin-left:1.52rem;  width: 3.06rem; height: 0.93rem;}
.loadingWrap .state__loading-txt {float: left; margin-left:0.10rem; width: 1.40rem; color: #4a5b6d; }
.loadingWrap .state__percent {display:block; font-size: 0.48rem; font-family:"HYQHB"; line-height: 1em;}
.loadingWrap .state__loading-tip {display:block; font-size: 0.22rem;}
.loadingWrap .state__progress {width: 6.50rem; margin:0.42rem auto 0 auto; height: 0.30rem; border: 1px solid #d0d9e0; background-color: #ecf1f5; border-radius: 0.30rem; overflow: hidden;}
.loadingWrap .state__progress-bar {width: 6.50rem;height: 0.30rem;background: url(./processIcon.png) repeat; background-size: 1.54rem auto; animation: warning-animation 6s infinite linear; -webkit-animation: warning-animation 6s infinite linear;}


img {max-width: 100%;}

/*呼吸灯*/
.waveIcon{
	position: absolute;top:0.5rem;right: 0.5rem;width: 25px;height: 25px;z-index: 100;background: url(./waveIcon.png) no-repeat; -webkit-animation: waveIcon 4s steps(39) infinite;
	    animation: waveIcon 4s steps(39) infinite;
}
@keyframes waveIcon {
  to {
    background-position: -975px;
  }
}
@-webkit-keyframes waveIcon {
  to {
    background-position: -975px;
  }
}

/* 全景返回按钮 */
.switchBtn{position: absolute;right:5%;bottom:0.2rem;width:0.5rem;height:0.5rem;z-index:999;background: url(./arrow5.png) no-repeat;background-size: 0.5rem auto;}