.navy{  overflow:visible;    }

.navy .menu li { position:relative; display:inline-block; float:left; text-align:left; z-index: 4;}
/*.navy .menu li:nth-child(2){width: 20%; text-align: center;}*/
.navy .menu li:nth-last-child(2){float: right; width: 18%;}
.navy .menu li a{ display:inline-block; color:#fff;  text-decoration:none; /*-webkit-transition:background .3s linear,color .3s linear;-moz-transition:background .3s linear,color .3s linear;-o-transition:background .3s linear,color .3s linear;transition:background .3s linear,color .3s linear*/}
.navy .menu li a:hover { color:#fff; }
/*
.navy .menu ul { position:absolute; z-index:999;display:none; background:#464748; left:0; top:60px; padding:10px 0; width:139px;  }
*/
.navy .menu ul li ul{ position:absolute; z-index:999;display:none; background:#5a5a5a; left:139px; top:-30px; padding:10px 0; width:139px;  }
.navy .menu ul li{clear:both; /*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/ width:100%;font-size:12px; line-height:36px;}
.navy .menu ul li a{float:left;clear:both;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:0 20px; width:100%}
.navy .menu ul li:hover>a{ background:#888}
/*.navy .menu li .search{ width: 480px; height: 46px; float: left;}*/
.navy .menu .shownav{ float: left; display: block; width: 65%; position: absolute; top: 0; left: 21%;}
.navy .menu .shownav2{ float: left; display: block; width: 45%; position: absolute; top: 0; left: 35%;}
.navy .menu .shownav .search{ display: block; position: relative; z-index: 999; overflow: visible;}
.navy .menu li .search input{ width: 88.5%; height: 46px; line-height: 44px; float: left; padding-left: 10px; border: 1px solid #cccccc;}

.navy .menu li .search .point{ display: none; position: absolute; top: 46px; left: 0; width: 88.5%; border: 1px solid #cccccc; padding: 10px; background: #fff;}
.navy .menu li .search .point .point-ul{ position: static; display: block;}
.navy .menu li .search .point li{ font-size: 12px; line-height: 25px; color: #464646; text-align: left; padding-left: 10px; width: 100%; cursor: pointer;}

.navy .menu li .search2 input{ width: 85%; line-height: 44px; float: left; padding-left: 10px; border: 1px solid #cccccc;}
.navy .menu li .search a{ padding: 0 10px;}
.navy .menu li .search a img{ width: 20px; height: 19px;}
.navy .menu li .shopping{ width: 100%; height: 46px; background: #555555; float: right;}
.navy .menu li .shopping img{ width: 31px; height: 24px; margin: 12px 0 0 11px; float: left;}
.navy .menu li .shopping .count{ height: 46px; color: #f65d3e; float: left; margin-top: -12px;}
.navy .menu li .shopping .cart{ margin-right: 10%; line-height: 46px; width: 55px; float: right; padding-left: 0; padding-right: 10px; background: url("../images/cartbg.png") no-repeat right;}

.navy .menu li .goods{ display: none; width: 310px; background: #ffffff; position: absolute; top: 45px; right: 0; z-index: -1; border: 1px solid #cccccc;}
.navy .menu li .goods .goods_p{ width: 100%; line-height: 37px; padding-left: 8px; color: #464646; font-size: 14px;}
.navy .menu li .goods .total{ width: 100%; height: 45px; background: #e7e7e7;}
.navy .menu li .goods .total .foot{ line-height: 45px; float: left; margin-left: 8px; color: #464646; font-size: 14px;}
.navy .menu li .goods .total .foot span{ font-weight: 600;}
.navy .menu li .goods .total a input{ margin-top: -5px; border: none; border-radius: 5px; background: #16b5ef; line-height: 30px; height: 30px; color: #ffffff; width: 78px;}
.navy .menu li .goods .total p{ width: 70px; line-height: 30px; color: #ffffff; background: #dc483e; border-radius: 3px; margin: 8px 8px 0 0; text-align: center; padding: 0;}
.navy .menu li .goods .total a{ padding: 0; float: right; cursor: pointer; margin-right: 10px;}
.navy .menu li .goods .goods_list{ width: 100%; height: auto;}
.navy .menu li .goods .goods_list .goods_li{ width: 100%; color: #464646; font-size: 12px; border-bottom: 1px dashed #aaa9a9;}
.goods_li .goods_img{ width: 50px; height: 50px; border: 1px solid #aaa9a9; margin: 10px 8px; float: left; cursor: pointer;}
.goods_li .goods_img img{ width: 50px; height: 50px;}
.goods_li .introduce{ width: 170px; line-height: 16px; float: left; padding-top: 10px; cursor: pointer;}
.goods_li .money{ font-weight: 600; float: right; margin-right: 12px;}

.navy .menu li .searchlittle{ height: 40px; width: auto; display: none; float: left; border: 1px solid #cccccc; background: #ffffff;}
.navy .menu li .searchlittle input{ width: 350px; line-height: 40px; float: left; border: none; padding-left: 10px;}
.navy .menu li .searchlittle a{ padding: 0 10px;}
.navy .menu li .searchlittle a img{ width: 20px; height: 19px; margin: 0 0 5px 0;}

.iconshop{ display: none; float: right; margin: 9px 10px 0 10px; width: 27px; height: 27px; border-radius: 5px;
    box-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff; cursor: pointer;}
.iconshop img{ width: 22px; height: 17px; margin: 0 0 19px 2px;}
.iconshoplittle{ display: none; float: right; margin: 13px 10px 0 10px; width: 20px; height: 20px; border-radius: 5px; cursor: pointer;
    box-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff; position: absolute; top: 0; right: 40px; z-index: 10;}
.iconshoplittle img{ width: 16px; height: 13px; margin: 0 0 20px 2px;}

.navy .menu>li.showhide{display:none;width:100%; cursor:pointer; line-height:39px;  }
.navy .menu>li.showhide span.menu-title{float:left;margin:5px 0 0 16px; color:#fff; }
.navy .menu>li.showhide span.icon{float:right;margin:15px 10px 0 10px; }
.navy .menu>li.showhide .icon em{display:block;margin-bottom:3px;width:20px;height:2px;background:#fff; }

.red{border-bottom-color:#cf4647}
.red .menu li:hover>a,.red .menu li.active a{color:#fff}
.red .menu ul li:hover>a{background:#ee6919;color:#fff}
/*.rmm .rmm-main-list{overflow:visible!important}
.rmm-toggled{display:none;width:100%;position:relative;overflow:hidden;margin:0 auto}
.rmm-button:hover{cursor:pointer}
.rmm .rmm-toggled ul{display:none;margin:0!important;padding:0!important}
.rmm .rmm-toggled ul li{display:block;margin:0 auto!important}
.rmm.graphite .rmm-toggled{width:100%;border-radius:6px}
.rmm.graphite .rmm-toggled-controls{display:block;height:50px;position:relative}
.rmm.graphite .rmm-toggled-title{position:relative;top:0;left:15px;font-size:16px;color:white;cursor:pointer}
.rmm.graphite .rmm-button{display:block;position:absolute;right:15px;top:15px}
.rmm.graphite .rmm-button span{display:block;margin-top:4px;height:2px;background:white;width:24px}
.rmm.graphite .rmm-toggled ul li{display:block;width:100%;background:#434343;text-align:center;padding:0;font-size:14px;border-bottom:1px solid #666;z-index:1000;height:39px;line-height:39px}*/


@media(max-width:768px){

/*    .navy .menu li .search{ margin: 5px 20px; border: 1px solid #cccccc;}*/
    .navy .menu li .shopping{ float: left; margin-left: 15px;}
    .navy .menu li .goods{ position: absolute; top: 45px; left: 15px;}
    .navy .menu .shownav .search{ display: none;}
    .navy .menu li .searchlittle{ display: block; margin-left: 15px;}
    .navy .menu .shownav{ position: relative; top: 0; left: 0;}

.navy .menu{display:block;margin:0;}
.navy .menu li{display:block; width:100%; height: 46px;}
.navy .menu>li>a,.navy.thick .menu>li>a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-top:solid 1px rgba(23,23,23,.1);text-align:left;  padding:0px 0px 0px 16px; }
.navy .menu>li>a>i{position:relative;float:left;margin-right:5px;margin-left:0;padding:0 0 15px;width:25px;text-align:center;font-size:20px;line-height:60px}
.navy.right .menu{float:right;margin:0}
.navy .menu>li.showhide{display:block}
.navy .menu ul,.navy .menu ul li ul{position:static;left:0;float:left;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;padding:0 20px;width:100%; background:#585858; }
.navy .menu ul{margin-bottom:15px}
.navy .menu ul li a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; width:100%;text-align:left}
.navy .menu>li>ul>li>a{padding-left:23px!important}
.navy .menu>li>ul>li>ul>li>a{padding-left:38px!important}
.navy .menu>li>ul>li>ul>li>ul>li>a{padding-left:53px!important}
.red .menu ul li:hover>a{ background:none;color:#ee6919;}

.red .menu li:hover>a,.red .menu li.active a{color:#ee6919; }

/* add */
    .navy .menu li:nth-child(2){width: 100%; float: left; text-align: left;}
    .navy .menu li:nth-last-child(2){width: 100%; float: left;}
    .navy .menu li:nth-last-child(2) .shopping{ width: 56%; padding-top: 4px;}
    .navy .menu li{ z-index: 200;}
    .iconshoplittle{ z-index: 210;}
}


@media(max-width:682px){
    .navy .menu li .search{ display: none;}
    .navy .menu li .searchlittle{ display: block; margin: 0 15px;}

    .navy .menu li a{ line-height: 32px;}
}