{"version":3,"sources":["_loading.scss","common.css","_wave.scss","common.scss","_liMarquee.scss","_mydetail.scss","_mixin.scss"],"names":[],"mappings":";AAAA;;ECGC;ADCD,WAAA,CAAA,EACI,OAAA,EAAA,YAAqB,EACrB,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,KAAa,EACb,aAAA,EAAA,GAAkB,EAClB,SAAA,EAAA,IAAe,EACf,KAAA,EAAA,wBAA+B,EAC/B,OAAA,EAAA,GAAY,EACZ,aAAA,EAAA,KAAoB,EACpB,cAAA,EAAA,GAAmB,EACnB,kBAAA,EAAA,qBAAyC,EACzC,UAAA,EAAA,qBAAiC,GAAA;;AAErC,WAAA,MAAA,CAAA,EACI,KAAA,EAAA,OAAc,EACd,SAAA,EAAA,CAAY,EACZ,OAAA,EAAA,CAAU,EACV,YAAA,EAAA,GAAiB,EACjB,WAAA,EAAA,KAAkB,GAAA;;CCdtB,KAAA,EAAA,SAAA,EAAA,EDiBI,OAAA,EAAA,YAAqB,EACrB,KAAA,EAAA,GAAU,EACV,MAAA,EAAA,GAAW,EACX,KAAA,EAAA,OAAc,EACd,cAAA,EAAA,MAAsB,EACtB,cAAA,EAAA,IAAoB,GAAA;;AAExB,eAAA,OAAA,EAAA,eAAA,MAAA,EAAA,eAAA,CAAA,EAGI,aAAA,EAAA,GAAkB,EAClB,2BAAA,EAAA,IAAiC,EACjC,mBAAA,EAAA,IAAyB,EACzB,iBAAA,EAAA,wCAA2D,EAC3D,SAAA,EAAA,wCAAmD,GAAA;;AAEvD,eAAA,CAAA,EACI,KAAA,EAAA,YAAmB,EACnB,QAAA,EAAA,QAAkB,EAClB,iBAAA,EAAA,aAAgC,EAChC,SAAA,EAAA,aAAwB,EACxB,uBAAA,EAAA,MAA+B,EAC/B,eAAA,EAAA,MAAuB,EACvB,GAAA,EAAA,IAAS,GAAA;;AAEb,eAAA,OAAA,CAAA,EACI,KAAA,EAAA,IAAW,EACX,uBAAA,EAAA,MAA+B,EAC/B,eAAA,EAAA,MAAuB,GAAA;;AAE3B,eAAA,MAAA,CAAA,EACI,IAAA,EAAA,IAAU,GAAA;;AAEd,eAAA,OAAA,EAAA,eAAA,MAAA,CAAA,EAEI,OAAA,EAAA,EAAW,EACX,OAAA,EAAA,KAAc,EACd,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,CAAM,EACN,KAAA,EAAA,OAAc,EACd,MAAA,EAAA,OAAe,GAAA;;AAEnB,kBAAA,CAAA,cAAA,GACI,EAAA,EAAA,GAAA,EAAA,IAAA,GACI,UAAA,EAAA,YAAwB;EAE5B,GAAA,GACI,UAAA,EAAA,aAAyB;;AAGjC,UAAA,CAAA,cAAA,GACI,EAAA,EAAA,GAAA,EAAA,IAAA,GACI,UAAA,EAAA,YAAwB;EAE5B,GAAA,GACI,UAAA,EAAA,aAAyB;;AE9EjC,mBAAA,CAAA,EACE,OAAA,EAAA,YAAqB,EACrB,QAAA,EAAA,QAAkB,EAClB,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,KAAa,EACb,iBAAA,EAAA,UAAqB,EAArB,SAAA,EAAA,UAAqB,GAAA;;AALvB,mBAAA,SAAA,CAAA,QAAA,CAAA,EAQM,UAAA,EAAA,wDAA6D,EAA7D,UAAA,EAAA,iDAA6D,GAAA;;AARnE,mBAAA,SAAA,CAAA,aAAA,CAAA,EAWM,UAAA,EAAA,wDAA6D,EAA7D,UAAA,EAAA,iDAA6D,GAAA;;AAXnE,mBAAA,SAAA,CAAA,KAAA,CAAA,EAcM,UAAA,EAAA,wDAA6D,EAA7D,UAAA,EAAA,iDAA6D,GAAA;;AAdnE,mBAAA,CAAA,QAAA,CAAA,EAmBI,QAAA,EAAA,QAAkB,EAClB,KAAA,EAAA,IAAW,EACX,MAAA,EAAA,IAAY,EACZ,UAAA,EAAA,UAAsB,EACtB,OAAA,EAAA,GAAY,EACZ,aAAA,EAAA,GAAkB,EAClB,UAAA,EAAA,yDAA2D,EAA3D,UAAA,EAAA,+CAA2D,GAAA;;AAzB/D,mBAAA,CAAA,IAAA,CAAA,EA4BI,KAAA,EAAA,IAAW,EACX,MAAA,EAAA,IAAY,EACZ,aAAA,EAAA,GAAkB,EAClB,UAAA,EAAA,OChCgB,GAAA;;ADCpB,mBAAA,CAAA,aAAA,CAAA,EAmCI,QAAA,EAAA,QAAkB,EAClB,MAAA,EAAA,GAAW,EACX,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,KAAa,EACb,QAAA,EAAA,MAAgB,EAChB,aAAA,EAAA,IAAmB,GAAA;;AAxCvB,mBAAA,CAAA,eAAA,CAAA,EA6CI,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,GAAQ,EACR,KAAA,EAAA,IAAW,EACX,SAAA,EAAA,IAAe,EACf,UAAA,EAAA,MAAkB,EAClB,KAAA,EAAA,IAAW,EACX,OAAA,EAAA,EAAW,GAAA;;AAnDf,mBAAA,CAAA,KAAA,CAAA,EAwDI,QAAA,EAAA,QAAkB,EAClB,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,KAAa,EACb,UAAA,EAAA,yDAA2D,EAA3D,UAAA,EAAA,+CAA2D,EAC3D,aAAA,EAAA,GAAkB,GAAA;;AA5DtB,mBAAA,CAAA,KAAA,QAAA,EAAA,mBAAA,CAAA,KAAA,OAAA,CAAA,EAgEM,OAAA,EAAA,EAAW,EACX,QAAA,EAAA,QAAkB,EAClB,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,KAAa,EACb,GAAA,EAAA,UAAK,EACL,IAAA,EAAA,GAAS,EACT,UAAA,EAAA,qBAAiC,EACjC,aAAA,EAAA,GAAkB,EAClB,iBAAA,EAAA,qBAAA,CAAA,SAA0C,EAA1C,SAAA,EAAA,qBAAA,CAAA,SAA0C,EAC1C,iBAAA,EAAA,yBAAoC,EAApC,SAAA,EAAA,yBAAoC,EACpC,OAAA,EAAA,EAAW,GAAA;;AA1EjB,mBAAA,CAAA,KAAA,OAAA,CAAA,EA8EM,aAAA,EAAA,GAAkB,EAClB,UAAA,EAAA,qBAAiC,EACjC,iBAAA,EAAA,qBAAA,CAAA,SAA0C,EAA1C,SAAA,EAAA,qBAAA,CAAA,SAA0C,EAC1C,iBAAA,EAAA,6BAAwC,EAAxC,SAAA,EAAA,6BAAwC,EACxC,OAAA,EAAA,EAAW,GAAA;;AAIf,kBAAA,CAAA,MAAA,GACE,GAAA,GACE,iBAAA,EAAA,qBAAA,CAAA,cAA+C;IAA/C,SAAA,EAAA,qBAAA,CAAA,cAA+C;EAEjD,IAAA,GACE,iBAAA,EAAA,qBAAA,CAAA,cAA+C;IAA/C,SAAA,EAAA,qBAAA,CAAA,cAA+C;;AALnD,UAAA,CAAA,MAAA,GACE,GAAA,GACE,iBAAA,EAAA,qBAAA,CAAA,cAA+C;IAA/C,SAAA,EAAA,qBAAA,CAAA,cAA+C;EAEjD,IAAA,GACE,iBAAA,EAAA,qBAAA,CAAA,cAA+C;IAA/C,SAAA,EAAA,qBAAA,CAAA,cAA+C;;AE7FrD,cAAA;AACA,SAAA,CAAA,EACC,QAAA,EAAA,MAAe,EAEf,KAAA,EAAA,IAAU,EACV,SAAA,EAAA,IAAc,EACd,WAAA,EAAA,IAAgB,EAChB,QAAA,EAAA,QAAiB,EAGjB,mBAAA,EAAA,IAAiB,EAAjB,WAAA,EAAA,IAAiB,EACjB,UAAA,EAAA,OAAkB,EAClB,WAAA,EAAA,MAAkB,GAAA;;AAGnB,SAAA,WAAA,CAAA,EACC,UAAA,EAAA,OAAkB,GAAA;;AAEnB,SAAA,CAAA,EACC,WAAA,EAAA,MAAkB,EAClB,QAAA,EAAA,QAAiB,EACjB,GAAA,EAAA,CAAK,EACL,IAAA,EAAA,CAAM,EACN,MAAA,EAAA,IAAW,GAAA;;AAEZ,eAAA,CAAA,EACC,OAAA,EAAA,YAAoB,EAGpB,cAAA,EAAA,GAAkB,EAClB,QAAA,EAAA,QAAiB,EACjB,IAAA,EAAA,IAAS,EACT,GAAA,EAAA,CAAK,GAAA;;AAEN,aAAA,CAAA,eAAA,CAAA,EACC,IAAA,EAAA,CAAM,EACN,GAAA,EAAA,IAAQ,GAAA;;AAET,SAAA,CAAA,eAAA,CAAA,EACC,IAAA,EAAA,CAAM,EACN,MAAA,EAAA,IAAW,GAAA;;AAEZ,aAAA,CAAA,SAAA,EAAA,SAAA,CAAA,SAAA,CAAA,EAEC,WAAA,EAAA,MAAkB,EAClB,KAAA,EAAA,IAAU,GAAA;;AAEX,WAAA,CAAA,SAAA,EAAA,QAAA,CAAA,SAAA,EAAA,OAAA,CAAA,SAAA,CAAA,EAGC,MAAA,EAAA,OAAc,GAAA;;AAEf,SAAA,CAAA,GAAA,CAAA,EACC,SAAA,EAAA,eAAyB,GAAA;;ACjD1B,aAAA,CAAA,EACC,OAAA,EAAA,KAAc,EACd,UAAA,EAAA,iFAAwF,EAAxF,UAAA,EAAA,4EAAwF,EACxF,iBAAA,EAAA,SAA4B,EAC5B,UAAA,EAAA,MAAkB,GAAA;;AAGnB,SAAA,CAAA,EACC,QAAA,EAAA,QAAkB,EAClB,MAAA,EAAA,MAAc,EACd,OAAA,EAAA,SAAkB,EAClB,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,IAAY,EACZ,SAAA,EAAA,IAAe,EACf,KAAA,EAAA,OAjBqB,EAkBrB,UAAA,EAAA,UAAsB,EACtB,gBAAA,EAAA,2rCAE4B,EAAA,m7BAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,SAAA,GAAA;;AAX7B,SAAA,UAAA,CAAA,EAaE,gBAAA,EAAA,msBAG4B,EAAA,uxBAAA,EAAA,mvBAAA,EAAA,meAAA,EAAA,mBAAA,EAAA,8CAAA,EAAA,iBAAA,EAAA,SAAA,GAAA;;AAhB9B,SAAA,UAAA,QAAA,CAAA,EAkBG,KAAA,EAAA,CAAQ,EACR,IAAA,EAAA,CAAO,GAAA;;AAnBV,SAAA,UAAA,OAAA,CAAA,EAsBG,OAAA,EAAA,GAAY,EACZ,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,CAAM,EACN,MAAA,EAAA,CAAS,EACT,KAAA,EAAA,IAAW,EACX,IAAA,EAAA,KAAW,EACX,UAAA,EAAA,GAAA,CAAA,KAAA,CAAA,wBAA8C,EAC9C,aAAA,EAAA,GAAA,CAAA,KAAA,CAAA,wBAAiD,GAAA;;AA7BpD,SAAA,QAAA,CAAA,EAiCE,OAAA,EAAA,GAAY,EACZ,QAAA,EAAA,QAAkB,EAChB,GAAA,EAAA,IAAS,EACT,MAAA,EAAA,IAAY,EACZ,KAAA,EAAA,GAAU,EACZ,IAAA,EAAA,GAAS,EACT,WAAA,EAAA,GAAA,CAAA,KAAA,CAAA,wBAA+C,EAC/C,YAAA,EAAA,GAAA,CAAA,KAAA,CAAA,wBAAgD,GAAA;;AAxClD,SAAA,CAAA,GAAA,CAAA,EA2CE,aAAA,EAAA,IAAmB,EACnB,WAAA,EAAA,IAAiB,EACjB,SAAA,EAAA,IAAe,GAAA;;AA7CjB,SAAA,CAAA,GAAA,GAAA,GAAA,CAAA,EA+CG,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,GAAQ,EACR,aAAA,EAAA,IAAmB,EACnB,KAAA,EAAA,IAAW,GAAA;;AAlDd,SAAA,YAAA,CAAA,GAAA,CAAA,EAwDG,QAAA,EAAA,QAAkB,EAClB,YAAA,EAAA,KAAmB,EACnB,UAAA,EAAA,KAAiB,GAAA;;AA1DpB,SAAA,YAAA,CAAA,GAAA,GAAA,GAAA,CAAA,EA4DI,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,CAAM,EACN,IAAA,EAAA,CAAO,EACP,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,KAAa,GAAA;;AAhEjB,SAAA,YAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAoEK,SAAA,EAAA,IAAe,EACf,WAAA,EAAA,GAAgB,GAAA;;AArErB,SAAA,YAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,EAwEK,KAAA,EAAA,wBAjFsC,EAkFtC,SAAA,EAAA,IAAe,EACf,WAAA,EAAA,GAAgB,GAAA;;AA1ErB,SAAA,WAAA,CAAA,EAmFI,KAAA,EAAA,KAAY,GAAA;;AAnFhB,SAAA,WAAA,CAAA,cAAA,CAAA,EAqFG,OAAA,EAAA,YAAqB,EACrB,QAAA,EAAA,QAAkB,EAClB,MAAA,EAAA,SAAiB,EACjB,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,KAAa,EACb,UAAA,EAAA,MAAkB,GAAA;;AA1FrB,SAAA,WAAA,CAAA,cAAA,GAAA,GAAA,CAAA,EA4FI,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,CAAM,EACN,IAAA,EAAA,CAAO,GAAA;;AA9FX,SAAA,WAAA,CAAA,cAAA,CAAA,MAAA,CAAA,EAiGI,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,GAAQ,EACR,WAAA,EAAA,IAAiB,EACjB,KAAA,EAAA,OAAc,EACd,SAAA,EAAA,IAAe,GAAA;;AArGnB,SAAA,WAAA,CAAA,cAAA,CAAA,MAAA,GAAA,KAAA,CAAA,EAuGK,OAAA,EAAA,YAAqB,EACrB,MAAA,EAAA,KAAa,GAAA;;AAxGlB,SAAA,WAAA,CAAA,cAAA,CAAA,MAAA,GAAA,KAAA,GAAA,GAAA,CAAA,EA0GM,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,GAAQ,GAAA;;AA3Gd,SAAA,WAAA,CAAA,cAAA,CAAA,MAAA,GAAA,KAAA,WAAA,CAAA,EA8GM,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,GAAQ,GAAA;;AA/Gd,SAAA,WAAA,CAAA,cAAA,CAAA,MAAA,GAAA,CAAA,CAAA,EAmHK,SAAA,EAAA,IAAe,EACf,WAAA,EAAA,IAAiB,GAAA;;AAatB,cAAA,CAAA,IAAA,CAAA,EAEE,KAAA,EAAA,MAAa,GAAA;;AAFf,cAAA,CAAA,IAAA,CAAA,GAAA,CAAA,EAIG,KAAA,EAAA,IAAW,EACX,KAAA,EAAA,KAAY,GAAA;;AALf,cAAA,CAAA,GAAA,CAAA,EASE,OAAA,EAAA,YAAqB,EACrB,KAAA,EAAA,IAAW,GAAA;;AAVb,cAAA,CAAA,GAAA,GAAA,MAAA,CAAA,EAYG,aAAA,EAAA,IAAmB,EACnB,UAAA,EAAA,MAAkB,GAAA;;AAbrB,cAAA,CAAA,GAAA,GAAA,MAAA,CAAA,GAAA,CAAA,EAeI,KAAA,EAAA,IAAW,GAAA;;AAff,cAAA,CAAA,GAAA,GAAA,MAAA,CAAA,CAAA,CAAA,EAkBI,OAAA,EAAA,MAAe,EACf,WAAA,EAAA,IAAiB,EACjB,SAAA,EAAA,IAAe,EACf,WAAA,EAAA,GAAgB,EAChB,cAAA,EAAA,GAAmB,GAAA;;AAtBvB,cAAA,CAAA,GAAA,CAAA,OAAA,CAAA,EA2BG,QAAA,EAAA,QAAkB,EAClB,OAAA,EAAA,QAAiB,GAAA;;AA5BpB,cAAA,CAAA,GAAA,CAAA,OAAA,GAAA,EAAA,CAAA,EA8BI,OAAA,EAAA,KAAc,EACd,SAAA,EAAA,IAAe,GAAA;;AA/BnB,cAAA,CAAA,GAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAkCI,KAAA,EAAA,wBA5KuC,EA6KvC,SAAA,EAAA,IAAe,GAAA;;AAnCnB,cAAA,CAAA,GAAA,CAAA,OAAA,CAAA,MAAA,CAAA,EAsCI,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,IAAS,EACT,KAAA,EAAA,GAAU,EACV,SAAA,EAAA,IAAe,EACf,WAAA,EAAA,IAAiB,GAAA;;AA1CrB,cAAA,CAAA,GAAA,CAAA,OAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EA4CK,OAAA,EAAA,YAAqB,EACrB,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,KAAU,EACV,KAAA,EAAA,IAAW,EACX,YAAA,EAAA,GAAiB,EACjB,YAAA,EAAA,KAAmB,EACnB,YAAA,EAAA,2CAAyD,GAAA;;AAlD9D,cAAA,CAAA,GAAA,CAAA,OAAA,CAAA,MAAA,CAAA,MAAA,KAAA,CAAA,EAoDM,GAAA,EAAA,IAAS,EACT,YAAA,EAAA,2CAAyD,GAAA;;AArD/D,cAAA,CAAA,UAAA,CAAA,EA6DE,UAAA,EAAA,IAAgB,EAChB,MAAA,EAAA,KAAa,GAAA;;AA9Df,cAAA,CAAA,KAAA,CAAA,EAkEE,OAAA,EAAA,MAAe,EACf,UAAA,EAAA,GAAA,CAAA,MAAA,CAAA,wBAA+C,EAC/C,aAAA,EAAA,GAAA,CAAA,MAAA,CAAA,wBAAkD,GAAA;;AApEpD,cAAA,CAAA,KAAA,CAAA,KAAA,CAAA,EAsEG,OAAA,EAAA,KAAc,EACd,QAAA,EAAA,MAAgB,GAAA;;AAvEnB,cAAA,CAAA,KAAA,CAAA,KAAA,CAAA,IAAA,CAAA,EAyEI,KAAA,EAAA,wBAnNuC,GAAA;;AA0I3C,cAAA,CAAA,KAAA,CAAA,KAAA,CAAA,IAAA,GAAA,IAAA,CAAA,EA2EK,aAAA,EAAA,GAAkB,EAClB,KAAA,EAAA,IAAW,EACX,SAAA,EAAA,IAAe,GAAA;;AA7EpB,cAAA,CAAA,KAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAiFI,KAAA,EAAA,KAAY,GAAA;;AAjFhB,cAAA,CAAA,KAAA,CAAA,KAAA,CAAA,MAAA,GAAA,IAAA,CAAA,EAmFK,aAAA,EAAA,GAAkB,EAClB,KAAA,EAAA,IAAW,EACX,SAAA,EAAA,IAAe,GAAA;;AArFpB,cAAA,CAAA,YAAA,CAAA,EA4FE,OAAA,EAAA,YAAqB,EACnB,WAAA,EAAA,IAAiB,EACjB,YAAA,EAAA,IAAkB,EACpB,KAAA,EAAA,KAAY,EACZ,WAAA,EAAA,GAAA,CAAA,MAAA,CAAA,wBAAgD,GAAA;;AAhGlD,cAAA,CAAA,YAAA,CAAA,MAAA,CAAA,EAkGG,OAAA,EAAA,QAAiB,EACjB,KAAA,EAAA,KAAY,EACZ,MAAA,EAAA,IAAY,EACZ,KAAA,EAAA,OAAc,EACd,SAAA,EAAA,IAAe,EACf,UAAA,EAAA,uXACwB,CAAA,IAAA,CAAA,SAAA,EAAA,eAAA,EAAA,OAAA,GAAA;;AAxG3B,cAAA,CAAA,YAAA,GAAA,GAAA,CAAA,EA4GG,KAAA,EAAA,IAAW,EACX,MAAA,EAAA,MAAc,GAAA;;AA7GjB,cAAA,CAAA,YAAA,GAAA,GAAA,CAAA,EAAA,CAAA,EA+GI,aAAA,EAAA,IAAmB,EACnB,UAAA,EAAA,IAAgB,EAChB,MAAA,EAAA,IAAY,GAAA;;AAjHhB,cAAA,CAAA,YAAA,GAAA,GAAA,CAAA,EAqHG,KAAA,EAAA,IAAW,EACX,QAAA,EAAA,QAAkB,EAClB,GAAA,EAAA,KAAU,EACV,MAAA,EAAA,MAAc,EACd,KAAA,EAAA,KAAY,GAAA;;AFxPf,CAAA,CAAA,EACC,MAAA,EAAA,CAAS,EACT,OAAA,EAAA,CAAU,GAAA;;AAEX,EAAA,EAAA,EAAA,CAAA,EACC,UAAA,EAAA,IAAgB,GAAA;;AAIjB,UAAA,GACC,WAAA,EAAA,gBAA6B,EAC7B,GAAA,EAAA,mCAAA,CAAA,eAAA,EAAA,kCAAA,CAAA,cACmD,EACnD,WAAA,EAAA,MAAmB,EACnB,UAAA,EAAA,MAAkB,EAClB,YAAA,EAAA,IAAkB;;AAGnB,uBAAA;AACA,aAAA,CAAA,EACC,aAAA,EAAA,QAAuB,EACvB,WAAA,EAAA,MAAmB,EACnB,QAAA,EAAA,MAAgB,GAAA;;AG1Bd,+BAAA,CAAA,EACG,gBAAA,EAAA,WAA6B,GAAA;;AAEhC,mBAAA,CAAA,EACG,KAAA,EAAA,GAAU,EACV,MAAA,EAAA,GAAW,EACX,gBAAA,EAAA,WAA6B,GAAA;;AAEhC,yBAAA,CAAA,EACG,aAAA,EAAA,GAAkB,EAClB,gBAAA,EAAA,wBAAwC,GAAA;;AHoC9C,0BAAA,CAAA,EACI,UAAA,EAAA,WAAuB,EACvB,MAAA,EAAA,IAAY,GAAA","file":"../common.css","sourcesContent":["/**\r\n * loading 动画\r\n*/\r\n\r\n.loader-box {\r\n display: inline-block;\r\n width: 200px;\r\n height: 200px;\r\n border-radius: 3px;\r\n font-size: 30px;\r\n color: rgba(200, 200, 200, 0.5);\r\n padding: 1em;\r\n margin-bottom: .25em;\r\n vertical-align: top;\r\n -webkit-transition: .3s color, .3s border;\r\n transition: .3s color, .3s border;\r\n}\r\n.loader-box:hover {\r\n color: #d60b52;\r\n font-size: 0;\r\n padding: 0;\r\n border-width: 3px;\r\n line-height: 200px;\r\n}\r\n[class*=\"loader-\"] {\r\n display: inline-block;\r\n width: 1em;\r\n height: 1em;\r\n color: inherit;\r\n vertical-align: middle;\r\n pointer-events: none;\r\n}\r\n.loader-content:before,\r\n.loader-content:after,\r\n.loader-content {\r\n border-radius: 50%;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n -webkit-animation: loader-content 1.8s infinite ease-in-out;\r\n animation: loader-content 1.8s infinite ease-in-out;\r\n}\r\n.loader-content {\r\n color: currentcolor;\r\n position: relative;\r\n -webkit-transform: translateZ(0);\r\n transform: translateZ(0);\r\n -webkit-animation-delay: -0.16s;\r\n animation-delay: -0.16s;\r\n top: -1em;\r\n}\r\n.loader-content:before {\r\n right: 100%;\r\n -webkit-animation-delay: -0.32s;\r\n animation-delay: -0.32s;\r\n}\r\n.loader-content:after {\r\n left: 100%;\r\n}\r\n.loader-content:before,\r\n.loader-content:after {\r\n content: '';\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n width: inherit;\r\n height: inherit;\r\n}\r\n@-webkit-keyframes loader-content {\r\n 0%, 80%, 100% {\r\n box-shadow: 0 1em 0 -1em;\r\n }\r\n 40% {\r\n box-shadow: 0 1em 0 -.2em;\r\n }\r\n}\r\n@keyframes loader-content {\r\n 0%, 80%, 100% {\r\n box-shadow: 0 1em 0 -1em;\r\n }\r\n 40% {\r\n box-shadow: 0 1em 0 -.2em;\r\n }\r\n}","@charset \"UTF-8\";\n/**\r\n * loading 动画\r\n*/\n.loader-box { display: inline-block; width: 200px; height: 200px; border-radius: 3px; font-size: 30px; color: rgba(200, 200, 200, 0.5); padding: 1em; margin-bottom: .25em; vertical-align: top; -webkit-transition: .3s color, .3s border; transition: .3s color, .3s border; }\n\n.loader-box:hover { color: #d60b52; font-size: 0; padding: 0; border-width: 3px; line-height: 200px; }\n\n[class*=\"loader-\"] { display: inline-block; width: 1em; height: 1em; color: inherit; vertical-align: middle; pointer-events: none; }\n\n.loader-content:before, .loader-content:after, .loader-content { border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loader-content 1.8s infinite ease-in-out; animation: loader-content 1.8s infinite ease-in-out; }\n\n.loader-content { color: currentcolor; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; top: -1em; }\n\n.loader-content:before { right: 100%; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }\n\n.loader-content:after { left: 100%; }\n\n.loader-content:before, .loader-content:after { content: ''; display: block; position: absolute; top: 0; width: inherit; height: inherit; }\n\n@-webkit-keyframes loader-content { 0%, 80%, 100% { box-shadow: 0 1em 0 -1em; }\n 40% { box-shadow: 0 1em 0 -.2em; } }\n\n@keyframes loader-content { 0%, 80%, 100% { box-shadow: 0 1em 0 -1em; }\n 40% { box-shadow: 0 1em 0 -.2em; } }\n\n.chart_progressWave { display: inline-block; position: relative; width: 160px; height: 160px; transform: scale(0.7); }\n\n.chart_progressWave.warnning .content { background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%); }\n\n.chart_progressWave.warnning .wave-wrapper { background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%); }\n\n.chart_progressWave.warnning .wave { background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%); }\n\n.chart_progressWave .content { position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 2px; border-radius: 50%; background: linear-gradient(0deg, #4132f3 0%, #2c80ff 100%); }\n\n.chart_progressWave .box { width: 100%; height: 100%; border-radius: 50%; background: #20252D; }\n\n.chart_progressWave .wave-wrapper { position: absolute; margin: 5px; width: 150px; height: 150px; overflow: hidden; border-radius: 100%; }\n\n.chart_progressWave .progress-title { position: absolute; top: 30%; color: #fff; font-size: 38px; text-align: center; width: 100%; z-index: 99; }\n\n.chart_progressWave .wave { position: relative; width: 150px; height: 150px; background: linear-gradient(0deg, #4132f3 0%, #2c80ff 100%); border-radius: 50%; }\n\n.chart_progressWave .wave::before, .chart_progressWave .wave::after { content: \"\"; position: absolute; width: 300px; height: 300px; top: var(--top); left: 50%; background: rgba(32, 37, 45, 0.6); border-radius: 42%; transform: translate(-50%, -70%) rotate(0); animation: rotate 5s linear infinite; z-index: 10; }\n\n.chart_progressWave .wave::after { border-radius: 44%; background: rgba(32, 37, 45, 0.9); transform: translate(-50%, -70%) rotate(0); animation: rotate 8s linear -4s infinite; z-index: 20; }\n\n@keyframes rotate { 50% { transform: translate(-50%, -73%) rotate(180deg); }\n 100% { transform: translate(-50%, -70%) rotate(360deg); } }\n\n/*Plugin CSS*/\n.str_wrap { overflow: hidden; width: 100%; font-size: 12px; line-height: 16px; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; background: #f6f6f6; white-space: nowrap; }\n\n.str_wrap.str_active { background: #f1f1f1; }\n\n.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; }\n\n.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0; }\n\n.str_vertical .str_move_clone { left: 0; top: 100%; }\n\n.str_down .str_move_clone { left: 0; bottom: 100%; }\n\n.str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100%; }\n\n.str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor: inherit; }\n\n.str_wrap img { max-width: none !important; }\n\n.mydetail_box { padding: 6px 0; background: linear-gradient(180deg, rgba(20, 50, 82, 0.9) 0%, rgba(8, 31, 56, 0.9) 100%); background-repeat: no-repeat; overflow-x: hidden; }\n\n.mydetail { position: relative; margin: 0 auto; padding: 25px 18px; width: 330px; height: 100%; font-size: 14px; color: #84B5FF; box-sizing: border-box; background-image: url(\"../images/bg_t.png\"), url(\"../images/bg_b.png\"); background-position: top, bottom; background-repeat: no-repeat; }\n\n.mydetail.widthauto { background-image: url(\"../images/m_lt.png\"), url(\"../images/m_rt.png\"), url(\"../images/m_lb.png\"), url(\"../images/m_rb.png\"); background-position: left top, right top, left bottom, right bottom; background-repeat: no-repeat; }\n\n.mydetail.widthauto::before { right: 0; left: 0; }\n\n.mydetail.widthauto::after { content: \" \"; position: absolute; top: 0; bottom: 0; right: 78px; left: 142px; border-top: 1px solid rgba(132, 181, 255, 0.5); border-bottom: 1px solid rgba(132, 181, 255, 0.5); }\n\n.mydetail::before { content: \" \"; position: absolute; top: 24px; bottom: 50px; right: 4px; left: 3px; border-left: 1px solid rgba(132, 181, 255, 0.5); border-right: 1px solid rgba(132, 181, 255, 0.5); }\n\n.mydetail .hd { margin-bottom: 20px; line-height: 24px; font-size: 16px; }\n\n.mydetail .hd > img { position: relative; top: 2px; padding-right: 12px; width: 16px; }\n\n.mydetail.detail_user .bd { position: relative; padding-left: 120px; min-height: 120px; }\n\n.mydetail.detail_user .bd > img { position: absolute; top: 0; left: 0; width: 100px; height: 120px; }\n\n.mydetail.detail_user .bd .infos h2 { font-size: 18px; line-height: 2.4; }\n\n.mydetail.detail_user .bd .infos p { color: rgba(132, 181, 255, 0.8); font-size: 13px; line-height: 1.8; }\n\n.mydetail.detail_env { width: 800px; }\n\n.mydetail.detail_env .dashboard_box { display: inline-block; position: relative; margin: 12px 15px; width: 120px; height: 120px; text-align: center; }\n\n.mydetail.detail_env .dashboard_box > img { position: absolute; top: 0; left: 0; }\n\n.mydetail.detail_env .dashboard_box .infos { position: relative; top: 4px; padding-top: 15px; color: #FFFFFF; font-size: 14px; }\n\n.mydetail.detail_env .dashboard_box .infos > label { display: inline-block; margin: 6px 0; }\n\n.mydetail.detail_env .dashboard_box .infos > label > img { position: relative; top: 5px; }\n\n.mydetail.detail_env .dashboard_box .infos > label:last-child { position: relative; top: 6px; }\n\n.mydetail.detail_env .dashboard_box .infos > p { font-size: 22px; font-weight: bold; }\n\n.detail_device .lmd { width: 1200px; }\n\n.detail_device .lmd .bd { float: left; width: 260px; }\n\n.detail_device .bd { display: inline-block; width: 100%; }\n\n.detail_device .bd > .title { margin-bottom: 16px; text-align: center; }\n\n.detail_device .bd > .title img { width: 64px; }\n\n.detail_device .bd > .title p { padding: 16px 0; line-height: 24px; font-size: 18px; font-weight: 500; letter-spacing: 2px; }\n\n.detail_device .bd .charts { position: relative; padding: 16px 0 0; }\n\n.detail_device .bd .charts > h2 { padding: 5px 0; font-size: 16px; }\n\n.detail_device .bd .charts .default { color: rgba(132, 181, 255, 0.8); font-size: 13px; }\n\n.detail_device .bd .charts .value { position: absolute; top: 25px; right: 5px; font-size: 18px; font-weight: bold; }\n\n.detail_device .bd .charts .value .arrow { display: inline-block; position: relative; top: -10px; right: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #FFA726 transparent; }\n\n.detail_device .bd .charts .value .arrow.down { top: -3px; border-color: #FFA726 transparent transparent transparent; }\n\n.detail_device .chart_box { margin-top: 10px; height: 100px; }\n\n.detail_device .list { padding: 15px 0; border-top: 1px dashed rgba(132, 181, 255, 0.2); border-bottom: 1px dashed rgba(132, 181, 255, 0.2); }\n\n.detail_device .list .item { padding: 5px 0; overflow: hidden; }\n\n.detail_device .list .item .key { color: rgba(132, 181, 255, 0.8); }\n\n.detail_device .list .item .key > span { padding-right: 4px; color: #fff; font-size: 18px; }\n\n.detail_device .list .item .value { float: right; }\n\n.detail_device .list .item .value > span { padding-right: 4px; color: #fff; font-size: 18px; }\n\n.detail_device .lmd_details { display: inline-block; margin-left: 40px; padding-left: 15px; width: 840px; border-left: 1px dashed rgba(132, 181, 255, 0.2); }\n\n.detail_device .lmd_details .subHd { padding: 0px 12px; width: 225px; height: 34px; color: #FFFFFF; font-size: 16px; background: url(\"../images/m_bg_hb.png\") left no-repeat; background-size: contain; }\n\n.detail_device .lmd_details > div { float: left; margin: 0 15px; }\n\n.detail_device .lmd_details > div ul { margin-bottom: 20px; list-style: none; border: none; }\n\n.detail_device .lmd_details > img { float: left; position: relative; top: 120px; margin: 0 15px; width: 240px; }\n\n* { margin: 0; padding: 0; }\n\nul, li { list-style: none; }\n\n@font-face { font-family: 'Digital-7 Mono'; src: url(\"../fonts/Digital-7Mono.woff2\") format(\"woff2\"), url(\"../fonts/Digital-7Mono.woff\") format(\"woff\"); font-weight: normal; font-style: normal; font-display: swap; }\n\n/* 文字溢出省略号显示*/\n.textEllipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }\n\n::-webkit-scrollbar-track-piece { background-color: transparent; }\n\n::-webkit-scrollbar { width: 7px; height: 7px; background-color: transparent; }\n\n::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(144, 146, 152, 0.3); }\n\n::-webkit-scrollbar-corner { background: transparent; border: none; }\n","\r\n// 堆场统计波浪效果\r\n.chart_progressWave {\r\n display: inline-block;\r\n position: relative;\r\n width: 160px;\r\n height: 160px;\r\n transform: scale(0.7);\r\n &.warnning {\r\n .content {\r\n background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%);\r\n }\r\n .wave-wrapper {\r\n background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%);\r\n }\r\n .wave {\r\n background: linear-gradient(270deg, #ff3021 0%, #ff7043 100%);\r\n }\r\n }\r\n\r\n .content {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n box-sizing: border-box;\r\n padding: 2px;\r\n border-radius: 50%;\r\n background: linear-gradient(0deg, #4132f3 0%, #2c80ff 100%);\r\n }\r\n .box {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n background: $bg_default;\r\n }\r\n\r\n .wave-wrapper {\r\n position: absolute;\r\n margin: 5px;\r\n width: 150px;\r\n height: 150px;\r\n overflow: hidden;\r\n border-radius: 100%;\r\n }\r\n\r\n // 百分比\r\n .progress-title {\r\n position: absolute;\r\n top: 30%;\r\n color: #fff;\r\n font-size: 38px;\r\n text-align: center;\r\n width: 100%;\r\n z-index: 99;\r\n }\r\n\r\n // 波浪\r\n .wave {\r\n position: relative;\r\n width: 150px;\r\n height: 150px;\r\n background: linear-gradient(0deg, #4132f3 0%, #2c80ff 100%);\r\n border-radius: 50%;\r\n\r\n &::before,\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n top: #{\"var(--top)\"};\r\n left: 50%;\r\n background: rgba(32, 37, 45, 0.6);\r\n border-radius: 42%;\r\n transform: translate(-50%, -70%) rotate(0);\r\n animation: rotate 5s linear infinite;\r\n z-index: 10;\r\n }\r\n\r\n &::after {\r\n border-radius: 44%;\r\n background: rgba(32, 37, 45, 0.9);\r\n transform: translate(-50%, -70%) rotate(0);\r\n animation: rotate 8s linear -4s infinite;\r\n z-index: 20;\r\n }\r\n }\r\n\r\n @keyframes rotate {\r\n 50% {\r\n transform: translate(-50%, -73%) rotate(180deg);\r\n }\r\n 100% {\r\n transform: translate(-50%, -70%) rotate(360deg);\r\n }\r\n }\r\n}\r\n","// 变量定义\r\n$bg_default: #20252D;\r\n$basic: 75;\r\n\r\n// 工具类函数\r\n@import './mixin.scss';\r\n@import \"_loading\";\r\n@import \"_macro\";\r\n@import \"_wave\";\r\n// @import \"_statistics\";\r\n@import \"_liMarquee\";\r\n@import \"_mydetail\";\r\n\r\n*{\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\nul,li {\r\n\tlist-style: none;\r\n}\r\n\r\n// Digital-7字体图标\r\n@font-face {\r\n\tfont-family: 'Digital-7 Mono';\r\n\tsrc: url('../fonts/Digital-7Mono.woff2') format('woff2'),\r\n\t\t\turl('../fonts/Digital-7Mono.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n/* 文字溢出省略号显示*/\r\n.textEllipsis {\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n// css文字超过指定行数行显示省略号\r\n@mixin clampEllipsis($lineCount: 3) {\r\n\toverflow:hidden; \r\n\ttext-overflow:ellipsis;\r\n\tdisplay:-webkit-box; //将对象作为弹性伸缩盒子模型显示。\r\n\t-webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)\r\n\t-webkit-line-clamp: $lineCount; //这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。此处为2行\r\n\tword-wrap: break-word;//允许单词内断句,首先会尝试挪到下一行,看看下一行的宽度够不够,不够的话就进行单词内的断句\r\n}\r\n\r\n\r\n\r\n\r\n//滚动条样式\r\n@include scrollBar;\r\n// 纵向和横向都有滚动条的时候,右下角会出现白色方块区域\r\n// https://blog.csdn.net/m0_37792830/article/details/104495893\r\n::-webkit-scrollbar-corner {\r\n background: transparent;\r\n border: none;\r\n}","/*Plugin CSS*/\n.str_wrap {\n\toverflow:hidden;\n\t//zoom:1;\n\twidth:100%;\n\tfont-size:12px;\n\tline-height:16px;\n\tposition:relative;\n\t-moz-user-select: none;\n\t-khtml-user-select: none;\n\tuser-select: none; \n\tbackground:#f6f6f6;\n\twhite-space:nowrap;\n}\n\n.str_wrap.str_active {\n\tbackground:#f1f1f1;\n}\n.str_move { \n\twhite-space:nowrap;\n\tposition:absolute; \n\ttop:0; \n\tleft:0;\n\tcursor:move;\n}\n.str_move_clone {\n\tdisplay:inline-block;\n\t//display:inline;\n\t//zoom:1;\n\tvertical-align:top;\n\tposition:absolute; \n\tleft:100%;\n\ttop:0;\n}\n.str_vertical .str_move_clone {\n\tleft:0;\n\ttop:100%;\n}\n.str_down .str_move_clone {\n\tleft:0;\n\tbottom:100%;\n}\n.str_vertical .str_move,\n.str_down .str_move {\n\twhite-space:normal;\n\twidth:100%;\n}\n.str_static .str_move,\n.no_drag .str_move,\n.noStop .str_move{\n\tcursor:inherit;\n}\n.str_wrap img {\n\tmax-width:none !important;\t\n}","// 变量定义\r\n$text_primary: #84B5FF;\r\n$text_primary_op8: rgba(132, 181, 255, 0.8);\r\n\r\n.mydetail_box {\r\n\tpadding: 6px 0;\r\n\tbackground: linear-gradient(180deg, rgba(20, 50, 82, 0.9) 0%, rgba(8, 31, 56, 0.9) 100%);\r\n\tbackground-repeat: no-repeat;\r\n\toverflow-x: hidden;\r\n}\r\n// 详情弹窗\r\n.mydetail {\r\n\tposition: relative;\r\n\tmargin: 0 auto;\r\n\tpadding: 25px 18px;\r\n\twidth: 330px;\r\n\theight: 100%;\r\n\tfont-size: 14px;\r\n\tcolor: $text_primary;\r\n\tbox-sizing: border-box;\r\n\tbackground-image: url('../images/bg_t.png'), url('../images/bg_b.png');\r\n\tbackground-position: top, bottom;\r\n\tbackground-repeat: no-repeat;\r\n\t&.widthauto {\r\n\t\tbackground-image: url('../images/m_lt.png'), url('../images/m_rt.png'), \r\n\t\t\t\t\t\t\t\t\t\t\turl('../images/m_lb.png'), url('../images/m_rb.png');\r\n\t\tbackground-position: left top, right top, left bottom, right bottom;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\t&::before {\r\n\t\t\tright: 0;\r\n\t\t\tleft: 0;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \" \";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tright: 78px;\r\n\t\t\tleft: 142px;\r\n\t\t\tborder-top: 1px solid rgba(132, 181, 255, 0.5);\r\n\t\t\tborder-bottom: 1px solid rgba(132, 181, 255, 0.5);\r\n\t\t}\r\n\t}\r\n\t&::before {\r\n\t\tcontent: \" \";\r\n\t\tposition: absolute;\r\n top: 24px;\r\n bottom: 50px;\r\n right: 4px;\r\n\t\tleft: 3px;\r\n\t\tborder-left: 1px solid rgba(132, 181, 255, 0.5);\r\n\t\tborder-right: 1px solid rgba(132, 181, 255, 0.5);\r\n\t}\r\n\t.hd {\r\n\t\tmargin-bottom: 20px;\r\n\t\tline-height: 24px;\r\n\t\tfont-size: 16px;\r\n\t\t> img {\r\n\t\t\tposition: relative;\r\n\t\t\ttop: 2px;\r\n\t\t\tpadding-right: 12px;\r\n\t\t\twidth: 16px;\r\n\t\t}\r\n\t}\r\n\r\n\t&.detail_user {\r\n\t\t.bd {\r\n\t\t\tposition: relative;\r\n\t\t\tpadding-left: 120px;\r\n\t\t\tmin-height: 120px;\r\n\t\t\t> img {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100px;\r\n\t\t\t\theight: 120px;\r\n\t\t\t}\r\n\t\t\t.infos {\r\n\t\t\t\th2 {\r\n\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\tline-height: 2.4;\r\n\t\t\t\t}\r\n\t\t\t\tp {\r\n\t\t\t\t\tcolor: $text_primary_op8;\r\n\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t\tline-height: 1.8;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t}\r\n\r\n\r\n\t&.detail_env {\r\n width: 800px;\r\n\t\t.dashboard_box {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tmargin: 12px 15px;\r\n\t\t\twidth: 120px;\r\n\t\t\theight: 120px;\r\n\t\t\ttext-align: center;\r\n\t\t\t> img {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\t\t\t.infos {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\ttop: 4px;\r\n\t\t\t\tpadding-top: 15px;\r\n\t\t\t\tcolor: #FFFFFF;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\t> label {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tmargin: 6px 0;\r\n\t\t\t\t\t> img {\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\ttop: 5px;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\ttop: 6px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t> p {\r\n\t\t\t\t\tfont-size: 22px;\r\n\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n\r\n}\r\n\r\n\r\n\r\n.detail_device {\r\n\t.lmd {\r\n\t\twidth: 1200px;\r\n\t\t.bd {\r\n\t\t\tfloat: left;\r\n\t\t\twidth: 260px;\r\n\t\t}\r\n\t}\r\n\t.bd {\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 100%;\r\n\t\t> .title {\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\ttext-align: center;\r\n\t\t\timg {\r\n\t\t\t\twidth: 64px;\r\n\t\t\t}\r\n\t\t\tp {\r\n\t\t\t\tpadding: 16px 0;\r\n\t\t\t\tline-height: 24px;\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tletter-spacing: 2px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t.charts {\r\n\t\t\tposition: relative;\r\n\t\t\tpadding: 16px 0 0;\r\n\t\t\t> h2 {\r\n\t\t\t\tpadding: 5px 0;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t}\r\n\t\t\t.default {\r\n\t\t\t\tcolor: $text_primary_op8;\r\n\t\t\t\tfont-size: 13px;\r\n\t\t\t}\r\n\t\t\t.value {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 25px;\r\n\t\t\t\tright: 5px;\r\n\t\t\t\tfont-size: 18px;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\t.arrow {\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\ttop: -10px;\r\n\t\t\t\t\tright: -5px;\r\n\t\t\t\t\tborder-width: 5px;\r\n\t\t\t\t\tborder-style: solid;\r\n\t\t\t\t\tborder-color: transparent transparent #FFA726 transparent;\r\n\t\t\t\t\t&.down {\r\n\t\t\t\t\t\ttop: -3px;\r\n\t\t\t\t\t\tborder-color: #FFA726 transparent transparent transparent;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\t.chart_box {\r\n\t\tmargin-top: 10px;\r\n\t\theight: 100px;\r\n\t}\r\n\r\n\t.list {\r\n\t\tpadding: 15px 0;\r\n\t\tborder-top: 1px dashed rgba(132, 181, 255, 0.2);\r\n\t\tborder-bottom: 1px dashed rgba(132, 181, 255, 0.2);\r\n\t\t.item {\r\n\t\t\tpadding: 5px 0;\r\n\t\t\toverflow: hidden;\r\n\t\t\t.key {\r\n\t\t\t\tcolor: $text_primary_op8;\r\n\t\t\t\t> span {\r\n\t\t\t\t\tpadding-right: 4px;\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.value {\r\n\t\t\t\tfloat: right;\r\n\t\t\t\t> span {\r\n\t\t\t\t\tpadding-right: 4px;\r\n\t\t\t\t\tcolor: #fff;\r\n\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.lmd_details {\r\n\t\tdisplay: inline-block;\r\n margin-left: 40px;\r\n padding-left: 15px;\r\n\t\twidth: 840px;\r\n\t\tborder-left: 1px dashed rgba(132, 181, 255, 0.2);\r\n\t\t.subHd {\r\n\t\t\tpadding: 0px 12px;\r\n\t\t\twidth: 225px;\r\n\t\t\theight: 34px;\r\n\t\t\tcolor: #FFFFFF;\r\n\t\t\tfont-size: 16px;\r\n\t\t\tbackground: url('../images/m_bg_hb.png') left no-repeat;\r\n\t\t\tbackground-size: contain;\r\n\t\t}\r\n\r\n\t\t> div {\r\n\t\t\tfloat: left;\r\n\t\t\tmargin: 0 15px;\r\n\t\t\tul { \r\n\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t\tlist-style: none;\r\n\t\t\t\tborder: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t> img {\r\n\t\t\tfloat: left;\r\n\t\t\tposition: relative;\r\n\t\t\ttop: 120px;\r\n\t\t\tmargin: 0 15px;\r\n\t\t\twidth: 240px;\r\n\t\t}\r\n\t\t\r\n\t}\r\n\t\r\n\r\n}\r\n\r\n","@mixin clearfix {\r\n &:after {\r\n content: \"\";\r\n display: table;\r\n clear: both;\r\n }\r\n}\r\n\r\n@mixin scrollBar {\r\n ::-webkit-scrollbar-track-piece {\r\n background-color: transparent;\r\n }\r\n ::-webkit-scrollbar {\r\n width: 7px;\r\n height: 7px;\r\n background-color: transparent;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n border-radius: 5px;\r\n background-color: hsla(220, 4%, 58%, .3);\r\n }\r\n}\r\n\r\n@mixin radius($width, $size, $color) {\r\n width: $width;\r\n height: $width;\r\n line-height: $width;\r\n border-radius: $width;\r\n text-align: center;\r\n border-width: $size;\r\n border-style: solid;\r\n border-color: $color;\r\n}\r\n\r\n@mixin relative {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n@mixin pct($pct) {\r\n width: #{$pct};\r\n position: relative;\r\n margin: 0 auto;\r\n}\r\n\r\n@mixin triangle($width, $height, $color, $direction) {\r\n $width: $width/2;\r\n $color-border-style: $height solid $color;\r\n $transparent-border-style: $width solid transparent;\r\n height: 0;\r\n width: 0;\r\n @if $direction==up {\r\n border-bottom: $color-border-style;\r\n border-left: $transparent-border-style;\r\n border-right: $transparent-border-style;\r\n }\r\n @else if $direction==right {\r\n border-left: $color-border-style;\r\n border-top: $transparent-border-style;\r\n border-bottom: $transparent-border-style;\r\n }\r\n @else if $direction==down {\r\n border-top: $color-border-style;\r\n border-left: $transparent-border-style;\r\n border-right: $transparent-border-style;\r\n }\r\n @else if $direction==left {\r\n border-right: $color-border-style;\r\n border-top: $transparent-border-style;\r\n border-bottom: $transparent-border-style;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n// css文字超过指定行数行显示省略号\r\n@mixin clampEllipsis($lineCount: 3) {\r\n overflow:hidden; \r\n text-overflow:ellipsis;\r\n display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。\r\n -webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)\r\n -webkit-line-clamp:$lineCount; //这个属性不是css的规范属性,需要组合上面两个属性,表示显示的行数。此处为2行\r\n word-wrap: break-word;//允许单词内断句,首先会尝试挪到下一行,看看下一行的宽度够不够,不够的话就进行单词内的断句\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n"]}