.yx_flexJC { -webkit-box-pack:left; -ms-flex-pack:left; -webkit-justify-content:left; justify-content: left; } .yx_flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; -moz-flex-wrap:nowrap; flex-wrap: nowrap; } @keyframes fa_span01_ani { 0% { width: 6px; } 100% { width: 48px; } } @keyframes fa_span02_ani { 0% { width: 48px; } 100% { width: 6px; } } .yx_InLine p span { display: inline-block; margin: 0 6px 0 0; height: 6px; border-radius: 6px; margin-top: 14px; } .yx_InLine p span:nth-child(1) { width: 6px; background: var(--xc1); animation: fa_span01_ani 1.2s linear infinite alternate; } .yx_InLine p span:nth-child(2) { width: var(--yx_FS48); background: var(--xc1); animation: fa_span02_ani 1.2s linear infinite alternate; } @keyframes fa_span01_ani { 0% { width: 6px; } 100% { width: 48px; } } @keyframes fa_span02_ani { 0% { width: 48px; } 100% { width: 6px; } } .yx_InLine p span { display: inline-block; margin: 0 6px 0 0; height: 6px; border-radius: 6px; margin-top: 14px; } .yx_InLine p span:nth-child(1) { width: 6px; background: var(--xc1); animation: fa_span01_ani 1.2s linear infinite alternate; } .yx_InLine p span:nth-child(2) { width: 48px; background: var(--xc1); animation: fa_span02_ani 1.2s linear infinite alternate; }