a,body,div,h1,h2,h3,h4,h5,h6,html,li,pre,ul{margin:0;padding:0}.chartWarp{text-align:center;word-break:break-all;background:transparent;min-width:1024px;overflow:hidden}a{text-decoration:none}a,a:hover{color:#333}a:active{outline:none}li{list-style-type:none}li,ul{list-style:none}div{text-align:left}.fr{float:right}.h55{height:55%!important}.h45{height:45%!important}.pure-g{letter-spacing:-.31em;text-rendering:optimizespeed;display:flex;flex-flow:row wrap;align-content:flex-start}.pure-u,.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-1-12,.pure-u-1-24,.pure-u-2-3,.pure-u-2-5,.pure-u-2-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-3-24,.pure-u-4-5,.pure-u-4-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-5-12,.pure-u-5-24,.pure-u-6-24,.pure-u-7-8,.pure-u-7-12,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block;zoom:1}.pure-g [class*=pure-u]{font-family:sans-serif}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-5-12,.pure-u-10-24{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2{width:50%}.pure-u-12-24{width:100%}.pure-u-13-24{width:54.1667%}.pure-u-7-12,.pure-u-14-24{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-5-8,.pure-u-15-24{width:62.5%}.pure-u-2-3,.pure-u-16-24{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-3-4,.pure-u-18-24{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-5-6,.pure-u-20-24{width:83.3333%}.pure-u-7-8,.pure-u-21-24{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.chartWarp{width:100%;color:#333}.warp{margin:0 auto}.w100p,.warp{width:100%}.header{height:56px;position:relative;overflow:hidden;text-align:center}.sysName{display:inline-block;height:56px;width:382px;left:calc(50% - 191px);color:#007fff;position:fixed;border-bottom:1px solid #333}.sysName:after,.sysName:before{content:"";position:absolute;border-top:58px solid transparent;border-left:25px solid #333;top:-1px;left:0}.sysName:after{border-left-color:#fff;left:-1px;top:-1px}.sysName .tit{display:block;height:100%;width:100%;text-align:center;line-height:56px;color:#ff557f;font-size:26px;font-weight:150}.sysName .tit:after,.sysName .tit:before{content:"";position:absolute;border-top:58px solid transparent;border-right:25px solid #5af;top:-1px;right:0}.sysName .tit:after{border-right-color:#fff;right:-1px;top:-1px}.menu{height:100%;margin:0 auto;display:inline-block;z-index:99}.menu li{float:left;height:100%;height:56px;line-height:56px;font-size:15px;position:relative;z-index:99}.menu li:after,.menu li:before{content:"";border-bottom:32px solid #ccc;position:absolute;top:18px;left:5px;border-right:15px solid transparent}.menu li:after{border-bottom-color:#fff;left:4px;top:19px}.menu li a{display:block;height:32px;margin:17px 4px 0;width:115px;text-align:center;font-size:13px;line-height:34px;overflow:hidden;color:#ff8baa;border:1px solid #ccc;font-weight:700}.menu li a:after,.menu li a:before{content:"";border-top:32px solid #5af;position:absolute;top:18px;right:5px;border-left:15px solid transparent}.menu li a:after{border-top-color:#fff;right:4px;top:17px}.menu li:nth-child(n+3):after,.menu li:nth-child(n+3):before{border-top:32px solid #ccc;position:absolute;top:18px;left:5px;border-right:15px solid transparent;border-bottom:0}.menu li:nth-child(n+3):after{border-top-color:#fff;left:4px;top:17px}.menu li:nth-child(n+3) a:after,.menu li:nth-child(n+3) a:before{border-bottom:32px solid #ccc;position:absolute;top:18px;right:5px;border-left:15px solid transparent;border-top:0}.menu li:nth-child(n+3) a:after{border-bottom-color:#fff;right:4px;top:19px}.menu li.sysnameN{width:382px}.menu li.sysnameN:after,.menu li.sysnameN:before{display:none}.menu li a:hover{color:#0ff}.menu li.on a{background-color:#ddd;color:#5af}.chartWarp{z-index:-20;background-image:url(../img/a18.f6596fbf.jpg);background-size:cover;padding:10px 0 0;height:93vh}.toal-row1{height:30%}.toal-row1 .chartBlock{height:calc(100% - 53px);position:relative}.toal-row1 .chartBlock .chartDiv{position:absolute!important;top:30%;left:0}.toal-row2{height:calc(40% - 15px);margin-bottom:15px}.toal-row3{height:30%}.saleWarp .sale-row1{height:38%}.saleWarp .sale-row2{height:62%}.saleWarp .sale-row2 .tSel{height:calc(100% - 50px);margin-top:20px}.inventoryWarp .int-row1{height:100%}.int-row1 .h55{height:calc(55% - 20px)!important;margin-bottom:20px}.int-row1 .tSel{height:calc(55% - 70px)!important;margin-top:20px}.userWarp .user-row1{height:67%}.userWarp .user-row2{height:33%}.userWarp .user-row1 .col2 .chartBlock{height:calc(50% - 10px);margin-bottom:20px}.userWarp .user-row1 .col2 .chartBlock:last-child{margin-bottom:0}.pure-g [class*=pure-u-],.pure-g [class^=pure-u-]{box-sizing:border-box;height:100%;padding:10px 10px}.chartDiv{z-index:10;display:block}.chartBlock,.chartDiv{position:relative;width:100%;height:100%}.chartBlock .hd{height:22px;width:100%;text-align:center;position:absolute;top:-11px;z-index:1}.chartBlock .hd .chartTit{display:inline-flex}.chartTit{display:inline-block;height:22px;line-height:22px;width:60%;padding:0 15px;position:relative;margin:0 auto}.chartTit:after,.chartTit:before{content:"";position:absolute;left:-1px;border-right:11px solid #ccc;border-top:11px solid transparent;border-bottom:11px solid transparent;top:0}.chartTit:after{border-width:10px;border-right-color:#f5f5f5;left:0;top:1px}.chartTit .titContent{font-weight:700;height:20px;font-size:12px;display:block;color:#f07aa6;text-align:center;width:100%;min-width:8em;white-space:nowrap;border:1px solid #ccc;border-width:1px 0;background-color:#f5f5f5}.chartTit .titContent:after,.chartTit .titContent:before{content:"";position:absolute;right:-1px;border-left:11px solid #ccc;border-top:11px solid transparent;border-bottom:11px solid transparent;top:0}.chartTit .titContent:after{border-width:10px;border-left-color:#f5f5f5;right:0;top:1px}.chartBlock .bd{height:calc(100% - 22px);width:calc(100% - 22px);padding:10px}.chartBlock .bd,.subBlock{border:1px solid #ccc;position:relative}.subBlock{border-top:0}.subBlock .subCon{height:32px;line-height:32px}.subBlock .subtxt{float:left;margin-left:10px;height:32px;font-size:12px;color:#333}.subBlock .subNum{font-weight:700;font-size:15px;float:right;margin-right:10px}.toal-row1 .pure-u-1-5:first-child .subBlock .subNum{color:#1779d9}.toal-row1 .pure-u-1-5:nth-child(2) .subBlock .subNum{color:#30b761}.toal-row1 .pure-u-1-5:nth-child(3) .subBlock .subNum{color:#d04a4b}.toal-row1 .pure-u-1-5:nth-child(4) .subBlock .subNum{color:#ca841e}.toal-row1 .pure-u-1-5:nth-child(5) .subBlock .subNum{color:#00a7c2}