.agent-center-index>div{width:100%;border-radius:10px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1);padding:30px}.agent-center-index>div .subtitle{padding-left:10px;position:relative;line-height:18px}.agent-center-index>div .subtitle:before{content:"";position:absolute;left:0;top:0;width:5px;height:18px;border-radius:0 3px 3px 0;background:#ed6f2d}.agent-center-index .data-overview{height:420px;padding-top:0}.agent-center-index .data-overview .level-1{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row;align-items:flex-start;gap:10px;padding-top:25px}.agent-center-index .data-overview .level-1>div{width:120px!important;height:160px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column;gap:10px;border-radius:10px;background:#f9f9f9}.agent-center-index .data-overview .level-1>div:first-child{width:180px}.agent-center-index .data-overview .level-1>div img{width:60px;height:60px}.agent-center-index .data-overview .level-1>div img+p{color:#333;font-size:18px;font-weight:700}.agent-center-index .data-overview .level-1>div>p:last-child{color:#666;font-size:14px;font-weight:400}.agent-center-index .data-overview .level-2{margin-top:25px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row;gap:10px}.agent-center-index .data-overview .level-2>div{height:147px}.agent-center-index .data-overview .level-2>div>h3{color:#333;font-size:18px;font-weight:600}.agent-center-index .data-overview .level-2>div>h3+div{margin-top:10px;border:1px solid #ddd;width:380px;height:120px}.agent-center-index .data-overview .level-2>div>h3+div>div{padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;flex-direction:row}.agent-center-index .data-overview .level-2>div>h3+div>div:first-child{height:50px;border-bottom:1px solid #ddd}.agent-center-index .data-overview .level-2>div>h3+div>div:first-child>div{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row;color:#333;font-size:16px;font-weight:500}.agent-center-index .data-overview .level-2>div>h3+div>div:first-child>div img{cursor:pointer;margin-left:5px}.agent-center-index .data-overview .level-2>div>h3+div>div:first-child>p{color:#333;font-size:24px;font-weight:700}.agent-center-index .data-overview .level-2>div>h3+div>div:first-child .btn{cursor:pointer;width:60px;height:24px;border-radius:12px;border:1px solid #fff;background:linear-gradient(180deg,#fff,#e0e0e0);box-shadow:0 3px 6px 0 rgba(0,0,0,.15),0 1px 0 0 hsla(0,0%,100%,.4),0 -3px 3px 0 #fff;color:#666;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row}.agent-center-index .data-overview .level-2>div>h3+div>div:first-child .btn.active{background:#ed6f2d;color:#fff}.agent-center-index .data-overview .level-2>div>h3+div>div:first-child .btn:hover{opacity:.9}.agent-center-index .data-overview .level-2>div>h3+div>div:last-child{height:70px}.agent-center-index .data-overview .level-2>div>h3+div>div:last-child>div{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column;color:#666;font-size:12px;font-weight:400;gap:5px}.agent-center-index .data-overview .level-2>div>h3+div>div:last-child>div>div{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row}.agent-center-index .data-overview .level-2>div>h3+div>div:last-child>div>div img{width:12px;margin-left:5px}.agent-center-index .data-contrast{margin-top:10px;height:550px}.agent-center-index .data-contrast .subtitle+div .switchs-box{margin-top:20px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row;gap:10px}.agent-center-index .data-contrast .subtitle+div .switch{width:120px;height:30px;border-radius:6px;border:1px solid #ed6f2d;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row}.agent-center-index .data-contrast .subtitle+div .switch>div{cursor:pointer;width:60px;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:column;color:#ed6f2d;font-size:14px;font-weight:400}.agent-center-index .data-contrast .subtitle+div .switch>div.active{color:#fff;background:#ed6f2d}.agent-center-index .data-contrast .subtitle+div .line-chart{width:780px;height:380px}.agent-center-index .data-contrast .subtitle+div .chart-nav{margin-top:20px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row;gap:10px}.agent-center-index .data-contrast .subtitle+div .chart-nav>div{cursor:pointer;border:1px solid #b2b5ca;border-radius:5px;padding:3px 10px;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row;gap:5px;font-size:12px;color:#b2b5ca}.agent-center-index .data-contrast .subtitle+div .chart-nav>div>span:first-child{width:5px;height:5px;border-radius:50%;background:#b2b5ca}.agent-center-index .data-contrast .subtitle+div .chart-nav>div.active{border-color:#ed6f2d;color:#ed6f2d}.agent-center-index .data-contrast .subtitle+div .chart-nav>div.active>span:first-child{background:#ed6f2d}.agent-center-index .mail{margin-top:10px}.agent-center-index .mail .subtitle+div{margin-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;border-bottom:1px solid #ddd}.agent-center-index .mail .subtitle+div>div{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;flex-direction:row;gap:10px;position:relative}.agent-center-index .mail .subtitle+div>div>div{cursor:pointer;width:70px;height:40px;color:#666;font-size:14px;font-weight:400;display:flex;justify-content:center;flex-wrap:nowrap;flex-direction:row;align-items:center}.agent-center-index .mail .subtitle+div>div>div.active{color:#ed6f2d}.agent-center-index .mail .subtitle+div>div>div img{margin-right:5px}.agent-center-index .mail .subtitle+div>div.tabs:after{content:"";position:absolute;bottom:0;left:0;width:70px;height:2px;background-color:#ed6f2d;transition:all .3s ease}.agent-center-index .mail .subtitle+div>div.tabs.active-mail:after{left:0}.agent-center-index .mail .subtitle+div>div.tabs.active-dicount:after{left:80px}.agent-center-index .mail .subtitle+div>div.tabs.active-update:after{left:160px}.agent-center-index .mail .el-table td{cursor:pointer;text-align:center}.agent-center-index .mail .el-table td:nth-child(3){text-align:left}.letter-dialog-container{width:500px;min-height:282px;border-radius:20px;background:#fff}.letter-dialog-container .el-dialog__header{border-bottom:1px solid #f2f2f2}.letter-dialog-container .el-dialog__header .el-dialog__title,.letter-dialog-container .el-dialog__header .el-icon-close{font-size:18px;font-weight:600}.letter-dialog-container .el-dialog__header .el-icon-close:hover{color:#ed6f2d!important}.letter-dialog-container .btns{margin-top:30px;flex-direction:row;gap:30px}.letter-dialog-container .btns,.letter-dialog-container .btns>div{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.letter-dialog-container .btns>div{cursor:pointer;width:200px;height:50px;border-radius:6px;border:1px solid #ed6f2d;background:#fff;flex-direction:column;font-size:14px;font-weight:600;color:#ed6f2d}.letter-dialog-container .btns>div.disabled{filter:grayscale(100%)}