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 line
7.7 KiB
1 line
7.7 KiB
2 years ago
|
.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-
|