setcombine.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .container {
  2. background-color: #F0F0F0;
  3. justify-content: flex-start;
  4. font-weight: 500;
  5. }
  6. .panel1{
  7. width: 100%;
  8. background-color: #fff;
  9. }
  10. .panel1 .text{
  11. width: 690rpx;
  12. margin: 40rpx 30rpx;
  13. font-size:24rpx;
  14. color:#1e1e1e;
  15. font-weight: 400;
  16. line-height: 35rpx;
  17. }
  18. .panel1 .word{
  19. width: 100%;
  20. height:125rpx;
  21. background-color: #F0F0F0;
  22. justify-content: flex-start;
  23. }
  24. .panel1 .word1{
  25. font-size:32rpx;
  26. margin: 50rpx 0 30rpx 30rpx;
  27. }
  28. .panel1 .pinyin{
  29. margin-left: 30rpx;
  30. font-family: 'GB Pinyinok-C';
  31. font-weight: normal;
  32. font-style: normal;
  33. }
  34. .panel1 .combine{
  35. width: 100%;
  36. }
  37. .panel1 .combine1{
  38. margin: 30rpx 20rpx 10rpx 20rpx;
  39. width: 710rpx;
  40. justify-content: flex-start;
  41. align-items: flex-start;
  42. flex-wrap: wrap;
  43. }
  44. .panel1 .word2{
  45. font-size:28rpx;
  46. margin: 0 10rpx 20rpx 10rpx;
  47. padding: 6rpx 10rpx;
  48. }
  49. .panel1 .selected{
  50. background-color: #F5E2BE;
  51. border-radius: 6rpx;
  52. padding: 6rpx 10rpx;
  53. }
  54. .container .bottom{
  55. width:100%;
  56. height:160rpx;
  57. position: fixed;
  58. bottom:0;
  59. background-color: #CDB797;
  60. justify-content: flex-end;
  61. z-index: 100;
  62. }
  63. .container .bottom1{
  64. width:100%;
  65. height:140rpx;
  66. background-color: #1B1B1B;
  67. text-align: center;
  68. line-height: 140rpx;
  69. font-size: 48rpx;
  70. color: #f0f0f0;
  71. }
  72. .container .bottom1 .btn{
  73. width:20%;
  74. height:120rpx;
  75. }