@charset "utf-8";a,body,span{font-family:"微软雅黑"}html{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight:transparent;-webkit-text-size-adjust:none}body{letter-spacing:0;background:#d0e7ff;overflow-x:hidden}a:link,a:visited{text-decoration:none}*{margin:0;padding:0}input{outline:0}a{color:#333}a,span{background-repeat:no-repeat}.clear{clear:both}.homepage .float-wrap{width:128px;height:290px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/side/side-img.png) top center no-repeat;position:fixed;right:0;top:220px;z-index:20;transform:scale(.8);transform-origin:right}.homepage .float-wrap a.qrcode,.homepage .float-wrap a.share{width:90px;height:90px;margin-left:-45px;display:inline-block;left:50%;transition:all .2s ease}.homepage .float-wrap a.qrcode:active,.homepage .float-wrap a.share:active,.homepage div.s1-wrap .btn-booking:active,.homepage div.s1-wrap .btn-player:active,.qrcodeAndShare .share-wrap a:active{transform:scale(.96)}.homepage .float-wrap a.qrcode{position:absolute;top:50px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/side/qrcode.png) center center no-repeat}.homepage .float-wrap a.share{position:absolute;top:200px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/side/share.png) center center no-repeat}.homepage .float-wrap .btn-entrance{position:absolute;width:119px;height:59px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/btn-entrance.png) top center no-repeat;top:-180px;right:0;cursor:pointer}.homepage div.s1-wrap{position:relative;margin:0 auto;width:750px;height:1447px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/download/img-bg.jpg) top center no-repeat}.homepage div.s1-wrap .btn-player{display:inline-block;position:absolute;width:80px;height:80px;top:770px;left:50%;margin-left:150px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s1/btn-player.png) top center no-repeat;transition:all .2s ease}.homepage div.s1-wrap .btn-booking{width:381px;height:104px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s1/btn-booking.png) top center no-repeat;position:absolute;left:50%;margin-left:-190px;bottom:300px;z-index:10;cursor:pointer;transition:all .2s ease}.homepage div.s1-wrap .btn-booking span.booking-progress{font-family:Impact;font-size:16px;color:#fff;position:absolute;top:64px;left:30px;height:24px;line-height:24px;pointer-events:none;user-select:none}.homepage div.s1-wrap .download-wrap{width:560px;height:360px;padding-top:1030px;margin:0 auto;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-evenly}.homepage div.s1-wrap .download-wrap a{display:inline-block}.homepage div.s1-wrap .download-wrap .img-dl-ios{width:263px;height:73px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/download/img-dl-ios.png) top center no-repeat}.homepage div.s1-wrap .download-wrap .img-dl-android{width:263px;height:73px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/download/img-dl-android.png) top center no-repeat}.homepage div.s1-wrap .download-wrap .img-dl-tap{width:263px;height:73px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/download/img-dl-tap.png) top center no-repeat}.homepage div.s1-wrap .download-wrap .img-dl-leidian{width:263px;height:73px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/download/img-dl-leidian.png) top center no-repeat}.homepage div.s1-wrap .download-wrap .img-dl-gw{width:198px;height:169px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/download/img-dl-gw.png) top center no-repeat}.homepage div.s1-wrap .download-wrap .img-dl-gw img{width:198px;height:169px}.homepage div.s2-wrap{margin:0 auto;position:relative;width:750px;height:1063px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s2/img-bg.jpg) top center no-repeat;overflow:hidden}.homepage div.s2-wrap .otm{width:281px;height:522px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s2/img-otm.png) top center no-repeat;position:absolute;bottom:-150px;right:0;animation:otmanimate 3s linear infinite}.homepage div.s2-wrap .booking-progress{width:750px;height:31px;position:absolute;top:642px;left:0}.homepage div.s2-wrap .booking-progress .line{position:absolute;top:50%;left:0;margin-top:-3px;display:inline-block;background-color:#e4ab68;width:114px;height:6px;transition:all .3s}.homepage div.s2-wrap .booking-progress .dots{position:absolute;top:0;left:0}.homepage div.s2-wrap .booking-progress .dots span{position:absolute;top:0;width:30px;height:30px;box-sizing:border-box;border:2px solid #000;border-radius:50%;background-image:linear-gradient(to right,#ecc35f,#df9a48);display:none}.homepage div.s2-wrap .booking-progress .dots span[data-item="1"]{left:114px}.homepage div.s2-wrap .booking-progress .dots span[data-item="2"]{left:240px}.homepage div.s2-wrap .booking-progress .dots span[data-item="3"]{left:366px}.homepage div.s2-wrap .booking-progress .dots span[data-item="4"]{left:487px}.homepage div.s2-wrap .booking-progress .dots span[data-item="5"]{left:597px}.homepage div.s2-wrap .get-wrap{position:absolute;top:417px;left:0}.homepage div.s2-wrap .get-wrap span{position:absolute;top:0;width:35px;height:35px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s2/get.png) top center no-repeat;display:none}.homepage div.s2-wrap .get-wrap span[data-item="1"]{left:142px;top:78px}.homepage div.s2-wrap .get-wrap span[data-item="2"]{left:270px;top:430px}.homepage div.s2-wrap .get-wrap span[data-item="3"]{left:396px;top:78px}.homepage div.s2-wrap .get-wrap span[data-item="4"]{left:514px;top:430px}.homepage div.s2-wrap .get-wrap span[data-item="5"]{left:627px;top:78px}.homepage div.s4-wrap{margin:0 auto;position:relative;width:750px;height:1335px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s4/img-bg.jpg) top center no-repeat}.homepage div.s4-wrap .otm{width:100%;height:1035px;position:absolute;top:0;left:0;z-index:2}.homepage div.s4-wrap .otm img{width:100%;height:1035px}.homepage div.s4-wrap .skilltype{position:absolute;width:630px;left:35px;top:980px;z-index:3;display:flex;gap:1px}.homepage div.s4-wrap .skilltype .tab-item{width:149px;height:56px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s4/img-tab-bg.png) bottom center no-repeat;font-size:22px;display:flex;align-items:center;justify-content:center;color:#bec1ca;white-space:nowrap}.homepage div.s4-wrap .skilltype .tab-item.active,.homepage div.s4-wrap .skilltype .tab-item:hover{background-position:top;color:#fff}.homepage div.s4-wrap .skillinfo-wrap{position:absolute;width:750px;height:280px;top:1038px;left:50%;margin-left:-375px}.homepage div.s4-wrap .skillinfo-wrap .skill-name{position:absolute;width:340px;height:33px;left:25px;top:60px}.homepage div.s4-wrap .skillinfo-wrap .skill-desc{position:absolute;width:340px;left:35px;top:100px;line-height:30px;font-size:20px;color:#d0d8e6}.homepage div.s4-wrap .skillinfo-wrap .video-wrap{position:absolute;top:74px;left:412px;width:297px;height:169px}.homepage div.s4-wrap .skillinfo-wrap .video-wrap .thumb,.homepage div.s4-wrap .skillinfo-wrap .video-wrap .thumb img{width:297px;height:169px}.homepage div.s4-wrap .otmlist-wrap{position:absolute;top:320px;right:30px;width:130px;z-index:4}.homepage div.s4-wrap .otmlist-wrap .arrow{width:130px;height:38px;cursor:pointer;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s4/img-arrow.png) top center no-repeat}.homepage div.s4-wrap .otmlist-wrap .arrow:hover{opacity:.8}.homepage div.s4-wrap .otmlist-wrap .arrow-up{margin-bottom:10px}.homepage div.s4-wrap .otmlist-wrap .arrow-down{transform:rotateX(180deg);margin-top:10px}.homepage div.s4-wrap .otmlist-wrap .otmlist{width:130px;height:540px;overflow:hidden}.homepage div.s4-wrap .otmlist-wrap .otmlist ul{display:flex;flex-direction:column;gap:6px;transition:all .3s}.homepage div.s4-wrap .otmlist-wrap .otmlist .otmitem{width:130px;height:130px;border-radius:50%;overflow:hidden;background-image:linear-gradient(to bottom,#536b98,#1d2535);cursor:pointer;flex-shrink:0;border:5px solid #859bd0;box-sizing:border-box;transition:all .3s}.homepage div.s4-wrap .otmlist-wrap .otmlist .otmitem img{width:100%;height:100%}.homepage div.s4-wrap .otmlist-wrap .otmlist .otmitem.active,.homepage div.s4-wrap .otmlist-wrap .otmlist .otmitem:hover{background-image:linear-gradient(to bottom,#427acb,#1c3494);border-color:#1f56b0}.homepage div.s5-wrap{margin:0 auto;position:relative;width:750px;height:440px;background:#323647}.homepage div.s5-wrap .title{position:absolute;top:0;left:0;width:313px;height:158px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s5/img-title.png) top center no-repeat;z-index:2}.homepage div.s5-wrap .photo-wrap{position:absolute;width:100%;height:440px;z-index:1}.homepage div.s5-wrap .photo-wrap img{width:100%;height:440px}.homepage div.s5-wrap .tab-wrap{width:300px;height:36px;position:absolute;left:50%;bottom:78px;z-index:3;display:flex;margin-left:-230px;gap:1px}.homepage div.s5-wrap .tab-wrap .tab-item{width:108px;height:36px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s5/img-tabbg.png) bottom center no-repeat;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;flex-shrink:0}.homepage div.s5-wrap .tab-wrap .tab-item:hover{background-position:top}.homepage div.s5-wrap .tab-wrap .tab-item.active{background-position:top;transform:scale(1.2);transform-origin:left bottom;margin-right:22px}.homepage div.s5-wrap .thumb-wrap{position:absolute;bottom:-1px;left:0;width:100%;height:78px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s5/img-thumb-bg.png) top center no-repeat;z-index:2;border-top:8px solid #333748}.homepage div.s5-wrap .thumb-wrap .content-wrap{width:500px;height:63px;margin:0 auto;padding-top:12px;display:flex;justify-content:space-between}.homepage div.s5-wrap .thumb-wrap .arrow{width:20px;height:63px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s5/img-arrow.png) top center no-repeat;cursor:pointer}.homepage div.s5-wrap .thumb-wrap .arrow:hover{opacity:.8}.homepage div.s5-wrap .thumb-wrap .arrow-right{transform:rotateY(180deg)}.homepage div.s5-wrap .thumb-wrap .thumblist{width:446px;height:63px;overflow:hidden}.homepage div.s5-wrap .thumb-wrap .thumblist ul{gap:2px;display:flex;transition:all .3s}.homepage div.s5-wrap .thumb-wrap .thumblist .listitem{width:110px;height:63px;background-color:#000;flex-shrink:0;cursor:pointer;box-sizing:border-box;overflow:hidden;transition:all .1s;opacity:.6}.homepage div.s5-wrap .thumb-wrap .thumblist .listitem img{width:100%;height:100%}.homepage div.s5-wrap .thumb-wrap .thumblist .listitem.active,.homepage div.s5-wrap .thumb-wrap .thumblist .listitem:hover{border:3px solid #b72f27;opacity:1}.homepage div.s6-wrap{margin:0 auto;position:relative;width:750px;height:794px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s6/img-bg.jpg) top center no-repeat}.homepage div.s6-wrap .photo-wrap{position:absolute;width:680px;height:490px;top:165px;left:50%;margin-left:-340px}.homepage div.s6-wrap .photo-wrap .photo{width:680px;height:380px;background-color:#000;box-sizing:border-box;border:2px solid #234282}.homepage div.s6-wrap .photo-wrap .photo img{width:100%;height:100%}.homepage div.s6-wrap .photo-wrap .thumb-wrap{width:680px;height:76px;position:relative;padding-top:10px}.homepage div.s6-wrap .photo-wrap .thumb-wrap .thumb-active{width:134;height:83px;position:absolute;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/s6/img-thumb-active.png) top center no-repeat;background-size:contain;bottom:0;left:0;pointer-events:none;z-index:2;transition:all .3s}.homepage div.s6-wrap .photo-wrap .thumblist{width:680px;height:76px;overflow:hidden}.homepage div.s6-wrap .photo-wrap .thumblist ul{width:680px;height:76px;display:flex;gap:2px}.homepage div.s6-wrap .photo-wrap .thumblist .thumbitem{width:134;height:76px;box-sizing:border-box;cursor:pointer;background-color:#000}.homepage div.s6-wrap .photo-wrap .thumblist .thumbitem img{opacity:.6;transition:all .3s;width:100%}.homepage div.s6-wrap .photo-wrap .thumblist .thumbitem.active img,.homepage div.s6-wrap .photo-wrap .thumblist .thumbitem:hover img{opacity:1}.homepage div.s4-wrap .container .left-wrap .tab-item.active,.homepage div.s4-wrap .container .left-wrap .tab-item:hover{background-position:top;color:#fff}footer{width:100%;height:auto;background:#000}footer .container{margin:0 auto;padding:20px 0;box-sizing:border-box;display:flex;flex-direction:column;gap:6px}footer .container .footer-nav{display:flex;align-items:center;justify-content:center;gap:10px}footer .container .footer-nav a{color:#fff;font-size:16px;font-weight:400;cursor:pointer}footer .container .footer-nav a::after{content:"|";padding-left:10px;color:#9b9895}footer .container .footer-nav a:last-child:after{content:""}footer .container .footer-nav a:hover{text-decoration:underline}footer .container .footer-tips{color:#9b9895;text-align:center;font-size:14px}footer .container .footer-tips a{color:#9b9895;text-decoration:underline}.qrcodeAndShare{background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/img-dialog-bg2.png) top center no-repeat;width:720px;height:850px;margin-left:-360px;margin-top:-425px}.qrcodeAndShare .container{width:650px;height:670px;margin:0 auto;display:flex;flex-direction:column;padding-top:120px}.qrcodeAndShare .qrcode-wrap{width:470px;height:370px;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-evenly;border-bottom:3px solid #abc5e6;margin:0 auto 30px;padding-bottom:30px}.qrcodeAndShare .qrcode-wrap .item{width:222px;height:190px;display:flex;flex-direction:column;align-items:center}.qrcodeAndShare .qrcode-wrap .item .text{font-size:24px;height:40px;line-height:40px;color:#262c32;white-space:nowrap;display:flex;justify-content:center;text-align:center}.qrcodeAndShare .qrcode-wrap .item .text2{font-size:18px}.qrcodeAndShare .qrcode-wrap .item img{width:107px;height:107px}.qrcodeAndShare .qrcode-wrap .website{width:222px;height:59px;display:inline-block;position:static}.qrcodeAndShare .share-wrap{display:flex;gap:40px;width:300px;height:100px;margin:0 auto;justify-content:space-around}.qrcodeAndShare .share-wrap a{display:inline-block;width:82px;height:82px;position:static;transition:all .2s ease}.qrcodeAndShare .share-wrap a img{width:82px;height:82px}.qrcodeAndShare .tips1,.qrcodeAndShare .tips2{color:#2c3f63;font-size:30px;text-align:center;margin-bottom:20px}.booking{background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/img-dialog-bg.png) top center no-repeat;width:720px;height:600px;margin-left:-360px;margin-top:-300px}.booking .container{width:520px;height:380px;margin:0 auto;padding-top:110px}.booking .container .errortips{color:red;font-size:26px;text-align:center;width:100%;height:40px}.booking .container .input-phone{width:520px;height:84px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/input-bg-01.png) top center no-repeat;margin-bottom:20px;display:flex;justify-content:center}.booking .container .input-phone input{border:none;background:0 0;height:80px;line-height:80px;width:80%;color:#fff;font-size:26px}.booking .container .input-phone input::placeholder{color:#fff}.booking .container .codewrap{width:520px;height:84px;display:flex;justify-content:space-between;margin-bottom:20px}.booking .container .codewrap .input-code{width:269px;height:84px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/input-bg-02.png) top center no-repeat;color:#fff;font-size:26px;display:flex;justify-content:center}.booking .container .codewrap .input-code input{border:none;background:0 0;height:80px;line-height:80px;width:80%;color:#fff;font-size:26px}.booking .container .codewrap .input-code input::placeholder{color:#fff}.booking .container .codewrap .btn-sendcode{width:239px;height:84px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/input-bg-03.png) top center no-repeat;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:400}.booking .container .codewrap .btn-sendcode:not(.disabled):hover{opacity:.8}.booking .container .codewrap .btn-sendcode.disabled{background-position:bottom;color:#666;cursor:no-drop}.booking .container .codewrap .verify_code{width:239px;height:84px}.booking .container .btn-confirm{width:423px;height:85px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/btn-confirm.png) top center no-repeat;margin:0 auto;cursor:pointer}.booking .container .btn-confirm:not(.disabled):hover{opacity:.8}.booking .container .btn-confirm.disabled{cursor:no-drop}.comingsoon{background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/img-dialog-bg3.png) top center no-repeat;width:720px;height:600px;margin-left:-360px;margin-top:-300px}.comingsoon .container{width:520px;height:350px;position:absolute;top:160px;left:50%;margin-left:-260px}.comingsoon .container .tips01{width:100%;text-align:center;color:#354c77;font-size:48px;font-weight:700;margin-bottom:140px}.comingsoon .container .btn-close2{width:423px;height:85px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/btn-close2.png) top center no-repeat;margin:0 auto;cursor:pointer}.comingsoon .container .btn-close2:hover{opacity:.8}.bookingsuccess{background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/img-dialog-bg.png) top center no-repeat;width:720px;height:600px;margin-left:-360px;margin-top:-300px}.bookingsuccess .container{width:520px;height:350px;position:absolute;top:160px;left:50%;margin-left:-260px}.bookingsuccess .container .tips01{width:100%;text-align:center;color:#354c77;font-size:48px;font-weight:700;margin-bottom:46px}.bookingsuccess .container .tips02{width:100%;text-align:center;color:#354c77;font-size:30px;margin-bottom:80px}.bookingsuccess .container .btn-close2{width:423px;height:85px;background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/btn-close2.png) top center no-repeat;margin:0 auto;cursor:pointer}.bookingsuccess .container .btn-close2:hover{opacity:.8}.chosebookingtype{background:url(https://cdn.shzshx.com/web/reserve/new_test/res/mobile/images/dialog/img-dialog-bg2.png) top center no-repeat;width:720px;height:850px;margin-left:-360px;margin-top:-425px}.chosebookingtype .container{width:650px;height:740px;margin:0 auto;display:flex;flex-direction:column;padding-top:100px}.chosebookingtype .container .bookingtypewrap{width:520px;height:360px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-bottom:3px solid #abc5e6;margin:0 auto 30px;padding-bottom:30px}.chosebookingtype .container .bookingtypewrap .codetips{width:100%;display:inline-block;text-align:center;color:#2c3f63;font-size:30px}.chosebookingtype .container .bookingtypewrap .code{width:200px;height:200px;display:inline-block}.chosebookingtype .container .bookingtypewrap .code img{width:100%;height:100%}.chosebookingtype .container .bookingtypewrap a.btn-phonebooking{width:231px;height:40px;line-height:40px;color:#4574d3;font-size:24px;font-weight:700;text-align:center;cursor:pointer;text-decoration:underline;position:static}.chosebookingtype .container .bookinggift{width:642px;height:306px}@keyframes otmanimate{0%,100%{transform:translateY(0)}50%{transform:translateY(14px)}}