@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage198-page3{background:url(https://img01.v15cdn.com/singletem/wmpage198/wmpage198-page3-img7.webp)}
.wmpage198-page3 .wmpage198-page3-text{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase;text-align:center;margin-bottom:15px}
.wmpage198-page3 .wmpage-title{color:var(--wmpage-color33);text-align:center;margin-bottom:30px}
.wmpage198-page3 .wmpage198-page3-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage198-page3 .wmpage198-page3-box .wmpage198-page3-item{width:32%;position:relative;margin-top:2%;height:400px;perspective:1000px}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-back,.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-front{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;transition:transform .9s cubic-bezier(.68,-.55,.265,1.25);transform-style:preserve-3d;border-radius:20px;z-index:1}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-front::before{position:absolute;content:'';width:100%;height:100%;background:rgba(0,0,0,.4);left:0;top:0;border-radius:20px;z-index:-1}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-front{background-size:cover;background-position:center center;transform:rotateY(0);z-index:2}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-back{background:#fff;transform:rotateY(180deg);z-index:1}
.wmpage198-page3 .wmpage198-page3-item:hover .wmpage198-page3-front{transform:rotateY(180deg)}
.wmpage198-page3 .wmpage198-page3-item:hover .wmpage198-page3-back{transform:rotateY(0)}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-fcontent{text-align:right;padding:40px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;font-weight:var(--fontbold6)}
.wmpage198-page3 .wmpage198-page3-price{font-size:var(--wmpage-font17);font-weight:var(--fontbold6);color:var(--wmpage-color10);margin-bottom:10px}
.wmpage198-page3 .wmpage198-page3-price span{font-size:24px;font-weight:700;color:var(--color)}
.wmpage198-page3 .wmpage198-page3-name{font-size:24px;font-weight:700;margin-bottom:15px}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-bcontent{padding:30px;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.wmpage198-page3 .wmpage198-page3-title{font-size:var(--wmpage-font22);font-weight:var(--fontbold6);color:var(--wmpage-color33);margin-bottom:10px;line-height: 1;}
.wmpage198-page3 .wmpage198-page3-desc{font-size:var(--wmpage-font15);color:var(--wmpage-color8);margin-bottom:20px}
.wmpage198-page3 .wmpage198-page3-top ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage198-page3 .wmpage198-page3-top ul li{width:50%;margin-top:10px;display:flex;align-items:center;font-size:var(--wmpage-font14);color:var(--wmpage-color8)}
.wmpage198-page3 .wmpage198-page3-top ul li em{margin-right:8px;color:var(--wmpage-color33);font-size:var(--wmpage-font18)}
.wmpage198-page3 .wmpage198-page3-btn a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 20px;background-color:var(--wmpage-color33);color:#fff;border-radius:5px;font-weight:600;overflow:hidden;transition:all .2s linear;z-index:1}
.wmpage198-page3 .wmpage198-page3-btn a::before{position:absolute;content:'';height:100%;width:0;background:var(--color);top:0;transition:all .2s linear;z-index:-1}
.wmpage198-page3 .wmpage198-page3-btn a:hover::before{width:100%}
@media screen and (max-width:1024px){.wmpage198-page3 .wmpage198-page3-box .wmpage198-page3-item{width:48%}
}
@media screen and (max-width:768px){.wmpage198-page3 .wmpage198-page3-box .wmpage198-page3-item{width:100%}
}
.wmpage198-page3{padding:4% 0;}
.wmpage198-page3 .wmpage198-page3-text{display:none;}
.wmpage198-page3 .wmpage198-page3-box .wmpage198-page3-item{height:auto;aspect-ratio:4/3;}
.wmpage198-page3 .wmpage198-page3-name{line-height:1.3;font-size:20px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-fcontent{padding:25px;}
.wmpage198-page3 .wmpage198-page3-price{font-weight:400;font-size:15px;margin-bottom:6px;}
.wmpage198-page3 .wmpage198-page3-price em{color:var(--color);margin-right:5px}
.wmpage198-page3 .wmpage198-page3-title{color:var(--color)}
.wmpage198-page3 .wmpage198-page3-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.3;}
.wmpage198-page3 .wmpage198-page3-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:10px}
.wmpage198-page3 .wmpage198-page3-btn a{background:var(--color)}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-bcontent{padding:20px}
@media (max-width:1440px){.wmpage198-page3 .wmpage198-page3-title a{font-size:19px;-webkit-line-clamp:2;}}
@media (max-width:1280px){.wmpage198-page3 .wmpage198-page3-btn a{min-width:inherit;height:36px;}
.wmpage198-page3 .wmpage198-page3-name{font-size:18px}
.wmpage198-page3 .wmpage198-page3-desc{-webkit-line-clamp:2;line-height:1.5}
.wmpage198-page3 .wmpage198-page3-title{margin-bottom:5px}}
@media (max-width:1024px){.wmpage198-page3 .wmpage198-page3-title a{-webkit-line-clamp:3;}
.wmpage198-page3 .wmpage198-page3-desc{-webkit-line-clamp:4;}}
@media (max-width:900px){.wmpage198-page3 .wmpage198-page3-desc{-webkit-line-clamp:3;}}
@media (max-width:768px){.wmpage198-page3{padding:40px 0;}
.wmpage198-page3 .wmpage198-page3-desc{-webkit-line-clamp:4;}
.wmpage198-page3 .wmpage198-page3-item .wmpage198-page3-bcontent{padding:4vw}}
@media (max-width:450px){.wmpage198-page3 .wmpage198-page3-desc{-webkit-line-clamp:3;}}