.fl{float:left}
.fr{float:right}
.cs{cursor:pointer}
img{vertical-align:top}
.overflow1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overflow2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.overflow3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.clearfix{zoom:1}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.flex{display:-webkit-flex;display:flex}
.flex-row-rev{display:-webkit-flex;display:flex;flex-direction:row-reverse}
.flex-col{display:-webkit-flex;display:flex;flex-direction:column}
.flex-col-rev{display:-webkit-flex;display:flex;flex-direction:column-reverse}
.flex-wrap{flex-wrap:wrap}
.item-center{align-items:center}
.item-end{align-items:flex-end}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.w1200{width:1300px;margin:0 auto}
.h5warp{display:none}
.fixed-right{position:fixed;z-index:5;top:40%;right:15px}
.fr-item{margin-bottom:5px;position:relative;padding-top:15px;background-color:var(--theme-color);text-align:center;cursor:pointer;font-size: 14px;color: #fff;}
.fr-item>div{box-shadow:4px 4px 8px 0px rgba(0,0,0,0.25);padding:10px;background-color:#fff;position:absolute;z-index:1;top:0;left:-25px;transform:translateX(-100%);-webkit-transition:all .1s ease-in-out .1s;-moz-transition:all .1s ease-in-out .1s;transition:all .1s ease-in-out .1s;opacity:0;visibility:hidden}
.fr-item:hover>div{left:-5px;opacity:1;visibility:visible}
.fr-item.code{background-color:var(--theme-blue-color)}
.fr-item.code>div img{width:140px}

@media screen and (max-width:767px) {
    .pcwarp{display:none}
    .h5warp{display:block}
    img{max-width:100%}
    .w1200{width:100%}
    .fixed-right{top:auto;bottom:100px}
    .fr-item{padding:0;width:50px;height:50px;border-radius:50%;}
    .fr-item>img{width:28px;margin-top:11px;}
    .fr-item>p{display:none}
    .fr-item>div{padding:4px}
    .fr-item.code>div img{width:100px;max-width:100px}
}