portal html css js resource

popup.css 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
  4. #resouinforcon .frmtype,.subCla{width:80%;}
  5. .addIndusry,.addSubject{ width:16%; height:30px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px; margin-left:10px;cursor:pointer; }
  6. .deleteIndustry,.deleteSubject{ height:30px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font-size:14px;line-height:30px;color:#3e3e3e; margin:6px 0; margin-left:15px; float:left;cursor:pointer;padding:0 8px;}
  7. .removeNu{margin-left:5px;}
  8. .frmtype:focus{ border:1px solid #ff8500;}
  9. .frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:1px solid transparent; }
  10. .frmrbtn{ background:none; color:#303030; border:1px solid transparent; }
  11. .frmarea{ min-height:80px;}
  12. .updownbtn{text-decoration:underline; color:#333;}
  13. .blackcover{ width:100%; height:100%;overflow-x: hidden;overflow-y: auto; position:fixed; background:rgba(0,0,0,.6); z-index:1008; }
  14. .resoufrm p{ font-size:14px;}
  15. /*弹窗资源信息、申请信息*/
  16. .resouinfo{position:absolute;background:#fff;min-width:750px;border-radius:10px;padding:30px 20px;font-size:14px;z-index:1009; margin-bottom:40px; box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }
  17. .resoutit{padding: 0 20px;font-size:16px;line-height:40px;color: #606060; border-bottom:1px solid #ff9900; position:relative; font-weight:bold;}
  18. .resoutit .showinfor{ position:absolute; left:60px; top:2px; font-size:13px; font-weight:normal;}
  19. .resouinfotype{ font-weight:600; text-align:right;color: #555; min-width: 80px;}
  20. .resouinforcon{ padding:0 10px; width:100%; position:relative; max-width:560px;}
  21. .resoubox{ padding:20px; }
  22. .resoubox table{width:100%;}
  23. .resoubox .resoutab { width:400px;}
  24. .resoubox .btntab{ margin-top:20px;}
  25. .resoutab{ min-width:400px;}
  26. .resoutab tr td{ min-width:260px; padding:4px; line-height:30px; }
  27. .resoutab tr th{ line-height:30px;vertical-align: text-top;width:94px; padding:4px 0;}
  28. .requiredcon{ color:red; position:absolute;font-size:16px; top:0; right:0;}
  29. .resouimgbox{ width:220px; margin:10px;}
  30. .resouimgboxadd{ width:260px;}
  31. .resouimg{width:100%; height:240px; position:relative; overflow:hidden; }
  32. .resouup{width: 100%;height:100%;position: absolute; top:0;background-color: rgba(0,0,0,0.4);font-size:14px;line-height:240px;color: #fff; text-align:center;}
  33. #resouup{ width: 100%;height:100%;box-shadow: none;opacity:0; position: absolute;left:0;top:0px;cursor: pointer;}
  34. .resouimgmsg{ position: relative; top:10px;left:30px;font-size: 13px;color: #aaa;}
  35. /*资源图片上传*/
  36. .resouimgshow{width:100%; height:100%;}
  37. /*合作项目及评价*/
  38. .teamworkbox{ margin-top:20px;}
  39. .teamworktit{padding: 0 10px;font-size:16px;line-height:40px;color: #606060; border-bottom:1px solid #ff9900;}
  40. .teamwork{ overflow:hidden; padding-bottom: 10px; border-bottom:1px dashed #d6d6d6; }
  41. .teamwork .lefteva{ float:left; max-height:200px; width:20%; max-width:200px; text-align:center; margin-top:10px;}
  42. .teamwork .lefteva .evaimg{ display:block; width:50px; height:50px; overflow:hidden; border:1px solid transparent; margin:auto;}
  43. .teamwork .righteva{padding:10px; float:left; margin-left:20px; font-size:14px; width:78%; max-width:476px;}
  44. .teamwork .righteva .teamname{ position:relative;}
  45. .teamwork .righteva .teamname .teamtime{ position:absolute; right:0;}
  46. .teamwork .righteva .evastarbox{ overflow:hidden;}
  47. .teamwork .righteva .evastar{ display:block; width:19px; height:19px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -22px no-repeat;}
  48. .teamwork .righteva .evabrief{ display:block; margin-top:10px; max-height:80px; overflow:hidden; }
  49. .resoutit .stateinfor{ position:absolute; bottom:-20px; right: -28px;background: #ff9900; color: #fff; padding: 0 40px;border-radius: 20px 0 0 20px;z-index: 2; cursor:pointer;}
  50. .resoutit .stateinfor em{position: absolute;width: 0px; height: 0px;border-top: 0px solid rgb(180, 60, 6);border-bottom: 6px solid transparent;border-left: 8px solid rgb(180, 60, 6); border-right: 0px solid transparent;right: 0px; bottom: -6px;}
  51. .workclose{ position:absolute; top:0; right:-50px; display:block; width:20px; height:20px; background:url(../images/workclose.png) center center no-repeat; padding:20px;cursor:pointer; z-index:999;}
  52. .resoutab .workmsgbox td{padding:0; margin:0;}
  53. .workmsg{ clear:both;font-size:14px;line-height:26px; color:red; padding-left:20px; background:url(../images/info_warn.png) 0 center no-repeat; }
  54. /*//资源申请*/
  55. .resouapply{position:absolute; background:#fff;border-radius:10px;padding:20px;font-size:14px;z-index:1009; margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555;}
  56. .resouapply .resoushowimg{width:100%; border:1px solid #d6d6d6; height:200px; position:relative; overflow:hidden; }
  57. .resouapply .resouimg2{ height:200px;}
  58. .resoufrm .worktit{ position:relative; width:100%;border-bottom:1px solid #d6d6d6; padding:10px; font-size:16px; }
  59. .resoufrm .worktit .uploadbtn{ position:absolute; bottom:11px; left:80px; font-size:13px; color:#ff9900;}
  60. .filebox{ padding:10px; margin:10px 0;}
  61. .fileitem{ margin:10px;}
  62. .filename{ margin-left:10px;}
  63. .fileicon{ background:url(../images/filetype.png) center center no-repeat; width:20px; height:20px; }
  64. .filebtn{ padding:0 10px; cursor:pointer; }
  65. .filedownbtn{ color:#ff9900; text-decoration:underline;}
  66. .fibepople{ margin-right:60px;}
  67. /*评价*/
  68. .commentinfo{position:absolute;background:#fff;border-radius:10px;padding:20px;font-size:14px; z-index:1009; margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }
  69. .commentinfo .wordlimit{ font-size:12px; color:#999; text-align:right;}
  70. .commentbox{ padding:20px; }
  71. .commentbox table{width:640px;}
  72. .commentcon tr td{ width:90%;max-width:400px; padding:4px 0;}
  73. .commentcon tr th{ width:10%; vertical-align: text-top; padding:4px 0;}
  74. .noconmment{ line-height:120px;}
  75. .evastarbox2{ overflow:hidden;}
  76. .evastar2{ display:block; width:19px; height:19px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -25px no-repeat;}
  77. /*留言*/
  78. .guestbookinfo{position:absolute;background:#fff;border-radius:10px;padding:20px;font-size:14px; z-index:1009; margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555;}
  79. .guestbookinfo .wordlimit{ font-size:12px; color:#999;}
  80. .guestbookcon{padding:20px; width:600px; margin:auto;}
  81. .guestcon{ padding:20px 0;max-height:240px;overflow-x:hidden; overflow-y:visible ; }
  82. .guestconitem{ padding:10px 0; overflow:hidden; margin-bottom:10px;border-bottom:1px dashed #d6d6d6;}
  83. .guestconitem:nth-child(odd){ background:#f8f8f8;}
  84. .guestcon .lefteva{ float:left; max-height:200px; width:20%; max-width:200px; text-align:center; margin-top:10px;}
  85. .guestcon .lefteva .evaimg{ display:block; width:80px; height:80px; overflow:hidden; border:1px solid #d6d6d6; margin:auto;}
  86. .guestcon .righteva{padding:0 10px; float:left; margin-left:20px; width:79%; max-width:480px;}
  87. .guestcon .righteva .guestname{ position:relative;}
  88. .guestcon .righteva .guestname .guesttime{ position:absolute; right:0;}
  89. .guestcon .righteva .evabrief{ display:block; margin-top:10px; max-height:80px; overflow:hidden; }
  90. /*款项记录*/
  91. .paymentinfo{position:absolute; background:#fff;border-radius:10px;padding:20px;font-size:14px;z-index:1009; margin-bottom:40px; box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555;}
  92. .paymentbox{ padding:20px;}
  93. .payaddbox{ width:640px; margin:auto; margin-top:20px;padding:20px 40px; background:#f8f8f8;}
  94. .payaddbox table{ width:100%;}
  95. .payaddbox table tr th{ text-align:right;}
  96. .payaddbox table tr td{ padding:4px 0; }
  97. .paymentbox table{width:760px; margin-bottom:20px;}
  98. .paymentbox table tr{border-bottom:1px dotted #ccc; }
  99. .paymentbox table tr:nth-child(1){border-bottom:none;}
  100. .paymentbox table tr th{ background:#ff9900;color:#fff;}
  101. .paymentbox table tr th,.paymentbox table tr td{ padding:10px 4px; text-align:center; }
  102. .paymentbox table .paytit th{ background:#ff9900; color:#fff;}
  103. .paybtn{ position:absolute; left:100px; top:0px; font-size:14px; cursor:pointer; color:#ff9900; }
  104. /*详细信息*/
  105. .resoudetailinfo{position:absolute;margin-top:40px; background:#fff; font-size:14px;border-radius:10px;padding:20px;margin-bottom:40px;z-index:1900;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555;}
  106. .resoudetailinfo .resouimgbox1{ width:220px; margin:10px;}
  107. .resoudetailinfo .resoushowimg1{width:200px; border:1px solid #d6d6d6; height:200px;overflow:hidden;}
  108. .resoudetailinfo .resoutab1{ width:400px;}
  109. .resoudetailinfo .resoutab1 tr td{ min-width:200px; padding:4px;line-height:30px; }
  110. .resoudetailinfo .resoutab1 tr th{ line-height:30px;vertical-align: text-top; padding:4px 0;}
  111. .paymentbox1{ padding:20px;}
  112. .payaddbox1{ width:580px; margin:auto; margin-top:20px;padding:10px; background:#f8f8f8;}
  113. .payaddbox1 table{ width:100%;}
  114. .payaddbox1 table tr th{ text-align:right;}
  115. .payaddbox1 table tr td{ padding:4px 0; }
  116. .paymentbox1 table{width:640px; margin-bottom:20px; text-align:center;}
  117. .paymentbox1 table tr{border-bottom:1px dotted #ccc; }
  118. .paymentbox1 table tr:nth-child(1){border-bottom:none;}
  119. .paymentbox1 table tr th{ background:#f2f2f2;}
  120. .paymentbox1 table tr th,.paymentbox1 table tr td{ padding:10px 4px; text-align:center; }
  121. .paymentbox1 #paytit tr td:nth-child(even){background:#f6f6f6;}
  122. .paymentbox1 table .paytit th{ background:#ff9900; color:#fff;}
  123. .combtn{color:#ff9900; cursor:pointer;}
  124. /*//咨询申请*/
  125. .consultapply{position:absolute;border-radius:10px; min-width: 700px;margin-top:40px;margin-bottom:40px; font-size:14px; background:#fff;padding:20px;z-index:1009; box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555;}
  126. .consultinfo{ padding:10px 20px; max-width:680px; overflow:hidden;}
  127. .consultleft{ width:33%; margin-right:20px;}
  128. .consultleft .proheadbox{ width:140px; height:140px; margin:auto; margin-bottom:10px; }
  129. .consultleft .prohead{ width:100px; height:100px; overflow:hidden; margin:auto;}
  130. .consultleft .phh5{font-size: 13px;line-height: 24px;color: #999;width: 110px;text-align: center;margin: auto;overflow: hidden; }
  131. .consultmenu{ margin:10px 0;}
  132. .consultmenu .menutit{ font-size:16px;line-height:40px; border-bottom:1px solid #ff9900;}
  133. .consultmenu .menucon{ padding:10px;}
  134. .consultmenu .menucon li{ padding:8px 30px;cursor:pointer; font-size:14px;line-height:20px; border-bottom:1px solid #d6d6d6;}
  135. .consultmenu .menucon .clicknow{ background: url(../images/choiceIcon.png) 12px 11px no-repeat #ff9900; color:#fff;}
  136. .consultmenu .pripolicy{ padding:10px; background:#eee; border-radius: 6px;text-align:center;}
  137. .consultmenu .pripolicy h3{ font-size:14px; line-height:30px;}
  138. .consultmenu .pripolicy p{ font-size:13px; text-align:justify; text-indent:1.5em;}
  139. .consultright{ width:60%; margin-left:20px; padding:10px;}
  140. .consultright .probrief {height:130px;overflow:hidden;}
  141. .probrief .proname .name{ text-align:left;font-size:20px;line-height:40px;color:#333;}
  142. .probrief .proname .modifyicon{ margin-left:6px; margin-top:-10px;}
  143. .probrief .phh2{font-size:16px;line-height:30px; color:#333; }
  144. .probrief .phh4{font-size:14px;line-height:20px; color:#666; }
  145. .sendmsg {}
  146. .sendmsg .sendmsgtit{font-size:18px;line-height:40px; border-bottom: 1px solid #ff9900; margin:10px 0;}
  147. .sendmsg .sendmsgcon{}
  148. .sendmsg .sendmsgcon li{ padding:4px 0; font-size:14px;line-height:20px; }
  149. .sendmsg .sendmsgcon li span{ color:red; margin-right:6px;}
  150. .sendmsg .sendmsgcon li textarea{ min-height:120px;}
  151. .sendmsg .sendmsgcon .rightline{ text-align:right; font-size:13px;}
  152. /*//咨询专家评价*/
  153. .concombox{position:absolute;background:#fff;border-radius:10px;padding:20px;font-size:14px; z-index:1009; margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }
  154. .concombox .wordlimit{ font-size:12px; color:#999; text-align:right;}
  155. .commentbox2{ padding:20px; }
  156. .commentbox2 table{width:500px;}
  157. .commentcon2 tr td{ width:90%;max-width:400px; padding:4px 0;}
  158. .commentcon2 tr th{ width:10%;}
  159. /*textare盒子*/
  160. .limitBox{/* height:540px; */}
  161. .limitwordbox{ position: absolute; width: 540px; text-align: justify;}
  162. .limitwords{position: absolute; width: 100%; overflow: hidden;}
  163. /* 咨询申请中显示星级样式 */
  164. #starLevel .addStar {
  165. background: url(../images/evastar.png) 0 -3px no-repeat;
  166. }
  167. .addStar {
  168. background: url(../images/evastar.png) 0 -3px no-repeat;
  169. }