.bd-logo .box{width:282px;height:137px}.bd-logo .box{margin:auto;border:1px solid rgba(217,217,217,.2);cursor:pointer;transition:1.5s ease}.bd-logo .box:before{position:absolute;width:0;height:1px;content:'';background:#009dff;top:-1px;left:-1px;transition:.3s width ease .9s;-web-kit-transition:.3s width ease .9s}.bd-logo .box:after{position:absolute;width:1px;height:0;content:'';background:#009dff;top:-1px;right:-1px;transition:.3s height ease .6s;-web-kit-transition:.3s height ease .6s}.bd-logo .box-inner:after{position:absolute;width:0;height:1px;content:'';background:#009dff;bottom:-1px;right:-1px;transition:.3s width ease .3s;-web-kit-transition:.3s width ease .3s}.bd-logo .box-inner:before{position:absolute;width:1px;height:0;content:'';background:#009dff;bottom:-1px;left:-1px;transition:.3s height ease 0ms;-web-kit-transition:.3s height ease 0ms}.bd-logo .box:hover{border-color:transparent;background:rgba(0,0,0,.3)}.bd-logo .box:hover:before{width:283px;transition:.3s width ease 0ms;-web-kit-transition:.3s width ease 0ms}.bd-logo .box:hover:after{height:138px;transition:.3s height ease .3s;-web-kit-transition:.3s height ease .3s}.bd-logo .box:hover .box-inner:after{width:283px;transition:.3s width ease .6s;-web-kit-transition:.3s width ease .6s}.bd-logo .box:hover .box-inner:before{height:138px;transition:.3s height ease .9s;-web-kit-transition:.3s height ease .9s}.bplus{position:relative;display:inline-block;padding:0;cursor:pointer;overflow:hidden}.bplus:before,.bplus:after{content:"";position:absolute;left:0;height:1px;width:100%;background-color:rgba(217,217,217,.3)}.bplus:before{top:0}.bplus:after{bottom:0}.bplus:hover>*>*:before,.bplus:hover>*>*:after{transform:translate3d(0,0,0)}.bplus:hover>*>*>*:before,.bplus:hover>*>*>*:after{transform:translate3d(0,0,0)}.bplus>*:before,.bplus>*:after{content:"";position:absolute;top:0;height:100%;width:1px;background-color:rgba(217,217,217,.3)}.bplus>*:before{left:0}.bplus>*:after{right:0}.bplus>*>*:before,.bplus>*>*:after{content:"";position:absolute;left:0;z-index:9;height:1px;width:100%;background-color:#168dff}.bplus>*>*:before{top:0;transform:translate3d(-105%,0,0);transition:transform .8s cubic-bezier(.4,0,.2,1)}.bplus>*>*:after{bottom:0;transform:translate3d(105%,0,0);transition:transform .8s cubic-bezier(.4,0,.2,1)}.bplus>*>*>*:before,.bplus>*>*>*:after{content:"";position:absolute;top:0;z-index:9;height:100%;width:1px;background-color:#168dff}.bplus>*>*>*:before{left:0;transform:translate3d(0,105%,0);transition:transform .8s cubic-bezier(.4,0,.2,1)}.bplus>*>*>*:after{right:0;transform:translate3d(0,-105%,0);transition:transform .8s cubic-bezier(.4,0,.2,1)}