/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/11768。(此说明只在演示页面有,不在下载的源码里。)*//*此代码非源码，仅为演示用，下载源码请到：HTTP://www.bootstrapmb.com*//*此代码非源码，仅为演示用，下载源码请到：HTTP://WWW.bootstrapmb.com*/.morphsearch{width:200px;min-height:40px;background:rgba(255,255,255,0.9);position:absolute;z-index:10000;top:50px;right:50px;visibility:hidden;opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transition-property:min-height,width,top,right;transition-property:min-height,width,top,right;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}.morphsearch.open{width:100%;min-height:100vh;position:fixed;top:0;right:0;visibility:visible}.morphsearch-form{width:100%;height:40px;margin:0 auto;position:relative;-webkit-transition-property:width,height,-webkit-transform;transition-property:width,height,transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}.morphsearch.open .morphsearch-form{width:80%;height:160px;top:50%;position:absolute;right:0;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.morphsearch-input{width:100%;height:100%;padding:0 10% 0 10px;border:0;background:transparent;font-size:.8em;color:#ec5a62;-webkit-transition:font-size .5s cubic-bezier(0.7,0,0.3,1);transition:font-size .5s cubic-bezier(0.7,0,0.3,1)}.morphsearch-input::-ms-clear{display:none}.morphsearch.hideInput .morphsearch-input{color:transparent;-webkit-transition:color .3s;transition:color .3s}.morphsearch.open .morphsearch-input{font-size:6em;background-color:#FFF}.morphsearch.open .morphsearch-input:focus{border-color:#ededed}.morphsearch-input::-webkit-input-placeholder{color:#c2c2c2}.morphsearch-input:-moz-placeholder{color:#c2c2c2}.morphsearch-input::-moz-placeholder{color:#c2c2c2}.morphsearch-input:-ms-input-placeholder{color:#c2c2c2}.gn-search:focus::-webkit-input-placeholder{color:transparent}input[type="search"]{-webkit-box-sizing:border-box;box-sizing:border-box}.morphsearch-input:focus,.morphsearch-submit:focus{outline:0}.morphsearch-submit{position:absolute;width:80px;height:80px;text-indent:100px;overflow:hidden;right:0;top:50%;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:100%;border:0;pointer-events:none;transform-origin:50% 50%;opacity:0;-webkit-transform:translate3d(-30px,-50%,0) scale3d(0,0,1);transform:translate3d(-30px,-50%,0) scale3d(0,0,1)}.morphsearch-submit:hover,.morphsearch-submit:active,.morphsearch-submit:focus{background:transparent url(../images/magnifier.svg) no-repeat center center}.morphsearch.open .morphsearch-submit{pointer-events:auto;opacity:1;-webkit-transform:translate3d(-30px,-50%,0) scale3d(1,1,1);transform:translate3d(-30px,-50%,0) scale3d(1,1,1);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transition-delay:.5s;transition-delay:.5s}.morphsearch-close{width:36px;height:36px;position:absolute;right:2em;top:3.8em;overflow:hidden;text-indent:100%;cursor:pointer;pointer-events:none;opacity:0;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}.morphsearch.open .morphsearch-close{opacity:1;pointer-events:auto;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transition-delay:.5s;transition-delay:.5s}.morphsearch-close::before,.morphsearch-close::after{content:'';position:absolute;width:2px;height:100%;top:0;left:50%;border-radius:3px;opacity:.2;background:#000}.morphsearch-close:hover.morphsearch-close::before,.morphsearch-close:hover.morphsearch-close::after{opacity:1}.morphsearch-close::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.morphsearch-close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.morphsearch-content{color:#333;margin-top:4.5em;width:100%;height:0;overflow:hidden;padding:0 10.5%;background:#f1f1f1;position:absolute;pointer-events:none;opacity:0}.morphsearch.open .morphsearch-content{opacity:1;height:auto;overflow:visible;pointer-events:auto;-webkit-transition:opacity .3s .5s;transition:opacity .3s .5s}.dummy-column{width:30%;padding:0 0 6em;float:left;opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translateY(100px);-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s}.morphsearch.open .dummy-column:first-child{-webkit-transition-delay:.4s;transition-delay:.4s}.morphsearch.open .dummy-column:nth-child(2){-webkit-transition-delay:.45s;transition-delay:.45s}.morphsearch.open .dummy-column:nth-child(3){-webkit-transition-delay:.5s;transition-delay:.5s}.morphsearch.open .dummy-column{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.dummy-column:nth-child(2){margin:0 5%}.dummy-column h2{font-size:1em;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#c2c2c2;padding:.5em 0}.round{border-radius:50%}.dummy-media-object{padding:.75em;display:block;margin:.3em 0;cursor:pointer;border-radius:5px;background:rgba(118,117,128,0.05)}.dummy-media-object:hover,.dummy-media-object:focus{background:rgba(118,117,128,0.1)}.dummy-media-object img{display:inline-block;width:50px;margin:0 10px 0 0;vertical-align:middle}.dummy-media-object h3{vertical-align:middle;font-size:.85em;display:inline-block;font-weight:700;margin:0;width:calc(100% - 70px);color:rgba(145,145,145,0.7)}.dummy-media-object:hover h3{color:rgba(236,90,98,1)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-timing-function:cubic-bezier(0.7,0,0.3,1);transition-timing-function:cubic-bezier(0.7,0,0.3,1)}.morphsearch.open ~ .overlay{opacity:1}@media screen and (max-width:53.125em){.morphsearch-input{padding:0 25% 0 10px}.morphsearch.open .morphsearch-input{font-size:2em}.dummy-column{float:none;width:auto;padding:0 0 2em}.dummy-column:nth-child(2){margin:0}.morphsearch.open .morphsearch-submit{-webkit-transform:translate3d(0,-50%,0) scale3d(0.5,0.5,1);transform:translate3d(0,-50%,0) scale3d(0.5,0.5,1)}}@media screen and (max-width:60.625em){.morphsearch{width:80%;top:10%;right:10%}}/*此代码非源码，仅为演示用，下载源码请到：HTTP://WWW.bootstrapmb.com*//*此代码非源码，仅为演示用，下载源码请到：HTTP://www.bootstrapmb.com*//*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/11768。(此说明只在演示页面有,不在下载的源码里。)*/