

uni-image {
    width: 320px;
    height: 240px;
    display: inline-block;
    overflow: hidden;
    position: relative
}

uni-image[hidden] {
    display: none
}

uni-image>div {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

uni-image>img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

uni-image>.uni-image-will-change {
    will-change: transform
}

@keyframes once-show {
    0% {
        top: 0
    }
}

uni-resize-sensor,uni-resize-sensor>div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

uni-resize-sensor {
    display: block;
    z-index: -1;
    visibility: hidden;
    animation: once-show 1ms
}

uni-resize-sensor>div>div {
    position: absolute;
    left: 0;
    top: 0
}

uni-resize-sensor>div:first-child>div {
    width: 100000px;
    height: 100000px
}

uni-resize-sensor>div:last-child>div {
    width: 200%;
    height: 200%
}

uni-view {
    display: block
}

uni-view[hidden] {
    display: none
}

uni-toast {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: block;
    box-sizing: border-box;
    pointer-events: none;
    font-size: 16px
}

.uni-sample-toast {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    max-width: 80%
}

.uni-simple-toast__text {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background-color: rgba(17,17,17,.7);
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    max-width: 100%;
    word-break: break-all;
    white-space: normal
}

uni-toast .uni-mask {
    pointer-events: auto
}

.uni-toast {
    position: fixed;
    z-index: 999;
    width: 8em;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(17,17,17,.7);
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.uni-toast * {
    box-sizing: border-box
}

.uni-toast__icon {
    margin: 20px 0 0;
    width: 38px!important;
    height: 38px!important;
    vertical-align: baseline!important
}

.uni-icon_toast {
    margin: 15px 0 0
}

.uni-icon_toast.uni-icon-success-no-circle:before {
    color: #fff;
    font-size: 55px
}

.uni-icon_toast.uni-loading {
    margin: 20px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline
}

.uni-toast__content {
    margin: 0 0 15px
}
