RealtorEasier/components/detail-components/detail-banner/detail-banner.wxss

.banner {
  position: relative;
  height: 468rpx;
  width: 100vw;
  /* background: #e5e5e5; */
}
.screen-swiper {
  z-index: 1111;
  background: #e5e5e5;
  min-height: 468rpx;
	border-radius: 12rpx;
}
.screen-swiper .can-vr {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60rpx 0 0 -60rpx;
  width: 120rpx;
  height: 120rpx;
  z-index: 1111;
}
.swiper-page {
  position: absolute;
  left: 50%;
  bottom: 12rpx;
  margin-left: -45rpx;
  width: 90rpx;
  height: 50rpx;
  line-height: 50rpx;
  border-radius: 25rpx;
  color: #fff;
  text-align: center;
  font-size: 22rpx;
}
.swiper-page .mask {
  border-radius: 25rpx;
  width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
}
.swiper-page .swiper-page-content {
  position: relative;
  z-index: 111;
}

.vr-click-tip {
  width: 190rpx;
  height: 64rpx;
  line-height: 64rpx;
  position: absolute;
  right: 0;
  top: 100rpx;
  color: #fff;
  font-size: 22rpx;
  border-radius: 32rpx 0 0 32rpx;
  padding-left: 62rpx;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAFYklEQVRYR82ZWaxdUxzGf9+L0ojhRdUQU9BQ1PBsDiEx9AURKR4NrZYa+kAHQpQYW8ELFUHVVAkPhqgY4qEokQqKiocqiZKSNEI++U7Xvtn33HPO3udUpCs5Obnn7r3Wb3//ca0tdmDYng6cB5wI7Fv7GPip9vkYeFXS+lGX07A32t4fuAa4BPgTeBn4rAss89bB8yDnA5OA54DlkjYNs3ZrUNuTgaXABcDtwJuSvh9mMduHAWcCtwEvADdL2tZmjlagtmcDdwE3SXqkzcRN15Q57wZulLS86fpGUNsx1YeSHmqabJT/274eOEHSZYPuHwhq+wtgiaTnR4Foe4/tS4u1ZvS7py+o7beB2TsSqW1Bc53tY4F7JZ3V676eoEXJi/4vyAqswD4laYKyE0CLT740qrltXwEcBKyQtHEYVYuycYNzu312HGiJRI0SOLZPBe4HokbyamAfAB6U9NswwCXAttUzzBhoyZM/S9p9yEkPBhYCUfLdfEdJ2xcW0FSpeZJeGXLe5Nc9JP2V++qgy4D1bfOk7b2A64C5wO8FcE03jO1F5ZpPC/C6NsC25wCHSsr820FLWfxI0oEtJ4laMfPeUU1SYPqO8lBxg8uLyovbuIPtlNkZkjZXoHcCGyU93rBg/C+A8ccVwKJhAqb4cR7quHLvgw3rXQXsJ+nWCvQ74IxBtdt2IGO+H/qZuY01igUDG79eLSnW6TlsHw68JukIlVbtWUnHNC3U5W9XDqNmAaz7dTJDJ/AaVP0SmBnQBcBuktLRDPKzBEoUjbmiyLD+Vvl1rJgMkZQVN0q+fXKAqnHLLQFNuxVFX2wATZpJdOc7kRhFEiDxt7mS4rMThu2kryeA48v1uSdmr7LFwGC0fXGl6PulL/ygBejMktCzUBReDAQkCm8p6aeTokqkV0B5iIBVqnbMDkTJNYOyhu2T0/9G0Q3A2ZK+bQF6mqQ1RaUokyY6iwU4Cwcsf8fvKtXzHd/M/w4p6neSv+08VBPo9oCy/QcwRVK2FYN8NCbvgFYXlXQTsD2LqqvLd1TO7wGKH8YSE0zcEjSVclNAtwJTJQV4KNAacFV9sjVJNlhXmpNAduB7RfewoN8A50iKC4wEWvPJKJhojrkDPc4C3ZO3BB0z/XvAAkkJqpFBC2wq1jsBLCrm70FztvHRsWBaBayUlDS1M4KOpadbEgySkvh3RtB7gM0JpqOAVZKO3klBv8ppTNWUNOZS20k3qUIz+9Xnkq5a+WjpG5JbkyV6llDbR5bGZVoFegfwo6TH+qna1VMmHU3YYrQBLZ1/0lZybeboNMa9hu0cHe0jaWEFOhVYKynnSgNHgUlV6iT5eo0fBFqr+ckE2bKkPxjY7dveDEyX9Et9K5KuaIOkh5tgSyqKElF2bIvRC7Sr5qeXzcP17ZaqtW3PAw6QdEN+q4PuCvwqKYdhrUaXO2TxVKGc7nXyaCmjMXNqffqBlNFWO1Lb2dRNlvT3ONCiUnxikqT7WpGWi0r3H3c4pfwU0ARVxtjOtO2ctucDW+sx0+sA4mngdUnPtJ24Zq50UNmyBDoKR8Fht8mzgNMlZa6x0e9IJ04+S9Lnw8LuyPW2TwIelZTvcWPQIdkbwPz/C7ZA5uTw3F4P23TsGGWXjuIGwyhrO+ae00vJap42B7nx2U+GDbC2oCVwkivH+WRr09cvtH01kEyQo/H/5OS55MkcjecMtm9FbK1oLaJ3KS8b0nYtAd6SlKa79Si1u3rZEEvlZUMnTzaNRtN3T2B7CnAtEOB/aq9vck5UfXJbynL1SRTn9U32XSuBZSmLTXCN6antBLan1V6I1cEyRR18bXkh9nXbubuv+xev0OrIcQSbSQAAAABJRU5ErkJggg==) no-repeat left center ;
  background-color: rgba(0, 0, 0, 0.7);
  background-size: 48rpx 48rpx;
  background-position-x: 8rpx;
}

image {
  width: 100%;
  height: 100%;
}