.trend .trend-legend{height:100%;width:50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;padding:1.5rem 0}.trend .trend-legend,.trend .trend-legend .item{display:-webkit-box;display:-ms-flexbox;display:flex}.trend .trend-legend .item{height:.75rem}.trend .trend-legend .item .icon{margin-right:.5rem;font-size:.7rem}.trend .trend-legend .item .label{font-size:.7rem;color:#7d7f8c;font-family:PingFangSC-Regular}.trend .trend-legend .item .value{font-size:.9rem;font-family:AccidentalPresidency;padding-left:.5rem;margin-top:-.1rem;color:#181f47}.trend{height:100%}.trend .card{padding:1.5rem;padding-top:0;background:#fff;-webkit-box-shadow:0 .2rem .4rem 0 hsla(0,0%,40%,.1);box-shadow:0 .2rem .4rem 0 hsla(0,0%,40%,.1);border-radius:.2rem;height:100%}.trend .card-header{height:2.4rem;line-height:2.4rem;font-size:.8rem;font-weight:700;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.trend .card-header .p{margin-right:0}.trend .card-header .el-range-editor--small.el-input__inner{height:1.5rem}.trend .card-header .el-icon-date:before{content:"\E71F"}.trend .card-header .Style{color:#7b848c;font-family:PingFangSC-Regular;font-size:.6rem;font-weight:400}.trend .card-header .Style .el-range-input{font-size:.6rem}.trend .card-header .Style .el-range-separator{line-height:1.1rem;width:1.25rem;color:#7b848c;font-family:PingFang SC;font-size:.6rem}.trend .card-header:before{position:absolute;bottom:0;left:0;right:0;content:"";width:100%;height:.05rem;background-color:#fff;-webkit-box-shadow:0 .025rem 0 0 #e3e3e3;box-shadow:0 .025rem 0 0 #e3e3e3}.trend .card-header .top .icon{padding-right:.5rem}.trend .card-body{height:calc(100% - 2.4rem);padding-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.trend .middle{height:50%;margin-bottom:1.2rem}.trend .middle .el-col{height:100%}.trend .middle .equipment,.trend .middle .equipment .equipment-card{width:100%}.trend .middle .equipment .equipment-card .chart{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.trend .top{height:calc(40% - 1.2rem);margin-bottom:1.2rem}.trend .top .el-col{height:100%}.trend .top .statistics-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;width:50%;padding-top:1rem}.trend .top .statistics-card .item1{background:url(../img/TheTotalEquipment.1e26b3e5.png) no-repeat;background-size:contain}.trend .top .statistics-card .item2{background:url(../img/Equipmentactivationquantity.54ce39d0.png) no-repeat;background-size:contain}.trend .top .statistics-card .item{width:14rem;height:6.5rem;margin:1.75rem 1rem 1.75rem 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:16rem;min-width:16rem;max-height:7.5rem}.trend .top .statistics-card .item,.trend .top .statistics-card .item .container{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-align:center;-ms-flex-align:center;align-items:center}.trend .top .statistics-card .item .container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:2.1rem 0 2.1rem -10rem}.trend .top .statistics-card .item .container .label{font-size:.6rem;font-family:PingFangSC-Regular;font-weight:300;color:hsla(0,0%,100%,.8)}.trend .top .statistics-card .item .container .value{font-size:1.3rem;padding-bottom:.25rem;color:#fff;font-family:AccidentalPresidency}.trend .chart-card{width:40%;height:100%;margin-left:5rem;margin-top:.5rem;-ms-flex-item-align:center;align-self:center}.trend .chart-card .trend{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.trend .inputRid .el-input--suffix .el-input__inner{color:#080b1a;background:#fff}