.linehover,.linehover:before,.linehover:after{transition: all 0.3s;border-bottom: 2px solid transparent;padding-bottom: 6px;position: relative;}
.linehover:before, .linehover:after {content: '';position: absolute;box-sizing: content-box;}
.linehover:before {width: 0;height: 100%;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.linehover:after {width: 100%;height: 0;border-width: 2px 0 2px 0;bottom: 0;left: -2px;}
.linehover:hover:before {width: 100%;}
.linehover:hover:after {height: 100%;}
.linehover:before{border-color: #FFFFFF;}
.linehover:after {border-color: transparent;}
.linehover:hover{_border-bottom: 2px solid #FFFFFF;_padding-bottom: 6px;*border-bottom: 2px solid #FFFFFF;*padding-bottom: 6px}

.topbarb .linehover:before{border-color: #0021BF;}
.topbarb .linehover:after {border-color: transparent;}
.topbarb .linehover:hover{_border-bottom: 2px solid #0021BF;_padding-bottom: 6px;*border-bottom: 2px solid #0021BF;*padding-bottom: 6px}

.borderhover{position: relative;border: 1px solid #808080}
.borderhover:before,.borderhover:after{content: '';position: absolute;box-sizing: content-box; border-style: solid;}
.borderhover:before{width: 0;height: 100%;border-width: 1px 0 1px 0;transition-delay: 0.05s;-webkit-transition-delay: 0.05s;top: -1px;left:0;}
.borderhover:after{width: 100%;height: 0;border-width: 1px 0 1px 0;top: 0;left: -1px;}
.borderhover:hover:before{width: 100%;}
.borderhover:hover:after{height: 100%;}
.borderhover:before,.borderhover:after{border-color: #007AFF;}
.borderhover:hover{color: #007AFF;}

.bgbtn{ display: inline-block; position: relative;background-color: transparent;}
.bgbtn:before, .bgbtn:after {content: '';width: 0;height: 100%;opacity: 0;position: absolute;top: 0;z-index: 1;-webkit-transition: all 0.3s;transition: all 0.3s;}
.bgbtn:before {left: 50%;}
.bgbtn:after {right: 50%;}
.bgbtn:hover {color: #fff;}
.bgbtn:hover:before, .bgbtn:hover:after {width: 50%;opacity: 1;}
.bgbtn.wbg:before, .bgbtn.wbg:after {background:rgba(255,255,255,0.3);}
.bgbtn.wbg:hover {border-color: #FFFFFF;color: #0021BF;}

.scalea{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.scalea:hover{-webkit-transform: scale(1.06); -moz-transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06);}

.hoverdot{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50% 50%;animation: run 2s linear infinite;}
.hoverdot:hover{width:100%;height: 100%;background: #FFFFFF;}


 @keyframes run {
            0% {
                transform: scale(0.3);
                -webkit-transform: scale(0.3);
                opacity: 0.0;
            }

            25% {
                transform: scale(0.3);
                -webkit-transform: scale(0.3);
                opacity: 0.1;
            }

            50% {
                transform: scale(0.5);
                -webkit-transform: scale(0.5);
                opacity: 0.3;
            }

            75% {
                transform: scale(0.8);
                -webkit-transform: scale(0.8);
                opacity: 0.5;
            }

            100% {
                transform: scale(1);
                -webkit-transform: scale(1);
                opacity: 0.0;
            }
        }


/*滚动条*/
.markclass ::-webkit-scrollbar  { width: 6px; height: 6px; background-color: transparent;  }    
/*定义滚动条轨道 内阴影+圆角*/  
.markclass ::-webkit-scrollbar-track  
{   background-color: transparent; }    
/*定义滑块 内阴影+圆角*/  
.markclass ::-webkit-scrollbar-thumb  
{ background-color: #0021BF;  }  

div{transition: all 0.03 ease-in;}


.swiper-slide-active{animation: oo linear  0.3s}
@keyframes oo{
	from{opacity: 0.5;}
	to{opacity: 1;}
}
@-webkit-keyframes layui-m-anim-bottom {
0% {
opacity:0;
-webkit-transform:translateY(800px);
transform:translateY(800px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}@keyframes layui-m-anim-bottom {
0% {
opacity:0;
-webkit-transform:translateX(800px);
transform:translateX(800px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.layui-m-anim-bottom {
-webkit-animation-name:layui-m-anim-bottom;
animation-name:layui-m-anim-bottom
}
/*左边滑动打开*/
.leftopen.layer-anim-04 { animation: layer-anim-04 .5s .2s ease both; -webkit-animation: layer-anim-04 .5s .2s ease both; -moz-animation: layer-anim-03 .3s .2s ease both; -o-animation: layer-anim-04 .3s .2s ease both; }
@keyframes layer-anim-04 {
    0% { opacity: 0; transform: translateX(-400px); }
    100% { opacity: 1; transform: translateX(0); }
}
@-webkit-keyframes layer-anim-04 {
     0% { opacity: 0; transform: translateX(-400px); }
    100% { opacity: 1; transform: translateX(0); }
}
@-moz-keyframes layer-anim-04 {
    0% { opacity: 0; transform: translateX(-400px); }
    100% { opacity: 1; transform: translateX(0); }
}
@-o-keyframes layer-anim-04 {
    0% { opacity: 0; transform: translateX(-400px); }
    100% { opacity: 1; transform: translateX(0); }
}
/*左边滑动关闭*/
 .leftopen.layer-anim-close { animation: layer-close-out 0.5s  ease both; -webkit-animation: layer-close-out 0.5s  ease both; -moz-animation:  layer-close-out 0.5s  ease both; -o-animation:  layer-close-out 0.5s  ease both; }
@keyframes layer-close-out {
    0% { opacity:1; transform: translateX(0px); }
    100% { opacity: 0; transform: translateX(-1920px); }
}
@-webkit-keyframes layer-close-out {
     0% { opacity:1; transform: translateX(0px); }
    100% { opacity: 0; transform: translateX(-1920px); }
}
@-moz-keyframes layer-close-out {
     0% { opacity:1; transform: translateX(0px); }
    100% { opacity: 0; transform: translateX(-1920px); }
}
@-o-keyframes layer-close-out {
     0% { opacity:1; transform: translateX(0px); }
    100% { opacity: 0; transform: translateX(-1920px); }
}

.botomup.layer-anim-close { animation: layer-close-out2 0.5s  ease both; -webkit-animation: layer-close-out2 0.5s  ease both; -moz-animation:  layer-close-out2 0.5s  ease both; -o-animation:  layer-close-out2 0.5s  ease both; }

@keyframes layer-close-out2 {
    0% { opacity:1; transform: translateY(0px); }
    100% { opacity: 0; transform: translateY(1080px); }
}
@-webkit-keyframes layer-close-out2 {
     0% { opacity:1; transform: translateY(0px); }
    100% { opacity: 0; transform: translateY(1080px); }
}
@-moz-keyframes layer-close-out {
      0% { opacity:1; transform: translateY(0px); }
    100% { opacity: 0; transform: translateY(1080px); }
}
@-o-keyframes layer-close-out {
      0% { opacity:1; transform: translateY(0px); }
    100% { opacity: 0; transform: translateY(1080px); }
}