.examination-item { height: 150px; padding: 20px; background-color: #fff; box-sizing: border-box; border: 1px solid #FAFAFA; border-radius: 8px; border-bottom: 1px solid #E8E8E8; display: flex; justify-content: space-between; align-items: center; }
.examination-item .nodata { text-align: center; color: #aaa; padding: 30px 0 0 0; font-size: 18px; font-weight: bold; }
.examination-item .item-left { }
.examination-item .title { font-size: 16px; font-weight: bold; line-height: 19px; color: #333333; }
.examination-item .title a { max-width: 950px; overflow: hidden; display: inline-block; }
.examination-item .step-list { display: flex; align-items: center; padding-top: 14px; }
.examination-item .step-item { }
.examination-item .item-content { display: flex; align-items: center; }
.examination-item .step-number { display: inline-block; margin-right: 4px; font-size: 17px; font-weight: bold; background: linear-gradient(163deg, #4AA0F0 -11%, #2A70E4 105%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.examination-item .step-name { display: inline-block; /* flex: 1;*/ font-size: 14px; font-weight: 600; line-height: 16px; background: linear-gradient(113deg, #4AA0F0 6%, #2A70E4 93%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.examination-item .item-btn { width: 42px; height: 19px; padding-left: 4px; font-size: 12px; color: rgba(255, 255, 255, 0.9); line-height: 20px; background: url('/images/home/apply-bg.png') no-repeat center 100% / cover; box-sizing: border-box; }
.examination-item .item-btn a { color: #FFF; }
.examination-item .start-time { margin-top: 11px; font-size: 12px; line-height: 14px; color: #666666; /* font-family: DIN Alternate; */ }
.examination-item .end-time { margin-top: 4px; font-size: 12px; line-height: 14px; color: #666666; /* font-family: DIN Alternate; */ }
.examination-item .opbox { width: 108px; padding: 10px 20px 10px 20px; text-align: center; vertical-align: middle; border-left: 1px solid #E8E8E8; align-self: stretch; }
.examination-item .opbox a { display: block; }
.examination-item .opbox .space { height: 16px; width: 2px; margin: 0; padding: 0; }
.examination-item .opbox a.view { margin-top: 25px; color: #2A70E4; }
.entry-btn { width: 108px; height: 32px; font-size: 14px; font-weight: 500; line-height: 32px; color: #FFFFFF; border-radius: 4px; border: none; background: linear-gradient(105deg, #FF6924 23%, #FFB624 101%); }
a.entry-btn { color: #FFFFFF; }
.state-icon { position: relative; margin-left: 3px; display: inline-block; padding: 0 2px; font-size: 10px; font-weight: 500; line-height: 15px; color: #FFFFFF; border-radius: 2px; background: #D9D9D9; }
.state-icon::before { content: ''; position: absolute; left: -6px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 3px solid transparent; border-left: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid #D9D9D9; }
.state-icon1 { background: linear-gradient(110deg, #FF6924 22%, #FFB624 99%); }
.state-icon1::before { border-right: 3px solid #FF6924 !important; }
.state-icon50 { background: #58CB8C; }
.state-icon50::before { border-right: 3px solid #58CB8C; }