.data{
  margin: 0;
  width: 100%;
  height: 500px;
/*  border: red solid 1px;*/
}
.data>div:first-child{
  margin: 0;
  width: 100%;
  height: 10%;
  /*border: #0800ff solid 1px;*/
  display: -ms-flexbox;
  display: flex;
}
.data>div:first-child>div:first-child{
  margin: 0;
  width: 65%;
  height: 100%;
  /*border: #ff0026 solid 1px;*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align:center;
      align-items:center;
/*  justify-content:space-evenly;*/
}
.data>div:first-child>div:first-child>span{
  /*border: #8400ff solid 1px;*/
  margin-right: 20px;
}
.data>div:first-child>div:first-child>span:first-child{
  font-weight:540;
  color: #000c17;
}
.data>div:first-child>div:nth-child(2){
  width: 30%;
  height: 100%;
/*  border: #00ff48 solid 1px;*/
  margin-left: auto;
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
}
.data>div:nth-child(2){
  margin: 0;
  width: 100%;
  height: 80%;
  /*border: #b90e64 solid 1px;*/
  display: -ms-flexbox;
  display: flex;
}
.data>div:nth-child(2)>div:first-child{
  margin: 0;
  width: 65%;
  height: 100%;
  /*border: #b90e64 solid 1px;*/
}
.data>div:nth-child(2)>div:nth-child(2){
  width: 30%;
  height: 100%;
  /*border: #0e72b9 solid 1px;*/
  margin-right: 0;
  margin-left: auto;
}


.role_container[data-v-102d6478]{
  display: -ms-flexbox;
  display: flex;
}
.but[data-v-102d6478]{
  margin-left: 20px;
}


/*# sourceMappingURL=76.ab0bea26.css.map*/