Inicio Explorar Ayuda
Registro Iniciar sesión
jiapeng
/
portal-front
Vigilar 3
Destacar 0
Fork 0
Código Incidencias 0 Pull Requests 0 Commits 371 Releases 0 Wiki

portal html css js resource

Árbol: 7f78301390
Ramas Etiquetas
portal-front
/
css
/
index.css

index.css 44KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592 
  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;min-width:1120px; position:relative;}
  10. .banner{width:100%; height:500px;background: url(../images/banner/banner01.jpg) center center no-repeat;background-size: cover;}
  11. .theme{ width:100%; height:236px; position:absolute; top:40%;}
  12. .theme h1{font-size:46px;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:40px; 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; }*/
  36. .bgProColor{background-color: #FF9900;}
  37. .btn-pro{color:#FFFFFF;background: #FF9900;position: absolute;bottom: 0;left: 50%; margin-left: -53px;}
  38. .btn{padding:6px 24px;}
  39. .btn:hover,.btn:focus{outline:none;box-shadow: none;color: #FFFFFF;}
  41. .link-btn-box{padding:20px 0 50px;}
  42. .link-btn-block{ width: 96%;margin:auto;text-align: center;margin-top: 50px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
  43. .link-btn{position: relative; width: 32%;margin:auto;margin-bottom: 46px; background: #fff;height: 2px;top: -12px;}
  44. .link-btn-icon{position: absolute;top: -36px;left: 50%; margin-left: -40px;width:80px;height:80px;border-radius: 10px;background-position: center;background-repeat: no-repeat;}
  45. .link-btn-icon-fabu{background-image: url(../images/home_icon_fabuxuqiu_nor.png);}
  46. .link-btn-icon-ruzhu{background-image: url(../images/home_icon_qiyeruzhu_nor.png);}
  47. .link-btn-icon-pro{background-image: url(../images/home_icon_woshizhuanjia_nor.png);}
  48. .link-btn-tip{position: relative; min-height: 170px;padding:0 10px;font-size:16px;color:#666; line-height: 24px;}
  49. .link-tip-tit{font-size:20px;color:#333;/*font-weight:bold;*/line-height: 46px;}
  50. /*热门领域*/
  51. .hot-field{ width:100%;min-width: 1120px;  background:url(../images/fieldbg.jpg) center center no-repeat; background-size:cover;padding:40px 0 50px;}
  52. .con-tit{text-align: center;}
  53. .con-tit .hh4{padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;font-size:22px;line-height:48px;color:#333333;}
  54. .con-tit .hh4 .homeicon-area{background: url(../images/home_icon_remenlingyu_nor.png) no-repeat 0 center;padding-left:30px;}
  55. .con-tit .hh4 .homeicon-pro{background: url(../images/home_icon_remenzhuanjia_nor.png) no-repeat 0 center;padding-left:30px;}
  56. .con-tit .showtip{font-size: 18px;line-height: 40px;color:#999999;}
  57. .field-box{ overflow:hidden; margin:20px auto;}
  58. .field{border-radius:2px;/*margin:4px;*/ border:1px solid #d0d0d0;padding:10px 0; float:left;}
  59. .field-name{ display:block;font-size:16px;line-height:40px; color:#fff; text-align:center;}
  60. .field-icon{ display:block; width:120px; height:120px; border-radius:50%; margin:auto;}
  61. .field-name:hover{color:#fff;}
  62. .field-icon1{ background:url(../images/fieldIcon/field20.png) no-repeat center center;}
  63. .field-icon2{ background:url(../images/fieldIcon/field11.png) no-repeat center center;}
  64. .field-icon3{ background:url(../images/fieldIcon/field16.png) no-repeat center center;}
  65. .field-icon4{ background:url(../images/fieldIcon/field04.png) no-repeat center center;}
  66. .field-icon5{ background:url(../images/fieldIcon/field18.png) no-repeat center center;}
  67. .field-icon6{ background:url(../images/fieldIcon/field07.png) no-repeat center center;}
  68. .field-icon7{ background:url(../images/fieldIcon/field02.png) no-repeat center center;}
  69. .field-icon8{ background:url(../images/fieldIcon/field05.png) no-repeat center center;}
  70. .more{position: relative; display:block; width:132px; height:35px; margin:auto;font-size:14px;line-height:32px;padding:0 30px; color:#fff;}
  71. .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%;}
  72. .hot-field .more{ color:#fff;}
  73. /*热门专家*/
  74. .hot-professor{ width:100%;  padding: 40px 0; }
  75. .hot-professor .carousel .carousel-caption{position:static;height: 450px;text-shadow: none;}
  76. .hot-professor .carousel .carousel-indicators li{background:#dadada;width: 36px;height:5px;border-radius: 0;border:0;margin:1px 10px;}
  77. .hot-professor .carousel .carousel-indicators li.active{width: 36px;height:6px;background:#ff9900;margin:1px 10px;}
  78. .hot-professor .homehead-pro{width: 120px;height: 120px;overflow: hidden;margin:10px auto;}
  79. .hot-professor .homeinfo-pro{text-align: center;margin-top:10px;}
  80. .hot-professor .homeinfo-pro .h1font{font-size: 22px;line-height: 42px;color:#333333;}
  81. .hot-professor .homeinfo-pro .h2font{font-size: 18px;line-height: 40px;color:#666666;}
  82. .hot-professor .carousel .carousel-control{background: none;display: none;}
  83. .hot-professor .carousel .item{background: none;border:none;}
  84. .hot-professor .carousel .item.active{box-shadow: none;}
  85. .hot-professor .carousel .aitemLink{display:block;}
  86. /*搜索页*/
  87. .content{ width:100%; min-width: 1050px; height:auto; background:#f8f8f8; padding:60px 0 2px 0; }
  88. .content-in{padding-bottom:20px;}
  89. .sear-search{ width: 774px;height: 38px;border: 2px solid #ff9900;border-radius: 6px; margin: 20px 0;}
  90. .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; }
  91. .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;}
  92. .sear-search .lookwho:focus{ border:none;}
  93. .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;}
  94. .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; }
  96. /*搜索分类*/
  97. .classify{ width:100%;border:1px #f0f0f0 solid; margin-top:10px;border-radius: 6px;background: #fff; }
  98. .class1{ width:100%; height:48px; overflow:hidden; position:relative; border-bottom:1px #efefef solid;}
  99. .class1:nth-child(even){background:#f8f8f8;}
  100. .class1:last-child{border-bottom:none;}
  101. .title{ padding:0 15px; float:left;font-size:15px;line-height:48px; color:#333;}
  102. .area-con{ float:left; width:83%;/* border:1px solid red; */overflow:hidden; margin:6px 0;}
  103. .class1 a{ padding:0px 10px; float:left;font-size:14px;line-height:30px; color:#333;margin: 4px 2px;/*  margin-right:15px; */}
  104. .class1 a:hover{color:#fff; background:#ff9900;}
  105. .class1 .colorbg{ color:#fff; background:#ff9900;}
  106. .andmore{ display:block; width:100px;font-size:14px;line-height:50px; color:#333; padding:0 28px; position:absolute;right:0; cursor:pointer;}
  107. .updown{ display:block; width:14px; height:12px; background:url(../images/UpDown.png) 0 center no-repeat;  float:right; margin-top:19px;}
  108. /*搜索内容*/
  109. .about{ width:100%; border-top:1px #e2e2e2 solid; padding:5px 0;}
  110. .aboutcenter{ width:1050px;height:auto; margin:auto; }
  111. .abouttab{ width:100%; margin:10px 0; border-bottom:1px solid #ccc; border-radius:6px; }
  112. .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; }
  113. .tabcurrent{ border:1px solid #ccc; border-bottom-color:#fff;background:#f8f8f8;}
  114. .abouttablist{ margin-bottom:40px;}
  115. .aboutcon{ display:none;}
  116. .aboutcon:first-child{ display:block;}
  117. .about-in{ overflow:hidden;  width:100%;height:auto; margin:auto; margin-top:10px;}
  118. .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; }
  119. .operbox{float: left;position: absolute;padding: 10px 20px;margin: 20px;right: 10px; top:50%; margin-top:-20px;}
  120. .operbtn{ padding:4px 20px; font-size:13px; margin:0 2px; border: 1px solid #efefef;border-radius: 6px; background:#ff9900; color:#fff; cursor:pointer;}
  121. .photo1{width:100px;height:100px;margin:20px;float:left; overflow:hidden;}
  122. .item:hover{/* border:1px solid #ff9900; */ box-shadow: 0 1px 6px 2px #e0e0e0;}
  124. /*专家简介*/
  125. .synopsis{ float:left; padding:10px 0; width:74%;line-height:24px;cursor: pointer;}
  126. .named{display:block;font-size:18px; color:#333; float:left;}
  127. .named:hover,.named:focus,.named:active{color:#333; text-decoration:none;}
  128. .modify{ display:block; width:16px; height:16px;float:left; margin:3px 2px;}
  129. .position{ clear:both;font-size:16px;  color:#777; }
  130. .science{font-size:14px; color:#999;}
  131. .ellipsisbox p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  132. .industry,.address{font-size:14px; color:#999;  }
  134. .proModify{margin: 14px 4px;}
  135. .proEdit{margin: 12px 6px;}
  136. .proName{font-size:20px; line-height:46px;}
  137. .proPosition{font-size:18px; line-height:34px;}
  138. .proScience{font-size:16px; line-height:34px;}
  139. .proAddress{font-size:16px; line-height:30px;}
  140. /*资源简介*/
  141. .remess{ cursor:pointer;}
  142. .resourcephoto{width:100px;height:100px;margin:20px;float:left;overflow:hidden; }
  143. .resouname{font-size:18px; color:#333;}
  144. .belongname{ font-size:17px; color:#333; }
  145. .modicon{ margin:2px;}
  146. .positionbox{ font-size:16px;  color:#666; }
  147. .sciencebox,.provideservice{font-size:14px; color:#999; }
  148. /* .provideservice p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;} */
  149. .industrybox{font-size:14px; color:#999;  }
  150. /*------------------------------------------------------------------------------------*/
  151. /*账号设置*/
  152. .account{ min-height:100px; margin:auto; padding-top: 40px;overflow: hidden;}
  153. .account-set{ width:12%; min-height: 280px; float:left; background:#f8f8f8; border-radius:6px; margin-top:50px; overflow:hidden;}
  154. .account-title{ height:58px; padding:0 20px;font-size:17px;line-height:68px;color:#a3a3a3;}
  155. .leftsidebar{ display:block; width:100%; height:40px; padding-left:30px;font-size:15px;line-height:40px; color:#313131;}
  156. .bgcolor{ background:#ff9900; color:#fff;}
  157. .leftsidebar:hover{ background:#ff9900; color:#fff;}
  159. .contentbox{  width:87%; float: right;overflow:hidden;margin:40px 0;}
  160. .content-set{ width:100%;  min-height: 460px; background:#f8f8f8; border-radius:6px; padding-bottom: 20px;margin:10px 0; overflow:hidden; display:none;}
  161. .content-set:first-child{ display:block;}
  162. .content-set form{ width: 600px;margin: auto;padding: 10px;}
  163. .content-title{height:58px;padding:0 30px;font-size:17px;line-height:64px; color:#313131; border-bottom:1px #c8c8c8 solid;}
  164. .content-main{ padding:0 20px;}
  165. .note{ width:438px;padding: 10px; margin:20px auto 10px;font-size:14px;color:#818181; text-align:center; border-bottom:1px #c8c8c8 dashed;}
  166. .note p{line-height:20px;}
  167. .acountinfor{ width:60%; margin:10px auto; }
  168. .account-photo{ width:175px; height:175px; margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
  169. .account-photo img{width:100%;}
  170. .account-name{ height:50px; padding: 0 40px;}
  171. .text-txt{font-size:18px;line-height:50px;color:#515151;}
  173. .edit2{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;margin: 15px 6px;cursor:pointer;}
  174. .text{ overflow: hidden;width:180px;margin: auto;}
  175. .text a{ overflow: hidden;font-size:14px;line-height:57px; color:#f5980b; padding-left:5px;}
  176.  
  177. .account-wallet{margin:20px auto;  padding: 20px; background: #E8E8E8; border-radius: 6px;}   
  178. .mywallet{ font-size:16px; line-height:20px; color:grey; font-weight: 500;}
  179. .walletbox{overflow: hidden; padding:6px 14px;}
  180. .walletbrig{font-size: 14px; color: #666; margin-left:20px;  }
  181. .walletbrig span{ color: #666; margin:2px 10px;font-weight:600; }
  182. .walletbrig span .amount{ font-size: 24px;}
  183. .walletbrig span .fen{ font-size:18px;} 
  184. .walletrecords{font-size: 14px; line-height:40px; margin-left:20px; }
  185. .walletrecords span{ color:#666;  margin:2px 6px; }
  186. .walletrecords .recordbtn{ color:#ff9900;cursor:pointer;}
  188. /*.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}*/
  189. .name-txt{ float:left;font-size:18px;line-height:50px; color:#818181;}
  190. input[type='radio'].radio {opacity:0; display:inline-block; height:20px; float:left; }
  191. 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;}
  192. input[type='radio'].radio:checked + .radio {background:url(../images/redio.png) no-repeat;}
  193. .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;}
  194. /*修改密码*/
  196. /*input:focus{ border:1px solid #ff8500;}*/
  197. .msgs{font-size:14px;line-height:40px; color:#ff8500;padding-left:8px;  float:left;cursor:pointer;}
  198. .msg{ clear:both;font-size:14px;line-height:26px;color:red; padding-left:120px; background:url(../images/info_warn.png) 100px center no-repeat; }
  199. .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;  }
  200. .marginT{ height:60px; width:100%;}
  201. .password{ width:100%; height:40px; clear:both; margin:6px 0; }
  202. .lable{ float:left; display:block; width:100px;font-size:16px;line-height:40px; color:#747474; padding-right:15px; text-align:right;}
  203. .psd{ width:350px; height:40px; float:left; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:10px;}
  204. .forget{ display:block; height:40px;font-size:14px;line-height:40px; color:#ff8500; float:right;cursor:pointer; position:relative;}
  205. .forget:hover{ color:#ff8500;}
  206. /*账号绑定*/
  207. .binding{ width:100%; height:44px;font-size:16px;line-height:66px;color:#818181;margin-left:70px;; margin-top:40px; display:none; }
  208. .unbinding{width:580px; height:44px;font-size:16px;line-height:66px; color:#ff9900;margin:auto; margin-top:40px; cursor:pointer; }
  209. .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;}
  210. .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;}
  211. .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;}
  212. .replace3,.replace4{ display:none;color:#666;}
  214. .coverblock{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:1004; display:none;}
  215. .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;}
  216. .float-title{  height:60px;border-bottom: 1px #ff9900 solid;font-size:18px;line-height:60px; color:#818181; padding:0 20px;}
  217. .times{ background:url(../images/workclose.png) center center no-repeat; position:absolute; top:6px; right:-36px;width: 24px;height: 24px; z-index: 1005; cursor:pointer; }
  219. .bdfrm{ padding:20px 30px 40px 30px; }
  220. .yz{ width:350px; height:36px; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:20px; margin:10px;}
  222. .cover p{ clear:both;font-size:15px;line-height:26px; color:#818181; text-align:center; margin:10px 0;}
  223. .coverset p{ clear:both;font-size:15px;line-height:26px; color:#818181; text-align:center; margin:10px 0;}
  224. .cover2 p{ clear:both;font-size:15px;line-height:26px; color:#818181; text-align:center; margin:10px 0;}
  225. .activate{ width:140px; height:32px; background:#fff;font-size:14px;line-height:30px; color:#333; cursor:pointer; border:none; border-radius:6px; margin:auto; margin-top:10px;  }
  226. .act{margin-left:40px;}
  227. .act-color{background:#ff9900;color:#fff;}
  228. .back-btn:hover{background:#ff9900;color:#fff;cursor:pointer;}
  229. .input-code{ width: 210px;margin-left: 10px;}
  230. .infor-code{ width:130px; height:36px; background:#ff9900; border:none; border-radius:6px;font-size:14px;line-height:35px; color:#fff; cursor:pointer; margin-left:5px;}
  232. /*------------------------------------------------------------------------------------*/
  233. /*专家信息页*/
  234. /*咨询模块按钮入口*/
  235. .coulstblock{position:fixed;width:100%;bottom:0;right:0;z-index:200;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;}
  236. .coulstblock .coulstbox{display:block;padding:10px 20px;width:90%;margin:auto; overflow:hidden;}
  237. .coulstblock .coulstbox .prohead{ width:80px;margin-left:40px; overflow:hidden;}
  238. .coulstblock .coulstbox .proinfomation{margin:0 2%;max-width:50%; overflow:hidden;}
  239. .coulstblock .coulstbox .coulstbtn{padding:24px 10px; margin-right: 20px;}
  240. .coulstbtn span,#conbtn span{display:inline-block;width:120px;text-align:center;padding:8px;margin-right:6px; border-radius:4px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
  241. .coulstbtn .shareWeixin{background: #52DA4D;}
  242. .shareCode{background:#FFFFFF;border:6px solid rgba(0,0,0,.2);padding:8px;position: absolute;bottom:40px;left:0;display: none;width: 260px;}
  243. .shareCode img{width:80px;height:80px;}
  244. .shareCode .shareWord{width: 126px;margin:10px;color:#666666;text-align: left;font-size: 14px; line-height: 20px;}
  245. .coulstbtn .attentBtn{position:relative;padding-left:20px;border:1px solid #ff9900;color:#ff9900;background: transparent;}
  246. .coulstbtn .attentBtn em{position:absolute;top:50%;margin-top:-8px;left:34px;display:inline-block; width:16px;height:18px;background:url(../images/favoricon.png) 0 -32px no-repeat;background-size:100% auto;}
  247. .coulstbtn .attentBtn i{font-style: normal;}
  248. .coulstbtn .attentBtn.attented{color:#ffffff;padding-left:24px;background: #f4c600;border:1px solid #f4c600;}
  249. .coulstbtn .attentBtn.attented em{background:url(../images/favoricon.png) 0 -48px no-repeat;background-size:100% auto;left:28px;}
  250. /*专家信息头部*/
  251. .information-head{ height:100%;width:1050px; margin:auto;background:#fff; border:1px  solid #eaeaea; margin-top:30px; padding:20px 30px; position: relative;}
  252. .head-left{ float:left;width:200px; height:200px; position:relative;overflow:hidden;}
  253. .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;}
  254. .head-center{ float:left; min-height:150px;padding-bottom:32px;margin: 0px 30px;min-width: 50%; max-width: 58%;}
  255. .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;}
  256. .infor{clear:both; width:100%;overflow:hidden; margin:10px; }
  257. .infor2{clear:both; width:100%; margin:10px; }
  258. .infor span,.infor2 span{ display:block; width:60px; height:26px; float:left;font-size:14px;line-height:26px; margin-left:10px;}
  259. .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;}
  260. .selectbtn{ width:200px; height:24px; border:none; background:url(../images/downselect.png) no-repeat 150px center; font-size:14px;line-height:26px; color:#999;}
  261. .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:16px; margin-top:15px; margin-left:10px;  }
  262. .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; }
  263. .close:hover,.close2:hover{ background:#ff9900; color:#fff; opacity: 1; }
  264. .head-right{ float:right; margin-top:30px; position: relative;width:140px; height:140px; overflow:hidden;}
  265. #headImage,#orgImage{ width:100%; height:100%;border:0;}
  266. #orgImage{display:none;}
  267. /*专家信息内容*/
  268. .information-content{  width:1050px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
  269. .content-left{min-height:394px;max-width: 252px;min-width: 250px;width:24%; float:left;overflow:hidden;z-index:100; }
  270. .menublock{ margin-bottom:10px;width:100%; background:#fff; border:1px #eaeaea solid; padding-bottom:10px;}
  271. .left-title{ width:165px; height:44px;font-size:20px;line-height:44px; border-bottom:1px #ffad55 solid; padding-left:10px; }
  272. .subsidebar{ display:block;cursor: pointer; width:100%; height:26px; padding-left:18px;font-size:14px;line-height:26px;color:#313131; margin-top:5px;}
  273. .subcolor{ background:#ff9900; color:#fff;}
  276. .content-right{ width:75%;min-height:100px; float:right; }
  277. .right-box{ width:100%; background:#fff; border:1px #eaeaea solid; margin-bottom:10px; }
  278. /*.introduction{min-height:200px;}*/
  279. .right-title{ position:relative; overflow:hidden; padding-right:20px;}
  280. .right-title span{ float:left;font-size:20px;line-height:48px; /*color:#ff9900; */padding-left:15px;}
  281. .edit-position-left{ background-position:left;}
  282. .editbox{ clear:both; width:665px; margin:auto;font-size:14px;line-height:20px;color:#666;}
  283. .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;
  284. }
  285. .edit{ display:block; float:left; width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;margin: 15px 6px;cursor:pointer;}
  286. .addclick{position:absolute; right:20px; background: url(../images/addclick.png) 0 14px no-repeat; padding-left: 22px;line-height: 48px;color: #ff9900;cursor: pointer;}
  287. .exitlist{position:absolute;margin-top:2px;margin-left:6px; width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;cursor:pointer;}
  288. .btnbox{ overflow:hidden;padding:16px 20px;}
  289. .btnbox .btn{margin:0 6px;}
  290. .btnbox .deletebtn{color:#F00;box-shadow: none;border: none;background:none; float:right;	}
  292. .modifybox{ display:none;padding:10px 36px; margin: 6px 0;background: #FFF9EF;}
  293. .infor-browse{ clear:both;padding-bottom:16px;}
  294. .infor-browse2{padding-bottom:0;}
  295. .btn-marL{cursor:pointer; }
  296. .btn-marB{ margin-bottom:30px;cursor:pointer;}
  297. /*.btn{ width:105px; padding:0;cursor:pointer;}
  298. .btn:hover, .btn:focus { text-decoration: none; color:#fff;}*/
  299. .select-sele{ clear:both; width:100%; height:26px;}
  300. .add{ float:left;}
  301. .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; }
  302. .listbox{ margin:5px 0;max-width:100%; margin-left:15px; overflow:hidden; /*border:1px solid red;*/}
  303. .list-area{ overflow:hidden; padding:10px 0 20px 0; width:670px; margin:10px auto; background:#f8f8f8;}
  304. .listbox-browse{ min-height:26px; position:relative;}
  305. .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;}
  306. .plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/thumb-up.png) no-repeat 0 0; margin-left:10px;  }
  307. .line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
  308. .like-num{ float:right;max-width:38%;height:26px; padding:0 20px; overflow:hidden;cursor:pointer;}
  309. .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%;}
  310. .like-people img{ width:100%; height:100%;}
  311. .like-more{ display: block; border:1px solid #CCCCCC; background:url(../images/likemore.png) no-repeat center center;}
  312. .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;}
  313. .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;}
  314. .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;}
  315. .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;}
  316. .like{ display:block; float:left; width:28px;background:#ff9900; color:#fff;font-size:10px;line-height:26px; margin-right:5px;}
  317. .remove{ cursor:pointer; padding-left:5px;}
  318. .remove img{width:10px;margin-left:6px;}
  319. .cancel{ cursor:pointer; padding-left:5px;}
  320. .ann{ clear:both; color:#7f7e7e;font-size:10px;line-height:10px; margin-left:50px;}
  321. .input-width{ width:326px;}
  322. .bus-title{ clear:both;font-size:14px;line-height:26px; color:#3e3e3e; }
  323. .check{ width:257px; height:26px; float:left;margin-left:35px;font-size:14px;line-height:26px;color:#3e3e3e;}
  324. .txt-width{ width:358px;}
  326. .txtType{ position:relative;}
  327. .txtExp{ position:relative;width: 60%;}
  328. .dateExp{ position:relative;}
  329. .lineTo{height: 1px;border: 1px solid #bbb;width: 20px;margin: 15px 0 0 10px;}
  330. .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; }
  331. .edu{ font-size:16px;line-height:30px; color:#868686;padding: 0 16px; margin: 10px;width: 100%;}
  332. .edu-h{ height:52px;}
  333. .edu-txt{ width:100%;margin-left: 8px;height: 30px;font-size: 14px;line-height: 18px;}
  334. .date-box{ }
  335. .datebox{ width:540px; overflow:hidden; height:26px;}
  336. hr{ width:18px; float:left; background:#ffc688; height:2px; border:none; margin:10px;}
  337. .checkbox{ float:left; width:60px;margin-left:15px;margin-top: -1px;}
  338. .date-btn{ float:left; width:180px; background:url(../images/select.png) no-repeat right #fff;background-size:13% 100%; z-index:999;}
  339. .opacity{ width:150px;}
  340. label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
  341. .edu-select{ margin-left:10px; width:240px; }
  342. .sf{ float:left;}
  343. .radiobox{ width:115px; float:left;}
  344. .date-title{float:left;    margin-right: 4px;}
  345. .edu-sel{ float:right;}
  347. .edu-infor li{margin:0 35px;position: relative;}
  348. .edu-infor li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:10px;left:0;}
  349. .edu-about li{ list-style:none;position:relative;padding-left: 0;}
  350. .edu-about li div.h4tit{position: relative;padding-left:12px;}
  351. .edu-about li div.h4tit:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:12px;left:0;}
  352. .edu-about li .listdata{position:relative;margin:0 35px; padding-left:16px;}
  353. /*.edu-about li .listdata .listpoint{display: block;width: 5px;height: 5px; background: #888;border-radius: 50%; position: absolute;top: 10px;left:0;}*/
  354. /*  .edu-about li.listnone{margin: 0; list-style: none;padding-left: 0;}  */
  355. .edu-about{ list-style:inside;font-size:14px;line-height:26px;color:#868686;padding:10px 0 26px 0;cursor:pointer;}
  356. .edu-about span{ display:none;}
  357. .edu-infor2 li{padding-left:8px;}
  358. .infor-browse .edu-about{ color:#666;}
  359. .infor-browse .edu-infor { color:#666;}
  360. .infor-browse .showList li{padding:0 35px;}
  361. .infor-browse .showList2{padding:0 35px;}
  362. .infor-browse .showList2 li{padding-left:10px;}
  363. .infor-browse .showList2 li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:10px;left:0;}
  364. #industryShow li{padding-left:10px;}
  366. /*企业头部*/
  367. .cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
  368. .cmpBasic span:first-child:before{border:none;margin:0; }
  369. /*企业员工用户*/
  370. .staffDlist{overflow: hidden;margin:0 35px;}
  371. .staffDlist h2{float:left;width: 58px; text-align: right;line-height: 60px;}
  372. .staffDlist dl{width: 78%;float: right;}
  373. .staffDlist dl .staffchild{width:60px;}
  374. .staffDlist dd{float:left;margin:2% 3%;}
  375. .needTopic{ display:inline-table; max-width:76%;}
  376. .needAim{margin-left:20px;}
  377. .cmpStaff dl{width:100%;float:none;margin-right:-4%;}
  378. .cmpStaff dd{max-width:120px;text-align: center;margin:2% 2.9% 1% 0;}
  379. .cmpStaff dd .staffChild{width:80px;margin:auto}
  380. /*企业需求*/
  381. .infoList{ overflow: hidden;margin:0 35px;padding:6px 0;}
  382. .infoList li{margin:4px;position: relative;overflow: hidden;}
  383. .infoList .workitimg{ display:block;overflow:hidden;width:100px; height:100px;margin: 5px 0; }
  384. .infoList .rebackcon{ height:50px;width:600px;line-height: 24px; overflow:hidden;} 
  386. .add-icon{ cursor:pointer;}
  387. .button{ float:left; width:40px; height:17px; margin-left:10px; margin-top:4px;}
  388. .modi{ cursor:pointer;padding-left:10px;}
  389. /* .floatL{ float:right;} */
  390. .addbox{ display:none;}
  392. /*下拉*/
  393. .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;}
  394. .mr_timed_div .mr_btn {border: 0;text-align: left;width: 160px;height: 28px;background-color: #fff;}
  395. .mr_timed_div {position: relative;width: 180px;height: 30px;cursor: pointer; background-color: #fff;}
  396. .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;}
  397. .ul_edubg { max-height: 182px;overflow: auto;display:none;border: 1px solid #e7e7e7;}
  398. .mr_timed_div .xl_list li {line-height: 36px;padding-left: 10px;list-style:none;margin: 0 10px;}
  400. /*日期组件*/
  401. .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;}
  402. .mr_calendar_ym ul {float: left;}
  403. .mr_calendar_ym span{display:block;}
  405. .mr_calendar_ym .mr_year {width: 34%;height: 158px;border-right: 1px solid #efefef;overflow: auto;}
  406. .mr_calendar_ym .mr_year li {list-style:none;margin:0;cursor: pointer;line-height: 32px;background-color: #fff;color: #333;text-align: center;}
  407. .mr_calendar_ym .mr_month { word-wrap: normal;padding: 10px 10px 10px 16px;background-color: #fff; width:66%;height:158px;}
  408. .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;}
  409. .mr_calendar_ym .full_year{width: 100%;height: 158px;border-right: 1px solid #efefef;overflow: auto;}
  410. .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;}
  412. .mr_calendar_ym .active { background-color: #ff9900!important;color: #fff!important;}
  414. /*<!--城市选择器-->*/
  415. .citybox{float:left; width:340px;}
  416. .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;*/}
  417. .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;}
  418. .infolist .liststyle span .mr_show{ font-style:normal;width:160px;display:inline-block;height:26px;line-height:26px;position:relative;}
  419. .infolist .liststyle span .mr_sj{right:4px;top:10px;}
  421. .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;}
  422. .infolist .liststyle span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
  423. .infolist .liststyle span ul li:first-child{border-top:0;}
  424. .infolist .liststyle span ul li a{display:block;height:30px;line-height:30px;padding:0 8px;color:#494949;}
  426. .radio+.radio, .checkbox+.checkbox {
  427.     margin-top: 2px;
  428. }
  429. /*------------------------------------------------------------------------------------*/
  431. /*科研资源*/
  432. .shareabout{ position:relative; margin:0 20px;}
  433. .sharesrcbox{overflow:hidden; position:relative; margin:auto;width: 96%;  }
  434. .sharescrollbox{ overflow:hidden;width:30000em; position:relative; left:0;}
  435. .sharescrollbox .sharesrc{ width:200px; margin:10px 6px; float:left;}
  436. .sharescrollbox .restit{ color:#666; margin-top: 6px;}
  437. .sharescrollbox .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; color:#777; }
  438. .sharescrollbox .shareshow{ position: relative; width: 200px; height: 200px;border-radius: 4px; overflow: hidden;}
  439. .shareopeart{ position:absolute; bottom:0px; left:0px; z-index:100; overflow:hidden; width:100%;}
  440. .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;*/}
  441. .sharebtn:hover{ color:#fff; background:#ff9900;}
  442. .resoubtn{ position:absolute;top:40%; width:30px; height:41px; background:#ccc; border-width:1px 1px 0 1px; display:none; cursor:pointer;}
  443. .resouprev{left:-4px;background:url(../images/arrows.png) -30px 0 no-repeat;}
  444. .resounext{right:-4px;background:url(../images/arrows.png) 0 0 no-repeat;}
  445. .resouprev:hover{ background:url(../images/arrows.png) -30px -41px no-repeat;}
  446. .resounext:hover{ background:url(../images/arrows.png) 0 -41px no-repeat;}
  448. /*合作历史及评价*/
  449. .evaluate2{ overflow:hidden; border-bottom:1px dashed #d6d6d6; padding:10px 0;}
  450. .evaluate2 .lefteva{ float:left; max-height:200px; width:12%; max-width:200px; text-align:center; margin-top:10px;}
  451. .evaluate2 .evaimg{ display:block; width:60px; height:60px; overflow:hidden;margin:auto;}
  452. .evaluate2 .righteva{ padding:0 10px; float:right; width:88%;}
  453. .evaluate2 .evasort{ }
  454. .evaluate2 .evasort li{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  455. .evaluate2 .evastarbox{ overflow:hidden;}
  456. .evaluate2 .evastar{ display:block; width:20px; height:20px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -25px no-repeat;}
  457. .evaluate2 .evabrief{ display:block; max-height:80px; overflow:hidden; text-overflow:ellipsis; }
  458. .shareabout .morebtn{ text-align:right; overflow:hidden; margin:10px;}
  459. .shareabout .morebtn .morelink{ color:#333;font-size:14px;line-height:60px;float:right; margin-right:20px;}
  461. /*个人修改页面科研资源*/
  462. .enterwork{ color:#333;position:absolute; bottom:10px; left:102px; cursor: pointer;}
  463. .enterwork:hover{color:#ff9900;}
  464. /*机构信息页面*/
  465. .head-org{ float:left;  position: relative;width:180px; height:180px; overflow:hidden;}
  467. .similarblock{ overflow:hidden; margin:0 10px; padding:10px; border-bottom:1px dashed #d6d6d6;}
  468. .similarblock .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; float:left; margin-right:20px;}
  469. .rightsim{ max-width:160px; overflow:hidden; float:left;}
  470. .rightsim p{text-overflow:ellipsis;  white-space:nowrap;overflow:hidden;font-size:12px; line-height:16px;}
  472. .subuser{ overflow:hidden;}
  473. .subuser li{ overflow:hidden; float:left; text-align:center; padding:10px; width:24%; list-style:none;}
  474. .subuser li .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; margin:auto;}
  475. #evastarboxx .staspan{background: url(../images/evastar.png) 0 -3px no-repeat;}
  477. /*资源详细信息页面*/
  478. .resouLeft{ width: 79%;/*border:1px solid #eaeaea;*/}
  479. .resTop{padding:6px;position: relative;padding:20px 10px;background:#FFFFFF;}
  480. .resBrief{width:60%;min-height: 300px;margin-right:1%;}
  481. .resBrief .h2Font{line-height: 26px;}
  482. .resBrief .h2Font small{color:#888888;line-height: 12px;}
  483. .subtit{color:#888888; padding-right:6px; }
  484. .resAbout{margin:6px 0;padding: 4px 6px; background: #F4F4F4;margin-bottom: 46px;}
  485. .resAbout .subtit{line-height: 36px; }
  486. .resUlbox {margin: 1% 2%;}
  487. .resUl {width:85%;color:#666666}
  488. .resUl li{ float: left; margin: 1%;padding:4px 16px; background: #FFFFFF; /*border: 1px solid #e6e6e6;*/border-radius: 6px;}
  490. .resBottom{margin:10px 0;padding:20px 10px;background:#FFFFFF;}
  491. .resMore{margin:10px 30px 30px 30px; overflow: hidden; border:1px solid #eaeaea;padding:15px;line-height: 24px;color: #666; min-height: 640px;}
  492. .resMore p{line-height:2;margin:6px 0;}
  494. .resouRight{ width: 20%;}
  495. .rightBlock{ min-height: 340px;padding:16px 10px;margin-bottom:10px; background: #FFFFFF;}
  496. .proImg{ text-align: center;}
  497. .proImg img{ width:180px;margin: auto;}
  498. .proInfo{padding:10px 16px;}
  499. .otherRes{padding:10px;}
  500. .otherRes li{border: 1px solid #e4e5e7;overflow:hidden;margin:10px 0;border-radius: 6px;cursor: pointer;}
  501. .otherRes li a{display: block;}
  502. .otherRes li .resoumag .resourceImgBox{ max-width:168px;width:168px;height: 168px;}
  503. .otherRes li .resoumag h2{color: #666666; text-align: center; padding:10px;}
  504. /*科研文章*/
  505. .otherRes.shareshow{height:220px;overflow:hidden;width:100%;padding:10px 0;margin-right:-12px;}
  506. .otherRes.shareshow li{ width: 202px;float:left;border: 1px solid #e4e5e7;margin:0 14px 14px 0;border-radius: 6px;cursor: pointer;}
  507. .otherRes.shareshow li:last-child{margin:0 0 12px 0;}
  509. /*文章详细信息页面*/
  510. .resBrief2{width: 98%;margin: auto;min-height:80px;}
  511. .resBrief2 .subtit{line-height: 42px; }
  512. .resBrief2 .resAbout{margin-bottom: 20px;}
  513. .art_topicBox{position: relative;display: block;}
  514. .art_tbox{ position:absolute;top:0;width:100%;height:100%;
  515. 	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Safari 5.1 - 6.0 */
  516. 	background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Opera 11.1 - 12.0 */
  517. 	background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Firefox 3.6 - 15 */
  518. 	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
  519. }
  520. #artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF}
  521. .art_img{ width: 100%; height:160px; overflow: hidden;
  522. 	background-image: url(../images/default-artical.jpg);
  523. 	background-repeat:no-repeat;
  524. 	background-position:center center;
  525. 	background-size:cover;/*宽高覆盖区域*/
  526. 	-moz-background-size:cover;
  527. 	-webkit-background-size:cover;}
  529. .tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
  530. .tagsBox span{color:#666;margin:0 2px;font-size: 13px;}
  531. .main_content{width:94%; margin: auto;}
  532. #artical_real p{margin:6px 0;padding:2px;font-size: 15px; line-height: 26px;color:#666666;}
  533. #artical_real p.indentNone{text-indent: 0;text-align: center;}
  534. #artical_real p.indentNone img{width:90%; margin: 10px 0;}
  535. #artical_real .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
  536. #artical_real .artSTit{text-indent: 0.5em;font-size:16px; color:#069E21;}
  538. .share-nav{position:static;background:rgba(245, 248, 251, 0.94); padding:10px 20px;border-top:1px solid transparent;border-bottom:1px solid transparent;}
  539. .share-nav.fixed{position:fixed;width:810px;bottom:0;display:block;border-top:1px solid #d3d7db;border-bottom:1px solid #d3d7db;}
  540. .navOperate{color:#888888;margin:6px 8px;}
  541. .navOperate:hover{color:#ff9900;}
  542. .share-nav .wrapicon{display: inline-block;cursor:pointer;padding:0 10px;width: 24px;height: 24px;}
  543. .share-nav .upTop{background: url(../images/wrapIcon.png) 0 0 no-repeat; background-size:100% auto ;}
  544. .share-nav .upTop:hover{background: url(../images/wrapIcon.png) 0 -24px no-repeat; background-size:100% auto ;}
  545. .share-nav .shareBttn{display: inline-block;position:relative;border:1px solid #52DA4D;color: #52DA4D; border-radius: 999em;cursor:pointer;padding:2px 24px;}
  546. .share-nav .shareCode{margin-left: -40px;}
  547. .share-nav .shareBttn:hover{background: #52DA4D;color: #FFFFFF;}
  548. .share-nav .wordHave{background: url(../images/wrapIcon.png) 0 -47px no-repeat; background-size:100% auto ;}
  549. .share-nav .wordHave:hover{background: url(../images/wrapIcon.png) 0 -69px no-repeat; background-size:100% auto;}
  550. .share-nav .listtit2{line-height: 40px;margin-left:10px;width:86%;color:#888;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;}
  552. .commentsArea{padding-bottom: 40px;}
  553. .comments-title{font-size:22px;line-height:40px;margin: 10px 0 40px 0;padding-bottom: 6px;border-bottom: 1px solid #dadada;}
  554. .respondBtn.frmtype{display:block;width:96%;margin:auto;color:#666666;text-align: center;cursor: pointer;line-height: 40px;}
  555. .respondBtn.frmtype:focus{border:1px solid #dadada;}
  556. .commentsArea .media-body{width: 90%;margin-left: 10px;}
  557. .commentsArea .media-body .listtit{color:#ff9900;line-height: 24px;font-size:15px}
  558. .commentsArea .media-body .listtit3{color:#666666;line-height: 21px;font-size:14px}
  560. .commentList li{padding:20px 10px;border-bottom:1px dashed #dadada;overflow:hidden;}
  561. .commentList li:last-child{border-bottom:1px dashed transparent;}
  562. .commentsArea .goMsgbox{padding:20px 10px;width: 100%;}
  563. .commentsArea .goMsgbox .frmbtn:focus{border:1px solid transparent;}
  564. .commentsArea textarea{  
  565.     background-color: #fafafa;
  566.     color: #55636D;
  567.  	outline: none;
  568.     padding: .2rem;
  569.     width: 100%;
  570.     border: 1px solid #d3d7db;
  571.     border-radius: 3px;
  572.     font-size: 14px;
  573.     resize: vertical;
  574.     margin-bottom: 15px;
  575.     height: 5rem;
  576.     }
  577. .commentsArea .msgContbox{width:90%;}
  578. .commentsArea .msgCont{ min-height:160px;width: 100%;padding:4px 6px;margin-left:10px}
  580. /*专家认证*/
  581. .IdentityState{margin: 20px;background: #fff;padding: 100px 10px 100px 10px; text-align:center;}
  582. .IdentityState p{padding:10px; margin:10px;}
  583. .identBtn{ padding:10px 26px; background:#ff9900; border-radius:4px; color:#fff;cursor: pointer;}
  584. .nowState{display:none;}
  585. .nowState:first-child{display:block;}
  586. .identProcess{font-size:20px; color:#777;}
  587. .identts{font-size:15px;color:#999;line-height: 34px;}
  588. .IdentityUp{padding-bottom: 20px;}
  589. .webupArea .littip{color:#999;padding:10px 30px;font-size:14px;}
  590. .webupArea .webuploadMut{min-height:250px;padding:10px;margin:0 20px; background: #fff;border: 2px #f0f0f0 dashed;}
  591. .webupArea .subUp{margin-right:20px;}