SOURCE

<div class="border">
  <div class="border1">
    </div>
  <div class="item">
<div class="item1">
<div class="item1-1" style="width:20%;height:35%;">设置
</div> 
<div class="item1-1" style="width:30%;height:25%;;background-color:white;m">
</div>  
  
<div class="item1-2" style="width:100%;height:75%;">
<div class="item1-2-1" style="width:50%;height:30%;margin:20px;color:white;font-size:20px;">

123 </div>
        <div class="item1-2-1" style="width:35%;height:20%;;background-color:red;margin-top:40px;">123
</div>
<div class="item2">

.border {
  width: 410px;
  height: 660px;
  border: solid 4px;
  margin: auto;
  border-radius: 30px;
}

.border1 {
  width: 150px;
  height: 4px;
  border: solid 2px;
  border-radius: 3px;
  margin: 15px auto;
}
.item {
  display: flex;
  flex-direction: column;
  width: 380px;
  border: solid 3px;
  margin: 45px auto;
}

.item1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 130px;
  background-color: #FF6600;
}

.item1-1 {
   display: flex;
  justify-content:center;
background-color: red;
}
.item1-1-1 {

  
 
}



.item1-2 {
  display: flex;
  justify-content: Space-between;
background-color: green;
}
.item1-2-1 {
background-color: red;
}