.box{
    height: 100vh;
    background: #100c2a;
}
.navigation{
    background:url("/static/index/img/img.png");
    width: 100%;
    display: flex;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 5vh;
}
.navigation_text{
    font-size: 4VH;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    line-height: 5vh;
}
.content{
    margin: 1vh 0vh;
    height: 95vh;
    background: #FFFFFF;
}
.maindata{
    padding: 1vh;
    background: #100c2a;
    height: 25VH;
    display: flex;
}
.fgx{
    width: 100%;
    height: 0.3vh;
    background: linear-gradient(49.29deg,#5cdbff,#2162e2 70%,rgba(33,98,226,0));
}
.contrast{
    height: 100%;
    width: 15%;
    /*background: #100c2a;*/
    color: #FFFFFF;
    background:url("/static/index/img/bj_box.svg");
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.contrast_titel{
    width: 100%;
    height: 15%;
}
.content_titel{
    padding-top: 1vh;
    padding-left: 1vh;
    height: 100%;
    width: 100%;
    font-size: 2vh;
    /*background: #100c2a;*/
    color: #FFFFFF;
    background:url("/static/index/img/title_bg.svg");
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.contrast_h{

    display: flex;
    width: 100%;
    height: 42.5%;
    justify-content: center;
    align-items: center;
}
.contrast_h_t{
    width: 50%;
    text-align: center;
}
.contrast_h_t_nur{
    font-size: 3vh;
}
.contrast_h_t_title{
    font-size: 1.5vh;
}
.thechart{
    height: 100%;
    width: 70%;
    background: #FFFFFF;
    display: flex;
}
.Business_main{
    width: 25%;
    height: 100%;
    background: #100c2a;
}
.source_main{
    width: 25%;
    height: 100%;
    background: #100c2a;
}
.classification_main{
    width: 25%;
    height: 100%;
    background: #100c2a;
}
.receivable_main{
    width: 25%;
    height: 100%;
    background: #100c2a;
}
.accessories{
    background:url("/static/index/img/bj_box.svg");
    height: 100%;
    width: 15%;
    /*background: #100c2a;*/
    color: #FFFFFF;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.detail{
    background: #100c2a;
    display: flex;
    width: 100%;
    height: 70vh;
}
.use_accessories{
    width: 25%;
    height: 100%;
    background: #FFFFFF;
}
.order_list{
    width: 25%;
    height: 100%;
    background: #FFFFFF;
}
.order_chart{
    width: 50%;
    height: 100%;
    background: #FFFFFF;
}
.order_chart_list{
    width: 100%;
    height: 50%;
}