*{box-sizing:border-box;}
.fixed-flolt{width:60px;height:399px;position:fixed;right:6px;bottom:22%;padding:10px 4px 63px;line-height:1;z-index:9999}
.fixed-flolt .btn{width:170px;height:64px;padding:12px 0;padding-left:62px;margin-top:10px;background:url(../images/swt_bg.png);background-repeat:repeat-x;border-radius:20px;font-size:20px;font-weight:bold; color:#f12036;display:block;position:relative;cursor:pointer;transition:all linear .3s;box-shadow:0 5px 5px rgb(0 0 0 / 50%)}
.fixed-flolt .btn:before{content:"";width:46px;height:50px;border-radius:14px;position:absolute;left:8px;top:0;bottom:0;margin:auto 0;box-shadow:0 3px 5px rgba(251,54,12,.67);transition:all linear .3s}
.fixed-flolt .btn span{color:#f12036;font-weight:700;display:inline-block;margin-top:6px;transition:all linear .3s;font-size:12px}
.fixed-flolt .btn span:before{content:"";height:1px;background-image:linear-gradient(to right,transparent,#fdeac0,transparent);position:absolute;left:0;right:0;bottom:-1px}
.fixed-flolt .btn:hover{color:rgba(246,104,38,.75)}
.fixed-flolt .btn:hover span{color:#f66a28}
.fixed-flolt .btn1:hover:before{animation:effect 1.2s linear infinite}
.fixed-flolt .btn1:before{background:url(../images/rlfltb01.png) center no-repeat}
.fixed-flolt .btn1:hover:before{background:url(../images/rlfltb01.png) center no-repeat}
.fixed-flolt .btn2:before{background:url(../images/rlfltb02.png) center no-repeat}
.fixed-flolt .btn2:hover:before{background:url(../images/rlfltb02.png) center no-repeat}
.fixed-flolt .btn3{position:relative;}
/*.fixed-flolt .btn3:hover span,.fixed-flolt .btn2:hover span{color:#f12036;font-size:26px;position:absolute;background:url(../images/swt_bg.png);border-radius:20px;right:90px;top:0;width:368px;margin:0;padding:19px 0 19px 66px;box-shadow:0 5px 5px rgb(0 0 0 / 38%);text-align:left}
.fixed-flolt .btn3:hover span:before,.fixed-flolt .btn2:hover span:before{content:"";width:46px;height:50px;border-radius:14px;position:absolute;left:8px;top:0;bottom:0;margin:auto 0;box-shadow:0 3px 5px rgba(251,54,12,.67);transition:all linear .3s;background:url(../images/rlfltb03.png) center no-repeat}
.fixed-flolt .btn2:hover span:before{background-image:url(../images/rlfltb02.png)}
*/
.fixed-flolt .btn3 span,.fixed-flolt .btn2 span{color:#f12036;font-size:26px;position:absolute;background:url(../images/swt_bg.png);border-radius:20px;right:-200px;top:0;width:368px;margin:0;padding:19px 0 19px 66px;box-shadow:0 5px 5px rgb(0 0 0 / 38%);text-align:left}
.fixed-flolt .btn3 span:before,.fixed-flolt .btn2 span:before{content:"";width:46px;height:50px;border-radius:14px;position:absolute;left:8px;top:0;bottom:0;margin:auto 0;box-shadow:0 3px 5px rgba(251,54,12,.67);transition:all linear .3s;background:url(../images/rlfltb03.png) center no-repeat}
.fixed-flolt .btn2 span:before{background-image:url(../images/rlfltb02.png)}
.fixed-flolt .btn3:hover span,.fixed-flolt .btn2:hover span{right:90px;transition:all linear .3s}
.fixed-flolt .btn2,.fixed-flolt .btn3{background:none;box-shadow:none}

.fixed-flolt .btn3:hover:before{display:none;}
.fixed-flolt .btn3:before{background:url(../images/rlfltb03.png) center no-repeat}
.fixed-flolt .btn4:before{background:url(../images/rlflxsbg.png) center no-repeat;animation:effect 1.2s linear infinite}
.back-top{width:60px;height:60px;background:url(../images/totop.png) no-repeat;position:absolute;bottom:26px;left:50%;margin-left:-20px;display:block!important;background-size:cover}
@keyframes backTop{0%,100%{top:8px}
50%{top:5px}
}
@-webkit-keyframes backTop{0%,100%{top:8px}
50%{top:5px}
}
@keyframes scaleChange{0%,100%{transform:scale(1)}
50%{transform:scale(.6)}
}
@-webkit-keyframes scaleChange{0%,100%{transform:scale(1)}
50%{transform:scale(.6)}
}
@keyframes effect{0%{transform:scale(1)}
50%{transform:scale(.9)}
100%{transform:scale(1)}
}
@media screen and (max-width:1440px){
.fixed-flolt{bottom:10%}
}
@media screen and (max-width:1280px){
.fixed-flolt{bottom:5%}
}
@media screen and (max-width:1048px){
.fixed-flolt{bottom:0%}
}
@media screen and (max-width:800px){
.fixed-flolt{display:none;}
}