首页 探索 帮助
注册 登录
jiapeng
/
portal-front
关注 3
点赞 0
派生 0
代码 工单管理 0 合并请求 0 提交历史 581 版本发布 0 Wiki

portal html css js resource

目录树: 5a35ec13b2
分支列表 标签列表
portal-front
/
css
/
share.css

share.css 16KB
文件历史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230 
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html,body {margin:0;padding:0px;background: #efeff4;}
  4. .contentBody2{max-width:640px;margin:auto;}
  5. /*input输入相关*/
  6. .frmbox {width: 100%;margin: 2% auto;border-radius: 6px;}
  7. .frmtype {width: 100%;margin: auto;line-height: 30px;padding: 1% 2%;font-size: 14px;line-height: 20px;}
  8. .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;}
  9. .frmbox {border: none;width: 90%;height: 100%;}
  10. .frmactive {color: #fff;background-color: #FF9900;border: 1px solid #FF9900;}
  11. .pull-right {float: right!important}
  12. .pull-left {float: left!important}
  13. .alignCenter {text-align: center;}
  14. .displayNone {display: none;}
  15. .displayBlock {display: block;}
  16. /*圆角*/
  17. /*头像、资源圆角*/
  18. .headRadius {border-radius: 4px;}
  19. .blockGroup {background: #fff;}
  20. .mainbox {width: 96%;margin: 2% auto;}
  21. .maincon {padding: 4% 2%;overflow: hidden;}
  23. .listtit {font-size: 16px;line-height: 26px;color: #333333;}
  24. .listtit2 {font-size: 15px;line-height: 20px;color: #666666;}
  25. .listtit3 {font-size: 13px;line-height: 18px;color: #888888;}
  26. .mui-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  27. /*资源图片*/
  28. .ResImgBox {display: inline-block;text-align: center;max-width: 64px;width: 64px;height: 60px;padding: 1px;background: #FAFAFA;border: 1px solid #F8F8F8;overflow: hidden;padding: 2px;margin: 6px 0;border-radius: 4px;}
  29. .ResImgBox2 {margin: 6px 0 6px 10px;}
  30. .ResImgBox .resImg {max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
  31. .ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -6px;}
  33. /*咨询记录及等级*/
  34. .peolevelbox {display: block;padding: 4% 16px;border-top: 1px #F0F0F0 solid;}
  35. .peocountbox {width: 150px;}
  36. .peocount {font-size: 13px;color: #888888;overflow: hidden;}
  37. .peocount span em {font-size: 14px;padding: 0 3px;color: #FF9900;font-weight: 600;}
  38. .peocount .dialogicon {display: block;width: 20px;height: 20px;background: url(../images/dialogue.png) center center no-repeat;background-size: 100% 100%;margin-right: 6px;}
  39. .peocount:before {position: absolute;right: 0;top: 0;left: 15px;height: 1px;content: '';-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #c8c7cc;}
  40. .levelbox {margin: auto;overflow: hidden;}
  41. .levelbox .iconfont {float: left;margin: 2px;width: 14px;height: 14px;}
  42. .levelbox .icon-favor {background: url(../images/favoricon.png) 0 0 no-repeat;background-size: 100% auto;}
  43. .levelbox .icon-favorfill {background: url(../images/favoricon.png) 0 -14px no-repeat;background-size: 100% auto;}
  44. /*专家相关信息*/
  45. .personinfo .listtit3 {font-size: 14px;line-height: 24px;color: #AAAAAA;margin: 0;}
  46. .personinfo .listtit {font-size: 18px;line-height: 30px;color: #333333;}
  47. .personinfo .listtit3 {font-size: 14px;line-height: 24px;color: #AAAAAA;margin: 0;}
  48. .headbox .headimg {width: 100px;overflow: hidden;margin: auto;}
  50. .infocontit {font-size: 14px;position: relative;}
  51. .infocon {padding: 6px 10px;font-size: 13px;line-height: 27px;color: #888888;}	
  52. .infocon ul {padding: 0;margin: 0;overflow: hidden;}		
  53. .infocon .infoapply li {padding:0;margin:0;padding-left: 6px;padding-right: 2px;list-style: disc inside;width: 46%;float: left;}		
  54. .infocon .infosubject li {list-style: none;padding: 2px 16px;margin: 4px;border: 1px solid #BBBBBB;border-radius: 6px;float: left;}
  55. .personblock {position: absolute;left: 198px;padding: 0 3%;text-align: center;}
  56. .personbox{margin:auto; width:80%;position:relative;}
  57. 				
  58. .listitembox {position: static;width: 100%;}		
  59. .listitembox .listitem {padding: 4px;padding-right: 0;}		
  60. .listitembox .listitem .media-body {width: 73%;margin-left: 2%;}		
  61. .listitembox .listitem .media-body .resbrief {width: 100%;}		
  62. .listitembox .listitem .media-object {width: 30%;}	
  63. .listitembox .listitem .media-object .iconposition {border-radius: 50%;max-width: 60px;height: 60px;margin: 1% 0;}		
  64. .listitembox .listitem>a .mutlinebox {white-space: normal;overflow: auto;word-break: break-word;}		
  65. .listbox {margin: 5px 0;max-width: 100%;overflow: hidden;}		
  66. .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;}		
  67. .like {display: block;float: left;width: 28px;font-size: 12px;background: #FF9900;color: #fff;line-height: 27px;margin-right: 5px;}		
  68. .likenum {float: right;max-width: 130px;overflow: hidden;}		
  69. .likenum .mui-icon {font-size: 24px;color: #CCCCCC;}		
  70. .likepeople {width: 26px;height: 26px;line-height: 20px;float: left;overflow: hidden;margin-right: 5px;}
  71. .likepeople img {width: 100%;height: 100%;}		
  72. .likemore {display: block;width: 25px;height: 25px;border: 1px solid #CCCCCC;background: url(../images/likemore.png) center center no-repeat;}
  74. /*文章*/
  75. .art_topicBox {max-width: 640px;margin: 0 auto 4px ;}
  76. .art_topicBox img {width: 100%;}
  77. .art_img {height: 180px;}
  78. .line01 {margin:10px 0 4px 0;border-top: 1px dashed #ddd;height: 1px;overflow: hidden;clear: both;width: 100%;}			
  79. #artical_topic {font-size: 18px;line-height: 24px;}			
  80. #artical_sth {font-size: 12px;line-height: 14px;color: #999999;}
  81. .articalBox {max-width: 640px;margin: 6px auto 26px;padding: 4px 16px;color: #555555;}
  82. 			
  83. /*--------------------邀请好友注册科袖2017.4.28--------------*/	
  84. @media (min-width: 768px){
  85. 	.invitebody .form-inline .form-group {display:block;margin-bottom: 15px;vertical-align: middle;}
  86. }		
  87. .invitebody .form-control:-moz-placeholder {color: rgba(256,256,256,1);}
  88. .invitebody .form-control::-moz-placeholder {color: rgba(256,256,256,1);}
  89. .invitebody input.form-control:-ms-input-placeholder,textarea:-ms-input-placeholder {color: rgba(256,256,256,1)}
  90. .invitebody input.form-control::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: rgba(256,256,256,1)}
  92. .invitebody .form-group{overflow: hidden;}
  93. .invitebody .input-group{position:relative;width:100%;border:1px solid #FFFFFF;margin:16px 0;border-radius:6px;}
  94. .invitebody .form-control{width:100%;border:none;background:none;box-shadow: none;height: 42px;font-size: 16px;line-height: 20px;color:#FFFFFF;
  95.  padding-left:44px;background-position:14px center;background-repeat: no-repeat;background-size:auto 20px;}
  96. .invitebody .form-control:focus{box-shadow: none;}
  97. .invitebody .form-control.input_name{background-image: url(../images/wechat_icon_xingming_nor@3x.png);}
  98. .invitebody .form-control.input_phone{background-image: url(../images/wechat_icon_shouji_nor@3x.png);}
  99. .invitebody .form-control.input_code{background-image: url(../images/wechat_icon_yanzhengma_nor@3x.png);}
  100. .invitebody .form-control.input_pwd{background-image: url(../images/wechat_icon_mima_nor@3x.png);}
  102. .invitebody .btn{font-size: 16px;line-height: 1;color:#FFFFFF;margin: 30px 0;padding: 12px 16px;}
  103. .invitebody .btn[disabled]{opacity: 0.65;color:#AAAAAA;}
  104. .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;}
  105. .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;}
  106. .invitebody .protocollink{ color: #FFFFFF;}
  107. .invitebody .checkReg.checkboxT{padding:0;margin-top:-22px;color: #FFFFFF;font-size: 14px;}
  108. .invitebody .checkBg{background: url(../images/checkApp.png) 0 center no-repeat;padding-left:18px;line-height: 24px; background-size:auto 14px;}
  109. .invitebody .canPoint{background: rgba(256,256,256,1);color:#ff9900;opacity: 0.8;}/*按钮可点击状态*/
  110. .invitebody .canPoint:hover{box-shadow: 0px 0px 16px rgba(255,255,255,0.4) inset;color:#ff9900;outline: none;}
  111. /*logo盒子的相关*/
  112. .invitebody .logobox{ padding:6% 6% 3% 6%; margin:14% auto 10px; }
  113. .invitebody .logolink{display: block;max-width:36%;min-width:100px;margin: auto;}
  114. .invitebody .logoimg{ width: 100%; margin: auto; text-align:center;}
  115. .invitebody .inviteTit{text-align: center; font-size: 18px;line-height: 30px;margin:30px 0;color:#FFFFFF;}
  116. .invitebody .inviteTit span{font-size:18px;line-height: 44px; padding:0 6px;}
  117. .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%}
  118. .invitebody .inforbox{padding:20px 0 10px;}
  119. .invitebody .inforbox ul{padding:10px 0;}
  120. .invitebody .inforbox ul li{position: relative;margin:12px 0;}
  121. .invitebody .inforbox .lefticon{position: absolute;top:4px;width: 24px;height: 24px;} 
  122. .invitebody .inforbox .rightcon{padding-left:36px;color: #FFFFFF;}
  123. .invitebody .inforbox .rightcon h2{font-size:16px;line-height:26px;}
  124. .invitebody .inforbox .rightcon p{font-size:14px;line-height:20px;}
  125. 			
  126. /*****************************2017.05新版文章资源样式************************/
  127. .flexCenter{position: relative; min-height:90px;
  128. 		    display: -webkit-box;
  129. 			display: -webkit-flex;
  130. 			display: -ms-flexbox; 
  131. 			display:         flex; 
  132. 	        -webkit-align-items: center;
  133. 	                align-items: center;}
  134. /*文章浏览*/
  135. .showDetail{padding:15px;padding-top:10px;}
  136. .showDetail .hWeight{font-weight:bold;}
  137. .showDetail .h1Font{font-size:20px;margin:8px 0;line-height:30px;color:#333;}
  138. .showDetail .showFont{font-size:16px;margin-top:-4px; line-height:24px;color:#333;}
  139. .showDetail .h2Font{font-size:14px;color:#666; line-height:24px;}
  140. .showDetail .h3Font{font-size:13px;color:#999; line-height:24px;}
  141. .showDetail .attenSpan{position:absolute;right:15px;top:50%;margin-top:-13px;padding:6px 8px;padding-left:20px;background: #ff9900;border-radius:4px;display:inline-block;cursor:pointer;color:#fff;font-size:14px;}
  142. .showDetail .attenSpan:before{position:absolute;content:"\e468";top:50%;left:2px;margin-top:-10px;font-size:20px;}
  143. .showDetail .showMain{font-size:15px;color:#333;line-height:28px;/*text-indent: 2em;*/}
  144. .showDetail .showMain img{max-width: 100%;/*margin-left:-32px;*/}
  145. .showDetail .showMain p{margin-bottom:10px;font-size:15px;color:#333;}
  146. ul.tagList{padding:0;margin:18px 0 8px;overflow: hidden;}
  147. ul.tagList>li{list-style:none;float: left;margin-right:10px;margin-bottom:10px;padding:4px 12px;color: #666;background:#EFEFEF;}
  148. ul.tagList>li .h2Font{color: #666;}
  149. .madiaBlock{clear:both;}.madiaBlock:before,.madiaBlock:after{display:table;content:""}.madiaBlock:after{clear: both;}
  150. .madiaBlock ul.mui-table-view{margin:10px 0;overflow: hidden;}
  151. .madiaBlock ul.mui-table-view .mui-table-view-cell{position: relative;}
  152. .madiaBlock ul.mui-table-view .mui-table-view-cell:after{left:15px;}
  153. .madiaBlock .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;}
  154. .madiaBlock .madiaTit:before{display:inline-block;content:"";width:4px;height: 16px;position:absolute;top:1px;left:0;background: #ff9900;}
  155. .madiaBlock .madiaHead{position:absolute;border:1px solid #E5E5E5;top:50%;background-position: center;background-size: cover;}
  156. .madiaBlock .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
  157. .madiaBlock .madiaHead.resouseHead{width:90px;height:60px;margin-top:-30px;background-image: url(../images/default-resource.jpg);border-radius:0;}
  158. .madiaBlock .madiaHead.artHead{width:90px;height:60px;margin-top:-30px;background-image: url(../images/default-artical.jpg);border-radius:0;}
  159. .madiaBlock .madiaHead.cmpHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-icon.jpg);border-radius:0;}
  160. .madiaBlock .madiaInfo{padding-left:62px; width: 100%;margin:4px 0;}
  161. .madiaBlock .madiaInfo .authicon{position:relative;bottom:-2px;}
  162. .madiaBlock .madiaInfo.OmadiaInfo{padding-left: 102px;}
  163. .madiaBlock .flexCenter{min-height:54px;}
  164. .madiaBlock .flexCenter.OflexCenter{min-height:70px;}
  165. .madiaBlock .madiaInfo .h1Font{font-size: 16px;margin:0;line-height:28px;}
  166. /*资源轮播图片样式*/
  167. #index-container {height:300px;background: #f0f0f0;position: relative;overflow: hidden;z-index: 1;}
  168. #index-container .swiper-wrapper { position: relative;z-index: 1;
  169.     display: -webkit-box;
  170.     display: -moz-box;
  171.     display: -ms-flexbox;
  172.     display: -webkit-flex;
  173.     display: flex;
  174.     -webkit-transform-style: preserve-3d;
  175.     -moz-transform-style: preserve-3d;
  176.     -ms-transform-style: preserve-3d;
  177.     transform-style: preserve-3d;
  178.     -webkit-transition-property: -webkit-transform;
  179.     -moz-transition-property: -moz-transform;
  180.     -o-transition-property: -o-transform;
  181.     -ms-transition-property: -ms-transform;
  182.     transition-property: transform;
  183.     -webkit-box-sizing: content-box;
  184.     -moz-box-sizing: content-box;
  185.     box-sizing: content-box
  186. }
  187. #index-container .swiper-slide {
  188.     -webkit-transform-style: preserve-3d;
  189.     -moz-transform-style: preserve-3d;
  190.     -ms-transform-style: preserve-3d;
  191.     transform-style: preserve-3d;
  192.     -webkit-flex-shrink: 0;
  193.     -ms-flex: 0 0 auto;
  194.     flex-shrink: 0;
  195.     width: 100%;position: relative;float: left
  196. }
  197. #index-container .swiper-slide .tab-re{display: inline-block;text-align: center;max-width:100%;width:100%;height:300px;overflow: hidden;vertical-align:middle;}
  198. #index-container .swiper-slide .tab-re img{width:auto;max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
  199. #index-container .swiper-slide  .tab-re:before{content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -6px;}
  200. #index-container .swiper-pagination {bottom: 20px;left: 0;width: 100%;position: absolute;z-index: 2;text-align: center;}
  201. #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;}
  202. #index-container .swiper-pagination .swiper-pagination-bullet-active {background: #fff}
  203. /*轮播图片样式 end*/
  204. /*资源图片轮播*/
  205. /*.img_gallery{height:300px;background: #f0f0f0;overflow:hidden;position:relative;}
  206. .main_img{height:300px;overflow:hidden;position:relative;}
  207. .main_img ul{width:9999px;height:300px;overflow:hidden;position:absolute;top:0;left:0}
  208. .main_img li{float:left;width:100%;height:300px;}
  210. div.point{position:absolute;bottom:20px;left:50%;z-index:999;width:80px;text-align: center;margin-left: -50px;}
  211. div.point a{float:left;width:6px;height:6px;margin:0 10px;padding:0;display:block;text-indent:-1000px;background-color: #ccc;border-radius: 50%;cursor: pointer;}
  212. div.point a.on{background-color: #fff;}
  214. .main_img .tab-re{display: inline-block;text-align: center;max-width:100%;width:100%;height:300px;overflow: hidden;vertical-align:middle;}
  215. .main_img .tab-re img{width:auto;max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
  216. .main_img .tab-re:before{content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: -6px;}*/
  217. .showMain>ul{margin:0;padding:0;}
  218. .showMain.showRes>ul>li{padding:0;margin:0;list-style: none;display: none;}
  219. .showMain .showTit{position:relative;padding-left:10px;text-indent: 0;}
  220. .showMain .showTit:before{position:absolute;top:50%;margin-top:-10px;left:0;display:inline-block;content:"";width:4px;height:16px;background:#ff9900;}
  222. /*下载按钮及公众二维码*/
  223. .shareEcode{padding: 15px;}
  224. .Ecodebox{border-radius:4px;box-shadow: 0 2px 10px #ccc;padding:20px 10px;}
  225. .Ecodebox .Ecodecon{position: relative;min-height:100px;margin: auto;max-width: 300px;}
  226. .Ecodebox .Ecodecon img{position: absolute;left:0;top:50%;margin-top:-50px;width:100px;}
  227. .Ecodebox .Ecodecon .codecon{padding-left:100px;text-align: center;}
  228. .Ecodebox .Ecodecon .codecon h1{font-size: 18px;line-height:40px;font-weight:bold;color:#333;}
  229. .Ecodebox .Ecodecon .codecon h2{font-size: 16px;line-height:30px;font-weight:normal;color:#333;}
  230. .Ecodebox .Ecodecon .codecon h3{font-size: 14px;line-height:28px;font-weight:normal;color:#666;}