html,body,.main-body{height:100%;overflow: hidden;}
body{background:#eee;}
.clear{clear:both;}
.main-left{float:left;height: 100%;width:70%;position:relative;}
.main-left-title{font-size:24px;font-weight:bold;line-height:64px;padding-left:30px;}
.main-left-body{background:#fff;overflow-y:auto;border-radius:18px;position:absolute;top:64px;left:10px;right:0;bottom:10px;padding:20px;}
.chart-item-left{width:50%;height:450px;float:left;}
.chart-item-right{width:50%;height:450px;float:right;}
.chart-item{width:100%;height:450px;}
.main-right{float:right;width:30%;height: 100%;position:relative;display:flex;flex-direction:column;}
.message-body{flex:1;background:#fff;overflow-y:scroll;border-radius:18px;position:absolute;top:64px;left:10px;right:10px;bottom:60px;}
.message-placeholder{text-align:center;color:#ccc;font-size:24px;margin-top:200px;}
.message-placeholder .icon{margin-bottom:20px;}
.input-body{height:60px;padding:10px;display:flex;position:absolute;bottom:0;left:0;right:0}
.input-body input{width:auto;flex:1;}
.input-body button{margin-left:10px;}
.message-item{margin:10px;}
.message-item .content{float:right;background:#95ec69;border-radius:10px;padding:16px;width:80%;}
.message-item .content.ai{float:left;background:#cdcdcd;}
.chart-body{display:none;}
.chart-placeholder{text-align:center;color:#ccc;font-size:24px;margin-top:200px;}
.chart-loading{text-align:center;margin-top:200px;display:none;}
.chart-loading .spinner-border{width: 5rem; height: 5rem;font-size: 60px;}