.big-title .text1{display:flex;justify-content:center}.big-title h2{padding:8px 48px 14px;position:relative}.big-title h2 strong{display:block;font-size:30px;color:#2d3e5c;font-weight:normal;letter-spacing:6px;position:relative;z-index:2}.big-title h2:before,.big-title h2:after{content:'';position:absolute;left:0;top:0;width:31px;height:53px;background-image:url(/static/images/xiaoyi_2018/activity/city_salon2023/icon.png);background-position:0 -114px;background-repeat:no-repeat;opacity:.86}.big-title h2:after{top:auto;left:auto;right:20px;bottom:5px;width:27px;height:26px;background-position:-35px -114px;opacity:.56}.big-title h2 span{position:absolute;left:32%;bottom:0;width:36%;height:4px;background:#20b0ff;border-radius:4px}.big-title .text2{margin-top:6px;text-align:center;line-height:26px;font-size:16px;color:#a2afdf;font-weight:300;letter-spacing:.5px}.icon-arron-right{position:relative;width:15px;height:6px;margin-top:-4px;margin-left:10px}.icon-arron-right:before{content:"";position:absolute;bottom:0;right:0;border-bottom:1px solid;border-radius:1px;width:100%}.icon-arron-right:after{content:"";width:6px;border-bottom:1px solid;border-radius:1px;position:absolute;right:0;bottom:0;transform:rotate(45deg);transform-origin:right;-webkit-transform:rotate(45deg);-webkit-transform-origin:right}.flex{display:flex;flex-wrap:wrap;position:relative;margin:0 -12px}.flex li{flex:0 0 calc(33.33% - 24px);width:calc(33.33% - 24px);position:relative;margin:0 12px}.swiper-container{padding:30px 0 20px}.swiper-slide .loading{display:block;margin:0 auto}.swiper-button-next,.swiper-button-prev{width:39px;height:74px;background-image:url(/static/images/xiaoyi_2018/ruizhifenghui/icon-arron.png) !important;background-position:center;background-repeat:no-repeat;margin-top:-37px;outline:0}.swiper-button-next{right:25px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}.swiper-button-prev{left:25px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.75}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}.swiper-pagination-bullet{background:none;opacity:1;border:1px solid #ebf5fe;padding:2px;position:relative;margin:0 6px}.swiper-pagination-bullet:before{content:'';position:absolute;left:2px;right:2px;top:2px;bottom:2px;background:#bdcbff;border-radius:50%}.swiper-pagination-bullet-active{border:1px solid #45dfff}.swiper-pagination-bullet-active:before{background:#45dfff}.main-bg{background-image:url(/static/images/xiaoyi_2018/activity/city_salon2023/bg2.jpg);background-size:100% 100%;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}section{padding-top:90px;position:relative}.page-banner{height:495px;background:#f3f7fe}.page-banner-bg{background-image:url(/static/images/xiaoyi_2018/activity/city_salon2023/banner.jpg);background-size:1920px 495px}.page-banner .img{position:absolute;right:0;bottom:55px;width:319px;height:335px}.page-banner .ban1{position:absolute;right:0;bottom:0}.page-banner .ban2{position:absolute;left:100px;top:120px}.page-banner-title{position:absolute;left:0;top:0;width:100%;height:100%}.page-banner-title .max-width-1200{display:flex;align-items:center;text-align:left;justify-content:flex-start;color:#0e70f9;letter-spacing:1px}.page-banner-title .banner-text{width:100%}.page-banner-title .banner-text .text1{font-size:62px;font-weight:bold;color:#000;line-height:86px;letter-spacing:7px;margin-bottom:26px}.page-banner-title .banner-text .text1 strong{background-image:linear-gradient(140deg,#205cfb 0,#0fb3f3 30%,#7b42fd 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.page-banner-title .banner-text .text1 strong:last-child{margin-left:18px}.page-banner-title .banner-text .text2{display:flex;height:60px;margin-bottom:8px}.page-banner-title .banner-text .text2 h2{color:#000;font-size:34px;line-height:56px;letter-spacing:3px;border-top:1px solid #000;border-bottom:1px solid #000}.page-banner-title .banner-text .text2 h2 span{letter-spacing:.5px;font-size:36px;margin-right:5px}.highlights .main,.review .main{margin-top:28px}.highlights ul li,.review ul li{flex:0 0 calc(33.33% - 26px);width:calc(33.33% - 26px);position:relative;height:auto;overflow:hidden;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(180deg,#f4f9ff,#e3effe),linear-gradient(100deg,#bdcbff,#fff,#c0ceff);box-shadow:0 2px 1px rgba(255,255,255,.15),0 25px 30px rgba(37,98,190,.12);border-radius:8px 63px;transition:all .34s ease-in-out;-webkit-transition:all .34s ease-in-out}.highlights ul li .title{position:relative;padding:180px 40px 50px}.highlights ul li .title:before{content:'';position:absolute;top:184px;right:55px;width:55px;height:51px;background-image:url(/static/images/xiaoyi_2018/activity/city_salon2023/icon.png);background-position:-176px -115px;background-repeat:no-repeat;opacity:.25}.highlights ul li .num{position:absolute;left:30px;top:44px;width:58px;height:98px;line-height:98px;text-align:left;padding:0 0 0 30px;font-size:42px;font-weight:300;color:#298efe;background-image:url(/static/images/xiaoyi_2018/activity/city_salon2023/icon.png);background-position:-71px -114px;background-repeat:no-repeat}.highlights ul li .icon{position:absolute;right:50px;top:40px;width:110px;height:110px;background-image:url(/static/images/xiaoyi_2018/activity/city_salon2023/icon.png);background-position:0 0;background-repeat:no-repeat}.highlights ul li .icon2{background-position:-110px 0}.highlights ul li .icon3{background-position:-220px 0}.highlights ul li h6,.review ul li h5{font-size:20px;color:#2e4692;font-weight:700;line-height:32px}.highlights ul li p,.review ul li h6{color:rgba(46,70,146,.8);font-size:16px;line-height:28px;margin-top:10px}.highlights ul li:hover,.city .swiper-slide:hover{transform:translateY(-14px);-webkit-transform:translateY(-14px)}.city .swiper-slide{transition:all .34s ease-in-out;-webkit-transition:all .34s ease-in-out}.city .swiper-slide .item{padding-top:8px;background:#f4f9ff;border-radius:8px;box-shadow:0 12px 12px rgba(37,98,190,.12);margin:0 12px 24px}.city .swiper-slide .item .img{width:calc(100% - 16px);height:auto;overflow:hidden;text-align:center;border-radius:8px 8px 0 0;margin:0 8px}.city .swiper-slide .item img{display:block;max-width:100%;height:auto;border-radius:8px 8px 0 0;margin:0 auto}.city .swiper-slide .item .title{text-align:center;letter-spacing:1px;padding:15px 20px}.city .swiper-slide .item .title h6{font-size:18px;color:#333;line-height:28px}.city .swiper-slide .item .title p{font-size:14px;color:#666;line-height:24px;margin-top:2px}.city .swiper-button-next,.city .swiper-button-prev{margin-top:-75px}.agenda{padding-top:80px}.agenda .layui-tab{margin-top:15px}.agenda .layui-tab-title{display:flex;justify-content:space-between;text-align:left;height:66px}.agenda .layui-tab-title li{width:16.66%;text-align:left;height:66px;cursor:default}.agenda .layui-tab-title li:after,.layui-tab-title .layui-this:after{content:'';position:absolute;left:0;bottom:0;width:6px;height:6px;background:#bdcbff;border-radius:50%}.agenda .layui-tab-title:after{content:'';display:inline-block;vertical-align:middle;width:6px;height:6px;background:#bdcbff;border-radius:50%;margin-top:60px}.agenda .layui-tab-title li:before{content:" ";position:absolute;bottom:3px;left:9px;width:calc(100% - 12px);height:1px;background:#bdcbff}.agenda .layui-tab-title li i{display:block;font-size:12px;color:#a8b5e5;font-style:normal;line-height:20px;margin-bottom:4px}.agenda .layui-tab-title li p{color:#2d3e5c;font-size:18px;letter-spacing:1px;line-height:26px;padding-bottom:16px;position:relative}.agenda .layui-tab-title .layui-this:after{top:auto !important;display:block !important;background:#36bffe !important;border:0 !important}.agenda .layui-tab-title .layui-this:before{background:#36bffe}.agenda .layui-tab-title .layui-this i,.agenda .layui-tab-title .layui-this p{color:#36bffe}.agenda .layui-tab-content{margin-top:25px}.agenda .layui-tab-item{display:flex !important;justify-content:space-between;padding:45px 50px 25px 56px;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(180deg,#f4f9ff,#e3effe),linear-gradient(100deg,#bdcbff,#fff,#c0ceff);box-shadow:0 2px 1px rgba(255,255,255,.15),0 25px 30px rgba(37,98,190,.12);border-radius:8px 63px}.agenda .layui-tab-item .list-title{display:flex;align-items:flex-start;margin-bottom:35px}.agenda .layui-tab-item .list-title .title-left{color:#fff;font-size:18px;line-height:28px;padding:5px 20px;position:relative;background:linear-gradient(90deg,#02adff 0,#586ffb 100%);background-color:#596efb;transform:skew(-10deg);-webkit-transform:skew(-10deg)}.agenda .layui-tab-item .list-title .title-right{margin-left:50px}.agenda .layui-tab-item .list-title .title-right .title1{position:relative;letter-spacing:.5px;padding:0 0 22px 12px}.agenda .layui-tab-item .list-title .title-right .title1:before{content:'';position:absolute;left:6px;top:18px;width:1px;height:calc(100% - 12px);border-left:1px dashed #36bffe}.agenda .layui-tab-item .list-title .title-right .title1:after{content:'';position:absolute;left:15px;top:11px;width:16px;height:1px;border-bottom:1px dashed #36bffe}.agenda .layui-tab-item .list-title .title-right .title1:last-child:before{display:none}.agenda .layui-tab-item .list-title .title-right .circle{position:absolute;left:0;top:6px;width:6px;height:6px;padding:2px;border:1px solid #36bffe;border-radius:50%}.agenda .layui-tab-item .list-title .title-right .circle:before{content:'';position:absolute;left:2px;top:2px;width:6px;height:6px;background:#36bffe;border-radius:50%}.agenda .layui-tab-item .list-title .title-right .text1,.agenda .layui-tab-item .list-title .title-right .text2,.agenda .layui-tab-item .list-title .title-right .text3{line-height:24px;color:#2d3e5c;font-size:14px;padding-left:22px}.agenda .layui-tab-item .list-title .title-right .text3{font-weight:bold;font-size:16px;position:relative;margin-top:4px}.agenda .layui-tab-item .item-right{width:540px;padding-top:20px}.agenda .layui-tab-item .item-right .list-img{height:175px;padding:36px 42px 27px;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;box-shadow:0 2px 1px rgba(255,255,255,.15),0 15px 20px rgba(37,98,190,.12);border-radius:8px 63px;position:relative;margin-bottom:65px}.agenda .layui-tab-item .item-right .list-img img{position:absolute;right:40px;bottom:0;width:235px;height:270px}.agenda .layui-tab-item .item-right .list-img .text1{font-size:14px;line-height:20px;color:rgba(46,70,146,.6);letter-spacing:1px;margin-bottom:9px}.agenda .layui-tab-item .item-right .list-img .text2{font-size:24px;line-height:38px;color:#2e4692;letter-spacing:1px;margin-bottom:72px}.agenda .layui-tab-item .item-right .list-img .text3{line-height:24px;color:rgba(46,70,146,.85);font-size:16px;letter-spacing:2px}.activities4 .swiper-container{max-height:346px;overflow:hidden;padding-bottom:40px}.activities4 .swiper-slide{display:flex;align-items:center;justify-content:stretch;transition:all .34s ease-in-out;transition-timing-function:linear;-webkit-transition:all .34s ease-in-out;-webkit-transition-timing-function:linear}.activities4 .swiper-slide:hover{z-index:3;transform:scale(1.1) !important;-webkit-transform:scale(1.1) !important}.activities4 .swiper-slide img{max-width:100%;height:auto}.registration{padding:80px 0}.registration .main{height:auto;overflow:hidden;display:flex;align-items:flex-start;padding:48px 56px 43px;background-image:linear-gradient(90deg,#2c70f9 0,#3d62f1 50%,#5244e1 80%);box-shadow:0 2px 1px rgba(255,255,255,.15),0 25px 30px rgba(37,98,190,.12);border-radius:8px 63px;text-align:left;color:#fff;font-weight:300;letter-spacing:.5px;position:relative;margin:30px auto}.registration .main:before{content:'';position:absolute;right:-6px;top:0;width:408px;height:263px;background-image:url(/static/images/xiaoyi_2018/activity/city_salon2023/registration-bg.png);background-position:right bottom;background-repeat:no-repeat}.registration .main .title,.registration .main .cord{position:relative;z-index:2}.registration .main .title h6{line-height:34px;font-size:20px;margin-bottom:20px}.registration .main .title p{font-size:14px;line-height:34px;padding-left:30px;position:relative}.registration .main .title p:before{content:'';position:absolute;left:0;top:7px;width:20px;height:20px;background-image:url(/static/images/xiaoyi_2018/activity/activities2023/icon.png);background-position:0 -20px;background-repeat:no-repeat}.registration .main .title p.text2:before{background-position:-20px -20px}.registration .main .title p.text3:before{background-position:-40px -20px}.registration .main .cord{width:180px;margin-left:100px}.registration .main .cord .img{width:100px;height:102px;padding:5px;background:#fff;margin-bottom:12px}.registration .main .cord img{width:100px;height:auto}.registration .main .cord p{font-size:14px;line-height:24px}.review ul li{flex:0 0 calc(25% - 26px);width:calc(25% - 26px)}.review ul li .title{display:block;padding:30px 25px 30px 30px}.review ul li h5,.review ul li h6{max-height:84px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:18px}.review ul li h5{max-height:64px;-webkit-line-clamp:2}.review ul li p{font-size:14px;line-height:20px;color:rgba(46,70,146,.6);letter-spacing:1px;display:flex;align-items:center}.review ul li p i{margin-left:6px}.review ul li:hover{background-image:linear-gradient(0,#0e70f9,#36bffe);background-color:#36bffe}.review ul li:hover h5,.review ul li:hover h6,.review ul li:hover p{color:#fff}@media screen and (min-width:768px){main{padding-top:73px}.page-banner .ban2{opacity:0;transform:scale(.1);animation:move1 2.8s ease-in-out infinite;-webkit-transform:scale(.1);-webkit-animation:move1 2.8s ease-in-out infinite}@-webkit-keyframes move1{50%{opacity:1}60%,100%{opacity:1;left:149px;top:0;-webkit-transform:scale(1)}}@keyframes move1{50%{opacity:1}60%,100%{opacity:1;left:149px;top:0;transform:scale(1)}}}@media screen and (min-width:768px) and (max-width:1519px){.introduction .main{width:98%}.agenda .layui-tab-item .item-right{width:490px}.agenda .layui-tab-item .item-right .list-img img{right:25px}}@media screen and (max-width:767.98px){main{padding-top:53px}section{padding-top:40px}.flex{display:block}main .max-width-1200{width:calc(100% - 40px);padding:0 20px}.big-title h2 strong{font-size:24px}.swiper-container{padding-top:20px}.swiper-button-prev,.swiper-button-next{width:26px;height:50px;background-image:url(/static/images/xiaoyi_2018/activity/activities2023/icon.png) !important;background-size:120px 73px;background-position:-94px -23px;margin-top:-25px}.page-banner{height:380px}.page-banner-bg{background-size:auto 380px}.page-banner .img{right:auto;bottom:auto;left:50%;top:25px;margin-left:-110px;width:220px;height:231px}.page-banner .ban1{width:100%;height:auto}.page-banner .ban2{left:102px;top:0;width:100px;height:auto}.page-banner-title{top:auto;bottom:35px;height:auto}.page-banner-title .banner-text .text1{text-align:center;font-size:26px;line-height:40px;height:40px;letter-spacing:3px;margin-bottom:8px}.page-banner-title .banner-text .text2{justify-content:center;margin-bottom:0;height:42px}.page-banner-title .banner-text .text2 h2{line-height:40px;font-size:16px;letter-spacing:1px;padding-right:12px}.page-banner-title .banner-text .text2 h2 span{font-size:18px;font-weight:bold}.highlights .main,.review .main{margin-top:23px}.highlights ul li,.review ul li{flex:0 0 calc(100% - 26px);width:calc(100% - 26px);margin-bottom:25px}.highlights ul li:last-child,.review ul li:last-child{margin-bottom:10px}.highlights ul li .title{padding:170px 30px 45px}.highlights ul li .icon,.highlights ul li .title:before{right:35px}.city .swiper-slide .item{padding-top:25px}.agenda{padding-top:40px}.agenda .layui-tab-title{height:42px}.agenda .layui-tab-title:after{margin-top:36px}.agenda .layui-tab-title li{margin:0;height:42px}.agenda .layui-tab-title li i{display:none}.agenda .layui-tab-content{margin:20px 0 10px}.agenda .layui-tab-item{padding:25px 25px 10px;display:block !important}.agenda .layui-tab-item .list-title{display:block;margin-bottom:10px}.agenda .layui-tab-item .list-title .title-left{width:auto;display:inline-block;margin-bottom:15px}.agenda .layui-tab-item .list-title .title-right{margin-left:18px}.agenda .layui-tab-item .item-right{width:100%}.agenda .layui-tab-item .item-right .list-img{height:125px;padding:22px 22px 25px;margin-bottom:38px}.agenda .layui-tab-item .item-right .list-img img{right:0;width:170px;height:auto}.agenda .layui-tab-item .item-right .list-img .text1{margin-bottom:4px}.agenda .layui-tab-item .item-right .list-img .text2{font-size:18px;line-height:28px;margin-bottom:38px}.activities4 .swiper-container{padding:20px 0 10px;max-height:293px}.activities4 .swiper-button-prev{left:10px}.activities4 .swiper-button-next{right:10px}.activities4 .swiper-pagination{display:none}.registration{padding:53px 0 40px}.registration .main{display:block;padding:25px 30px 35px;margin:20px auto}.registration .main:before{right:0;width:100%;height:100%;background-size:cover;opacity:.2}.registration .main .cord{margin:15px 0 0 0}}