Начало Каталог Помощ
Регистрация Вход
jiapeng
/
portal-front
Наблюдаван 3
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Ревизии 1331 Версии 0 Уики

portal html css js resource

ИН на ревизия: fff9553b16
Клонове Маркери
portal-front
/
css
/
index.css

index.css 40KB
История Директен файл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554 
  1.  @charset "utf-8";
  2. /* CSS Document */
  4. html, body{background: #FFFFFF;}
  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:20px; color:#333;}
  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; }
  26. .bgProColor{background-color: #FF9900;}
  27. .btn-pro{color:#FFFFFF;background: #FF9900;position: absolute;bottom: 0;left: 50%; margin-left: -53px;}
  28. .btn{padding:6px 24px;}
  29. .btn:hover,.btn:focus{outline:none;box-shadow: none;color: #FFFFFF;}
  32. .link-btn-box{padding:20px 0;}
  33. .link-btn-block{ width: 96%;margin:auto;text-align: center;margin-top: 50px;padding:10px 20px 40px; border:1px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
  34. .link-btn{position: relative; width: 32%;margin:auto;margin-bottom: 46px; background: #fff;height: 2px;top: -12px;}
  35. .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;}
  36. .link-btn-icon-fabu{background-image: url(../images/home_icon_fabuxuqiu_nor.png);}
  37. .link-btn-icon-ruzhu{background-image: url(../images/home_icon_qiyeruzhu_nor.png);}
  38. .link-btn-icon-pro{background-image: url(../images/home_icon_woshizhuanjia_nor.png);}
  39. .link-btn-tip{position: relative; min-height: 150px;padding:0 10px;font-size:16px;color:#666; line-height: 24px;}
  40. .link-tip-tit{font-size:20px;color:#333;line-height: 46px;}
  41. /*热门领域*/
  42. .hot-field{ width:100%;min-width: 1120px;  background:url(../images/fieldbg.jpg) center center no-repeat; background-size:cover;padding:40px 0 50px;}
  43. .con-tit{text-align: center;padding:30px 0 20px;}
  44. .con-tit .hh4{background: url(../images/home_line_nor.png) no-repeat center center;font-size:26px;line-height:48px;color:#333333;}
  45. .con-tit .hh4 .homeicon-area{background: url(../images/home_icon_remenlingyu_nor.png) no-repeat 0 center;padding-left:30px;}
  46. .con-tit .hh4 .homeicon-pro{background: url(../images/home_icon_remenzhuanjia_nor.png) no-repeat 0 center;padding-left:30px;}
  47. .con-tit .hh4 .homeicon-hezuo{background: url(../images/home_icon_hezuoqiye_nor.png) no-repeat 0 center;padding-left:30px;}
  48. .con-tit .hh4 .homeicon-fangtan{background: url(../images/home_icon_fangtan_nor.png) no-repeat 0 center;padding-left:30px;}
  49. .con-tit .showtip{font-size: 18px;line-height: 40px;color:#999999;}
  50. .con-ulList{margin-right:-20px;margin-bottom:-20px;}
  51. .con-ulList>li{width:31.5%;float:left;text-align:center;margin-right:20px;height:210px;margin-bottom:20px;border:1px solid #e5e5e5;}
  52. .con-ulList>li:hover{box-shadow:1px 1px 10px 1px #ddd;}
  53. .con-ulList>li>a{display: block;width:100%;}
  54. .con-ulList>li .h1Font{line-height:20px;font-size: 18px;color:#333;margin-bottom:6px;}
  55. .con-ulList>li .h3Font{font-size: 15px;line-height: 22px;margin-top:6px;}
  56. .con-ulList>li .qiyego{display: inline-block;max-width: 86%;line-height: 20px;}
  57. .con-ulList>li .authiconNew{top:-2px}
  58. .con-ulList>li .madiaHead{width:164px;height:110px;margin:16px auto;background-position:center;background-size:cover;overflow: hidden;}
  59. .con-ulList>li .madiaHead .boxBlock{width:164px;height:110px;}
  60. .con-ulList>li .madiaHead .boxBlock .boxBlockimg{transition: all 0.6s;}
  62. .con-ulList.con-ulListF>li{width:23.1%;height:180px;}
  63. .con-ulList>li .madiaOuter{background-size:cover;background-position:center;height:100%;position:relative;}
  64. .con-ulList>li .madiaInner{width:100%;height:100%;background:rgba(0,0,0,.5);padding:30px;text-align:left;}
  65. .con-ulList>li .madiaInner .ellipsisSty-2{-webkit-line-clamp:3;color:#fff;margin-bottom:16px;line-height:28px;max-height:80px;}
  66. .con-ulList>li .madiaInner .h3Font{color:#fff}
  68. .con-ulList.con-ulListO{margin-top: 10px;}
  69. .con-ulList.con-ulListO>li{height:140px;padding:16px}
  70. .con-ulList.con-ulListO>li .h1Font{margin-bottom:0;}
  71. .con-ulList.con-ulListO>li>a{padding-top:0;}
  72. .con-ulList.con-ulListO>li .madiaHead{width:68px;height:68px;position:absolute;top:50%;margin-top:-34px;border-radius:50%;}
  73. .con-ulList.con-ulListO>li .madiaInfo{padding-left:78px;text-align:left;}
  74. .con-ulList.con-ulListO>li .flexCenter{min-height:80px;}
  75. .con-ultab{margin:0 auto 10px;text-align:center;width:80%;max-height:80px;overflow: hidden}
  76. .con-ultab>li{display:inline-block;cursor:pointer;padding:4px 10px;text-align:center;margin-right:10px;margin-bottom:10px;border:1px solid #e5e5e5;border-radius:20px;}
  77. .con-ultab>li:hover{border-color:#ff9900;color:#ff9900;}
  78. .con-ultab>li.liNow{border-color:#ff9900;color:#ff9900;}
  79. /*.field-box{ overflow:hidden; margin:20px auto;}
  80. .field{border-radius:2px; border:1px solid #d0d0d0;padding:10px 0; float:left;}
  81. .field-name{ display:block;font-size:16px;line-height:40px; color:#fff; text-align:center;}
  82. .field-icon{ display:block; width:120px; height:120px; border-radius:50%; margin:auto;}
  83. .field-name:hover{color:#fff;}
  84. .field-icon1{ background:url(../images/fieldIcon/field20.png) no-repeat center center;}
  85. .field-icon2{ background:url(../images/fieldIcon/field11.png) no-repeat center center;}
  86. .field-icon3{ background:url(../images/fieldIcon/field16.png) no-repeat center center;}
  87. .field-icon4{ background:url(../images/fieldIcon/field04.png) no-repeat center center;}
  88. .field-icon5{ background:url(../images/fieldIcon/field18.png) no-repeat center center;}
  89. .field-icon6{ background:url(../images/fieldIcon/field07.png) no-repeat center center;}
  90. .field-icon7{ background:url(../images/fieldIcon/field02.png) no-repeat center center;}
  91. .field-icon8{ background:url(../images/fieldIcon/field05.png) no-repeat center center;}
  92. .more{position: relative; display:block; width:132px; height:35px; margin:auto;font-size:14px;line-height:32px;padding:0 30px; color:#fff;}
  93. .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%;}
  94. .hot-field .more{ color:#fff;}*/
  95. /*热门专家*/
  96. .hot-professor{ width:100%;min-width:1120px; }
  97. .hot-professor .carousel .carousel-caption{position:static;height: 450px;text-shadow: none;}
  98. .hot-professor .homeinfo{position:absolute;margin:60px 0;left:18%;max-width:36%;text-align:left;overflow:hidden;text-shadow:1px 1px 6px #666;}
  99. .hot-professor .homeinfo .h1Font{font-size: 22px;line-height:32px;color:#fff;font-weight:700;margin-bottom:20px;max-height:64px;}
  100. .hot-professor .homeinfo .h2Font{font-size: 16px;line-height:32px;font-weight:600;margin:2px 0;color:#fff;text-align:justify;text-justify:inter-ideograph;}
  101. .hot-professor .homebrief{max-height:228px;}
  102. .hot-professor .carousel .item{background: none;border:none;}
  103. .hot-professor .carousel .item.active{box-shadow: none;}
  104. .hot-professor .carousel .aitemLink{display:block;background-position:center center;background-size:cover;}
  105. .hot-professor .carousel .aitemLink>.carousel-caption{background-color:rgba(0,0,0,.2);}
  106.  @media only screen and (min-width: 800px) and (max-width:1280px) {
  107.  	.hot-professor .homeinfo{max-width:45%}
  108.  }
  109.  @media only screen and (min-width: 100px) and (max-width:800px) {
  110.  	.hot-professor .homeinfo{max-width:60%}
  111.  }
  112. /*友情链接*/
  113. .urlLinkBox{background: #FAFAFA;padding: 10px 0;margin-bottom:-20px}
  114. .urlLinkBox .tit-M{color: #333;font-size: 18px;margin-bottom:10px;margin-top: 5px;}
  115. .urlLinkBox .link-box>ul{overflow: hidden;margin-right: -10px;}
  116. .urlLinkBox .link-box>ul>li{display: inline-block;float:left;margin-right: 10px;font-size: 14px;line-height:24px;width:19%;}
  117. .urlLinkBox .link-box>ul>li>a{color:#666}
  119. /*------------------------------------------------------------------------------------*/
  120. /*账号设置*/
  121. .account{ min-height:100px; margin:auto; padding-top: 40px;overflow: hidden;}
  122. .account-set{ width:12%; min-height: 280px; float:left; background:#f8f8f8; border-radius:6px; margin-top:50px; overflow:hidden;}
  123. .account-title{ height:58px; padding:0 20px;font-size:17px;line-height:68px;color:#a3a3a3;}
  124. .leftsidebar{ display:block; width:100%; height:40px; padding-left:30px;font-size:15px;line-height:40px; color:#313131;}
  125. .bgcolor{ background:#ff9900; color:#fff;}
  126. .leftsidebar:hover{ background:#ff9900; color:#fff;}
  128. .contentbox{  width:87%; float: right;overflow:hidden;margin:40px 0;}
  129. .content-set{ width:100%;  min-height: 460px; background:#f8f8f8; border-radius:6px; padding-bottom: 20px;margin:10px 0; overflow:hidden; display:none;}
  130. .content-set:first-child{ display:block;}
  131. .content-set form{ width: 600px;margin: auto;padding: 10px;}
  132. .content-title{height:58px;padding:0 30px;font-size:17px;line-height:64px; color:#313131; border-bottom:1px #c8c8c8 solid;}
  133. .content-main{ padding:0 20px;}
  134. .note{ width:438px;padding: 10px; margin:20px auto 10px;font-size:14px;color:#818181; text-align:center; border-bottom:1px #c8c8c8 dashed;}
  135. .note p{line-height:20px;}
  136. .acountinfor{ width:60%; margin:10px auto; }
  137. .account-photo{ width:175px; height:175px; margin:auto;margin-top:25px; margin-bottom:25px; overflow:hidden;}
  138. .account-photo img{width:100%;}
  139. .account-name{ height:50px; padding: 0 40px;}
  140. .text-txt{font-size:18px;line-height:50px;color:#515151;}
  142. /*.edit2{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;margin: 15px 6px;cursor:pointer;}*/
  143. .text{ overflow: hidden;width:180px;margin: auto;}
  144. .text a{ overflow: hidden;font-size:14px;line-height:57px; color:#f5980b; padding-left:5px;}
  145.  
  146. .account-wallet{margin:20px auto;  padding: 20px; background: #E8E8E8; border-radius: 6px;}   
  147. .mywallet{ font-size:16px; line-height:20px; color:grey; font-weight: 500;}
  148. .walletbox{overflow: hidden; padding:6px 14px;}
  149. .walletbrig{font-size: 14px; color: #666; margin-left:20px;  }
  150. .walletbrig span{ color: #666; margin:2px 10px;font-weight:600; }
  151. .walletbrig span .amount{ font-size: 24px;}
  152. .walletbrig span .fen{ font-size:18px;} 
  153. .walletrecords{font-size: 14px; line-height:40px; margin-left:20px; }
  154. .walletrecords span{ color:#666;  margin:2px 6px; }
  155. .walletrecords .recordbtn{ color:#ff9900;cursor:pointer;}
  157. .name-txt{ float:left;font-size:18px;line-height:50px; color:#818181;}
  158. input[type='radio'].radio {opacity:0; display:inline-block; height:20px; float:left; }
  159. 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;}
  160. input[type='radio'].radio:checked + .radio {background:url(../images/redio.png) no-repeat;}
  161. .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;}
  162. /*修改密码*/
  163. .msgs{font-size:14px;line-height:40px; color:#ff8500;padding-left:8px;  float:left;cursor:pointer;}
  164. .msg{ clear:both;font-size:14px;line-height:26px;color:red; padding-left:120px; background:url(../images/info_warn.png) 100px center no-repeat; }
  165. .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;  }
  166. .marginT{ height:60px; width:100%;}
  167. .password{ width:100%; height:40px; clear:both; margin:6px 0; }
  168. .lable{ float:left; display:block; width:100px;font-size:16px;line-height:40px; color:#747474; padding-right:15px; text-align:right;}
  169. .psd{ width:350px; height:40px; float:left; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:10px;}
  170. .forget{ display:block; height:40px;font-size:14px;line-height:40px; color:#ff8500; float:right;cursor:pointer; position:relative;}
  171. .forget:hover{ color:#ff8500;}
  172. /*账号绑定*/
  173. .binding{ width:100%; height:44px;font-size:16px;line-height:66px;color:#818181;margin-left:70px;; margin-top:40px; display:none; }
  174. .unbinding{width:580px; height:44px;font-size:16px;line-height:66px; color:#ff9900;margin:auto; margin-top:40px; cursor:pointer; }
  175. .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;}
  176. .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;}
  177. .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;}
  178. .replace3,.replace4{ display:none;color:#666;}
  180. .coverblock{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:1004; display:none;}
  181. .floatbox{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;}
  182. .float-title{  height:60px;border-bottom: 1px #ff9900 solid;font-size:18px;line-height:60px; color:#818181; padding:0 20px;}
  183. .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; }
  185. .bdfrm{ padding:20px 30px 40px 30px; }
  186. .yz{ width:350px; height:36px; border-radius:6px; border:1px #bdbdbd solid; box-shadow:0px 0px 2px #bdbdbd inset; padding-left:20px; margin:10px;}
  188. .cover p{ clear:both;font-size:15px;line-height:26px; color:#818181; text-align:center; margin:10px 0;}
  189. .coverset p{ clear:both;font-size:15px;line-height:26px; color:#818181; text-align:center; margin:10px 0;}
  190. .cover2 p{ clear:both;font-size:15px;line-height:26px; color:#818181; text-align:center; margin:10px 0;}
  191. .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;  }
  192. .act{margin-left:40px;}
  193. .act-color{background:#ff9900;color:#fff;}
  194. .back-btn:hover{background:#ff9900;color:#fff;cursor:pointer;}
  195. .input-code{ width: 210px;margin-left: 10px;}
  196. .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;}
  198. /*------------------------------------------------------------------------------------*/
  199. /*专家信息页*/
  200. /*咨询模块按钮入口*/
  201. /*.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;}
  202. .coulstblock .coulstbox{display:block;padding:10px 20px;width:90%;margin:auto; overflow:hidden;}
  203. .coulstblock .coulstbox .prohead{ width:80px;margin-left:40px; overflow:hidden;}
  204. .coulstblock .coulstbox .proinfomation{margin:0 2%;max-width:50%; overflow:hidden;}
  205. .coulstblock .coulstbox .coulstbtn{padding:24px 10px; margin-right: 20px;}
  206. .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}
  207. .coulstbtn .shareWeixin{background: #52DA4D;}
  208. .shareCode{background:#FFFFFF;border:6px solid rgba(0,0,0,.2);padding:8px;position: absolute;bottom:40px;left:0;display: none;width:340px;}
  209. .shareCode img{width:120px;height:120px;}
  210. .shareCode .shareWord{width: 160px;margin:16px 10px;color:#666666;text-align: left;font-size: 16px; line-height: 28px;}
  211. .coulstbtn .attentBtn{position:relative;padding-left:20px;border:1px solid #ff9900;color:#ff9900;background: transparent;}
  212. .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;}
  213. .coulstbtn .attentBtn i{font-style: normal;}
  214. .coulstbtn .attentBtn.attented{color:#ffffff;padding-left:24px;background: #f4c600;border:1px solid #f4c600;}
  215. .coulstbtn .attentBtn.attented em{background:url(../images/favoricon.png) 0 -48px no-repeat;background-size:100% auto;left:28px;}*/
  216. /*专家信息头部*/
  218. /*.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;}
  220. .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;}
  221. .infor{clear:both; width:100%;overflow:hidden; margin:10px; }
  222. .infor2{clear:both; width:100%; margin:10px; }
  223. .infor span,.infor2 span{ display:block; width:60px; height:26px; float:left;font-size:14px;line-height:26px; margin-left:10px;}
  224. .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;}
  225. .selectbtn{ width:200px; height:24px; border:none; background:url(../images/downselect.png) no-repeat 150px center; font-size:14px;line-height:26px; color:#999;}*/
  226. /*.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;  }
  227. .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; }
  228. .close:hover,.close2:hover{ background:#ff9900; color:#fff; opacity: 1; }*/
  231. /*专家信息内容*/
  232. /*.information-content{  width:1100px;height:auto; margin:auto;margin-top:20px; position:relative;overflow: hidden;}
  233. .content-left{min-height:394px;max-width: 252px;min-width: 250px;width:24%; float:left;overflow:hidden;z-index:100; }
  234. .menublock{ margin-bottom:10px;width:100%; background:#fff; border:1px #eaeaea solid; padding-bottom:10px;}
  235. .left-title{ width:165px; height:44px;font-size:20px;line-height:44px; border-bottom:1px #ffad55 solid; padding-left:10px; }
  236. .subsidebar{ display:block;cursor: pointer; width:100%; height:26px; padding-left:18px;font-size:14px;line-height:26px;color:#313131; margin-top:5px;}
  237. .subcolor{ background:#ff9900; color:#fff;}*/
  240. /*.content-right{ width:820px;min-height:100px; float:left; background:#fff; }
  241. .right-box{ width:100%; margin-bottom:10px; }
  242. .right-title{ position:relative; overflow:hidden; padding-right:20px;}
  243. .right-title span{ float:left;font-size:20px;line-height:48px; /*color:#ff9900; *//*padding-left:15px;}*/
  244. /*.edit-position-left{ background-position:left;}*/
  245. /*.editbox{ clear:both; width:665px; margin:auto;font-size:14px;line-height:20px;color:#666;}*/
  246. /*.reedit{ clear:both; width:100%; min-height:210px; padding:10px;border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; font-size:14px;line-height:20px; color:#3e3e3e;resize:none;
  247. }*/
  249. /*.addclick{position:absolute; right:0;top:50%;margin-top:-24px;font-size: 14px;background: url(../images/addclick.png) 0 14px no-repeat; padding-left: 22px;line-height: 48px;color: #ff9900;cursor: pointer;}
  250. .edit{  background:url(../images/edit.png) no-repeat left center;}*/
  251. /*.exitlist{position:absolute;margin-top:2px;margin-left:6px; width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;cursor:pointer;}*/
  252. /*.btnbox{ overflow:hidden;padding:16px 20px;}*/
  253. /*.btnbox .btn{margin:0 6px;}*/
  254. /*.btnbox .deletebtn{color:#F00;box-shadow: none;border: none;background:none; float:right;	}*/
  256. /*.modifybox{ display:none;padding:10px 36px; margin: 6px -30px;background: #FFF9EF;}*/
  257. /*.infor-browse{ clear:both;padding-bottom:16px;}
  258. .infor-browse2{padding-bottom:0;}*/
  259. /*.btn-marL{cursor:pointer; }
  260. .btn-marB{ margin-bottom:30px;cursor:pointer;}*/
  261. /*.btn{ width:105px; padding:0;cursor:pointer;}
  262. .btn:hover, .btn:focus { text-decoration: none; color:#fff;}*/
  263. /*.select-sele{ clear:both; width:100%; height:26px;}
  264. .add{ float:left;}
  265. .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; }*/
  267. /*.listbox-browse{ min-height:26px; position:relative;}
  268. .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;}
  269. .plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/thumb-up.png) no-repeat 0 0; margin-left:10px;  }
  270. .line{ width:110px; height:1px; background:#ccc; float:left; margin-left:30px; margin-top:12px;}
  271. .like-num{ float:right;max-width:38%;height:26px; padding:0 20px; overflow:hidden;cursor:pointer;}
  272. .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%;}
  273. .like-people img{ width:100%; height:100%;}
  274. .like-more{ display: block; border:1px solid #CCCCCC; background:url(../images/likemore.png) no-repeat center center;}
  275. .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;}*/
  276. /*.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-right:15px; float:left;cursor:pointer;padding:0 8px;}*/
  277. /*.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;}
  278. .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;}
  279. .like{ display:block; float:left; width:28px;background:#ff9900; color:#fff;font-size:10px;line-height:26px; margin-right:5px;}*/
  280. /*.remove{ cursor:pointer; padding-left:5px;}
  281. .remove img{width:10px;margin-left:6px;}*/
  282. /*.cancel{ cursor:pointer; padding-left:5px;}
  283. .ann{ clear:both; color:#7f7e7e;font-size:10px;line-height:10px; margin-left:50px;}
  284. .input-width{ width:326px;}
  285. .bus-title{ clear:both;font-size:14px;line-height:26px; color:#3e3e3e; }
  286. .check{ width:257px; height:26px; float:left;margin-left:35px;font-size:14px;line-height:26px;color:#3e3e3e;}
  287. .txt-width{ width:358px;}
  289. .txtType{ position:relative;}
  290. .txtExp{ position:relative;width: 60%;}
  291. .dateExp{ position:relative;}
  292. .lineTo{height: 1px;border: 1px solid #bbb;width: 20px;margin: 15px 0 0 10px;}
  293. .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; }
  294. .edu{ font-size:16px;line-height:30px; color:#868686;padding: 0 16px; margin: 10px;width: 100%;}
  295. .edu-h{ height:52px;}
  296. .edu-txt{ width:100%;margin-left: 8px;height: 30px;font-size: 14px;line-height: 18px;}
  297. .date-box{ }
  298. .datebox{ width:540px; overflow:hidden; height:26px;}
  299. hr{ width:18px; float:left; background:#ffc688; height:2px; border:none; margin:10px;}
  300. .checkbox{ float:left; width:60px;margin-left:15px;margin-top: -1px;}
  301. .date-btn{ float:left; width:180px; background:url(../images/select.png) no-repeat right #fff;background-size:13% 100%; z-index:999;}
  302. .opacity{ width:150px;}
  303. label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
  304. .edu-select{ margin-left:10px; width:240px; }
  305. .sf{ float:left;}
  306. .radiobox{ width:115px; float:left;}
  307. .date-title{float:left;    margin-right: 4px;}
  308. .edu-sel{ float:right;}
  310. .edu-infor li{margin:0 35px;position: relative;}
  311. .edu-infor li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:10px;left:0;}
  312. .edu-about li{ list-style:none;position:relative;padding-left: 0;}
  313. .edu-about li div.h4tit{position: relative;padding-left:12px;}
  314. .edu-about li div.h4tit:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:12px;left:0;}
  315. .edu-about li .listdata{position:relative;margin:0 35px; padding-left:16px;}*/
  316. /*.edu-about li .listdata .listpoint{display: block;width: 5px;height: 5px; background: #888;border-radius: 50%; position: absolute;top: 10px;left:0;}*/
  317. /*  .edu-about li.listnone{margin: 0; list-style: none;padding-left: 0;}  */
  318. /*.edu-about{ list-style:inside;font-size:14px;line-height:26px;color:#868686;padding:10px 0 26px 0;cursor:pointer;}
  319. .edu-about span{ display:none;}
  320. .edu-infor2 li{padding-left:8px;}
  321. .infor-browse .edu-about{ color:#666;}
  322. .infor-browse .edu-infor { color:#666;}
  323. .infor-browse .showList li{padding:0 35px;}
  324. .infor-browse .showList2{padding:0 35px;}
  325. .infor-browse .showList2 li{padding-left:10px;}
  326. .infor-browse .showList2 li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:10px;left:0;}*/
  327. /*#industryShow li{padding-left:10px;}*/
  329. /*企业头部*/
  330. .cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
  331. .cmpBasic span:first-child:before{border:none;margin:0; }
  332. /*企业员工用户*/
  333. .staffDlist{overflow: hidden;margin:0 35px;}
  334. .staffDlist h2{float:left;width: 58px; text-align: right;line-height: 60px;}
  335. .staffDlist dl{width: 78%;float: right;}
  336. .staffDlist dl .staffchild{width:60px;}
  337. .staffDlist dd{float:left;margin:2% 3%;}
  338. .needTopic{ display:inline-table; max-width:76%;}
  339. .needAim{margin-left:20px;}
  340. .cmpStaff dl{width:100%;float:none;margin-right:-4%;}
  341. .cmpStaff dd{max-width:120px;text-align: center;margin:2% 2.9% 1% 0;}
  342. .cmpStaff dd .staffChild{width:80px;margin:auto}
  343. /*企业需求*/
  344. .infoList{ overflow: hidden;margin:0 35px;padding:6px 0;}
  345. .infoList li{margin:4px;position: relative;overflow: hidden;}
  346. .infoList .workitimg{ display:block;overflow:hidden;width:100px; height:100px;margin: 5px 0; }
  347. .infoList .rebackcon{ height:50px;width:600px;line-height: 24px; overflow:hidden;} 
  349. .add-icon{ cursor:pointer;}
  350. .button{ float:left; width:40px; height:17px; margin-left:10px; margin-top:4px;}
  351. .modi{ cursor:pointer;padding-left:10px;}
  352. .addbox{ display:none;}
  354. /*下拉*/
  355. .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;}
  356. .mr_timed_div .mr_btn {border: 0;text-align: left;width: 160px;height: 28px;background-color: #fff;}
  357. .mr_timed_div {position: relative;width: 180px;height: 30px;cursor: pointer; background-color: #fff;}
  358. .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;}
  359. .ul_edubg { max-height: 182px;overflow: auto;display:none;border: 1px solid #e7e7e7;}
  360. .mr_timed_div .xl_list li {line-height: 36px;padding-left: 10px;list-style:none;margin: 0 10px;}
  362. /*日期组件*/
  363. .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;}
  364. .mr_calendar_ym ul {float: left;}
  365. .mr_calendar_ym span{display:block;}
  367. .mr_calendar_ym .mr_year {width: 34%;height: 158px;border-right: 1px solid #efefef;overflow: auto;}
  368. .mr_calendar_ym .mr_year li {list-style:none;margin:0;cursor: pointer;line-height: 32px;background-color: #fff;color: #333;text-align: center;}
  369. .mr_calendar_ym .mr_month { word-wrap: normal;padding: 10px 10px 10px 16px;background-color: #fff; width:66%;height:158px;}
  370. .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;}
  371. .mr_calendar_ym .full_year{width: 100%;height: 158px;border-right: 1px solid #efefef;overflow: auto;}
  372. .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;}
  374. .mr_calendar_ym .active { background-color: #ff9900!important;color: #fff!important;}
  376. /*<!--城市选择器-->*/
  377. .citybox{float:left; width:340px;}
  378. .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;*/}
  379. .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;}
  380. .infolist .liststyle span .mr_show{ font-style:normal;width:160px;display:inline-block;height:26px;line-height:26px;position:relative;}
  381. .infolist .liststyle span .mr_sj{right:4px;top:10px;}
  383. .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;}
  384. .infolist .liststyle span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
  385. .infolist .liststyle span ul li:first-child{border-top:0;}
  386. .infolist .liststyle span ul li a{display:block;height:30px;line-height:30px;padding:0 8px;color:#494949;}
  388. .radio+.radio, .checkbox+.checkbox {
  389.     margin-top: 2px;
  390. }
  391. /*------------------------------------------------------------------------------------*/
  393. /*科研资源*/
  394. /*.shareabout{ position:relative; margin:0 20px;}
  395. .sharesrcbox{overflow:hidden; position:relative; margin:auto;width: 96%;  }
  396. .sharescrollbox{ overflow:hidden;width:30000em; position:relative; left:0;}
  397. .sharescrollbox .sharesrc{ width:200px; margin:10px 6px; float:left;}
  398. .sharescrollbox .restit{ color:#666; margin-top: 6px;}
  399. .sharescrollbox .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; color:#777; }
  400. .sharescrollbox .shareshow{ position: relative; width: 200px; height: 200px;border-radius: 4px; overflow: hidden;}
  401. .shareopeart{ position:absolute; bottom:0px; left:0px; z-index:100; overflow:hidden; width:100%;}
  402. .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;}
  403. .sharebtn:hover{ color:#fff; background:#ff9900;}
  404. .resoubtn{ position:absolute;top:40%; width:30px; height:41px; background:#ccc; border-width:1px 1px 0 1px; display:none; cursor:pointer;}
  405. .resouprev{left:-4px;background:url(../images/arrows.png) -30px 0 no-repeat;}
  406. .resounext{right:-4px;background:url(../images/arrows.png) 0 0 no-repeat;}
  407. .resouprev:hover{ background:url(../images/arrows.png) -30px -41px no-repeat;}
  408. .resounext:hover{ background:url(../images/arrows.png) 0 -41px no-repeat;}*/
  410. /*合作历史及评价*/
  411. /*.evaluate2{ overflow:hidden; border-bottom:1px dashed #d6d6d6; padding:10px 0;}
  412. .evaluate2 .lefteva{ float:left; max-height:200px; width:12%; max-width:200px; text-align:center; margin-top:10px;}
  413. .evaluate2 .evaimg{ display:block; width:60px; height:60px; overflow:hidden;margin:auto;}
  414. .evaluate2 .righteva{ padding:0 10px; float:right; width:88%;}
  415. .evaluate2 .evasort{ }
  416. .evaluate2 .evasort li{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  417. .evaluate2 .evastarbox{ overflow:hidden;}
  418. .evaluate2 .evastar{ display:block; width:20px; height:20px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -25px no-repeat;}
  419. .evaluate2 .evabrief{ display:block; max-height:80px; overflow:hidden; text-overflow:ellipsis; }
  420. .shareabout .morebtn{ text-align:right; overflow:hidden; margin:10px;}
  421. .shareabout .morebtn .morelink{ color:#333;font-size:14px;line-height:60px;float:right; margin-right:20px;}*/
  423. /*个人修改页面科研资源*/
  424. /*.enterwork{ color:#333;position:absolute; bottom:10px; left:102px; cursor: pointer;}
  425. .enterwork:hover{color:#ff9900;}*/
  426. /*机构信息页面*/
  427. /*.head-org{ float:left;  position: relative;width:180px; height:180px; overflow:hidden;}
  429. .similarblock{ overflow:hidden; margin:0 10px; padding:10px; border-bottom:1px dashed #d6d6d6;}
  430. .similarblock .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; float:left; margin-right:20px;}
  431. .rightsim{ max-width:160px; overflow:hidden; float:left;}
  432. .rightsim p{text-overflow:ellipsis;  white-space:nowrap;overflow:hidden;font-size:12px; line-height:16px;}
  434. .subuser{ overflow:hidden;}
  435. .subuser li{ overflow:hidden; float:left; text-align:center; padding:10px; width:24%; list-style:none;}
  436. .subuser li .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; margin:auto;}
  437. #evastarboxx .staspan{background: url(../images/evastar.png) 0 -3px no-repeat;}*/
  439. /*资源详细信息页面*/
  440. /*.resouLeft{ width: 79%;}
  441. .resTop{padding:6px;position: relative;padding:20px 10px;background:#FFFFFF;}
  442. .resBrief{width:60%;min-height: 300px;margin-right:1%;}
  443. .resBrief .h2Font{line-height: 26px;}
  444. .resBrief .h2Font small{color:#888888;line-height: 12px;}
  445. .subtit{color:#888888; padding-right:6px; }
  446. .resAbout{margin:6px 0;padding: 4px 6px; background: #F4F4F4;margin-bottom: 46px;}
  447. .resAbout .subtit{line-height: 36px; }
  448. .resUlbox {margin: 1% 2%;}
  449. .resUl {width:85%;color:#666666}
  450. .resUl li{ float: left; margin: 1%;padding:4px 16px; background: #FFFFFF; border-radius: 6px;}
  452. .resBottom{margin:10px 0;padding:20px 10px;background:#FFFFFF;}
  453. .resMore{margin:10px 30px 30px 30px; overflow: hidden; border:1px solid #eaeaea;padding:15px;line-height: 24px;color: #666; min-height: 640px;}
  454. .resMore p{line-height:2;margin:6px 0;}
  456. .resouRight{ width: 20%;}
  457. .rightBlock{ min-height: 340px;padding:16px 10px;margin-bottom:10px; background: #FFFFFF;}
  458. .proImg{ text-align: center;}
  459. .proImg img{ width:180px;margin: auto;}
  460. .proInfo{padding:10px 16px;}
  461. .otherRes{padding:10px;}
  462. .otherRes li{border: 1px solid #e4e5e7;overflow:hidden;margin:10px 0;border-radius: 6px;cursor: pointer;}
  463. .otherRes li a{display: block;}
  464. .otherRes li .resoumag .resourceImgBox{ max-width:168px;width:168px;height: 168px;}
  465. .otherRes li .resoumag h2{color: #666666; text-align: center; padding:10px;}*/
  466. /*科研文章*/
  467. /*.otherRes.shareshow{height:220px;overflow:hidden;width:100%;padding:10px 0;margin-right:-12px;}
  468. .otherRes.shareshow li{ width: 202px;float:left;border: 1px solid #e4e5e7;margin:0 14px 14px 0;border-radius: 6px;cursor: pointer;}
  469. .otherRes.shareshow li:last-child{margin:0 0 12px 0;}*/
  471. /*文章详细信息页面*/
  472. /*.resBrief2{width: 98%;margin: auto;min-height:80px;}
  473. .resBrief2 .subtit{line-height: 42px; }
  474. .resBrief2 .resAbout{margin-bottom: 20px;}
  475. .art_topicBox{position: relative;display: block;}
  476. .art_tbox{ position:absolute;top:0;width:100%;height:100%;
  477. 	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); 
  478. 	background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2));
  479. 	background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2));
  480. 	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2));
  481. }
  482. #artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF}
  483. .art_img{ width: 100%; height:160px; overflow: hidden;
  484. 	background-image: url(../images/default-artical.jpg);
  485. 	background-repeat:no-repeat;
  486. 	background-position:center center;
  487. 	background-size:cover;
  488. 	-moz-background-size:cover;
  489. 	-webkit-background-size:cover;}*/
  491. /*.tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
  492. .tagsBox span{color:#666;margin:0 2px;font-size: 13px;}
  493. .main_content{width:94%; margin: auto;}
  494. #artical_real p{margin:6px 0;padding:2px;font-size: 15px; line-height: 26px;color:#666666;}
  495. #artical_real p.indentNone{text-indent: 0;text-align: center;}
  496. #artical_real p.indentNone img{width:90%; margin: 10px 0;}
  497. #artical_real .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
  498. #artical_real .artSTit{text-indent: 0.5em;font-size:16px; color:#069E21;}*/
  500. /*.share-nav{position:static;background:rgba(245, 248, 251, 0.94); padding:10px 20px;border-top:1px solid transparent;border-bottom:1px solid transparent;}
  501. .share-nav.fixed{position:fixed;width:810px;bottom:0;display:block;border-top:1px solid #d3d7db;border-bottom:1px solid #d3d7db;}
  502. .navOperate{color:#888888;margin:6px 8px;}
  503. .navOperate:hover{color:#ff9900;}
  504. .share-nav .wrapicon{display: inline-block;cursor:pointer;padding:0 10px;width: 24px;height: 24px;}
  505. .share-nav .upTop{background: url(../images/wrapIcon.png) 0 0 no-repeat; background-size:100% auto ;}
  506. .share-nav .upTop:hover{background: url(../images/wrapIcon.png) 0 -24px no-repeat; background-size:100% auto ;}
  507. .share-nav .shareBttn{display: inline-block;position:relative;border:1px solid #52DA4D;color: #52DA4D; border-radius: 999em;cursor:pointer;padding:2px 24px;}
  508. .share-nav .shareCode{margin-left: -40px;}
  509. .share-nav .shareBttn:hover{background: #52DA4D;color: #FFFFFF;}
  510. .share-nav .wordHave{background: url(../images/wrapIcon.png) 0 -47px no-repeat; background-size:100% auto ;}
  511. .share-nav .wordHave:hover{background: url(../images/wrapIcon.png) 0 -69px no-repeat; background-size:100% auto;}
  512. .share-nav .listtit2{line-height: 40px;margin-left:10px;width:86%;color:#888;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;}*/
  514. .commentsArea{padding-bottom: 40px;}
  515. .comments-title{font-size:22px;line-height:40px;margin: 10px 0 40px 0;padding-bottom: 6px;border-bottom: 1px solid #dadada;}
  516. .respondBtn.frmtype{display:block;width:96%;margin:auto;color:#666666;text-align: center;cursor: pointer;line-height: 40px;}
  517. .respondBtn.frmtype:focus{border:1px solid #dadada;}
  518. .commentsArea .media-body{width: 90%;margin-left: 10px;}
  519. .commentsArea .media-body .listtit{color:#ff9900;line-height: 24px;font-size:15px}
  520. .commentsArea .media-body .listtit3{color:#666666;line-height: 21px;font-size:14px}
  522. .commentList li{padding:20px 10px;border-bottom:1px dashed #dadada;overflow:hidden;}
  523. .commentList li:last-child{border-bottom:1px dashed transparent;}
  524. .commentsArea .goMsgbox{padding:20px 10px;width: 100%;}
  525. .commentsArea .goMsgbox .frmbtn:focus{border:1px solid transparent;}
  526. .commentsArea textarea{  
  527.     background-color: #fafafa;
  528.     color: #55636D;
  529.  	outline: none;
  530.     padding: .2rem;
  531.     width: 100%;
  532.     border: 1px solid #d3d7db;
  533.     border-radius: 3px;
  534.     font-size: 14px;
  535.     resize: vertical;
  536.     margin-bottom: 15px;
  537.     height: 5rem;
  538.     }
  539. .commentsArea .msgContbox{width:90%;}
  540. .commentsArea .msgCont{ min-height:160px;width: 100%;padding:4px 6px;margin-left:10px}
  542. /*专家认证*/
  543. .IdentityState{margin: 20px;background: #fff;padding: 100px 10px 100px 10px; text-align:center;}
  544. .IdentityState p{padding:10px; margin:10px;}
  545. .identBtn{ padding:10px 26px; background:#ff9900; border-radius:4px; color:#fff;cursor: pointer;}
  546. .nowState{display:none;}
  547. .nowState:first-child{display:block;}
  548. .identProcess{font-size:20px; color:#777;}
  549. .identts{font-size:15px;color:#999;line-height: 34px;}
  550. .IdentityUp{padding-bottom: 20px;}
  551. .webupArea .littip{color:#999;padding:10px 30px;font-size:14px;}
  552. .webupArea .webuploadMut{min-height:250px;padding:10px;margin:0 20px; background: #fff;border: 2px #f0f0f0 dashed;}
  553. .webupArea .subUp{margin-right:20px;}