.ybsy-index{ margin: 0px;padding: 0px;height: 100%;display: flex;flex-direction: column;min-width: 1280px; }
.ybsy-body{margin:0px;}
.ybsy-step{display: flex; flex-direction: row; justify-content: space-between; padding: 0px;}
.ybsy-step>span{color: #696969 !important; font-size: 14px; display: inline-block; width: 20px; height: 20px; background-color: #e9e9e9; text-align: center; line-height: 20px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; cursor: pointer;}
.ybsy-step-item{background: #f0f3ff; border-radius: 8px; padding: 10px 20px; margin: 20px 10px; display: flex; flex-direction: column; justify-content: space-between;}
.ybsy-step-item:first-child{ background:#fff; justify-content: space-around;}
.ybsy-step-item>div:first-child{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.ybsy-step-item>div:first-child p{display: flex;align-items: center;}
.ybsy-step-item>div:first-child p label{font-size: 20px; color: #333; font-weight: 500;}
.ybsy-step-item>div:first-child a{color: #0B81F9;}
.ybsy-step-item:nth-child(2){flex: 1;}
.ybsy-step-item:nth-child(3){flex: 1;}
.ybsy-step-item:nth-child(4){flex: 1;}

.ybsy-count{display: flex; flex-direction: row; gap: 20px; flex:1;}
.ybsy-v-item{display: flex; flex-direction: column; gap: 20px; justify-content: space-between;}
.ybsy-v-item:last-child{width: 370px;}
.ybsy-v-item:first-child{flex: 1;}

.ybsy-h-item{display: flex; flex-direction: row; gap: 20px; flex: 1;}

.ybsy-h-item>div{flex: 1;}

.ybsy-count-header{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.ybsy-count-header label{font-size: 20px; color: #333;}
.ybsy-count-header a{color: #333 ;}


.ybsy-v-item>.ybsy-block>.ybsy-count-header a{color: #0B81F9;}
.ybsy-v-item>.ybsy-block{flex: 1;}