Home Verkennen Help
Registreren Inloggen
jiapeng
/
portal-front
Volgen 3
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 290 Publicaties 0 Wiki

portal html css js resource

Boom: 37d6330239
Aftakkingen Labels
portal-front
/
css
/
index.css

index.css 43KB
Geschiedenis Ruwe

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