index.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. /**index.wxss**/
  2. .switch_section{
  3. width: 100%;
  4. display: inline-block;
  5. background-color:#fff;
  6. position:relative;
  7. }
  8. .switch_section::before {
  9. content: " ";
  10. position: absolute;
  11. left: 0;
  12. top: 0;
  13. right: 0;
  14. height: 1px;
  15. border-top: 1px solid #D9D9D9;
  16. color: #D9D9D9;
  17. -webkit-transform-origin: 0 0;
  18. transform-origin: 0 0;
  19. -webkit-transform: scaleY(0.5);
  20. transform: scaleY(0.5);
  21. }
  22. .switch_section::after {
  23. content: " ";
  24. position: absolute;
  25. left: 0;
  26. bottom: 0;
  27. right: 0;
  28. height: 1px;
  29. border-bottom: 1px solid #D9D9D9;
  30. color: #D9D9D9;
  31. -webkit-transform-origin: 0 100%;
  32. transform-origin: 0 100%;
  33. -webkit-transform: scaleY(0.5);
  34. transform: scaleY(0.5);
  35. }
  36. .switch_view{
  37. padding-left:30rpx;
  38. padding-right:30rpx;
  39. height: 40px;
  40. position: relative;
  41. }
  42. .switch_view::before {
  43. content: " ";
  44. position: absolute;
  45. top: 0;
  46. right: 0;
  47. height: 1px;
  48. border-top: 1px solid #D9D9D9;
  49. color: #D9D9D9;
  50. -webkit-transform-origin: 0 0;
  51. transform-origin: 0 0;
  52. -webkit-transform: scaleY(0.5);
  53. transform: scaleY(0.5);
  54. left: 15px;
  55. }
  56. .switch_text{
  57. float:left;
  58. display: inline-block;
  59. font-size:32rpx;
  60. color:#000;
  61. margin-right:16rpx;
  62. height:40px;
  63. line-height: 40px;
  64. }
  65. switch{
  66. float:right;
  67. margin-top: 4px;
  68. }
  69. .section__title {
  70. margin-bottom:16rpx;
  71. padding-left:30rpx;
  72. padding-right:30rpx;
  73. color:#999999;
  74. font-size:14px;
  75. }
  76. .button-wrapper{
  77. margin: 1.17647059em 15px 0.3em;
  78. }
  79. .button {
  80. position:relative;
  81. display:block;
  82. margin-left:auto;
  83. margin-right:auto;
  84. padding-left:14px;
  85. padding-right:14px;
  86. box-sizing:border-box;
  87. font-size:18px;
  88. text-align:center;
  89. text-decoration:none;
  90. line-height:2.55555556;
  91. border-radius:5px;
  92. -webkit-tap-highlight-color:transparent;
  93. overflow:hidden;
  94. color:#000000;
  95. width:200px;
  96. border:1px solid #AAAAAA;
  97. }
  98. .section {
  99. margin-bottom:10rpx;
  100. }
  101. .article{
  102. padding:50px 40px;
  103. }
  104. .article text{
  105. line-height: 25px;
  106. font-size:16px;
  107. }