body,div,span,header,footer,nav,
section,aside,article,ul,dl,dt,
dd,li,a,p,h1,h2,h3,h4,h5,h6,i,b,
textarea,button,input,select,figure,
figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    font-weight: normal;
    font-family: "Microsoft Yahei";
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 1;
}
div,header,footer,section,article,aside {
    display: block;
}
body:hover,div:hover,span:hover,header:hover,
footer:hover,nav:hover,section:hover,aside:hover,
article:hover,ul:hover,dl:hover,dt:hover,dd:hover,
li:hover,a:hover,p:hover,h1:hover,h2:hover,h3:hover,
h4:hover,h5:hover,h6:hover,i:hover,b:hover,textarea:hover,
button:hover,input:hover,select:hover,figure:hover,
figcaption:hover {
    outline: none;
}

input[type="button"],input[type="submit"],
input[type="search"],input[type="reset"] {
    -webkit-appearance: none;
}

textarea {
    -webkit-appearance: none;
}

img {
    border: none;
    display: block;
    max-width: 100%;
    transform: translate3d(0, 0, 0);
}

html,body {
    font-size: 12px;
    width: 100%;
    user-select: none;
    -webkit-user-select: none;
    -webkit-overflow-scrolling: touch;
}

em {
    font-style: normal;
}

table {
    border-collapse: collapse;
    width: 100%;
}

input,textarea,p,h1,h2,h3,h4,h5,h6 {
    user-select: text !important;
    -webkit-user-select: text !important;
}

#app {
    width: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#root {
    margin: 0 auto;
    width: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.clearfix:before {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: both;
    display: table;
    content: " ";
}
.pull-left {
    float: left !important;
}
.pull-right {
    float: right !important;
}

#tTemTipsBox{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
}
#tTemTipsBox .tTem_tips{
    width: 8rem;
    height: 8rem;
    border-radius: .42666667rem;
    padding: .32rem;
    position: relative;
    background-color: rgba(0,0,0,.9);
}
#tTemTipsBox .tTem_finger-box{
    position: relative;
    width: 100%;
    height: 100%;
}
#tTemTipsBox .tTem_hand{
    position: absolute;
    left: 50%;
    top: 3rem;
    width: 1.92rem;
    animation: tTem_AnimateHand 2s infinite;
    margin-left: -.64rem;
    z-index: 2001;
}
#tTemTipsBox .tTem_img-wrap{
    width: 2rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
#tTemTipsBox .tTem_img-wrap img{
    width: 100%;
}
#tTemTipsBox .tTem_notice{
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 2.5;
    font-size: 0.72533333rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

@keyframes tTem_AnimateHand {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3.2rem);
    }

    51% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(3.2rem);
    }
}