.preview-modal{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 102;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    .preview-modal-content{
        position:absolute;
        left:calc(50% - 133px);
        top:calc(50% - 87px);
        color:#FFF;
        text-align:center;
        width:266px;
        height:174px;
        .ant-spin-dot-item{
            background-color: #FFF;
        }
        .load-img-box{
            .load-img{
                width:44px;
                height:44px;
            }
        }
        .load-text-box{
            margin-top:23px;
            font-size:16px;
            color:#FFF;
            .load-text-box-title{
                margin-bottom:8px;
            }
        }
        .operate{
            margin-top:24px;
            .btn {
                padding:5px 12px;
                border:1px solid #E8E8E8;
                border-radius:2px;
            }
            .cancel-preview-btn{
                margin-right:8px;
            }
            .to-preview-btn__disabled{
                border:1px solid #E8E8E8;
                opacity: 0.4;
                
            }

        }
    }
}