@import "../../app.wxss"; .main { padding: 2vw; } .main .one { border: 1px solid var(--rgb40E); margin: 4vw 0 0 0; padding: 1vw 2vw; border-radius: 20rpx; box-shadow: 0 0 10px 2px var(--rgb40E); } .main .one .two_1 { width: 96%; display: flex; justify-content: space-around; flex-wrap: wrap; padding: 2vw; } .main .one .name { text-align: center; font-size: 18px; font-weight: bold; margin: 0 0 1vw 0; } .main .one .name text { font-size: 14px; } .main .one .name .color0 { color: var(--rgb67c) } .main .one .name .color1 { color: var(--rgbff0) } .main .one .name .color2 { color: var(--rgb46a) } .main .one .name .color-1 { color: var(--rgb8b8) } .main .one .other { margin: 0 0 1vw 0; font-size: 14px; color: var(--rgb868); } .main .one .one_1 { margin: 2vw 0; text-align: center; } .main .one .one_1 .color { margin: 0 2vw; border-radius: 20rpx; font-size: 15px; } .main .one .one_1 .btn_1 { background-color: var(--rgb40E); } .main .one .one_1 .btn_2 { background-color: var(--rgbff0); } .main .one .one_1 .btn_3 { background-color: var(--rgb46a); } .main .one .one_1 .btn_4 { background-color: var(--rgb67c); } .main .two { border: 1px solid var(--rgb40E); margin: 4vw 0 0 0; padding: 1vw 2vw; border-radius: 20rpx; box-shadow: 0 0 10px 2px var(--rgb40E); } .main .two .list { padding: 2vw; margin: 0 0 2vw 0; border-radius: 25rpx; border: 1px solid var(--rgb40E); } .main .two .list .list_1 { display: flex; justify-content: space-around; padding: 2vw 0; font-weight: bold; } .main .two .list .list_1 .left { width: 40%; text-align: center; font-size: 18px; } .main .two .list .list_1 .right { width: 40%; text-align: center; font-size: 18px; } .main .two .list .list_1 .center { width: 20%; display: flex; justify-content: center; font-size: 18px; } .main .two .list .list_1 .center .red { color: var(--rgbff0); padding: 0 2vw; } .main .two .list .list_1 .center .blue { color: var(--rgb46a); padding: 0 2vw; } .main .two .list .list_2 { text-align: center; font-size: 14px; }