123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- page{background: #fff;}
- .vip-box{background: url(https://m.bbztx.com/img/vip_bg.jpg) left top no-repeat; background-size: cover; height: 375rpx;}
- .vip-rule-text{position: absolute; right: 20rpx; top: 20rpx; font-size: 28rpx; color: #fff; z-index: 5;}
- .group-sheet .linear-mask::after,.group-sheet .linear-mask::before,.group-sheet .linear::after,.group-sheet .linear::before{content: ''; position: absolute;}
- .group-sheet{width: 100%; overflow: auto; height: 264rpx; padding-top: 20rpx; -webkit-overflow-scrolling: touch;}
- .group-sheet .container{position: relative; width: 2200rpx;}
- .group-sheet .sheet{position: relative; z-index: 3; width: 100%;}
- .group-sheet .sheet::before{display:table;content:"";line-height:0}
- .group-sheet .sheet::after{clear:both}
- .group-sheet .sheet .li{width: 340rpx; float: left; position: relative; min-height: 120rpx;}
- .group-sheet .sheet .li.last{width:0}
- .group-sheet .linear,.group-sheet .linear-mask{display:block;position:relative;width:100%}
- .group-sheet .linear{z-index:3}
- .group-sheet .linear::before{height:6rpx;width:100%;left:0;top:4rpx;background-color:#595757}
- .group-sheet .linear-mask::before{height:6rpx;width:100%;left:0;top:4rpx;background-color:#E8F4F3;}
- .group-sheet .linear-mask{height:16rpx;overflow:hidden;z-index:4}
- .ball-scale-multiple{width:104rpx; height:104rpx; line-height: 104rpx; display: block; position: relative; top: 70rpx; left: -8rpx; z-index: 5;}
- .ball-scale-multiple .img{width: 60rpx; height: 60rpx;filter:grayscale(100%);}
- .group-sheet .sheet .li.current .ball-scale-multiple{top:55rpx;}
- .group-sheet .sheet .li.current .ball-scale-multiple .img{width:104rpx; height:104rpx;filter: none;}
- .group-sheet .sheet .li .info{padding-top:50rpx;position:relative;z-index:5;width:200rpx;text-align:center;margin-left:-76rpx;font-size:24rpx;line-height:1.6;color:rgba(255,255,255,.5)}
- .group-sheet .sheet .info text{display: block;}
- .group-sheet .sheet .li.current .info{margin-left:-56rpx;}
- .group-sheet .sheet .li.current .info text{color:#fff;font-weight:700;}
- .group-text{text-align: center; font-size: 24rpx; color: #fff; margin-top: 20rpx;}
- .group-text text{font-weight: bold;}
- .noDataText{padding: 100rpx 0; font-size: 28rpx; color: #595757; line-height: 44rpx; text-align: center;}
- .animate{animation: animate 1s; transition: width .6s ease;}
- @keyframes animate{0% {width: 0;}}
- .grids{position:relative;overflow:hidden;}
- .grids:before{content:'';position:absolute;box-sizing:border-box;width:200%;height:200%;left:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5)}
- .wgrid{position:relative;float:left;padding:.5rem;width:33.33333333%; box-sizing:border-box}
- .vip-childs{margin-top: 20rpx;}
- .vip-safe-box .wgrid{border: 1px solid #DCDDDD; border-right: 0 none; height: 200rpx; text-align: center; color: #595757; font-size: 24rpx; padding: 32rpx 0;}
- .vip-safe-box .wgrid:last-child, .vip-safe-box .wgrid:nth-child(3n){border-right: 1px solid #DCDDDD;}
- .vip-safe-box .wgrid:nth-child(n+4){border-top: 0 none;}
- .VS-box{color: #ea5404; font:normal 20px Arial; margin-bottom:20rpx;}
- .VS-box text{vertical-align:sub;font-size: 20rpx;}
- .VS-box-text{border:2px solid #ea5404; border-radius: 100%; width: 80rpx; height: 80rpx; line-height: 80rpx; text-align: center;display: inline-block; vertical-align: bottom;}
- .vip-safe-box .time{padding: 20rpx 0;}
- .vip-safe-box .icon-time{font-size: 80rpx; color:#ea5404; margin-bottom: 20rpx; display: block;}
- .vip-childs-button{text-align: center; padding: 40rpx 0;}
- .vip-childs-button .button{display: inline-block; padding:10rpx 60rpx;}
- .vip-privilege{border-top:30rpx solid #F5F5F4;}
|