index.acss 884 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. .a-collapse {
  2. border-top: 1px solid #ddd;
  3. background-color: #fff;
  4. color: #000;
  5. }
  6. .a-collapse-title,
  7. .a-collapse-content {
  8. border-bottom: 1px solid #ddd;
  9. }
  10. .a-collapse-title {
  11. position: relative;
  12. height: 88rpx;
  13. line-height: 88rpx;
  14. padding: 0 60rpx 0 30rpx;
  15. font-size: 34rpx;
  16. }
  17. .a-collapse-title-arrow {
  18. position: absolute;
  19. top: 30rpx;
  20. right: 30rpx;
  21. width: 30rpx;
  22. height: 30rpx;
  23. background-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'><path d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/></svg>");
  24. background-size: contain;
  25. background-repeat: no-repeat;
  26. background-position: 50% 50%;
  27. transform: rotate(90deg);
  28. }
  29. .a-collapse-title-arrow-up {
  30. transform: rotate(270deg);
  31. }
  32. .a-collapse-content {
  33. padding: 20rpx;
  34. font-size: 30rpx;
  35. }