.layout {
    display: flex;
    align-items: center;
    justify-content: center;
}

#main-box {
    width: 100%;
    height: 100%;
}

#detail-box {
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-radius: 5px;
    justify-content: start;
}

.detail {
    flex-direction: column;
    align-items: baseline;
    justify-content: space-evenly;
    height: 100%;
}

#iframe-box {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    height: calc(100% - 180px);
}

.layui-tab-brief {
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    background-color: #ffffff;
    height: 80px;
    overflow-x: auto;
    /* 启用横向滚动 */
    white-space: nowrap;
    /* 不换行 */
}

.layui-tab-title {
    display: inline-block;
    /* 内联块级元素 */
}

.layui-tab-brief::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #409eff;
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid #409eff;
}

a {
    color: #428bca;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #2a6496;
    text-decoration: underline;
}

.layuimini-container {
    height: 89%;
}

.layui-tab .layui-tab-title li {
    font-size: 16px;
}