* {
    padding: 0;
    margin: 0
}

.page__bd {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #f7f7f7
}

#page__bd {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #f7f7f7
}

.loadBox {
    position: absolute;
    top: 34%;
    left: 50%;
    margin-top: -2.25rem;
    margin-left: -2.5rem;
    width: 5rem;
    height: 4.5rem
}

.loadingLineBox {
    position: absolute;
    bottom: 0;
    height: 0.2rem;
    width: 5rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    background: #EEEEEE;
    overflow: hidden
}

.loadingLine {
    position: absolute;
    left: 0;
    width: 1.4rem;
    height: 0.2rem;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    background: #00cb96;
    animation: loadingLineMove 2s infinite linear;
    -moz-animation: loadingLineMove 2s infinite linear;
    -ms-animation: loadingLineMove 2s infinite linear;
    -webkit-animation: loadingLineMove 2s infinite linear
}

@-webkit-keyframes loadingLineMove {
    0% {
        left: 0
    }
    50% {
        left: 3.6rem
    }
    100% {
        left: 0
    }
}

@-moz-keyframes loadingLineMove {
    0% {
        left: 0
    }
    50% {
        left: 3.6rem
    }
    100% {
        left: 0
    }
}

@-ms-keyframes loadingLineMove {
    0% {
        left: 0
    }
    50% {
        left: 3.6rem
    }
    100% {
        left: 0
    }
}

@keyframes loadingLineMove {
    0% {
        left: 0
    }
    50% {
        left: 3.6rem
    }
    100% {
        left: 0
    }
}

.loadingOne {
    float: left;
    width: 4.1rem;
    height: 3.7rem;
    margin-left: 0.45rem
}

.loadingTwo {
    width: 0.8rem;
    height: 0.8rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00cb96;
    position: absolute;
    top: 0.35rem;
    right: 0.3rem;
    animation: loadingCircleRotate 2s infinite linear;
    -moz-animation: loadingCircleRotate 2s infinite linear;
    -ms-animation: loadingCircleRotate 2s infinite linear;
    -webkit-animation: loadingCircleRotate 2s infinite linear
}

@-webkit-keyframes loadingCircleRotate {
    0% {
        transform: rotateX(0deg)
    }
    65% {
        transform: rotateX(360deg)
    }
    100% {
        transform: rotateX(360deg)
    }
}

@-moz-keyframes loadingCircleRotate {
    0% {
        transform: rotateX(0deg)
    }
    65% {
        transform: rotateX(360deg)
    }
    100% {
        transform: rotateX(360deg)
    }
}

@-ms-keyframes loadingCircleRotate {
    0% {
        transform: rotateX(0deg)
    }
    65% {
        transform: rotateX(360deg)
    }
    100% {
        transform: rotateX(360deg)
    }
}

@keyframes loadingCircleRotate {
    0% {
        transform: rotateX(0deg)
    }
    65% {
        transform: rotateX(360deg)
    }
    100% {
        transform: rotateX(360deg)
    }
}

.uni-icon{width: 1px;height: 1px;position: fixed;z-index: -1;top: -1000px;}