@charset "utf-8";.border-box{box-sizing:border-box;-webkit-box-sizing:border-box}.img_scale{overflow:hidden}.img_scale img{transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transition:transform 1s;-moz-transition:transform 1s}.img_scale:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.loading{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;pointer-events:none}.page-left,.page-right{position:absolute;width:50%;height:100%;-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}.page-left{left:0;top:0}.page-left:before{content:"";position:absolute;top:0;left:0;width:50%;height:50%;background:#fff}.page-right{right:0;top:0}.page-right:after{content:"";position:absolute;bottom:0;right:0;width:50%;height:50%;background:#fff}.left-inner,.right-inner{position:absolute;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:2e3px;perspective:2e3px;overflow:hidden;background:#fff;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}.loading.enter .page-right{animation:fadeOutLeft 2s cubic-bezier(0,0,.57,1.05) forwards 0s;-webkit-animation:fadeOutLeft 2s cubic-bezier(0,0,.57,1.05) forwards 0s;-moz-animation:fadeOutLeft 2s cubic-bezier(0,0,.57,1.05) forwards 0s;-o-animation:fadeOutLeft 2s cubic-bezier(0,0,.57,1.05) forwards 0s}.loading.enter .page-left{animation:fadeOutRight 2s cubic-bezier(0,0,.57,1.05) forwards 0s;-webkit-animation:fadeOutRight 2s cubic-bezier(0,0,.57,1.05) forwards 0s;-moz-animation:fadeOutRight 2s cubic-bezier(0,0,.57,1.05) forwards 0s;-o-animation:fadeOutRight 2s cubic-bezier(0,0,.57,1.05) forwards 0s}.loading-line1{position:absolute;top:50%;left:50%;width:1px;height:180px;margin-left:-1px;margin-top:-90px;background:#000;-webkit-transform:rotate(20deg) scaleY(0) translateZ(0);transform:rotate(20deg) scaleY(0) translateZ(0);transition:transform .6s cubic-bezier(.23,1,.32,1) .6s;-ms-transition:transform .6s cubic-bezier(.23,1,.32,1) .6s;-o-transition:transform .6s cubic-bezier(.23,1,.32,1) .6s;-webkit-transition:transform .6s cubic-bezier(.23,1,.32,1) .6s;-moz-transition:transform .6s cubic-bezier(.23,1,.32,1) .6s}.loading-line2{position:absolute;top:-5%;left:50%;width:1px;height:110%;margin-left:-1px;background:rgba(0,0,0,.1);-webkit-transform:rotate(20deg) scaleY(0) translateZ(0);transform:rotate(20deg) scaleY(0) translateZ(0);transition:transform .6s cubic-bezier(.23,1,.32,1) .6s;-ms-transition:transform .6s cubic-bezier(.23,1,.32,1) .6s;-o-transition:transform .6s cubic-bezier(.23,1,.32,1) .6s;-webkit-transition:transform .6s cubic-bezier(.23,1,.32,1) .6s;-moz-transition:transform .6s cubic-bezier(.23,1,.32,1) .6s}.loading.leave .loading-line1,.loading.leave .loading-line2{-webkit-transform:rotate(20deg) scaleY(1) translateZ(0);transform:rotate(20deg) scaleY(1) translateZ(0)}.loading.enter .loading-line1,.loading.enter .loading-line2{opacity:0}.loading-txt{position:absolute;top:50%;height:27px;margin-top:-13.5px;z-index:999;transition:transform .8s cubic-bezier(.165,.84,.44,1) .2s;-ms-transition:transform .8s cubic-bezier(.165,.84,.44,1) .2s;-o-transition:transform .8s cubic-bezier(.165,.84,.44,1) .2s;-webkit-transition:transform .8s cubic-bezier(.165,.84,.44,1) .2s;-moz-transition:transform .8s cubic-bezier(.165,.84,.44,1) .2s}.page-left .loading-txt{right:0;clip:rect(0 0 27px 0);clip:rect(0,0,27px,0);animation:loadingmove1 1.2s cubic-bezier(0,0,.57,1.05) forwards;-webkit-animation:loadingmove1 1.2s cubic-bezier(0,0,.57,1.05) forwards;-moz-animation:loadingmove1 1.2s cubic-bezier(0,0,.57,1.05) forwards;-o-animation:loadingmove1 1.2s cubic-bezier(0,0,.57,1.05) forwards}.page-right .loading-txt{left:0;clip:rect(0 0 27px 0);clip:rect(0,0,27px,0);animation:loadingmove2 .8s 1.2s cubic-bezier(0,0,.57,1.05) forwards;-webkit-animation:loadingmove2 .8s 1.2s cubic-bezier(0,0,.57,1.05) forwards;-moz-animation:loadingmove2 .8s 1.2s cubic-bezier(0,0,.57,1.05) forwards;-o-animation:loadingmove2 .8s 1.2s cubic-bezier(0,0,.57,1.05) forwards}.loading.leave .page-left .loading-txt{transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px)}.loading.leave .page-right .loading-txt{transform:translateY(15px);-ms-transform:translateY(15px);-o-transform:translateY(15px);-webkit-transform:translateY(15px);-moz-transform:translateY(15px)}@keyframes loadingmove1{0%{clip:rect(0 0 27px 0);clip:rect(0,0,27px,0)}100%{clip:rect(0 174px 27px 0);clip:rect(0,174px,27px,0)}}.loadingmove1{-webkit-animation-name:loadingmove1;animation-name:loadingmove1}@keyframes loadingmove2{0%{clip:rect(0 0 27px 0);clip:rect(0,0,27px,0)}100%{clip:rect(0 95px 27px 0);clip:rect(0,95px,27px,0)}}.loadingmove2{-webkit-animation-name:loadingmove2;animation-name:loadingmove2}@-webkit-keyframes fadeOutLeft{0%{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}100%{-webkit-transform:translateX(220%) translateZ(0);transform:translateX(220%) translateZ(0)}}@keyframes fadeOutLeft{0%{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}100%{-webkit-transform:translateX(220%) translateZ(0);transform:translateX(220%) translateZ(0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}100%{-webkit-transform:translateX(-220%) translateZ(0);transform:translateX(-220%) translateZ(0)}}@keyframes fadeOutRight{0%{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}100%{-webkit-transform:translateX(-220%) translateZ(0);transform:translateX(-220%) translateZ(0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}