html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a, img{-webkit-touch-callout:none}
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:100%}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
input:focus, textarea:focus, button:focus{outline:0}
a, a:hover{text-decoration:none}
button, input, textarea, select{font-family:inherit;font-size:100%}
body{font:12px/1.5 "FZLTXIHJW--GB1-0","hiragino sans gb","Helvetica Neue",Helvetica,STHeiTi,Arial;color:#808080;background-color:#fff;}
body{font-size:14px; font-family:Microsoft YaHei; -webkit-text-size-adjust:none;}
html, body{width:100%;height:100%;overflow:hidden}
.wrap{position:absolute;top:0;bottom:0;width:100%;margin-bottom:0;overflow:hidden;}
.loading {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.7);
    z-index: 4;
}

.loading div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.7);
}

.loading div:nth-child(1) {
    animation: makeBig 4s linear infinite;
    -webkit-animation: makeBig 4s linear infinite;
}

.loading div:nth-child(2) {
    animation: makeBigB 4s linear infinite;
    -webkit-animation: makeBigB 4s linear infinite;
}

.loading span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.loading img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
}

@keyframes makeBig {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
    100% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}

@-webkit-keyframes makeBig {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
    100% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
}

@keyframes makeBigB {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
    }
}

@-webkit-keyframes makeBigB {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    50% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
    }
    100% {
        transform: scale(2);
        -webkit-transform: scale(2);
    }
}
.bg{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;background-image:url("../image/loading.jpg");background-size:cover;background-position:bottom center;}
.blur{-webkit-filter:blur(15px);-webkit-transform:scale(1.15)}
.mask{position:absolute;top:0;bottom:0;left:0;z-index:2;width:100%;background-color:#000;opacity:0.6;}
.content {
    width: 128px;
    height: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -64px;
    z-index: 3;
    display: table;
    text-align: center;
    font-weight: normal;
    /*padding: 30px;
    border-radius: 50%;
    background-color: #fff;*/
}
.content .avatar {
    width: 124px;
    height: 124px;
    margin: 0px auto;
    padding: 0px;
    background-color: rgba(255,255,255,1.6);
    /*display: table-cell;
    vertical-align: middle;*/
}
.content .avatar img {
    width: 100%;
    height: 100%;
    background-size: cover;
}
.content .msg {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: rgba(255,255,255,.6);
    text-align: center;
    font-weight: 300;
    position: relative;
    display: inline-block;
    margin-top: 10px;
}