jianbuzou_v2/packageB/index/index.wxss

/**index.wxss**/
.container{
  /* background-image: url('http://minipro1.luochunlvshi.com/uploads/index11.jpg'); */
  background-image: url('https://minipro.luochunlvshi.com/uploads/image/innerBack.png');
  background-size: 100% auto;
  position: relative;
  height:100vh;
  width:100%;
}

/* .top_2{
  height: 95rpx;
  height:60vh;
  margin-top: 4rpx;
  width: 750rpx;
} */
.topBackImage{
  height: 64rpx;
  background-size: 100% 100%;
}
.lightUp{
  background-image: linear-gradient(
    180deg,
    rgba(228, 1, 6, 1) 0,
    rgba(253, 86, 92, 1) 100%
  );
  border-radius: 20rpx;
  width: 280rpx;
  height: 140rpx;
  border: 4rpx solid rgba(255, 255, 255, 1);
  margin: 6rpx 0 0 235rpx;
 z-index: 999999999;
}
.lightUp_no{
  background-color: #DCD9D4; background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%); background-blend-mode: soft-light,screen;
  border-radius: 20rpx;
  width: 280rpx;
  height: 140rpx;
  border: 4rpx solid rgba(255, 255, 255, 1);
  margin: 6rpx 0 0 235rpx;
 z-index: 999999999;
}

.lightUp_no .lightImage_1{
  width: 202rpx;
  height: 40rpx;
  margin: 33rpx 0 0 39rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightUp .lightImage_1{
  width: 202rpx;
  height: 40rpx;
  margin: 33rpx 0 0 39rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightImage_1 .innerDian{
  width: 40rpx;
  height: 40rpx;
}
.lightImage_1 .lightUpText{
  width: 152rpx;
  height: 36rpx;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 38rpx;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  line-height: 36rpx;
  margin-left: 4rpx;
}

.item-container{
  width:100%;  
  padding: 4rpx 20rpx 30rpx 20rpx;
}
.item-container .item-city{
  width: 44%;
  height: 130rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border-radius: 20rpx;
  padding-bottom: 16rpx;
}
.item-container .item-city .locationImage{
  width: 70rpx;
  height: 70rpx;
  margin-top: 12rpx;
}
.item-container .item-city .item-locationText{
  width:40%;
  padding-top:20rpx;
  margin-left: 20rpx;
 
}
.item-container .item-canlendar{
  width: 44%;
  height: 130rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border-radius: 20rpx;
  padding-bottom: 16rpx;
  margin-left: 50rpx;
  /* justify-content: space-between; */
}
.item-container .item-canlendar .canlendarImage{
  width: 70rpx;
  height: 70rpx;
  margin-top: 10rpx;
}
.item-container .item-canlendar .item-canlendarText{
  margin-left: 20rpx;
  width:40%;
  padding-top:21rpx;
}
.item-containerFir{
  width: 95%;
  height: 120rpx;
  margin-top: 10rpx;
  border-radius: 20rpx;
  background-color: #fff;
  padding-bottom: 10rpx;
}
.item{
  width:33.3%;
  padding-top:16rpx;
  /* background-color: #FFF; */
}
.item .top{
  color:rgba(61, 61, 61, 1);
  font-size:28rpx;
  font-family: PingFang SC-Bold;
  font-weight: 700;
  padding-top:10rpx;
}
.item .bottomRed{
  color: rgba(234, 23, 29, 1);
  font-size:30rpx;
  font-family: PingFang SC-Bold;
  font-weight: 700;}
.item .bottom{
  color:#333;
  font-size:30rpx;
  /* padding-top:10rpx; */
  font-family: PingFang SC-Bold;
  font-weight: 700;
}


ec-canvas {
  width: 100%;
  height: 50vh;
}
cover-view{overflow:visible;}
.mask{
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 background: #000;
 z-index: 9000;
 opacity: 0.7;
}
.modalDlg{
 width: 580rpx;
 height: 620rpx;
 position: absolute;
 top: 50%;
 left: 0;
 z-index: 9999;
margin-top:290rpx;
margin-left:90rpx;
 background-color: #fff;
 border-radius: 36rpx;
 display: flex;
 flex-direction: column;
 align-items: center;
 overflow:hidden;
}

.modalDlg .closeBox {
  /* width: 100%;
  height: 56rpx; */
  /* margin-top: 20rpx; */
}
.modalDlg .closeBox image {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  right: 4%;
  top: 20rpx;
}
.modalDlg text{margin-top:40rpx;}
.modalDlg image{width:100%;height:280rpx;}
.modalInput{width:90%;height:60rpx;line-height:60rpx;border:1px solid #999;border-radius:10rpx;margin-top:40rpx;padding-left:10rpx;font-size:24rpx;}
.bao {
    width: 300rpx;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 50rpx;
    background: linear-gradient(to right,#25ca9f,#2ebcc0);
    left: 140rpx;
    color: #ffffff;
    font-size: 33rpx;
	border-radius: 36rpx;
}
.addToSmallProgramClass {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.6);
  color: white;
  z-index: 9999;
}

.addToSmallProgramClass .center_text_div_class {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 28rpx;
  transform: translateX(-70rpx);
}

.addToSmallProgramClass .arrow {
  width: 100%;
  height: 100%;
  animation-name: addToSmallProgramClass_arrow_swing;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@-webkit-keyframes addToSmallProgramClass_arrow_swing {
  from {
      transform: translateY(20%);
  }

  to {
      transform: translateY(-20%);
  }
}

@keyframes addToSmallProgramClass_arrow_swing {
  from {
      transform: translateY(20%);
  }

  to {
      transform: translateY(-20%);
  }
}

.addToSmallProgramClass .more {
  width: 46rpx;
  height: 17rpx;
  margin-left: 15rpx;
  margin-right: 15rpx;
}

.addToSmallProgramClass .as-close {
  width: 24rpx;
  height: 24rpx;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30rpx;
  padding: 20rpx;
}

.denglu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}

.denglu_ong {
    width: 622rpx;
    margin: 0 auto;
    margin-top: 55%;
    height: 439rpx;
    border-radius: 15rpx;
    position: relative;
    padding: 59rpx 0;
    padding-top: 41rpx;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.denglu_ong text {
    font-size: 31rpx;
    color: #131313;
}

.denglu_img {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.imhyua {
    width: 119rpx;
    height: 119rpx;
}

.register {
    color: #fe4045;
    font-size: 25rpx;
    display: flex;
    width: 466rpx;
    height: 83rpx;
    border-radius: 50rpx;
    align-items: center;
    background: none;
    justify-content: center;
}
.button-hover {
    background-color: none;
}
.dianji {
    position: fixed;
    top: 93%;
    width: 195rpx;
    height: 83rpx;
    display: flex;
    right: 0;
    z-index: 5;
}
.quan {
    width: 90%;
    height: 90%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    display: block;
    z-index: 10;
}

.none {
    display: none;
}

button {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: none;
    line-height: normal;
}

button::after {
    content: none;
}

.dhlc{width:120rpx;height:120rpx;
	border-radius:50%;
	background-color:#E1270E;
	position:absolute;
	top:-60rpx;
}
  
.dhlc text{color:#FFF;}
.dhlc .text{font-size:22rpx;}
.dhlc .num1{font-size:30rpx;font-weight:bold;}
.dhlc .num{font-size:34rpx;}
.step{
	padding:5rpx 10rpx;
	background-color:#474747;
	border-radius:25rpx;
	color:#FFF;font-size:22rpx;
	margin-bottom:10rpx;
	position:absolute;
		top:-110rpx;
}
.isRuleShow{
  display: block;
 }
 .isRuleHide{
  display: none;
 }
 .ruleZhezhao{
   height: 100%;
   width: 100%;
   position: fixed;
   background-color:rgba(0, 0, 0, .5);
   z-index: 100000000000;
   top: 0;
   bottom: 30%;
   left: 0;
  }
  .ruleZhezhaoContent{
   /* padding: 20rpx 0; */
   width: 100%;
   /* background: #ffffff; */
   margin: 20% auto;
   border-radius: 20rpx;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   align-items: center;
   position: relative;
  }
  .backSuccess{
    width: 750rpx;
    height: 880rpx;
    position: relative;
    left: 16rpx;
    top: 0rpx;
  }
  .guanf{
    position: relative;
    bottom: 510rpx;
    left: 220rpx;
    width: 70rpx;
    height: 70rpx;
  }
  .successCity{
    width: 400rpx;
    height: 340rpx;
    position: relative;
    bottom: 500rpx;
    border-radius: 20rpx;
  }
  .successTime{
    position: relative;
    bottom: 480rpx;
  }