.mynpldashboard{padding:0 20px;background-color:#f3f6f7}.mynpldashboard .el-main{margin-top:0;padding:2.60417vw;height:calc(100vh - 50px)}.mynpldashboard .el-divider{background-color:#bababa}.popContainer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);width:100%;z-index:9999}.mynpldashboard .card-item1{font-size:16px}.mynpldashboard .el-input-group__append{border:1px solid #f07d2e;background-color:#f07d2e}.mynpldashboard .el-input-group__append .el-button{color:#fff;font-size:20px;font-weight:400}.header-color{background-image:-webkit-gradient(linear,left top,right top,from(#f69b4a),to(#ffb14f));background-image:linear-gradient(90deg,#f69b4a,#ffb14f)}.mynpldashboard-main{width:100%;height:100%}.mynpldashboard-main .text{font-size:14px}.mynpldashboard-main .item{margin-bottom:18px}.mynpldashboard-main .close{font-size:20px}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.item-left .card-item1 .el-card__body,.mynpldashboard-main .item-right .card-item1 .el-card__body{padding:10px}.card-item3 .el-card__body,.mynpldashboard-main .item-right .card-item2 .el-card__body{padding:5px}.mynpldashboard-main .el-button--text{color:#6e6f6e}.mynpldashboard-main .el-card__header{padding:5px 15px;cursor:pointer;border:0}.mynpldashboard-main .kpi{font-size:16px}.mynpldashboard-main .question{font-size:10px;color:#666}.mynpldashboard .operation{text-align:right}.mynpldashboard .operation .el-button{font-weight:400}.el-drawer__header{display:none}.mynpldashboard .more{position:absolute;top:0;right:0;width:25%;height:100vh;-webkit-box-shadow:-8px 0 8px 1px rgba(0,0,0,.06);box-shadow:-8px 0 8px 1px rgba(0,0,0,.06)}.more .el-card__header{padding:10px 20px;border:0}.more .el-card{border-radius:0;border:0;height:100%}.more .el-card .el-card__body{padding:0 10px}.more .more-item:hover{color:#fff;background-color:#fa8c16}.more .more-item:hover .time{color:#fff}.more .more-item .question-item{padding:0 10px}.more .more-item .question{font:14px}.more .more-item .time{color:#999;font-size:10px}.prompt{width:336px;word-wrap:break-word;text-align:center;color:#fff}@media (min-width:1680px){.card-item3 .el-card__header,.mynpldashboard-main .card-item2 .el-card__header{padding:5px 20px}.mynpldashboard .card-item2,.mynpldashboard .card-item3{font-size:16px}.left-content-item1{height:650px}.right-content-item1{height:250px}.right-content-item2,.right-content-item3{height:302px}.mynpldashboard-main .item-right .card-item1{margin-bottom:16px}.mynpldashboard-main .item-right .card-item2{margin-right:8px}.mynpldashboard-main .item-right .card-item3{margin-left:8px}.mynpldashboard-main .item-right{margin-left:16px}.more .more-item{width:100%;border-radius:4px;padding:5px 0;margin:5px 0;cursor:pointer;font-weight:400}.block1{position:absolute;bottom:50px;right:30px}.item-border{width:557px;height:740px;border:2px solid #fff;border-radius:4px;margin:89px 20px}.popContainer-right{margin:166px -55px}.popContainer-right .more-item{border-radius:4px;padding:5px 148px 5px 10px;color:#fff;background-color:#fa8c16}.popContainer-right .time{font-size:10px}.popContainer-line{color:#fff;float:left;margin-left:573px;margin-top:180px}.popContainer-line .dashed{border:2px dashed #fff;width:650px}.popContainer-line .line{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popContainer-line .click{margin-left:520px}.prompt{width:395px;font-size:16px;position:absolute;right:16px;top:230px}}@media (min-width:1367px) and (max-width:1679px){.card-item3 .el-card__header,.mynpldashboard-main .card-item2 .el-card__header{padding:5px 20px}.mynpldashboard .card-item2,.mynpldashboard .card-item3{font-size:16px}.left-content-item1{height:500px}.right-content-item1{height:172px}.right-content-item2,.right-content-item3{height:230px}.mynpldashboard-main .item-right .card-item1{margin-bottom:16px}.mynpldashboard-main .item-right .card-item2{margin-right:8px}.mynpldashboard-main .item-right .card-item3{margin-left:8px}.mynpldashboard-main .item-right{margin-left:16px}.more .more-item{width:100%;border-radius:4px;padding:5px 0;margin:5px 0;cursor:pointer;font-weight:400}.block1{position:absolute;bottom:30px;right:30px}.item-border{width:475px;height:592px;border:2px solid #fff;border-radius:4px;margin:89px 20px}.popContainer-right{margin:166px -55px}.popContainer-right .more-item{border-radius:4px;padding:5px 89px 5px 10px;color:#fff;background-color:#fa8c16}.popContainer-right .time{font-size:10px}.popContainer-line{color:#fff;float:left;margin-left:490px;margin-top:180px}.popContainer-line .dashed{border:2px dashed #fff;width:550px}.popContainer-line .line{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popContainer-line .click{margin-left:460px}.prompt{width:336px;font-size:16px;position:absolute;right:16px;top:230px}}@media (min-width:1025px) and (max-width:1366px){.card-item3 .el-card__header,.mynpldashboard-main .card-item2 .el-card__header{padding:5px 20px}.mynpldashboard .card-item2,.mynpldashboard .card-item3{font-size:12px}.left-content-item1{height:410px}.right-content-item1{height:120px}.right-content-item2,.right-content-item3{height:197px}.mynpldashboard-main .item-right .card-item1{margin-bottom:16px}.mynpldashboard-main .item-right .card-item2{margin-right:8px}.mynpldashboard-main .item-right .card-item3{margin-left:8px}.mynpldashboard-main .item-right{margin-left:16px}.more .more-item{width:100%;border-radius:4px;padding:3px 0;margin:3px 0;cursor:pointer;font-weight:400}.block1{position:absolute;bottom:20px;right:30px}.item-border{width:415px;height:500px;border:2px solid #fff;border-radius:4px;margin:89px 20px}.popContainer-right{margin:166px -55px}.popContainer-right .more-item{border-radius:4px;padding:5px 48px 5px 10px;color:#fff;background-color:#fa8c16}.popContainer-right .time{font-size:10px}.popContainer-line{color:#fff;float:left;margin-left:440px;margin-top:180px}.popContainer-line .dashed{border:2px dashed #fff;width:480px}.popContainer-line .line{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popContainer-line .click{margin-left:400px}.prompt{width:299px;font-size:15px;position:absolute;right:14px;top:230px}}@media (max-width:1024px){.card-item3 .el-card__header,.mynpldashboard-main .card-item2 .el-card__header{padding:5px 20px}.left-content-item1{height:315px}.right-content-item1{height:100px}.right-content-item2,.right-content-item3{height:125px}.mynpldashboard-main .item-right .card-item1{margin-bottom:10px}.mynpldashboard-main .item-right .card-item2{margin-right:5px}.mynpldashboard-main .item-right .card-item3{margin-left:5px}.mynpldashboard-main .item-right{margin-left:10px}.more .more-item{width:100%;border-radius:4px;padding:2px 0;margin:2px 0;cursor:pointer;font-weight:400}.block1{position:absolute;bottom:10px;right:10px}.item-border{width:330px;height:350px;border:2px solid #fff;border-radius:4px;margin:89px 20px}.popContainer-right{margin:130px -55px}.popContainer-right .more-item{border-radius:4px;padding:5px;color:#fff;background-color:#fa8c16}.popContainer-right .time{font-size:10px}.popContainer-line{color:#fff;float:left;margin-left:350px;margin-top:140px}.popContainer-line .dashed{border:2px dashed #fff;width:350px}.popContainer-line .line{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.popContainer-line .click{margin-left:300px}.prompt{width:250px;font-size:15px;position:absolute;right:14px;top:190px}}