index.wxss 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384
  1. .search-input-box{
  2. width:690rpx;
  3. height:70rpx;
  4. background:rgba(248,248,248,1);
  5. border-radius:36rpx;
  6. border:1rpx solid rgba(242,242,242,1);
  7. margin-top: 42rpx;
  8. }
  9. .search-input-box image{
  10. width:70rpx;
  11. height:70rpx;
  12. margin-left: 20rpx;
  13. float: left;
  14. }
  15. .search-input-box uni-input {
  16. overflow: visible;
  17. float: left;
  18. }
  19. .search-input-box input{
  20. -webkit-box-sizing: border-box;
  21. box-sizing: border-box;
  22. /* margin-bottom: 1upx; */
  23. outline: none;
  24. padding-left: 10rpx;
  25. border:0;
  26. /* margin-top: 10upx; */
  27. height:70rpx;
  28. }
  29. .search-input-box .uni-input-placeholder{
  30. width:196rpx;
  31. height:40rpx;
  32. font-size:28rpx;
  33. font-family:PingFangSC;
  34. font-weight:400;
  35. color:rgba(175,178,191,1);
  36. line-height:40rpx;
  37. }
  38. .banner{
  39. width:690rpx;
  40. height:308rpx;
  41. border-radius:20rpx;
  42. }
  43. .content {
  44. display: -webkit-box;
  45. display: -webkit-flex;
  46. display: -ms-flexbox;
  47. display: flex;
  48. -webkit-box-orient: vertical;
  49. -webkit-box-direction: normal;
  50. -webkit-flex-direction: column;
  51. -ms-flex-direction: column;
  52. flex-direction: column;
  53. -webkit-box-align: center;
  54. -webkit-align-items: center;
  55. -ms-flex-align: center;
  56. align-items: center;
  57. -webkit-box-pack: center;
  58. -webkit-justify-content: center;
  59. -ms-flex-pack: center;
  60. justify-content: center;
  61. /* background-color: #F8F8F8; */
  62. }
  63. .view-content{
  64. display: -webkit-box;
  65. display: -webkit-flex;
  66. display: -ms-flexbox;
  67. display: flex;
  68. -webkit-box-orient: horizontal;
  69. -webkit-box-direction: normal;
  70. -webkit-flex-direction: row no-wrap;
  71. -ms-flex-direction: row no-wrap;
  72. flex-direction: row no-wrap;
  73. height:210rpx;
  74. background:rgba(255,255,255,1);
  75. }
  76. .view-content image{
  77. width:128rpx;
  78. height:128rpx;
  79. overflow: visible;
  80. vertical-align:middle;
  81. }
  82. .view-content ._p{
  83. text-align:center;
  84. width:96rpx;
  85. height:33rpx;
  86. font-size:24rpx;
  87. font-family:PingFangSC;
  88. font-weight:500;
  89. color:rgba(117,119,128,1);
  90. line-height:33rpx;
  91. }
  92. .view-content ._div{
  93. display: -webkit-box;
  94. display: -webkit-flex;
  95. display: -ms-flexbox;
  96. display: flex;
  97. -webkit-box-orient: vertical;
  98. -webkit-box-direction: normal;
  99. -webkit-flex-direction: column;
  100. -ms-flex-direction: column;
  101. flex-direction: column;
  102. width:80rpx;
  103. height:28rpx;
  104. }
  105. .view-content ._div:first-child{
  106. margin-left: 61rpx;
  107. margin-right: 0rpx;
  108. }
  109. .view-content ._div:nth-child(2){
  110. margin-left: 122rpx;
  111. margin-right: 122rpx;
  112. }
  113. .view-content ._div:nth-child(3){
  114. margin-right: 61rpx;
  115. }
  116. .view-content ._p{
  117. -webkit-align-self:center;
  118. -ms-flex-item-align:center;
  119. align-self:center;
  120. }
  121. .view-content image{
  122. -webkit-align-self:center;
  123. -ms-flex-item-align:center;
  124. align-self:center;
  125. }
  126. .school {
  127. -webkit-box-align:start;
  128. -webkit-align-items:flex-start;
  129. -ms-flex-align:start;
  130. align-items:flex-start;
  131. width:750rpx;
  132. /* height:984upx; */
  133. background:rgba(255,255,255,1);
  134. }
  135. .school image{
  136. width: 170rpx;
  137. height: 54rpx;
  138. margin: 0 auto;
  139. /* text-align: center; */
  140. /* vertical-align: middle; */
  141. display: block;
  142. }
  143. .school-content{
  144. display: -webkit-box;
  145. display: -webkit-flex;
  146. display: -ms-flexbox;
  147. display: flex;
  148. -webkit-flex-wrap: wrap;
  149. -ms-flex-wrap: wrap;
  150. flex-wrap: wrap;
  151. }
  152. .school-content ._div:first-child{
  153. margin-left: 98rpx;
  154. margin-right: 195rpx;
  155. }
  156. .schol-icon image{
  157. width: 180rpx;
  158. height: 180rpx;
  159. }
  160. .schol-icon ._span{
  161. width:112rpx;
  162. height:40rpx;
  163. font-size:28rpx;
  164. font-family:PingFangSC;
  165. font-weight:500;
  166. color:rgba(44,44,44,1);
  167. line-height:40rpx;
  168. margin-top: 24rpx;
  169. margin-bottom: 40rpx;
  170. }
  171. .schol-icon{
  172. display: -webkit-box;
  173. display: -webkit-flex;
  174. display: -ms-flexbox;
  175. display: flex;
  176. -webkit-box-orient: vertical;
  177. -webkit-box-direction: normal;
  178. -webkit-flex-direction: column;
  179. -ms-flex-direction: column;
  180. flex-direction: column;
  181. -webkit-box-align: end;
  182. -webkit-align-items: flex-end;
  183. -ms-flex-align: end;
  184. align-items: flex-end;
  185. text-align: -webkit-center;
  186. }
  187. .major{
  188. width:750rpx;
  189. height:470rpx;
  190. background:rgba(255,255,255,1);
  191. margin-top: 20rpx;
  192. }
  193. .major image{
  194. width: 170rpx;
  195. height: 54rpx;
  196. margin: 0 auto;
  197. display: block;
  198. }
  199. /* 授权窗口 */
  200. .uni-tip {
  201. padding: 15rpx;
  202. width: 300rpx;
  203. background: #fff;
  204. -webkit-box-sizing: border-box;
  205. box-sizing: border-box;
  206. border-radius: 10rpx;
  207. width:560rpx;
  208. height:515rpx;
  209. background:rgba(255,255,255,1);
  210. border-radius:8rpx;
  211. }
  212. .uni-tip-title {
  213. text-align: center;
  214. padding: 21rpx 100rpx;
  215. /* width:136upx; */
  216. height:48rpx;
  217. font-size:34rpx;
  218. font-family:PingFangSC;
  219. font-weight:500;
  220. color:rgba(0,0,0,1);
  221. line-height:48rpx;
  222. border-bottom: 1px solid rgba(229,229,229,1);
  223. }
  224. .uni-tip-image {
  225. border:0rpx;
  226. text-align: center;
  227. }
  228. .uni-tip-image image{
  229. width: 64rpx;
  230. height: 64rpx;
  231. border:0rpx;
  232. margin-top: 36rpx;
  233. margin-bottom: 24rpx;
  234. }
  235. .uni-tip-content {
  236. margin-left: 54rpx;
  237. padding-bottom: 36rpx;
  238. width:420rpx;
  239. height:40rpx;
  240. font-size:28rpx;
  241. font-family:PingFangSC;
  242. font-weight:400;
  243. color:rgba(0,0,0,1);
  244. line-height:40rpx;
  245. }
  246. .uni-tip-group-button {
  247. margin-top: 10rpx;
  248. display: -webkit-box;
  249. display: -webkit-flex;
  250. display: -ms-flexbox;
  251. display: flex;
  252. -webkit-justify-content: space-around;
  253. -ms-flex-pack: distribute;
  254. justify-content: space-around;
  255. border-top: 1px solid rgba(229,229,229,1);
  256. padding-top: 27rpx;
  257. }
  258. .uni-tip-group-button view:nth-child(1){
  259. width:144rpx;
  260. height:45rpx;
  261. font-size:32rpx;
  262. font-family:PingFangSC;
  263. font-weight:400;
  264. color:#000000;
  265. line-height:45rpx;
  266. }
  267. .uni-tip-group-button view:nth-child(2){
  268. width:111rpx;
  269. height:45rpx;
  270. font-size:32rpx;
  271. font-family:PingFangSC;
  272. font-weight:400;
  273. color:#02BB00;
  274. line-height:45rpx;
  275. }
  276. .uni-tip-button {
  277. width: 100%;
  278. text-align: center;
  279. /* font-size: 14upx; */
  280. /* color: #3b4144; */
  281. }
  282. .get-grade{
  283. width:560rpx;
  284. height:616rpx;
  285. background:rgba(255,255,255,1);
  286. border-radius:8rpx;
  287. text-align: center;
  288. }
  289. .get-grade-title{
  290. padding: 40rpx;
  291. }
  292. /* .get-grade-content{
  293. margin: 0 auto;
  294. } */
  295. .get-grade-content ._select{
  296. width:230rpx;
  297. height:80rpx;
  298. background:rgba(248,248,248,1);
  299. border-radius:40rpx;
  300. border:1rpx solid rgba(242,242,242,1);
  301. margin-right: 20rpx;
  302. }
  303. /* .get-grade-content option{
  304. margin: 20upx 40upx;
  305. } */
  306. .get-grade-content input{
  307. width:480rpx;
  308. height:80rpx;
  309. background:rgba(248,248,248,1);
  310. border-radius:40rpx;
  311. border:1rpx solid rgba(242,242,242,1);
  312. margin: 10rpx 40rpx;
  313. }
  314. .uni-get-grade-button{
  315. width:480rpx;
  316. height:80rpx;
  317. background:rgba(239,58,58,1);
  318. -webkit-box-shadow:0rpx 6rpx 12rpx 0rpx rgba(239,58,58,0.2);
  319. box-shadow:0rpx 6rpx 12rpx 0rpx rgba(239,58,58,0.2);
  320. border-radius:40rpx;
  321. text-align: center;
  322. margin: 22rpx 40rpx;
  323. }
  324. ._select{
  325. width: auto;
  326. padding: 0 0 0 55rpx;
  327. margin: 0;
  328. }
  329. .get-grade-button{
  330. /* margin: 24upx 100upx; */
  331. width:120rpx;
  332. height:42rpx;
  333. font-size:30rpx;
  334. font-family:PingFangSC;
  335. font-weight:500;
  336. color:rgba(255,255,255,1);
  337. line-height:80rpx;
  338. margin: 0 auto;
  339. /* height:80upx; */
  340. }
  341. .content {
  342. display: -webkit-box;
  343. display: -webkit-flex;
  344. display: -ms-flexbox;
  345. display: flex;
  346. -webkit-box-orient: vertical;
  347. -webkit-box-direction: normal;
  348. -webkit-flex-direction: column;
  349. -ms-flex-direction: column;
  350. flex-direction: column;
  351. -webkit-box-align: center;
  352. -webkit-align-items: center;
  353. -ms-flex-align: center;
  354. align-items: center;
  355. -webkit-box-pack: center;
  356. -webkit-justify-content: center;
  357. -ms-flex-pack: center;
  358. justify-content: center;
  359. }
  360. .logo {
  361. height: 200rpx;
  362. width: 200rpx;
  363. margin-top: 200rpx;
  364. margin-left: auto;
  365. margin-right: auto;
  366. margin-bottom: 50rpx;
  367. }
  368. .text-area {
  369. display: -webkit-box;
  370. display: -webkit-flex;
  371. display: -ms-flexbox;
  372. display: flex;
  373. -webkit-box-pack: center;
  374. -webkit-justify-content: center;
  375. -ms-flex-pack: center;
  376. justify-content: center;
  377. }
  378. .title {
  379. font-size: 36rpx;
  380. color: #8f8f94;
  381. }