.table-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;height:100%;min-height:150px;padding:8px 8px 0 8px}.table-view__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.cost-statement-mouth{background:#f2f3f7}.cost-statement-mouth .el-form-item{margin-bottom:0}.cost-statement-mouth .search-bar{min-width:1270px;background:#fff;padding:16px;margin-bottom:16px}.cost-statement-mouth .cost-statement-month__body{min-width:1270px;-webkit-print-color-adjust:exact;font-size:14px;overflow:hidden}.cost-statement-mouth .month-summary-wrap{padding:16px;background:#fff}.cost-statement-mouth .month-summary-wrap .month-summary__title{margin-bottom:16px;font-size:16px;color:#333}.cost-statement-mouth .month-summary-wrap .month-summary__ul{display:grid;padding-left:46px;grid-template-columns:minmax(180px,1.2fr) repeat(6,1fr);grid-column-gap:50px}.cost-statement-mouth .month-summary-wrap .month-summary__ul li{list-style:none;color:#333}.cost-statement-mouth .month-summary-wrap .month-summary__ul li .label{color:#b2b2b2}.cost-statement-mouth .card{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:10px 15px;border-radius:4px;background:#ff8282 100%}.cost-statement-mouth .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cost-statement-mouth .row .col{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px}.cost-statement-mouth .row .col:last-child{margin-right:0}.cost-statement-mouth .field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:7px;color:#666;line-height:15px}.cost-statement-mouth .field .title{margin-right:10px;-webkit-box-flex:0;-ms-flex:0 0 63px;flex:0 0 63px;color:#666}.cost-statement-mouth .field .content{color:#000}.cost-statement-mouth .body{width:1270px;margin:0 auto}.cost-statement-mouth .table-wrap{background:#fff;padding:16px 16px 16px 36px}.cost-statement-mouth .table-wrap__title{display:-webkit-box;display:-ms-flexbox;display:flex}.cost-statement-mouth .table-wrap__title .product-info{display:grid;grid-template-rows:repeat(2,25px);grid-row-gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:116px;margin-bottom:20px;color:#333}.cost-statement-mouth .product-info-title{width:145px}.cost-statement-mouth .product-info-title h3{font-size:16px;color:#333}.cost-statement-mouth .product-info-process{-webkit-box-flex:0;-ms-flex:0 0 220px;flex:0 0 220px}.cost-statement-mouth .process-number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cost-statement-mouth .process-number .label{color:#b2b2b2;font-weight:400}.cost-statement-mouth .product-info-process .progress-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2px;font-size:12px}.cost-statement-mouth .product-info-tr{text-align:right;font-size:14px}.cost-statement-mouth .table-wrap .table-wrap__body table{width:100%;border-collapse:collapse;border:0}.cost-statement-mouth .table-wrap .table-wrap__body table thead{background:#f2f3f7 100%;font-size:14px;color:#b2b2b2;line-height:38px;text-align:center}.cost-statement-mouth .table-wrap .table-wrap__body table thead sub{font-size:5px}.cost-statement-mouth .table-wrap .table-wrap__body table tbody{border:1px solid #f2f3f7;font-size:14px;color:#000;line-height:38px;text-align:center}.cost-statement-mouth .table-wrap .table-wrap__body table td,.cost-statement-mouth .table-wrap .table-wrap__body table th{font-weight:unset;padding:0 3px}.cost-statement-mouth .mb{margin-bottom:10px}.cost-statement-mouth .summary-info{display:grid;grid-template-columns:repeat(3,16%);grid-column-gap:10px;padding:15px 0 15px 86px}.cost-statement-mouth .summary-info__item{font-size:14px;color:#fff;line-height:1.8}.cost-statement-mouth .summary-info__item:last-child{border-right:0}.cost-statement-mouth .summary-info__item .label{color:#b2b2b2}.cost-statement-mouth .summary-wrap{display:grid;grid-template-columns:16px auto;grid-column-gap:30px;grid-row-gap:18px;padding:0 16px;background:#fff}.cost-statement-mouth .summary__title{display:grid;grid-template-rows:100px;grid-row-gap:7px;font-size:12px;text-align:center;color:#b2b2b2}.cost-statement-mouth .summary__title .one,.cost-statement-mouth .summary__title .sum{display:grid;background:#f2f3f7;-ms-flex-line-pack:center;align-content:center;overflow:hidden;line-height:1.2}.cost-statement-mouth .summary__content{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(6,1fr);grid-column-gap:50px;width:100%;color:#333}.cost-statement-mouth .summary__content__item{display:grid;grid-template-rows:100px;grid-row-gap:7px}.cost-statement-mouth .summary__content__item:first-child{border-right:1px solid #f2f3f7}.cost-statement-mouth .summary__content__item .label{color:#b2b2b2}.cost-statement-mouth .summary__content__item .one{display:grid;-ms-flex-line-pack:distribute;align-content:space-around}.cost-statement-mouth .summary__content__item .one .progress{width:120px}.cost-statement-mouth .summary__content__item .one .progress .progress-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2px;font-size:12px}.cost-statement-mouth .summary__content__item .sum{display:grid;-ms-flex-line-pack:center;align-content:center}.cost-statement-mouth .summary-wrap__footer{padding:16px;background:#fff}.cost-statement-mouth .summary__footer__process{display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:16px;background:#ccc;overflow:hidden}.cost-statement-mouth .summary__footer__process span:first-of-type{background:#fd7032 100%}.cost-statement-mouth .summary__footer__process span:nth-of-type(2){background:#1ab2e5 100%}.cost-statement-mouth .summary__footer__process span:nth-of-type(3){background:#ffc123 100%}.cost-statement-mouth .summary__footer__process span:nth-of-type(4){background:#3ab32e 100%}.cost-statement-mouth .summary__footer__process span:nth-of-type(5){background:#1e9f92 100%}.cost-statement-mouth .summary__footer__process span:nth-of-type(6){background:#a478c5 100%}.cost-statement-mouth .summary__footer__process span{height:16px;padding-left:3px;font-size:14px;color:#fff;line-height:16px;overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis}.cost-statement-mouth .summary__footer__classify ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px}.cost-statement-mouth .summary__footer__classify ul li{list-style:none;float:left;margin-right:40px;font-size:14px;color:#333}.cost-statement-mouth .summary__footer__classify ul li span{margin-right:6px}.cost-statement-mouth .summary__footer__classify ul li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:4px;background:#ccc}.cost-statement-mouth .summary__footer__classify ul li:first-of-type:before{background:#fd7032 100%}.cost-statement-mouth .summary__footer__classify ul li:nth-of-type(2):before{background:#1ab2e5 100%}.cost-statement-mouth .summary__footer__classify ul li:nth-of-type(3):before{background:#ffc123 100%}.cost-statement-mouth .summary__footer__classify ul li:nth-of-type(4):before{background:#3ab32e 100%}.cost-statement-mouth .summary__footer__classify ul li:nth-of-type(5):before{background:#1e9f92 100%}.cost-statement-mouth .summary__footer__classify ul li:nth-of-type(6):before{background:#a478c5 100%}.cost-statement-mouth .number-up{color:#fd7032}.cost-statement-mouth .number-down{color:#0091ff}.cost-statement-mouth .number-equal{color:#333}.cost-statement-mouth .progress-bar{width:100%;height:5px;background:#0daee4}.cost-statement-mouth .handle{padding:16px 0;text-align:center}.cost-statement-mouth .handle button{background:none}.cost-statement-mouth .compare{display:grid;grid-template-columns:1fr 10px 1fr;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cost-statement-mouth .compare-1{grid-template-columns:100px}.cost-statement-mouth .compare-1,.cost-statement-mouth .compare-2{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:right}.cost-statement-mouth .compare-2{grid-template-columns:58px}.cost-statement-mouth .compare-text-left{text-align:left}.cost-statement-mouth .compare-4{display:grid;grid-template-columns:60px 10px 60px 10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.cost-statement-mouth .compare .line{color:#d7d7d7}.cost-statement-mouth .compare .line-left{text-align:right}.cost-statement-mouth .compare .line-right{text-align:left}.cost-statement-mouth .unit{font-size:12px}.cost-statement-mouth .ellipsis-1{text-overflow:ellipsis;white-space:nowrap;word-break:break-all;overflow:hidden;width:230px}