html { font-size: 13px; }
body{  -webkit-text-size-adjust: 100% !important;}
@media screen and (min-width: 320px) {
    html { font-size: 13px; }
}

@media screen and (min-width: 360px) {
    html { font-size: 14px; }
}

@media screen and (min-width: 414px) {
    html { font-size: 15px; }
}

@media screen and (min-width: 480px) {
    html { font-size: 16px; }
}
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
:root { /*背景颜色*/ --bg-color: #ff6a00; /*文字颜色*/ --text-color: #548dff; /*前景颜色*/ --front-color: #548dff; /*渐变背景开始*/ --gradual-start-color: #72c4fe; /*渐变背景结束*/ --gradual-end-color: #5895ff; /*背景浅颜色*/ --bg-light-color: #f2f9ff; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none }
a:active { color: #000; text-decoration: none }
em, i { font-style: normal; }
ul, li, p, dl, dt, dd { list-style: none; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0 }
.v-a { display: flex; align-items: center }
.btn { background: var(--bg-color); font-size: 1.1rem; text-align: center; display: block; padding: 1rem; border-radius: 2rem; color: #fff !important; box-sizing: border-box }
.btn:visited { color: #fff }
.btn.normal { color: #333 !important; border: 1px solid #e3e3e3; background: #fff; }
[v-cloak] { display: none; }
.d_loading {position:fixed;z-index:99;top:0;left:0;height:100%;width:100%;background:#f2f2f2 }
.d_loading .d_box { height: 6rem; width: 6rem; position: absolute; top: 50%; left: 50%; margin: -3rem 0 0 -3rem; background: rgba(0,0,0,.7); color: #fff; border-radius: .5rem; text-align: center }
.d_loading .d_an { position: relative; width: .8rem; height: .8rem; background: #7a7a7a; border-radius: 50px; animation: d_an 1.5s infinite linear; margin: 2rem auto 0 auto }
.d_loading .d_an:after { position: absolute; width: 2rem; height: 2rem; border-top: .6rem solid #e8e8e8; border-bottom: .6rem solid #e8e8e8; border-left: .6rem solid transparent; border-right: .6rem solid transparent; border-radius: 50px; content: ''; top: -1.2rem; left: -1.2rem; animation: d_an_after .5s infinite linear; }
.d_loading .d_d { height: 2.5rem }
.d_loading .d_txt { font-size: .9rem }
.sysicon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

@keyframes d_an { 0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); background: #585858; }
    100% { transform: rotate(360deg); }
}

@keyframes d_an_after {
    0% { border-top: .6rem solid #7a7a7a; border-bottom: .6rem solid #7a7a7a; }
    50% { border-top: .6rem solid #525252; border-bottom: .6rem solid #525252; }
    100% { border-top: .6rem solid #7a7a7a; border-bottom: .6rem solid #7a7a7a; }
}
@keyframes flow {
    100% { background-position: 200% 0 }
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(5px); }
}

@keyframes rockit {
    from {transform: rotate(-25deg); }
    to {  transform: rotate(10deg); }
}

@keyframes fade_in {
    from { opacity:0}
    to { opacity:1 }
}