/*公共部分*/
@charset "utf-8";

* { word-wrap: break-word; outline: none; }
body { background: #fff; min-width: 1200px; }
html, body { height: 100%;}
html { -webkit-text-size-adjust: none; }
body, td, input, textarea, select,
button { color: rgb(119,119,119); font-size: 12px; font-family: "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif; }
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
ul, ol, li { list-style-image: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; }
a { color: #333; text-decoration: none;}
.left-adnav li a span{color: #ffffff;}
a:hover { color: #c81623; text-decoration: none; }
a img { border: none; }
em, cite, th { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; }
th,td { text-align: left; white-space: nowrap;}
td { max-width:300px; text-overflow: ellipsis; }
input, button, select, textarea { outline: none; border:1px solid #e0e0e0;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
@font-face {
  font-family: 'iconfont';  /* project id："174344" */
  src: url('//at.alicdn.com/t/font_7wwscsr3sn5c23xr.eot');
  src: url('//at.alicdn.com/t/font_7wwscsr3sn5c23xr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_7wwscsr3sn5c23xr.woff') format('woff'),
  url('//at.alicdn.com/t/font_7wwscsr3sn5c23xr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_7wwscsr3sn5c23xr.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont";
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale; 
}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.none{display:none;}
.fl{float:left;}
.fr{float:right;}
.paybtn{margin-right: 18px;border-radius:5px;width: 60px;text-align: center;height: 25px;line-height: 23px;background-color:#ef8a18;color: #fff; }
.paybtn:hover{color: #fff;}
.hide{display:none;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}

/*公用按钮样式*/
.mhbtn{min-width: 100px; height: 36px; line-height: 36px; text-align: center; /*color:#fff;*/ display: inline-block;}
.mhbtn-primary{background:#f33;color: #fff;border-radius: 5px;}
.mhbtn-back{background-color: #e0e0e0;}

.mhbtn-primary:hover{color:#fff;}

.mh-header{ height: 30px;line-height: 30px; background: rgb(250,250,250);border-bottom:1px solid rgb(240,240,240);font-family: Arial,宋体;position:relative;}
.mh-header>.mh-header-container,.mh-indexnav,.mh-shopnav-container,.mh-shopactive,.sm-shop-floor1,.mh-brand-nav{ width: 1202px; margin: 0 auto;}
.mh-ad-container{margin-left: 389px;}
.left-header{ float:left;margin-left: 22px;color: #535353}
.index-login{float: left; }

.logoinfo{float: right;line-height: 30px; margin-right: 10px;}
.logoinfo>span{margin-right: 4px;}
.top-topnav{float: right; }
.topnavul-icon{display: block;position: relative;bottom:2px;}
.top-topnav>ul>li{ float: left;text-align: center; width: 88px;height: 30px;line-height: 30px;}
.top-topnav>ul>li a{margin-top:1.8px;color: #666666; line-height: 30px;height: 30px; overflow: hidden;width: 86px;}
.top-topnav>ul>li a.a1{background: #f8f8f8;border-left: 1px solid #f8f8f8;border-right: 1px solid #f8f8f8;}
.top-topnav>ul>li a.act{background: #FFFFFF !important;border-left: 1px solid #e5e5e5 !important;border-right: 1px solid #e5e5e5 !important;}
.headernav-indent,.headernav-collect,.headernav-service{border: 1px solid #e5e5e5;border-top: none;}
.headernav-indent>li:hover a,.headernav-collect>li:hover a,.headernav-service>li:hover a{color: #ff3333;}
.top-topnavul>li>ul>li{width: 86px;text-align: center; background: #fff;vertical-align: middle;}
.downjt{line-height: 30px; height: 14px; display: inline-block}
.headernav-vip{}
.headernav-service,.headernav-collect,.headernav-indent{ position: absolute;top:30px;display: none;z-index: 9;}
.headernav-code{position: absolute;top:30px;display: none;z-index: 9;width:157px;right:0;border: 1px solid #e5e5e5;border-top: none;}
.headernav-code li{border: 1px solid #e5e5e5;padding:5px 0 5px 5px;}
.headernav-code li img{float:left;width:75px;}
/*主页导航*/
.mh-indexnav{height: 110px;}
.logo{  float: left;
    width:240px;
    height: 60px;
    overflow: hidden;
    margin-top: 25px;}
.logo a{display: block; width:240px; height: 100%;text-align: center;background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;}
.logo a img{width: 100%;}
/*商家首页头部样式*/
.shop_info{width:280px; height: 60px; float: left; padding-left:20px;margin-top:25px; }
.shop_info h2{font-size:14px; font-weight: normal; height: 30px; line-height: 30px; padding-left: 15px; border-left:1px solid #e8e8e8;}
.shop_info h4{font-weight: normal; padding-left: 15px; border-left:1px solid #e8e8e8;}

.indexnav-middle{float:left; width: 506px; height: 64px; margin-left: 120px; margin-top: 26px;}
.searchbox{width:480px;height: 34px; border: 2px solid #ff3333;position: relative;}
.searchbox>input{ outline:none;width: 383px; height: 32px; border: none; padding:1px 0 1px 20px;line-height: 24px;}
.search_btnall{
		position: absolute;
    right: -88px;
    width: 73px;
    top: -2px;
    height: 34px;
    background: #98000b;
    color: #ffffff;
    text-align: center;
    line-height: 34px;
    cursor: pointer;
    border: 2px solid #98000b;
}
.searchbox>span{float: right; width: 77px; height: 34px; background: #ff3333; color: #ffffff;text-align: center;line-height: 34px; cursor: pointer;}
.keywordnav{ overflow: hidden;width: 380px;height: 30px;padding: 0 2%;}
.keywordnav>ul{width: 600px;height: 100%;}
.keywordnav>ul>li>a{ color: #afafaf;}
.keywordnav>ul>li{ float: left; /*width: 36px;*/margin-right:10px;line-height: 30px;}
.indexnav-right{float: right; width: auto;height: 40px;margin-top: 28px;}
.indexnav-right>.myCart{float: left;height: 38px; }
.indexnav-right>.myCart>a{display:block;width:100%;height:100%;background:#f7f7f7;border: 1px solid #e8e8e8;box-sizing: border-box;position: relative;}
.indexnav-right>.myStore{ width: 143px; }
.mycontent{margin-left: 17px; margin-top: 10px;}
.mycontent>span{color:#555;margin-left: 6px;}
.clienticon{ color: #ccc}
.figurenum{display: inline-block; width: 20px; height: 15px;border-radius:10px; background-color: #ff3333;color: #fefefd;text-align: center; }
.indexnav-right>.myCart{ width: 154px;margin-left: 10px;}
/*商品主体*/
.mh-shopnav-container{position: relative}
.mh-shopnav{ height: 38px; line-height: 38px;font-size: 14px; position: relative;border-bottom:2px solid #f32613;}
.shopnav-tab{float: left; width: 210px;height: 40px; background: #ff3333; color: #fff;display: inline;text-align: center;}
.shopnav-tab>i{margin-left: 20px;}
.shopnavtab{  height: 40px; float: left;}
.shopnavtab>li{ float: left; margin-left: 36px;}
.shopnavtab>li>a{color: #3e3e39;font-size:15px;}
.shopnavtab>li>a.active{color: #ea3743;font-weight:600;}
.shopnavtab>li>a:hover{color: #ea3743;}
.left-adnav{float: left; min-height: 440px; background: rgba(0,0,0,0.6);filter:alpha(opacity=80);position: absolute;top: 39px;z-index: 20; display: none;color: #fff;}
.left-adnav>li{ width: 210px; height: 40px;line-height: 40px;font-size: 14px;}
.left-adnav>li>i{ float: left;    display: inline-block;margin-left: 20px; margin-right:15px;background-size: 100% auto;height: 40px;width: 24px;background-position: center;background-repeat: no-repeat;}
.left-adnav>li>span{margin-left: 10px;}
/*.left-adnav>li>div{ display: none; width: 758px; height: 439px; float:left;border: 1px solid #000; border-top:0; background: #ffffff; position: absolute;left: 210px;top:400px; }*/
.left-adnav>li>div{ display: none; width: 990px; height: 479px; float:left;border: 1px solid #000; border-top:0; background: #ffffff; position: absolute;left: 210px;top:0 }
.text-description{ margin: 24px 0 0 24px; font-size: 14px;}
.yellow-line{ width: 5px; height: 24px; background: #ef8a18;float: left;}
.text-description>p{margin-left: 20px;line-height: 24px;font-weight: bold;color: #373832}
.infotext{    display: block;
    padding:0 30px;width:690px;float: left;
    height: 100%;}
.infotext>li{  margin-top: 15px;float: left;    display: block;
    width: 100%;}
.infotext>li>div{ 
    /* width: 324px; */
    /* height: 24px; */
    /* line-height: 24px; */
    /* border-bottom: 2px solid #f8c58c; */
    /* font-size: 14px; */
    /* color: #2b2c26; */
    float: left;
    width: 10%;
    font-weight: 700;
		line-height: 30px;
		font-size: 12px;
}
.infolist{width: 90%; float: left;padding-bottom:15px;border-bottom: 1px dashed #CCCCCC;}
.infolist>li{float: left;font-size: 12px;color: #515151;line-height: 30px;}

/*尾部*/
.mh-footer{ border-top:3px solid #f33; overflow: hidden; background:#fff;}
.mh-footer-container{ width: 1128px; margin: 0 auto;}
.left-footer{ width: 866px; float: left;}
.top-leftfo{ height: 118px;border-bottom: 1px solid #e0e0e0;}
.top-leftfo>div{ float: left; width: 227px; height: 66px; margin: 30px 72px 0 0;}
.top-leftfo>div.lastfobox{ margin-right: 0}
.top-leftfo>div>div.iconbox{float: left;}
.top-leftfo>div>div.textbox{float: left;margin-left: 10px;}
.top-leftfo>div p{ font-size: 18px; color: #272822;line-height: 34px; }
.top-leftfo>div span{ color: #9b9b9b;}
.buttom-leftfo{margin-top: 40px;margin-left: 6px;}
.buttom-leftfo>div{ float: left;/*margin-right: 122px;*/ width:20%;}
.buttom-leftfo>div>p{color: #2d2e28; font-size: 18px;margin-bottom: 24px;}
.buttom-leftfo>div>ul>li{ margin-bottom: 10px;}
.buttom-leftfo>div>ul>li>a{ color: #a0a0a0;}
.right-footer{float: left; margin-left:70px;width: 180px;}
.right-footer>div.logo{ margin-top: 40px; height: 50px;}
.right-footer>div.logo img{height: 100%; max-height: 50px;}
.right-footer>div.sweep{text-align: center;}
.right-footer>div.sweep img{width:150px; height: 150px; padding-top:20px;}
.mh-copyright{ height: 112px; background: #272822; color: #d3d4d2}
.mh-copyright>div{ text-align: center}
.mh-copyright>div.p1{  padding-top: 10px;border-top:1px solid #f5f5f5;word-spacing: 5px;}
.mh-copyright>div.p1 a{color:#fff;}
.mh-copyright>div.p2{ margin-top: 16px;}
.mh-copyright>div.p2 a{color:#fff;}

.paging{width: 100%;height: 30px;text-align: right;clear: both;margin-top: 20px;}
.paging ul {float: right;}
.paging ul li{float: left;width: 40px;text-align: center;height: 23px;margin-left: 10px;border: 1px solid #d9d9d9;;line-height: 23px;border-radius: 4px;color:#d9d9d9; }
.paging ul li a{color:#d9d9d9; display: block;}
.currentpage{background-color:#F33;color: #fff;margin:auto;width: 40px;height: 23px;display: block;border-radius: 4px;}
.paging ul li a:hover{color: #ffffff;}
.paging ul li:hover{background-color: #f33;outline: none;color: #fff;}
.paging_rank{float: left;color: #b0b0b0;font-size: 15px;margin-left: 470px;}
.paging_rank a{color: #b0b0b0;font-size: 15px;}
.paging_rank span{margin-left: 2px;}
.paging_click{float: right;}
button a{color: #b0b0b0;}
.paging_fanye{width: 60px;height: 25px;text-align: center;line-height: 25px;border: 1px solid #f5f5f5;background-color: #ffffff;margin-left: 7px;}
.paging_num{width: 25px;height: 25px;text-align: center;line-height: 25px;border-radius: 3px;border: 1px solid #f5f5f5;background-color: #ffffff;margin-left: 7px;}
.paging_head{width: 40px;height: 25px;border: 1px solid #f5f5f5;background-color: #ffffff;margin-left: 7px;}
.paging_num:hover{background-color: #ef8a18;}
.paging_num a:hover{color: #fff;}
.paging_head:hover{background-color: #ef8a18;}
.paging_head a:hover{color: #fff;}
.paging_fanye:hover{background-color: #ef8a18;}
.paging_fanye a:hover{color: #fff;}
.addbrand_box{float: left;color: #000;width: 218px;padding: 4px 8px 0 11px;overflow:hidden;}
.addbrand_box .addbrand_boxul{display: block;height: 350px;}
.addbrand_box .addbrand_boxul li {width: 104px;height:104px;border:1px solid #eaeaea;margin: 0 3px 2px 0; float: left;line-height:104px;}
.addbrand_box .addbrand_boxul li img{max-width:104px;max-height:104px;margin:0 auto;vertical-align: middle;display:inline-block;}
.text-col2{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.w100{
	width: 100px;
}
.w400{
	width: 400px;
}
.mhh-container{
	width: 1202px;
  margin: 0 auto;
}
.mt20{
	margin-top: 20px;
}
.mb20{
	margin-bottom: 20px;
}
.mhp-voucher .button .mhbtn {
	 	background: #ef8a18;
    color: #fff;
    border-radius: 5px;
}

.imgcopy{
    display: inline-block;
    padding: 8px;
    background: url("../images/imgcopy.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
    top: 2px;
    left: -3px;
}