@charset "utf-8";
/*重置*/

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u, i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
ol, ul{ list-style: none outside none;}
table{border-collapse:collapse;border-spacing:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
button{border: none;}
a,button{cursor:pointer;}
input{border: none;background-color: transparent}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/22px "Microsoft YaHei",SimSun,SimHei,Verdana,Arial,sans-serif,"Times New Roman";color:#333;outline:0;}
body{background:#fff !important;}
a,img{border: none;outline: none;}	
a,a:hover{color:#333;}
del{text-decoration: line-through;}
/* 默认 */
strong,em{font-style:normal;font-weight:bold;}
table{border-collapse: collapse;border-spacing: 0;outline: 0;margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;}
table,tr,th,td{box-sizing: border-box;}
/* 统一调用背景图 */
/* 修正IE5.x和IE6的斜体溢出bug */
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}


img{ border:0 none;}
a:link, a:visited{ text-decoration:none;}
a:hover{ color:#F60; text-decoration:none;}
/* 去掉链接的虚线框 */
a {border: none; outline:none; star:expression(this.onFocus=this.blur());letter-spacing: 0;}
/* 取消边框 */



.NoBorder{ border:0 none;}
/* 字母和单词换行设置，强制内容换行，强制内容不换行 */
.Break{ word-break:break-all; word-wrap:break-word;}
.Nobreak{ word-break:keep-all; word-wrap:normal;}
/* 浮动定义 */
.fl{ float:left;}
.fr{ float:right;}
/* 定位关系 */
.absolute{ position:absolute;}
.relative{ position:relative;}
.fixed{position: fixed;}

.o-hidden{overflow:hidden;}
.invisible{visibility:hidden;}
.hidden{display: none!important;}
.block {display:block!important;}

/* 清理浮动元素的两种方法,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix{display:block;}
.overflow{overflow: hidden;zoom: 1;}

.w1200{width: 1200px;margin: 0 auto;}

/*公用头部*/
/*logo*/
.m-top-box {  display: none; position: fixed; top: 0; left: 0; z-index: 999; background: #fff; width: 100%; height: 70px; box-shadow: 0px 2px 10px 0px #999; opacity: 0.9;}

.m-logo { position: relative; margin-top: 15px; height: 86px;}
.ihn-logo{ padding-top: 15px; height: 45px;line-height: 57px;display: inline-block; box-sizing: content-box;}
.m-search { display: inline-block; margin-left: 135px; padding-top: 25px; height: 60px; box-sizing: content-box;}
.m-search-ipt input { display: inline-block; vertical-align: top; padding-left: 10px; box-sizing: content-box; width: 320px; height: 32px; line-height: 32px; color: #333; border: 1px solid #de243c;}
.m-search-ipt span { display: inline-block; vertical-align: top; margin-left: -4px; width: 46px; height: 34px; background: #de243c url("../../images/front/head/m-search.png") no-repeat center/contain; cursor: pointer;}
.m-searcghh-text { margin-top: 7px;}
.m-searcghh-text span { font-size: 12px;  color: #cbcbcb; cursor: pointer;}
.m-searcghh-text a+a span { margin-left: 10px;}
.m-searcghh-text span:hover { color: #ce2806; }
.m-info-box { position: absolute; top: 0; right:0; overflow: hidden; width: 200px; height: 84px;}
.m-phone-box { position: absolute; left: 0; top: 0; width: 200%; height: 100%;}
.m-phone { float: left;  padding: 20px 0 0 65px; width: 135px; height: 64px; background: url("../../images/front/head/m-phone.png") no-repeat center/100% 100%; box-sizing: content-box;}
.m-phone p { font-size: 16px; color: #333; }
.m-phone p+p { color: #c82b0a;}
.m-wx-small-head { float: left; padding: 13px 0 0 15px; width: 185px; height: 71px; background: url("../../images/front/head/m-wx-person.png") no-repeat center/100% 100%;}
.m-wx-small-head p { font-size: 14px; color: #666; }
.m-wx-small-head p+p { line-height: 18px; font-size: 12px; color: #999;}

.o-top-left .select-cont{display:none; top: 36px; left: 0; width: 100%; background-color: rgba(255,255,255,.9);border: 1px solid #ce2806; border-top: none;z-index: 2; box-sizing: border-box;}
.o-top-left .address i{ float: right; margin: 8px 0 0 12px; width: 8px; height: 6px; background: url("../../images/front/head/m-down-arrow.png") no-repeat center/100% 100%;}
.o-top-left:hover { background: #ce2806; }
.o-top-left:hover .address { color: #fff;}
.o-top-left:hover .select-cont { display: block;}
.o-top-left:hover .address i { background: url("../../images/front/head/m-down-arrow-white.png") no-repeat center/100% 100%;}
.o-top-left { padding: 7px 13px 7px 19px; box-sizing: content-box; position: relative;text-align: center; font-size: 16px;}
.select-cont li { float: none; }
.o-top-left .select-cont li a{ width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #333 !important;}
.o-top-left .select-cont li:hover{ background: #ce2806;}
.o-top-left .select-cont li:hover a{ color: #fff !important;}

.m-wx-small { float: right; position: relative; margin: 25px 16px 0 92px;  width: 98px;  height: 18px; cursor: pointer; }
.m-wx-small img { display: inline-block; vertical-align: sub; width: 18px; height: 18px;}
.m-wx-small span { font-size: 14px; color: #333;}
.m-small-ewm { display: none; position: absolute; top: 31px; left: -15px; z-index: 9; width: 129px; height: 155px; background: #fff; }
.m-small-ewm img { width: 100%; height: 100%;}

@media screen and (max-width: 750px)   {
    
}
    /*雪碧图*/
.o-sprite i{background:url(../../images/front/o-sprite.png) no-repeat;display: inline-block;vertical-align: middle;cursor: pointer;}
.o-sprite i.otop-bottom{height:4px;width:7px;background-position:0 0;margin-left: 10px;}
.o-sprite i.otop-sorts{height:20px;width:25px;background-position:0 -4px;margin-left: 40px;background-size: 100% 150%;}


.o-top-wrap{height: 32px;line-height: 32px;background-color: #DB5C44;font-size: 12px;color: #fff!important;}
.o-top-left .message{margin-left: 19px;}
.o-topr-li a{font-size: 12px;color: #fff!important;}
.o-topr-line{height: 13px;border-left: 2px solid #fff;margin-top: 10px;margin-left: 12px;margin-right: 12px;}
.o-top-login a{color: #fff!important;}
.o-top-login{margin-right: 36px;}
/*.o-topr-li-login,.o-topr-li-now-line,.o-topr-li-regi{display: none;}*/
.osort-wrap{width: 65px;}
.osort-wrap a{text-align: right;width: 65px;display: inline-block;}


/*首页&&商户首页头部*/

/*!*面包削导航*!*/
.crumb-wrap{ background-color: #ebebeb;margin-left: 15px;margin-right: 30px;}
.crumb-wrap .crumb{ font-size: 12px; line-height: 44px;}
.crumb-wrap .crumb .item{ float: left;}
.crumb-wrap .crumb .point{ padding: 0 12px;}
.crumb-wrap-cash .crumb{margin-left:25px;}
.crumb-wrap-xfzds{background-color: #FFF!important;}
/*.nav2-wrap .nav2 a,.nav2-wrap .nav2{font-size: 12px;color: #777777!important;}*/
/*.nav2-wrap .nav2 .arrow{margin: 0 5px 0 8px;}*/
/*.nav2-wrap .nav2{margin-top: 22px;}*/
/*.nav2-wrap .pages{margin-top: 23px;}*/


.i-head-nav-wrap{width: 100%;background-color: #fff;box-sizing: border-box;padding-top: 25px; border-bottom: 2px solid #ce2806; z-index: 9999; transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;}
.ihn-ul{margin-top: 17px;}
.ihn-ul .ihn-li{ padding: 7px 18px; margin-right: 1px; position: relative;text-align: center;}
.ihn-ul .ihn-li a{font-size: 16px;color: #333;text-align: center;box-sizing: border-box;padding-bottom: 2px;}
.ihn-ul .ihn-li:hover{  background: #ce2806; }
.ihn-ul .ihn-li:hover a { color: #fff !important;}
.active-bg-color { background: #ce2806 !important;}
.active-bg-color a { color: #fff !important; }

.ihn-sort{margin-top: 17px;font-size: 12px;color: #000!important;font-weight: bold;display: inline-block;width: 24px;}

.ihn-search-btn{cursor: pointer;}
.ihn-searchbox{margin-top: 18px;}
.ihn-input{opacity:0;width: 0px;border-bottom: 2px solid #000;padding-bottom: 5px;top: 0;left: 0;transition: width .5s linear,opacity .5s linear,left .5s linear;}

.on .ihn-input{width: 100px;display: inline-block;left: -101px;opacity: 1;}

.i-lb-title{text-align: center;font-size: 30px;color: #000;margin: 34px 0 36px 0;}

.i-head-nav-wrap-fixed{position: fixed;top: 0;left: 0;z-index: 5;margin-top: 0px;padding-top:0;padding-bottom: 0px;border-bottom: none;background-color: rgba(219,92,68,.95);}
.i-head-nav-wrap-fixed .ihn-ul .ihn-li a{color: #fff!important;border-bottom-color:rgba(255,255,255,0);}
.i-head-nav-wrap-fixed .ihn-ul .ihn-li-active a,.i-head-nav-wrap-fixed .ihn-ul .ihn-li:hover a{border-bottom-color:rgba(255,255,255,1);}

.i-head-nav-wrap-fixed .ihn-sort{color: #fff!important;}
.i-head-nav-wrap-fixed .ihn-input{border-bottom-color: #fff;color: #fff;}

.rf-sprite i{background:url(../../images/front/index/rf-sprite.png)  no-repeat;display: inline-block;vertical-align: middle;height:7px;width:10px;}
.rf-sprite i.r-bottom{background-position:0 0;}
.rf-sprite i.r-top{background-position:0 -7px;}
.rf-sprite i.f-bottom{background-position:0 -14px;}
.rf-sprite i.f-top{background-position:0 -21px;}

.ihn-select{margin-top: 14px;margin-left: 28px;width: 97px;height: 31px;line-height: 29px;box-sizing: border-box;text-align: center;border: 1px solid #DFDFDF;background-color: rgba(221,221,221,.5);}
.ihn-select .select-top{cursor:pointer;font-size: 14px;width: 100%;box-sizing: border-box;text-align: center;background: url(../../images/front/index/r-top.png) no-repeat scroll 75px center transparent;padding-right: 14px;}
.ihn-select .select-top a{color: #FF4400;display: block;}
.ihn-select:hover .select-top{background: url(../../images/front/index/r-bottom.png) no-repeat scroll 75px center transparent;}
.ihn-select .select-cont{display:none;width: 100%;top: 30px;left: -1px;background-color: #fff;border: 1px solid #E0E0E0;border-top: none;z-index: 2;}
.ihn-select .select-cont ul li a{display:block;font-size: 14px;color: #6D6D6D;}
.ihn-select .select-cont ul li:hover a{color: #FF4400;}
.ihn-select .select-cont ul li a.activea{color: #FF4400!important;}

.i-head-nav-wrap-fixed .ihn-select{background-color: rgba(255,255,255,.5);border-color: rgba(255,255,255,.5);}
.i-head-nav-wrap-fixed .ihn-select .select-top{color: #fff;background:transparent url(../../images/front/index/f-top.png) no-repeat scroll 75px center;}
.i-head-nav-wrap-fixed .ihn-select:hover .select-top{background: url(../../images/front/index/f-bottom.png) no-repeat scroll 75px center transparent;}
.i-head-nav-wrap-fixed .ihn-select .select-top a{color: #fff;display: block;}
.i-head-nav-wrap-fixed .ihn-select .select-cont{display: none;}

.half-icon{top: -33px;left: 0;background: url(../../images/front/index/half-icon.png) no-repeat;width: 104px;height: 38px;}

/*公共底部*/
.m-about { padding: 35px 0 42px 0; font-size: 12px; color: #fff; background:  url("../../images/front/head/m-about.jpg") repeat-x center/contain; border-top: 6px solid #c93c2e;}
.m-p-top { margin-top: 10px;}
.m-list a { color: #fff; }
.m-address span+span , .m-code span+span { margin-left: 18px;}
.m-list span { padding: 0 15px;}
/*友情链接*/
.link { padding: 32px 0; width: 100%; background: #f2f2f2; margin: 0 auto;}
.link ul li{float: left; width: 10%; line-height: 28px;  font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 2.5%;}
.link h4 { margin-bottom: 5px; font-size: 14px; color: #333;}

    /*没有内容*/
.nothing-wrap{width: 100%;padding: 40px 0 230px;}
.nothing{text-align: center;margin: 0 auto;line-height: 32px;font-size: 14px;font-weight: 700;color: #000;}
.nothing em{color: #f60;}


/*地址遮罩层*/
.pop{display: none;}
.pop .box{ width: 715px;position:fixed; top: 30%; left: 50%; margin-left: -337px; z-index: 999;}
.pop .box .close{width: 715px;text-align: right;cursor: pointer;font-size: 14px;color: #fff;}
.pop .box .main{width: 715px;-webkit-box-shadow: 8px 10px rgba(4,0,0,.26);-moz-box-shadow: 8px 10px rgba(4,0,0,.26);box-shadow: 8px 10px rgba(4,0,0,.26);}
.pop .box .main div{box-sizing: border-box;}
.pop .box .main-wrap{width: 715px;background-color: rgba(255,255,255,.8);border: 1px solid #fff;background: #ffffff\9; filter:Alpha(opacity=80)\9;}
.pop .box .main1-ul{width: 680px;}
.pop .box .main .main1{padding: 13px 0 0 9px;margin-top: 8px;}

.main1-li .ttle{height:auto;background-color: transparent;font-weight:normal;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;cursor:pointer;width: 107px;font-size: 14px;color: #000;box-sizing: border-box;}
.main1-li .ttle div{height: auto;background-color: transparent;transition: all .3s linear;-ms-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;padding: 0px 0 0 33px;}
.main1-li .ccnt-wrap{background-color: transparent;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;width: 573px;box-sizing: border-box;padding-left: 48px;}
.main1-li .hd-li{font-weight:normal;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;font-size: 14px;color: #000;cursor: pointer;position: relative;width: 31px;box-sizing: border-box;}
.main1-li .bd{display: none;opacity: 0;transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;}
.pop .box .main1-li{margin-bottom: 16px;transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;}
.main1-li .hd{height: auto;padding-top: 0px;transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;}
.main1-li .hd-li.tj{margin: 0 80px;}

.bd-in2,.bd-in3{display: none;}

.hd-ul{width: 525px;}


.main1-li .hd-li::after{width:31px;opacity:0;position: absolute;left: 0;top:22px;content: "";border-bottom: 1px solid #D95941;transform: scaleX(0);transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);}  
.main1-li .hd-li-active::after{transform: scaleX(1);opacity: 1;} 
.main1-li .hd-li:hover::after{transform: scaleX(1);opacity: 1;}

.main1-li .bd-ul{margin-left: -55px;padding-bottom: 26px;}
.main1-li .bd-li{margin-left: 55px;width: 106px;margin-bottom: 7px;}
.main1-li .bd-li a{font-size: 12px;color: #000!important;}

.main1-li-active  .ttle{height: 156px;background-color: transparent;font-weight: bold;}
.main1-li-active  .ttle div{height: 72px;background-color:rgba(255,255,255,.7);padding-top: 20px;background-color: #ffffff\9; filter:Alpha(opacity=70)\9;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E1ffffff,endcolorstr=#E1ffffff)";}
.main1-li-active .ccnt-wrap{background-color:rgba(255,255,255,.7);background-color: #ffffff\9; filter:Alpha(opacity=70)\9;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E1ffffff,endcolorstr=#E1ffffff)";}
.main1-li-active .hd-li{font-weight: bold;}
.main1-li-active .bd{display:block;opacity: 1;}
.pop .box .main1-li-active{margin-bottom: 8px;}
.main1-li-active .hd{height: 72px;padding-top: 18px;}




.pop .box .main .main2{margin-top: 7px;font-size: 14px;color: #000;padding: 13px 0 13px 40px;}
.main2 .chong{margin: 0 42px 0 24px;}
.main2 .su{margin: 0 43px 0 42px;}
.main2 .tai{margin-left:42px;}
.pop .mask{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; background:rgba(0,0,0,0.6); z-index: 99; background: #000000\9; filter:Alpha(opacity=60)\9;}

/*地址遮罩层*/


/*商场商户入驻公共头部*/
.cl-top-wrap{width: 100%;background-color: #EDEDED;height: 32px;line-height: 32px;}
.cl-top-wrap ul li a,.cl-top-wrap ul li span{font-size: 12px;color: #000;}
.cl-top-wrap ul li{margin-right: 20px;}
.uhn-sprite i{background:url(../../images/front/user/uhn-sprite.png) no-repeat;display: inline-block;vertical-align: middle;}
.uhn-sprite i.uhn-logo{height:31px;width:109px;background-position: 0 -34px;}
.cl-logo-wrap{height: 120px;line-height: 120px;border-bottom: 1px solid #A5A5A5;}

