.main_body{
    width: auto;
    height: calc(100vh - 90px);
    background: #F7F4FA;
  	overflow: hidden;
}
.antopen {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 23px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  background-color: #F7F4FA;
}
.search{
    height: 80px;
    width: auto;
    background: #ffffff;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 50px;
}
.selected::after {
    content: "√";
    display: block;
    height: 0px;
    width: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
    line-height: 8px;
    border-width: 15px;
    border-style: solid;
    border-image: initial;
    border-color: transparent rgb(0, 164, 253) rgb(0, 164, 253) transparent;
}
.cutablebox{
    background: #ffffff;
    height: calc(100vh - 196px);
}
a {
    text-decoration: none;
    color: #000;
  }
   
  
   
  #tab {
    /* border: 1px solid #ddd; */
    width: 498px;
    height: 306px;
    margin-left: 83px;
  }
   
  /* 头部区域 */
  #tab-header {
    height: 38px;
    /* background-color: #f7f7f7; */
    position: relative;
  }
   
   
  .tab-header ul {
    width: 501px;
    position: absolute;
    /* 设置竖线合并 */
    left: -1px;
    list-style: none;
    background: #fff;
    
  }
   
   
  .tab-header ul li {
    float: left;
    width: 142px;
    height: 52px;
    line-height: 38px;
    text-align: center;
    padding: 0px 1px;
    border: 1px solid #ddd;
    list-style: none;
    margin-right: 30px;
  }
  .selected{
      position: relative;
  }
   
  .selected::after {
    content: '√';
    display: block;
    height: 0px;
    width: 0px;
    position: absolute;
    bottom: 0;
    right: 0;
    /* right: 298px; */
    color: #fff;
    line-height: 8px;
    border: 15px solid;
    border-color: transparent #00a4fd #00a4fd transparent;
  
  }
  /* .selected::after{
    content: '√';
    display: none;
    height: 0px;
    width: 0px;
    position: absolute;
    bottom: 0;
    right: 400px;
    color: #fff;
    line-height: 8px;
    border: 10px solid;
    border-color: transparent #4884ff #4884ff transparent;
  } */
  
  /* 内容区域 */
  #tab-content ul {
    margin-top: 10px;
    list-style: none;
  
  }
   
   
  #tab-content ul  li {
    float: left;
    width: 220px;
    margin: 10px;
    list-style: none;
  
  }
   
  #tab-content ul  li a:hover {
    color: orangered;
    list-style: none;
  
  }
   
  #tab-content .dom {
    display: none;    
  }
  .dom li{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: flex-end;
  }
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, 
  legend, input, button, textarea, blockquote, th, td, p { margin:0; padding:0 }
  input, button, select, textarea { outline:none }
  li { list-style:none }
  img { vertical-align:top; border:none }
  textarea { resize:none }
  body { width:auto; height:auto; padding:0; margin:0; color: #666; background: #FFF; }
  body, input, textarea { font-size:12px; font-family:Arial, Verdana, "Microsoft Yahei", Simsun }
  a{cursor:pointer}
  a:link{color:#37a;text-decoration:none}
  a:visited{color:#669;text-decoration:none}
  .clear { clear:both }
  .clearfix:after{ content:"."; display:block; font-size: 0; height:0; clear:both; visibility:hidden }
  .clearfix{ zoom:1}
  #tab-header{width: 916px; margin: 50px auto 0;font-size: 0;*word-spacing:-1px;}
  @media screen and (-webkit-min-device-pixel-ratio:0){
  #tab-header{letter-spacing:-4px;}}
  #tab-header input{display: none;}
  #tab-header li{position:relative; width: 142px;height: 52px; border: 1px solid #CCC; display:inline-block; *display:inline; *zoom:1; margin:0 2px;margin-right: 26px;}
  #tab-header li.checked{border:2px solid #159fff;margin:-1px 1px;margin-right: 30px;}
  #tab-header li.checked i{width:30px; height:30px; position:absolute; right:-19px; bottom:-8px;background:url(../image/选中状态.png) no-repeat;}