.yybox4{
  display: flex;
  justify-content: space-between;
}
.yybox5{
  display: flex;
  margin-top: 20px;
}
.yybox6{
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #D0D0D0;
  margin-right: 15px;
  border-radius: 5px;
}
.yybox7{
  background-color: #026ECB;
  color: #fff;
}

.yybox8{
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 30px;
}

.yybox9{
width: calc(100%/3 - 20px) ;
 height: 164px;
 margin-bottom: 30px;
 margin-right: 30px;
 padding: 20px;
 position: relative;
 background-color: #fff;
 box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.10000000149011612);
}
.yybox9:nth-child(3n){
  margin-right:0px;
}
.yybox10{
  font-size: 14px;
 position: absolute;
 top: 0;
 right: 0;
 /* height: 40px; */
 background-color: #F39552;
 display: flex;
 align-items: center;
 padding: 5px 10px;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 color: #fff;
}
.yybox12{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.yybox11{
  padding-left: 10px;
  border-left: 5px solid #026ECB ;
  height: 34px;
  display: flex;
  align-items: center;
  color: #026ECB;
  font-weight: bold;
}
.yybox13{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.yybox14{
  display: flex;
 align-items: center;
}
.yybox15{
  font-size: 14px;
  padding: 5px 10px;
  background-color: #026ECB;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
}
.yybox16{
  width: 24px;
  height: 24px;
  margin-left: 5px;
  cursor: pointer;
}
.yybox17{
  display: flex;
  align-items: center;
}
.el-button{
  /* background-color: #026ECB!important; */
}
.yybox19{
  display: flex;
}
.yybox18{
  display: flex;
  width: 100px;
  background-color: #026ECB;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
.yybox18 img{
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.yybox19{
  background-color: #CCCCCC;
  cursor:not-allowed;
}