www-huanghe/css/technicalBroker.css

.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;
}