renshou/pages/index/index.css

/**index.wxss**/
page{background: #fff;}
.top-fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 50;background: var(--mina);}
.topbg{width: 100%;height: 100%;}
.top-title{position: absolute;left: 0;right: 0;text-align: left;font-size: 36rpx;color: #fff;padding-left: 34rpx;}
.top-title image{height: 60rpx;margin-right: 20rpx;}
.not-color{background: #fff;}
.not-color .top-title{color: #333;}
.top{box-sizing: border-box;align-items: center;position: relative;}
.top-bg{width: 100%;height: 260rpx;position: absolute;top: 0;left: 0;z-index: 0;}
.topcon{padding: 40rpx 45rpx;position: relative;z-index: 1;}
.logo{width: 100rpx;height: 100rpx;border: 2rpx solid #fff;background: #fff;border-radius: 50%;margin-right: 25rpx;}
.areas{font-size: 34rpx;color: #fff;}

/* 服务 */
.bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 540rpx;
}
.bg image{
	width: 100%;
	height: 100%;
}
.service-person{
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
}
.service-person-header{
	width: 70rpx;
	height: 70rpx;
	margin: 0 30rpx;
	border-radius: 100%;
}
.service-person-name{
	font-size: 32rpx;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 45rpx;
}
.rico{
	width: 9rpx;
	height: 19rpx;
	margin-left: 10rpx;
}
.service-person-number{
	font-size: 20rpx;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 28rpx;
}
.service-person-tag{
	padding: 0 10rpx;
	line-height: 29rpx;
	background: linear-gradient(319deg, #E6BB82 0%, #FAE4CD 100%);
	border-radius: 3rpx 3rpx 3rpx 3rpx;
	opacity: 1;
	font-size: 20rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #84600A;
	margin-right: 10rpx;
}
.service-person-options{
	font-size: 20rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 28rpx;
	margin-top: 18rpx;
}
.service-person-option{
	margin-right: 17rpx;
}
.service-person-option image{
	width: 28rpx;
	height: 28rpx;
	margin-right: 3rpx;
}
.service-person-phone{
	line-height: 28rpx;
	font-size: 20rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	margin-left: 26rpx;
}
.service-person-phone image{
	width: 48rpx;
	height: 48rpx;
	
}
/* .areas image{width: 22rpx;height: 17rpx;margin-left: 10rpx;margin-top: 10rpx;} */
.recent{align-items: center;font-size: 22rpx;color: #fff;margin-top: 10rpx;}
.recent text{display: block;width: 100rpx;height: 32rpx;text-align: center;line-height: 32rpx;border-radius: 16rpx;margin-right: 9rpx;font-size: 22rpx;}
.renqi{padding: 0 35rpx;text-align: center;font-size: 34rpx;color: #fff;}
.renqi text{display: block;opacity: .7;font-size: 24rpx;margin-top: 10rpx;}

/* .top{box-sizing: border-box;align-items: center;position: relative;}
.top-bg{display: block;width: 100%;height: 192rpx;position: absolute;top: 0;left: 0;z-index: 1;}
.topcon{position: relative;z-index: 2;display: flex;display: -webkit-flex;}
.logo{display: block;width: 80rpx;height: 80rpx;z-index: 2;}
.areas{align-items: center;color: #fff; z-index: 3;}
.areas image{width: 22rpx;height: 17rpx;margin-left: 10rpx;margin-top: 10rpx;}
.recent{align-items: center;font-size: 22rpx;color: #fff;margin-top: 10rpx;}
.recent text{display: block;width: 100rpx;height: 32rpx;text-align: center;line-height: 32rpx;border-radius: 16rpx;margin-right: 9rpx;font-size: 22rpx;}
.renqi{padding: 0 35rpx;text-align: center;font-size: 34rpx;color: #fff;}
.renqi text{display: block;opacity: .7;font-size: 24rpx;margin-top: 10rpx;} */
.tcon{position: relative;}
.tcbg{width: 100%;height: 260rpx;position: absolute;top: 0;left: 0;z-index: 0;}
.merchant{padding: 40rpx 45rpx;position: relative;z-index: 1;}
.logo{width: 100rpx;height: 100rpx;border: 2rpx solid #fff;background: #fff;border-radius: 50%;margin-right: 25rpx;}
.merchant-name{font-size: 36rpx;color: #fff;}
.change{margin-left: 10rpx;font-size: 24rpx;color: rgba(255,255,255,.5);}
.change image{width: 14rpx;height: 23rpx;margin-left: 6rpx;}
.merchant-info{font-size: 24rpx;color: #FFDEC4;margin-top: 14rpx;}
.merchant-info .li{margin-right: 20rpx;}
.merchant-info image{width: 24rpx;height: 24rpx;margin-right: 8rpx;}
.m-share{font-size: 22rpx;color: #fff;margin-left: 50rpx !important;}
.m-share image{width: 34rpx;height: 34rpx;margin: 0 auto 15rpx;}








.box1{border-radius: 50rpx 50rpx 0 0;padding-top: 26rpx;padding-bottom: 5rpx;position: relative;z-index: 2;} 
.search{background: #F0F2F3;height: 70rpx;border-radius: 35rpx;padding: 0 15rpx 0 30rpx;align-items: center;font-size: 26rpx;color: #666;}
.search image{width: 30rpx;height: 30rpx;margin-right: 13rpx;}
.search image.sao{width: 42rpx;height: 42rpx;}
.banner{margin-top: 24rpx;overflow: hidden;position: relative;}
.swiper,.swiper image{width: 100%;height: 394rpx;border-radius: 20rpx;}
.swiper1{width: 100%;height: 400rpx;}
.sat{padding-top: 1rpx;}
.dotse,.dots1{position: absolute;left: 0;right: 0;bottom: 11rpx;align-items: center;justify-content: center;}
.dot{background: #fff;width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}
.dot.active{width: 30rpx;}
.dot1{background: var(--mina);width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}
.dot1.active{width: 30rpx;}
.nav{flex-wrap: wrap;margin-top: 30rpx;position: relative;}
.nav .li{width: 25% !important;text-align: center;font-size: 28rpx;color: #333;margin-bottom: 35rpx;/* height: 41%; */}
.nav .li button{font-size: 28rpx !important;color: #333 !important;}
.nav .li image{width: 80rpx;height: 80rpx;margin: 0 auto 10rpx;}
.grid{flex-wrap: wrap;}
.more{width: 16rpx;height: 27rpx;}
.quan{padding-bottom: 40rpx;}
.quan .li{width: 212rpx;height: 220rpx;margin-right: 17rpx;position: relative;text-align: center;}
.quan .li:last-child{margin-right: 0;}
.quanbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.quan .lic{position: relative;z-index: 2;width: 100%;height: 100%;overflow: hidden;}
.quan .li.gray .sbglinear{background: linear-gradient(90deg,#ddd,#c7c6c6);color: #666;}
.amount{font-weight: bold;font-size: 56rpx;color: #fff;margin: 20rpx 0 0;}
.amount text{font-size: 24rpx;}
.rule{font-size: 24rpx;color: #fff;margin: 0 0 40rpx;}
.ling{width:140rpx;height:40rpx;line-height: 40rpx;font-size: 22rpx;color: #FF6009;position: absolute;left: 50%;transform: translateX(-50%);bottom: 15rpx;}
.jingxuan{padding-bottom: 40rpx;flex-wrap: wrap;}
.jingxuan .li{width: 47%;margin-right: 20rpx;text-align: center;overflow: hidden;margin-bottom: 25rpx;}
.jingxuan .li image{width: 100%;height: 210rpx;border-radius: 10rpx;}
.name{font-size: 28Prpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 15rpx 0 10rpx;}
.price{font-size: 24rpx;color: #FE0419;}
.price text{font-size: 36rpx;font-weight: bold;}
.shequ .li{border-bottom: 2rpx solid #eee;padding: 0 20rpx 38rpx;margin-bottom: 38rpx;overflow: hidden;}
.shequ .li:last-child{border-bottom: none;margin-bottom: 0;}
.shequ .li .flex{overflow: hidden;}
.proimg{box-sizing: border-box;width: 210rpx;height: 210rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;}
.proname{font-size: 28rpx;color: #333;overflow : hidden;line-height: 36rpx;height: 72rpx;}
.endtime{display: inline-block;height: 32rpx;line-height: 32rpx;border: 2rpx solid #FE0419;border-radius: 6rpx;padding: 0 8rpx;font-size: 24rpx;color: #FE0419;margin: 0 0 10rpx;/* margin: 15rpx 0 25rpx; */}
.operate{justify-content: space-between;align-items: center;}
.price .del{font-weight: normal;font-size: 24rpx;color: #999;margin-left: 12rpx;text-decoration: line-through;}
.price .vip{    font-size: 24rpx;margin-left: 12rpx;color: #333;font-weight: normal;}
.add-cart image{width: 42rpx;height: 42rpx;}
.nums{align-items: center;}
.num{font-size: 30rpx;width: 50rpx;text-align: center;line-height: 42rpx;}
.remind{width: 150rpx;height: 50rpx;border-radius: 25rpx;font-size: 24rpx;color: #fff;text-align: center;justify-content: center;line-height: 50rpx;}
.datas{justify-content: space-between;align-items: center;font-size: 24rpx;color: #666;padding: 20rpx 0 0}
.yigou{margin-left: 6rpx;align-items: center;}
.yigou image{width: 40rpx;height: 40rpx;border-radius: 50%;margin-left: -6rpx;border: 2rpx solid #fff;}
.yigou image.more1{border: none;width: 46rpx;height: 46rpx;}
.yigou text{margin-left: 12rpx;}
.xiaoliang{color: #999;}
.miaosha{margin-top: 15rpx;}
.times{margin-bottom: 30rpx;}
.times .li{width: 20%;text-align: center;font-size: 20rpx;color: #999;position: relative;}
.times .li::before{content: '';display: block;width: 2rpx;height: 61rpx;background: #D2D2D2;position: absolute;left: 0;bottom: 5rpx;}
.times .li:first-child::before{display: none;}
.times .li text{display: block;font-size: 36rpx;color: #333;margin-bottom: 5rpx;}
.times .li.active,.times .li.active text{color: #FE0419;}
.msinfos{padding: 20rpx 20rpx 32rpx}
.msinfos image{width: 100%;height: 390rpx;}
.msinfo{padding: 0 9rpx}
.msname{font-size: 30rpx;line-height: 36rpx;margin: 20rpx 0 10rpx}
.qgsta{align-items: center;justify-content: space-between;}
.qiang{width: 100rpx;height: 40rpx;border-radius: 35rpx;text-align: center;line-height: 40rpx;font-size: 24rpx;color: #fff;}
.pintuan{padding-bottom: 50rpx;}
.pintuan .li{margin-bottom: 50rpx;}
.pintuan .li:last-child{margin-bottom: 0;}
.pinimgs{box-sizing: border-box;width: 210rpx;height: 210rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;position: relative;}
.pinimg{display: block;width: 100%;height: 100%;border-radius: 10rpx;}
.tuan{display: block;width: 87rpx;height: 44rpx;font-size: 22rpx;color: #fff;text-align: center;line-height: 34rpx;position: absolute;top: 21rpx;left: -10rpx;}
.tuan image{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.tuan text{position: relative;z-index: 2;display: block;}
.pininfo{overflow: hidden;}
.pininfo .endtime{margin-bottom: 45rpx;}
.pininfo .del{font-size: 24rpx;color: #999;text-decoration: line-through;}
/* .pininfo .price{color: #333;} */
.jishida{margin: 20rpx 0;}
/* .tab{align-items: center;font-size: 28rpx;color: #666;}
.tab .li{width: 25%;text-align: center;position: relative;}
.tab .li::after{content: '';display: block;width: 2rpx;height: 28rpx;background: #D2D2D2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.tab .li:first-child::after{display: none;}
.tab .li.active{color: var(--mina) !important;}
.tabcon{flex-wrap: wrap;margin-top: 20rpx;}
.tabcon .li{width: 50%;} */
/* .tabcon .li{background: #fff;border-radius: 10rpx;width: 345rpx;margin: 20rpx 20rpx 0 0;} */
/* .tabcon .li:nth-child(2n){margin-right: 0;} */
.tabconTh .li{width: 223rpx;margin-right: 20rpx !important;}
.tabconTh .li:nth-child(3n){margin-right: 0 !important;}
.jsdimgs{width: 345rpx;height: 345rpx;position: relative;}
.tabconTh .li .jsdimgs{width: 223rpx;height: 223rpx;}
.jsdpro{width: 100%;height: 100%;}
.jsdimg{width: 82rpx;height: 36rpx;position: absolute;top: 20rpx;left: 20rpx;}
.jsdinfo{padding: 15rpx 20rpx 30rpx;}
.kan-guoqi{background: #999;}
.idxnav{justify-content: space-between;padding: 30rpx;}
.zbgm image{width: 336rpx;height: 321rpx;}
.lqzx{margin-bottom: 20rpx;}
.lqzx image{width: 336rpx;height: 151rpx;}
.myzx image{width: 336rpx;height: 151rpx;}

.guide{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.7);z-index: 102;}
.guide image{width: 100%;}
.layer{
  position: fixed;
  top: 0;
  z-index: 101;
  left: 0;
  right: 0;
  display: flex;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.layer image{
  width: 535rpx;
  height: 650rpx;
}
/*关闭按钮样式 */
.layer .close{
  color:#fff;
  width: 60rpx;
  height: 60rpx;
  margin-top: 80rpx;
}
/* 专题 */
.ztdiv{height: 310rpx;
  background-color: #fff;
  margin-top: 20rpx;
  padding: 0rpx 0rpx 20rpx 0rpx;
  margin-right: 20rpx;
  border-radius: 20rpx;
  
  }
.imgdiv{width: 100%;
  height: 240rpx;
  }
.t-img{height:240rpx;width: 710rpx;border-radius: 20rpx 20rpx 0 0;}

.txtdiv{padding-left: 20rpx;padding-top: 20rpx; border-top: 1rpx #eee solid;
}

.imgtit{width: 100%; margin-bottom:20rpx; }
.jishida .imgtit{width: 100%; margin-bottom:10rpx; }

/* 砍价活动 */
.kjcon{overflow: hidden;}
.kan-price{align-items: center;margin: 10rpx 0 45rpx;}
.tag{width: 80rpx;height: 36rpx;border-radius: 8rpx;text-align: center;line-height: 36rpx;font-size: 20rpx;color: #fff;}
.kan-price .price{font-size: 38rpx;color: #FE0419;margin: 0 20rpx 0 12rpx;}
.kan-price .price text{font-size: 25rpx;}
.kan-price .del{font-size: 24rpx;color: #999;text-decoration: line-through;}
.kan-times{align-items: center;justify-content: space-between;}
.kan-time{align-items: center;font-size: 20rpx;color: #333;margin: 15rpx 0 65rpx;}
.kan-time text{display: block;width: 38rpx;height: 38rpx;border-radius: 8rpx;background: #333;line-height: 38rpx;text-align: center;margin: 0 7rpx;font-size: 24rpx;color: #fff;}
.kan-time text:first-child{margin-left: 0;}
.kan-time view{margin-left: 5rpx;}
.kan-btn{width: 150rpx;height: 50rpx;border-radius: 25rpx;text-align: center;line-height: 50rpx;font-size: 24rpx;color: #fff;}

.cont{flex-wrap: wrap;font-size: 26rpx;}
.cont .li{align-items: center;margin-right: 20rpx; color: #fff;margin-top: 5rpx;}
.cont image{width: 30rpx;height: 30rpx;}
.ss{padding-bottom:20rpx ;}
.li3{width: 33% !important;text-align: center;font-size: 28rpx;margin-bottom: 30rpx;}
.li3 button{font-size: 28rpx !important;color: #333 !important;}
.li5{width: 20% !important;text-align: center;font-size: 28rpx;margin-bottom: 30rpx;}
.li5 button{font-size: 28rpx !important;color: #333 !important;}
.nav .li3 image{width: 140rpx;height: 140rpx;margin: 0 auto 10rpx;}
.nav .li5 image{width: 75rpx;height: 75rpx;margin: 0 auto 10rpx;}
.swiper2{width: 100%;height: 240rpx;}/*一行三个*/
.swiper3{width: 100%;height: 432rpx;}/*两行三个*/
.swiper4{width: 100%;height: 200rpx;}/*一行四个*/
.swiper5{width: 100%;height: 160rpx;}/*一行五个*/
  





.kjpop{position: fixed;top: 50%;transform: translateY(-50%);left: 85rpx;right: 85rpx;background: #fff;border-radius: 20rpx;z-index: 100;overflow: hidden;}
.kjpop .tops {height: 100rpx;}
.kjpop .tops image{width: 100%;height: 100rpx;}
.kjpop .cont{padding: 0rpx 44rpx;}
.kjpop .cont text{font-size:24rpx ; color: #707070;}
.kjpop .cont .title{text-align: center; font-size: 28rpx;color: #DC1515; font-weight: bold;margin: 30rpx 0 45rpx 0;}
/* .kjpop .cont .btn{width: 430rpx; height: 60rpx;border-radius: 40rpx;border: 1rpx solid #DE1F20; color: #DE1E1F; font-size: 28rpx;text-align: center; line-height: 60rpx;margin: 0 auto;} */
.kjpop .bottom{
	border-top: 1rpx solid #E4E4E4;
}
.botLeft,.botRight{
	width: 50%;
	text-align: center;
	padding: 20rpx 0;
}
.botLeft{
	border-right: 1rpx solid #E4E4E4;
}


.spinner {
      margin: 255px auto 0px auto ;
      width: 60rpx;
      height: 60rpx;
      position: relative;
    }
     
    .container1 > view, .container2 > view, .container3 > view {
      width: 15rpx;
      height: 15rpx;
      background-color: var(--mina);
      border-radius: 100%;
      position: absolute;
      -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
      animation: bouncedelay 1.2s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
     
    .spinner .spinner-container {
      position: absolute;
      width: 100%;
      height: 100%;
    }
     
    .container2 {
      -webkit-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
    }
     
    .container3 {
      -webkit-transform: rotateZ(90deg);
      transform: rotateZ(90deg);
    }
     
    .circle1 { top: 0; left: 0; }
    .circle2 { top: 0; right: 0; }
    .circle3 { right: 0; bottom: 0; }
    .circle4 { left: 0; bottom: 0; }
     
    .container2 .circle1 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }
     
    .container3 .circle1 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }
     
    .container1 .circle2 {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
    }
     
    .container2 .circle2 {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s;
    }
     
    .container3 .circle2 {
      -webkit-animation-delay: -0.7s;
      animation-delay: -0.7s;
    }
     
    .container1 .circle3 {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s;
    }
     
    .container2 .circle3 {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
    }
     
    .container3 .circle3 {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s;
    }
     
    .container1 .circle4 {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }
     
    .container2 .circle4 {
      -webkit-animation-delay: -0.2s;
      animation-delay: -0.2s;
    }
     
    .container3 .circle4 {
      -webkit-animation-delay: -0.1s;
      animation-delay: -0.1s;
    }
     
    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }
     
    @keyframes bouncedelay {
      0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }
	.lond{
		text-align: center;
		margin-top: 30rpx;
		font-size: 30rpx;
	}
	
	.roll-notice{height: 60rpx;background: rgba(0,0,0,.55);border-radius: 30rpx;padding: 0 30rpx 0 15rpx;font-size: 24rpx;color: #fff;position: fixed;left: 35rpx;align-items: center;animation: spin 5s ease-in-out infinite;animation-fill-mode: forwards;z-index: 20;max-width: 435rpx;overflow: hidden;}
	.roll-notice .flex{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.roll-notice image{width: 40rpx;height: 40rpx;border-radius: 50%;margin-right: 11rpx;}
	
	@keyframes spin {
		0% {
			top: 305rpx;
			opacity: 0;
		}
		25% {
			top: 255rpx;
			opacity: 1;
		}
		50% {
			top: 255rpx;
			opacity: 1;
		}
		75% {
			top: 215rpx;
			opacity: 0;
		}
		100%{
			top: 215rpx;
			opacity: 0;
		}
	}
	
	
.index-box{
	margin: 30rpx;
}
.index-box-title{
	line-height: 45rpx;
	font-size: 32rpx;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
	color: #302222;
}
.pic230{
	width: 335rpx;
	height: 230rpx;
}
.pic480{
	width: 335rpx;
	height: 480rpx;
}

/* 参与活动 */
.map-ac{overflow: hidden;margin-top: 30rpx;}
.map-acs{white-space: nowrap;height: 270rpx;}
.map-acs .li{display: inline-block;background: #fff;width: 270rpx;height: 260rpx;border-radius: 15rpx;font-size: 32rpx;color: #333;box-sizing: border-box;margin-right: 20rpx;    overflow: hidden;
    position: relative;}
.map-acs .li:last-child{margin-right: 30rpx;}
.map-acs .li image{width: 270rpx;height: 174rpx;border-radius: 15rpx;}
.ac-title{
	line-height: 37rpx;
	font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #000;
	margin-top: 10rpx;
	white-space: pre-wrap;
	    height: 74rpx;
}
.ac-date{
	line-height: 25rpx;
	font-size: 18rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
}
.ac-type{
	position: absolute;
	top: 0;
	left: 0;
	height: 41rpx;
	background: linear-gradient(350deg, #FF7000 0%, #FF9C4E 100%);
	border-radius: 0rpx 0rpx 20rpx 0rpx;
	opacity: 1;
	font-size: 20rpx;
	color: #FFFFFF;
	line-height: 41rpx;
	padding: 0 10rpx;
}


/* 投保案例 */
.tbal-nav{
	justify-content: center;
	margin-top: 39rpx;
	margin-bottom: 35rpx;
}
.tbal-nav-item{
	line-height: 40rpx;
	font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #333333;
	margin-right: 60rpx;
	text-align: center;
}
.tbal-nav-item:last-child{
	margin-right: 0;
}
.tbal-nav-item-active{
	color: #009B62;
}
.tbal-nav-label{
	padding: 0 10rpx;
	line-height: 29rpx;
	margin-top: 2rpx;
	text-align: center;
	border-radius: 15rpx 15rpx 15rpx 15rpx;
	opacity: 1;
	font-size: 20rpx;
	color: #7A7B7F;
}
.tbal-nav-item-active .tbal-nav-label{
	background: linear-gradient(319deg, #A5F3D6 0%, #FAE4CD 100%);
	color: #009B62;
}
.tbal-item{
	padding: 30rpx;
	background: #FFFFFF;
	border-radius: 10rpx 10rpx 10rpx 10rpx;
	opacity: 1;
	margin-top: 20rpx;
	position: relative;
}
.tbal-tag{
	position: absolute;
	right: 0;
	top: 0;
	width: 86rpx;
	padding: 0 10rpx;
	line-height: 31rpx;
	background: linear-gradient(319deg, #FFDB94 0%, #FAE4CD 100%);
	border-radius: 0rpx 10rpx 0rpx 20rpx;
	font-size: 22rpx;
	font-weight: 400;
	color: #77501C;
	text-align: center;
}
.tbal-pic{
	width: 335rpx;
	height: 228rpx;
	border-radius: 10rpx 10rpx 10rpx 10rpx;
	margin-right: 30rpx;
}
.tbal-title{
	font-size: 31rpx;
	font-weight: bold;
	color: #333333;
	margin-top: 18rpx;
	margin-bottom: 15rpx;
}
.tbal-line{
	width: 1rpx;
	height: 57rpx;
	background:#DEDEDE;
	opacity: 1;
	margin: auto 20rpx;
}
.tbal-price{
	line-height: 40rpx;
	font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #FF5700;
}
.tbal-price-text{
	font-size: 20rpx;
	font-weight: 400;
	color: #7A7B7F;
}
.tbal-btn{
	width: 113rpx;
	line-height: 41rpx;
	background: #27D699;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	opacity: 1;
	font-size: 24rpx;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	margin-top: 46rpx;
}

/* 真实理赔故事 */
.lpgs-item{
	width: 440rpx;
	display: inline-block;
	margin-right: 20rpx;
	position: relative;
	overflow: hidden;
}
.lpgs-icon{
	width: 230rpx;
	height: 101rpx;
	position: absolute;
	right: 0;
	top: 0;
}
.lpgs-header{
	width: 440rpx;
	height: 100rpx;
	background: linear-gradient(124deg, #F9F3E1 0%, #F8D494 100%);
	color: #FF5700;
	border-radius: 10rpx 10rpx 0rpx 0rpx;
	opacity: 1;
	font-weight: bold;
	padding: 25rpx 20rpx;
	font-size: 36rpx;
	line-height: 50rpx;
	box-sizing: border-box;
}
.lpgs-header-c{
	background: linear-gradient(124deg, #D6FCE4 0%, #A1EBB9 100%);
	color: #009B62;
}
.lpgs-content{
	box-sizing: border-box;
	width: 440rpx;
	height: 430rpx;
	background: #FBFBFB;
	border-radius: 0rpx 0rpx 10rpx 10rpx;
	padding: 20rpx;
	overflow: hidden;
}
.lpgs-item-content{
	padding-bottom: 20rpx;
	border-bottom: 2rpx solid #F1F1F1;
	flex-wrap: nowrap;
	margin-bottom: 20rpx;
}
.lpgs-item-content:last-child{
	border-bottom: none;
}
.lpgs-item-content-title{
	height: 108rpx;
	font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #333333;
	line-height: 36rpx;
	white-space: break-spaces;
}
.lpgs-item-content-look{
	line-height: 33rpx;
	font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #7A7B7F;
	margin-top: 5rpx;
}
.lpgs-item-content-look image{
	width: 29rpx;
	height: 20rpx;
	margin-right: 10rpx;
}
.lpgs-item-content-pic{
	width: 202rpx;
	height: 141rpx;
	margin-left: 10rpx;
	border-radius: 10rpx;
}


/* 发现 */
.fx-nav{
	height: 40rpx;
	line-height: 40rpx;
	font-size: 28rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #7A7B7F;
	display: inline-block;
	margin-right: 50rpx;
}
.fx-nav:last-child{
	margin-right: 0rpx;
}
.fx-nav-active{
	font-size: 32rpx;
	font-weight: bold;
	position: relative;
	color: #333333;
}
.fx-nav-active::after{
	content: '';
	position: absolute;
	bottom:-10rpx;
	left:50%;
	transform: translateX(-50%);
	width: 40rpx;
	height: 9rpx;
	background: #009B62;
	border-radius: 5rpx 5rpx 5rpx 5rpx;
	opacity: 1;
}
.fx-bar{
	padding: 35rpx 30rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 5rpx 15rpx 1rpx rgba(0,0,0,0.06);
	border-radius: 10rpx 10rpx 10rpx 10rpx;
	opacity: 1;
	margin-top: 30rpx;
}
.fx-header{
	justify-content: space-between;
	margin-bottom: 44rpx;
}
.fx-header-title{
	font-size: 28rpx;
	line-height: 40rpx;
	font-weight: bold;
	color: #009B62;
}
.fx-header-more{
	font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #7A7B7F;
	margin-left: 20rpx;
}
.fx-header-more image{
	width: 9rpx;
	height: 19rpx;
	margin-left: 10rpx;
}
.fx-item{
	padding-bottom: 30rpx;
	border-bottom: 2rpx solid #DEDEDE;
	margin-top: 32rpx;
}
.fx-item:last-child{
	border-bottom: none;
}
.fx-item-title{
	height: 94rpx;
	line-height: 47rpx;
	font-size: 32rpx;
	font-family: PingFang SC-Bold, PingFang SC;
	font-weight: bold;
	color: #333333;
}
.fx-item-time{
	line-height: 33rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: #7A7B7F;
}
.fx-item-look{
	line-height: 33rpx;
	font-size: 24rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #7A7B7F;
	margin-left: 20rpx;
}
.fx-item-look image{
	width: 29rpx;
	height: 20rpx;
	margin-right: 10rpx;
}
.fx-item-pic{
	width: 200rpx;
	height: 150rpx;
	border-radius: 12rpx 12rpx 12rpx 12rpx;
	margin-left: 10rpx;
}

.foot-logo{
	background-color: #F8F8F8;
}
.foot-logo image{
	width: 150rpx;
	height: 42rpx;
	margin: auto;
	padding: 53rpx 0;
}


/* 邀请码弹窗 */
.ceng2{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
.code-pop{
	position: fixed;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width: 574rpx;
	background: #FFFFFF;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	z-index: 100;
}
.code-text{
	line-height: 41rpx;
	color: #151515;
	font-size: 28rpx;
	margin: 51rpx 47rpx 50rpx;
	text-align: center;
}
.code-content image{
	width: 365rpx;
	height: 365rpx;
	margin: 50rpx auto 30rpx;
}
.code-btn{
	padding: 25rpx;
	text-align: center;
	font-size: 28rpx;
	color: #2A82FD;
	border-top: 1px solid #E9E9E9;
}

.pop-scroll{
	max-height: 750rpx;
	overflow: scroll;
	padding: 30rpx;
}
.pop-scroll::-webkit-scrollbar {
	display: none;
}


.chat-fixed{
	position: fixed;
	bottom: 230rpx;
	/* left:calc(100% - 130rpx); */
	right: 30rpx;
	z-index: 1;
	/* transition:all 2s ease-in; */
}
.chat-box{
	width: 100rpx;
	height: 100rpx;
	background-color: #fff;
	border-radius: 100rpx;
	position: relative;
	padding: 8rpx;
	box-sizing: border-box;
	transition:all 0.5s cubic-bezier(0.5,0.8,1,1);
}
.chat-fixed-long{
}
.chat-fixed-long .chat-box{
	width: 690rpx;
}
.chat-fixed-long .chat-lyl{
	position: relative;
    transform: translateX(0);
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
	width: 123rpx;
	height: 56rpx;
	line-height: 56rpx;
	font-size: 28rpx;
	border-radius: 28rpx;
	margin-right: 20rpx;
	opacity: 1;
}
.chat-lyl{
	width: 123rpx;
	background: var(--main);
	text-align: center;
	color: #fff;
	opacity: 0;
	transition:all 0.5s cubic-bezier(0.5,0.8,1,1);
}
.chat-box image{
	width: 86rpx;
	height: 86rpx;
	margin: auto;
	border-radius: 100%;
}
.chat-lyl2{
	position: absolute;
	bottom: -13rpx;
	left: 50%;
	transform: translateX(-50%);
	width: 86rpx;
	height: 32rpx;
	line-height: 32rpx;
	background: var(--main);
	border-radius: 16rpx 16rpx 16rpx 16rpx;
	text-align: center;
	color: #fff;
	font-size: 20rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	opacity: 1;
}
::-webkit-scrollbar {
  width: 0;

  height: 0;

  color: transparent;

}