supermember.css 2.4 KB

123456789101112131415161718192021222324252627282930
  1. .nav{background: #fff;padding: 20px;}
  2. .nav-bottom{display: flex;justify-content: space-between;}
  3. .flex-box{width: 24%;height: 85px;margin-right: 20px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 20px 0;border-radius: 2px;}
  4. .flex-box:nth-child(4){margin-right:0px;}
  5. .title{font-size: 18px;}
  6. .num{font-size: 30px;font-weight: 400;text-align: center;color: #333;}
  7. .section{display: flex;justify-content: space-between;}
  8. .section-left{width: 830px;height: 600px;background: #fff;margin: 16px 20px 0 0;position: relative;}
  9. .member-detail{margin: 0 30px;height: 510px;overflow-y: auto;}
  10. .member-detail-item{padding: 010px;line-height: 50px;border-bottom: 1px solid #f8f8f8;display: flex;justify-content: space-between;}
  11. .member-detail-item .base-data-name span{display: inline-block;margin-right: 15px;}
  12. .section-right{width: 830px;height: 600px;background: #fff;margin-top: 16px;}
  13. .membership{font-size: 16px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
  14. .no-data{font-size: 16px;font-weight: 100;text-align: center;margin-top: 300px;}
  15. .bottom{display: flex;justify-content: space-between;border-top:1px rgb(247,247,247)solid ;position: relative;bottom: -180px;}
  16. .card-number{font-size: 16px;font-weight: 100;margin:20px 30px 10px 30px;justify-content: space-around;}
  17. .membership{font-size: 16px;padding: 15px 20px;border-bottom: 1px solid #f8f8f8;}
  18. .membership-percent{font-size: 16px;margin-top: 20px;margin-left: 30px;}
  19. .layui-layout-admin .layui-body .body-content{background-color: #f8f8f8 !important;}
  20. .nav-screen{display: flex;flex-direction: row;}
  21. .screen-tab{display: flex;flex-direction: row;align-items: center;margin-bottom: 20px;}
  22. .screen-time{margin-left: 20px;}
  23. .screen-tab .tab-item{border: 1px solid #e6e6e6;border-right: 0;width: 60px;height: 30px;line-height: 30px;text-align: center;}
  24. .screen-tab .tab-item:last-of-type{border-right: 1px solid #e6e6e6;}
  25. .tab-item:hover, .timecursor:hover, .member-detail-item{cursor:pointer}
  26. .tab-item{position: relative;}
  27. .bgcolorse{background: var(--base-color);color: #fff;}
  28. .activeTab:after{content: "";display: block;position: absolute;border: 1px solid var(--base-color);top: 0;left: 0;right: 0;bottom: 0;}
  29. .layui-layout-admin .layui-body .body-content{padding: 0px !important;}
  30. .layui-layout-admin.admin-style-2 .layui-body .body-content{background-color: transparent !important;}