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
10 KiB
1 lines
10 KiB
page{height:100%;font-size:32rpx;line-height:1.6}.altitle{position:absolute;width:100%;height:66rpx;background-color:#000;margin-top:237rpx;border-bottom-right-radius:16rpx;border-bottom-left-radius:16rpx;opacity:.5;font-size:22rpx;font-weight:500;color:#fff}.altitle-name{margin:10rpx 20rpx}.container{width:100vw}.page-body{padding-top:30rpx;background:#f8f8f8}.page-section{width:100%;margin-bottom:60rpx}.page-section_center{display:flex;flex-direction:column;align-items:center}.page-section:last-child{margin-bottom:0}.page-section-gap{box-sizing:border-box;padding:0 30rpx}.page-section-spacing{box-sizing:border-box;padding:0 20rpx}.page-section-title{font-size:28rpx;color:#999;margin-bottom:10rpx;padding-left:30rpx;padding-right:30rpx}.page-section-gap .page-section-title{padding-left:0;padding-right:0}.demo-text-1{position:relative;align-items:center;justify-content:center;background-color:#1aad19;color:#fff;font-size:36rpx}.demo-text-1:before{content:"A";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-text-2{position:relative;align-items:center;justify-content:center;background-color:#2782d7;color:#fff;font-size:36rpx}.demo-text-2:before{content:"B";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-text-3{position:relative;align-items:center;justify-content:center;background-color:#f1f1f1;color:#353535;font-size:36rpx}.demo-text-3:before{content:"C";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button{margin-bottom:30rpx}button:last-child{margin-bottom:0}.page-section-title{padding:0}.swiper-item{display:block;height:300rpx}.banner{overflow:hidden;height:300rpx;display:flex;width:100%;border-radius:16rpx}.dots{display:flex;justify-content:center;padding-bottom:10rpx}.dots .dot{width:8rpx;height:8rpx;border-radius:8rpx;margin-left:10rpx;background:#d2d5da;transition:all .3s}.dots .dot.active{width:24rpx;background:#29b9a5}.page-section-title{margin-top:60rpx;position:relative}.info{position:absolute;right:0;color:#353535;font-size:30rpx}.page-foot{margin-top:50rpx}swiper{height:320rpx}.nine-all{width:100%;height:auto;margin-top:20rpx;padding:0 20rpx;box-sizing:border-box}.nine-all .nine-info{width:100%;height:auto;background-color:#fff;border-radius:16rpx}.nine-info-one{padding:50rpx;height:115rpx}.nine-info-two{padding:0rpx 50rpx 50rpx;height:115rpx}.nine-info-left{float:left;width:33.33333%}.nine-info-left-img{margin:0 auto}.imgsty,.nine-info-left-img{height:76rpx;width:76rpx}.nine-info-left-name{padding-top:16rpx;height:23rpx;text-align:center;font-size:24rpx;font-weight:500;color:#666}.nine-info-cetern,.nine-info-right{float:left;width:33.33333%}.all .list-info{width:100%;height:170rpx;background-color:#fff;border-radius:16rpx}.info-left{float:left;height:170rpx;width:190rpx;background-color:#3bc8af;border-top-left-radius:16rpx;border-bottom-left-radius:16rpx}.number{height:50rpx;line-height:50rpx;font-size:50rpx;font-weight:700;margin-top:45rpx}.number,.number-all{width:190rpx;text-align:center;color:#fff}.number-all{height:25rpx;line-height:25rpx;font-size:25rpx;font-weight:500;margin-top:19rpx}.number-right{width:376rpx;height:170rpx;float:left}.number-right .num-top{width:376rpx;height:85rpx}.number-right .num-top .num-name{width:225rpx;height:85rpx;float:left}.number-right .num-top .num-name .num-name-font{width:auto;height:24rpx;font-size:24rpx;line-height:24rpx;font-family:PingFang SC;font-weight:500;color:#92949b;position:absolute;margin-top:40rpx;margin-left:50rpx}.number-right .num-top .num-name .orange-spot{width:10rpx;height:10rpx;background:#ffc600;border-radius:50%;position:absolute;margin-top:47rpx;margin-left:30rpx}.orange-spot-background{background:#29b9a5!important}.number-right .num-top .num-name .num{height:26rpx;font-size:26rpx;line-height:26rpx;margin-top:38rpx;position:absolute;font-family:PingFang SC;font-weight:700;color:#333}.number-right .num-top .num-name .num-left-top{margin-left:145rpx}.number-right .num-top .num-name .num-left-bottom{margin-left:160rpx}.number-right .num-top .num-statistics{width:151rpx;height:85rpx;float:left}.number-right .num-top .num-statistics-top{height:51rpx;width:151rpx}.num-statistics-bottom{height:34rpx;width:151rpx}.buttom-top{margin-top:20rpx!important}.num-name-font2{margin-top:16rpx!important}.num2{margin-top:14rpx!important}.spot1{height:6rpx;width:6rpx;margin-top:35rpx;float:left;background:#ffc600;border-radius:50%}.spot1-name{height:18rpx;line-height:18rpx;font-size:18rpx;font-weight:500;color:#b1b4bf;margin-top:30rpx;float:left;margin-left:5rpx}.num-color1{margin-left:9rpx;font-weight:700;color:#ffc600}.spot2{height:6rpx;width:6rpx;margin-top:15rpx;float:left;background:#ffa270;border-radius:50%}.spot3{background:#29b9a5;margin-top:11rpx!important}.num-color3,.spot3-name{margin-top:6rpx!important}.num-color3{color:#29b9a5!important}.num-statistics-top2{height:34rpx!important;width:151rpx!important}.num-statistics-bottom2{height:51rpx!important;width:151rpx!important}.spot4{margin-top:5rpx!important;background:#63cfed}.num-color4{color:#63cfed!important}.num-color4,.spot4-name{margin-top:0rpx!important}.spot2-name{height:18rpx;line-height:18rpx;font-size:18rpx;font-weight:500;color:#b1b4bf;margin-top:10rpx;float:left;margin-left:5rpx}.num-color2{margin-left:9rpx;font-weight:700;color:#ffa270}.chat-right{width:114rpx;height:114rpx;margin-top:28rpx;position:relative;float:left}.color-white{left:0;top:0;bottom:0;right:0;margin:auto;background:#fff;z-index:999}.chat-right .color-1,.color-white{position:absolute;border-radius:50%}.chat-right .color-1{width:114rpx;height:114rpx;background:#ad6dfe;background-image:linear-gradient(90deg,transparent 50%,#ffc600 0)}.color-2{content:"";display:block;margin-left:50%;height:100%;border-radius:0 100% 100% 0/50%;background-color:#ad6dfe;transform-origin:left}.shanxing{position:relative;width:114rpx;height:114rpx;border-radius:100rpx;background:#ffc600}.sx1{clip:rect(0rpx,57rpx,114rpx,0rpx);background-color:#29b9a5}.sx1,.sx2{position:absolute;width:114rpx;height:114rpx;transform:rotate(0deg);border-radius:100rpx}.sx2{clip:rect(57rpx,57rpx,114rpx,0rpx);background-color:#63cfed}.sx3{clip:rect(57rpx,57rpx,114rpx,0rpx);background-color:#ffa270}.sx3,.sx4{position:absolute;width:114rpx;height:114rpx;transform:rotate(0deg);border-radius:100rpx}.sx4{clip:rect(0rpx,57rpx,57rpx,0rpx);background-color:#ffc600}.sector{width:114rpx;height:114rpx;position:absolute;clip:rect(0 114rpx 114rpx 57rpx);overflow:hidden}.sector:after{content:"";width:100%;height:100%;background:currentColor;position:absolute;clip:rect(0 57rpx 114rpx 0);transform:rotate(0deg);border-radius:50%}.canvas-wh{width:114rpx!important;height:114rpx!important;position:absolute!important}.white{width:80rpx;height:80rpx;border-radius:50%;position:absolute;margin-top:17rpx;margin-left:17rpx;z-index:10;background-color:#fff}.info-left-color,.orange-spot-yh-t{background-color:#ad6dfe!important}.orange-spot-yh-t{margin-top:55rpx!important}.num-name-font-top{margin-top:48rpx!important}.num-yh{margin-top:46rpx!important}.orange-spot-yh-b{background-color:#ffc600!important}.num-statistics-yh-t{color:#ad6dfe;line-height:115rpx}.num-statistics-yh-b,.num-statistics-yh-t{text-align:center;font-size:26rpx;font-family:PingFang SC;font-weight:700}.num-statistics-yh-b{color:#ffc600;line-height:50rpx!important}.sudoku{margin-top:20rpx}.sudoku,.sudoku .content{width:100%;box-sizing:border-box;padding:0 20rpx}.sudoku .content{height:100%;background:#fff;border-radius:16rpx;display:grid;grid-template-columns:repeat(2,1fr);align-content:center;grid-row-gap:14%}.sudoku .item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:170rpx;border-radius:6rpx}.sudoku .item image{width:100rpx;height:100rpx;object-fit:contain}.sudoku .item .name{margin-top:16rpx;font-size:24rpx;color:#666;line-height:24rpx}.grid-hover{background:#f7f7f7}.button{width:33.33%;height:140rpx;position:absolute;background:hsla(0,0%,100%,0);z-index:10}.all{width:100%;height:196rpx;margin-top:20rpx;padding:0 20rpx;box-sizing:border-box}.all-bottom{margin-bottom:66rpx}.all .list-info-a{width:100%;height:196rpx;background-color:#fff;border-radius:16rpx;display:flex;align-items:center}.all .list-info-a .left-a{height:194rpx;width:202rpx;border-top-left-radius:16rpx;border-bottom-left-radius:16rpx;display:flex;justify-content:center;align-items:center;flex-direction:column}.all .list-info-a .pink{background-color:#ff716c}.all .list-info-a .pink image{width:100%;height:100%;display:flex;position:relative}.all .list-info-a .orange{background-color:#fe9667}.all .list-info-a .orange image{width:100%;height:100%;display:flex;position:relative}.position-absolute{position:absolute;height:194rpx;width:202rpx;display:flex;justify-content:center;align-items:center;flex-direction:column}.all .list-info-a .left-a .left-a-info-number{font-size:46rpx;font-weight:700;color:#fff}.all .list-info-a .left-a .left-a-info-text{font-size:22rpx;font-weight:700;color:#fff}.all .list-info-a .left-a .left-a-info-bottom{font-size:26rpx;font-weight:500;color:#fff}.all .list-info-a .left-a .left-a-info-bottom-1{font-size:18rpx;font-weight:500;color:#fff}.all .list-info-a .right-a{height:194rpx;width:calc(100% - 202rpx);border-top-right-radius:16rpx;border-bottom-right-radius:16rpx;display:flex;align-items:center}.all .list-info-a .right-a .right-a-left{border-right:1rpx solid #e8e8e8}.all .list-info-a .right-a .right-a-left,.all .list-info-a .right-a .right-a-right{height:125rpx;width:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.width-2{width:33.333333333333336%!important}.border-right{border-right:1rpx solid #e8e8e8}.left-one{font-size:26rpx;font-weight:500;color:#333;height:26rpx;line-height:26rpx}.left-two{font-size:36rpx;font-weight:700;color:#d10400;height:36rpx;line-height:36rpx;margin-top:15rpx}.left-two text{color:#fd6a62}.left-three,.left-two text{font-size:24rpx;font-weight:700}.left-three{color:#377fe3;height:24rpx;line-height:24rpx;margin-top:20rpx}.left-four{display:flex;justify-content:center;align-items:center;height:18rpx;line-height:18rpx}.left-four-top1{margin-top:15rpx}.left-four-top2{margin-top:10rpx}.left-four .left-four-spot{height:6rpx;width:6rpx;background:#fe956b;border-radius:50%}.left-four .left-four-text{font-size:18rpx;font-weight:500}.left-four .left-four-color1{color:#b1b4bf}.left-four .left-four-color2{margin-left:10rpx;width:20rpx}.left-four-color2-1{color:#377fe3}.left-four-color2-2{color:#0b9f9d}.line-top{width:calc((100% - 382rpx)/2);margin-left:247rpx}.line-bottom,.line-top{height:2rpx;background:#ee221c}.line-bottom{width:calc((100% - 202rpx)/3);margin-left:calc(202rpx + ((100% - 202rpx)/3 + ((100% - 202rpx)/3)/2))}
|