.enSecBox{ min-height: 100%; background-color: #fff; } .ensTime{ position: relative; text-align: center; line-height: 24px; font-size: 14px; color: #B8E2FF; } .ensTime:after,.ensTime::before{ content: ''; width: .12rem; height: .12rem; background-color: #B8E2FF; border-radius: 50%; position: absolute; top: 0; bottom: 0; margin: auto; } .ensTime:after{ right: 20%; } .ensTime::before{ left: 20%; } .ensHeader{ background-color: #0C86D8; padding: .4rem 0; } .ensHeadT{ font-size: 18px; color: #fff; text-align: center; margin-top: .3rem; } .ensSec1{ padding: 0 15px; } .eSec1Box{ position: relative; margin-top: .4rem; } .eSec1Box:first-child{ margin-top: .2rem; } .sSecDown{ position: absolute; width: .5rem; left: 0; right: 0; top: -.08rem; margin: auto; } .eSec1Top{ font-size: 14px; font-weight: bold; color: #ABDDFF; font-style: italic; padding-left: .35rem; } .eSec1Top span { color: #0C86D8; font-size: 20px; margin-left: 5px; } .sSec1Con{ padding: .1rem .3rem .1rem .5rem; display: flex; justify-content: space-between; align-items: center; margin-top: .2rem; } .sSec1Type1{ border: 2px solid #AEE8CF; border-radius: .6rem; } .sSec1Type1 .sSec1State{ color: #12B215; } .sSec1Type2{ border: 2px solid #B8E2FF; border-radius: .65rem; } .sSec1Type2 .sSec1State{ color: #17AAEE; } .sSec1Con > img{ width: .6rem; } .sSec1State{ font-size: 14px; } .sSec1Txt{ font-size: 16px; text-align: center; color: #1A1A1A; margin: .1rem 0; } .sSec1Txt span{ display: block; color: #9A9A9A; margin-top: 2px; font-size: 12px; }