* {
    margin: 0;
    padding: 0;
}

[v-cloak] {
    display: none;
}

html, body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "WenQuanYi Micro Hei", "Lucida Grande", sans-serif;
    background: #FFFFFF;
}

a:link,
a:visited {
    text-decoration: none;
    color: #0075C1;
}

a:hover {
    color: #0075C1;
}

header {
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    position: fixed;
    top: 0;
    z-index: 99;
    box-shadow: 0 3px 3px rgb(0 0 0 / 10%);
}

header .header-middle {
    width: 100%;
    margin: 0 auto;
}
header .left {
    margin-left: 20px;
}

header .left img {
    height: 50px;
    width: auto;
    margin-right: 7px;
}

header .right .badge {
    margin-right: 10px;
    cursor: pointer;
}

header .right .badge.active {
    background: #0075C1;
}

header .right .badge.active i {
    color: #FFFFFF;
}

header .right .login {
    background: #0075C1;
    padding: 8px 28px;
    border-radius: 20px;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 10px;
}

header .right .el-dropdown-link {
    display: flex;
    align-items: center;
}

header .right .el-dropdown-link .info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

header .right .el-dropdown-link .info img {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 3px;
    margin-right: 5px;
}

header .right .el-dropdown-link .info div {
    font-size: 16px;
    font-weight: 400;
    color: #4F4F4F;
}

.middle {
    width: 100%;
    min-height:75%;
    margin-left: 20px;
}

.middle .box-left {
    width: 65%;
    border: 1px solid #E0E0E0;
    margin-bottom: 20px;
}

.middle .box-right {
    width: 33%;
    border: 1px solid #E0E0E0;
    margin-bottom: 20px;
}

footer {
    width: 100%;
    height: 168px;
    background: #2D3748;
    color: #FFFFFF;
}

footer .middle {
    display: flex;
}

footer .middle .logo {
    width: 160px;
    height: 128px;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

footer .middle img {
    width: 83px;
    height: auto;
    margin-left: 10px;
}

footer .middle .footer-content {
    flex: 1;
}

footer .middle .footer-content .footer-tab {
    width: 100%;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .middle .footer-content .footer-tab a {
    flex: 1;
    text-align: center;
    cursor: pointer;
    color: #C5CCDB;
}

footer .middle .footer-content .footer-tab a:hover {
    color: #FFFFFF;
}

footer .middle .footer-content .gov {
    width: 100%;
    height: 40px;
    color: #C5CCDB;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .record {
    color: #C5CCDB;
}

footer .record:hover {
    color: #FFFFFF;
}

footer .middle .code {
    height: 128px;
    display: flex;
    align-items: flex-end;
    margin-left: 20px;
}

footer .middle .code .code-text{
    text-align: right;
    font-size: 12px;
    line-height: 22px;
    color: #C5CCDB;
}

.submit-c {
    text-align: center;
}

.submit-e {
    text-align: end;
}

.h-all {
    height: 100%;
}

.h-50p {
    height: 50%;
}

.h-20 {
    height: 20px;
}

.h-50 {
    height: 50px;
}

.h-60 {
    height: 60px;
}

.h-70 {
    height: 70px;
}

.h-100 {
    height: 100px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.cursor {
    cursor: pointer;
}

.download {
    cursor: pointer;
    color: #0075C1;
}

.one-line-omit {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-line-omit {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.three-line-omit {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

.flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-between {
    justify-content: space-between;
}

.flex-wrap {
    flex-wrap: wrap;
}

/** 水平居中 垂直居中 **/
.row-a {
    display: flex;
    align-items: center;
    justify-content: center;
}

/** 水平居中 垂直两端对齐 **/
.row-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/** 标签 **/
.btn-green {
    color: #FFFFFF;
    background: #27AE60;
}

.btn-tangerine {
    color: #FFFFFF;
    background: #F2994A;
}

.color-green {
    color: #27AE60;
}

.color-red {
    color: #ea5959;
}

.color-blue-box {
    color: #0075C1;
    border: 1px solid #0075C1;
    border-radius: 3px;
    padding: 2px 5px;
}

.color-green-box {
    color: #27AE60;
    border: 1px solid #27AE60;
    border-radius: 3px;
    padding: 2px 5px;
}

.color-red-box {
    color: #ea5959;
    border: 1px solid #ea5959;
    border-radius: 3px;
    padding: 2px 5px;
}

.i-1 {
    font-size: 16px;
    color: #F2994A;
}

.i-2 {
    font-size: 16px;
    color: #EB5757;
}

.i-3 {
    font-size: 16px;
    color: #0075C1;
}

.i-4 {
    font-size: 16px;
    color: #27AE60;
}


.f-12{
    font-size: 12px;
}

.layui-form-required:before {
    content: "*";
    display: inline-block;
    font-family: SimSun;
    margin-right: 4px;
    font-size: 14px;
    line-height: 1;
    color: #ed4014
}
.el-form-item__error{
    z-index: 1000;
}

/*#app{*/
/*    padding-bottom: 20px;*/
/*}*/