.page-content { display: flex; }
.page-left { width: 360px; height: 787px; padding: 40px; box-sizing: border-box; border-radius: 10px; background: #fff; }
.page-right { margin-left: 11px; }

/* 公共头部小标题 */
.comment-title-block { display: flex; justify-content: space-between; align-items: center; }
.comment-title-block-left { display: flex; align-items: center; font-size: 18px; font-weight: 900; line-height: 21px; background: linear-gradient(113deg, #4AA0F0 6%, #2A70E4 93%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.comment-title-block-left .img { width: 20px; height: 20px; margin-right: 8px; }
.comment-title-block-right .img { width: 59px; height: 16px; cursor: pointer; }
.comment-title-block-right a { font-size: 18px; font-weight:bold; line-height: 21px; color: #2A70E4; padding-right: 10px; }

.mt-16 { margin-top: 16px; }
.mt-4 { margin-top: 4px; }
.h40 { height: 40px; overflow: hidden; }
.h20 { height: 20px; overflow: hidden; }

/* 文字单行省略号 */
.sle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.page-left .login-navs { display: flex; position: relative; padding-bottom: 16px; border-bottom: 1px solid #D8D8D8; }
.page-left .login-navs::after { content: ''; position: absolute; left: 50%; width: 1px; height: 20px; transform: translateX(-50%); background: #D8D8D8; }
.page-left .login-navs .item { width: 50%; text-align: center; font-size: 18px; line-height: 21px; color: #333; cursor: pointer; }
.page-left .login-navs .item-active { position: relative; font-weight: bold; background: linear-gradient(131deg, #4AA0F0 1%, #2A70E4 96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.page-left .login-navs .item-active::after { content: ''; position: absolute; left: 50%; bottom: -16px; transform: translateX(-50%); width: 40px; height: 3px; background: #0C6CF2; }
.page-left .tab-item { display: none; }
.page-left .tab-item.tab-cur { display: block; }
.logined-box { padding-top: 20px; line-height: 30px; }
#btn-logout { color: #0C6CF2; cursor: pointer; }

.register-content, .login-content { padding-top: 32px; }

.register-content .layui-form-item { position: relative; margin-bottom: 20px; border: 1px solid #D9D9D9; border-radius: 4px; }

.register-content .layui-form-label { width: 70px; padding: 12px 0 12px 16px; line-height: 16px; font-size: 14px; }
.uform .form-item { border: solid 1px #D9D9D9; line-height: 40px; margin-bottom: 20px; padding: 0 10px; font-size: 14px; clear: both; border-radius: 4px; }
.uform .form-item.nomargin { margin-bottom: 0; }
.uform .inp-tips { margin-bottom: 20px; color: #999; line-height: 26px; }
.uform .form-item .inp-box { line-height: 40px; height: 40px; }
.uform .form-item .inp-box input { border: solid 0px transparent; display: block; width: 100%; line-height: 40px; }
#logform .form-item i { position: relative; float: left; margin-top: 13px; }
#logform .inp-box { /*position: relative;*/ margin-left: 16px; }
#logform .log-captcha { position: relative; margin-top: -82px; margin-left: 130px; width: 120px; height: 40px; }

.layui-input-block { margin-left: 94px; min-height: auto; }

.layui-input { height: 40px; border: none; padding-left: 0; padding-right: 10px; }

.password-block { margin-right: 32px; }

.password-icon { position: absolute; right: 16px; top: 12px; width: 16px; height: 16px; cursor: pointer; }

.again-password-icon { position: absolute; right: 13px; top: 10px; width: 20px; height: 20px; cursor: pointer; }

.code-block { margin-right: 70px; }

.code-icon { position: absolute; right: 11px; top: 9px; width: 70px; height: 23px; cursor: pointer; border: 1px solid #ccc;font-size:10px; }

.agreement-select { display: flex; }

.agreement-select-icon { width: 14px; height: 14px; margin-top: 4px; margin-right: 8px; cursor: pointer; }

.agreement-select-txt { font-size: 14px; font-weight: normal; line-height: 22px; color: #368EF4; }

.agreement-select-txt-normal { color: #9E9E9E; }

.submit-btn { margin-top: 20px; width: 100%; height: 44px; background: linear-gradient(105deg, #178FE5 1%, #176DE5 99%); box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.7), 0px 8px 12px 0px rgba(23, 142, 229, 0.35); border-radius: 4px; font-size: 16px; letter-spacing: 8px; }

.register-login-btn { margin-top: 32px; text-align: center; font-size: 14px; line-height: 16px; color: #9E9E9E; }

.register-login-btn span { color: #0C6CF2; cursor: pointer; }

.register-banner { width: 280px; height: 70px; }

.examination-wrap { width: 930px; height: 391px; padding: 25px; border-radius: 10px; background: url(/images/home/examination-bg.png); box-sizing: border-box; }

.examination-item { height: 150px; padding: 20px; background-color: #fff; box-sizing: border-box; border: 1px solid #FAFAFA; border-radius: 8px; }
.examination-item .nodata { text-align: center; color: #aaa; padding: 30px 0 0 0; font-size: 18px; font-weight: bold; }

.examination-item .item-header { display: flex; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid #E8E8E8; }

.examination-item .item-header .title { font-size: 16px; font-weight: bold; line-height: 19px; color: #333333; }

.examination-item .item-header .detail { font-size: 14px; line-height: 14px; color: #FF6B24; }

.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; */ }

.brace { width: 5px; height: 57px; }

.information-wrap { margin-top: 10px; width: 930px; height: 386px; padding: 25px; border-radius: 10px; box-sizing: border-box; background: #FFFFFF; }

.information-wrap .banner-img { width: 880px; height: 100px; margin-bottom: 27px; }

.information-title { padding-bottom: 10px; border-bottom: 1px solid rgba(59, 138, 234, 0.5); }

.information-content { display: flex; padding-top: 18px; }

.information-list { overflow: hidden; flex: 1; }

.information-item { position: relative; display: block; padding-left: 14px; padding-right: 23px; line-height: 40px; font-size: 14px; color: #666666; border-bottom: 1px solid #F2F2F2; }

.information-item:last-child { border-bottom: none; }

.information-item::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: #9FC3FF; border-radius: 50%; }

#showagr {cursor:pointer; }