/*.ImgToolComponent { display: inline-block; margin-right: 25px; position: relative; } .ImgToolComponent > img { width: 90px; height: 90px; border-radius: 10px; } .ImgToolComponent .closeBtn { width: 32px; height: 32px; display: inline-block; border-radius: 50%; background-color: #fe785b; font-weight: 500; color: #ffffff; font-size: 26px; line-height: 27px; text-align: center; position: absolute; top: -16px; right: -16px } .showBigImg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 732px; width: 976px; text-align: center; line-height: 732px; } .showBigImg > img { max-height: 100%; vertical-align: middle; }*/ /*---------px rem 分割线-----------*/ .ImgToolComponent { display: inline-block; margin-right: 0.20833333333333334rem; position: relative; } .ImgToolComponent > img { width: 0.75rem; height: 0.75rem; border-radius: 0.08333333333333333rem; } .ImgToolComponent .closeBtn { width: 0.26666666666666666rem; height: 0.26666666666666666rem; display: inline-block; border-radius: 50%; background-color: #fe785b; font-weight: 500; color: #ffffff; font-size: 0.21666666666666667rem; line-height: 0.225rem; text-align: center; position: absolute; top: -0.13333333333333333rem; right: -0.13333333333333333rem } .showBigImg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 6.1rem; width: 8.133333333333333rem; text-align: center; line-height: 6.1rem; } .showBigImg > img { max-height: 100%; vertical-align: middle; } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLHNCQUFzQjtJQUN0QixnQkFBZ0I7SUFDaEIsaUJBQWlCO0lBQ2pCLDJCQUEyQjtJQUMzQixtQkFBbUI7SUFDbkIsbUJBQW1CO0NBQ3RCOztBQUVEO0lBQ0ksWUFBWTtJQUNaLGFBQWE7SUFDYixvQkFBb0I7O0NBRXZCOztBQUVEO0lBQ0ksWUFBWTtJQUNaLGFBQWE7SUFDYixzQkFBc0I7SUFDdEIsbUJBQW1CO0lBQ25CLDBCQUEwQjtJQUMxQixpQkFBaUI7SUFDakIsZUFBZTtJQUNmLGdCQUFnQjtJQUNoQixrQkFBa0I7SUFDbEIsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixXQUFXO0lBQ1gsWUFBWTtDQUNmOztBQUVEO0lBQ0ksbUJBQW1CO0lBQ25CLFNBQVM7SUFDVCxVQUFVO0lBQ1YseUNBQWlDO0lBQ2pDLGlDQURBO0lBQ0EsY0FBYztJQUNkLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsbUJBQW1CO0NBQ3RCOztBQUVEO0lBQ0ksaUJBQWlCO0lBQ2pCLHVCQUF1QjtDQUMxQjs7QUFFRCxrQ0FBa0M7O0FBRWxDO0lBQ0ksc0JBQXNCO0lBQ3RCO09BQ0c7SUFDSDtPQUNHO0lBQ0g7T0FDRztJQUNILHFDQUFxQztJQUNyQyxtQkFBbUI7Q0FDdEI7O0FBR0Q7SUFBSSxlQUFBO0lBQ0EsZ0JBQUE7SUFDSCxzQ0FBQTtDQUNEOztBQUdBO0lBQUksOEJBQXNCO0lBQ3RCLCtCQUFtQjtJQUNuQixzQkFBQTtJQUNBLG1CQUFpQjtJQUNqQiwwQkFBZTtJQUNmLGlCQUFBO0lBQ0EsZUFBQTtJQUNBLGtDQUFtQjtJQUNuQixzQkFBbUI7SUFDbkIsbUJBQUE7SUFDQSxtQkFBQTtJQUNILDZCQUFBO0lBQ0QsOEJBQUE7Q0FFQzs7QUFFRDtJQUFJLG1CQUFBO0lBRUEsU0FGQTtJQUNBLFVBQUE7SUFDQSx5Q0FBNEI7SUFDNUIsaUNBQW1CO0lBQ25CLGVBQUE7SUFDSCw0QkFBQTtJQUNELG1CQUFBO0lBQ0ksb0JBQWlCO0NBR3BCOztBQUVEO0lBQ0ksaUJBQWlCO0lBQ2pCLHVCQUF1QjtDQUMxQiIsImZpbGUiOiJpbmRleC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuSW1nVG9vbENvbXBvbmVudCB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAvKndpZHRoOiA5MHB4OyovXHJcbiAgICAvKmhlaWdodDogOTBweDsqL1xyXG4gICAgLypib3gtc2l6aW5nOiBib3JkZXItYm94OyovXHJcbiAgICBtYXJnaW4tcmlnaHQ6IDI1cHg7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuXHJcbi5JbWdUb29sQ29tcG9uZW50ID4gaW1nIHtcclxuICAgIHdpZHRoOiA5MHB4O1xyXG4gICAgaGVpZ2h0OiA5MHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcclxuXHJcbn1cclxuXHJcbi5JbWdUb29sQ29tcG9uZW50IC5jbG9zZUJ0biB7XHJcbiAgICB3aWR0aDogMzJweDtcclxuICAgIGhlaWdodDogMzJweDtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZTc4NWI7XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgY29sb3I6ICNmZmZmZmY7XHJcbiAgICBmb250LXNpemU6IDI2cHg7XHJcbiAgICBsaW5lLWhlaWdodDogMjdweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogLTE2cHg7XHJcbiAgICByaWdodDogLTE2cHhcclxufVxyXG5cclxuLnNob3dCaWdJbWcge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiA1MCU7XHJcbiAgICBsZWZ0OiA1MCU7XHJcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxuICAgIGhlaWdodDogNzMycHg7XHJcbiAgICB3aWR0aDogOTc2cHg7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBsaW5lLWhlaWdodDogNzMycHg7XHJcbn1cclxuXHJcbi5zaG93QmlnSW1nID4gaW1nIHtcclxuICAgIG1heC1oZWlnaHQ6IDEwMCU7XHJcbiAgICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xyXG59XHJcblxyXG4vKi0tLS0tLS0tLXB4IHJlbSDliIblibLnur8tLS0tLS0tLS0tLSovXHJcblxyXG4uSW1nVG9vbENvbXBvbmVudCB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICAvKndpZHRoOiAwLjc1cmVtO1xyXG4gICAgICovXHJcbiAgICAvKmhlaWdodDogMC43NXJlbTtcclxuICAgICAqL1xyXG4gICAgLypib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICovXHJcbiAgICBtYXJnaW4tcmlnaHQ6IDAuMjA4MzMzMzMzMzMzMzMzMzRyZW07XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbn1cclxuLkltZ1Rvb2xDb21wb25lbnQ+aW1ne1xyXG4gICAgd2lkdGg6IDAuNzVyZW07XHJcbiAgICBoZWlnaHQ6IDAuNzVyZW07XHJcbiAgICBib3JkZXItcmFkaXVzOiAwLjA4MzMzMzMzMzMzMzMzMzMzcmVtO1xyXG59XHJcbi5JbWdUb29sQ29tcG9uZW50IC5jbG9zZUJ0bntcclxuICAgIHdpZHRoOiAwLjI2NjY2NjY2NjY2NjY2NjY2cmVtO1xyXG4gICAgaGVpZ2h0OiAwLjI2NjY2NjY2NjY2NjY2NjY2cmVtO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZlNzg1YjtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBjb2xvcjogI2ZmZmZmZjtcclxuICAgIGZvbnQtc2l6ZTogMC4yMTY2NjY2NjY2NjY2NjY2N3JlbTtcclxuICAgIGxpbmUtaGVpZ2h0OiAwLjIyNXJlbTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogLTAuMTMzMzMzMzMzMzMzMzMzMzNyZW07XHJcbiAgICByaWdodDogLTAuMTMzMzMzMzMzMzMzMzMzMzNyZW1cclxufVxyXG4uc2hvd0JpZ0ltZ3tcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRvcDogNTAlO1xyXG4gICAgbGVmdDogNTAlO1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwtNTAlKTtcclxuICAgIGhlaWdodDogNi4xcmVtO1xyXG4gICAgd2lkdGg6IDguMTMzMzMzMzMzMzMzMzMzcmVtO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgbGluZS1oZWlnaHQ6IDYuMXJlbTtcclxufVxyXG4uc2hvd0JpZ0ltZz5pbWd7XHJcbiAgICBtYXgtaGVpZ2h0OiAxMDAlO1xyXG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxufVxyXG5cclxuIl19 */