abnormalAlarm.css 965 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. page{
  2. background-color: #fff;
  3. }
  4. .alarm-box{
  5. background: #FFFFFF;
  6. box-shadow: 0rpx 8rpx 40rpx 1rpx rgba(51,51,51,0.06);
  7. border-radius: 10rpx 10rpx 10rpx 10rpx;
  8. opacity: 1;
  9. padding: 40rpx;
  10. margin: 30rpx;
  11. position: relative;
  12. }
  13. .alarm-icon{
  14. width: 96rpx;
  15. height: 96rpx;
  16. margin-right: 30rpx;
  17. background: #EB5C20;
  18. border-radius: 100%;
  19. }
  20. .alarm-icon image{
  21. width: 54rpx;
  22. height: 54rpx;
  23. margin: auto auto;
  24. }
  25. .alarm-title{
  26. line-height: 47rpx;
  27. font-size: 32rpx;
  28. font-family: Source Han Sans CN-Bold, Source Han Sans CN;
  29. font-weight: bold;
  30. color: #242323;
  31. }
  32. .alarm-note{
  33. line-height: 36rpx;
  34. font-size: 24rpx;
  35. font-family: SourceHanSansCN-Regular-Regular, SourceHanSansCN-Regular;
  36. font-weight: 400;
  37. color: #A8A5A5;
  38. }
  39. .rico{
  40. width: 22rpx;
  41. height: 36rpx;
  42. margin-left: 30rpx;
  43. }
  44. .dot{
  45. width: 20rpx;
  46. height: 20rpx;
  47. background: #FF0000;
  48. opacity: 1;
  49. border: 3rpx solid #FFFFFF;
  50. border-radius: 100%;
  51. position: absolute;
  52. top: 40rpx;
  53. left: 110rpx;
  54. }