.read-svg{background-position:center;background-repeat:no-repeat;display:inline-block;width:20px;height:20px}
.read-svg-card{background-image:url(../images/card.svg);}
.read-svg-loading{background-image:url(../images/loading.svg);width:22px;height:22px}
.read-svg-loading-b{background-image:url(../images/loading-b.svg);width:22px;height:22px}
.read-svg-warning{background-image:url(../images/warning.svg);}
.read-svg-success{background-image:url(../images/success.svg);}
.read-svg-question{background-image:url(../images/question.svg);}
.read-svg-failed{background-image:url(../images/failed.svg);}
.read-svg-view{background-image:url(../images/view.svg);}
.read-svg-file{background-image:url(../images/file.svg);}
.read-svg-download{background-image:url(../images/download.svg);}
.read-svg-cart{background-image:url(../images/cart.svg);}
.read-svg-down{background-image:url(../images/down.svg);}
.read-svg-done{background-image:url(../images/done.svg);}
.read-svg-copy{background-image:url(../images/copy.svg);cursor:pointer;}
.read-svg-vip{background-image:url(../images/vip.svg);width:26px;height:24px;background-position-y: 0px;}

.read-loading{position:fixed;left:0;top:0;background-color: rgb(0 0 0 / 10%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2000;}
.read-loading.read-loading-top{width: auto;height: auto;left: 50%;top: 20px;transform: translateX(-50%);background-color: transparent;}
.read-loading .read-svg-loading-b{background-size: 26px;transform: translateY(-1px);}
.read-loading .read-loading-body{display: flex;background-color: #fff;padding: 10px 15px;box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);border-radius: 3px;}
.read-loading .read-loading-body .read-loading-icon{margin-right:5px;}
.read-loading .read-loading-body .read-loading-content{font-size:14px;cursor:default;}
.read-loading .read-loading-body > *{height:20px;line-height: 20px;}