.backLay{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:auto}.backLay .atLine-top{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #dbdfe6}.backLay .atLine-top .atLine-top-left{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.backLay .atLine-top .atLine-top-left .left-search-name{margin-bottom:10px;width:150px;padding-right:20px;border-right:1px solid #dbdfe6}.backLay .atLine-top .atLine-top-left .search-date{margin-bottom:10px;padding:0 20px;border-right:1px solid #dbdfe6;display:-webkit-box;display:-ms-flexbox;display:flex}.backLay .atLine-top .atLine-top-left .search-date .date-day{width:58px;height:32px;border-radius:4px;text-align:center;line-height:32px;background-color:#e3f2fd;border:1px solid #94d1ff;color:#0087ff;font-size:14px;margin-right:10px;cursor:pointer}.backLay .atLine-top .atLine-top-left .search-date .dayColor{background-color:#0087ff;color:#fff}.backLay .atLine-top .atLine-top-left .search-date .date-mounth{width:100px;height:30px;border-radius:4px;text-align:center;line-height:32px;background-color:#eefaea;border:1px solid #d5edca;color:#66c239;font-size:14px;margin-right:10px;cursor:pointer}.backLay .atLine-top .atLine-top-left .search-date .mounthColor{background-color:#66c239;color:#fff}.backLay .atLine-top .atLine-top-left .search-date .date-year{width:100px;height:30px;border-radius:4px;text-align:center;line-height:32px;background-color:#fef6eb;border:1px solid #f5dab0;color:#f49e13;font-size:14px;cursor:pointer}.backLay .atLine-top .atLine-top-left .search-date .yearColor{background-color:#f49e13;color:#fff}.backLay .atLine-top .atLine-top-left .appType{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px}.backLay .atLine-top .atLine-top-left .appType .left-tiele{font-size:14px;color:#606266;height:32px;line-height:32px;margin-right:10px}.backLay .atLine-top .atLine-top-left .appType .right-select{width:240px}.backLay .atLine-top .atLine-top-left .custom-btn{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;line-height:32px;font-size:14px;background:#f6f7fa;border:1px solid #e0e0e1;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;padding:0 10px;color:#606266;cursor:pointer}.backLay .atLine-top .atLine-top-left .custom-btn .custom-btn-icon{margin-right:5px}.backLay .atLine-top .atLine-top-left .customColor{background:#4566b4;color:#fff}.backLay .custom-box{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px 0;border-bottom:1px solid #dbdfe6}.backLay .custom-box .custom-box-time{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;margin-right:20px}.backLay .custom-box .custom-box-time .custom-box-time-title{height:100%;font-size:14px;line-height:32px;color:#606266;margin-right:10px}.backLay .custom-box .custom-box-time .custom-box-time-content{width:392px}.backLay .custom-box .custom-box-node{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px}.backLay .custom-box .custom-box-node .custom-box-node-title{height:100%;font-size:14px;line-height:32px;color:#606266;margin-right:10px}.backLay .custom-box .custom-box-node .custom-box-node-content{width:240px}.backLay .atLine-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px}.backLay .atLine-content .left-atLine-num{width:10%;min-width:200px;background:#f4f7ff;border:1px solid #dbdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;margin-right:30px}.backLay .atLine-content .left-atLine-num .atLine-num{width:100%;text-align:center}.backLay .atLine-content .left-atLine-num .atLine-num .atLine-num-img-one{width:105px;height:90px;margin:0 auto;padding-top:74px;background-image:url(../img/online.2b71f5d1.svg);background-repeat:no-repeat;background-size:100% 100%}.backLay .atLine-content .left-atLine-num .atLine-num .atLine-num-img-two{width:105px;height:90px;margin:0 auto;padding-top:74px;background-image:url(../img/minutUser.f96f05c1.svg);background-repeat:no-repeat;background-size:100% 100%}.backLay .atLine-content .left-atLine-num .atLine-num .atLine-num-title{width:126px;background:#ecf3ff;border:1px solid #467cf3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;font-size:16px;color:#467cf3;height:36px;line-height:34px;margin:15px auto}.backLay .atLine-content .left-atLine-num .atLine-num .atLine-num-content{font-size:48px;color:#303133;margin-bottom:74px}.backLay .atLine-content .left-atLine-num .line{height:0;width:100%;border-bottom:1px solid #dbdfe6;margin:60px 0}.backLay .atLine-content .right-atLine-chart{width:90%}.backLay .atLine-content .right-atLine-chart .one-chart{width:100%}.backLay .atLine-content .right-atLine-chart .one-chart .one-chart-top{font-size:16px;color:#303133;border-left:3px solid #467cf3;padding-left:5px}.backLay .atLine-content .right-atLine-chart .one-chart .one-chart-box{width:100%;height:387px;background:#fafafa;border:1px solid #dbdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;margin-top:20px}.backLay .atLine-content .right-atLine-chart .two-chart{width:100%;margin-top:40px}.backLay .atLine-content .right-atLine-chart .two-chart .two-chart-top{font-size:16px;border-left:3px solid #467cf3;padding-left:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.backLay .atLine-content .right-atLine-chart .two-chart .two-chart-top .title{color:#303133}.backLay .atLine-content .right-atLine-chart .two-chart .two-chart-top .numType{display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;margin-left:20px}.backLay .atLine-content .right-atLine-chart .two-chart .two-chart-top .numType .numType-icon-one{width:8px;height:8px;background:#4c84ff;border-radius:2px;margin-top:8px;margin-right:5px}.backLay .atLine-content .right-atLine-chart .two-chart .two-chart-top .numType .numType-icon-two{width:8px;height:8px;background:#29cc97;border-radius:2px;margin-top:8px;margin-right:5px}.backLay .atLine-content .right-atLine-chart .two-chart .two-chart-top .numType .numType-text{font-size:14px;color:#616266;line-height:24px}.backLay .atLine-content .right-atLine-chart .two-chart .two-chart-box{width:100%;height:387px;background:#fafafa;border:1px solid #dbdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;margin-top:20px}