.input-output{margin-bottom:100px}.input-output .section-title{margin-bottom:80px}.input-output .input-output-content{height:800px;margin-bottom:100px;position:relative}.input-output .input-output-content-item{height:100%;left:0;position:absolute;z-index:2}.input-output .input-output-content-item.resize{right:0;width:50%}.input-output .input-output-content-item img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}.input-output .input-output-content-handle{background-color:#fff;cursor:pointer;height:100%;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px;z-index:3}.input-output .input-output-content-handle-content{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px}.input-output .input-output-content-handle-content i:not(:last-child){margin-right:16px}.input-output .section-title h3{text-align:center}@media only screen and (min-width:320px) and (max-width:767px){.input-output{margin-bottom:40px}.input-output .section-title{margin-bottom:50px}.input-output .section-title h3{line-height:1.5}.input-output .section-title br{display:none}.input-output .input-output-content{height:400px;margin-bottom:50px}.input-output .input-output-content-handle-content{height:40px;width:40px}.input-output .input-output-content-handle-content i:not(:last-child){margin-right:8px}.input-output .input-output-content-handle-content img{height:16px}}@media (max-width:767px){.input-output .section-title h3{font-size:24px}}