Página Inicial Explorar Ajuda
Registrar Entrar
jiapeng
/
portal-front
Observar 3
Favorito 0
Fork 0
Código Problemas 0 Pull Requests 0 Commits 371 Versões 0 Wiki

portal html css js resource

Árvore: 1518a5f6c9
Branches Tags
portal-front
/
css
/
popup.css

popup.css 13KB
Histórico Cru

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