comments.wxss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. page {
  2. background-color: #F5F5F5;
  3. }
  4. .content {
  5. width: 100%;
  6. }
  7. .online_box {
  8. width: 90%;
  9. margin: 0 auto;
  10. background: #FFFFFF;
  11. border-radius: 20rpx;
  12. margin-top: 30rpx;
  13. padding-bottom: 40rpx;
  14. }
  15. .part1 {
  16. width: 90%;
  17. margin: 0 auto;
  18. height: 80rpx;
  19. display: flex;
  20. align-items: center;
  21. }
  22. .online_left {
  23. flex: 1;
  24. font-size: 27rpx;
  25. font-weight: bold;
  26. letter-spacing: 2rpx;
  27. }
  28. .online_right {
  29. color: #999999;
  30. font-size: 22rpx;
  31. flex: 1;
  32. display: flex;
  33. justify-content: flex-end;
  34. align-items: center;
  35. }
  36. .online_right image {
  37. width: 12rpx;
  38. height: 21rpx;
  39. margin-left: 10rpx;
  40. }
  41. .online_title {
  42. font-size: 28rpx;
  43. font-weight: bold;
  44. letter-spacing: 2rpx;
  45. width: 90%;
  46. margin: 0 auto;
  47. line-height: 80rpx;
  48. }
  49. .online {
  50. width: 90%;
  51. margin: 0 auto;
  52. padding-bottom: 34rpx;
  53. }
  54. .tit {
  55. font-size: 27rpx;
  56. font-weight: bold;
  57. letter-spacing: 2rpx;
  58. margin-top: 19rpx;
  59. }
  60. .u-input--border {
  61. border: none !important;
  62. background: #F5F5F5 !important;
  63. }
  64. .btn {
  65. width: 90%;
  66. margin: 0 auto;
  67. background: #FF7F00;
  68. line-height: 90rpx;
  69. text-align: center;
  70. color: white;
  71. border-radius: 15rpx;
  72. margin-top: 20rpx;
  73. font-size: 28rpx;
  74. }