.technicalWrap{ background-color: #fff; padding: 11px 13px 0; width: 96%; border-radius: 5px; box-shadow: 0 0 30px #dfdfe2; margin: 20px auto; position: relative; overflow: hidden; height: auto; max-height:430px; } .technicalWrap:first-child{ margin-top:0; } .technicalContentFloor{ width: 100%; padding: 5px 0; margin: 0 auto; background-color: #fff; border-radius: 4px; position: relative; } .course-card-bottom{ } .course-card-info { font-size: 12px; color: #93999F; line-height: 24px; margin-top: 8px; font-weight: 400; height: auto; overflow: hidden; } .course-card-info span { display: inline-block; margin-right: 12px; font-size: 12px; color: #93999F; line-height: 24px; font-weight: 400; } .course-card-name { font-size: 16px; color: #07111B; line-height: 24px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 46px; transition: all .3s; width: 90%; } .course-label { position: absolute; bottom: 6px; left: 8px; font-size: 12px; color: #FFF; line-height: 16px; } .technicalFloorMiddle{ position: relative; width: 100%; height: auto; min-height: 22px; } .course-label label { display: inline-block; background-color:rgba(118, 123, 128, 0.4); border-radius: 12px; padding: 4px 8px; margin-bottom: 2px; margin-right: 5px; font-weight: 200; opacity: .8; font-size: 12px; color: #FFF; line-height: 16px; } .item-line--bottom { height: auto; line-height: 24px; overflow: hidden; margin-top: 0; font-size: 12px; position: relative; padding-bottom: 10px; } .line-cell:first-child { margin-left: 0; color: #5fb41b; font-size: 14px; float: left; } .item-source { display: inline-block; color: #999; float: left; width: auto; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; margin-left: 6px; } .renzheng { display: inline-block; vertical-align: middle; margin-right: 2px; width: auto; height: 18px; color: #5babe6; border: 1px solid #5babe6; line-height: 11px; font-size: 12px; border-radius: 4px; padding: 2px 7px; } .item-source-link { color: #999; text-decoration: none; background: transparent; text-align: right; } .course-card-info .icon-set_sns { font-size: 14px; margin-right: 5px; vertical-align: -1px; } .course-card-info i.ion-clock{ font-size: 12px; position: relative; left: -4px; margin-right: 1px; } .course-card-info i.ion-clock:before{ font-size: 11px; } .course-card-info .icon-set_sns em{ margin-left: 5px; font-size: 13px; } .course-stat.hot { background: #FF005D; position: absolute; border: 2px solid #FFF; border-radius: 12px; top: -10px; right:-10px; z-index: 4; font-size: 12px; color: #FFF; line-height: 20px; padding: 0 8px; } .price-info { height: 40px; overflow: hidden; text-align: left; position: relative; } .current-price-wrapper{ width: auto; float: left; position: relative; top: 0px; height: 100%; } .current-price-wrapper .activityFloor{ height: 100%; width: 100%; } .current-price-wrapper .activityFloor small{ width: 100%; height: 100%; display: inline-block; line-height: 40px; } .bottom-right-info{ font-size: 12px; color: #999; margin-top: 10px; position: absolute; right: 0; } .bottom-right-info em{ color: #F60; font-size: 15px; margin: 0 4px; vertical-align: -2px; } .head-img { border: 2px solid #FFF; height: 48px; width: 48px; position: relative; z-index: 9; border-radius: 40px; float: left; } .taskPublisherWrap{ display:inline-block; float: left; } .technicalNoticBg{ display: block; color: #a6a6a7; margin-left:6px; position: absolute; bottom: 10px; } .enterTechnicalTask{ position: relative; margin: 0 auto; display: block; border: none; color: #fff; width: 60px; height: 60px; border-radius: 50%; bottom: 37px; background-color: #5babe6; } .notenterTechnicalTask{ background-color: #ccc !important; } .havenTechnical{ opacity: .8; } .editTechnicalTask{ background-color: #f9493d; color: #fff; border: none; position: absolute; right: 0; border-radius: 4px; padding: 4px 8px; top: 10px; } .editTechnicalTask i{ font-size: 12px; margin-right: 5px; vertical-align: 1px; } .technicalBrokerContentDetail{ color: #a6a6a7; text-align: justify; text-indent: 2em; } .technicalOtherBottom{ position: relative; } .acceptPeopleWrap{ height: 35px; width: 35px; display: inline-block; float: left; border: 2px solid #5babe6; border-radius: 50%; overflow: hidden; margin-right: 5px; } .acceptPeopleWrap img{ width: 100%; height: 100%; } .accept_info{ border-top: 1px solid #e6e6e7; margin-top: 15px; padding-top: 12px; height: auto; overflow: hidden; text-align: left; position: relative; } .quick_entry_module.qe_5x { padding-left: 4%; padding-right: 4%; } .quick_entry_module { padding-bottom: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; } .quick_entry_module ul li { position: relative; } .quick_entry_module.qe_5x ul li { width: 20%; float: left; } .quick_entry_module ul li a, .quick_entry_module ul li span { position: relative; display: block; outline: none; text-decoration: none; background: transparent; } .quick_entry_module .qe_img_wrap.no_bg_img { background-image: none; background-color: transparent; } .quick_entry_module .qe_img_wrap { padding-top: 100%; width: 100%; margin-top: 20px; margin-bottom: 27px; overflow: hidden; } .quick_entry_module .qe_img_wrap i{ font-size: 25px; color: #fff; position: absolute; top: 0; left: 0; width: 100%; opacity: 1; height: 35px; line-height: 33px; border-radius: 50%; text-align: center; } .trainIcon{ background: -webkit-linear-gradient(#5babe6,#9dcaec); } .taskIcon{ background: -webkit-linear-gradient(#ea5776,#e4a4a4); } .resultIcon{ background: -webkit-linear-gradient(#a37bff,#b295f4); } .infoIcon{ background: -webkit-linear-gradient(#ffd30a,#f1de84); } .demandIcon{ background: -webkit-linear-gradient(#6aa9e0,#73d6f5); } .levelIcon{ background: -webkit-linear-gradient(#ffae0d,#eeb84d); } .publishIcon{ background: -webkit-linear-gradient(#66d0b1,#9bf0d7); } .myTaskIcon{ background: -webkit-linear-gradient(#28cffc,#6ad8f6); } .myReceiveTaskIcon{ background: -webkit-linear-gradient(#ff8e6f,#f1a590); } .mySignUpIcon{ background: -webkit-linear-gradient(#73dee8,#79c5bb); } .quick_entry_module .qe_img_wrap img { position: absolute; top: 0; left: 0; width: 100%; opacity: 1; } .quick_entry_module .qe_text_wrap { position: absolute; display: -webkit-box; bottom: -27px; left: 50%; width: 72px; height: 16px; font-size: 12px; margin-top: 11px; color: #999; text-align: center; overflow: hidden; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; } .quick_entry_module ul li a, .quick_entry_module ul li span { position: relative; display: block; -webkit-tap-highlight-color: rgba(255,255,255,0); } .quick_entry_module ul li a{ width: 50%; margin: 0 auto; } .isactiveInfoWrap{ font-size: 14px; color: #a6a6a7; position: absolute; right: 75px; top: 3px; } .enterCompanyInfo_header{ width: 90%; } .enterCompanyInfo_header .arrange_tab{ position: relative; } .enterCompanyInfo_header .arrange_tab:nth-child(2)::after{ content: ""; display: block; position: absolute; right: 0; width: 0; height: 34px; border: 1px solid #5babe6; top:0; border-radius: 14px; } .enterCompanyInfo_header .arrange_tab:nth-child(2)::before{ content: ""; display: block; position: absolute; left: 0; width: 0; height:34px; border: 1px solid #5babe6; top:0; border-radius: 14px; } .addOrDelButton{ position: relative; background-color: #5babe6; color: #fff; border: none; border-radius: 4px; width: auto; padding: 5px 25px 5px 10px; display: block; margin: 10px 20px; } .addOrDelButton i{ right: 10px; color: #fff; top: 4px !important; } .addStauesButtonName::before{ content:"添加产品"; display: block; } .delStauesButtonName::before{ content:"删除产品"; display: block; } .addStauesButtonName_s::before{ content:"添加需求"; display: block; } .delStauesButtonName_s::before{ content:"删除需求"; display: block; } /*图片放大*/ #ProductRightDisplay,#DemandRightDisplay{ position: fixed; top: 0; left: 0; z-index: 2510; width: 100%; height: 100.2%; /*background-color: #000;*/ } #ProductRightDisplay .picIndex,#DemandRightDisplay .picIndex{ color: #fff; position: absolute; display: block; top: 40px; font-size: 15px; margin: 0 auto; width: 100px; text-align: center; z-index: 666; } #ProductRightDisplay .img-responsive,#DemandRightDisplay .img-responsive{ position: absolute; /*position: relative;*/ z-index: 10; display: block; /*margin: 0 auto;*/ width:100%; /*top:80px;*/ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .big-wrap{ background: #f3f5f7; } .top-box { position: relative; width: 100%; height: auto; background: url("../img/teacher-bg.png") no-repeat scroll center; background-size: 100% 100%; } .top-box .top-bg-mask { width: 100%; height: auto; background: rgba(0,0,0,.6); } .top-box .top-content-wrap { margin: 0 auto; width: 100%; } .top-box .top-content-wrap .teacher-box { position: relative; margin: 0 auto; padding-top:25px; text-align: center; z-index: 2; } .top-box .top-content-wrap .teacher-box .tea-header { width: 90px; height: 90px; border-radius: 50%; border: 3px solid #fff; } .top-box .top-content-wrap .teacher-box .tea-title { position: relative; margin: -24px auto 0; width: 149px; height: 56px; text-align: center; color: #fff; background: url("../img/flag-bg.png")no-repeat scroll center; background-size: 100%; z-index: 2; } .top-box .top-content-wrap .teacher-box .tea-title p { opacity: .7; font-size: 11px; line-height: 21px; margin: 0 0 3px; } .top-box .top-content-wrap .teacher-box .tea-title h3 { font-size: 14px; font-weight: 700; line-height: 14px; margin: 0; color: #fff; } .top-box .top-content-wrap .teacher-box .tea-nickname { font-size: 16px; font-weight: 700; color: #fff; line-height: 24px; margin: 0; } .top-box .top-content-wrap .teacher-box .tea-professional { margin-top: 8px; font-size: 14px; color: #fff; line-height: 14px; margin-bottom: 12px; } .top-box .top-content-wrap .teacher-box .payattention-btn { margin: 0px 0 5px; padding: 0; height: 36px; width: 96px; background: 0 0; font-size: 12px; line-height: 36px; color: #fff; border: 1px solid rgba(255,255,255,.6); position: relative; display: inline-block; text-align: center; vertical-align: middle; touch-action: manipulation; -webkit-appearance: none; white-space: nowrap; outline: none; user-select: none; border-radius: 50px; } .top-box .top-content-wrap .teacher-box .payattention-btn i { position: relative; top: 2px; font-size: 16px; margin-right: 4px; line-height: 12px; } .top-box .top-content-wrap .teacher-box .tea-desc { margin: 0 auto 12px; width: 92%; height: 48px; font-size: 14px; color: rgba(255,255,255,.6); line-height: 24px; word-break: break-word; overflow: hidden; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .top-box .top-content-wrap .teacher-box .tea-detail-box { text-align: center; margin: 0 auto; width: 100%; } .top-box .top-content-wrap .teacher-box .tea-detail-box ul { width: 100%; } .top-box .top-content-wrap .teacher-box .tea-detail-box ul li { display: inline-block; text-align: center; margin: 0 auto; width: 20%; } .top-box .top-content-wrap .teacher-box .tea-detail-box ul li .num { margin-bottom: 5px; font-size: 16px; line-height: 15px; color: #fff; } .tea-detail-box ul li em{ font-size: 12px; margin-left: 3px; } .top-box .top-content-wrap .teacher-box .tea-detail-box ul li .text { font-size: 12px; line-height: 14px; color: rgba(255,255,255,.6); } .top-box .top-content-wrap .teacher-box .tea-detail-box ul li a{ text-decoration: none; } .project-introduce { position: relative; width: 100%; height: auto; color: #323232; margin: 0 auto; background-color: #fff; padding:12px 7.5% 0; } .project-introduce .p-num { font-family: "monospace"; font-size: 35px; width: 100%; height: 55px; line-height: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; color: #d3b273; } .project-introduce .p-bar { width: 100%; height: 8px; margin-top: 10px; background: #e6e6e6; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .project-introduce .p-bar .p-bar-purple { height: 8px; background-color:#d3b273; } .project-introduce .p-progress { width: 100%; height: 32px; line-height: 32px; font-size: 14px; font-weight: 700; margin-top: 5px; text-align: center; } .p-progress .percent{ color: #d3b273; } .project-introduce .p-title{ display: block; margin: 0 auto; width: 100px; text-align: center; color: #b0b0b0; } .brokerSignUp,.brokerPsMoney{ float: right; border: none; background-color: transparent; color: #fff; width: 60px; height: auto; position: absolute; right: 5px; top: 10px; z-index: 55; } .brokerPsMoney{ left: 5px; width: auto; max-width: 85px; display: inline-block; overflow: hidden; } .brokerSignUp i,.brokerPsMoney i{ display: block; font-size: 12px; } .brokerSignUp i::before,.brokerPsMoney i::before{ font-size: 16px; } .brokerSignUp span,.brokerPsMoney span{ font-size: 12px; letter-spacing: 1px; } .brokerArrow{ position: absolute; right: 0px; top: 11px; font-size: 12px; } .host_avatar{ position: absolute; right: 10px; bottom: -30px; width: 60px; height: 60px; border-radius: 100%; background: #eee; overflow: hidden; border: 2px solid #fff; } .host_avatar img{ width: 100%; height: 100%; border-radius: 100%; } .summaryButtonWrap{ padding: 0; border: none; background-image: none; } .summaryButton{ width: 50%; height: 100%; border: none; background-color: transparent; color: #fff; position: relative; } .signUpTr{ color: #5babe6; } .signUpTr::before{ content: ""; position: absolute; height: 30px; width: 0; border-right: 1px solid #a6a6a7; right: 0; top: 8px; border-radius: 50px; opacity: .7; } .signUpTs{ color: #f91000; } .myTaskAgree{ background:#fff url("../img/getedAgree.png")no-repeat scroll right top; background-size:22%; } .myTaskCancel{ background:#fff url("../img/getedCancel.png")no-repeat scroll right top; background-size:22%; } .study-points { padding: 0; height: 21px; margin-top: 9px; } .study-points .i-left { margin-right:18px; } .study-points .i-right { float: right; } .study-points .i-right em{ color: #f48357; } .study-points span { margin-right: 12px; font-size: 13px; color: #787d82; } .course-list .study-points span { margin-right: 12px; } .enterTechnicalTaskBottomBtn{ width: 100%; background-color: #5babe6; border: none; color: #fff; } .technicalInsetIcon{ width: 37px; text-align: center; right: 0; } .infoTitleBanner{ height: 65px; } .infoTitleBanner .slider-pager{ bottom: 0 !important; height: 17px; } .infoTitleBanner .slider-pager span.active{ color:#5babe6 !important; } .infoTitleBanner .slider-pager .slider-pager-page{ color: #a6a6a7 !important; } .dottedSplice{ font-size: 16px; padding-left: 25px; position: relative; border-top: 1px solid #e6e6e7; padding-top: 10px; margin-bottom: 0; } .dottedSplice s{ display: inline-block; width: 3px; height: 15px; background-color: #f91000; position: absolute; left: 19px; top: 13px; } .addProjectInfoName::before{ content: "添加工程中心信息" !important; display: block; } .addYFTRInfoName::before{ content: "添加研发投入信息" !important; display: block; } .addrealInfoName::before{ content: "添加实际收入/预计投入情况" !important; display: block; } .addGreatProductButtonName:before{ content: "添加高新产品" !important; display: block; } .addimportantProjectInfoButton:before{ content: "添加重大科研项目" !important; display: block; } .addAdviceButton:before{ content: "添加项目建议" !important; display: block; } .AddOrexperienceInfo:before{ content: "添加产学研经验" !important; display: block; } .addpatentInfo:before{ content: "添加专利" !important; display: block; } .addtalentInfo:before{ content: "添加人才" !important; display: block; } .addshoolStudyInfo:before{ content: "添加成果" !important; display: block; } .addshoolExportInfo:before{ content: "添加专家" !important; display: block; } .addSpecialitiesInfo:before{ content: "添加特色专业" !important; display: block; } .addschoolLaboratoryInfo:before{ content: "添加实验室" !important; display: block; } .addDemandFeedBackInfo:before{ content: "添加解决方案" !important; display: block; } .addproblemInfoInfo:before{ content: "添加解决方案" !important; display: block; } .addAchieveButtonName:before{ content: "添加成果" !important; display: block; } .delProjectInfoName::before{ content: "删除工程中心信息" !important; display: block; } .delYFTRInfoName::before{ content: "删除研发投入信息" !important; display: block; } .delrealButtonName::before{ content: "删除实际收入/预计投入情况" !important; display: block; } .delGreatProductButtonName::before{ content: "删除高新产品" !important; display: block; } .delImportantProjectInfoButtonName::before{ content: "删除重大科研项目" !important; display: block; } .delAdviceButton::before{ content: "删除项目建议" !important; display: block; } .delExperienceInfo::before{ content: "删除产学研经验" !important; display: block; } .delpatentInfo::before{ content: "删除专利" !important; display: block; } .deltalentInfo::before{ content: "删除人才" !important; display: block; } .delAchieveButtonName::before{ content: "删除成果" !important; display: block; } .delshoolExportInfo::before{ content: "删除专家" !important; display: block; } .delshoolStudyInfo::before{ content: "删除成果" !important; display: block; } .delSpecialitiesInfo::before{ content: "删除特色专业" !important; display: block; } .delschoolLaboratoryInfo::before{ content: "删除实验室" !important; display: block; } .top-box .top-content-wrap .teacher-box .company-title{ position: relative; margin: 0 auto 0; width: 245px; height: 65px; text-align: center; color: #fff; z-index: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .top-box .top-content-wrap .teacher-box .company-title span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; position: relative; top: 4px; } .top-box .top-content-wrap .teacher-box .company-title h6{ color: #fff; margin: 5px 0 2px; font-size: 14px; } .company-title .ion-location{ font-size: 19px; position: relative; left: -5px; top: 1px; } .companySectionFloor{ background-color: #fff; } .companySectionFloor .titCom{ padding-left: 11px; border-bottom: 2px solid #5babe6; line-height: 32px; height: 32px; font-size: 17px; width: 95%; margin: 10px auto; position:relative; } .companySectionFloor .titCom::before{ content: ""; display: block; width: 3px; height: 16px; background-color: #f91000; position: absolute; left: 4px; top: 9px; border-radius: 10px; } .companySectionFloor ul li{ width: 95%; margin: 0 auto; display: block; position: relative; border-bottom: .5px solid #e6e6e7; height: auto; min-height: 50px; line-height: 22px; padding-left: 25px; } .companySectionFloor ul li:last-child{ border-bottom:none; } .companySectionFloor ul li em{ color: #949494; font-size: 13px; } .companySectionFloor ul li div{ position: relative; } .companySectionFloor ul li div span{ position: relative; font-size: 16px; } .companySectionFloor ul li div i{ position: absolute; left: -20px; font-size: 20px; } .visitCompanyBtn{ z-index: 5; position: absolute; bottom: 68px; right: 14px; width: 60px; height: 60px; } .visitCompanyBtn button{ height: 60px; margin-left: 0 !important; position: relative; float: left; width: 100%; background-color: #5babe6; border: none; border-radius: 50%; box-shadow: 0 0 15px 2px #6babda; } .visitCompanyBtn button span{ color: #fff; position: relative; height: 60px; display: inline-flex; font-size: 14px; line-height: 60px; } .showAnotherBtn{ position: absolute; /*top: 0;*/ left: 0; bottom:0; z-index: 5; background-color: rgba(0,0,0,0.6); width: 100%; max-width:20.5rem; height: 60%; margin:auto; border-radius:20px 20px 0 0; } .button-box{ max-width:20.5rem; position: relative; height:100%; margin:auto; } .buttonEnter_ulWrap{ position: absolute; /*bottom: 140px;*/ color: #fff; display: block; width: 100%; height: auto; top:50px; } .buttonEnter_ulWrap li{ height: auto; display: inline-block; float: left; width: 33%; text-align: center; position: relative; padding:5px 0; } .buttonEnter_ulWrap li i{ display: block; width: 60px; margin: 0 auto; /*background-color: #f91000;*/ height: 57px; border-radius: 50%; color: #fff; font-size: 1rem; line-height: 60px; } .buttonEnter_ulWrap li:nth-child(1){ animation: toTopScroll1 0.1s; animation-fill-mode: forwards; } @-webkit-keyframes toTopScroll1 { 0%{bottom: 0;} 100%{bottom: 0;} } .buttonEnter_ulWrap li:nth-child(2){ animation: toTopScroll2 0.2s; animation-fill-mode: forwards; } @-webkit-keyframes toTopScroll2 { 0%{bottom: -18px;opacity: .5} 100%{bottom: 0;opacity: 1} } .buttonEnter_ulWrap li:nth-child(3){ animation: toTopScroll3 0.3s; animation-fill-mode: forwards; } @-webkit-keyframes toTopScroll3 { 0%{bottom: -25px;opacity: .5} 100%{bottom: 0;opacity: 1} } .buttonEnter_ulWrap li:nth-child(4){ animation: toTopScroll4 0.5s; animation-fill-mode: forwards; } @-webkit-keyframes toTopScroll4 { 0%{bottom: -60px;opacity: .3} 100%{bottom: 0;opacity: 1} } .buttonEnter_ulWrap li:nth-child(5){ animation: toTopScroll5 0.6s; animation-fill-mode: forwards; } @-webkit-keyframes toTopScroll5 { 0%{bottom: -80px;opacity: .3} 100%{bottom: 0;opacity: 1} } .buttonEnter_ulWrap li:nth-child(6){ animation: toTopScroll6 0.7s; animation-fill-mode: forwards; } @-webkit-keyframes toTopScroll6 { 0%{bottom: -105px;opacity: .3} 100%{bottom: 0;opacity: 1} } .buttonEnter_ulWrap li:nth-child(7){ animation: toTopScroll7 0.8s; animation-fill-mode: forwards; } @-webkit-keyframes toTopScroll7 { 0%{bottom: -125px;opacity: .3} 100%{bottom: 0;opacity: 1} } .buttonEnter_ulWrap li:nth-child(8){ animation: toTopScroll8 0.9s; animation-fill-mode: forwards; } @-webkit-keyframes toTopScroll8 { 0%{bottom: -145px;opacity: .3} 100%{bottom: 0;opacity: 1} } /*.buttonEnter_ulWrap li:nth-child(1) i{*/ /*background-color:#f74866;*/ /*}*/ /*.buttonEnter_ulWrap li:nth-child(2) i{*/ /*background-color:#6095d1;*/ /*}*/ /*.buttonEnter_ulWrap li:nth-child(3) i{*/ /*background-color:#42cd89;*/ /*}*/ /*.buttonEnter_ulWrap li:nth-child(4) i{*/ /*background-color:#8591e7;*/ /*}*/ /*.buttonEnter_ulWrap li:nth-child(5) i{*/ /*background-color:#f9a11e;*/ /*}*/ /*.buttonEnter_ulWrap li:nth-child(6) i{*/ /*background-color:#5cabd7;*/ /*}*/ .hideAnthorBtnWrap{ position: absolute; right: 0; top:10px; width: 77px; height: 50px; font-size: 29px; color: #fff; background-color: transparent; border: navajowhite; } .middleWrapSection{ width: 95%; margin: 0 auto; } .middleWrapSection ul{ height: auto; overflow: hidden; } .middleWrapSection ul li{ width:49%; height: auto; border-radius: 7px; padding-top: 5px; margin-top: 12px; } .middleWrapSection ul li span{ display: block; font-weight: bold; font-size: 17px; height: 35px; line-height: 35px; padding-left: 12px; letter-spacing: 3px; } .middleWrapSection ul li em{ display: block; padding-left: 12px; padding-bottom: 10px; } .middleWrapSection ul li:nth-child(1){ float: left; background-color: #fed957; color: #ad8603; } .middleWrapSection ul li:nth-child(2){ float: right; background-color: #97ddff; color: #1b8cce; } .errorClock:before{ position: relative !important; left: 2px !important; } .detailTaskResume_wrap{ width: 96%; margin: 0 auto; background-color: #fff; padding: 12px; } .taskDetailFloorTop{ background-color: #fff; width: 97%; display: block; border-radius: 4px; padding: 5px 12px; margin: 8px auto; } .detailTaskResume_name{ font-size: 16px; font-weight: bold; padding-left:9px; display: block; position: relative; } .detailTaskResume_name:before{ content: ""; display: block; position: absolute; width: 4px; height: 15px; background-color: #5babe6; left: 0; top: 2px; border-radius: 3px; } .detailTaskResume_peoCir{ display: block; height: auto; line-height: 32px; padding-left: 15px; position: relative; } .detailTaskResume_peoCir::before{ content: ""; display: block; position: absolute; width: 5px; height: 5px; border-radius: 50%; left: 6px; top: 6px; background-color: #f91000; } .detailTaskResume_peoWrap{ position: relative; display: block; } .detailTaskResume_peoCir::after{ content: ""; position: absolute; display: block; height: 45px; border-left: 1px solid #e6e6e7; top: 10px; left: 8px; z-index: 1; } .detailTaskResume_peoCir:last-child::after{ height: 43px; border-left: 1px dashed #e6e6e7; top: 0; } .reousrcrKuProfile{ line-height: 17px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 46px; font-size: 12px; width: 88%; } .resourceLinksWrap{ border-bottom: 1px dashed #5babe6; height: 100px !important; border-radius: 0 !important; } .resourceLinksWrap:last-child{ border-bottom:none !important; } .resourceLinksFloor{ height: 274px; overflow-y: scroll; } .resourceGO{ line-height: 80px; padding-left: 7px; } .detailTaskResume_detail{ display: block; height: auto; overflow: hidden; } .detailTaskResume_detail p{ margin: 0; font-size: 12px; color: #a6a6a7; } .detailTaskResume_detail h6{ margin: 0; text-align: left; width: auto; text-indent: 0; font-size: 14px; } .detailTaskResume_detail span{ position: absolute; right:14px; top: 0; font-size: 12px; color: #a1a1a1; height: 20px; line-height: 20px; } .detailTaskResume_detailWrapF{ height: auto; display: block; } .toDoTaskBtn{ position: absolute; right: 10px; color: #5babe6; display: block; border: none; top: 0; line-height: 15px; height: 15px; } .showResourceBtn_bt{ position: fixed; right: 12px; bottom: 95px; z-index: 4; border: none; background:url("../img/wyf.png")no-repeat scroll center center; width: 100px; height: 50px; background-size: 100%; animation: dtnFrame 2s linear infinite; -webkit-animation: dtnFrame 2s linear infinite; } @-webkit-keyframes dtnFrame{ 10% { transform: rotate(15deg); } 20% { transform: rotate(-10deg); } 30% { transform: rotate(5deg); } 40% { transform: rotate(-5deg); } 50%,100% { transform: rotate(0deg); } } .addCompanyInfo_button{ position: absolute; right: 37px; width: auto; height: auto; bottom: 60px; z-index:5; } .addCompanyInfo_button span{ width: 65px; height: 65px; border: none; background-image:linear-gradient(to bottom, #86c2ef 0%, #5babe6 100%); border-radius: 50%; display: block; font-size: 50px; color: #fff; text-align: center; line-height: 58px; box-shadow: 0 1px 10px 4px #86c2ef; } .addCompanyInfo_button span.goVisit::before{ content: '新建走访'; display: block; font-size: 15px; position: absolute; bottom: -28px; color: #5babe6; width: 100%; height: 20px; line-height: 25px; background-color: #fff; } .addCompanyInfo_button span.recordBtn::before{ content: '新建录入' !important; } .addCompanyInfo_button span.goVisitE::before{ content: '新建需求' !important; } .addCompanyInfo_button span.goVisitA::before{ content: '新建成果' !important; } .addCompanyInfo_button span.goVisitB::before{ content: '新建企业' !important; } .addCompanyInfo_button span.goVisitC::before{ content: '新建高校' !important; } .addCompanyInfo_button span.goVisitD::before{ content: '新建人才' !important; } .addCompanyInfo_button span.goVisitF::before{ content: '新建报表' !important; } .actPassword_wrap{ height: 230px; display: block; width: 90%; margin: 0 auto; padding-top: 75px; } .actPassword_wrap label{ display: block; width: auto; height: auto; margin-top:0; } .actPassword_wrap span{ display: block; text-align: center; font-weight: bold; color: #ea783f; font-size: 25px; letter-spacing: 12px; text-indent: 12px; margin: 12px 0; } .actPassword_wrap input{ display: block; vertical-align: -2px; border: 1px solid #e6e6e7; border-radius: 4px; width: 150px; padding-left: 12px; margin: 0 auto; position: relative; top: -5px; } .actPassword_wrap button{ width: 136px; height: 40px; line-height: 35px; color: #fff; background-color: #f95900; border: none; border-radius: 50px; display: block; margin: 18px auto 0; } .actPassword_wrap em{ color: #fff; display: block; width: 130px; text-align: center; position: relative; top: 9px; margin: 0 auto; } .kl_bottom{ background-color: rgba(0,0,0,.7); } .kl_container{ background: url("../img/kouling.png")no-repeat scroll 0 0; background-size: 100% 145%; height: 305px; top: 40%; } .kl_container .successArrangeWrap{ background-color: transparent; border-bottom: none; } .actGBtn{ top: 50px; position: relative; } .comEnterTing{ position: absolute; right: 9px; bottom:8px; font-size: 12px; color: #a6a6a7; } .icon_Cz{ background-position: -85px -93px !important; background-size: 415% !important; } .visitorContentWrap{ height:auto; width: 95%; margin: 0 auto; position: relative; padding-bottom: 10px; } .visitorContentWrap .visitIndustryName h5{ color: #5CABD7; position: relative; } .visitIndustryName h5 i{ color: #5CABD7; transform: rotate(-153deg); display: inline-block; font-size: 24px; vertical-align: -5px; margin-right: 8px; } .visitIndustryName .moreRightButton{ top: 0; } .visitorContentWrap .visitorContentFloor{ border-bottom: 1px solid #e6e6e7; } .visitorContentMiddle{ height: auto; position: relative; margin-top: 10px; padding-left: 21px; } .visitorContentMiddle li{ } .visitorContentMiddle li em{ color: #a6a6a7; margin-left: 8px; } .visitBtn{ width: 90%; border: none; color: #5babe6; background-color: #f4f4f4; margin: 10px auto 0; display: block; padding: 7px 0; border-radius: 4px; } /*返回网站首页*/ .comback-to-web{ position: absolute; bottom:50px; left:0; z-index:5; display:flex; flex-direction: column; align-items: center; } .comback-to-web i{ font-size:36px; color:#5babe6; } .comback-to-web span{ font-size:12px; }