portal html css js resource

common.css 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  1. @charset "utf-8";
  2. /*reset*/
  3. p,dl,dt,dd,ul,ol,li,a,em,div,span,th,td{margin:0;padding:0; word-break:break-all; font-family: PingFang SC,Arial,Microsoft Yahei,WenQuanYi Micro Hei,Helvetica Neue,Hiragino Sans GB,sans-serif}
  4. form,label,button,input,select,textarea{font-size:14px; font-family:PingFang SC,Arial,Microsoft Yahei,WenQuanYi Micro Hei,Helvetica Neue,Hiragino Sans GB,sans-serif}
  5. h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0; font-family:PingFang SC,Arial,Microsoft Yahei,WenQuanYi Micro Hei,Helvetica Neue,Hiragino Sans GB,sans-serif;}
  6. html,body{height:100%; width:100%; margin:0;padding:0;font-family:PingFang SC,Arial,Microsoft Yahei,WenQuanYi Micro Hei,Helvetica Neue,Hiragino Sans GB,sans-serif;}
  7. input{vertical-align:middle; outline:none;}
  8. img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;}
  9. small{font-size:12px;}
  10. ul,ol{list-style:none;}
  11. button,input,select,textarea{font-size:100%;}
  12. table{border-collapse:collapse;border-spacing:0;}
  13. a,a:active,a:hover{outline:0;text-decoration:none;}
  14. /* CSS Document */
  15. /*栅格化宽度类型*/
  16. .col-w-1,.col-w-2,.col-w-3,.col-w-4,.col-w-5,.col-w-6,.col-w-7,.col-w-8,.col-w-9,.col-w-10,.col-w-11,.col-w-12{float:left;}
  17. .col-w-1{width:8.333333333333332%}
  18. .col-w-2{width:16.666666666666664%}
  19. .col-w-3{width:25%}
  20. .col-w-4{width:33.33333333333333%}
  21. .col-w-5{width:41.66666666666667%}
  22. .col-w-6{width:50%}
  23. .col-w-7{width:58.333333333333336%}
  24. .col-w-8{width:66.66666666666666%}
  25. .col-w-9{width:75%}
  26. .col-w-10{width:83.33333333333334%}
  27. .col-w-11{width:91.66666666666666%}
  28. .col-w-12{width:100%}
  29. .floatL{ float:left;}
  30. .floatR{float:right;}
  31. .clearfix{ clear:both;}
  32. .clearfix:before,.clearfix:after{display:table;content:" "}
  33. .clearfix:after{clear:both}
  34. .loading{position: absolute;top:50%;left:50%;margin-left: -15px;}
  35. /*更改placeholder的颜色*/
  36. :-moz-placeholder {color: #999999;}
  37. ::-moz-placeholder {color: #999999;}
  38. input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #999999;}
  39. input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #999999;}
  40. /* 显示和隐藏样式 */
  41. .inline {display:inline-block;}
  42. .displayNone{display:none;}
  43. .displayBlock{display:block;}
  44. .ellipsisSty {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  45. .ellipsisSty-2 { display: -webkit-box;max-height:42px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
  46. .ellipsisSty-3 { display: -webkit-box;max-height:68px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;}
  47. .ellipsisSty-5 { display: -webkit-box;max-height:120px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:5;-webkit-box-orient: vertical;overflow: hidden;}
  48. .alignCenter{text-align: center;}
  49. /*默认/主题颜色*/
  50. .mainColor{color:#ff9900;}
  51. .defaultColor{ color:#333;}
  52. /*文字*/
  53. .h1Font{font-size:20px;} /*标题*/
  54. .h2Font{font-size:18px; line-height:30px; color:#333; }
  55. .h3Font{font-size:16px; line-height:28px; color:#555; }
  56. .h4Font{font-size:14px; line-height:26px; color:#333;}
  57. .h5Font{font-size:14px; line-height:22px; color:#666;}
  58. .h6Font{font-size:13px;color:#888;margin-left:8px;}
  59. .pIndent{ padding-left: 13px;color: #888;font-size: 12px;}
  60. /* .h4tit{ color:#078DEF;} */
  61. .thistime{position:relative;padding:0 20px; font-size: 12px; color: #ccc;}
  62. .thistime:before{content:"";display:inline-block;width:4px; height: 4px;border-radius:50%;background: #ccc;position: absolute;top:36%;left:10px;}
  63. .paddingSpace{ padding:4px 0;}
  64. /*圆角*/
  65. /*头像、资源圆角*/
  66. .headRadius{border-radius: 4px;}
  67. .userRadius{border-radius:50%;}
  68. .cmpRadius{border-radius: 4px;}
  69. /*底板背景圆角*/
  70. .bgRadius{border-radius: 6px;}
  71. /* 表单样式 */
  72. .frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
  73. textarea.frmtype{line-height:20px;padding:6px 8px;min-height:100px;}
  74. .frmtype:focus{ border:1px solid #ff8500;box-shadow: none;outline:none}
  75. .frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; }
  76. .frmrbtn{ background:none; color:#303030; border:none; }
  77. body{height:auto;position: relative;min-height: 100%;}
  78. input{ outline:none;}
  79. .save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/
  80. .fontLink{background:none;border:none;}/*字体链接按钮*/
  81. .limitNum{text-align: right;color:#AAAAAA;}/*限制字数*/
  82. /*表单消息提示*/
  83. .frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;}
  84. /*主体部分*/
  85. .contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
  86. /*------------------------------------------------------------------------------------*/
  87. /*点击加载更多*/
  88. .js-load-more{position:relative;outline:0;background:#ff9900;border:none;height: 40px;border-radius: 5px;width:200px;margin:20px auto 10px;left: 50%;margin-left: -100px;cursor: pointer;}
  89. .js-load-more:before{position:absolute;content:"点击加载更多";top:0;left:29%;font-size: 15px;line-height: 40px;color:#fff;}
  90. .js-load-more.active{background:buttonface;}
  91. .js-load-more.active:before{content:"加载中...";left:38%;}
  92. /*分页*/
  93. .tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #333;text-align:center;font-size:14px;line-height:24px; }
  94. .tcdPageCode a{display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;border: 1px solid #CCCCCC;margin: 0 8px;color:#333;}
  95. .tcdPageCode a:hover{text-decoration: none;}
  96. .tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;border:1px solid #ff9900;}
  97. .tcdPageCode span.disabled{ display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;color: #ccc;border:1px solid #E5E5E5;}
  98. .tcdPageCode li { display: inline;}
  99. .tcdPageCode a.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;border:1px solid #ff9900;}
  100. /*认证标识相关*/
  101. .authicon,.authiconNew{position:relative;top:2px;display: inline-block;margin-left:4px;background-position: center;background-repeat: no-repeat;}
  102. .authicon-pro{width:16px;height:16px;margin-left:0;background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/
  103. .authicon-com-ok{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_hig.png);background-size: cover;}/*认证企业*/
  104. .authicon-com-no{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_nor.png);background-size: cover;}/*未认证企业*/
  105. .authicon-staff-ok{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_hig.png);background-size: cover;}/*企业认证员工*/
  106. .authicon-staff-no{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_nor.png);background-size: cover;}/*企业未认证员工*/
  107. .authicon-real{width: 24px;height:16px;background-image:url(../images/porfile_icon_shimin_nor.png);background-size: cover;}/*实名认证用户*/
  108. /***********************缺省页面*******************/
  109. .picbox{margin:8px auto;display:inline-block;width:140px;height:140px;background-position: center;background-repeat: no-repeat;background-size:cover;}
  110. .picbox.picNull{background-image:url(../images/points_icon_ku_nor.png);}
  111. .txtbox { margin:6px auto;font-size:18px;color: #999;line-height:40px;}
  112. .con-kong{line-height:20px;color: #aaa;font-size: 16px;text-align: center;padding:10% 0;background:#fff;}
  113. .nodatabox{line-height:20px;color: #aaa;font-size: 16px;text-align: center;padding:10% 0;}
  114. .nowAn{color:#ff9900;cursor: pointer;}
  115. /***********************缺省页面*******************/
  116. /*.ResImgBox{display: inline-block;text-align: center;max-width:100px;width:100px;height:100px;background:#FAFAFA;border:1px solid #F8F8F8;overflow: hidden;padding:2px;border-radius:4px;}
  117. .ResImgBox .resImg{max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
  118. .ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: 0px;}
  119. .beforMargin:before{margin-left:-4px;}*/
  120. /*图片在容器中无变形居中显示*//*display: table;table-layout: fixed;*/
  121. .boxBlock{width:140px; height:140px;display: table-cell;vertical-align:middle; text-align:center;overflow: hidden;}
  122. .boxBlockimg{max-width: 100%;max-height: 100%;vertical-align:middle;height:auto !important; overflow-y:auto;}
  123. /*kexiu用户协议*/
  124. .privacyBox{padding:20px;}
  125. .single-column {width:900px;margin: 0 auto;min-height: 560px;}
  126. .single-white-wrap {border:1px solid #E5E5E5 ; margin: 30px 0 50px;padding: 40px 20px; text-align: left;}
  127. .faq-title {margin-bottom: 10px;font-size: 20px;font-weight: 700;text-align: center;}
  128. .faq-content {line-height: 22px;margin:30px 10px 20px;text-align: justify;}
  129. .faq-content p {margin-bottom: 10px;}
  130. .faq-content ul {margin-bottom: 10px;}
  131. .faq-content ul>li{margin-bottom: 4px;}
  132. .faq-sub-title {margin-bottom: 12px;font-weight: 700;}
  133. .containerCon{width:1120px;padding:0 10px;position:relative; margin:auto;clear:both}
  134. .containerCon:before,.containerCon:after{display:table;content:" "}
  135. .containerCon:after{clear:both}
  136. /*新版footer*/
  137. footer{position: absolute;right:0; left: 0;bottom:0;background: #373d41;color:#888;font-size:14px;line-height:30px;}
  138. footer .containerCon{background: #373d41;}
  139. footer a{color:#888;text-decoration: none;}
  140. footer p .listlink{margin-right:25px;color:#888;}
  141. footer .bottom-block{padding:30px 0;}
  142. footer .logo-block{width:271px; height:60px;background:url(../images/home_icon_logo_nor.png);background-size:cover;margin-bottom:30px;}
  143. footer .copy-block{color:#666;margin-top:10px;font-size:12px;}
  144. footer .copy-block a{ color:#666;}
  145. footer .copy-block a.beianbox em{display: inline-block;width:14px; height:14px;background:url(../images/home_icon_beian.png);background-size:cover;}
  146. footer .code-block div{text-align: center;}
  147. footer .code-block div:last-child{margin-left:80px;}
  148. footer .codelist{margin:20px auto 10px;width:118px;height:118px;text-align:center;background-position: center center;background-repeat: no-repeat;}
  149. footer .codelist span{display:inline-block;width:94px;height:94px;margin:12px auto; }
  150. footer .appcode{background-image: url(../images/home_bg_xiazaiapp_nor.png);}
  151. footer .appcode span{background-image:url(../images/home_code_app.jpg);background-size: cover;}
  152. footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);}
  153. footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);background-size: cover;}
  154. /*新版header*/
  155. .topheader{background: #333;height:30px;font-size:14px;line-height:30px;}
  156. .topheader .containerCon{background: #333;}
  157. .topheader a{padding:0 10px;margin-right:16px;color:#c4c3c3;}
  158. .topheader a:hover{color:#FFFFFF;}
  159. .topheader .downicon{background: url(../images/top_icon_shouji_nor.png) 0 center no-repeat;padding-left:18px;}
  160. .searchblock{ width:280px; height:39px;background:#fff;border:1px solid #d8d8d8;border-radius:6px;overflow: hidden; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-19.5px;}
  161. .search-txt{ width:240px;line-height:35px; height:35px;border:none; behavior:url(../js/ie-css3.htc); float:left;font-size:14px;padding-left:10px; color:#444;}
  162. .search-btn{ width:35px; height:35px; float:right; behavior:url(../js/ie-css3.htc);cursor:pointer;}
  163. .search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
  164. header{ position:fixed; top:0;left:0;right: 0; z-index:1000;font-size:16px;line-height:32px;}
  165. header .navheader{background:#FFFFFF;height:62px;border-bottom: 2px solid #e5e5e5;}
  166. header .navheader.navhdown{background: rgba(256,256,256,1);border-color:#E5E5E5;box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);-webkit-box-shadow: 0px 2px 12px 0px rgba(204, 204, 204, 0.6);}
  167. header .navheader.navhdown li a{color:#666;}
  168. header .headlogo h1 {width: 60px;height: 30px;margin:15px 14px 15px 0;padding: 0;background-image:url(../images/home_icon_logo_orange.png);background-repeat: no-repeat;background-size:contain;overflow: hidden;}
  169. header .headnav{margin:0 14px;}
  170. header .headnav li{float:left;margin:0 4px; padding:14px 0;}
  171. header .headnav li a{ color:#666; padding:14px 18px;}
  172. header .headuserimg{position:relative;padding: 10px 0 10px 20px; width: 60px;height: 60px;}
  173. header .headuser{overflow: hidden;border:1px solid #E5E5E5; width: 42px;height: 42px;display: table-cell; vertical-align:middle; text-align:center;cursor: pointer;}
  174. header .headuser img{max-width: 40px;max-height: 100%;vertical-align:middle;height:auto !important; overflow-y:auto;}
  175. header .headnavbtn{margin:14px 6px;}
  176. header .headnavbtn a{color:#666;font-size:15px;}
  177. header .headnavbtn li{float:left;margin:0 6px;}
  178. header .headnavbtn li.pr{padding-right:20px;cursor: pointer;}
  179. header .headnavbtn li.pr>a{position:relative;}
  180. header .headnavbtn li.pr>a>.badge{position:absolute;right:-12px;top:-10px;background:#FF0000;}
  181. header .headnavbtn .teyaologin{padding:4px 20px;border-radius:6px;margin-right:16px;}
  182. header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;}
  183. header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;}
  184. header .navsearch{background-image: url(../images/nav_button_search_nor_2.png);background-size:contain;}
  185. header .navheader li a:hover{color:#ff9900;}
  186. header .navheader li.navcurrent a{color:#ff9900;}
  187. header .comuserSelf{width:180px; height:180px; position:absolute; top:42px; right:0;z-index: 100;}
  188. header .triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#ff9900; float:right; margin-right:12px; margin-top:14px;}
  189. header .personal-box{ width:100%;background:#ff9900; clear:both; overflow:hidden;}
  190. header .personal-box a{ display:block; width:100%; height:40px;line-height:40px; font-size: 13px; color:#fff;}
  191. header .personal-box a:hover{ background:#ff8800;}
  192. header .icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;}
  193. header .icon1{ background:url(../images/index-icon.png) no-repeat; background-position:-80px 0;}
  194. header .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
  195. header .icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;}
  196. header .icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;}
  197. /*广告位的设计规则及尺寸 底部(760*120) 侧栏(260*200)*/
  198. .rightconBox .conItem.advertBox{padding:0;width:260px;background: none;}
  199. .commentsArea.advertItem{margin-top:30px}
  200. .advertItem .swiper-pagination-bullet{width:6px; height:6px;}
  201. .advertsub{position: relative;display: block;margin-bottom: 10px;}
  202. .advertsub:after{content:"广告";font-size:10px;color:#fff;background:rgba(0,0,0,0.3);position:absolute;padding:0 4px;right:0;bottom:0px;}