

/*按钮背景色*/
.bnt_cr{background-image: linear-gradient(135deg,#ce2620,#ce2620);background-color: #ce2620;}
.bnt_fu{background-image: linear-gradient(135deg,#b41500,#ce2620);background-color: #ce2620;}

/* 导航 BEGIN*/
.mall_nav{width:100%;height:36px;margin:0 auto;position:relative;z-index:99;zoom:1;}
/*左侧分类相关*/
.mall_nav .all_categorys{display:block;width:194px;height:36px;float:left;border-radius: 5px 5px 0px 0px;}
.mall_nav .all_categorys .mt{line-height:36px;height:36px;padding:0 10px}

.mall_nav .all_categorys .mt h3 a{font-size:16px;font-weight:400;color:#FFF;float:left;margin-left:4px;}
.mall_nav .all_categorys .mc{width:194px;display:none;}
.mall_nav .all_categorys:hover .mc{display:block;}
/*.mall_nav .all_categorys .mc .menu{height:490px;background:#333;background:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000")\9;padding-top:2px;}*/
.mall_nav .all_categorys .mc .menu{border: 1px solid #FFFFFF; height:487px;background:#FFFFFF;background: rgb(255, 255, 255);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff")\9;padding-top:2px;}

.mall_nav .all_categorys .mc .menu li {width: 194px; height: 43px; *float: left; *clear: left; position: relative; z-index: 1; zoom:1; /*border-bottom:1px solid rgb(241, 241, 241);*/cursor: pointer;    /*border-top: 1px solid rgba(182,182,182,0.2);*/}
.mall_nav .all_categorys .mc .menu li.hover { z-index: 2;}
.mall_nav .all_categorys .mc .menu li:last-child { height: 46px;border-bottom: 0;}
.mall_nav .all_categorys .mc .menu li .van_txet .van_txet_list{padding: 5px 0; width: 145px;float: right;}
.mall_nav .all_categorys .mc .menu li .van_txet .i_bnt{width: 20px; height: 20px ; display: block;margin-top:9px; float: left;background: url(../imges/ion.png) no-repeat;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_01{background-position:0 0 ;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_02{background-position:-27px 0px ;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_03{background-position:-52px 0px ;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_04{background-position: -194px 0px;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_05{background-position:-375px 0px ;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_06{background-position: -329px 1px;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_07{background-position: -296px 0px;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_08{background-position: -148px 0px;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_09{background-position: -248px  0px;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_010{background-position:-351px 0px ;}
.mall_nav .all_categorys .mc .menu li .van_txet .ioncn_011{background-position: -101px 0px;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_01{background-position:0 -23px;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_02{background-position:-27px -23px ;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_03{background-position:-52px -23px ;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_04{background-position: -194px -23px;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_05{background-position:-375px -23px ;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_06{background-position: -329px  -23px;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_07{background-position: -296px -23px;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_08{background-position: -148px -23px;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_09{background-position: -248px -23px;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_010{background-position:-351px -23px ;}
.mall_nav .all_categorys .mc .menu li.hover .van_txet .ioncn_011{background-position:-101px -23px ;}
.mall_nav .all_categorys .mc .menu li .van_txet .van_txet_list h2{font-size: 15px; color: #e2e2e2; line-height:30px;}
.mall_nav .all_categorys .mc .menu li .van_txet .van_txet_list h2 em{color: #888; padding-top: 10px; }
.mall_nav .all_categorys .mc .menu li .van_txet .van_txet_list  span{font-size: 14px; color: #333333;/*margin-left: -27px;*/margin-top: 5px;display: block;}
.mall_nav .all_categorys .mc .menu li .van_txet .van_txet_list  span em{padding: 5px; font-size: 11px;}
.mall_nav .all_categorys .mc .menu li:hover .van_txet .van_txet_list h2{color: #ff4e02;}
.mall_nav .all_categorys .mc .menu li .van_txet .van_txet_list h2:hover em{color: #ff4e02;}
.mall_nav .all_categorys .mc .class { display: block; width: 170px; /*height: 60px;*/ padding: 9px 10px; position: absolute; z-index: 1; top: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.mall_nav .all_categorys .mc .hover .class { background-color: #F3F3F3; width: 169px; padding: 9px 15px 9px 8px; z-index: 2;}
.mall_nav .all_categorys .mc .class .ico{width: 16px; height: 16px; margin-right:6px;}
.mall_nav .all_categorys .mc .class .ico img{width:16px;height:16px;float:left;}
.mall_nav .all_categorys .mc .class h4 { vertical-align: top; display: inline-block;*display: inline/*IE7*/; *zoom: 1/*IE7*/;}
.mall_nav .all_categorys .mc .class h4 a { color: #FFF; font-size: 13px; line-height: 16px; height: 16px;width:145px;overflow:hidden;display:block;}
.mall_nav .all_categorys .mc .menu li.hover .class h4 a { color: #333;}
.mall_nav .all_categorys .mc .class .arrow {width: 3px; height: 5px; float: right; margin: 5px 0 0;}
.mall_nav .all_categorys .mc .menu:hover{border: 1px solid #CE2620}
.mall_nav .all_categorys .mc .sub-class { background-color: #FFFFFF; display: none; width: 870px; min-height: 370px; padding: 10px 0px 19px 20px;border:1px solid #ce2620;position: absolute; z-index: -10; left: 192px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;min-height: 460px;}
.mall_nav .all_categorys .mc .sub_01{top:-3px;} 
.mall_nav .all_categorys .mc .sub_02{top:-46px;}
.mall_nav .all_categorys .mc .sub_03{top:-89px;} 
.mall_nav .all_categorys .mc .sub_04{top:-132px;}
.mall_nav .all_categorys .mc .sub_05{top:-175px;} 
.mall_nav .all_categorys .mc .sub_06{top:-218px;} 
.mall_nav .all_categorys .mc .sub_07{top:-261px;} 
.mall_nav .all_categorys .mc .sub_08{top:-304px;}
.mall_nav .all_categorys .mc .sub_09{top:-347px;} 
.mall_nav .all_categorys .mc .sub_010{top:-390px;}
.mall_nav .all_categorys .mc .sub_011{top:-433px;}    
.mall_nav .all_categorys .mc .sub_top01{top: -98px;}
.mall_nav .all_categorys .mc li.hover .sub-class { display: block;}
.mall_nav .all_categorys .mc .sub-class-content { display: block; width: 900px; float: left;}
.mall_nav .all_categorys .mc .recommend-class { font-size: 0;  word-spacing:-1em; display: block; overflow: hidden; margin-bottom: 10px;}
.mall_nav .all_categorys .mc .recommend-class .recommend_bnt{ height: 30px; border-bottom: 1px solid #ebebeb; padding: 5px 0 15px 0;}
.mall_nav .all_categorys .mc .recommend-class .recommend_bnt a{color: #FFFFFF;display: block;font-size: 12px; border-radius:5px; background: #ff4e02; height: 30px; line-height: 30px; padding: 0 20px; float: left; margin-right: 20px;}
.mall_nav .all_categorys .mc .recommend-class .recommend_bnt a:hover{background: #ce2620;}
.mall_nav .all_categorys .mc .recommend-class span { font-size: 12px; background-color: #7C7171; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; margin: 0 10px 10px 0; *zoom: 1/*IE7*/;}
.mall_nav .all_categorys .mc .recommend-class span a { color: #FFF; line-height: 20px; display: block; padding: 2px 10px;}
/*.mall_nav .all_categorys .mc .sub-class dl {  font-size: 0;  word-spacing:-1em; padding-top: 10px; width: 390px; height: auto; float: left; overflow: hidden; margin-right: 25px;}*/
.mall_nav .all_categorys .mc .sub-class dl dt,
.mall_nav .all_categorys .mc .sub-class dl dd { font-size: 12px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom: 1/*IE7*/;}
/*.mall_nav .all_categorys .mc .sub-class dl dt {width: 80px; height: 16px; padding-right: 10px; margin-right: 10px; }*/
.mall_nav .all_categorys .mc .sub-class dl dt h3 { line-height: 16px; font-weight: 600; color: #5C5251; text-align: right;}
.mall_nav .all_categorys .mc .sub-class dl dt h3 a{color: #5e5e5e;}
.mall_nav .all_categorys .mc .sub-class dl dd { font-size: 0;  word-spacing:-1em; width: 290px; border-bottom: solid 1px #F0F0F0; height: 80px;}
.mall_nav .all_categorys .mc .sub-class dl:last-child dd { border-bottom: none 0;}
.mall_nav .all_categorys .mc .sub-class dl dd a { font-size: 12px; color: #7C7171; line-height: 20px; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; height: 16px; padding: 0 10px; margin-bottom: 10px; border-left: solid 1px #E7E7E7; *zoom:1/*IE6、7*/;}
.mall_nav .all_categorys .mc .sub-class dl dd .color{color: #ce2620;}
.mall_nav .all_categorys .mc .sub-class dl dd a:hover { color: #C81623;}
.mall_nav .all_categorys .mc .sub-class dl dd h5 { font-size: 12px; line-height: 20px; color: #333; margin: 4px 0 2px 0;}

.mall_nav .all_categorys .mc .sub-class-right { display: block; width: 210px; min-height: 467px; max-height: 467px;  background: #F3F3F3; top:0px; right: 0; padding: 10px;}
.mall_nav .all_categorys .mc .sub-class-right .adv-promotions{border-bottom: 1px solid #F3F3F3;}
.mall_nav .all_categorys .mc .sub-class-right .adv-promotions ul{width: 212px;}
.mall_nav .all_categorys .mc .sub-class-right .adv-promotions ul li{float: left;width:84px; height: 44px; border-bottom: 1px solid #F3F3F3; border-right: 1px solid #F3F3F3; padding: 10px; background: #FFFFFF;}
.mall_nav .all_categorys .mc .sub-class-right .adv-promotions ul li a{width: 84px; height: 44px;display: block; background: #FFF;}
.mall_nav .all_categorys .mc .sub-class-right .adv-promotions ul li img{display: block; width: 100% ; height: 100%;background: #FFF;} 
.mall_nav .all_categorys .mc .brands-list {}
.mall_nav .all_categorys .mc .brands-list ul {font-size: 0;  word-spacing:-1em; height: 65px; overflow: hidden;}
.mall_nav .all_categorys .mc .brands-list li { font-size: 12px; background-color: transparent !important; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; width: 94px; height: 31px; margin: 0 1px 3px 2px; *zoom: 1/*IE7*/;}
.mall_nav .all_categorys .mc .brands-list li a { display: block; position: relative; z-index: 1;} 
.mall_nav .all_categorys .mc .brands-list li a img { width: 94px; height: 31px; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0;}
.mall_nav .all_categorys .mc .brands-list li a span { color: #333; line-height: 25px; background-color: #FFF; white-space: nowrap; text-align: center; width: 86px; height: 25px; padding: 3px 4px; position: absolute; z-index: 1; top: 0; right: 0; overflow: hidden;}
.mall_nav .all_categorys .mc .brands-list li a:hover span { color: #FFF; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#F27C7171', endColorstr='#F27C7171');background:rgba(124,113,113,0.95); z-index: 3;}
.mall_nav .all_categorys .mc .adv-promotions { display: block; width: 210px; }
.mall_nav .all_categorys .mc .sub-class-right .adv-promotions .promotions_rihgt{width: 210px;background: #fff;margin-top: 10px;}
.mall_nav .all_categorys .mc .sub-class-right .adv-promotions .promotions_rihgt img{/*width:210px; height: 100px;*/display: block; margin: 0 auto;}

.category-ico-1:before{content: "\e601";}
.category-ico-2:before{content: "\e648";}
.category-ico-3:before{content: "\e670";}
.category-ico-4:before{content: "\e60c";}
.category-ico-5:before{content: "\e671";}
.category-ico-6:before{content: "\e63b";}
.category-ico-7:before{content: "\e6de";}
.category-ico-8:before{content: "\e645";}
.category-ico-9:before{content: "\e603";}
.category-ico-10:before{content: "\e655";}
.category-ico-11:before{content: "\e68a";}


/*右侧导航相关*/
.mall_nav .site_menu{font-size:0;white-space:nowrap;max-width:988px;float:left;}

.mall_nav .site_menu li { position: relative;vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/; *zoom: 1;}
.mall_nav .site_menu li a {  font-size: 16px; font-weight: normal; line-height:40px; color: #333; height: 40px; padding:0px 30px; display: inline-block; *display:inline/*IE6、7*/; zoom:1;}
.mall_nav .site_menu li a:hover { text-decoration: none; color: #DD4400;}
.mall_nav .site_menu li a.current { font-weight: 600; color: #DD4400; }
/* 导航*/
/*.mall_nav .site_menu li .hot_nav {content: ' ';width: 32px;height: 15px;background: url(http://static.qihuiwang.com/images/acg_hot.png) no-repeat center;background-size: 100% auto;position: absolute;right: 10px;top: -3px;z-index: 100;animation: hotAnimation .8s infinite linear;}
@keyframes hotAnimation{0%{transform:translateY(0)}50%{transform:translateY(-4px)}100%{transform:translateY(0)}}
@-webkit-keyframes hotAnimation{0%{transform:translateY(0)}50%{transform:translateY(-4px)}100%{transform:translateY(0)}}*/


.mall_nav .site_menu li .hot_nav {   display: inline-block;
    width: 27px;
    height: 19px;
    background: url(/static/images/gif_hot.gif) no-repeat;
    position: absolute;
       top: -8px;
    right: 20px;}
/*.mall_nav .all_categorys .mc .menu li.hover:before {content: '';position: absolute;display: block;width: 10px;height: 76px;left: 0;top: 0;margin-left: -10px;background: #FFFFFF;}
.mall_nav .all_categorys .mc .menu li.hover:after {z-index: -10;content: '';position: absolute;display: block;width: 0;height: 0;left: 0;bottom: 0;margin-left: -10px;margin-bottom: -6px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #fff;}*/

.qrcodeBox{width: 132px;position: relative;position:absolute;right: -128px;}
.qrcodeBox:before {position: absolute;right: 51px;top: -31px;width: 0;height: 0;content: '';border: 8px transparent dashed;border-bottom: 8px solid #dcdcdc;}
 .qrcodeBox img { position: absolute;right: 8px;top: -15px;width: 90px;height: 90px;padding: 5px;border: 1px solid #dcdcdc;background-color: #fff;}
.qrcodeBox:after {top: -29px;border-bottom: 8px solid #fff;}

/*2021/9导航 条固定顶部样式*/
.public_fixed{position: fixed;z-index: 9999;transition: all .2s; }
.header_fixed{position: fixed;z-index: 999;top: 20px;box-shadow:3px 2px 10px #e0e0e0;margin: 0; padding: 5px 0; transition: all .5s;}
.header_fixed .top_search{margin-left: 147px;}
.header_fixed .qrcodeBox{display: none;}
