html, body { background: #fff !important; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, th, td { margin: 0; padding: 0; word-wrap: break-word; box-sizing: border-box; list-style: none; }
a:link, a:visited { text-decoration: none; }
input, button, select, textarea { outline: none; -webkit-appearance: none; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
/*ul,li,ol { list-style: none; }*/
.ver { vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.clearBox { zoom: 1; }
    .clearBox:active { content: ""; display: block; clear: both; }
.hide { display: none; }
.b { font-weight: bold; }
.p-abs { position: absolute; width: 100%; }
.p-re { position: relative; width: 100%; }
.flex { display: flex; }
.center { text-align: center; }

/*modal*/
.modalBoxfc { background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; display: flex; justify-content: center; align-items: center; display: none; }
.modalConfc { width: 75%; background: #fff; padding-top: 10px; border-radius: 3px; text-align: center; font-size: 18px; }
.modalTextfc { color: #999; padding-top: 12px; padding-bottom: 23px; font-size: 15px; border-bottom: 1px solid #efefef; }
.modalbtn { width: 50%; border: none; background: none; height: 50px; font-size: 18px; position: relative; }
.modalConfirm { color: #576b95; }
.modalCancel::before { content: " "; width: 1px; height: 50px; background: #efefef; display: inline-block; position: absolute; right: 0; top: 0; }
.loadingBoxfc { background: none; width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; display: flex; justify-content: center; align-items: center; display: none; }
.loadingConfc { width: 100px; min-height: 80px; padding-bottom: 10px; padding-top: 10px; border-radius: 8px; background: rgba(0,0,0,0.3); text-align: center; position: relative; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
/*Loading*/
.loadingIcon { width: 30px; height: 30px; margin-top: 10px; text-align: center; top: 0; }
.loadingTextfc { color: #fff; display: inline-block; /*margin-top: 70px;*/ font-size: 14px; width: 90%; overflow: hidden; margin-top: 70px; height: 20px; }
.showToastTextfc { color: #fff; display: inline-block; /*margin-top: 70px;*/ font-size: 14px; width: 90%; overflow: hidden; }
.loadingT { padding-bottom: 10px; }
.sk-fading-circle { width: 40px; height: 40px; position: absolute; }

    .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

        .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 2px auto 0; width: 3px; height: 9px; background-color: #fff; border-radius: 35%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
    .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
    .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
    .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
    .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
    .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
    .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
    .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
    .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
    .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
    .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
    .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
    .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
    .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
    .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
    .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
    .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
    .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
    .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
    .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
    .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
    .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
    .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0.2; }
    40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0.2; }
    40% { opacity: 1; }
}
/*Toast*/
.qin-icon-toast { background-image: url(../commonImg/success.png); background-position: center center; background-size: cover; width: 70px; height: 50px; /*position: absolute;*/ }
.wrong-toast { background-image: url(../commonImg/wrong.png); }

.watermark { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent center top repeat; filter: alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; font-size: 100px; color: White; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-touch-callout: none; touch-callout: none; -webkit-user-select: none; user-select: none; pointer-events: none; z-index: 999999; }
