.chart-header{height:80px;width:100%;background:#fff;position:fixed;top:0;left:0;z-index:9999}.chart-header .header-main{max-width:1280px;margin:0 auto;border-top:4px solid #e50013}.chart-header-logo{height:40px;position:relative;top:16px;left:20px}.font-logo-box{position:relative;left:30px;font-size:23px;color:gray;top:1px;display:inline-block}.font-logo-en{font-size:12px;position:absolute;width:240px;bottom:-11px;margin-left:2px;left:0}.chart-nav{width:100%;background:#363a43;position:absolute;top:80px;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;font-size:12px}.date-controller{max-width:1280px;margin:0 auto;padding-left:20px;width:calc(100% - 20px);height:40px;line-height:40px;color:#fff}.date-con-item{padding:6px 14px;color:#fff;cursor:pointer;border-radius:3px}.date-con-item:hover{background-color:#fff;color:#000}.date-con-item-selected{background-color:#fff;font-weight:bold;color:#000}.d-body{max-width:1280px;margin:80px auto 20px;height:70vh}#container{max-height:100%;height:100%;margin-top:10px}.period-box{width:100%;background-color:#ddd;color:#666;height:62px}.period-box-title{background-color:#ccc;color:#333;line-height:62px;text-align:center;font-weight:bold;font-size:16px;width:100px;float:left}.period-list{float:left;width:calc(100% - 100px - 18px);height:62px;padding-left:18px}.period-box-item{float:left;background:#999;color:#fff;cursor:pointer;padding:0 12px;border-radius:4px;margin:-13px 5px 0;line-height:26px;position:relative;top:31px}.period-box-item-selected{background-color:#e50013}.interval-box{width:100%;background-color:#ddd;color:#666;height:62px;margin-top:5px}.interval-box-title{background-color:#ccc;color:#333;line-height:62px;text-align:center;font-weight:bold;font-size:16px;width:100px;float:left}.interval-list{float:left;width:calc(100% - 100px - 18px);height:62px;padding-left:18px}.interval-box-item{float:left;background:#999;color:#fff;cursor:pointer;padding:0 12px;border-radius:4px;margin:-13px 5px 0;line-height:26px;position:relative;top:31px}.interval-box-item-selected{background-color:#e50013}.interval-box-item-selected{background-color:#e50013}.tooltip-icon{display:inline-block;height:12px;width:12px;border-radius:50%;margin-right:4px;position:relative;top:1px}@media screen and (max-width:400px){.period-list{white-space:nowrap;overflow-x:auto}.period-box-item{float:initial;white-space:nowrap;display:inline-block;top:24px}.interval-list{white-space:nowrap;overflow-x:auto}.interval-box-item{float:initial;white-space:nowrap;display:inline-block;top:24px}}