html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; outline: 0; /*（轮廓）是绘制于元素周围的一条线，设置0，outline:color style width*/ font: inherit; /*继承父级字体样式*/ vertical-align: baseline; /*元素对其方式，默认baseline 其他：vertical-align:sub/super/top/text-top/middle/bottom/text-bottom/length/%*/ font-family: sans-serif,Arial,"Helvetica Neue",Helvetica,SimSun,"Microsoft YaHei"; }
html * { -webkit-tap-highlight-color: rgba(0,0,0,0); /*取消手机端点击高亮*/ }
html, body { font-size: 62.5%; /*初始化字体大小,62.5%==10px*/ }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
address, caption, cite, code, dfn, em, strong, i, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6, abbr, acronym { font-weight: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; vertical-align: middle; }
input[type="text"], input[type="password"], textarea { outline-style: none; -webkit-appearance: none; /*webkit内核清理标准用户界面元素*/ }
textarea { resize: none; }
ol, ul { list-style: none; }
a, ins { text-decoration: none; }
a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; cursor: pointer; }
blockquote, q { quotes: none; }
:focus { outline: none; }
img { border: none; -ms-interpolation-mode: bicubic; /*为了照顾ie图片缩放失真*/ vertical-align: middle; max-width: 100%; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
/*常用class样式*/
.f_right { float: right; }
.f_left { float: left; }
.o_hidden { overflow: hidden; }
.d_block { display: block; }
.d_inblock { display: inline-block; /*IE6 7 8兼容*/ *display: inline; *zoom: 1; }
.d_none { display: none; }
.p_relative { position: relative; }
.p_absolute { position: absolute; }
.p_fixed { position: fixed; }
.b_sizing { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; }
/*字体大小设置*/
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
/*字体样式*/
.f_bold { font-weight: bold; }
.f_normal { font-weight: normal; }
.t_indent_02 { text-indent: 2em; }
.t_left { text-align: left; }
.t_center { text-align: center; }
.t_right { text-align: right; }
.v_middle { vertical-align: middle; }
.zoom { zoom: 1; }
.c_333 { color: #333; }
.c_666 { color: #666; }
.c_999 { color: #999; }
.c_fff { color: #fff; }
.fss { font-family: SimSun; }
.fyh { font-family: Microsoft YaHei; }
.far { font-family: Arial; }
/*全局宽布局*/
.wrap { max-width: 750px; min-width: 320px; margin: 0 auto; background: #f4f4f4; }
/*需要变动的class样式*/
.c_design_01 { color: #f26006; }
.b_design_01 { background: #f26006; }
.b_design_02 { background: #ebe7e4; }


.login { left: 0; top: 0; text-align: center; width: 100%; padding-top: 1rem; }
.login img { width: 5rem; margin-right: 1rem;  }
.login input { padding: 0 4rem; background: #fff url(../images/search.png) no-repeat 1.4rem center/2rem; height: 3rem; border: none; border-radius: 1.5rem; font-size: 1.4rem; width: 10rem;border:1px solid #ccc; }
.banner { width: 100%; overflow: hidden; }
.login a { font-size: 1.4rem; color: #666; vertical-align: middle; width: 5rem; text-align: center; }
.bannerUl { position: absolute; left: 0;padding-top:6rem; }
.bannerUl li { float: left; }
.menuBtn { padding: 1rem 0; background: #fff; }
.menuBtn li { float: left; width: 20%; }
.menuBtn li img { width: 4rem; }
.menuBtn span { display: block; line-height: 2.4rem; color: #000; }
.menuBtn ul { overflow: hidden; }
.timeShopping { margin-top: 1rem; background: #fff; padding: 1rem; padding-top: 1rem; }
.timeShow { padding-left: 1rem; }
.timeShow img { width: 3rem; }
.timeShow em { vertical-align: middle; }
.timeShow span { vertical-align: middle; }
.timeShow strong { display: inline-block; width: 1.5rem; height: 1.8rem; background: #454545; color: #fff; text-align: center; line-height: 1.8rem; border-radius: 3px; }
.timeProduct .img { position: absolute; left: 0; top: 2rem; width: 30%; }
.timeProduct { padding-left: 30%; position: relative; padding-top: 2rem; }
.timeProduct a { color: #000; }
.timeProduct .content { padding-left: 1rem; }
.timeProduct .content h2 { font-size: 1.8rem; margin-bottom: 1rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.timeProduct .content p { text-indent: 1em; line-height: 2rem; height: 4rem; overflow: hidden; }
.timeProduct .content .timeNum { line-height: 5rem; }
.timeProduct .content .timeNum strong { font-size: 1.8rem; font-weight: 700; color: #f23030; }
.timeProduct .content .timeNum em { text-decoration: line-through; color: #999; }
.buy { display: block; float: right; width: 5rem; height: 5rem; background: url(../images/icon6.png) no-repeat center center/contain; }
.hotLink { margin-bottom: 1rem; }
.hotLink a { display: block; float: left; width: 33.33%; }
.everyDay h2 img { width: 3rem; vertical-align: middle; }
.everyDay h2 span { vertical-align: middle; line-height: 3rem; font-weight: 700; }
.everyDay { padding: 0 1.5rem; margin-bottom: 1rem; }
.everyDayPaoduct { overflow: hidden; background: #fff; border: 1px solid #ccc; border-radius: 10px; padding: 2rem 0; margin-top: 1rem; }
.everyDayPaoduct a { display: block; float: left; width: 25%; font-size: 1.8rem; }
.everyDayPaoduct a strong { font-weight: 700; color: #f23030; }
.everyDayPaoduct a em { font-size: 1.2rem; color: #666; text-decoration: line-through; }
.mustShop { overflow: hidden; background: #fff; border-top: 1px solid #ccc; margin-bottom: 1rem; }
.mustShop a { display: block; float: left; width: 33.33%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; box-sizing: border-box; }
.mustShop strong { display: block; color: #666; font-size: 1.2rem; line-height: 2.2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.selectDay { background: #fff; margin-top: 1rem; margin-bottom: 1rem; }
.selectDay .tit { line-height: 4.2rem; font-weight: 700; padding: 0 2rem; }
.selectList { border-top: 1px solid #ccc; }
.selectList li { float: left; width: 50%; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; line-height: 2.0rem; padding: 1rem 0; box-sizing: border-box; }
.selectList li img { max-width: 100%; }
.selectList h3, .selectList span, .selectList p { padding: 0 1rem; }
.selectList h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.selectList p { height: 4rem; overflow: hidden; }
.selectList span { color: #f23030; font-weight: 700; }
.searchColumn { padding: 1rem 2rem; background: #23ac38; width: 100%; }
.searchColumn .back { width: 1rem; left: 2rem; top: 50%; margin-top: -1rem; }
.searchWrap { height: 5.4rem; }
.searchColumn input { background: #fff url(../images/search.png) no-repeat 1rem center/2rem; height: 3.2rem; border: none; border-radius: 1.6rem; padding-left: 4rem; width: 18rem; }
.columnMenu { height: 100%; background: #e5e5e5; left: 0; top: 5.4rem; padding: 2rem 0 10rem 0; }
.columnMenu ul { height: 100%; border-top: 1px solid #cbcbcb; }
.columnMenu li { font-size: 1.4rem; text-align: center; border-bottom: 1px solid #cbcbcb; box-sizing: border-box; height: 10%; width: 9.5rem; border-right: 1px solid #cbcbcb; }
.columnMenu li a { color: #333; }
.columnContaint { padding-left: 7.6rem; }
.column_item ul { overflow: hidden; }
.column_item .item { float: left; width: 33.33%; text-align: center; line-height: 2.4rem; margin-bottom: 2rem; }
.column_item .item img { max-width: 100%; }
.columnContaint_sub { background: #fff; padding: 0 2rem; }
.column_item h2 { line-height: 3.6rem; }
.iframe { border: 0; width: 100%; height: 100%; position: absolute; left: 100%; background: #fff; z-index: 99999; display: none; }

.columnMenu ul li.active { background: #fff; border-right-color: #fff; }

.navbar { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; background: #fff; /*overflow: hidden;*/ border-top: 1px solid #e4e4e4; height: 5.3rem; }
.navbar .navitem { width: 25%; float: left; padding: 0.5rem 0 0 0; }
.navbar .navitem a { text-align: center; font-size: 1.2rem; line-height: 2rem; display: block; color: #333; }
.navbar .navitem span { display: block; font-family: sans-serif,Arial,"Helvetica Neue",Helvetica,SimSun,"Microsoft YaHei"; }
.navbar .icon { width: 2.5rem; height: 2.5rem; vertical-align: middle; background: url(../images/fontIcon1.png) no-repeat 0 0/2.5rem; display: block; margin: 0 auto; }
.navbar a.active { color: #23ac38; }
.navbar a.active .icon { background-position: 0 -2.5rem !important; }
.navbar .icon-home { background-image: url(../images/fontIcon1.png); }
.navbar .icon-cate { background-image: url(../images/fontIcon2.png); }
.navbar .icon-car { background-image: url(../images/fontIcon3.png); }
.navbar .icon-member { background-image: url(../images/fontIcon4.png); }
.navbar .icon-server { background-image: url(../images/fontIcon5.png); }

.navbar .subnavBox { position: relative; }
.navbar .subnav { position: absolute; bottom: 5rem; width: 100%; background: #fff; border: 1px solid #e4e4e4; display: none; }
.navbar .block .subnav { display: block; }
.navbar .subnav a { text-align: center; font-size: 1.5rem; line-height: 3rem; display: block; border-bottom: 1px solid #e4e4e4; }
.navbar .subnav a:hover { color: #fff; background-color: #ef3e68; }


.activityBox { position: fixed; z-index: 99999; top: 0; left: 0; bottom: 0;width:100%; background-color:rgba(0,0,0,.3) }
.activityPop { margin: 25% 5% 0; position:relative;}
.activityPop a{display:block;position:absolute;top:81%;height:11%;width:38.2% }
.activityPop a.btn-go{left:7.8%; }
.activityPop a.btn-close{right:8.6%; }