.cpt-header{position:fixed;top:0;left:0;z-index:99;height:60px;background:hsla(0,0%,100%,.98);-webkit-box-shadow:0 1px 3px #e6e6e6;box-shadow:0 1px 3px #e6e6e6}.cpt-header>section{height:60px}.cpt-header .header-content{width:1220px}.cpt-header .logo{width:130px}.cpt-header .nav-wrap{font-size:14px}.cpt-header .nav-item{color:#444}.cpt-header .nav-item.hover:hover,.cpt-header .nav-item .on{color:#06aaff}.cpt-header .nav-item:hover>.children-nav{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1) .2s;transition:all .3s cubic-bezier(.165,.84,.44,1) .2s}.cpt-header .nav-item .children-nav{width:220px;top:100%;right:auto;bottom:auto;left:0;background:#fff;color:#333;opacity:0;visibility:hidden;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleY(.9);transform:scaleY(.9);z-index:30;-webkit-box-shadow:0 0 4px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05);box-shadow:0 0 4px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.03),0 6px 6px rgba(0,0,0,.05);border-radius:0 0 5px 5px;overflow:hidden}.cpt-header .nav-item .children-nav .nav-child{height:50px;-webkit-transition:text-indent .3s cubic-bezier(.4,.01,.165,.99),-webkit-transform .3s cubic-bezier(.4,.01,.165,.99);transition:text-indent .3s cubic-bezier(.4,.01,.165,.99),-webkit-transform .3s cubic-bezier(.4,.01,.165,.99);transition:text-indent .3s cubic-bezier(.4,.01,.165,.99),transform .3s cubic-bezier(.4,.01,.165,.99);transition:text-indent .3s cubic-bezier(.4,.01,.165,.99),transform .3s cubic-bezier(.4,.01,.165,.99),-webkit-transform .3s cubic-bezier(.4,.01,.165,.99)}.cpt-header .nav-item .children-nav .nav-child:hover{background:#06aaff;color:#fff;text-indent:5px}.cpt-header .controls{width:300px}.cpt-header .controls input{width:240px;border:1px solid #e6e6e6;padding-left:1.7rem}.cpt-header .controls button,.cpt-header .controls input{height:36px;font-size:12px}.cpt-header .controls button{width:60px;color:#666;background:#e6e6e6;cursor:pointer}.cpt-header .controls i{left:.4rem;color:#aaa}@media screen and (max-width:1024px){.cpt-header{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cpt-header .header-content{width:1004px}.cpt-header .controls{font-size:0;width:auto}.cpt-header .controls .iconfont{display:inline-block;vertical-align:middle}.cpt-header .controls .iconfont:first-child{font-size:1.375rem}.cpt-header .controls .iconfont:nth-child(2){display:none;font-size:1.625rem}.cpt-header .controls .search-wrap{z-index:20000;position:fixed;left:0;top:-60px;height:60px;background:#fff;border-top:1px solid #e6e6e6;padding:0 1.25rem;border-bottom:1px solid #eee}.cpt-header .controls .search-wrap>i{left:1.25rem;top:1.15rem;font-weight:700}.cpt-header .controls .search-wrap input{border:0;margin-left:5px;background:transparent;font-size:14px;width:100%}.cpt-header .controls button{display:none}}@media screen and (max-width:820px){.cpt-header .header-content{width:100%}.cpt-header .controls .iconfont:nth-child(2){display:inline-block}.cpt-header .nav-wrap{background:hsla(0,0%,100%,.95);position:fixed;top:0;left:100%;bottom:100%;height:100vh;width:60%;display:block;overflow-y:auto;padding-bottom:80px;padding-top:10px;border-left:1px solid #eee}.cpt-header .nav-wrap::-webkit-scrollbar{width:0}.cpt-header .nav-wrap .nav-item{display:block;line-height:2.125rem;padding:0 1.25rem;max-height:2.125rem;overflow:hidden}.cpt-header .nav-wrap .nav-item.open{max-height:10000000px}.cpt-header .nav-wrap .nav-item .children-nav{width:auto;position:inherit;visibility:inherit;background:transparent;-webkit-transition:0;transition:0;-webkit-box-shadow:0 0 0;box-shadow:0 0 0;opacity:1;-webkit-transform:scale(1);transform:scale(1);padding:0 1.25rem}.cpt-header .nav-wrap .nav-item .children-nav .nav-child{height:2.125rem;line-height:2.125rem;-webkit-transition:0;transition:0;color:#333}.cpt-header .nav-wrap .nav-item .children-nav .nav-child:hover{background:transparent;text-indent:0;color:#06aaff}}.cpt-header .mask{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:10000;background:hsla(0,0%,100%,.5)}