@charset "UTF-8";
/*前台应用页面公用样式*/
/*文字*/
.dropdown-item,
.met-nav .navlist .nav-item a{color:#2a333c}
.dropdown-item:hover,
.met-nav .navlist .nav-item a:hover,
.met-nav .navlist .nav-item a.nav-link:hover
.sidebar-piclist-ul li h4 a:hover{color:#4E97D9}
.sidebar-piclist-ul li h4 a,
.paralist li{color:#5e7387}
footer{color:#aaa}
.decorationnone,
.sidebar-piclist-ul li h4 a,
.met-position a,
.decorationnone:active,
.sidebar-piclist-ul li h4 a:active,
.met-position a:active,
.decorationnone:focus,
.sidebar-piclist-ul li h4 a:focus,
.met-position a:focus,
.decorationnone:hover,
.sidebar-piclist-ul li h4 a:hover,
.met-position a:hover{text-decoration:none}
/*头部*/
/*导航*/
.met-nav{min-height:60px;position:relative;z-index:99}
.met-nav .met-logo img{max-height:50px}
.met-nav .met-logo,
.met-nav .navbar-toggler,
.met-nav .met-langlist{height:60px}
.met-nav .navbar-toggler{width:auto}
.met-nav .navbar-collapse{overflow-x:hidden}
.met-nav .navbar-collapse.flex-navlist{width:100%;padding:0}
.met-nav .navlist.flex{width:100%;margin-right:0!important}
.met-nav .navlist.flex .nav-item{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;margin:0!important;text-align:center}
.met-nav .navlist.flex .nav-item .nav-link{height:50px;line-height:50px;padding:0}
.met-nav .navlist.flex .nav-item > .dropdown-menu{top:50px}
@media screen\0{
    .met-nav .navlist.flex{text-align:center}
    .met-nav .navlist.flex .nav-item{display:inline-block;float:none}
    .met-nav .navlist.flex .nav-item .nav-link{padding:0 20px}
}
.met-nav .navlist .nav-item a.active{color:#4E97D9!important}
.met-nav .navlist .nav-item a.nav-link,
.met-nav .navlist .nav-item a.nav-link:hover,
.met-nav .navlist .nav-item a.active{background:none}
.met-nav .dropdown-submenu > .dropdown-item.dropdown-a:after{border-top:.286rem solid;border-right:.286rem solid transparent;border-left:.286rem solid transparent}
.met-nav .dropdown-submenu .dropdown-menu.block{position:static;border-right:none;border-left:none}
.met-nav .met-langlist .dropdown-menu{top:43px}
@media (max-width:991px){
    .met-nav .navlist .nav-item{margin-left:0!important}
}
@media (min-width:768px){
    .met-nav .navlist .nav-item:after{content:'';width:100%;height:5px;display:block;position:absolute;left:0;bottom:-5px}
    /* 补充导航与下拉菜单之前空隙 */
    .met-nav .navlist .nav-item .nav-link{padding-top:0px;padding-bottom:0px;height:60px;line-height:60px}
    .met-nav .navlist .nav-item > .dropdown-menu{top:60px}
    .met-nav .navlist .nav-item > .dropdown-menu.dropdown-menu-bullet{top:67px}
    .met-nav .met-head-user{height:60px}
    .met-nav .met-langlist,
    .met-nav .met-head-user{margin-left:15px}
}
@media (max-width:767px){
    .met-nav .met-logo{margin-left:10px}
    .met-nav .met-logo img{max-width:150px}
    .met-nav .navbar-collapse{width:100%}
    .met-nav .navbar-nav{margin:10px 0!important}
    .met-nav .met-langlist{margin-right:5px}
    .met-nav .navlist .nav-item a.active{background:#f5f5f5}
    .met-nav .dropdown-submenu .dropdown-menu .dropdown-item{padding-left:35px}
}
.met-head-user-toggler i{position:relative;top:-5px}
.met-head-user-toggler i:first-child,
.met-head-user-toggler.active i{display:none}
.met-head-user-toggler.active i:first-child{display:inline-block}
/*底部*/
footer{line-height:1.8}
footer p{margin-bottom:0px}
/*多语言*/
.met-langlist .btn-lang img,
#met-langlist-dropdown .dropdown-item img{position:relative;top:-1px}
.met-langlist .dropdown-menu{min-width:0}
.met-langlist .dropdown-menu .dropdown-item{white-space:nowrap}
@media (max-width:479px){
    .met-langlist .btn-lang{padding-left:5px;padding-right:5px}
}
/*会员模块*/
/*头部会员、登录注册*/
.met-head-user .dropdown i{color:#9e9e9e}
.met-head-user .dropdown > a{background:#f5f5f5}
.met-head-user .dropdown > a{padding-top:0px;padding-bottom:0px;height:40px;line-height:40px}
.met-head-user .dropdown-menu-footer{line-height:35px}
.met-head-user .dropdown-menu{top:45px}
.met-head-user-column .avatar img{max-height:30px}
@media (min-width:768px){
    .met-head-user>li:nth-child(2){margin-left:10px}
}
@media (max-width:767px){
    .met-head-user>li{display:block}
    .met-head-user>li:first-child{margin-bottom:10px}
}
/* 商城模块 */
/* 头部购物车 */
#topcart-body .list-group-item .media .media-body p:last-child{margin-bottom:0}
@media (max-width:479px){
    #topcart-body .list-group-item .media .media-left{display:table-cell}
}