zhurui/LiuGeYuYou-HTML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
19afaa66dc4d43a892a1d0d1d620174d1f769d94
LiuGeYuYou-HTML/assets/css/common.css.map
T
ZhuRui 19afaa66dc feat: 为上线而修改细节
2026-09-01 15:24:09 +08:00

1 line
26 KiB
Plaintext
Raw Blame History

{"version":3,"file":"assets/css/common.css","mappings":"AAEA,MACI,eACA,0DACI,CAIJ,qBCPJ,MACI,yBACA,sBAGJ,cACI,aACA,sBACA,mBACA,aACA,cACA,sBAEA,kCACI,YAGJ,2BACI,WACA,gBACA,aACA,mBACA,mCACI,cAEJ,mCACI,WACA,qBACA,yCACI,cAGR,oCACI,iBAIR,sBACI,YACA,gBACA,wCACA,sBACA,aACA,+BACI,YACA,YACA,iBACA,eACA,YACA,cACA,6CACI,aAGR,6BACI,YACA,YACA,iBACA,eAEJ,mCACI,YACA,+BACA,sDACI,gBAEJ,6CACI,YACA,eAEJ,sDACI,gBAKZ,sBACI,aACA,8BACA,uBACA,gBACA,WAEA,4BACI,YAIR,yBACI,aACA,mBACA,sBACA,aACA,6BACI,YACA,aACA,qCAEJ,kCACI,aACA,iBACA,OACA,4BAEJ,qCACI,qBAEJ,gCACI,YACA,WAGR,oCACI,gBAEJ,qBACI,eACA,gBACA,WAEJ,yBACI,eACA,gBACA,WACA,gBACA,aACA,mBACA,kCACI,iBAGR,mBACI,aACA,eACA,gBACA,6BACI,eACA,iBACA,gBACA,qBACA,yBACA,WAIR,uBACI,YACA,2CACA,aACA,sBACA,aACA,sBACA,mBAEI,6CACI,eAGR,2BACI,gBACA,YACA,aAIR,6BACI,yBACA,WACA,YACA,2CACI,aAIR,6BACI,cACA,4BAGJ,uBACI,cACA,aACA,sBACA,WACA,aACA,gCACI,aAEJ,iCACI,YACA,aACA,kBACA,qCACI,YACA,WAEJ,8CACI,kBACA,WACA,YACA,iCACA,WACA,eACA,iBAGR,iCACI,gBACA,aACA,gBACA,qCACI,YACA,YACA,kBACA,eAGR,8BACI,OACA,iBACA,kBAEJ,mCACI,kBACA,QACA,SACA,yBACA,YACA,WACA,eACA,uCACI,aACA,YAEJ,uCACI,mBAGR,iCACI,aACA,8BACA,WACA,mCACI,gBACA,cACA,qBAIZ,4BACI,aACA,YACA,sBACA,WACA,aACA,uBACA,kCACI,OAEJ,mCACI,iBAEJ,mCACI,YACA,iBACA,eACA,gBACA,WAEJ,kCACI,WACA,eAEJ,kCACI,mBACA,WACA,WACA,sB;ACtRZ,6BACE,eACA,MACA,OACA,aACA,YACA,YACA,aAEA,mCACE,cACA,sDACE,yCAGJ,oCACE,aACA,kBACA,QACA,SACA,yCACA,qBAEF,oCACE,kBACA,SACA,WACA,WACA,YACA,eACA,wCACE,WACA,YACA,c;AClCN,gBACI,yBACA,cAEA,qBACI,sBACA,mBAEJ,wBACI,YACA,aACA,mBACA,kBACA,iCACI,YACA,OACA,iBACA,cACA,YACA,cACA,yBACA,+CACI,aAGR,+BACI,YACA,WACA,yBACA,WACA,0BACA,eAEJ,qCACI,WACA,wDACI,gBAEJ,+CACI,YAEJ,wDACI,gBACA,cACA,yBAGR,wCACI,YACA,UACA,yBAGR,wBACI,aACA,aACA,mBACA,4BACI,YACA,WAEJ,+BACI,gBAGR,2BACI,aACA,sBACA,+BACI,kBACA,aACA,WACA,mBAEJ,kCACI,eACA,gBACA,mBAEJ,oCACI,cACA,iBACA,8BACA,gBACA,aAEJ,oCACI,aACA,mBACA,gBAEJ,yCACI,OAEJ,gCACI,aACA,eAEJ,qCACI,WACA,eACA,iBACA,kBACA,gBACA,yBACA,qBAGA,iDACI,yBACA,YACA,iBACA,WACA,YACA,eACA,WACA,kBACA,UAIZ,sCACI,gBAGJ,8BACI,gBACA,aACA,sBAEA,qCACI,eACA,iBACA,gBACA,mBACA,kBACA,8BAEJ,oCACI,c;ACzIZ,kBAMI,SAGA,oBACI,gBACA,eACA,cAGR,QACI,WACA,gBACA,yDACA,sBACA,2BACA,aACA,kBAEA,eACI,iBACA,kBACA,gBACA,eACA,iBACA,qEACA,6BACA,qBACA,sCACA,oBAEJ,gBACI,gBACA,gBACA,eACA,cACA,kBAGR,aACI,kBACA,2BACA,gBACA,6CACA,kCACA,kBACA,mBACI,aACA,sBACA,SAEJ,mBACI,aACA,yBACI,kBACA,cACA,WACA,YACA,aACA,mBACA,uBACA,6BACI,WACA,YACA,cAGR,yBACI,WAEJ,0BACI,gBACA,eACA,cACA,iBAEJ,yBACI,eACA,gBACA,eACA,cACA,iBAGR,kBACI,kBACA,YACA,SACA,WACA,YACA,cACA,eAGR,UACI,oBACA,gCACA,iBACA,kBACA,sBAEJ,WACI,gBACA,aACA,sBACA,SAEJ,WACI,WACA,YACA,cACA,eACA,yDACA,sBACA,2BACA,8BACA,aACA,sBACA,mBACI,aACA,mBACA,8BACA,mBAEJ,kBACI,gBACA,eACA,WACA,iBAEJ,oBACI,YAEJ,uBACI,aACA,qCACA,SAEJ,kBACI,8BACA,YACA,yDACA,sBACA,2BACA,aACA,sBACA,uBACA,mBACA,yBACI,gBACA,eACA,WACA,kBAEJ,yBACI,eACA,gBACA,cACA,WACA,kBAKZ,MACI,kBACA,cACA,eACA,eACA,uBAIA,WACI,kBACA,yDACA,sBACA,2BACA,aACA,kBAEJ,YACI,aAEJ,aACI,wCACI,CAEJ,iBACA,eACA,cACA,iBAEJ,YACI,eACA,wCACI,CAEJ,gBACA,eACA,cACA,iBAEJ,WACI,kBACA,UACA,WACA,YACA,iBACA,eACA,WACA,iBACA,kBAEA,YACA,mBACA,8BACA,aACA,mBACA,uBACA,eAEJ,YACI,aACA,qCACA,cACA,gBAEJ,YACI,aACA,sBACA,mBACA,SACA,iBACI,WACA,YACA,cAEJ,mBACI,gBACA,eACA,cACA,kBAKZ,WACI,YACA,cACA,eACA,aACA,gBACI,kBACA,yDACA,sBACA,2BACA,aACA,kBAEJ,kBACI,+CACI,CAEJ,iBACA,eACA,cACA,iBAEJ,sBACI,aAEJ,wBACI,aACA,kBACA,SACA,OACA,QAEJ,gBACI,YACA,mBACA,8BACA,iBACA,eACA,WACA,iBACA,kBACA,aACA,mBACA,uBACA,eAEJ,iBACI,aACA,sBACA,SACA,gBAEJ,iBACI,aACA,SACA,sBACI,cACA,WACA,YACA,cAEJ,uBACI,WAEJ,wBACI,gBACA,eACA,cACA,iBAEJ,uBACI,gBACA,eACA,cACA,iBAKZ,gBACI,YACA,WACA,cAGJ,MACI,kBACA,WAEJ,MACI,kBACA,UAEJ,MACI,kBACA,iE;AC5VJ,2BACE,eACA,SACA,OACA,YACA,YACA,YACA,yBACA,4BAEA,iCACE,yBAEF,iCACE,eACA,MACA,OACA,YACA,aACA,gCACA,YACA,uBAKF,kCACE,kBACA,SACA,WACA,WACA,YACA,eACA,sCACE,WACA,YACA,c;ACpCN,6BACE,eACA,MACA,OACA,YACA,YACA,YACA,yBACA,6BAEA,mCACE,yBAGF,mCACE,eACA,MACA,OACA,YACA,aACA,gCACA,YACA,uBAEF,oCACE,kBACA,sBAEF,oCACE,kBACA,SACA,WACA,WACA,YACA,eACA,wCACE,WACA,YACA,cAIJ,mCACE,mBACA,uCACE,WACA,YACA,cAGJ,kCACE,YACA,gBACA,eACA,cACA,aACA,mBACA,qB","sources":["webpack://liu-official/./src/assets/scss/global.scss","webpack://liu-official/./src/assets/scss/stadium-reserve.scss","webpack://liu-official/./src/components/vue/FullPopup.vue","webpack://liu-official/./src/assets/scss/mobile/stadium-reserve.scss","webpack://liu-official/./src/assets/scss/mobile/home.scss","webpack://liu-official/./src/components/vue/mobile/AdPopup.vue","webpack://liu-official/./src/components/vue/mobile/MenuPopup.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.page {\r\n background-color: #f8f9fb;\r\n box-sizing: border-box;\r\n}\r\n\r\n.reserve-main {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 1200px;\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n\r\n .header-placeholder {\r\n height: 88px;\r\n }\r\n\r\n .bread-crumb {\r\n width: 100%;\r\n margin-top: 20px;\r\n display: flex;\r\n align-items: center;\r\n .active {\r\n color: #b91d22;\r\n }\r\n .normal {\r\n color: #000;\r\n text-decoration: none;\r\n &:hover {\r\n color: #b91d22;\r\n }\r\n }\r\n .el-icon {\r\n margin-right: 8px;\r\n }\r\n }\r\n\r\n .search {\r\n height: 80px;\r\n margin-top: 20px;\r\n box-shadow: 0 8px 20px 0 rgba(0,0,0,.05);\r\n border: 1px solid #eee;\r\n display: flex;\r\n .keyword {\r\n height: 78px;\r\n width: 860px;\r\n line-height: 78px;\r\n padding: 0 12px;\r\n border: none;\r\n display: block;\r\n &:focus-visible {\r\n outline: none;\r\n }\r\n }\r\n button {\r\n height: 100%;\r\n width: 120px;\r\n line-height: 80px;\r\n font-size: 22px;\r\n }\r\n .el-cascader {\r\n width: 200px;\r\n border-right: 1px solid #e8eaec;\r\n .el-input.is-focus {\r\n box-shadow: none;\r\n }\r\n .el-input {\r\n height: 80px;\r\n font-size: 18px;\r\n }\r\n .el-input__wrapper {\r\n box-shadow: none;\r\n }\r\n }\r\n }\r\n\r\n .center {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-top: 32px;\r\n width: 100%;\r\n \r\n .left {\r\n width: 895px;\r\n }\r\n }\r\n\r\n .shop-list {\r\n display: flex;\r\n align-items: center;\r\n background-color: #fff;\r\n padding: 20px;\r\n img {\r\n width: 240px;\r\n height: 180px;\r\n object-fit: cover;\r\n }\r\n .message {\r\n height: 180px;\r\n margin-left: 20px;\r\n flex: 1;\r\n border-right: 1px solid #eee;\r\n }\r\n .list-right {\r\n padding: 0 4px 0 24px;\r\n }\r\n button {\r\n height: 44px;\r\n width: 96px;\r\n }\r\n }\r\n .shop-list + .shop-list {\r\n margin-top: 36px;\r\n }\r\n .title {\r\n font-size: 24px;\r\n font-weight: 500;\r\n color: #333;\r\n }\r\n .mini-font {\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #666;\r\n margin-top: 24px;\r\n display: flex;\r\n align-items: center;\r\n .el-icon {\r\n margin-right: 8px;\r\n }\r\n }\r\n .tag {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 24px;\r\n .tag-item {\r\n font-size: 14px;\r\n line-height: 14px;\r\n padding: 4px 8px;\r\n margin: 0 12px 12px 0;\r\n background-color: #019E5F;\r\n color: #fff;\r\n }\r\n }\r\n\r\n .pink-qr {\r\n width: 285px;\r\n background: linear-gradient(#ffebec, white);\r\n padding: 20px;\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n .qr-title {\r\n &:first-child {\r\n font-size: 22px;\r\n }\r\n }\r\n img {\r\n margin-top: 24px;\r\n width: 200px;\r\n height: 200px;\r\n }\r\n }\r\n\r\n .common-button {\r\n background-color: #b91d22;\r\n color: #fff;\r\n border: none;\r\n &:focus-visible {\r\n outline: none;\r\n }\r\n }\r\n\r\n .el-pagination {\r\n margin: 40px 0;\r\n --el-color-primary: #b91d22;\r\n }\r\n\r\n .content {\r\n margin: 24px 0;\r\n display: flex;\r\n background-color: #fff;\r\n width: 100%;\r\n padding: 20px;\r\n .img-box {\r\n display: flex;\r\n }\r\n .show-img {\r\n width: 530px;\r\n height: 354px;\r\n position: relative;\r\n img {\r\n height: 100%;\r\n width: 100%;\r\n }\r\n .total-label {\r\n position: absolute;\r\n right: 16px;\r\n bottom: 16px;\r\n background-color: rgba(0,0,1,.65);\r\n color: #fff;\r\n font-size: 12px;\r\n padding: 8px 12px;\r\n }\r\n }\r\n .img-list {\r\n margin-left: 8px;\r\n height: 354px;\r\n overflow-y: auto;\r\n img {\r\n width: 110px;\r\n height: 65px;\r\n margin-bottom: 7px;\r\n cursor: pointer;\r\n }\r\n }\r\n .right {\r\n flex: 1;\r\n margin-left: 26px;\r\n position: relative;\r\n }\r\n .qrcode-box {\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n background-color: #b91d22;\r\n padding: 8px;\r\n color: #fff;\r\n font-size: 14px;\r\n img {\r\n height: 120px;\r\n width: 120px;\r\n }\r\n div {\r\n margin: 4px 0 8px 0;\r\n }\r\n }\r\n .location {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n a {\r\n margin-top: 24px;\r\n color: #1890ff;\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n .more-message {\r\n padding: 20px;\r\n margin: 24px;\r\n background-color: #fff;\r\n width: 100%;\r\n display: flex;\r\n align-items: flex-start;\r\n .left {\r\n flex: 1;\r\n }\r\n .right {\r\n margin-left: 24px;\r\n }\r\n .title {\r\n height: 75px;\r\n line-height: 75px;\r\n font-size: 22px;\r\n font-weight: 500;\r\n color: #333;\r\n }\r\n .info {\r\n color: #666;\r\n font-size: 16px;\r\n }\r\n .line {\r\n margin: 46px 0 20px;\r\n height: 1px;\r\n width: 100%;\r\n background-color: #eee;\r\n }\r\n }\r\n}","\r\n.full-popup {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100vh;\r\n width: 100vw;\r\n z-index: 999;\r\n display: none;\r\n\r\n &--show {\r\n display: block;\r\n .full-popup__inner {\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n }\r\n &__inner {\r\n height: 100vh;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0);\r\n transition: scale 0.3s;\r\n }\r\n &__close {\r\n position: absolute;\r\n top: 50px;\r\n right: 50px;\r\n width: 42px;\r\n height: 42px;\r\n cursor: pointer;\r\n > img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n }\r\n }\r\n}\r\n",".mobile-reserve {\r\n background-color: #F5F5F5;\r\n color: #191919;\r\n\r\n .top {\r\n background-color: #fff;\r\n margin-bottom: 12px;\r\n }\r\n .search {\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n padding: 10px 12px;\r\n .keyword {\r\n height: 40px;\r\n flex: 1;\r\n line-height: 40px;\r\n padding: 0 8px;\r\n border: none;\r\n display: block;\r\n background-color: #F7F8FA;\r\n &:focus-visible {\r\n outline: none;\r\n }\r\n }\r\n button {\r\n height: 100%;\r\n width: 52px;\r\n background-color: #FF5B00;\r\n color: #fff;\r\n border-radius: 0 8px 8px 0;\r\n border-width: 0;\r\n }\r\n .el-cascader {\r\n width: 86px;\r\n .el-input.is-focus {\r\n box-shadow: none;\r\n }\r\n .el-input {\r\n height: 42px;\r\n }\r\n .el-input__wrapper {\r\n box-shadow: none;\r\n padding: 0 6px;\r\n background-color: #F7F8FA;\r\n }\r\n }\r\n .separator-line {\r\n height: 16px;\r\n width: 2px;\r\n background-color: #D9D9D9;\r\n }\r\n }\r\n .qr-box {\r\n display: flex;\r\n padding: 16px;\r\n align-items: center;\r\n img {\r\n height: 52px;\r\n width: 52px;\r\n }\r\n .right {\r\n margin-left: 8px;\r\n }\r\n }\r\n .shop-list {\r\n padding: 16px;\r\n background-color: #fff;\r\n img {\r\n border-radius: 8px;\r\n height: 193px;\r\n width: 100%;\r\n margin-bottom: 12px;\r\n }\r\n .title {\r\n font-size: 16px;\r\n font-weight: 500;\r\n margin-bottom: 12px;\r\n }\r\n .address {\r\n color: #717171;\r\n padding-top: 12px;\r\n border-top: 1px dashed #D9D9D9;\r\n margin-top: 12px;\r\n display: flex;\r\n }\r\n .content {\r\n display: flex;\r\n align-items: center;\r\n margin-top: 12px;\r\n }\r\n .content-left {\r\n flex: 1;\r\n }\r\n .tag {\r\n display: flex;\r\n flex-wrap: wrap;\r\n }\r\n .tag-item {\r\n color: #fff;\r\n font-size: 12px;\r\n line-height: 12px;\r\n border-radius: 4px;\r\n padding: 4px 8px;\r\n background-color: #019E5F;\r\n margin: 0 12px 12px 0;\r\n }\r\n .content-right {\r\n button {\r\n background-color: #FF5B00;\r\n height: 32px;\r\n line-height: 32px;\r\n width: 80px;\r\n border: none;\r\n font-size: 14px;\r\n color: #fff;\r\n border-radius: 4px;\r\n padding: 0;\r\n }\r\n }\r\n }\r\n .shop-list + .shop-list {\r\n margin-top: 12px;\r\n }\r\n\r\n .more-message {\r\n margin-top: 12px;\r\n padding: 16px;\r\n background-color: #fff;\r\n\r\n .title {\r\n font-size: 18px;\r\n line-height: 18px;\r\n font-weight: 500;\r\n margin-bottom: 12px;\r\n padding-left: 12px;\r\n border-left: 4px solid #FF5B00;\r\n }\r\n .info {\r\n color: #717171;\r\n }\r\n }\r\n}",".home-page {\r\n}\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin: 0;\r\n}\r\n.section-bar {\r\n &__title {\r\n font-weight: 600;\r\n font-size: 18px;\r\n color: #191919;\r\n }\r\n}\r\n.banner {\r\n width: 100%;\r\n overflow: hidden;\r\n background-image: url(\"~@/assets/img/mobile/banner-bg.png\");\r\n background-size: cover;\r\n background-position: center;\r\n height: 678px;\r\n display: flow-root;\r\n\r\n &__title {\r\n margin-top: 126px;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 44px;\r\n line-height: 56px;\r\n background-image: linear-gradient(to right, #ff6e2f 27%, #05f7ff 87%);\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 &__title2 {\r\n margin-top: 13px;\r\n font-weight: 600;\r\n font-size: 24px;\r\n color: #fd6b2c;\r\n text-align: center;\r\n }\r\n}\r\n.banner-card {\r\n position: relative;\r\n margin: 88px 46px auto 16px;\r\n background: #ffffff;\r\n box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);\r\n border-radius: 12px 12px 12px 12px;\r\n padding: 25px 20px;\r\n &__list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n &__item {\r\n display: flex;\r\n &__icon {\r\n margin-right: 16px;\r\n flex: 0 0 auto;\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n > img {\r\n width: 24px;\r\n height: 24px;\r\n display: block;\r\n }\r\n }\r\n &__main {\r\n flex: 1 1 0;\r\n }\r\n &__title {\r\n font-weight: 500;\r\n font-size: 18px;\r\n color: #191919;\r\n line-height: 24px;\r\n }\r\n &__desc {\r\n margin-top: 8px;\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 &__btn {\r\n position: absolute;\r\n right: -30px;\r\n top: 96px;\r\n width: 60px;\r\n height: 60px;\r\n display: block;\r\n cursor: pointer;\r\n }\r\n}\r\n.cgyd-box {\r\n padding: 16px 16px 0;\r\n border-radius: 16px 16px 0px 0px;\r\n margin-top: -16px;\r\n position: relative;\r\n background-color: #fff;\r\n}\r\n.cgyd-list {\r\n margin-top: 12px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n}\r\n.cgyd-item {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n cursor: pointer;\r\n background-image: url(\"~@/assets/img/mobile/cgyd-item-bg.png\");\r\n background-size: cover;\r\n background-position: center;\r\n border-radius: 8px 8px 8px 8px;\r\n padding: 12px;\r\n box-sizing: border-box;\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 12px;\r\n }\r\n &__title {\r\n font-weight: 600;\r\n font-size: 16px;\r\n color: #ffffff;\r\n line-height: 30px;\r\n }\r\n &__actions {\r\n height: 13px;\r\n }\r\n &__court-list {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 11px;\r\n }\r\n &__court {\r\n border-radius: 3px 3px 3px 3px;\r\n height: 64px;\r\n background-image: url(\"~@/assets/img/mobile/cgyd-court-bg.png\");\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n &__title {\r\n font-weight: 500;\r\n font-size: 12px;\r\n color: #ffffff;\r\n text-align: center;\r\n }\r\n &__price {\r\n margin-top: 4px;\r\n font-weight: 400;\r\n font-size: 8px;\r\n color: #ffffff;\r\n text-align: center;\r\n }\r\n }\r\n}\r\n\r\n.jjfa {\r\n position: relative;\r\n display: block;\r\n cursor: pointer;\r\n margin-top: 8px;\r\n padding: 30px 22px 34px;\r\n\r\n &__inner {\r\n }\r\n &__top {\r\n position: relative;\r\n background-image: url(\"~@/assets/img/mobile/jjfa-bg.png\");\r\n background-size: cover;\r\n background-position: center;\r\n height: 580px;\r\n border-radius: 8px;\r\n }\r\n &__body {\r\n padding: 32px;\r\n }\r\n &__title {\r\n font-family:\r\n Plus Jakarta Sans,\r\n sans-serif;\r\n font-weight: bold;\r\n font-size: 32px;\r\n color: #191919;\r\n line-height: 46px;\r\n }\r\n &__desc {\r\n margin-top: 8px;\r\n font-family:\r\n Plus Jakarta Sans,\r\n sans-serif;\r\n font-weight: 500;\r\n font-size: 16px;\r\n color: #717171;\r\n line-height: 26px;\r\n }\r\n &__btn {\r\n position: absolute;\r\n left: 24px;\r\n right: 24px;\r\n bottom: 24px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n color: #ffffff;\r\n line-height: 20px;\r\n text-align: center;\r\n // width: 279px;\r\n height: 40px;\r\n background: #ff5b00;\r\n border-radius: 8px 8px 8px 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n }\r\n &__list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px 16px;\r\n margin-top: 24px;\r\n }\r\n &__item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n &__img {\r\n width: 32px;\r\n height: 32px;\r\n display: block;\r\n }\r\n &__title {\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #191919;\r\n text-align: center;\r\n }\r\n }\r\n}\r\n\r\n.lgyy-yqpt {\r\n height: auto;\r\n display: block;\r\n cursor: pointer;\r\n padding: 24px;\r\n &__top {\r\n position: relative;\r\n background-image: url(\"~@/assets/img/mobile/lgyy-yqpt-bg.png\");\r\n background-size: cover;\r\n background-position: center;\r\n height: 580px;\r\n border-radius: 8px;\r\n }\r\n &__title {\r\n font-family:\r\n Plus Jakarta Sans,\r\n Plus Jakarta Sans;\r\n font-weight: bold;\r\n font-size: 32px;\r\n color: #191919;\r\n line-height: 46px;\r\n }\r\n &__title-box {\r\n padding: 32px;\r\n }\r\n &__top-actions {\r\n padding: 24px;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n }\r\n &__btn {\r\n height: 40px;\r\n background: #ff5b00;\r\n border-radius: 8px 8px 8px 8px;\r\n font-weight: bold;\r\n font-size: 14px;\r\n color: #ffffff;\r\n line-height: 20px;\r\n text-align: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n }\r\n &__list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n margin-top: 24px;\r\n }\r\n &__item {\r\n display: flex;\r\n gap: 24px;\r\n &__img {\r\n flex: 0 0 auto;\r\n width: 56px;\r\n height: 56px;\r\n display: block;\r\n }\r\n &__main {\r\n flex: 1 1 0;\r\n }\r\n &__title {\r\n font-weight: 600;\r\n font-size: 24px;\r\n color: #000929;\r\n line-height: 36px;\r\n }\r\n &__desc {\r\n font-weight: 400;\r\n font-size: 16px;\r\n color: #717171;\r\n line-height: 26px;\r\n }\r\n }\r\n}\r\n\r\n.lgyy-popup-img {\r\n height: auto;\r\n width: 100%;\r\n display: block;\r\n}\r\n\r\n#cgyd {\r\n position: relative;\r\n top: -100px;\r\n}\r\n#cggl {\r\n position: relative;\r\n top: -72px;\r\n}\r\n#gywm {\r\n position: relative;\r\n top: -72px;\r\n}\r\n","\r\n.ad-popup {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n height: auto;\r\n width: 100vw;\r\n z-index: 999;\r\n transition: transform 0.3s;\r\n transform: translateY(100vh);\r\n\r\n &--show {\r\n transform: translateY(0%);\r\n }\r\n &__mask{\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.3);\r\n z-index: 998;\r\n transition: opacity 0.3s;\r\n }\r\n &__inner {\r\n // position: absolute;\r\n }\r\n &__close {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n width: 16px;\r\n height: 16px;\r\n cursor: pointer;\r\n > img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n }\r\n }\r\n}\r\n","\r\n.menu-popup {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n height: auto;\r\n width: 100vw;\r\n z-index: 999;\r\n transition: transform 0.3s;\r\n transform: translateY(-100vh);\r\n\r\n &--show {\r\n transform: translateY(0%);\r\n }\r\n\r\n &__mask {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n background-color: rgba(0, 0, 0, 0.3);\r\n z-index: 998;\r\n transition: opacity 0.3s;\r\n }\r\n &__inner {\r\n padding: 16px 24px;\r\n background-color: #fff;\r\n }\r\n &__close {\r\n position: absolute;\r\n top: 24px;\r\n right: 24px;\r\n width: 24px;\r\n height: 24px;\r\n cursor: pointer;\r\n > img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n }\r\n }\r\n\r\n &__logo {\r\n margin-bottom: 16px;\r\n > img {\r\n width: auto;\r\n height: 40px;\r\n display: block;\r\n }\r\n }\r\n &__nav {\r\n height: 48px;\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #191919;\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n }\r\n}\r\n"],"names":[],"sourceRoot":""}
Reference in New Issue View Git Blame Copy Permalink