

/* 商城导航菜单 */
.sub-menu { clear:both; padding-top: 15px;background: #ed145b; }
@media (max-width: 486px) {
    .sub-menu {margin-top:0px;}
}
.sub-menu-nav{position: relative;margin-bottom: 15px;}
.sub-menu label{color: #333;background: #fff;line-height: 38px;height: 38px;margin: 0;padding: 0 10px;vertical-align:middle;width: 100%;cursor: pointer;border-radius: 0px;}
.sub-menu-btn p{margin: 0;padding: 0 10px;display: inline-block;}
.sub-menu-btn button{float: right;margin-top: 2px;padding: 10px;border:none;background: transparent;width: 45px;line-height: inherit;}
.sub-menu-btn button span{height: 2px;background: #333;display: block;width: 100%;}
.sub-menu-btn button span+span{margin-top: 5px;}
.sub-menu .input-group{margin-bottom: 15px;}
.sub-menu-input{height: 38px;line-height: 38px; border-radius: 0px;}
.sub-menu-btn2{height: 38px;line-height: 38px;padding: 0 20px;font-size: 20px;color: #fff;background: #444851;border-color:#444851;border-radius: 0px;}
.sub-menu-btn2:hover,
.sub-menu-btn2:focus{color: #fff;opacity: 1;}

.loop-products-shop-nav {position: absolute; z-index:999;margin-left: -15px;}
.loop-products-nav_left {width: 262px;background: #FF0036;float: left;}

.loop-products-nav_left ul {width: 100%;height: auto;margin:0px;padding:0px;}
.loop-products-nav_left ul li {height: 50px;line-height: 50px;text-align: left;}
.loop-products-nav_left ul li a {color:#fff; font-size:16px;padding:0px 0px 0px 15px;}
.loop-products-nav_left ul li:hover a {color:#000;}
.loop-products-nav_left ul li span {padding-left: 10px;height: 50px;line-height: 50px;display: block;background: #FF0036;color: #fff;}
.loop-products-nav_left ul li span:hover {color: #FF0036;background: #FFFFFF;}

.loop-products-nav_right {overflow: hidden;}
.loop-products-nav_right_sub {position: relative;overflow: hidden;width: 100%;height:800px;padding: 15px;border:1px solid #FF0036;border-left:none;background:#fff;}
.loop-products-nav_right_sub dl {overflow: hidden;padding: 0px 0px 10px 0px;}
.loop-products-nav_right_sub dt {width: 100px;float: left;display: block;position: relative;clear: left;}
.loop-products-nav_right_sub dt a {font-size: 14px;color: #000;font-weight: bold;text-align: center;padding:0px 0px 0px 20px;text-decoration: none;cursor: pointer;}
.loop-products-nav_right_sub dt i {width: 4px;right: 12px;top: 0px;font-size: 14px;position: absolute;font-style: normal;}
.loop-products-nav_right_sub dd {width: 660px;float: left;display: block;position: relative;overflow: hidden;padding-right: 20px;border-bottom: 1px dashed #E3E3E3;}
.loop-products-nav_right_sub dd a {font-size: 14px;float: left;color: #666;padding: 0 10px;margin: 0px 0px 10px 0px;text-decoration: none;cursor: pointer;border-left: 1px solid #E3E3E3;}
.loop-products-nav_right_sub dd a:hover {color: #FF0036;}

@media screen and (min-width: 992px) and (max-width: 1199px){
    .loop-products-nav_left{width: 293px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .loop-products-nav_left{width: 282px;}
}
@media screen and (min-width: 0) and (max-width: 767px){
    .loop-products-nav_left{width: calc(100vw - 30px);float: none;}
    .loop-products-nav_right{width: calc(100vw - 30px);}
    .loop-products-nav_right_sub{height: auto;border-left:1px solid #FF0036 }
}
