Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 977 Releases 0 Wiki

portal html css js resource

Tree: db0c490a09
Branches Tags
portal-front
/
css
/
share.css

share.css 20KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286 
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html,body {outline: 0;margin:0;padding:0px;background: #efeff4;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
  4. .contentBody2{max-width:640px;margin:auto;}
  5. /*.contentBody2 *{-webkit-user-select: none;}*/
  6. .iconfontnew{display: inline-block;width: 18px;height: 18px;*margin-right: .3em;line-height: 18px;vertical-align: text-top;
  7.   background-position: center center; background-repeat: no-repeat;background-size: cover;}
  8. .icon-address{width:11px;height:14px;background-image: url("../images/personal_icon_dizhi_nor@3x.png");background-size:cover;line-height: 14px;}
  9. /*input输入相关*/
  10. .frmbtn {width: 100%;margin: 4% auto;font-size: 14px;line-height: 24px;padding:2%;border: 1px solid #FF9900;border-radius: 6px;color: #FF9900;outline: none;}
  11. .frmactive {color: #fff;background-color: #FF9900;border: 1px solid #FF9900;}
  12. /*移动端网站或APP点击后出现闪动或灰色背景,只需对绑定事件添加class样式 使其触发事件时背景为透明色*/
  13. .activeThis{-webkit-tap-highlight-color:transparent;}
  14. /*--------------------邀请好友注册科袖2017.4.28--------------*/	
  15. @media (min-width: 768px){
  16. 	.invitebody .form-inline .form-group {display:block;margin-bottom: 10px;vertical-align: middle;}
  17. }		
  18. .invitebody .form-control:-moz-placeholder {color: rgba(256,256,256,1);}
  19. .invitebody .form-control::-moz-placeholder {color: rgba(256,256,256,1);}
  20. .invitebody input.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {color: rgba(256,256,256,1)}
  21. .invitebody input.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: rgba(256,256,256,1)}
  23. .invitebody .form-group{overflow: hidden;}
  24. .invitebody .input-group{position:relative;width:100%;border:1px solid #FFFFFF;margin:16px 0;border-radius:6px;}
  25. .invitebody .form-control{width:100%;border:none;background:none;box-shadow: none;height: 42px;font-size: 16px;line-height: 20px;color:#FFFFFF;
  26.  padding-left:44px;background-position:14px center;background-repeat: no-repeat;background-size:auto 20px;}
  27. .invitebody .form-control:focus{box-shadow: none;}
  28. .invitebody .form-control.input_name{background-image: url(../images/wechat_icon_xingming_nor@3x.png);}
  29. .invitebody .form-control.input_phone{background-image: url(../images/wechat_icon_shouji_nor@3x.png);}
  30. .invitebody .form-control.input_code{background-image: url(../images/wechat_icon_yanzhengma_nor@3x.png);}
  31. .invitebody .form-control.input_pwd{background-image: url(../images/wechat_icon_mima_nor@3x.png);}
  32. .invitebody .form-control.input_mail{background-image: url(../images/wechat_icon_mail_nor@3x.png);}
  33. .invitebody .form-control.input_org{background-image: url(../images/wechat_icon_org_nor@3x.png);}
  35. .invitebody .btn{font-size: 16px;font-weight: bold;line-height: 1;color:#FFFFFF;margin:16px 0 16px;padding: 12px 16px;}
  36. .invitebody .btn[disabled]{ background: rgba(256,256,256,.6);color:#AAAAAA;}
  37. .invitebody .btn.input-group-addon{width:auto;border:none;position: absolute;right:-1px;top:50%;margin-top:-22px;cursor: pointer;padding: 14px 24px 14px;border-radius:6px;}
  38. .invitebody .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child){border-radius:5px;}
  39. .invitebody .protocollink{ color: #FFFFFF;}
  40. .invitebody .checkReg.checkboxT{padding:0;margin-top:-22px;color: #FFFFFF;font-size: 14px;}
  41. .invitebody .checkBg{background: url(../images/checkApp.png) 0 center no-repeat;padding-left:18px;line-height:18px;margin:10px 0 30px; background-size:auto 14px;}
  42. .invitebody .canPoint{background: rgba(256,256,256,1);color:#ff9900;opacity: 0.8;}/*按钮可点击状态*/
  43. .invitebody .canPoint:hover{box-shadow: 0px 0px 16px rgba(255,255,255,0.2) inset;outline: none;}
  44. /*logo盒子的相关*/
  45. .invitebody .logobox{ padding:0 6% 3% 6%; margin:14% auto 10px; }
  46. .invitebody .logolink{display: block;max-width:36%;min-width:100px;margin: auto;}
  47. .invitebody .logoimg{ width: 100%; margin: auto; text-align:center;}
  48. .invitebody .inviteTit{text-align: center; font-size: 18px;line-height: 30px;margin:20px 0;color:#FFFFFF;}
  49. .invitebody .inviteTit span{font-size:18px;line-height: 44px; padding:0 6px;}
  50. .invitebody .bomb-box{background-color:rgba(000,000,000,0.5); padding:5px 15px; border-radius:50px; font-size: 12px; color: #fff; text-align:center; position: absolute; display: inline; left:50%; top:25%}
  51. .invitebody .inforbox{padding:20px 0 10px;}
  52. .invitebody .inforbox ul{padding:10px 0;}
  53. .invitebody .inforbox ul li{position: relative;margin:12px 0;}
  54. .invitebody .inforbox .lefticon{position: absolute;top:4px;width: 28px;height: 28px;} 
  55. .invitebody .inforbox .rightcon{padding-left:40px;color: #FFFFFF;}
  56. .invitebody .inforbox .rightcon h2{font-size:17px;line-height:26px;}
  57. .invitebody .inforbox .rightcon p{font-size:14px;line-height:20px;}
  58. 			
  59. /*****************************2017.05新版文章资源样式************************/
  60. .flexCenter{position: relative; min-height:90px;
  61. 		    display: -webkit-box;
  62. 			display: -webkit-flex;
  63. 			display: -ms-flexbox; 
  64. 			display:         flex; 
  65. 	        -webkit-align-items: center;
  66. 	                align-items: center;}
  67. /*文章浏览*/
  68. .topFu{background: rgba(0,0,0,.6);padding:10px 15px;position: fixed;right:0;left:0;z-index:200;}
  69. .topLogo{width:60px;height:30px;background: url(../images/home_icon_logo_orange.png);background-size: cover;}
  70. .goSpan span{background: #ff9900;display:inline-block;text-align: center;width:48px;cursor:pointer;color:#fff;font-size:16px;border-radius:4px;padding:4px;}
  71. .goSpan .attenSpan{position: relative;padding-left: 14px;background-image:url(../images/g_article_icon_jia_nor.png);background-size:12px 12px;background-position: 8px center;background-repeat: no-repeat;}
  72. .goSpan .attenedSpan{background:#ccc;padding-left:16px;}
  73. .showDetail{padding:15px;padding-top:10px;}
  74. .showDetail .hWeight{font-weight:bold;}
  75. .showDetail .h1Font{font-size:20px;margin:8px 0;line-height:30px;color:#333;}
  76. .showDetail .showFont{font-size:16px;margin-top:-4px; line-height:24px;color:#333;}
  77. .showDetail .h2Font{font-size:14px;color:#666; line-height:16px;}
  78. .showDetail .madiaInfo .h2Font{font-size:14px;color:#999;}
  79. .showDetail .h3Font{font-size:13px;color:#999; line-height:24px;}
  80. .showDetail .showMain{font-size:15px;color:#333;line-height:28px;}
  81. .showDetail .showMain img{max-width: 100%;}
  82. .showDetail .showMain p{margin-bottom:16px;font-size:15px;color:#333;text-align:justify}
  83. #articleContent ul,#articleContent ol{padding-left:20px;}
  84. #articleContent ul{list-style-type:disc;}
  85. #articleContent ol{list-style-type:decimal;}
  86. #articleContent ul>li,#articleContent ol>li{padding-left:0px;}
  87. #articleContent ul>li>p,#articleContent ol>li>p{margin: 0;}
  88. ul.tagList{padding:0;margin:18px 0 8px;overflow: hidden;}
  89. ul.tagList>li{list-style:none;float: left;margin-right:10px;margin-bottom:10px;padding:4px 12px;color: #666;background:#EFEFEF;}
  90. ul.tagList>li .h2Font{color: #666;}
  91. .madiaBlock{clear:both;}.madiaBlock:before,.madiaBlock:after{display:table;content:""}.madiaBlock:after{clear: both;}
  92. .madiaBlock ul.mui-table-view{margin:10px 0;overflow: hidden;}
  93. .madiaBlock ul.mui-table-view li{position: relative;cursor: pointer;}
  94. .madiaBlock .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;padding-bottom: 10px;}
  95. .madiaBlock .madiaTit:before{display:inline-block;content:"";width:4px;height: 16px;position:absolute;top:1px;left:0;background: #ff9900;}
  96. .madiaBlock .madiaTit:after{position: absolute;bottom: 0;content:"";height: 1px;background: #E5E5E5;right: -15px;left:-15px;}
  97. .madiaBlock .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;/*border:1px solid #E5E5E5;*/top:50%;background-position: center;background-size: cover;}
  98. .madiaBlock .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
  99. .madiaBlock .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
  100. .madiaBlock .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
  101. .madiaBlock .madiaHead.cmpHead{background:#FFFFFF;border-radius:0;border:none}
  102. .madiaBlock .madiaHead.cmpHead .boxBlock{width: 90px;height: 60px;}
  103. .madiaBlock .madiaHead.cmpHead2{width:50px;height:40px;margin-top:-20px;background:none;border-radius:0;border:none}
  104. .madiaBlock .madiaHead.cmpHead2 .boxBlock{width:50px;height:40px;}
  105. .madiaBlock .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
  106. .madiaBlock .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
  107. .madiaBlock .madiaInfo{padding-left:62px; width: 100%;margin:6px 0;overflow: hidden;}
  108. .madiaBlock .madiaInfo.OmadiaInfo{padding-left: 102px;}
  109. .madiaBlock .flexCenter{min-height:64px;}
  110. .madiaBlock .flexCenter>a{display: block;width: 100%;}
  111. .madiaBlock .flexCenter>a .madiaInfo{width: auto;}
  112. .madiaBlock .flexCenter.OflexCenter{min-height:72px;}
  113. .madiaBlock .madiaInfo .h1Font{font-size: 16px;margin:0;line-height:24px;}
  114. .madiaBlock .madiaInfo .ellipsisSty-2{max-height: 44px;}
  115. .madiaBlock .madiaInfo .time{font-size:14px;color:#999;}
  116. /*点赞模块*/
  117. .thumbBlock{text-align: center;margin:30px 0;}
  118. .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;}
  119. .thumbBlock .thumbBtn.thumbedBtn{background: #e0e0e0;}
  120. /*留言*/
  121. .madiaBlock .commentBlock li{padding:4px 0;}
  122. .commentBlock .flexCenter{min-height:38px;}
  123. .commentBlock .commenttime{margin-right:18px;}
  124. .commentBlock .madiaHead.useHead{width: 40px;height:40px;margin-top:-20px;}/*小图像*/
  125. .commentBlock .madiaInfo{padding-left:52px;width: auto;}
  126. .commentBlock .operateSpan{margin:8px 0 0;color:#9d9ea8;font-size: 13px;color: #999;cursor: pointer;}
  127. .commentBlock .madiaInfo .h2Font{ -webkit-user-select:text;word-break\n:break-word;}
  128. /*资源轮播图片样式*/
  129. #index-container {height:300px;background: #f0f0f0;position: relative;overflow: hidden;z-index: 1;}
  130. #index-container .swiper-wrapper { position: relative;z-index: 1;
  131.     display: -webkit-box;
  132.     display: -moz-box;
  133.     display: -ms-flexbox;
  134.     display: -webkit-flex;
  135.     display: flex;
  136.     -webkit-transform-style: preserve-3d;
  137.     -moz-transform-style: preserve-3d;
  138.     -ms-transform-style: preserve-3d;
  139.     transform-style: preserve-3d;
  140.     -webkit-transition-property: -webkit-transform;
  141.     -moz-transition-property: -moz-transform;
  142.     -o-transition-property: -o-transform;
  143.     -ms-transition-property: -ms-transform;
  144.     transition-property: transform;
  145.     -webkit-box-sizing: content-box;
  146.     -moz-box-sizing: content-box;
  147.     box-sizing: content-box
  148. }
  149. #index-container .swiper-slide {
  150.     -webkit-transform-style: preserve-3d;
  151.     -moz-transform-style: preserve-3d;
  152.     -ms-transform-style: preserve-3d;
  153.     transform-style: preserve-3d;
  154.     -webkit-flex-shrink: 0;
  155.     -ms-flex: 0 0 auto;
  156.     flex-shrink: 0;
  157.     width: 100%;position: relative;float: left
  158. }
  159. #index-container .swiper-slide .tab-re{display: inline-block;text-align: center;max-width:100%;width:100%;height:300px;overflow: hidden;vertical-align:middle;}
  160. #index-container .swiper-slide .tab-re img{width:auto;max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
  161. #index-container .swiper-slide  .tab-re:before{content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -6px;}
  162. #index-container .swiper-pagination {bottom: 20px;left: 0;width: 100%;position: absolute;z-index: 2;text-align: center;}
  163. #index-container .swiper-pagination .swiper-pagination-bullet {width: 6px;height: 6px;margin:0 10px;background: #ccc;display: inline-block;border-radius: 50%;opacity: 0.9;}
  164. #index-container .swiper-pagination .swiper-pagination-bullet-active {background: #fff}
  165. /*轮播图片样式 end*/
  166. .showMain>ul{margin:0;padding:0;}
  167. .showMain.showRes>ul>li{padding:0;margin:0;list-style: none;display: none;}
  168. .showMain .showTit{position:relative;padding-left:10px;text-indent: 0;}
  169. .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:16px;background:#ff9900;}
  170. /*--------------2017.07.12新功能论文和专利相关--------------*/
  171. .showMainP{margin-top: 20px;}
  172. .showMainP li{overflow: hidden;}
  173. .showMainP .showTit{padding-left: 0;color: #666;}
  174. .showMainP .showTit:before{content: none;}
  175. .showMainP .showCon{color: #333;text-align:justify}
  176. /*新版用户和企业相关*/
  177. .showCardI{overflow:hidden;background: url(../images/personal_img_bg_nor@3x.png) center 0 no-repeat;background-size:100% 130px;}
  178. .cardTop{position:relative;text-align:center;min-height:140px;margin:15px 15px 6px;padding:40px 40px 20px;
  179. 		background: rgba(256,256,256,.6);background: linear-gradient( rgba(256,256,256,.6), rgba(256,256,256,.9));border-radius:6px;box-shadow: 0px 2px 4px 1px rgba(0,0,0,.1);}
  180. .cardImg{position: absolute;margin-top:-15px;left:50%;margin-left: -40px;width:80px;height: 80px;overflow: hidden;background-size: cover;/*border:1px solid #E5E5E5;*/background-color: #fff;}
  181. .cardImg.userCard{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
  182. .cardImg.cmpCard{border-radius:4px;width:120px;margin-left: -60px;background:none;}
  183. .cardImg.cmpCard .boxBlock{width:120px;height: 80px;}
  184. .cardInfo{margin-top:82px;}
  185. .cardInfo .h1Font{font-size:16px;}
  186. .cardInfo .h2Font{font-size:14px;color: #666;}
  187. .cardInfo .h3Font{font-size:13px;line-height: 16px;color: #666;}
  188. .cardInfo .icon-address{position:relative;}
  190. .mainbox{width:100%;margin:10px auto;background: #FFFFFF;}
  191. /*专家相关信息*/
  192. .infocontit{font-size:16px;line-height: 40px;min-height:40px; position: relative;padding-left: 26px;color:#333}
  193. .infocontit:before{position:absolute;top:50%;margin-top:-10px;left: 15px;;display:inline-block;content:"";width:4px;height:18px;border-radius:10px;background:#ff9900;}
  194. .infocontit em{font-style: normal;position:absolute;right:28px;}
  195. .infocontit em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
  196. .infocontit em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 14px;}
  198. .infocontitM{padding-left: 15px;}
  199. .infocontitM:before{content: none;}
  200. .OnetitM{border-color: transparent;}
  201. .infocon{padding:15px; font-size: 14px;line-height:22px;color:#666;border-top: 1px solid #E5E5E5;}
  202. .infocon .breifinfo{display: -webkit-box;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:5;-webkit-box-orient: vertical;overflow: hidden;max-height: 110px;}
  204. .infocon ul{ padding:0; margin: 0; overflow: hidden;}
  205. .infocon ul>li{list-style: none;}
  206. ul.mui-table-view>li{position: relative;overflow: hidden; padding: 11px 0px;}
  207. ul.mui-table-view>li:after{position: absolute;right: 0;bottom: 0;left:0px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #E5E5E5;}
  208. ul.mui-table-view>li:last-child:after{background: none;}
  209. .infocon.listArea>ul{overflow: hidden;margin-right: -10px;margin-top:-10px;}
  210. .infocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius:6px;padding:2px 12px;}
  211. .infocon.madiaBlock>ul{margin:-15px;}
  212. .infocon.madiaBlock>ul>li{padding:6px 15px;}
  213. .infocon.madiaBlock>ul>li:after{left:15px}
  214. .infocon.madiaBlock .h1Font{font-size: 16px;margin: 0;line-height: 24px;color: #333333;}
  215. .infocon.madiaBlock .h2Font{font-size: 14px;margin: 0;line-height: 22px;color:#999999;}
  217. .seeMore{cursor:pointer;text-align:center;font-size:14px;color:#999;line-height:40px;height:40px;border-top:1px solid #E5E5E5;position: relative;}
  218. .seeMore em{font-style: normal;position:relative;padding-right:5px;}
  219. .seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 3px;}
  220. .seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 5px;}
  221. .seeMore:active{background: none;}
  222. .detailInfo>ul>li{color:#333;padding-left:0;}
  223. .detailInfo>ul>li>span{color:#666}
  225. .listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
  226. .listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:27px; float:left;padding-right: 8px; max-width:60%; overflow:hidden;}
  227. .plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
  228. .plusbtn.icon-appreciatefill{color:#FF9900;}
  229. .like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 27px;margin-right: 5px;}
  230. .likenum{ float:right;max-width:130px;overflow:hidden; }
  231. .likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
  232. .likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
  233. .likepeople img{ width:100%; height:100%;}
  234. .likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC;background: url(../images/likemore.png) no-repeat center center;}
  236. .infoapply li{position: relative; padding-left:12px;padding-right:2px;}
  237. .infoapply li:before{content:''; background: #999;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
  239. /*星级*/
  240. .infocon .starShow{position: absolute;right: 0;top:50%; margin-top:-8px;overflow: hidden;}
  241. .infocon .starShow>li{float: left;margin:0 2px;display: inline-block;width: 14px;height: 14px;background-image: url(../images/favoricon.png);background-size: 100% auto;background-position:0 0;}
  242. .infocon .starShow>li.evastar{background-position:0 -14px;} 
  243. .commentsArea .madiaHead.useHeadMsg{top:10px;margin-top:0;}
  245. /*下载按钮及公众二维码*/
  246. .shareEcode{padding:20px 6px;background: #FFFFFF;}
  247. .Ecodecon{width: 100%;margin-bottom: 40px;}
  248. .Ecodeinfo{margin:-50px 10px 20px;}
  249. /*专利论文邀请作者*/
  250. .invitebody2{background:#ffbd51;padding-bottom:20px;}
  251. .topSTit{position:relative;max-width:640px;padding:20px 0 0;text-align: center;}
  252. .topSTit img{width: 100%;}
  253. .topSTit .titSort{position:relative;padding: 0 50px;top:-68px;}
  254. .topSTit .titSort .biaoti{margin-bottom: 30px;}
  255. .invitebody2 .formblock{width: 90%;margin:-24px auto 0;padding:30px 30px 20px;background:url(../images/share_bg_zhuce_nor@3x.png) right 0 no-repeat #ffe38d;background-size:100%;border-radius:6px;}
  256. .invitebody2 .form-control{background: #fff;border-radius: 6px;color:#666;font-size:16px;padding-left: 12px;}
  257. .invitebody2 .form-control:-moz-placeholder {color:#bbb;}
  258. .invitebody2 .form-control::-moz-placeholder {color:#bbb;}
  259. .invitebody2 input.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#bbb;}
  260. .invitebody2 input.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#bbb;}
  261. .invitebody2 .canPoint{color: #fff;background: #f75243;opacity: 1;}
  262. .formTit{color:#781f1d;font-weight: bold;font-size:18px;line-height: 28px;margin:10px 0;max-height: 60px;}
  263. .invitebody2 .inforbox2{width: 80%;margin: auto;text-align: center;font-size:16px;color: #d79222;}
  264. .invitebody2 .inforbox2 .btn{margin:10px 0 6px;}
  265. .invitebody2 .inforbox2 h4{color:#781F1D;font-size:17px;}
  266. .invitebody2 .inforbox2 .topIn{color:#781F1D;font-size:17px;font-weight: bold;margin-bottom: 60px;margin-top:-20px}
  267. .invitebody2 .inforbox2 .topIn em{display:inline-block;width:32px;height:32px;background-size: cover;position: relative;top: 10px;left: -6px;}
  268. .invitebody2 .inforbox2 .topIn .shibai{background-image:url(../images/share_icon_shibai_nor@3x.png);}
  269. .invitebody2 .inforbox2 .topIn .chenggong{background-image:url(../images/share_icon_chenggong_nor@3x.png);}
  270. .invitebody2 .inforbox ul{width: 280px;margin: auto;}
  271. .invitebody2 .inforbox .rightcon{color: #cc8610;}
  273. /*--------------新版需求相关--------------*/
  274. .needList .madiaInfo{padding:0;}
  275. .needList .madiaInfo .h1Font{font-size: 16px;margin-bottom: 10px;}
  276. .infocon.madiaBlock.needList .h2Font{font-size: 14px;line-height:24px;margin: 4px 0;color: #666;}
  277. .needList .madiaInfo .h3Font{font-size: 12px;color:#999;}
  278. .infocon.madiaBlock.needList>ul>li{padding:15px;}
  279. .showli{overflow: hidden;}
  280. .showli>span{padding-right:10px;font-size: 12px;color:#999;}
  282. /*微信中指示浏览器打开*/
  283. .strCss{
  284. 	background-image:url(../images/guideJump.png);
  285. 	background-size:cover;
  286. 	left:0;right:0;top:0;bottom:0;position:fixed;z-index:19999;}