customservice.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. .bg {
  2. position: relative;
  3. min-height: 100%;
  4. padding-bottom: 20rpx;
  5. }
  6. .qcbg {
  7. height: 740rpx;
  8. width: 100%;
  9. background: #fff;
  10. background:url(http://fohow.oss-cn-shenzhen.aliyuncs.com/customer/bg_kf.png) no-repeat;
  11. background-size:750rpx 718rpx;
  12. overflow: hidden;
  13. }
  14. .erweima{
  15. display: block;
  16. width: 337rpx;
  17. height: 337rpx;
  18. margin: 60rpx auto 0;
  19. }
  20. .text1 {
  21. font-size: 35rpx;
  22. color: #ffffff;
  23. font-weight: 600;
  24. margin-top: 20rpx;
  25. text-align: center;
  26. }
  27. .text2 {
  28. font-size: 35rpx;
  29. color: #999;
  30. margin-top: 20rpx;
  31. text-align: center;
  32. }
  33. .btn {
  34. font-size: 35rpx;
  35. width: 396rpx;
  36. height: 87rpx;
  37. background: -webkit-linear-gradient( #eab86a ,#d4932b );
  38. background: -o-linear-gradient( #eab86a ,#d4932b );
  39. background: -moz-linear-gradient( #eab86a ,#d4932b );
  40. background: linear-gradient( #eab86a ,#d4932b );
  41. border-radius: 50rpx;
  42. text-align: center;
  43. color: #fff;
  44. margin: 32rpx auto 0;
  45. line-height: 87rpx;
  46. }
  47. .text3 {
  48. color: #000;
  49. font-size: 35rpx;
  50. text-align: center;
  51. margin-top: 110rpx;
  52. }
  53. .other-img {
  54. width: 282rpx;
  55. height: 20rpx;
  56. position: absolute;
  57. top: 769rpx;
  58. left: 235rpx;
  59. }
  60. .other-img1 {
  61. width: 750rpx;
  62. height: 850rpx;
  63. display: block;
  64. }
  65. .popup-bg {
  66. position: fixed;
  67. left: 0;
  68. top: 0;
  69. width: 100%;
  70. height: 100%;
  71. background-color: rgba(0,0,0,0.5);
  72. z-index: 99;
  73. }
  74. .popup {
  75. position: absolute;
  76. left: 50%;
  77. top: 300rpx;
  78. margin-left: -280rpx;
  79. width: 560rpx;
  80. height: 440rpx;
  81. background-color: #fff;
  82. border-radius: 10rpx;
  83. overflow: hidden;
  84. }
  85. .popup-title {
  86. text-align: center;
  87. line-height: 32rpx;
  88. font-size: 32rpx;
  89. padding-top: 30rpx;
  90. padding-bottom: 32rpx;
  91. color: #4c4c4c;
  92. font-weight: bold;
  93. }
  94. .popup-logobg {
  95. width: 110rpx;
  96. height: 110rpx;
  97. border-radius: 100%;
  98. background-color: #f7f7f7;
  99. margin: 0 auto;
  100. border:1rpx solid #cfcfcf;
  101. }
  102. .popup-image {
  103. display: block;
  104. width: 67rpx;
  105. height: 90rpx;
  106. background-image: url('https://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/startlogo.png');
  107. background-size: 100% 100%;
  108. margin: 8rpx auto 0;
  109. }
  110. .popup-hint {
  111. display: block;
  112. font-size: 28rpx;
  113. color: #999999;
  114. text-align: center;
  115. line-height: 50rpx;
  116. padding-top: 20rpx;
  117. }
  118. .popup-bottom {
  119. border:0;
  120. border-radius: 0rpx;
  121. position: absolute;
  122. bottom: 0;
  123. width: 100%;
  124. height: 88rpx;
  125. line-height: 88rpx;
  126. left: 0;
  127. border-top: 1rpx solid #cccccc;
  128. text-align: center;
  129. font-size: 32rpx;
  130. color: #39a43c;
  131. }
  132. button::after{
  133. border: none;
  134. }