/* Shared desktop navigation; all rules scoped to the public forum header. */
#ubike_topnav{position:relative;max-width:1920px;min-width:1200px;height:166px;margin:0 auto;background:#17130f url(https://www.lanyueol.com/images/brief_01.jpg) repeat;}
#ubike_topnav .nav_content{position:relative;width:1200px!important;height:166px;margin:0 auto;padding:0;}
#ubike_topnav .lanyue-brand{float:left;display:block;height:126px;}
#ubike_topnav .lanyue-brand img{display:block;width:auto;height:126px;border:0;}
#ubike_topnav .lanyue-global-nav{float:left;list-style:none;margin:0;padding:0 0 0 30px;font-family:"Microsoft Yahei",sans-serif;text-align:center;}
#ubike_topnav .lanyue-global-nav li{float:left;list-style:none;margin:0;padding:0;}
#ubike_topnav .lanyue-global-nav li a{display:block;box-sizing:content-box;width:135px;height:104px;padding:22px 0 0;margin:0 0 0 1px;color:#bea067;font-size:14px;line-height:normal;text-decoration:none;border:0;}
#ubike_topnav .lanyue-global-nav li a:hover{height:101px;border-bottom:3px solid #ffca00;background:rgba(19,13,10,.48);color:#e4c18f;}
#ubike_topnav .lanyue-global-nav em{display:block;width:28px;height:32px;margin:0 auto 10px;background:url(https://www.lanyueol.com/images/brief-nav.png) no-repeat;font-style:normal;}
#ubike_topnav .lanyue-global-nav .nav-icon01{background-position:0 0;}
#ubike_topnav .lanyue-global-nav .nav-icon02{width:24px;background-position:-32px 0;}
#ubike_topnav .lanyue-global-nav .nav-icon03{width:38px;background-position:-60px 0;}
#ubike_topnav .lanyue-global-nav .nav-icon04{width:27px;background-position:-104px 0;}
#ubike_topnav .lanyue-global-nav .nav-icon05{width:25px;background-position:-137px 0;}
#ubike_topnav .lanyue-global-nav .nav-icon06{width:33px;background-position:-168px 0;}
#ubike_topnav .lanyue-global-nav .nav-icon-home{background:none;}
#ubike_topnav .lanyue-global-nav a:hover .nav-icon01{background-position:0 -32px;}
#ubike_topnav .lanyue-global-nav a:hover .nav-icon02{background-position:-32px -32px;}
#ubike_topnav .lanyue-global-nav a:hover .nav-icon03{background-position:-60px -32px;}
#ubike_topnav .lanyue-global-nav a:hover .nav-icon04{background-position:-104px -32px;}
#ubike_topnav .lanyue-global-nav a:hover .nav-icon05{background-position:-137px -32px;}
#ubike_topnav .lanyue-global-nav a:hover .nav-icon06{background-position:-168px -32px;}
#ubike_topnav .newnav_right{position:absolute;top:126px;left:0;right:0;float:none!important;width:1200px!important;height:40px;border-top:1px solid rgba(190,160,103,.16);}
#ubike_topnav #ubike_user{height:32px;float:right;margin:3px 0 0;}
#ubike_topnav #ubike_nav{margin:0;padding:0;list-style:none;}
#ubike_topnav #ubike_nav span a{color:#bea067;}
#ubike_topnav #ubike_nav span a:hover{color:#ffca00;}
#ubike_topnav .ubike_login{float:right;margin-top:4px;}

/* Fit the logo and seven items on one row at the shared 1200px width. */
#ubike_topnav .nav_content{display:flex;align-items:flex-start;}
#ubike_topnav .lanyue-brand{flex:0 0 auto;float:none;}
#ubike_topnav .lanyue-global-nav{display:flex;flex:1;min-width:0;float:none;padding-left:10px;box-sizing:border-box;}
#ubike_topnav .lanyue-global-nav li{float:none;flex:1;min-width:0;}
#ubike_topnav .lanyue-global-nav li a{width:auto;}
#header .warp{display:flex;align-items:flex-start;}
#header a.fl{flex:0 0 auto;float:none;}
#header .nav{display:flex;flex:1;min-width:0;float:none;padding-left:10px;box-sizing:border-box;}
#header .nav li{float:none;flex:1;min-width:0;}
#header .nav li a{width:auto!important;}

/* Keep account controls to the right of the same single-row navigation. */
#ubike_topnav{height:126px;min-width:1500px;}
#ubike_topnav .nav_content{width:1500px!important;height:126px;}
#ubike_topnav .newnav_right{position:static;display:flex;align-items:center;justify-content:flex-end;flex:0 0 220px;width:220px!important;height:126px;border:0;}
#ubike_topnav #ubike_user{float:none;margin:0;height:32px;}
#ubike_topnav .ubike_login{margin:0;}
#header .warp{width:1500px;}
#header .warp:after{content:"";display:block;flex:0 0 220px;}

/* Align the first navigation button to the right of the banner divider. */
#header .nav,#ubike_topnav .lanyue-global-nav,#ubike_topnav .newnav_right{transform:translateX(148px);}

/* Center the icon-and-label group within the full header height. */
#header .nav li a,#ubike_topnav .lanyue-global-nav li a{display:flex;align-items:center;justify-content:center;height:126px;padding:0;box-sizing:border-box;border:0;}
#header .nav li a span,#ubike_topnav .lanyue-global-nav li a span{display:block;line-height:20px;}
#header .nav li a em,#ubike_topnav .lanyue-global-nav li a em{margin-bottom:10px;}
#header .nav li a:hover,#header .nav li.cur a,#ubike_topnav .lanyue-global-nav li a:hover{height:126px;border:0;box-shadow:inset 0 -3px 0 #ffca00;}

/* Home uses the same outline-to-solid sprite transition as the other icons. */
#header .nav li a em.nav-icon-home,#ubike_topnav .lanyue-global-nav li a em.nav-icon-home{width:28px;height:32px;background:url(https://www.lanyueol.com/lanyue-home-icon-sprite.svg) no-repeat 0 0;background-size:28px 64px;transition:background-position .2s ease;}
#header .nav li a em.nav-icon-home svg,#ubike_topnav .lanyue-global-nav li a em.nav-icon-home svg{display:none;}
#header .nav li a:hover em.nav-icon-home,#header .nav li.cur a em.nav-icon-home,#ubike_topnav .lanyue-global-nav li a:hover em.nav-icon-home{background-position:0 -32px;}
#ubike_topnav .lanyue-global-nav li a em{transition:background-position .2s ease;}