.whole-house{flex-direction:row}.whole-house,.whole-house-summary{align-items:center;display:flex}.whole-house-ctx{flex:1}.whole-house-header{align-items:center;display:flex;flex-direction:column;margin-right:200px}.whole-house-title{color:#333;font-size:24px;text-align:center}.whole-house-desc{color:#999;font-size:22px;margin-top:15px}.whole-house-images{margin-top:20px;position:relative}.linear-motion-canvas,.linear-motion-line-canvas,.whole-house-images-content{left:0;position:absolute;top:0}.whole-house-images-content{bottom:0;right:0}.whole-house-images-content .whole-house-btn-item{align-items:center;background-color:#fff;border-radius:50%;color:#a6d9b5;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;position:absolute;transition:all .5s ease-in-out;width:20px;z-index:10}.whole-house-images-content .whole-house-btn-title{background:linear-gradient(to bottom right,#68e0cf,#23d27d);border:1px solid #fff;border-radius:5px;color:#fff;font-size:14px;padding:0 8px;position:absolute}.whole-house-images-content .whole-house-btn-item:hover{transform:scale(1.2)}.whole-house-images-content .whole-house-btn-item:after{background-color:#fff;border-radius:50%;content:"";height:180%;opacity:.3;position:absolute;width:180%}.whole-house-images-content .whole-house-btn-item .btn-icon{align-items:center;background-color:#23d27d;display:flex;height:2px;justify-content:center;position:absolute;width:10px}.whole-house-images-content .whole-house-btn-item .btn-icon:after{background-color:#23d27d;content:"";height:10px;position:absolute;width:2px}.whole-house-summary-card{background-color:#f5f5f7;border-radius:6px;display:flex;flex-direction:column;padding:26px;width:330px}.whole-house-summary-card-imagebg{background-color:#fff;border-radius:6px;width:100%}.whole-house-summary-card-imagebg img{height:auto;width:100%}.whole-house-summary-card-title{color:#23d27d;font-size:24px;font-weight:600;margin:20px 0 10px}.whole-house-summary-card-line{background:#ccc;height:1px;margin:20px 0 10px;width:100%}.whole-house-summary-card-title2{color:#39393a;font-size:16px;font-weight:500}li,ul{list-style:none;margin:0;padding:0}.whole-house-summary-card-content li{align-items:center;color:#7b7b7b;display:flex;font-size:14px;padding:5px 15px;position:relative}.whole-house-summary-card-content li:after{background-color:#23d27d;border-radius:50%;content:"";height:5px;left:0;position:absolute;width:5px}@media (max-width:768px){.whole-house{flex-direction:column;padding:10px 0}.whole-house-summary{margin-top:10px;order:2;width:100%}.whole-house-header{margin-right:0}.whole-house-images-content .whole-house-btn-title{font-size:12px;padding:0 3px}}