.timeline{white-space:nowrap;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;box-shadow:0 0 5px 0 rgba(30,30,30,.2);border-radius:11px;padding:20px}.timeline_arrow{position:absolute;right:25px!important;z-index:10}.timeline .time_vv{font-size:0;padding:25rem 0 30rem;transition:all 1s}.timeline .time_vv .swiper-slide{position:relative;display:inline-block;list-style-type:none;width:160px;height:3px;background-image:linear-gradient(270deg,#2a3072,#2a3072 59.56%,#2a3072)}.timeline .time_vv .swiper-slide:last-child{width:280px}.time_vv .swiper-slide{position:relative!important}.ccrical-a{position:absolute!important;left:50%!important}.timeline .time_vv .swiper-slide div{position:relative;width:100%;font-size:1rem;white-space:normal;color:#000;background:#fff;text-align:center;font-weight:700}.timeline .time_vv .swiper-slide div:before{content:"";position:absolute;top:100%;left:0;width:0;height:0;border-style:solid}.timeline .time_vv .swiper-slide:nth-child(odd) div{top:-78px;transform:translateY(-100%)}.timeline .time_vv .swiper-slide:nth-child(odd) div:before{top:100%;border-width:8px 8px 0 0;border-color:#fff transparent transparent}.timeline .time_vv .swiper-slide:nth-child(2n) div{top:calc(100% + 16px)}.timeline .time_vv .swiper-slide:nth-child(2n) div:before{top:-8px;border-width:8px 0 0 8px;border-color:transparent transparent transparent #fff}.timeline time{display:block;font-size:1.5rem;font-weight:700;margin-bottom:0;text-align:center;background-color:#9fc057;color:#fff;padding:1px;position:relative}.timeline .swiper-slide:before{left:50%;bottom:0;height:56px;width:3px}.timeline .swiper-slide:before,.timeline time:before{content:"";position:absolute;transform:translate(-50%);right:0;background-color:#9fc057}.timeline time:before{left:50%!important;bottom:-25px;height:7px;width:7px;border-radius:10px}.timeline time:after{content:"";position:absolute;left:50%!important;transform:translate(-50%);right:0;bottom:-13px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #9fc057;font-size:0;line-height:0}.shape-chat p{background-color:rgba(159,192,87,.57);margin:0;padding:11px;font-size:15px;line-height:18px}.bottom-div,.top-div{position:absolute;left:50%;transform:translateX(-50%)}.top-div{top:-387px!important}.bottom-div{top:0!important}.timeline .swiper-wrapper .swiper-slide:nth-child(2):before{background-color:#02b5f9;bottom:0}.timeline .swiper-wrapper .swiper-slide:nth-child(2) time:before{background-color:#02b5f9!important;left:-.7px!important}.shape-chat._1{position:relative!important;width:100%!important}.shape-chat._1 p{padding:5px 10px;background-color:rgba(2,181,249,.57)}.timeline .shape-chat._1 .top-div time{background-color:#02b5f9}.timeline .shape-chat._1 .top-div time:after{border-top:15px solid #02b5f9!important;top:37px!important;transform:rotate(0deg)!important}.timeline .shape-chat._1 .top-div{top:0}.timeline .bottom-div.bn-xs{top:64px!important}.timeline .bottom-div.bn-xs:after{content:"";position:absolute;left:50%;transform:translate(-50%);right:0;top:-214px;width:3px;height:188px;background-color:#02b5f9}.timeline .bottom-div.bn-xs time:after{left:0;right:0;bottom:auto;margin:auto;width:0;height:0;border-top:15px solid #9fc057;top:-30px;transform-box:fill-box;transform-origin:top;transform:rotate(180deg)}.timeline .shape-chat._1 time:after{border-top:15px solid #02b5f9!important}.timeline .shape-chat._1 time{background-color:#02b5f9}.timeline .time_vv .swiper-slide:nth-child(2):after{border:8px solid #02b5f9}.timeline .bottom-div.bn-xs time{background-color:#02b5f9}.timeline .bottom-div.bn-xs time:after{border-top:15px solid #02b5f9!important}.timeline .time_vv .swiper-slide:nth-child(3):after{border:8px solid #9d89b9}.shape-chat._2 p{background-color:rgba(157,137,185,.57)}.shape-chat._2 time{background-color:#9d89b9}.shape-chat._2 time:after{border-top:15px solid #9d89b9}.shape-chat._2 time:before,.swiper-slide:nth-child(3):before{background-color:#9d89b9}.timeline .time_vv .swiper-slide:nth-child(2n) div{top:84px}.timeline .time_vv .swiper-slide:nth-child(4):after{border:8px solid #fccd45}.swiper-slide:nth-child(4):before{background-color:#fccd45}.timeline .time_vv .swiper-slide:nth-child(2n) time:after{left:0!important;right:0;bottom:auto;margin:auto;width:0;height:0;border-top:15px solid #fccd45;top:-28px;transform-box:fill-box;transform-origin:top;transform:rotate(180deg)}.timeline .time_vv .swiper-slide:nth-child(2n) time:before{left:50%!important;transform:translate(-50%);right:0;top:-28px;height:7px;width:7px;background-color:#fccd45;border-radius:10px;bottom:auto}.timeline .time_vv .swiper-slide .bottom-div.bn-xs time:before{left:50%!important;transform:translate(-50%);right:0!important;top:-27px!important;height:7px;width:7px;background-color:#02b5f9!important;border-radius:10px;bottom:auto}.timeline .shape-chat._3 time{background-color:#fccd45}.timeline .time_vv .swiper-slide:nth-child(2n):before{top:0}.timeline .time_vv .swiper-slide:nth-child(5):after{border:8px solid #85c8dc}.swiper-slide:nth-child(5):before,.timeline .shape-chat._4 time{background-color:#85c8dc}.timeline .shape-chat._4 time:after{border-top:15px solid #85c8dc}.timeline .shape-chat._4 time:before{background-color:#85c8dc}.shape-chat._3 p{background-color:rgba(252,205,69,.57)}.shape-chat._4 p{background-color:rgba(133,200,220,.57)}.timeline .time_vv .swiper-slide:nth-child(6):after{border:8px solid #d8a5f3}.swiper-slide:nth-child(6):before,.timeline .shape-chat._5 time{background-color:#d8a5f3}.timeline .shape-chat._5 p{background-color:rgba(216,165,243,.7)}.timeline .shape-chat._5 time:after{border-top:15px solid #d8a5f3!important}.timeline .shape-chat._5 time:before{background-color:#d8a5f3!important}.timeline .time_vv .swiper-slide:nth-child(7):after{border:8px solid #f36fa2}.swiper-slide:nth-child(7):before,.timeline .shape-chat._6 time{background-color:#f36fa2}.timeline .shape-chat._6 p{background-color:rgba(243,111,162,.57)}.timeline .shape-chat._6 time:after{border-top:15px solid #f36fa2!important}.timeline .shape-chat._6 time:before{background-color:#f36fa2!important}.timeline .time_vv .swiper-slide:nth-child(8):after{border:8px solid #f3ae77}.swiper-slide:nth-child(8):before,.timeline .shape-chat._7 time{background-color:#f3ae77}.timeline .shape-chat._7 p{background-color:hsla(27,84%,71%,.57)}.timeline .shape-chat._7 time:after{border-top:15px solid #f3ae77!important}.timeline .shape-chat._7 time:before{background-color:#f3ae77!important}.timeline .time_vv .swiper-slide:nth-child(9):after{border:8px solid #0073c8}.swiper-slide:nth-child(9):before,.timeline .shape-chat._8 time{background-color:#0073c8}.timeline .shape-chat._8 p{background-color:rgba(0,115,200,.57)}.timeline .shape-chat._8 time:after{border-top:15px solid #0073c8!important}.timeline .shape-chat._8 time:before{background-color:#0073c8!important}.timeline .time_vv .swiper-slide:nth-child(10):after{border:8px solid #85c8dc}.swiper-slide:nth-child(10):before,.timeline .shape-chat._9 time{background-color:#85c8dc}.timeline .shape-chat._9 p{background-color:#bae0eb}.timeline .shape-chat._9 time:after{border-top:15px solid #85c8dc!important}.timeline .shape-chat._9 time:before{background-color:#85c8dc!important}.swiper-slide:last-child:before{width:0}.ccrical-a{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:42px;width:42px;border-radius:30px;z-index:2;cursor:pointer;background-color:#fff}.ccir_0{border:3px solid #9fc057}.ccir_1{border:3px solid #02b5f9}.ccir_2{border:3px solid #9d89b9}.ccir_3{border:3px solid #fccd45}.ccir_4{border:3px solid #85c8dc}.ccir_5{border:3px solid #d8a5f3}.ccir_6{border:3px solid #f36fa2}.ccir_7{border:3px solid #f3ae77}.ccir_8{border:3px solid #0073c8}.ccir_9{border:3px solid #85c8dc}.comp_img{width:100%;height:7rem}.comp_img img{width:100%;height:100%;object-fit:contain}.comp_img.comp_0{position:absolute;top:-360px;border:4px solid #c8db9f}.odd_class{border:4px solid #02b5f9}.comp_img.comp_3,.odd_class{position:absolute;bottom:-340px}.comp_img.comp_3{border:4px solid #fccd45;left:0}.comp_img.comp_4{position:absolute;top:-383px;border:4px solid #85c8dc;left:0}.comp_img.comp_5{position:absolute;bottom:-340px;border:4px solid #d8a5f3;left:0}.comp_img.comp_6{position:absolute;top:-362px;border:4px solid #f36fa2;left:0}.comp_img.comp_7{position:absolute;bottom:-340px;border:4px solid #f3ae77;left:0}.comp_img.comp_8{position:absolute;top:-348px;border:4px solid #0073c8;left:0}.bottom-div,.top-div{position:relative;display:inline-block;list-style-type:none;width:160px;height:3px;background-image:linear-gradient(270deg,#2a3072,#2a3072 59.56%,#2a3072)}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:var(--swiper-scrollbar-bottom,0)!important;height:var(--swiper-scrollbar-size,2px)!important}.swiper-scrollbar-drag{background:#2a3072!important}.timeBtnActive{height:45px;width:45px;border-width:6px;transition:.2s linear(0 0,.54 54.03%,1 100%)}.ccrical-a time{align-items:center;background:#0000;color:#000;display:flex;font-size:13px;height:100%;justify-content:center;width:100%}.ccrical-a time:after,.ccrical-a time:before{border-top:0!important;background-color:transparent!important;height:0!important;width:0!important}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}