.hints-wrapper{width:100%;min-height:50px;padding:8px 15px;margin-bottom:20px;background:#eef1f6;box-sizing:border-box}.hints-wrapper .hint-title{line-height:30px;font-size:16px;color:#409eff}.hints-wrapper .hint-title i{font-size:18px}.hints-wrapper .hint-info{padding-left:24px;line-height:24px}.image-compress .box-wrapper{display:flex;align-items:center;justify-content:center;height:550px;overflow:hidden}.image-compress .box-wrapper .image-container{position:relative;background-size:contain;background-position:50%;background-repeat:no-repeat}.image-compress .box-content{width:284px;height:550px;margin:0 auto;padding-top:80px;box-sizing:border-box}.image-compress .box-content .select-image .el-upload{margin-bottom:12px}.image-compress .box-content .select-image .el-upload .el-button{width:200px}.image-compress .box-content .ratio-size{position:relative;display:inline-block}.image-compress .box-content .ratio-size .el-input{width:82px}.image-compress .box-content .ratio-size .el-input .el-input__inner{padding:0 8px}.image-compress .box-content .ratio-size .icon-link{margin:0 5px}.image-compress .box-content .ratio-size .ratio-type{position:absolute;bottom:-22px;left:0;width:202px}.image-compress .box-content .ratio-size .ratio-type li{float:left;width:85px;height:14px;line-height:14px;color:#53586b;text-align:center}.image-compress .box-content .ratio-size .ratio-type li:first-child{margin-right:32px}.image-compress .box-content .item-ratio{margin:35px 0 20px}.image-compress .box-content .item-ratio .el-input{width:200px}.image-compress .box-content .btn-compress{width:100%;margin-top:18px}