@charset "utf-8";
/* HTML5 定义 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html {font-size:100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; }/*文字大小根据设备(浏览器)自动调整*/

a{font-family:微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;text-decoration: none; font-size:100%;}
a:link   {color:#3c3c3c;}
a:visited{color:#3c3c3c;}
a:hover  {color:#000;}
a:active {color:#3c3c3c;}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */  

body{background:#eeeeee; text-align:center; margin:0; color:#3c3c3c; line-height:200%; width:100%; height:auto !important; height:100%; min-height:100%; font-family:微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;font-size:75%;/*即12px,12/16=0.75*/}
div,ul,li,dl,dt,dd,form{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
img, object, embed, video {max-width:100%;border:0;}
input,select{ vertical-align:middle;}
input::-webkit-input-placeholder{ color:#bababa; } input:-moz-placeholder{ color:#bababa; } input::-moz-placeholder{ color:#bababa; } input:-ms-input-placeholder{ color:#bababa; }/*提示文字*/
textarea::-webkit-input-placeholder{ color:#bababa; } textarea:-moz-placeholder{ color:#bababa; } textarea::-moz-placeholder{ color:#bababa; } textarea:-ms-input-placeholder{ color:#bababa; }/*提示文字*/
input[type="submit"],input[type="reset"],input[type="button"]{ -webkit-appearance: none; }/*重置iphone浏览器默认样式*/
p{ margin:13px auto; padding:0;}
hr{ border-top:#ccc 1px dotted; border-bottom:none; background:none; border-left:none; border-right:none; padding:0; margin:1rem auto; clear:both;}
*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/ -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;} 
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.4s,color 0.3s;-webkit-transition:background-color 0.4s,color 0.3s;-moz-transition:background-color 0.4s,color 0.3s; -o-transition:background-color 0.4s,color 0.3s;}

/*公共*/
.blank{ height:0; line-height:0; clear:both; font-size:0;}
.fullWidth{width:100%; margin:0 auto; position:relative;}
.global_width{ width:100%; margin:0 auto; text-align:left; position:relative; max-width:720px;}
.global_width2{ width:100%; margin:0 auto; text-align:left; position:relative; max-width:720px;padding:0 0.5em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}

.haveBG{ background:#fff; overflow:hidden; border-bottom:#f0f0f0 1px solid;}
.floatL{ float:left;}.floatR{ float:right;}.textCenter{ text-align:center;}
.VMiddle{ position:absolute; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}/*css3垂直居中*/
.red,a.red{ color:#e6202d;}.gray{ color:#a89da2; line-height:150%; font-size:0.75rem;}.green{ color:#0a893a;}
.blue,a.blue{ color: #039be4;}
.emp{ font-size:1.5em; color:#039be4; border-left:#039be4 5px solid; padding:0 0 0 0.5em; margin:1em 0;}
.grey,a.grey,a.grey:visited{ color:#a0a0a0;}
/*价格*/
.price{ font-size:1.2rem; color:#f19130; text-decoration:none; display:inline-block;}
.price::first-letter{font-size:0.75em;}
.price+i{ font-weight:normal; font-size:0.75em; /*text-decoration:line-through;*/ color:#999999; margin-left:8px; font-style:normal;}
.prompt{ display:inline-block; vertical-align:middle; background:#e6202d; color:#fff; font-size:0.75rem; padding:0 0.5em; line-height:150%; font-style:normal; margin:-3px 3px 0 0; border-radius:3px;}

/*按钮*/
a.btn,input.btn,a.btn1,input.btn1,a.btn2,input.btn2{ border:none; color:#fff;line-height:220%; padding:0 1.5em; margin:1em 0.5em 0 0; display:inline-block; cursor:hand; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; text-align:center;border-radius:0.2rem;}
a.btn,input.btn{background:#039be4;font-size:1.2em;}
a.btn1,input.btn1{ background:#f19130; color:#fff;}
a.btn2,input.btn2{ background:#bababa; color:#fff; margin:0 0.5em; padding:0 1em; font-size:0.75rem; line-height:150%; }
a.btn.spec,input.btn.spec,a.btn1.spec,input.btn1.spec,a.btn2.spec,input.btn2.spec{ font-size:1rem; line-height:280%; padding:0 2.5em; margin:0;}
a.btn3,input.btn3{ border:#e1e1e1 1px solid; color:#bababa; margin:0; padding:0 1em; line-height:150%; border-radius:4px; text-align:center; cursor:hand; cursor:pointer; background:#f0f0f0;}

/*图标*/
.headIco{ position:relative; z-index:10; display:inline-block; cursor:hand; cursor:pointer;width:3.5em; height:3.5em; /*overflow:hidden;*/}
.headIco i{ display:inline-block; width:100%; height:100%; overflow:hidden; }
.headIco em{display:inline-block; width:100%; height:50%; overflow:hidden; }
.headIco span{ position:absolute; left:0; top:auto; bottom:0; width:100%; text-align:center; line-height:200%; }
.headIco.active span{ color:#039be4;}
.headIco img{ position:relative; width:100%;}
.headIco b{ position:absolute; left:auto; top:-0.5em; right:-0.4em; display:inline-block; height:1.4em; width:auto; min-width:1.4em; text-align:center; line-height:140%; background:rgba(3,155,228,0.9); color:#fff; font-weight:normal; border-radius:50%;}

#ico_home.active img,#ico_home:hover img{ margin-top:-100%;}
#ico_list img{ margin-top:-200%;}#ico_list.active img,#ico_list:hover img{ margin-top:-300%;}
#ico_SPCart img{ margin-top:-400%;}#ico_SPCart.active img,#ico_SPCart:hover img{ margin-top:-500%;}
#ico_mine img{ margin-top:-600%;}#ico_mine.active img,#ico_mine:hover img{ margin-top:-700%;}

#ico_login,#ico_notice,#ico_search,#ico_favorite,#ico_showMore{ float:right;}
#ico_login img{ margin-top:-800%;}#ico_notice img{ margin-top:-900%;}#ico_search img{ margin-top:-1000%;}
#ico_back,#ico_hide{float:left; position:relative; z-index:10;}
#ico_back img{ margin-top:-1100%;}
#head.white #ico_back img{ margin-top:-1200%;}
#ico_favorite img{ margin-top:-1300%;}#ico_favorite.active img{ margin-top:-1350%;}
#ico_menu img{ margin-top:-1400%;}
#ico_showMore img{ margin-top:-1500%;}#ico_hide img{ margin-top:-1600%;}
#ico_inquiry img{ margin-top: -1700%;}
/*右箭头*/
.arrow{ background:url(../images/arrow.png) right center no-repeat; background-size:auto 30%; padding-right:2em !important;}

/*主导航*/
#menu{ position:fixed; left:0; top:auto; bottom:0; width:100%; z-index:100; line-height:0;}
#nav{background:#fff; border-top:#e1e1e1 1px solid;/*box-shadow:0 -2px 6px rgba(8,8,8,0.1);*/}
#nav li{ float:left; width:25%; padding:0.8em 0 0 0; text-align:center;}
#menuBlank,.menuBlank{ height:4.8em;}

/*页头*/
#header{ position:relative; /*left:0; top:0;*/ z-index:100; width:100%; text-align:center; margin:0 auto;}
#head{ position:relative; text-align:center; background:#0076da; line-height:0; padding:0.5em 0.3em 0.3em 0.6em;}
#head .headIco span{ color:#fff;}
#head.white{ background:#fff; border-bottom:#e1e1e1 1px solid; box-shadow:none; color:#404040;}
#head.white span{ color:#404040;}
#headBlank{ height:4.3em;display:none;}
#logo{ position:relative; z-index:10; height:3.5em; float:left; text-align:left; display:inline-block;}
/*#logo{ position:absolute; height:3.5em; width:10em; left:50%; margin-left:-5em;}*/
#logo a{ display:inline-block; height:100%; padding:0; text-align:center;}
#logo a img{max-height:90%; max-width:100%; margin-top:4%;}
#pageTitle{ height:3.5em; line-height:350%; text-align:left; padding:0 1em; color:#4c3701; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#pageTitle span{ font-size:1rem; color: #fff;}
/*头部菜单*/
#topNav{ background:#0a893a; font-size:1.1em; line-height:3em; height:3em; overflow:hidden; box-shadow:0 2px 8px rgba(8,8,8,0.1);}
#topNav p{ white-space:nowrap; height:5em; margin:0; padding:0; width:100%; overflow-x:scroll}
#topNav a{ display:inline-block; padding:0 0.8em;text-align:center; color:#fff480;}
/*更多菜单*/
#showMore{ position:absolute; left:auto; right:0; top:100%; background:#fff; box-shadow:-2px 2px 4px rgba(204,204,204,0.75); padding:0 0.5em; border-top:#e1e1e1 1px solid; display:none;}
#showMore:before{ content:""; position:absolute; z-index:99; width:1000px; height:5000px; left:auto; right:-140px; top:-300px; }
#showMore p{ position:relative; z-index:100; margin:0; padding:0; line-height:300%; border-top:#e1e1e1 1px solid; text-align:left;}
#showMore p:first-child{ border-top:none;}
#showMore p a{ display:inline-block; padding:0 2em 0 0; width:100%; text-align:left;}
/*更多菜单图标*/
.icons{ display:inline-block; width:2rem; height:1rem; background-image:url(../images/icos.png); background-repeat:no-repeat;background-size:100% auto; vertical-align:middle; margin-right:1em; opacity:0.8;}
#icos_home{ background-position: center top;}
#icos_list{ background-position:center -4rem}
#icos_mine{background-position:center -12rem}
/*二级导航*/
#subMenu{ background:#ddebfa; margin-bottom:-1px; line-height:0;overflow:hidden; height:3em;}
#subMenu p{ white-space:nowrap; height:5em; margin:0; padding:0; width:100%; overflow-x:scroll}
#subMenu a{ display:inline-block; text-align:center; font-size:1.2em; line-height:250%; min-width:25%; max-width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#00a2e9;}
#subMenu a.curr{ background:rgba(3,155,228,0.1);}
/*搜索层*/
#search{ position:fixed; left:100%; top:0; width:100%; height:100%; z-index:9999; background:#fff; text-align:left;-webkit-transition: left 0.3s ease-in-out;-moz-transition:left 0.3s ease-in-out;-o-transition:left 0.3s ease-in-out; transition:left 0.3s ease-in-out;}
#hideSearch{ position:absolute; left:0; bottom:0; z-index:-1; height:100%; width:100%;}
#search.show{  left:0;}
#searchHead{ background:#039be4; position:relative; padding:0.5em 0;}
#Searchform{ width:100%; position:absolute; z-index:1; padding:0 4em; top:1em;}
#searchInput{ padding:0 0 0 2.5em; width:100%; height:2.5em; line-height:250%; background:url(../images/icoSearch.png) 1em center no-repeat rgba(255,255,255,0.9);background-size:auto 50%;  border:none; border-radius:1.5em; }
#searchFont{ position:relative; z-index:10; display:inline-block; font-size:1rem; width:3em;line-height:262%; float:right; color:rgba(255,255,255,0.75); text-align:center; vertical-align:middle; background:none; border:none;}
#hotKeyword a{ display:inline-block; font-size:1.2em; line-height:200%; padding:0 1.2em; margin:0 0.5em 0.5em 0; border:#ebebeb 1px solid; border-radius:0.3em; color:#545454; cursor:hand; cursor:pointer;}
/*搜索伪框*/
#searchFocus{  overflow:hidden; margin-top:0.5em; text-align:left;height:2.5em; line-height:0; background:rgba(255,255,255,0.88);border-radius:1.5em;}
#searchFocus input{ width:100%;background:url(../images/icoSearch.png) 1em center no-repeat; background-size:auto 50%; height:2.5em; line-height:250%; border:none; padding:0 1em 0 2.5em;}

/*产品列表*/
.pro{ background:#fff; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; overflow:hidden;}
.pro dl{ position:relative; float:left; width:50%; padding:0 1em; margin:1em 0; background: url(../images/line.png) left 7em no-repeat;}
@media screen and (min-width:360px){
  .pro dl{ width:33.3%;}	
}
.pro dt{ background:#eee; line-height:0;}
.pro dt a{ display:inline-block; width:100%; height:0; padding-bottom:100%; overflow:hidden;}
.pro dt a img{width:100%;}
.pro dd{ width:100%; overflow:hidden;}
.pro dd p{ margin:0.5em 0;line-height:150%; height:3em; overflow:hidden;}
.pro dd span{ font-size:1.2em; color:#f19130; text-decoration:none; float:left; display: inline-block; width: 100%; height: 1.5em; line-height: 1.5em; overflow: hidden;}
.pro dd span::first-letter{font-size:0.75em;}
.pro dd span i{ font-weight:normal; font-size:0.75em; color:#999999; margin-left:8px; font-style:normal;}
.pro dl:hover dt{ border-color:#e6202d;}
.pro dl:hover dd a{ color:#000;}

#proShow{background:none; border:none;}
#proShow div{ position:relative; float:left; width:100%; margin:0 -2em 0.5em 0;}
#proShow dl{ background:#fff; border:#e1e1e1 1px solid; width:49%; margin:0 0.5% 0.5em 0.5%; padding:0}
@media screen and (min-width:460px){
  #proShow dl{ width:32.3%;}	
}
#proShow dd{ padding:0 1em 0.5em 1em;}


/*返回顶部*/
#ico_top{ position:fixed; left:auto; right:1%; top:auto; bottom:4.4em; z-index:9999; width:2em; }
#ico_top img{ max-width:100%;}
/*页脚*/
#foot{ text-align:center; color:#aaa; padding:0.5em 0 0 0;}

/*加载按钮*/
#loadMore{ position:relative; text-align:center;font-size:1.3em; height:2em; width:100%; margin:0.5em auto 0 auto; line-height:200%; cursor:hand; cursor:pointer;color:#bababa; display:none; /*background:#ffbc25; border-radius:1.1em;*/}
img#loading{ vertical-align:middle; margin:0 0.5em; }
#load_span{ display:inline-block; vertical-align:middle;}

/*单复选框样式*/
.check_box{ display:inline-block; margin:0; padding:0;}
.check_box input[type=checkbox],.check_box input[type=radio]{visibility:hidden; width:0; overflow:hidden; height:0; border:none; position:absolute; left:0; top:0;}
.check_box label{ line-height:1.5rem; display:inline-block; cursor:hand; cursor:pointer;
}
.check_box label:before{content:"√"; display:inline-block; width:1.2rem; height:1.2rem; line-height:1.2rem; margin-right:0.6em; vertical-align:middle; text-align:center; color:#fff; font-size:0.8rem; background:#a4a4a4; border-radius:50%;}
.check_box input[type=checkbox]:checked+label:before,.check_box input[type=radio]:checked+label:before{content:"√"; display:inline-block; width:1.2rem; height:1.2rem;line-height:1.2rem; margin-right:0.6em; vertical-align:middle; text-align:center; color:#fff; font-size:0.8rem; background:#fdad05; border-radius:50%;}
.check_box label img{ max-height:100%; vertical-align:middle;}

/*星级评分*/
.starBig{ width:5rem; height:1rem; overflow:hidden; display:inline-block; vertical-align:middle; background:url(../images/star.png) left top no-repeat; background-size:100% auto; margin:-4px 4px 0 0; }
.starBig a{ display:block; width:0; height:1rem;line-height:0; font-size:0; overflow:hidden; background:url(../images/star.png) left bottom no-repeat;}
a.coverA{ position:absolute; left:0; top:0; width:100%; height:100%; cursor:hand; cursor:pointer;}

/*空的*/
#empty{ text-align:center; color:#b4b4b4; font-size:1.5em; line-height:175%;}
#success{ text-align:center; line-height:175%; font:1.5em;}
#success b{ font-size:1.5rem;color:#039be4; font-weight:normal; line-height:150%;}
#empty img,#success img{ max-width:33.3%;}

/*subBanner*/
.subBanner img{ max-width: 100%; vertical-align: bottom;}