main.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .text-input {
  2. width: 100%;
  3. /* height: 100rpx; */
  4. padding: 0;
  5. display: block;
  6. }
  7. .news {
  8. width: 100%;
  9. font-size: 28rpx;
  10. padding: 10rpx 24rpx;
  11. display: inline-block;
  12. margin: 17rpx 10rpx 17rpx 0;
  13. line-height: 50rpx;
  14. position: relative;
  15. top: 0;
  16. background-color: #F2F2F2;
  17. border-radius: 6rpx;
  18. flex: 1;
  19. max-height: 200rpx;
  20. min-height: 70rpx;
  21. color: #7A7B7F;
  22. box-sizing: border-box;
  23. }
  24. .placeholder{color: #7A7B7F;}
  25. .send_btn {
  26. width: 80rpx;
  27. height: 60rpx;
  28. line-height: 60rpx;
  29. font-size: 17px;
  30. color: #000;
  31. padding: 0;
  32. display: inline-block;
  33. float: right;
  34. margin: 8rpx 16rpx auto auto;
  35. background-color: #fff;
  36. }
  37. .f-row {
  38. /* height:100rpx; */
  39. display: flex;
  40. align-items: center;
  41. background-color: #fff;
  42. padding-right: 10rpx;
  43. }
  44. .send-btn-style {
  45. font-size: 10px !important;
  46. background-color: #2196F3 !important;
  47. color: #fff !important;
  48. margin-right: 10px !important;
  49. border-radius: 5px !important;
  50. margin-right: auto !important;
  51. overflow: hidden !important;
  52. padding-left: 28rpx !important;
  53. padding-right: 28rpx !important;
  54. line-height: 2.6 !important;
  55. }
  56. .hover {
  57. background-color: #075ca1
  58. }
  59. .icon-mic {
  60. width: 53rpx;
  61. height: 53rpx;
  62. padding: 0 10rpx;
  63. position: relative;
  64. /* top: 2px; */
  65. }
  66. .f-row-x {
  67. padding-bottom: 30px;
  68. display: flex;
  69. align-items: center;
  70. background-color: #f2f2f2;
  71. }