schoolitem.css 52 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734
  1. .hot { color: #16AE68 !important; }
  2. .hot-red { color: #ff531a; }
  3. .hot-gray { color: #ccc; }
  4. .bg-red { background-color: #ff531a; color: #fff; }
  5. .bg-gray { background: #ccc !important; }
  6. .btn-gray { background: #c9c9c9 !important; color: #fff; }
  7. .bg-eee { background: #eee !important; }
  8. .fl { float: left; }
  9. .fr { float: right; }
  10. .mr-0 { margin: 0 !important; }
  11. .bg-hot { background-color: #16AE68 !important; color: #fff; cursor: pointer; }
  12. .border-hot-btn { color: #16AE68 !important; border: 1px solid #16AE68; cursor: pointer; }
  13. .inline-block { display: inline-block; }
  14. .btn-big { line-height: 40px; width: 141px; text-align: center; font-size: 18px; }
  15. .btn-small { line-height: 40px; width: 100px; text-align: center; font-size: 14px; }
  16. .txt-c { text-align: center; }
  17. .margin-r15 { margin-right: 15px !important; }
  18. .radius { border-radius: 5px; }
  19. p { font-family: 'Microsoft YaHei'; }
  20. .mb-20 { margin-bottom: 20px; }
  21. table { border: 0 !important; padding: 0 !important; }
  22. td, th { vertical-align: middle; border: 1px solid #ccc !important; }
  23. .disabled { color: #959595 !important; border-color: #959595 !important; background: #dcdcdc !important; }
  24. .disabled p { color: #959595 !important; }
  25. .cont img { vertical-align: middle; }
  26. .cont p:after { content: ""; height: 0; visibility: hidden; clear: both; display: block; }
  27. .list_image { float: none !important; }
  28. input, select { outline: none; padding-left: 5px; }
  29. .model-search .question-cont li { list-style: upper-latin; }
  30. .model-content .choose-question li.selected { color: red }
  31. .model-content .choose-question p { margin: 0; padding: 0; line-height: 40px; }
  32. .model-content .choose-question ul { padding: 0 0 0 25px; list-style: upper-latin; }
  33. .search-null { height: 282px; background: url(../images/no_search_error.png) no-repeat center center; background-size:220px 220px;}
  34. .search-start { height: 300px; background: url(../images/search_start.png) no-repeat center center }
  35. .model-search .model-content { height: 550px !important; }
  36. .model-search .model-content>p { background-color: #fff !important; }
  37. .model-search .search-input { margin-bottom: 30px; padding-left: 250px; }
  38. .model-search .questions-all { height: 310px; }
  39. .question-cont-box { max-height: 190px; overflow: auto; }
  40. .model-search .video-cont { margin-top: 10px; }
  41. .model-search .add-question { height: 60px; line-height: 60px; }
  42. .ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  43. .edui-for-tiankong .edui-icon { background-position: -750px -77px; background-image: url(../images/icons.png); }
  44. div.edui-for-matheditor .edui-button-wrap .edui-button-body .edui-icon { background-position: -780px -78px; }
  45. .gray .edui-icon { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: #ccc; }
  46. .gray .edui-for-matheditor .edui-icon { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: #ccc; }
  47. .gray { height: 20px !important; }
  48. .gray div { height: 20px; }
  49. .edui-body-container img { margin: 0 5px; cursor: text; resize: none; }
  50. .fill-answer .edui-default .edui-editor-toolbarbox { padding-left: 30px; }
  51. body { background-color: #fcfcfc; overflow: hidden; }
  52. .notices { margin-bottom: 0px !important; margin-top: -15px !important; padding: 0 !important; line-height: 10px !important; color: red !important; }
  53. /*题目管理*/
  54. .header { width: 100%; height: 114px; background-color: #282d30; }
  55. .header-box { width: 1200px; margin: 0 auto; }
  56. .logo { width: 20%; }
  57. .logo a { display: block; width: 85px; height: 114px; background: url(../images/logo.png) no-repeat left center; }
  58. .information { width: 70%; }
  59. .information .names { margin-bottom: 5px; height: 48px; line-height: 48px; color: #a0a0a0; }
  60. .information .names a { margin-left: 30px; }
  61. .information .names img { width: 30px; height: 30px; vertical-align: middle; border: 2px solid #fff; border-radius: 5px; overflow: hidden; box-sizing: border-box; }
  62. .nav a { margin-left: 50px; width: 74px; height: 54px; line-height: 54px; text-align: center; font-size: 16px; color: #fff; }
  63. .nav a.active { border-bottom: 5px solid #16AE68; }
  64. .section { margin: 0 auto; padding: 50px 0 0 0; width: 1200px; }
  65. .grade-tab { margin-bottom: 20px; line-height: 40px; font-size: 18px; border-bottom: 1px solid #ccc; }
  66. .grade-tab a { padding: 0 20px; cursor: pointer; text-decoration: none; }
  67. .grade-tab a.cur { margin-bottom: -1px; color: #16AE68; border-bottom: 5px solid #16AE68; }
  68. .newbtn a { margin-right: 40px; font-size: 18px; background-color: #16AE68; color: #fff; }
  69. .search input { width: 223px; height: 38px; border: 1px solid #ccc; border-radius: 5px; }
  70. .search a { margin-left: 10px; height: 40px; }
  71. .section-list { margin-top: 28px; width: 1200px; text-align: center; background-color: #fff; }
  72. /* .section-list thead { background-color: #f4f6f9; }
  73. .section-list thead tr { height: 40px; } */
  74. .section-list tbody tr { height: 48px; }
  75. .section-list th { padding-left: 15px; text-align: left; }
  76. .section-list tbody th div { position: relative; padding-left: 35px; height: 24px; line-height: 24px; }
  77. .section-list tbody th div:before { content: ""; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; background: url(../images/fold.png) no-repeat 0 0;background-size: 100%; }
  78. .section-list .setting a { display: inline-block; margin: 0 20px; }
  79. /*查看文件夹*/
  80. .home { padding-bottom: 15px; font-size: 14px; border-bottom: 1px solid #ccc; }
  81. .topic { position: relative; padding-top: 30px; }
  82. .topic-num { line-height: 36px; }
  83. .topic-tit { position: absolute; left: 0; top: 30px; width: 200px; height: 500px; overflow: auto; line-height: 60px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; }
  84. .topic-tit dt { font-size: 18px; text-align: center; }
  85. .topic-tit dd.active { background-color: #eaeaea; color: #16AE68; }
  86. .topic-tit dd { position: relative; padding: 0 35px 0 50px; border-bottom: 1px solid #eee; cursor: pointer; }
  87. .topic-tit dd:hover { background-color: #f1f1f1; }
  88. .topic-tit dd:last-child { border: 0; }
  89. /* .topic-tit dd:before { position: absolute; content: ''; left: 15px; top: 50%; margin-top: -12px; width: 28px; height: 24px; background: url(../images/sprit.png) no-repeat 0 0; } */
  90. /* .topic-tit dd:after { position: absolute; content: ''; right: 15px; top: 50%; margin-top: -6px; width: 12px; height: 20px; background: url(../images/sprit.png) no-repeat -34px 0; } */
  91. .topic-cont { margin-left: 210px; }
  92. .topic-cont-empty { padding: 100px 0 0 100px; height: 600px; box-sizing: border-box; }
  93. .topic-cont-empty404 { padding-left: 0; text-align: center; }
  94. .add-question.backhome { padding-left: 0; }
  95. .add-question.backhome a { margin: 0 10px; }
  96. .topic-cont-empty404 .notes { font-size: 24px; color: #999; }
  97. .topic-tit dt{line-height: 46px;}
  98. /*.topic-cont-empty img{vertical-align: middle;}*/
  99. .choose-question { margin-bottom: 10px; background-color: #f4f6f9; border: 1px solid #ccc; }
  100. .choose-question ul { position: relative;/*height: 60px;*/ }
  101. .ellipsis-html { position: absolute; top: 45px; left: 20%; width: 20%; line-height: 18px; font-size: 12px; background: #16AE68; color: #fff; word-break: break-all; border-radius: 5px; padding: 5px; }
  102. .choose-question li { padding-right: 50px; line-height: 60px; box-sizing: border-box; }
  103. .choose-question li:last-child { margin-right: 0; }
  104. .number-test { display: inline-block; margin-right: 15px; height: 30px; width: 30px; line-height: 30px; text-align: center; border: 2px solid #969696; border-radius: 50%; color: #969696; }
  105. .choose-question ul { padding-left: 25px; width: 100%; box-sizing: border-box; }
  106. .choose-question ul.options, .test-content ul.options { margin-left: 20px; }
  107. .choose-question ul.options li, .test-content ul.options li { list-style: upper-latin; line-height: 30px; /*height: 30px; */}
  108. .choose-question ul.options li.selected, .test-content ul.options li.selected { font-weight: bold; color: red; }
  109. .choose-question table { width: 100%; }
  110. .topic-title-difficulty{color: #f00;}
  111. /*.choose-question ul.options li.listType_0, .test-content ul.options li.listType_0 {width: 100%; }*/
  112. .choose-question ul.options li.listType_1, .test-content ul.options li.listType_1 { float: left; width: 25%; /*height: 30px;*/ padding: 5px; box-sizing: border-box; }
  113. /*
  114. .choose-question ul.options li.listType_2, .test-content ul.options li.listType_2 { float: left; width: 50%; height: 30px; padding: 5px; box-sizing: border-box; }*/
  115. .choose-question ul.options li.fillin { list-style: decimal; line-height: 30px; }
  116. .question-cont { padding: 25px 0 25px 25px; background-color: #fff; overflow: hidden; }
  117. .question-cont-none { display: none; }
  118. .question-cont div[class^="listType_"]>div>p { display: inline; }
  119. /*.question-cont .tit { margin-top: 12px; }*/
  120. .question-cont .cont { margin-left: 40px; width: 80%; }
  121. .question-cont .cont td, .question-cont .cont th { border: 1px solid #ccc; text-align: center; }
  122. .add-question, .remove-question, .replace-question { padding-left: 25px; }
  123. .add-question a, .remove-question a, .replace-question a { margin: 10px 10px 10px 0; width: 116px; text-align: center; box-sizing: border-box; }
  124. /*word一键导题*/
  125. .upload-topic { margin-top: 30px; }
  126. .upload-btn { margin-right: 15px; line-height: 28px; color: #000; border: 1px solid #ccc; border-radius: 5px; background: -webkit-linear-gradient(top, #fefefe, #e6e6e6); }
  127. .upload-cont { padding: 0 25px; line-height: 26px; color: #333; }
  128. .attention { padding: 10px 25px 24px; color: #333; }
  129. .attention ul { width: 300px; text-align: justify; }
  130. .fail-cont { padding: 0 14px 20px; line-height: 25px; text-align: justify; min-height: 200px; max-height: 400px; overflow: auto; }
  131. .look-topics .topic-cont { margin-left: 0; }
  132. .look-topics .home { border-bottom: 0; }
  133. .choose-question .listType_0>div { width: 100%; }
  134. .choose-question .listType_1>div { float: left; width: 25%; padding: 5px; box-sizing: border-box; }
  135. .choose-question .listType_2>div { float: left; width: 50%; padding: 5px; box-sizing: border-box; }
  136. /*编辑试题*/
  137. .export-filter { font-size: 14px; }
  138. .export-filter>span { margin-right: 30px; }
  139. .export-filter select { margin: 0 30px 0 5px; width: 143px; height: 38px; border: 1px solid #ccc; }
  140. .umeditor { margin: 25px 0 5px; border: 1px solid #16AE68; overflow: hidden;background-color: #fff; }
  141. .umeditor h3 { padding-left: 13px; line-height: 30px; border-bottom: 1px solid #16AE68; background-color: #edf6f5; }
  142. .edui-container { box-shadow: none; border: 0; }
  143. .edui-container .edui-toolbar { box-shadow: none; background-color: #fff; border: 0; }
  144. .answer-tit { margin: 35px 0; }
  145. .answer-tit a { padding: 0 5px; margin-left: 10px; line-height: 28px; border-radius: 5px; border: 1px solid #56d4c4; background-color: #6dd6c9; color: #fff; }
  146. .answer-tit span { margin-right: 5px; }
  147. .answer-cont { position: relative; }
  148. .answer-cont>label { margin-bottom: 25px; background-color: #fff;}
  149. .answer-cont>label>span { float: left; width: 38px; text-align: center; background-color: #edf6f5; }
  150. .answer-cont .umeditor { float: left; padding-left: 5px; width: 165px;/* height: 68px;*/ border: 0; display: inline-block; margin: 0; }
  151. .answer-cont .clear-text { float: right; width: 30px; font-size: 26px; text-align: center; color: #bfbfbf; cursor: pointer; }
  152. .answer-cont .edui-container { width: 100% !important; }
  153. .edui-body-container { width: 100% !important; min-height: 60px !important; line-height: 25px; }
  154. /*.edui-body-container*/
  155. .answer-cont1>label .edui-toolbar { height: 22px; overflow: hidden; line-height: 22px; }
  156. .umeditor-hide { display: none; }
  157. .answer-cont3>label { line-height: 92px; width: 238px; margin-right: 13px; border: 1px solid #ccc; }
  158. .answer-cont3>label:nth-child(4n) { margin-right: 0; }
  159. .answer-cont2>label { line-height: 92px; width: 478px; margin-right: 40px; border: 1px solid #16AE68; }
  160. .answer-cont2>label .umeditor { width: 400px; }
  161. .answer-cont2>label:nth-child(2n) { margin-right: 0; }
  162. .answer-cont1>label { line-height: 100px; width: 100%; border: 1px solid #ccc; }
  163. .answer-cont1>label .umeditor { width: 900px; }
  164. .answer-cont1>label:nth-child(2n) { margin-right: 0; }
  165. /**/
  166. .add-answer a { width: 83px; height: 23px; line-height: 23px; text-align: center; border: 1px solid #ccc; background-color: #f0f0f0; border-radius: 5px; }
  167. .related { margin: 35px 0 15px; }
  168. .related a { margin-left: 20px; width: 83px; height: 23px; line-height: 23px; text-align: center; border: 1px solid #ccc; background-color: #f0f0f0; border-radius: 5px; }
  169. .relate-point .point { padding: 15px 20px 20px; border: 1px solid #16AE68; min-height: 50px;background-color: #fff; }
  170. .relate-point .point li { position: relative; margin: 12px 25px 12px 0; padding: 0 40px 0 25px; line-height: 40px; text-align: center; background: #16AE68; color: #fff; }
  171. .relate-point .point li em { position: absolute; top: 50%; right: 10px; margin-top: -13px; width: 20px; height: 24px; line-height: 24px; font-size: 24px; cursor: pointer; }
  172. .submit-btn { margin: 60px 0; text-align: center; }
  173. .submit-btn a { margin: 0 15px; color: #fff; }
  174. .choose-question .ellipsis { width: 25%; }
  175. .fill-answer { position: relative; }
  176. .fill-answer-hide { display: none; }
  177. .fill-answer .edui-body-container { min-height: 0 !important; }
  178. .fill-title { margin-top: 30px; padding-left: 13px; line-height: 28px; height: 28px; border: 1px solid #16AE68; background-color: #edf6f5; }
  179. .fill-answer .edui-btn-toolbar { padding-left: 60px; }
  180. .fill-answer>span { position: absolute; top: 5px; left: 10px; color: #000; z-index: 1002; }
  181. /*设置周周练试卷start*/
  182. .header-zujuan { margin-bottom: 20px; height: 60px; line-height: 60px; background-color: #eee; border-bottom: 1px solid #ccc; }
  183. .header-zujuan a { display: inline-block; margin: 0 20px; }
  184. .header-zujuan a:first-child { text-decoration: none; cursor: default; }
  185. .sec-papers { margin: 0 20px;/* width: 1866px;*/ }
  186. .grade { margin-bottom: 10px; }
  187. .selBj { margin-right: 2%; width: 60%; border: 1px solid #cfcfcf; border-radius: 5px; outline: none; background-color: #fff; box-sizing: border-box; }
  188. .ques-search { line-height: 36px; width: 38%; text-align: center; border-radius: 5px; }
  189. .grade a { width: 48%; line-height: 35px; text-align: center; font-size: 14px; background-color: #e7eaec; border-radius: 5px; }
  190. .grade a.cur { background-color: #f40; color: #fff; }
  191. .grade a:first-child { margin-right: 4%; }
  192. .paper-l { width: 15%; }
  193. .paper-l .ztree { height: 870px; border: 1px solid #eee; overflow: auto; }
  194. .search-zj { display: block; width: 140px; height: 50px; text-align: center; line-height: 40px; font-size: 16px; font-family: "Microsoft YaHei"; color: #fff; border: 0; border-radius: 0 }
  195. .search-zjtext { padding-left: 10px; width: 328px; height: 50px; border: 2px solid #16AE68; border-radius: 0; box-sizing: border-box; }
  196. .cnodechoose { margin-left: 0; padding-left: 25px; width: 85%; line-height: 40px; border: 0; box-sizing: border-box; }
  197. .cnodeul { padding: 0; padding-left: 50px; min-height: 40px; }
  198. .cnodeul li { margin-right: 30px; float: left; border-bottom: 0 !important; }
  199. .ztree li a.curSelectedNode { background: #16AE68 !important; }
  200. .choose-test table { font-size: 18px; width: 100%; }
  201. .choose-test ul>li { position: relative; margin: 12px 25px 12px 0; padding: 0 40px 0 25px; line-height: 40px; text-align: center; background: #16AE68; color: #fff; }
  202. .choose-test ul>li em { position: absolute; top: 50%; right: 10px; margin-top: -13px; width: 20px; height: 24px; font-size: 24px; line-height: 24px; cursor: pointer;/*background: url(../images/closered.png) no-repeat;*/ }
  203. .th-tit td { padding: 8px 30px; }
  204. .th-tit th { color: #fff; }
  205. .choose-test { margin-bottom: 10px; }
  206. .choose-test th { width: 130px; text-align: center; font-weight: normal; }
  207. .choose-test td { width: 1450px; }
  208. .clearpoint { position: absolute; right: 60px; top: 10px; padding-left: 26px; cursor: pointer; }
  209. .clearpoint:before { content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 19px; background: url(../images/sprit.png) no-repeat -448px 0; transform: translateY(-50%); }
  210. /*.choose-test ol { margin-bottom: 15px; }*/
  211. .choose-test .filters { padding: 15px 30px; line-height: 50px; }
  212. .choose-test .filters li { /*margin-right: 35px;*/ margin-top: 5px; /*padding: 0 30px;*/ line-height: 20px; cursor: pointer; width: 90px; }
  213. .choose-test .filters .bg-gray { line-height: 50px; margin-top: 0; }
  214. .choose-test .filters li.active { color: #16AE68; }
  215. .orderh i { display: inline-block; margin: 0 0 -3px 5px; width: 8px; height: 16px; background: url(../images/sprit.png) no-repeat -483px -23px; }
  216. .orderh1 i { display: inline-block; margin: 0 0 -3px 5px; width: 8px; height: 16px; background: url(../images/sprit.png) no-repeat -472px -23px; }
  217. .checkboxes { position: relative; display: inline-block; padding-left: 30px; line-height: 24px; }
  218. .checkboxes:before { content: ""; position: absolute; width: 23px; height: 22px; left: 0; top: 0; background: url(../images/sprit.png) no-repeat -425px 0; }
  219. .checkboxes2:before { background-position: -402px 0; }
  220. .checkboxes input { display: none; }
  221. .radios { position: relative; display: inline-block; padding-left: 30px; line-height: 24px; }
  222. .radios:before { content: ""; position: absolute; left: 0; top: 0; width: 23px; height: 22px; background: url(../images/sprit.png) no-repeat -356px 0; }
  223. .radios2:before { background-position: -379px 0; }
  224. .radios input { display: none; }
  225. .choose-question ul.options li.listType_2, .test-content ul.options li.listType_2 { float: left; width: 50%;/* height: 30px;*/ padding: 5px; box-sizing: border-box; }
  226. .choose-question ul.options li.fillin { list-style: decimal; line-height: 30px; }
  227. .add-question, .remove-question, .replace-question { padding-left: 25px; }
  228. .add-question a, .remove-question a, .replace-question a { margin: 10px 10px 10px 0; width: 116px; text-align: center; box-sizing: border-box; }
  229. .keep-test { margin: 30px 0; text-align: center; }
  230. .keep-test a { margin: 0 10px; }
  231. .sec-papers .zjtitle { margin-bottom: 5px; }
  232. .zjtit-l { width: 15%; }
  233. .zjtit-r { padding-left: 25px; }
  234. .choose-tabs { margin: 20px 0 15px; border-radius: 5px 0 0 0; overflow: hidden; }
  235. #tabTopic { border-radius: 0 5px 0 0 }
  236. .choose-tabs a { width: 285px; text-align: center; line-height: 48px; background-color: #e7eaec; border-bottom: 4px solid #16AE68; border-right: 1px solid #bdd1d0; }
  237. .choose-tabs a:last-child { border-right: 0; border-radius: 0 5px 0 0; }
  238. .choose-tabs a.active { background-color: #16AE68; color: #fff; }
  239. .choosezsd { position: relative; padding: 15px 20px 20px; width: 100%; box-sizing: border-box; border: 1px solid #ccc; }
  240. .cnodeulbox { padding: 10px 0; border: 1px solid #ccc; margin-bottom: -1px; }
  241. .filterschool label { margin-right: 60px; }
  242. .topic-total { position: fixed; right: 160px; top: 200px; padding: 10px 15px; width: 208px; font-size: 12px; cursor: pointer; border: 1px solid #c2c7c6; border-radius: 10px; background-color: #fff; color: #000; box-shadow: 0 0 10px #ccc; }
  243. .topic-total p { line-height: 40px; }
  244. .point-num, .useful-topic { position: absolute; padding: 45px 0 10px; width: 0; line-height: 30px; min-height: 180px; overflow: hidden; box-shadow: -2px 0 10px #ccc; background-color: #fff; }
  245. .point-num { left: 0px; }
  246. .point-num .close, .useful-topic .close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 20px; transition: 0.3s ease all; }
  247. .point-num .close:hover, .useful-topic .close:hover { transform: rotate(360deg); transform-origin: center center; }
  248. .point-num .title, .useful-topic .title { position: absolute; left: 15px; top: 5px; font-weight: bold; font-size: 16px; }
  249. .point-num ul, .useful-topic ul { height: 180px; max-height: 300px; overflow: auto; padding-bottom: 30px; }
  250. .point-num li, .useful-topic li { padding: 0 30px; line-height: 30px; text-align: justify; background: url(../images/circle.png) no-repeat 15px 15px; -webkit-background-size: 5px 5px; background-size: 5px 5px; }
  251. .topic-total p a { padding: 0 10px; line-height: 26px; }
  252. .topic-total p .test-count { height: 20px; line-height: 20px; border-radius: 10px; margin: 0 5px; }
  253. .topic-total table { width: 206px; text-align: center; background-color: #fafafa; color: #333; }
  254. .topic-content table { width: 100%; }
  255. .topic-total thead { background-color: #c9eee9; }
  256. .return-btn { margin-top: 10px; }
  257. .change-btn a { width: 75px; text-align: center; background: -moz-linear-gradient(top, #61dad0, #2cad97); background: -webkit-linear-gradient(top, #61dad0, #2cad97); }
  258. .clear-all { margin-top: 5px; }
  259. .topic-total td, .topic-total th { height: 30px; font-size: 12px; border: 2px solid #959595; }
  260. .del-test { display: inline-block; width: 18px; height: 18px; background: url(../images/sprit.png) no-repeat -467px 0; cursor: pointer; }
  261. .error-correction { cursor: pointer; }
  262. .like-titles { margin-bottom: 15px; line-height: 46px; font-weight: 700; }
  263. .secchoose { position: relative; min-height: 500px; }
  264. .secchoose .paper-r { padding-left: 16%; width: 100%; }
  265. .secchoose .topic-tit { top: 0; }
  266. .tabcontent { display: none; }
  267. .tabcontent.cur { display: block; }
  268. .useful-topic { width: 0; right: 249px; }
  269. .useful-topic .topic-content { padding-left: 20px; height: 200px; overflow: auto; }
  270. .useful-topic .topic-content>div { position: relative; }
  271. .useful-topic .topic-content p { position: relative; width: 620px; padding-left: 10px; line-height: 24px; }
  272. .useful-topic .topic-content em {/*position: absolute;*/ left: 15px; width: 18px; }
  273. .close-topic-point { position: absolute; right: 5px; top: 5px; width: 16px; height: 16px; line-height: 16px; line-height: 16px; text-align: center; background: #f40; border-radius: 50%; color: #fff; }
  274. /*弹出框*/
  275. .model { position: fixed; left: 0; top: 0; right: 0; bottom: 0;display: none; z-index: 999999; }
  276. .model-shadow { width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }
  277. /*.model-content { position: absolute; left: 50%; top: 50%; width: 500px; background: #fff; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); }*/
  278. /*.model-content p { margin-bottom: 20px; padding-left: 25px; line-height: 50px; font-size: 14px; color: #000; }*/
  279. /*.model-content p em { font-size: 35px; width: 50px; text-align: center; cursor: pointer; transition: 0.3s ease all; }*/
  280. /*.model-content p em:hover { transform: rotate(360deg); }*/
  281. .model-btn { margin-bottom: 15px; }
  282. .model-btn a { margin: 0 30px; }
  283. .model-content .folder-name { padding: 0 64px; font-size: 14px; min-height: 120px; color: #000; }
  284. .folder-name input { margin: 10px 0 30px; width: 370px; height: 38px; border: 1px solid #16AE68; }
  285. .folder-name input:focus { box-shadow: 0 0 5px #16AE68; }
  286. .folder-name select { margin: 10px 0 30px 5px; width: 250px; height: 38px; border: 1px solid #ccc; }
  287. .folder-name select:focus { box-shadow: 0 1px 5px #eee inset; }
  288. /*弹出框*/
  289. .model-close { position: fixed; left: 0; top: 0; display: none; }
  290. .model-leave .txt-c, .model-error .txt-c { margin-bottom: 10px; }
  291. .model-leave p:nth-child(2), .model-error p:nth-child(2) { margin-bottom: 50px; font-size: 20px; }
  292. .model-leave .txt-c a, .model-error .txt-c a { margin: 0 8px; }
  293. .model-keep .title { margin: 20px 0 30px 0; }
  294. .model-keep .title input { width: 300px; height: 35px; border: 1px solid #ccc; }
  295. /* .model-shadow { background: rgba(0, 0, 0, .1); } */
  296. .model-content { position: absolute; left: 50%; top: 50%; width: 500px; background: #fff; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); }
  297. .model-content p { margin-bottom: 20px; padding-left: 25px; line-height: 50px; font-size: 16px; font-size: 14px; }
  298. .model-content p em { font-size: 35px; width: 50px; text-align: center; cursor: pointer;/* transition: 0.8s ease all;*/ }
  299. /*.model-content p em:hover { transform: rotate(360deg); }*/
  300. .model-content ul { padding: 0 40px 0 30px; }
  301. .model-content li { line-height: 46px; }
  302. .model-content .error-test { position: relative; }
  303. .model-content .error-test:before { content: '*'; display: block; position: absolute; left: -10px; top: 0; font-size: 18px; color: #f00; }
  304. .model-content input { vertical-align: middle; }
  305. .model-content label { margin-right: 10px; }
  306. .model-content textarea { margin-top: 18px; min-width: 353px; height: 150px; font-size: 12px; line-height: 20px; border: 1px solid #ccc; resize: none; outline: none; }
  307. .words-error { display: block; margin-left: 70px; line-height: 14px; }
  308. .model-change-test .model-content { width: 1000px; height: 600px;/*overflow: auto;*/ }
  309. .questions-all { overflow: auto; height: 510px; padding: 0 30px; }
  310. .model-change-test .model-content>p:first-child { margin-bottom: 10px; padding-left: 30px; font-size: 18px; background-color: #f1f1f1; }
  311. .model-change .model-content { width: 850px; }
  312. .choose-module { height: 45px; padding-left: 30px; }
  313. .choose-module select { margin-left: 20px; height: 30px; margin-top: 8px; }
  314. .model-change .set-tests { border: 0; }
  315. .model-change .set-tests .setTests { height: 350px; overflow: auto; }
  316. .set-tests .results { background-color: #c9eee9; color: #000; }
  317. .model-content .results em { font-size: 14px; }
  318. .change-btns { margin: 30px 0 20px; text-align: center; }
  319. .change-btns a { margin: 0 10px; }
  320. .model-content .title { font-weight: bold; font-style: normal; color: #333; font-size: 18px; }
  321. .video-cont { margin-top: 20px; display: block; width: 40px; height: 20px; background: url(../images/sprit.png) no-repeat -430px -23px; cursor: pointer; }
  322. .model-play { z-index: 999999; }
  323. .model-play .model-content { width: 640px; }
  324. .model-play .model-content>p:first-child { position: absolute; right: 0; top: 0; z-index: 3; color: #fff; }
  325. .model-play .model-content video { width: 100%; }
  326. .set-tests dl { padding-left: 30px; }
  327. .set-tests li { padding-left: 0px; list-style: inside cjk-ideographic; }
  328. .set-tests dd { padding-left: 35px; }
  329. .set-tests .core { margin: 0 5px; width: 68px; height: 30px; text-align: center; border-radius: 5px; outline: none; }
  330. .set-tests p { position: absolute; bottom: 0; width: 100%; padding-left: 30px; height: 40px; line-height: 40px; color: #fff; box-sizing: border-box; }
  331. .set-tests p span { margin-right: 30px; font-size: 16px; }
  332. .set-tests { display: none; position: relative; padding: 30px 0 55px 0; margin-top: 20px; text-align: left; font-size: 16px; line-height: 45px; font-family: '黑体'; border: 1px solid #ccc; background-color: #f7fcfb; color: #333; }
  333. .choose-subject { position: relative; margin-left: 30px; display: inline-block; padding: 0 10px; width: 126px; border-radius: 5px; color: #fff; background: #16AE68; }
  334. .choose-subject>span { position: relative; display: inline-block; float: right; margin-left: 10px; width: 35px; height: 45px; line-height: 45px; border-left: 1px solid #ccc; }
  335. .choose-subject>span:after { content: ''; position: absolute; margin-left: -4px; left: 50%; top: 50%; border-top: 8px solid #fff; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; }
  336. .choose-subject div { position: absolute; top: 48px; left: 0; width: 146px; line-height: 45px; background: #16AE68; border-radius: 5px; overflow: hidden; display: none; }
  337. .choose-subject div span { padding: 0 10px; display: block; color: #fff; }
  338. .model-correct .model-content { width: 600px; }
  339. .model-correct .btn-small { margin: 0 8px 20px; }
  340. .model-correct .model-content>p { background-color: #f2f2f2; }
  341. .model-testpoint .model-content { width: 1000px; }
  342. .folder-name .paper-l .ztree { height: 435px; overflow: auto; border: 1px solid #ccc; }
  343. .folder-name .paper-l { width: 25%; }
  344. .folder-name .paper-r { width: 75%; }
  345. .model-testpoint .folder-name { padding: 0 20px 20px; }
  346. .model-testpoint .choosezsd { min-height: 250px; max-height: 300px; overflow: auto; }
  347. /*回顶部*/
  348. #back-to-top { position: fixed; bottom: 100px; right: 10px; width: 36px; height: 36px; background: url(../images/top.png) no-repeat; z-index: 999; }
  349. #back-to-top:hover { background: url(../images/top_hover.png) no-repeat; }
  350. /*分页*/
  351. ul.pages { margin: 30px 0; text-align: center; }
  352. ul.pages li { position: relative; display: inline-block; min-width: 38px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #ccc; }
  353. ul.pages li.active { background-color: #16AE68 !important; color: #fff; cursor: pointer; }
  354. ul.pages li a { cursor: pointer; }
  355. /*查看试卷*/
  356. .search-null-img{margin:30px 0; text-align: center;}
  357. .paper-view .grade-tab a.cur { position: relative; padding-left: 35px; }
  358. .paper-view .grade-tab a.cur:before { position: absolute; content: ""; top: 50%; left: 3px; width: 23px; height: 23px; background: url(../images/sprit.png) no-repeat -130px -103px; transform: translateY(-50%); }
  359. .paper-view a.old-term{ position: relative; padding-left: 35px;margin-bottom: -1px; color: #f9690e; border-bottom: 5px solid #f9690e;}
  360. .paper-view .grade-tab a.old-term:before { position: absolute; content: ""; top: 50%; left: 3px; width: 23px; height: 23px; background: url(../images/sprit.png) no-repeat -130px -132px; transform: translateY(-50%); }
  361. .change-term { position: relative; margin-left: 30px; font-size: 12px; cursor: pointer; z-index: 5; }
  362. .change-term span { position: relative; display: block; line-height: 20px; margin-top: 10px; padding: 0 20px 0 10px; border: 1px solid #ccc; background-color: #fff; z-index: 2; }
  363. .change-term span:after { content: ""; position: absolute; right: 5px; top: 5px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; width: 5px; height: 5px; transform: rotate(135deg); }
  364. .change-term span.hover { border-bottom: 1px solid #fff; }
  365. .change-term span.hover:after { top: 10px; transform: rotate(-45deg); }
  366. .term-item { display: none; position: absolute; padding: 10px; width: 200px; left: 0; top: 31px; font-size: 12px; line-height: 20px; border: 1px solid #ccc; background-color: #fff; }
  367. .term-item dt { font-family: "黑体"; font-weight: bold; }
  368. .term-item dd { padding-left: 20px; }
  369. .term-item dd:hover { color: #16AE68 }
  370. .paper-filter { margin-right: 10px; height: 30px; line-height: 30px; font-size: 14px; }
  371. .paper-filter a { margin-right: 20px; color: #999; }
  372. .search-btn { position: relative; }
  373. .search-btn input { padding-right: 30px; width: 223px; height: 30px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; }
  374. .search-btn a { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: url(../images/sprit.png) -245px -85px; }
  375. .layout-btn { margin-top: 20px; }
  376. .layout-btn span { margin-left: 5px; width: 16px; height: 16px; background: url(../images/sprit.png) no-repeat -183px -103px; cursor: pointer; }
  377. .layout-btn span:nth-child(1).active { background-position: -164px -103px; }
  378. .layout-btn span:nth-child(1).old { background-position: -183px -140px; }
  379. .layout-btn span:nth-child(2) { background-position: -219px -103px; }
  380. .layout-btn span:nth-child(2).active { background-position: -201px -103px; }
  381. .layout-btn span:nth-child(2).old { background-position: -164px -140px; }
  382. .layout-cont { margin-top: 20px; }
  383. .layout-cont>div { display: none; }
  384. .layout-cont>div.active { display: block; }
  385. .layout-tile>div { position: relative; padding-bottom: 15px; margin-right: 3%; margin-bottom: 26px; width: 31%; }
  386. .layout-tile>div:nth-child(3n) { margin-right: 0; }
  387. .layout-tile .tile-box { border-radius: 8px; overflow: hidden; box-sizing: border-box; }
  388. .layout-tile dd { color: #999999; line-height: 30px; }
  389. .layout-tile dl { width: 280px; margin-left: 12px; }
  390. .layout-tile dt {color: #111; margin-bottom: 6px;height: 20px; }
  391. .layout-tile dt a { font-family: '黑体'; font-size: 16px;width: 230px;}
  392. .tile-status { position: absolute; left: 0; top: 80px; width: 70px; text-align: center; line-height: 30px; border: 1px solid #ccc; background-color: #fff; }
  393. .tile-title { width: 70px; height: 70px; background-size: 100%; }
  394. .tile-box .bg-hot { margin-top: 3px; margin-right: 50px; width: 100px; text-align: center; line-height: 24px; }
  395. .exam-week { background: url(../images/exam-week.png); }
  396. .exam-mid { background: url(../images/exam-mid.png); }
  397. .exam-month { background: url(../images/exam-month.png); }
  398. .exam-unknow { background: url(../images/exam-unknow.png); }
  399. .exam-mock { background: url(../images/exam-mock.png); }
  400. .exam-unit { background: url(../images/exam-unit.png); }
  401. .exam-union { background: url(../images/exam-union.png); }
  402. .exam-final { background: url(../images/exam-final.png); }
  403. .exam-sprint { background: url(../images/exam-sprint.png); }
  404. .layout-list table, .model-exam-grade table { width: 100%; line-height: 36px;text-align: center;}
  405. .layout-list td, .model-exam-grade td { border: 0 !important; font-size: 14px; }
  406. .layout-list tr:nth-child(1) { color: #333; }
  407. .layout-list tr td:nth-child(3) { padding-right: 50px;text-align: left;cursor:default; }
  408. .layout-list tr td:nth-child(1), .model-exam-grade tr td:nth-child(1) { padding-left: 10px; }
  409. .layout-list tr:nth-child(odd), .model-exam-grade tr:nth-child(even), .model-exam-grade thead tr { background-color: #eee; }
  410. .layout-list .hot-red { cursor: pointer; }
  411. .layout-list a {display: inline-block; margin: 0 5px; width: 16px; height: 16px; background: url(../images/sprit.png) no-repeat -164px -122px; }
  412. .layout-list a span{position: absolute;left: 0;top: 18px;width: 30px;text-align: center;line-height: 20px;font-size: 12px; background:#fcfcfc; border-radius: 2px;z-index: 5;box-shadow: 0 0 5px rgba(0,0,0,.3);display: none;}
  413. /*.layout-list a span:before{content: ""; position: absolute;left: 0;top: 0;border-width:8px;border-color: transparent transparent #51D2C2 transparent; border-style: solid;}*/
  414. .layout-list .btn-view:hover { background-position: -182px -122px; }
  415. .layout-list .btn-view span{width: 54px;}
  416. .layout-list .btn-add { background-position: -201px -122px; }
  417. .layout-list .btn-add span{width: 80px;}
  418. .layout-list .btn-add:hover { background-position: -218px -122px; }
  419. .layout-list .btn-del { background-position: -235px -122px; }
  420. .layout-list .btn-del:hover { background-position: -252px -122px; }
  421. .layout-list .btn-load { background-position: -270px -122px; }
  422. .layout-list .btn-load:hover { background-position: -287px -122px; }
  423. .model-exam-grade { padding: 0 20px; max-height: 300px; overflow: auto; }
  424. .model-btns { margin: 20px 0; }
  425. .model-grade .model-content { padding: 0; width: 800px; }
  426. .model-grade p.bg-hot { color: #fff; }
  427. .model-add-grade .model-content { width: 600px; }
  428. .choose-grade,.choose-classes-wp { margin-bottom: 15px; min-width: 100px; height: 36px; border: 1px solid #ccc; border-radius: 5px; }
  429. .grade-label { line-height: 30px; }
  430. .grade-label dt { width: 15%; }
  431. .grade-label dd { width: 85%; }
  432. .grade-label label { margin-right: 10px; }
  433. .grade-label label input { margin-bottom: 2px; margin-right: 2px; }
  434. .model-add-grade .model-btns a { margin: 0 5px; }
  435. .layout-list .btn-load { background-position: -270px -122px; }
  436. .layout-list .btn-load:hover { background-position: -287px -122px; }
  437. .layout-list td span{width: 470px;}
  438. .layout-list td img{margin-top: 8px;}
  439. /*预览试卷*/
  440. .paper-preview { padding-top: 10px; }
  441. .paper-preview .paper-r { padding: 0 24px 50px; margin-left: 2%; width: 83%; line-height: 26px; background-color: #fff; box-sizing: border-box; }
  442. .set-test-name { margin: 15px 0; font-size: 22px; line-height: 40px; text-align: center; color: #000; }
  443. .paper-preview .test-template, .paper-preview .test-score { line-height: 30px; }
  444. /*.test-score{margin:10px 0 20px;}*/
  445. .test-score span { width: 20% }
  446. .test-content dd { padding-left: 30px; }
  447. .change-cols>p { display: inline; }
  448. .change-cols>table { display: block; }
  449. .paper-preview .choose-question ul.options li,.paper-preview .test-content ul.options li{height: auto;}
  450. .paper-preview .choose-question ul.options li img,.paper-preview .test-content ul.options li img{vertical-align: middle;}
  451. /*.change-cols>*{display: inline;margin-left: 3px;width:95%; vertical-align: top;}*/
  452. /*.change-cols>*:first-child{padding:0;vertical-align: middle;}*/
  453. .change-cols img { vertical-align: middle; }
  454. .editing-test { padding: 5px 5px 40px 5px; border: 1px solid #eee; overflow: auto; color: #333; background-color: #fff; }
  455. .editing-test .bg-gray { background-color: #e5e5e5 !important; }
  456. .editing-test h3 { margin-bottom: 5px; text-align: center; }
  457. .editing-test h3.bg-hot { height: 40px; line-height: 40px; }
  458. .editing-test h3.bg-gray, .editing-test dt, .editing-test .bg-gray { height: 30px; line-height: 30px; margin-bottom: 5px; }
  459. .editing-test dt { padding-left: 5px; }
  460. .editing-test dl { margin-bottom: 5px; cursor: pointer; }
  461. .mult-paper { margin: 30px auto 0; width: 1200px; border-bottom: 2px solid #16AE68 }
  462. .mult-paper a { margin-bottom: 5px; line-height: 30px; font-size: 14px; }
  463. .mult-paper .paper-analyse{width: 140px;text-align: center;margin-left: 870px;}
  464. /*分页部分*/
  465. .divide-page { text-align: center; margin: 0px auto 40px; }
  466. .div-page li { display: inline-block; border: 1px solid #DDDDDD; width: 40px; height: 40px; line-height: 40px; text-align: center; cursor: pointer;font-size: 12px; }
  467. .div-page li.active { background: #51D2C2; color: #fff; }
  468. .pre-page, .next-page { width: 80px !important; margin-right: 16px; }
  469. .and-so-on { border: none !important; font-size: 14px; font-weight: bold; color: #606060; }
  470. .page-go { width: 40px; height: 40px; margin: 0 10px; border: 1px solid #DDDDDD; text-align: center; }
  471. .sure-page { cursor: pointer; width: 70px; height: 40px; margin-left: 15px; background: #fff; font-family: inherit; color: inherit; border: 1px solid #DDDDDD; }
  472. .page-con { display: inline-block; }
  473. /*典型错题*/
  474. .typical-topic { margin-top: 30px; }
  475. .typical-topic .paper-l dd { padding-left: 10px; line-height: 30px; box-sizing: border-box; }
  476. .typical-topic .paper-l dd.active span { padding: 0 5px; background: #16AE68; color: #fff; }
  477. .typical-topic .paper-l dd.active a{color: #fff;}
  478. .typical-topic .paper-r { padding: 0; background: none; }
  479. .topic-error-title { padding: 10px 10px 10px 25px; margin-bottom: 10px; line-height: 28px; background-color: #fff; }
  480. .topic-error-title .hot-gray { margin-right: 20px; }
  481. .change-page-top .page-prev{margin-left: 5px;}
  482. .change-page-top .page-next{margin-right: 5px;}
  483. .change-page-top a{display: inline-block;width: 15px;height: 15px;line-height: 15px;text-align: center;text-decoration: none;background-color: #fff;border:1px solid #ccc;}
  484. .change-page-top{padding-left: 25px;}
  485. .typical-topic .btn { border-radius: 3px; }
  486. .typical-topic .choose-question { border: 0; background: #fff; }
  487. .topic-attr { font-size: 12px; color: #aaa; background-color: #fafafa; }
  488. .topic-attr li { position: relative; width: 25%; line-height: 34px; }
  489. /*.topic-attr li:last-child{text-align: right;}*/
  490. .topic-attr li:first-child { width: 20%; }
  491. .topic-attr li:nth-child(2) { width: 30%; }
  492. /*.topic-attr li:after{position: absolute; content: "";height: 14px;right: 25px;top: 10px; border-right:1px solid #ccc;}*/
  493. /*.topic-attr li:last-child:after{border:0;}*/
  494. .topic-content .options { margin-left: 0 !important; }
  495. .topic-content .question-cont { padding: 10px 0 10px 25px; line-height: 30px; display: none; }
  496. .topic-content .questionTitle { display: block; }
  497. .topic-content .options li { padding: 0 !important; }
  498. .topic-content .video-cont { margin-top: 5px; }
  499. .question-cont-tit { position: relative; padding-left: 10px; }
  500. .question-cont-tit:before { position: absolute; content: ""; height: 16px; left: 0; top: 7px; border-right: 2px solid #16AE68; }
  501. .topic-info-attr { padding: 0 10px 0 25px; font-size: 12px; border: 1px solid #eee; border-left: 0; border-right: 0; color: #aaa; }
  502. .topic-info-attr ul { padding-left: 0; width: auto; line-height: 30px; }
  503. .topic-info-attr li { padding-right: 20px; line-height: 40px; }
  504. .topic-info-attr a { margin-top: 5px; }
  505. .topic-info-attr span { margin: 0 2px; }
  506. .close-play { color: #000; }
  507. /*新首页*/
  508. .w1200{margin:0 auto;width: 1200px;}
  509. .bg-fff{background-color: #fff;}
  510. .header-new { padding-top: 5px;height: 58px; background-color: #fff; border-bottom: 1px solid #e6e6e6; }
  511. .header-content { margin: 0 auto; width: 1200px; }
  512. .logo-new {width: 12%; height: 58px; }
  513. .logo-new a { display: inline-block; margin-top: 8px; width: 122px; height: 33px; background: url(../images/logo_new.png) no-repeat left center; }
  514. .nav-new a { margin-left: 15px; width: 74px; line-height: 53px; text-align: center; font-size: 14px; color: #333; }
  515. .nav-new a.active{border-bottom: 5px solid #16AE68;}
  516. .info-new{width: 88%;}
  517. .name-new a{line-height: 58px;font-size: 14px;}
  518. /*.name-new a:nth-child(1){margin-top: 9px;margin-right: 20px; height: 40px;width: 40px;line-height: 40px;font-size: 12px; text-align: center; border-radius: 50%;overflow: hidden;color: #fff;}*/
  519. .name-new .personal{padding-left: 16px;margin-right:40px; background: url(../images/personal.png) no-repeat left center;}
  520. .name-new .exit{padding-left: 16px; background: url(../images/exit_new.png) no-repeat left center;}
  521. .exam-attr{margin-top: 35px;}
  522. .teacher-info{margin-right: 20px; width: 360px;height: 200px;border-radius: 5px;}
  523. .teacher-info div{padding-left:110px}
  524. .teach-name{display: block;margin: 26px auto 10px; width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 12px; border-radius: 50%;color:#fff;}
  525. /*.teacher-info div{padding-left: 110px;line-height: 24px;}*/
  526. .teacher-info .school-name{background: url(../images/school_name.png) no-repeat 90px 5px;}
  527. .teacher-info .subject-name{background: url(../images/subject_name.png) no-repeat 89px 5px;}
  528. .teacher-info .term-name{background: url(../images/term_name.png) no-repeat 90px 5px;}
  529. /*首页新增功能部分*/
  530. .teacher-trends-tit{margin: 10px 20px 6px;}
  531. .teacher-trends-tit img,.teacher-trends-tit span{vertical-align: middle;}
  532. .teacher-trends-con{height: 114px;overflow-y: auto;margin: 0 20px 4px;position: relative;}
  533. .index-sum-detail{font-size: 0;border-top: 1px solid #E9E9E9;}
  534. .index-sum-detail li{overflow: hidden;display: inline-block;line-height: 22px;font-size: 12px;height: 44px;width: 89px;text-align: center;border-right: 1px solid #E9E9E9;}
  535. .index-sum-detail li:first-child{line-height: 44px;}
  536. .index-sum-detail li:last-child{border: none;}
  537. .teacher-trends-con ul li > span,.teacher-trends-con ul li > a{display: inline-block;height: 18px;line-height: 18px;font-size: 12px;vertical-align: middle;}
  538. .ttc-tag{width: 66px;height: 18px;line-height: 18px;border-radius: 9px;text-align: center;background: #51D2C2;color: #fff;}
  539. .ttc-detail{width: 222px;margin-left: 4px;}
  540. .teacher-trends-con ul{position: absolute;}
  541. .teacher-trends-con ul li{margin-bottom: 6px;}
  542. .teacher-trends-con ul li.active{display: none;}
  543. /*首页个人中心新加内容*/
  544. .personal{position: relative;line-height: 58px;cursor: pointer;}
  545. .personal-detail{display: none;position: absolute;top:50px;border-radius: 4px;box-shadow: 0 0 10px #C7C7C7;width: 170px;height: 135px;background: #fff;border: 1px solid #C7C7C7;}
  546. .personal-detail li{height: 32px;line-height: 33px;border-bottom: 1px solid #C7C7C7;}
  547. .personal-detail li:last-child{border: none;}
  548. .personal-detail li img,.personal-detail li span,.personal-detail li a{vertical-align: middle;}
  549. .personal-detail li img{margin-left: 6px;}
  550. .personal-detail li span,.personal-detail li a{display: inline-block;width: 136px;line-height: 33px;}
  551. .personal-set-center{display: block !important;line-height: 33px !important;background: #45C3B4;color: #fff;width: 100% !important;}
  552. .no-task-banner{padding: 150px 0 0 264px; width: 820px;height: 200px;background: url(../images/nobanner.png) no-repeat; }
  553. .no-task-banner a{display: block;width: 100px;line-height: 30px;text-align: center;color: #fff;border-radius: 3px;}
  554. .teacher-task{width: 820px;height: 200px;border-radius: 5px;}
  555. .teacher-task h3.hot-gray{padding-left: 78px; line-height: 50px;font-size: 16px; color: #888;}
  556. .teacher-task .task-right,.task-left{width: 60px;height: 150px;text-align: center;line-height: 150px;}
  557. .task-left{background: url(../images/tl.jpg) no-repeat center 36px;}
  558. .task-right{background: url(../images/tr.jpg) no-repeat center 36px;}
  559. .teacher-task .task-content{position: relative; width: 699px;height: 150px;overflow: hidden;}
  560. .task-content ul{position: absolute;left: 0;top: 0;}
  561. .task-content li{padding-right: 18px;margin-left: 18px; width: 332px; border-right:1px solid #d2d2d2; box-sizing:border-box;}
  562. .task-detail{margin-right: 20px; width: 242px;line-height: 30px;text-align: justify;}
  563. .task-detail a{cursor: default; text-decoration: none;}
  564. .task-detail-btn .btn-small{margin-top: 10px;margin-right: 5px; width: 78px; line-height: 30px;border-radius: 3px;}
  565. .task-detail span.hot-gray{font-size: 12px;}
  566. .no-mission img{margin-top: -24px;}
  567. ul.best-test-list{padding:20px 50px 20px 40px; line-height: 40px;font-size: 14px;border-radius: 5px;}
  568. .best-test-list li{list-style: circle;}
  569. .best-test-list .hot-red{margin-left: 20px; color: #ffa759}
  570. .best-test-list .hot-gray{color: #666;}
  571. .best-test-title{margin-top: 14px; line-height: 46px;font-size: 16px;}
  572. .best-test-title h3{padding-right: 60px; background: url(../images/new_tips.png) no-repeat right center;}
  573. .best-test-title .more{margin-top: 5px; padding-right: 22px;font-size: 14px;line-height: 40px; background: url(../images/new_more.png) no-repeat right center;}
  574. .best-test-title .bg-red{margin-top: 10px; padding-left:16px;height: 24px;line-height: 24px;font-size: 12px;text-decoration: none; border-radius: 12px; overflow: hidden;}
  575. .best-test-title .bg-red span{position: relative; float: right;margin-left: 8px; width: 26px;height: 24px; background: #e24411;}
  576. .best-test-title .bg-red span:after{content: "";position: absolute;right: 6px;top:6px;border-color:transparent transparent transparent #fff ;border-width:6px;border-style: solid;}
  577. .new-chart{padding: 10px 0 20px; height:300px;border-radius:5px;background-color: #fff!important;}
  578. /*.new-chart div{background-color: #fff;}*/
  579. .chart-title{position:absolute;top:8px;left:180px;height:20px;font-size:14px;color: #aaa;}
  580. .test-item-name{width: 70%;}
  581. .test-item-name a:hover{color: #16AE68}
  582. .footer-new{margin-top: 50px;padding: 50px 0 40px; text-align: center;font-size: 14px; line-height: 24px;}
  583. .footer-new .img-logo{margin:0 auto 15px; width: 85px;height: 70px; background: url(../images/logo.png) no-repeat left top;}
  584. .footer-new .fc-access{ font-size: 16px;line-height: 36px;}
  585. /*新帮助中心*/
  586. .hc-banner img{display: block;width: 100%;height: auto;}
  587. .opt-menu,.often-questions{width: 1200px;margin: 34px auto;background: #fff;border-radius: 3px;box-shadow: 0 0 10px #EAEAEB;}
  588. .opt-menu-title{color: #101010;height: 70px;line-height: 70px;font-size: 16px;text-indent: 40px;border-bottom: 1px solid #E5E5E5;}
  589. .omd-lis{display: block;cursor:pointer;width: 20%;box-sizing: border-box;border-right: 1px solid #E5E5E5;text-align: center;padding-bottom: 56px;}
  590. .omd-lis:last-child{border: none;}
  591. .omd-lis.active,.omd-lis:hover{background: #F9F8F8;color: #51D2C2;}
  592. .omd-lis img{margin: 36px auto;}
  593. .oq-cons{width: 50%;}
  594. .oqc-titles{font-size: 16px;color: #101010;height: 64px;line-height: 64px;text-indent: 40px;}
  595. .question-detail li{color: #555;font-size: 14px;margin: 0 40px 0 60px;list-style: disc;padding: 10px 0;}
  596. .question-detail li:hover,.question-detail li a:hover{color: #51D2C2;}
  597. .often-questions{padding-bottom: 20px;}
  598. .question-detail li a{color: #555;}
  599. .btn-big.add-basket{width:150px;height: 40px;border-radius: 0 }
  600. .add-basket{ position: relative; padding: 0 20px 0 40px !important; line-height: 38px; cursor: pointer;border-radius: 2px; }
  601. .add-basket:before{ content: ""; position: absolute; width: 20px; height: 20px; left: 10px; top: 50%; background: url(../images/zujuan_v2_20170717/sprit_point.png) no-repeat -1px -37px; transform: translateY(-50%); }
  602. .topic-export-filter{padding:20px 10px;background-color: #fff;}
  603. .topic-look-topics{padding-top: 10px;}
  604. .topic-fav-form .answer-cont3>label{width: 288px;}
  605. .topic-fav-form .answer-cont2>label{width: 578px;}
  606. /* 新的增加考试班级弹层 */
  607. .vtm{vertical-align: middle;}
  608. .fw{font-weight: bold;}
  609. .red-font{color: #FF541A;}
  610. .add-class-pop-warn{line-height: 36px;}
  611. .choose-grade{margin-bottom: 0;}
  612. .exam-grade-top{margin-bottom: 15px;}
  613. .sel-all-con{margin-left: 16px;line-height: 36px;}
  614. .grade-label .class-stage-title{width: 100%;}
  615. .grade-label .class-stage-datas{width: 100%;}
  616. .class-stage-datas label{cursor: pointer;display: inline-block;margin-right: 10px;width: 110px;}
  617. .class-stage-title span{margin-right: 10px;}
  618. .judge-sels{display: inline-block;width: 15px;height: 15px;border: 1px solid #AAB2BD;vertical-align: middle;margin-right: 6px;cursor: pointer;}
  619. .judge-sels.active{background:url(../images/sels.png) no-repeat;border: 1px solid #4FD2C2;background-size: 100% 100%;}
  620. .model-add-grade .model-contents{width: 800px;}
  621. .model-exam-grades{max-height: 420px;}
  622. .has-test-class{display: inline-block;width: 15px;height: 15px;border: 1px solid #AAB2BD;vertical-align: middle;margin-right: 6px;cursor: pointer;background:url(../images/sels.png) no-repeat;border: 1px solid #4FD2C2;background-size: 100% 100%;}
  623. .has-test-con{color: #ccc;cursor: no-drop;}
  624. /* 查看试卷新加按钮icon */
  625. .see-peper-btns{margin-right: 20px;}
  626. .spb-icon-btn{cursor: pointer;margin-left: 6px;}
  627. .spb-icon-btn.hide{display: none;}
  628. /* 查看全部任务 */
  629. .look-all-tasks{ margin-left:20px; font-size: 14px;color: #16AE68 ;}
  630. .paper-enter{margin-top:20px;}
  631. .paper-enter a{position: relative; margin-right: 20px; width: 183px;}
  632. .paper-enter img{width: 100%;}
  633. .paper-enter a:last-child{margin-right: 0;}
  634. .paper-enter a em{position: absolute;left: 0;bottom: 0;width: 100%; text-align: center;font-size: 14px;line-height: 30px; background: rgba(0,0,0,.6);color: #fff;}
  635. .add-question .add-basket-search{position: relative;margin-right:20px;}
  636. .add-question .set-topic-type{top:41px;}
  637. /*.set-topic-type{display: block; padding: 0!important;width: 100%;text-align: center; position: absolute;left: 0;}*/
  638. .add-question .set-topic-type a{margin-top:-1px;margin-bottom:0; display: block; border:1px solid #16AE68;width:100%;background:#fff;line-height:30px;}
  639. /*.set-topic-type a:hover{background:#16AE68;color: #fff; }*/
  640. .add-basket-search-or{cursor: pointer;}
  641. /*.add-question-type .add-basket-search{position: relative;margin-right:20px;}
  642. .add-question-type .set-topic-type a{margin-top:-1px;margin-bottom:0; display: block; border:1px solid #16AE68;width:100%;background:#fff;line-height:30px;}
  643. .add-question-type{height: 60px;line-height: 60px;padding-left: 25px;}
  644. .add-question-type .bg-gray{cursor: pointer;}
  645. */
  646. .friend-enter-menu{line-height: 58px;}
  647. .friend-enter img{width: 200px;margin: 0 16px;cursor: pointer;}
  648. .friend-enter{margin-left: 20px;}
  649. .friend-enter-con{margin-bottom: 40px;}
  650. .footer-content{/* position: relative; */}
  651. .wechat-ewm{/* position: absolute;right: 10px;top: 0; */ float: right;margin-top: -108px;}
  652. .model-download{max-height:500px; padding-left:60px;}
  653. .model-download tr{background: #fff!important;text-align: left;}
  654. .model-download td{padding-bottom:30px;}
  655. .model-download tr:last-child td:last-child{padding-bottom: 0;}
  656. .model-download tr td:first-child{width:80px;padding-left:0;}
  657. .download-text a{display:inline-block;margin-right: 10px; width:120px;line-height: 34px;text-align:center;border-radius: 20px;border:1px solid #ddd;box-sizing: border-box;}
  658. .download-text a.active{background:#56CFBF;color:#fff;border-color:#56CFBF;}
  659. .download-paper-type span{display: block; text-align: center;line-height: 22px;margin-top:6px;}
  660. .download-paper-type span:before{content:"";display:inline-block;width:16px;height:16px;margin-right: 5px;vertical-align: middle; background: url(../images/radio_unselect.svg) no-repeat;}
  661. .download-paper-type .active span{color:#56CFBF;}
  662. .download-paper-type .active span:before{content:"";display:inline-block;width:16px;height:16px;background: url(../images/radio_selected.svg) no-repeat;}
  663. .paper-a4{padding-top:90px; width:74px; background: url(../images/paper_a4.png) no-repeat left top;cursor: pointer;}
  664. .paper-a3{margin-left:76px; padding-top:90px; width:148px; background: url(../images/paper_a3.png) no-repeat left top;cursor: pointer;}
  665. .paper-a3.active{ background: url(../images/paper_a3_selected.png) no-repeat left top;}
  666. .paper-a4.active{ background: url(../images/paper_a4_selected.png) no-repeat left top;}
  667. .paper-users div{margin-right: 30px;}
  668. .paper-users a{display: block;width:120px;line-height:34px;text-align: center; border: 1px solid #DDDDDD; border-radius: 17px;}
  669. .paper-users a.active{background: #56CFBF;color:#fff;border-color:#56CFBF;}
  670. .paper-users span{display: block;text-align: center;font-size: 12px;color:#666;}
  671. .paper-download-tips{margin-top:30px;}
  672. .model-paper-download .model-btns{padding:14px 0; margin:20px 0 0 ; border-top:1px solid #eee}
  673. .model-paper-download .model-btns a{display:inline-block;margin:0 10px; width:110px;line-height: 32px;text-align: center;border: 1px solid #DDDDDD; border-radius: 4px;}
  674. .model-paper-download .model-btns .download-cancel{background: #56CFBF;color:#fff;border-color:#56CFBF;}