You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.7 KiB
1 lines
7.7 KiB
.integral-container .integral-header{display:flex;align-items:center;width:100%;height:90rpx;box-sizing:border-box;padding:0 20rpx;background:#fff}.integral-container .integral-header .integral-logo{width:60rpx;height:60rpx;margin-right:20rpx;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.integral-container .integral-tabs{width:100%;margin-top:20rpx;background:#fff}.integral-container .integral-tabs .tabs-mask{position:absolute;top:0;left:0;width:100%;height:20rpx;z-index:0;background:#eee}.integral-container .integral-tabs .integral-tabs-list{position:relative;display:flex;align-items:center;height:86rpx;background:#fff}.integral-container .integral-tabs .integral-tabs-list .integral-tabs-item{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:34rpx;font-weight:500;color:#999;text-align:center;line-height:86rpx;font-family:Source Han Serif SC;background:#eee;z-index:1}.integral-container .integral-tabs .integral-tabs-list .integral-tabs-item image{width:30rpx;height:30rpx;margin-left:10rpx}.integral-container .integral-tabs .integral-tabs-list .tabs-item-on{font-weight:700;color:#333}.integral-container .integral-tabs .integral-tabs-list .tabs-item-on0{background:#fff;border-radius:0 20rpx 20rpx 0;-webkit-border-radius:0 20rpx 20rpx 0;-moz-border-radius:0 20rpx 20rpx 0;-ms-border-radius:0 20rpx 20rpx 0;-o-border-radius:0 20rpx 20rpx 0}.integral-container .integral-tabs .integral-tabs-list .tabs-item-on1{background:#fff;border-radius:20rpx!important;-webkit-border-radius:20rpx!important;-moz-border-radius:20rpx!important;-ms-border-radius:20rpx!important;-o-border-radius:20rpx!important}.integral-container .integral-tabs .integral-tabs-list .tabs-item-on2{background:#fff;border-radius:20rpx 0 0 20rpx;-webkit-border-radius:20rpx 0 0 20rpx;-moz-border-radius:20rpx 0 0 20rpx;-ms-border-radius:20rpx 0 0 20rpx;-o-border-radius:20rpx 0 0 20rpx}.integral-container .integral-tabs .integral-tabs-list0 .integral-tabs-item:nth-of-type(3){border-radius:0 0 0rpx 20rpx;-webkit-border-radius:0 0 0rpx 20rpx;-moz-border-radius:0 0 0rpx 20rpx;-ms-border-radius:0 0 0rpx 20rpx;-o-border-radius:0 0 0rpx 20rpx}.integral-container .integral-tabs .integral-tabs-list1 .integral-tabs-item:nth-of-type(2){border-radius:0 0 20rpx 20rpx;-webkit-border-radius:0 0 20rpx 20rpx;-moz-border-radius:0 0 20rpx 20rpx;-ms-border-radius:0 0 20rpx 20rpx;-o-border-radius:0 0 20rpx 20rpx}.integral-container .integral-tabs .integral-tabs-list1 .integral-tabs-item:nth-of-type(4){border-radius:20rpx 0 0rpx 20rpx;-webkit-border-radius:20rpx 0 0rpx 20rpx;-moz-border-radius:20rpx 0 0rpx 20rpx;-ms-border-radius:20rpx 0 0rpx 20rpx;-o-border-radius:20rpx 0 0rpx 20rpx}.integral-container .integral-tabs .integral-tabs-list2 .integral-tabs-item:nth-of-type(3){border-radius:0 0 20rpx 0;-webkit-border-radius:0 0 20rpx 0;-moz-border-radius:0 0 20rpx 0;-ms-border-radius:0 0 20rpx 0;-o-border-radius:0 0 20rpx 0}.integral-container .integral-wrapper{width:100%;height:calc(100vh - 196rpx);background:#fff}.integral-container .integral-wrapper .swiper{width:100%;height:100%}.integral-achievement{padding:10rpx 40rpx 40rpx 0;height:100%;box-sizing:border-box;overflow-y:scroll}.integral-achievement .integral-achieve-item{position:relative;display:flex;height:125rpx;padding-left:110rpx}.integral-achievement .integral-achieve-item .achieve-item-cicle{width:40rpx;height:40rpx;flex-shrink:0;box-sizing:border-box;margin-right:40rpx;background:#e7eeee;border:2rpx solid #999;border-radius:50%}.integral-achievement .integral-achieve-item .achieve-item-info{font-size:30rpx;font-family:Source Han Serif SC;font-weight:500;color:#999}.integral-achievement .integral-achieve-item:first-child{margin-top:60rpx}.integral-achievement .achieve-item-active .achieve-item-cicle{background:#fff5f5;border:2rpx solid #e60000}.integral-achievement .achieve-item-active .achieve-item-info{color:#333}.integral-achievement .achieve-item-active:last-child .achieve-item-cicle{background:#e60000}.integral-achievement .integral-achieve-item::after{position:absolute;top:45rpx;left:125rpx;content:'';width:10rpx;height:70rpx;background:#e7eeee;border-radius:5rpx;-webkit-border-radius:5rpx;-moz-border-radius:5rpx;-ms-border-radius:5rpx;-o-border-radius:5rpx}.integral-achievement .achieve-item-active:last-child::after{display:none}.integral-points{width:100%;height:100%;box-sizing:border-box;padding-bottom:40rpx}.integral-points .integral-points-top{width:100%;margin-bottom:40rpx;padding:30rpx 72rpx;box-sizing:border-box}.integral-points .integral-points-top .integral-top-level,.integral-points .integral-points-top .integral-top-point{display:flex;align-items:center;justify-content:space-between}.integral-points .integral-points-top .integral-top-item{font-size:30rpx;font-family:Source Han Serif SC;font-weight:500;color:#333;text-align:center}.integral-points .integral-points-top .integral-top-item text{font-size:44rpx;font-family:Source Han Serif SC;font-weight:700;color:#ce0208}.integral-points .integral-points-top .integral-top-level{margin-top:45rpx}.integral-points .integral-points-top .integral-level-now{height:24rpx;padding:0 10rpx;font-size:26rpx;font-family:Source Han Serif SC;font-weight:700;font-style:italic;color:#fff;text-align:center;line-height:24rpx;background:#e60000;border-radius:16rpx 10rpx 16rpx 10rpx;-webkit-border-radius:16rpx 10rpx 16rpx 10rpx;-moz-border-radius:16rpx 10rpx 16rpx 10rpx;-ms-border-radius:16rpx 10rpx 16rpx 10rpx;-o-border-radius:16rpx 10rpx 16rpx 10rpx}.integral-points .integral-points-top .integral-level-next{background:#999}.integral-points .integral-points-top .integral-level-progress{position:relative;width:450rpx;height:30rpx;background:#e7eeee;border-radius:15rpx;-webkit-border-radius:15rpx;-moz-border-radius:15rpx;-ms-border-radius:15rpx;-o-border-radius:15rpx}.integral-points .integral-points-top .integral-level-progress .integral-level-text{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:26rpx;font-family:Source Han Serif SC;font-weight:800;font-style:italic;color:#fff;text-align:center;line-height:30rpx}.integral-points .integral-points-top .integral-level-progress .integral-level-nei{position:absolute;top:0;left:0;z-index:1;height:100%;background:#e60000;border-radius:15rpx;-webkit-border-radius:15rpx;-moz-border-radius:15rpx;-ms-border-radius:15rpx;-o-border-radius:15rpx}.integral-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:2;transition:display .5s;-webkit-transition:display .5s;-moz-transition:display .5s;-ms-transition:display .5s;-o-transition:display .5s}.integral-rules{position:fixed;left:0;bottom:-800rpx;width:100%;height:800rpx;box-sizing:border-box;background:#fff;z-index:3;border-radius:5rpx 5rpx 0 0;-webkit-border-radius:5rpx 5rpx 0 0;-moz-border-radius:5rpx 5rpx 0 0;-ms-border-radius:5rpx 5rpx 0 0;-o-border-radius:5rpx 5rpx 0 0;transition:bottom .5s;-webkit-transition:bottom .5s;-moz-transition:bottom .5s;-ms-transition:bottom .5s;-o-transition:bottom .5s}.integral-rules .rules-top{margin-bottom:20rpx;padding:0rpx 20rpx}.integral-rules .rules-top .rules-close{padding-top:10rpx;font-size:39rpx;font-family:Source Han Serif SC;font-weight:800;color:#372222;text-align:right;line-height:1}.integral-rules .rules-top .rules-title{font-size:32rpx;font-family:Source Han Serif SC;font-weight:700;color:#333;line-height:1}.integral-rules .rules-wrapper{height:700rpx;box-sizing:border-box;padding:20rpx 60rpx 40rpx 40rpx;font-size:28rpx;font-family:Source Han Serif SC;font-weight:500;color:#372222;overflow-y:scroll}.integral-rules .rules-wrapper .rules-desc{margin-bottom:24rpx}.integral-rules .rules-wrapper text{display:block;line-height:48rpx}.integral-rules-show{bottom:0}
|