.compare-wrapper .compare .sub_matched .sub_matched_wrap .replenish_mark,.compare-wrapper .thumbnail .thumbnail-img .authorizationStatus,.compare-wrapper .thumbnail .thumbnail-img .replenish_image{position:absolute;height:18px;width:65px;line-height:18px;color:#fff;font-size:10px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.btns{-webkit-box-shadow:0 6px 3px 0 rgba(9,75,146,.07);box-shadow:0 6px 3px 0 rgba(9,75,146,.07);background:#fff;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btns i{font-size:18px;color:#909399;cursor:pointer}.compare-wrapper{height:100%;position:relative}.compare-wrapper .thumbnail{position:absolute;top:0;bottom:0;width:150px;background:#f5f5f5;text-align:center;overflow:auto}.compare-wrapper .thumbnail.thumbnail-show{display:none}.compare-wrapper .thumbnail .file_category{padding:10px 0;margin-top:10px;color:#fff;background-image:linear-gradient(135deg,#abdcff 10%,#0396ff)}.compare-wrapper .thumbnail .thumbnail-img{width:120px;margin-top:10px;cursor:pointer;border:4px solid #f5f5f5;position:relative;display:inline-block;overflow:hidden}.compare-wrapper .thumbnail .thumbnail-img .authorizationStatus{background:linear-gradient(135deg,#dadada,50%,#848484);top:10px;right:-25px;height:30px;width:100px;line-height:30px;font-size:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.compare-wrapper .thumbnail .thumbnail-img:last-child{margin-bottom:10px}.compare-wrapper .thumbnail .thumbnail-img.active{border-color:#409eff!important;border-radius:5px}.compare-wrapper .thumbnail .thumbnail-img.sealed:after{content:url(../img/sealed.43cde4f0.svg);position:absolute;left:50%;top:50%}.compare-wrapper .thumbnail .thumbnail-img.different:before{content:attr(data-count);width:25px;height:25px;text-align:center;background:#f56c6c;color:#fff;border-radius:50%;position:absolute;line-height:25px;top:0;right:0;font-size:14px;font-weight:700;z-index:1}.compare-wrapper .thumbnail .thumbnail-img .replenish_image{background:linear-gradient(135deg,#dadada,50%,#848484);bottom:6px;left:-32px;height:30px;width:100px;line-height:30px;font-size:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.compare-wrapper .thumbnail .thumbnail-img .empty_page_image{position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:6px;right:-32px;background:linear-gradient(135deg,#f1dc99,50%,#675100);height:30px;width:100px;line-height:30px;color:#fff}.compare-wrapper .compare{min-height:100%;height:auto;margin-left:150px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.compare-wrapper .compare.compare-show{display:none}.compare-wrapper .compare .title{text-align:center;color:#409eff;font-size:14px;margin-bottom:0}.compare-wrapper .compare .image_box{margin:15px 20px;background:#424242;height:80vh;overflow:hidden;position:relative;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.compare-wrapper .compare .image_box .check_class{position:absolute;bottom:20px;left:50%;-webkit-transition:transform(-50%,-50%),transform(-50%,-50%);transition:transform(-50%,-50%),transform(-50%,-50%);transition:transform(-50%,-50%)}.compare-wrapper .compare .image_box .preview_image{width:550px;height:732px;cursor:-webkit-grab;position:absolute}.compare-wrapper .compare .sub_matched{height:68px;line-height:68px;text-align:right;margin:0 20px;overflow-x:auto}.compare-wrapper .compare .sub_matched .sub_matched_wrap{display:inline-block;position:relative;padding-left:10px;overflow:hidden}.compare-wrapper .compare .sub_matched .sub_matched_wrap .matched_image{vertical-align:middle;display:inline-block;cursor:pointer;border:4px solid #f5f5f5;width:60px;height:60px}.compare-wrapper .compare .sub_matched .sub_matched_wrap .matched_image.active{border-color:#409eff;border-radius:5px}.compare-wrapper .compare .sub_matched .sub_matched_wrap .replenish_mark{background:linear-gradient(135deg,#dadada,50%,#848484);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:6px;right:-18px}.compare-wrapper .tip{background-color:rgba(144,147,153,.9);padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;color:#fff}.compare-wrapper .packUp{position:absolute;right:10px}.compare-wrapper .packUp .expand{font-weight:700;color:#07da04}.refresh{bottom:30px;right:30px;z-index:999;overflow:hidden;position:fixed;padding:5px;text-align:center}