contact.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. @charset "UTF-8";
  2. /*单行省略号*/
  3. /*多行省略号*/
  4. /**清除浮动**/
  5. /**fit img**/
  6. /*主色调*/
  7. /*单行省略号*/
  8. /*多行省略号*/
  9. /**清除浮动**/
  10. /**fit img**/
  11. /*主色调*/
  12. .branch-list .list-tit {
  13. padding-bottom: 0.2rem;
  14. }
  15. .branch-list li ~ li .area-tit {
  16. border-top: 1px solid #E8E8E8;
  17. }
  18. .branch-list .area-tit {
  19. display: -webkit-box;
  20. display: flex;
  21. -webkit-box-pack: justify;
  22. justify-content: space-between;
  23. -webkit-box-align: center;
  24. align-items: center;
  25. height: 0.8rem;
  26. line-height: 0.8rem;
  27. }
  28. .branch-list .area-tit.on .arrow {
  29. -webkit-transform: rotate(90deg);
  30. transform: rotate(90deg);
  31. }
  32. .branch-list .area-tit .arrow {
  33. width: 0;
  34. height: 0;
  35. border-style: solid;
  36. border-width: 0.12rem 0 0.12rem 0.12rem;
  37. border-color: transparent transparent transparent #F37020;
  38. -webkit-transition: all 0.3s;
  39. transition: all 0.3s;
  40. }
  41. .branch-list .info {
  42. background-color: #F2F2F2;
  43. padding: 0.4rem 0.32rem;
  44. display: none;
  45. }
  46. .branch-list .info hr {
  47. margin-top: 0.16rem;
  48. border: none;
  49. background-color: #ccc;
  50. height: 1px;
  51. }
  52. .branch-list .info .des {
  53. color: #999;
  54. line-height: 0.46rem;
  55. margin-top: 0.16rem;
  56. }
  57. .branch-bottom {
  58. height: 0.55rem;
  59. }
  60. .contact-tit {
  61. padding-top: 0.4rem;
  62. }
  63. .contact-tit .tit2 {
  64. line-height: 0.48rem;
  65. margin-top: 0.24rem;
  66. }
  67. .contact-form {
  68. padding-top: 0.48rem;
  69. }
  70. .contact-form input {
  71. height: 0.68rem;
  72. padding: 0 0.24rem;
  73. border: 1px solid #DDD;
  74. width: 100%;
  75. -webkit-appearance: none;
  76. -moz-appearance: none;
  77. appearance: none;
  78. }
  79. .contact-form textarea {
  80. padding: 0.24rem;
  81. border: 1px solid #DDD;
  82. width: 100%;
  83. -webkit-appearance: none;
  84. -moz-appearance: none;
  85. appearance: none;
  86. }
  87. .contact-form .form-item {
  88. margin-bottom: 0.32rem;
  89. }
  90. .form-text {
  91. line-height: 0.36rem;
  92. color: #999;
  93. font-size: 0.26rem;
  94. }
  95. .form-btn {
  96. padding-top: 0.48rem;
  97. }
  98. .form-btn .submit {
  99. width: 2.88rem;
  100. height: 0.8rem;
  101. background-color: #063F88;
  102. color: #fff;
  103. font-size: 0.32rem;
  104. cursor: pointer;
  105. }
  106. .branch-list {
  107. margin-top: 0.75rem;
  108. }
  109. .branch-list .list-tit {
  110. padding-bottom: 0.34rem;
  111. }
  112. .other-branch {
  113. border-bottom: 1px solid #e8e8e8;
  114. }
  115. .other-branch .arrow-img {
  116. width: 0.33rem;
  117. height: auto;
  118. vertical-align: middle;
  119. margin-left: 0.24rem;
  120. }
  121. .contact-bottom {
  122. height: 0.7rem;
  123. }
  124. /*# sourceMappingURL=maps/contact.css.map */