portal html css js resource

genindex.css 64KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html,body{background: #f4f6f8;}
  4. .userRadius{ border-radius: 50%;border:1px solid #E5E5E5;}
  5. .otherRadius{ border-radius:0;border:1px solid #E5E5E5;}
  6. .cmpRadius{border-radius:4px;border:1px solid #E5E5E5;}
  7. /*.con-center{padding:20px 0 40px; margin:10px auto;}*/
  8. /*/////////////////////表单样式/////////////////////// */
  9. /*div模拟textarea多行文本框*/
  10. div.textareaboxEmp{min-height:40px;height:auto;-webkit-user-select:text;-webkit-user-modify: read-write-plaintext-only;cursor: text;}
  11. div.textareaboxEmp:empty:before {content: attr(placeholder);font-size:16px;display: block;color: #AAAAAA;}
  12. /*div.textareaboxEmp:focus{content:none;}
  13. div.textareaboxEmp:focus:before{content:none;}*/
  14. /*多行文本框样式(带有限制数字)*/
  15. .msgContbox{border: 1px solid #E5E5E5;background:#fff;min-height:120px;height:auto;position: relative;}
  16. .msgContbox textarea{background:none;border:none;color: #55636D;outline: none;padding:12px;
  17. width: 100%;font-size: 16px;resize:vertical;margin-bottom: 15px;min-height:92px;}
  18. .msgContbox .msgconNum{position:absolute;bottom:2px;right:10px;color:#999;font-size:14px; line-height: 26px;}
  19. .msgContbox .msgconNum>em{font-style: normal;}
  20. /*登录注册外部表单样式*/
  21. .frmtype{/*border:none;height:36px;background:#edeff4;font-size:14px;*/outline: none;/* padding:6px 20px 6px 10px;*/border-radius: 6px;}
  22. .frmtype:focus{box-shadow: none;outline:none; border:1px solid #ff8500;}
  23. .frmtypeW{width:98%;margin: auto;}
  24. textarea.frmtype{height:100px;}
  25. input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
  26. input.frmtype[readonly]:focus{border:1px transparent solid;}
  27. .requiredcon{font-style:none;color:red;font-size:16px;}/*必填项*/
  28. .emspace{letter-spacing: 2em;}
  29. /*网站内部表单样式*/
  30. .frmcontype{width:100%;border:1px solid #E5E5E5;height:40px;background:#FFFFFF;font-size:16px;color:#666;line-height:28px;outline: none; padding:6px 12px;border-radius:0;}
  31. .frmcontype:focus{border-color:#ff9900;}
  32. .frmconbtn{width:100%;height:40px;background:#ff9900;font-size:16px;color:#666;line-height:28px;outline:none;border:none;padding:6px 12px;border-radius:0;}
  33. .frmconmsg{color:#fd5f39;margin-left:12px;font-size: 14px;}
  34. /*小按钮*/
  35. .btnModel{display:inline-block;color:#FFFFFF;text-align:center;border:none;background: #FFFFFF; padding:6px 20px;background:#ff9900;}
  36. .btnModel:hover{background:#ff8f00;}
  37. /*取消按钮*/
  38. .btnCancel{background:#edeff4;color: #999;}
  39. .btnCancel:hover,.btnCancel:active,.btnCancel:link{background:#d6d8de;border:none;}
  40. /*按钮不可用状态*/
  41. .btnModel[disabled]{background:#d6d8de;}
  42. .btnModel[disabled]:hover{background:#d6d8de;}
  43. .save-block{margin:20px auto 40px;padding:0 40px;}/*保存按钮*/
  44. .fontLink{background:none;border:none;color:#ff9900;}/*字体链接按钮*/
  45. .fontLink:hover{border:none;background:none;}
  46. /*表单消息提示*/
  47. .frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;color: #fd5f39;}
  48. .frmmsg-warning{border:1px solid #fd5f39;}
  49. /*////////////个人设置/////////////////*/
  50. ul.cmpAllUl{}
  51. ul.cmpAllUl li{position:relative;clear:both;padding:6px 0;}
  52. ul.cmpAllUl li:before,ul.cmpAllUl li:after{display:table;content:" "}
  53. ul.cmpAllUl li:after{clear: both;}
  54. ul.cmpAllUl li .col-w-2{text-align: right;padding-right: 10px;line-height: 30px;}
  55. ul.cmpAllUl li .col-w-10{position: relative;}
  56. .successImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_chenggong_nor.png) center center no-repeat;}
  57. .failImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_shibai_nor.png) center center no-repeat;}
  58. /*登录相关*/
  59. .signLogo{display:block;height:64px;width:274px;background:url(../images/c-sign-on_icon_logo_nor.png);background-size:cover;margin: 30px 20px 20px 0}
  60. .covbodyBg{background:url(../images/c-sign-on_bg_img_nor.png) 0 bottom no-repeat;background-size:cover;}
  61. .contConP{position:static}
  62. .covFrmblock{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);padding:40px 30px 30px 30px;width:420px;max-width:420px;background:#fff;border-radius:8px;z-index:1056;
  63. box-shadow: 2px 6px 30px #d68203;
  64. -webkit-box-shadow: 2px 6px 30px #d68203;}
  65. .covFrmblock .h1Font{margin-bottom:24px;font-size:22px;}
  66. .cmpOrgName{font-size: 24px;line-height: 60px;}
  67. ul.cmpAllUl.cmpCoverUl{width:100%;margin:10px auto 20px;}
  68. ul.cmpAllUl.cmpCoverUl>li .frmtypeW{width:100%;height:40px;}
  69. ul.cmpAllUl.cmpCoverUl>li .save-block{margin-bottom:0;}
  70. ul.cmpAllUl>li .form_head{position: relative;margin-bottom: 10px;line-height:26px;}
  71. ul.cmpAllUl>li .form_head:before{position: absolute;content: '';background: #E6E6E6;margin:auto;width:60%;height:1px;top:-30px;bottom: 0;right: 0;left:0;}
  72. ul.cmpAllUl>li .form_head li{ position: relative;clear:none; text-align: center;color: #b5b5b5; float: left;}
  73. ul.cmpAllUl>li .form_head .icon_step {display: block;width: 40px;height: 40px; margin: 0 auto;margin-bottom: 8px;}
  74. ul.cmpAllUl>li .form_head .icon_step.step1{background: url(../images/c-sign-on_icon_1_hig.png) 0 0 no-repeat;background-size: cover;}
  75. ul.cmpAllUl>li .form_head .icon_step.step2{background: url(../images/c-sign-on_icon_2_nor.png) 0 0 no-repeat;background-size: cover;}
  76. ul.cmpAllUl>li .form_head .icon_step.step2g{background: url(../images/c-sign-on_icon_2_hig.png) 0 0 no-repeat;background-size: cover;}
  77. ul.cmpAllUl>li .form_head .icon_step.step3{background: url(../images/c-sign-on_icon_3_nor.png) 0 0 no-repeat;background-size: cover;}
  78. ul.cmpAllUl>li .form_head .icon_step.step3g{background: url(../images/c-sign-on_icon_3_hig.png) 0 0 no-repeat;background-size: cover;}
  79. ul.cmpAllUl>li .form_head li.stepActive{color: #555;}
  80. ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;margin:10px 0;}
  81. ul.loginWaySort{overflow: hidden;border-bottom:1px solid #e5e5e5;margin-bottom:30px;}
  82. ul.loginWaySort li{text-align: center;line-height: 36px;font-size:14px;color:#333;cursor: pointer;}
  83. ul.loginWaySort li.liactive{border-bottom: 2px solid #ff9900;}
  84. /*客服电话*/
  85. .serviceBox{position: relative;}
  86. .serviceBox .serviceTel{position:absolute;padding:14px 20px;width:240px;bottom:32px;left:-20px;border-radius:6px;background:rgba(0,0,0,.4);color: #FFFFFF;}
  87. .serviceBox .triangleB{position:absolute;width: 0;height: 0;border:14px solid transparent;left:14%;border-top-color: rgba(0,0,0,.4);margin-top: 14px;}
  88. /*身份选择*/
  89. .bindtip{text-align: center; margin:-4px auto 32px;}
  90. .bindtip img{height:16px;width: auto;}
  91. .selectSortBox ul{margin:20px 0;overflow: hidden;}
  92. .selectSortBox li{padding:20px;position: relative;text-align: center;cursor: pointer;}
  93. .selectSortBox li .sortbody{font-size:14px;color:#666;}
  94. .selectSortBox li.selectNow{background: #E5E5E5;}
  95. .selectSortBox li .selectNowicon{display:inline-block;position:absolute;width: 16px;height: 16px;bottom:46px;right:30px;background: url(../images/sign_icon_xuanze_hig.png);}
  96. .selectSort{display: inline-block;width: 74px;height: 74px;background-repeat:no-repeat;background-position: center;background-size: cover;}
  97. .selectSort.sort-pro{background-image: url(../images/sign_icon_keyan_nor.png);}
  98. .selectSort.sort-mana{background-image: url(../images/sign_icon_qiyegaoguan_nor.png);}
  99. .selectSort.sort-stu{background-image: url(../images/sign_icon_xuesheng_nor.png);}
  100. .selectSort.sort-skill{background-image: url(../images/sign_icon_jishu_nor.png);}
  101. .selectSort.sort-hr{background-image: url(../images/sign_icon_hr_nor.png);}
  102. .selectSort.sort-sale{background-image: url(../images/sign_icon_xiaoshou_nor.png);}
  103. .selectSort.sort-invest{background-image: url(../images/sign_icon_touzifang_nor.png);}
  104. .selectSort.sort-consult{background-image: url(../images/sign_icon_zixun_nor.png);}
  105. .selectSort.sort-user{background-image: url(../images/sign_icon_putong_nor.png);}
  106. .selectSortBox .frmboxNew .save-block{padding:0 40px;margin:10px auto 20px;}
  107. /*完善信息*/
  108. .fillMoreHead{padding:0 16px 8px 16px;}
  109. .fillMore .fillHead{ position: relative;width:100px; height:100px; margin:0 auto; overflow: hidden;background: url(../images/default-photo-up.png); background-size:cover;}
  110. .fillMore .h1Font{color:#666666;line-height:40px;font-size: 16px;}
  111. .fillMore .fillShow>ul>li{clear:both;margin:6px 0;font-size: 15px;line-height:40px;color:#666666;}
  112. .fillMore .fillShow>ul>li:before,.fillMore .fillShow ul>li:after{display:table;content:" "}
  113. .fillMore .fillShow>ul>li:after{clear:both}
  114. .fillMore div[contentEditable]{-webkit-user-modify: read-write;
  115. word-wrap: break-word;outline: 0;
  116. -webkit-line-break: after-white-space;
  117. -webkit-tap-highlight-color: rgba(225,225,225,.5);}
  118. .fillMore div[contentEditable]:focus{border-color:#ff9900;}
  119. .fillMore .textinput{margin-left:2%;width:98%;padding:5px 10px;min-height:40px;font-size: 16px;line-height:26px;color: #222;cursor: text;
  120. border: 1px solid #ddd;border-radius: 6px;box-sizing: border-box;background: #fff;}
  121. .fillMore .textinput.frmmsg-warning{border:1px solid #fd5f39;}
  122. .fillMore .fillShow .downarrow{ position:absolute; right:10px; top:50%; margin-top:-10px; color: #999999;}
  123. .fillMore .btnModel{width: 80%;margin: 20px auto 0;}
  124. /*<!--城市选择器-->*/
  125. .citybox{margin-left:2%;width:98%;}
  126. .infolist{width:100%;}
  127. .infolist .liststyle span{position:relative;line-height:26px;width:49%;display:inline-block;cursor:pointer;float:left;margin:0;background:#fff;border:1px solid #CCCCCC;border-radius: 6px;}
  128. .infolist .liststyle span .mr_show{color:#AAAAAA;font-style:normal;width:100%;display:inline-block;line-height:26px;padding:6px 10px;position:relative;}
  129. .infolist .liststyle span .mr_show.mr_select{color:#333;}
  130. .infolist .liststyle span .mr_sj{position: absolute;right:8px;top:50%;margin-top:-4px;border: 6px solid #fff;border-color: #ff9900 transparent transparent;display: block;font-size: 0;height: 0;width: 0;}
  131. .infolist .liststyle span ul{width:100%;border-radius:0 0 5px 5px;position:absolute;border:1px solid #E8E8E8;background:white;left:-1px;top:40px;margin-bottom:10px;display:none;z-index:10;max-height:160px; overflow:auto;}
  132. .infolist .liststyle span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
  133. .infolist .liststyle span ul li:first-child{border-top:0;}
  134. .infolist .liststyle span ul li a{display:block;height:30px;line-height:30px;font-size:14px;padding:0 8px;color:#494949;}
  135. /*--------------发现--------------*/
  136. .contentCon{padding-top:80px;}
  137. .leftconBox{width:820px;padding-bottom:20px;margin-bottom:20px;background: #FFFFFF;}
  138. /*顶部轮播*/
  139. .slide-box{/*background:#f4f6f8;*/margin-bottom: 20px;width:820px;height: 300px;}
  140. .slide-list {position: relative;width:760px;height: 300px;overflow: hidden;
  141. background-image: linear-gradient(to bottom right,rgba(0,0,0,.3),#000);}
  142. .slide-list .slide-item {position: absolute;width: 100%;height: 100%;opacity: 0; transition-property: opacity; transition-duration: .8s;z-index: 1;}
  143. .slide-list .slide-item>a {display: block;width: 100%;height: 100%;background-size:cover;background-position: center;}
  144. .slide-list .slide-item-active{opacity: 1;z-index: 10;}
  145. .slide-tab {width: 60px;height: 300px;color: #fff;font-size: 14px;background-color: #444;padding:10px 0;}
  146. .slide-tab-item {position: relative;cursor: pointer; text-align: center;line-height:46px;margin:8px 0;}
  147. .slide-tab-item-active, .slide-tab-item:hover { background: #ff9900;background: rgba(255,153,0,.9);z-index: 11;}
  148. .slide-tab-item-active:before, .slide-tab-item:hover:before{
  149. content: "";position:absolute;top:50%;margin-top: -8px;left:-8px;width:0;height: 0;
  150. border-top:8px transparent solid;
  151. border-bottom:8px transparent solid;
  152. border-right:8px #ff9900 solid;}
  153. .slide-list .slide-item .title {position: absolute;left: 0;bottom: 0;width: 100%;height: 44px;
  154. line-height: 44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
  155. padding-left: 22px;color: #fff;font-size: 20px;font-weight: 700;
  156. background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.8)); box-sizing: border-box;}
  157. /*栏目分类导航*/
  158. .table-tab{width: 100%;margin: 6px auto 10px;background: #fff;}
  159. .table-tab-item{position: relative;z-index: 20;}
  160. .table-tab-item>li{position:relative;color:#666;float: left;width:16.666666666666664%;text-align: center;font-size: 16px;line-height:60px;cursor: pointer;margin-bottom: -3px;}
  161. .table-tab-item>li.rightbtn:hover{color:#ff9900}
  162. .table-tab-item>li.rightbtn .foldtr{top:27px;right:46px;}
  163. .table-tab-item>li.rightbtn .unfoldtr{top:34px;right:46px;}
  164. .table-tab-slide {text-align: center;font-size: 16px;line-height:60px;cursor: pointer; }
  165. .table-tab-slide:hover{color:#ff9900}
  166. .table-tab-slide:hover:after{position: absolute;left: 30px;right: 30px;bottom: 0;content:"";height:3px;background:#ff9900;}
  167. .table-tab-item .table-tab-slide-active{color:#ff9900}
  168. .table-tab-item .table-tab-slide-active:after{position: absolute;left: 30px;right: 30px;bottom: 0;content:"";height:3px;background:#ff9900;}
  169. .table-drop{display: none;z-index: 40;position: absolute;width: 130px;height:120px;top: 56px;right: 2px;background: #fff;
  170. box-shadow: 0px 0px 10px 0px rgba(204,204,204,.8);
  171. -webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,.8);}
  172. .table-drop>li{position:relative;color: #333;border-bottom:1px solid #ddd;}
  173. .table-drop>li:last-child{border: none;}
  174. .table-drop>li.table-tab-slide-active{border:none}
  175. /*列表*/
  176. .table-body {position: relative;min-height: 200px;background: #fff;margin-top:20px;margin-bottom: -20px;padding-bottom: 20px;}
  177. .table-body .table-item-list{display: none;}
  178. .table-body .table-item-list:first-child{display: block;}
  179. .columTag{position: absolute;background: rgba(0,0,0,.6);color:#fff;padding:4px 10px;bottom:6px;left: 6px;font-size: 13px;}
  180. /*.table-item{position: relative;min-height:500px;}
  181. .table-item>li{position:relative;padding:25px 20px;}
  182. .table-item>li:after{content:"";position:absolute; left:0; right:0; bottom:0;height: 2px;background: #f7f7f8;}
  183. .table-item-media{height: 40px;margin-bottom:20px;}
  184. .table-item-media .table-item-logo{position:absolute;border:1px solid #f2f3f4;display: inline-block;width: 40px; height:40px;z-index:4;}
  185. .table-item-media .table-item-name{position:relative;width:90%;padding-left:50px;}
  186. .table-item-media .table-item-name .nameSpan{color:#000;font-size: 16px;line-height: 18px;}
  187. .table-item-media .table-item-name .timeLabel{color:#AAAAAA;}
  188. .table-item-media .authicon{bottom:9px;}
  189. .table-item-cell{position:relative;font-size:16px;color:#000;cursor: pointer;}
  190. .table-item-cell a{display:block;min-height: 110px;color:#000;}
  191. .table-item-cell a:hover{background: #f4f6f8;color:#5c99d8;}
  192. .table-item-cell .table-item-img{position:absolute;border:1px solid #f2f3f4;width: 164px;height: 110px;top:50%;left:0;margin-top:-55px;}
  193. .table-item-cell .table-item-img.artical-default{background:url(../images/default-artical.jpg) center center;background-size:cover;}
  194. .table-item-cell .table-item-img.resource-default{background:url(../images/default-resource.jpg) center center;background-size:cover;}
  195. .table-item-cell .table-item-body{position:absolute;top:50%;width:100%;margin-top:-28px;padding-left:184px;padding-right: 10px;}*/
  196. .cmplogohead{ background: #fff;background-size: cover;border-radius:4px;}
  197. .cmplogohead .boxBlock{width:38px;height:38px;}
  198. .userhead{ background: url(../images/default-photo.jpg);background-size: cover;border-radius:50%;}
  199. .cmpLable{display:inline-block;margin:8px 0;border:1px solid;border-radius:3px;padding:2px 6px;font-style: normal;font-size: 12px; line-height: 14px; vertical-align: middle;}
  200. .cmpLable.articalLabel{border-color:#ff6b57;color:#ff6b57;}
  201. .cmpLable.resourceLabel{border-color:#28b8fa;color:#28b8fa;}
  202. /*发现右侧新闻*/
  203. .rightconBox .conItem.advertBox{min-height: 100px;padding:0}
  204. .advertItem li{width: 260px;margin-bottom:20px;}
  205. .advertItem li img{width: 100%;}
  206. /*--------------搜索--------------*/
  207. .searchdiv{position: relative;height:42px;font-size:16px;line-height: 40px;border:1px solid #FFFFFF;background: #FFFFFF;}
  208. .searchsome{border:none;padding-right:120px;height: 40px;padding-left:20px;}
  209. .searchgo{position:absolute;right:0;padding:0 40px;background: #FF9900;color: #FFFFFF;cursor: pointer;}
  210. .filterdiv{background: #FFFFFF;margin:20px 0 0;}
  211. ul.choosediv{background: #E6E6E6;}
  212. ul.choosediv>li{float: left;padding:0 20px;font-size: 14px;color:#666;line-height: 42px;border-top:4px solid transparent;cursor: pointer;}
  213. ul.choosediv>li.liactive{border-color: #ff9900;color:#ff9900;background: #FFFFFF;}
  214. ul.filterListNew{padding:8px 20px 0;background: #FFFFFF;}
  215. ul.filterListNew>li{position: relative;font-size:13px;line-height: 24px;}
  216. ul.filterListNew>li:before,.filterListNew>li:after{display:table;content:" "}
  217. ul.filterListNew>li:after{clear:both;content:"";position:absolute;height: 1px;width:100%;background: #E5E5E5;}
  218. ul.filterListNew>li:last-child:after{height: 0;}
  219. .filterListNew .leftsort{position: absolute;left: 0;top:12px;color:#666;}
  220. .filterListNew .rightbtn{position: absolute;right:0;padding-right:32px;top:12px;color:#999;cursor: pointer;}
  221. /*展开fold关闭unfold三角*/
  222. .rightbtn .foldtr{position: absolute;top:8px;right: 42px;}
  223. .rightbtn .foldtr:after{ border:solid transparent;border-top-color:#fff;border-width:5px;content:" ";position:absolute;top:100%;left:20px;}
  224. .rightbtn .foldtr:before{border:solid transparent;border-top-color:#ff9900;border-width:7px;content:" ";position:absolute;top:100%;left:18px;}
  225. .rightbtn .unfoldtr{position: absolute;top:15px;right: 42px;}
  226. .rightbtn .unfoldtr:after{ border:solid transparent;border-bottom-color:#fff;border-width:5px;content:" ";position:absolute;bottom:100%;left:20px;}
  227. .rightbtn .unfoldtr:before{border:solid transparent;border-bottom-color:#ff9900;border-width:7px;content:" ";position:absolute;bottom:100%;left:18px;}
  228. ul.filterUl{overflow: hidden;width: 100%;height:26px;overflow:hidden;margin:10px 0;padding-left:64px;padding-right: 60px;}
  229. ul.filterUl.filterUlactive{height:auto;}
  230. ul.filterUl>li{float:left;margin:0 5px 4px;padding:0 10px;cursor: pointer;color:#999;border:1px solid transparent;}
  231. ul.filterUl>li.filterCurrent{border-color:#e1e1e1;border-radius: 20px;color:#ff9900;}
  232. .listdiv{margin-bottom:20px;overflow: hidden;}
  233. .listdiv .searchCon{background: #FFFFFF;overflow: hidden;margin-top:20px;}
  234. .listdiv ul.listitemdiv{background: #FFFFFF;position: relative;min-height:300px;}
  235. ul.listitemdiv li{position:relative;min-height:132px;padding:15px 20px;}
  236. ul.listitemdiv li:hover{background: #EEEEEE;}
  237. ul.listitemdiv li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f7f7f8;}
  238. ul.listitemdiv li a.linkhref{display: block;width: 100%;}
  239. ul.listitemdiv li .lefthead{width: 164px;height: 110px;margin-top:-55px;position:absolute;top:50%;overflow: hidden;background-size: cover;background-position: center;/*border:1px solid #e5e5e5;*/}
  240. ul.listitemdiv li .userheadt{width: 100px;height:100px;margin-top:-50px;background-image: url(../images/default-photo.jpg);}
  241. ul.listitemdiv li .centercon{padding-left:120px;padding-right:200px;}
  242. ul.listitemdiv li .centercon .h1font{font-size: 16px;line-height: 28px; color:#333;}
  243. ul.listitemdiv li .centercon .h2font{font-size: 14px;line-height: 24px; color:#666;}
  244. ul.listitemdiv li .centercon .showInfo>span{margin-right:20px}
  245. ul.listitemdiv li .centercon .ellipsisSty-2{margin-bottom:8px;max-height: 56px;}
  246. ul.listitemdiv li .centercon .h2font.ellipsisSty-2{line-height: 20px;margin-top:4px;}
  247. ul.listitemdiv li .rightop{padding:0 24px;line-height:32px;font-size:16px;color:#FFFFFF;cursor:pointer;border-radius:4px;background:#ff9900;
  248. box-shadow: 1px 2px 13px 0px rgba(255, 153, 0, 0.6);
  249. -webkit-box-shadow: 1px 2px 13px 0px rgba(255, 153, 0, 0.6);
  250. position:absolute;top:50%;margin-top:-16px;right:60px;}
  251. ul.listitemdiv.listmorediv li{min-height: 142px;}
  252. ul.listitemdiv.listmorediv .resouhead{background-image: url(../images/default-resource.jpg);}
  253. ul.listitemdiv.listmorediv .centercon{padding-left:184px;padding-right: 10px;}
  254. ul.listitemdiv.listmorediv .margin-top:16px;{margin-top:30px;}
  255. ul.listitemdiv.listmorediv .articalhead{background-image: url(../images/default-artical.jpg);}
  256. ul.listitemdiv.listmorediv .paperhead{background-image: url(../images/default-paper.jpg);}
  257. ul.listitemdiv.listmorediv .patenthead{background-image: url(../images/default-patent.jpg);}
  258. ul.listitemdiv.listmorediv .companyhead{background:#fff;border:none}
  259. ul.listitemdiv.listmorediv .companyhead .boxBlock{width: 164px;height: 110px;}
  260. /*--------------新版文章--------------*/
  261. /*文章发布*/
  262. .conBlock .leftconBox{width:820px;padding:30px;position: relative;}
  263. /*热门文章添加<span class="hotThis"></span>-->*/
  264. .hotThis{position:absolute;top:-5px;right:-5px;display:inline-block;width:63px;height:63px;background:url(../images/g_article_bg_redu_nor.png);}
  265. .rightconBox{width:260px;margin-left: 20px;}
  266. .rightconBox .conItem{padding:30px 20px;background: #FFFFFF;margin-bottom: 20px;}
  267. .rightconBox .conItem .form-result{margin:18px -20px 0 -20px}
  268. .rightconBox .conItem .form-result.form-M0{margin-top:0;}
  269. .rightconBox .conItem .form-result>ul>li{padding:8px 20px}
  270. .conBlock .rightconBox .conItem:first-child{padding:30px 20px;border-top:4px #ff9900 solid;}
  271. ul.artAbout>li{clear:both;}
  272. ul.artAbout>li:before,ul.artAbout>li:after{display:table;content:" "}
  273. ul.artAbout>li:after{clear:both}
  274. ul.artAbout .uploadFile{line-height:28px;text-align: center;font-size: 16px;color:#666666;}
  275. ul.artAbout .uploadFile .uploadblock{position:relative;width:100%;height:190px;padding:30px;border:1px solid #E5E5E5; border-radius: 0;
  276. background-position:center;background-size:cover;background-repeat:no-repeat;}
  277. ul.artAbout .uploadFile .upFront{position:relative;}
  278. ul.artAbout .uploadFile .uploadtip{color:#999999}
  279. ul.artAbout .uploadFile input.upInp[type="file"]{position:absolute;height: 46px;width:60%;bottom:30px;left:50%;margin-left:-30%;outline: none;opacity: 0;cursor: pointer;z-index:20;}
  280. ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background: #E5E5E5;color:#333333;margin-top:30px;}
  281. ul.artAbout .uploadFile .uploadblock .upBackbtn{position:absolute;bottom:30px;left:50%;margin-left:-55px;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:10;display: none;}
  282. .conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
  283. ul.artAbout #filePicker{position:absolute;left:50%; bottom:22px; margin-left:-52px;opacity:0; z-index:88;}
  284. ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff9900;color:#fff;border:none;padding:6px 25px; z-index:4;}
  285. .conItem ul.operateBlock{overflow: hidden;margin-top:-30px;}
  286. .conItem ul.operateBlock>li{font-size:15px; color:#666666;float:left;width:33.333%;margin-top:30px;text-align: center;cursor: pointer;}
  287. .conItem ul.operateBlock>li p{margin-top:6px;}
  288. .operateicon{display:inline-block;width:18px;height:18px;background-position: center;background-repeat: no-repeat;background-size: cover;}
  289. .operateicon.icon-issue{background-image:url(../images/g_article_icon_fabu_hig.png);}
  290. .operateicon.icon-timeissue{background-image:url(../images/g_article_icon_dingshi_nor.png);}
  291. .operateicon.icon-preview{background-image:url(../images/g_article_icon_yulan_nor.png);}
  292. .operateicon.icon-draft{background-image:url(../images/g_article_icon_caogao_nor.png);}
  293. .operateicon.icon-delete{background-image:url(../images/g_article_icon_shanchu_nor.png);}
  294. .operateicon.icon-feedback{background-image:url(../images/g_article_icon_jiucuo_nor.png);}
  295. .conItem ul.operateBlock>li:hover{color:#ff9900;}
  296. .conItem ul.operateBlock>li.goFabu{color:#ff9900;opacity:0.8;}
  297. .conItem ul.operateBlock>li.goFabu:hover{opacity:1;}
  298. .conItem ul.operateBlock>li:hover .operateicon.icon-timeissue{background-image:url(../images/g_article_icon_dingshi_hig.png);}
  299. .conItem ul.operateBlock>li:hover .operateicon.icon-preview{background-image:url(../images/g_article_icon_yulan_hig.png);}
  300. .conItem ul.operateBlock>li:hover .operateicon.icon-draft{background-image:url(../images/g_article_icon_caogao_hig.png);}
  301. .conItem ul.operateBlock>li:hover .operateicon.icon-delete{background-image:url(../images/g_article_icon_shanchu_hig.png);}
  302. .conItem ul.operateBlock>li:hover .operateicon.icon-feedback{background-image:url(../images/g_article_icon_jiucuo_hig.png);}
  303. /*鼠标不可点击状态*/
  304. .conItem ul.operateBlock>li.disableLi{opacity: .5;cursor:auto;}
  305. .conItem ul.operateBlock>li.disableLi:hover{color:#666666;}
  306. .conItem ul.operateBlock>li.disableLi:hover .operateicon.icon-delete{background-image:url(../images/g_article_icon_shanchu_nor.png);}
  307. .conItem .aboutTit{margin-top:-10px;}
  308. .conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;text-align: left;}
  309. .conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
  310. .flexCenter{position: relative;width: 100%; min-height:90px;
  311. display: -webkit-box;
  312. display: -webkit-flex;
  313. display: -ms-flexbox;
  314. display: flex;
  315. -webkit-align-items: center;
  316. align-items: center;}
  317. /*.form-item .flexCenter{min-height: 60px;}*/
  318. .form-drop{position:relative;top:-1px;border:1px solid #E5E5E5;border-top:none;width: 100%;z-index: 0;}
  319. .form-item input.frmcontype{position: relative;z-index: 2;}
  320. .form-item .frmaddG{display:none;width: auto;position: absolute;right: 0;top: 0;background:#ff9900;color: #fff;border: none;padding: 6px 25px;z-index: 6;}
  321. .form-item .madiaHead{position:absolute;/*border:1px solid #E5E5E5;*/width: 50px;height:50px;top:50%;margin-top:-25px;background-position: center;background-size: cover;}
  322. .form-item .madiaHead.useHead{background-image: url(../images/default-photo.jpg);border-radius: 50%;}
  323. .form-item .madiaHead.cmpHead{background:#FFFFFF;border-radius:0;}
  324. .form-item .madiaHead.cmpHead .boxBlock{width:118px;height:80px;}
  325. .form-item .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);border-radius:0;}
  326. .form-item .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);border-radius:0;}
  327. .form-item .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);border-radius:0;}
  328. .form-item .madiaHead.artHead{background-image: url(../images/default-artical.jpg);border-radius:0;}
  329. .form-item .madiaInfo{width:100%;padding-left:62px;margin:2px 0;}
  330. .form-item ul .h1Font{font-size:16px;color:#333;line-height: 20px;margin-bottom:4px;}
  331. .form-item ul .h2Font,.form-item ol .h2Font{font-size:14px;color:#666;line-height: 22px;}
  332. .form-item ul .time{font-size:14px;color:#666;line-height: 22px;}
  333. .form-item ul .h3Font{font-size:13px;color:#999;line-height:20px;}
  334. .form-item ul .circlePre{display: inline-block;content:"";width:5px;height: 5px;border-radius: 50%;background:#ff9900;position: relative;top:-3px;margin-right:5px;}
  335. .form-drop>ul>li{position:relative;min-height:76px;padding:12px;cursor:pointer;background: #FFFFFF;}
  336. .form-drop>ul>li:hover{background: #EEEEEE;}
  337. .form-drop>ul>li:active{background: #ff9900;color:#fff;}
  338. .form-drop>ul>li:active .h1Font,.form-drop>ul>li:active .h2Font{color:#fff;}
  339. .form-result{margin:18px -30px 0 -30px;}
  340. .form-result>ul>li{position:relative;padding:8px 30px;min-height: 76px;}
  341. .form-result>ul>li>a{width: 100%;}
  342. .form-result>ul>li .deleteThis{display:none;position:absolute;top:50%;margin-top:-16px;right:28px;width:32px;height:32px;background:url(../images/g_article_button_shanchu_hig.png);background-size:cover;cursor:pointer;}
  343. .form-result>ul>li:hover{background: #EEEEEE;}
  344. .form-result>ul>li:hover .deleteThis{display:block;}
  345. .form-drop.keydrop>ul>li{min-height:auto;padding:8px 12px;}
  346. .form-result.keyResult{margin:18px 0 0;margin-right: -20px;}
  347. .keyResult>ul{margin-bottom:-10px;}
  348. .keyResult>ul>li{float: left;margin-right:20px;margin-bottom:10px;padding:2px 12px;color: #999;border: 1px solid #E5E5E5;border-radius: 20px;min-height: auto;}
  349. .keyResult>ul>li .closeThis{display:none;position:absolute;top:-8px;right:-12px;width:28px;height:28px;background:url(../images/g_article_button_guanbi_hig.png);background-size:cover;cursor:pointer;}
  350. .keyResult>ul>li:hover{background: #E5E5E5;}
  351. .keyResult>ul>li:hover .closeThis{display:block;}
  352. .rightconBox .conItem .currentArt.form-result{margin-top:0}
  353. .rightconBox .conItem .currentArt.form-result li{padding:6px 20px;min-height:62px;}
  354. .rightconBox .conItem .currentArt2.form-result li{min-height: 40px;}
  355. .rightconBox .conItem.conItemG .currentArt.form-result .ellipsisSty-2{max-height:42px;line-height: 20px;}
  356. .rightconBox .conItem .smalltip{display:inline-block;color:#999;margin-top:6px}
  357. .rightconBox .conItem.conItemG .currentBlock{margin-top:30px;padding-top:16px;border-top:1px solid #E5E5E5}
  358. .rightconBox .conItem.conItemG .currentBlock .madiaHead{width:50px;height: 50px;margin-top:-25px}
  359. .conItem .otherBlock.currentBlock{border:none;margin-bottom: 0;padding-bottom: 0;}
  360. .rightconBox .hotList{list-style-type:none;counter-reset:li;}
  361. .rightconBox .hotList>li a {position: relative;display: block;padding: 4px 2px;padding-left:26px;color: #444;width: 100%;}
  362. .rightconBox .hotList>li a::before {content: counter(li);counter-increment: li;
  363. position: absolute;left: 0;top: 4px;background:#ccc;width: 20px;height: 20px;line-height: 22px;text-align: center;}
  364. .rightconBox .hotList>li:nth-child(1) a::before,.rightconBox .hotList>li:nth-child(2) a::before,.rightconBox .hotList>li:nth-child(3) a::before{background: #FF9e3a;}
  365. /*文章浏览*/
  366. .showDetail .h1Font{font-size: 20px;line-height:32px;color:#000;}
  367. .showDetail .h2Font{font-size:14px;color:#999;}
  368. .showDetail .readNum{margin-left: 20px;}
  369. .showDetail .showBigOpen{width:100%;height:300px;margin:24px 0;background-position:center;background-size:cover;background-repeat:no-repeat;}
  370. .showMain{font-size:16px;color:#333;line-height:28px;}
  371. .showMain img{max-width: 100%;}
  372. .showMain p{margin-bottom:16px;text-align:justify}
  373. ul.tagList{margin:20px 0 -10px;overflow: hidden;}
  374. ul.tagList>li{float: left;margin-right:10px;margin-bottom:10px;padding:0 12px;color: #999;border: 1px solid #E5E5E5;border-radius: 20px;cursor: pointer;}
  375. ul.tagList>li .h2Font{color:#666}
  376. .otherShow{}
  377. .otherShow.otherShowFirst{padding-bottom:12px;border-bottom:2px dashed #E5E5E5;}
  378. .otherShow .aboutTit{font-size:18px;color:#666;}
  379. .otherShow .form-result{margin:0 -30px;}
  380. .form-item.otherShow .madiaHead{width: 80px;height: 80px;margin-top:-40px}
  381. .form-item.otherShow .madiaInfo{padding-left:92px;margin:4px 0;}
  382. /*.otherShow .form-result>ul>li{min-height:80px;}*/
  383. .form-item.otherShow .pointOk>ul>li{cursor: pointer;}
  384. .form-item.otherShow .aboutRes .madiaHead{width:118px;height: 80px;margin-top:-40px}
  385. .form-item.otherShow .aboutRes .madiaInfo{padding-left:130px;margin:4px 0;}
  386. /*点赞模块*/
  387. .thumbBlock{text-align: center;margin:30px 0;}
  388. .thumbBlock .thumbBtn{display:inline-block;position:relative;padding:10px 24px;padding-left:44px;font-size:16px;color:#fff;background:url(../images/g_article_icon_dianzan_nor.png) no-repeat 24px center;background-size:16px 16px;background-color:#ff9900;border-radius:30px;cursor: pointer;opacity: .9;}
  389. .thumbBlock .thumbBtn:hover{opacity: 1;}
  390. .thumbBlock .thumbBtn.thumbedBtn{background-color: #e0e0e0;opacity: 1;}
  391. /*分享操作栏*/
  392. .shareBlock{background:rgba(60,62,81,.5);margin:0 -30px;padding:14px 30px;}
  393. .shareInfo .madiaHead{border-color:#999}
  394. .shareInfo .madiaInfo{margin-top:12px;}
  395. .shareInfo .madiaInfo .h1Font{display:inline-block;max-width: 200px;font-size: 16px;color:#fff;}
  396. .shareInfo .madiaInfo .authiconNew{top:-8px;}
  397. .shareBlock>ul.shareWays{width:50%;cursor: pointer;text-align:right;}
  398. .shareBlock>ul.shareWays>li{float:left;padding:16px 0 10px;width:24%;color:#fff;}
  399. .shareBlock>ul.shareWays>li .message{position:relative;top:-5px;left:6px;}
  400. /*白色icon*/
  401. .operateicon.icon-message{background-image:url(../images/g_article_button_liuyan_nor.png);}
  402. .operateicon.icon-collect{background-image:url(../images/g_all_icon_shoucang_nor_1.png);}
  403. .operateicon.icon-wechat{width:22px;background-image:url(../images/g_all_icon_weixin_nor_1.png);}
  404. .operateicon.icon-sina{width:24px;background-image:url(../images/g_all_icon_xinlang_nor_1.png);}
  405. .operateicon.icon-qq{background-image:url(../images/g_article_button_liuyan_nor.png);}
  406. .operateicon.icon-totop{background-image:url(../images/g_article_button_dingbu_nor.png);}
  407. /*灰色icon*/
  408. .operateicon.operateicon2.icon-collect{width:15px;height:15px;background-image:url(../images/g_all_icon_shoucang_nor_2.png);}
  409. .operateicon.operateicon2.icon-collected{width:15px;height:15px;background-image:url(../images/g_all_icon_shoucang_hig.png);}
  410. .operateicon.operateicon2.icon-wechat{width:19px;height:15px;background-image:url(../images/g_all_icon_weixin_nor_2.png);}
  411. .operateicon.operateicon2.icon-sina{width:20px;height:15px;background-image:url(../images/g_all_icon_xinlang_nor_2.png);}
  412. /*悬浮效果*/
  413. .operateicon.icon-message:hover{background-image:url(../images/g_article_button_liuyan_hig.png);}
  414. /*.operateicon.icon-collect:hover{background-image:url(../images/g_all_icon_shoucang_hig.png);}*/
  415. .operateicon.icon-collected{background-image:url(../images/g_all_icon_shoucang_hig.png);}
  416. .operateicon.icon-wechat:hover{background-image:url(../images/g_all_icon_weixin_hig.png);}
  417. .operateicon.icon-sina:hover{background-image:url(../images/g_all_icon_xinlang_hig.png);}
  418. .operateicon.icon-qq:hover{background-image:url(../images/g_article_button_liuyan_hig.png);}
  419. .operateicon.icon-totop:hover{background-image:url(../images/g_article_button_dingbu_hig.png);}
  420. .shareWeixin{font-style: normal;position: relative;}
  421. .shareCode{display:none;position: absolute;bottom: 40px;left:-24px;background:rgba(0,0,0,.6);padding: 8px;width:320px;z-index: 688;}
  422. .shareCode:after{display: block;width: 0;height: 0;border:12px solid transparent;border-top-color:rgba(0,0,0,.6);position: absolute;bottom:-24px;left:22px;}
  423. .shareCode .shareWord {width:160px;margin: 16px 10px;color: #FFF;text-align: left;font-size: 14px;line-height: 28px;}
  424. .shareCode .shareWord p{font-size: 14px;line-height: 28px;}
  425. .shareCode img{width:120px;height:120px;border: 4px solid #fff;}
  426. .ifLogin{margin:30px 0;}
  427. .ifLogin .ifLoginUn{background: #fff7e7;border:1px solid #E5E5E5;line-height:18px;padding:25px;color:#7b4b2b;font-size:14px;}
  428. .ifLogin .ifLoginUn>ul>li{float: right;padding:0 6px;}
  429. .ifLogin .ifLoginUn a{color:#666;}
  430. .ifLogin .ifLoginOn .btnModel{margin:12px 0;width: 80px;border-radius:0;cursor: pointer;}
  431. .commentsArea .btnCancel{height:auto;border-radius:0;color: #ff9900;}
  432. .commentsArea ul.commentList{margin-top:-20px;}
  433. .commentsArea.form-item ul.commentList .madiaHead.useHeadMsg{top:10px;margin-top:0;}
  434. .commentsArea ul.commentList>li{padding:10px 0 20px;}
  435. .commentsArea ul.commentList>li .h2Font{font-size: 16px;color: #666;line-height: 26px;}
  436. .commentsArea ul.commentList>li .commenttime{font-size: 14px;color: #999;margin-left:18px;}
  437. .commentsArea ul.commentList>li .operateSpan{margin:10px 0 0;color:#9d9ea8;font-size:14px;cursor: pointer;}
  438. .commentsArea ul.commentList>li .operateSpan span{display: none;}
  439. .commentsArea ul.commentList>li .operateSpan .callBack{position:relative;padding-left:20px;margin-right:40px;}
  440. .commentsArea ul.commentList>li .operateSpan .callBack:before{position:absolute;content:url(../images/g_article_button_huifu_nor.png);top:50%;left:0;margin-top:-8px;}
  441. .rightconBox .conItem.conItemG .madiaHead{width: 100px; height: 100px;border:1px solid #E5E5E5;margin:0 auto 10px;background-position:center;background-size:cover;}
  442. .rightconBox .conItem.conItemG .madiaHead.useHead{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
  443. .rightconBox .conItem.conItemG .madiaHead.cmpHead{background:#fff;border:none;width: 200px;height:120px;}
  444. .rightconBox .conItem.conItemG .madiaHead.cmpHead .boxBlock{width:198px;height:118px;}
  445. .rightconBox .conItem.conItemG .h1Font{font-size:16px;}
  446. .rightconBox .conItem.conItemG .h2Font{font-size:14px;color:#666;line-height:26px;}
  447. .rightconBox .conItem.conItemG .h3Font>a{color:#333}
  448. .goSpan span{background: #ff9900;display:inline-block;text-align: center;width:84px;cursor:pointer;color:#fff;font-size:16px;margin:20px 4px 0;border-radius:4px;padding:7px 16px;}
  449. .goSpan .attenSpan{position: relative;padding-left:34px;background-image:url(../images/g_article_icon_jia_nor.png);background-size:12px 12px;background-position: 18px center;background-repeat: no-repeat;}
  450. .goSpan .attenedSpan{background:#ccc;padding-left:16px;}
  451. .goSpan .consultSpan{}
  452. /*文章列表*/
  453. .itemListCon{background: #fff;}
  454. .itemListBolck .searchAbout{position: relative;}
  455. .itemListBolck .searchAbout .frmcontype{height: 36px;font-size: 14px;}
  456. .itemListBolck .searchAbout .searchSpan{position:absolute;top:50%;margin-top:-9px;right:18px;display:inline-block;width:16px;height:16px;background: url(../images/g_article_icon_sousuo_nor.png);background-size:cover;cursor: pointer;}
  457. .itemListBolck .frmcontype{width:100%;border-radius: 20px;padding-left:20px;background: #f5f6f8;}
  458. .itemListBolck .topOperaBlock{padding:20px 0 0 20px;}
  459. .itemListBolck .issueSpanBlock{text-align: right;}
  460. .itemListBolck .issueSpan{position:relative;display:inline-block;background:#e03b43;color:#fff;font-size:16px;cursor:pointer;padding:7px 25px 7px;padding-left:50px;border-radius: 20px 0 0 20px;}
  461. .itemListBolck .issueSpan:before{position:absolute;content:url(../images/g_article_icon_fanbu_nor.png);top:50%;left:26px;margin-top:-9px;}
  462. .itemListBolck .itemListCon .form-result>ul>li{padding:20px;cursor:pointer; }
  463. .itemListBolck .itemListCon .form-result>ul>li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f4f6f8;}
  464. .itemListBolck .itemListCon .form-result>ul>li:hover{background:#EEEEEE;}
  465. .itemListBolck .itemListCon .form-result{margin:20px 0 30px;border-top:1px solid #E5E5E5;}
  466. .itemListBolck .itemListCon .madiaHead{width:120px;height:80px;margin-top:-40px;}
  467. .itemListBolck .itemListCon .madiaInfo>ul>li{float: left;margin-left:20px;}
  468. .itemListBolck .itemListCon .madiaInfo>ul>li:first-child{margin-left:0;}
  469. .itemListBolck .itemListCon .madiaInfo{padding-left:140px;min-height: 80px;padding-top:15px;}
  470. .itemListCon.form-item ul .h1Font{font-size:18px;}
  471. .itemListCon .draftLable{font-size:14px; color:#e03b43;line-height:24px;}
  472. .itemListCon .form-result>ul>li .madiaEdit>li{float: left;margin-right: 28px;}
  473. .itemListCon .form-result>ul>li .madiaEdit .editThis{display:inline-block;width:60px;height:32px;background:url(../images/g_article_button_xiugai_hig.png);background-size:cover;cursor:pointer;}
  474. .itemListCon .form-result>ul>li .madiaEdit .deteleThis2{display:inline-block;width:32px;height:32px;background:url(../images/g_article_button_shanchu_hig.png);background-size:cover;cursor:pointer;}
  475. .itemListCon .form-result>ul>li .madiaEdit{display:none;overflow:hidden;position:absolute;top:50%;margin-top:-16px;right:0;}
  476. .itemListCon .form-result>ul>li:hover .madiaEdit{display: block;}
  477. .itemListCon li.draftList .madiaInfo{padding-top:4px;}
  478. /*.pointSp{position:relative;}
  479. .pointSp:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;}
  480. */
  481. /*定时发送时间选择器*/
  482. .blackcover2{display:none;overflow-x: hidden;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0; background:rgba(0,0,0,.5);z-index: 1000;}
  483. .modelContain{display:none;position:relative;clear:both;margin:40px auto;width:600px;background:#fff;border-radius:8px;z-index:1056;
  484. box-shadow: 2px 4px 10px 4px #555;
  485. -webkit-box-shadow: 2px 4px 10px 4px #555;}
  486. .modelContain:before,.modelContain:after{display:table;content:" "}
  487. .modelContain:after{clear: both;}
  488. .modelOpen{overflow: hidden;}
  489. .setTimeBlock{z-index: 999999; width: 400px; position: fixed; background-color: white; border-radius: 6px; box-shadow: rgb(102, 102, 102) 1px 1px 20px 4px;top:50%;left:50%;margin:-167px 0 0 -200px;}
  490. .setTimeBlock .mb_tit{display: block; font-size: 18px; color: rgb(255, 255, 255); background-color: rgb(255, 153, 0); line-height: 60px; text-align: center; border-radius: 6px 6px 0 0; }
  491. .setTimeBlock .mb_close{display: block; position: absolute; right: 20px; top: 18px; background: url(../images/sign_icon_guanbi_nor.png) center center no-repeat; width: 20px; height: 20px; cursor: pointer;}
  492. .setTimeBlock .mb_msg{position: relative; padding: 30px 20px 20px; line-height: 24px; text-align: center; font-size: 16px;}
  493. .setTimeBlock .formTime{padding:10px 24px;}
  494. .setTimeBlock .mb_btnbox{margin: 0px auto 30px; text-align: center; position: relative;}
  495. .setTimeBlock .mb_btn{width: 100px; font-size: 14px; height: 32px; color: white; border: none; background-image: none; padding: 0px; margin: 0px 10px; border-radius: 6px;}
  496. .setTimeBlock .mb_btnOk{ background-color:#ff9900;}
  497. .setTimeBlock .mb_btnNo{ background-color:#ccc;}
  498. /*--------------新版资源--------------*/
  499. .showMain.showMain2{text-indent:0;}
  500. .showMain.showMain2>ul>li{margin:10px 0;display:none;}
  501. .showMain .showTit{position:relative;padding-left:10px;}
  502. .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:18px;background:#ff9900;}
  503. /*资源发布图片上传模块*/
  504. .artAbout>li>dl{margin-top:-10px;margin-right: -15px;height: 200px;overflow: hidden;padding-top:10px;}
  505. .artAbout>li>dl>dd{position:relative;float: left;width:31.2%;border: 1px solid #E5E5E5;height: 190px;margin-right: 15px;}
  506. .artAbout>li>dl>dd:nth-child(2),.artAbout>li>dl>dd:nth-child(3){background:url(../images/g_resource_bg_tianjia_nor.png) center center no-repeat;}
  507. .artAbout>li>dl>dd.uploadD{background: none;}
  508. .artAbout>li>dl>dd .imgItem{background:#fff;display: table-cell;text-align: center;vertical-align: middle;width: 240px;height: 188px;}
  509. .artAbout>li>dl>dd .imgItem img{vertical-align: middle;max-width:240px;max-height:188px;}
  510. .artAbout>li>dl>dd .uploadFile .uploadblock{border: none;}
  511. .artAbout>li>dl>dd .file-panel{position:absolute;top:-10px;right:-10px;text-align:center;overflow:hidden;}
  512. .artAbout>li>dl>dd .file-panel .cancel{display: inline-block;width: 20px;height: 20px;cursor: pointer;background: url(../images/g_resource_button_guanbi_nor.png);background-size: cover;}
  513. .form-item .addexpertRe{margin:0 -30px;}
  514. .form-item .addexpertRe ul.addexpert>li .madiaInfo{padding-right:42px;}
  515. .form-item .addexpertRe ul.addexpert>li .addbtn{position: absolute;right: 20px;background: #ff9900;top: 50%;margin-top: -14px;cursor: pointer;padding: 4px 10px;color: #fff;border-radius: 4px;}
  516. /*资源图片展示*/
  517. .Imagebox{width:362px;}
  518. .Imagebox .tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
  519. .Imagebox .tb-pic a img{vertical-align:middle;}
  520. .Imagebox .tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
  521. .Imagebox .tb-thumb{margin:10px 0 0;overflow:hidden;}
  522. .Imagebox .tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:50px;margin:0 6px 0 0;overflow:hidden;}
  523. .Imagebox .tb-s360 a{height:270px;width:360px;}
  524. .Imagebox .tb-s360 img{max-height:270px;max-width:360px;}
  525. .Imagebox .tb-s66 a{height:48px;width:66px;}
  526. .Imagebox .tb-s66 img{max-height:46px;max-width:66px;}
  527. .Imagebox .tb-booth{border:1px solid #E5E5E5;position:relative;z-index:1;}
  528. .Imagebox .tb-thumb .tb-selected{border:3px solid #ff9900;}
  529. .Imagebox .tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
  530. .Imagebox .tb-thumb .tb-selected .tb-s66 a,.Imagebox .tb-thumb .tb-selected .tb-s66{height:44px;width:58px;}
  531. .Imagebox .tb-thumb .tb-selected .tb-s66 img{max-height:44px;max-width:58px;}
  532. .Imagebox .tb-thumb li div{border:1px solid #E5E5E5;}
  533. div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #E5E5E5;display:none;text-align:center;overflow:hidden;}
  534. div.zoomMask{position:absolute;background:url("../images/g-resource-mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
  535. .conBlock .leftconBox2{background:none;padding:0;}
  536. .conBlock .leftconBox2 .reInfoBlock{width:320px;margin-left:24px;position: relative;height: 270px;}
  537. .conBlock .leftconBox2 .reInfoBlock .h2Font{font-size:16px;color:#666;line-height: 26px;margin-top:12px;}
  538. .conBlock .leftconBox2 .showReBasic{background: #FFFFFF;padding:30px;margin-bottom:20px;}
  539. .conBlock .leftconBox2 .showReOther{background: #FFFFFF;padding:30px;}
  540. .conBlock .leftconBox2 .resShareUl{position:absolute;bottom:0;}
  541. .conBlock .leftconBox2 .resShareUl>ul>li{float: left;margin-right:30px;font-size: 14px;color:#999;}
  542. .conBlock .leftconBox2 .resShareUl>ul>li .operateicon{margin-left:10px;cursor: pointer;}
  543. .conBlock .leftconBox2 .resShareUl>ul>li>span{position: relative;top:-2px;font-size: 14px;}
  544. .keydrop>ul>li.orgList{overflow: hidden;}
  545. .keydrop>ul>li.orgList img{width:50px;height:50px;margin-right:10px;}
  546. .keydrop>ul>li.orgList p{line-height:50px;font-size:14px;}
  547. /*资源导入*/
  548. .tipShow{background: #fff7e7;border-bottom: 1px solid #E5E5E5;line-height: 18px;padding:16px 20px;overflow:hidden;color: #7b4b2b;font-size: 14px;}
  549. .tipShow .tipClose{display:inline-block;width:14px;height:14px;background:url(../images/g_resource_button_guanbi_2_nor.png);background-size:cover;cursor:pointer;}
  550. .itemListBolck .itemListCon ul.importUl .madiaHead{top:50%;margin-top:-40px;}
  551. .itemListBolck .itemListCon ul.importUl .madiaInfo{min-height:auto;padding-right:140px;padding-top:0;margin:0;}
  552. .importBtn{position: absolute;top:50%;margin-top:-20px;right:20px;}
  553. .importBtn span{display:inline-block;width: 100px;font-size:16px;line-height:40px;text-align:center;height: 40px;color:#fff;border-radius:4px;cursor:pointer;}
  554. .importBtn span.importSpan-1{background: #ff9900;}
  555. .importBtn span.importSpan-2{background: #ff5738;}
  556. .importBtn span.importSpan-3{background: #dcdcdc;}
  557. /*--------------新版工作台框架--------------*/
  558. .workmenu>ul{overflow: hidden;}
  559. .workmenu{text-align: center;float: left;width:12%;background: #fff;}
  560. .workmenu>ul>li>a{display: inline-block;width: 100%;height:52px;line-height: 52px;color:#666;font-size:16px;background-size:18px 18px;background-position:14px center;background-repeat: no-repeat;}
  561. .workmenu>ul>li:nth-child(1)>a{background-image:url(../images/g_article_icon_gongzuotai_nor.png);}
  562. .workmenu>ul>li:nth-child(2)>a{background-image:url(../images/g_article_icon_zixun_nor.png);}
  563. .workmenu>ul>li:nth-child(3)>a{background-image:url(../images/g_article_icon_ziyuan_nor.png);}
  564. .workmenu>ul>li:nth-child(4)>a{background-image:url(../images/g_article_icon_zhuanli_nor.png);}
  565. .workmenu>ul>li:nth-child(5)>a{background-image:url(../images/g_article_icon_lunwen_nor.png);}
  566. .workmenu>ul>li:nth-child(6)>a{background-image:url(../images/g_article_icon_wenzhang_nor.png);}
  567. .workmenu>ul>li:nth-child(7)>a{background-image:url(../images/g_article_icon_xuqiu_nor.png);}
  568. .workmenu>ul>li>a:hover{background-color: #f0f0f0;}
  569. .workmenu>ul>.nowLi>a{background-color: #f7eee1;color:#ff9900;}
  570. .workmenu>ul>li.nowLi:nth-child(1)>a{background-image:url(../images/g_article_icon_gongzuotai_hig.png);}
  571. .workmenu>ul>li.nowLi:nth-child(2)>a{background-image:url(../images/g_article_icon_zixun_hig.png);}
  572. .workmenu>ul>li.nowLi:nth-child(3)>a{background-image:url(../images/g_article_icon_ziyuan_hig.png);}
  573. .workmenu>ul>li.nowLi:nth-child(4)>a{background-image:url(../images/g_article_icon_zhuanli_hig.png);}
  574. .workmenu>ul>li.nowLi:nth-child(5)>a{background-image:url(../images/g_article_icon_lunwen_hig.png);}
  575. .workmenu>ul>li.nowLi:nth-child(6)>a{background-image:url(../images/g_article_icon_wenzhang_hig.png);}
  576. .workmenu>ul>li.nowLi:nth-child(7)>a{background-image:url(../images/g_article_icon_xuqiu_hig.png);}
  577. .workmenu>ul>.nowLi>a:hover{background-color: #f7eee1;}
  578. .conBlock .workconG{float:right;/*width:86%;*/width:87%;background: #FFFFFF;margin-bottom:20px;}
  579. .conBlock .workconG .workcontit{height: 60px;padding: 0 20px;font-size: 16px;line-height:60px;border-bottom: 1px solid #e7e7e7;}
  580. .workcontit a:link, .workcontit a:active, .workcontit a:visited {color: #313131;}
  581. .conBlock .workconG .worksamlltit{font-size: 16px;line-height: 30px; margin-right:30px;padding: 10px 4px 8px;cursor: pointer;}
  582. .conBlock .workconG .worksamlltit.worksamlltitnow{color:#ff9900;border-bottom: 2px solid #ff9900;}
  583. /*--------------新版产品下载--------------*/
  584. .mainDownP{height: 100%;}
  585. .mainDownP .containerCon{height: 100%;}
  586. .mainDownP .contentCon{position: relative;height: 100%;width: 100%;}
  587. .mainDownP .main{width:1000px;overflow: hidden;width: 1000px;overflow: hidden;position: absolute;top: 50%;margin-top: -190px;left: 50%;margin-left: -500px;}
  588. .mainDownP .main_left{width:410px;height:500px;float: left;background: url(../images/download_bg_shouji_nor.png)no-repeat left 2px;background-size: cover;}
  589. .mainDownP .main_right{margin-left:44%;}
  590. .mainDownP .mright_top{width: 520px;height: 200px;margin-top:14%;margin-left: 20px;background: url(../images/download_bg_logo_nor.png) no-repeat left center;}
  591. .mainDownP .mbleft{float: left;width: 120px;height: 120px;margin-left: 24px;background: url(../images/download_bg_erweima_nor.png) no-repeat left center;}
  592. .mainDownP .mbright{margin-left:24%;overflow: hidden;}
  593. .mainDownP .mright_bottom{margin-top:15px;}
  594. .mainDownP .downlond_box{width: 191px;height: 132px;display: inline-block;margin-left: 10px;}
  595. .mainDownP .downlond{width: 168px;height: 40px;background: #fff;margin-top: 6px;border-radius: 5px;margin-left: 20px;}
  596. .mainDownP .downlond span{float: right;width:20px;height: 20px;margin:10px 14px 0 0;background: url(../images/download_button_xiazai_nor.png) no-repeat 0 center;}
  597. .mainDownP .downlond h4{font-weight: 500;float:left;line-height:40px;font-size:18px;height: 40px;padding-left: 50px;color: #666666;background-position: 15px center;background-repeat: no-repeat;}
  598. .mainDownP .iphons h4{background-image: url(../images/download_icon_pingguo_nor.png);}
  599. .mainDownP .Android{margin-top: 26px;}
  600. .mainDownP .Android h4{background-image: url(../images/download_icon_anzhuo_nor.png);}
  601. .mainDownP .downlond:hover{opacity: 0.9;}
  602. /*发布相关页面回到顶部*/
  603. .footer_tools{position:fixed;z-index:1070;left:50%;margin-left:562px;bottom:20px;}
  604. .footer_tools>a{margin-top:10px;position: relative;display:inline-block;width:52px;height:52px;background-position:center;background-size:cover;opacity: .8;}
  605. #scrollUp{display:none;background-image:url(../images/bottom_button_dingbu_hig.png);}
  606. #feedback{background-image:url(../images/bottom_button_jiucuo_hig.png);}
  607. .footer_tools>a:hover{opacity:1;}
  608. .footer_tools .correctBlock{display:none;width:270px;position: fixed;bottom:0px;right:0px;border-radius: 6px 6px 0 0;overflow: hidden;box-shadow: 1px 1px 13px 1px rgba(195, 195, 195, .3)}
  609. .correctBlock .cBacktit{position: relative;background:#ff9900;line-height: 42px;font-size: 16px;color: #fff;padding:0 20px;}
  610. .correctBlock .cBacktit>span{position: relative;display: inline-block;padding-left: 24px;}
  611. .correctBlock .cBacktit>span:before{position: absolute; content: url(../images/bottom_icon_xiugai_nor.png);left: 0px;margin-top: 2px;}
  612. .correctBlock .cBacktit>em{position:absolute;right:0px;cursor:pointer;display: inline-block;width:42px;height:42px;background-position:center;background-repeat:no-repeat;background-image:url(../images/bottom_button_guanbi_nor.png);}
  613. .correctBlock .frmcontype{font-size: 16px;color: #fff;}
  614. .correctBlock textarea.frmcontype{height: 280px;border: none;font-size: 14px;color: #666;}
  615. .correctBlock.feedbackBox{display:none;}
  616. /*--------------新版个人中心浏览以及修改--------------*/
  617. .headconBox{padding:30px;min-height:200px;background: #fff;position: relative;margin-bottom: 20px;}
  618. .bottomShow .shareCode{bottom:auto;top:30px;}
  619. .bottomShow .shareCode:after{border:12px solid transparent;border-bottom-color:rgba(0,0,0,.6);top:-24px;left:22px;bottom:auto;}
  620. .headconBox .headimgBox{width: 142px;height: 142px;position:absolute;overflow:hidden;border:1px solid #E5E5E5;border-radius:50%;background-image:url(../images/default-photo.jpg);background-size: cover;top: 50%;margin-top: -71px;}
  621. .headconBox .cmpimgBox{border-radius:0;background:#fff;}
  622. .headconBox .reInfoBlock{width:100%;padding-left:170px;}
  623. .headconBox .reInfoBlock .h1Font{font-size: 18px;color:#666;margin-bottom:10px;}
  624. .headconBox .reInfoBlock .h2Font{font-size: 16px;color:#666;margin-bottom:8px;}
  625. .headconBox .reInfoBlock .h3Font{font-size: 14px;color:#999;line-height: 20px;}
  626. .headconBox .reInfoBlock.head-center{}
  627. .headconBox .head-center .h1Font{margin-bottom:0;}
  628. .headconBox .head-center .h2Font{margin-bottom:0;}
  629. .headconBox .head-center .proEdit{font-size: 14px;padding-left:24px;right: 34px;top:40px;}
  630. .headconBox .goSpan{position: absolute;right: 30px;top:50%;margin-top:-35px;}
  631. .operateBlock{}
  632. .operateBlock>ul>li{float: left;font-size: 14px;color:#999;min-height: 24px;margin-right: 20px;}
  633. .operateBlock>ul>li .operateicon{margin-left:10px;cursor: pointer;}
  634. .operateBlock>ul>li>span{position: relative;top:-2px;font-size: 14px;}
  635. .headconBox .operateBlock>ul>li{margin-right:0;}
  636. .navconBox{padding:0 30px;background: #fff;margin-bottom: 20px;}
  637. .navconBox>ul>li{float: left;padding:20px 0;cursor:pointer;margin-right:60px;margin-bottom:-3px;font-size: 16px;color: #999;}
  638. .navconBox>ul>li>a{font-size: 16px;color: #999;}
  639. .navconBox>ul>li.liNow{border-bottom:3px solid #000;color: #000;}
  640. .navconBox>ul>li.liNow>a{color: #000;}
  641. /*统计数据*/
  642. .statisticsBox{}
  643. .statisticsBox span{font-size: 20px;color:#333}
  644. .statisticsBox p{font-size: 14px;color:#999;margin-bottom:10px;}
  645. .goarrow{font-size:16px;display:inline-block;color: #ff9900;padding:0 6px;position: relative;}
  646. .goarrow em{position:absolute;right:0;top:-15px;}
  647. .goarrow em:before{border: solid transparent;border-left-color: #ff9900;border-width:8px;content: " ";position: absolute;left: 100%;top: 18px;}
  648. .goarrow em:after{border: solid transparent;border-left-color:#fff;border-width:6px;content: " ";position: absolute;left: 100%;top: 20px;}
  649. /*相关信息*/
  650. .leftconItem{display: none;}
  651. .leftconItem:first-child{display: block;}
  652. .coninfobox{padding:30px 30px 0;background: #FFF;}
  653. .coninfobox .coninfotit{position:relative;font-size: 18px;color:#666;margin-bottom:10px;}
  654. .coninfobox .seeMore{cursor:pointer;font-size:14px;color:#999;padding:0 10px;position: absolute;right:12px;top:50%;margin-top:-10px;}
  655. .coninfobox .seeMore em{position:absolute;right:0;top:-16px;}
  656. .coninfobox .seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 18px;}
  657. .coninfobox .seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 20px;}
  658. .coninfobox .coninfocon{font-size: 14px;color:#666;line-height:24px;}
  659. .coninfobox .coninfocon .h4Font{font-size:16px;color: #333;}
  660. .coninfobox .coninfocon .h5Font{font-size:14px;color: #666;}
  661. .coninfocon.listArea>ul{overflow: hidden;margin-right: -10px;margin-top:-10px;}
  662. .coninfocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius: 20px;padding:2px 12px;}
  663. /*教育背景类型列表*/
  664. .coninfocon.listSector>ul{}
  665. .coninfocon.listSector>ul>li{border-left: 2px solid #efefef;padding-top:4px;padding-bottom:4px;padding-left:16px;margin-left:6px;}
  666. .updateLeft .coninfocon.listSector>ul>li{padding-top:0;padding-bottom:0;}
  667. .coninfocon.listSector>ul>li .showBx{padding-top:6px;}
  668. .coninfocon.listSector>ul>li .h4tit{position:relative;padding:2px 0;}
  669. .coninfocon.listSector>ul>li .h4tit:before{content:"";position: absolute;left:-23px;top:8px;width:12px; height:12px;background:#ff9900;border-radius: 50%;}
  670. /*研究方向类型列表*/
  671. .coninfocon.listResearch>ul>li{clear:both;margin:8px 0}
  672. .coninfocon.listResearch>ul>li:before,.coninfocon.listResearch>ul>li:after{display:table;content:" "}
  673. .coninfocon.listResearch>ul>li:after{clear:both}
  674. .coninfocon.listResearch>ul .favorBox{box-shadow:1px 1px 3px 1px #ccc; text-align:center;font-size:14px;line-height:26px; color:#666;float:left;cursor:pointer;padding-right: 8px;max-width: 60%;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
  675. .coninfocon.listResearch>ul .favorBox .like{ display:inline-block;float: left; min-width:28px;padding:0 6px;background:#ff9900; color:#fff;font-size:10px;margin-right:5px;}
  676. .coninfocon.listResearch>ul .plus{ float:left;display:block; width:26px; height:26px; cursor:pointer; background:url(../images/thumb-up.png) no-repeat 0 0; margin-left:10px; }
  677. .coninfocon.listResearch>ul .favorCount{ float:right;max-width:38%;overflow:hidden;}
  678. .coninfocon.listResearch>ul .like-people{cursor:pointer; width:28px; height:28px; float:left;border-radius:50%;border:1px solid #E5E5E5; overflow:hidden; margin-right:5px; background-image:url(../images/default-photo.png); background-size:cover;}
  679. .coninfocon.listResearch>ul .like-people .like-h{ width:100%; height:100%;}
  680. .coninfocon.listResearch>ul .like-more{background:url(../images/likemore.png) no-repeat center center;border:1px solid #ccc;}
  681. .coninfocon.cmpdetail>ul>li{width: 50%;float: left;}
  682. .form-item.otherShow .coninfocon .madiaInfo .ellipsisSty-2{height:auto;max-height: 48px;}
  683. .form-item.coninfobox .coninfotit{margin-bottom: 0;}
  684. .form-item.coninfobox .madiaInfo>ul>li{float: left;margin-right: 20px;font-size:14px;color:#999;}
  685. /*.form-item.coninfobox .form-result>ul>li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0; height: 2px;background: #f4f6f8;}*/
  686. .commentsArea.coninfobox ul.commentList{margin: 0;}
  687. .commentsArea.coninfobox ul.commentList .madiaHead.useHeadMsg{top:16px;}
  688. /*星级*/
  689. .starShow{position: absolute;right: 0;top:50%; margin-top:-10px;overflow: hidden;}
  690. .starShow>li{float: left;margin:0 2px;display: inline-block;width: 16px;height: 16px;background-image: url(../images/favoricon.png);background-size: 100% auto;background-position:0 0;}
  691. .starShow>li.evastar{background-position:0 -16px;}
  692. /*研究方向详情弹出*/
  693. .resAreaBox{position:absolute;width:640px;left:50%;margin:80px 0 20px -320px;background:#fff;border-radius:8px;z-index:1001; margin-bottom:100px;
  694. box-shadow: 2px 4px 10px 4px #555;
  695. -webkit-box-shadow: 2px 4px 10px 4px #555; }
  696. .resAreaCon{padding:10px}
  697. .resAreaCon .littip{font-size:13px;margin: 0 10px;padding:6px; border-bottom:1px #CCCCCC dashed;}
  698. .resAreaCover .researchArea{padding:16px 30px;background: #ff9900;color:#FFFFFF;font-size:16px; border-bottom:1px #EAEAEA solid;border-radius: 8px 8px 0 0;}
  699. /*修改信息相关*/
  700. .replace-photo{ display:block; width:100%; height:95px; position:absolute; bottom:0; background-color:rgba(0,0,0,0.4);font-size:16px;line-height:90px; color:#fff; text-align:center;}
  701. .btnClick{position:absolute;font-style:normal; right:0;top:-10px;font-size: 14px;line-height: 48px;color: #ff9900;cursor: pointer;}
  702. .modifybox{ display:none;padding:30px; margin:20px 0;background: #fafafa;border:2px solid #F4F4F4}
  703. .modifybox .cmpFrmList{margin-left: -40px;}
  704. .cmpFrmList>li{position: relative;clear:both;margin:4px 0;padding:6px 0;line-height: 42px;}
  705. .cmpFrmList>li .lableSpan{font-size: 16px;color: #666;text-align:right;line-height: 42px;}
  706. .cmpFrmList>li:before,.cmpFrmList>li:after{display:table;content:" "}
  707. .cmpFrmList>li:after{clear: both;}
  708. .cmpFrmList>li .frmadd {width: auto;position: absolute;right: 0;top: 0;background: #ff9900;color: #fff;border: none;padding: 6px 25px;}
  709. .cmpFrmList>li select{padding: 0 10px;padding-right: 20px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
  710. .cmpFrmList>li select.mr_btn{color:#999}
  711. .cmpFrmList>li .mr_sj{position: absolute;right: 10px;top: 18px;display:inline-block;height: 0;width: 0;border: 6px solid #fff;border-color: #aaa transparent transparent;}
  712. .cmpFrmList>li .col-w-10,.cmpFrmList>li .col-w-5{position: relative;}
  713. .cmpFrmList .msgContbox{height: 200px;}
  714. .cmpFrmList .msgContbox textarea{min-height:170px;}
  715. .ulspace>li{margin-top:16px;margin-right:30px;padding:6px 10px;border-width:1px;border-style:solid;border-color:#D6D6D6;}
  716. .keyResult>ul.editUlist,.keyResult>ul.editUlistC{width: 98%;margin-right: -30px;margin-bottom:0}
  717. .keyResult>ul.editUlistC>li,.keyResult>ul.editUlist>li{position:relative;padding:6px 12px;background: #fff;margin-bottom:0}
  718. .keyResult>ul.editUlist>li{float:left;}
  719. .keyResult>ul.editUlistC>li{width:100%;margin-top:12px;}
  720. .keyResult>ul.editUlistC>li.yjlist{margin:10px 0 0 0;width:100%;text-align:left;border-radius:0;line-height: 26px;border:none;background: none;padding:0 12px 0 0;}
  721. .keyResult>ul.editUlistC>li.yjlist>div{width: auto; position:relative;border: 1px solid #E5E5E5;background: #fff;display: inline-block;padding:0 12px 0 0;}
  722. .keyResult>ul.editUlistC>li.yjlist .like{ display:inline-block;float: left;text-align:center; min-width:28px;padding:0 6px;background:#ff9900; color:#fff;font-size:10px;margin-right:5px;}
  723. .saveBtn .frmcontype{width: 120px;margin-right: 30px;margin-top: 20px;}
  724. .saveBtn .btnCancel{background: #ccc;color: #fff;}
  725. .saveBtn .fontLink{color:#666;width:60px;font-size:14px;margin-right:0;float:right;padding:0;}
  726. /*城市选择器*/
  727. .citybox2 span{position:relative;width:98%;display:inline-block;padding:0 0 0 10px;cursor:auto;margin:0;background:#fff;}
  728. .citybox2 span .mr_show{ font-style:normal;color:#AAAAAA;width:100%;display:inline-block;height:42px;line-height:42px;position:relative;}
  729. .citybox2 span .mr_show.mr_select{color:#333;}
  730. .citybox2 span .mr_sj{position: absolute;right: 10px;top: 18px;display:inline-block;height: 0;width: 0;border: 6px solid #fff;border-color: #aaa transparent transparent;}
  731. .citybox2 span ul{width:100%;position:absolute;border:1px solid #E8E8E8;background:#fff;left:-1px;top:38px;margin-bottom:10px;display:none;z-index:10;max-height:280px; overflow:auto;}
  732. .citybox2 span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;}
  733. .citybox2 span ul li:first-child{border-top:0;}
  734. .citybox2 span ul li a{display:block;height:30px;line-height:30px;padding:0 8px;color:#494949;}
  735. /*日期组件*/
  736. .mr_calendar_ym {display:none;position: absolute;top: 42px;left:0;height: 160px;font-size:14px;width: 244px;background-color: #fff;z-index: 999;border: 1px solid #e7e7e7;border-radius: 4px;box-shadow: 2px 2px 4px #e7e7e7;cursor:pointer;}
  737. .mr_calendar_ym ul {float: left;}
  738. .mr_calendar_ym span{display:block;}
  739. .mr_calendar_ym .mr_year {width: 34%;height: 158px;border-right: 1px solid #efefef;overflow: auto;}
  740. .mr_calendar_ym .mr_year li {list-style:none;margin:0;cursor: pointer;line-height: 32px;background-color: #fff;color: #333;text-align: center;}
  741. .mr_calendar_ym .mr_month { word-wrap: normal;padding: 10px 10px 10px 16px;background-color: #fff; width:66%;height:158px;}
  742. .mr_calendar_ym .mr_month li {list-style:none;margin:0;float: left;cursor: pointer;width: 33%;height: 26px;line-height: 26px;color: #333;background-color: #fff;margin: 0 0 10px;}
  743. .mr_calendar_ym .full_year{width: 100%;height: 158px;border-right: 1px solid #efefef;overflow: auto;}
  744. .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;}
  745. .mr_calendar_ym .active { background-color: #ff9900!important;color: #fff!important;}
  746. .updateLeft .coninfobox{padding-bottom: 30px;position: relative;}
  747. .updateLeft .coninfobox:after{content:"";height: 1px;background:#E5E5E5;position: absolute;left:30px;right: 30px;bottom: 0;}
  748. .updateLeft .coninfobox:last-child:after{content:none;}
  749. .modifybox .form-result.keyResult{margin-top: -10px;}
  750. .listnone1 .modifybox{margin-left:-25px;}
  751. .showBx + .modifybox{margin-left: -25px;}
  752. .coninfocon.listSector>ul>li.listnone1:before{content:none;}
  753. .showBx{padding-right: 30px;}
  754. .showBx .btnClick{right: -30px;}
  755. /*--------------新功能论文和专利相关--------------*/
  756. .showMainP{margin-top: 20px;}
  757. .showMainP li{overflow: hidden;}
  758. .showMainP .showTit{font-size: 14px;color: #333;padding-left: 12px;}
  759. .showMainP .showCon{font-size: 14px;color: #666;text-align:justify;word-break: break-word;}
  760. .aboutPa .form-result{margin:-6px -20px 0 0;}
  761. .aboutPa .form-result>ul>li{display:none;float:left;width: 47%;border:1px solid #E5E5E5;background:#FFFFFF;padding:20px;margin:20px 20px 0 0;min-height:auto;height: 76px;/*z-index:4;*/}
  762. .aboutPa .form-result>ul>li>a{display: block;width: 100%;}
  763. .aboutPa .form-result>ul>li .shareCode{left:-8px;z-index:2;}
  764. .aboutPa ul>li .goSpan{position: absolute; right: 20px;top: 50%;margin-top: -15px;cursor: pointer;}
  765. .aboutPa ul>li .goSpan span{width:auto;padding:2px 8px;line-height: 26px;font-size: 14px;margin:0;min-width: 56px;}
  766. .aboutPa ul>li .goSpan .attenSpan{padding-left: 20px;background-position: 8px center;background-size:10px 10px}
  767. .aboutPa ul>li .goSpan .attenedSpan{padding-left:6px}
  768. .aboutPa ul>li.lastBtn{position:absolute;right:7px;bottom:0;line-height:34px;text-align: center;cursor: pointer;}
  769. .aboutPa ul>li.pointThis{cursor: pointer;}
  770. .aboutPa .form-result>ul>li:hover{background:#FFFFFF;}
  771. .aboutPa .form-result ul.authorBox{position:relative;}
  772. .aboutPa .form-result ul.authorBox>li>a{max-width:80%;}
  773. /*--------------新版需求相关--------------*/
  774. .needinfobox.coninfobox{border-bottom:20px solid #F4F6F8;padding-bottom: 30px;}
  775. .needList.form-item .madiaInfo{padding-left:0;}
  776. .needList.form-item>ul .h1Font{font-size: 18px;margin-bottom: 10px;}
  777. .needList.form-item>ul .h2Font{font-size: 14px;line-height:24px;margin: 10px 0;}
  778. .needList.form-item>ul .h3Font{font-size: 14px;color:#999;}
  779. .needList.form-item>ul>li{padding:10px 30px;margin:0 -30px;}
  780. .needList.form-item>ul>li:hover{background: #EEEEEE;}
  781. .needList.form-item ul .showli>li{margin: 6px 0;width:25%;padding-right:16px;float:left;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}