﻿.pool .wmkc-inner .title{font-size:90px;text-align:center;color:#fff;margin-bottom:20px;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-family:ClashDisplayVariable}
.pool .wmkc-inner .info{width:100%;background-color:rgba(0,0,0,.5);position:absolute;left:0;bottom:0;padding:40px 15px}
.pool .wmkc-inner .info .text{margin:0 18%;font-size:20px;color:#fff;text-align:center}
.pool .pool-mode1{padding:50px 0}
.pool .pool-mode1 .title{text-align:center;font-size:45px;font-weight:600;font-family:ClashDisplayVariable}
.pool .pool-mode1 .list{margin-top:40px;display:flex;justify-content:space-between}
.pool .pool-mode1 .list .item{display:block;position:relative;width:32%}
.pool .pool-mode1 .list .item .info{padding:20px;position:absolute;left:0;bottom:10px}
.pool .pool-mode1 .list .item .info .tit{color:#fff;font-size:35px;font-weight:500}
.pool .pool-mode1 .list .item .info .more{color:#fff;font-size:25px;font-weight:500}
.pool .pool-mode2 .title{text-align:center;font-size:45px;font-weight:600;font-family:ClashDisplayVariable}
.pool .pool-mode2 .list{margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap}
.pool .pool-mode2 .list .item{max-height:500px;margin-top:20px;position:relative}
.pool .pool-mode2 .list .item:nth-child(1){width:40%}
.pool .pool-mode2 .list .item:nth-child(2){width:33%}
.pool .pool-mode2 .list .item:nth-child(3){width:24%}
.pool .pool-mode2 .list .item:nth-child(4){width:24%}
.pool .pool-mode2 .list .item:nth-child(5){width:33%}
.pool .pool-mode2 .list .item:nth-child(6){width:40%}
.pool .pool-mode2 .list .item .img{width:100%;height:100%;overflow:hidden}
.pool .pool-mode2 .list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.pool .pool-mode2 .list .item .info{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);opacity:0;transition:all .2s linear}
.pool .pool-mode2 .list .item .info .more{display:inline-block;padding:4px 20px;border:1px solid #fff;color:#fff;border-radius:20px}
.pool .pool-mode2 .list .item:hover .img img{transform:scale(1.1)}
.pool .pool-mode2 .list .item:hover .info{opacity:1;top:50%}
.pool .pool-mode3{padding:50px 0}
.pool .pool-mode3 .title{text-align:center;font-size:45px;font-weight:600;font-family:ClashDisplayVariable}
.pool .pool-mode3 .list{margin-top:40px;display:flex;justify-content:space-between}
.pool .pool-mode3 .list .item{width:23%}
.pool .pool-mode3 .list .item .img{width:100%;overflow:hidden;border-radius:50%}
.pool .pool-mode3 .list .item .img img{width:100%;height:100%;object-fit:cover}
.pool .pool-mode3 .list .item .info{margin-top:20px}
.pool .pool-mode3 .list .item .info .tit{text-align:center;font-size:23px;font-weight:600}
.pool .pool-mode4{background-repeat:no-repeat;background-size:cover;background-position:center;padding:5% 0}
.pool .pool-mode4 .tit{text-align:center;color:#fff;font-weight:600;font-size:50px;font-family:ClashDisplayVariable}
.pool .pool-mode4 .title{text-align:center;color:#fff;font-weight:600;font-size:80px;font-family:ClashDisplayVariable}
@media screen and (max-width:1280px){.pool .wmkc-inner .title{font-size:58px}
.pool .wmkc-inner .info{padding:30px 15px}
.pool .wmkc-inner .info .text{margin:0 10%}
.pool .pool-mode4 .tit{font-size:40px}
.pool .pool-mode4 .title{font-size:60px}
}
@media screen and (max-width:1024px){.pool .wmkc-inner .title{font-size:42px}
.pool .wmkc-inner .info{padding:20px 15px}
.pool .wmkc-inner .info .text{margin:0 4%}
.pool .pool-mode1 .title{font-size:42px}
.pool .pool-mode1 .list .item .info .tit{font-size:28px}
.pool .pool-mode1 .list .item .info .more{font-size:16px}
.pool .pool-mode2 .title{font-size:42px}
.pool .pool-mode3 .title{font-size:42px}
.pool .pool-mode4 .tit{font-size:24px}
.pool .pool-mode4 .title{font-size:42px}
}
@media screen and (max-width:768px){.pool .wmkc-inner .title{font-size:28px}
.pool .wmkc-inner .info{padding:10px 15px}
.pool .wmkc-inner .info .text{margin:0;font-size:16px}
.pool .pool-mode1 .title{font-size:24px}
.pool .pool-mode1 .list .item .info .tit{font-size:20px}
.pool .pool-mode1 .list .item .info .more{font-size:16px}
.pool .pool-mode2 .title{font-size:24px}
.pool .pool-mode2 .list .item .img img{height:100%!important}
.pool .pool-mode3 .title{font-size:24px}
.pool .pool-mode3 .list .item .info .tit{font-size:18px}
.pool .pool-mode4 .tit{font-size:20px}
.pool .pool-mode4 .title{font-size:30px}
}
@media screen and (max-width:500px){.pool .wmkc-inner .title{font-size:24px}
.pool .wmkc-inner .info .text{font-size:14px}
.pool .pool-mode1{padding:30px 0}
.pool .pool-mode1 .list{flex-wrap:wrap}
.pool .pool-mode1 .list .item{width:100%}
.pool .pool-mode2 .list{flex-wrap:wrap}
.pool .pool-mode2 .list .item{width:49%!important;margin-top:10px}
.pool .pool-mode3{padding:30px 0}
.pool .pool-mode3 .title{font-size:24px}
.pool .pool-mode3 .list{margin-top:10px;flex-wrap:wrap}
.pool .pool-mode3 .list .item{width:49%;margin-top:20px}
.pool .pool-mode3 .list .item .info .tit{font-size:18px}
.pool .pool-mode4{padding:30px 0}
.pool .pool-mode4 .tit{font-size:20px}
.pool .pool-mode4 .title{font-size:30px}
}
