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

portal html css js resource

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

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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211 
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html,body {margin:0;padding:0px;background: #efeff4;}
  4. .contentBody2{max-width:640px;margin:auto;}
  5. .iconfontnew{display: inline-block;width: 18px;height: 18px;*margin-right: .3em;line-height: 18px;vertical-align: text-top;
  6.   background-position: center center; background-repeat: no-repeat;background-size: cover;}
  7. .icon-address{width:11px;height:14px;background-image: url("../images/personal_icon_dizhi_nor@3x.png");background-size:cover;line-height: 14px;}
  8. /*input输入相关*/
  9. .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;}
  10. .frmactive {color: #fff;background-color: #FF9900;border: 1px solid #FF9900;}
  11. 	
  12. /*--------------------邀请好友注册科袖2017.4.28--------------*/	
  13. @media (min-width: 768px){
  14. 	.invitebody .form-inline .form-group {display:block;margin-bottom: 15px;vertical-align: middle;}
  15. }		
  16. .invitebody .form-control:-moz-placeholder {color: rgba(256,256,256,1);}
  17. .invitebody .form-control::-moz-placeholder {color: rgba(256,256,256,1);}
  18. .invitebody input.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {color: rgba(256,256,256,1)}
  19. .invitebody input.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: rgba(256,256,256,1)}
  21. .invitebody .form-group{overflow: hidden;}
  22. .invitebody .input-group{position:relative;width:100%;border:1px solid #FFFFFF;margin:16px 0;border-radius:6px;}
  23. .invitebody .form-control{width:100%;border:none;background:none;box-shadow: none;height: 42px;font-size: 16px;line-height: 20px;color:#FFFFFF;
  24.  padding-left:44px;background-position:14px center;background-repeat: no-repeat;background-size:auto 20px;}
  25. .invitebody .form-control:focus{box-shadow: none;}
  26. .invitebody .form-control.input_name{background-image: url(../images/wechat_icon_xingming_nor@3x.png);}
  27. .invitebody .form-control.input_phone{background-image: url(../images/wechat_icon_shouji_nor@3x.png);}
  28. .invitebody .form-control.input_code{background-image: url(../images/wechat_icon_yanzhengma_nor@3x.png);}
  29. .invitebody .form-control.input_pwd{background-image: url(../images/wechat_icon_mima_nor@3x.png);}
  31. .invitebody .btn{font-size: 16px;line-height: 1;color:#FFFFFF;margin: 30px 0;padding: 12px 16px;}
  32. .invitebody .btn[disabled]{opacity: 0.65;color:#AAAAAA;}
  33. .invitebody .btn.input-group-addon{width:auto;border:none;position: absolute;right: 0;top:50%;margin-top:-21px;cursor: pointer;padding: 14px 24px 13px;border-radius:6px;}
  34. .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;}
  35. .invitebody .protocollink{ color: #FFFFFF;}
  36. .invitebody .checkReg.checkboxT{padding:0;margin-top:-22px;color: #FFFFFF;font-size: 14px;}
  37. .invitebody .checkBg{background: url(../images/checkApp.png) 0 center no-repeat;padding-left:18px;line-height: 24px; background-size:auto 14px;}
  38. .invitebody .canPoint{background: rgba(256,256,256,1);color:#ff9900;opacity: 0.8;}/*按钮可点击状态*/
  39. .invitebody .canPoint:hover{box-shadow: 0px 0px 16px rgba(255,255,255,0.4) inset;color:#ff9900;outline: none;}
  40. /*logo盒子的相关*/
  41. .invitebody .logobox{ padding:6% 6% 3% 6%; margin:14% auto 10px; }
  42. .invitebody .logolink{display: block;max-width:36%;min-width:100px;margin: auto;}
  43. .invitebody .logoimg{ width: 100%; margin: auto; text-align:center;}
  44. .invitebody .inviteTit{text-align: center; font-size: 18px;line-height: 30px;margin:30px 0;color:#FFFFFF;}
  45. .invitebody .inviteTit span{font-size:18px;line-height: 44px; padding:0 6px;}
  46. .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%}
  47. .invitebody .inforbox{padding:20px 0 10px;}
  48. .invitebody .inforbox ul{padding:10px 0;}
  49. .invitebody .inforbox ul li{position: relative;margin:12px 0;}
  50. .invitebody .inforbox .lefticon{position: absolute;top:4px;width: 24px;height: 24px;} 
  51. .invitebody .inforbox .rightcon{padding-left:36px;color: #FFFFFF;}
  52. .invitebody .inforbox .rightcon h2{font-size:16px;line-height:26px;}
  53. .invitebody .inforbox .rightcon p{font-size:14px;line-height:20px;}
  54. 			
  55. /*****************************2017.05新版文章资源样式************************/
  56. .flexCenter{position: relative; min-height:90px;
  57. 		    display: -webkit-box;
  58. 			display: -webkit-flex;
  59. 			display: -ms-flexbox; 
  60. 			display:         flex; 
  61. 	        -webkit-align-items: center;
  62. 	                align-items: center;}
  63. /*文章浏览*/
  64. .showDetail{padding:15px;padding-top:10px;}
  65. .showDetail .hWeight{font-weight:bold;}
  66. .showDetail .h1Font{font-size:20px;margin:8px 0;line-height:30px;color:#333;}
  67. .showDetail .showFont{font-size:16px;margin-top:-4px; line-height:24px;color:#333;}
  68. .showDetail .h2Font{font-size:14px;color:#666; line-height:24px;}
  69. .showDetail .h3Font{font-size:13px;color:#999; line-height:24px;}
  70. .showDetail .showMain{font-size:15px;color:#333;line-height:28px;}
  71. .showDetail .showMain img{max-width: 100%;}
  72. .showDetail .showMain p{margin-bottom:10px;font-size:15px;color:#333;}
  73. ul.tagList{padding:0;margin:18px 0 8px;overflow: hidden;}
  74. ul.tagList>li{list-style:none;float: left;margin-right:10px;margin-bottom:10px;padding:4px 12px;color: #666;background:#EFEFEF;}
  75. ul.tagList>li .h2Font{color: #666;}
  76. .madiaBlock{clear:both;}.madiaBlock:before,.madiaBlock:after{display:table;content:""}.madiaBlock:after{clear: both;}
  77. .madiaBlock ul.mui-table-view{margin:10px 0;overflow: hidden;}
  78. .madiaBlock ul.mui-table-view .mui-table-view-cell{position: relative;}
  79. .madiaBlock .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;}
  80. .madiaBlock .madiaTit:before{display:inline-block;content:"";width:4px;height: 16px;position:absolute;top:1px;left:0;background: #ff9900;}
  81. .madiaBlock .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;border:1px solid #E5E5E5;top:50%;background-position: center;background-size: cover;}
  82. .madiaBlock .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
  83. .madiaBlock .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
  84. .madiaBlock .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
  85. .madiaBlock .madiaHead.cmpHead{width: 50px;height:50px;margin-top:-25px;background:#FFFFFF;border-radius:0;}
  86. .madiaBlock .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
  87. .madiaBlock .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
  88. .madiaBlock .madiaInfo{padding-left:62px; width: 100%;margin:4px 0;overflow: hidden;}
  89. .madiaBlock .madiaInfo.OmadiaInfo{padding-left: 102px;}
  90. .madiaBlock .flexCenter{min-height:64px;}
  91. .madiaBlock .flexCenter.OflexCenter{min-height:70px;}
  92. .madiaBlock .madiaInfo .h1Font{font-size: 16px;margin:0;line-height:28px;}
  93. .madiaBlock .madiaInfo .ellipsisSty-2{max-height: 44px;}
  94. /*资源轮播图片样式*/
  95. #index-container {height:300px;background: #f0f0f0;position: relative;overflow: hidden;z-index: 1;}
  96. #index-container .swiper-wrapper { position: relative;z-index: 1;
  97.     display: -webkit-box;
  98.     display: -moz-box;
  99.     display: -ms-flexbox;
  100.     display: -webkit-flex;
  101.     display: flex;
  102.     -webkit-transform-style: preserve-3d;
  103.     -moz-transform-style: preserve-3d;
  104.     -ms-transform-style: preserve-3d;
  105.     transform-style: preserve-3d;
  106.     -webkit-transition-property: -webkit-transform;
  107.     -moz-transition-property: -moz-transform;
  108.     -o-transition-property: -o-transform;
  109.     -ms-transition-property: -ms-transform;
  110.     transition-property: transform;
  111.     -webkit-box-sizing: content-box;
  112.     -moz-box-sizing: content-box;
  113.     box-sizing: content-box
  114. }
  115. #index-container .swiper-slide {
  116.     -webkit-transform-style: preserve-3d;
  117.     -moz-transform-style: preserve-3d;
  118.     -ms-transform-style: preserve-3d;
  119.     transform-style: preserve-3d;
  120.     -webkit-flex-shrink: 0;
  121.     -ms-flex: 0 0 auto;
  122.     flex-shrink: 0;
  123.     width: 100%;position: relative;float: left
  124. }
  125. #index-container .swiper-slide .tab-re{display: inline-block;text-align: center;max-width:100%;width:100%;height:300px;overflow: hidden;vertical-align:middle;}
  126. #index-container .swiper-slide .tab-re img{width:auto;max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
  127. #index-container .swiper-slide  .tab-re:before{content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -6px;}
  128. #index-container .swiper-pagination {bottom: 20px;left: 0;width: 100%;position: absolute;z-index: 2;text-align: center;}
  129. #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;}
  130. #index-container .swiper-pagination .swiper-pagination-bullet-active {background: #fff}
  131. /*轮播图片样式 end*/
  132. .showMain>ul{margin:0;padding:0;}
  133. .showMain.showRes>ul>li{padding:0;margin:0;list-style: none;display: none;}
  134. .showMain .showTit{position:relative;padding-left:10px;text-indent: 0;}
  135. .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:16px;background:#ff9900;}
  136. /*--------------2017.07.12新功能论文和专利相关--------------*/
  137. .showMainP{margin-top: 20px;}
  138. .showMainP li{overflow: hidden;}
  139. .showMainP .showTit{padding-left: 0;color: #666;}
  140. .showMainP .showTit:before{content: none;}
  141. .showMainP .showCon{color: #333;}
  142. /*新版用户和企业相关*/
  143. .showCardI{overflow:hidden;background: url(../images/personal_img_bg_nor@3x.png) center 0 no-repeat;background-size:100% 130px;}
  144. .cardTop{position:relative;text-align:center;min-height:140px;margin:15px 15px 6px;padding:40px 40px 20px;
  145. 		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);}
  146. .cardImg{position: absolute;left:50%;margin-left: -30px;width: 60px;height: 60px;overflow: hidden;background-size: cover;border:1px solid #E5E5E5;}
  147. .cardImg.userCard{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
  148. .cardImg.cmpCard{border-radius:4px;}
  149. .cardImg.cmpCard .boxBlock{width: 60px;height: 60px;}
  150. .cardInfo{margin-top:82px;}
  151. .cardInfo .h1Font{font-size:16px;}
  152. .cardInfo .h2Font{font-size:14px;color: #666;}
  153. .cardInfo .h3Font{font-size:13px;line-height: 16px;color: #666;}
  155. .mainbox{width:100%;margin:10px auto;background: #FFFFFF;}
  156. /*专家相关信息*/
  157. .infocontit{font-size:16px;line-height: 40px;min-height:40px;border-bottom: 1px solid #E5E5E5; position: relative;padding-left: 26px;color:#333}
  158. .infocontit:before{position:absolute;top:50%;margin-top:-10px;left: 15px;;display:inline-block;content:"";width:4px;height:18px;border-radius:10px;background:#ff9900;}
  159. .infocontit em{font-style: normal;position:absolute;right:28px;}
  160. .infocontit em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
  161. .infocontit em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 14px;}
  163. .infocontitM{padding-left: 15px;}
  164. .infocontitM:before{content: none;}
  165. .OnetitM{border-color: transparent;}
  166. .infocon{padding:15px; font-size: 14px;line-height:22px;color:#666;}
  167. .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;}
  169. .infocon ul{ padding:0; margin: 0; overflow: hidden;}
  170. .infocon ul>li{list-style: none;}
  171. .infocon>ul.mui-table-view>.mui-table-view-cell{position: relative;overflow: hidden; padding: 11px 15px;}
  172. .infocon>ul.mui-table-view>.mui-table-view-cell:after{position: absolute;right: 0;bottom: 0;left:15px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5); background-color: #c8c7cc;}
  173. .infocon>ul.mui-table-view>.mui-table-view-cell:last-child:after{background: none;}
  174. .infocon.listArea>ul{overflow: hidden;margin-right: -10px;margin-top:-10px;}
  175. .infocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius:6px;padding:2px 12px;}
  176. .infocon.madiaBlock>ul{margin:-15px;}
  177. .infocon.madiaBlock>ul>li{padding-left:15px;}
  178. .infocon.madiaBlock .h1Font{font-size: 16px;margin: 0;line-height: 24px;color: #333333;}
  179. .infocon.madiaBlock .h2Font{font-size: 14px;margin: 0;line-height: 22px;color:#999999;}
  181. .seeMore{cursor:pointer;text-align:center;font-size:14px;color:#999;line-height:40px;height:40px;border-top:1px solid #E5E5E5;position: relative;}
  182. .seeMore em{font-style: normal;position:absolute;left:50%;margin-left: -24px;padding-right:5px;}
  183. .seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
  184. .seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 14px;}
  185. .detailInfo>ul>li{color:#333;padding-left:0;}
  186. .detailInfo>ul>li>span{color:#666}
  188. .listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
  189. .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;}
  190. .plusbtn{ font-size:20px; line-height: 22px; color:#999999;margin-left:4px; margin-top:2px;  }
  191. .plusbtn.icon-appreciatefill{color:#FF9900;}
  192. .like {display: block;float: left;width: 28px;font-size:12px;background: #FF9900; color: #fff; line-height: 27px;margin-right: 5px;}
  193. .likenum{ float:right;max-width:130px;overflow:hidden; }
  194. .likenum .mui-icon{ font-size:24px; color:#CCCCCC;}
  195. .likepeople{ width:26px; height:26px; float:left; overflow:hidden; margin-right:5px; }
  196. .likepeople img{ width:100%; height:100%;}
  197. .likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC;}
  199. .infoapply li{position: relative; padding-left:12px;padding-right:2px;}
  200. .infoapply li:before{content:''; background: #999;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
  203. /*下载按钮及公众二维码*/
  204. .shareEcode{padding:25px 15px 15px;}
  205. .Ecodebox{border-radius:4px;box-shadow: 0 2px 10px #ccc;padding:20px 10px;}
  206. .Ecodebox .Ecodecon{position: relative;min-height:100px;margin: auto;max-width: 300px;}
  207. .Ecodebox .Ecodecon img{position: absolute;left:0;top:50%;margin-top:-50px;width:100px;}
  208. .Ecodebox .Ecodecon .codecon{padding-left:100px;text-align: center;}
  209. .Ecodebox .Ecodecon .codecon h1{font-size: 18px;line-height:40px;font-weight:bold;color:#333;}
  210. .Ecodebox .Ecodecon .codecon h2{font-size: 16px;line-height:30px;font-weight:normal;color:#333;}
  211. .Ecodebox .Ecodecon .codecon h3{font-size: 14px;line-height:28px;font-weight:normal;color:#666;}