Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
jiapeng
/
portal-front
Vērot 3
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 4 Laidieni 0 Vikivietne

portal html css js resource

Koks: 699d98cc2e
Atzari Tagi
portal-front
/
css
/
index.css

index.css 33KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421 
  1.  @charset "utf-8";
  2. /* CSS Document */
  4. html, body{}
  5. input{ outline:none;}
  6. .emspace{letter-spacing: 2em; }
  8. /*banner部分*/
  9. #banner{ height:auto; position:relative;}
  10. .banner img{width:100%; height:500px;}
  11. .theme{ width:100%; height:236px; position:absolute; top:40%;}
  12. .theme h1{font-size:60px;line-height:80px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
  13. .theme h2{font-size:30px;line-height:50px; color:#fff; text-align:center; text-shadow:0px 0px 10px #2d2524;}
  14. .main-search{ width:670px; height:40px;border-radius:6px;box-shadow: 0px 0px 10px rgba(45, 38, 37, 0.6);margin:auto; margin-top:60px; position:relative}
  15. .main-search .lookwho{outline:none;position:absolute; height:40px; width:100px;border:none; box-shadow: 0px 0px 3px #ccc inset;border-radius:6px 0 0 6px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; font-size:15px;line-height:38px; color:#ff9900;}
  17. .simuselect{position:relative;}
  18. .ulbox{ width:100px; height:40px;cursor:pointer; position:relative;} 
  19. .lishow{background:#fff;overflow: hidden; border-radius:0 0 6px 6px;position:absolute; top:34px; width:99px;/* box-shadow: 0px 0px 3px #ccc inset;  */z-index: 20;display:none;} 
  20. .lishow li{ line-height:30px; list-style:none; padding:2px 16px;color:#888; margin-top:1px;cursor: pointer;} 
  21. .lishow li:hover{ background:#f0f0f0;} 
  23. .sear-txt{ width:530px; height:40px; background:#fff; border:none;  border-radius: 6px 0 0 6px; float:left;font-size:15px;line-height:40px; padding-left:120px; color:#a3a3a3;}
  24. .sear-btn{ width:140px; height:41px; background:#ff9900; border-radius: 0 6px 6px 0; float:left; cursor:pointer;font-size:16px;line-height:40px; color:#fff; text-align:center; }
  25. /*寻找专家流程*/
  26. .process{ width:806px; height:205px; margin:auto;}
  27. .process1{width:126px; height:144px; float:left; margin-top:40px;}
  28. .process-icon1{ display:block; width:71px; height:64px; background:url(../images/steps01.png) no-repeat; margin:auto;}
  29. .process-icon2{ display:block; width:67px; height:64px; background:url(../images/steps02.png) no-repeat; margin:auto;}
  30. .process-icon3{ display:block; width:67px; height:64px; background:url(../images/steps03.png) no-repeat; margin:auto;}
  31. .process-icon4{ display:block; width:70px; height:64px; background:url(../images/steps04.png) no-repeat; margin:auto;}
  32. .hh3{font-size:18px;line-height:30px; color:#333; text-align:center; }
  33. .process p{font-size:14px;line-height:20px; color:#888; text-align:center;  }
  34. .nextR{ width:100px; height:205px; float:left; background:url(../images/nextR.png) no-repeat center center; }
  35. /*热门领域*/
  36. .hot-field{ width:100%;  background:url(../images/fieldbg.jpg) no-repeat; background-size:100% 100%;padding:40px 0;}
  37. .hh4{width:180px;margin:auto;border:2px #fff solid; border-radius:6px;font-size:20px;line-height:32px; color:#fff; text-align:center; }
  38. .field-box{ width:856px;overflow:hidden; margin:20px auto;}
  39. .field{ /*width:164px; height:140px;*/ padding:10px 25px; float:left;}
  40. .field-name{ display:block; width:164px;font-size:16px;line-height:40px; color:#fff; text-align:center;}
  41. .field-icon{ display:block; width:100px; height:100px; border-radius:50%; margin:auto;}
  42. .field-name:hover{color:#fff;}
  43. .field-icon1{ background:url(../images/fieldIcon/field20.png) no-repeat center center;}
  44. .field-icon2{ background:url(../images/fieldIcon/field11.png) no-repeat center center;}
  45. .field-icon3{ background:url(../images/fieldIcon/field16.png) no-repeat center center;}
  46. .field-icon4{ background:url(../images/fieldIcon/field04.png) no-repeat center center;}
  47. .field-icon5{ background:url(../images/fieldIcon/field18.png) no-repeat center center;}
  48. .field-icon6{ background:url(../images/fieldIcon/field07.png) no-repeat center center;}
  49. .field-icon7{ background:url(../images/fieldIcon/field02.png) no-repeat center center;}
  50. .field-icon8{ background:url(../images/fieldIcon/field05.png) no-repeat center center;}
  51. .more{position: relative; display:block; width:132px; height:35px; margin:auto;font-size:14px;line-height:32px;padding:0 30px; color:#fff;}
  52. .more em{ position: absolute; top: 50%;margin-top: -9px; margin-left: 4px;width: 16px; height: 16px; background:url(../images/more-white.png) center center no-repeat;background-size:100% 100%;}
  53. .hot-field .more{ color:#fff;}
  54. /*热门专家*/
  55. .hot-professor{ width:100%;  padding: 40px 0; }
  56. .hot-professor h4{border:1px #ff9900 solid;color:#ff9900;}
  57. .hot-professor .more{border:1px #ff9900 solid;color:#ff9900;}
  58. .professor-box{ width:900px; height:610px; margin:20px auto;}
  59. .professor{ width:175px; height:255px; border-radius:6px; overflow:hidden; position:relative; float:left; margin:25px;}
  60. .professor img{width:175px; height:255px;}
  61. .professor-data{ width:100%; height:300px; position:absolute; font-size:14px;line-height:16px; text-align:center; color:#fff;top:58%; background:url(../images/p-bg.png) no-repeat;padding:25px 0; }
  62. .professor-data h5{font-size:20px;line-height:30px; }
  63. .process-resear{ list-style:inside; padding:8px;font-size:12px;line-height:16px; text-align:left; }
  65. /*搜索页*/
  66. .content{ width:100%; height:auto; background:#f8f8f8; padding:60px 0 2px 0; }
  67. .content-in{ width:1050px;/*min-height:300px;*/ margin:auto;padding-bottom:20px;}
  68. .sear-search{ width: 774px;height: 38px;border: 2px solid #ff9900;border-radius: 6px; margin: 20px 0;}
  69. .sear-search .lookwho{border-right: 2px #ff9900 solid;font-size:15px;color:#ff9900;line-height:34px; height:34px; width:100px; border:none; border-right: 2px #ff9900 solid;border-radius:4px 0 0 4px; background:url(../images/downselect.png) no-repeat 70px center #fff; padding-left:16px; }
  70. .sear-search .lishow{background: #fff; overflow: hidden;border-radius: 0 0 6px 6px; position: absolute;top: 32px;left: -2px;width: 102px;border: 2px solid #ff9900; border-top: none;z-index: 20; display: none;}
  71. .sear-search .lookwho:focus{ border:none;}
  72. .sear-search .sear-txt{ width:530px; height:34px; background:#fff; border:none; border-radius:0; float:left;font-size:15px;line-height:34px;padding-left:20px; color:#888;}
  73. .sear-search .sear-btn{ width:140px; height:34px; background:#ff9900; border-radius:0; float:left; cursor:pointer;font-size:15px;line-height:34px; color:#fff; text-align:center; }
  75. /*搜索分类*/
  76. .classify{ width:100%;border:1px #f0f0f0 solid; margin-top:10px;border-radius: 6px;background: #fff; }
  77. .class1{ width:100%; height:48px; overflow:hidden; position:relative; border-bottom:1px #efefef solid;}
  78. .class1:nth-child(even){background:#f8f8f8;}
  79. .class1:last-child{border-bottom:none;}
  80. .title{ padding:0 15px; float:left;font-size:15px;line-height:48px; color:#333;}
  81. .area-con{ float:left; width:83%;/* border:1px solid red; */overflow:hidden; margin:6px 0;}
  82. .class1 a{ padding:0px 10px; float:left;font-size:14px;line-height:30px; color:#333;margin: 4px 2px;/*  margin-right:15px; */}
  83. .class1 a:hover{color:#fff; background:#ff9900;}
  84. .class1 .colorbg{ color:#fff; background:#ff9900;}
  85. .andmore{ display:block; width:100px;font-size:14px;line-height:50px; color:#333; padding:0 28px; position:absolute;right:0; cursor:pointer;}
  86. .updown{ display:block; width:12px; height:12px; background:url(../images/UpDown.png) 0 center no-repeat;  float:right; margin-top:19px;}
  87. /*搜索内容*/
  88. .about{ width:100%; border-top:1px #e2e2e2 solid; padding:5px 0;}
  89. .aboutcenter{ width:1050px;height:auto; margin:auto; }
  90. .abouttab{ width:100%; margin:10px 0; border-bottom:1px solid #ccc; border-radius:6px; }
  91. .tabbtn{ font-weight:bold; position:relative;z-index:20;font-size:16px; letter-spacing:0.2em; float:left; padding:16px; width:100px; text-align:center; border-radius:6px 6px 0 0; top: 1px;color:#ff9900; cursor:pointer; margin-left:6px; }
  92. .tabcurrent{ border:1px solid #ccc; border-bottom-color:#fff;background:#f8f8f8;}
  93. .abouttablist{ margin-bottom:40px;}
  94. .aboutcon{ display:none;}
  95. .aboutcon:first-child{ display:block;}
  96. .about-in{ overflow:hidden;  width:100%;height:auto; margin:auto; margin-top:10px;}
  97. .item{ width:99%;overflow: hidden; background:#f8f8f8; border:1px #f0f0f0 solid;/*box-shadow:1px 1px 1px #ff9900 inset;*/ border-radius:6px; margin:10px auto; position:relative;min-height:120px; }
  98. .operbox{float: left;position: absolute;padding: 10px 20px;margin: 20px;right: 10px; top:50%; margin-top:-20px;}
  99. .operbtn{ padding:4px 20px; font-size:13px; margin:0 2px; border: 1px solid #efefef;border-radius: 6px; background:#ff9900; color:#fff; cursor:pointer;}
  100. .photo1{width:100px;height:100px;margin:20px;float:left; overflow:hidden;}
  101. .item:hover{/* border:1px solid #ff9900; */ box-shadow: 0 1px 6px 2px #e0e0e0;}
  103. /*专家简介*/
  104. .synopsis{ float:left; padding:10px 0; width:74%;line-height:24px;cursor: pointer;}
  105. .named{display:block;font-size:18px; color:#333; float:left;}
  106. .named:hover,.named:focus,.named:active{color:#333; text-decoration:none;}
  107. .modify{ display:block; width:16px; height:16px; background:url(../images/onauth.png) center center no-repeat; background-size:100% 100%; float:left; margin:2px;}
  108. .position{ clear:both;font-size:16px;  color:#777; }
  109. .science{font-size:14px; color:#999;}
  110. .ellipsisbox p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  111. .industry,.address{font-size:14px; color:#999;  }
  113. .proModify{width: 20px;height: 20px;margin: 14px 4px;}
  114. .proEdit{margin: 12px 6px;}
  115. .proName{font-size:20px; line-height:46px;}
  116. .proPosition{font-size:18px; line-height:34px;}
  117. .proScience{font-size:16px; line-height:34px;}
  118. .proAddress{font-size:16px; line-height:30px;}
  119. /*资源简介*/
  120. .remess{ cursor:pointer;}
  121. .resourcephoto{width:100px;height:100px;margin:20px;float:left;overflow:hidden; }
  122. .resouname{font-size:18px; color:#333;}
  123. .belongname{ font-size:17px; color:#333; }
  124. .modicon{ margin:2px;}
  125. .positionbox{ font-size:16px;  color:#666; }
  126. .sciencebox,.provideservice{font-size:14px; color:#999; }
  127. /* .provideservice p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;} */
  128. .industrybox{font-size:14px; color:#999;  }
  129. /*------------------------------------------------------------------------------------*/
  130. /*账号设置*/
  131. .account{ width:1050px; min-height:100px; margin:auto; padding: 40px 0;}
  132. .account-set{ width:18%; min-height: 260px; float:left; background:#f8f8f8; border-radius:6px; margin-top:50px; overflow:hidden;}
  133. .account-title{ height:58px; padding:0 30px;font-size:18px;line-height:68px;color:#a3a3a3;}
  134. .leftsidebar{ display:block; width:100%; height:40px; padding-left:50px;font-size:16px;line-height:40px; color:#313131;}
  135. .bgcolor{ background:#ff9900; color:#fff;}
  136. .leftsidebar:hover{ background:#ff9900; color:#fff;}
  138. .contentbox{  width:80%; float: right;overflow:hidden;margin:40px 0;}
  139. .content-set{ width:100%;  min-height: 460px; background:#f8f8f8; border-radius:6px; padding-bottom: 20px;margin:10px 0; overflow:hidden; display:none;}
  140. .content-set:first-child{ display:block;}
  141. .content-set form{ width: 600px;margin: auto;padding: 10px;}
  142. .content-title{height:58px;padding:0 30px;font-size:18px;line-height:64px; color:#313131; border-bottom:1px #c8c8c8 solid;}
  143. .content-main{ padding:0 20px;}
  144. .note{ width:438px;padding: 10px; margin:20px auto 10px;font-size:14px;color:#818181; text-align:center; border-bottom:1px #c8c8c8 dashed;}
  145. .note p{line-height:20px;}
  146. .acountinfor{ width:60%; margin:10px auto; }
  147. .account-photo{ width:175px; height:175px; margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
  148. .account-photo img{width:100%;}
  149. .account-name{ height:50px; padding: 0 40px;}
  150. .text-txt{font-size:18px;line-height:50px;color:#515151;}
  152. .edit2{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;margin: 15px 6px;cursor:pointer;}
  153. .text{ overflow: hidden;width:180px;margin: auto;}
  154. .text a{ overflow: hidden;font-size:14px;line-height:57px; color:#f5980b; padding-left:5px;}
  155.  
  156. .account-wallet{margin:20px auto;  padding: 20px; background: #E8E8E8; border-radius: 6px;}   
  157. .mywallet{ font-size:16px; line-height:20px; color:grey; font-weight: 500;}
  158. .walletbox{overflow: hidden; padding:6px 14px;}
  159. .walletbrig{font-size: 14px; color: #666; margin-left:20px;  }
  160. .walletbrig span{ color: #666; margin:2px 10px;font-weight:600; }
  161. .walletbrig span .amount{ font-size: 24px;}
  162. .walletbrig span .fen{ font-size:18px;} 
  163. .walletrecords{font-size: 14px; line-height:40px; margin-left:20px; }
  164. .walletrecords span{ color:#666;  margin:2px 6px; }
  165. .walletrecords .recordbtn{ color:#ff9900;cursor:pointer;}
  167. /*.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}*/
  168. .name-txt{ float:left;font-size:18px;line-height:50px; color:#818181;}
  169. input[type='radio'].radio {opacity:0; display:inline-block; height:20px; float:left; }
  170. label.radio {background:url(../images/unredio.png) no-repeat; height:20px; padding-left:25px; float:left; margin-top:14px; margin-left:10px;font-size:18px;line-height:22px; color:#818181;}
  171. input[type='radio'].radio:checked + .radio {background:url(../images/redio.png) no-repeat;}
  172. .save{ clear:both; width:100px; height:30px;margin-left:220px; margin-top:20px;border-radius:6px; border:none; background:#ff9900;font-size:14px;line-height:30px; color:#fff;}
  173. /*修改密码*/
  175. /*input:focus{ border:1px solid #ff8500;}*/
  176. .msgs{font-size:14px;line-height:40px; color:#ff8500;padding-left:8px;  float:left;cursor:pointer;}
  177. .msg{ clear:both;font-size:14px;line-height:26px;color:red; padding-left:120px; background:url(../images/info_warn.png) 100px center no-repeat; }
  178. .msg-yz{font-size:14px;line-height:26px; color:red; padding:0 30px;background:url(../images/info_warn.png) 10px center no-repeat; margin-bottom:10px;  clear: both;  }
  179. .marginT{ height:60px; width:100%;}
  180. .password{ width:100%; height:40px; clear:both; margin:6px 0; }
  181. .lable{ float:left; display:block; width:100px;font-size:16px;line-height:40px; color:#747474; padding-right:15px; text-align:right;}
  182. .psd{ width:350px; height:40px; float:left; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:10px;}
  183. .forget{ display:block; height:40px;font-size:14px;line-height:40px; color:#ff8500; float:right;cursor:pointer; position:relative;}
  184. .forget:hover{ color:#ff8500;}
  185. /*账号绑定*/
  186. .binding{ width:100%; height:44px;font-size:16px;line-height:66px;color:#818181;margin-left:70px;; margin-top:40px; display:none; }
  187. .unbinding{width:580px; height:44px;font-size:16px;line-height:66px; color:#ff9900;margin:auto; margin-top:40px; cursor:pointer; }
  188. .email-icon{display:block; width:30px; height:30px; background:url(../images/ep.png) 0 center no-repeat; float:left; margin-right:6px; margin-top:18px;}
  189. .phone-icon{display:block; width:30px; height:30px; background:url(../images/ep.png) -30px center no-repeat;float:left; margin-right:6px; margin-top:18px;}
  190. .replace{ width:60px; height:25px; background:#ff9900; border-radius:6px; border:none;font-size:13px;line-height:24px; color:#fff; margin-left:10px; cursor:pointer;}
  191. .replace3,.replace4{ display:none;color:#666;}
  193. .coverblock{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:1004; display:none;}
  194. .floatbox{ /*width:400px;*/ padding: 0 20px 10px 20px;box-shadow:1px 1px 8px #9f9d9d; border-radius:6px;background:#fff; position:absolute; top:80px; left:50%; margin-left:-240px;  margin-bottom:40px;}
  195. .float-title{  height:60px;border-bottom: 1px #ff9900 solid;font-size:18px;line-height:60px; color:#818181; padding:0 20px;}
  196. .times{ background:url(../images/workclose.png) center center no-repeat; position:absolute; top:10px; right:-30px;width: 24px;height: 24px; z-index: 1005; cursor:pointer; }
  198. .bdfrm{ padding:10px 30px 60px 30px; }
  199. .yz{ width:350px; height:44px; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:20px; margin:10px;}
  201. .cover p{ clear:both;font-size:16px;line-height:26px; color:#818181; text-align:center; margin:20px 0;}
  202. .cover2 p{ clear:both;font-size:16px;line-height:26px; color:#818181; text-align:center; margin:20px 0;}
  203. .activate{ width:140px; height:38px; background:#fff;font-size:16px;line-height:35px; color:#333; cursor:pointer; border:none; border-radius:6px; margin:auto; margin-top:30px;  }
  204. .act{margin-left:40px;}
  205. .act-color{background:#ff9900;color:#fff;}
  206. .back-btn:hover{background:#ff9900;color:#fff;cursor:pointer;}
  207. .input-code{ width: 210px;margin-left: 10px;}
  208. .infor-code{ width:130px; height:40px; background:#ff9900; border:none; border-radius:6px;font-size:14px;line-height:35px; color:#fff; cursor:pointer; margin-left:5px;}
  210. /*------------------------------------------------------------------------------------*/
  211. /*专家信息页*/
  212. /*咨询模块按钮入口*/
  213. .coulstblock{position:fixed;width:100%;bottom:0;right:0;z-index:1001; cursor: pointer; background:rgba(256,256,256,.9); border:1px solid #dddddd; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); display:none;}
  214. .coulstblock .coulstbox{display:block;padding:10px 20px;width:90%;margin:auto; overflow:hidden;}
  215. .coulstblock .coulstbox .prohead{ width:80px;margin-left:40px; overflow:hidden;}
  216. .coulstblock .coulstbox .proinfomation{margin:0 2%;width:60%; overflow:hidden;}
  217. .coulstblock .coulstbox .coulstbtn{padding:24px 10px; margin-right: 20px;}
  218. .coulstblock .coulstbox .coulstbtn span,#conbtn span{padding:5px 40px; display:block; border-radius:4px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
  219. /*专家信息头部*/
  220. .information-head{ width:1050px; margin:auto;background:#fff; border:1px  solid #eaeaea; margin-top:30px; padding:20px 30px; position: relative;}
  221. .head-left{ float:left;width:200px; height:200px; position:relative;overflow:hidden;}
  222. .replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4);font-size:16px;line-height:44px; color:#fff; text-align:center;}
  223. /*.take-photo{ display:block; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px;background:url(../images/take-photo.png) no-repeat center center; }*/
  224. .head-center{ float:left; min-height:150px;margin: 0px 30px;}
  225. .input-txt{ width:180px; height:26px; color:#666; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
  226. .infor{clear:both; width:100%;overflow:hidden; margin:10px; }
  227. .infor2{clear:both; width:100%; margin:10px; }
  228. .infor span,.infor2 span{ display:block; width:60px; height:26px; float:left;font-size:14px;line-height:26px; margin-left:10px;}
  229. .select{  width:173px; height:24px; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; background:url(../images/downselect.png) no-repeat 150px center; float:left; overflow:hidden;}
  230. .selectbtn{ width:200px; height:24px; border:none; background:url(../images/downselect.png) no-repeat 150px center; font-size:14px;line-height:26px; color:#999;}
  231. .infor-save{ float:left; clear:both; width:130px; height:26px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px; margin-top:15px; margin-left:10px;  }
  232. .close,.close2{float: left;  width:130px; height:26px; border-radius:5px; font-weight:normal;background:none; box-shadow:none; border:none;cursor:pointer; padding:0;font-size:14px;line-height:26px; margin-top:15px; margin-left:5px;opacity: 1;color: #666; text-shadow:none; }
  233. .close:hover,.close2:hover{ background:#ff9900; color:#fff; opacity: 1; }
  234. .head-right{ float:right; margin-top:30px; position: relative;width:140px; height:140px; overflow:hidden;}
  235. #headImage,#orgImage{ width:100%; height:100%;border:0;}
  236. #orgImage{display:none;}
  237. /*专家信息内容*/
  238. .information-content{  width:1050px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
  239. .content-left{min-height:394px;max-width: 252px;width:24%; float:left;overflow:hidden;z-index:100; }
  240. .menublock{ margin-bottom:10px;width:100%; background:#fff; border:1px #eaeaea solid; padding-bottom:10px;}
  241. .left-title{ width:165px; height:44px;font-size:20px;line-height:44px; border-bottom:1px #ffad55 solid; padding-left:10px; }
  242. .subsidebar{ display:block; width:100%; height:26px; padding-left:18px;font-size:14px;line-height:26px;color:#313131; margin-top:5px;}
  243. .subcolor{ background:#ff9900; color:#fff;}
  244. .subsidebar:hover{ background:#ff9900; color:#fff;}
  246. .content-right{ width:75%;min-height:100px; float:right; }
  247. .right-box{ width:100%; background:#fff; border:1px #eaeaea solid; margin-bottom:10px; }
  248. /*.introduction{min-height:200px;}*/
  249. .right-title{ position:relative; overflow:hidden; padding-right:20px;}
  250. .right-title span{ float:left;font-size:20px;line-height:48px; /*color:#ff9900; */padding-left:15px;}
  251. .edit-position-left{ background-position:left;}
  252. .editbox{ clear:both; width:665px; margin:auto;font-size:14px;line-height:20px;color:#666;}
  253. .reedit{ clear:both; width:665px; min-height:210px; padding:10px;margin-left:12px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; font-size:14px;line-height:20px; color:#3e3e3e;resize:none;
  254. }
  255. .edit{ display:block; float:left; width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;margin: 15px 6px;cursor:pointer;}
  256. .addclick{position:absolute; right:20px; background: url(../images/addclick.png) 0 14px no-repeat; padding-left: 22px;line-height: 48px;color: #ff9900;cursor: pointer;}
  257. .exitlist{position:absolute;margin-top:2px;margin-left:6px; width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;cursor:pointer;}
  258. .btnbox{ overflow:hidden;padding:16px 20px;}
  259. .btnbox .btn{margin:0 6px;}
  260. .btnbox .deletebtn{color:#F00;box-shadow: none;border: none;background:none; float:right;	}
  262. .modifybox{ display:none;padding:10px 36px; margin: 6px 0;background: #FFF9EF;}
  263. .infor-browse{ clear:both;padding-bottom:16px;}
  264. .infor-browse2{padding-bottom:0;}
  265. .btn-marL{cursor:pointer; }
  266. .btn-marB{ margin-bottom:30px;cursor:pointer;}
  267. .btn{ width:105px; padding:0;cursor:pointer;}
  268. .btn:hover, .btn:focus { text-decoration: none; color:#fff;}
  269. .select-sele{ clear:both; width:100%; height:26px;}
  270. .add{ float:left;}
  271. .addbtn{ float:left; clear:both; width:105px; height:26px; 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; }
  272. .listbox{ margin:5px 0;max-width:100%; margin-left:15px; overflow:hidden; /*border:1px solid red;*/}
  273. .list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
  274. .listbox-browse{ min-height:26px; position:relative;}
  275. .list-browse{ height:24px;box-shadow:2px 2px 1px #c9c9c9 ; text-align:center;font-size:14px;line-height:26px; color:#666; margin-left:15px; float:left;cursor:pointer;padding-right: 8px;max-width: 60%;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
  276. .plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/thumb-up.png) no-repeat 0 0; margin-left:10px;  }
  277. .line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
  278. .like-num{ float:right;max-width:38%;height:26px; padding:0 20px; overflow:hidden; }
  279. .like-people{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; background:url(../images/default-photo.png) no-repeat center center; background-size:100% 100%;-moz-background-size:100% 100%;}
  280. .like-people img{ width:100%; height:100%;}
  281. .like-more{ display: block; border:1px solid #CCCCCC; background:url(../images/likemore.png) no-repeat center center;}
  282. .triangleR{ display:block; width:0; height:0; border:8px solid transparent; border-left-color:#f0f1f3; float:right; margin-right:20px;margin-top:6px; cursor: pointer;}
  283. .acad{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font-size:14px;line-height:26px;color:#3e3e3e; margin:6px 0; margin-left:15px; float:left;cursor:pointer;padding:0 8px;}
  284. .list{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font-size:14px;line-height:26px; color:#3e3e3e; margin-top:12px; margin-left:15px; float:left;cursor:pointer;padding-right: 8px; overflow:hidden;}
  285. .use{  height:26px;border:1px #c9c9c9 solid; border-radius:5px; text-align:center;font-size:14px;line-height:26px; color:#3e3e3e; margin-top:12px; margin-left:15px; float:left;cursor:pointer;padding:0 10px; overflow:hidden;}
  286. .like{ display:block; float:left; width:28px;background:#ff9900; color:#fff;font-size:10px;line-height:26px; margin-right:5px;}
  287. .remove{ cursor:pointer; padding-left:5px;}
  288. .remove img{width:10px;margin-left:6px;}
  289. .cancel{ cursor:pointer; padding-left:5px;}
  290. .ann{ clear:both; color:#7f7e7e;font-size:10px;line-height:10px; margin-left:50px;}
  291. .input-width{ width:326px;}
  292. .bus-title{ clear:both;font-size:14px;line-height:26px; color:#3e3e3e; }
  293. .check{ width:257px; height:26px; float:left;margin-left:35px;font-size:14px;line-height:26px;color:#3e3e3e;}
  294. .txt-width{ width:358px;}
  296. .txtType{ position:relative;}
  297. .txtExp{ position:relative;width: 60%;}
  298. .dateExp{ position:relative;}
  299. .lineTo{height: 1px;border: 1px solid #bbb;width: 20px;margin: 15px 0 0 10px;}
  300. .required_star{ color:#ff9900;float:left;background:url(../images/requiredicon.png) center center no-repeat;background-size:100% 100%; display:block;width:8px;height:8px;position:absolute; top: 6px;left: -10px; }
  301. .edu{ font-size:16px;line-height:30px; color:#868686;padding: 0 16px; margin: 10px;width: 100%;}
  302. .edu-h{ height:52px;}
  303. .edu-txt{ width:100%;margin-left: 8px;height: 30px;font-size: 14px;line-height: 18px;}
  304. .date-box{ }
  305. .datebox{ width:540px; overflow:hidden; height:26px;}
  306. hr{ width:18px; float:left; background:#ffc688; height:2px; border:none; margin:10px;}
  307. .checkbox{ float:left; width:60px;margin-left:15px;margin-top: -1px;}
  308. .date-btn{ float:left; width:180px; background:url(../images/select.png) no-repeat right #fff;background-size:13% 100%; z-index:999;}
  309. .opacity{ width:150px;}
  310. label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
  311. .edu-select{ margin-left:10px; width:240px; }
  312. .sf{ float:left;}
  313. .radiobox{ width:115px; float:left;}
  314. .date-title{float:left;    margin-right: 4px;}
  315. .edu-sel{ float:right;}
  317. .edu-about li{ list-style:none;position:relative;padding-left: 0;}
  318. .edu-about li .listdata{position:relative;margin:0 35px; padding-left:16px;}
  319. .edu-about li .listdata .listpoint{display: block;width: 6px;height: 6px; background: #999;border-radius: 50%; position: absolute;top: 10px;left:0;}
  320. /*  .edu-about li.listnone{margin: 0; list-style: none;padding-left: 0;}  */
  321. .edu-about{ list-style:inside;font-size:14px;line-height:26px;color:#868686;padding:10px 0 26px 0;cursor:pointer;}
  322. .edu-about span{ display:none;}
  323. .infor-browse .edu-about{ color:#666;}
  324. .infor-browse .edu-infor { color:#666;}
  325. .edu-infor li{list-style:disc inside;margin:0 35px;}
  326. .add-icon{ cursor:pointer;}
  327. .button{ float:left; width:40px; height:17px; margin-left:10px; margin-top:4px;}
  328. .modi{ cursor:pointer;padding-left:10px;}
  329. /* .floatL{ float:right;} */
  330. .addbox{ display:none;}
  332. /*下拉*/
  333. .mr_sj {position: absolute;right: 18px;top: 12px;border: 6px solid #fff;border-color: #ff9900 transparent transparent;display: block;font-size: 0;height: 0;width: 0;}
  334. .mr_timed_div .mr_btn {border: 0;text-align: left;width: 160px;height: 28px;background-color: #fff;}
  335. .mr_timed_div {position: relative;width: 180px;height: 30px;cursor: pointer; background-color: #fff;}
  336. .xl_list {position: absolute;top: 30px;left: -1px;z-index: 2;background-color: #fff;box-shadow: 2px 2px 4px #efefe4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;width:180px;}
  337. .ul_edubg { max-height: 182px;overflow: auto;display:none;border: 1px solid #e7e7e7;}
  338. .mr_timed_div .xl_list li {line-height: 36px;padding-left: 10px;list-style:none;margin: 0 10px;}
  340. /*日期组件*/
  341. .mr_calendar_ym {position: absolute;top: 34px;left:6px;height: 160px;width: 244px;background-color: #fff;z-index: 5000;border: 1px solid #e7e7e7;border-radius: 4px;box-shadow: 2px 2px 4px #e7e7e7;cursor:pointer;display:none;}
  342. .mr_calendar_ym ul {float: left;}
  343. .mr_calendar_ym span{display:block;}
  345. .mr_calendar_ym .mr_year {width: 34%;height: 158px;border-right: 1px solid #efefef;overflow: auto;}
  346. .mr_calendar_ym .mr_year li {list-style:none;margin:0;cursor: pointer;line-height: 32px;background-color: #fff;color: #333;text-align: center;}
  347. .mr_calendar_ym .mr_month { word-wrap: normal;padding: 10px 10px 10px 16px;background-color: #fff; width:66%;height:158px;}
  348. .mr_calendar_ym .mr_month li {list-style:none;margin:0;float: left;cursor: pointer;width: 33%;height: 22px;line-height: 22px;color: #333;background-color: #fff;margin: 0 0 10px;}
  349. .mr_calendar_ym .full_year{width: 100%;height: 158px;border-right: 1px solid #efefef;overflow: auto;}
  350. .mr_calendar_ym .full_year li{list-style:none;margin:0;cursor: pointer;line-height: 32px;background-color: #fff;color: #333;text-align: left;padding-left:16px;}
  352. .mr_calendar_ym .active { background-color: #ff9900!important;color: #fff!important;}
  354. /*<!--城市选择器-->*/
  355. .citybox{float:left; width:340px;}
  356. .infolist{width:100%;/*padding-left:5em;font-size:14px;position:relative;color:#494949;min-height:38px;margin:5px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;float:left;clear:both;*/}
  357. .infolist .liststyle span{position:relative;height:26px;line-height:26px;width:164px;display:inline-block;padding:0 0 0 6px;cursor:pointer;float:left;margin:0;background:#fff;}
  358. .infolist .liststyle span .mr_show{ font-style:normal;width:160px;display:inline-block;height:26px;line-height:26px;position:relative;}
  359. .infolist .liststyle span .mr_sj{right:4px;top:10px;}
  361. .infolist .liststyle span ul{width:100%;border-radius:0 0 5px 5px;position:absolute;border:1px solid #E8E8E8;background:white;left:-1px;top:25px;margin-bottom:10px;display:none;z-index:10;max-height:280px; overflow:auto;}
  362. .infolist .liststyle span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
  363. .infolist .liststyle span ul li:first-child{border-top:0;}
  364. .infolist .liststyle span ul li a{display:block;height:30px;line-height:30px;padding:0 8px;color:#494949;}
  366. .radio+.radio, .checkbox+.checkbox {
  367.     margin-top: 2px;
  368. }
  369. /*------------------------------------------------------------------------------------*/
  371. /*科研资源*/
  372. .shareabout{ position:relative; margin:0 20px;}
  373. .sharesrcbox{overflow:hidden; position:relative; margin:auto;width: 96%;  }
  374. .sharescrollbox{ overflow:hidden;width:30000em; position:relative; left:0;}
  375. .sharescrollbox .sharesrc{ width:200px; margin:10px 6px; float:left;}
  376. .sharescrollbox .restit{ color:#666; margin-top: 6px;}
  377. .sharescrollbox .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; color:#777; }
  378. .sharescrollbox .shareshow{ position: relative; width: 200px; height: 200px;border-radius: 4px; overflow: hidden;}
  379. .shareopeart{ position:absolute; bottom:0px; left:0px; z-index:100; overflow:hidden; width:100%;}
  380. .sharebtn{ display:block; text-align:center; float:left; cursor:pointer; width:100%; height:30px;font-size:14px;line-height:30px; background:rgba(0,0,0,.2); color:#fff; border:1px solid #d6d6d6;}
  381. .sharebtn:hover{ color:#fff; background:#ff9900;}
  382. .resoubtn{ position:absolute;top:40%; width:30px; height:41px; background:#ccc; border-width:1px 1px 0 1px; display:none; cursor:pointer;}
  383. .resouprev{left:-4px;background:url(../images/arrows.png) -30px 0 no-repeat;}
  384. .resounext{right:-4px;background:url(../images/arrows.png) 0 0 no-repeat;}
  385. .resouprev:hover{ background:url(../images/arrows.png) -30px -41px no-repeat;}
  386. .resounext:hover{ background:url(../images/arrows.png) 0 -41px no-repeat;}
  388. /*合作历史及评价*/
  389. .evaluate2{ overflow:hidden; border-bottom:1px dashed #d6d6d6; padding:10px 0;}
  390. .evaluate2 .lefteva{ float:left; max-height:200px; width:20%; max-width:200px; text-align:center; margin-top:10px;}
  391. .evaluate2 .evaimg{ display:block; width:60px; height:60px; overflow:hidden;margin:auto;}
  392. .evaluate2 .righteva{ padding:0 10px; float:right; width:80%;}
  393. .evaluate2 .evasort{ }
  394. .evaluate2 .evasort li{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  395. .evaluate2 .evastarbox{ overflow:hidden;}
  396. .evaluate2 .evastar{ display:block; width:24px; height:24px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -22px no-repeat;}
  397. .evaluate2 .evabrief{ display:block; max-height:80px; overflow:hidden; text-overflow:ellipsis; }
  398. .shareabout .morebtn{ text-align:right; overflow:hidden; margin:10px;}
  399. .shareabout .morebtn .morelink{ color:#333;font-size:14px;line-height:60px;float:right; margin-right:20px;}
  401. /*个人修改页面科研资源*/
  402. .enterwork{ color:#333;position:absolute; bottom:10px; left:102px; cursor: pointer;}
  403. .enterwork:hover{color:#ff9900;}
  404. /*机构信息页面*/
  405. .head-org{ float:left;  position: relative;width:180px; height:180px; overflow:hidden;}
  407. .similarblock{ overflow:hidden; margin:0 10px; padding:10px; border-bottom:1px dashed #d6d6d6;}
  408. .similarblock .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; float:left; margin-right:20px;}
  409. .rightsim{ max-width:160px; overflow:hidden; float:left;}
  410. .rightsim p{text-overflow:ellipsis;  white-space:nowrap;overflow:hidden;font-size:12px; line-height:16px;}
  412. .subuser{ overflow:hidden;}
  413. .subuser li{ overflow:hidden; float:left; text-align:center; padding:10px; width:24%; list-style:none;}
  414. .subuser li .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; margin:auto;}
  415. #evastarboxx .staspan{background: url(../images/evastar.png) 0 1px no-repeat;}