.blue-header {
    background-color: #0a4ace;
}

.footer {
    background: url("/yethan/public/assets/images/common/mhweb/second-home/footer-bg.png") no-repeat;
    background-size: 100% 100%;
}

.footer-bottom {
    height: 134px;

}

.second-box {
    margin-bottom: 50px;
}

.second-left {
    width: 342px;
    margin-right: 18px;
}

.second-left-box {
    width: 100%;
    padding: 15px 10px;
    border: solid 1px #eeeeed;
    background-color: #ffffff;
}

.second-right {
    flex: 1;
    padding: 10px 25px 20px;
    background-color: #ffffff;
    border: solid 1px #eeeeed;
}

/* 左边菜单 */
.el-menu {
    border-right: 0;
}

.second-left .el-submenu__title {
    border-bottom: 1px solid #e7e7e7;
}


.el-submenu__title {
    padding: 20px 15px;
}

.el-submenu__title,
.module-title {
    font-size: 24px;
    color: #373737;
    font-weight: 600;
    line-height: 30px;
    display: flex;
    align-items: center;

}


.el-submenu .el-menu-item {
    height: 54px;
    line-height: 54px;
}

.el-submenu__title img {
    margin-right: 15px;
}

.el-submenu.is-opened .el-submenu__title {
    background-color: transparent;

}

.el-submenu .el-icon-arrow-down {
    font-size: 18px;
}

.el-submenu__title i {
    color: #dadada;
    font-weight: bold;
}

.el-menu .el-menu--inline {
    padding: 40px 0;
    border-bottom: 1px solid #e7e7e7;
}

.el-submenu:last-child .el-menu--inline {
    border-bottom: 0;
}

.el-menu-item.is-active,
a .el-menu-item.is-active {
    color: #0a4ace;
    background-color: #e2ecff;
}

.menu-no-child .el-submenu__icon-arrow {
    display: none;
}

.menu-no-child.el-menu-item.is-active {
    background-image: linear-gradient(to right, #0968dd, #18aee9);
    color: #ffffff;

}

.menu-no-child span {
    font-size: 16px;
}

.menu-no-child.is-opened a {
    color: #ffffff;
}

.el-submenu .el-menu-item,
.el-submenu__title span {
    width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.el-submenu .el-menu-item {
    padding-right: 30px;
    padding-left: 60px !important;
    font-size: 18px;
    color: #5b5858;
}


/*右边  */
.module-title {
    padding: 20px 25px;
    color: #252525;
}

.module-title img {
    margin-right: 16px;
}

.apply-box {
    padding: 30px 45px 15px;
    border-bottom: 1px solid #e7e7e7;
}

.apply-btn {
    width: 21%;
    height: 40px;
    color: #252525;
    cursor: pointer;
    font-size: 18px;
    padding: 5px;
    border-radius: 19px;
    margin-bottom: 20px;
    border: solid 2px #e5e5e5;
    background-color: transparent;
}

.apply-btn:not(:nth-child(4n)) {
    margin-right: 35px;
}

.apply-btn.active,
.apply-btn:hover {
    background-color: #f75130;
    color: #ffffff;
    border: 0;
}

/* 流程 */

.process-steps {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #121212;
    padding-left: 15px;
    margin-bottom: 15px;
}

.process-steps > .line1 {
    flex: 1;
}

.process-steps-title {
    width: 78px;
    height: 26px;
    padding: 5px;
    color: #0a4ace;
    line-height: 15px;
    margin-right: 10px;
    border: solid 1px #0a4ace;
}

/* 须知 */
.notice-box-div {
    padding-left: 15px;
    padding-right: 25px;
}

.notice-box {
    padding: 35px 30px 85px;
}

.notice-box,
.graphic-box {
    width: 100%;
    background: #f6f7fb;
}

.notice-box p {
    font-size: 16px;
    color: #121212;
    font-weight: 400;
    line-height: 30px;
}

/* 图示 */
.graphic-box {
    padding: 45px;
}

.graphic-box img {
    width: 100%;
    height: 646px;
}

/* 规章 */
.rules-box {
    padding: 0 7px 64px;
}

.rules-list {
    margin-bottom: 20px;
    padding: 0 28px;
}

.rules-list li {
    height: 55px;
    padding: 15px;
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all .2s;
}

.rules-list li a {
    font-size: 16px;
    color: #151515;
    font-weight: 600;
    flex: 1;
    display: flex;
    align-items: center;
}

.rules-list li.active a {
    color: #0a4ace;
}

.rules-list li.active img,
.rules-list li:hover img {
    transform: translateY(-89px);
    filter: drop-shadow(#0a4ace 0 89px);
}

/* .rules-list li:not(:last-child) {
  border-bottom: 1px dashed #8d8d8d;
} */

.rules-list li img {
    height: 21px;
    margin-right: 10px;
}

.rules-list li a:hover {
    color: #0a4ace;
}

/* 问题 */
.question-box {
    padding: 0 45px 20px;
    margin-bottom: 10px;
}

.question-top {
    display: flex;
}

.question-top-num {
    width: 28px;
    height: 25px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    margin-right: 15px;
    font-weight: bold;
    background: url("/yethan/public/assets/images/common/mhweb/second-home/question-bg.png") no-repeat;
}

.question-title {
    flex: 1;
    font-size: 16px;
}

.question-title a {
    color: #151515;
    font-weight: 600;
    font-size: 16px;
}

.question-title a:hover {
    color: #0a4ace;
}

.question-bottom {
    color: rgb(106,106,106);
    font-size: 14px;
    line-height: 22px;
    padding: 15px 20px 0 45px;
}

.list-date {
    font-size: 14px;
    color: #bababa;
    margin-left: 10px;
    margin-top: 5px;
}

.hor-line {
    width: 93%;
    height: 1px;
    margin: 0 auto;
    border-bottom: 1px dashed #e7e7e7;
}

.for-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    padding:31px;
    background-color: rgb(246,247,251);
    color:rgb(18,18,18);
    line-height: 30px;
    margin-left:25px;
    margin-right:25px;
}
