/*-----------------------------网站底部美化CSS---------------------------*/
/*-----------------底部引导收藏------------------*/
@media screen and (max-width: 768px){
.footer-bar {
    display: none;
}
}
.footer-bar {
    position:relative;
    background:#3385ff00;
    color:#fff;
    font-size:14px;
    width:auto;
    overflow:visible
}
.footer-bar a {
    color:#fff
}
.footer-bar .jkdibubar {
    margin-top: 120px;
    overflow:visible;
    left: -148px;
}
.footer-bar .site-info {
    width:60%;
    display:none;
}
@media (min-width:768px) {
    .footer-bar .site-info {
width:auto
}
}
.footer-bar .site-info h2 {
font-size:20px;
line-height:1.4;
margin-bottom:10px;
text-transform:uppercase;
font-weight:400
}
@media (min-width:768px) {
.footer-bar .site-info h2 {
font-size:26px
}
}.footer-bar .site-info h4 {
font-size:14px;
font-weight:400
}
.footer-bar .site-fav {
padding-top:5px
}
.footer-bar .site-fav .btn-orange {
font-size:14px;
line-height:2.5;
padding:0 1.2em
}
@media (min-width:768px) {
.footer-bar .site-fav .btn-orange {
font-size:16px;
line-height:3.5;
padding:0 3em
}
}.footer-bar .site-girl {
position:absolute;
left:43%;
bottom:0
}
.footer-bar .site-girl .girl {
width:120px;
position:absolute;
left:0;
bottom:0;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}
.footer-bar .site-girl .girl:after {
    content:"Hello~ 我是FlowerDrunk";
    display:block;
    position:absolute;
    left:110%;
    top:40%;
    font-size:20px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    color: var(--jkthemewz);
}
.footer-bar .site-girl .thumb {
    padding-top:116.667%
}
.footer-bar .site-girl .girl-info {
    display:none;
    margin-left:208px;
    margin-bottom:60px;
    opacity:.5;
    font-weight:400;
    color: var(--jkthemewz);
}
@media (min-width:1330px) {
.footer-bar .site-girl .girl-info {
    display:block
}
}@media (min-width:768px) {
.footer-bar:hover .site-girl .girl {
    left:-120px/*鼠标经过后人物往左*/}
.footer-bar:hover .site-girl .girl:after {
    visibility:visible;
    opacity:1;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s;
    opacity:.5
}
}@media (max-width:767px) {
.footer-bar .btn-group>.btn:last-child {
    -webkit-border-radius:3px;
    border-radius:3px
}
}.sczc {
    float:left;
    position:absolute;
    left:210px;
}
/*收藏按钮位置*/.cd {
    float:right;
    position:absolute;
    right:779px;
    bottom: 13px;
}
/*底部收藏按钮*/.btn {
display: block;
cursor: pointer;
border-radius: 3px;
text-align: center;
line-height: 2.4;
outline: 0;
border: 0;
padding: 3px 7px 3px 7px;
}
.btn-orange {
background-color: var(--b2color);
border-radius: 3px;
color: #fff
}
.btn-orange:hover {
color: #fff;
background-color: var(--b2color);
background-image: -webkit-linear-gradient(left,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);
background-image: linear-gradient(to right,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);
border: 1px solid #fd592b;
border-radius: 3px
}
/*底部收藏按钮*/
/*网站底部右侧小工具*/
.sbkk-yj {
    text-align:center
}
.sbkk-yj p {
    text-transform:uppercase;
    letter-spacing: .45em;
    display:inline-block;
    margin-left: 2px;
}
.sbkk-yj p span {
    font:700 4em/1"Oswald", sans-serif;
    letter-spacing:0;
    padding:.25em 0 .325em;
    display:block;
    margin:0 auto;
    background:url(https://img.sjcnh.cn/images/sjcnhimg/btdbwzxgj.webp) repeat-y;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-animation:aitf 16s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -webkit-backface-visibility:hidden
}
@-webkit-keyframes aitf {
    0% {
        background-position:0 50%
    }
    100% {
        background-position:100% 50%
    }
}
.ffooter-menus {
    top: -21px;
    width: 278px;
    position: relative;
    margin: 0 auto;
}
@media (min-width:1024px) {
    .ffooter-menus {
        display:block
    }
}
/*底部自定义小工具微信官方群*/
.ewm-content.ewm-qun .ewm-qun-1 h2 {
    font-size: 25px;
    color: #47c333;
    margin-bottom: 15px;
}
.ewm-content.ewm-qun .ewm-qun-ul li .num {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #5b5b5b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: top;
    margin-right: 10px;
    font-size: 12px;
}
.wxqunewm{
    background-position: left center;
    padding-top: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.wxqunewmdiv{
    width: 100px;
    right: 285px;
    position: fixed;
    top: 250px;
}
.num{
    font-style: normal;
}
.ewm-qun-2{
    position: relative;
    left: 10px;
}
.ffooter-menus a {
    color:#676b6f
}
.ffooter-menus a:hover {
    color:#fff
}
.ffooter-menus .menus .menu-div.menu-1, .footer-menus .menus .menu-div.menu-2 {
    display:block
}
@media (min-width:1250px) {
    .ffooter-menus .menus .menu-div {
        width:33.3333%
    }
    .ffooter-menus .menus .menu-div.menu-3 {
        display:block
    }
}
@media (min-width:1330px) {
    .ffooter-menus .menus .menu-div {
        width:25%;
        display:block
    }
}
.ffooter-menus .menus .menu-div h2 {
    font-size:18px;
    color:#c6c7c9;
    margin-bottom:20px;
    font-weight:400
}
.ffooter-menus .menus .menu-div li {
    line-height:1.5;
    margin-bottom:10px
}
.ffooter-menus .like {
    text-align:center
}
.ffooter-menus .like strong {
    color:#ff7300;
    font-size:54px;
    line-height:1.24;
    font-family:Impact;
    font-weight:400
}
.ffooter-menus .like h3 {
    font-size:14px;
    font-weight:400;
    line-height:1.1
}
.ffooter-menus li {
    float:left;
    width:33.3333%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:inline;
    position:relative;
    line-height:1.3;
    margin-top:-8px
}
.ffooter-menus li:hover .ewm-content {
    visibility:visible;
    bottom:100%;
    opacity:1;
    border-radius: 8px;
}
.ffooter-menus .ico {
    font-size:46px;
    cursor:pointer;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.ffooter-menus .ico i {
    display:block;
    font-size: 40px;
}
.ffooter-menus h4 {
    font-size:12px;
    font-weight:400;
    margin:0
}
.ffooter-menus .ewm-content {
    position:absolute;
    left:50%;
    bottom:200%;
    background:#000;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 16px 32px 0 rgba(0, 0, 0, .1);
    box-shadow:0 16px 32px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:423px;
    -webkit-transform:translate(-50%);
    -ms-transform:translate(-50%);
    transform:translate(-50%)
}
.ffooter-menus .ewm-qun{
    height: 380px;
}
.ffooter-menus .ewm-content:before {
    content:"";
    display:block;
    position:absolute;
    margin-left:-6px;
    left:50%;
    top:100%;
    width:0;
    height:0;
    border-left:6px solid rgba(0, 0, 0, 0);
    border-right:6px solid rgba(0, 0, 0, 0);
    border-top:6px solid #000
}
@media (min-width:1024px) {
.ffooter-menus .ewm-content.ewm-douyin, .ffooter-menus .ewm-content.ewm-wechat {
    left:auto;
    right:0;
    -webkit-transform:translate(0);
    -ms-transform:translate(0);
    transform:translate(0)
}
.ffooter-menus .ewm-content.ewm-douyin:before, .ffooter-menus .ewm-content.ewm-wechat:before {
    left:auto;
    right:30px
    }
.ffooter-menus .ewm-content.ewm-douyin {
    -webkit-transform:translate(70px);
    -ms-transform:translate(70px);
    transform:translate(70px)
}
.ffooter-menus .ewm-content.ewm-douyin:before {
    right:110px
    }
}
.ffooter-menus .ewm-content.ewm-douyin {
    width:540px;
    height: 270px;
    z-index: 4;
}
.ffooter-menus .ewm-content.ewm-douyin .ewm-main .thumb-div {
    width:160px
}
.ffooter-menus .ewm-main {
    padding:40px 25px 40px 30px;
    color: #fff;
}
.ffooter-menus .ewm-main .fl {
    float:left
}
.ffooter-menus .ewm-main .fr {
    float:right
}
.ffooter-menus  .ewm-main .thumb-div {
    width:120px;
    margin-right:30px;
    background:#fff
}
.ffooter-menus .ewm-main .thumbs {
    padding-top:100%
}
.ffooter-menus .ewm-main h4 {
    font-size:14px;
    font-weight:400;
    color:#f5f5f5;
    line-height:1.714;
    margin-top:4px
}
.ffooter-menus .ewm-main h4 span {
    color:#fff
}
.ffooter-menus .ewm-main a {
    color:#ff3401
}
.ffooter-menus .ewm-main a:hover {
    color:#ff7300
}
.ffooter-menus .ewm-main h5 {
    font-weight:400;
    font-size:12px;
    color:#fff
}
.ffooter-menus .ewm-douyin .ewm-main {
    padding-left:10px;
    padding-right:10px;
    text-align:center
}
.ffooter-menus .ewm-douyin .ewm-main .thumb-div {
    margin:0 auto
}
.ffooter-menus .ewm-douyin .ewm-douyin-1, .ffooter-menus .ewm-douyin .ewm-douyin-2, .ffooter-menus .ewm-douyin .ewm-douyin-3 {
    width:33.3%
}
.ffooter-menus .ewm-douyin .ewm-douyin-1 {
    position:relative
}
.ffooter-menus .ewm-douyin .ewm-douyin-1:after {
    content:"";
    display:block;
    position:absolute;
    right:0;
    top:10%;
    width:1px;
    height:80%;
}
.ffooter-menus .ewm-weibo {
    width:520px;
    -webkit-transform:translate(-340px);
    -ms-transform:translate(-340px);
    transform:translate(-340px);
    z-index: 4;
}
.ffooter-menus .ewm-weibo:before {
    left:340px
}
.ffooter-menus .ewm-weibo .ewm-main {
    padding:20px 20px 0
}
.ffooter-menus .ewm-weibo .ewm-main {
    overflow: hidden;
    margin: 0px -67px 0px 0px;
    margin-left: -10px;
}
.ffooter-menus .ewm-weibo .ewm-main .item {
    float:left;
    width:45%;
    padding:0 10px 20px
}
.ffooter-menus .ewm-weibo .ewm-main .item a {
    display:block;
    background:#9191913d;
    -webkit-border-radius:4px;
    border-radius:4px;
    position:relative;
    padding:18px 16px 18px 44px;
    letter-spacing:0;
    color:#f5f5f5
}
.ffooter-menus .ewm-weibo .ewm-main .item a .item-ico {
    display:block;
    position:absolute;
    left:20px;
    top:18px;
    background:#9199a1;
    color:#fff;
    font-size:12px;
    font-family:ArialMT, Arial;
    width:18px;
    height:18px;
    text-align:center;
    line-height:18px;
    -webkit-border-radius:100%;
    border-radius:100%
}
.ffooter-menus .ewm-weibo .ewm-main .item a h2 {
    font-size:14px;
    font-weight:400;
    margin-bottom:6px;
    height:1.5em;
    overflow:hidden
}
.ffooter-menus .ewm-weibo .ewm-main .item a h4 {
    font-size:12px;
    font-weight:400;
    color:#b2b2b2;
    height:1.5em;
    overflow:hidden
}
.ffooter-menus .ewm-weibo .ewm-main .item a:hover {
    background:var(--jktemecolor);
    color:#fff
}
.ffooter-menus .ewm-weibo .ewm-main .item a:hover h4 {
    color:#fff
}
.ffooter-menus .ewm-weibo .ewm-main .item a:hover .item-ico {
    background:#fff;
    color:#3860f4
}
.ffooter-menus .status {
    text-align:center;
    color:#00c18e
}
.ffooter-menus .status h2 {
    font-family:Impact;
    font-weight:400;
    font-size:54px;
    color:#ff7300;
    letter-spacing:0
}
.ffooter-menus .status h3 {
    font-weight:400;
    font-size:14px
}
.ffooter-menus ul {
    text-align:center
}

.thumbs {
    display:block;
    width:100%;
    height:0;
    padding-top:66.7%;
    background-position:50%;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    background-size:cover;
    background-color:rgba(0, 0, 0, 0);
    position:relative;
    overflow:hidden
}
.ewn-hide, .show {
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.ewn-hide {
    visibility:hidden;
    opacity:0
}
[class^=sdk-]:before, [class*=" sdk-"]:before {
    font-family:"lib";
    font-style:normal;
    font-weight:400;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.sdk-remen:before {
  content: "\e6be";
}
.sdk-lianxi:before {
  content: "\e66f";
}
.sdk-Qqun:before {
  content: "\e6ac";
}
/*底部字母闪动结束*//*底部右侧小工具*/.footer-fav {
position: relative;
background: #edf3f9;
width: 100%;
overflow: hidden
}
@media(min-width:768px) {
.footer-fav {
width: auto;
overflow: visible;
background: #edf3f9
}
}
.footer-fav .container {
padding-top: 36px;
padding-bottom: 36px;
overflow: visible
}
.footer-fav .site-info {
width: 60%
}
@media(min-width:768px) {
.footer-fav .site-info {
width: auto
}
}
.footer-fav .site-info h2 {
font-size: 20px;
line-height: 1.4;
margin-bottom: 10px;
text-transform: uppercase
}
@media(min-width:768px) {
.footer-fav .site-info h2 {
font-size: 26px
}
}
.footer-fav .site-info h2 a {
color: #000
}
.footer-fav .site-info .site-p {
margin-bottom: 10px
}
.footer-fav .site-info .site-p p:first-child::after {
content: ','
}
@media(min-width:768px) {
.footer-fav .site-info .site-p {
margin-bottom: 0
}
.footer-fav .site-info .site-p p:first-child::after {
content: ''
}
}
.footer-fav .site-info p {
font-size: 12px;
color: #797979;
line-height: 1.8;
margin-bottom: 10px;
display: inline
}
@media(min-width:768px) {
.footer-fav .site-info p {
font-size: 14px;
margin-bottom: 0;
display: block
}
}
.footer-fav .site-fav {
padding-top: 5px
}
@media(min-width:768px) {
.footer-fav .site-fav {
padding-top: 24px
}
}
.footer-fav .site-fav .btn-orange {
font-size: 14px;
line-height: 2.5;
padding: 0 1.2em
}
@media(min-width:768px) {
.footer-fav .site-fav .btn-orange {
font-size: 16px;
line-height: 3.5;
padding: 0 2em
}
}
@media(max-width:767px) {
.home .footer-fav {
display: none
}
}
@media(max-width:767px) {
.footer-fav .btn-group>.btn:last-child {
border-radius: 3px
}
}
.hide {
visibility: hidden;
opacity: 0;
transition: all .2s
}
.footer .friendlinks {
font-size: 12px;
color: #4f4f4f;
line-height: 2;
margin: 0 -.5em 20px;
word-break: keep-all
}
.footer .friendlinks h6 {
font-size: 12px;
font-weight: normal;
display: inline;
margin: 0 .5em
}

.footer .friendlinks ul {
display: inline
}

.footer .friendlinks li {
display: inline;
margin: 0 .5em
}

.footer .friendlinks a {
color: #4f4f4f
}

.footer .friendlinks a:hover {
color: #acacac
}
.footer .copyright .asline {
font-style: normal;
display: block
}

@media(min-width:768px) {
.footer .copyright .asline {
display: inline
}
}

.footer .copyright p {
padding: .5em 0;
border-radius: 4px
}

@media(min-width:768px) {
.footer .copyright p {
background: #000;
display: inline-block;
padding: .5em 1.5em
}
}

.footer .copyright a:hover {
color: #acacac
}

@media all {
.footer:hover .footer-colors {
animation-play-state: running
}
}

@keyframes animate-colors {
0% {
background-position: 0 0
}

100% {
background-position: 7000px 0
}
}
/*底部右侧小工具*//*底部彩色带*/ .footer .footer-colors {
    width: 100%;
    height: 6px;
    position: absolute;
    margin-top: 44px;
    background-color: #333;
    background-position: 0 0;
    background-repeat: repeat;
    background-image: -webkit-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    background-image: -o-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    background-image: -moz-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    background-image: repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    animation: animate-colors 200s infinite linear;
    animation-play-state: paused;
}
/*彩色带阴影*/.footer .colors-shadow {
    position: absolute;
    height: 11px;
    margin-top: 49px;
}

.footer .colors-shadow::after {
content: '';
display: block;
width: 100%;
height: 100%;
background: linear-gradient(to bottom,rgb(0 0 0 / 44%),#2a8cb7)
}
/*底部悬浮滚动提示条*/.footwaveline{
    position: fixed;
    z-index: 5;
}
@media (max-width:768px){/*手机端不显示*/.footwaveline{
display:none;
}
}
.jkzttimg2{
    height: 3px;
    width: 100%;
    position: fixed;
    background-size: 8px 2px !important;
    z-index: 98;
    bottom: 20px;
}
#jkzttext{
    position: fixed;
    bottom: -9px;
    margin-left: 10px;
    z-index: 99;
}
.jkztt{
    width: 100%;
    height: 30px;
    position: fixed;
    bottom: -9px;
    z-index: 97;
    box-shadow: 0 -2px 10px rgb(0 0 0 / 10%);
    color: #000;
}
.joe_header{
width: 100%;
height: 25px;
position: fixed;
bottom: 0;
z-index: 97;
box-shadow: 0 -2px 10px rgb(0 0 0 / 10%);
background:#ffffffa3;
}
.joe_header__below-logon{
float: right;
height: 45px;
display: inline-flex;
overflow: hidden;
}
.footgundong{
margin: 0 20px;
text-align:right;
position:relative;
bottom:10px;
color: var(--jkthemewz);
}
.footgundong li{
height: 45px;
    line-height: 40px;
}
.item-foot{
color:var(--b2color);/*随机展示颜色*/transition:color .35s;
white-space:nowrap;
}
.item-foot:hover{
color:#ff5d8f;/*鼠标经过随机展示颜色*/}
.dbxfll:hover{
color:#ff5d8f;/*鼠标经过浏览次数，评论颜色*/}
.fshoucang{
line-height: 27px;
color: var(--jkthemewz);
}
.fps{
margin-left: 20px;
line-height: 29px;
min-width: 53px;
display: inline-block;
color: var(--jkthemewz);
}
@media (max-width:1200px){
#shi{
display:none;
}
}
/*极客底部品宣公告*/.marquee {
    width: 500px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    top: -9px;
    left: 213px;
    color: var(--jkthemewz);
}
.marquee:hover {
    color:var(--jktemecolor);
}
.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
/*底部悬浮滚动提示条*/
/*底部友情链接模块*/@media (min-width: 1024px){
.bands {
    float: left;
    width: 70%;
    height: 5px;
}}
.bands ul {
    margin: 0 -8px 0 -7px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
}
.bands ul li {
    padding: 0 8px 15px 7px;
    width: 33.3333%;
    box-sizing: border-box;
}
.qqgroup a {
    display: block;
    width: 220px;
    height: 50px;
    line-height: 51px;
    color: #000;
    background: #0000000d;
    border-radius: 3px;
    text-align: center;
    position: relative;
}
.jk-dibuwz {
    display: none;
}
.bands .band::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #ff00;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: all .2s;
    border-radius: 3px;
}
.bands .band {
    background-color: #42424d17;
    height: 50px;
    border-radius: 5px;
}
.bands .band:hover {
    background-color: var(--b2color)
}
.qqgroup a:hover {
    background-color: var(--b2color);
    color: #fff;
}
.bands .band:hover::after {
    background: transparent
}
.container {
    width: 100%;
        margin: 0 auto;
    max-width: 1500px;
    display: flex!important;
}
.container:before,.container:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}
.container .qqgroup{
    padding-left: 160px;
}
.thumb {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    transition: all .2s
}
/* 底部导航 start */.jkdbjj {
    animation: jkdbjj 5s infinite ease-in-out;
    color: var(--b2color);
    display: inline-block;
    margin: 0 5px 2px 5px;
    position: relative;
    top: 9px;
}
@-webkit-keyframes jkdbjj {
    2%, 24%, 80% {
        -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
        transform: translate(0, 1.5px) rotate(1.5deg)
    }
    4%, 68%, 98% {
        -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
        transform: translate(0, -1.5px) rotate(-.5deg)
    }
    38%, 6% {
        -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
        transform: translate(0, 1.5px) rotate(-1.5deg)
    }
    8%, 86% {
        -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
        transform: translate(0, -1.5px) rotate(-1.5deg)
    }
    10%, 72% {
        -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
        transform: translate(0, 2.5px) rotate(1.5deg)
    }
    12%, 64%, 78%, 96% {
        -webkit-transform: translate(0, -.5px) rotate(1.5deg);
        transform: translate(0, -.5px) rotate(1.5deg)
    }
    14%, 54% {
        -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
        transform: translate(0, -1.5px) rotate(1.5deg)
    }
    16% {
        -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
        transform: translate(0, -.5px) rotate(-1.5deg)
    }
    18%, 22% {
        -webkit-transform: translate(0, .5px) rotate(-1.5deg);
        transform: translate(0, .5px) rotate(-1.5deg)
    }
    20%, 36%, 46% {
        -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }
    26%, 50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, .5px) rotate(.5deg)
    }
    28% {
        -webkit-transform: translate(0, .5px) rotate(1.5deg);
        transform: translate(0, .5px) rotate(1.5deg)
    }
    30%, 40%, 62%, 76%, 88% {
        -webkit-transform: translate(0, -.5px) rotate(2.5deg);
        transform: translate(0, -.5px) rotate(2.5deg)
    }
    32%, 34%, 66% {
        -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
        transform: translate(0, 1.5px) rotate(-.5deg)
    }
    42% {
        -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
        transform: translate(0, 2.5px) rotate(-1.5deg)
    }
    44%, 70% {
        -webkit-transform: translate(0, 1.5px) rotate(.5deg);
        transform: translate(0, 1.5px) rotate(.5deg)
    }
    48%, 74%, 82% {
        -webkit-transform: translate(0, -.5px) rotate(.5deg);
        transform: translate(0, -.5px) rotate(.5deg)
    }
    52%, 56%, 60% {
        -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
        transform: translate(0, 2.5px) rotate(2.5deg)
    }
    58% {
        -webkit-transform: translate(0, .5px) rotate(2.5deg);
        transform: translate(0, .5px) rotate(2.5deg)
    }
    84% {
        -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
        transform: translate(0, 1.5px) rotate(2.5deg)
    }
    90% {
        -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
        transform: translate(0, 2.5px) rotate(-.5deg)
    }
    92% {
        -webkit-transform: translate(0, .5px) rotate(-.5deg);
        transform: translate(0, .5px) rotate(-.5deg)
    }
    94% {
        -webkit-transform: translate(0, 2.5px) rotate(.5deg);
        transform: translate(0, 2.5px) rotate(.5deg)
    }
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}
@keyframes jkdbjj {
    2%, 24%, 80% {
        -webkit-transform: translate(0, 1.5px) rotate(1.5deg);
        transform: translate(0, 1.5px) rotate(1.5deg)
    }
    4%, 68%, 98% {
        -webkit-transform: translate(0, -1.5px) rotate(-.5deg);
        transform: translate(0, -1.5px) rotate(-.5deg)
    }
    38%, 6% {
        -webkit-transform: translate(0, 1.5px) rotate(-1.5deg);
        transform: translate(0, 1.5px) rotate(-1.5deg)
    }
    8%, 86% {
        -webkit-transform: translate(0, -1.5px) rotate(-1.5deg);
        transform: translate(0, -1.5px) rotate(-1.5deg)
    }
    10%, 72% {
        -webkit-transform: translate(0, 2.5px) rotate(1.5deg);
        transform: translate(0, 2.5px) rotate(1.5deg)
    }
    12%, 64%, 78%, 96% {
        -webkit-transform: translate(0, -.5px) rotate(1.5deg);
        transform: translate(0, -.5px) rotate(1.5deg)
    }
    14%, 54% {
        -webkit-transform: translate(0, -1.5px) rotate(1.5deg);
        transform: translate(0, -1.5px) rotate(1.5deg)
    }
    16% {
        -webkit-transform: translate(0, -.5px) rotate(-1.5deg);
        transform: translate(0, -.5px) rotate(-1.5deg)
    }
    18%, 22% {
        -webkit-transform: translate(0, .5px) rotate(-1.5deg);
        transform: translate(0, .5px) rotate(-1.5deg)
    }
    20%, 36%, 46% {
        -webkit-transform: translate(0, -1.5px) rotate(2.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }
    26%, 50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, -1.5px) rotate(2.5deg)
    }
    26%, 50% {
        -webkit-transform: translate(0, .5px) rotate(.5deg);
        transform: translate(0, .5px) rotate(.5deg)
    }
    28% {
        -webkit-transform: translate(0, .5px) rotate(1.5deg);
        transform: translate(0, .5px) rotate(1.5deg)
    }
    30%, 40%, 62%, 76%, 88% {
        -webkit-transform: translate(0, -.5px) rotate(2.5deg);
        transform: translate(0, -.5px) rotate(2.5deg)
    }
    32%, 34%, 66% {
        -webkit-transform: translate(0, 1.5px) rotate(-.5deg);
        transform: translate(0, 1.5px) rotate(-.5deg)
    }
    42% {
        -webkit-transform: translate(0, 2.5px) rotate(-1.5deg);
        transform: translate(0, 2.5px) rotate(-1.5deg)
    }
    44%, 70% {
        -webkit-transform: translate(0, 1.5px) rotate(.5deg);
        transform: translate(0, 1.5px) rotate(.5deg)
    }
    48%, 74%, 82% {
        -webkit-transform: translate(0, -.5px) rotate(.5deg);
        transform: translate(0, -.5px) rotate(.5deg)
    }
    52%, 56%, 60% {
        -webkit-transform: translate(0, 2.5px) rotate(2.5deg);
        transform: translate(0, 2.5px) rotate(2.5deg)
    }
    58% {
        -webkit-transform: translate(0, .5px) rotate(2.5deg);
        transform: translate(0, .5px) rotate(2.5deg)
    }
    84% {
        -webkit-transform: translate(0, 1.5px) rotate(2.5deg);
        transform: translate(0, 1.5px) rotate(2.5deg)
    }
    90% {
        -webkit-transform: translate(0, 2.5px) rotate(-.5deg);
        transform: translate(0, 2.5px) rotate(-.5deg)
    }
    92% {
        -webkit-transform: translate(0, .5px) rotate(-.5deg);
        transform: translate(0, .5px) rotate(-.5deg)
    }
    94% {
        -webkit-transform: translate(0, 2.5px) rotate(.5deg);
        transform: translate(0, 2.5px) rotate(.5deg)
    }
    0%, 100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }
}
/* end */@media (max-width: 800px){
.footwaveline{display: none;}
#footgundong{margin-left:20px;overflow: overlay;display: inline-flex;text-align: right;}
.item-foot{color: var(--minor);height: 45px;line-height: 45px;transition: color 0.35s;white-space: nowrap;}
.swal-footer{text-align:center;}
.swal-button {font-size: 20px;}
.count>svg,.count>text{display:none;}
.wz-span {
    border: 1px solid #bbbbbb;
    height: auto;
    color: #bbbbbb;
    font-size: 10px;
    border-radius: 2px;
    padding: 0 2px;
}
}