.rsvipbg{width:100%;height: 100%;background-color: rgba(0,0,0,.3);position: fixed;top: 0;left: 0;z-index: 999999;
  display: none;
}
.rsvip{width:580px;height: 530px; position: fixed;top: 0;left: 0;right: 0;bottom: 0; margin:auto;border-radius: 4px;overflow: hidden;background: #ffffff}
.rsvip .rsviptop{height: 132px;background: #f7f0e4;position: relative;text-align: center;margin-bottom: 20px}
.rsvip .rsviptop img{margin: 0 auto;margin-top: 35px}

.rsvip .rsviptop .closevip {position: absolute;right: 20px;top: 20px;width: 20px;height: 20px;cursor: pointer;}
.rsvip .rsviptop .closevip:before, .rsvip .rsviptop .closevip:after {position: absolute;left: 15px;content: ' ';height: 16px;width: 2px;background-color: #c1c1c1;}
.rsvip .rsviptop .closevip:before {
  transform: rotate(45deg);
}
.rsvip .rsviptop .closevip:after {transform: rotate(-45deg);}
.rsvip .tiplist{padding: 0 20px}
.rsvip .tiplist .tpitem{width: 267px; display: flex;background: #f3f3f3;margin-bottom: 4px;padding: 14px 16px 12px 16px;float: left;box-sizing:border-box;position: relative}
.rsvip .tiplist .tpitem.f{margin-right: 6px}
.rsvip .tiplist .tpitem .tipdh img{width: 15px}
.rsvip .tiplist .tpitem .noonline{width: 267px;background: rgba(253,253,253,0.7);position: absolute;left: 0;top: 0;right: 0;bottom: 0}
.rsvip .tipdh{margin: 2px 10px 0 0}
.rsvip .tipbox{flex: 1}
.rsvip .tiplist{clear: both}
.clear{clear: both}
.rsvip .tipvip{font-weight: bold;font-size: 14px;color: #181818}
.rsvip .tipviptxt{font-size: 12px;color: #787878;margin-top: 2px}
.rsvip .openvip{width: 260px;height: 50px;line-height: 50px;background: #181818;color: #dbcd97;text-align: center;font-weight: bold;font-size: 16px;margin: 0 auto;margin-top: 10px;}
.rsvip .openvip a{color: #dbcd97;}
.rsvip .openviptxt{color: #989898;text-align: center;font-size: 12px;margin-top: 10px}