zujuan.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. .system-message{border:6px solid #15ae68 !important;}
  2. .system-message legend{color:#15ae68 !important;}
  3. .system-message legend{border-bottom: 1px solid #fff !important;}
  4. .hot{color: #50d2c2!important;}
  5. .hot-red{color: #ff531a;}
  6. .bg-red{background-color: #ff531a;color: #fff;}
  7. .bg-gray{background: #e5e5e5!important;}
  8. .bg-eee{background: #eee!important;}
  9. .fl{float: left;}
  10. .fr{float: right;}
  11. .bg-hot{background-color: #50d2c2!important;color: #fff;}
  12. .inline-block{display: inline-block;}
  13. .btn-gre{padding: 0 30px;line-height: 40px;}
  14. .txt-c{text-align: center;}
  15. p{font-family: 'Microsoft YaHei';}
  16. .mb-20{margin-bottom: 20px;}
  17. table{border:0!important;padding: 0!important;}
  18. td,th{vertical-align: middle;border:1px solid #ccc!important;}
  19. .disabled{color: #959595!important;border-color:#959595!important;background: #dcdcdc!important;}
  20. .disabled p{color: #959595!important;}
  21. .cont img{vertical-align: middle;}
  22. .cont p:after{content: "";height: 0;visibility: hidden;clear: both;display: block;}
  23. .list_image{float: none!important;}
  24. /*选择试卷结构start*/
  25. .li-actives{border-color: #ff531b!important;}
  26. .li-actives p{color: #ff531a!important;}
  27. .header-zujuan{margin-bottom: 20px; height: 60px;line-height: 60px;background-color: #eee; border-bottom: 1px solid #ccc;}
  28. .header-zujuan a{display: inline-block;margin: 0 20px;}
  29. .header-zujuan a:first-child{text-decoration: none;cursor:default;}
  30. .sec-main{margin:45px auto 30px;width: 1100px;text-align: center; }
  31. .sec-main h3{line-height: 58px;text-align: center;font-size: 18px;}
  32. .sec-main-content{padding: 20px 0 20px 95px;/*padding: 87px 0 55px 95px;*/background-color: #f4f6f9;border: 1px solid #ccc;}
  33. .test-time>li{position: relative; margin:0 36px 36px 0; width: 275px;height: 120px;border:3px solid #50d2c2;border-radius: 5px;background-color: #fff;cursor: pointer;}
  34. .test-style{position: absolute;top:0;right: 15px; font-size: 14px;line-height: 34px;}
  35. .user-area{position: absolute;left: 15px;top: 0;font-size: 14px;line-height: 34px;}
  36. .test-time p s{display: inline-block;vertical-align: middle; font-size: 42px;font-weight:normal;text-decoration: none;}
  37. .test-time p i{display: inline-block;vertical-align: middle; font-size: 42px;text-decoration: none;}
  38. .typeof-test li{line-height: 120px;}
  39. .choose-style-tit{position:relative;margin-right:90px;height:46px;line-height:46px;overflow:hidden;background: url(../images/choose-style.png) repeat-x left center;}
  40. .choose-style-tit span{position:absolute;top:0;left:50%;font-size:24px; transform:translateX(-50%);background:#f4f6f9;padding:0 25px;}
  41. .zj-btn{display: inline-block;margin-top: 26px; width: 140px;height: 40px;text-align: center;line-height: 40px;color: #fff;}
  42. .test-news{position: absolute;display: none; padding: 10px 16px; right: -165px;top:-50px; width:120px;/*height: 126px;*/ border-radius: 5px;z-index: 5;background-color: #4bb0af;color: #fff;}
  43. .test-news li{font-size: 14px;line-height: 18px;text-align: left;font-family: '宋体'; list-style: inside decimal;}
  44. .test-news:after{content: '';display: block;position: absolute;left: -40px;top: 50%; border-top:45px solid transparent;border-right:70px solid #4bb0af;border-bottom:0;border-left:0;transform:translateY(-50%) rotate(-11deg);-webkit-transform:translateY(-50%) rotate(-11deg);-moz-transform:translateY(-50%) rotate(-11deg);-ms-transform:translateY(-50%) rotate(-11deg);z-index: -1;}
  45. .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: #f4f6f9;color: #333;}
  46. .choose-subject{position: relative; margin-left:30px;display:inline-block;padding:0 10px;width:126px;border-radius:5px;color:#fff;background:#50d2c2;}
  47. .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;}
  48. .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;}
  49. .choose-subject div{position: absolute;top: 48px;left: 0; width: 146px;line-height:45px;background:#50d2c2; border-radius: 5px;overflow: hidden;display: none;}
  50. .choose-subject div span{padding: 0 10px; display: block;color: #fff;}
  51. /*.choose-subject div span:hover{background: #28a596;}*/
  52. .set-tests dl{padding-left: 30px;}
  53. .set-tests li{padding-left: 0px; list-style: inside cjk-ideographic; }
  54. .set-tests dd{padding-left: 35px;}
  55. .set-tests .core{margin:0 5px; width: 68px;height: 30px;text-align: center; border-radius: 5px;outline: none;}
  56. .set-tests p{position: absolute;bottom: 0;width: 100%; padding-left: 30px;height: 40px;line-height: 40px;color: #fff; box-sizing:border-box;}
  57. .set-tests p span{margin-right: 30px;font-size: 16px;}
  58. /*选择试卷结构end*/
  59. /*设置周周练试卷start*/
  60. .sec-papers{margin: 0 20px;/* width: 1866px;*/}
  61. .selBj{margin-right: 120px;}
  62. .paper-l{width: 15%;}
  63. .paper-l .ztree{height: 870px;border:1px solid #eee;overflow: auto; }
  64. .search-zj{display: block;margin-left: 10px; width: 140px;height: 40px;text-align: center;line-height: 40px; color: #fff;}
  65. .search-zjtext{padding-left: 10px; width: 224px; height: 38px;border-radius:5px ;border:1px solid #eee;}
  66. .cnodechoose{margin-left: 0;padding-left: 25px; width: 85%;line-height: 40px;border:0;box-sizing:border-box;}
  67. .cnodeul{padding: 0;min-height: 40px;}
  68. .cnodeul li{margin:0 38px; float: left;border-bottom: 0!important;;}
  69. .ztree li a.curSelectedNode{background:#50d2c2!important; }
  70. .choose-test table{font-size: 18px;}
  71. .choose-test ul>li{position: relative; margin-right:0 35px 15px 0; padding: 0 25px;line-height: 40px; text-align: center; background:#50d2c2;color: #fff; }
  72. .choose-test ul>li em{position: absolute;width: 18px;height: 18px;background: url(../images/closered.png) no-repeat;top: -9px;right: -9px; cursor: pointer;}
  73. .th-tit td{padding: 8px 30px;}
  74. .th-tit th{color: #fff;}
  75. .choose-test{margin-bottom: 10px;}
  76. .choose-test th{width: 130px;text-align: center;font-weight: normal;}
  77. .choose-test td{width: 1450px;}
  78. .choose-test ol{margin-bottom: 15px;}
  79. .choose-test .bg-eee{padding: 15px 30px; line-height: 50px;}
  80. .choose-test .bg-eee li{margin-right: 35px;margin-top: 5px; padding: 0 30px;background-color: #fff;line-height: 40px;cursor: pointer;}
  81. .choose-test .bg-eee .bg-gray{line-height: 50px;margin-top: 0;}
  82. .choose-test .bg-eee .bg-hot{color: #fff;}
  83. .orderh{background: url(../images/paixuh.png) no-repeat 71px center;}
  84. .choose-question{margin-bottom: 10px; background-color: #f4f6f9;border:1px solid #ccc;}
  85. .choose-question ul{position: relative;}
  86. .ellipsis-html{position: absolute;top: 45px;left: 20%;width:20%;line-height: 18px;font-size:12px;background: #50d2c2;color:#fff;word-break:break-all;border-radius: 5px;padding: 5px;}
  87. .choose-question li{margin-right: 90px;line-height: 60px;}
  88. .choose-question ul{padding-left: 25px;}
  89. .choose-question ul.options,.test-content ul.options{ margin-left: 20px;}
  90. .choose-question ul.options li,.test-content ul.options li{ list-style: upper-latin; line-height: 30px; }
  91. .choose-question ul.options li.selected,.test-content ul.options li.selected{ font-weight: bold; color: red; }
  92. .choose-question ul.options li.listType_0,.test-content ul.options li.listType_0{}
  93. .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;}
  94. .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;}
  95. .choose-question ul.options li.fillin{ list-style: decimal; line-height: 30px; }
  96. .question-cont{padding: 25px 0 25px 25px;background-color: #fff;}
  97. .question-cont-none{display: none;}
  98. .question-cont .tit{margin-top: 12px;}
  99. .question-cont .cont{margin-left: 40px;width:80%;}
  100. .question-cont .cont td,.question-cont .cont th{border:1px solid #ccc;text-align: center;}
  101. /*.question-cont .cont span{margin-right: 30px;}*/
  102. .add-question,.remove-question,.replace-question{padding-left: 25px;}
  103. .add-question a,.remove-question a,.replace-question a{margin:10px 10px 10px 0;width: 116px;text-align: center;box-sizing:border-box;}
  104. .keep-test{margin: 30px 0;text-align: center;}
  105. .keep-test a{margin:0 10px;}
  106. .topic-total{position: fixed;right: 160px;top: 200px;padding:0 5px 5px 5px; width: 208px;font-size: 12px; cursor:pointer;}
  107. .topic-total p{line-height: 40px;}
  108. .topic-total p a{margin: 5px 5px 0 0; padding: 0 10px;line-height: 26px;}
  109. .topic-total table{width: 206px;text-align: center; background-color: #fff;color: #333;}
  110. .topic-total td,.topic-total th{height: 30px;font-size: 12px; border:2px solid #959595;}
  111. .del-test{display: inline-block; width: 15px;height: 15px;background: url(../images/del_03.png) no-repeat;background-size:contain; cursor: pointer;}
  112. .error-correction{cursor: pointer;}
  113. /*弹出框*/
  114. .model-close{position: fixed;left: 0;top: 0;display: none;}
  115. .model-leave .txt-c,.model-error .txt-c{margin-bottom: 10px;}
  116. .model-leave p:nth-child(2),.model-error p:nth-child(2){margin-bottom: 50px;font-size: 20px;}
  117. .model-leave .txt-c a,.model-error .txt-c a{margin:0 8px;}
  118. .model-keep .title{margin:20px 0 30px 0;}
  119. .model-keep .title input{width: 300px;height: 35px;}
  120. .model-shadow{background: rgba(0,0,0,.6);}
  121. .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%);}
  122. .model-content p{margin-bottom: 20px; padding-left:25px; height: 50px;line-height: 50px;font-size: 16px;}
  123. .model-content p em{font-size: 35px;width: 50px;text-align: center;cursor: pointer;}
  124. .model-content ul{padding:0 40px 20px 30px; }
  125. .model-content li{line-height: 46px;}
  126. .model-content .error-test{position: relative;}
  127. .model-content .error-test:before{content: '*';display: block;position: absolute;left: -10px;top: 0;font-size: 18px; color: #f00;}
  128. .model-content input{vertical-align: middle;}
  129. .model-content label{margin-right: 10px;}
  130. .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;}
  131. .words-error{display: block;margin-left: 70px;line-height: 14px;}
  132. .model-change-test .model-content{padding: 0 30px; width: 1000px;height: 500px;overflow: auto;}
  133. .model-change-test .model-content>p:first-child{font-weight: bold;}
  134. /*.model-change-test em{position: absolute;right: 0;top: 0;}*/
  135. /*设置周周练试卷end*/
  136. /*编辑试卷start*/
  137. .editing-test{padding: 5px; height: 870px;border: 1px solid #eee;overflow: auto;color: #333;}
  138. .editing-test h3{margin-bottom: 5px; text-align: center;}
  139. .editing-test h3.bg-hot{height: 40px;line-height: 40px;}
  140. .editing-test h3.bg-gray,.editing-test dt,.editing-test .bg-gray{height: 30px;line-height: 30px;margin-bottom: 5px;}
  141. .editing-test dt{padding-left: 5px;}
  142. .editing-test dl{margin-bottom: 5px;cursor: pointer;}
  143. /*.editing-test dt{font-weight: bold}*/
  144. .editing-test dd{padding-left: 35px;line-height: 28px;}
  145. .editing-test font{margin: 0 5px;}
  146. .edit-paper-r .choose-question{margin-bottom: 10px;}
  147. /*编辑试卷end*/
  148. /*指定使用班级start*/
  149. .set-useclass{padding: 28px 100px 80px 20px;line-height: 40px; text-align: left;font-size: 18px;}
  150. .set-useclass dl{padding-left: 24px;margin-top: 21px;}
  151. .set-useclass dt span{width: 90px;}
  152. .set-useclass dd{padding-left: 90px;}
  153. .set-useclass dd label{margin-right: 45px;display: block;float: left;}
  154. /*指定使用班级end*/
  155. /*预览试卷*/
  156. .watch-test .paper-r{padding-top: 80px;/*margin-left: 120px; */width: 80%;}
  157. .set-test-name{text-align: center;}
  158. .test-score p{text-align: right;line-height: 26px;}
  159. .test-score p span{margin-left: 10px;}
  160. .test-score p input{margin:0 5px; width: 68px;height: 30px;outline: none;border:0;border-bottom:1px solid #333;text-align: center;}
  161. .test-content{margin-bottom: 50px;}
  162. .test-content dt{font-weight: bold;}
  163. .test-content dd{padding-left: 30px;/*line-height: 25px;*/}
  164. .change-cols>*{display: inline;margin-left: 3px;width:95%; vertical-align: top;/*padding-left:20px;*/}
  165. .change-cols>table{display: block;}
  166. .change-cols>*:first-child{padding:0;vertical-align: middle;}
  167. .change-cols img{vertical-align: middle;}