/**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: 72rpx; 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: 114rpx; height: 114rpx; margin-left: 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; } .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; }