task.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. /*任务大厅专属样式*/
  2. .taskcap{float:left;width:940px;margin:10px 0 0 10px;height:50px;text-align:center;font-size:14px;color:#8194A1;background-color:#FCFDFE;}
  3. .taskcap li{float:left;padding:15px 0 0 0;}
  4. .taskcap .l0{width:27px;text-align:left;padding:16px 0 0 8px;}
  5. .taskcap .l0 input{float:left;width:16px;height:16px;}
  6. .taskcap .l1{width:387px;text-align:left;}
  7. .taskcap .l2{width:120px;}
  8. .taskcap .l3{width:80px;}
  9. .taskcap .l4{width:110px;}
  10. .taskcap .l5{width:110px;}
  11. .taskcap .l6{width:98px;text-align:center;}
  12. .taskcap .l7{width:220px;}
  13. .tasklist{float:left;width:940px;margin:0 0 0 10px;padding:10px 0 0 0;height:93px;text-align:center;color:#8194A1;border-bottom:#F5F6FA solid 1px;}
  14. .tasklist li{float:left;}
  15. .tasklist .l0{width:27px;text-align:left;padding:2px 0 0 8px;}
  16. .tasklist .l0 input{float:left;width:16px;height:16px;}
  17. .tasklist .l1{width:357px;text-align:left;padding-right:30px;}
  18. .tasklist .l1 a{color:#000;font-size:15px;float:left;width:350px;height:18px;overflow:hidden;}
  19. .tasklist .l1 a:hover{color:#ff6600;}
  20. .tasklist .l1 .zt{float:left;clear:both;margin:15px 0 0 0;}
  21. .tasklist .l1 .zt span{padding:1px 10px 2px 10px;border-radius:10px;}
  22. .tasklist .l1 .zt .zt0{color:#fff;background-color:#5D9CEC;}
  23. .tasklist .l1 .zt .zt2{color:#fff;background-color:#FF0000;}
  24. .tasklist .l1 .zt .zt1{color:#fff;background-color:#ff6600;}
  25. .tasklist .l1 .zt .zt3{color:#fff;background-color:#008800;}
  26. .tasklist .l1 .zt .zt4{color:#fff;background-color:#FF6838;}
  27. .tasklist .l1 .zt .zt5{color:#fff;background-color:#2255DD;}
  28. .tasklist .l1 .zt .zt8{color:#fff;background-color:#FF0000;}
  29. .tasklist .l1 .zt .zt100{color:#fff;background-color:#FF0000;}
  30. .tasklist .l1 .zt .zt101{color:#fff;background-color:#008800;}
  31. .tasklist .l1 .zt .zt105{color:#fff;background-color:#ff6600;}
  32. .tasklist .l1 .sj{float:left;clear:both;margin:15px 0 0 0;color:#BFBFC0;background:url(../img/sj.png) no-repeat;background-position:0 1px;padding:0 0 0 20px;}
  33. .tasklist .l2{width:120px;color:#FB6E52;}
  34. .tasklist .l2 strong{font-size:22px;font-weight:100;}
  35. .tasklist .l2 .zb{float:left;width:118px;font-size:14px;margin:10px 0 0 0;padding:5px 0 4px 0;text-align:center;border:#FF6838 dotted 1px;}
  36. .tasklist .l3{width:80px;}
  37. .tasklist .l3 strong{font-size:22px;font-weight:100;}
  38. .tasklist .l4{width:110px;}
  39. .tasklist .l4 strong{font-size:22px;font-weight:100;}
  40. .tasklist .l5{width:110px;}
  41. .tasklist .l5 strong{font-size:22px;font-weight:100;}
  42. .tasklist .l6{width:98px;padding:3px 0 0 0;}
  43. .tasklist .l6 .btna{float:left;margin:0 0 5px 9px;width:80px;color:#fff;padding:3px 0 0 0;height:19px;}
  44. .tasklist .l6 .btna:hover{text-decoration:none;}
  45. .tasklist .l6 .btna1{background-color:#FF6838;}
  46. .tasklist .l6 .btna2{background-color:#F7BF3A;}
  47. .tasklist .l6 .btna3{background-color:#1AA094;}
  48. .tasklist:hover{background:rgba(252,253,254,1);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}
  49. .tasklist .l7{width:220px;}
  50. .tasklist .l7 .s1{float:left;width:220px;text-align:center;}
  51. .tasklist .l7 .s1 strong{font-size:22px;font-weight:100;color:#FB6E52;}
  52. .tasklist .l7 .s2{float:left;width:100px;height:5px;background-color:#EEEEF4;margin:15px 55px 0 55px;}
  53. .tasklist .l7 .s3{float:left;height:5px;background-color:#00AFEB;clear:both;margin:-5px 0 0 55px;}
  54. .tasklist .l7 .s4{float:left;width:220px;text-align:center;margin:10px 0 0 0;}
  55. .taskhfcap{float:left;width:940px;margin:10px 0 0 10px;height:50px;text-align:center;font-size:14px;color:#8194A1;background-color:#FCFDFE;}
  56. .taskhfcap li{float:left;padding:15px 0 0 0;}
  57. .taskhfcap .l0{width:27px;text-align:left;padding:16px 0 0 8px;}
  58. .taskhfcap .l0 input{float:left;width:16px;height:16px;}
  59. .taskhfcap .l1{width:372px;text-align:left;}
  60. .taskhfcap .l2{width:120px;}
  61. .taskhfcap .l3{width:120px;}
  62. .taskhfcap .l4{width:160px;}
  63. .taskhfcap .l5{width:118px;text-align:center;}
  64. .taskhflist{float:left;width:940px;margin:0 0 0 10px;padding:10px 0 0 0;height:93px;text-align:center;color:#8194A1;border-bottom:#F5F6FA solid 1px;}
  65. .taskhflist li{float:left;}
  66. .taskhflist .l0{width:27px;text-align:left;padding:2px 0 0 8px;}
  67. .taskhflist .l0 input{float:left;width:16px;height:16px;}
  68. .taskhflist .l1{width:344px;text-align:left;padding-right:30px;}
  69. .taskhflist .l1 a{color:#000;font-size:15px;float:left;width:350px;height:18px;overflow:hidden;}
  70. .taskhflist .l1 a:hover{color:#ff6600;}
  71. .taskhflist .l1 .sj{float:left;clear:both;margin:15px 0 0 0;color:#BFBFC0;background:url(../img/sj.png) no-repeat;background-position:0 1px;padding:0 0 0 20px;}
  72. .taskhflist .l2{width:120px;}
  73. .taskhflist .l2 strong{font-size:22px;font-weight:100;}
  74. .taskhflist .l3{width:120px;color:#FB6E52;}
  75. .taskhflist .l3 strong{font-size:22px;font-weight:100;}
  76. .taskhflist .l4{width:160px;}
  77. .taskhflist .l4 .s1{float:left;width:88px;font-size:14px;margin:0 0 0 35px;padding:5px 0 4px 0;text-align:center;border:#FF6838 dotted 1px;color:#FF6838;}
  78. .taskhflist .l4 .s2{float:left;width:160px;margin:10px 0 0 0;}
  79. .taskhflist .l4 .zt{float:left;width:128px;font-size:14px;margin:0 0 0 15px;padding:5px 0 4px 0;text-align:center;border:#CECECE dotted 1px;}
  80. .taskhflist .l5{width:118px;padding:3px 0 0 0;}
  81. .taskhflist .l5 .btna{float:left;margin:0 0 5px 19px;width:80px;color:#fff;padding:3px 0 0 0;height:19px;}
  82. .taskhflist .l5 .btna:hover{text-decoration:none;}
  83. .taskhflist .l5 .btna1{background-color:#FF6838;}
  84. .taskhflist .l5 .btna2{background-color:#F7BF3A;}
  85. .taskhflist .l5 .btna3{background-color:#1AA094;}
  86. .taskhflist:hover{background:rgba(252,253,254,1);-webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear;}
  87. .taskmain{float:left;margin:20px 0 0 10px;width:936px;text-align:left;border-bottom:#E3E3E4 solid 1px;border-right:#E3E3E4 solid 1px;}
  88. .taskmain li{float:left;padding-top:10px;height:27px;border-top:#E3E3E4 solid 1px;border-left:#E3E3E4 solid 1px;}
  89. .taskmain .l1{width:100px;text-align:center;background-color:#F3F6FB;}
  90. .taskmain .l2{width:824px;padding-left:10px;}
  91. .taskmain .l3{width:200px;padding-left:10px;}
  92. .taskmain .l4{width:100px;text-align:center;background-color:#F3F6FB;height:auto;padding:10px 0;}
  93. .taskmain .l5{width:814px;padding:10px;height:auto;}
  94. .taskbjcap{float:left;width:940px;margin:10px 0 0 10px;height:40px;text-align:center;font-size:14px;color:#8194A1;background-color:#F0F4FC;}
  95. .taskbjcap li{float:left;padding:10px 0 0 0;}
  96. .taskbjcap .l1{width:210px;text-align:left;padding-left:10px;}
  97. .taskbjcap .l2{width:120px;}
  98. .taskbjcap .l3{width:100px;}
  99. .taskbjcap .l4{width:100px;}
  100. .taskbjcap .l5{width:150px;}
  101. .taskbjcap .l6{width:150px;}
  102. .taskbjcap .l7{width:100px;text-align:center;}
  103. .taskbj{float:left;width:940px;margin:0 0 0 10px;height:40px;text-align:center;font-size:14px;}
  104. .taskbj li{float:left;padding:10px 0 0 0;}
  105. .taskbj .l1{width:210px;text-align:left;padding-left:10px;color:#000;}
  106. .taskbj .l2{width:120px;color:#FB6E52;padding-top:7px;}
  107. .taskbj .l2 strong{font-size:17px;font-weight:100;}
  108. .taskbj .l3{width:100px;color:green;padding-top:7px;}
  109. .taskbj .l3 strong{font-size:17px;font-weight:100;}
  110. .taskbj .l4{width:100px;color:red;padding-top:7px;}
  111. .taskbj .l4 strong{font-size:17px;font-weight:100;}
  112. .taskbj .l5{width:150px;}
  113. .taskbj .l6{width:150px;}
  114. .taskbj .l7{width:100px;text-align:center;padding-top:8px;}
  115. .taskbj .l7 .btna1{float:left;margin:0 0 5px 9px;width:80px;padding:1px 0 0 0;height:20px;border:#E8E8E8 solid 1px;border-radius:10px;}
  116. .taskbj .l7 .btna1:hover{color:#ff6600;text-decoration:none;border:#ff6600 solid 1px;}
  117. .taskbj .l7 .btna2{float:left;margin:0 0 5px 9px;width:80px;padding:2px 0 0 0;height:21px;color:#fff;background-color:#34A8FF;border-radius:10px;}
  118. .taskbj .l7 .btna2:hover{text-decoration:none;}
  119. .taskbjsm{float:left;margin:0 0 0 10px;padding:9px;width:922px;background-color:#FCFDFE;border-radius:5px;color:#999;}
  120. .taskxx{float:left;width:940px;margin:10px 0 0 10px;border-bottom:#F5F6FA solid 1px;}
  121. /*多人任务接手列表*/
  122. .taskbjcap1{float:left;width:940px;margin:10px 0 0 10px;height:40px;text-align:center;font-size:14px;color:#8194A1;background-color:#F0F4FC;}
  123. .taskbjcap1 li{float:left;padding:10px 0 0 0;}
  124. .taskbjcap1 .l1{width:210px;text-align:left;padding-left:10px;}
  125. .taskbjcap1 .l2{width:120px;}
  126. .taskbjcap1 .l3{width:150px;}
  127. .taskbjcap1 .l4{width:150px;}
  128. .taskbjcap1 .l5{width:150px;}
  129. .taskbjcap1 .l6{width:150px;text-align:center;}
  130. .taskbj1{float:left;width:940px;margin:0 0 0 10px;height:40px;text-align:center;font-size:14px;}
  131. .taskbj1 li{float:left;padding:10px 0 0 0;}
  132. .taskbj1 .l1{width:210px;text-align:left;padding-left:10px;color:#000;}
  133. .taskbj1 .l2{width:120px;color:#FB6E52;padding-top:7px;}
  134. .taskbj1 .l2 strong{font-size:17px;font-weight:100;}
  135. .taskbj1 .l3{width:150px;}
  136. .taskbj1 .l4{width:150px;}
  137. .taskbj1 .l5{width:150px;}
  138. .taskbj1 .l6{width:150px;text-align:center;padding-top:11px;}
  139. .taskbj1 .l6 .btna1{padding:1px 10px 0 10px;height:20px;border:#E8E8E8 solid 1px;border-radius:10px;}
  140. .taskbj1 .l6 .btna1:hover{color:#ff6600;text-decoration:none;border:#ff6600 solid 1px;}
  141. .taskbj1 .l6 .btna2{float:left;margin:0 0 5px 0;width:80px;padding:2px 0 0 0;height:21px;color:#fff;background-color:#34A8FF;border-radius:10px;}
  142. .taskbj1 .l6 .btna2:hover{text-decoration:none;}
  143. .taskbjsm{float:left;margin:0 0 0 10px;padding:9px;width:922px;background-color:#FCFDFE;border-radius:5px;color:#999;}
  144. .taskxx{float:left;width:940px;margin:10px 0 0 10px;border-bottom:#F5F6FA solid 1px;}
  145. .taskgtlist{float:left;width:938px;margin:10px 0 0 10px;border:#9ABCE9 solid 1px;background-color:#fff;}
  146. .taskgtlist .cap{float:left;padding-top:6px;height:21px;font-weight:700;width:938px;font-size:14px;background-color:#F5F6FA;border-bottom:#E1E6EB solid 1px;}
  147. .taskgtlist .u1{float:left;padding:17px 0 13px 0;margin:0 20px;width:898px;border-bottom:#BCBCBC dotted 1px;}
  148. .taskgtlist .u1 li{float:left;}
  149. .taskgtlist .u1 .l1{width:75px;text-align:center;}
  150. .taskgtlist .u1 .l2{width:823px;line-height:18px;}
  151. .taskgtlist .u2{float:left;margin:20px 0 0 0;width:938px;font-size:14px;}
  152. .taskgtlist .u2 li{float:left;}
  153. .taskgtlist .u2 .l1{width:98px;text-align:right;padding:13px 10px 0 0;height:465px;}
  154. .taskgtlist .u2 .l2{width:810px;height:465px;padding:13px 20px 0 0;}
  155. .taskgtlist .u2 .l2 li{float:none;}
  156. .taskgtlist .u2 .l3{width:830px;height:60px;padding:10px 0 0 108px;}
  157. .ftjbtn{float:left;margin:20px 0 0 303px;clear:both;width:657px;}