.body{padding:0 22px}.content-body{min-height:720px;display:flex;align-items:center;justify-content:flex-start}.water-tank,.water-tank-body{width:192px;display:flex;align-items:center;justify-content:center;flex-direction:column}.water-tank{height:310px;position:relative}.water-tank img{width:192px;height:310px}.water-tank-title{width:159px;font-size:30px;color:#1a2ca0;font-weight:700;position:absolute;top:80px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:center}.water-tank-water{background-color:rgba(0,0,0,.6);padding:6px 16px;font-size:14px;color:#fff;top:171px}.water-tank-change,.water-tank-water{border-radius:8px;position:absolute;display:flex;align-items:center;justify-content:center}.water-tank-change{font-size:16px;color:#1a2ca0;bottom:50px}.water-tank-change .triangle{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #1a2ca0;width:5px;margin-left:4px}.water-tank-page-msg{font-size:16px;color:grey;margin:10px 0}.water-tank-page-body{width:100%;display:flex;align-items:center;justify-content:space-around}.water-tank-page-item{width:80px;height:80px;border:2px solid #4578ff;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.water-tank-page-item img{width:20px;height:16px}.data-body{min-width:1160px;min-height:720px;display:flex;align-items:flex-start;justify-content:flex-start;margin-left:-26px}.data-body-left{margin-left:90px;margin-right:80px;position:relative}.line1{width:6px;height:240px;background-color:#4578ff;position:absolute;left:-40px;top:74px}.line2{transform:rotate(40deg);top:306px}.line2,.line3{width:6px;height:50px;background-color:#4578ff;position:absolute;left:-55px}.line3{transform:rotate(140deg);top:341px}.line4{height:56px}.line4,.line5{width:6px;background-color:#4578ff;position:absolute;left:-40px;bottom:100px}.line5{height:237px}.data-body-rigth{position:relative}.line6{width:565px;height:6px;position:absolute;left:-630px;background-color:#4578ff;top:346px}.data-item{width:520px;height:160px;background-color:#f5f5f5;border-radius:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start;position:relative}.data-msg{width:302px;height:100%;position:absolute;top:0;right:20px;display:flex;justify-content:space-between;flex-direction:column;padding:8px 0}.data-msg-title{width:100%;color:#333;font-size:20px;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.data-msg-submsg-body{display:flex;justify-content:space-between;font-size:14px;color:#333;padding-right:32px}.data-item-line{width:40px;height:6px;background-color:#4578ff;position:absolute;left:-40px;top:74px}.page-body{display:flex;align-items:center;justify-content:flex-end}.page-btn{font-size:18px;color:#ccc;width:128px;height:50px;border-radius:80px;background-color:#f5f5f5;font-weight:700}.page-btn,.page-img{display:flex;align-items:center;justify-content:center}.prevpage-img{margin-right:8px}.next-img{margin-left:8px}.page-img img{width:24px;height:24px}.page-limit-body{margin:0 24px;font-size:24px;font-weight:700}.available{color:#fff;background-color:#4578ff;cursor:pointer}