body{
    font-size: 14px;
    -webkit-text-size-adjust: none;
}
.header-top{
    z-index: 2;
    position: absolute;
    top: 0;
    width:100%;
    height:3.4rem;
    margin: 0 auto;
    background-image: url(../images/vr-h5-head-top.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40% 100%;
    text-align: center;
   
}
.header-top .address{
   line-height:3.4rem;
   font-size:16px;
   color:#fff;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
    /* 在这里写小屏幕设备的样式 */
    .header-top{
        background-size: 40% 100%;
    }
    .header-top .address{
        font-size:14px;
     }
  }
  
  @media only screen and (min-width: 321px) and (max-width: 1024px) {
    /* 这里写宽度大于321px小于1024px的样式(一般是平板电脑) */
    .header-top{
        background-size: 90% 100%;
    }
    .header-top .address{
        font-size:14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 16rem;
		text-align: center;
		margin: 0 auto;
     }
	 	.a-modal,
	 	.a-enter-vr{
	 			display: none;
	 		}
  }
  
  @media only screen and (min-width: 1029px) {
    .header-top{
        background-size: 40% 100%;

    }
    .header-top .address{
        font-size:16px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 36rem;
		text-align: center;
		margin: 0 auto;
     }
    /* 这里写pc客户端的样式 */
  }