style.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /* 扫码 */
  2. * {
  3. padding: 0;
  4. margin: 0;
  5. }
  6. .qtbox{min-height: 100vh;background: url(../images/bg.png) no-repeat center;width: 100%;background-size: 100% 100%;position: relative;box-sizing: border-box;padding: 1.92rem 0.3rem 3rem;}
  7. .qtdown{width: 100%;height: 2.58rem;position: absolute;left: 0;right: 0;bottom: 0;}
  8. .qsback{position: fixed;left: 0.32rem;top: 0.81rem;z-index: 1;}
  9. .qsback img{width: 0.39rem;height: 0.39rem;}
  10. .qt_tit{width: 4.8rem;height: 1.64rem;margin-bottom: 1.14rem;display: block;}
  11. .qt_txt{display: inline-block;}
  12. .qt_txta{font-size:0.32rem;color: #FFFEFB;padding: 0 0.14rem;font-weight: bold;letter-spacing:0.02rem}
  13. .qt_line{height: 0.2rem;background: #0263E9;width: 100%;margin-top: -0.14rem;}
  14. .qrnum{width: 6.36rem;min-height: 4.3rem;background: rgba(255, 255, 255, 0.5);border-radius: 0.06rem;margin: 0 auto;padding: 0.6rem 0.48rem;box-sizing: border-box;}
  15. .qrnuml{width: 0.18rem;height: 0.2rem;flex: 0 0 auto;}
  16. .qrnumt{font-size: 0.42rem;color: #1A3896;font-weight: bold;flex: 1;text-align: center;}
  17. .qrnum_line{width: 0.34rem;height: 0.02rem;
  18. background: #1A3896;margin:0 auto;}
  19. .qrnumb{display: flex;align-items: baseline;justify-content: center;}
  20. .qrnumn{color: #FFFEFE;
  21. -webkit-text-stroke: 1px #193795;
  22. text-stroke: 1px #193795;font-size: 1.4rem;text-align: center;position: relative;padding: 0 0.16rem;font-weight: bold;z-index: 1;}
  23. .qt_shadow{width: 100%;border: 0.1rem solid transparent;position: relative;margin-top: -0.4rem;box-sizing: border-box;}
  24. .qt_shadow::after{content: ' ';width: 100%;position: absolute;left: 0;right: 0;bottom: 0;box-shadow: 0px -0.04rem 0.2rem 0.1rem #1A3896;border-style: solid;border-width: 0 0 0 0;}
  25. /* 0px -0.04rem 0.24rem 0.08rem #1A3896; box-shadow: 0px -2px 12px 4px #1A3896;*/
  26. .qrnumbs{width: 0.4rem;
  27. height: 0.4rem;
  28. background: #1A3896;
  29. border-radius: 50%;font-size: 0.26rem;color: #FFFEFE;line-height: 0.4rem;font-weight: 500;margin-left: 0.16rem;flex: 0 0 auto;}
  30. .qrnumftit{font-size: 0.28rem;color: #1D3C99;font-weight: 500;text-align: center;margin-top: 0.36rem;}
  31. /* #app{
  32. height: 100%;
  33. } */