.bgc-ebf4f3{ background-color: #EBF4F3; } .bgc-f6f6f6{ background-color: #f6f6f6; } .c-fea7a8{ color: #FEA7A8; } .c-f4b87f{ color: #F4B87F; } .div-table{ display: table; width: 100%; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; } .table-row{ display: table-row; } .table-cell{ display: table-cell; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding: 15px 0 8px; text-align: center; vertical-align: middle; } .table-cell.arrow-cell{ width: 54px; } .table-cell.arrow-cell.active{ background-color: #0AD8C8; } .table-cell.arrow-cell.active>i{ color: #fff; } .table-cell.active{ border: 2px solid #0AD8C8; position: relative; } .table-cell.active:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 25px; height: 27px; background: url(../../../images/icon_xuanzhong.png) no-repeat; background-size: 100% 100%; } .table-cell.arrow-cell.active:after{ background: none; } .yy-tag{ display: inline-block; background-color: #c1c1c1; color: #fff; padding: 1px 10px; border-radius: 12px; margin-top: 5px; } .yy-tag.active{ background-color: #0AD8C8; } .source-tag{ border: 1px solid #e1e1e1; width: calc(100% - 20px); padding: 10px 0; } .source-tag span{ display: inline-block; width: 50%; text-align: center; } .source-tag span:first-child{ border-right: 1px solid #e1e1e1; } .source-tag.active{ border: 1px solid #0AD8C8; position: relative; } .source-tag.active:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 25px; height: 27px; background: url(../../../images/icon_xuanzhong.png) no-repeat; background-size: 100% 100%; } .c-border-t-dashed{ border-bottom: 1px dashed #e1e1e1; } .btn-white{ border-color: #d1d7d4; color: #d1d7d4; } .c-border-dashed{ border: 1px dashed #e1e1e1; }