SoundForm.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. .hw{
  2. width:320px;
  3. height:320px;
  4. overflow: hidden;
  5. .hw-header{
  6. height:80px;
  7. width:100%;
  8. display:flex;
  9. flex-direction: row;
  10. .syj{
  11. height:100%;
  12. margin-top: 20px;
  13. justify-content: center;
  14. align-items: center;
  15. .img{
  16. max-height: 100%;
  17. }
  18. }
  19. .hw-img{
  20. height:100%;
  21. margin-top: 20px;
  22. margin-left: 30px;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. .img{
  27. max-height: 50%;
  28. }
  29. }
  30. }
  31. .hw-content{
  32. background-color: white;
  33. background-size: contain;
  34. border: 1px solid #ccc;
  35. border-radius: 50px;
  36. width:100%;
  37. height:260px;
  38. margin-top:-30px;
  39. clear:both;
  40. display:flex;
  41. .hw-items{
  42. height:140px;
  43. width:100%;
  44. margin-left:25px;
  45. margin-right:55px;
  46. margin-top:70px;
  47. overflow: hidden;
  48. .scroll{
  49. width:100%;
  50. display:flex;
  51. flex-direction: row;
  52. .item{
  53. float:left;
  54. display: flex;
  55. flex-direction: column;
  56. width:50%;
  57. .name{
  58. font-size:12px;
  59. width:100%;
  60. text-align:center;
  61. }
  62. .image{
  63. padding:8px;
  64. .img{
  65. width:100px;
  66. height:100px;
  67. }
  68. }
  69. }
  70. }
  71. }
  72. }
  73. }