.bg1{background:#f1b248}.color1{color:#f1b248}.bg2{background:#fe9900}.color2{color:#fe9900}.bg3{background:#ff7875}.color3{color:#ff7875}.bg4{background:#f75aab}.color4{color:#f75aab}.bg5{background:#73d13d}.color5{color:#73d13d}.bg6{background:#31cac5}.color6{color:#31cac5}.bg7{background:#40a8ff}.color7{color:#40a8ff}.bg8{background:#5a7ef8}.color8{color:#5a7ef8}.bg9{background:#9253df}.color9{color:#9253df}.bg10{background:#4f68a1}.color10{color:#4f68a1}.warningbg{background:#e6a23c}.warning{color:#e6a23c}.errorbg{background:#fe6c6f}.error{color:#fe6c6f}.paddingTop5{padding-top:5px}.paddingTop10{padding-top:10px}.historywrap-box{width:90%;height:100%}.historywrap-box .kzcl{width:28%;height:100%;padding:15px}.historywrap-box .kzcl h3{text-align:center}.historywrap-box .kzcl .status{display:inline-block;border-radius:2px;width:50px;height:20px;line-height:20px;background:rgba(205,243,228,.8);color:#30bf78;text-align:center;margin-left:5px}.historywrap-box .kzcl .kzbox{padding:10px 0;border-bottom:1px solid #eee}.historywrap-box .lines{width:1px;height:80%;background-color:#eee;margin:30px 0}.historywrap-box .con-box{width:70%;height:100%}.right{width:30%;height:100%;padding:15px}.right .kzcl{width:100%;height:100%}.right .kzcl h3{text-align:center}.right .kzcl .bwstatus{display:inline-block;border-radius:2px;width:50px;height:20px;line-height:20px;background:#decfea;color:#945fb9;text-align:center;margin-left:5px}.right .kzcl .kzbox{padding:4px 0;border-bottom:1px solid #eee}.right .lines{width:1px;height:80%;background-color:#eee;margin:30px 0}.dkhed{width:100%;height:40px;line-height:40px;margin:10px 0 5px;border-bottom:1px solid #eee;padding:0 5px}.dkhed .tit{margin-right:10px}.dkhed .model,.dkhed .tit{color:#333;font-weight:700}.dkhed .model{margin-right:5px}.flow-dk{width:65%;height:100%;padding:40px 2px 20px}.flow-dk .flow-box{width:100%;height:100%;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);position:relative;border-radius:4px;padding:15px 0 0 20px}.flow-dk .flow-box .flow-tit{width:100px;height:50px;color:#fff;position:absolute;border-radius:4px;top:-25px;left:50%;text-align:center;margin-left:-50px}.flow-dk .flow-box .flow-tit h3{font-size:16px;display:inline-block;margin:0 auto;border-bottom:1px solid #fff;height:26px;line-height:26px}.flow-dk .flow-box .flow-tit .flowstate{text-align:center;margin-top:2px}.flow-dk .flow-box .demand-box{width:45%;height:190px;float:left;border:3px dashed #01b6f2;border-radius:6px;margin-top:20px}.flow-dk .flow-box .demand-box .demand-tit{width:100%;height:40px;text-align:center}.flow-dk .flow-box .demand-box .demand-tit p{font-size:13px;display:inline-block;height:40px;line-height:40px}.flow-dk .flow-box .demand-box .flow-hed{width:100%;height:40px;padding:20px 10px 0 0;margin-top:-40px}.flow-dk .flow-box .demand-box .flow-hed span{float:right;font-size:12px;color:#4680ff;cursor:pointer;margin-top:10px}.flow-dk .flow-box .demand-box .flow-hed i{font-size:14px;color:#4680ff;margin-left:5px}.flow-dk .flow-box .demand-box .flow-con{width:100%;height:180px;padding:0 10px}.flow-dk .flow-box .demand-box .flow-con .txt-hid{height:30px;line-height:30px;overflow:hidden;width:100%;font-size:12px}.flow-dk .flow-box .flow{width:8%;height:100%;position:relative;overflow:hidden}.flow-dk .flow-box .flow .ani-progress{width:0;height:100%;background:#4680ff;position:relative}.flow-dk .flow-box .flow .ani-progress .linebar{position:absolute;top:-3px;right:-4px}.flow-dk .flow-box .flow .ani-progress2{width:130%;height:100%;background:#4680ff;position:absolute;right:-50%;-webkit-animation:anirunleft 2s linear infinite;animation:anirunleft 2s linear infinite}.flow-dk .flow-box .flow .ani-progress2 .linebar{position:absolute;top:-3px;left:-4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes anirunleft{0%{left:100%}to{left:-100%}}.flow-dk .flow-box .flow .ani-progress2-1{width:130%;height:100%;position:absolute;right:-50%;-webkit-animation:anirunleft 2s linear 1s infinite;animation:anirunleft 2s linear 1s infinite}.flow-dk .flow-box .flow .ani-progress2-1 .linebar{position:absolute;top:-3px;left:-4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.flow-dk .flow-box .command-box{width:46%;height:100%;float:left}.flow-dk .flow-box .command-box .flow-con{width:100%;height:100%;padding:10px 10px 0 10px}.flow-dk .flow-box .command-box .flow-con .rotate-box{width:100%;height:90px;overflow:hidden;margin:10px 0 20px 0;position:relative}.flow-dk .flow-box .command-box .flow-con .rotate-box .decompose{float:left;margin-left:10px}.flow-dk .flow-box .command-box .flow-con .rotate-box .decompose2{float:right;margin-right:10px}.flow-dk .flow-box .command-box .flow-con .rotate-box .decompose,.flow-dk .flow-box .command-box .flow-con .rotate-box .decompose2{width:80px;height:80px;position:relative;border-radius:50%}.flow-dk .flow-box .command-box .flow-con .rotate-box .decompose2 .rotate,.flow-dk .flow-box .command-box .flow-con .rotate-box .decompose .rotate{width:100%;height:100%;border-radius:50%}.flow-dk .flow-box .command-box .flow-con .rotate-box .decompose2 span,.flow-dk .flow-box .command-box .flow-con .rotate-box .decompose span{display:inline-block;text-align:center;font-size:12px;position:absolute;width:60px;top:30px;left:10px}@-webkit-keyframes shun{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes shun{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.flow-dk .flow-box .command-box .flow-con .rotate-box .rotateani .rotate{-webkit-animation:shun 1s linear infinite;animation:shun 1s linear infinite}.flow-dk .flow-box .command-box .flow-con .rotate-box .right-flow{height:100%;width:100%;padding:0 90px;position:absolute}.flow-dk .flow-box .command-box .flow-con .rotate-box .right-flow .rotate-flow{width:100%;height:100%;position:relative;overflow:hidden}.flow-dk .flow-box .command-box .flow-con .rotate-box .right-flow .rotate-flow .arrowimg1{width:25px;height:50px;position:absolute;top:15%;left:13px}.flow-dk .flow-box .command-box .flow-con .rotate-box .right-flow .rotate-flow .arrowrun{-webkit-animation:lsjyx 1s linear infinite;animation:lsjyx 1s linear infinite}.flow-dk .flow-box .command-box .flow-con .rotate-box .right-flow .rotate-flow .arrowimg2{width:25px;height:50px;position:absolute;top:15%;left:-40%}.flow-dk .flow-box .command-box .flow-con .rotate-box .right-flow .rotate-flow .arrow2run{-webkit-animation:lsjyx 1s linear .5s infinite;animation:lsjyx 1s linear .5s infinite}@-webkit-keyframes lsjyx{0%{left:-20%;opacity:0}50%{left:50%;opacity:1}to{left:120%;opacity:0}}@keyframes lsjyx{0%{left:-20%;opacity:0}50%{left:50%;opacity:1}to{left:120%;opacity:0}}.flow-dk .flow-box .command-box .flow-con .flow-hedmore{position:absolute;top:120px;right:20px}.flow-dk .flow-box .command-box .flow-con .flow-hedmore span{font-size:12px;color:#4680ff;cursor:pointer;margin-top:10px}.flow-dk .flow-box .command-box .flow-con .flow-hedmore i{font-size:14px;color:#4680ff;margin-left:5px}.flow-dk .flow-box .command-box .flow-con .txt-hid{height:19px;line-height:19px;overflow:hidden;width:100%;font-size:12px}.flow{width:6%;overflow:hidden}.flow,.flow .ani-progress{height:100%;position:relative}.flow .ani-progress{width:0;background:#4680ff}.flow .ani-progress .linebar{position:absolute;top:-3px;right:-4px}.flow .ani-progress2{width:130%;height:100%;background:#4680ff;position:absolute;right:-50%;-webkit-animation:anirunleft 2s linear infinite;animation:anirunleft 2s linear infinite}.flow .ani-progress2 .linebar{position:absolute;top:-3px;left:-4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.flow .ani-progress2-1{width:130%;height:100%;position:absolute;right:-50%;-webkit-animation:anirunleft 2s linear 1s infinite;animation:anirunleft 2s linear 1s infinite}.flow .ani-progress2-1 .linebar{position:absolute;top:-3px;left:-4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.flow-vpp{width:27%;height:100%;padding:40px 2px 20px}.flow-vpp .flow-box{width:100%;height:100%;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);position:relative;border-radius:4px}.flow-vpp .flow-box .flow-tit{width:100px;height:50px;color:#fff;position:absolute;border-radius:4px;top:-25px;left:50%;margin-left:-50px;text-align:center}.flow-vpp .flow-box .flow-tit h3{font-size:16px;display:inline-block;margin:0 auto;border-bottom:1px solid #fff;height:26px;line-height:26px}.flow-vpp .flow-box .flow-tit .flowstate{text-align:center;margin-top:2px}.flow-vpp .flow-box .flow-con{width:100%;padding:0 20px;padding-top:50px}.flow-vpp .flow-box .flow-con .txt-hid{height:25px;line-height:25px}.flow-line{width:100%;height:4px;background:#eee;position:absolute}.flow-line-column{height:100%;width:4px;background:#19374b;position:absolute}.flow-line1{top:70%}.flow-line8-1{top:24%;background:#4680ff}.flow-line8-1 .ani-progress2{width:130%;height:100%;background:#4680ff;position:absolute;right:-50%;-webkit-animation:anirunleft 2s linear infinite;animation:anirunleft 2s linear infinite}.flow-line8-1 .ani-progress2 .linebar{position:absolute;top:-3.8px;left:-4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.flow-line8-1 .ani-progress2-1{width:130%;height:100%;position:absolute;right:-50%;-webkit-animation:anirunleft 2s linear 1s infinite;animation:anirunleft 2s linear 1s infinite}.flow-line8-1 .ani-progress2-1 .linebar{position:absolute;top:-3.8px;left:-4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.flow-line2{top:32%;position:relative}.flow-line2 .progress2{width:0;height:100}.flow-line3{top:40%}.flow-line8-3{top:70%;background:#4680ff}.flow-line8-3 .ani-progress2{width:130%;height:100%;background:#4680ff;position:absolute;right:-50%;-webkit-animation:anirunleft 2s linear infinite;animation:anirunleft 2s linear infinite}.flow-line8-3 .ani-progress2 .linebar{position:absolute;top:-3px;left:-4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.flow-line8-3 .ani-progress2-1{width:130%;height:100%;position:absolute;right:-50%;-webkit-animation:anirunleft 2s linear 1s infinite;animation:anirunleft 2s linear 1s infinite}.flow-line8-3 .ani-progress2-1 .linebar{position:absolute;top:-3px;left:-4px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@keyframes anirunleft{0%{left:100%}to{left:-100%}}.flow-line4{top:69%}.flow-line5{top:77%}.flow-line8-2{left:60%;background:#4680ff;position:absolute;width:4px;height:100%}.flow-line8-2 .ani-progress3{width:100%;height:130%;background:#4680ff;position:absolute;right:0;-webkit-animation:anirunleft2 2s linear infinite;animation:anirunleft2 2s linear infinite}.flow-line8-2 .ani-progress3 .linebar{position:absolute;top:-3px;left:-16px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.flow-line8-2 .ani-progress3-1{width:100%;height:130%;position:absolute;right:0;-webkit-animation:anirunleft2 2s linear 1s infinite;animation:anirunleft2 2s linear 1s infinite}.flow-line8-2 .ani-progress3-1 .linebar{position:absolute;top:-3px;left:-16px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}@-webkit-keyframes anirunleft2{0%{left:200%}to{left:-100%}}@keyframes anirunleft2{0%{left:200%}to{left:-100%}}.flow-line6{left:0}.flow-line7{left:30%}.flow-line8{top:40%;background:#00f}.qctcbox{background:#fff;border-radius:4px;padding:0 10px}