@media (max-width:768px){
  .main{
    width: 100% !important;
    height: auto !important;
  }
  .homeTown{
    font-size: 0.8rem!important;
    top: unset !important;
    text-align: right;
    bottom: 37% !important;
    margin-left: 50% !important;
  }
  .pcH{
    display: none;
    height: 0 !important;
  }
  .phoneH{
    display: block !important;
  }
  .footer-content{
    width: 100% !important;
    margin: 0 auto !important;
  }
  .footer-tip-container{
    width: 100% !important;
    margin: 0 !important;
    text-align: center;
  }
  .footer-tip{
    font-size: 0.6rem;
    text-align: center;
  }
  footer .bottom{
    position: relative !important;
    left: unset !important;
    top: 0 !important;
  }
}
@media (min-width:768px){
  .phoneH{
    display: none ;
  }

}

.main {
	width: 960px;
	height: 871px;
	margin: auto;
}

.topRight {
	width: 300px;
	height: 87px;
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	margin-top: 0px;
}

.tool-tip {
	width: 400px;
	height: 87px;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 260px;
	margin-left:  calc((100% - 960px) / 2 + 135px);
}

.promotion{
	position: absolute;
	color: #fff;
	font-size: 16px;
	margin-left: 159px;
	margin-top: 15px;
}

.homeTown{
	position: absolute;
	top: 740px;
	left: 0;
	margin-left: calc((100% - 980px) / 2 + 738.5px);
	font-size: 16px;
	color: #fff;
}