/* css基础样式开始 */
*{padding:0;margin:0;list-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
body,html {width:100%;height:100%;background:#fff;overflow:hidden;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a {border:0;}
img,input {border:none;vertical-align:middle;outline:none;}
body {font-size:12px;color:#333;}
ul,ol {list-style-type:none;}
th,td,input {font-size:12px;}
h3 {font-size:14px;}
button {border:none;cursor:pointer;font-size:12px;background-color:transparent;outline:none;}
select {border-width:1px;_zoom:1;border-style:solid;font-size:12px;}
select {appearance:none;-moz-appearance:none;-webkit-appearance:none; background: transparent}
select::-ms-expand {display:none;}
a,p {text-decoration:none;}
a:link,a:visited {text-decoration:none;color:#333;}
a:focus,p:focus {text-decoration:none;}
a:hover,a:active {text-decoration:none;}
input {background:none;outline:none;border:none;}
input::-webkit-input-placeholder {color:#9B9B9B;}
/* WebKit browsers */  input:-moz-placeholder {color:#9B9B9B;}
/* Mozilla Firefox 4 to 18 */  input::-moz-placeholder {color:#9B9B9B;}
/* Mozilla Firefox 19+ */  input:-ms-input-placeholder {color:#9B9B9B;}
/* Internet Explorer 10+ */  .clear {clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after {content:"";display:block;clear:both;}
.clearfix {zoom:1;}
:focus {outline:none;}
/*for IE*/::-moz-focus-inner {border-color:transparent;}
/* css基础样式结束 */
@-webkit-keyframes whirling {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}
@keyframes whirling {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: center center;
        transform-origin: center center;
    }
}
.loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F4F4F4;
}
.loading-img{
    width: 120px;
    height: 120px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading-img img{
    width: 50%;
    height: auto;
}
.loading-img::before{
    width: 100%;
    height: 100%;
    content: "";
    background: url("../img/logo-bg.png") no-repeat center;
    background-size: contain;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: whirling 2s ease-in-out infinite;
}
.app-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:#FFFEF9;
    display: flex;
    flex-direction: column;
}
.share-content{
    width: 100%;
    height: 100%;
    background: url('../img/pic_bg.png') repeat-x;
    background-size: contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
}
.share-content::-webkit-scrollbar {
    display: none;
}
.tip{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0,0,0,0.6);
}
.tip img{
    width: 85%;
    height: auto;
    margin-left: 5%;
}
.logo{
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.logo img{
    width: 100%;
    height: auto;
}
.button{
    width: 80%;
    height: auto;
    margin-top: auto;
}
.button img{
    width: 100%;
    height: auto;
}
.text{
    width: 72%;
    margin-top: 1.5%;
}
.text img{
    width: 100%;
    height: auto;
}
.footer{
    width: 82%;
    margin-top: 5%;
    margin-bottom: 2%;
}
.footer img{
    width: 100%;
    height: auto;
}