﻿.become-wmkcmode1{position:relative;padding:4% 0}
.become-wmkcmode1::before{content:'';position:absolute;left:-230px;top:0;width:1920px;height:100%;background-color:#f4f4f4}
.become-wmkcmode1 .wmkcmode1-box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px}
.become-wmkcmode1 .item-box{width:32%;position:relative;z-index:2}
.become-wmkcmode1 .center{width:480px;height:480px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.become-wmkcmode1 .right{display:flex;flex-direction:column;justify-content:space-between}
.become-wmkcmode1 .left{display:flex;flex-direction:column;justify-content:space-between}
.become-wmkcmode1 .center img{max-width:90%}
.become-wmkcmode1 .item .title{display:flex;align-items:center;margin-bottom:10px}
.become-wmkcmode1 .item .title .icon{width:50px;height:50px;border-radius:50%;background-color:var(--color);display:flex;align-items:center;justify-content:center;margin-right:16px}
.become-wmkcmode1 .item .title .tit{font-size:20px;color:#090909}
.become-wmkcmode1 .item .text{color:#555}
.become-wmkcmode2{padding:4% 0;position:relative}
.become-wmkcmode2::before{content:'';position:absolute;left:-230px;top:0;width:1920px;height:100%;background-image:url(/uploads/42329/page/p20250107150756ba0e9.webp);background-repeat:no-repeat;background-size:cover}
.become-wmkcmode2 .wmkcmode2-box{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:2}
.become-wmkcmode2 .wmkcmode2-box .item{width:23%;margin:15px 0}
.become-wmkcmode2 .wmkcmode2-box .item.item-title{width:75%}
.become-wmkcmode2 .wmkcmode2-box .item-box{background-color:rgba(0,0,0,.4);padding:3% 2%}
.become-wmkcmode2 .item-box .num{color:var(--color);font-size:80px;line-height:1;font-weight:600}
.become-wmkcmode2 .item-box .title{color:#fff;font-size:22px;font-weight:600;margin:10px 0}
.become-wmkcmode2 .item-box .text{color:#999}
.become-wmkcmode2 .item-title{display:flex;align-items:center;height:100%;min-height:300px}
.become-wmkcmode2 .mode2-title{position:relative;color:#fff;font-size:36px;font-weight:600;padding-left:200px}
.become-wmkcmode2 .mode2-title::before{content:'';position:absolute;left:0;top:50%;width:120px;height:3px;z-index:2;transform:translateY(-50%);background-color:rgba(255,255,255,.5)}
@media screen and (max-width:1440px){.become-wmkcmode1 .center{width:320px;height:320px}}
@media screen and (max-width:1024px){.become-wmkcmode1::before{width:calc(100% + 30px);left:-15px}
.become-wmkcmode1 .item-box{width:100%}
.become-wmkcmode1 .item-box .item{margin:5px 0}
.become-wmkcmode1 .center{width:320px;margin:20px auto}
.become-wmkcmode2::before{width:calc(100% + 30px);left:-15px}
.become-wmkcmode2 .wmkcmode2-box .item{width:48%}
.become-wmkcmode2 .wmkcmode2-box .item.item-title{width:100%;min-height:fit-content}
.become-wmkcmode2 .mode2-title{font-size:42px}}
@media screen and (max-width:768px){.become-wmkcmode2 .mode2-title{font-size:24px;padding-left:50px}
.become-wmkcmode2 .mode2-title::before{width:32px}
.become-wmkcmode2 .item-box .num{font-size:32px}
.become-wmkcmode2 .item-box .title{font-size:18px}
.become-wmkcmode1{padding:30px 0}
.become-wmkcmode2{padding:30px 0}}
@media screen and (max-width:500px){.become-wmkcmode2 .wmkcmode2-box .item{width:100%;padding:20px}
.become-wmkcmode1 .center{max-width:100%}}
