@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage123-page1 .wmpage123-page1-title{position:relative}
.wmpage123-page1 .wmpage123-page1-title .wmpage-title{text-align:center;color:var(--color);font-weight:var(--fontbold6)}
.wmpage123-page1 .wmpage123-page1-title .wmpage123-page1-titbg{position:absolute;left:calc(50% + 2px);top:50%;transform:translate(-50%,-50%);-webkit-text-stroke:1px var(--color);-webkit-text-fill-color:#fff;z-index:-1}
.wmpage123-page1 .wmpage123-page1-title::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:38%;height:2px;background-color:var(--color)}
.wmpage123-page1 .wmpage123-page1-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:38%;height:2px;background-color:var(--color)}
.wmpage123-page1 .wmpage123-page1-menu{display:flex;flex-wrap:wrap;align-items:center;margin-top:40px}
.wmpage123-page1 .wmpage123-page1-li{width:33.3333%;padding:10px;color:#fff;text-align:center;background-color:var(--color);cursor:pointer;position:relative}
.wmpage123-page1 .wmpage123-page1-li::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:rgba(0,0,0,.2);transition:all .3s ease-in-out}
.wmpage123-page1 .wmpage123-page1-li.active::before{height:100%}
.wmpage123-page1 .wmpage123-page1-list{margin-top:40px}
.wmpage123-page1 .wmpage123-page1-item{position:relative;display:none}
.wmpage123-page1 .wmpage123-page1-item::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:4px;height:100%;background-color:var(--color);opacity:.5}
.wmpage123-page1 .wmpage123-page1-item.active{display:block}
.wmpage123-page1 .wmpage123-page1-item.active-animate .wmpage123-page1-txt .info{opacity:1!important}
.wmpage123-page1 .wmpage123-page1-item.active-animate .wmpage123-page1-txt:nth-child(odd) .info{transform:translateX(0)!important}
.wmpage123-page1 .wmpage123-page1-item.active-animate .wmpage123-page1-txt:nth-child(even) .info{transform:translateX(0)!important}
.wmpage123-page1 .wmpage123-page1-txt{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;margin-bottom:20px}
.wmpage123-page1 .wmpage123-page1-txt .icon{position:absolute;left:50%;top:0;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color)}
.wmpage123-page1 .wmpage123-page1-txt .icon em{color:#fff;font-size:var(--wmpage-font20);display:inline-block;width:20px}
.wmpage123-page1 .wmpage123-page1-txt .info{width:calc(50% - 40px);background-color:#fafafa;padding:20px 30px;position:relative;opacity:0;transition:all .3s ease-in-out}
.wmpage123-page1 .wmpage123-page1-txt .num{width:calc(50% - 40px);font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage123-page1 .wmpage123-page1-txt:nth-child(odd) .num{text-align:left}
.wmpage123-page1 .wmpage123-page1-txt:nth-child(odd) .info{transform:translateX(50px)}
.wmpage123-page1 .wmpage123-page1-txt:nth-child(even) .num{text-align:right}
.wmpage123-page1 .wmpage123-page1-txt:nth-child(even) .info{transform:translateX(-50px)}
@media screen and (max-width:768px){.wmpage123-page1 .wmpage123-page1-title::before{width:25%}
.wmpage123-page1 .wmpage123-page1-title::after{width:25%}
.wmpage123-page1 .wmpage123-page1-menu{margin-top:25px}
.wmpage123-page1 .wmpage123-page1-item{padding-left:40px}
.wmpage123-page1 .wmpage123-page1-item::before{left:20px;transform:translateX(0)}
.wmpage123-page1 .wmpage123-page1-item .icon{left:-50px;transform:translateX(0)}
.wmpage123-page1 .wmpage123-page1-txt{margin-left:10px}
.wmpage123-page1 .wmpage123-page1-txt .info{width:100%;margin-top:10px}
.wmpage123-page1 .wmpage123-page1-txt .num{width:100%}
.wmpage123-page1 .wmpage123-page1-txt:nth-child(odd){flex-direction:column-reverse}
.wmpage123-page1 .wmpage123-page1-txt:nth-child(even) .num{text-align:left}
}
@media screen and (max-width:500px){.wmpage123-page1 .wmpage123-page1-li{width:50%}
.wmpage123-page1 .wmpage123-page1-title::before{display:none}
.wmpage123-page1 .wmpage123-page1-title::after{display:none}}
.wmpage123-page1 .wmpage123-page1-menu{  justify-content: center; }