@charset "UTF-8";.el-display-flex,.flex-center,body .app .ds-slider-container .ds-left-slide-item{display:flex}.el-display-block{display:block}.el-display-inline{display:inline}.el-display-inline-block{display:inline-block}.el-display-none{display:none}.el-display-table{display:table}.el-jc-flex-start{justify-content:flex-start}.el-ai-flex-start{align-items:flex-start}.el-jc-flex-end{justify-content:flex-end}.el-ai-flex-end{align-items:flex-end}.el-jc-center,.flex-center,body .app .ds-slider-container .ds-left-slide-item{justify-content:center}.el-ai-center,.flex-center,body .app .ds-slider-container .ds-left-slide-item{align-items:center}.el-jc-space-between{justify-content:space-between}.el-ai-space-between{align-items:space-between}.el-jc-space-around{justify-content:space-around}.el-ai-space-around{align-items:space-around}.el-fd-row{flex-direction:row}.el-fd-row-reverse{flex-direction:row-reverse}.el-fd-column,body .app .ds-slider-container .ds-left-slide-item{flex-direction:column}.el-fd-column-reverse{flex-direction:column-reverse}.el-text-left{text-align:left}.el-text-center{text-align:center}.el-text-right{text-align:right}.el-pos-r,body .app .ds-slider-container{position:relative}.el-pos-f{position:fixed}.el-pos-a,body .app .ds-slider-container .ds-action-button,body .app .ds-slider-container .ds-left-slide,body .app .ds-slider-container .ds-right-slide{position:absolute}.el-pos-s{position:sticky}.el-pos-s{position:static}.fw-normal{font-weight:400}.fw-lighter{font-weight:lighter}.fw-bold{font-weight:700}.fw-bolder{font-weight:bolder}.fw-100{font-weight:100}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.bd-solid,body .app .ds-slider-container .ds-action-button{border-style:solid}.bdl-solid{border-left-style:solid}.bdt-solid{border-top-style:solid}.bdb-solid{border-bottom-style:solid}.bdr-solid{border-right-style:solid}.bd-dashed{border-style:dashed}.bdl-dashed{border-left-style:dashed}.bdt-dashed{border-top-style:dashed}.bdb-dashed{border-bottom-style:dashed}.bdr-dashed{border-right-style:dashed}.bd-none{border-style:none}.bdl-none{border-left-style:none}.bdt-none{border-top-style:none}.bdb-none{border-bottom-style:none}.bdr-none{border-right-style:none}.el-cursor-pointer,body .app .ds-slider-container .ds-action-button{cursor:pointer}.el-cursor-zoom{cursor:zoom}.bg-contain{background-size:contain}.bg-cover,body .app .ds-slider-container .ds-right-slide-item{background-size:cover}.over-auto{overflow:auto}.over-x-auto{overflow-x:auto}.over-y-auto{overflow-y:auto}.over-scroll{overflow:scroll}.over-x-scroll{overflow-x:scroll}.over-y-scroll{overflow-y:scroll}.over-hidden,body .app .ds-slider-container{overflow:hidden}.over-x-hidden{overflow-x:hidden}.over-y-hidden{overflow-y:hidden}.over-visible{overflow:visible}.over-x-visible{overflow-x:visible}.over-y-visible{overflow-y:visible}.box-border-box{box-sizing:border-box}.box-content-box{box-sizing:content-box}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.obj-fit-fill{object-fit:fill}.obj-fit-contain{object-fit:contain}.obj-fit-cover{object-fit:cover}.obj-fit-scale-down{object-fit:scale-down}.obj-fit-none{object-fit:none}.link-text-none{text-decoration:inline-block}.bg-transparent{background-color:transparent}.color-white{color:#fff}.color-transparent{color:transparent}.color-black{color:#000}.reset,*{margin:0;padding:0}.margin-center{margin:0 auto}.bs-border-box,*{box-sizing:border-box}.ds-link{text-decoration:none}body .app{font-family:nunito_for_arco,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .app .ds-slider-container{width:100vw;height:100vh}body .app .ds-slider-container .ds-left-slide,body .app .ds-slider-container .ds-right-slide{transition:transform .6s ease-in-out;height:100%;top:0}body .app .ds-slider-container .ds-left-slide-item,body .app .ds-slider-container .ds-right-slide-item{width:100%;height:100%}body .app .ds-slider-container .ds-left-slide{width:35%;left:0}body .app .ds-slider-container .ds-left-slide-item{color:#fff;line-height:1.5;letter-spacing:2px}body .app .ds-slider-container .ds-left-slide-item:nth-child(1){background:linear-gradient(to bottom,#eff1ef,#989997)}body .app .ds-slider-container .ds-left-slide-item:nth-child(2){background:linear-gradient(to top,#e77864,#db3721)}body .app .ds-slider-container .ds-left-slide-item:nth-child(3){background:linear-gradient(to right,#e7b364,#db9a21)}body .app .ds-slider-container .ds-left-slide-item:nth-child(4){background:linear-gradient(to left,#64e764,#84db21)}body .app .ds-slider-container .ds-right-slide{width:65%;left:35%}body .app .ds-slider-container .ds-right-slide-item{background-position:center;background-repeat:no-repeat}body .app .ds-slider-container .ds-action-button{z-index:100;background-color:#f2f3f4;padding:12px;font-size:15px;border-radius:0;left:35%;top:50%;border-width:1px;border-color:#dedede}body .app .ds-slider-container .ds-action-button:focus-visible{outline:none}body .app .ds-slider-container .ds-action-button.ds-action-up-btn{transform:translate(-100%);border-top-left-radius:5px;border-bottom-left-radius:5px}body .app .ds-slider-container .ds-action-button.ds-action-down-btn{transform:translateY(-100%);border-top-right-radius:5px;border-bottom-right-radius:5px}body .app .ds-slider-container .ds-action-button:hover path{filter:drop-shadow(#0a4b8b 70px 0);transform:translate(-70px)}@media screen and (max-width: 869px){body .app .ds-slider-container .ds-left-slide,body .app .ds-slider-container .ds-right-slide{left:0;display:flex;justify-content:flex-start}body .app .ds-slider-container .ds-left-slide-item,body .app .ds-slider-container .ds-right-slide-item{height:100%}body .app .ds-slider-container .ds-left-slide.ds-left-slide,body .app .ds-slider-container .ds-right-slide.ds-left-slide{top:0;height:35%}body .app .ds-slider-container .ds-left-slide.ds-right-slide,body .app .ds-slider-container .ds-right-slide.ds-right-slide{top:35%;height:65%}body .app .ds-slider-container .ds-action-button{left:50%}body .app .ds-slider-container .ds-action-button.ds-action-up-btn{transform:translate(-100%) rotate(90deg);border-radius:0 5px 5px 0;top:calc(35% - 2px)}body .app .ds-slider-container .ds-action-button.ds-action-down-btn{transform:translateY(-100%) rotate(90deg);border-radius:5px 0 0 5px;top:calc(35% + 1px)}}
