.pageContent{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
    min-height: calc(100% - 340px);
    display: flex;
}
.pageContentL{
    width: 284px;
    height: 100%;
    background: #fafafa;
    border-radius: 0;
    border-right: 1px solid #DEE0E3;
    min-height: calc(100% - 340px);
    position: relative;
    padding-bottom: 130px;
}
.pageContentR{
    width: calc(100% - 284px);
    height: 100%;
    min-height: calc(100% - 340px);
}
/* 侧边栏 */
.serviceBar{
    line-height: 34px;
    padding: 24px 16px 24px 16px;
}
.serviceBarFItem {
    /* display: none;  */
}
.serviceBarSub {
    display: none;
}
.serviceBarItemTitle{
    display: block;
}
.serviceBarFrist{
    padding-left: 18px;
}
.serviceBarItemTitle,
.serviceBarFristTitle,
.serviceBarsubTitle{
    height: 34px;
}
.serviceBarItemTitle,
.serviceBarFristTitle{
    display: flex;
    align-items: center;
}
.serviceBarFristTitle,
.serviceBarItemTitle{
    padding-left: 35px;
    position: relative;
}
.serviceBarFLog{
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 7px;
}
.serviceBarsubTitle{
    padding-left: 58px;
    color: #222;
    font-size: 13px;
    display: block;
}
.serviceBarFLog.notes{
    background-image: url('../img/notes.svg?1');
}
.serviceBarFLog.news{
    background-image: url('../img/news.svg?1');
}
.serviceBarFLog.faqs{
    background-image: url('../img/faqs.svg?1');
}
.serviceBarFLog.subLog{
    background-image: url('../img/sub.svg?1');
}
.serviceBarFLog.xialaservice{
    position: absolute;
    background-image: url('../img/xiala.svg?1');
    left: 12px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transition: all 0.3s;
}
.serviceBarFLog.rotate {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.serviceBarFLog.xialaservice2{
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.serviceBarFLog.xialaservice2.rotate{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}
.serviceBarTxt{
    color: #222;
    font-size: 13px;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.serviceBarsubTitle,
.serviceBarFristTitle,
.serviceBarItemTitle{
    cursor: pointer;
    border-radius: 6px;
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.serviceBarsubTitle:hover,
.serviceBarFristTitle:hover,
.serviceBarItemTitle:hover{
    background: #FFEEE8;
}
.serviceBarsubTitle.act,
.serviceBarFristTitle.act,
.serviceBarItemTitle.act{
    background: #FFEEE8;
}
/* 联系我们 */
.serviceBarBotW{
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 48px;
}
.serviceBarBotT{
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    color: rgba(34,34,34,0.6);
}
.serviceBarBotWIn{
    display: inline-block;
    vertical-align: top;
}
.serviceBarBotLine{
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    color: rgba(34,34,34,0.6);
    font-size: 0;
    margin-top: 8px;
}
.serviceBarBotLineL{
    display: inline-block;
    font-size: 13px;
    color: rgba(34,34,34,0.6);
}
.serviceBarBotLineR{
    display: inline-block;
    font-size: 13px;
    color: #222222;
}
.serviceBarBotLineA:hover div{
    color: #FF6933;
}