#vipTipsContainer {
  width: 100%;
  height: 528px;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/public/images/product/enterprisequery/vip/vip_mh_bg.jpg");
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#vipTipsContainer.hide {
  display: none;
}
.vipTipsInner {
  width: 796px;
  height: max-content;
  padding: 30px;
  background-image: url("/public/images/searchWorld/yangli/vip_fc_bg01.jpg");
  background-color: #fafafa;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-shadow: 0px 2px 20px 0px rgba(37, 37, 37, 0.15);
  border-radius: 10px;
  border: 2px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 20px 0px rgba(37, 37, 37, 0.15);
  border-radius: 12px;
}
.vipTipsInner .vipOpenTitle {
  width: 360px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 20px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vipTipsInner .vipOpenTitle .quanbu_quanyi {
  width: 81px;
  height: 21px;
  background: #b9e8da;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #596c67;
  margin-left: 14px;
  font-weight: normal;
}
.vipTipsInner .vipInfo {
  width: 100%;
  height: 306px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(212, 239, 231, 0.8);
  margin-top: 20px;
  padding: 30px;
}
.vipTipsInner .vipInfoContainer {
  display: flex;
}
.vipTipsInner .vipInfoContainer .leftBox {
  width: 56%;
}
.vipTipsInner .vipInfoContainer .leftBox .left_label {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.vipTipsInner .vipInfoContainer .leftBox .vipTipsGrid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 -14px;
}
.vipTipsInner .vipInfoContainer .leftBox .vipTipsGrid .vipTipsItem {
  width: 24%;
  margin-top: 10px;
  margin-right: 0;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: transform 0.2s ease;
}
.vipTipsInner
  .vipInfoContainer
  .leftBox
  .vipTipsGrid
  .vipTipsInner
  .vipInfoContainer
  .leftBox
  .vipTipsGrid
  .vipTipsItem:hover {
  transform: translateY(-2px);
}
.vipTipsInner .vipInfoContainer .leftBox .vipTipsGrid .vipTipsItem:hover .vipTipsItemLabel {
  color: #26b99c;
}
.vipTipsInner .vipInfoContainer .leftBox .vipTipsGrid .vipTipsItem .vipTipsItemIcon {
  width: 42px;
  height: 42px;
  margin-bottom: 8px;
}
.vipTipsInner .vipInfoContainer .leftBox .vipTipsGrid .vipTipsItem .vipTipsItemIcon img {
  width: 100%;
  height: 100%;
  display: block;
}
.vipTipsInner .vipInfoContainer .leftBox .vipTipsGrid .vipTipsItem .vipTipsItemLabel {
  font-size: 12px;
  color: #555;
  text-align: center;
}
.vipTipsInner .vipInfoContainer .rightBox {
  width: 44%;
  flex-wrap: wrap;
  margin-top: 20px;
}
.vipTipsInner .vipInfoContainer .rightBox .rightItem {
  display: flex;
  align-items: center;
  margin-top: 20px;
  width: 100%;
}
.vipTipsInner .vipInfoContainer .rightBox .rightItem .ItemIcon {
  width: 15px;
  height: 15px;
  background: linear-gradient(0deg, #31d8a0, #26b99c);
  border-radius: 50%;
  position: relative;
}
.vipTipsInner .vipInfoContainer .rightBox .rightItem .ItemIcon:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
  height: 6px;
  position: absolute;
  top: 3px;
  left: 6px;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  -webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
  transition: -webkit-transform 0.15s ease-in 0.05s;
  transition: transform 0.15s ease-in 0.05s;
  transition:
    transform 0.15s ease-in 0.05s,
    -webkit-transform 0.15s ease-in 0.05s;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(45deg) scaleY(1);
  transform: rotate(45deg) scaleY(1);
}
.vipTipsInner .vipInfoContainer .rightBox .rightItem .rightExplain {
  margin-left: 8px;
  font-size: 14px;
  color: #555;
}
.vipTipsInner .vipInfoContainer .rightBox .rightItem .rightExplain .strong {
  color: #e78d15;
  font-weight: bold;
}
.vipTipsInner .vipOpenBtnBox {
  width: 360px;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 20px auto 0;
  padding-top: 20px;
}
.vipTipsInner .vipOpenBtnBox .vipOpenBtn {
  display: block;
  width: max-content;
  padding: 0 20px;
  height: 40px;
  background: linear-gradient(0deg, #31d8a0, #26b99c);
  box-shadow: 0px 3px 10px 0px rgba(12, 176, 144, 0.3);
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
}
.vipTipsInner .vipOpenBtnBox .vipOpenBtn .vipOpenBtnLabel {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
.vipTipsInner .vipOpenBtnBox .vipOpenBtn .vipOpenBtnPrice {
  font-size: 14px;
  color: #fffbce;
  margin-left: 10px;
}
.vipTipsInner .vipOpenBtnBox .openPriceTips {
  position: absolute;
  left: 226px;
  top: 6px;
  height: 20px;
  background: linear-gradient(-90deg, #e97129, #f9a928);
  border-radius: 10px 0px 10px 0px;
  border: 1px solid #fff;
  padding: 0 10px;
  line-height: 19px;
  font-size: 12px;
  color: #fff8d2;
  width: max-content;
}
.detail_item_container.remainNull .info_box {
  display: none;
}
.vipOverlayContainer {
  position: relative;
  overflow: hidden;
}
.vipOverlayContainer #vipTipsContainer {
  z-index: 2;
}
.vipOverlayContainer #vipTipsContainer .vipTipsInner {
  justify-content: center;
}