html, body {
  background: #F7F7F9;
}

.page-rongmei .pub-rongmeiheader {
  background: url("../images/page-rongmei-typebg1.png") center top no-repeat;
  width: 524px;
  height: 61px;
  margin: auto;
}
.page-rongmei .pub-rongmeiheader.tujie {
  background: url("../images/page-rongmei-typebg2.png") center top no-repeat;
}
.page-rongmei .pub-rongmeiheader.vr {
  background: url("../images/dmsp.png") center top no-repeat;
}
.page-rongmei .rongmei-header {
  height: 332px;
  background: url("../images/page-rongmeiheaderbg.png") center top no-repeat;
}
.page-rongmei .rongmei-h5 {
  margin-top: -23px;
}
.page-rongmei .rongmei-h5 ul {
  margin-top: 30px;
}
.page-rongmei .rongmei-h5 ul li {
  width: 282px;
  margin-left: 24px;
  text-align: center;
}
.page-rongmei .rongmei-h5 ul li:first-child {
  margin-left: 0;
}
.page-rongmei .rongmei-h5 ul li a .thumb {
  background: url("../images/page-rongmei-mobile.png") center top no-repeat;
  width: 282px;
  height: 456px;
}
.page-rongmei .rongmei-h5 ul li a .thumb img {
  width: 261px;
  height: 363px;
  margin-top: 33px;
}
.page-rongmei .rongmei-h5 ul li a .title {
  margin-top: 18px;
  font-size: 18px;
  padding: 0 10px;
}
.page-rongmei .rongmei-tujie {
  margin-top: 40px;
}
.page-rongmei .rongmei-tujie ul {
  margin-top: 30px;
  overflow: hidden;
}
.page-rongmei .rongmei-tujie ul li {
  width: 279px;
  margin-left: 28px;
}
.page-rongmei .rongmei-tujie ul li:first-child {
  margin-left: 0;
}
.page-rongmei .rongmei-tujie ul li a {
  display: block;
}
.page-rongmei .rongmei-tujie ul li a .thumb img {
  width: 279px;
  height: 380px;
}
.page-rongmei .rongmei-tujie ul li a .title {
  width: 279px;
  height: 76px;
  background: #FFFFFF;
  position: relative;
}
.page-rongmei .rongmei-tujie ul li a .title span {
  display: block;
  width: 100%;
  padding: 0 10px;
  word-break: break-all;
  font-size: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 46px;
  overflow: hidden;
  line-height: 25px;
}
.page-rongmei .rongmei-vr {
  margin-top: 40px;
  margin-bottom: 79px;
}
.page-rongmei .rongmei-vr .content {
  margin-top: 30px;
}
.page-rongmei .rongmei-vr .content a p {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  text-align: center;
  color: #FFFFFF;
  left: 0;
  top: 0;
  padding: 0 10px;
  display: none;
}
.page-rongmei .rongmei-vr .content a:hover p {
  display: block;
}
.page-rongmei .rongmei-vr .content .big {
  width: 594px;
  height: 340px;
}
.page-rongmei .rongmei-vr .content .big a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.page-rongmei .rongmei-vr .content .big a img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-rongmei .rongmei-vr .content .big a p {
  line-height: 340px;
}
.page-rongmei .rongmei-vr .content .small {
  width: 592px;
  overflow: hidden;
  height: 340px;
}
.page-rongmei .rongmei-vr .content .small ul {
  width: 620px;
}
.page-rongmei .rongmei-vr .content .small ul li {
  width: 291px;
  height: 164px;
  margin-right: 10px;
  margin-bottom: 12px;
}
.page-rongmei .rongmei-vr .content .small ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.page-rongmei .rongmei-vr .content .small ul li a img {
  display: block;
  width: 100%;
  height: 100%;
}
.page-rongmei .rongmei-vr .content .small ul li a p {
  line-height: 164px;
}
.page-rongmei .pub-footer-channel_index {
  background: #49A9E7;
  color: #FFFFFF;
}