.comein-text{
  padding:0px;
  box-shadow:0 0 10px  #e5e5e7;
}
#zcfb {
   /*background-image: radial-gradient(#fff 0%, #C9E6F4 50%, #AAD8EE 100%);*/
   background-color:#F2F2F5;
   padding-top:50px;
}
#zcfb-title li {
  float: left;
  text-align: center;
  font-size: 22px;
  padding: 6px 22px;
  position: relative;
  left: 50%;
  margin-left: -66px;
  color: #fff;
  cursor: pointer;
  background-color: #00A2E9;
}
#zcfb-title li:before{
    top: 100%;
    left: 40%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-color: transparent;
    border-top-color: #00A2E9;
    border-width: 12px;}
#tip {
  color: #555;
  min-width: 200px;
  max-width: 400px;
  max-height: 400px;
  padding: 20px 0px 20px 20px;
  background-color: rgb(255,255,255);
  box-shadow: 0px 0px 10px #ccc;
  
}
#tip>div{
  max-height: 400px;
  overflow-y: auto;
  scrollBar-face-color: #ccc; 
  scrollBar-arrow-color:#fff;
  scrollBar-shadow-color:#fff;
}

#tip .company {
  padding: 5px 10px;
}
#tip .company h1 {
  color:#333;
  font-size: 15px;
}
#tip .company-title{
  padding:3px 0;
  font-size:14px;
  font-weight:900;
  text-align:center;
  color:#0EA5E9;
}
#tip .company p {
  font-size: 12px;
  margin-top:3px;
}
#tip .company p span{
  color:#333;
  font-weight: bold;
  display: inline-block;
  padding-right:10px;
}


#zcfb{
  position: relative;
}
#demomodal{
  opacity: 1;
  width: 370px;
  max-height: 600px;
  position: absolute;
  top:160px;
  left:30px;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: opacity .2s;
  box-shadow: 5px 5px 10px #ccc;
}
#demomodal.hide{
  opacity: 0;
}


#demomodal dt {
  position: relative;
  top:-10px;
  color: #000;
  font-size: 16px;
  line-height: 16px;
  /*margin-bottom: 20px;*/
  margin-left: 85px;
  cursor: pointer;
}

/* Triangle list item */
#demomodal dt:before {
  content: "[点击展开]";
  display: block;
  height: 19px;
  font-size: 14px;
  color: #00A2E9;
  left: -68px;
  top: 19px;
  position: relative;
}
#demomodal dt.isopen:before {
  content: "[点击收起]";
}

#demomodal dd {
  padding: 10px 0 0 10px;
  color: #333;
  background: #F7F7F7;
  /*border: 1px solid #F2EEE6;*/
  margin: 10px ;
  position: relative;
}
#demomodal dd .companys{
  max-height: 400px;
  overflow-y: auto;
  padding-right:15px;
}
#demomodal dd.hide{
  display:none;
}


#demomodal .company{
  margin-bottom: 10px;
}
#demomodal .company p{
  font-size: 13px;
  padding: 0;
  margin: 0;
  line-height: 25px;
}
#demomodal .company p span{
  font-weight: bold;
}
#demomodal .company h1{
  font-size: 15px;
}
/* Triangle in definition container */
#demomodal dd:after,#demomodal dd:before {
  bottom: 100%;
  left: 12%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#demomodal dd:after {
  border-color: rgba(136, 183, 213, 0);
  border-color: transparent;
  border-bottom-color: #F7F7F7;
  border-width: 10px;
  margin-left: -10px;
}

#demomodal dd:before {
  border-color: rgba(194, 225, 245, 0);
  border-color: transparent;
  border-bottom-color: transparent;
  border-width: 10px;
  margin-left: -10px;
}
#tooltip{
  position: fixed;
  top:10px;
  left:10px;
  color: #666;
  font-size: 12px;
  padding: 6px 10px;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.5);
}
#tooltip.hide{
  display: none;
}
.demomodal-title{
  position:absolute;
  top:-27px;
  left:16px;
  color:#00A2E9;
}
.demomodal-title.hide{
  opacity:0;
}



.companys::-webkit-scrollbar
{
  width: 8px;
  background-color: #fff;
}
.companys::-webkit-scrollbar-thumb{
  background-color: #ddd;
}