.lightspot-main{width:100%}.lightspot-main #preloadedLeftImg{width:0;height:0;display:inline;background-image:url(../png/dot_hover.0c366bf2.png)}.lightspot-main #preloadedRightImg{width:0;height:0;display:inline;background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/events_case/lightspot/leftHoverNew.8e75bc4e.png)}.lightspot-main #preloadedDotImg{width:0;height:0;display:inline;background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/events_case/lightspot/rightHoverNew.1204689e.png)}.lightspot-main .lightspot-main-container{width:1160px;margin:0 auto;position:relative;padding:80px 0}.lightspot-main .lightspot-main-container .title{height:48px;font-size:32px;font-family:PingFangSC-Medium;font-weight:500;color:#333;line-height:48px}.lightspot-main .lightspot-main-container .line{width:1160px;height:1px;background:#333;opacity:.1;position:absolute;top:140px}.lightspot-main .lightspot-main-container .blue-line{width:146px;height:2px;background:#0e57a2;position:absolute;top:140px}.lightspot-main .lightspot-main-container .lightspot-swiper-container{margin-top:70px}.lightspot-main .lightspot-main-container .lightspot-swiper-container .lightspot-item{width:316px}.lightspot-main .lightspot-main-container .lightspot-swiper-container .lightspot-item .image{width:360px;height:216px;border-radius:12px;background-size:100% 100%;transition:all .3s;background-position:center}.lightspot-main .lightspot-main-container .lightspot-swiper-container .lightspot-item .hover-time{background-size:calc(360px*1.1) calc(216px*1.1)}.lightspot-main .lightspot-main-container .lightspot-swiper-container .lightspot-item .item-content{margin-top:24px}.lightspot-main .lightspot-main-container .lightspot-swiper-container .lightspot-item .item-content .title{height:30px;font-size:22px;font-family:PingFangSC-Regular;font-weight:400;color:#333;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightspot-main .lightspot-main-container .lightspot-swiper-container .lightspot-item .item-content .desc{font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:#666;line-height:24px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lightspot-main .lightspot-main-container .lightspot-swiper-container .lightspot-item:hover .image{background-size:calc(360px*1.1) calc(216px*1.1)}.lightspot-main .lightspot-main-container .controller{height:67px;padding-top:40px;margin-top:32px;position:relative}.lightspot-main .lightspot-main-container .controller .one-line{display:flex;align-items:center}.lightspot-main .lightspot-main-container .controller .one-line .left-line{width:145px;height:1px;background:#333;opacity:.1}.lightspot-main .lightspot-main-container .controller .one-line .dot{background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/events_case/lightspot/pointer_new.2e9549fb.png);width:27px;height:27px;background-size:100% 100%;margin:0 12px}.lightspot-main .lightspot-main-container .controller .one-line .dot:hover,.lightspot-main .lightspot-main-container .controller .one-line .hover-dot{background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/events_case/lightspot/dot_hover.0c366bf2.png)}.lightspot-main .lightspot-main-container .controller .one-line .left-center-line{width:349px;height:1px;background:#333;opacity:.1}.lightspot-main .lightspot-main-container .controller .one-line .right-center-line{width:339px;height:1px;background:#333;opacity:.1}.lightspot-main .lightspot-main-container .controller .one-line .point{width:5px;height:5px;background:#333;border-radius:50%;margin:0 12px;cursor:pointer}.lightspot-main .lightspot-main-container .controller .one-line .point:hover{background:#0e57a2}.lightspot-main .lightspot-main-container .controller .one-line .right-line{width:175px;height:1px;background:#333;opacity:.1}.lightspot-main .lightspot-main-container .controller .vertical-line1{position:absolute;width:1px;height:28px;background:#333;opacity:.1;top:0;left:170.5px;display:none}.lightspot-main .lightspot-main-container .controller .swiper-button-prev{background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/events_case/lightspot/leftNew.52bd3894.png);z-index:200;left:-60px;width:25px;height:40px;background-size:18px 27px;top:55px}.lightspot-main .lightspot-main-container .controller .swiper-button-prev:hover{width:40px;background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/events_case/lightspot/leftHoverNew.8e75bc4e.png);background-size:100%}.lightspot-main .lightspot-main-container .controller .swiper-button-next{background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/events_case/lightspot/rightNew.2516d668.png);z-index:200;right:-60px;width:25px;height:40px;background-size:18px 27px;top:55px}.lightspot-main .lightspot-main-container .controller .swiper-button-next:hover{width:40px;background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/events_case/lightspot/rightHoverNew.1204689e.png);background-size:100%}.lightspot-main .lightspot-main-container .mobile-lightspot-list,.lightspot-main .lightspot-main-container .show-more{display:none}@media only screen and (max-width:767px){.lightspot-main{width:100%}.lightspot-main .lightspot-main-container{width:3.27rem;margin:0 auto;position:relative;padding:.48rem 0}.lightspot-main .lightspot-main-container .title{height:.28rem;font-size:.2rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#000;line-height:.28rem}.lightspot-main .lightspot-main-container .line{width:3.27rem;height:.01rem;background:#333;opacity:.1;position:absolute;top:.84rem}.lightspot-main .lightspot-main-container .blue-line{width:.9rem;height:.02rem;background:#0e57a2;position:absolute;top:.84rem}.lightspot-main .lightspot-main-container .controller,.lightspot-main .lightspot-main-container .lightspot-swiper-container{display:none}.lightspot-main .lightspot-main-container .mobile-lightspot-list{display:block;margin-top:.34rem}.lightspot-main .lightspot-main-container .mobile-lightspot-list .lightspot-item-mobile{margin-bottom:.4rem}.lightspot-main .lightspot-main-container .mobile-lightspot-list .lightspot-item-mobile .image{width:3.27rem;height:1.96rem;border-radius:.12rem;background-size:100% 100%}.lightspot-main .lightspot-main-container .mobile-lightspot-list .lightspot-item-mobile .item-content{margin-top:.16rem}.lightspot-main .lightspot-main-container .mobile-lightspot-list .lightspot-item-mobile .item-content .title{height:.22rem;font-size:.16rem;font-family:PingFangSC-Medium;font-weight:500;color:#000;line-height:.22rem}.lightspot-main .lightspot-main-container .mobile-lightspot-list .lightspot-item-mobile .item-content .desc{height:.17rem;font-size:.12rem;font-family:PingFangSC-Regular;font-weight:400;color:#666;line-height:.17rem;margin-top:.08rem}.lightspot-main .lightspot-main-container .mobile-lightspot-list .lightspot-item-mobile:nth-child(n+5){display:none}.lightspot-main .lightspot-main-container .show-more{width:1.24rem;height:.36rem;background:rgba(255,255,255,.2);border-radius:.04rem;border:.01rem solid #0e57a2;display:flex;align-items:center;justify-content:center;font-size:.14rem;font-family:PingFangSC-Regular;font-weight:400;color:#0e57a2;line-height:.2rem;margin:0 auto}.lightspot-main .lightspot-main-container .show-more img{width:.12rem;margin-left:.08rem}}