main.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470
  1. /* macin.css */
  2. .header {height: 40px;background: #444444;position: fixed;top: 0;left: 0;right: 0;z-index: 50;}
  3. .header-title{font-size: 14px;color: #fff;line-height: 40px;margin-left: 60px;}
  4. .header-title image{width: 230px;height: 50px;}
  5. .header .wrap{justify-content: space-between;}
  6. .placeholder-view{height: 40px;}
  7. .user{font-size: 13px;color: #fff;line-height: 52px;cursor: pointer;position: relative;}
  8. .user-img{width: 24px;height: 24px;border-radius: 50%;background: #ccc;font-size: 12px;color: #fff;text-align: center;line-height: 24px;margin-right: 8px;}
  9. .bico{width: 9px;height: 5px;margin-left: 6px;}
  10. .top-user{background: #332431;padding: 16px 0;}
  11. .userimg{width: 88px;height: 88px;border-radius: 50%;margin-right: 20px;}
  12. .username{font-size: 24px;color: #fff;font-weight: bold;}
  13. .rzimg{width: 40px;height: 15px;margin-left: 5px;}
  14. .user-mobile{font-size: 14px;color: rgba(255,255,255,.6);margin-top: 10px;}
  15. .user-opt{position: absolute;top: 52px;right: 0;width: 100px;padding: 0 10px;background: #fff;border-radius: 4px;box-shadow: 0 0 5px rgba(0,0,0,.3);display: none;}
  16. .user-opt::after{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-top: none;border-bottom-color: #fff;position: absolute;right: 10px;top: -5px;}
  17. .user-opt .li{font-size: 14px;color: #666;padding: 5px 0;text-align: center;line-height: 30px;border-bottom: 1px solid #ebebeb;}
  18. .user-opt .li:last-child{border-bottom: none;}
  19. .user-opt .li:hover{color: var(--main);}
  20. .user:hover .user-opt{display: block;}
  21. /* 底部 */
  22. .footer{background: #444444;padding: 15px 0 15px;text-align: center;font-size: 12px;color: #fff;line-height: 24px;width:100%;position: fixed;bottom: 0;z-index: 2;}
  23. .footer a{color: #fff;margin-left: 5px;}
  24. .footer a:hover{color: #fff;}
  25. .foot-nav{justify-content: center;font-size: 12px;color: #c7c7c7;margin-bottom: 20px;}
  26. .foot-nav view{cursor: pointer;}
  27. .foot-nav text{font-family: '宋体';margin: 0 12px;}
  28. /* 内容 */
  29. .content{padding: 20px 0 90px;align-items: flex-start;}
  30. .left{width: 206px;background: #fff;padding: 20px 0 20px 22px;margin-right: 30px;}
  31. .left .li{height: 40px;font-size: 14px;color: #666;line-height: 40px;cursor: pointer;}
  32. .left .li.active{background: #FFF1EF;border-radius: 20px 0 0 20px;border-right: 3px solid var(--main);color: var(--main)}
  33. .left .li image{width: 16px;height: 16px;margin-right: 9px;margin-left: 20px;}
  34. .left-line{height: 1px;background-color: #F5F5F5;margin: 12px 0;}
  35. .left-tits{font-size: 14px;color: #000;font-weight: bold;padding-left: 20px;margin: 10px 0;}
  36. .left .lis{font-size: 14px;color: #000;font-weight: bold;line-height: 30px;padding-left: 20px;cursor: pointer;}
  37. .left .lis.active{background: #FFF1EF;border-radius: 20px 0 0 20px;border-right: 3px solid var(--main);color: var(--main);}
  38. .right{width: 942px;}
  39. .c-title{font-size: 16px;color: #333;padding: 5px 0 15px;}
  40. .c-back{margin-right: 20px;color: var(--main);font-size: 14px;}
  41. .c-back image{width: 15px;margin-right: 5px;}
  42. .c-box{background: #fff;min-height: 360px;}
  43. .c-bot{background: #fff;padding: 17px 28px;margin-top: 20px;}
  44. .c-btn{width: 80px;height: 32px; margin-right: 30rpx; background: var(--main);border-radius: 4px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;cursor: pointer;}
  45. /* 企业注册 */
  46. .qyzc{padding: 20px 30px 50px;}
  47. .c-tit{font-size: 16px;color: #000;font-weight: bold;}
  48. .c-form .li{margin-top: 25px;}
  49. .c-form .li .label{width:95px;text-align: right;font-size: 14px;color: #666;padding-right: 15px;}
  50. .c-ipt{font-size: 12px;color: #666;height: 30px;line-height: 30px;border: 1px solid #D8DCE6;border-radius: 4px;padding: 0 12px;}
  51. .c-placeholder{color: #909399;}
  52. .c-ipt-text{font-size: 14px;color: #666;height: 30px;line-height: 30px;padding: 0 12px;}
  53. .c-txa-text{font-size: 14px;color: #666;line-height: 30px;padding: 0 12px;}
  54. .com-upload-img{width: 96px;height: 96px;border: 1px dashed #C5C5C5;margin-right: 16px;}
  55. .imgboxs{flex-wrap: wrap;}
  56. .imgs{width: 96px;height: 96px;border: 1px dashed #C5C5C5;margin-right: 16px;position: relative;margin-bottom: 15px;}
  57. .upload-img{width: 100%;height: 100%;}
  58. .delete{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);justify-content: center;display: none;}
  59. .delete image{width: 20px;height: 20px;cursor: pointer;margin: 38px auto 0;}
  60. .imgs:hover .delete{display: block;}
  61. .upload{width: 96px;height: 96px;border: 1px dashed #C5C5C5;border-radius: 4px;font-size: 12px;color: #606266;flex-direction: column;justify-content: center;margin-right: 16px;cursor: pointer;margin-bottom: 15px;}
  62. .upload image{width: 16px;height: 16px;margin: 0 auto 8px;}
  63. .com-upload{margin-bottom: 0;}
  64. .chang{margin-left: 19px;font-size: 14px;color: #666;}
  65. .chang checkbox{zoom: .5;margin-right: 4px;vertical-align: middle;}
  66. .c-line{height: 1px;background: #EBEBEB;margin: 40px 0;}
  67. .rz-tip{background: #fcf1eb;font-size: 12px;color: #FF6C17;padding: 8px 20px;margin-bottom: 20px;}
  68. .fail{background: #fbecea;color: var(--main);}
  69. .suc{background: #f2fdf2;color: #0f7f00;}
  70. /* 审核状态 */
  71. .qyzc-audit{padding: 80px 0 200px;text-align: center;}
  72. .qyzc-audit image{width: 60px;height: 60px;margin: 0 auto;}
  73. .audit-sta{font-size: 16px;color: #FF6C17;font-weight: bold;margin: 20px 0 10px;}
  74. .audit-tip{font-size: 12px;color: #999;}
  75. .edit-btn{width: 98px;height: 30px;border: 1px solid var(--main);border-radius: 2px;font-size: 14px;color: var(--main);text-align: center;line-height: 30px;margin: 30px auto 0;cursor: pointer;}
  76. /* 路线上报 */
  77. .ct-opt{justify-content: space-between;}
  78. .pil{width: 93px;height: 30px;border: 1px solid #DCDFE6;border-radius: 3px;font-size: 12px;color: #606266;text-align: center;line-height: 30px;cursor: pointer;}
  79. .pil:hover{color: var(--main);border-color: var(--main);}
  80. .c-textarea{padding: 10px 12px;height: 100px;border: 1px solid #D8DCE6;border-radius: 4px;font-size: 12px;color: #666;}
  81. .c-select{width: 190px;height: 30px;border: 1px solid #DCDFE6;border-radius: 4px;font-size: 12px;color: #666;padding: 0 12px;line-height: 30px;}
  82. .c-select .uni-input{padding: 0 !important;height: 30px !important;line-height: 30px !important;}
  83. .team-time{border: 1px solid #DCDFE6;padding: 0 12px;border: 1px solid #DCDFE6;border-radius: 4px;height: 30px;width: 320px;line-height: 30px;}
  84. .time-zhi{display: block;margin: 0 12px;font-size: 12px;color: #303133;}
  85. .datatime{width: 100%;text-align: left;font-size: 12px;color: #606266;}
  86. .sel-type{margin-left: 30px;font-size: 12px;color: #666;}
  87. .sel-type text{margin-right: 20px;}
  88. /* 投诉管理 */
  89. .tousu{padding: 30px 30px 25px;}
  90. .c-tab{border-bottom: 1px solid #EDEEF0;}
  91. .c-tab .li{font-size: 16px;color: #999;margin-right: 30px;position: relative;padding-bottom: 18px;}
  92. .c-tab .li.active{color: var(--main);}
  93. .c-tab .li.active::after{content: '';display: block;width: 32px;height: 3px;background: var(--main);position: absolute;bottom: 0;left: 50%;margin-left: -16px;}
  94. .ts-list .li{padding: 25px 0;border-bottom: 1px solid #EDEEF0;position: relative;}
  95. .ts-list .li:last-child{border-bottom: none;}
  96. .ts-l{width: 80%;}
  97. .ts-des{font-size: 16px;color: #333;line-height: 27px;}
  98. .ts-img{margin-top: 10px;}
  99. .ts-img image{width: 64px;height: 64px;margin-right: 8px;}
  100. .ts-source{font-size: 12px;color: #999;margin-top: 15px;}
  101. .ts-reply{margin-top: 24px;background: #F7F8FA;padding: 15px;}
  102. .ts-reply-des{font-size: 14px;color: #666;line-height: 20px;}
  103. .ts-reply-user{color: #000;font-weight: bold;}
  104. .ts-reply-user_type{height: 14px;border: 1px solid #1597E8;border-radius: 4px;font-size: 12px;color: #1597E8;padding: 0 4px;line-height: 14px;margin: 0 5px;}
  105. .ts-teply-time{font-size: 12px;color: #999;margin-top: 12px;}
  106. .reply-btn{width: 76px;height: 32px;background: var(--main);border-radius: 3px;font-size: 12px;color: #fff;text-align: center;line-height: 32px;position: absolute;top: 25px;right: 20px;}
  107. /* 招徕奖励 */
  108. .award-box{padding: 40px 30px 50px;}
  109. .add-btn{width: 100px;height: 32px;background: var(--main);border-radius: 3px;font-size: 12px;color: #fff;justify-content: center;}
  110. .add-btn image{width: 15px;height: 15px;margin-right: 7px;}
  111. .award-table{width: 100%;border: 1px solid #EBEEF5;border-collapse: collapse;margin-top: 25px;font-size: 12px;color: #606266;text-align: center;}
  112. .award-table th{background: #F5F7FA;font-size: 12px;color: #303133;font-weight: normal;height: 40px;padding: 0 10px;}
  113. .award-table td{line-height: 20px;padding: 20px 10px;}
  114. .award-opt{color: #409EFF;cursor: pointer;}
  115. /* 招徕奖励详情 */
  116. .step{padding: 30px 0 20px;min-height: initial;align-items: flex-start;}
  117. .step .li{width: 25%;text-align: center;font-size: 14px;color: #909399;position: relative;}
  118. .step .li::after{content: '';display: block;border-bottom: 1px dashed #D1D1D1;width: 150px;position: absolute;top: 14px;right: -75px;}
  119. .step .li:last-child::after{display: none;}
  120. .step .li view{font-size: 16px;color: #C0C4CC;margin: 8px 0 4px;}
  121. .step .li image{width: 28px;height: 28px;margin: 0 auto;}
  122. .step .li.ing view{color: #303133;}
  123. .step .li.end::after{background: #1A85FF;}
  124. .award-det{padding: 30px 30px 50px;margin-top: 20px;}
  125. .award-tit{font-size: 18px;color: #303133;font-weight: bold;}
  126. .award-info{flex-wrap: wrap;}
  127. .award-info .li{width: 50%;font-size: 16px;color: #303133;margin-top: 20px;}
  128. .award-info .li .label{width: 102px;color: #909399;}
  129. .bz-btn{color: #1A85FF;}
  130. .award-det .c-line{margin: 20px 0 0;}
  131. .mt55{margin-top: 55px;}
  132. .award-img{margin-top: 20px;}
  133. .award-img image{width: 64px;height: 64px;margin-right: 8px;}
  134. .pzbox{justify-content: center;flex-wrap: wrap;}
  135. .pzimg{width: 30px;height: 30px;margin: 5px;}
  136. /* 申报奖励 */
  137. .declare{padding: 30px 30px 50px;}
  138. .team-counts{width: 163px;height: 30px;border: 1px solid #E3E3E3;border-radius: 4px;}
  139. .jia{width: 40px;height: 30px;background: #E3E3E3;font-size: 30px;color: #A5A5A5;font-family: '宋体';text-align: center;line-height: 30px;cursor: pointer;}
  140. .team-count{width: 85px;height: 30px;font-size: 14px;color: #323233;text-align: center;line-height: 30px;}
  141. .single{width: 165px;height: 30px;border: 1px solid #E3E3E3;border-radius: 4px;padding: 0 12px;font-size: 12px;color: #909399;}
  142. .single text{margin-right: 10px;}
  143. .single input{font-size: 12px;color: #666;height: 30px;line-height: 30px;}
  144. /* 旅游线路产品上报 */
  145. .checkbox{zoom: .6;}
  146. .dai{color: #FF6C17;}
  147. .c-btns{min-width: 110px;width: 100%;font-size: 12px;color: #409EFF;justify-content: center;}
  148. .c-btns text{font-family: '宋体';color: #E8E8E8;margin: 0 10px;}
  149. .c-btns view{cursor: pointer;}
  150. .add-btn1{width: 124px;}
  151. /* 资源共享 */
  152. .resource-total{padding: 16px 30px;font-size: 16px;color: #666;min-height: initial;}
  153. .resource-list{margin-top: 16px;padding: 0 30px;}
  154. .resource-list .li{padding: 18px 0;border-bottom: 1px solid #EDEEF0;cursor: pointer;}
  155. .resource-list .li:last-child{border-bottom: none;}
  156. .resource-tit{font-size: 18px;color: #333;font-weight: bold;}
  157. .resource-info{font-size: 14px;color: #666;margin-top: 10px;}
  158. .download{width: 20px;height: 20px;}
  159. /* 分页 */
  160. .panigator {font-size: 14px;color: #666;justify-content: center;margin-top: 30px;}
  161. /* 需求广场 */
  162. .xq-box{padding: 0 0 50px;}
  163. .damand-tab{/* border-bottom: 1px solid #EDEEF0; */margin: 0 30px;padding-top: 15px;}
  164. .damand-tab .li{font-size: 16px;color: #999;position: relative;padding: 20px 0;margin-right: 40px;}
  165. .damand-tab .li.active{color: var(--main);}
  166. .damand-tab .li.active::after{content: '';display: block;width: 32px;height: 3px;background: var(--main);position: absolute;left: 50%;margin-left: -16px;bottom: 0;}
  167. .demand-list{padding: 0 30px;}
  168. .demand-list .li{padding: 22px 0;border-bottom: 1px solid #EDEEF0;cursor: pointer;}
  169. .demand-tit{font-size: 18px;color: #333;font-weight: bold;}
  170. .demand-time{font-size: 12px;color: #999;font-weight: normal;}
  171. .demand-user{font-size: 14px;color: #666;margin-top: 10px;}
  172. .demand-des{font-size: 12px;color: #999;margin-top: 15px;padding-right: 100px;}
  173. .demand-xinzi{margin-top: 15px;font-size: 14px;color: #FF6C17;}
  174. .dsta{border: 1px solid #fde2e2;font-size: 14px;color: #e63c3c;background: #fef1f1;font-weight: normal;padding: 0 5px;margin-right: 12px;border-radius: 2px;}
  175. .ding{background-color: #fdf6ec;border-color: #faecd8;color: #e6a23c;}
  176. .dend{background-color: #f0f9eb;border-color: #e1f3d8;color: #67c23a;}
  177. /* 资质申报 */
  178. .declare-list{padding: 0 30px;}
  179. .declare-list .li{padding: 22px 0;border-bottom: 1px solid #EDEEF0;cursor: pointer;}
  180. .declare-list .li:last-child{border-bottom: none;}
  181. .declare-tit{font-size: 18px;color: #333;font-weight: bold;}
  182. .declare-who{font-size: 14px;color: #666;margin-top: 10px;}
  183. .declare-des{font-size: 12px;color: #999;margin-top: 15px;line-height: 20px;}
  184. .declare-btn{width: 80px;height: 32px;background: var(--main);border-radius: 4px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;}
  185. .declare-record{padding: 0 30px 50px;}
  186. /* 学习中心 */
  187. .learn-box{min-height: initial;padding: 0 30px 0;margin-bottom: 16px;}
  188. .learn-tits{font-size: 16px;color: #333;}
  189. .learn-tits image{width: 13px;height: 14px;margin-right: 8px;}
  190. .learn-list .li{border-bottom: 1px solid #EBEBEB;padding: 25px 0;}
  191. .learn-list .li:last-child{border-bottom: none;}
  192. .learn-img{width: 147px;height: 83px;border-radius: 5px;margin-right: 20px;}
  193. .learn-tit{font-size: 18px;color: #333;font-weight: bold;}
  194. .learn-time{font-size: 12px;color: #666;margin-top: 15px;}
  195. .learn-time text{font-family: '宋体';margin: 0 10px;}
  196. .learn-btn{width: 76px;height: 32px;background: linear-gradient(90deg, #FF5519 0%, #DF230F 100%);border-radius: 21px;font-size: 12px;color: #fff;text-align: center;line-height: 32px;}
  197. .li-t{border-bottom: 1px solid #EBEBEB;padding: 22px 0;}
  198. .ks-tit{font-size: 18px;color: #333;font-weight: bold;}
  199. .redo{font-size: 12px;color: #999;justify-content: center;margin-top: 10px;}
  200. .redo image{width: 10px;height: 10px;margin-right: 5px;}
  201. .percent{margin-top: 12px;font-size: 12px;color: #999;}
  202. .percent-cent{width: 438px;height: 8px;background: #F5F5F5;border-radius: 6px;position: relative;margin-right: 10px;}
  203. .percent-cent view{position: absolute;top: 0;left: 0;height: 8px;border-radius: 6px;background: #F8A31D;}
  204. .li-b{padding: 30px 50px;}
  205. .li-b .lis{width: 33.33%;text-align: center;}
  206. .lis-t{position: relative;width: 167px;height: 167px;margin: 0 auto;}
  207. .lis-t image{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
  208. .lis-text{font-size: 12px;color: #999;display: block;}
  209. .lis-cent{font-size: 32px;color: #F45D44;margin-top: 5px;}
  210. .lis-cent text{font-size: 14px;}
  211. .lis-tip{font-size: 12px;color: #999;}
  212. .lis-tc{position: relative;z-index: 2;padding-top: 50px;}
  213. /* 学习中心观看视频 */
  214. .zbtit{height: 82px;line-height: 82px;background: #333333;padding: 0 30px;}
  215. .zb-back{font-size: 16px;color: #fff;background: url(/static/images/back.png) no-repeat left center;padding-left: 27px;margin-right: 70px;}
  216. .zbtit text{font-size: 18px;color: #fff;font-weight: bold;vertical-align: middle;}
  217. .live{position: fixed;top: 134px;left: 0;bottom: 0;right: 0;background: #333;}
  218. .live-l{position: absolute;top: 0;left: 0;bottom: 0;width: 80%;}
  219. .live-c{position: absolute;top: 0;left: 0;bottom: 74px;right: 0;}
  220. .live-video{width: 100%;height: 100%;}
  221. .live-b{position: absolute;left: 0;bottom: 0;height: 74px;line-height: 74px;right: 0;padding: 0 30px 0 100px;font-size: 16px;color: #9b9b9b;justify-content: center;}
  222. .live-b a{color: rgba(255,255,255,.5);font-size: 16px;}
  223. .next{background: url(/static/images/next.png) no-repeat right center;padding-right: 23px;margin-left: 52px;}
  224. .prev{background: url(/static/images/prev.png) no-repeat left center;padding-left: 23px;}
  225. .kclive-r{position: absolute;top: 0;right: 0;width: 20%;bottom: 0;background: #2A2A2A;}
  226. .kctabs{background: #232323;}
  227. .kctabs a{display: block;height: 56px;line-height: 56px;font-size: 16px;color: #909090;text-align: center;}
  228. .kctabs a i{display: inline-block;width: 14px;height: 14px;margin-right: 5px;vertical-align: middle;}
  229. .kctabs a.active{color: #DF230F;}
  230. .kcjj i{background: url(/static/images/jjico.png) no-repeat center;}
  231. .kcdet{margin: 0 20px;border-bottom: 1px solid #454545;padding: 25px 0;}
  232. .kcdet h3{font-size: 20px;color: #fff;line-height: 34px;font-weight: normal;}
  233. .kcdet p{font-size: 12px;color: #fff;margin-top: 20px;}
  234. .kcdet p em{font-style: normal;margin: 0 12px;font-family: '宋体';}
  235. .kclive-con{position: absolute;top: 56px;right: 0;left: 0;bottom: 0;overflow-y: auto;padding-bottom: 30px;}
  236. .kctits{font-size: 18px;color: #fff;position: relative;padding-left: 10px;margin: 25px 20px 15px;}
  237. .kctits:before{content: '';display: block;width: 3px;height: 15px;border-radius: 3px;background: #DF230F;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
  238. .kclive-list{margin: 0 20px;}
  239. .kclive-list .li{line-height: 34px;color: #999;padding-left: 24px;background: url(/static/images/bfico1.png) no-repeat left center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;cursor: pointer;}
  240. .kclive-list .li:hover,.kclive-list .li.active{background-image: url(/static/images/bfico1_h.png);color: #DF230F;}
  241. /* 申报弹窗 */
  242. .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;background: rgba(0,0,0,.3);}
  243. .popup{position: fixed;top: 50%;transform: translateY(-50%);left: 50%;width: 914px;margin-left: -457px;padding: 20px 30px 40px;background: #fff;z-index: 100;}
  244. .pop-tit{font-size: 16px;color: #333;}
  245. .pop-btn{justify-content: flex-end;margin-top: 35px;}
  246. .pop-cancel,.pop-submit{width: 78px;height: 30px;border-radius: 4px;font-size: 14px;text-align: center;line-height: 30px;cursor: pointer;}
  247. .pop-cancel{border: 1px solid #D1D1D1;color: #666;margin-right: 18px;}
  248. .pop-submit{border: 1px solid var(--main);background: var(--main);color: #fff;}
  249. .pop-con{flex-wrap: wrap;align-items: flex-start;margin-top: 20px;}
  250. .c-forms{flex-wrap: wrap;}
  251. .pop-con .li{width: 50%;}
  252. .popup-h{width: 600px;margin-left: -300px;}
  253. .pop-close{width: 32px;height: 32px;position: absolute;top: 10px;right: 10px;cursor: pointer;}
  254. .pop-textarea{width: 100%;height: 200px;box-sizing: border-box;font-size: 14px;color: #333;border: 1px solid #e9e9e9;border-radius: 5px;margin-top: 20px; padding: 15px;}
  255. /* 申报记录 */
  256. .record-filter{justify-content: space-between;}
  257. .record-filter .li{margin-top: 0;margin-left: 20px;}
  258. .record-filter .li .label{width: auto;}
  259. .inquire{width: 90px;height: 32px;background: var(--main);border-radius: 2px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;margin: 0 10px 0 0;cursor: pointer;}
  260. .inquire-c{width: 60px;height: 32px;background: var(--main);border-radius: 2px;font-size: 14px;color: #fff;text-align: center;line-height: 32px;margin: 0 0 0 10px;cursor: pointer;}
  261. .reset{width: 60px;height: 30px;border: 1px solid #4A4A4A;border-radius: 2px;font-size: 14px;color: #343434;text-align: center;line-height: 32px;}
  262. /* 上报数据分析 */
  263. .sj-box{min-height: initial;}
  264. .sj-tit{font-size: 16px;color: #1D2129;font-weight: bold;padding: 20px;border-bottom: 1px solid #E9E9E9;}
  265. .sj-box-c{padding: 20px;height: 200px;}
  266. .sj-box1{min-height: initial;width: 460px;}
  267. .sj-box-b{justify-content: space-between;margin-top: 20px;}
  268. /* 考试中心 */
  269. .exam-list{/* margin-top: 20px; */padding: 0 30px;}
  270. .exam-list .li{padding: 20px 0;border-bottom: 1px solid #EBEBEB;cursor: pointer;}
  271. .ks-time{font-size: 12px;color: #999;margin-top: 10px;}
  272. .ks-status{font-size: 12px;color: #999;text-align: right;}
  273. .ks-status.ing{color: #f00;}
  274. /* .ks-day{justify-content: flex-end;color: #666;margin-top: 8px;}
  275. .ks-day view{width: 20px;height: 20px;background: var(--main);color: #fff;text-align: center;border-radius: 3px;line-height: 20px;}
  276. .ks-day text{display: block;margin: 0 3px;}
  277. .ks-day text:last-child{margin-right: 0;} */
  278. /* 试卷详情 */
  279. .sj-det{min-height: initial;padding: 30px;}
  280. .kst-tit{font-size: 18px;color: #333;font-weight: bold;text-align: center;border-bottom: 1px solid #EBEBEB;padding: 0 0 28px;margin-bottom: 30px;}
  281. .kst-info{justify-content: center;font-size: 12px;color: #999;}
  282. .kst-info text{color: #333;margin: 0 19px 0 0;}
  283. .sjms{margin: 30px auto 0;width: 120px;height: 30px;border: 1px solid var(--main);line-height: 30px;border-radius: 4px;font-size: 14px;color: var(--main);text-align: center;cursor: pointer;}
  284. .sjms:hover{background: var(--main);color: #fff;}
  285. .tx-det{min-height: initial;margin-top: 20px;padding: 30px;}
  286. .tx-info{margin-top: 40px;font-size: 14px;color: #666;}
  287. /* 考试页面 */
  288. .loca{height: 78px;padding: 0 30px;min-height: initial;}
  289. .back{font-size: 16px;color: #333;padding-left: 30px;background: url(/static/images/back1.png) no-repeat left center;}
  290. .juanzi{padding: 20px 0 0;align-items: flex-start;}
  291. .ztleft{width: 890px;margin-right: 30px;}
  292. .topic{padding: 25px 30px;background: #fff;border-radius: 6px 6px 0 0;box-shadow:0px 0px 10px rgba(81,0,0,0.1);}
  293. .sj-h3{font-size: 18px;color: #333;}
  294. .process-load{color: #999;margin-top: 18px;justify-content: space-between;}
  295. .process-load .process{width: 645px;height: 14px;background: #FFDDD1;border: 1px solid #ffded2;position: relative;border-radius: 8px;overflow: hidden;margin-top: 2px;}
  296. .process-load .process view{position: absolute;top: 0;left: 0;height: 14px;background: #F8A31D;border-radius: 8px;}
  297. .process-load text{color: #DF230F;font-size: 14px;}
  298. .sj-line{color: #707070;margin: 0 12px;}
  299. .exam{background: #fff;border-radius: 0 0 6px 6px;margin-top: 10px;box-shadow:0px 0px 10px rgba(81,0,0,0.1);}
  300. .question{background: #F5F5F5;padding: 25px 30px;font-size: 18px;color: #333;}
  301. .answer{margin-top: 20px;padding-bottom: 45px;}
  302. .answer .li{font-size: 18px;color: #333;padding: 10px 30px 10px 75px;background-image: url(/static/images/wei.png);background-position: 30px center;background-repeat: no-repeat;cursor: pointer;}
  303. .answer .li.sels{background-color: #F5F5F5;background-image: url(/static/images/sel.png);}
  304. .operate{/* position: fixed;bottom: 0;left: 50%;margin-left: -600px;box-shadow:0px 0px 10px rgba(81,0,0,0.1); */border-radius: 6px;width: 830px;background: #fff;height: 40px;line-height: 40px;z-index: 30;padding: 0 30px;justify-content: space-between;margin-top: 12px;}
  305. .operate button{color: #666;font-size: 16px;background: none;}
  306. .operate button:hover{color: #333;}
  307. .operate button[disabled]{background: none;color: #999;}
  308. .operate button[disabled]:hover{color: #999;}
  309. .ztright{width: 280px;min-height: initial;}
  310. .daojishi{padding: 22px 0;text-align: center;background: #f5f5f5;line-height: 21px;font-size: 12px;color: #666;}
  311. .daojishi view{font-size: 14px;color: #fff;width: 24px;height: 21px;border-radius: 2px;background: #DF230F;}
  312. .daojishi text{margin: 0 5px;}
  313. .ztrightc{padding: 30px;}
  314. .zt-tit{font-size: 18px;color: #333;border-bottom: 1px solid #EBEBEB;padding-bottom: 10px;position: relative;padding-left: 11px;}
  315. .zt-tit:before{content: '';display: block;width: 6px;height: 15px;border-radius: 3px;background: #DF230F;position: absolute;top: 5px;left: 0;}
  316. .zt-tits{color: #999;margin: 10px 0;}
  317. .dtka{flex-wrap: wrap;}
  318. .dtka .li{width: 32px;height: 22px;border: 1px solid #C7C7C7;border-radius: 5px;text-align: center;line-height: 22px;color: #999;margin: 0 12px 10px 0;cursor: pointer;}
  319. .dtka .li:nth-child(5n){margin-right: 0;}
  320. .dtka .li.ing{border-color: #707070;color: #333;}
  321. .dtka .li.correct{border-color: #0BBE2F;background: #0BBE2F;color: #fff;}
  322. .dtka .li.error{border-color: #DF230F;background: #DF230F;color: #fff;}
  323. .sta{border-top: 1px solid #EBEBEB;margin-top: 20px;padding-top: 11px;}
  324. .sta text{font-size: 12px;color: #999;margin-right: 20px;}
  325. .sta text:before{content: '';display: inline-block;width: 13px;height: 13px;border: 1px solid #C7C7C7;border-radius: 2px;margin-right: 4px;vertical-align: middle;}
  326. .sta text.sta-error:before{background: #DF230F;border-color: #DF230F;}
  327. .jiaojuan{margin: 30px auto 0;width: 200px;height: 40px;border: 1px solid var(--main);border-radius: 6px;text-align: center;line-height: 40px;font-size: 16px;color: #DF230F;cursor: pointer;}
  328. /* 成绩查询 */
  329. .gourl {width: 146px;height: 42px;background: var(--main); text-align: center;font-size: 16px;color: #fff;line-height: 42px;border-radius: 21px;margin: 30px auto 0;}
  330. .cj-list{padding: 0 30px;}
  331. .cj-list .li{padding: 23px 0;border-bottom: 1px solid #EBEBEB;clear: both;overflow: hidden;}
  332. .cj-list .li:last-child{border-bottom: none;}
  333. .cj-list .li .ztl{width: 620px;}
  334. .cj-tit{font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: bold;}
  335. .cj-bri{font-size: 12px;margin-top: 8px;}
  336. .cj-bri text{font-family: '宋体';font-style: normal;color: #707070;margin: 0 11px;}
  337. .cj-list .li .ztl:hover .cj-tit{color: var(--main);}
  338. .cj-list .li .ztr{align-items: flex-start;}
  339. .ckjx{display: block;width: 76px;height: 30px;border: 1px solid var(--main);border-radius: 4px;line-height: 30px;font-size: 12px;color: var(--main);text-align: center;}
  340. .ckjx:hover{background: #DF230F;color: #fff;}
  341. .ckbg{color: #999;margin-right: 20px;line-height: 32px;font-size: 12px;}
  342. .ckbg:hover{color: #333;}
  343. .ks-status{position: relative;}
  344. .kssta{display: block;font-size: 14px;color: #333;}
  345. .kssta-red{display: block;font-size: 14px;color: #DF230F;}
  346. .ks-sta{display: block;width: 78px;height: 68px;margin-left: 20px;}
  347. .day{font-size: 12px;color: #DF230F;margin-left: 20px;}
  348. .day .span{width: 25px;height: 37px;border-radius: 6px;line-height: 37px;text-align: center;background: #DF230F;font-size: 24px;color: #fff;margin-right: 4px;}
  349. .day .em{font-style: normal;margin-top: 22px;}
  350. /* 考试结果 */
  351. .result{margin: 20px 0;padding: 40px 0;text-align: center;background: #fff url(/static/images/jgbg.png) no-repeat top center;min-height: initial;}
  352. .yuejuan{padding: 40px 0 100px;text-align: center;font-size: 18px;color: #333;}
  353. .yuejuan image{display: block;margin: 0 auto 15px;width: 78px;height: 81px;}
  354. .suc-tit{text-align: center;margin-bottom: 20px;padding: 0 30px;}
  355. .suc-tit p{font-size: 24px;color: #333;font-weight: bold;}
  356. .suc-tit span{display: block;font-size: 12px;color: #999;margin-top: 10px;}
  357. .re-info{margin: 40px 0 55px;padding-left: 225px;}
  358. .re-info .li{float: left;margin-right: 38px;font-size: 18px;color: #333;position: relative; }
  359. .re-fen{background: url(/static/images/jgbg2.png) no-repeat;width: 189px;height: 189px;text-align: center;overflow: hidden;margin-top: 88px;}
  360. .re-fen em{font-style: normal;font-size: 14px;font-weight: normal;}
  361. .re-fen p{margin-top: 50px;font-size: 32px;color: #FF5519;font-weight: bold;}
  362. .re-fen span{display: block;font-size: 24px;color: #999;width: 103px;border-top: 1px solid #EBEBEB;margin: 5px auto 0;padding-top: 5px;}
  363. .re-info .li.spe .re-fen{background: url(/static/images/jgbg1.png) no-repeat;width: 276px;height: 276px;margin-top: 0;}
  364. .re-info .li.spe .re-fen p{margin-top: 95px;font-size: 43px;}
  365. .re-info .li.spe .re-fen p em{font-size: 18px;}
  366. .re-info .li.spe .re-fen span{font-size: 14px;border-top: none;padding-top: 0;}
  367. .re-fen-c{position: relative;z-index: 5;}
  368. .re-info .canvas11{position: absolute;left:38px;top:38px; display: block;z-index: 1;}
  369. .re-info .canvas22{position: absolute;left:30px;top:117px; display: block;z-index: 1;}
  370. .ti-count{margin-bottom: 80px;text-align: center;min-height: initial;}
  371. .ti-count span{display: block;font-size: 18px;color: #333;margin-bottom: 15px;}
  372. .ti-count table{width: 100%;border: 1px solid #F7F7F7;color: #333;}
  373. .ti-count table th{height: 48px;background: #F5F5F5;color: #999;}
  374. .ti-count table tr th:first-child,.ti-count table tr td:first-child{padding-left: 80px;}
  375. .ti-count table tr th:last-child,.ti-count table tr td:last-child{padding-right: 80px;}
  376. .ti-count table td{padding: 15px 0;}
  377. .goon,.confirm{display: inline-block;width: 144px;height: 40px;border-radius: 21px;line-height: 40px;font-size: 16px;color: #FF5519;border: 1px solid #FF5519;margin: 0 14px;}
  378. .confirm{border-color: #DF230F;color: #DF230F;}
  379. /* 学习记录 */
  380. .kclist{padding: 0 30px;}
  381. .kclist .li{padding: 20px 0;border-bottom: 1px solid #EBEBEB;clear: both;overflow: hidden;align-items: flex-start;}
  382. .kclist .li:last-child{border-bottom: none;}
  383. .kcimg{width: 176px;height: 99px;border-radius: 4px;margin-right: 20px;}
  384. .kcinfo{width: 520px;}
  385. .kcinfo h3{font-size: 18px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 5px 0 2px;}
  386. .process-box{margin: 8px 0;}
  387. .process-box .process{width: 301px;height: 8px;border-radius: 4px;background: #F5F5F5;position: relative;margin-right: 4px;}
  388. .process-box .process view{position: absolute;left: 0;top: 0;background: #F8A31D;border-radius: 4px;height: 8px;}
  389. .process-box span{font-size: 12px;color: #999;line-height: 20px;}
  390. .kcinfo p{font-size: 12px;}
  391. .kcinfo p em{font-family: '宋体';font-style: normal;color: #707070;margin: 0 11px;}
  392. .tkbtn{width:146px;height:42px;background:linear-gradient(90deg,rgba(255,85,25,1) 0%,rgba(223,35,15,1) 100%);border-radius:21px;font-size: 16px;color: #fff;text-align: center;line-height: 42px;margin-top: 32px;display: block;}
  393. .kclist li a:hover h3{color: #DF230F;}
  394. .tkbtn:hover{background: #FF5519;}
  395. .xxwc{width: 100px;height: 100px;}
  396. /* 首页 */
  397. .gk-info{min-height: initial;padding: 40px 30px;}
  398. .gk-info .li{width: 25%;font-size: 26px;color: #1D2129;align-items: flex-start;}
  399. .gk-info .li image{width: 36px;height: 36px;margin-right: 9px;}
  400. .gk-info .li text{display: block;font-size: 12px;color: #4E5969;margin-bottom: 5px;}
  401. .sy-box{min-height: initial;margin-top: 20px;}
  402. .sye{height: 340px;}
  403. .idx-nav{justify-content: space-between;}
  404. .idx-nav .li{width: 461px;}
  405. .idx-nav .li image{width: 100%;height: 129px;}
  406. .hb-box{min-height: initial;margin-top: 20px;padding: 20px 15px;margin-bottom: 20px;}
  407. .sj-tits{font-size: 16px;color: #1D2129;font-weight: bold;}
  408. .sj-more{font-weight: normal;font-size: 14px;color: #999;}
  409. .hb-list{flex-wrap: wrap;}
  410. .hb-list .li{width: 260px;height: 50px;background: #F8F8F8;border-radius: 8px;margin: 20px 20px 0 0;padding: 15px;cursor: pointer;}
  411. .hb-list .li:nth-child(3n){margin-right: 0;}
  412. .hb-list .li image{width: 36px;height: 36px;margin-right: 10px;}
  413. .hb-tit{font-size: 16px;color: #333;}
  414. .hb-bri{font-size: 13px;color: #999;margin-top: 8px;}
  415. /* 人员管理 */
  416. .ry-box{padding: 30px;}
  417. .download-btn{font-size: 12px;color: var(--main);}
  418. .dr-btn{width: 54px;height: 30px;border: 1px solid var(--main);border-radius: 3px;font-size: 12px;color: var(--main);text-align: center;line-height: 30px;margin-left: 40px;}
  419. .c-picker{height: 30px;border: 1px solid #DCDFE6;border-radius: 4px;font-size: 12px;color: #666;padding: 0 12px;line-height: 30px;}
  420. /* 人员详情 */
  421. .xq-det{padding: 0 30px;}
  422. .xq-det-t{border-bottom: 1px solid #EDEEF0;padding: 30px 0 40px;}
  423. .xq-tit{font-size: 24px;color: #333;font-weight: bold;}
  424. .xq-time{font-size: 12px;color: #999;font-weight: normal;}
  425. .xq-res{font-size: 14px;color: #666;margin-top: 18px;}
  426. .xq-res view{margin-right: 55px;}
  427. .xq-des{padding: 30px 0 50px;font-size: 12px;color: #666;line-height: 20px;}
  428. .xq-bot{min-height: initial;padding: 30px;margin-top: 20px;}
  429. .xq-bot-tit{font-size: 16px;color: #333;font-weight: bold;}
  430. /* 申报记录 */
  431. .jl-det{padding: 0 30px 50px;}
  432. .jl-tit{font-size: 18px;color: #333;font-weight: bold;padding: 30px 0;border-bottom: 1px solid #EDEEF0;}
  433. .jl-info{flex-wrap: wrap;padding: 30px 0;}
  434. .jl-info .li{width: 50%;font-size: 16px;color: #303133;padding: 10px 0;}
  435. .jl-info .li .label{color: #909399;width: 100px;}
  436. .jl-tits{font-size: 18px;color: #333;font-weight: bold;margin-top: 50px;}
  437. .jl-file{margin-top: 20px;flex-wrap: wrap;}
  438. .jl-file image{width: 64px;height: 64px;margin: 0 10px 10px 0;}
  439. .c-pickers{width: 165px;}
  440. .c-pickers.uni-combox{height: 30px;line-height: 30px;padding: 0 12px !important;}
  441. .c-pickers.uni-combox .uni-input-input{font-size: 12px;}
  442. /* 发布需求 */
  443. .xq-pop{height: 600px;overflow-y: auto;}
  444. .fb-form .li{margin-top: 0;margin-right: 30px;}
  445. .fb-form .li .label{width: auto;}
  446. .xq-pop-con{height: 450px;}
  447. .xq-table td{padding: 0 10px;height: 50px;}
  448. .xq-pop .pop-btn{margin-top: 0}
  449. .add-xq{font-size: 14px;color: var(--main);}
  450. .jus-align{justify-content: center;}
  451. .dp-time{width: 375px;}
  452. .form-num{margin-top: 25px;}
  453. .form-num .label{font-size: 14px;color: #666;padding-right: 15px;}
  454. /* 人才交流 */
  455. .career-logo{width: 50px;height: 50px;border-radius: 5px;float: left;margin-right: 10px;}
  456. .career-logo image{width: 100%;height: 100%;}
  457. .career-detail{display: flex;justify-content: space-between;padding: 20px 10px;border-bottom: 1px solid #EDEEF0;}
  458. .career-detail:hover{background-color: #eeeeee;border-radius: 5px;}
  459. .career-detail:last-child{border-bottom: none;}
  460. .career-detail-title{font-weight: bold;}
  461. .career-detail-address{font-size: 14px;color: #666;margin: 5px 0;}
  462. .career-detail-salary{font-weight: bold;color: #1597E8;margin-right: 10px;}
  463. .career-tag{padding: 0px 10px;border: 1px solid #1597E8;color:#1597E8;border-radius: 5px;display:inline-block;font-size:10px;margin-left: 5px;}
  464. .pb20{padding-bottom: 20px;}