ZhuRui
1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
{"version":3,"file":"assets/css/home.css?hash=b446ba1443bc4913f472","mappings":"AAEA,MACI,eACA,0DACI,CAIJ,qBCPJ,UACI,wBAGJ,WACI,wBACA,8BACA,sBACA,kBAEJ,kBAMI,SAGJ,QACI,WACA,gBACA,kBACA,eACA,yDACA,sBACA,2BACA,aAEA,eACI,iBACA,aACA,uBAEA,kBACI,kBACA,gBACA,eACA,iBACA,qEAKA,6BACA,qBACA,sCACA,oBAIR,oBACI,cACA,WACA,YACA,qCAEJ,oBACI,kBACA,YACA,SACA,2BACA,YACA,eACA,YACA,aACA,mBACA,SACA,4BACA,sBACA,mBACA,sBAEA,0BACI,WACA,aACA,qCAEJ,0BACI,aACA,mBACA,SAEA,gCACI,WACA,YACA,kBACA,aACA,mBACA,uBACA,gCACA,oCACI,WACA,YACA,cAGR,gCACI,aACA,sBACA,QAEJ,iCACI,gBACA,eACA,cACA,iBAEJ,gCACI,gBACA,eACA,cACA,iBAIR,yBACI,cACA,iBACA,eACA,6BACI,WACA,YACA,cAMhB,MACI,iBACA,qBACA,aACI,gBDvIM,CCwIN,cAEJ,YACI,aACA,sBACA,SAEJ,YACI,WACA,YACA,eACA,yDACA,sBACA,2BACA,kCACA,gBACA,sBACA,aACA,oBACI,aACA,mBACA,8BACA,sBAEJ,mBACI,gBACA,eACA,WACA,iBAEJ,qBACI,YACA,WAGR,kBACI,gBACA,aACA,qCACA,SAEJ,aACI,aACA,yDACA,0BACA,aACA,sBACA,uBACA,mBAEA,oBACI,gBACA,eACA,WACA,iBAEJ,oBACI,eACA,gBACA,eACA,WACA,iBAKZ,MACI,gBACA,WACA,kBACA,yDACA,sBACA,2BACA,aACA,mBACA,8BACA,sBACA,sBACA,aACA,UACI,WACA,YACA,cAEJ,wBAEI,kBACA,YACA,YACA,eAEJ,YACI,WACA,aAEJ,YACI,WACA,YAEJ,aACI,gBACA,eACA,WAEJ,YACI,gBACA,eACA,WAEJ,aACI,aACA,SAEJ,WACI,YACA,YACA,mBACA,kCACA,gBACA,eACA,WACA,aACA,mBACA,uBACA,eACA,kBACI,mBAKZ,MACI,kBACA,WACA,gBACA,sBACA,eAEA,kBACI,aACA,mBACA,gBACA,eAEA,4BACI,YACA,aAGJ,6BACI,aACA,iBACA,aACA,sBAEA,oCACI,cACA,eACA,gBAEJ,oCACI,gBACA,cACA,eACA,iBAEJ,kCACI,gBACA,oBACA,eACA,cAGJ,yCACI,OACA,aACA,SACA,sBACA,yBACA,mBACA,mBAEA,8CACI,WACA,aACA,6BACA,mBAGJ,+CACI,WACA,aACA,sBACA,uBACA,mBAEA,mDACI,WACA,YAGJ,oDACI,eACA,cACA,eACA,iBAQxB,UACI,kBACA,qBACA,yBAEA,iBACI,gBDnWM,CCoWN,cAIR,MACI,WACA,aACA,YACI,WAEJ,WACI,kBACA,cACA,YACA,aACA,cAEJ,aACI,gBACA,eACA,cACA,mBAEJ,cACI,gBACA,eACA,cACA,mBAEJ,YACI,gBACA,aACA,sBACA,SAEJ,YACI,aACA,SACA,iBACI,WACA,YACA,cAEJ,mBACI,gBACA,eACA,cACA,iBACA,mBAEJ,kBACI,gBACA,eACA,cAKZ,UACI,WACA,YACA,iBACA,sBAEA,oBACI,kBACA,YACA,QACA,yCAIR,gBACI,YACA,WACA,cAGJ,MACI,kBACA,uD;ACnbJ,4BACE,aACA,eACA,sBACA,OACA,QACA,SACA,MACA,aACA,iBACA,eAEA,kCACE,cAGF,sCACE,kBACA,MACA,SACA,QAGF,sCACE,kBACA,iBACA,YACA,QACA,QACA,2BAGF,uCACE,kBACA,QACA,QAEA,8CACE,eACA,cAGF,4CACE,gBACA,eACA,cAIJ,sCACE,kBACA,QACA,2BACA,WACA,WACA,iBAGF,yCACE,kBACA,aACA,sBACA,WACA,QAEA,iDACE,YACA,aAGF,iDACE,cACA,iBACA,eACA,cAGF,qDACE,aACA,sBACA,SAEA,0DACE,aACA,SAEA,+DACE,aACA,uBACA,mBACA,kBACA,WACA,YACA,YACA,eACA,yB","sources":["webpack://liu-official/./src/assets/scss/global.scss","webpack://liu-official/./src/assets/scss/home.scss","webpack://liu-official/./src/components/vue/LGYYPopup.vue"],"sourcesContent":["$inner-width: 1290px;\r\n\r\n:root {\r\n font-size: 16px;\r\n font-family:\r\n MiSans,\r\n PingFang SC-Bold,\r\n PingFang SC,\r\n sans-serif;\r\n word-break: break-all;\r\n}\r\n","@use \"./global.scss\";\r\n\r\n[v-cloak] {\r\n display: none !important;\r\n}\r\n\r\n.home-page {\r\n scroll-padding-top: 80px;\r\n font-family: MiSans, sans-serif;\r\n background-color: #fff;\r\n display: flow-root;\r\n}\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin: 0;\r\n}\r\n\r\n.banner {\r\n width: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n cursor: pointer;\r\n background-image: url(\"~@/assets/img/home/banner.png\");\r\n background-size: cover;\r\n background-position: center;\r\n height: 860px;\r\n\r\n &__title {\r\n margin-top: 187px;\r\n display: flex;\r\n justify-content: center;\r\n\r\n > h1 {\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 60px;\r\n line-height: 90px;\r\n background-image: linear-gradient(\r\n to right,\r\n #ff6e2f 27%,\r\n #05f7ff 87%\r\n );\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n color: transparent;\r\n }\r\n }\r\n\r\n .banner-img {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n }\r\n .banner-bar {\r\n position: absolute;\r\n bottom: 82px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 850px;\r\n max-width: 100%;\r\n height: 80px;\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n padding: 10px 10px 10px 20px;\r\n box-sizing: border-box;\r\n border-radius: 40px;\r\n background-color: #fff;\r\n\r\n &__list {\r\n flex: 1 1 0;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n &__item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n &__icon {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(235, 102, 43, 0.05);\r\n > img {\r\n width: 24px;\r\n height: 24px;\r\n display: block;\r\n }\r\n }\r\n &__main {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n &__title {\r\n font-weight: 500;\r\n font-size: 15px;\r\n color: #05073c;\r\n line-height: 24px;\r\n }\r\n &__desc {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #717171;\r\n line-height: 20px;\r\n }\r\n }\r\n\r\n &__btn {\r\n flex: 0 0 auto;\r\n margin-left: auto;\r\n cursor: pointer;\r\n > img {\r\n width: 60px;\r\n height: 60px;\r\n display: block;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.cgyd {\r\n padding-top: 32px;\r\n padding-bottom: 108px;\r\n &__inner {\r\n max-width: global.$inner-width;\r\n margin: 0 auto;\r\n }\r\n &__list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 60px;\r\n }\r\n &__item {\r\n width: 100%;\r\n height: auto;\r\n cursor: pointer;\r\n background-image: url(\"~@/assets/img/home/cgyd-bg.png\");\r\n background-size: cover;\r\n background-position: center;\r\n border-radius: 12px 12px 12px 12px;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n padding: 52px;\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-sizing: border-box;\r\n }\r\n &__title {\r\n font-weight: 600;\r\n font-size: 32px;\r\n color: #ffffff;\r\n line-height: 32px;\r\n }\r\n &__actions {\r\n height: 32px;\r\n width: auto;\r\n }\r\n }\r\n &__court-list {\r\n margin-top: 40px;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 25px;\r\n }\r\n &__court {\r\n height: 148px;\r\n background-image: url(\"~@/assets/img/home/cgyd-court-bg.png\");\r\n background-size: 100% 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n &__title {\r\n font-weight: 500;\r\n font-size: 24px;\r\n color: #ffffff;\r\n line-height: 30px;\r\n }\r\n &__price {\r\n margin-top: 4px;\r\n font-weight: 500;\r\n font-size: 16px;\r\n color: #ffffff;\r\n line-height: 30px;\r\n }\r\n }\r\n}\r\n\r\n.lgyy {\r\n margin-top: 60px;\r\n width: 100%;\r\n position: relative;\r\n background-image: url(\"~@/assets/img/home/lgyy-bg.png\");\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 64px 0 56px;\r\n box-sizing: border-box;\r\n height: 184px;\r\n > img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n &__qydc,\r\n &__cggl {\r\n position: absolute;\r\n width: 220px;\r\n height: 62px;\r\n cursor: pointer;\r\n }\r\n &__qydc {\r\n top: 33.15%;\r\n right: 23.95%;\r\n }\r\n &__cggl {\r\n top: 33.15%;\r\n right: 4.96%;\r\n }\r\n &__title {\r\n font-weight: 500;\r\n font-size: 30px;\r\n color: #ffffff;\r\n }\r\n &__desc {\r\n font-weight: 400;\r\n font-size: 18px;\r\n color: #ffffff;\r\n }\r\n &__right {\r\n display: flex;\r\n gap: 25px;\r\n }\r\n &__btn {\r\n width: 220px;\r\n height: 62px;\r\n background: #ff5b00;\r\n border-radius: 12px 12px 12px 12px;\r\n font-weight: 500;\r\n font-size: 20px;\r\n color: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n &--green {\r\n background: #029e5f;\r\n }\r\n }\r\n}\r\n\r\n.qcgl {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n background-color: #ffffff;\r\n cursor: pointer;\r\n\r\n .main-inner {\r\n display: flex;\r\n align-items: center;\r\n margin-top: 60px;\r\n padding: 0 35px;\r\n\r\n .main-img {\r\n width: 496px;\r\n height: 496px;\r\n }\r\n\r\n .info-body {\r\n height: 496px;\r\n margin-left: 95px;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .label {\r\n color: #ff5b00;\r\n font-size: 18px;\r\n margin-top: 24px;\r\n }\r\n .title {\r\n margin-top: 24px;\r\n color: #191919;\r\n font-size: 32px;\r\n font-weight: bold;\r\n }\r\n .tex {\r\n margin-top: 24px;\r\n line-height: 28.35px;\r\n font-size: 18px;\r\n color: #717171;\r\n }\r\n\r\n .info-table {\r\n flex: 1;\r\n display: flex;\r\n gap: 34px;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n align-items: center;\r\n margin-bottom: 25px;\r\n\r\n .row {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n }\r\n\r\n .item {\r\n width: 75px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n img {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n span {\r\n margin-top: 8px;\r\n color: #191919;\r\n font-size: 14px;\r\n line-height: 27px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.gywm-box {\r\n padding-top: 110px;\r\n padding-bottom: 103px;\r\n background-color: #fff7f2;\r\n // background: rgba(255, 91, 0, 0.05);\r\n &__inner {\r\n max-width: global.$inner-width;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n.gywm {\r\n width: 100%;\r\n display: flex;\r\n &__left {\r\n flex: 1 1 0;\r\n }\r\n &__img {\r\n margin-left: 167px;\r\n flex: 0 0 auto;\r\n width: 496px;\r\n height: 496px;\r\n display: block;\r\n }\r\n &__title {\r\n font-weight: 500;\r\n font-size: 18px;\r\n color: #ff5b00;\r\n margin-bottom: 24px;\r\n }\r\n &__title2 {\r\n font-weight: 600;\r\n font-size: 32px;\r\n color: #191919;\r\n margin-bottom: 24px;\r\n }\r\n &__list {\r\n margin-top: 72px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 64px;\r\n }\r\n &__item {\r\n display: flex;\r\n gap: 30px;\r\n &__img {\r\n width: 50px;\r\n height: 50px;\r\n display: block;\r\n }\r\n &__title {\r\n font-weight: 500;\r\n font-size: 20px;\r\n color: #191919;\r\n line-height: 27px;\r\n margin-bottom: 16px;\r\n }\r\n &__desc {\r\n font-weight: 400;\r\n font-size: 17px;\r\n color: #717171;\r\n }\r\n }\r\n}\r\n\r\n#lgyy-pop {\r\n width: 100%;\r\n height: 100%;\r\n min-width: 1500px;\r\n background-color: white;\r\n\r\n .right-bg {\r\n position: absolute;\r\n height: 100%;\r\n right: 0;\r\n object-fit: contain;\r\n }\r\n}\r\n\r\n.lgyy-popup-img {\r\n height: 100%;\r\n width: auto;\r\n display: block;\r\n}\r\n\r\n#cgyd {\r\n position: relative;\r\n top: -100px;\r\n}\r\n","\r\n.container {\r\n display: none;\r\n position: fixed;\r\n background-color: white;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n display: none;\r\n min-width: 1490px;\r\n cursor: pointer;\r\n\r\n &--show {\r\n display: block;\r\n }\r\n\r\n .right-bg {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n }\r\n\r\n .main-img {\r\n position: absolute;\r\n min-height: 800px;\r\n height: 100%;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n }\r\n\r\n .title-con {\r\n position: absolute;\r\n top: 20%;\r\n left: 9%;\r\n\r\n .title {\r\n font-size: 42px;\r\n color: #191919;\r\n }\r\n\r\n .sub {\r\n margin-top: 12px;\r\n font-size: 30px;\r\n color: #717171;\r\n }\r\n }\r\n\r\n .qr-p-con {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 100%;\r\n height: 90%;\r\n min-height: 920px;\r\n }\r\n\r\n .qr-code-con {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n bottom: 20%;\r\n left: 9%;\r\n\r\n .qr-img {\r\n width: 210px;\r\n height: 210px;\r\n }\r\n\r\n .qr-dep {\r\n margin: 20px 0;\r\n font-weight: bold;\r\n font-size: 16px;\r\n color: #191919;\r\n }\r\n\r\n .qr-btn-con {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n\r\n .row {\r\n display: flex;\r\n gap: 10px;\r\n\r\n .btn {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 5px;\r\n color: white;\r\n width: 100px;\r\n height: 40px;\r\n font-size: 14px;\r\n background-color: #ff5b00;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"names":[],"sourceRoot":""} |