general.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .title-box {
  2. height: 0.42rem;
  3. background: url(../images/box_title.png) top left no-repeat;
  4. background-size: 100% 100%;
  5. margin: auto;
  6. display: flex;
  7. flex-flow: row nowrap;
  8. align-items: center;
  9. position: relative;
  10. }
  11. .title-box>h6,
  12. .title-box>p {
  13. font-size: 0.2rem;
  14. color: white;
  15. height: 0.42rem;
  16. line-height: 0.42rem;
  17. margin-left: 0.4rem;
  18. }
  19. .title-box>p>span {
  20. cursor: pointer;
  21. color: rgba(255, 255, 255, .6);
  22. }
  23. .title-box>p>span.active {
  24. color: rgba(255, 255, 255, 1);
  25. }
  26. .line-img {
  27. width: 1px;
  28. height: 0.2rem;
  29. margin: 0 10px;
  30. }
  31. .title-box>.line-img {
  32. position: absolute;
  33. right: 1.3rem;
  34. }
  35. .title-box>button {
  36. font-size: 0.18rem;
  37. border: none;
  38. background: transparent;
  39. color: #cdddf7;
  40. height: 0.42rem;
  41. position: absolute;
  42. right: 0.6rem;
  43. display: flex;
  44. flex-flow: row nowrap;
  45. align-items: center;
  46. cursor: pointer;
  47. }
  48. .title-box>button:hover {
  49. color: white;
  50. }
  51. .title-box>button>img {
  52. width: 0.2rem;
  53. height: 0.2rem;
  54. margin-right: 5px;
  55. }