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.1 KiB
1 lines
7.1 KiB
@charset "UTF-8";.f-cb{float:none;clear:both;height:0}.f-cs::after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:""}.f-hide{display:none}.f-fl{float:left}.f-fr{float:right}.f-bs1{box-shadow:0 2rpx 8rpx 0 rgba(0,0,0,.1)}.f-bs2{box-shadow:0 4rpx 12rpx 0 rgba(0,0,0,.16)}.f-bs3{box-shadow:0 6rpx 18rpx 0 rgba(0,0,0,.22)}.f-blur{filter:blur(3px)}.f-shield{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(8rpx)}@keyframes fade_in{0%{opacity:0}100%{opacity:1}}@keyframes fade_in_up{0%{transform:translate3d(0,360rpx,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_down{0%{transform:translate3d(0,-360rpx),0;opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_right{0%{transform:translate3d(360rpx,0,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_left{0%{transform:translate3d(-360rpx,0,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}.a-fade-in{animation:fade_in .27s ease-in}.a-fade-in-up{animation:fade_in_up .27s ease-in}.a-fade-in-right{animation:fade_in_right .27s ease-in}.a-fade-in-left{animation:fade_in_left .27s ease-in}.a-fade-in-down{animation:fade_in_down .27s ease-in}@keyframes fade_out{0%{display:block;opacity:1}100%{display:block;opacity:0}}@keyframes fade_out_up{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(0,360rpx,0);opacity:0}}@keyframes fade_out_down{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(0,-360rpx,0);opacity:0}}@keyframes fade_out_right{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(360rpx,0,0);opacity:0}}@keyframes fade_out_left{0%{display:block;transform:translate3d(0);opacity:1}100%{display:block;transform:translate3d(-360rpx,0,0);opacity:0}}.a-fade-out{animation:fade_out .27s ease-out}.a-fade-out-up{animation:fade_out_up .27s ease-out}.a-fade-out-right{animation:fade_out_right .27s ease-out}.a-fade-out-left{animation:fade_out_left .27s ease-out}.a-fade-out-down{animation:fade_out_down .27s ease-out}@keyframes scale_in{0%{opacity:0;transform:scale3d(0,0,0)}100%{opacity:1;transform:scale3d(1,1,1)}}@keyframes scale_in_left_up{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_right_down{0%{opacity:0;transform:translate3d(50%,50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_right_up{0%{opacity:0;transform:translate3d(50%,-50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_left_down{0%{opacity:0;transform:translate3d(-50%,50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}.a-scale-in{animation:scale_in .27s ease-in}.a-scale-in-left-up{animation:scale_in_left_up .27s ease-in}.a-scale-in-right-up{animation:scale_in_right_up .27s ease-in}.a-scale-in-left-down{animation:scale_in_left_down .27s ease-in}.a-scale-in-right-down{animation:scale_in_right_down .27s ease-in}page{font-family:Source Han Serif SC}.g-bd{box-sizing:border-box;position:relative;height:calc(100vh - 335rpx - env(safe-area-inset-bottom)/ 2)}.m-info{position:relative;z-index:10;box-sizing:border-box;margin:0 auto;margin-top:20rpx;padding:40rpx;border-radius:20rpx;width:710rpx;background-color:#fff}.m-info .base-info{position:relative}.m-info .base-info .avatar{width:120rpx;height:120rpx;border-radius:100%;overflow:hidden}.m-info .base-info .name{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:absolute;width:480rpx;left:140rpx;top:50%;transform:translateY(-50%);font-weight:700}.m-info .points{margin:40rpx 0}.m-info .points .icn{line-height:26rpx;font-size:26rpx;color:#999}.m-info .points .icn image{vertical-align:bottom;margin-right:10rpx;width:22rpx;height:26rpx}.m-info .points .num{margin-top:20rpx;line-height:50rpx;font-size:40rpx;color:#ffc100;font-weight:700}.m-info .badge-list{margin:-15rpx;overflow:hidden}.m-info .badge-list .badge{float:left;margin:15rpx}.m-info .badge-list .badge image{display:block;width:70rpx;height:70rpx}.m-info .badge-list .badge.z-grey{filter:grayscale(100%);opacity:.5}.m-info .edit{position:absolute;right:0;top:210rpx}.m-info .edit .edit-btn{padding:0;margin:0;width:200rpx;height:60rpx;font-weight:400;line-height:60rpx;border-radius:30rpx 0 0 30rpx;background:#e60000;color:#fff;font-size:32rpx;text-align:center}.m-info .edit .at-btn{position:relative;padding:0;margin-top:20rpx;margin-left:auto;width:140rpx;height:60rpx;font-weight:400;line-height:60rpx;border-radius:30rpx 0 0 30rpx;background:#2f93ee;color:#fff;font-size:32rpx;text-align:center}.m-info .edit .at-btn .span_at{font-size:30rpx}.m-info .edit .at-btn .dot{position:absolute;top:10rpx;right:20rpx;width:20rpx;height:20rpx;background:#fa2727;border-radius:50%}.m-menus{position:relative;z-index:10;box-sizing:border-box;margin:20rpx auto;padding:2rpx 0;border-radius:20rpx;width:710rpx;background-color:#fff}.m-menus:last-of-type{margin-bottom:40rpx}.m-menus .menus{display:block;padding:0 20rpx;line-height:40rpx}.m-menus .menus .menu{padding:30rpx 0;border-top:1rpx solid #eee;overflow:hidden;font-size:32rpx;color:#333;overflow:hidden}.m-menus .menus .menu:first-child{border-top:none}.m-menus .menus .menu .f-fl>text{font-weight:700;margin-left:20rpx}.m-menus .menus .menu .f-fr{position:relative}.m-menus .menus .menu .f-fr>text{line-height:40rpx;font-size:32rpx;color:#999}.m-menus .menus .menu .f-fr>text.z-stress{color:#ffa03c}.m-menus .menus .menu .f-fr>text.z-stress2{padding:0 10rpx;color:#fff;background-color:#ffa03c;border-radius:40rpx;min-width:20rpx;font-size:30rpx}.m-menus .menus .menu .f-fr>image{margin-right:-10rpx}.m-menus .menus .menu image{display:inline-block;width:40rpx;height:40rpx;vertical-align:bottom}.menu-task{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:40rpx 21rpx;border-top:1rpx solid #e7eeee}.menu-task .menu-task-flex .menu-task-title{font-size:30rpx;font-weight:500;color:#333;line-height:1}.menu-task .menu-task-flex .menu-task-desc{margin:26rpx 0;font-size:28rpx;font-weight:500;color:#999}.menu-task .menu-task-flex .menu-task-progress{font-size:28rpx;font-weight:500;color:#ffc100}.menu-task .menu-task-right{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;width:160rpx;margin-left:50rpx;font-size:28rpx;font-weight:500;color:#ffc100;text-align:right}.menu-task .menu-task-right image{width:9rpx;height:18rpx;margin-left:10rpx}.m-menus2{position:relative;box-sizing:border-box;margin:20rpx auto;padding:10rpx 20rpx 20rpx;width:710rpx;background:#fff;box-shadow:0rpx 3rpx 24rpx 0rpx rgba(211,211,211,.26);border-radius:20rpx;display:flex;align-items:center;flex-wrap:wrap}.m-menus2 .menu{box-sizing:border-box;width:33.3%;padding:20rpx 0;font-size:26rpx;font-family:Source Han Serif SC;font-weight:500;color:#666;line-height:34rpx;text-align:center}.m-menus2 .menu image{display:block;margin:15rpx auto;width:90rpx;height:90rpx}
|