ServiceCenter.wxss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .container {
  2. width: 680rpx;
  3. margin-left: 35rpx;
  4. margin-top: 20rpx;
  5. }
  6. .blueblock {
  7. width: 15rpx;
  8. height: 40rpx;
  9. background: -webkit-linear-gradient(top, #569dff, #3a65ff);
  10. float: left;
  11. }
  12. .title_box {
  13. width: 100%;
  14. height: 70rpx;
  15. }
  16. .title {
  17. float: left;
  18. margin-left: 20rpx;
  19. font-weight: 900;
  20. }
  21. .title1 {
  22. float: right;
  23. font-size: 28rpx;
  24. color: #9c9faf;
  25. font-weight: 600;
  26. /* margin-left: 20rpx; */
  27. }
  28. .box {
  29. width: 100%;
  30. display: flex;
  31. flex-direction: row;
  32. flex-wrap: wrap;
  33. justify-content: space-around;
  34. }
  35. .halfbox{
  36. width: 327rpx;
  37. height: 187rpx;
  38. position: relative;
  39. /* border: 1px solid red; */
  40. /* margin-right: 20rpx; */
  41. /* margin-left: 20rpx; */
  42. }
  43. .bj {
  44. width: 327rpx;
  45. height: 187rpx;
  46. }
  47. .t1{
  48. position: absolute;
  49. top: 20rpx;
  50. z-index: 999;
  51. color: #173d86;
  52. font-weight: 900;
  53. left: 45rpx;
  54. top: 70rpx;
  55. font-size: 28rpx;
  56. }
  57. .t2{
  58. left: 70rpx;
  59. }
  60. .t3{
  61. left: 65rpx;
  62. }
  63. .t4{
  64. left: 100rpx;
  65. }
  66. .t5{
  67. left: 100rpx;
  68. }
  69. .t6{
  70. left: 25rpx;
  71. text-align: center;
  72. }