html,body{
  max-width: 750px;
  margin: 0 auto;
  background: rgb(255,233,233);
}

.g-page .banner-wrapper1 {
  /* width: 100%; */
  height: 11.9rem;
  overflow: hidden;
  text-align: center;
  position: relative;
  background: url(./images/banner1.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.open_btn{
  width: 3.15rem;
  height: 1.1rem;
  position: absolute;
  top: .35rem;
  right: .35rem;
  background: url(./images/open.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.go_btn{
  width: 4.125rem;
  height: 4.2rem;
  position: absolute;
  bottom: -.2rem;
  right: 0rem;
  background: url(./images/go.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.g-page .banner-wrapper2 {
  /* width: 100%; */
  height: 11.425rem;
  overflow: hidden;
  text-align: center;
  position: relative;
  background: url(./images/banner2.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.open_btn{
  width: 3.15rem;
  height: 1.1rem;
  position: absolute;
  top: .35rem;
  right: .35rem;
  background: url(./images/open.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.main-content{
  margin: .575rem .25rem;
  padding: .225rem .675rem;
  background: rgb(245,187,187);
  border-radius: .2rem
  
}
.main-title{
  height: 1.825rem;
  overflow: hidden;
  text-align: center;
  position: relative;
  background: url(./images/shanghai.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.beijing{
  background-image: url(./images/beijing.png);
}
.tabs-content{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: .25rem 0 .2rem
}

.tab-content-box{
  flex: 0 1 8.175rem;
  margin: 0 0 .5rem;
  height: 7.925rem;
  border-radius: .2rem;
  background: url(./images/tab-bg.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	font-family: PingFangSC-Medium;
	font-size: .9rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.1rem;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center
}
.img-box{
  width: 7.7rem;
  height: 5.4rem;
  position: relative;
  margin: .25rem auto .75rem
}
.img-box img{
  width: 100%;
  height: 100%;
}


.relus-mark {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
      z-index: 4000;
}
.relus-outer-box{
  position: relative;
}
.close_btn{
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: url(./images/close.png) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: .75rem auto 0
}
.relus-mark .relus-inner-box {
    width: 13.8rem;
    /* height: 23.25rem;
     /* margin: 1.6rem auto 0; */
    position: relative;
    overflow: hidden;
    background: #ffffff
}

.relus-inner-box .relus-title{
  height: 2.2rem;
  background: rgb(245,187,187);
}
.relus-inner-box .relus-title img{
  display: block;
  width: 12.3rem;
  height: 2.2rem;
  margin: 0 auto
}
.relus-content{
  padding: .85rem;
  height: 19.25rem;
  box-sizing: border-box;
  overflow-y: scroll;
  /* margin: 5rem auto  */
  font-family: PingFangSC-Regular;
	font-size: .65rem;
	line-height: 1.2rem;
	letter-spacing: 0px;
	color: #000000;
}

li {
  list-style: none; }


 .relus-mark .relus-inner-box  ul li.text {
  /* color: rgb(119,119,124); */
}