.text-table-box {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.text-nav-box {
    vertical-align: top;
    display: table-cell;
    width: 25%;
    box-sizing: border-box;
    padding-right: .2rem;
}

.text-nav-items-box {
    border-top: #c51b17 solid .02rem;
    background: #fff;
    width: 100%;
}

.text-nav-title-box {
    width: 100%;
    position: relative;
}

.text-nav-title-text-box {
    font-size: .26rem;
    font-weight: 900;
    color: #FFFFFF;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding-left: .3rem;
}

.text-nav-item-box {
    padding: 0rem .3rem;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.text-nav-item-box:hover {
    cursor: pointer;
}

.text-nav-item-box:hover::before,
.text-nav-item-box:active::before,
.text-nav-item-box-active::before {
    content: " ";
    position: absolute;
    left: 0;
    height: 100%;
    width: .2rem;
    border-left: #c51b17 solid .04rem;
}

.text-nav-item-box-active .text-nav-text-box::before,
.text-nav-text-box:hover::before {
    background: #c51b17;
}

.text-nav-text-box {
    font-size: .20rem;
    font-weight: 400;
    position: relative;
    padding: .2rem 0 .2rem .4rem;
    border-bottom: #E5E5E5 solid .01rem;
    letter-spacing: .01rem;
}

.text-nav-text-box::before {
    content: " ";
    position: absolute;
    left: 0;
    width: .1rem;
    height: .1rem;
    background: rgba(197,27,23, .3);
    top: 0;
    bottom: 0;
    margin: auto;
}

.text-content-parent-box {
    border-top: #c51b17 solid .02rem;
    border-radius: .02rem;
    width: 100%;
    padding: .2rem .2rem;
    background: #fff;
    display: table-cell;
    width: 75%;
    box-sizing: border-box;
    height: 100%;
}

.text-title-box {
    font-size: .26rem;
    font-weight: bold;
    color: #c51b17;
    text-align: center;
    width: 100%;
    margin-bottom: .5rem;
}

.text-content-box {
    width: 100%;
    font-size: .2rem;
    font-weight: 400;
    color: #444444;
}

.activity-box {
    border-top: #c51b17 solid .02rem;
    border-radius: .02rem;
    width: 100%;
    background: #fff;
    display: table-cell;
    width: 77%;
    box-sizing: border-box;
    height: 100%;

}

.activi-content-parent-box {
    margin: .45rem .6rem;
}

.activity-nav-box {
    height: .64rem;
    width: 100%;
    background: rgba(11, 77, 163, .08);
    font-size: .22rem;
    line-height: 3em;
    color: #333;
    font-weight: bold;
    display: none;
    overflow-x: auto;
    white-space: nowrap;
}

.activity-nav-item-box {
    /* float: left; */
    display: inline-block;
    padding: 0 .39rem;
    /* width: calc(100% / 3); */
    text-align: center;
}

.activity-nav-item-box-active,
.activity-nav-item-box:hover {
    background: #fff;
    border-radius: .1rem .1rem 0px 0px;
    color: #c51b17;
    position: relative;
}

.activity-nav-item-box-active:after {
    content: ' ';
    width: 28%;
    margin: auto;
    border-bottom: .05em solid #c51b17;
    border-radius: 3px;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    right: 0;
}

.activity-medium-box {
    /* height:5.7rem; */
    border-top: #c51b17 solid .02rem;
    border-radius: .02rem;
    width: 100%;
    background: #fff;
    display: table-cell;
    width: 77%;
    box-sizing: border-box;
}

.medium-mid-box {
    padding: 0.1rem 10%;
    width: 100%;
    box-sizing: border-box;
}

.medium-content-parent-box {
    padding: .56rem;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.mdeium-content-box {
    width: 100%;
    height: 100%;
    background: url("../../mdeium/background.png");
    background-size: 100%;
    background-repeat: no-repeat;
    display: table;
    padding: .73rem .58rem .61rem .86rem;
    box-sizing: border-box;
    overflow: hidden;
}

.medium-items-box {
    display: table-cell;
    width: calc(100% / 3);
    height: 100%;
    vertical-align: middle;
}

.medium-items-box-one {
    padding-right: .33rem;
}

.website-box {
    background-size: 100%;
    background-repeat: no-repeat;
    display: table;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.publication-box,
.website-box,
.new-media-box {
    display: none;
}

.row {
    margin: 0;
}

.client-box {
    width: 100%;
    height: 100%;
}

.client-item-box {
    width: 2.61rem;
    height: 2.61rem;
    margin: auto;
    border: 1px solid #C1CCD9;
    padding: .1rem;
    box-sizing: border-box;
}

.client-title-box {
    width: 2.61rem;
    text-align: center;
    padding: .1rem;
    font-weight: bold;
    background: #F3F7FB;
    margin: auto;
    font-size: .2rem;
}

.other-item-box {
    width: 1.88rem;
    height: 1.88rem;
    margin: auto;
    border: 1px solid #C1CCD9;
    padding: .1rem;
    box-sizing: border-box;
}

.other-item-title-box {
    text-align: center;
    padding: .1rem;
    font-weight: bold;
    background: #F3F7FB;
    margin: auto;
    font-size: .18rem;
    width: 1.88rem;
    margin-bottom: .2rem;
}

.other-item-zhihu-box {
    padding: 0.2rem 0 0;
}

.official-account-item-box {
    margin-top: .2rem;
}

.official-account-box,
.micro-blog-box,
.headlines-box,
.video-box,
.other-box {
    display: none;
}

.mid-box {
    padding: 0.1rem 18%;
    background: #fff;
}

/* 列表 */
.kydj-context-right-items-box {
    width: 100%;
}


.list-context-right-item-box {
    width: 100%;
    font-size: .20rem;
    font-weight: 500;
    line-height: .5rem;
    position: relative;
    padding-left: .0rem;
    padding-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-context-right-item-box:hover {
    cursor: pointer;
}

.list-context-right-item-line-box:last-child {
    border: 0;
}

.text-line-box{
    border-top: .01rem solid #D6C397;
    margin: 0.1rem 0;
    width: 100%;
}

.text-nav-parent-box {
    background-color: #fff;
}
/* 列表 */