/*===pc menu导航===*/
.header-nav-container {background: #122c4c;}
.header .main-menu{display:flex;display:-webkit-flex;/*Safari*/}
.header .main-menu > li{flex:1}
.header .main-menu > li > a {padding:12px 0px;}
.header-nav-wapper .vertical-wapper ~ .header-nav {padding-left:20px;}
.main-menu .submenu {position: absolute;top: 100%;left: 0;background-color:#0c1929;min-width:160px;z-index: 1001;padding: 0;margin: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .35s;
	-o-transition: .35s;
	transition: .35s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);}
.main-menu .menu-item:hover > .submenu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);}
.main-menu {display:table;padding:0;border-left:1px rgba(0, 0, 0, 0.1) solid;}
.main-menu li {list-style:none;position:relative;}
.main-menu > li {display:inline-block;}
.main-menu > li > a {font-size:16px;
	display: inline-block;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Helvetica,Arial,sans-serif';
	letter-spacing:0em;
	color: #FFF;display:block;text-align:center;border-right:1px rgba(0, 0, 0, 0.15) solid;}
.main-menu li:hover > a, .main-menu > li.active > a {background-color:#0c1929;color:#FFF}/*1级*/
.main-menu > li.menu-item-has-children > a:after {}
.mega-menu .dungar-custommenu .widgettitle {font-size: 14px;color: #0a0a0a;font-weight:600;margin-bottom: 15px;text-transform: uppercase;position: relative;padding-bottom: 10px;}
.mega-menu .dungar-custommenu .widgettitle::before {content: '';position: absolute;left:0;bottom:0;border-bottom: 2px solid #dd3232;width: 30px;}
.mega-menu .dungar-custommenu ul {padding: 0;margin: 0;}
.mega-menu .dungar-custommenu ul li {line-height:32px;color: #555;}
.mega-menu .dungar-custommenu ul li a {line-height: 28px;}
.main-menu .submenu .submenu {left:100%;top: 0;}/*3级位置*/
.main-menu .submenu > li > a {display: block;padding:5px 10px 5px 20px;color:#FFF !important;border-bottom:1px rgba(0, 0, 0, 0.35) solid;text-align:left;font-size:15px}
.main-menu .submenu > li:hover > a, .main-menu .submenu > li.active > a {background-color:#e1ac1f;color:#FFF;border-bottom:1px #e1ac1f solid;}/*2级*/
.main-menu .submenu > li.menu-item-has-children > a:after {font-family: 'FontAwesome';content: "\f105";float: right;color:rgba(255, 255, 255, 0.5)}


/*===MOBILE MENU导航===*/
.dungar-menu-clone-wrap {position: fixed;top:0;left:-100%;width:100%;height:100vh;background-color: rgba(18,44,76,0.9);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 100000;
    -webkit-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    box-shadow: 3px 5px 14px -3px rgba(0, 0, 0, 0.11);
    color: #FFF;
}
.dungar-menu-panels-actions-wrap{width:70%;float:left;background-color:#b3355e;}/***导航栏目***/
.dungar-menu-clone-wrap.open {left: 0;}
.dungar-menu-panels-actions-wrap {border-bottom:1px solid #b3355e;height:50px; position: relative;}
.dungar-menu-panels-actions-wrap .dungar-menu-close-btn,
.dungar-menu-panels-actions-wrap .dungar-menu-prev-panel {width:50px;height:50px;position: absolute;top:0;right: 0;z-index:10;border-left:1px solid #aa2d55;
text-align: center;line-height:45px;color: #FFF;}
.dungar-menu-panels-actions-wrap .dungar-menu-close-btn{font-size:26px}/*导航关闭*/
.dungar-menu-panels-actions-wrap .dungar-menu-close-btn:hover,
.dungar-menu-panels-actions-wrap .dungar-menu-prev-panel:hover {color: #000;}
.dungar-menu-panels-actions-wrap .dungar-menu-prev-panel {right: inherit;left: 0;border: none;border-right: 1px solid #aa2d55;}
.dungar-menu-panels-actions-wrap .dungar-menu-current-panel-title{font-weight:bold;font-size:16px;display: block;text-align:center;line-height:50px;padding: 0 50px;text-transform: uppercase;}
.dungar-menu-panels-actions-wrap .dungar-menu-prev-panel:before {content: "\f104";font-family: FontAwesome;font-size:26px;line-height:50px;}
.dungar-menu-panel > ul {padding: 0;margin: 0;}
.dungar-menu-panel li {list-style: none;position: relative;}
.dungar-menu-panel > ul > li {padding: 0 20px;border-bottom: 1px solid #eee;font-size: 15px;}
.dungar-menu-panel > ul > li > a {display: block;line-height: 50px;color: #000;text-transform: uppercase;}
.dungar-menu-panel > ul > li:hover > a,
.dungar-menu-panel > ul > li.active > a {color: #000;}
.dungar-menu-next-panel {font-size:24px;width:50px;height:50px;text-align: center;line-height: 50px;position: absolute;top: 0;right: 0;z-index: 10;background:#fafafa;border-left:1px #f0f0f0 solid}
.dungar-menu-next-panel:before {content: "\f105";font-family: FontAwesome;}
.dungar-menu-clone-wrap .toggle-submenu {display: none !important;}
.dungar-menu-clone-wrap .dungar-menu-panels {background: inherit;border-color: inherit;z-index: 0;box-sizing: border-box;overflow: hidden;height: calc(100% - 50px);
position: relative;width:70%;float:left}/***导航下部分***/
.dungar-menu-clone-wrap .dungar-menu-panel {background-color: #fff;}
.dungar-menu-clone-wrap .dungar-menu-panel.dungar-menu-sub-panel {border-color: #fff;bottom: 0;box-sizing: border-box;display: block;left: 0;margin: 0;overflow-x: hidden;overflow-y: auto;position: absolute;right: 0;top: 0;transform: translateX(100%);transition: all 0.2s ease 0s;z-index: 0;}
.dungar-menu-clone-wrap .dungar-menu-panel.dungar-menu-panel-opened {transform: translateX(0);z-index: 999;}
.dungar-menu-clone-wrap .dungar-menu-sub-opened {z-index: 1;opacity: 0;visibility: hidden;}
.dungar-menu-clone-wrap .dungar-menu-hidden {display: block !important;opacity: 0;visibility: hidden;}
.dungar-menu-clone-wrap .submenu.mega-menu {padding: 20px;max-width: 100% !important;width: 100% !important;}
.dungar-menu li > a > .icon {margin-right: 10px;}
.dungar-menu-panel-main {position: absolute;top: 0;right: 0;left: 0;bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}

/*===mobile header头部===*/
.header-device-mobile {padding:20px 0;display: none;position: relative;background:#122c4c;border-bottom:5px #b3355e solid}
.xxx-header-device-mobile .wapper {display: table;width: 100%;padding: 0 15px;}
.header-device-mobile .item {}/*display: table-cell;vertical-align: middle; */
.mobile-header{display:flex;display:-webkit-flex;/*Safari*/}
	.mobile-header .mobile-logo{flex:1}
		.mobile-header .mobile-logo img{float:left}
	.mobile-header .mobile-search-box{width:40px;margin-top:5px}
	.mobile-header .menu-bar{width:40px;margin-top:5px}
/*搜索弹出*/
.header-device-mobile .item .block-sub {position: absolute;top:100%;right:0;background-color:#fff;padding:15px;left: 0;z-index:999;margin-top:1px;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
	-webkit-transition: opacity .5s, -webkit-transform .5s;
	transition: opacity .3s, transform .3s;
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	-o-transform: translate(0, 30px);
	-ms-transform: translate(0, 30px);
	transform: translate(0, 30px);
	opacity: 0;
	display: block;
	visibility: hidden;
	padding-top: 50px;background:rgba(231,40,76,.9);
}/*导航弹出*/
.header-device-mobile .item.open .block-sub {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
	visibility: visible;
}/*搜索弹出*/
.header-device-mobile .mobile-navigation, .mobile-search-box > a, .mobile-settings-box > a {width:32px;height:32px;float: left;border:1px solid #dedede;padding: 0;text-align: center;line-height:30px;font-size:16px;border-radius:4px;}/*导航按钮大小*/
/*menu mobile栏目图标中间三横线*/
.header-device-mobile .mobile-navigation{margin: 0;text-align: center;padding:9px 0px 0px 1px;margin-left:4px}
.header-device-mobile .mobile-navigation span{background-color: #dedede;display: block;width: 16px;margin-bottom:3px;height: 2px;}
/*搜索关闭*/
.header-device-mobile .item .block-sub .close {font-size: 14px;display: inline-block;width:30px;height:30px;text-align: center;float: none;position: absolute;top: 10px;right: 15px;line-height:27px;border: 1px solid #eee;background:rgba(0,0,0,.1)}
.mobile-search-box i{color:#dedede}
.header-device-mobile .header-searchform-box {padding:19px 0;}
.header-device-mobile .header-searchform-box .search-input{width: calc(100% - 100px);font-size:13px;color:#999999;background:#ffffff;}/*搜索输入框*/
.header-device-mobile .header-searchform-box .button{background:#ffc425;color:#FFF;width:90px}/*搜索按钮*/
.header-device-mobile .block-item-title {font-size: 14px;border-bottom: 1px solid #eee;padding-bottom:10px;margin-bottom: 15px;}
.mobile-settings-box .dungar-language-wrap {padding: 0;margin: 0;}
.mobile-settings-box .dungar-language-wrap li {list-style: none;display:inline-block;font-size:15px;color: #888;margin-right: 20px;margin-bottom: 20px;}
.mobile-settings-box .dungar-language-wrap li.active {color: #0a0a0a;}

/*footer-device-mobile 底部图标栏*/
.footer-device-mobile {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 999;background-color: #fff;border-top: 1px solid #eee;display: none;}
.footer-device-mobile-item {display: table-cell;vertical-align: middle;text-align: center;}
.footer-device-mobile .wapper {display: table;width: 100%;table-layout: fixed;}
.footer-device-mobile-item > a {display: inline-block;padding: 5px 0;color: #222;line-height: normal;}
.footer-device-mobile-item > a .icon {font-size: 20px;display: block;position: relative;height: 30px;line-height: 30px;font-weight: 700;}
.footer-device-mobile-item.device-cart .count-icon {width: 20px;height: 20px;text-align: center;line-height: 20px;border-radius: 50%;color: #ffffff;font-weight: 700;display: inline-block;position: absolute;top: 0;right: -10px;font-size: 12px;}

/*backtotop向上*/
.backtotop {display: none;width: 50px;height: 50px;font-size: 24px;font-weight: 700;background:#122c4c;color:#fff;border-radius: 50%;position: fixed;bottom: 50px;right: 25px;text-align: center;line-height: 50px;z-index: 999;}
.backtotop.show {display: block;}
.backtotop:hover {background:#dd3232;color:#fff !important;}
.coppyright {color: #888888;padding: 5px 0;}
.coppyright a {color: #dd3232;}
.footer-end .dungar-payment {cursor: pointer;text-align: right;}
.footer-end .dungar-payment:hover {opacity: 0.6;}
.footer-end .demos {text-align: right;}
.footer-end .demos a {min-width: 139px;height: 34px;border: 1px solid #363636;display: inline-block;text-align: center;line-height: 30px;text-transform: capitalize;color: #888888;font-size: 13px;}
.footer-end .demos a::after {font-family:'FontAwesome';content: "\f107";margin-left: 5px;font-size: 15px;color: #888;font-weight: normal;vertical-align: top;}
.footer-end .demos span {color: #ffffff;}