body{font:16px/1.5 "Microsoft YaHei","黑体","宋体",sans-serif;color:#333;--theme-color:#DBAC30;--theme-blue-color:#082DD6;--theme-red-color:#D0332E}
body,div,p,img,h1,h2,h3,h4,h5,h6,form,table,th,tr,td,select,ul,ol,li,dl,dt,dd{margin:0;padding:0;outline:none}
a{color:#333;text-decoration:none}
li{list-style:none}
.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:1200px;margin:0 auto}
.h5warp{display:none}
.fixed-right{position:fixed;z-index:5;top:50%;right:15px}
.fr-item{margin-bottom:5px;position:relative;padding-top:15px;width:77px;height:78px;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}
.video-fullscreen{position:fixed;z-index:-5;right:0;bottom:0;background-color:rgba(0,0,0,.5)}
.video-fullscreen video{width:1px;height:1px}
.video-fullscreen img{display:none;position:absolute;top:20vh;right:5%;width:25px;height:25px}
.video-fullscreen.small{z-index:150;left:0;top:0}
.video-fullscreen.small video{width:100%;height:50%;background-color:#000;margin-top:25vh}
.video-fullscreen.small img{display:block}

@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}
}