#header{position:fixed;left:50%;top:0;width:7.2rem;margin-left:-3.6rem;z-index:900}#header .wrapper{position:relative;z-index:899;width:7.2rem;height:1.092rem;margin:0;padding:0;background-color:#212121;-webkit-transition:background 1s ease;-o-transition:background 1s ease;-moz-transition:background 1s ease;transition:background 1s ease}#header .wrapper.openmenu{background-color:#fff;border-bottom:2px solid #f1f0f0}#header .wrapper.openmenu span.menu-top{-webkit-transform:translate3d(0,.15rem,0) rotate(45deg);-moz-transform:translate3d(0,.15rem,0) rotate(45deg);transform:translate3d(0,.15rem,0) rotate(45deg)}#header .wrapper.openmenu span.menu-bottom{-webkit-transform:translate3d(0,-.15rem,0) rotate(-45deg);-moz-transform:translate3d(0,-.15rem,0) rotate(-45deg);transform:translate3d(0,-.15rem,0) rotate(-45deg)}.ios #header .wrapper.openmenu span.menu-top{-webkit-transform:translate3d(0,.15rem,0) rotate(45deg);-moz-transform:translate3d(0,.15rem,0) rotate(45deg);transform:translate3d(0,.15rem,0) rotate(45deg)}.ios #header .wrapper.openmenu span.menu-bottom{-webkit-transform:translate3d(0,-.15rem,0) rotate(-45deg);-moz-transform:translate3d(0,-.15rem,0) rotate(-45deg);transform:translate3d(0,-.15rem,0) rotate(-45deg)}#header .wrapper.openmenu span.menu-middle{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}#header .wrapper>div.operas{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:6.62rem;height:100%;margin:0 auto}#header .wrapper .icon-menu{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:.38rem;height:.32rem}#header .wrapper .icon-menu span{display:block;width:100%;opacity:1;-webkit-transition:opacity .2s ease-out,-webkit-transform .4s ease-out;transition:opacity .2s ease-out,-webkit-transform .4s ease-out;-o-transition:opacity .2s ease-out,-o-transform .4s ease-out;-moz-transition:opacity .2s ease-out,transform .4s ease-out,-moz-transform .4s ease-out;-o-transition:opacity .2s ease-out,transform .4s ease-out,-o-transform .4s ease-out;transition:opacity .2s ease-out,transform .4s ease-out;transition:opacity .2s ease-out,transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out}#header .wrapper .icon-menu span.menu-top,#header .wrapper .icon-menu span.menu-middle,#header .wrapper .icon-menu span.menu-bottom{height:2px;background:url(../images/icon-menu-top.png) center center no-repeat;-moz-background-size:100%;-o-background-size:100%;background-size:100%}#header .wrapper .logo-container{position:absolute;left:46%;top:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:2.08rem;height:100%;margin-left:-.74rem;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);pointer-events:auto;-webkit-transition:opacity .2s ease-out,-webkit-transform .4s ease-out;transition:opacity .2s ease-out,-webkit-transform .4s ease-out;-o-transition:opacity .2s ease-out,-o-transform .4s ease-out;-moz-transition:opacity .2s ease-out,transform .4s ease-out,-moz-transform .4s ease-out;-o-transition:opacity .2s ease-out,transform .4s ease-out,-o-transform .4s ease-out;transition:opacity .2s ease-out,transform .4s ease-out;transition:opacity .2s ease-out,transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out}#header .wrapper .logo-container.hide{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none}#header .wrapper svg{display:block;width:100%;height:100%;fill:#008ddc}#header .wrapper .right-features{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:1.11rem;height:100%}#header .wrapper .icon-search{position:relative;z-index:1;display:block;width:.3rem;height:.3rem;background:url(../images/home-portal-search_09b1e80.png) center center no-repeat;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transform:translate3d(.85rem,0,0);-moz-transform:translate3d(.85rem,0,0);transform:translate3d(.85rem,0,0);opacity:0;pointer-events:none;-webkit-transition:opacity .2s,-webkit-transform .4s ease-out;transition:opacity .2s,-webkit-transform .4s ease-out;-o-transition:opacity .2s,-o-transform .4s ease-out;-moz-transition:transform .4s ease-out,opacity .2s,-moz-transform .4s ease-out;-o-transition:transform .4s ease-out,opacity .2s,-o-transform .4s ease-out;transition:transform .4s ease-out,opacity .2s;transition:transform .4s ease-out,opacity .2s,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out}#header .wrapper .icon-search.show{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:auto}#header .wrapper .icon-login{position:relative;z-index:2;display:block;width:.36rem;height:.36rem;background:url(../images/icon-login_e2fd679.png) center center no-repeat;-moz-background-size:contain;-o-background-size:contain;background-size:contain}.mod-index-menu,.mod-index-search{overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:fixed;left:50%;top:0;z-index:898;width:7.2rem;height:0;margin-left:-3.6rem;padding-top:.96rem;background-color:#fff;-webkit-transition:height .4s linear;-o-transition:height .4s linear;-moz-transition:height .4s linear;transition:height .4s linear}.mod-index-menu.open,.mod-index-search.open{height:100%}.mod-index-menu .menu-item,.mod-index-search .search-item{margin:0;padding:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mod-index-search .search-item.hide{display:none}.mod-index-menu li,.mod-index-search li{position:relative;display:block;margin:0;padding:0;width:100%}.mod-index-menu a,.mod-index-search a{display:block;border-bottom:2px solid #f1f0f0;margin:0 10%;font-size:.24rem;line-height:.96rem;color:#333;text-align:center;-webkit-transition:color .4s ease;-o-transition:color .4s ease;-moz-transition:color .4s ease;transition:color .4s ease}.mod-index-menu a:hover,.mod-index-search a:hover{color:#888}.mod-index-menu a:active,.mod-index-search a:active{color:#0087cd}.mod-index-search a{margin:0 15%;text-align:left}.mod-index-search a.qj-search{border-bottom:0;font-size:.2rem;line-height:.94rem;color:rgba(255,255,255,.8);pointer-events:none}.mod-index-menu a.search-hook span{display:inline-block;width:.28rem;height:.28rem;padding-right:.24rem;background:url(../images/home-portal-search_09b1e80.png) no-repeat center center;-moz-background-size:contain;-o-background-size:contain;background-size:contain;vertical-align:middle}.mod-index-search .search-result{display:none}.mod-index-search .search-result.show{display:block}.mod-index-search .result{margin:0 15%;border-bottom:2px solid #f1f0f0}.mod-index-search .result .result-title{margin:.26rem 0;font-size:.24rem;color:#fff}.mod-index-search .result .result-list a{margin:.17rem 0;border:0 none;-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none;font-size:.2rem;line-height:1}.mod-search-box{position:absolute;left:15%;top:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:4.4rem;height:100%;opacity:0;pointer-events:none;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.mod-search-box.show{opacity:1;pointer-events:auto}.mod-search-box input{display:block;width:100%;padding:.18rem 0;border:0 none;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-size:.22rem;background-color:transparent;color:#fff}.mod-index-userlist{position:fixed;right:50%;top:1.092rem;z-index:899;width:3.13rem;margin-right:-3.3rem;padding:.31rem 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#fff;opacity:0;pointer-events:none}.mod-index-userlist.openuser{opacity:1;pointer-events:auto}.mod-index-userlist.hideuser{opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.mod-index-userlist .userlist-item{margin:0;padding:0}.mod-index-userlist .userlist-item li{margin:0;padding:0;display:block;width:100%;height:.87rem}.mod-index-userlist .userlist-item a{display:block;height:100%;margin:0 .52rem;padding-left:.5rem;font-size:.28rem;line-height:.87rem;color:#666;text-align:left;white-space:nowrap}.mod-index-userlist .userlist-item a{background-position:left center;background-repeat:no-repeat;-moz-background-size:.28rem;-o-background-size:.28rem;background-size:.28rem}.mod-index-userlist a.micon-shopcart{background-image:url(../images/m-vivo-shopcar_610a52e.png)}.mod-index-userlist a.micon-myorder{background-image:url(../images/m-vivo-myorder_322287d.png)}.mod-index-userlist a.micon-mymarket{background-image:url(../images/m-vivo-mybag_66124c2.png)}.mod-index-userlist a.micon-myloginout{background-image:url(../images/m-vivo-my_d5a33d6.png)}.mod-index-userlist-mask{position:fixed;left:50%;top:0;z-index:898;width:7.2rem;height:100%;margin-left:-3.6rem;background-color:rgba(0,0,0,.2);opacity:0;pointer-events:none}.mod-index-userlist-mask.openuser{opacity:1;pointer-events:auto}.mod-index-userlist-mask.hideuser{opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;transition:opacity .3s ease-out}