portal html css js resource

cmpindex.css 19KB

    @charset "utf-8"; /* CSS Document */ body,html{/*background: #f4f6f8;*/} .con-center{padding:20px 10px 40px; margin:10px auto;} /*左侧菜单*/ .workmenu{text-align: center; float:left; width:12%; height:300px; background: #FAFAFA;border-radius: 6px;overflow: hidden;} a.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #28b8fa solid;cursor:pointer; display: block;color:#313131; } a.worksubmenu{width:100%; height:40px; margin:10px 0;font-size:15px;line-height:40px; color:#313131;display: block;} a.worksubmenu.cmpBg{color: #FFFFFF;} /*右侧内容*/ .workcon{float:right; margin-left:10px; width:87%; background: #FAFAFA;border-radius:6px;overflow: hidden;} .worksubcon{ padding:20px 16px;} .workconleft{width:70%;} .workcontit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px;color: #606060; border-bottom:1px solid #e7e7e7;} /*////////////工作台/////////////////*/ .workblock{width:100%; padding:10px; overflow:hidden; background:#fff; margin:0;margin-bottom:16px;} .leftlogo{width:56px;overflow:hidden;text-align: center;} .cmplogo{width: 140px;height: auto;} .rightinfo{position:relative;width:77%;padding:0 10px;} .cmpinfo{padding:0 140px 0 20px;min-height: 140px;} .cmpBasic span:before{content:"";display: inline-block; width: 0; height: 0;border:2px #999 solid;margin: 2px 6px; border-radius:100%;} .cmpBasic span:first-child:before{border:none;margin:0; } .btnPosition{position: absolute;top:50%;margin-top:-36px;right:4px;} .btnBlock a{display: block;margin:6px 0;} .btnBlock .frmtype{display: block;width: 140px;} /*企业认证*/ .identityState{padding:100px 60px 100px 60px; text-align:center;} .identityState p{padding:10px; margin:10px;} .identityState span{display: block;} .identProcess{font-size:20px;line-height: 40px; color:#777;} .identts{font-size:15px;color:#999;line-height: 34px;} /*企业需求/员工*/ .worksubblock{ width:50%;height:354px;padding:0 10px;overflow:hidden;position: relative;} .worksubblock:first-child{border-right:1px solid #D6D6D6;} .worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; } .worklinkbtn {font-size: 12px;line-height: 24px; cursor: pointer;} .wbcon{ padding:20px 0; overflow:hidden;} .needUlist{height:286px;overflow: hidden;} .needUlist li{position:relative;overflow: hidden;padding:4px 0;margin:6px 0;} .needUlist li:after{content: '';background: #E6E6E6;height:1px;position: absolute;bottom: 0;right: 0;left:64px;} .needUlist li:last-child:after{background: none;} .staffDlist{overflow: hidden;} .staffDlist h2{float:left;width: 58px; text-align: right;line-height: 60px;} .staffDlist dl{width: 78%;float: right;} .staffDlist dl .staffchild{width:60px;} .staffDlist dd{float:left;margin:2% 3%;text-align: center;} /*公告*/ .workconright{ width:29%;} .worknotice{ width:100%; height:478px;background:#fff; position: relative;text-align: center; margin:1px;} /*工作台其他功能*/ .workmysrc{ margin-bottom:30px;} .workmysrctit{font-size:16px;line-height:30px;position:relative;} .worksamlltit{ font-size:13px;line-height:30px; margin:0 10px; padding:10px;cursor:pointer;} .worksamlltitnow{ border-bottom:1px solid;text-decoration: none;}/*//cmpBorder*/ .workcontit a:link,.workcontit a:active,.workcontit a:visited {color:#313131;} /*内容列表*/ .workselectcon{ padding:20px 10px;} .workselectitem{ height: 180px; margin:6px 0;padding:16px 10px 10px; padding-left: 20px;} .workselectitem:nth-child(odd){background:#fff;} .workselectitem table tr .workcheck{ text-align:center;} .worksitcon{ width:100%;margin-top:0; overflow:hidden; } .worksitcon .titList{font-weight:bold;font-size:14px;padding-right: 130px;} .worksitcon .titList em{font-style: normal;} .worksitcon .lasttime{ font-size:13px; color:#666;} .worksitcon .lasttime.rightTime{position: absolute; right: 20px;top:0} .worksitcon span{ padding-right:4px;} .workitimg{ display:block;overflow:hidden;width:120px; height:120px;margin: 5px 0; } .needinfo{position:relative;} .workhandle{ position:absolute; top:10px; right:20px;} .workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;margin: 2px;} .workhandle .complain{display:none;}/* 更多操作按钮... */ .workhandle .coultstate{color: #fff;} .workhandle .coultstate.coulstAim{border-radius: 6px 0 0 6px;} /*操作状态类型*/ .workhandle .coultstate i{font-style: normal;} .workhandle .status-1{background:#FF9900;border: solid 1px #FF9900;}/*进行中*//*咨询状态*/ .workhandle .status-2{background:#dd524d;border: solid 1px #dd524d;}/*待评价/新咨询*/ .workhandle .status-3{background:#03CE30;border: solid 1px #03CE30;}/*已完成*/ .workhandle .status-4{background:#6CA8FF;border: solid 1px #6CA8FF;}/*待回复*/ .workhandle .status-5{background:#d3d3d3;border: solid 1px #d3d3d3;}/*已拒绝/被拒绝*/ .workhandle .coultstate em{ position: absolute; width: 0px; height: 0px;border-top: 6px solid transparent; border-bottom: 0px solid rgb(204, 106, 6); border-left: 0px solid transparent; border-right: 5px solid rgb(204, 106, 6);left: -6px; top: -1px;z-index: 10;} .workhandle .replybtn:hover{ background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;} .rebackcon{ height:50px;width:700px;line-height: 24px; overflow:hidden;} /*下拉菜单*/ .workset{padding:4px 20px; background:#fff; border:1px solid #e8e8e8; line-height:20px; cursor:pointer;} .workmenubox{ width:100%; background:#fff; padding:10px 20px;} .workmenufrm{ max-width:100%;} .workselectbox{ position:relative; padding:4px 10px; } .workselectmenu{ padding:4px 10px 4px 20px; position:relative;cursor:pointer;} .workselectmenu~.to-bottom{border-color: #28b8fa #fff;top: 40%;} .workdropdown { position:absolute;right:0; background:#fff; border-radius:6px;border: 1px #d6d6d6 solid; box-shadow:0px 2px 2px 1px #CECEB8;-moz-box-shadow:0px 2px 2px 1px #CECEB8;-webkit-box-shadow:0px 2px 2px 1px #CECEB8; z-index:99;} .workdropdown li{padding:0 20px;width:100px; line-height:40px;cursor:pointer;} .workdropdown li:hover{ background-color:#f7f7f7;} .workdropdown2 li{width:200px;} /*文章列表*/ .workarea{padding:8px 0;min-height: 500px;} .addworkbtn,.addworkbtn-list{width:210px; height:240px;float: left; border-radius: 6px ; border: 1px dashed #d4d8db;cursor: pointer;background:#eff3f6 url(../../images/zyadd.png) no-repeat center;} .addworkbtn:hover{background:#fff url(../../images/zyadd.png) no-repeat center;} .addworkbtn{margin-left:12px} .addworkbtn-list{border: 1px solid #e4e5e7; margin:0 0 12px 12px;background:#fff; overflow: hidden;} img.loading{position: absolute;left:50%;top:30%} .showBlock{position: relative;display: block;} .showBasic{ position:absolute;top:0;width:100%;height:100%; background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Firefox 3.6 - 15 */ background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */ } .showTopic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF} .showImg{ width:100%; height:200px; overflow: hidden;background-position: center center;background-repeat: no-repeat;background-image: url(../../images/default-artical.jpg);background-size:cover;} .tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .tagsBox span{color:#666;margin:0 2px;font-size: 13px;} /*需求查看*/ .consultdialogbox{ width:100%;padding: 20px 20px 80px 20px;color:#666;font-size:15px;line-height: 28px;} .dialoghead{ padding:20px; border-radius:10px 10px 0 0; text-align:center; border-bottom:1px #d6d6d6 solid; background-color:#F3F3F3; position:relative;} .dialoghead .backupbtn{ background:url(../../images/backup.png) no-repeat center center; width:24px; height:24px; padding:20px; position:absolute; top:50%; left:16px; margin-top:-16px; cursor:pointer;} .dialoghead .dheadtit{width:680px; margin:auto; font-size: 18px;line-height: 18px; } .dialoghead .dheadtit .dialogpro{ padding:0 10px; font-size: 20px; color:#333;} .dialogcontain{ background:#fff; border-bottom:1px #d6d6d6 solid; position:relative;} .dialogcontain .dialoginfo{padding: 30px 10px 20px 10px;} .dialogcontain .dialoginfo .dialoginfotype{ padding: 1px 10px; color: #777;} .dialogcontain .dialoginfo .dialogtit{ color: #333;font-size:15px;max-width:90%;} .dialogcontain .dialoginfo .dialogtitTopic{ font-weight: bold;font-size:18px;max-width: 86%;} .dialogcontain .dialoginfo .evadbox{ overflow:hidden; } .dialogcontain .dialogstatus{ position:absolute;min-width:100px; top:-20px; right: -8px;padding: 0 60px;border-radius: 20px 0 0 20px;z-index: 2; line-height: 40px; } .dialogcontain .dialogstatus em{position: absolute;width: 0px; height: 0px;border-top: 0px solid #0776a9;border-bottom: 6px solid transparent;border-left: 8px solid #0776a9; border-right: 0px solid transparent;right: 0px; bottom: -5px;} .consultBasicInfor{background: #ffffea;border-bottom:1px solid #d6d6d6;} .consultBasic{width:50%;padding:10px 20px 20px 40px;} .consultBasic:first-child{border-right:1px solid #d6d6d6;} .consultBasic .workhs{width: auto;} .consultBasic .workhs .workitimg{width:60px;height: auto;} .consultBasic .workinfor{width: auto;width:64%;padding:5px 16px;} .consultBasic .workinfor .h1Font{font-size:18px;} .consultBasic .workinfor h5{font-size:14px;} .cBasicTit{font-size:16px;line-height:30px;text-align: center;} .basicBtn{text-align: center;padding:80px 10px 60px 10px; background-color:#FFFFFF;} .basicBtn span{padding:8px 40px;border-radius:6px;font-size: 15px;margin:4px;cursor: pointer;} .basicBtn span.closeBtn{border:none;color:#FF0000} /*员工列表*/ .staffemail{width: 300px;padding-left:10px;} .staffMana{min-height:240px;margin:10px 4px;padding:10px; border:1px solid #D0D0D0;} .staffMana li{position: relative; width: 48%;float:left;padding:10px;border:1px dashed #a6a6a6;margin:6px 1%;border-radius: 6px;} .staffMana li .leftlogo{ margin: 8px 0;} .staffinfo{width: 84%;padding-right: 40px;} .staffMana .btnPosition{right:2px;margin-top:-18px;} .stafffrm{padding:2px 8px;} .staffTip{background: #f5f5f5;padding: 10px;} /*企业信息浏览*/ .mainHead{background: #fafafa;padding:20px;margin:0 auto 10px;border-radius: 6px;} .cmpLogoblock div{width: 180px;height: 180px;margin:auto;overflow: hidden;} .menublock{height:420px;} .subsidebar{cursor: pointer;} .right-box{padding:8px;} .right-title{ position:relative; overflow:hidden;} .right-title span{font-size:20px;line-height:30px;} .infor-browse{padding:0 16px;} .infoList{ overflow: hidden;padding:6px 0;} .infoList li{margin:4px;position: relative;overflow: hidden;} .industryList li{padding-left: 10px;} .industryList li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;} .areaList{overflow: hidden;} .areaList li{float:left;padding:6px 20px;border:1px solid #D6D6D6; border-radius:6px;} .needTopic{ display:inline-table; max-width:76%;} .needAim{margin-left:20px;} .cmpStaff dl{width:100%;float:none;margin-right:-4%;} .cmpStaff dd{max-width:120px;text-align: center;margin:2% 2.9% 1% 0;} .cmpStaff dd .staffChild{width:80px;margin:auto} /*修改企业信息*/ .uploadlogo{position:relative;background: rgba(40,184,250,.8); color:#FFFFFF;padding:8px 0;} input.uploadInp[type="file"]{position:absolute;height: 40px;width: 100%;top: 0;outline: none;opacity: 0;cursor: pointer;} .uploadInp .webuploader-pick{background: #28b8fa; height: 40px;width: 100%;line-height: 30px;margin: 0;} .uploadInp .webuploader-element-invisible{height:40px} .boxBlock.uploader-list{width: 140px; height:140px;background: #e8e8e8;} .boxBlock.uploader-list .boxBlockimg{max-width: 140px;} .cmpFrmList{padding:10px 0;} .cmpFrmList>li{position: relative;clear:both;margin:4px 0;padding:6px 0;} .cmpFrmList>li:before,.cmpFrmList>li:after{display:table;content:" "} .cmpFrmList>li:after{clear: both;} .ulspace{/*padding:10px 0;*/} .ulspace li{margin-top:10px;margin-right:6px;padding:6px 10px;text-align: center;border-width:1px;border-style:solid;border-color:#D6D6D6;border-radius:6px;} .enterpriseType li{width:31%;float:left;} .enterpriseType li.listactive{border-color:#28b8fa;} .enterpriseType li.listactive:before{content:"";display:inline-block;width:14px;height:14px;margin-right:3px;background-image:url(../images/con_icon_selected.png);background-size:contain;overflow:hidden;} .editUlist,.editUlistC{width: 98%;} .editUlist li{float:left; position:relative;padding:4px 36px 4px 10px;} .editUlist li img{position:absolute;right:8px;top:8px;width: 12px;cursor: pointer;} .editUlistC li{position:relative;width:96%;padding:6px 10px;} .editUlistC li img{position:absolute;right:10px;top:10px;width: 12px;cursor: pointer;} .paddingSpace{padding:0 6px;} /*城市选择器*/ .citybox .frmtype{border:1px solid #B5B5B5;} .citybox span{position:relative;width:96%;display:inline-block;padding:0 0 0 6px;cursor:pointer;margin:0;background:#fff;} .citybox span .mr_show{ font-style:normal;color:#AAAAAA;width:100%;display:inline-block;height:32px;line-height:32px;position:relative;} .citybox span .mr_show.mr_select{color:#333;} .citybox span .mr_sj{position: absolute;right: 10px;top: 15px;display:inline-block;height: 0;width: 0;border: 6px solid #fff;border-color: #28b8fa transparent transparent;} .citybox span ul{width:98%;border-radius:0 0 5px 5px;position:absolute;border:1px solid #E8E8E8;background:#fff;left:-1px;top:38px;margin-bottom:10px;display:none;z-index:10;max-height:280px; overflow:auto;} .citybox span ul li{width:100%;float:left;overflow:hidden;border-top:1px solid #E8E8E8;} .citybox span ul li:first-child{border-top:0;} .citybox span ul li a{display:block;height:30px;line-height:30px;padding:0 8px;color:#494949;} /*日期选择器*/ .input-append.date .dateIcon{position:absolute;right:14px; top:9px;} /*////////////个人设置/////////////////*/ a.workmenutit.accouttit{cursor: text;color: #a3a3a3;} ul.cmpAllUl{width:50%;margin:60px auto 20px;} ul.cmpAllUl>li{position:relative;clear:both;padding:6px 0;} ul.cmpAllUl>li:before,ul.cmpAllUl li:after{display:table;content:" "} ul.cmpAllUl>li:after{clear: both;} ul.cmpAllUl>li .col-w-2{text-align: right;padding-right: 10px;line-height: 30px;} ul.cmpAllUl>li .col-w-10{position: relative;} .forgetLink{position:absolute; right:-92px;} .uploadFile{line-height:30px;text-align: center;} .uploadFile .uploadlogo{width:98%;padding:16px 0;border:2px dashed #D6D6D6; border-radius: 6px;background: #f5faff;color:#666;} .uploadFile input.uploadInp[type="file"]{height:96px;} .uploadFile .uploadlogo .upBack{padding:0 10px;} .uploadFile .uploadlogo .upBack a{ color: #28b8fa;} .uploadFile .uploadlogo .upBack a:hover{ color: #1daaeb;} .notetip{padding: 10px; margin:20px auto 10px; text-align:center; border-bottom:1px #c8c8c8 dashed;} .bindBlock{min-height: 200px;} .bindFont{position: relative;font-size:16px; line-height: 32px;padding-left:26px;} .bindFont em{display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;background:url(../images/con-icon-email.png);background-size:cover;} ul.cmpAllUl.cmpBindul{width:70%;margin:40px auto 20px;} ul.cmpAllUl.cmpBindul .frmtype{height: 40px;} .importBlock{margin:30px auto 20px;} .importTip{font-size:22px;line-height: 40px; color:#333;text-align: center;} /*////////////企业入驻/////////////////*/ .conBanner{width: 100%;min-width:1100px;height:240px; background: url(../images/business_img_banner_nor.png) center center no-repeat;background-size: cover;overflow: hidden;} .conTit{margin-top: 30px;padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;text-align: center;} .tit-hh4{font-size:22px;line-height:40px;} .tit-hh4 img{margin-right:18px;margin-left:-10px;} input.cmpAgreebtn[type="checkbox"]{position:absolute;width:20px;margin: 0;opacity: 0;} ul.cmpAllUl.cmpSettledul{width:60%;margin:10px auto 20px;} ul.cmpAllUl.cmpSettledul>li{padding:8px;} ul.cmpAllUl.cmpSettledul .frmtype{height:40px;} .successImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_chenggong_nor.png) center center no-repeat;} .failImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_shibai_nor.png) center center no-repeat;} /*登录相关*/ .signLogo{display:block;height:64px;width:292px;background:url(../images/e-sign-on_bg_logo_nor.png);background-size:cover;margin: 30px 20px 20px 0} .covbodyBg{background: url(../images/e-sign-on_bg_img_nor.png) 0 bottom no-repeat;background-size:cover;} .contConP{position:static} .covFrmblock{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);overflow:hidden;padding:40px 30px 30px 30px;/*margin:10% auto 40px;*/width:420px;max-width:420px;background:#fff;border-radius:8px;z-index:1056; box-shadow: 2px 6px 30px #1084d0; -webkit-box-shadow: 2px 6px 30px #1084d0;} .covFrmblock .h1Font{margin-bottom:30px;} ul.cmpAllUl.cmpCoverUl{width:100%;margin:10px auto 20px;} ul.cmpAllUl.cmpCoverUl>li .frmtypeW{width:100%;height:40px;} ul.cmpAllUl.cmpCoverUl>li .save-block{margin-bottom:0;} ul.cmpAllUl>li .form_head{position: relative;margin-bottom: 10px;line-height:26px;} ul.cmpAllUl>li .form_head:before{position: absolute;content: '';background: #E6E6E6;margin:auto;width:60%;height:1px;top:-30px;bottom: 0;right: 0;left:0;} ul.cmpAllUl>li .form_head li{ position: relative;clear:none; text-align: center;color: #b5b5b5; float: left;} ul.cmpAllUl>li .form_head .icon_step {display: block;width: 40px;height: 40px; margin: 0 auto;margin-bottom: 8px;} ul.cmpAllUl>li .form_head .icon_step.step1{background: url(../images/e-sign-on_icon_1_hig.png) 0 0 no-repeat;background-size: cover;} ul.cmpAllUl>li .form_head .icon_step.step2{background: url(../images/e-sign-on_icon_2_nor.png) 0 0 no-repeat;background-size: cover;} ul.cmpAllUl>li .form_head .icon_step.step2g{background: url(../images/e-sign-on_icon_2_hig.png) 0 0 no-repeat;background-size: cover;} ul.cmpAllUl>li .form_head .icon_step.step3{background: url(../images/e-sign-on_icon_3_nor.png) 0 0 no-repeat;background-size: cover;} ul.cmpAllUl>li .form_head .icon_step.step3g{background: url(../images/e-sign-on_icon_3_hig.png) 0 0 no-repeat;background-size: cover;} ul.cmpAllUl>li .form_head li.stepActive{color: #555;} ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;} /*文章发布*/ .cmpArticalFrm{padding:20px 20px 10px;} .cmpArticalFrm .cmpMotit{padding: 0 10px;font-size: 16px; line-height: 40px; color: #606060;border-bottom: 1px solid #28b8fa; position: relative;font-weight: bold;} ul.cmpAllUl.cmpArticalul{width:66%;margin:30px 8px 20px;position: relative;min-height: 210px;} ul.cmpAllUl.cmpArticalul .col-w-3{text-align: right;padding-right: 10px;line-height: 32px;} ul.cmpAllUl.cmpArticalul .btnModel2{padding:0 16px;} ul.cmpAllUl.cmpArticalul.cmpArticalul2{width: 97%;margin:10px;} .rightRequ{position:relative;} .rightRequ .requiredcon{top:2px; right:-6px;left:auto;} .uploderArt{position:absolute;width:200px;top:0px;right:-208px;text-align: center;} .uploderArt .uploadInpArt{cursor:pointer;width: 100%;z-index: 10;color:#EFEFEF;} .uploderArt .imgBlock{position: relative;width: 140px;margin: auto;overflow: hidden;} .uploderArt .smalltip{line-height: 16px;} .cmpArticalFrm .deleteFont{cursor:pointer;position:absolute; right:20px;top:40px;color: #FF0000;}