.content-box-wrap{
    width: 100%;height: auto;padding:50px;box-sizing: border-box;
    padding-top: 120px;
}
.content-box{
    width: 1200px;height: 840px;margin: 0 auto;
}
.left{
    width: 160px;height: 840px;float: left;
}
.line{
    width: 1px;height: 100%;background: #666666;margin: 0 20px;
    float: left;
}
.right{
    width: 990px;height: 840px;float: left;
}

/* .left-item:first-child{
    margin-top: 40px;
}

.right-item:first-child{
    margin-top: 40px;
} */
.left-item{
    width: 160px;height: 100px;line-height: 40px;margin: 0;font-size: 14px;
    padding:30px 0;box-sizing: border-box;color: #CCCCCC;
}
.right-item{
    width: 990px;height: 100px;line-height: 40px;margin: 0;font-size: 14px;
    padding:30px 20px;box-sizing: border-box;
    border-radius: 20px;color: #CCCCCC;
}
/* .right-item:hover{
    background: #FFD457;color: #333333;
} */
.right-active{
    background: #FFC10E;color: #000000;
}

.left-active{
    color: #000000;
}