portal html css js resource

common.css 17KB

    @charset "utf-8"; /*reset*/ 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,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;} form,label,button,input,select,textarea{font-size:14px; font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;} h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0; font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;} html,body{height:100%; width:100%; margin:0;padding:0;font-family: PingFang SC,Arial,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;} input{vertical-align:middle; outline:none;} img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;} small{font-size:12px;} ul,ol{list-style:none;} button,input,select,textarea{font-size:100%;} table{border-collapse:collapse;border-spacing:0;} a,a:active,a:hover{outline:0;text-decoration:none;} @media(max-width:780px ) { #header{ min-width:760px; } } @media(max-width:1100px ) { #header.Nosear{ width:1100px; } } /* CSS Document */ /*栅格化宽度类型*/ .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;} .col-w-1{width:8.333333333333332%} .col-w-2{width:16.666666666666664%} .col-w-3{width:25%} .col-w-4{width:33.33333333333333%} .col-w-5{width:41.66666666666667%} .col-w-6{width:50%} .col-w-7{width:58.333333333333336%} .col-w-8{width:66.66666666666666%} .col-w-9{width:75%} .col-w-10{width:83.33333333333334%} .col-w-11{width:91.66666666666666%} .col-w-12{width:100%} .floatL{ float:left;} .floatR{float:right;} .clearfix{ clear:both;} .clearfix:before,.clearfix:after{display:table;content:" "} .clearfix:after{clear:both} /* 显示和隐藏样式 */ .inline {display:inline-block;} .displayNone{display:none;} .displayBlock{display:block;} .ellipsisSty {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .ellipsisSty-2 { display: -webkit-box;height:40px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;} .alignCenter{text-align: center;} /*默认/主题颜色*/ .mainColor{color:#ff9900;} .defaultColor{ color:#333;} /*文字*/ .h1Font{font-size:20px;} /*标题*/ .h2Font{font-size:18px; line-height:30px; color:#333; } .h3Font{font-size:16px; line-height:28px; color:#555; } .h4Font{font-size:14px; line-height:26px; color:#333;} .h5Font{font-size:14px; line-height:22px; color:#666;} .h6Font{font-size:13px;color:#888;margin-left:8px;} .pIndent{ padding-left: 13px;color: #888;font-size: 12px;} /* .h4tit{ color:#078DEF;} */ .thistime{position:relative;padding:0 20px; font-size: 12px; color: #ccc;} .thistime:before{content:"";display:inline-block;width:4px; height: 4px;border-radius:50%;background: #ccc;position: absolute;top:36%;left:10px;} .paddingSpace{ padding:4px 0;} /*圆角*/ /*头像、资源圆角*/ .headRadius{border-radius: 4px;} /*底板背景圆角*/ .bgRadius{border-radius: 6px;} /* 表单样式 */ .frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;} textarea.frmtype{line-height:20px;padding:6px 8px;min-height:100px;} .frmtype:focus{ border:1px solid #ff8500;box-shadow: none;outline:none} .frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; } .frmrbtn{ background:none; color:#303030; border:none; } .updownbtn{text-decoration:underline; color:#333;} body{height:auto;position: relative;min-height: 100%;} input{ outline:none;} /*/////////////////////表单样式/////////////////////// */ .frmtype{font-size:14px;outline: none; /*padding:6px 20px 6px 10px;border:1px #b5b5b5 solid;*/border-radius: 6px;} .frmtype:focus{box-shadow: none;outline:none} .frmtypeW{width:98%;margin: auto;} textarea.frmtype{height:100px;} input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;} input.frmtype[readonly]:focus{border:1px #b5b5b5 solid;} /*小按钮*/ .btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#ff9900;} .btnModel:hover{background:#ff8f00;} /*取消按钮*/ .btnCancel{background:#edeff4;} .btnCancel:hover{background:#d6d8de;} /*按钮不可用状态*/ button.btnModel[disabled]{background:#d6d8de;} button.btnModel[disabled]:hover{background:#d6d8de;} .save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/ .fontLink{background:none;border:none;}/*字体链接按钮*/ .limitNum{text-align: right;color:#AAAAAA;}/*限制字数*/ /*表单消息提示*/ .frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;} /*header部分*/ .topheader{background: #000;height:30px;font-size:14px;line-height:30px;} .topheader a{padding:0 10px;margin-right:16px;color:#FFFFFF} .topheader .downicon{background: url(../images/top_icon_shouji_nor.png) 0 center no-repeat;padding-left:18px;} #header{width:100%;min-width:1100px;height:60px; background:rgba(55,61,65,1); position:fixed; top:0; z-index:999; } #header.firstH{background: -webkit-linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0)); background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0));} #header.firstL{ background:rgba(255,153,0,0);} #header.firstB{ background:rgba(55,61,65,1);} #header.Nosear{position:static;} .logo{ display:block; width:60px; height:30px;margin:14px 14px 14px 0; background:url(../images/home_icon_logo_orange.png) no-repeat;background-size:100% 100%; float:left;} .searchblock{ width:280px; height:35px; position:absolute; left:50%; top:50%; margin-left:-140px; margin-top:-17.5px;} .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;} .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;} .search-icon{ display:block; width:20px; height:20px; background:url(../images/index-icon.png) no-repeat; background-position:left; margin:8px;} /*顶部右边*/ .header-right{ float:right; /*margin-right:80px;*/} /*未登录*/ .unlogin{ display:none;float:left;padding:4px 0;} .loginbtn{float:left; border:2px #e2e2e2 solid; padding:0 20px; border-radius:6px;font-size:14px; line-height:28px; color:#fff; text-align:center; margin:10px 2px; cursor:pointer; } .loginrbtn{ border:2px transparent solid;padding:0 2px;} .loginlbtn{margin-right:20px;/* background:#fff;color:#ff9900; */} /* .loginbtn:hover{border:2px #fff solid;} */ /*已登录*/ .onlogin{ display:none; position:relative;} .head-portrait{width:40px; height:40px;background-size:100% 100%;-moz-background-size:100% 100%; float:left;margin: 10px 0 10px 16px; cursor:pointer;overflow:hidden; } .portrait-p{ width:100%;} .personal-infor{width:202px; height:179px; position:absolute; top:40px; right:2px; display:none;} .triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#f3a36c; float:right; margin-right:12px; margin-top:15px;} .personal-box{ width:202px;background:#f3a36c; clear:both; overflow:hidden;} .personal-box a{ display:block; width:202px; height:40px;line-height:40px; font-size: 13px; color:#fff;} .personal-box a:hover{ background:#ff9900;} .icon{ display:block; width:20px; height:20px; margin-left:15px; margin-right:12px; margin-top:10px; float:left;} .icon1{ background:url(../images/index-icon.png) no-repeat; background-position:right;} .icon2{ background:url(../images/index-icon.png) no-repeat; background-position:-60px 0;} .icon3{ background:url(../images/index-icon.png) no-repeat; background-position:-40px 0;} .icon4{ background:url(../images/index-icon.png) no-repeat; background-position:-20px 0;} .myWorkspace{font-size: 14px;line-height:40px; text-align: center;float: left; margin-top: 10px;color: #fff;} /*主体部分*/ #container{/* background:#fff;*//*overflow: hidden;*/} .contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; } /*产品下载 */ .appstore{width:1000px;color: #696969;text-align: center;margin:90px auto 30px;position:relative;} .kexiu_logo{margin: 0 20px; position: relative;text-align: left;} .kexiu_logo img{ width:300px;} .appstoreBody{margin:8% 0;} .appstore .computer-image {width:700px;height:510px; background: url(../images/download_windows.png) center center no-repeat;background-size:100% 100%;} .appstore .subhead{font-size: 16px;line-height: 40px;color: #888;} .downloadBox{} .downloadBtn{position:relative;display: inline-block;vertical-align: middle;margin:30px auto 10px;overflow:hidden;} .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;} .downloadBtn .download-btn:hover{ background:#f3f3f3;} .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;} .downloadBtn .download-btn .app-android-icon { background-position: 0 -60px;} .appcodeBox{ text-align:center;} .appcodeBox .app_code{width:240px; height:240px; margin:10px 20px 0;} /*------------------------------------------------------------------------------------*/ /*分页*/ .tcdPageCode{ padding: 20px; margin: 10px 0;text-align: left;color: #333;text-align:center;font-size:14px;line-height:24px; } .tcdPageCode a{display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;border: 1px solid #CCCCCC;margin: 0 8px;color:#333;} .tcdPageCode a:hover{text-decoration: none;} .tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;border:1px solid #ff9900;} .tcdPageCode span.disabled{ display: inline-block;height: 30px;line-height:30px;padding: 0 10px;margin: 0 8px;color: #ccc;border:1px solid #E5E5E5;} .tcdPageCode li { display: inline;} .tcdPageCode a.current{display: inline-block;height:30px;line-height: 30px;padding: 0 10px;margin: 0 8px;border:1px solid #ff9900;} /*认证标识相关*/ .authiconNew{position:relative;top:2px;display: inline-block;margin-left:4px;background-position: center;background-repeat: no-repeat;} .authicon-pro{width:16px;height:16px;background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/ .authicon-com-ok{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_hig.png);background-size: cover;}/*认证企业*/ .authicon-com-no{width:16px;height:16px;background-image:url(../images/porfile_icon_qiye_nor.png);background-size: cover;}/*未认证企业*/ .authicon-staff-ok{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_hig.png);background-size: cover;}/*企业认证员工*/ .authicon-staff-no{width:44px;height:16px;background-image:url(../images/porfile_icon_yuangong_nor.png);background-size: cover;}/*企业未认证员工*/ .authicon-real{width: 24px;height:16px;background-image:url(../images/porfile_icon_shimin_nor.png);background-size: cover;}/*实名认证用户*/ /*/////////// 专家认证图标 //////////////*/ .authobject{ float:left;} .authicon{ float:left;width:16px; height:16px;background-size: cover;} .authicon-cu{background-image: url(../images/porfile_icon_zhuanjia_nor.png);}/*认证科研型专家*/ .authicon-com{background-position: -20px 0;background-size:auto 100%;}/*认证企业型专家*/ /*/////////// 普通用户认证标识 //////////////*/ .authicon2{float:left;position:relative;width:60px; height:20px;margin: 0;background:url(../images/authsort.png) no-repeat;} .authicon2 span{font-size:12px; margin-left:20px;position: absolute;top: 50%;margin-top: -9px;} .authicon-mana{background-position: 0 -4px;background-size:100% auto;color:#ff9900;}/*认证科研*/ .authicon-staff{background-position:0 -24px;background-size:100% auto;color:#19AFFF;}/*认证企业*/ .authicon-stu{background-position: 0 -44px;background-size:100% auto;color:#03CE30}/*认证在读学生*/ /*//////////专家身份认证状态////////////*/ /*已认证*/ .authword{ padding:2px 6px; margin-left:6px;border-radius:4px; color: #FFFFFF; font-size: 12px;} .authed{ background: #FF9900; } /*认证中*/ .authing{background: #03CE30;} /*未认证*/ .unauth{background: #efefef;color: #CCCCCC;} /***********************缺省页面*******************/ .nodatatip{width:40%;margin:100px auto;overflow:hidden;height:100px; font-size:16px; text-align:center;color:#aaa;} .nodatabox{/*width:100%;*/height: 100%;padding:40px; margin:20px auto;text-align: center;} .nodatabox .nodata{overflow:hidden; width:50%; margin:auto;} .nodatabox .nodata li{float:left;} .nodatabox .picbox{margin:30px auto;} .nodatabox .picbox .defpic{display:block;margin: auto;width:160px;height:160px; background:url(../images/nodata.png) -12px -760px no-repeat;} .nodatabox .txtbox { margin:86px auto;} .nodatabox .currword{font-size: 18px;color: #777777;font-weight:bold;line-height:40px;} .nodatabox .currtip{ font-size:14px;color: #AAAAAA;} .nodatabox .keyword{font-size:20px; padding:0 6px;color:#555555;} /***********************缺省页面*******************/ .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;} .ResImgBox .resImg{max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;} .ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: 0px;} .beforMargin:before{margin-left:-4px;} /*kexiu用户协议*/ .privacyBox{max-width:980px;padding: 2% 5% 10%;background:#fafafa;margin:auto;line-height:28px;font-size:15px;} .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;} .privacyBox h3{ line-height:40px; color:#333;padding:4px;} .privacyBox p{text-indent:1.5em; margin:0; padding:6px;color:#666;} .privacyBox p.text_indentP{text-indent:2em; } .privacyBox ul{ margin:0 4px;margin-left:40px;padding:0 4px; color:#666;} .containerCon{width:1120px;padding:0 10px;position:relative; margin:auto;clear:both} .containerCon:before,.containerCon:after{display:table;content:" "} .containerCon:after{clear:both} /*新版footer*/ footer{position: absolute;right:0; left: 0;bottom:0;background: #373d41;color:#888;font-size:14px;line-height:30px;} footer .containerCon{background: #373d41;} footer a{color:#888;text-decoration: none;} footer p .listlink{margin-right:25px;color:#888;} footer .bottom-block{padding:30px 0;} footer .logo-block{width:271px; height:60px;background:url(../images/home_icon_logo_nor.png);background-size:cover;margin-bottom:30px;} footer .copy-block{color:#666;margin-top:10px;font-size:12px;} footer .copy-block a{ color:#666;} footer .copy-block a.beianbox em{display: inline-block;width:14px; height:14px;background:url(../images/home_icon_beian.png);background-size:cover;} footer .code-block div{text-align: center;} footer .code-block div:last-child{margin-left:80px;} footer .codelist{margin:20px auto 10px;width:118px;height:118px;text-align:center;background-position: center center;background-repeat: no-repeat;} footer .codelist span{display:inline-block;width:94px;height:94px;margin:12px auto; } footer .appcode{background-image: url(../images/home_bg_xiazaiapp_nor.png);} footer .appcode span{background-image:url(../images/home_code_app.jpg);background-size: cover;} footer .weixincode{background-image: url(../images/home_bg_guanzhu_nor.png);} footer .weixincode span{background-image:url(../images/home_code_weixin.jpg);background-size: cover;} /*新版header*/ header{background: #373d41;color:#888;font-size:16px;line-height:32px;height:60px;} header .containerCon{background: #373d41;} header .headlogo h1 {width: 60px;height: 30px;margin: 14px 14px 14px 0;padding: 0;background-image: url(../images/home_icon_logo_orange.png);background-repeat:no-repeat;background-size:contain;overflow: hidden;} header .headnav{margin:0 14px;} header .headnav li{float:left;margin:0 4px; padding:12px 0;} header .headnav li a{ color:#FFFFFF; padding:14px 18px;} header .headuser{overflow: hidden; width: 38px;height: 38px;margin:10px 0 12px 20px;cursor: pointer;} header .headnavbtn{margin:20px 6px;} header .headnavbtn li{float:right;margin:0 6px;} header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;} header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;} header .navsearch{background-image: url(../images/nav_button_search_nor_2.png);background-size:contain;} header .headnav li.navcurrent{border-bottom:4px solid #ff9900;}