@charset "utf-8";
/* =Reset
-----------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, dt, dd, ul, ol, li, form, fieldset, legend, input, textarea, button, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:none; }
caption, strong, th { font-weight:normal; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }/* 使用等宽字体 */
ul, ol { list-style:none outside; }/* outside重置IE6,7缩进 */
caption, th { text-align:left; }
q:before, q:after { content: ''; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
select, input, button, textarea { font-size:100%; }/* 使表单元素能继承父级字体大小 */
/* 让非ie浏览器默认也显示垂直滚动条 
html { overflow-y: scroll; }*/
/*修复IE6连续英文不折行导致页面布局崩溃*/
body { _word-break:break-all; }
/* 专有属性修复IE7，IE8浏览器强制缩放图片失真 */
img { -ms-interpolation-mode:bicubic; }
/* m18的默认样式*/
body { font:12px/1.5 "Lucida Grande", arial, helvetica, sans-serif; }
html, legend { color:#333; background:#FFF; }
a { color:#666; text-decoration:none; }
a:hover { color:#F60; text-decoration:underline; }
hr { color: #E4E4E4; background-color: #E4E4E4; border: none; height: 1px; }
del { font-family:simsun; color:#CCC; }/* 避免删除线造成数字8视觉上为0 */

/* =Common class
-----------------------------------------------------------------------------*/
/*--=Basic Class--*/
.fl { float:left; _display:inline; }
.fr { float:right; _display:inline; }
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f24 { font-size:24px; }
.fb { font-weight:bold; }
.fn { font-weight:normal; }
.noline { text-decoration:none; }
.underline { text-decoration:underline; }
.ml0 { margin-left: 0!important; }
.mr0 { margin-right: 0!important; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt50 { margin-top:50px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr50 { margin-right:50px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb50 { margin-bottom:50px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml50 { margin-left:50px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt50 { padding-top:50px; }
.pr5 { padding-top:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr50 { padding-right:50px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb50 { padding-bottom:50px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl50 { padding-left:50px; }
.block { display:block; }
.inline { display:inline; }
.inblock { display:inline-block; *display:inline;
zoom:1; letter-spacing:0; }/*--HTML源码内有换行会导致连续内联块元素间半个字符的间距，如需修正，请在父元素添加letter-spacing:-.5em;--*/
.none { display:none; }
.hidden { visibility:hidden; }
.relative { position:relative; }
.absolute { position:absolute; }
.wfill { width:100%; }
.nowrap { white-space:nowrap; }
.nobor { border:none; }
.vm { vertical-align:middle; }
.zoom { zoom:1; }
/*--=Basic Class M18_UI基本类--*/
.hl { color:#F60!important; }
.hl2 { color:#A71F24!important; }
.hb { font-weight:bold; color:#FF6600 !important; }
.hb2 { font-weight:bold; color:#A71F24 !important; }
.h { color:#CE0E0E!important; }
.loud { color:#000!important; }
.quiet { color:#666!important; }
.lower { color:#999!important; }
.yahei { font-family:"Microsoft YaHei"; }
.p5 { padding:5px; }
.bor1 { border:1px solid #E4E4E4; }
.bbd { border-bottom:1px dotted #E4E4E4; }
.btd { border-top:1px dotted #E4E4E4; }

/* =Layout
-----------------------------------------------------------------------------*/
/*--=m18基本布局--*/
.wrap { width:950px; margin-left:auto; margin-right:auto; }
.col_2_a { float:left; width:200px; }
.col_2_b { float:right; width:740px; }
.wrap, .col_2_a, .col_2_b { *zoom:1;
}
.wrap:after, .col_2_a:after, .col_2_b:after { content: "\0020"; display: block; visibility:hidden; height: 0; clear: both; }
/*--=clearfix--*/
.clearfix:after { content: "\0020"; display: block; visibility:hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
/*--.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } m18废弃*/
/*--=栅格布局 based on 960.gs--*/
.gwrap { margin-left: auto; margin-right: auto; width: 960px; *zoom:1;
}
.gwrap:after { content: "\0020"; display: block; visibility:hidden; height: 0; clear: both; }
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid13, .grid14, .grid15, .grid16, .grid17, .grid18, .grid19, .grid20, .grid21, .grid22, .grid23, .grid24 { _display: inline; float: left; margin-left: 5px; margin-right: 5px; }
.gwrap .grid1 { width: 30px; }
.gwrap .grid2 { width: 70px; }
.gwrap .grid3 { width: 110px; }
.gwrap .grid4 { width: 150px; }
.gwrap .grid5 { width: 190px; }
.gwrap .grid6 { width: 230px; }
.gwrap .grid7 { width: 270px; }
.gwrap .grid8 { width: 310px; }
.gwrap .grid9 { width: 350px; }
.gwrap .grid10 { width: 390px; }
.gwrap .grid11 { width: 430px; }
.gwrap .grid12 { width: 470px; }
.gwrap .grid13 { width: 510px; }
.gwrap .grid14 { width: 550px; }
.gwrap .grid15 { width: 590px; }
.gwrap .grid16 { width: 630px; }
.gwrap .grid17 { width: 670px; }
.gwrap .grid18 { width: 710px; }
.gwrap .grid19 { width: 750px; }
.gwrap .grid20 { width: 790px; }
.gwrap .grid21 { width: 830px; }
.gwrap .grid22 { width: 870px; }
.gwrap .grid23 { width: 910px; }
.gwrap .grid24 { width: 950px; }
.gwrap .prefix1 { padding-left: 40px; }
.gwrap .prefix2 { padding-left: 80px; }
.gwrap .prefix3 { padding-left: 120px; }
.gwrap .prefix4 { padding-left: 160px; }
.gwrap .prefix5 { padding-left: 200px; }
.gwrap .prefix6 { padding-left: 240px; }
.gwrap .prefix7 { padding-left: 280px; }
.gwrap .prefix8 { padding-left: 320px; }
.gwrap .prefix9 { padding-left: 360px; }
.gwrap .prefix10 { padding-left: 400px; }
.gwrap .prefix11 { padding-left: 440px; }
.gwrap .prefix12 { padding-left: 480px; }
.gwrap .prefix13 { padding-left: 520px; }
.gwrap .prefix14 { padding-left: 560px; }
.gwrap .prefix15 { padding-left: 600px; }
.gwrap .prefix16 { padding-left: 640px; }
.gwrap .prefix17 { padding-left: 680px; }
.gwrap .prefix18 { padding-left: 720px; }
.gwrap .prefix19 { padding-left: 760px; }
.gwrap .prefix20 { padding-left: 800px; }
.gwrap .prefix21 { padding-left: 840px; }
.gwrap .prefix22 { padding-left: 880px; }
.gwrap .prefix23 { padding-left: 920px; }
.gwrap .suffix1 { padding-right: 40px; }
.gwrap .suffix2 { padding-right: 80px; }
.gwrap .suffix3 { padding-right: 120px; }
.gwrap .suffix4 { padding-right: 160px; }
.gwrap .suffix5 { padding-right: 200px; }
.gwrap .suffix6 { padding-right: 240px; }
.gwrap .suffix7 { padding-right: 280px; }
.gwrap .suffix8 { padding-right: 320px; }
.gwrap .suffix9 { padding-right: 360px; }
.gwrap .suffix10 { padding-right: 400px; }
.gwrap .suffix11 { padding-right: 440px; }
.gwrap .suffix12 { padding-right: 480px; }
.gwrap .suffix13 { padding-right: 520px; }
.gwrap .suffix14 { padding-right: 560px; }
.gwrap .suffix15 { padding-right: 600px; }
.gwrap .suffix16 { padding-right: 640px; }
.gwrap .suffix17 { padding-right: 680px; }
.gwrap .suffix18 { padding-right: 720px; }
.gwrap .suffix19 { padding-right: 760px; }
.gwrap .suffix20 { padding-right: 800px; }
.gwrap .suffix21 { padding-right: 840px; }
.gwrap .suffix22 { padding-right: 880px; }
.gwrap .suffix23 { padding-right: 920px; }
.gwrap .push1 { left: 40px; }
.gwrap .push2 { left: 80px; }
.gwrap .push3 { left: 120px; }
.gwrap .push4 { left: 160px; }
.gwrap .push5 { left: 200px; }
.gwrap .push6 { left: 240px; }
.gwrap .push7 { left: 280px; }
.gwrap .push8 { left: 320px; }
.gwrap .push9 { left: 360px; }
.gwrap .push10 { left: 400px; }
.gwrap .push11 { left: 440px; }
.gwrap .push12 { left: 480px; }
.gwrap .push13 { left: 520px; }
.gwrap .push14 { left: 560px; }
.gwrap .push15 { left: 600px; }
.gwrap .push16 { left: 640px; }
.gwrap .push17 { left: 680px; }
.gwrap .push18 { left: 720px; }
.gwrap .push19 { left: 760px; }
.gwrap .push20 { left: 800px; }
.gwrap .push21 { left: 840px; }
.gwrap .push22 { left: 880px; }
.gwrap .push23 { left: 920px; }
.gwrap .pull1 { left: -40px; }
.gwrap .pull2 { left: -80px; }
.gwrap .pull3 { left: -120px; }
.gwrap .pull4 { left: -160px; }
.gwrap .pull5 { left: -200px; }
.gwrap .pull6 { left: -240px; }
.gwrap .pull7 { left: -280px; }
.gwrap .pull8 { left: -320px; }
.gwrap .pull9 { left: -360px; }
.gwrap .pull10 { left: -400px; }
.gwrap .pull11 { left: -440px; }
.gwrap .pull12 { left: -480px; }
.gwrap .pull13 { left: -520px; }
.gwrap .pull14 { left: -560px; }
.gwrap .pull15 { left: -600px; }
.gwrap .pull16 { left: -640px; }
.gwrap .pull17 { left: -680px; }
.gwrap .pull18 { left: -720px; }
.gwrap .pull19 { left: -760px; }
.gwrap .pull20 { left: -800px; }
.gwrap .pull21 { left: -840px; }
.gwrap .pull22 { left: -880px; }
.gwrap .pull23 { left: -920px; }
.push1, .push2, .push3, .push4, .push5, .push6, .push7, .push8, .push9, .push10, .push11, .push12, .push13, .push14, .push15, .push16, .push17, .push18, .push19, .push20, .push21, .push22, .push23, .pull1, .pull2, .pull3, .pull4, .pull5, .pull6, .pull7, .pull8, .pull9, .pull10, .pull11, .pull12, .pull13, .pull14, .pull15, .pull16, .pull17, .pull18, .pull19, .pull20, .pull21, .pull22, .pull23 { position:relative; }
/*--=links--*/
a.a1{color:#0077FF; text-decoration:none;}
a.a1:hover{text-decoration:underline;}
a.a2 { color:#0077FF; text-decoration:underline; }
a.a2:hover{ color:#F60; }
/*--=buttons--*/
.btn3 { display:-moz-inline-stack; display:inline-block; padding:0 2px 0 0; background:url(../i/comm/btn/btn03.png) no-repeat 100% 0; *display:inline;
}
.btn3 a, .btn3 input { display:-moz-inline-stack; display:inline-block; height:23px; line-height:23px; padding:0 18px 0 20px; background:url(../i/comm/btn/btn03.png) no-repeat 0 0; color:#666; }
.btn3 a:hover { color:#666; text-decoration:none; }
.btn4 { display:-moz-inline-stack; display:inline-block; padding:0 2px 0 0; background:url(../i/comm/btn/btn04.png) no-repeat 100% 0; *display:inline;
}
.btn4 a, .btn4 input { display:-moz-inline-stack; display:inline-block; height:23px; line-height:23px; padding:0 18px 0 20px; background:url(../i/comm/btn/btn04.png) no-repeat 0 0; color:#FFF; }
.btn4 a:hover { color:#FFF; text-decoration:none; }
/*--=title--*/
.h2 { padding-left:10px; background:url(../i/comm/bg-h2.png) repeat-x 0 0; font:14px/30px "Microsoft YaHei"; color:#5E554E; }
/*--=table--*/
/*--=form--*/
input.text, input.password { margin:0; padding:3px 2px 0 2px; height:18px; border:1px solid #A7A6AA; background:#FFF url(../i/comm/bg-input.png) no-repeat 0 0; }
/*--=tab--*/
/*--=pagination--*/
.pagination { text-align:right; }
/*--=crumb--*/
.crumb { width:950px; margin:5px auto; line-height:20px; font-family:Simsun; }
.crumb a { margin:0 5px; }
.crumb .hp { margin-left:0; padding-left:15px; background:url(../i/comm/ico-crumb.png) no-repeat 0 0; }
.crumb h1 { display:inline; font-size:12px; font-weight:600;}
.viewCata{*margin-top:-20px;}
/*--=overlay--*/
#login-pop .mask { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:100; filter:alpha(opacity=40); opacity:0.4; }
#login-pop .overlay { position:absolute; top:50%; left:50%; background:#000000; z-index:110; filter:alpha(opacity=20); opacity:0.2; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#login-pop .overlaymain { position:absolute; top:50%; left:50%; background:#FFFFFF; z-index:120; }
#login-pop .overlaymain h2 { margin:0; padding:0 0 0 15px; height:30px; line-height:30px; background:#990000; border:1px solid #BEB7AD; color:#FFF; font-size:12px; font-weight:bold; }
#login-pop .overlaymain .close { position:absolute; top:7px; right:10px; float:right; padding-right:15px; background:url(../i/comm/ico-close1.png) no-repeat 100% 3px; color:#FFF; }
/*--=header--*/
#hd { margin:10px auto; min-width:950px;}
#shd { margin:10px 0; padding-bottom:28px; min-width:950px;background:url(../i/comm/hf/bg-shd.png) repeat-x 0 100%; }
#shd #hd-cart { clear:right; }
#shd #hd-cart .cart1 { width:auto; height:20px; line-height:20px; padding:0 5px 0 25px; background:url(../../i/hp/buycart-christ.gif)) no-repeat 0px 2px; }
#shd #hd-cart .cart2 a { height:20px; line-height:20px; background:url(../i/comm/hf/bg-scart-btn.png) no-repeat 0 0; }
/*--remove sbumenu in mypage--*/
#shd .hd-my li.my-page{margin:0;}
#shd .hd-my li.my-page a{background:none; padding-right:0; display:block;}
.cart1 a { text-decoration:underline; }
.logo { float:left; padding-left:10px; }
.hd-my {float:right; margin:0px -10px 0 0;}
.hd-my li {float:left; padding:4px 11px 0 11px; line-height:16px;  background:url(../i/comm/sperate-line.gif) no-repeat 0 8px; *background-position:0 7px;}
.hd-my li.my-page{position:relative; z-index:11; margin:0;}
.hd-my li.my-page a{background:url(../i/comm/icon-drop-s.gif) no-repeat right 5px; padding-right:10px; display:block;}
.hd-my li.hover{border:1px solid #CCC; border-bottom:0;}
.hd-my li.bg-none{background:none;}
.hd-my li.hover a{background:url(../i/comm/icon-up-s.gif) no-repeat right 5px;}
.my-page ul{display:none; position:absolute; left:0; border:1px solid #CCC; border-top:none; top:20px; background:#FFF; width:78px; padding:2px 0 0 0; overflow:hidden; margin-left:-1px;}
.hd-my li.my-page li{float:none; padding:1px 0; margin:0; background:none;}
.hd-my li.my-page li a{display:block; padding:2px 10px; font-size:12px; background:none;}
.hd-special { float:right; clear:right; margin-top:12px; }
.hd-special li { float:left; clear:right; margin-left:20px; }
.hd-special .cs { display:none; position:relative; overflow:hidden; width:195px; height:24px; margin-top:-8px; background:url(../i/hp/bg-cs.png) no-repeat 0 0; text-indent:-99em; }
.hd-special a { overflow:hidden; float:left; height:17px; width:70px; background:url(../i/comm/hf/bg-spe2.png) no-repeat 0 1px; text-indent:-99em; }
.hd-special .s2 a { width:96px; background-position:-89px 1px; }
.hd-special .s3 a { width:95px; background-position:-200px 1px; }
.hd-special .s4 a { width:145px; background-position:-191px 0; }
.hd-special .s5 a { width:72px; background-position:-340px 0; }
.hd-box { height:35px; margin-top:5px; border-bottom:1px solid #CDCDCD; background:#C60C0D url(http://img.m18.com/web/i/hp/bg-navbox.jpg) repeat-x 0 0; }
.hd-main { width:950px; height:35px; margin:0 auto; position:relative; z-index:10;}
#hd-nav { margin-left:5px; }
#hd-nav li { position:relative; float:left; line-height:21px; margin-top:8px; background: url(http://img.m18.com/web/i/hp/bdr-nav.gif) no-repeat 100% 0; z-index:10; }
#hd-nav a { float:left; padding-right:2px; margin:0 6px 0 4px; color:#F1F1F1; font:14px/21px Verdana; }
#hd-nav span { display:block; padding:0 7px 0 9px; }
body#hp .hp a, body#woman .woman a, body#beauty .beauty a, body#house .house a, body#kids .kids a, body#underwear .underwear a, body#shoe .shoe a, body#accessories .accessories a, body#man .man a, #hd-nav a:hover, #hd-nav a.cur { background:url(../i/comm/hf/bg-nav.png) no-repeat 100% -21px; color:#472927; text-decoration:none; }
body#hp .hp a, body#woman .woman a, body#beauty .beauty a, body#house .house a, body#kids .kids a, body#underwear .underwear a, body#shoe .shoe a, body#accessories .accessories a, body#man .man a { cursor:default; }
body#hp .hp span, body#woman .woman span, body#beauty .beauty span, body#house .house span, body#kids .kids span, body#underwear .underwear span, body#shoe .shoe span, body#accessories .accessories span, body#man .man span, #hd-nav a:hover span, #hd-nav a.cur span { background:url(../i/comm/hf/bg-nav.png) no-repeat 0 0; }
body#hp .hp a, body#N1 .woman a, body#FY .beauty a, body#N4 .house a, body#N5 .kids a, body#ME .underwear a, body#N3 .shoe a, body#N2 .accessories a, body#N6 .man a, #hd-nav a:hover, #hd-nav a.cur { background:url(../i/comm/hf/bg-nav.png) no-repeat 100% -21px; color:#472927; text-decoration:none; }
body#hp .hp a, body#N1 .woman a, body#FY .beauty a, body#N4 .house a, body#N5 .kids a, body#ME .underwear a, body#N3 .shoe a, body#N2 .accessories a, bod#N6 .man a { cursor:default; }
body#hp .hp span, body#N1 .woman span, body#FY .beauty span, body#N4 .house span, body#N5 .kids span, body#ME .underwear span, body#N3 .shoe span, body#N2 .accessories span, body#N6 .man span, #hd-nav a:hover span, #hd-nav a.cur span { background:url(../i/comm/hf/bg-nav.png) no-repeat 0 0; }
#hd-nav .hd-box .all { background:none; }
#hd-nav .all a { color:#FFCC99; }
#hd-nav .all a:hover { background:none; color:#FFCC99; }
#hd-nav .all a:hover span { background:none; }
#hd-cart { _position:relative; float:right; margin:5px 0 -4px; background:url(http://img.m18.com/web/i/hp/buycart-christ.gif) no-repeat 0 0; width:146px; height:28px; font-weight:600; }
#hd-cart li { float:left; }
#hd-cart li a { color:#fff; text-decoration:none; line-height:28px; overflow:hidden; }
#hd-cart li a:hover { color:#fff; text-decoration:underline; }
#hd-cart .cart1 a { display:block; width:96px; height:25px; text-indent:25px; }
#hd-cart .cart2 a { float:left; width:46px; height:25px; text-align:center; }
.hd-subbox { height:34px; background:url(../i/comm/hf/bg-subnav.png) no-repeat 0 0; }
.hd-subnav { float:left; margin-left:20px; display:inline;}
.hd-subnav li { float:left; margin:7px 20px 0 0; font-size:14px; position:relative; }
.hd-subnav li a { float:left; padding-left:12px; background:url(../i/comm/hf/ico-nav.png) no-repeat 0 45%; font-size:14px; }
.hd-subnav li span { margin-left:5px; vertical-align:middle; color:#F00; font-size:10px; font-family:Arial; }
#hd-sr { float:right; margin:4px 2px 0 0; _display:inline; }
#hd-sr form { float:right; }
#hd-sr fieldset { float:right; padding-left:20px; background:url(../i/comm/hf/ico-sr.png) no-repeat 5px 4px; }
#hd-sr legend { position:absolute; left:-999em; font-size:0; }
#hd-sr input { float:left; }
#hd-sr .hd-text { width:114px; height:18px; line-height:18px; padding:3px 0 0; background:#FFF; border:solid #C8C1BB; border-width:1px 0 1px 1px; }
#hd-sr .hd-sbt { overflow:hidden; width:37px; height:23px; background:url(../i/comm/hf/bg-btn.png?v02) no-repeat 0 0; border:none; text-indent:-9em; cursor:pointer; }
.seniorsr { float:right; margin-left:2px; line-height:23px; }
#hd .relative{z-index:15;}
/*--=header2--*/
#hd2 { margin:10px auto; min-width:950px; }
.hd2My { margin:-5px -10px 25px 0; }
.hd2My .hd2My_first,.hd2My .bg-none{ background:none; }
.hd2My li { float:left; padding:4px 11px 0 11px; line-height:16px; background:url(http://img.m18.com/web/i/comm/sperate-line.gif) no-repeat 0 8px; *background-position:0 7px;
}
.hd2My li a:hover { color:#D90000; }
.hd2My .myPage { position:relative; z-index:10; }
.hd2My .myPage a { background:url(http://img.m18.com/web/i/comm/icon-drop-s.gif) no-repeat 100% 5px; padding-right:10px; display:block; }
.hd2My .hover { border:1px solid #CCC; border-bottom:0; margin-right:-1px; background:#FFF; }
.hd2My .hover a { background:url(http://img.m18.com/web/i/comm/icon-up-s.gif) no-repeat 100% 5px; }
.hd2My .myPage ul { display:none; position:absolute; left:0; border:1px solid #CCC; border-top:none; top:20px; background:#FFF; width:79px; padding:2px 0 0 0; overflow:hidden; margin-left:-1px; }
.hd2My .myPage li { float:none; padding:1px 0; margin:0; background:none; }
.hd2My .myPage li a { padding:2px 10px; background:none; }
.tnavr { clear:right; }
.tnavr a { padding-left:2px; background:url(http://img.m18.com/web/i/comm/hfv2/navr2-bg.gif) no-repeat 0 0; color:#D90000; font-weight:600; height:28px; text-align:center; float:left; }
.tnavr a span { background:url(http://img.m18.com/web/i/comm/hfv2/navr2-bg.gif) no-repeat 100% 0; line-height:28px; float:left; padding:0 10px; }
.tnavr a:hover { text-decoration:none; color:#D90000; background:url(http://img.m18.com/web/i/comm/hfv2/navr2-bg-on.gif) no-repeat 0 0; }
.tnavr a:hover span { background:url(http://img.m18.com/web/i/comm/hfv2/navr2-bg-on.gif) no-repeat 100% 0; cursor:pointer; }
.tnavr li { float:right; _display:inline; margin-left:4px; }
.tnavr li.offsale2 a { display:block; background:url(http://img.m18.com/web/i/hp/tmh.jpg) no-repeat 0 0; width:90px; height:28px; text-indent:-99em; overflow:hidden; }
.tnavr li.offsale2 a:hover { background:url(http://img.m18.com/web/i/hp/tmh.jpg) no-repeat 0 0; }
.tnavr li.freehand2 { position: relative; margin-top:-14px; margin-left:50px; _display:inline; display:none;}
.tnavr li.freehand2 a { background:url(http://img.m18.com/web/pic/hp/1007/0729/freehand.jpg) no-repeat 0 0; display:block; height:42px; overflow:hidden; text-indent:-99em; width:110px; }
.tnavr li.freehand2 a:hover { background:url(http://img.m18.com/web/pic/hp/1007/0729/freehand.jpg) no-repeat 0 0; }
.hd2_box { height:40px; margin-top:0; background:#C60C0D url(http://img.m18.com/web/i/comm/hfv2/bg-navbox.png) repeat-x 0 0; }
.hd2_main { width:950px; margin:0 auto; position:relative; z-index:1; }
#hd2_nav { background:url(http://img.m18.com/web/i/comm/hfv2/bdr-nav.gif) no-repeat 0 0; padding-left:3px; font-weight:bold; }
#hd2_nav li { float:left; background:url(http://img.m18.com/web/i/comm/hfv2/bdr-nav.gif) no-repeat 100% 0; padding:0 5px 0 3px; position:relative; }
#hd2_nav li a { line-height:40px; color:#FDFDFD; display:block; padding-right:2px; }
#hd2_nav li a span { padding:0 7px 0 9px; display:block; }
body#woman #hd2_nav .woman a, body#beauty #hd2_nav .beauty a, body#house #hd2_nav .house a, body#kids #hd2_nav .kids a, body#underwear #hd2_nav .underwear a, body#shoe #hd2_nav .shoe a, body#accessories #hd2_nav .accessories a, body#man #hd2_nav .man a, body#all #hd2_nav .all a, body#cake #hd2_nav .cake a { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav-cur.gif) no-repeat 100% 4px; color:#CE0000; cursor:default; }
body#woman #hd2_nav .woman a span, body#beauty #hd2_nav .beauty a span, body#house #hd2_nav .house a span, body#kids #hd2_nav .kids a span, body#underwear #hd2_nav .underwear a span, body#shoe #hd2_nav .shoe a span, body#accessories #hd2_nav .accessories a span, body#man #hd2_nav .man a span, body#all #hd2_nav .all a span, body#cake #hd2_nav .cake a span { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav-cur.gif) no-repeat 0 4px; }
body#N1 #hd2_nav .woman a, body#FY #hd2_nav .beauty a, body#N4 #hd2_nav .house a, body#N5 #hd2_nav .kids a, body#ME #hd2_nav .underwear a, body#N3 #hd2_nav .shoe a, body#N2 #hd2_nav .accessories a, body#N6 #hd2_nav .man a { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav-cur.gif) no-repeat 100% 4px; color:#CE0000; cursor:default; }
body#N1 #hd2_nav .woman span, body#FY #hd2_nav .beauty span, body#N4 #hd2_nav .house span, body#N5 #hd2_nav .kids span, body#ME #hd2_nav .underwear span, body#N3 #hd2_nav .shoe span, body#N2 #hd2_nav .accessories span, body#N6 #hd2_nav .man span { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav-cur.gif) no-repeat 0 4px; }
#hd2_nav a:hover { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav-cur.gif) repeat-x 100% 4px; color:#CE0000; text-decoration:none; }
#hd2_nav a:hover span { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav-cur.gif) repeat-x 0 4px; }
#hd2_nav a.hover { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav.png) repeat-x 100% 4px !important; color:#CE0000; }
#hd2_nav a.hover span { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav.png) repeat-x 0 4px !important; }
#hd2_nav .all a:hover, #hd2_nav .hp a:hover, #hd2_nav .cake a:hover { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav-cur.gif) repeat-x 100% 4px; }
#hd2_nav .all a:hover span, #hd2_nav .hp a:hover span, #hd2_nav .cake a:hover span { background:url(http://img.m18.com/web/i/comm/hfv2/bg-nav-cur.gif) repeat-x 0 4px; }
#hd2_nav .navp { font-weight:normal; width:340px; position:absolute; left:0; background:#FFF url(http://img.m18.com/web/i/comm/hfv2/snav-bg.gif) repeat-y 160px 0; border:3px solid #9B0000; border-top:none; display:none; }
#hd2_nav .navp.hp_nav_col3{width:520px;}
#hd2_nav .navp li { background:none; float:none; height:22px; }
#hd2_nav li .blist-box { color:#3D5092; width:162px; padding:0 9px 9px 9px; }
#hd2_nav li .tbrand-list { background:#FFFFFF; width:142px; padding:0 9px 9px 9px; }
#hd2_nav li .blist-box a { background:none !important; line-height:22px; padding:0 2px; cursor:pointer !important; zoom:1 }
#hd2_nav li .tbrand-list li a { padding-left:12px; padding-right:2px; background:url(http://img.m18.com/web/i/comm/reddot.gif) no-repeat 3px 9px !important; color:#990000 !important; line-height:22px; cursor:pointer !important; zoom:1 }
#hd2_nav li .tbrand-list li a:hover { background:#FFE1E1 url(http://img.m18.com/web/i/comm/reddot.gif) no-repeat 3px 9px !important; }
#hd2_nav li .blist-box a { color:#3D5092 !important; }
#hd2_nav li .blist-box a:hover { background:#CDE7FA !important; }
#hd2_nav .wp { padding:0 0 8px 0; margin:10px 0 8px 0; height:18px; line-height:18px; _overflow:hidden; }
#hd2_nav .tbrand-list .wp { color:#990000; border-bottom:1px solid #F2EAE3; }
#hd2_nav .blist-box .wp { color:#3D5092; border-bottom:1px solid #D7E1EA; }
#hd2_nav .tbrand-list .wp a { color:#990000; line-height:20px; background:none; }
#hd2-cart { margin:7px 0 -4px; background:url(http://img.m18.com/web/i/comm/hfv2/buycart-christ.png) no-repeat 0 0; width:165px; height:28px; }
#hd2-cart.hover { background:url(http://img.m18.com/web/i/comm/hfv2/buycart-christ-on.png) no-repeat 0 0; }
#hd2-cart:hover { background:url(http://img.m18.com/web/i/comm/hfv2/buycart-christ-on.png) no-repeat 0 0; }
#hd2-cart li { float:left; *padding-top:2px;
}
#hd2-cart li a { color:#333333; text-decoration:none; line-height:28px; *line-height:26px;
}
#hd2-cart li a:hover { text-decoration:none; }
.hd2-subbox { background:url(http://img.m18.com/web/i/comm/hfv2/bg-subnav.gif) no-repeat 0 0; height:39px; }
.hd2-subnav li { float:left; padding:0 15px; line-height:39px; padding:0 5px; }
.hd2-subnav li a { display:block; padding-left:2px; }
.hd2-subnav li a:hover { background:url(http://img.m18.com/web/i/comm/hfv2/snavhover-bg.gif) no-repeat 0 5px; text-decoration:none; color:#C90000 }
.hd2-subnav li a span { display:block; padding:0 10px; }
.hd2-subnav li a:hover span { background:url(http://img.m18.com/web/i/comm/hfv2/snavhover-bg.gif) no-repeat 100% 5px; }
#hd2-sr { margin:7px 10px 0 0; _display:inline; }
#hd2-sr form { float:right; }
#hd2-sr fieldset { float:right; border:1px solid #EEEEEE; }
#hd2-sr legend { position:absolute; left:-999em; font-size:0; }
#hd2-sr input { float:left; }
#hd2-sr .hd-text { width:104px; height:18px; line-height:18px; padding:3px 0 0 20px; background:url(http://img.m18.com/web/i/comm/hfv2/ico-sr.png) no-repeat 3px 4px; border:none; }
#hd2-sr .hd-sbt { overflow:hidden; width:37px; height:23px; line-height:23px; *padding-top:1px;
background:url(http://img.m18.com/web/i/comm/hfv2/search-btn.gif) no-repeat; border:none; cursor:pointer; border-left:1px solid #EEEEEE; }
#hd2-sr .seniorsr { line-height:27px; margin-left:10px; }
#hd2-sr .seniorsr:hover { color:#C90000; text-decoration:none; }
#hd2-cart .cartli-1 { margin-left:35px; width:80px; _display:inline; }
#hd2-cart .cartli-2 { width:50px; }
#hd2-cart .cartli-1 span { color:#D90000; }
#hd2-cart .cartli-2 a { color:#D90000; }
#hd2-cart .cartli-2 a:hover { text-decoration:underline; }
#hd2_nav li .blist-box .speciallist { margin-top:5px; padding-top:5px; border-top:1px solid #D7E1EA; }
#hd2_nav li .blist-box .speciallist a { color:#CC0000 !important; }

/*--=footer--*/
#help { padding:40px 0 0; margin:40px auto 10px; background:url(../i/comm/bg-help.png) repeat-x 0 0; }
#help dl { float:left; width:20%; font-size:14px; }
#help dt, #help dd { width:115px; margin:0 auto; padding-left:55px; line-height:1.6; }
#help dt { background:url(../i/comm/ico-help.png) no-repeat 45px 7px; font-weight:bold; }
#ft { padding:10px 0; text-align:center; }
#ft img { vertical-align:middle; }
#ft a { margin-right:10px; }
#ft .copyright a, .copyright a { margin-right:30px; color:#999; }
.copyright { padding:5px 0; color:#999; }
#sft { width:950px; margin:20px auto; padding-top:20px; background:url(../i/comm/bg-help.png) repeat-x 0 0; text-align:center; }
.ft-nav li { display:inline; padding:0 20px; border-left:1px solid #999; }
.ft-nav a { color:#999; }
.ft-nav .first { border:none; }
#ft div { text-align:center; }
/*--=other--*/
s, del { font-family:simsun; color:#CCC; }
#hd-nav .navp { display:none; position:absolute; left:3px; border:solid #631938; border-width:0 1px 1px; background-color:#FFFFFE; z-index:10; margin-top:20px; width:281px; }
#hd-nav .navp li { float:none; }
#hd-nav .navp a { float:none; display:block; margin:0; color:#911531; font-size:12px; font-family:Verdana, Geneva, sans-serif; width:100%; }
#hd-nav .navp .navlist { float:left; margin:6px 0; width:140px; }
#hd-nav .navp .navlist li, #hd-nav .navp .navtm li { line-height:18px; background:none; margin:0; padding:3px 0; }
#hd-nav .navp .navlist li a, #hd-nav .navp .navtm li a { padding:0; background:url(../i/hp/ico-navlist.gif) no-repeat 14px 7px; text-indent:21px; }
#hd-nav .navp .navlist li a:hover { background:#E32924; color:#fff; background:#E32924 url(../i/hp/ico-navlist_hover.gif) no-repeat 14px 7px; }
#hd-nav .navp .br1 { border-right:1px solid #F5CCCC; }
#hd-nav .navp .navtm { overflow:hidden; clear:both; padding:4px 0; background:#F5CCCC; zoom:1; }
#hd-nav .navp .navtm li { padding:0; line-height:16px; }
#hd-nav .navp .navtm li a:hover { color:#F00; }
.ico-new2 { display:none;position:absolute;top:-5px; right:270px; width:30px; height:30px; text-indent:-9em; overflow:hidden; background:url(http://img.m18.com/web/i/comm/ico/new-icon.gif) no-repeat 0 0;z-index:19;}
.ico-hot { display:none; position:absolute; left:135px;top:30px;width:30px; height:30px; text-indent:-9em; overflow:hidden; background:url(http://img.m18.com/web/i/hp/hot_icon.gif?0911v1) no-repeat 0 0; z-index:9;}
.iconew{ float:left;margin-top:12px; margin-left:-10px;width:15px;height:13px;background:url(http://img.m18.com/web/i/comm/ico-new.gif) no-repeat 0 0; text-indent:-9em; overflow:hidden;}

/*** woman brand**/
.wp{ padding-left:12px;color:#6B6B6B; font-weight:600;}
#hd-nav .navp.wnav .navlist{ margin-top:0; margin-bottom:1px;float:none;}
#hd-nav .brandlink{ margin-left:12px; width:105px; }
#hd-nav .brandlink a{display:block;height:23px; background:url(http://img.m18.com/web/i/hp/brandbg2.gif) no-repeat 0 0; color:#5B5B5B;line-height:23px; text-align:center; }
#hd-nav  .brandlink a:hover{background:url(http://img.m18.com/web/i/hp/brandbg2.gif) repeat-x no-repeat 0 0; }
#hd-nav .navp.wnav { width:321px; }
#hd-nav .navp.wnav .navlist.wpp { width:180px;}

/***LOGO hover backhome**/
.logo { padding-left:0; }
.logo a{ display:block; width:270px; height:62px;text-indent:-99em; overflow:hidden; background:url(http://img.m18.com/web/i/comm/logo.gif) no-repeat 0 0;}
.logo a:hover{ background-position:0 -62px}

#hp .logo a{ display:block; width:270px; height:62px;text-indent:0; background:none;}

/**NAV Two channel**/
.hd-special{ margin-top:18px;}
.hd-special a{ color:#796653;background:url(http://img.m18.com/web/i/hp/line-new.gif) no-repeat 100% 3px; text-indent:0;}
.hd-special .s4 a,.hd-special .s1 a,.hd-special .s2 a{ background-position:100% 3px;}
.hd-special .s4 a{ width:95px;}
.hd-special .s1 a{ width:60px;}
.hd-special .s2 a{ width:82px;}
.hd-special .s5 a{ width:50px;}
.hd-special li{ margin-left:10px;}
.newnav{position:absolute;top:32px;right:328px;}
.newnav a{ float:left;display:inline;margin-left:4px; padding-left:20px;width:70px; height:28px; color:#C50C0C; background:url(http://img.m18.com/web/i/hp/new-navbg.gif) no-repeat 0 0; font-size:14px; font-weight:600;line-height:28px;}
.newnav a:hover{ text-decoration:none;}
/*--new footer--*/
#help2{background:#F8F5F1; border:1px solid #EEDFD0; margin:40px auto 0 auto;}
#help2 dl{float:left; padding:15px 0 0 59px; height:100%; background:url(../i/comm/line-seperate.gif) no-repeat 0 0;  padding-bottom:230px !important; margin-bottom: -230px !important; margin-left:-1px; width:129px; overflow:hidden;}
#help2 .help-con{background:#FFFFFF; overflow:hidden; margin:4px; padding:0 0 15px 0;}
#help2 dt{text-indent:-99em; background:url(../i/comm/help-title.gif) no-repeat 0 0; margin-bottom:4px;}
#help2 #help-list2 dt{ background-position:0 -30px;}
#help2 #help-list3 dt{ background-position:0 -60px;}
#help2 #help-list4 dt{ background-position:0 -90px;}
#help2 #help-list5 dt{ background-position:0 -120px;}
#help2 dl a{color:#684638; margin:0 auto;}
#help2 #help-list3{width:136px;}
#help2 .cur{background-color:#F8F5F1;}
#help2 dl dd{background:url(../i/comm/list-icon2.gif) no-repeat 0 50%; padding:2px 0 2px 10px;}

/**NEW channel 100519**/
.newnav.navr{top:40px;right:60px;}
.newnav.navr a{padding-left:0;width:90px; background:url(http://img.m18.com/web/i/hp/new-navbg2.gif) no-repeat 0 0; text-align:center; }
.hd-my.newmy{ margin:-5px 0 38px 0; padding-bottom:10px;}
.hd-my.newmy li{background:url(../i/comm/new-line.gif) no-repeat 0 6px;}
.hd-my.newmy li.bg-none{background:none;}
.hd-my li.end{ padding-right:0;}
#hd-nav li.all{ background:none;}

/**名品特卖**/
.newnav.navr2{right:126px;top:40px;}
.newnav.navr2 a{padding-left:0;width:90px; background:url(http://img.m18.com/web/i/hp/new-navbg2.gif) no-repeat 0 0; text-align:center; }
.offsale{ position:absolute; top:40px; right:0;}
.offsale a{ display:block; width:90px; height:28px; background:url(http://img.m18.com/web/i/hp/tmh.jpg) no-repeat 0 0;text-indent:-9em;overflow:hidden;}

/**free hand**/
.newnav.navr3{right:224px;top:40px;}
.newnav.navr3 a{padding-left:0;width:90px; background:url(http://img.m18.com/web/i/hp/new-navbg2.gif) no-repeat 0 0;text-align:center; }
.offsale.ofs2{right:130px;}
.freehand{ position:absolute; right:0; top:26px;}
.freehand a{ display:block; width:110px; height:42px; background:url(http://img.m18.com/web/pic/hp/1007/0729/freehand.jpg) no-repeat 0 0; text-indent:-9em; overflow:hidden;}