Accueil Explorer Aide
S'inscrire Connexion
jiapeng
/
portal-front
Suivre 3
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 130 Publications 0 Wiki

portal html css js resource

Aborescence: 216ab6316d
Branches Tags
portal-front
/
css
/
common.css

common.css 12KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 
  1. @charset "utf-8";
  2. @media(max-width:780px ) {
  3. 	#header{
  4. 		min-width:760px;
  5. 	}
  6. }
  7. /* CSS Document */
  8. .floatL{ float:left;}
  9. .floatR{float:right;}
  10. .clearfix{ clear:both;}
  11. .clearfix:before,.clearfix:after{display:table;content:" "}
  12. .clearfix:after{clear:both}
  14. /* 显示和隐藏样式 */
  15. .displayNone{display:none;}
  16. .displayBlock{display:block;}
  17. .inline {display:inline-block;}
  19. /*默认/主题颜色*/
  20. .mainColor{color:#ff9900;}
  21. .defaultColor{ color:#333;}
  22. /*文字*/
  23. .h1Font{font-size:20px;} /*标题*/
  24. .h2Font{font-size:18px; line-height:30px; color:#333; } 
  25. .h3Font{font-size:16px; line-height:28px; color:#555; } 
  26. .h4Font{font-size:14px; line-height:26px; color:#333;} 
  27. .h5Font{font-size:14px; line-height:22px; color:#666;} 
  28. .h6Font{font-size:13px;color:#888;margin-left:8px;} 
  29. .pIndent{ padding-left: 13px;color: #888;font-size: 12px;}
  30. /* .h4tit{ color:#078DEF;} */
  31. .thistime{position:relative;padding:0 20px; font-size: 12px; color: #ccc;}
  32. .thistime:before{content:"";display:inline-block;width:4px; height: 4px;border-radius:50%;background: #ccc;position: absolute;top:36%;left:10px;}
  33. .paddingSpace{ padding:4px 0;}
  34. /*圆角*/
  35. /*头像、资源圆角*/
  36. .headRadius{border-radius: 4px;}
  37. /*底板背景圆角*/
  38. .bgRadius{border-radius: 6px;}
  39. /* 表单样式 */
  40. .frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
  41. .frmtype:focus{ border:1px solid #ff8500;box-shadow: none;}
  42. .frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; }
  43. .frmrbtn{ background:none; color:#303030; border:none; }
  44. .updownbtn{text-decoration:underline; color:#333;}
  46. html, body{}
  47. input{ outline:none;}
  48. /*header部分*/
  49. #header{width:100%;height:60px; background:rgba(255,153,0,1); position:fixed; top:0; z-index:999; }
  50. .logo{ display:block; width:80px; height:40px; background:url(../images/logo2.png) no-repeat;background-size:100% 100%;  margin-left:80px; margin-top:10px; float:left;}
  51. .searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-17.5px; display:none;}
  52. .search-txt{ width:220px;line-height:35px; height:35px; background:#fff; border:none;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; behavior:url(../js/ie-css3.htc); float:left;font-size:14px;padding-left:10px; color:#a3a3a3;}
  53. .search-btn{ width:35px; height:35px; background:#fff; border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-webkit-border-radius:0 6px 6px 0; float:left; cursor:pointer; behavior:url(../js/ie-css3.htc);cursor:pointer;}
  54. .search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;}
  56. /*顶部右边*/
  57. .header-right{ float:right; margin-right:80px;}
  58. /*未登录*/
  59. .unlogin{float:left;padding:4px 0;}
  60. .loginbtn{float:left; border:2px #fff solid; padding:0 20px; border-radius:6px;font-size:14px; line-height:28px; color:#fff; text-align:center; margin:10px 2px; cursor:pointer; }
  61. .loginrbtn{ border:2px transparent solid;padding:0 2px;}
  62. .loginlbtn{margin-right:20px;/* background:#fff;color:#ff9900; */}
  63. /* .loginbtn:hover{border:2px #fff solid;} */
  64. /*已登录*/
  65. .onlogin{ display:none; position:relative;}
  66. .head-portrait{width:40px; height:40px;background-size:100% 100%;-moz-background-size:100% 100%; float:left;margin: 10px 16px; cursor:pointer;overflow:hidden; }
  67. .portrait-p{ width:100%;}
  68. .personal-infor{width:202px; height:179px; position:absolute; top:40px; right:8px; display:none;}
  69. .triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:20px; margin-top:15px;}
  70. .personal-box{ width:202px;background:#f3a36c; clear:both; overflow:hidden;}
  71. .personal-box a{ display:block; width:202px; height:40px;line-height:40px; font-size: 13px; color:#fff;}
  72. .personal-box a:hover{ background:#ff9900;}
  73. .icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;}
  74. .icon1{ background:url(../images/index-icon.png) no-repeat; background-position:right;}
  75. .icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;}
  76. .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;}
  77. .icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;}
  79. .myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;}
  80. /*主体部分*/
  81. #container{ min-width:1100px;min-height:90%; background:#fff;overflow: hidden;}
  82. .contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
  83. /*footer部分*/
  84. #footer{ min-width:1100px;background:#ff9900;clear: both;height:100px; position: relative; z-index: 100; text-align:center;}
  85. #footer .wrapper {margin-left:80px;position: relative;padding: 15px 20px; min-width:1000px;}
  86. #footer .footer-logo {display: block;width:80px;height:40px;background: url(../images/logo2.png) 0 0 no-repeat;background-size:100% 100%;}
  88. #footer .word_wrapper {padding-top: 12px;line-height: 14px;white-space: nowrap;margin: 12px 0 0 20px;}
  89. #footer .word_wrapper .listlink, #footer .word_wrapper span {float: left;color:#fff; margin:0 6px;font-size: 13px;text-decoration: none;position:relative;}
  91. #footer .word_wrapper a:hover{text-decoration:underline;}
  92. #footer .word_wrapper a.codehover:hover{text-decoration:none;}
  94. #footer .inner_wrapper {padding-top: 12px;line-height: 14px;white-space: nowrap;overflow:hidden;}
  95. #footer .inner_wrapper .codebox{ background:#fff;border-radius:8px;overflow:hidden;padding:2px 2px 10px 2px;margin:0 6px;float:left;}
  96. #footer .inner_wrapper .codebox p{ line-height:14px; font-size:12px;}
  97. #footer .code{border: 2px solid #ccc;border-radius: 4px;position: absolute;top: -210px;left: 50%;margin-left: -100px;display: none;width: 200px;height: 200px;background-position:center center; background-repeat:no-repeat;}
  99. #footer .code.weixin_code{ background-image:url(../images/weixin_code.jpg); background-size:100% 100%;}
  100. #footer .code.app_code{ background-image:url(../images/app_android_code.jpg); background-size:100% 100%;}
  102. #footer .copyright {background:#FFB76A;width:100%;margin: 0 auto;padding:10px 0;color: #fff;font-size: 12px;line-height: 12px;text-align: center;position:absolute;bottom:0;}
  103. #footer .copyright>span:first-child{margin-left:-210px;}
  104. #footer .beianbox{position: absolute;overflow:hidden;color: #fff;text-decoration:none;}
  105. #footer .beianbox:hover{text-decoration: underline;}
  106. #footer .beian-icon{float: left;margin:0 4px; width:14px; height:14px; background:url(../images/beian.png) center center no-repeat; background-size:100% 100%;}
  107. /*产品下载  */
  108. .appstore{width:1000px;color: #696969;text-align: center;margin:40px auto;position:relative;}
  109. .kexiu_logo{margin: 0 20px; position: relative;text-align: left;}
  110. .kexiu_logo img{ width:300px;}
  111. .appstoreBody{margin:8% 0;}
  112. .appstore .computer-image {width:700px;height:510px; background: url(../images/download_windows.png) center center no-repeat;background-size:100% 100%;}
  113. .appstore .subhead{font-size: 16px;line-height: 40px;color: #888;}
  114. .downloadBox{}
  115. .downloadBtn{position:relative;display: inline-block;vertical-align: middle;margin:30px auto 10px;overflow:hidden;}
  116. .downloadBtn .download-btn {position: relative;margin: 20px 10px;border: 1px solid #999;border-radius: 6px;padding: 10px 30px;color: #666;line-height: 46px;font-size: 16px;display: block;width: 240px;height: 70px;}
  117. .downloadBtn .download-btn:hover{ background:#f3f3f3;}
  118. .downloadBtn .download-btn .app-android-icon, .downloadBtn .download-btn .app-ios-icon {float: left;display: block;width: 39px;height: 47px;margin-right: 10px;background: url(../images/app-icons.png) no-repeat;}
  119. .downloadBtn .download-btn .app-android-icon { background-position: 0 -60px;}
  120. .appcodeBox{ text-align:center;}
  121. .appcodeBox .app_code{width:240px; height:240px; margin:10px 20px 0;}
  124. /*------------------------------------------------------------------------------------*/
  126. /*分页*/
  127. .tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #333;text-align:center;font-size:14px;line-height:24px; }
  128. .tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px;	line-height: 30px;	padding: 0 10px;border: 1px solid #e5e5e5;	margin: 0 8px;border-radius:5px; color:#333;}
  129. .tcdPageCode a:hover{text-decoration: none;}
  130. .tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;}
  131. .tcdPageCode span.disabled{	display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;	color: #ccc;background: #fff;border: 1px solid #e5e5e5;border-radius:5px;}
  132. .tcdPageCode li { display: inline;}
  134. .tcdPageCode a.current{
  135. 	display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #ff9900;border-radius:5px;
  136. }
  138. /*/////////// 专家认证图标 //////////////*/
  139. .authobject{ float:left;}
  140. .authicon{ float:left;width:18px; height:18px; background:url(../images/authsort2.png) no-repeat;}
  141. .authicon-cu{background-position: 0 0;background-size:auto 100%;}/*认证科研型专家*/
  142. .authicon-com{background-position: -20px 0;background-size:auto 100%;}/*认证企业型专家*/
  143. /*/////////// 普通用户认证标识 //////////////*/
  144. .authicon2{float:left;position:relative;width:60px; height:20px;margin: 0;background:url(../images/authsort.png) no-repeat;}
  145. .authicon2 span{font-size:12px; margin-left:20px;position: absolute;top: 50%;margin-top: -9px;}
  146. .authicon-mana{background-position: 0 -4px;background-size:100% auto;color:#ff9900;}/*认证科研*/
  147. .authicon-staff{background-position:0 -24px;background-size:100% auto;color:#19AFFF;}/*认证企业*/
  148. .authicon-stu{background-position: 0 -44px;background-size:100% auto;color:#03CE30}/*认证在读学生*/
  149. /*//////////专家身份认证状态////////////*/
  150. /*已认证*/
  151. .authword{ padding:2px 6px; margin-left:6px;border-radius:4px; color: #FFFFFF; font-size: 12px;}
  152. .authed{ background: #FF9900; }
  153. /*认证中*/
  154. .authing{background: #03CE30;}
  155. /*未认证*/
  156. .unauth{background: #efefef;color: #CCCCCC;}
  158. /***********************缺省页面*******************/
  159. .nodatatip{width:40%;margin:100px auto;overflow:hidden;height:100px; font-size:16px; text-align:center;color:#aaa;}
  160. .nodatabox{/*width:100%;*/height: 100%;padding:40px; margin:20px auto;text-align: center;}
  161. .nodatabox .nodata{overflow:hidden; width:50%; margin:auto;}
  162. .nodatabox .nodata li{float:left;}
  163. .nodatabox .picbox{margin:30px auto;}
  164. .nodatabox .picbox .defpic{display:block;margin: auto;width:160px;height:160px; background:url(../images/nodata.png) -12px -760px no-repeat;}
  165. .nodatabox .txtbox { margin:86px auto;}
  166. .nodatabox .currword{font-size: 18px;color: #777777;font-weight:bold;line-height:40px;}
  167. .nodatabox .currtip{ font-size:14px;color: #AAAAAA;}
  168. .nodatabox .keyword{font-size:20px; padding:0 6px;color:#555555;}
  169. /***********************缺省页面*******************/
  171. .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;}
  172. .ResImgBox .resImg{max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
  173. .ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: 0px;}
  174. .beforMargin:before{margin-left:-4px;}
  176. /*kexiu用户协议*/
  177. .privacyBox{max-width:980px;padding: 2% 5% 10%;background:#fafafa;margin:auto;line-height:28px;font-size:15px;}
  178. .privacyBox h2{ text-align: center;margin:20px 10px;font-size: 20px;color: #FFFFFF;background: rgba(255, 153, 0, 0.8);line-height: 50px;border-radius: 10px;}
  179. .privacyBox h3{ line-height:40px; color:#333;padding:4px;}
  180. .privacyBox p{text-indent:1.5em; margin:0; padding:6px;color:#666;}
  181. .privacyBox p.text_indentP{text-indent:2em; }
  182. .privacyBox ul{ margin:0 4px;margin-left:40px;padding:0 4px; color:#666;}