step2.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. .wrap{
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. }
  6. .content{
  7. display: flex;
  8. }
  9. .menu {
  10. color: #fff;
  11. width: 210px;
  12. }
  13. .menu .again{
  14. padding-bottom: 4px;
  15. padding-left: 9px;
  16. color: #37CA71;
  17. text-decoration:none;
  18. }
  19. .menu .head{
  20. display: flex;
  21. align-items: flex-end;
  22. }
  23. .menu .p8{
  24. color: rgba(255,255,255,0.8)
  25. }
  26. .menu .tab{
  27. margin-top: 25px;
  28. padding: 18px 19px;
  29. cursor: pointer;
  30. display: flex;
  31. align-items: center;
  32. }
  33. .left-img{
  34. position: relative;
  35. margin-right: 20px;
  36. }
  37. .warring{
  38. position: absolute;
  39. width: 12px;
  40. height: 12px;
  41. right: -6px;
  42. bottom: 0px;
  43. }
  44. .btn-warning{
  45. bottom: 2px;
  46. }
  47. .env{
  48. width: 25px;
  49. height: 25px;
  50. }
  51. .jur{
  52. width: 25px;
  53. height: 28px;
  54. }
  55. .menu .tab{
  56. transition: all 0.1s;
  57. }
  58. .menu .tab.on{
  59. background: rgba(0,0,0,0.2);
  60. border-radius: 13px 13px 13px 13px;
  61. }
  62. .config-list{
  63. width: 485px;
  64. }
  65. /*
  66. ===================
  67. 服务器检测/信息输入
  68. ===================
  69. */
  70. .server{
  71. height: 430px;
  72. padding:0px 20px 3px 35px;
  73. }
  74. .server table{
  75. margin-bottom:20px;
  76. }
  77. .server td{
  78. padding:6px 5px;
  79. color: #fff;
  80. font-size: 12px;
  81. align-items: center;
  82. }
  83. .server .td1{
  84. color:rgba(255,255,255, 0.6);
  85. font-size: 12px;
  86. }
  87. .server .input{
  88. border:none;
  89. border-radius: 30px;
  90. padding:3px;
  91. width:200px;
  92. }
  93. .server .input:hover,
  94. .server .input:focus{
  95. outline:none;
  96. }
  97. .gray{
  98. color:#bbb;
  99. }
  100. .server tr:hover .gray{
  101. color:#333;
  102. }
  103. .trip{
  104. color: #EDB90F;
  105. font-size: 12px;
  106. height: 17px;
  107. }
  108. .trip img{
  109. width: 14px;
  110. height: 14px;
  111. margin-right: 5px;
  112. }
  113. /*
  114. ===================
  115. 正确错误
  116. ===================
  117. */
  118. .correct_span,
  119. .error_span{
  120. display:block;
  121. float:left;
  122. width:20px;
  123. height:16px;
  124. text-indent:-2000em;
  125. overflow:hidden;
  126. background:url(../images/install/icon.png) no-repeat;
  127. margin-right:5px;
  128. }
  129. .error_span{
  130. background-position:0 -23px;
  131. }
  132. .bottom{
  133. width: 110px;
  134. height: 32px;
  135. background: #FFFFFF;
  136. border-radius: 137px 137px 137px 137px;
  137. font-size: 14px;
  138. line-height: 32px;
  139. margin: 0 auto;
  140. margin-top: 20px;
  141. cursor: pointer;
  142. text-align: center;
  143. }
  144. .bottom a{
  145. display:block;
  146. width: 100%;
  147. height: 100%;
  148. }
  149. .bottom-btn{
  150. display: flex;
  151. }
  152. .bottom-btn .up-btn{
  153. color: rgba(255,255,255,0.6);
  154. margin-right: 10px;
  155. background-color: rgba(255,255,255,0.1);
  156. }
  157. .bottom-btn .next{
  158. color: #5A487D;
  159. }
  160. .bottom-btn .up-btn a{
  161. color: rgba(255,255,255,0.6);
  162. }
  163. .bottom-btn .up-btn a:link,a:visited{
  164. color: rgba(255,255,255,0.6);
  165. text-decoration: none;
  166. }