body {
    background-color: #f3f5f9;
}
.main {
    width: 100%;
    /* height: 15.3878rem; */
    height: auto;
    background-color: #f3f5f9;
}
.mainBox{
    width: 12.4rem;
    margin: auto;
    height: auto;
    display: flex;
}
 
.siderBar {
    float: left; 
    width: 2.551rem;
    height: auto;
    border-radius: .0408rem;
}

.menu{
    float: left; 
    width: 2.551rem;
    /* height: 4.449rem;  */
    border-radius: .0408rem;
    background: #0A56B2;
}
.siderMenu{
    width: 2.4286rem;
    height: 100%;
    float: right;  
    overflow: hidden;
}
.menuTitle{
    width: 100%;
    height: .551rem;
    background: #0A56B2;
    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 400;
    font-size: .1633rem;
    color: #fff;
    border-radius: 0 .0408rem .0408rem 0;
}
.menu ul{
    width: 100%;
    height: auto;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.siderBar li {
    width: 100%;
    height: .551rem;
    background: transparent;
    border-radius: 0 .0408rem .0408rem 0;
    cursor: pointer;
    /* transition: all .5s; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .0816rem;
    font-weight: 400;
    font-size: .1633rem;
    color: #000000;
}
.siderBar li:last-child {
    margin-bottom: .2041rem;
}
.siderBar li:hover{
    background: rgba(25,98,236,0.1);
}
/* .siderBar li.cur {
    color: #fff;
    background: #0A56B2;
} */

.content{
    width: 9.898rem;
    height: 100%; 
    margin-bottom: .4082rem;
}
.conPage{
    width:calc(100% - .4364rem) ;
    height:calc(100% - 0.4082rem - .2909rem); 
    background: #FFFFFF;
    margin-bottom: .4082rem;
    /* box-shadow: 0px 4px 12px rgba(58,58,58,0.06); */
 
}

.content {
    float: right;
    width: 9.7rem;
}

.content .item {
    padding: 300px 0;
    font-size: 50px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.shuttleBox{
    width: 100%;
    height: .52rem;
    background-color: #f3f5f9;
}
.shuttle{
    width: 12.4rem;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;

}
.shuttle a{
   font-weight: 500;
    font-size: .14rem;
    color: #666666;
    line-height: .24rem; 
}
.shuttle span{
    font-size: .14rem;
    color: #666666;
    margin-right: .05rem;
    margin-left: .05rem;
}
.shuttle .isChoose{
    color: #0A56B2;
}