.diagram{width:100%}.diagram .total{height:440px;width:100%;background:#fff;padding:10px 12px;margin-bottom:20px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.diagram .total .select-wrapper{position:absolute;right:10px;top:6px;padding:0 .4rem;z-index:9}.diagram .total .select-wrapper .el-button{margin-right:6px}.diagram .total .el-tabs__item{font-size:16px}.diagram .products{min-height:400px;background:#fff;padding:10px 16px;margin-bottom:20px;position:relative}.diagram .products h4{font-size:18px;font-weight:700;padding:0 0 12px 0}.diagram .products .diagram{height:100px;padding-bottom:12px}.diagram .products .diagram .swiper-container{height:100px}.diagram .products .diagram .swiper-container .swiper-slide{background:rgba(215,241,233,.4);border-radius:8px;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;cursor:pointer}.diagram .products .diagram .swiper-container .swiper-slide.active{background:#9df5da}.diagram .products .diagram .swiper-container .swiper-slide .text{color:#555;font-size:16px}.diagram .products .diagram .swiper-container .swiper-slide .text p{font-size:14px;color:#666;padding:16px 0}.diagram .products .diagram .swiper-container .swiper-slide .text span{font-size:20px;font-weight:700;color:#333}.diagram .products .charts h5{font-weight:700}@media (max-width:920px){.select-wrapper{display:none}}