/* 页面布局尺寸大小 */
/** 大屏尺寸 40:9
 * 画面精度：4800*1080
 */

/* 默认间隔 1.875rem */
/* 随屏幕大小定 */
/* html, body {
    font-size: calc(100vw/4800 * 16);
}

body.tto-wrap {
	width: 100vw;
	height: calc(100vw/40*9);
} */
/*设置固定尺寸*/
body.tto-wrap {
    width: 4800px;
    height: calc(4800px/40*9);
}


/** 头部 10%高度
 */
.tto-wrap .header {
    height: 10%;
}

.tto-wrap .wrapper {
    width: 100%;
    height: 90%;
    padding: 0 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

/** 
 * 左中右三栏
 */
.wrapper .wrapper_section {
    /* flex: 1; */
    height: 100%;
}

.wrapper .wrapper_section.wrapper_lf {
    /* flex: 2.1; */
    width: 40%;
    height: 100%;
    /* display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; */
}

.wrapper_inner {
    /* flex: 1; */
    width: 100%;
    height: 100%;
    /* display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around; */
    /* padding: 0 0 70px 0; */
}

.wrapper_lf .wrapper_inner {
    /* padding-top: 120px; */
}

.wrapper_section {
    margin-right:60px;
    width: 18%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.wrapper_section .wrapper_inner {
    display: flex;
    flex-direction: column;
}

.wrapper_section .cell-tp {
    /* margin-bottom: 46px; */
    height: 30%;
}

.wrapper_section .cell-bt {
    flex: 1;
}

/** 
 * 左栏
 */
.lf-content {
    /* display: flex;
    flex: 1; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
    height: 100%;
}

.lf-content .cell-lf {
    width: 46%;
    height: 100%;
    /* flex: 15; */
    /* padding: 0 90px; */
}

.lf-content .cell-rg {
    width: 48%;
    height: 100%;
    margin-right:15px;
    /* flex: 14; */
}

.wrapper_lf .cell-rg {
    display: flex;
    flex-direction: column;
    margin-top:-5px;
}

.wrapper_lf .cell-rg .chart-lftgbt {
    /* flex: 1; */
    /* height: 399px; */
    height: 56%;
}

.chart-cell-wrap {
    display: flex;
    flex-direction: column;
    height:50%;
}

.chart-cell {
    flex: 1;
}

.chart-cell .chart-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.chart-cell .chart {
    width: 100%;
    height: 100%;
    flex: 1;
}

.chart-cell .chart div {
    width: 100%;
    /* height: 90%; */
    flex: 1;
}

.cell-bt.chart-cell-wrap,
.cell-bt.chart-cell-wrap .chart-cell {
    /* width: 592px; */
    margin: 0 auto;
    width: 100%;
    /* height: 50%; */
}

.option4 .cell-tp {
    margin-top: 60px;
    width: 100%;
    height: 30%;
}

.option4 .cell-bt.chart-cell-wrap,
.option4 .cell-bt.chart-cell-wrap .chart-cell {
    /* width: 692px; */
    width: 100%;
    margin: 0 auto;
}