.main-wrapper{overflow:hidden}.banner-blk{border-top:1px solid rgba(0,0,0,.2)}multipurpose-nav[m4-type=collapse] .drag-container{width:100%;max-width:100%}multipurpose-nav[m4-type=collapse] .drag-container .wrapper{gap:10px 20px!important}multipurpose-nav[m4-type=collapse] .drag-container .item{padding:10px 20px;border-radius:500px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.2);transition:border .4s}multipurpose-nav[m4-type=collapse] .drag-container .item:after{content:"";width:101%;height:101%;background:linear-gradient(90deg,#95cf15,#1aafd4);transition:opacity .4s;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width: 1201px){multipurpose-nav[m4-type=collapse] .drag-container .item:hover{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .drag-container .item:hover:after{opacity:1}multipurpose-nav[m4-type=collapse] .drag-container .item:hover .category{color:#fff}}@media only screen and (max-width: 1200px){multipurpose-nav[m4-type=collapse] .drag-container .item:active{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .drag-container .item:active:after{opacity:1}multipurpose-nav[m4-type=collapse] .drag-container .item:active .category{color:#fff}}multipurpose-nav[m4-type=collapse] .drag-container .item.active{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .drag-container .item.active:after{opacity:1}multipurpose-nav[m4-type=collapse] .drag-container .item.active .category{color:#fff}multipurpose-nav[m4-type=collapse] .drag-container .item .category{color:#444;font-size:1rem;font-weight:400;line-height:1.6;padding:0;letter-spacing:.5px;position:relative;z-index:2;transition:color .4s}multipurpose-nav[m4-type=collapse] .drag-container .item .category:after{content:unset}multipurpose-nav[m4-type=collapse] .collapse-container .item{padding:10px 20px;letter-spacing:.5px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.2);transition:border .4s}multipurpose-nav[m4-type=collapse] .collapse-container .item:after{content:"";width:101%;height:101%;background:linear-gradient(90deg,#95cf15,#1aafd4);transition:opacity .4s;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width: 1201px){multipurpose-nav[m4-type=collapse] .collapse-container .item:hover{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .collapse-container .item:hover:after{opacity:1}multipurpose-nav[m4-type=collapse] .collapse-container .item:hover .category{color:#fff}}@media only screen and (max-width: 1200px){multipurpose-nav[m4-type=collapse] .collapse-container .item:active{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .collapse-container .item:active:after{opacity:1}multipurpose-nav[m4-type=collapse] .collapse-container .item:active .category{color:#fff}}multipurpose-nav[m4-type=collapse] .collapse-container .item.active{background-color:transparent;border:1px solid rgba(0,0,0,0)}multipurpose-nav[m4-type=collapse] .collapse-container .item.active:after{opacity:1}multipurpose-nav[m4-type=collapse] .collapse-container .item.active .category{color:#fff}multipurpose-nav[m4-type=collapse] .collapse-container .item .category{color:#444;font-size:1rem;font-weight:400;line-height:1.6;padding:0;letter-spacing:.5px;position:relative;z-index:2;transition:color .4s}multipurpose-nav[m4-type=collapse] .collapse-container .item .category:after{content:unset}.collapse-blk .container{padding-bottom:50px;width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1500px){.collapse-blk .container{width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}}@media only screen and (max-width: 900px){.collapse-blk .container{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2)}}@media only screen and (max-width: 767px){.collapse-blk .container{width:calc(100% - var(--baseSpace) * 2)}}.content-blk{background:#f2f2f2}.content-blk .container{padding:var(--rwdPadding80) 0 var(--rwdPadding120) 0}.content-blk .tipBox{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1500px){.content-blk .tipBox{width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}}@media only screen and (max-width: 900px){.content-blk .tipBox{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2)}}@media only screen and (max-width: 767px){.content-blk .tipBox{width:calc(100% - var(--baseSpace) * 2)}}.content-blk .tipBox .tip{gap:10px;display:flex;align-items:center;justify-content:flex-start}@media only screen and (max-width: 1300px){.content-blk .tipBox .tip.click{display:none}}@media only screen and (min-width: 1301px){.content-blk .tipBox .tip.drag{display:none}}.content-blk .tipBox i{font-size:1.5rem;color:#444}.content-blk .tipBox .paragraph{color:#909090}.content-blk .content{position:relative;margin:30px auto 0;max-width:1500px}@media only screen and (min-width: 1921px){.content-blk .content{max-width:78.125vw}}.content-blk .content .absoluteBox{width:100%;height:100%;pointer-events:none;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-blk .content .absoluteBox .detailContent{position:absolute;transform:translate3d(-50%,10px,0);width:calc(100% - 40px);max-width:416px;padding:20px;background:#fff;border-radius:10px;box-shadow:10px 10px 25px #00000026;pointer-events:auto;opacity:0;transition:.4s opacity}.content-blk .content .absoluteBox .detailContent:after{content:"";width:8px;height:8px;background:#fff;position:absolute;transform:translate3d(-50%,-50%,0) rotate(45deg)}.content-blk .content .absoluteBox .detailContent.bottom:after{top:0;left:50%;transform:translate3d(-50%,-50%,0) rotate(45deg)}.content-blk .content .absoluteBox .detailContent.top:after{bottom:0;left:50%;transform:translate3d(-50%,50%,0) rotate(45deg)}.content-blk .content .absoluteBox .detailContent.left:after{top:50%;right:0;transform:translate3d(50%,-50%,0) rotate(45deg)}.content-blk .content .absoluteBox .detailContent.right:after{top:50%;left:0;transform:translate3d(-50%,-50%,0) rotate(45deg)}.content-blk .content .absoluteBox .infoBox{gap:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.content-blk .content .absoluteBox .infoBox .itemTitle{flex:1;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.content-blk .content .absoluteBox .infoBox .closeBtn{cursor:pointer;width:20px;height:20px;--color: #444;display:flex;align-items:center;justify-content:center}@media only screen and (min-width: 1201px){.content-blk .content .absoluteBox .infoBox .closeBtn:hover{--color: #000}}@media only screen and (max-width: 1200px){.content-blk .content .absoluteBox .infoBox .closeBtn:active{--color: #000}}.content-blk .content .absoluteBox .infoBox .closeBtn .plus{transform:rotate(45deg)}.content-blk .content .absoluteBox .infoBox .closeBtn .plus:before,.content-blk .content .absoluteBox .infoBox .closeBtn .plus:after{width:15px}.content-blk .content .absoluteBox .infoBox .picBox{width:100%;border-radius:10px;overflow:hidden;position:relative}.content-blk .content .absoluteBox .infoBox .picBox .pic{position:relative;width:100%;overflow:hidden}.content-blk .content .absoluteBox .infoBox .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:63.1578947368%}.content-blk .content .absoluteBox .infoBox .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-blk .content .absoluteBox .infoBox .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.content-blk .content .absoluteBox .infoBox .picBox .base_btn{position:absolute;bottom:15px;right:15px}@media only screen and (min-width: 1201px){.content-blk .content .absoluteBox .infoBox .picBox .base_btn:hover .plus{--color: #fff}}@media only screen and (max-width: 1200px){.content-blk .content .absoluteBox .infoBox .picBox .base_btn:active .plus{--color: #fff}}.content-blk .content .absoluteBox .infoBox .explore{width:100%;font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:.5px;display:flex;align-items:center;justify-content:flex-start}.content-blk .content .absoluteBox .infoBox .explore:after{content:"";width:100%;height:1px;background:#0003;display:block;flex:1;margin-left:20px}.content-blk .content .absoluteBox .infoBox .explore .base_btn{margin-right:10px}.content-blk .content .absoluteBox .infoBox .base_btn{width:40px;height:40px}@media only screen and (max-width: 1200px){.content-blk .content .absoluteBox .infoBox .base_btn{background:#132751}.content-blk .content .absoluteBox .infoBox .base_btn .plus{--color: #fff}}@media only screen and (min-width: 1201px){.content-blk .content .absoluteBox .infoBox .href-link:hover .base_btn{background:#132751}.content-blk .content .absoluteBox .infoBox .href-link:hover .base_btn .plus{--color: #fff;transform:rotate(90deg)}}@media only screen and (max-width: 1200px){.content-blk .content .absoluteBox .infoBox .href-link:active .base_btn{background:#132751}.content-blk .content .absoluteBox .infoBox .href-link:active .base_btn .plus{--color: #fff;transform:rotate(90deg)}}.content-blk .content .scrollBox{padding:0 20px;position:relative;overflow:auto;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.content-blk .content .scrollBox::-webkit-scrollbar{display:none;width:0px}.content-blk .content .scrollBox::-webkit-scrollbar-track{background:none}.content-blk .content .scrollBox::-webkit-scrollbar-thumb{background:none;border-radius:99em}.content-blk .content .contentBox{position:relative;min-width:1300px}.content-blk .content .picBox{width:100%}.content-blk .content .picBox .pic{position:relative;width:100%;overflow:hidden}.content-blk .content .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:60%}.content-blk .content .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-blk .content .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.content-blk .content .pinBox{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.content-blk .content .pinBox .pin{cursor:pointer;position:absolute;transform:translate3d(-50%,-50%,0)}.content-blk .content .pinBox .pin .iconBox{width:3.125rem;height:3.125rem;border-radius:50%;background:#132751;box-shadow:10px 10px 25px #00000026;color:#fff;transition:.4s color;position:relative;display:flex;align-items:center;justify-content:center}.content-blk .content .pinBox .pin .iconBox:after{content:"";width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,#95cf15,#1aafd4);opacity:0;transition:.4s opacity;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-blk .content .pinBox .pin .iconBox i{font-size:1.25rem;display:block;position:relative;transition:.4s transform;z-index:2}@media only screen and (max-width: 1200px){.content-blk .content .pinBox .pin .iconBox{width:40px;height:40px}}@media only screen and (min-width: 1201px){.content-blk .content .pinBox .pin:not(.active):hover .iconBox i{transform:scale(1.2)}}@media only screen and (max-width: 1200px){.content-blk .content .pinBox .pin:not(.active):active .iconBox i{transform:scale(1.2)}}.content-blk .content .pinBox .pin.active .iconBox{color:#fff;background:#fff0;transition:.4s background .2s,.4s color}.content-blk .content .pinBox .pin.active .iconBox:after{opacity:1}
