.box1{width:100%;height:100vh;position:relative}.box1 .right{position:fixed;right:0;top:0;width:2.66667rem;background-color:#f1f1f1}.box1 .right .item{width:100%;color:#232323;font-size:.53333rem;line-height:1.6rem;font-weight:600;text-align:center;border-bottom:.02667rem solid #fff}.box1 .left{width:calc(100% - 2.66667rem);overflow-y:scroll;height:100vh;scroll-behavior:smooth;scroll-snap-type:y mandatory}.box1 .left .item{scroll-snap-align:start;scroll-snap-stop:always;height:100vh;width:100%;border-bottom:.02667rem solid #f1f1f1;font-size:1.33333rem;font-weight:600}.bor-box,.box1 .left .item{display:flex;justify-content:center;align-items:center}.bor-box{padding:.8rem 0;background:rgba(0,0,0,.2);margin-bottom:.8rem}.bor-box .over{width:8rem;height:auto;background-color:#fff;overflow:hidden}.bor-box .over .flooe{width:24rem;height:100%;background-color:rgba(0,128,0,.658);letter-spacing:1.33333rem;font-size:.8rem;font-weight:700}.bor-box .bor{background-color:#fff;border:.66667rem solid transparent;-o-border-image:linear-gradient(to right bottom,rgba(255,0,0,.363),rgba(255,255,0,.664)) 2 round;border-image:linear-gradient(to right bottom,rgba(255,0,0,.363),rgba(255,255,0,.664)) 2 round}.bor-box .bor,.bor-box .bor1{width:5.33333rem;height:5.33333rem}.bor-box .bor1{padding:.53333rem;border:.53333rem solid transparent;background-image:url(../img/s.935874b7.png);background-size:100% 100%;background-repeat:no-repeat;background-origin:border-box}.btn{width:8rem;height:1.33333rem;background-color:#fff;box-shadow:0 0 .4rem rgba(0,0,0,.2);display:inline-block;text-align:center;transition:all .2s;border-radius:1.33333rem;position:relative;-webkit-animation:btnAni .5s ease-out 1s;animation:btnAni .5s ease-out 1s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.btn:hover{transform:scale(1.01) translateY(-.08rem);box-shadow:0 0 .53333rem rgba(0,0,0,.2)}.btn:active{transform:scale(1) translateY(-.02667rem);box-shadow:0 0 .26667rem rgba(0,0,0,.2)}.btn:after{content:"";width:100%;height:100%;background-color:#fff;position:absolute;left:0;top:0;z-index:-1;border-radius:1.33333rem;transition:all .3s}.btn:hover:after{transform:scale(1.5);opacity:0}@-webkit-keyframes btnAni{0%{transform:translateY(.8rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes btnAni{0%{transform:translateY(.8rem);opacity:0}to{transform:translateY(0);opacity:1}}.btn-box{padding:.8rem 0;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center;margin-bottom:.8rem}.test-img{-webkit-clip-path:polygon(0 0,100% 0,100% 80%,0 100%);clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}.test{padding:2.66667rem 0}.test .test1{overflow-y:hidden;height:8rem;margin-bottom:.8rem}.test .test2,.test .test2 .test3{width:100%}.test .test2 .test3 img{width:100%;height:auto}@-webkit-keyframes testAni{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes testAni{0%{transform:translateX(0)}to{transform:translateX(-50%)}}