sociology.wxss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. @import "/app.wxss";
  2. .content{
  3. background-color: #F2F2F2;
  4. padding: 20rpx;
  5. }
  6. Page {
  7. width: 100%;
  8. height: 100%;
  9. background-color: #F2F2F2;
  10. }
  11. .header{
  12. background-color: #fff;
  13. width: 710rpx;
  14. height: 160rpx;
  15. display: flex;
  16. flex-flow: column nowrap;
  17. justify-content: space-around;
  18. border-radius: 10rpx;
  19. margin-bottom: 20rpx;
  20. }
  21. .top{
  22. display: flex;
  23. flex-flow: row nowrap;
  24. justify-content: left;
  25. /* padding: 20rpx; */
  26. }
  27. .c_img{
  28. height: 66rpx;
  29. width: 66rpx;
  30. margin-left: 30rpx;
  31. }
  32. .top_right{
  33. display: flex;
  34. flex-flow: column nowrap;
  35. justify-content: space-around;
  36. margin-left: 50rpx;
  37. }
  38. .c_name{
  39. font-size: 36rpx;
  40. color: #1296db;
  41. }
  42. .desc{
  43. font-size: 24rpx;
  44. color: #667580;
  45. }
  46. .search_group{
  47. display: flex;
  48. flex-flow: row nowrap;
  49. justify-content: space-around;
  50. border: 2rpx solid #E6E6E6;
  51. border-radius: 50rpx;
  52. height: 50rpx;
  53. align-items: center;
  54. width: 500rpx;
  55. }
  56. .search_aa{
  57. width: 80rpx;
  58. display: flex;
  59. flex-flow: row nowrap;
  60. justify-content: center;
  61. align-items: center;
  62. font-size:28rpx;
  63. margin-left:20rpx;
  64. color: #1296db;
  65. }
  66. .search_input{
  67. width: 600rpx;
  68. }
  69. .bottom{
  70. display: flex;
  71. flex-flow: row nowrap;
  72. justify-content: center;
  73. }
  74. .info{
  75. background-color: #fff;
  76. /* width: 710rpx; */
  77. height: 160rpx;
  78. display: flex;
  79. flex-flow: column nowrap;
  80. justify-content: space-around;
  81. border-radius: 10rpx;
  82. margin-bottom: 20rpx;
  83. padding: 5px 15px;
  84. }