myStudy.wxss 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346
  1. /* pages/my/myStudy/myStudy.wxss */
  2. @import "../../common.wxss";
  3. @font-face {
  4. font-family: "iconfont";
  5. src: url("iconfont.eot?t=1559096289773");
  6. /* IE9 */
  7. src: url("iconfont.eot?t=1559096289773#iefix") format("embedded-opentype"),
  8. /* IE6-IE8 */
  9. url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKcAAsAAAAABkwAAAJQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApUYwE2AiQDCAsGAAQgBYRtBzEbigXInpo8KUIbQwhFQm+LQTgb4uG/Nfb3zQ4mEomiWb3hpxOpJIiNkol80RL2/9baLKaROpjtabqEWcLryp8Vnx3UElXMuocCHQ+FR+RdAozrFwWRT9w7/RPog8wHlONeNNakSV1AXRxIAe6FUWSFEnjD2AUv8DGBWoOqcJtNHd0oTWavCsSTpggorRCRZZavFiobDmbxrkJ1ek0vkLfo+/FfOKpJKgp2085No4xqfnWKipdy2kVAiBLQ8QoUmIdk4qAxsyVRMC5RbSbJKHSs+uDXsgzc4qgOwf46u7Ye9EPlM6k89aPmEzzWRO2Q3kk/jGj318vkpaOTi43NPIVc7D4vlsN5fCp9vL///i3eOzl5F4lGIlzjKI/7+wtRDYSydNGDOASnrb9D17mL/9V1GXyq/4pCZdkwH1K9F2/wN1QD+7KhsV0pa6rG4aT9LC21alHCgVY/U60dpy6Eah0TfFUGMhSqjZOZnUeFOguoVG0FteY0H6/ThkoUuQazFgBCs1skjT5QaPZKZvYbFTr9oVJzFKh1FG0X1pmM+4wNCgIDGYsjWJMcm7gelhHXd4IyYAo0r4n4XqC+FschPljON4MNdIkt/qASZoxgQh0LN4HnwDQd7FJHB4nxKmNuLBAgTW/iJcdCGTZQQMAAGSYagWkkDhsJRjMZlc93AooBJgHt6Kkr9gKUT5seC+EFB5DNRntQz6O84hukCGMYAiMohwVrAvOAyeTA3OZ5OiBheOqElCsm4AwiQ4389mbr745BLduWwplZqHrWhBFNHEAIAAA=")
  10. format("woff2"),
  11. url("iconfont.woff?t=1559096289773") format("woff"),
  12. url("iconfont.ttf?t=1559096289773") format("truetype"),
  13. /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  14. url("iconfont.svg?t=1559096289773#iconfont") format("svg");
  15. /* iOS 4.1- */
  16. }
  17. .iconfont {
  18. font-family: "iconfont" !important;
  19. font-style: normal;
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. }
  23. .icon-xiayibu:before {
  24. content: "\e644";
  25. color: #dedfe2;
  26. }
  27. .study-container {
  28. width: 100%;
  29. height: 100%;
  30. }
  31. .box {
  32. padding: 30rpx;
  33. margin-bottom: 10rpx;
  34. background-color: #fff;
  35. }
  36. .box .title {
  37. display: inline-block;
  38. position: relative;
  39. margin-bottom: 25rpx;
  40. font-size: 32rpx;
  41. font-family: "PingFang SC, PingFang SC-Bold";
  42. font-weight: 700;
  43. color: #1a1a1a;
  44. z-index: 1;
  45. }
  46. .box .title::after {
  47. display: block;
  48. content: "";
  49. position: absolute;
  50. top: -8rpx;
  51. right: -6rpx;
  52. width: 30rpx;
  53. height: 30rpx;
  54. background-color: #005eff42;
  55. border-radius: 50%;
  56. z-index: 1;
  57. display: inline-block;
  58. }
  59. .box .label {
  60. margin-bottom: 15rpx;
  61. font-size: 32rpx;
  62. font-family: "PingFang SC, PingFang SC-Regular";
  63. font-weight: 400;
  64. color: #060606;
  65. }
  66. .box .input-box {
  67. width: 100%;
  68. margin-bottom: 25rpx;
  69. padding-bottom: 10rpx;
  70. border-bottom: 1px solid #d9d9d9;
  71. }
  72. .box .input-box .picker {
  73. display: flex;
  74. justify-content: space-between;
  75. align-items: center;
  76. font-size: 28rpx;
  77. font-family: "PingFang SC, PingFang SC-Regular";
  78. font-weight: 400;
  79. color: #bfbfbf;
  80. }
  81. .box .input-box .picker text,
  82. .box .input-box .input-placeholder {
  83. font-size: 28rpx;
  84. font-family: "PingFang SC, PingFang SC-Regular";
  85. font-weight: 400;
  86. color: #bfbfbf;
  87. }
  88. .box .notice {
  89. font-size: 32rpx;
  90. font-family: "PingFang SC, PingFang SC-Regular";
  91. font-weight: 400;
  92. color: #808080;
  93. /* line-height: 40rpx; */
  94. }
  95. .box .prove {
  96. display: flex;
  97. flex-direction: column;
  98. align-items: center;
  99. justify-content: center;
  100. width: 690rpx;
  101. height: 360rpx;
  102. margin: 25rpx auto 50rpx;
  103. border: 1rpx solid #d9d9d9;
  104. border-radius: 10rpx;
  105. font-size: 30rpx;
  106. font-family: "PingFang SC, PingFang SC-Regular";
  107. font-weight: 400;
  108. color: #666666;
  109. }
  110. .box .prove .photo {
  111. width: 249rpx;
  112. height: 161rpx;
  113. margin-top: 60rpx;
  114. margin-bottom: 50rpx;
  115. }
  116. .student-box {
  117. display: flex;
  118. flex-direction: column;
  119. justify-content: center;
  120. }
  121. .photo2 {
  122. width: 660rpx;
  123. height: 330rpx;
  124. border-radius: 10rpx;
  125. }
  126. .last {
  127. margin-bottom: 0;
  128. }
  129. .footer {
  130. padding: 0;
  131. }
  132. .tip {
  133. text-align: center;
  134. font-size: 28rpx;
  135. font-family: "PingFang SC, PingFang SC-Bold";
  136. font-weight: 700;
  137. }
  138. .tip-item {
  139. height: 90rpx;
  140. background: #fffae1;
  141. color: #ffa836;
  142. line-height: 90rpx;
  143. }
  144. .btn {
  145. width: 690rpx;
  146. height: 85rpx;
  147. background: #ffdc2f;
  148. border-radius: 43rpx;
  149. font-size: 30rpx;
  150. font-family: "PingFang SC, PingFang SC-Regular";
  151. font-weight: 400;
  152. color: #1a1a1a;
  153. color: #fff;
  154. }
  155. .input-label {
  156. font-size: 28rpx;
  157. font-family: PingFang SC, PingFang SC-Regular;
  158. font-weight: 400;
  159. color: #808080;
  160. }
  161. .tip #fail {
  162. width: 750rpx;
  163. /* height: 90rpx; */
  164. background: #fff2f2;
  165. font-size: 28rpx;
  166. font-family: PingFang SC, PingFang SC-Bold;
  167. font-weight: 700;
  168. color: #ff1010;
  169. padding: 25rpx 0;
  170. }
  171. .content-box {
  172. width: 100%;
  173. margin-bottom: 25rpx;
  174. padding-bottom: 10rpx;
  175. border-bottom: 1px solid #d9d9d9;
  176. display: flex;
  177. justify-content: space-between;
  178. }
  179. .plac-s {
  180. font-size: 28rpx;
  181. font-family: "PingFang SC, PingFang SC-Regular";
  182. font-weight: 400;
  183. color: #bfbfbf;
  184. }
  185. .school-name {
  186. font-size: 28rpx;
  187. font-family: "PingFang SC, PingFang SC-Regular";
  188. font-weight: 400;
  189. color: #bfbfbf;
  190. }
  191. .address-popup {
  192. width: 750rpx;
  193. background: #ffffff;
  194. border-radius: 50rpx 50rpx 0 0;
  195. position: fixed;
  196. z-index: 1000;
  197. bottom: 0;
  198. left: 0;
  199. }
  200. .address-popup .title-box {
  201. position: relative;
  202. text-align: center;
  203. margin-top: 37rpx;
  204. display: flex;
  205. justify-content: space-between;
  206. padding: 0 60rpx;
  207. box-sizing: border-box;
  208. height: 60rpx;
  209. align-items: center;
  210. }
  211. .address-popup .title-box .title {
  212. font-size: 36rpx;
  213. font-family: PingFang SC, PingFang SC-Bold;
  214. font-weight: 700;
  215. color: #1a1a1a;
  216. }
  217. .address-popup .title-box .cancel-word {
  218. font-size: 28rpx;
  219. font-family: PingFang SC, PingFang SC-Regular;
  220. font-weight: 400;
  221. color: #ffc12f;
  222. /* position: absolute;
  223. right: 60rpx;
  224. top: 5rpx; */
  225. }
  226. .search-box {
  227. width: 500rpx;
  228. border: 1px solid #e6e6e6;
  229. height: 50rpx;
  230. }
  231. .input-s {
  232. width: 500rpx;
  233. height: 50rpx;
  234. text-align: left;
  235. padding-left: 30rpx;
  236. }
  237. .line-popup {
  238. width: 64rpx;
  239. height: 8rpx;
  240. background: #cccccc;
  241. margin-top: 12rpx;
  242. margin-left: 50%;
  243. transform: translateX(-50%);
  244. }
  245. .picker-view {
  246. width: 750rpx;
  247. height: 300rpx;
  248. }
  249. .picker-view .type-item {
  250. height: 102rpx !important;
  251. line-height: 102rpx !important;
  252. font-size: 30rpx;
  253. font-family: PingFang SC, PingFang SC-Regular;
  254. }
  255. .pick-item {
  256. height: 102rpx;
  257. display: flex;
  258. justify-content: center;
  259. padding: 0 60rpx;
  260. align-items: center;
  261. }
  262. .pick-item .item {
  263. color: #b3b3b3;
  264. font-size: 30rpx;
  265. font-family: PingFang SC, PingFang SC-Regular;
  266. }
  267. .pick-item .active-type {
  268. color: #1a1a1a;
  269. }
  270. .pick-item .item:last-child {
  271. border-bottom: none;
  272. }
  273. .detail-word {
  274. font-size: 30rpx;
  275. font-family: PingFang SC, PingFang SC-Regular;
  276. font-weight: 400;
  277. color: #b3b3b3;
  278. }
  279. .active-detail {
  280. font-size: 30rpx;
  281. font-family: PingFang SC, PingFang SC-Regular;
  282. font-weight: 400;
  283. color: #005ed9;
  284. }
  285. .pick-btn {
  286. width: 630rpx;
  287. height: 85rpx;
  288. background: #ffdc2f;
  289. border-radius: 43rpx;
  290. font-size: 30rpx;
  291. font-family: PingFang SC, PingFang SC-Regular;
  292. font-weight: 400;
  293. text-align: center;
  294. color: #1a1a1a;
  295. margin-left: 60rpx;
  296. line-height: 85rpx;
  297. }
  298. .end-btn {
  299. width: 146rpx;
  300. height: 60rpx;
  301. text-align: center;
  302. line-height: 60rpx;
  303. background-color: #e6e6e6;
  304. font-size: 28rpx;
  305. font-family: PingFang SC, PingFang SC-Regular;
  306. font-weight: 400;
  307. color: #ffffff;
  308. border-radius: 28rpx;
  309. }
  310. .yin {
  311. width: 100vw;
  312. height: 100vh;
  313. position: fixed;
  314. top: 0;
  315. left: 0;
  316. background-color: rgba(0, 0, 0, 0.5);
  317. z-index: 100;
  318. }
  319. .plac-search {
  320. font-size: 28rpx;
  321. font-family: "PingFang SC, PingFang SC-Regular";
  322. font-weight: 400;
  323. color: #bfbfbf;
  324. }
  325. #bot-box {
  326. position: fixed;
  327. z-index: 10;
  328. width: 750rpx;
  329. }