123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 |
- /* 水平间距 */
- /* 水平间距 */
- .content.data-v-b14ffc51 {
- display: flex;
- flex-direction: column;
- width: 100vw;
- height: 100vh;
- background-color: var(--footColor);
- }
- .content .one.data-v-b14ffc51 {
- display: flex;
- justify-content: space-between;
- height: 40vw;
- padding: 8vw 3vw 0 3vw;
- background-color: var(--f12Color);
- }
- .content .one .left.data-v-b14ffc51 {
- display: flex;
- }
- .content .one .left .left_1.data-v-b14ffc51 {
- padding: 0 2vw;
- }
- .content .one .left .left_1 .image.data-v-b14ffc51 {
- width: 18vw;
- height: 18vw;
- border-radius: 1vw;
- background-color: var(--mainColor);
- }
- .content .one .left .right_1.data-v-b14ffc51 {
- color: var(--mainColor);
- }
- .content .one .left .right_1 .name.data-v-b14ffc51 {
- font-size: var(--font18Size);
- font-weight: bold;
- }
- .content .one .left .right_1 .ranking.data-v-b14ffc51 {
- margin: 4vw 0 0 0;
- font-size: var(--font16Size);
- }
- .content .one .right.data-v-b14ffc51 {
- margin: 4vw 0 0 0;
- }
- .content .one .right text.data-v-b14ffc51 {
- font-size: var(--font14Size);
- }
- .content .two.data-v-b14ffc51 {
- position: absolute;
- top: 35vw;
- width: 94vw;
- margin: 0 3vw;
- padding: 5vw 0 0 0;
- border-radius: 1vw;
- text-align: center;
- background-color: var(--mainColor);
- }
- .content .two .two_1.data-v-b14ffc51 {
- font-size: var(--font16Size);
- color: var(--f99Color);
- padding: 2vw 0;
- }
- .content .two .two_2.data-v-b14ffc51 {
- padding: 4vw 0;
- }
- .content .two .two_2 button.data-v-b14ffc51 {
- padding: 0 10vw;
- font-size: var(--font16Size);
- }
- .content .two .two_3.data-v-b14ffc51 {
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 5vw 0;
- font-size: var(--font14Size);
- border-top: 1px solid var(--footColor);
- }
- .content .two .two_3 text.data-v-b14ffc51 {
- padding: 0 2vw;
- }
- .content .thr.data-v-b14ffc51 {
- position: absolute;
- top: 88vw;
- width: 94vw;
- margin: 0 3vw;
- padding: 2vw 0;
- border-radius: 1vw;
- background-color: var(--mainColor);
- }
- .content .thr .thr_1.data-v-b14ffc51 {
- display: flex;
- justify-content: space-around;
- padding: 1vw 0 4vw 0;
- border-bottom: 1px solid var(--footColor);
- }
- .content .thr .thr_1 .list.data-v-b14ffc51 {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .content .thr .thr_1 .list .name.data-v-b14ffc51 {
- margin: 1vw 0 0 0;
- color: var(--f33Color);
- font-size: var(--font14Size);
- }
- .content .thr .thr_2.data-v-b14ffc51 {
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 4vw 2vw;
- }
- .content .thr .thr_2 .fraction.data-v-b14ffc51 {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .content .thr .thr_2 .fraction .top.data-v-b14ffc51 {
- font-size: var(--font20Size);
- font-weight: bold;
- }
- .content .thr .thr_2 .fraction .bottom.data-v-b14ffc51 {
- color: var(--f99Color);
- font-size: var(--font14Size);
- }
- .content .thr .thr_2 .circle.data-v-b14ffc51 {
- display: flex;
- align-items: center;
- color: var(--f99Color);
- font-size: var(--font14Size);
- }
- .content .thr .thr_2 .circle text.data-v-b14ffc51 {
- padding: 0 1vw;
- }
|