@charset "utf-8";
html,body{font-family:Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;}
body{margin:0;}
ul{margin:0;padding:0;list-style:none;outline:none;}
.wrapper a{display:inline-block;margin:0;padding:0;text-decoration:none;outline:none;}
.wrapper a:link,.wrapper a:visited,.wrapper a:hover,.wrapper a:active{text-decoration:none;outline:none;}
.wrapper p,.wrapper dl,.wrapper dd{margin:0;}

/*顶部导航*/
.nav-container{position:fixed;top:0;margin:0;width:100%;height:50px;background:#3084c7;color:#fff;z-index:1000;}
.nav-container a{font-size:14px;}
.nav-container .nav-logo{padding:0 0 0 25px;line-height:50px;font-size:0;}
.nav-container .nav-logo .icon-logo{display:inline-block;width:31px;height:25px;background:url(../images/icon-yungou-logo.png) 0 0 no-repeat;}
.nav-container .nav-logo .nav-headline{margin:0 5px;font-size:18px;}
.nav-container .nav-logo .icon-logo,.nav-container .nav-logo .nav-headline{display:inline-block;vertical-align:middle;}
.nav-container .navbar-default{margin:0;background:#3084c7;color:#fff;border:0;}
.nav-container .navbar-default a{font-size:14px;}
.nav-container .shop-box{float: left;margin-left: 30px;height: 50px;line-height: 50px;font-size:16px;}
.nav-container .shop-box .shop-name{cursor:pointer;}
.nav-container .shop-box .tag{margin:0 5px;padding:1px 3px;background:#ff0;color:#3084c7;font-size:12px;font-weight: bold;display:none;}
.nav-container .shop-box .dropdown-menu li .shop-choice{padding:10px 20px;font-size:15px;}
.nav-container .shop-box .arrow-down{display:inline-block;width:12px;height:12px;margin:0 5px;background: url(../images/icon-arrow-down-small.png);}

/*侧导航*/
.subnav-container{position:fixed;left:0;top:50px;width:160px;height:100%;font-size:14px;color:#fff;z-index:2;}
.subnav-container a{display:block;font-size:14px;color:#fff;}
.subnav-container:after{content:'';position:absolute;top:0;left:0;width:160px;height:100%;background:#293038;z-index:-1;}
.subnav-container .subnav-main{overflow-y:auto;height:100%;padding-bottom:40px;width:160px;background:#293038;}
.subnav-container .subnav-main::-webkit-scrollbar{width:6px;background-color:#22282e;}
.subnav-container .subnav-main::-webkit-scrollbar-thumb{width:6px;background-color:#4e5256;}
.subnav-container .subnav-main .subnav-item{width:160px;}
.subnav-container .subnav-headline{padding-left:25px;height:58px;line-height:58px;font-size:15px;background:#394555;}
.subnav-container .subnav-title{position:relative;padding:0 20px;height:40px;line-height:40px;font-weight:400;background:#22282e;cursor:pointer;}
.subnav-container .subnav-title .glyphicon{margin-right:10px;}
.subnav-container .subnav-title .caret{position:absolute;top:50%;right:20px;margin-top:-2px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all.3s;}
.subnav-container .checked .subnav-title .caret,.subnav-container .active .subnav-title .caret{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.subnav-container .subnav-title .icon-arrow{position:absolute;top:50%;right:20px;margin-top:-6px;width:12px;height:12px;background:url(../images/icon-arrow-down-small.png) 0 0 no-repeat;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all.3s;}
.subnav-container .checked .subnav-title .icon-arrow,.subnav-container .active .subnav-title .icon-arrow{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(180deg);}
.subnav-container .subnav-info{display:none;}
.subnav-container .active .subnav-info{display:block;}
.subnav-container .subnav-link{padding:0 22px;height:40px;line-height:40px;}
.subnav-container .subnav-link:hover{background:#2f3841;}
.subnav-container .subnav-text{position:relative;padding-left:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.subnav-container .subnav-text:before{content:'';position:absolute;top:50%;left:0;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:#435062;}
.subnav-container .subnav-link.cur,.subnav-container .subnav-item .cur{background:#288ad6;}
.subnav-container .subnav-link.cur .subnav-text:before,.subnav-container .subnav-item .cur .subnav-text:before{background:#fff;}
.subnav-extend-open{background:#eaedf1;}
.subnav-extend-open:before{content:'';position:fixed;top:0;left:160px;width:120px;height:100%;background:#eaedf1;}
.subnav-container .subnav-extend{position:fixed;top:50px;left:160px;width:120px;height:100%;font-size:12px;color:#0f0f0f;background:#eaedf1;display:none;}
.subnav-container .subnav-extend.case,.subnav-container .subnav-open .case{display:block;}
.subnav-container .subnav-extend a{font-size:12px;color:#0f0f0f;}
.subnav-container .subnav-extend .subnav-subtitle{padding-left:20px;height:58px;line-height:58px;font-size:14px;font-weight:700;color:#000;}
.subnav-container .subnav-extend .subnav-subtext{padding:0 20px;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.subnav-container .subnav-extend .subnav-subtext:hover{background:#e2e6eb;}
.subnav-container .subnav-extend .subnav-subtext.cur,.subnav-container .subnav-extend .cur{background:#fff;}
/*导航功能快捷搜索*/
.subnav-container .subnav-search{position:relative;padding:10px 5px;z-index:2;}
.subnav-container .subnav-search .search-nav-box{position:relative;}
.subnav-container .subnav-search .search-nav-box .btn-search{position:absolute;top:0;right:0;width:40px;height:100%;z-index:2;}
.subnav-container .subnav-search .search-nav-box .icon-search{position:absolute;left:0;top:50%;margin-top:-10px;width:100%;height:20px;line-height:20px;font-size:16px;color:#22282e;text-align:center;}
.subnav-container .subnav-search .search-extend{position:absolute;top:100%;left:0;width:100%;background:#fff;max-height:390px;overflow:auto;}
.subnav-container .subnav-search .search-extend::-webkit-scrollbar{width:6px;background-color:#fff;}
.subnav-container .subnav-search .search-extend::-webkit-scrollbar-thumb{width:6px;background-color:#ccc;}
.subnav-container .subnav-search .search-extend .info-list{padding:8px 12px;border-bottom:1px solid #e6e6e6;font-size:14px;color:#333;}
.subnav-container .subnav-search .search-extend .info-list:hover{background-color:#f2f2f2;}
/*主体内容*/
.wrapper-container{position:relative;padding-top:50px;;border-left:160px solid #293038;}
.wrapper-container:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.subnav-extend-set{padding-left:120px;}
.subnav-extend-set:before{content:'';position:absolute;top:0;left:0;width:120px;height:100%;background:#eaedf1;}
.wrapper-container .wrapper-main{float:left;padding:10px 45px 30px 30px;width:100%;}
/*警告提示*/
.wrapper-warn{height:50px;background:#ffec9f;color:#cb4917;font-size:15px;line-height:50px;padding:0 30px 0 320px;margin-left:160px;position:relative;top:50px;}
.wrapper-warn .warn-icon{float:left;width:24px;height:24px;background:url(/static/images/homepage-icon-2.png) no-repeat;background-size:200px;background-position:0px -100px;margin-top:12px;margin-right:5px;}
/*隐藏顶部导航样式*/
.nav-hidden{top:0;padding-top:0;}