/* 开发时间： 2013-03-27
 * 开发者： 张梅
 * 版本时间： 2013-03-27
 * 注意事项： 初始化样式,如果此样式未对网页产生影响尽量不要修改
 */

/*global*/
html{color:#666;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,span{margin:0;padding:0;}
fieldset,img{border:0;}
caption,th,.aliL{text-align:left;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

legend,.hui000{color:#000;}
del,ins{text-decoration:none;}
table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
	background:#fff;
}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
q:before,q:after{content:'';}

select,input,button,textarea{font-size:12px;font-family:inherit;font-weight:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}

input:focus,textarea:focus{outline:none;}

/* link */
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#1790dd;;cursor:pointer;-o-transition: color .2s linear,background-color .4s linear;-ms-transition: color .2s linear,background-color .4s linear;-webkit-transition: color .2s linear,background-color .4s linear;-moz-transition: color .2s linear,background-color .4s linear;transition: color .2s linear,background-color .4s linear;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9}
.hoverfade:hover{color:#1790dd;;cursor:pointer;-o-transition: color .2s linear,background-color .4s linear;-ms-transition: color .2s linear,background-color .4s linear;-webkit-transition: color .2s linear,background-color .4s linear;-moz-transition: color .2s linear,background-color .4s linear;transition: color .2s linear,background-color .4s linear;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9}
.undL{text-decoration:underline}
.undN:hover{text-decoration:none}

/*float*/
.fl{float:left;display:inline;}
.fleft{float:left;color:#666;margin-right:10px;}
.fr{float:right;display:inline;}
.clear{clear: both;display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;}
.clearfix_fixed:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix_fixed{zoom:1;}
.zoom{ overflow:hidden;zoom:1;}

/*font*/
.tc{text-align:center!important;}
.tl{text-align:left!important;}
.tr{text-align:right!important;}
.vt{vertical-align:top!important;}
.vm{vertical-align:middle!important;}
.vb{vertical-align:bottom!important;}
.bold{font-weight:bold;}
.normal{font-weight:normal!important;}
.fontHeight000{font-weight:bold; color:#000!important;}
.fontHeightC00{font-weight:bold; color:#C00!important;}
.ver2{vertical-align:-2px;*vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.break{word-wrap:break-word;word-break:break-all;}

.conTxt1{ color:#0561A3; font:24px "微软雅黑", "黑体", sans-serif; line-height:100%}
.conTxt2{ color:#333; font:18px "微软雅黑", "黑体", sans-serif; line-height:200%;}
.conTxt3{ color:#ff6600; font-size:24px; font-family:"微软雅黑", "黑体", sans-serif; line-height:200%}
.aral{ font-family:Arial, Helvetica, sans-serif}
.yahei{ font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
.sonti{ font-family: Arial, Helvetica, sans-serif}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font18{font-size:18px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font20{font-size:20px;}
.font25{ font-size:25px;}
.font26{ font-size:26px;}
.font28{ font-size:28px;}
.font30{font-size:30px;}
.bold{font-weight:bold;}

.em1{text-indent:1em;}
.em2{text-indent:2em;}
/*display*/
.dis_none{display:none;}
.dis_block{display:block;}
.dis_inline{display:inline;}
.dis_inline-block{display:inline-block;}
.overHidden{overflow:hidden!important;}
.overScroll{overflow:scroll!important;}

/* color */
.qianlv {color:#2a8606}
.zuhong {color:#cc0127;}
.white{ color:#fff}
.red{color:#d80001}
.red1{color:#c00;}
.red2{color:#bf0a10;}
.red3{color:#ff0000;}
.red4{color:#F6043D;}
.orange{color:#ff9000}
.JuHong{color:#ea5504}
.JuHong1{color:#ff9000}
.hui61{color:#616161}
.huicd{color:#cdcdcd}
.huiaaa{color:#aaa}
.hei000{ color:#000000;}
.hui333{ color:#333333;}
.hui666{ color:#666;}
.hui999{ color:#999;}
.huiccc{ color:#ccc;}
.green{ color:#00a66c}
.blue{ color:#1790dd;}
.blue1,.dblue{color:#1790dd;}
.blue11{color:#756dff;}
.gblue{color:#3377AA;}
.huic4{color:#c4c4c4;}
.zong{color:#873602}
.colorzi{color:#6b59aa;}
.yellow{color:#f19639;}
.pink{color:#ff84ba;}
.cdcdcd{color:#cdcdcd;}
.blue2{color:#00bffe;}
.blue3{color:#3396ff;}
/*margin padding*/
.ml-5{margin-left:5px;}
.mt-3{ margin-top:3px;}
.mt-8{margin-top:8px;}
.mt-10{margin-top:10px;}
.mt-13{margin-top:13px;}
.mt-18{margin-top:18px;}
.mb-10{margin-bottom:10px;}
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-30{margin-right:30px;}
.ml-10{margin-left:10px;}
.mt-15{margin-top:15px;}
.mb-15{margin-bottom:15px;}
.mr-15{margin-right:15px;}
.ml-15{margin-left:15px;}
.ml-25{margin-left:25px;}
.mt-20{margin-top:20px;}
.mb-20{margin-bottom:20px;}
.mr-20{margin-right:20px;}
.ml-20{margin-left:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.mt-40{margin-top:40px;}
.mb-40{margin-bottom:40px;}
.mt-5{margin-top:5px;}
.pr-5{padding-right:5px;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-45{padding-bottom:45px;}
.pr-10{padding-right:10px;}
.pl-10{padding-left:10px;}
.pl-35{padding-left:35px;}
.pt-25{padding-top:25px;}
.pb-25{padding-bottom:25px;}
.pb-15{padding-bottom:15px;}
.pr-15{padding-right:15px;}
.pl-5{padding-left:5px;}
.pl-15{padding-left:15px;}
.pt-20{padding-top:20px;}
.pb-20{padding-bottom:20px;}
.pr-20{padding-right:20px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pb-30{padding-bottom:30px!important;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.mt-50{margin-top:50px;}
/*width*/
.w-600{width:600px;}
.w-550{width:550px;}
.w-500{width:500px;}
.w-300{width:300px;}
.w-280{width:280px;}
.w-260{width:260px;}
.w-240{width:240px;}
.w-220{width:220px;}
.w-200{width:200px;}
.w-150{width:150px;}
.w-100{width:100px!important;}
.w-80{width:80px;}
.w-35{width:35px;}
.w-50{width:50px;}
.w-60{width:60px;}
.w-20{width:20px;}
.h-20{height:20px;}
/*lineheight*/
.line16{line-height:16px;}
.line25{line-height:25px;}
/*background*/
.bg_none{background:none!important}
/*pa*/
.pos_r{position:relative;z-index:1}
.pos_a{position:absolute}
.marAuto{margin:0 auto}
.thrL{text-decoration:line-through}
.index5{ z-index:5;}
/*border*/
.bt-1ea{border-top:1px solid #eaeaea;}
.bb-1ea{border-bottom:1px solid #eaeaea;}
/*hoverset*/
a.hoverwhite{color:white!important;}



/* 说明： 购物党前台改版
 * 开发时间： 2013-03-27
 * 开发者： 张梅
 * 版本时间： 2013-03-27
 * 注意事项： 布局样式,所有布局样式将在这里定义,请勿轻易修改
 */
body{text-align:left; font-family:"微软雅黑","Arial", "宋体";font-size:12px;line-height:20px;color:#333;-webkit-text-size-adjust:none;}
.layer_wrap,.contener{width:1200px;margin:0 auto;}
.footer .layer_wrap{width:1200px;margin:0 auto;}
.header{z-index:111; position:relative}
.footer .layer_wrap{line-height:20px;padding-top:25px;/*margin-top:15px;*/padding-bottom:15px;}
.footer{background:#333;color:#959595}
.footer a:hover{color:#ff9000}
.header_new,.footer,.page_down{ min-width:1200px; width:100%;}
.header_new{ position:relative; z-index:555;}
.layer_wrap2{width:1000px;margin:0 auto;}
.header_user{box-shadow:0px 0px 5px #aaa;min-width:1000px;width:100%;}

/* 分类悬浮的情况 */
.category.category_hover{display: none;position: absolute;top: 40px;z-index: 10;border-top: 1px solid #e03024;}
.category.category_hover.hovered{box-shadow:0 0 5px #999;}
a:hover{color: #e03024;}
/*在线修改品牌的样式*/
#brandEdit{
    width: 70px;
    line-height: 24px;
    background-color: #2bb8fb;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    text-align: center;
}
.brandEdit{
    width: 394px;
    height: 160px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 4px #646464;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
}
.brandEdit .brand_close_icon{
    position: absolute;
    top: 4px;
    right: 5px;
    cursor: pointer;
}
.brandEdit h2{
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    border-bottom: 1px solid #dcdcdc;
}
.brandEdit form p{
    /*display: inline-block;*/
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    height: 30px;
    text-indent: 20px;
    line-height: 30px;
}
.brandEdit form input.edit_brand{
    width: 170px;
}
.brandEdit form input.edit_keyword{
    width: 122px;
}
.brandEdit form input.add_brand{
    width: 300px;
}
.brandEdit form input[type=radio]{
    display: inline-block;
    margin-right: 6px;
}
.brandEdit form input[type=text]{
    line-height: 20px;
    text-indent: 5px;
    font-size: 13px;
    outline: none;
}
.brandEdit form input[type=submit]{
    font-size: 14px;
    color: #fff;
    background-color: #66c9f8;
    border: none;
    width: 74px;
    height: 26px;
    border-radius: 5px;
    margin-top: 4px;
    margin-left: 71px;
    outline: none;
    cursor: pointer;
}
.brandEdit form input#brand_reset{
    background: #fff;
    border: 1px solid #66c9f8;
    color: #66c9f8;
}

b.font14.fl{line-height: 25px;}
/*结束*/

.all_category_icon{
    width: 17px;
    height: 14px;
    display: inline-block;
    background: url(/template/metro/images/header/icon_category@2x.png) center no-repeat;
    background-size: contain;
}

/*保证值得买列表页左右对齐*/
ul.searchList{text-align: justify; display: flex;flex-wrap: wrap;}
.searchList li{background: #ffffff; font-size: 12px;}
.searchList li:hover{box-shadow: 0px 2px 6px 0px rgba(169,169,169,0.2); -webkit-transition: width .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.searchList a:hover{color: #E23A3A;}
.searchList li.zdm_li {width:230px; height:382px; margin: 0 12px 14px 0;}
.searchList li.zdm_li, .searchList li .section-1, .searchList li .section-2{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.searchList li:nth-child(5n+0){margin-right: 0;}
.searchList li .section-1{width: 100%; height: 220px; text-align: center;}
.searchList li .section-1 img{max-width: 100%; max-height: 100%;}
.searchList li .section-2{width: 100%; height: 120px; padding: 10px 10px 12px 10px; font-size: 12px;}
.searchList li .section-2 .price-list{display: flex; align-items: center; line-height: 22px;}
.searchList li .section-2 .price-list #price-1{font-size: 16px; color: #E23A3A; font-weight: bold; line-height: 16px;}
.searchList li .section-2 .price-list #price-1.zdm{max-height: 36px; overflow: hidden; line-height: 18px; word-break: normal; text-align: left;}
.searchList li .section-2 .price-list .ico{width: 39px; height: 14px; display: inline-block; margin: 0 8px 0 4px;}
.searchList li .section-2 .title{line-height: 16px; height: 32px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.section-2 .title.invalid{color: #888888;}
.searchList li .promo-list{display: flex; align-items: center; width: 210px; bottom: 50px; left: 10px;}
.searchList li .promo-list .item{height: 16px; display: inline-block; line-height: 16px;font-size: 12px; text-align: center;color: #E23A3A; border-radius: 2px; border: 1px solid #E23A3A; margin-right: 4px;padding: 0 3px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;word-break: break-all;}
.searchList li .promo-list .item#zy{width: 28px;height: 16px;background: #E23A3A;color: white;padding: 0;overflow: initial;-ms-text-overflow: unset;text-overflow: unset;word-break: keep-all;}
.searchList li .promo-list .item:last-child{margin-right: 0;}
.searchList li .site-info{bottom: 16px; left: 10px; display: flex; align-items: center;}
.searchList li .site-info .site-icon{width: 14px; height: 14px; margin-right: 4px;}
.searchList li .site-info .site-name{line-height: 12px; height: 12px; max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.searchList li .btn{background:#E23A3A; border-radius:2px; padding: 4px 10px; color: #ffffff; line-height: 16px; right: 10px; bottom: 12px;}
.searchList li .badge{width: 30.8px; height: 32.3px; top: -1px; right: 14px; background: url(/template/metro/images/feature/featured@2x.png) center center no-repeat; background-size: 100%; z-index: 2;}
.searchList li .badge.invalid{width: 36px; height: 20px; top: 4px; right: 4px; background: url(/template/metro/images/feature/invalid@2x.png) center center no-repeat; background-size: 100%;}
.searchList li .badge-update-time{padding: 2px 8px;top: 205px;left: 0;background: #f6f6f6;border-radius: 0 99px 99px 0;line-height: 16px;}
.ico.i-dsj{background: url(/template/metro/images/search/icon_dsj.png) center no-repeat;background-size: contain;}
.ico.i-dj{background: url(/template/metro/images/search/icon_dj@2x.png) center no-repeat;background-size: contain;}
.ico.i-qhj{background: url(/template/metro/images/search/icon_qhj.png) center no-repeat;background-size: contain;}
.ico.i-plus{background: url(/template/metro/images/search/icon_jd_plus.png) center no-repeat;background-size: contain;}
.searchList li .tag{top: 4px; left: 4px; z-index: 2; background:rgba(255,244,244,1); border-radius:2px; line-height: 20px; color: #FF8282; padding: 2px 4px;}
.searchList li .tag:hover{background:#E23A3A; color: #ffffff;}

.mj{font-size:12px; color: #00A0E8;}
.mj:hover{text-decoration:underline; font-size:12px; color: #00A0E8;}

/*2015-3-13 张梅 正品商城*/
.tmall_List p { line-height: 35px; }
.icon2{display:inline-block;background:url(/template/pc/images/icon2.png) no-repeat;width:24px;margin-left:40px;margin-right:14px;}
.tmall_I1{background-position:0 8px;}
.tmall_I2{background-position:0 -29px;}
.tmall_I3{background-position:0 -67px;}
.tmall_I4{background-position:0 -105px;}
.tmall_I5{background-position:0 -143px;}
.tmall_I6{background-position:0 -182px;}
.tmall_I7{background-position:0 -220px;}
.tmall_I8{background-position:0 -260px;}
.tmall_I9{background-position:0 -296px;}
.tmall_I10{background-position:0 -333px;}
.tmall_I11{background-position:0 -370px;}
.tmall_I12{background-position:0 -407px;}
.tmall_I13{background-position:0 -444px;}
.tmall_I14{background-position:0 -481px;}
.tmall_I15{background-position:0 -522px;}
.tmall_I16{background-position:0 -559px;}
.tmall_I015{background-position:-36px -522px;}
.tmall_I016{background-position:-36px -444px;}
.tmall_I017{background-position:-36px -483px;}

/*正品商城*/
.selBox1{ padding:5px 10px;}
.selBox1 a{ position:relative;float:left; display:inline; line-height:24px;padding:0 8px; margin-right:5px;}
.icon_ab{ width:9px; height:5px; background-position:-3px -124px;}
.selBox1 i{ position:absolute; left:50%; margin-left:-5px; bottom:-5px; z-index:11;}
.selBox1 a.current{ background:#ea3333; color:#fff; text-align:center;  border-radius:4px;}
.vipList{border-bottom:1px solid #e1e1e1;}
.vipList li{ position:relative; float:left;width:242px; background:#fff; border:1px solid #e1e1e1; margin:0; padding:13px 0 24px 0; line-height:33px; height:123px; text-align:center;}
.vipList li.current{ position:relative; float:left;width:242px; background:#fff; border:1px solid #f49a01; margin:0; padding:13px 0 24px 0; line-height:33px; height:123px; text-align:center;}
.vipList li .menban{display:none;width:100%; height:48px; left:0; top:0; right:0; bottom:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2; z-index:11; display:none;}
.vipList li .menban_btn{width:100%; height:48px; left:0; top:0;z-index:22;display:none;}
.vipList li.current .menban,.vipList li.current .menban_btn{ display:block;}
.vipList li .menban_btn p{ margin-top:18px;}
.vipList li .menban_btn p:first-child{ margin-top:67px;}
.vip_btn1,.vip_btn1:hover{display:inline-block;width:110px; height:40px; line-height:40px; background:#ea3333; font-size:14px;  color:#fff;border-radius:4px;}
.vip_btn2,.vip_btn2:hover{display:inline-block;width:97px; height:28px; line-height:28px; background:#3f3f3f; color:#fff; border-radius:4px;}
.vip_btn1:hover,.vip_btn2:hover{ text-decoration:underline;}
.mkt_btn{margin-top:45px; background-color: #eaeaea;width: 120px;height: 48px;font-size: 14px;color: #838383;display: inline-block;line-height: 48px;}
.mkt_btn:hover{margin-top:45px; background-color: #f8ab2b;width: 120px;height: 48px;font-size: 14px;color: #ffffff;display: inline-block;line-height: 48px;}

.kinds_list li i{border:0;display:inline-block; background:url(/template/metro/images/icon.png?v=20140513);background-position:-745px -1193px;width:16px;}
.kinds_list li i.unfold_new{border:0;display:inline-block; background:url(/template/metro/images/icon.png?v=20140513);background-position:-765px -1126px;width:16px;}
.kinds_list li.sub_kinds i{display:inline-block; background:url(/template/metro/images/icon.png?v=20140513);background-position:-771px -1161px;width:27px;}
div.item a.desc_break{display:block;word-break:break-all;word-wrap:break-word;}

/*图标*/
.icon{ background-color:transparent; display:inline-block; background:url(/template/metro/images/icon.png?v=20151215) no-repeat;}
.iconp{background:url(/template/metro/images/icon.png?v=20151215) no-repeat;}

/*vip搜索*/
i.arr_up{background-position:-611px -1083px;}
i.arr_down{background-position:-626px -1083px;}

/* end */
.vcWrap .pic{width:160px;height:160px;overflow:hidden;}
.vcWrap .pic a{display:table-cell;vertical-align:middle;text-align:center;}
.vcWrap .pic img{vertical-align:middle;}

/* 网站 header 部分*/
.bd_bg{background-color: #f7f7f7;}
.header_new{height: 152px; background: #ffffff;}
.header_new .top-nav{width: 100%; height: 36px; background: #F0F0F0; box-shadow:0 1px 0 0 rgba(221,221,221,1);}
.header_new .item{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.header_new a:hover{color: #e03024;}
.header_new .top-nav .menu{width: auto; height: 36px;}
.header_new .top-nav .menu .item{line-height: 36px;}
.header_new .top-nav .menu .item#login{color: #e03024;}
.header_new .top-nav .menu .item#login-box{width: 128px; cursor: pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.header_new .top-nav .menu .item#login-box:hover{height: 152px; background: #ffffff; z-index: 9999; border:1px solid rgba(238,238,238,1); border-top: 0;}
.header_new .top-nav .menu .item#login-box dl dt{display: flex; align-items: center;}
.header_new .top-nav .menu .item#login-box dl dt .icon{width: 6px; height: 4px; display: inline-block;}
.header_new .top-nav .menu .item#login-box dl dd a{display: flex; align-items: center;}
.header_new .top-nav .menu .item#login-box dl dd .icon{width: 16px; height: 16px;}
.header_new .icon.i-arrow-down{background: url("/template/metro/images/header/icon_arrow_down@2x.png") center no-repeat; background-size: contain;}
.header_new .icon.i-wechat{background: url("/template/metro/images/header/icon_wechat@2x.png") center no-repeat; background-size: contain;}
.header_new .icon.i-qq{background: url("/template/metro/images/header/icon_qq@2x.png") center no-repeat; background-size: contain;}
.header_new .icon.i-weibo{background: url("/template/metro/images/header/icon_weibo@2x.png") center no-repeat; background-size: contain;}

.header_new .top-nav .menu .item#login-box dl dd {
    display: none;
}

.header_new .top-nav .menu .item#login-box:hover dl dd {
    display: block;
}

.topMenu_new{background:#ffffff;position:relative; z-index:222;}
.topMenu_new .logo{display: inline-block;}
.topMenu_new .logo #logo-svg,.topMenu_new .logo img{width: 194px; height: 87px;}
.topMenu_newR{width: 1002px; display: inline-block; padding: 38px 0 0 104px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.topMenu_newR .oper_head{border:2px solid #e03024;}
.search_topinp1{width:523px;height:35px;padding:8px 10px;border:0;line-height: 17px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.search_topinp1::placeholder{color: #999;}
.search_topinp1::-moz-placeholder{color: #999;}
.search_topinp1::-webkit-input-placeholder{color: #999999;}
.search_topinp1:-ms-input-placeholder{color: #999999;}
.search_topbtn1{width:128px;height:35px;border:0;padding:0;cursor:pointer; background: #e03024;}
/*搜索底部推荐*/
.search-recommend{display: flex;margin: 2px 0 0 12px;align-items: center;}
.search-recommend .item.hot,.search-recommend .item.hot a{color: #da0036;}
.search-recommend .item.divider{width: 1px;height: 8px;display: inline-block;background: #979797;}

/*首页 我的收藏*/
.myStore {
    width: 140px;
    color: #e03024;
}

.myStore .wrapper .hover-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.myStore .hover-menu .item {
    width:100%;
    height: 40px;
    border: 1px solid #eeeeee;
    line-height: 40px;
    background: #ffffff;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.myStore .hover-menu .item:nth-child(1),
.myStore .hover-menu .item:hover {
    color: #e03024;
    opacity: 1;
}

.myStore .hover-menu .item:not(:nth-child(1)) {
    display: none;
    border-top: 0;
}

.myStore .hover-menu:hover .item {
    display: inline-block;
}

.myStore .hover-menu .item .icon {
    width: 14px;
    height: 16px;
}
.myStore .hover-menu .item .icon.i-user {
    background: url("/template/metro/images/header/icon_user.png") no-repeat center center/100% 100%;
    bottom: 1px;
}

/*左侧边栏导航和顶部栏目导航*/
.nav { border-bottom: 1px solid #e03024; }
.nav{height:40px;line-height:40px;position:relative;z-index:111; background:#fff;padding-top: 19px; -webkit-box-shadow: 0 0 5px #aaa;-moz-box-shadow: 0 0 5px #aaa;box-shadow: 0 1px 0 0 rgba(221,221,221,0.5);}
.kinds_menu{width:212px; background:#e03024;height:40px;}
.nav .navList li{float:left;display:inline; padding-left: 42px; padding-right: 42px}
.nav .navList li:last-child{margin-right: 0;}
.nav .navList li img{width: 26px; height: 13px;}
.nav .navList li:nth-child(6) img{width: 20px; height: 10px;}
.nav .navList li a,.kinds_menu a.undN,.newMenuWrap a.undN{display:block;font-size:18px;color:#000;text-align:center;}
.nav .navList li a{border-bottom:2px solid rgba(221,221,221,0); line-height: 38px;}
.nav .navList li.current { background: #e03024; color: #ffffff }
.nav .navList li:hover a { color: #e03024; }
.nav .navList li.current a { background: #e03024; color: #ffffff }
.kinds_menu a.undN,.newMenuWrap a.undN{height:40px;background: #e03024;color: #ffffff;}
.kinds_menu a.undN .all_category_icon{margin: 0 16px 0 30px;}

/*footer*/
.footer{background:#EAEAEA;color:#959595;position: relative;}
.footer .layer_wrap{padding-top: 35px;}
.footer hr{width: 100%; position: absolute;left: 0; top: 180px; background: #dbdbdb; border:0; height: 1px;}
.footer a:hover{color:#e03024}
.footer li{float:left;display:inline;width:90px;margin:0 75px 0 25px;padding-left:50px; position:relative}
.footer li dt{margin-bottom:13px;font-size:14px;}
.footer li i{display:inline-block;width:50px;height:48px; position:absolute;left:0;top:-10px;}
.icon_ft1{ background: url("/template/metro/images/footer/ft1@2x.png") center no-repeat; background-size: 36px;}
.icon_ft2{ background: url("/template/metro/images/footer/ft2@2x.png") center no-repeat; background-size: 36px;}
.icon_ft3{ background: url("/template/metro/images/footer/ft3@2x.png") center no-repeat; background-size: 36px;}
.icon_ft4{ background: url("/template/metro/images/footer/ft4@2x.png") center no-repeat; background-size: 36px;}
.icon_ft5{ background: url("/template/metro/images/footer/ft5@2x.png") center no-repeat; background-size: 36px;}

/*contener*/
.pinjia_title{line-height:40px;padding-top:5px;color:#3a3a3a;}
.myreplayBox1 .pingjiaList .pic,.myreplayBox1 .pingjiaList .pic a{width:206px;height:206px;}
#baoliaoNewL,.menuWrap{width:212px;line-height:32px;}
.menuWrap1{width: 212px;}
.menuWrap1 :first-child{margin-top: 0;}
#baoliaoNewL .menuMain .bd,.menuWrap .bd{width:212px; position:relative;background:#fff;}
.menuWrap .bd{box-shadow:none;border-top:0;width:210px; position:relative;}
#baoliaoNewL .menuMain .bd p,.menuWrap .bd p{padding-left:38px;cursor: pointer;}
#baoliaoNewL .menuMain .bd p:hover{color: #e03024;}

/* 首页热门优惠券 */
#baoliaoNewL .module_t.module_quan .menu_new{padding: 12px 0;}
#baoliaoNewL .module_t.module_quan .menu_new h2{color: #e03024; height: 14px; line-height: 14px; border-left: 4px solid #e03024; padding-left: 17px;}
#baoliaoNewL .module_t.module_quan .menu_new h2 a{height: 14px; line-height: 14px;}
#baoliaoNewL .module_t.module_quan .menu_new h2 a:hover{color: #e03024;}
#baoliaoNewL .module_t.module_quan .menuList .item{width: 168px; height: 132px;margin: 0 auto;margin-bottom: 15px;
    background: url("/template/metro/images/youhui/index_quan_bg@2x.png") center no-repeat; background-size: contain;}
#baoliaoNewL .module_t.module_quan .menuList .item,
#baoliaoNewL .module_t.module_quan .menuList .item .quan-desc{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#baoliaoNewL .module_t.module_quan .menuList .item .quan-desc{height: 94px;width: 100%;padding: 18px 24px;display: flex;flex-direction: column;justify-content: center;}
#baoliaoNewL .module_t.module_quan .menuList .item .quan-desc span{max-height: 58px;overflow: hidden;line-height: 19px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
#baoliaoNewL .menuList .item .quan-desc span .red{font-weight: bold;}
#baoliaoNewL .module_t.module_quan .menuList .item .quan-site{width: 100%;height: 37px;display: flex;align-items: center;justify-content: center;}
#baoliaoNewL .module_t.module_quan .menuList .item .site-icon{width: 44px;height: 20px;margin-right: 4px;}
#baoliaoNewL .module_t.module_quan .menuList .item .site-name{line-height: 12px;max-width: 86px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#baoliaoNewL .menuMain .bd p.hover,.menuWrap .bd p.hover{background:url(/template/metro/images/youhui/arr_r.png?v=20140719) 188px center no-repeat;}
#baoliaoNewL .menuMain .bd p.even:hover{background:url(/template/metro/images/youhui/arr_r.png?v=20140719) 188px center no-repeat;}
.menuWrap .menuMain .bd a:hover,#baoliaoNewL .menuMain .bd p.hover a,.menuWrap .menuMain .bd p.hover a{color:#c00;}

.menu_gr i{width:28px;}

/*首页中间促销列表*/
#baoliaoNewL1{width:706px; background:#fff;}
#baoliaoNewL1 .pinjia_title{height:40px; overflow:hidden;}
#baoliaoNewL1 .pingjiaList{padding:8px 24px 8px 17px;}
#baoliaoNewL1 .pingjiaList .pinjia_title{height:30px;line-height:30px;}
#baoliaoNewL1 .pingjiaList .pingjia_info{border:1px solid #eeeeee;}
#baoliaoNewL1 .pingjiaList .pingjia_info .links{width: 156px; height: 180px;}
#baoliaoNewL1 .pingjiaList .pingjia_info .links .to-site{width: 85px; height: 30px; background: #e03024; line-height: 30px; display: inline-block; margin-bottom: 0; bottom: 34px;right:34px;}
#baoliaoNewL1 .pingjiaList .pingjia_info .links a{line-height: 15px; margin-bottom: 12px;}
#baoliaoNewL1 .pingjiaList .pingjia_info .links a:nth-child(1){margin-top: 34px;}
.pingjiaList .pingjia_info .links a:hover{color: #e03024;}
.pingjiaList .pingjia_info .links .to-site:hover{color: white;}
#baoliaoNewL1 .pingjiaList .pingjia_info .actPic{width: 507px;z-index: 0;}
#baoliaoNewL1 .pingjiaList .actPic .pic{border:none}
.myreplayBox1 .pingjiaList .actPic .pic, .myreplayBox1 .pingjiaList .actPic .pic a{width:500px;height:180px;}
#baoliaoNewL1 .pingjiaList:last-child{border:0;}

/*首页购优惠（暂时也不显示了）*/
#baoliaoNewL1 .gouyouhui_uni .pinjia_title{height:auto;line-height:30px;font-size:20px;font-weight:bold;overflow:hidden;}
#baoliaoNewL1 .gouyouhui_uni .pinjia_subtitle{color:#e03024;font-size: 18px;margin-left: 10px;}
#baoliaoNewL1 .gouyouhui_uni .pinjia_time{float:right;font-weight:normal;font-size: 14px;color:#777;font-family:arial;}
#baoliaoNewL1 .gouyouhui_uni .pinjia_pic{display:inline;float:left;word-wrap: break-word;width:167px;margin-right:20px;}
#baoliaoNewL1 .gouyouhui_uni .baoliao_pic{margin:0;border:1px solid #fafafa;width:165px;height:135px;}
#baoliaoNewL1 .gouyouhui_uni .pingjia_r_t{border-bottom: 1px solid #eee;height: 20px;line-height: 20px;font-size:12px;}
.slide .time_bg{background:black;filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; width:250px;height:22px;position:absolute;bottom:0;left:0;z-index:2;overflow:hidden;}
.slide .time{color:#Fff;position:absolute;bottom:0;left:0;width:245px;height:22px;line-height:22px;padding-left:6px;z-index:3;}

#baoliaoNewR{width:248px;}

.menu_tit1{ width:120px; background-position:-613px -136px;}
.menu_tit2{ width:120px; background-position:-442px -1306px;}
.menu_tit3{ width:130px; background-position:-200px -240px;}

.menu_new{padding:8px 0;}
.menu_new h2{line-height:24px;}
.menu_new .bd{padding:0 11px;}

.banner_close{width:34px;height:34px;background-position:-320px -168px;position:absolute;left:935px;top:7px;}
.banner_index{position:relative;overflow:hidden}
.banner_index img{width: 973px; height: 366px;}

/*youhui相关（这个页面已经不用了）*/
.icon_totmail{width:146px;height:38px; background-position:-305px -32px;}
.icon_useful{width:69px;height:38px; background-position:-498px -32px;}
.icon_comment{width:117px;height:38px; background-position:-613px -32px;}
.head1Wrap{width:50px;height:50px;padding:4px; background-position:-305px -101px;}
.send_comment{padding-left:7px; position:relative;}
.send_comment .inner{background:#dcdcdc;padding:4px;}
.icon_aL1{width:7px;height:7px; background-position:-136px -139px; position:absolute;left:0;top:15px;}
.textarea1{min-height:60px;background:#fff;width:603px;height:auto;border:0;}
.icon_comment1{width:93px; height:26px; background-position:-305px -72px;}
.usefulWrap{display:inline-block;height:38px;line-height:38px;color:#fff; background:#1790dd;padding:0 24px; font-size:18px; overflow:hidden;}
.youhui_header a:hover{color:#fff;}
.btn56{width:56px;height:27px;line-height:25px;color:#fff;font-size:14px;padding-bottom:3px;*padding-bottom:0;}
.pingjiadDet p{word-break: break-all;word-wrap: break-word;line-height:24px;}
#baoliaoNewL1 .myreplayBox1 .pingjiadDet{word-break: break-all;word-wrap: break-word;}
.review-content p a{color: #1284D0;outline: medium none;text-decoration: none;}
.review-content p a:hover{color: #e03024;text-decoration: underline;}
.review-content del{text-decoration: line-through;}
.review-content strong{font-weight: bold;}
.notice_punjia{top:20px;left:-75px;width:771px;}


/*wyj start*/
/*toTop*/
.toTopwrap{line-height:1px;height:1px; position:absolute;}
.toTopwrap .toTop{height:100px;width:30px; overflow:hidden;float:right;left:50%;bottom:10px;display:block;position:fixed;}
.toTop a:hover img{margin-left:0;}

/*翻页*/
.page{height:38px; margin: 50px 0 60px 0;}
.page *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.page a{margin-left:6px;}
.page a.end{cursor: not-allowed;}
.page a span{padding: 9px 13px; background: #ffffff; color: #666666; border:1px solid #eeeeee; transition: all .3s;}
.page a.end span{color: #999999;}
.page a:hover span, .page a.current span, .page input#jump_to_page:hover{background: #EC2D2C; color: #ffffff;}
.page a.end:hover span{background: #ffffff; color: #999999;}
.page input#jump_number{height:38px; width: 38px; background:rgba(255,255,255,1); border:1px solid #eeeeee; outline: none; color: #666666; padding: 0 6px; font-size: 14px;}
.page input#jump_to_page{width: 64px; border: 1px solid #EEEEEE;height: 38px;font-size: 14px; cursor: pointer; color: #999999; transition: all .3s; background: #ffffff;}

/*mini_login*/
.icon_pop{background:url(/template/metro/images/ICON_POP.gif) no-repeat;display:inline-block;}
.icon_close{width:16px;background-position:-4px 0;}
.icon_close:hover{background-position:-28px 0; text-decoration:none}

/*属性筛选（老版本）*/
.choosedCon span{margin:0 5px 0 12px;cursor:pointer;padding:0 5px;color:white;background:#DB0033;  height: 25px;  line-height: 25px;  text-align: center;}
.choosedCon span.mr_new{margin:2px 5px 2px 16px;cursor:pointer;padding:0 2px;color:white;background:#ea3333;}
.choosedCon span a{width:11px;background-position:0 -33px;margin-left:7px;}
.choosedCon span a:hover{text-decoration:none;}

/*others*/
.huicd{color:#cdcdcd}
.pop_right{width:16px; background-position:-1px -36px;}
.pop_wrong{width:16px; background-position:-30px -36px;}
#pop_mask{position:absolute;  z-index:998;background:#000;filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;left:0;top:0;display:none}
.sina{width:16px;background-position:-97px 0;}
.qq{background-position:-122px -0px;width:16px;}
.tenweb{background-position:-72px -0px;width:16px;}
.renren{background-position:-47px 0;width:16px;}
.douban{background-position:-146px 0;width:16px;}
.taobao{background-position:-169px 0;width:16px;}
.sub_title a:hover{color:#000000;}

/*jquery autocomplete*/
.jquery-autocomplete-selected-item{ background:#1284D0;color:white; }
.acResults {padding: 0;border:1px solid #DDD;background-color: white;overflow: hidden;text-align: left;z-index: 999;}
.acResults ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.acResults li {margin: 0;padding-left:11px; font-size:12px; cursor: pointer;display: block;overflow: hidden;line-height: 22px;height:22px;}
.acResults li b{ color:#18A0F5; }
.acResults li.headResult3 { border-bottom:1px solid #DDD;margin-bottom:3px;}
.acResults li.bottomSelect { border-top:1px solid #DDD;margin-top:3px; text-align:right;padding-right:11px;}
.acResults li a:hover{ text-decoration:none; color:white; }
.acResults li a:hover{ text-decoration:none; color:white; }
.acResults li:hover { background:#18A0F5; color:white;}
.acResults li:hover b{ color:white; }
.acResults li:hover a{ color:white; }
li.acSelect {background-color: #18A0F5;color:white;}
li.acSelect b{background-color: #18A0F5;color:white;}
li.acSelect a{background-color: #18A0F5;color:white;text-decoration:none;}

/*others*/
.menu_gr p.even, .menu_gr p.even:hover{background-color: #f5f5f5 !important; }
.menu_gr p, .menu_gr p:hover{height:32px;}
.menu_gr p a:hover{color: #e03024;font-weight: bold; text-decoration: underline;}
.menuMainWrap{width:212px;min-height:416px;}
.menuMain{width: 212px;left: 0;top: 0;background: #fff;border-top: 4px solid #e03024;border-bottom: 1px solid #ccc;}
#baoliaoNewL .menuMain{top:0;}
.menuMain_sub{left:212px;width:740px;min-height:417px; top:0;box-sizing: border-box;padding-top: 10px;}
.menuMain_sub dl{padding:0 9px 5px 9px;}
.menuMain_sub dl dt{color:#e03024;font-size:14px;}
.menuMain_sub dl dd{ overflow:hidden;zoom:1;}
.menuMain_sub dl dd em{float:left;display:inline;line-height:14px;padding-right:8px;margin:4px 8px 4px 0; white-space:nowrap;  border-left: solid 1px #ddd;padding-left: 12px;}
.menuMain_sub dl dd a,#baoliaoNewL .menuMain .bd dd a{color:#666666;font-size:12px;font-family:"simsun","Arial", "微软雅黑"}
.menuMain_sub dl dd a:hover,#baoliaoNewL .menuMain .bd dd a:hover{color:#e03024;transition: none;}

/*module_two*/
.module_t{width:212px; background:#fff;}
.menu_tit4{ width:100px; background-position:-181px -208px;}
.tmallTab td{width:50%; text-align:center;line-height:17px;padding:13px 0;}
.tmallTab td a{font-size:12px;color:#333;}
.tmallTab td a:hover{color:#c00;}

/*cuxiaoList*/
.newCuxiao{width:247px;background: none repeat scroll 0 0 #FFFFFF;}
.newCuxiao .subMenu{width:247px; padding-bottom:15px; line-height:32px;z-index:333;}
.newCuxiao .subMenu .hd{background:url(/template/metro/images/bg_repeat.png) repeat-x;color:#e03024;line-height:26px;height:26px;overflow:hidden;background-position:0 -269px;padding:0 6px;}
.newCuxiao .subMenu .hd a{display:inline;background:none;font-weight:bold; text-indent:0;width:auto;}
.newCuxiao .subMenu .bd{border:0;height:auto;}

/*newCuxiaoList*/
.subMenu .bd .newCuxiaoList li{display:inline;float:left;width:106px;height:190px;padding:8px;font-size:12px;line-height:20px; position:relative;}
.subMenu .bd .newCuxiaoList li.first{border:0;}
.newCuxiaoList li img{width: 100px;}
.newCuxiaoList li .wrap{padding:0 8px;width:90px;height:90px; overflow:hidden}
.newCuxiaoList li .pic{width:90px;height:90px;overflow:hidden;text-align:center;}
.newCuxiaoList li .pic a{width:90px;height:90px;display:table-cell;vertical-align:middle;text-align:center;}
.newCuxiaoList li .item{height:40px; overflow:hidden}
.newCuxiaoList li .item a{display:block;word-wrap:break-word;word-break:break-all;}
.newCuxiaoList li .item a:hover{color: #e03024;}
.newCuxiaoList li .price{ height:20px; word-wrap:break-word;word-break:break-all;overflow:hidden;}

/*koubei*/
.koubei{line-height:31px;height:31px;z-index:112;}
.btn2{width:72px;height:30px;line-height:30px;color:#fff;background-position:0 -212px;font-size:14px;padding-bottom:3px;}

/*youhui settop-zhiding*/
.gouyouhui_uni .pinjia_title .zhiding{background: url("/template/metro/images/youhui/zhiding.png") repeat scroll 0 0 transparent;color: #FFFFFF;float: left;font: 14px/20px "΢???ź?";height: 20px;margin: 5px 10px 0 0;text-align: center;width: 40px;}
.youhuich ul.doubleElevenBox {border-bottom:1px solid #c8c8c8;height: 81px;padding: 14px 0 8px;width: 674px;}
.youhuich li.doubleTitle {color: #333;  font-size: 16px;font-weight: bold;height: 22px;line-height: 22px;list-style: none outside none;margin-bottom: 5px;width: auto;padding-left:2px;}
.youhuich li.doubleList {background: url("/template/metro/images/youhui/blackDot.png") no-repeat scroll 8px 11px transparent;float: left;word-wrap: break-word;word-break: break-all;overflow:hidden;font-family: Arial,"SimSun";font-size: 12px;line-height: 25px;height:25px;list-style: none outside none;padding-left: 18px;width: 150px;}

/*youhui add and edit*/
.topTitle{background: none repeat scroll 0 0 #FFFFFF;line-height:50px;height:50px;overflow:hidden;border-bottom:1px solid #c8c7c6;}
.zmTab1 th,.zmTab1 td{padding:8px 16px;line-height:30px;}
.zmTab1 th{text-align:right;background:#eef3f7;border-right:1px solid #696969;font-size:14px;padding-right:12px;}
.bl_wrap{width:840px;border:1px solid #696969;margin:15px auto;}
.zmList1 li{float:left;display:inline;margin-right:10px}
.zmList1 li div{width:210px;height:210px;border:1px solid #ddd;}
.zmList1 li p{width:210px;height:210px;}
.zmList1 li div p{display: table-cell;text-align: center;vertical-align: middle;}
.inp{border:1px solid #cdcdcd;height:16px;line-height:16px;padding:6px; vertical-align:middle;}
.icon_right,.icon_wrong{display:inline-block;width:16px;background:url(/template/pc/images/right.png) center center no-repeat;}
.icon_wrong{ background-image:url(/template/pc/images/icon_wrong.png);}
.w-450{width:450px;}
.avatar_input_file{cursor: pointer;position:absolute; width:30px; margin-left:-30px;z-index:100; font-size:20px;opacity:0;filter:alpha(opacity=0);}

/*others*/
.favor{padding:0;height:38px;background-color:#00BFFE;background-image: -moz-linear-gradient(0% 0% 270deg,#00BFFE,#1284D0);background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#00BFFE),to(#1284D0));background-image:linear-gradient(0% 0% 270deg,#00BFFE,#1284D0);}
.favor .tips{margin: 0 16px 0 42px;line-height:37px;color:#fff;font-size:14px}
.favor b,.favor em{font-weight:bold;font-style:normal}
.favor em{padding:0 8px}
.mobile .favor{display:none}
.container{width:1200px;margin:0 auto;clear:both}
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0}.clearfix,
                                                                                                                 .l { float: left;}
.r { float: right;}
.favor a {text-decoration: none;}

/*others 2013-06-05*/
.contener .contenRight{min-height: 820px;}
.contenRight{width:962px;margin:10px 0 0 228px}
.kinds_box{ background:#fff; padding:15px 10px 10px 20px;}
.kinds_list dl{ zoom:1; line-height:26px;}
.kinds_list dt{ float:left; display:inline;font-weight:bold; width:60px; padding-top:2px;line-height:20px;}
.kinds_list dd{float:left; display:inline; width:887px;}
.kinds_list dd label{cursor: pointer;}
.menuList2 li a.icon_close{ width:13px;height:20px; background-position:-760px -310px;margin-left:5px;}
.fold {width:61px; height:26px; background-position:-666px -351px;right:0;top:7px;cursor:pointer;border:1px solid #cdcdcd;}

/*searchList*/
.searchListNew li{width:198px !important; display: inline-block;padding: 8px 16px;margin-bottom: 16px;}
.searchListNew li .pic{width:195px !important; height:195px !important;}
.searchListNew li .pic a{width:195px !important;height:195px !important;}
.searchList li.nothing{ margin-left:0;width:930px;text-align:center;padding:30px 16px 10px 16px;font-size:18px;height: 126px}
.searchList li .pic{width:275px;height:275px;}
.searchList li .pic a{width:275px;height:275px;}
.searchList .desc{height:57px;overflow:hidden;word-break: break-all;word-wrap: break-word;}
.searchList .desc a{font-size:13.5px; font-weight:bold;}

/*newMenu*/
.newMenuBox{background:#fff; width:212px;padding:0 10px 12px 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.newMenuBox li{ margin:5px 0 10px 0; position:relative; overflow:hidden; width:212px;}
.newMenuBox h2{ font-size:14px; color:#555; font-weight:bold; line-height:26px; }
.newMenuBox h2 em{ font-size:13px; color:#555; line-height:26px; }
.newMenuBox p a{line-height:22px; color:#666; white-space:nowrap; float:left; display:inline;margin-right:10px;}
.newMenuBox h2 i{ width:22px;margin-right:10px;}
.newMenuBox li a.current,.Z_SubList .dis_none li a.current{color: #e03024;cursor: pointer;text-decoration: none;outline: none;}
.newMenuBox h2 a:hover, .newMenuBox p a:hover,.Z_SubList .subItem p a:hover{color: #EC2D2C;cursor: pointer;text-decoration: none;outline: none;}

/*分类icon*/
.icon_menu1{background-position:-163px -325px;}
.icon_menu2{background-position:-163px -650px;}
.icon_menu3{background-position:-163px -384px;}
.icon_menu4{background-position:-163px -295px;}
.icon_menu5{background-position:-163px -445px;}
.icon_menu6{background-position:-163px -504px;}
.icon_menu7{background-position:-163px -234px;}
.icon_menu8{background-position:-163px -623px;}
.icon_menu9{background-position:-163px -593px;}
.icon_menu10{background-position:-163px -266px;}
.icon_menu11{background-position:-163px -414px;}
.icon_menu12{background-position:-163px -355px;}
.icon_menu13{background-position:-163px -474px;}
.icon_menu14{background-position:-163px -564px;}
.icon_menu15{background-position:-163px -534px;}
.icon_menu16{background-position:-163px -682px;}
.icon_menu17{background-position:-163px -712px;}
.icon_menu18{background-position:-196px -591px;}
.icon_menu19{background-position:-196px -681px;}
.icon_menu20{background-position:-196px -711px;}
.icon_menu21{background-position:-196px -561px;}
.icon_menu22{background-position:-196px -651px;}
.icon_menu23{background-position:-196px -531px;}
.icon_menu24{background-position:-196px -621px;}
.icon_menu25{background-position:-699px -1114px;}
.icon_menu26{background-position:-723px -1114px;}

.menu_tit5{width:100px; background-position:-201px -305px;}
.menu_tit6{width:100px; background-position:-201px -342px;}
.menu_tit7{width:64px; background-position:-201px -380px;}
.menuList2{display: flex;flex-wrap: wrap;justify-content: space-between;}
.menuList2 li{display:inline; min-width:85px; line-height:20px;height:20px; padding:3px 0;overflow:hidden;}
.menuList2 li.fr{ float:right; text-align:right;width:104px;}
.menuList2 li a,.cuxBox a{color:#666;}
.menuList2 li a:hover{color: #e03024;}
.cuxBox a:hover{color:#1790dd;}
.menuList2 li span.current,.cuxBox li span.current{height: 20px;overflow: hidden;display:inline-block;background:#ea3333;color:#fff;padding-left:5px;}

/*cuxBox*/
.cuxBoxWrap{height:152px;}
.cuxBox{-webkit-box-shadow: 0 0 5px #999;-moz-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;background:#fff; width:114px; height:168px;line-height:24px; left:96px; overflow:hidden;}
.cuxBox dl{padding:8px 0;  width:114px;}
.cuxBox dt{padding-left:16px; border-left:4px solid #fff; overflow:hidden; cursor:pointer;width:98px;}
.cuxBox dd{position:absolute;left:116px; width:608px; top:7px; display:none;}
.cuxList li{float:left; display:inline; width:135px; line-height:20px;height:20px;padding:3px 0;}
.cuxBox .hover dt{ border-color:#ea3333; color:#ea3333;}
.cuxBox i{width:22px; margin-right:14px;}
.icon_cux1{ background-position:-40px -370px;}
.icon_cux2{ background-position:-40px -407px;}
.icon_cux3{ background-position:-40px -445px;}
.icon_cux4{ background-position:-40px -484px;}
.hover .icon_cux1{ background-position:-75px -370px;}
.hover .icon_cux2{ background-position:-75px -408px;}
.hover .icon_cux3{ background-position:-75px -445px;}
a:hover .icon_cux4{ background-position:-75px -484px;}
.cuxBox .icon_arr2{width:12px; background-position:-113px -367px; margin-right:6px; display:none;}
.cuxBox .hover .icon_arr2{ display:inline-block;}

/*tmall_R*/
.tmall_R{ width:976px;}

/*promotion activity*/
.cuxConten.cux-simple{display: inline-block;}
.cux-simple.no-mr{margin-right:0;}
.cuxContenList{display:block;overflow:hidden;zoom:1; padding:9px 16px; background:#fff; margin-bottom:14px;width: 944px}
.cuxContL{width:500px;float:left; display:inline;padding: 0 30px 0 30px;border-right:1px dashed #cdcdcd;margin-bottom:10px;}
.cuxContL .auto{border:1px solid #dddddd;}
.cuxContenList .store{display: inline-block;float: left;overflow: hidden;margin: 4px;width: 16px;height: 16px;}
.cuxContenListSimple{width:241px;height: 235px;display:inline-block;padding: 36px 20px 0 20px;margin-bottom: 0;
    background: url("/template/metro/images/youhui/promo_act_bg@2x.png") center center no-repeat;background-size: contain;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.mall_tit,.cux_tit{line-height:27px;text-align:center;margin-top:25px;}
.mall_tit{ font-size:16px; padding:0 7px; color:#333;font-weight:bold;}
.cux_tit{ font-size:20px;height:58px;overflow:hidden;color: #333333;}
.cux_tit em{font-size:22px;}
.cux_tit .red{font-weight: bold;}
.cuxContPic{width:500px;height:180px;padding-top:12px;}
.cuxContTitle{margin-top:12px;width:168px;display:inline-block;line-height:24px;text-align:left;}
.cuxContenList  .zoom  .start_time{color:#999999;margin-top:30px;font-size:14px;text-align:center;}
.cuxContenList.cuxContenListSimple .simple-content{height: 100%;}
.cuxContenList.cuxContenListSimple .simple-content .start_time{width: 100%;text-align:center;margin: 0;font-size: 12px;}
.cuxContenList.cuxContenListSimple .simple-content .cux_tit{margin-top: 24px;line-height: 26px;height: 52px;}
.cuxContenList.cuxContenListSimple .simple-content .mall_tit{bottom: 9px;left: -7px;margin: 0;height: 58px;width: 100%;font-size: 14px;font-weight: normal;display: flex;align-items: center;justify-content: center;}
.cuxContenList.cuxContenListSimple .store{width: 54px; height: 28px;margin-right: 4px;}
.cuxContenList.cuxContenListSimple .simple-content .mall_tit span{max-width: 124px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*promotion activity right*/
.cuxContR{width:160px;height: 180px; float:right;text-align:center;}
.cuxContenList .cuxContR .to-site{width: 85px; height: 30px; display: inline-block;line-height: 30px;background: #e03024;right: 38px;bottom: 0;}
.cuxContenList .cuxContR .to-site:hover{color: #ffffff;}
.cuxContPic .pic,.cuxContPic .pic a{width:500px;height:180px;}

/*login & register*/
.layer_wrap1{width:950px; margin:0 auto;}
.header1{margin-top:37px;}
.main_login{margin-top:33px;width:948px;-webkit-box-shadow:0 0 5px #999;-moz-box-shadow:0 0 5px #999;box-shadow:0 0 5px #999;padding:22px 0;}
.logoTxt{ width:75px; background-position:-679px -566px;}
.loginL{width:562px; border-right:1px solid #eee; padding-left:27px;}
.loginTab th,.loginTab td{padding:20px 0;}
.loginTab th{text-align:right; width:150px; padding-right:18px; line-height:37px;}
.inp3{width:237px; height:17px; padding:9px; border:1px solid #cdcdcd; font-size:14px;color:#777}
.icon_logo{ width:121px; height:41px; background-position:-678px -599px;border:0; padding:0; cursor:pointer;}
.icon_login_btn{ width:121px; height:41px; background-position:-678px -599px;border:0; padding:0; cursor:pointer;}
.logoTxt1{ width:220px; background-position:-430px -566px;}
.loginR{width:300px; padding:0 29px; overflow:hidden}
.loginRbd{width:241px; padding:58px 20px 0 40px;}
.login_qq{width:241px; height:36px; background-position:-430px -598px;}
.login_sina{width:241px; height:36px; background-position:-430px -654px;}
.login_wechat{width:241px; height:36px; background-position:-430px -1003px;}
.login_douban{width:118px; height:38px; background-position:-429px -712px;}
.login_tenweb{width:118px; height:38px; background-position:-552px -712px;}
.login_renren{width:118px; height:38px; background-position:-429px -769px;}
.login_taobao{width:118px; height:38px; background-position:-552px -769px;}
.regTab th,.regTab td{ padding-top:15px;padding-bottom:15px;}
.logoTxt2{ width:75px; background-position:-679px -527px;}
.icon_regBtn{ width:121px; height:41px; background-position:-678px -700px;border:0; padding:0; cursor:pointer;}
.main_login1,.regSuccess{margin-top:33px;width:564px;border:1px solid #ccc;box-shadow:0 0 4px #999;padding:70px 142px 76px 242px;}
.loginTab1 th{width:90px; text-align:center; padding-right:20px; line-height:37px;}
.icon_done{ width:121px; height:41px; background-position:-678px -649px;border:0; padding:0; cursor:pointer;}
.icon_done:hover{opacity:0.9;filter: alpha(opacity=90);-moz-opacity:0.9;}

/*footer1*/
.footer1{margin-top:35px;padding-bottom:35px;}
.footer1Top a{margin:0 18px;}

/*regSuccess*/
.regSuccess{ padding-top:100px;padding-bottom:80px;}
.btn_reg_success {width:105px;height:35px;background-position:-677px -820px;}
.check_mail{padding-left:27px;}
.check_mail_info{padding:80px 200px 60px 200px;}
.check_mail_notice{padding: 50px 97px 120px 303px;border-top:1px solid #eaeaea;}
.mail_success{width:111px;height:60px;background-position:-430px -817px;}
.mail_failed{width:111px;height:60px;background-position:-561px -817px;}
.btn_check_mail{width:100px;height:32px;background-position:-677px -784px;}
.btn_next_step{  width: 119px; height: 32px; border: 0; background-position: -189px -1220px;}
.mailTxt{width:73px;height:20px;background-position:-679px -749px;}
.message_error {background-color: #FFF7F3;border: 1px solid #DB7272; font-weight: bold;margin-bottom: 20px;padding:20px;text-align:center;color:#000;}
.mail_send_result{display: inline;width: 300px;margin-left: 10px;height: 60px;}
.mail_send_success{background-position:-438px -821px;width: 100px;height: 50px;display: inline;}
.mail_send_failed{background-position:-565px -821px;width: 104px;height: 50px;display: inline;}

/*mine header*/
.header_user{box-shadow:0 1px 0 0 rgba(221,221,221,0.5);}
.topMenu_user{height:124px;}
.topMenu_user .top-nav{width: 100%;height: 36px;background: #DDDDDD;color: #F0F0F0;box-shadow: 0 1px 0 0 rgba(221,221,221,1);}
.topMenu_user .top-nav .menu{width: auto;height: 36px;}
.topMenu_user .top-nav .menu .item{line-height: 36px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.topMenu_user .topMenu_new .logo img{width: 104px;height: auto;}
.topMenu_user .topMenu_new .topMenu_newR{width: 1076px; padding: 30px 30px 24px 120px;}
.topMenu_user .topMenu_new .topMenu_newR ul{height: 34px;}
.topMenu_user .topMenu_new .topMenu_newR ul li{line-height: 32px;margin-right: 64px;}
.topMenu_user .topMenu_new .topMenu_newR ul li.active, .topMenu_user .topMenu_new .topMenu_newR ul li:hover{color: #e03024; border-bottom: 2px solid #e03024;}

#login_status .login_status a { float:none;margin:0; margin-left:3px; display: inline-block; max-width: 70px; height: 20px; overflow: hidden; vertical-align: bottom; word-break: break-all;}
.search_topinp2{width:190px; height:15px;line-height:15px; padding:6px 4px; margin-top:4px; border:0 solid #fff; font-family:'Simsun';}
.pubModule,.priceRem{background:#fff; overflow:hidden;box-shadow:0 0 2px #999;}
.icon_change{width:60px; height:24px; background-position:-306px -657px;}
.icon_change:hover{width:60px; height:24px; background-position:-306px -657px;}
.icon_save1{width:60px; height:24px; background-position:-244px -657px;}
.mailChangeBox{width:426px; height:150px;box-shadow:0 0 5px #999;line-height:24px; padding:27px 30px; background:white;position: absolute;top: 180px;left: 50%;z-index: 9999999;margin-left: -218px;}
.close_mailChangeBox{width: 20px;height: 20px;background: url(/template/metro/images/wrong.png);display: block;position: absolute;right: 5px;top: 5px;}
.close_notifyChangeBox{width: 20px;height: 20px;background: url(/template/metro/images/wrong.png);display: block;position: absolute;right: 5px;top: 5px;}
.icon_toMail{width:118px;height:34px; background-position:-244px -684px;}

/*kinds_box1*/
.userStoreTab td,.userStoreTab th{ border-bottom:1px solid #ccc; text-align:center; border-top:1px solid #ccc; }
.userStoreTab th{padding-top:10px; padding-bottom:10px;line-height:24px;}
.userStoreTab th div{height:24px; border-right:1px solid #ccc;padding-left:15px; padding-right:15px;}
.userStoreTab td{padding:15px;}
.userStoreTab td.pic{ padding-left:0; padding-right:0;}
.userStoreTab .desc{line-height:27px; height:54px; overflow:hidden; color:#333; font-weight:bold;}
.userStoreTab .desc a{word-wrap:break-word;word-break:break-all;}
.note_inp{ width:97px; height:15px; padding:3px; border:1px solid #ccc; margin-left:3px;}
.note_oper{ display:inline-block; background:#bce5ff;}
.note_content{ line-height:20px; overflow:hidden;word-wrap:break-word;word-break:break-all;display:inline-block}
.cancel,.save{ display:inline-block;width:51px; height:23px; line-height:23px; text-align:center; vertical-align:middle;}
.save{ background:#1790dd; color:#fff; border:0; cursor:pointer;}
.tmallPriceList li{ overflow:hidden;zoom:1; padding:0 15px; line-height:24px;}
.tmallPriceList li span{ float:left; display:inline}
.tmallPriceList li em{ float:right; display:inline}
.priceRem{ width:240px; z-index:999; background:#fff; padding:10px; top:-74px;left:100px;}
.icon_submit{ width:60px; height:24px; background-position:-45px -568px; border:0; cursor:pointer}
.priceRemTab th,.priceRemTab td{padding:4px 0; border:0;}
.inp4{width:50px; border:1px solid #cdcdcd; text-align:center;}
/*??????Щ?¶?*/
.topMenu_user .otherLogin dt {border:0;}
.topMenu_user .otherLogin .icon_arr1 {line-height:20px;}
.topMenu_user #login_status .login_status a:hover {color:#1790dd;}
.topMenu_user #login_status .login_status a.orange:hover {color:#ff9000;}
.topMenu_user #login_status .login_status a.cdcdcd:hover {color:white;}
.bbsL{ width:735px;}
.bbsR{ width:248px;}
.icon_pub{ width:97px; height:35px; background-position:-1px -603px; border:none; cursor:pointer}
.icon_pub:hover{ background-position:-1px -643px;}
.icon_modifyTopic{ width:97px; height:35px; background-position:-87px -851px; border:none; cursor:pointer}
.icon_modifyTopic:hover{ background-position:-87px -891px;}
.icon_qq_mini{ width: 148px;height: 36px; background-position: -202px -879px;}
.icon_qq_mini{ width: 148px;height: 36px; background-position: -202px -879px;}
.icon_sina_mini{ width: 159px;height: 36px; background-position: -202px -935px;}
.saySomething{ width:91px;background-position:-512px -2px;}
.msgCenter{ width:74px;height:20px;background-position:-639px -2px;}
.bbsConten{ padding:20px 38px 20px 24px;}
.col2,.col3,.col4,.col5{border-bottom:1px solid #eeeeee;}
.col3,.col4{ text-align:left;}
.col5{ text-align:right;}
.bbsTab{ line-height:24px;}
.bbsTab th{ padding-bottom:5px;}
.bbsTab td{ padding-top:8px; padding-bottom:8px;}
.icon_new, .icon_hot, .icon_top{width:15px;     background-position: -189px -1018px;}
.icon_top{background-position:0 -562px;}
.icon_hot{background-position:-23px -564px;}
.from_content{margin: 5px 0;padding: 0 5px;border-left: 1px solid #999;}
/*paging1*/
.paging1 a{ display:inline-block; width:27px; line-height:27px;border:1px solid #dbdbdb; background:#fff; color:#18a8f7; text-align:center; margin-left:5px;}
.paging1 a.current{ color:#e03024; border-color:#fff;}
.paging1 a.end{color:#ccc;}
.paging1 a.prev,.paging1 a.next{width:61px;}
.paging1 a.prev i{width:7px; background-position:0 -722px; margin-right:4px;}
.paging1 a.next i{width:7px; background-position:-13px -722px; margin-left:6px;}
.menu_tit8{ width:108px; background-position:0 -695px;}
/*actUser*/
.actUser{ padding-left:19px;}
.actUser li{ float:left; display:inline;width:60px; overflow:hidden; margin:16px 13px 0 0;}
.actUser li .groupName{height:40px; line-height:40px; overflow:hidden;}
/*bbs_addNew*/
.bbs_addNew{ padding:20px 40px 40px 40px;}
.icon_addNew{width:90px; background-position:0 -752px;}
.icon_editTopic{width:90px; background-position:-102px -752px;}
.inp_addNewTop{width:640px; height:16px; padding:6px; font-size:14px;border:1px solid #cdcdcd;}
.textarea_addNewTop{width:640px; height:400px;font-size:14px;}
.menu_tit9{ width:85px; background-position:-34px -721px;}
.menu_tit10{ width:85px; background-position:0 -780px;}
.topicList1{ line-height:25px; padding:0 19px;}
.topicList1 li{height:25px; overflow:hidden;}
/*bbs_reply*/
.bbs_reply{ padding:30px 30px 50px 30px;}
.bbs_reply a{color:#1790dd;}
.replyDet dt{ float:left; display:inline;width:50px; text-align:center;}
.replyDet dd{ float:left; display:inline;width:605px; margin-left:14px; line-height:23px;}
.replyDet dd .top{height:20px;line-height:20px; background:#fffdf5;}
.icon_love i{width:22px; background-position:-26px -893px; margin-right:3px;}
.icon_love:hover i{background-position:0 -893px;}
.textarea6{ width:586px; padding:6px; border:1px solid #cdcdcd; height:62px;}
.icon_replay{width:76px; height:30px; background-position:0 -849px;cursor:pointer;border:0;}
.icon_replay:hover{ background-position:0 -816px;}
/*????????*/
.user_setL{width:156px;}
.user_setL .pubModule{height:405px;}
.user_setL .top{ padding:17px;width:120px;padding-bottom: 0;line-height:27px;}
.user_setL .pic{height:120px;}
.user_setL .menban{ height:27px; background:#000;filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; width:120px;left:0; bottom:0; z-index:333;}
.user_setL .desc{width:120px;height:27px;left:0; bottom:0; z-index:333;}
.user_setL .desc a:hover{color:white;}
.setNav i{width:114px; height:20px;}
.setNav li{ margin-bottom:16px;}
.setNav1{ background-position:-202px -444px;}
.current .setNav1{ background-position:-202px -421px;}
.setNav2{ background-position:-202px -469px;}
.current .setNav2{ background-position:-202px -492px;}
.setNav3{ background-position:-202px -852px;}
.current .setNav3{ background-position:-202px -828px;}
.setNav i.setNav4{width:125px; height: 20px;}
.setNav4{ background-position:-342px -248px;}
.current .setNav4{ background-position: -342px -224px;}
.setNav5{ background-position: -488px -248px; }
.current .setNav5{ background-position: -488px -222px;}
/*yes_button*/
.yes_button{display:inline-block; width: 20px; height: 20px; background: url(/template/metro/images/icon.png?v=20141013) no-repeat -534px -79px;}
/*user_setR*/
.user_setR{width:832px;position: relative !important;}
/*.user_setR{ width: 100%; position: relative !important;}*/
.user_setR .pubModule{padding: 20px;}
.icon_changHead{width:70px; background-position:-242px -519px;}
.head6{width:250px; height:250px;}
.icon_up{width:115px; height:33px; background-position:-244px -589px;}
.icon_uping{width:115px; height:33px; background-position:-244px -721px;}
.icon_save{width:115px; height:33px; background-position:-244px -548px;border:0;cursor:pointer}
.head150{width:150px; height:150px;}
.head75{width:75px; height:75px; margin-top:75px;}
.head50{width:50px; height:50px;margin-top:100px;}
.head20{width:20px; height:20px;margin-top:130px;}
.user_setR .picWrap div{ margin-right:15px;}
.infoSet input.inp{height:16px; padding:4px; border:1px solid #cdcdcd; vertical-align:middle;}
.textarea7{width:384px; height:57px; border:1px solid #cdcdcd; padding:4px;}
/**/
.inp5{ width:240px; height:15px; padding:10px 4px; border:1px solid #cdcdcd; vertical-align:middle;}
.icon_right1,.icon_wrong1{display:inline-block;width:17px; background:url(/template/metro/images/right.png) center center no-repeat;}
.icon_wrong1{ background-image:url(/template/metro/images/wrong.png);}
.inp5Wrong{ border-color:#e03024;}
.mine_logo{box-shadow:0 0 5px #333;}
.avatar_upload_btn{cursor: pointer;position:absolute; width:115px;height:33px;z-index:100; font-size:20px;opacity:0;filter:alpha(opacity=0);}
/*????????*/
.header_chaj{height:87px; background:#f0f5fb; min-width:956px;}
.wrap_chaj{width:956px; margin:0 auto; overflow:hidden;}
.logo3{ margin:20px 0 0 24px;}
.logoTxt3{ font-size:30px; color:#666;margin:40px 0 0 23px;}
.header_chajR{font-size:18px; color:#cdcdcd; margin-top:40px; line-height:18px;}
.header_chajR em{margin:0 17px;}
.setBox{width:216px;padding-top:10px}
.picPro{width:740px; height:578px;}
.setBox dl{margin-top:35px; padding-left:24px;}
.setBox dl.hover{ background:url(/template/metro/images/arr_chaj.png) left 12px no-repeat;}
.setBox dl.hover dt{ color:#e03024;}
.setBox dt span,.feedback span,.share_chaj span{ line-height:36px; border-bottom:1px solid #cfcfcf; font-size:18px; font-weight:bold; display:inline-block;}
.setBox dd p{ margin-top:15px;}
.setBox dd input{vertical-align:middle; margin:-2px 9px 1px 0;}
/**/
.screen{width:680px; height:389px; background:url(/template/metro/images/screen.png) no-repeat;left:0; bottom:0; padding:37px 29px 90px 32px;}
.conten_chaj .bottom{ margin-top:75px; padding-left:24px;}
.conten_chaj .bottom dl{ overflow:hidden;zoom:1;}
.conten_chaj .bottom dt{ width:82px; float:left; display:inline; color:#3a3a3a; line-height:26px;}
.conten_chaj .bottom dd{ overflow:hidden;zoom:1;}
.faq a{ float:left; display:inline-block;height:24px; line-height:24px; background:url(/template/metro/images/bg_repeat1.png) repeat-x; border:1px solid #c3c3c3; color:#1790dd; padding:0 5px; border-radius:5px 5px 5px 5px; margin-right:19px;}
.faq a.extra{ background:none; display:inline; padding:0; border:0;}
.textarea8{ width:840px; height:120px; border:1px solid #cdcdcd; padding:4px;}
.textarea8:hover{border:1px solid #999;}
.inp6{width:260px; height:15px; padding:4px 7px;border:1px solid #cdcdcd; }
.inp6:hover{border:1px solid #999;}
.icon_feedBack{width:95px; height:33px; background-position:-86px -815px; border:0; padding:0;cursor:pointer;}
.icon_feedback_success{width:119px; height:33px; background-position:-77px -935px; border:0; padding:0;margin-left:210px;}
.share_chaj span{color:#666;}
.down_phone2 a {display: inline-block;margin: 0 0 0 10px;background: url(/template/pc/images/device.png) no-repeat;height: 25px;width: 25px;}
.down_phone2 .mac {background-position: 0 0;}
.down_phone2 .android {background-position: -25px 0;}
.down_phone2 .mobile {background-position: -50px 0;}
/*kinds_box2*/
.kinds_box2{padding:20px; overflow:hidden;}
.kinds_box2 .kinds_list dd{width:880px;}
.kinds_selected span{ float:left; display:inline-block; background:#EA3333; margin:0 5px 0 16px; padding:0 2px; position:relative;}
.kinds_selected span a,.selBrand span.selected a{ color:#fff;}
.kinds_selected span a.icon_close,.selBrand span.selected a.icon_close,.kinds_box3 .tmallList li.current a.icon_close{ margin-left: 7px; }
.selBrand span.selected,.kinds_box3 .tmallList span.selected{ background:#EA3333;padding:0 20px 0 5px; position:relative;}
/*Æ·??????Ò»??Ò³??*/
.brandSaleList{overflow:hidden;zoom:1;}
.brandSaleL{width:220px; border-right:1px solid #ececec; padding-top:20px; float:left; display:inline; text-align:center;}
.icon_go{width:115px; height:31px; background-position:-400px -72px;}
.brandSaleL .bottom{ height:54px; overflow:hidden; background:#ececec; margin-top:17px; line-height:17px; font-size:14px; padding:10px 18px 0 18px;}
.saleIdent{ color:#fff; background:#e03024; float:left; display:inline-block;width:40px;}
.brandSaleL .bottom span,.brandDescR .bottom span{float:right; display:block;width:132px;height:17px; overflow:hidden; text-align:left;}
/**/
.brandSaleR{ padding-top:15px; line-height:25px;}
.brandSaleR .desc{ margin-top:5px;height:50px;overflow:hidden;line-height:25px;}
.brandSaleR .price{margin-top:3px;}
.brandDetList li{float:left; display:inline;width:160px; overflow:hidden; margin-left:20px;}
/*????Ò³??*/
.brandDesc{ overflow:hidden;zoom:1;}
.brandDescL{width:224px; line-height:28px; padding:13px 0;}
.brandDescR{width:944px; padding:10px 30px 11px 0;}
.pubModule1{background:#fff; overflow:hidden;}
.brandDescR .top{ line-height:24px; border-bottom:1px solid #cdcdcd; max-height:400px; overflow:hidden;}
.brandDescR .bottom div{ float:left; display:inline;width:450px; margin:11px 15px 0 0; padding-left:7px;}
.brandDescR .bottom span{width:400px;}
.icon_love1{width:26px;background-position:-122px -780px;}
.selected .icon_love1{background-position:-157px -779px;}
/*brand_box*/
.brand_box .searchList li{width:240px; padding:19px; margin-left:26px; margin-bottom:26px;}
.brand_box .searchList li .pic{width:240px;height:240px;}
.brand_box.searchList li .pic a{width:240px;height:240px;}
.brand_box .searchList .desc a{font-size:14px;}
.icon_buy1{width:89px; height:35px; background-position:-189px -821px;}
.brand_box .searchList li .desc{height:40px; overflow:hidden;margin-top:8px;}
.searchList .price .curPrice{font-size:24px;}
.brand_box .otherInfo,.brand_box .searchList .price .orgPrice{ font-size:14px;}
/*kinds_box3*/
.kinds_box3{border:0 solid #CCCCCC; padding-bottom:20px;}
.kinds_box3 dd{width:1110px;}
.kinds_box3 .kinds_selected span{ background:#e03024; margin-right:29px;}
.kinds_box3 .tmallList li.current{ background:none;}
.kinds_box3 .tmallList span{ overflow:hidden;zoom:1; display:inline-block;line-height:26px;  position:relative;}
.kinds_box3 .tmallList li.current span{background:#e03024;padding:0 20px 0 5px;}
.kinds_list1 li{width:60px;}
.icon_off{background-position:-271px -758px;}
.current .icon_off{background-position:-271px -788px;}
.icon_price{background-position:-354px -758px;}
.current .icon_price{background-position:-354px -788px;}
/*2013-09-03*/
.kinds_box4{ background:#fff;_zoom:1;}
.kinds_box4 .tmallList{ margin-top:6px;}
.kinds_box4 .tmallList span{ line-height:19px;}
.kinds_box4 .tmallList li a.icon_close{ background-position:-758px -310px;}
.kinds_box4 .tmallList li{width:80px; margin-right:10px; line-height:20px;height:20px; overflow:hidden;}
.kinds_box4 .fold{top:8px;right:8px;}
.icon_new1{ background-position:-189px -1019px;}
.icon_atten2{ background-position:-270px -1019px;}

.icon_jiageshengxu{background-position: -622px -1249px;}
.icon_jiagejiangxu{background-position: -622px -1249px;}

.current.icon_jiageshengxu {background-position: -622px -1281px;}
.current.icon_jiagejiangxu {background-position: -718px -1281px;}

.sortList i{width: 69px;height: 26px;}
.sortList a{margin-right: 12px; float: left; display: inline;}
.icon_over{ background-position:-353px -1019px;}
.current .icon_new1{ background-position:-189px -988px;}
.current .icon_atten2{ background-position:-270px -988px;}
.current .icon_over{ background-position:-353px -988px;}

/*couponList*/
.couponList ul{display: flex; align-items: center; flex-wrap: wrap;}
.couponList li{display:inline-block;width:390px; height:110px; border:0 solid #ccc; background:#fff; overflow:hidden; margin: 0 15px 16px 0;background: url("/template/metro/images/youhui/quan_bg@2x.png") center no-repeat; background-size: contain;}
.couponList li:hover{box-shadow:0 1px 6px 0 rgba(234,234,234,0.5);}
.couponList li:nth-child(3n+0){margin-right: 0;}
.couponList li .pic{width:130px; height:110px; display: inline-block;padding: 18px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.couponList li .pic img{width: 94px; height: 42px;}
.couponList li .pic p{line-height: 14px;}
.couponList li .desc{width:254px; height: 110px; display: inline-block; padding: 15px 18px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.couponList li .desc .quan_tit{height:44px;line-height:22px;overflow:hidden; display: flex;align-items: center;}
.couponList li .desc .quan_tit a{max-height: 44px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.couponList li .desc .quan_tit a:hover{color: #e03024;}
.couponList li .desc .get-ticket{line-height: 14px;display: flex;align-items: center; bottom: 20px; left: 18px;}
.couponList li .desc .get-ticket a{display: inline-block; background:#e03024;border-radius:12px; padding: 4px 9px;}
.couponList li .desc .get-ticket a.ticket-none{background: #999999;}
.couponList li .desc .get-ticket a:hover{color: white;}

.kinds_list dt{float: left;display: inline;font-weight: bold;width: 38px;}

.couponBoxL{width:910px;}
.couponContL{width:623px; padding:15px 0 20px 24px; background:url(/template/metro/images/bg_repeat2.png) right repeat-y;}
.couponContL .pic{width:184px; height:90px; padding:18px 44px 16px 10px; border-right:1px dashed #ababab}
.couponContL .desc{width:351px; padding-left:32px; line-height:26px;}
.couponContL .desc i{width:18px; margin-right:23px;}
.couponContL .desc div span{display: inline-block;max-width: 309px;vertical-align: top;}
.icon_conpon1{ background-position:-775px -879px;}
.icon_conpon2{ background-position:-775px -904px;}
.icon_conpon3{ background-position:-775px -934px;}
.icon_conpon4{ background-position:-775px -961px;}
.icon_receive{width: 97px;height: 31px;background-position: -85px -976px;}
.couponContR{width:213px;padding:81px 21px 0 21px;}
.couponContR a{color:#bdbdbd;}
.icon_share{width:14px; background-position:-779px -1033px; margin-right:6px;}
.icon_myTicket{width:28px; background-position:-769px -1003px; margin-right:6px;}
/**/
.useDirection,.tickets{padding:15px 0 18px 0}
.useDirection a{color:#1790dd;}
.useDirection strong{font-weight:bold;}
.menu_tit11{width:95px; background-position:0 -1096px;}
.menu_tit12{width:95px; background-position:0 -1132px;}
/**/
.ticketsTab table{border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.ticketsTab th,.ticketsTab td{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc; padding-left:20px; padding-right:20px; line-height:29px;}
.ticketsTab th{ font-weight:bold; background:#f6f6f6;}
.ticketsTab .col1{width:125px;}
.ticketsTab .col2{width:365px;}
.ticketsTab .col3{width:42px;}
/**/
.paging3 a{display:inline-block;padding:0 5px;}
.paging3 a,.paging3 em{color:#000;}
.paging3 a.current,.paging3 a:hover{color:#ff6600;}
/**/
.couponBoxR{width:271px; }
.menu_tit13{width:95px; background-position:0 -1168px;}
.icon_go5{width:97px; height:31px; background-position:-85px -1013px;}
.tmallInfo{ line-height:30px; padding:8px 0 35px 0;}
.tmallInfo .bd{padding:25px 22px 0 22px; }
/**/
.menu_tit14{width:115px; background-position:0 -1205px;}
.moreTicket{padding:8px 0 5px 0;}
.moreTicket .bd{padding:0 16px;}
.moreTicket .bd th,.moreTicket .bd td{ padding-top:10px; padding-bottom:10px;}
.moreTicket .bd th{width:80px;}
/**/
.menu_tit15{width:95px; background-position:0 -1240px;}
.otherCoupon{ padding:15px 0; line-height:28px;}
.otherCoupon .bd{ padding:0 5px 0 18px;}
.otherCoupon .bd li{ overflow:hidden;height:28px;}
.otherCoupon .bd li a{ display:block;}
/*2013-09-05*/
/* 个人中心 我有优惠券 */
.myCoup{ padding:25px 35px 45px 35px; overflow:visible;}
.myCoup.pubModule1{min-height: 200px;}
.myCoupTab th{ line-height:24px; height:24px; padding:3px 0 2px 0; border-bottom:1px solid #f0f0f0; background:#f9f9f9; text-align:center; font-size:14px;}
.coup01{width:134px;}
.coup02{width:210px;padding:0 10px; border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
.coup03{width:250px;padding:0 10px;}
.coup04{width:153px;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
.coup05{width:138px;}
.myCoupTab td{padding-top:15px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.coupCol02{ padding-left:6px; padding-right:10px; line-height:23px;}
.icon_use{width:97px; height:31px; background-position:-189px -1050px;}
.icon_overdue{width:97px; height:31px; background-position:-189px -1086px;}
.icon_over1{width:97px; height:31px; background-position:-189px -1120px;}
/*shareBox*/
.shareBox{ background:#fff;width:348px; z-index:111; right:0;}
.shareBox .top{ background:#f9f9f9; line-height:23px; padding:7px 6px 7px 14px;}
.icon_close3{width:16px; background-position:-1px -957px}
.shareBox .bottom{ height:48px; padding:10px 0 0 10px;}
/*?Ż?ȯ??????2013-09-08*/
.popBoxMain{ top:230px; left:50%; z-index:9999;}
.popBox1{ background:#b0b0b0; background:rgba(176,176,176,0.8); padding:7px; position:absolute;}
.popBox1 .hd{ font-size:14px; line-height:36px;height:36px; overflow:hidden; padding:0 10px 0 13px;}
.pop_quan_confirm .hd{background:#1790dd;}
.pop_quan_success .hd{background:#339933;}
.pop_quan_failed .hd{background:#d80001;}
.popBox1 .bd{ background:#ffffff;}
.getCoup{width:318px;}
.getCoup .bd{padding:12px 0;}
.icon_symb1,.icon_symb2,.icon_symb3{width:7px; overflow:hidden; background-position:-150px -1050px; margin-right:8px;}
.icon_symb2{background-position:-150px -1083px;}
.icon_symb3{background-position:-150px -1115px;}
.icon_conform,.icon_cancel{width:67px; height:26px; background-position:-189px -1154px;}
.icon_cancel{background-position:-266px -1154px;}
.getCoup_success{width:431px;}
.getCoup_success .bd{ padding:22px 28px; line-height:27px;}
.green{color:#339933;}
.icon_myCoup{width:121px; height:27px; background-position:-189px -1184px;}
.icon_use1{width:86px; height:27px; background-position:-342px -1184px;}
.icon_ok{width:36px; height:37px; background-position:-300px -1050px;}
.icon_close4{width:13px; background-position:-148px -1146px;}
.getCoup_fail{width:318px;}
.getCoup_fail .bd{padding:24px 10px; text-indent:2em;}
/*404*/
.pageWrong{ background:url(/template/metro/images/404.png) center center no-repeat; width:1000px; height:500px; margin:50px auto 0 auto;}
.pageWrongLink{margin-top:0; line-height:30px;}
/*????Á´??*/
.friendLink{ padding:32px 22px; font-size:14px;}
.friendLink h2{ font-size:18px; border-bottom:1px solid #eaeaea; line-height:40px; padding-left:36px;}
.friendLinkList{ padding-left:34px;}
.friendLinkList li{ float:left; display:inline; width:260px; padding-left:20px; background:url(/template/metro/images/dot.gif) left center no-repeat; line-height:32px;}
.friendLink dl,.friendLink dd{ overflow:hidden;zoom:1; line-height:25px;}
.friendLink dt{float:left; display:inline;width:19px; height:19px; background:#e03024;color:#fff; text-align:center; line-height:19px; font-size:18px; margin:5px 22px 0 36px;}
/*add by libo since 2013-10-23*/
.pingjiaList .hotnewrecIcon{
    display: inline-block;
    background: url(/template/metro/images/hotnewrec.png?v=2013101101) no-repeat;
}
.pingjiaList .hot{
    background-position: 0 0;
}
.pingjiaList .new{
    background-position: -15px 0;
}
.pingjiaList .rec{
    background-position: -30px 0;
}
.pingjiaList span.hotnewrecIcon{
    width: 15px;
}
.pasteSearchPanel{
    position: fixed;
    z-index: 1000;
    top: 250px;
    margin-left:auto;
    margin-right:auto;
    right:0;
    left:0;
    width:864px;
    background-color:#fff;
    height:234px;
}
.pasteSearchPanel .icon-close{
    display:block;
    width:30px;
    height:30px;
    background-position:-574px -175px;
}
.pasteSearchPanel .paste-search-content{
    margin-left:50px;
    margin-top:15px;
}

.pasteSearchPanel .paste-search-content .title{
    color:#e03024;
    padding:10px 0;
    font-size:large;
    font-weight:bold;
}

.pasteSearchPanel .paste-search-content form input{
    width:648px;
    height:37px;
}

.pasteSearchPanel .paste-search-content form button{
    height: 41px;
    width: 84px;
    background: none;
    border: 0;
    background-color: #e03024;
    color: #fff;
    font-size: large;
    cursor:link;
}
.paste-search-footer{
    background:url(/template/metro/images/banner.png) no-repeat;
    width:100%;
    height:40px;
    display:block;
    margin-top:70px;
}

.kinds_list .keyword_search input{
    width:200px;
    height:24px;
    border:#cdcdcd solid 1px;
    border-right: 0;
}
.kinds_list .keyword_search button{
    height:26px;
    width:42px;
    border:none;
    background-position:-762px -37px;
    vertical-align: top;
    outline:none;
    cursor: pointer;
}
/*插件反馈页面*/
input{padding:0 4px;}
textarea{padding:0 4px;}
.page_chaj_new{min-weigth:956px;}
.header_chaj_new{height:50px;line-height:50px;background:#f9f9f9;background-image:linear-gradient(to top,#f9f9f9,#ffffff);box-shadow:0 0 1px #8c9092;border:1px solid #fff;}
.header_chaj_new img.logo5{position:relative;left:18px;margin-top:5px;}
.logoTxt4{line-height:50px;color:#8c9092;font-size:14pt;margin-left:30px;}
.header_chaj_new .header_chajR_new a{color:#8c9092;font-size:12pt;margin-right:20px;}
.content_chaj_new{width:670px;margin:90px auto;}
.content_chaj_new dl{margin-top:40px;}
.content_chaj_new dl dt{float:left;margin-right:10px;font-weight:bolder;}
.content_chaj_new dl dd{overflow:hidden;}
.content_chaj_new dl dd a{display:inline-block;margin-top:1px;}
.content_chaj_new dl dd a.next{margin-top:5px;}
.content_chaj_new .faq_new a{padding:2px;color:#53b2f0;background:url(/template/metro/images/bg_repeat1.png) repeat-x;border:1px solid #c3c3c3;margin-right:22px;border-radius:2px;}
.content_chaj_new .feedback_new textarea{width:570px;height:120px;border:1px solid #bababa;color:#bababa;}
.content_chaj_new .feedback_new dd span{color:#8c8c8c;font-size:14px;position:relative;right:10px;margin-top:5px;}
.content_chaj_new .contact_new{line-height:34px;}
.content_chaj_new .contact_new input{width:195px;height:30px;border:1px solid #bababa;color:#bababa;}
.content_chaj_new .refer{line-height:34px;}
.content_chaj_new .refer input{width:400px;height:30px;border:1px solid #bababa;color:#000000;}
.content_chaj_new .contact_new em{color:#bababa;font-size:12px;margin-left:5px;}
.content_chaj_new .submit_new input#feedback_submit{margin:auto;width:120px;height:40px;border:1px solid #0075c0;background:#1790dd;color:#ffffff;font-size:18px;display:block;border-radius:5px;cursor:pointer;}
.content_chaj_new .submit_new .info{display:block;text-align:center;margin-top:30px;}
.iconYes{width:62px;height:42px;background-position:-290px -1048px;}
.suggest_success_msg{width:235px;margin:150px auto;}
.suggest_success_msg p.first{color:#069828;font-size:18px;}
.suggest_success_msg p{margin-bottom:10px;margin-left:80px;}
.suggest_success_msg p a{display:inline-block;color:#53b2f0;font-size:15px;}
/*插件反馈页面end*/

/* 比价单品页左侧推荐列表 */
.module_thr{ background:#fff}
.menu_new1{background: #ffffff;}
.menu_new1 *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.menu_new1 h2{line-height:19px; font-size:14px; padding:12px 10px 9px 10px;}
.menu_new1 h2 .icon.i-right{width: 13px; height: 13px; display: inline-block; background: url("/template/metro/images/dp/icon_arrow_r@2x.png") center no-repeat; background-size: contain; margin-top: 3px;}
.menu_new1 .promo-list{width: 100%; padding: 9px 10px;}
.menu_new1 .promo-list .item:nth-child(2){margin-top: 10px;}
.menu_new1 .promo-list .item, .menu_new1 .promo-list .item a{display: flex; align-items: center;}
.menu_new1 .promo-list .item span{max-width: 162px;line-height: 22px;height: 22px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;white-space: nowrap;}
.menu_new1 .promo-list .item:hover span{color: #E23A3A;}
.menu_new1 .promo-list .item img{width: 22px; height: 22px; margin-right: 6px;}
.menu_new1 .promo-list .item#quan{margin-bottom: 10px;}
.menu_new1 .promo-list .item#hui{}
.menu_tit19{width:120px; height:16px; background-position:-441px -1199px;}
.menuList3{padding: 10px 13px;}
.menuList3 .item:last-child{margin-bottom: 0;}
.menuList3 .item .dp-img{width: 100%; height: 150px; text-align: center;}
.menuList3 .item .dp-img img{max-width: 100%; max-height: 100%;}
.menuList3 .item .title{line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 6px;}
.menuList3 .item:hover .title{color: #E23A3A;}
.menuList3 .item .price-list{height: 19px;}
.menuList3 .item .price-list .price {line-height: 19px; color: #e03024;}
.menuList3 .item .price-list .item{display: inline-flex; align-items: center;}
.menuList3 .item .price-list .item .ico{width: 39px; height: 14px; display: inline-block; margin-right: 8px;}
.menuList3 .item .price-list .dsj{color: #FF6F00;}
.menuList3 .item .price-list .plus-price{color: #444444;}
.menuList3 .item .price-list .dsj .ico,
.menuList3 .item .price-list .plus-price .ico{margin: 0 0 0 2px;}
.menuList3 .item .site-info{margin-top: 14px; display: flex; align-items: center;}
.menuList3 .item .site-info .site-icon{width: 14px; height: 14px; display: inline-block; margin-right: 2px;}
.menuList3 .item .site-info .site-name{max-width: 150px; height: 16px;line-height: 16px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;word-break: break-all;}

/*searchRight*/
.searchRight{width:970px; color:#666;}
.search_kinds_box{ padding:10px 20px;border:1px solid #d8d8d8; background:#fff;}
.fast_search{ padding-bottom:12px;}
.fast_search a{float:left; display:inline-block; color:#fff; background:#e03024; padding:0 18px; border-radius:4px 4px 4px 4px; margin:0 0 10px 17px; line-height:25px;height:25px; overflow:hidden;}
.search_kinds_box dl{border-top:1px solid #ececec; line-height:30px;}
.search_kinds_box dt{width:65px; padding-right:10px;}
.search_kinds_box dd a{ float:left; display:inline; margin-right:15px; color:#666;}
.search_kinds_box dd a:hover{ color:#e03024;}
/*search_criteria*/
.search_detbox{ border:1px solid #ECECEC;background:#fff;}
.search_criteria{height:38px; background:#f5f5f5;}
.search_criteria_rank{width:265px;}
.search_criteria_rank li,.search_criteria_other li{float:left;display:inline; line-height:38px;height:38px; border-right:1px solid #e6e6e6;}
.search_criteria_rank li.last{border:0;}
.search_criteria_rank li a{ display:block; color:#666; padding:0 18px; height:35px;line-height:38px; overflow:hidden;}
.search_criteria_rank li.current a{background:#fff; border-bottom:3px solid #e03024;}
.search_criteria_price{width:228px; height:22px; line-height:22px; margin:9px 0 0 32px;}
.inp_price{width:44px; height:20px; padding:0; background:#fff; border:1px solid #d8d8d8;}
.search_criteria_price span{margin:0 7px;}
.btn-price{color:#fff; background:#e03024; border:0; padding:0;width:46px; height:22px; line-height:22px; padding-bottom:2px;}
.search_criteria_other li{ padding:0 17px;}
.icon_list{width:20px; background-position:-748px -1058px;}
.icon_chart{width:20px; background-position:-778px -1058px;}
.search_criteria_other .current .icon_list{background-position:-748px -1092px;}
.search_criteria_other .current .icon_chart{ background-position:-778px -1092px;}
/*search_list_list*/
.search_list_list li{ height:auto;min-height:204px; padding-top:26px; overflow:hidden;zoom:1; border-top:1px solid #ECECEC}
.search_list_list li .picWrap{ width:150px; margin:10px 15px 0 15px;}
.search_list_list li .picWrap .pic,.search_list_list li .picWrap .pic a{width:150px;}
.search_list_list .pic img{max-width: 150px;}/*防止图片过大溢出*/
.icon_store{width:20px; background-position:-654px -1054px; margin-right:8px;}
.store_remind,.store_mystore{ display:inline-block;width:144px; height:28px; line-height:28px; border:1px solid #fff; color:#999; text-align:center; border-radius:4px 4px 4px 4px;}
.store_remind_hover{ color:#e03024;}
.store_remind_hover .icon_store,.store_mystore_hover .icon_store{ background-position:-626px -1054px;}
.store_mystore{ width:auto;}
.store_mystore_hover{color:#e03024;}
.search_list_list li .desc{width:560px;}
.search_list_list li .desc .price{width:200px;}
.icon_price_up1{width:22px;height:22px; background-position:-566px -1081px; border:1px solid #ececec; overflow:hidden; margin-left:10px;}
.price_box{width:345px; height:138px; border:1px solid #ECECEC; z-index:222;}
.det_icon2{background:url(/template/metro/images/icon.png) no-repeat;display:inline-block;}
.star_s{width:78px; height:13px; background-position:-435px -1080px; margin:3px 10px 0 0;_overflow:hidden;}
.star_s .star_inner{background-position:-435px -1061px;height:13px;line-height:13px;_overflow:hidden;}
.star_s_wrap{color:#fd776f; width:120px;*width:200px;}
.search_desc_comment{width:325px; height:102px; padding-left:11px;}
.search_desc_comment .top{width:12px; height:15px; background-position:-591px -1083px; left:0;top:10px; z-index:111;}
.search_desc_comment .inner{background:#fbfbfb;border:1px solid #ececec; height:85px; overflow:hidden; line-height:28px; padding:7px 13px; color:#999;}
#mine_setting_basic_form td{padding:12px 0;}
/*onsale_box*/
.onsale_box{width:200px; line-height:28px; height:177px; overflow:hidden;}
.onsale_box dl{ width:200px; z-index:999; left:0; top:0;}
.onsale_box dt{ background:#f5f5f5; height:34px;line-height:34px; padding:0 10px 0 13px;}
.icon_taobao1{width:20px; background-position:-718px -1052px;}
.onsale_box dd{ border-left:1px dashed #e6e6e6;}
.onsale_list .fl{width:110px; padding:0 13px;}
.onsale_list .fr{width:63px; color:#e03024}
/*search_colum_list*/
.search_colum_list li{ float:left; display:inline; width:215px; height:345px; border-right:1px solid #ececec; border-top:1px solid #ececec; padding:15px 13px 0 13px;}
.search_colum_list li.hover{ background:#f5f5f5;}
.search_colum_list li .pic,.search_colum_list li .pic a{height:200px;width:200px;}
.search_colum_list li .pic{ padding:10px 7px;}
.icon_store1{width:16px; background-position:-683px -1060px;}

#title_new{font-family: "Microsoft Yahei", "Arial", "simsun";font-size: 24px;color: white;}
.rdact {
	color: #bbb;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background-color: #e4f4ff;
	padding: 3px 3px 2px 3px;
	margin-top: 2px;
	cursor: pointer;
}
.gract {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background-color: #e4f4ff;
	padding: 3px 3px 2px 3px;
	margin-top: 2px;
	cursor: pointer;
}
.tagbtn {cursor: pointer;}
#populartags {margin: 3px 0 10px 0;}
#mytags {margin-top: 10px;}
a.quan_index{font-size:12px;color:#999;font-family:'Arial','Microsoft Yahei';}
a.quan_index:hover{color:#1790dd}
.search_remind_box{
	width: 485px; height:34px;
	position: relative;
	line-height:30px;
   	background-color:white;
   	display: block;
	box-shadow: 0 0 2px #999;
}
.remind_box{
	float: left;
	width:100px;
   	height:34px;
   	line-height:34px;
   	padding: 1px 1px 0 1px;
	background-color:white;
   	border-right: 1px solid #cdcdcd;
   	border-bottom: 1px solid #cdcdcd;
}
.wx_reminder{
	background: url(/template/metro/images/icon.png?v=20140719) no-repeat;
	background-position: -21px -962px;
	height: 17px;
	width:25px;
	padding-left: 5px;
}
.QR_box{
	text-align: center;
	margin: 0 auto;
	width: 200px;
	height: 200px;
	position: relative;
	top: 25px;
}
.email_reminder{
	background: url(/template/metro/images/icon.png?v=20140719) no-repeat;
	background-position: -47px -963px;
	height: 13px;
	width:25px;
	padding-left: 5px;
}
.remind_text{
	padding-top:5px;
	width:20px;
   	color:#999;
}
.collect_search_box{
	position: absolute;
	display: block;
	right: 0;top: 1px;
	background: white;
	height: 35px;
	width: 279px;
}
.search_border{
	margin-right:55px;
   	width:190px;
   	line-height: 2px;
   	height: 2px;
	border:1px solid #cdcdcd;
   	border-top:0;
}
.announce{
    display: block;
    float: left;
    margin-top: 5px;
    width: 706px;
    padding: 15px;
    text-align: left;
    background-color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.announce .announce-top{
    display: inline-block;
    width: 30px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    background-color: #D8402B;
    color: #fff;
    font-size: 14px;
}
.announce .announce-title{
    margin-left: 15px;
    font-size: 19px;
    vertical-align: middle;
    font-weight: bold;
}
.announce .announce-more{
    float: right;
    font-size: 14px;
    color: #1790dd;
    margin-right: 8px;
    font-weight: bold;
    cursor: pointer;
}

/*personal credit*/
.credit_user_setR{
    width: 100%;
    position: relative !important;
}
.credit_nav{
    background-color:#f5f5f5;
    height:54px;
    line-height:54px;
    font-size:14px;
    color: #999;
}
.pl_credit{
    padding-left: 30px;
    padding-bottom: 15px;
}
.credit_pad{
    padding-bottom: 30px;
}
.credit_nav a{
    width: 56px;
    display: inline-block;
    margin-left: 30px;
}
.credit_title{
    margin: 25px 0 0 30px;
}
.font_color span{
    color:#e03024 !important;
}
.earn_credit{
    border-left: 2px solid #e03024;
    margin: 25px 0;
}
.under_line{
    border-bottom: 2px solid #e03024;
}
.earn_credit span,.use_credit span{
    margin-left: 28px;

}
#dis_task{
    border: 1px solid #e1e1e1;
    margin-bottom:35px;

}
#dis_task .tb{
    border-bottom: 1px solid #e1e1e1;
}
.head_ground{
    background-color: #f5f5f5;
    height: 40px;

}
#day_task{
    width: 660px;
    border: 1px solid #e1e1e1;
}
.award{
    text-align: center;
    width: 100px;
}
.award span{
    float: left;
    display: inline-block;
    width: 80px;

}
.credit_name{
    font-weight: bold;
}
.tast_name{
    padding-left: 15px;
    width: 80px;
}
.state{
    width: 90px;
}
#dis_task .state{
    width: 154px;
}
.upper{
    width: 100px;
}
.upper span{
    float: left;
    display: inline-block;
    width: 80px;
    text-align: center;

}
#credit_setting{
    margin-left: 30px;
    margin-top: 25px;
    border:1px solid #e1e1e1;
}
.credit_th,.rank{
    border-right:1px solid #e1e1e1;
    border-left:1px solid #e1e1e1;
}
.change_date{
    border-left:1px solid #e1e1e1;
}
#credit_setting thead{
    background-color: #f5f5f5;
}
#credit_setting td,#credit_setting th{
    text-align: center;
}
#credit_log{
    margin: 25px 0 0 30px;
    border:1px solid #e1e1e1;
    width: 700px;
}
#credit_log thead{
    background-color: #f5f5f5;
}
#credit_log td,#credit_log th{
    text-align: center;
}
#credit_use{
    margin-left: -30px;
    margin-top: 33px;
    border-left: 2px solid #e03024;
}
#credit_use span{
    margin-left: 28px;
    margin-top: 0;
    color:#e03024;
    font-weight: bold;
}
.remind{
    display: inline-block;
    margin: 25px 0 0 30px;
}
.sep50{
    height: 50px;
}
.sep60{
    height: 60px;
}
#credit_page{}
div.user_set {
    position: relative;
    margin-bottom: 40px;
}
#user_message .user_m{
     margin-top:0;
     color: #333;
     font-size: 14px;
}
.user_m a:hover{
    color: #333;
}
.user_m span{
    color: #999;
    font-weight: bold;
}
#regester{
    cursor: pointer;
}

.invite_box{
    position: fixed;
    display: none;
    padding: 10px;
    z-index: 999999999999;
    top: 50%;
    left: 50%;
    margin-top: -147px;
    margin-left: -283px;
    width: 470px;
    height: 240px;
    background: rgba(153, 153, 153, 0.6);
    color: #999;
}
.invite_mini{
    background-color: #fff;
    height: 240px;
}
.invite_head{
    background: #da0436;
    height: 30px;
}
.invite_head p{
    color: #fff;
    display: inline-block;
    height: 30px;
    float: left;
    padding-left: 20px;
    line-height: 30px;
    font-weight: bold;
    width: 300px;

}
.invite_content p{
    margin-top: 24px;
    padding-left: 20px;
}
.close{
    background-position: -574px -175px;
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
}
#reg_url{
    zoom: 1;
    margin-left: 20px;
    width: 430px;
    height: 31px;
    line-height: 31px !important;
    margin-top: 5px;
    color: #999;
    border: 1px solid #e1e1e1;

}
.invite_btn{
    background-color: orange;
    width: 96px;
    height: 32px;
    color: #fff;
    margin: 20px auto;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}
.invite_remind{
    display: block;
    text-align: center;
    color: #999;
}
.invite_remind:hover{
    color: #999;
}
/*商品详情页*/
.detail_box{ padding:18px 18px 28px 28px; background:#fff;}
.detail_box_L{width:798px;}
.detail_box_L h2:hover{
    color: #4a4a4a;
}
.detail_box_R{width:325px; padding-left:25px; margin-top:35px; height:224px; overflow:hidden; border-left:1px solid #eee;}
.detail_box_R .good{height: 68px;overflow: hidden;}
.detail_box_R .bad{height: 68px;overflow: hidden;}
.detail_box_L .pic{width:200px; height:200px;}
.detail_box_L .desc{width:170px;text-align: center;*text-align: left;}
.detail_box_L .pic a {
    height: 200px;width: 200px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.detail_box_L .pic a:hover{
    color: #D8D8D8;
    opacity: 0.9;
}
.price_detail{ padding:7px 10px 7px 20px; background:#f5f5f5;height:24px; line-height:24px; }
.price_arr{width:14px; background-position:-143px -98px;}
.price_line{ margin-right:36px;width:320px; height:195px;}
.evaluat{ line-height:29px;}
.evaluat dd a{ display:inline-block; line-height:27px; height:27px; white-space:nowrap; border:1px solid #eee; padding:0 16px 0 12px; margin: 0 5px 5px 0;}
.menu_tit22{ width:85px; background-position:-442px -1282px;}
.menu_tit20{ width:180px; background-position:-442px -1227px;}
.menu_tit21{ width:150px; background-position:-442px -1250px;}
/*.brandList*/
.similarBrandList li {display: inline;float: left;height: 33px;overflow: hidden;line-height: 33px;padding:0 5px 0 9px; width:90px;}
.similarPromoList li.odd {display: inline;float: left;height: 23px;overflow: hidden;line-height: 23px;padding:10px 5px 0 9px; width:200px;}
.similarPromoList li.even {display: inline;float: left;height: 23px;overflow: hidden;line-height: 23px;padding:0 5px 0 9px; width:200px;}
.similarPromoList .store{ display: inline-block; float: left; overflow: hidden; margin: 4px; width: 16px; height: 16px;}
/*detail*/
.detail{background:#fff;width:970px;}
.detail_tab{height:47px; background:#ffffff;}
.detail_tab li{
    float: left;
    display: inline;
    line-height: 50px;
    padding: 0 42px;
}
.detail_tab li a{ display:inline-block;}
.detail_tab li a:hover{ color:#e03024;}
.detail_tab li.selected{ background: #e03024;color: #fff;}
.detail_tab li.selected a{background: #e03024;color: #fff;}

/*review_by_user*/
.review_detail{padding:10px 8px 8px 34px;}
.review_good{width:312px; height:210px; border-right:1px solid #eee;}
/*review_good_list*/
.review_good_list li{ overflow:hidden; float:left; width:100%;height:13px;line-height:13px; margin-top:10px;}
.star_ss{width:80px; height:13px; background-position:-434px -1081px;}
.star_ss .star_inner{background-position:-435px -1062px;height:13px;line-height:13px;}
.review_good_percent,.review_good_percent .inner{height:13px;line-height:13px; width:132px; background:#f0f0f0;}
.review_good_list li .review_good_percent{ margin:0 17px 0 10px;}
.review_good_percent .inner{ background-color:#fd776f; overflow:hidden;}
/*review_detail_desc*/
.review_detail_desc{width:580px; height:210px;}
/*review_mypoint*/
.review_mypoint{ background:#f5f5f5; margin:0 14px 22px 14px; padding:5px 13px 10px 13px;}
.star_s_score a{ display:inline-block; width:14px; height:14px; overflow:hidden; background-position:-435px -1080px; margin-right:8px;}
.star_s_score a.hover,.star_s_score a:hover{ background-position:-435px -1061px;}
.textarea_mypoint{width:826px; height:62px; background:#fff;border:1px solid #d3d3d3;}
.btn_sent_mypoint{width:75px; height:31px; background:#e03024;color: #fff;border:0; padding:0; margin-top:33px;}
/*review_by_user_desc*/
.review_by_user_desc .hd{ line-height:22px; background:#f5f5f5; padding-left:20px; border-top:1px solid #dcdcdc;border-bottom:1px solid #e7e7e7;}
.review_by_user_desc .hd a{ float:left; display:inline; margin-right:14px;}
.review_by_user_desc .hd a.selected{color:#e03024}
.review_by_user_desc .hd a:hover{color:#e03024}
.review_by_user_desc .bd{ padding:40px 25px 20px 15px;}
.review_by_user_desc .bd li{ margin-bottom:15px;}
.review_by_user_desc .bd li,.review_by_user_desc .bd dd{ overflow:hidden;}
.review_by_user_desc .bd li dt{ float:left; line-height:35px; width:75px; text-align:center; overflow:hidden; margin-right:20px;}
.review_by_user_desc .bd dd{ position:relative; padding-left:7px;}
.review_by_user_desc .bd dd .inner{border:1px solid #dedede; padding:0 20px;}
.arr_l{width:7px; height:11px; background-position:-370px -1052px; left:0; top:0;}
.review_inner_detail{ border-bottom:1px solid #e8e8e8; padding:15px 0;}
.review_inner_score{width:120px; margin-left:15px;}
.star_sss{ width:80px; height:16px; line-height:13px; background-position:-434px -1078px;}
.star_sss .star{background-position:-434px -1059px; height:16px; overflow:hidden;}
.review_inner_label{width:300px; margin-left:43px;}
.review_inner_time{width:200px; text-align:right;}
.review_inner_content{ padding:15px;}
/*价格曲线*/
.detail_priceLine{ padding:50px 16px;}
.priceDown_remind{ background:#f5f5f5; margin:22px 14px 16px 14px; padding:10px 13px; height:24px; line-height:24px;}
.btn_mailSubmit{ width:39px; height:24px; background-position:-355px -1072px; padding:0; border:0;}
.inp_mail{width:145px; height:24px; line-height:16px; padding:3px 10px; border:1px solid #c7c5c5; border-right:0; color:#999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.priceDown_remind li input{ vertical-align:middle; margin:0 5px;}
.myRadio{vertical-align:middle; margin-top:-2px; margin-bottom:1px;}
/*商城比价*/
.price_comparison{ padding:10px 50px;}
.price_comparison table{ table-layout:fixed;}
.price_comparison table td{ padding-bottom:15px; padding-top:15px;}

/*去那买*/
.bijiaBox .hd div{float:left;display:inline;}
.col01{width:110px;}
.col02{width:180px;}
.col03{width:130px;}
.col04{width:170px;}
.col05{width:440px;}
.bijiaBox th,.bijiaBox .bd{}
.col01 img,.col01 em{vertical-align:top;display:inline-block;}
.col02 .pic1{border:1px solid #eaeaea;height: 90px;}
.col02 .desc1{width:440px;float:right;display:inline;margin-top:22px;font-size:14px;}
.col03 i{margin-left:10px;}
.icon_add,.icon_add:hover{width:79px;padding-left:18px;height:27px;line-height:27px;color:#fff;background-position:0 -241px;text-align:center; text-decoration:none}
.icon_go,.icon_go:hover{width:78px;line-height:34px;color:#fff;background-position:0 -278px;text-align:center; text-decoration:none}
.bijiaTable td,.bijiaBox th{padding-top:12px;padding-bottom:12px;}
.bijiaTable .one_col{border-bottom:1px dashed #ababab;}
.bijiaBox th{font-weight:bold;color:#333;}
.bijiaBox .pos_r{z-index:0;}
.price_level{-webkit-box-shadow:0 0 8px #000;-moz-box-shadow:0 0 8px #000;box-shadow:0 0 8px #000;border: 1px solid #999;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;z-index: 333333;width:333px;height:145px;display:none;right:5px;left:-200px;background: white url(/template/pc/images/price_chart_loading.png) no-repeat;}
.chart_loading{background:url(/template/pc/images/price_chart_loading.png) no-repeat;}
.chart_none{background:url(/template/pc/images/price_chart_no_result.png) no-repeat;}
.chart_hide{background:none;}
.where_buy_on_sale_anchor{height: 40px;line-height:40px;margin-right:20px;float:left;font-size: 12px;color: #666;overflow: hidden;}
.where_buy_on_sale_anchor_list{padding:0 53px;overflow:hidden;zoom:1;}
.anchor_fixed{position: fixed;top:47px;width:864px;box-shadow: 0 2px 2px #ccc;-webkit-box-shadow: 0 2px 2px #ccc;-moz-box-shadow: 0 2px 2px #ccc; z-index: 2;}
.zmpubTxt_fixed{position: fixed;top:0;width:970px;z-index: 2;}
.limit_width img{max-width: 180px; max-height: 90px;}
/*用户评价*/
.evaluatL{width:260px;}
.evaluatR{width:700px;padding-top:8px}
.det_inp4{padding:7px 2px 6px 7px; width:166px;height:15px;line-height:15px;border:1px solid #18A0F5;border-right:0;font-size:12px;vertical-align:middle}
.btn_deta1{height:30px;width:60px;background:0;padding:0;border:0;cursor:pointer;vertical-align:middle;}
.xingList div{background-position:-107px -273px;height:15px;line-height:15px;overflow:hidden;width:100%;margin-top:7px;}
.s_xingwrap{width:60px;display:inline-block;margin-right:7px;}
.s_xing{width:12px;background-position:-95px -295px;}
.s_xing_gray{width:12px;background-position:-106px -271px;}
.percentWrap{display:inline-block;width:100px;vertical-align:middle;margin-right:5px;}
.percentWrap em{background:#66ccff;display:inline-block;overflow:hidden;height:15px;}
.bgf6{background:#f6f6f6;}
.m_xing{width:90px;}
.m_xing1{width:120px;}
.m_xing em, .m_xing1 em{background-position:-434px -1076px;width:14px;margin-right:4px;cursor:pointer}
.m_xing em.hover, .m_xing1 em.hover{background-position:-434px -1057px;}
.icon_fabiao,.icon_fabiao:hover{height:76px;line-height:76px;width:76px;background-position:0 -317px;text-align:center;color:#fff; text-decoration:none;outline:0;border:0;zoom:1;border-color:transparent !important;cursor:pointer }
.textarea1,.textarea2{width:870px;height:68px; vertical-align:middle;background:#fff;border:1px solid #b8b8b8;padding:3px;}
.fabiaoBox{padding:3px 7px 11px 7px;}
.pingjiaBox .choosedCon span{margin-left:0;}
.pingjiaChoose a{width:69px;height:31px;line-height:31px;text-align:center;background-position:-158px -363px;}
.pingjiaChoose a.hover,.pingjiaChoose a:hover{background-position:-77px -363px;color:#fff; text-decoration:none}
.pingjiaBox .hd{padding:6px 0;border-bottom:1px solid #dbdbdb;}

/*tmall_price*/
.tmall_price{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3);-moz-box-shadow: 0 2px 2px rgba(0,0,0,.3);box-shadow: 0 2px 2px rgba(0,0,0,.3);width:176px;padding-bottom:10px;margin-left:-3px;z-index:333}
.tmall_price li{padding:0 12px 0 9px;}
.tmall_price li a{display:block;height:24px;width:155px;cursor:pointer}
.tmall_price li a:hover{ text-decoration:none}
.tmall_price ul{padding-top:6px;}
.moreTmall{border-top:1px solid #c8c7c6;margin:0 5px;padding-left:10px;line-height:15px;padding-top:6px;}
.triangle-down {display:inline;position:absolute;width: 0;height: 0;margin-left:10px;margin-top:15px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #909090;}
/*2014-10-30品牌页面*/
.pageBrand{ padding-top:15px;width:962px;margin-left:228px;}
.icon_go{width:115px; height:31px; background-position:-400px -72px;}
.pubModule1{background:#fff; overflow:hidden;}
.searchList .price .curPrice{font-size:24px;}
.s_item li{float:left; display:inline; width:132px; margin-right:5px;}
.s_item li a{ padding-left:5px;color:#666;}
.s_item li a:hover,.s_item li.current a{color:#c00; text-decoration:underline;}
.s_btn a{ float:left; display:inline-block;width:69px; height:26px; line-height:26px; color:#666; background:#eaeaea; text-align:center; margin-right:12px; font-size:14px;}
.s_btn a.current{ color:#fff; background:#e03024;}
.brandSaleList li .pic{ height:72px; line-height:72px; background:#f8f8f8; width:234px;}
.brandSale .desc{ padding:20px 0; border-top:1px solid #e3e3e3;line-height:35px; cursor:pointer;height:111px; overflow:hidden;}
.brandSaleList li{ float:left; display:inline; width:234px; height:225px; border:1px solid #b8b8b8; background:#fff;
    box-shadow: 0 0 4px rgba(153,153,153,0.8); margin-left:4px; margin-right:4px; margin-bottom:8px; overflow:hidden;}
.brandSaleList li .item{float:left; display:inline;width:117px; overflow:hidden;}
.brandSaleList li .item_r{width:102px; padding-right:15px; text-align:right;}
.brandSaleList li a{ z-index:333; position:relative;width:234px; overflow:hidden;}
.brandSale .first .pic,.brandSale .first .pic a{width:234px; height:175px; overflow:hidden;}
.brandSale .first .pic img{ max-width:234px; max-height:175px;}
.brandSale .first .desc{ padding:5px 0; border-top:none; line-height:40px; height:40px;}
.brandSaleList li.last{ margin-right:0;}
.store_img{width: 16px;height: 16px;}
.brandSaleList li .item img{vertical-align: middle;}
.brandSaleList li .item em{vertical-align: middle;}
.brandSaleList li .item span{vertical-align: middle;}
.brandlogo{height: 40px;}
/*二级页面*/
.brandDescL{width:184px; padding:16px; height:247px; background:#f6f6f6;}
.b_btn{ display:inline-block;width:98px; height:30px; line-height:30px; border:1px solid #e1e1e1; background:#fafafa; border-radius:4px 4px 4px 4px;}
.brandDescR{width:936px; padding:15px 16px 0 30px;}
.brandDescR .pic{width:220px;}
.brandDescR .pic img{width:220px; max-height:220px;}
.brand_site{ padding-left:40px; width:180px; height:20px;}
.brand_site span{ display:block; position:absolute;width:30px; height:18px; line-height:18px; text-align:center; background:#e03024; color:#fff; left:1px; top:1px;}
.brandDescR .desc{ line-height:30px; padding-right:55px; height:150px; overflow:hidden;}
.pubTit{ position:relative;height:30px; font-size:16px; font-weight:bold; line-height:30px; padding-left:35px;}
.pubTit i{ position:absolute;width:6px; height:18px; background:#e03024; overflow:hidden; left:0; top:6px;}
.q_box{ padding:20px 0 60px 0;}
.q_list{ width:40%; position:relative; height:36px; line-height:36px; padding-left:80px;}
.q_list em{ position:absolute;width:27px; height:16px; line-height:16px; left:38px; top:10px;color:#fff; font-size:12px; text-align:center;}
.bg_grey{ background:#c0c0c0;}
.bg_green{ background:#61af61;}
.bg_red{ background:#ff3939;}
.bg_red1{ background:#e03024;}
.bg_red2{ background:#fd776f;}
.bg_yellow{ background:#ffa500;}
.bg_white { background: #ffffff }
.s_brand  li{ float:left; display:inline;width:240px; padding:17px 19px; border:1px solid #e4e4e4; margin:0 10px 10px 0;}

.s_brand  li  .pic,.s_brand  li .pic a{width:240px; height:240px;}
.s_brand  li .pic img{ max-height:240px; max-width:240px;}
.s_brand  li  .pic em{ position:absolute; background:#000000; height:25px; line-height:25px; padding:0 8px; bottom:0; right:0; z-index:333;color:#fff; font-size:14px;filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
.s_brand  li .desc{height:40px; overflow:hidden;}
.s_brand  li .price{height:35px; line-height:35px; position:relative;}
.s_brand  li .price span{ position:absolute;line-height:16px; height:16px; left:0; top:10px; color:#fff; padding:0 2px;}

/*2014-11-04*/
.icon_form{display:inline-block;background:url(/template/metro/images/icon_form.gif) no-repeat;}

/*clientBox*/
.clientBox{width:198px;overflow:hidden;}
.toolBox{width:212px;background: #ffffff;}
.toolBox img{max-width: 212px;}
.toolBox.wechat{width: 212px;height: 235px;}
.toolBox.wechat img{width: 100%;height: 100%;}
.toolBox .hd{text-align:center; color: #31C3B2;font-size: 20px;line-height: 28px; font-weight: 500;}
.toolBox .black-btn{width:140px;height:30px;background:#333333;border-radius:4px;display: block;margin: 0 36px 10px 36px;line-height: 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.toolBox .black-btn:hover{color: #ffffff;}
.toolBox .black-btn::before{content: ' ';display: inline-block;width: 12px;height: 14px;position: relative;top: 2px;margin-right: 7px;}
.toolBox .black-btn#ios::before{background: url("/template/metro/images/app_mobile/icon-ios.png") center no-repeat;background-size: contain;}
.toolBox .black-btn#android::before{background: url("/template/metro/images/app_mobile/icon-android.png") center no-repeat;background-size: contain;}

/* register */
.protocol_div {
    text-align: center;
    margin-top: 3px;
}
.protocol_div a.gwd_protocol_link{
    color: #005AA0;
    text-decoration: underline;
    cursor: pointer;
}
.protocol_div span {
    color: #d80000;
    display: none;
    position: absolute;
}
.protocol_div input {
    display: inline-block;
    height: 13px;
    width: 13px;
    vertical-align: middle;
    margin-bottom: 3px;
}
.protocol_div+p.tc {
    margin-top: 22px;
}
.protocol_box {
    position: absolute;
    width: 938px;
    height: 630px;
    overflow: hidden;
    background-color: #fff;
    border: 6px solid rgba(0,0,0,0.1);
    top: 109px;
    display: none;
}
.protocol_head {
    text-align: center;
    border-bottom: 2px solid #eee;
}
.edit_title {
    font-weight: bold;
    font-size: 14px;
}
.protocol_body {
    width: 938px;
    height: 544px;
    overflow-y: scroll;
}
.protocol_body p{
    text-indent: 24px;
}
.uline {
    text-decoration: underline;
}
.strong {
    font-weight: bold;
}
.protocol_foot {
    text-align: center;
    border-top: 2px solid #eee;
}
.protocol_foot span {
    display: inline-block;
    width: 200px;
    height: 26px;
    line-height: 26px;
    margin: 7px auto;
    background-color: #d80000;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.protocol_head .close_btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    border: 1px solid #e1e1e1;
    right: 9px;
    top: 8px;
    font-size: 22px;
    color: #999;
    cursor: pointer;
}

.myStore #myCollectionResult #myCollectionItem .desc a:hover{color: #EC2D2C;}
.layer_wrap2{width: 1200px;}

/*新的栏目筛选*/
.filter-wrapper .choose-item .icon.i-del{background: url("/template/metro/images/filter/icon_del@2x.png") center no-repeat;background-size: 8px 8px;}
.filter-select-wrapper .select-list .icon.i-sort-up{background: url("/template/metro/images/filter/icon_arrow_up@2x.png") center no-repeat;background-size: 8px 4px;}
.filter-select-wrapper .select-list .icon.i-sort-up.active{background: url("/template/metro/images/filter/icon_arrow_up1@2x.png") center no-repeat;background-size: 8px 4px;}
.filter-select-wrapper .select-list .icon.i-sort-up.active + .icon{background: url("/template/metro/images/filter/icon_arrow_down2@2x.png") center no-repeat;background-size: 8px 4px;}
.filter-select-wrapper .select-list .icon.i-sort-up.a{background: url("/template/metro/images/filter/icon_arrow_up2@2x.png") center no-repeat;background-size: 8px 4px;}
.filter-select-wrapper .select-list .icon.i-sort-down{background: url("/template/metro/images/filter/icon_arrow_down@2x.png") center no-repeat;background-size: 8px 4px;}
.filter-select-wrapper .select-list .icon.i-sort-down.active{background: url("/template/metro/images/filter/icon_arrow_down1@2x.png") center no-repeat;background-size: 8px 4px;}
.filter-select-wrapper .select-list .icon.i-sort-down.active + .icon{background: url("/template/metro/images/filter/icon_arrow_up2@2x.png") center no-repeat;background-size: 8px 4px;}
.filter-wrapper{width: 100%;}
.filter-wrapper *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.filter-selected-wrapper{width: 100%;height: 50px;padding: 12px 16px;line-height: 26px;display: flex;align-items: center;background: #ffffff;margin-bottom: 8px;}
.filter-selected-wrapper .img-locate{width: 12px;height: 14px;margin-right: 8px;}
.filter-selected-wrapper .choose-item{padding: 5px 30px 5px 11px;line-height: 16px;border: 1px solid #eeeeee;}
.filter-selected-wrapper .choose-item:hover{border: 1px solid #e03024;}
.filter-selected-wrapper .choose-item .icon{width: 26px; height: 26px;display: inline-block;top: 0;right: 0;}
.filter-selected-wrapper .choose-item:hover .icon{background-color: #e03024;}
.filter-select-wrapper .select-list{width: auto;height: auto;background: #ffffff;overflow: hidden;}
.filter-wrapper#search .filter-select-wrapper .select-list.item_show_more{overflow: visible;border-left: 0;border-right: 0;}
.filter-wrapper#search .filter-select-wrapper .select-list{border: 1px solid #eeeeee; border-bottom: 0;}
.filter-select-wrapper .select-list.b-line{border-bottom: 1px dashed #eeeeee;}
.filter-select-wrapper .select-list.expand .list-value .value-list{height: auto;max-height: 98px;overflow-y: scroll;}
.filter-select-wrapper .select-list.expand .list-value .value-list::-webkit-scrollbar{width: 8px;border: 1px solid #f3f3f3;border-radius: 10px;}
.filter-select-wrapper .select-list.expand .list-value .value-list::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 8px #DDDDDD;}
.filter-select-wrapper .select-list.expand .list-value .letter-list{display: inline;}
.filter-select-wrapper .select-list .list-key{display: inline-block;line-height: 16px;padding: 11px 10px 11px 20px;white-space: nowrap;overflow: hidden;}
.filter-wrapper#search .filter-select-wrapper .select-list .list-key{width: 140px;}
.filter-select-wrapper .select-list .list-value{height: auto;margin-left: 86px;padding: 11px 0 5px 22px;overflow: hidden;zoom: 1;background: #ffffff;}
.filter-wrapper#search .filter-select-wrapper .select-list .list-value{margin-left: 140px;}
.filter-select-wrapper .select-list .list-value:not(:last-child) ul{padding-right: 78px;}
.filter-select-wrapper .select-list .list-value .value-list{height: 22px;overflow-y: hidden;overflow-x: hidden;}
.filter-select-wrapper .select-list .list-value:not(:last-child) .value-list{width: 100%;}
.filter-select-wrapper .select-list .list-value .value-list li{height: 16px;line-height: 16px;margin-right: 60px;}
.filter-select-wrapper .select-list .list-value .value-list li:last-child{margin-right: 0;}
.filter-select-wrapper .select-list .list-value .value-list li.choosed a{color: #ffffff;background: #e03024;padding: 2px;}
.filter-select-wrapper .select-list .list-value .value-list li.red a{color: #e03024; border: 1px solid #e03024;padding:0 2px; display: inline-block}
.filter-select-wrapper .select-list .list-value .letter-list{margin-bottom: 8px;display: none;width: 100%;}
.filter-select-wrapper .select-list .list-value .letter-list li{margin-right: 4px;padding: 0 6px;cursor: default;line-height: 16px;}
.filter-select-wrapper .select-list .list-value .letter-list li:first-child{padding-left: 0;}
.filter-select-wrapper .select-list .list-value .letter-list li:hover, .filter-select-wrapper .select-list .list-value .letter-list li.cur{color: #e03024;}
.filter-select-wrapper .select-list .collapse{cursor: pointer;top: 10px;right: 10px;}
.filter-select-wrapper .select-list .collapse:after{
    content: ' ';
    width: 7px;
    height: 13px;
    display: inline-block;
    background: url("/images/gray_arrow@2x.webp") center no-repeat;
    background-size: contain;
    position: relative;
    top: 3px;
    left: -10px;
    transform: rotate(90deg);
}
.filter-select-wrapper .select-list.expand .collapse:after{
    content: ' ';
    width: 7px;
    height: 13px;
    display: inline-block;
    /*background: url("/template/metro/images/youhui/icon_arrow_up@2x.png") center no-repeat;*/
    background-size: contain;
    position: relative;
    top: 2px;
    margin-left: 0px;
    transform: rotate(270deg);
}
.filter-select-wrapper .select-list#sort-list .list-value{padding-top: 8px;}
.filter-select-wrapper .select-list#sort-list .value-list li{
    border-radius: 2px;
    height: 12px;line-height: 12px;padding: 4px 14px;background: #f6f6f6;border: 1px solid #ffffff;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;cursor: pointer;margin-right: 10px;
}
.filter-select-wrapper .select-list#sort-list .value-list li:not(.active):hover{border: 1px solid #e03024; background: #ffffff;color: #e03024;}
.filter-select-wrapper .select-list#sort-list .value-list li:not(.active):hover a{color: #e03024;}
.filter-select-wrapper .select-list#sort-list .value-list li:not(:last-child){margin-right: 10px;}
.filter-select-wrapper .select-list#sort-list .value-list li#sort-price,.filter-select-wrapper .select-list#sort-list .value-list li#sort-org-price{padding-right: 24px;}
.filter-select-wrapper .select-list#sort-list .value-list li .icon{display: inline-block;width: 8px;height: 4px;}
.filter-select-wrapper .select-list#sort-list .value-list li .icon.i-sort-up{right: 8px;top: 4px;}
.filter-select-wrapper .select-list#sort-list .value-list li .icon.i-sort-down{right: 8px;bottom: 4px;}
.filter-select-wrapper .select-list#sort-list .value-list li.active{background: #e03024;color: #ffffff;}
.filter-select-wrapper .select-list#sort-list .value-list li.active a{color: #ffffff;}
.filter-select-wrapper .select-list#sort-list .check-item{display: inline-flex;align-items: center;line-height: 28px;}
.filter-select-wrapper .select-list #only_recent,.filter-select-wrapper .select-list #below10{display: inline-flex;align-items: center;margin-top: 1px;}
.filter-select-wrapper .select-list #only_recent img,.filter-select-wrapper .select-list #below10 img{margin-right: 2px;}
.filter-select-wrapper .select-list #below10 .img-9{width: 64px;height: 20px;}
.filter-select-wrapper .select-list #only_self{color: #e03024;}
.filter-select-wrapper .select-list #only_self .icon{width: 13px;height: 13px;display: inline-block;margin: 0 4px 0 0;}
.filter-select-wrapper .select-list .list-value .keyword_search{top: 4px;right:10px;}
.filter-select-wrapper .select-list .list-value .keyword_search input::placeholder {
    color: #bbbbbb;
}
.filter-select-wrapper .select-list .list-value .keyword_search input{
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding-left: 10px;
    width: 200px;height: 30px;border: #cdcdcd solid 1px;border-right: 0;
}
.filter-select-wrapper .select-list .list-value .keyword_search button{
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 30px;width: 38px;border: none;vertical-align: top;outline: none;cursor: pointer; background: #e03024
}
.filter-select-wrapper .select-list .list-value .haitao_go{margin-left: 70px;position: absolute;left: 450px;top: 13px;background: #FF9F22;border-radius: 2px;display: inline-block;width: 98px;height: 24px;line-height: 22px;text-align: center;color: #fff;vertical-align: middle;font-size: 14px;}
.filter-select-wrapper .select-list .list-value .haitao_feiji{right: 310px;top: 13px;}
.filter-select-wrapper .select-list .list-value .haitao_feiji img{width: 30px;}
.filter-select-wrapper .select-list .list-value .haitao_zhinan{right: 324px;top:16px;}

.dottedTop {
    border-top: 1px dashed #eeeeee;
}



#search-sort{border: 1px solid #EAEAEA;}
#search-sort .filter-select-wrapper .select-list#sort-list { height: 40px; }
#search-sort .filter-select-wrapper .select-list#sort-list .value-list{height: auto;}
#search-sort .filter-select-wrapper .select-list#sort-list .list-value{margin: 0;padding: 0;}
#search-sort .filter-select-wrapper .select-list#radio-group-list .list-value{margin: 0;padding-left: 15px;}
#search-sort .filter-select-wrapper .select-list#sort-list .value-list li{width: 75px;height: 28px;line-height: 28px;background: #f6f6f6;cursor: pointer;margin-right: 10px;border: 1px solid #ffffff;padding: 0;}
#search-sort .filter-select-wrapper .select-list#radio-group-list .list-value li{margin-right: 15px;}
#search-sort .filter-select-wrapper .select-list#radio-group-list .list-value li.active{color: #e03024;}
#search-sort .filter-select-wrapper .select-list#radio-group-list .list-value li .btn-radio{margin-right: 4px;}
#search-sort .filter-select-wrapper .select-list#sort-list .value-list li:not(.active):hover{border: 1px solid #e03024;}
#search-sort .filter-select-wrapper .select-list#sort-list .value-list li.active{color: #ffffff;background: #e03024;border: 0;}
#search-sort .filter-select-wrapper .select-list#sort-list .value-list li#sort-price,.filter-select-wrapper .select-list#sort-list .value-list li#sort-dsj-price{padding-right: 12px;}
#search-sort .filter-select-wrapper .select-list#sort-list .value-list li .icon.i-sort-up{right: 8px;top: 9px;}
#search-sort .filter-select-wrapper .select-list#sort-list .value-list li .icon.i-sort-down{right: 8px;bottom: 7px;}
.filter-select-wrapper .select-list .icon{display: inline-block;width: 13px; height: 13px;margin: 0 4px 0 0;}
#search-sort .filter-select-wrapper .select-list#sort-list .check-item{display: inline-flex;align-items: center;line-height: 28px;}
.filter-select-wrapper .select-list .i-check{width:12px;height:12px;border:1px solid #B8B8B8;margin-right: 4px; display: inline-flex}
.filter-select-wrapper .select-list .check-item.active .i-check, .filter-select-wrapper .select-list .check-item:hover .i-check{background: url("/images/check_red@2x.webp") center no-repeat;background-size: 8px; border: 1px solid #ea3430}
.filter-select-wrapper .select-list .check-item.active span {
    color: #ea3430;
}

/*自定义radio button*/
.filter-select-wrapper .select-list#radio-group-list .list-value{margin-left: 0;padding: 7px 20px;}
.filter-select-wrapper .select-list#radio-group-list .list-value .value-list{height: 16px;}
.filter-select-wrapper .select-list#radio-group-list .list-value .value-list li{margin-right: 16px;}
.filter-select-wrapper .select-list#radio-group-list .list-value .value-list li.active{color: #e03024;}
.filter-select-wrapper .select-list#radio-group-list .list-value .value-list li .btn-radio{margin-right: 4px;}

.btn-radio{width: 10px;height: 10px;display: inline-block;border-radius: 6px;border: 1px solid #999999;padding: 2px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#radio-group-list .list-value li:hover .btn-radio,.btn-radio.active{border: 1px solid #e03024;}
.btn-radio::before{content: ' ';width: 4px;height: 4px;display: none;background: #999999;border-radius: 2px;position: absolute;left: 2px;right: 2px;}
#radio-group-list .list-value li:hover .btn-radio::before,.btn-radio.active::before{display: inline-block;background: #e03024;}
.commonRed { color: #e03024 }

.labeledTitle {
    font-size: 24px;
    color: #e03024;
    font-weight: bold;

}

.labeledTitle::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 16px;
    background: #ea3430;
    margin-right: 13px;
}

.proms .item.coupon, .tags-list .promoTag.coupon {
    border-left: none!important;
    border-right: none!important;
    position: relative;
    border-radius: 0!important;
    padding-left: 6px!important;
    padding-right: 6px!important;
}

.proms .item.coupon::before, .tags-list .promoTag.coupon::before, .proms .item.coupon::after, .tags-list .promoTag.coupon::after {
    content: '';
    background: url('/images/coupon-border-l.svg');
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
}

.proms .item.coupon::after, .tags-list .promoTag.coupon::after {
    left: unset;
    right: 0;
    transform: rotate(180deg);
}

.bigRedPrice {
    font-size: 20px!important;
    white-space: nowrap;
}

.smallCurrency {
    font-size: 12px!important;
}

.qhj-label {
    font-size: 12px;
    color: #e03024;
    transform: scale(0.916666);
    transform-origin: bottom right;
    margin-right: 6px;
    white-space: nowrap;
}

.dsj-price {
    font-size: 14px;
    color: #ff662b;
    margin-right: 3px;
    white-space: nowrap;
}

.dsj-label {
    font-size: 14px;
    color: #ff662b;
    white-space: nowrap;
}
/*�����͵�Ʒҳ*/
body.bd_bg{
    /*background-color: #fff;*/
    position: relative;
}


.container{
    width: 1200px;
    margin: 0 auto;
    color: #666;
    position: relative;
}
.guide{min-height: 38px;background-color: #fbfbfb;line-height: 38px;margin: 10px 0;position: relative;box-sizing: border-box;padding-left: 10px;}

.guide_keyword,.guide_class_1{
    font-size: 16px;
    color: #666;
    vertical-align: middle;
    font-weight: bold;
    padding-right: 6px;
}
.guide_keyword:hover,.guide_class_1:hover{
    cursor: text;
    color: #666;
    opacity: 1;
}
.guide_keyword_all{
    font-size: 12px;
    color: #999;
    vertical-align: middle;
    padding-right: 6px;
}
.guide_class{
    position: relative;
    display: inline-block;
}
.guide_class:hover .guide_class_head{
    border: 1px solid #e03024;
    border-bottom: 1px solid #fff;
}
.guide_class_head{
    height: 24px;
    background-color: #fff;
    display: inline-block;
    line-height: 24px;
    color:#666;;
    text-align: center;
    border: 1px solid #DDDDDD;
    vertical-align: middle;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}
.guide_class:hover .icon_guide_more{background-position: -99px -25px;}
.guide_class_head.sub_2{z-index: 4;}
.same_level.sub_2{z-index: 3;}
.guide_class_head.sub_3{z-index: 10;margin-right: 3px;}
.same_level{position: absolute;top: 32px;left: 0;width: 442px;padding: 5px 10px;border: 1px solid #e03024;z-index: 2;background-color: #fff;line-height: 16px;display: none;cursor: pointer; z-index: 9}
.same_level.same_sub_3{
    /*z-index: 2;*/
}
.same_level:hover{display: block;}
.same_level a{
    font-size: 12px;
    width: 78px;
    line-height: 16px;
    display: inline-block;
    color:#333;;
    padding: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.same_level a:hover{
    color: #e03024;
}
.icon_guide{
    width: 6px;
    height: 9px;
    background-position: -31px -41px;
    position: absolute;
    top: 21px;
    transform: translateY(-50%);
}
.icon_guide_more{
    width: 14px;
    height: 8px;
    background-position: -99px -14px;
}
li.para_item{
    list-style: none;
    height: 36px;
    line-height: 36px;
    border: 1px solid #EEEEEE;
    border-top: none;
    overflow: hidden;
    position: relative;
    /*box-sizing: border-box;*/
}
li.para_item:first-child{
    border-top: 1px solid #EEEEEE;
}
.para_key{
    display: inline-block;
    width: 118px;
    background: #FBFBFB;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
    color: #999;
    vertical-align: top;
}
.para_value{
    /* max-width: 990px; */
    max-width: 1075px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 14px;
    max-height: 220px;
    padding-right: 85px;
    overflow: hidden;
}
.para_value .para_value_item{
    display: inline-block;
    vertical-align: top;
    height: 36px;
    overflow: hidden;
    margin-right: 50px;
    color:#666;
    padding: 0 4px;
}
.para_value_item.grey {
    color: #b5b5b5;
}
.para_value a:hover{
    color: #e03024;
}
.para_value_item.red{
    color: #e03024;
    height: 20px;
    line-height: 20px;
    border: 1px solid #e03024;
    text-align: center;
    padding: 0 4px;
    top: 7px;
    position: relative;
}
a.show_more:hover{border: 1px solid #e03024;}
.none{display: none;}

/* ����б� */
.icon{display: inline-block;}
.icon.i-qhj{
    background: url("/template/metro/images/search/icon_qhj.png") center no-repeat;
    background-size: contain;
}
.icon.i-dsj{
    background: url("/template/metro/images/search/icon_dsj.png") center no-repeat;
    background-size: contain;
}
.icon.i-plus{
    background: url("/template/metro/images/search/icon_jd_plus.png") center no-repeat;
    background-size: contain;
}
.content_list{
    text-align: justify;
    position: relative;
    font-family: "PingFangSC-Regular","Hiragino Sans GB", "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
}
.content_list ul{
    width: 1200px;
    display: inline-block;
    vertical-align: top;
}
.content_list li{width: 230px;height: 374px;display: inline-block;vertical-align: middle;box-sizing: border-box;margin-bottom: 12px;position: relative;font-size: 12px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.content_list li:hover{
    /*box-shadow:0 3px 4px 0 rgba(0,0,0,0.2);*/
    border: 1px solid #d9d9d9;
}

.content_list li.placehoder{
    max-height: 0;
    min-height: 0;
    border: none;
    padding: 0;
    margin: 0;
}

.content_list .dp-list .tag{top: 4px;left: 4px;z-index: 2;background: rgba(255,244,244,1);border-radius: 2px;line-height: 20px;color: #ED1D1D;padding: 2px 4px;}
.content_list .dp-list .item-img{
    width: 230px;
    height: 230px;
    display: inline-block;
    text-align: center;
}
.content_list .dp-list .item-img > img {
    max-width: 100%;
    max-height: 100%;
}

.dp-list .price-area {
    height: 19px;
    margin-top: 13px;
    position: relative;
    font-size: 16px;
    font-family: "HelveticaNeue","Hiragino Sans GB", "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    color: #E23A3A;
    display: flex;
    align-items:center;
    padding:0 10px;
}

.dp-list .price-area .price{
    line-height: 19px;
    font-family: "HelveticaNeue-Bold", "HelveticaNeue","Hiragino Sans GB", "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.dp-list .price-area .price.gray{
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    font-family:ArialMT;
    text-decoration: line-through;
    font-weight: normal;
    margin-top: 3px;
}
.dp-list .price-area .price.dsj,.dp-list .price-area .price.plus{line-height: 14px;font-size: 14px;color: #FF6F00;font-family:HelveticaNeue;position: absolute;top: 3px;right: 51px;font-weight: normal;}
.dp-list .price-area .price.plus{color: #444444;}

.dp-list .price-area .i-qhj,
.dp-list .price-area .i-dsj, .contener .product-detail .price-list .i-dsj,
.dp-list .price-area .i-plus{width: 39px;height: 14px;}
.dp-list .price-area .i-qhj{margin:3px 8px 0 4px;}
.dp-list .price-area .i-dsj,
.dp-list .price-area .i-plus{margin:0;position: absolute;right: 10px;top: 3px;}

.dp-list .item-title {
    width: 100%;
    display: -webkit-box;
    height: 40px;
    font-size: 12px;
    padding:0 10px;
    line-height: 20px;
    font-family:"MicrosoftYaHei","HelveticaNeue", "HelveticaNeue","Hiragino Sans GB", "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;;
    color: #666666;
    overflow: hidden;
    text-align: left;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.dp-list .proms{
    max-width: 230px;
    max-height: 18px;
    padding:0 10px;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 40px;
    overflow: hidden;
}

.dp-list .proms .item{
    height: 16px;
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    color: #E23A3A;
    border-radius:2px;
    border:1px solid #E23A3A;
    margin-right: 4px;
    padding:0 3px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    flex-shrink: 0;
}
.dp-list .proms .item#zy{
    width: 28px;
    background: #E23A3A;
    color: white;
    padding:0;
    overflow: initial;
    -ms-text-overflow: unset;
    text-overflow: unset;
    word-break: keep-all;
}

.dp-list .proms .price-protect{
    width: 50px;
    height: 18px;
    background: url("/template/metro/images/price_protect/price-pro@2x.png") no-repeat center/100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
}

.dp-list .site{
    width: 210px;
    height: 16px;
    position: absolute;
    left: 10px;
    bottom: 12px;
    display: flex;
    align-items: center;
}

.dp-list .site .site-icon{
    width: 14px;
    height: 14px;
}
.dp-list .site .site-name{
    width: 124px;
    height: 16px;
    line-height: 16px;
    color: #999999;
    margin-left:2px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 110px;
}

.dp-list .num{
    line-height: 16px;
    color: #999999;
    position: absolute;
    right: 10px;
    bottom: 12px;
}

/* �������Ժ�ɸѡ */
.icon_search{
    background-image: url("/template/metro/images/search_icon.png");
    display: inline-block;
    vertical-align: middle;
}
.price_1 {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 50px;
    top: 6px;
}
.price_2{
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 50px;
}
.price_stable.price_1{
    background-position: -140px -13px;
}
.price_stable.price_2{
    background-position: -140px -22px;
}
.price_up.price_1,.order_header a.order_price:hover .price_up.price_1{
    background-position: -122px -13px;
}
.price_up.price_2{
    background-position: -176px -22px;
}
.price_down.price_1{
    background-position: -176px -13px;
}
.price_down.price_2{
    background-position: -122px -22px;
}
.icon_all{
    display: inline-block;
    width: 12px;
    height: 14px;
    background-position: -10px -10px;
    vertical-align: middle;
    margin-right: 10px;
}
a.show_more, a.select_more{
    position: absolute;
    top: 7px;
    width: 56px;
    height: 22px;
    border: 1px solid #DDDDDD;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
    color:#666;
    display: none;
}
a.show_more{
    right: 19px;
}
a.show_more span{
    padding-right: 4px;
}
.multi_select{
    text-align: center;
    height: 36px;
    background: #FBFBFB;
}
.multi_select a{
    display: inline-block;
    width: 46px;
    height: 22px;
    line-height: 22px;
    padding:0 13px;
}
.multi_select a:first-child{
    background: #e03024;
    color: #fff;
    border: 1px solid #B9082C;
}
.multi_select a:last-child{
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
}
.item_show_more{
    text-align: center;
    position: relative;
    z-index: 1;
    top: -1px;
    border-top: 1px solid #eee;
}
.item_show_more.pickup{
    border-top: 1px solid #ea3430!important;
}
.item_show_more>span{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 20px;
    border: 1px solid #EEEEEE;
    border-top: 1px solid #fff;
    top: -1px;
    z-index: 2;
    color:#666;
    position: relative;
    cursor: pointer;
}
.item_show_more>span.pickup{
    border: 1px solid #ea3430;
    border-top: 1px solid #fff;
}
.item_show_more>span.pickup span{
    color: #ea3430;
}
.pages{
    text-align: center;
    clear: both;
    margin-bottom: 10px;
}
.pages a,.jump_page{
    display: inline-block;
    border: 1px solid #EEEEEE;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 14px;
    margin: 2px;
    cursor: pointer;
}
.pages a.page_num{
    width: 38px;
    background: #FBFBFB;
    color: #666;
    box-sizing: border-box;
}
.pages a.current,.pages a.current:hover{
    color: #fff;
    background: #e03024;
    border: 1px solid #e03024;
}
.pages a:hover{
    background-color: #fff;
    color: #e03024;
    border: 1px solid #e03024;
}
.pages .prev_next{
    width: 86px;
    color: #999;
}
.jump_page{
    width: 64px;
    background: #FBFBFB;
    color: #999;
    cursor: pointer;
}
.jump_num{
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    outline: none;
    font-size: 14px;
    color: #666;
    border: 1px solid #EEEEEE;
    padding: 0 6px;
    text-align: center;
}
.pages span{
    color: #999;
}
.icon_show_more{
    width: 13px;
    height: 8px;
    background-position: -309px -14px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
.no_product{
    text-align: center;
    margin-top: 50px;
}
.no_product img{
    width: 72px;
    height: 80px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.no_product p{
    font-size: 14px;
    color: #999;
    margin-bottom: 50px;
}
/**
 * �Ѽ�ͷ�ܽ�����
 */
/*��ɫ����*/
.arrow_blank_up{
    background-position: -286px -13px;
}
.arrow_blank_down{
    background-position: -309px -14px;
}
/*��ɫ����*/
.arrow_red_down{
    background-position: -309px -25px;
}
.arrow_red_up{
    background-position: -286px -25px;
}

.icon_select_more{
    width: 11px;
    height: 11px;
    background-position: -10px -136px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

.menu_gr p{
    cursor: pointer;
}
.menuMain_sub.test_1{
    display: block;
    background: #fff;
}
.menuMain_sub{
    display: none;
    background-color: #fff;
    border: none;
    box-shadow: 4px 4px 5px -4px #999;
    border-bottom: 1px solid #ccc;
}
.sub_2_area{
    line-height: 19px;
    margin-top: 14px;
}
.sub_2_left{
    width: 92px;
    margin-left: 24px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    display: inline-block;
    line-height: 19px;
    vertical-align: top;
}
.sub_2_right{
    display: inline-block;
    line-height: 19px;
    width: 610px;
}
.sub_2_right a{
    display: inline-block;
    font-size: 14px;
    color: #999;
    padding-right: 14px;
    margin-bottom: 10px;
}
.sub_2_right a:hover{color: #e03024;}
.guide_left{display: inline-block;}
.guide_left .img-locate{width: 12px;height: 14px;margin-right: 8px;position: relative;top: 3px;}
.select_param_div{vertical-align: top;overflow: hidden;}
.select_param{
    border: 1px solid #DDDDDD;
    display: inline-block;
    max-width: 207px;
    overflow: hidden;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    margin-right: 6px;
    padding: 0 0 0 8px;
    background-color: #fff;
}
.select_param_1{
    margin-left: 5px;
}
p.select_param:first-child{
    margin-left: 5px;
}
.select_param:hover{
    border: 1px solid #e03024;
}
.select_param a{
    display: inline-block;
    width: 21px;
    text-align: center;
    opacity: 1;
    float: right;
    margin-left: 3px;
}
.select_param span.para_select_value,.select_param:hover span{
    color: #e03024;
}
.select_param:hover a{
    background-color: #e03024;
}
.select_param a img:last-child{
    display: none;
}
.select_param:hover a img:first-child{
    display: none;
}
.select_param:hover a img:last-child{
    display: inline-block;
}
.reset_select{
    display: inline-block;
    vertical-align: middle;
    color: #666;
}
.reset_select:hover{
    color: #e03024;
}
.select_param_text_div{
    max-width: 175px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*���������ಹ�������*/
.supple{
    display: inline-block;
    margin-right: 20px;
    width: 210px;
}

.lowest{
    box-shadow: none;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    width: 210px;
    margin-bottom: 20px;
}
.lowest-bottom{
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}
.lowest h2{
    opacity: 0.88;
    background: #F8F8F8;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    width: 208px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.lowest-list-bottom{
    box-sizing: border-box;
    overflow: hidden;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
}
.lowest-list-bottom.less6{
    justify-content: flex-start;
}

.lowest-bottom h2{
    width: 100%;
    padding-left: 20px;
}
.lowest-bottom h2 span{
    float: right;
}

.lowest h2 img{
    float: right;
    position: relative;
    top: 13px;
}
.lowest h2 a{
    float: right;
    top: 5px;
}
.lowest h2 a span{
    vertical-align: middle;
    float: none;
}
.lowest h2 a img{
    float: none;
    position: static;
    vertical-align: middle;
}
.lowest-item{
    height: 257px;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
}
.lowest-item.lowest-item-bottom{
    float: left;
    width: 180px;
    padding: 0;
    height: 237px;
}
.lowest-item.lowest-item-bottom.lowest-item-bottom-taobao{
    height: 180px;
}
.lowest-item.lowest-item-bottom.lowest-item-bottom-zheshangzhe{
    height: 238px;
}
.lowest-item-img{
    width: 130px;
    height: 130px;
    display: block;
    margin: 0 auto;
    margin-bottom: 7px;
}
.lowest-item p{
    text-align: center;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
    margin-bottom: 7px;
}
.lowest-item p.lowest-price img{
    width: 16px;
    height: 16px;
    /*vertical-align: middle;*/
}
.lowest-item p.lowest-price span{
    /*vertical-align: middle;*/
    vertical-align: middle;
    color: #e03024;
    position: relative;
    top: -4px;
}
.item-title:hover,.promo:hover{
    color: #D51B41;
}
.lowest-more{
    display: block;
    text-align: center;
    border-top: 1px solid #eee;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #999;
    cursor: pointer;
}
.lowest-bottom .lowest-more{
    display: inline-block;
    font-size: 12px;
    font-weight: lighter;
    padding-right: 10px;
    position: relative;
    bottom: 1px;
    border: none;
}
.lowest-more:hover{
    color: #e03024;
}

.lowest-item .zsz-quan{
    vertical-align: middle;
    font-size: 12px;
    color: #e3312d;
    position: relative;
    height: 18px;
}
.zsz-quan span {
    position: absolute;
    display: inline-block;
    width: 90px;
    text-align: center;
    left: 49px;
    top: 1px;
}
.zsz-quan img {
    width: 90px;
    height: 18px;
}
.lowest.taobao .lowest-item{
    height: 194px;
}
.lowest.taobao .lowest-item:last-child{
    margin-bottom: 15px;
}

/*�����͵�Ʒҳ����*/

/*ֵ�����б�ҳ��css*/
/*�Ƚ�ͨ�õIJ���*/
ul{text-align: justify;}
.z_li{width: 230px; height: 382px; display: inline-block; background: #fff; vertical-align: top; position: relative; margin-bottom: 16px;}
.quan_li.fix_last_line,.fix_last_line{
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.z_li:hover{
    box-shadow: 0 0 5px red;
}
.z_pic,.z_pic_img{
    width: 224px;
    height: 224px;
    display: block;
    position: relative;
    margin: 0 auto;
}
.z_pic_img img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 224px;
    max-height: 224px;
}
.z_keyword{
    position: absolute;
    left: 3px;
    top: 3px;
    padding: 0 4px 0 4px;
    color: #4f8cc0;
    background-color: rgba(244,244,244,0.9);
    display: inline;
}
.z_keyword:hover{
    background-color: #DB0033;
    color: #fff;
}
.z_desc{
    padding: 0 14px;
}
.z_title,.z_title:hover{
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    color: #666;
    display: block;
    height: 60px;
    overflow: hidden;
}
.z_coupon_price{
    font-size: 14px;
    display: block;
    line-height: 20px;
    height: 40px;
}
.z_coupon_price span:first-child{
    color: #888;
}
.z_coupon_price span:last-child{
    color: #ea3333;
}
.z_quan_info{
    display: inline-block;
    line-height: 28px;
    padding: 0 10px;
    color: #ea4052;
    border: 1px dotted #ec4052;
    border-radius: 4px;
}
.z_quan_info:hover{
    color: #ea4052;
}
.z_site{
    height: 28px;
    position: absolute;
    bottom: 6px;
}
.z_site img{
    width: 16px;
    height: 16px;
}
.z_site img,.z_site span,.z_site a{
    vertical-align: middle;
}
.z_site span{
    color: #999;
    max-width: 110px;
}
.z_gotobuy,.z_gotobuy:hover{
    border-radius: 2px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    width: 56px;
    background: #ec4052;
    display: inline-block;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -4px;
    left: 148px;
}

/*ʲôֵ����IJ���*/
/*��Ϊʲôֵ������߼��Ƚϸ��ӣ��������һЩ��û�е���ʽ*/
.zdm_quan_link{
    display: inline-block;
    line-height: 28px;
    padding: 0 10px;
    color: #ea4052;
    border: 1px dotted #ec4052;
    border-radius: 4px;
}
.zdm_quan_link:hover{
    color: #ea4052;
}

.report{
    position: absolute;
    right: 0;
    top: 0;
    display:none;
    z-index: 3;
    color: #999;
}
.z_li:hover .report{
    display:block;
}
.tejia_icon{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}
.ys_icon{
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
}

.create_time{
    position: absolute;
    left: 12px;
    bottom: 0;
    z-index: 2;
    color: #999;
}

.z_price{
    font-size: 14px;
    color: #ea3333;
    height: 40px;
    display: block;
    overflow: hidden;
}
.z_title.zdm_title{
    height: 40px;
    margin-bottom: 20px;
}
.z_discount_code label{
    color: #666;
}
.z_discount_code span:last-child{
    font-weight: bold;
}
.z_desc_content {
    color: #666;
    height: 60px;
    overflow: hidden;
    text-align: left;
}

/*޶��ë���а��CSS*/
.bang{
    width: 962px;
    /*height: 350px;*/
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.bang_header{
    background-color: #ffffff;
    height: 52px;
    line-height: 52px;
    padding-right: 10px;
    border-bottom: 1px solid #eaeaea;
}
.bang_header div img,.bang_header div span{
    vertical-align: middle;
}
.bang_header_left{
    float: left;
}
.bang_header_left span{
    font-size: 24px;
    color: #333333;
    padding-left: 16px;
}
.bang_header_right{float: right;}
.bang_header_right span{font-size: 14px;color: #999999;padding-left: 10px;}
.bang_header_right img{width: 18px; height: 16px;}
.slider_container{
    width: 1100px;
    /*height: 295px;*/
    margin: 16px 42px;
    overflow: hidden;
}
.slider{
    width: 4390px;
    position: relative;
    display: flex;
}
.slider li{
    width: 1100px;
    height: 260px;
    list-style: none;
    text-align: justify;
    display: flex;
    float: left;
}
.slider li a{
    display: inline-block;
    width: 200px;
    vertical-align: top;
    position: relative;
    margin-right: 25px;
}
.slider li a:nth-child(5n+0){margin-right: 0;}
.slider li a img{
    width: 200px;
    height: 200px;
    display: block;
}
.slider li a:hover .bang_title, .bang_price{
    color: #E23A3A;
}
.bang_title{
    color: #666666;
    line-height: 16px;
    margin: 15px 0;
    height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bang_price_div span{
    vertical-align: middle;
}

.bang_price span:last-child{
    font-size: 18px;
    font-weight: bold;
}
.bang_price_badge{
    width: 39px;
    height: 14px;
    display: inline-block;
    background: url(/template/metro/images/search/icon_qhj.png) center no-repeat;
    background-size: contain;
    margin-left: 4px;
}
.bang_rank{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 26px;
    height: 33px;
}
.bang_rank_0{
    background-image: url("/tmpdir/bang_01.png");
}
.bang_rank_1{
    background-image: url("/tmpdir/bang_02.png");
}
.bang_rank_2{
    background-image: url("/tmpdir/bang_03.png");
}
.bang_quan_info {
    position: absolute;
    top: 181px;
    right: 0;
    display: inline-block;
    /*width: 81px;*/
    height: 19px;
    padding-left: 10px;
    padding-right: 10px;
    background: #E23A3A;
    text-align: center;
    color: #fff;
    font-weight: 400;
    border-radius: 2px;
}
.bang_sale_cnt{
    float: right;
    color: #999;
}
#prev{
    position: absolute;
    left: 12px;
    top: 154px;
}
#next{
    position: absolute;
    right: 12px;
    top: 154px;
}
.division{
    margin-bottom: 18px;
}
.division span{
    vertical-align: middle;
}
.division_left,.division_right{
    width: 398px;
    display: inline-block;
    border-top: 1px solid #D8D8D8;
}
.division_title{
    display: inline-block;
    font-size: 18px;
    color: #EC2D2C;
    padding: 0 37px;
}

/*�Ż�ȯ��Ŀ��һЩ��ʽ*/
.quan_li{
    width: 387px;
    height: 155px;
    display: inline-block;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 5px #999;
    margin-top: 16px;
}
.quan_li .quan_pic{
    width: 184px;
    height: 94px;
    float: left;
    padding: 20px 17px 40px 10px;
    background: url(/template/metro/images/cut.png) right center no-repeat;
}
.quan_li .quan_desc{
    float: left;
    width: 166px;
    padding: 16px 0 0 9px;
}
.quan_li .quan_tit{
    text-align: left;
}

/**
�����������ʽ��
 */
.icon_zheshangzhe,.icon_header{
    background: url(/template/metro/images/zheshangzhebg.png) no-repeat;
}
.class_ul{
    background: #FFFFFF;
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.16);
    width: 212px;
    padding: 4px 0;
}
.cate_list_box{
    border-bottom: 1px dashed #ccc;
    box-sizing: border-box;
    margin: 0px 10px 0px;
    padding: 4px 0px;
}
.cate_list_box:last-child {
    border: none;
}
a.class_li{
    list-style: none;
    display: block;
    vertical-align: middle;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    font-size: 0;
}
a.class_li i,.category_header p i{
    width: 20px;
    height: 20px;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin-right: 16px;
}
.category_header p i{
    margin-right: 10px;
    position: relative;
    top: -1px;
}
a.class_li span {
    font-size: 14px;
    color: #666666;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 1px;
}
a.class_li:hover span,a.class_li.current span{
    color: #EC2D2C;
}
.icon01000000{
    background-position: -4px -3px;
}
.icon02000000{
    background-position: -27px -3px;
}
.icon03000000{
    background-position: -53px -3px;
}
.icon04000000{
    background-position: -76px -3px;
}
.icon05000000{
    background-position: -100px -3px;
}
.icon06000000{
    background-position: -124px -3px;
}
.icon07000000{
    background-position: -148px -3px;
}
.icon10000000{
    background-position: -171px -3px;
}
.icon11000000{
    background-position: -196px -3px;
}
.icon12000000 {
    background-position: -220px -3px;
}
.icon13000000{
    background-position: -244px -3px;
}
.icon14000000{
    background-position: -268px -3px;
}
.icon15000000{
    background-position: -292px -4px;
}
.icon16000000{
    background-position: -316px -3px;
}
.icon17000000{
    background-position: -340px -3px;
}
.icon18000000{
    background-position: -364px -4px;
}
.icon19000000{
    background-position: -388px -3px;
}
.icon1A000000{
    background-position: -412px -4px;
}
.icon1B000000{
    background-position: -436px -4px;
}
.icon1C000000{
    background-position: -460px -3px;
}
.icon1D000000{
    background-position: -485px -4px;
}
.icon1E000000{
    background-position: -508px -4px;
}
.icon1F000000{
    background-position: -533px -4px;
}
.icon20000000{
    background-position: -556px -3px;
}
.icon21000000{
    background-position: -580px -3px;
}
.icon22000000{
    background-position: -603px -3px;
}
.icon23000000{
    background-position: -628px -3px;
}
.icon24000000{
    background-position: -653px -4px;
}
.icon25000000{
    background-position: -676px -3px;
}
.icon26000000{
    background-position: -700px -3px;
}
.icon30000000{
    background-position: -724px -3px;
}

.class_li.current .icon01000000,.class_li:hover .icon01000000, .category_header > p:hover .icon01000000{
    background-position: -4px -27px;
}
.class_li.current .icon02000000,.class_li:hover .icon02000000, .category_header > p:hover .icon02000000{
    background-position: -27px -27px;
}
.class_li.current .icon03000000,.class_li:hover .icon03000000, .category_header > p:hover .icon03000000{
    background-position: -52px -27px;
}
.class_li.current .icon04000000,.class_li:hover .icon04000000, .category_header > p:hover .icon04000000{
    background-position: -76px -27px;
}
.class_li.current .icon05000000,.class_li:hover .icon05000000, .category_header > p:hover .icon05000000{
    background-position: -100px -27px;
}
.class_li.current .icon06000000,.class_li:hover .icon06000000, .category_header > p:hover .icon06000000{
    background-position: -124px -27px;
}
.class_li.current .icon07000000,.class_li:hover .icon07000000, .category_header > p:hover .icon07000000{
    background-position: -148px -27px;
}
.class_li.current .icon10000000,.class_li:hover .icon10000000, .category_header > p:hover .icon10000000{
    background-position: -171px -27px;
}
.class_li.current .icon11000000,.class_li:hover .icon11000000, .category_header > p:hover .icon11000000{
    background-position: -196px -27px;
}
.class_li.current .icon12000000,.class_li:hover .icon12000000, .category_header > p:hover .icon12000000{
    background-position: -220px -27px;
}
.class_li.current .icon13000000,.class_li:hover .icon13000000, .category_header > p:hover .icon13000000{
    background-position: -244px -27px;
}
.class_li.current .icon14000000,.class_li:hover .icon14000000, .category_header > p:hover .icon14000000{
    background-position: -268px -27px;
}
.class_li.current .icon15000000,.class_li:hover .icon15000000, .category_header > p:hover .icon15000000{
    background-position: -292px -28px;
}
.class_li.current .icon16000000,.class_li:hover .icon16000000, .category_header > p:hover .icon16000000{
    background-position: -316px -27px;
}
.class_li.current .icon17000000,.class_li:hover .icon17000000, .category_header > p:hover .icon17000000{
    background-position: -340px -27px;
}
.class_li.current .icon18000000,.class_li:hover .icon18000000, .category_header > p:hover .icon18000000{
    background-position: -364px -28px;
}
.class_li.current .icon19000000,.class_li:hover .icon19000000, .category_header > p:hover .icon19000000{
    background-position: -388px -27px;
}
.class_li.current .icon1A000000,.class_li:hover .icon1A000000, .category_header > p:hover .icon1A000000{
    background-position: -412px -28px;
}
.class_li.current .icon1B000000,.class_li:hover .icon1B000000, .category_header > p:hover .icon1B000000{
    background-position: -436px -28px;
}
.class_li.current .icon1C000000,.class_li:hover .icon1C000000, .category_header > p:hover .icon1C000000{
    background-position: -460px -27px;
}
.class_li.current .icon1D000000,.class_li:hover .icon1D000000, .category_header > p:hover .icon1D000000{
    background-position: -485px -27px;
}
.class_li.current .icon1E000000,.class_li:hover .icon1E000000, .category_header > p:hover .icon1E000000{
    background-position: -508px -28px;
}
.class_li.current .icon1F000000,.class_li:hover .icon1F000000, .category_header > p:hover .icon1F000000{
    background-position: -533px -28px;
}
.class_li.current .icon20000000,.class_li:hover .icon20000000, .category_header > p:hover .icon20000000{
    background-position: -556px -27px;
}
.class_li.current .icon21000000,.class_li:hover .icon21000000, .category_header > p:hover .icon21000000{
    background-position: -580px -28px;
}
.class_li.current .icon22000000,.class_li:hover .icon22000000, .category_header > p:hover .icon22000000{
    background-position: -603px -27px;
}
.class_li.current .icon23000000,.class_li:hover .icon23000000, .category_header > p:hover .icon23000000{
    background-position: -628px -27px;
}
.class_li.current .icon24000000,.class_li:hover .icon24000000, .category_header > p:hover .icon24000000{
    background-position: -652px -27px;
}
.class_li.current .icon25000000,.class_li:hover .icon25000000, .category_header > p:hover .icon25000000{
    background-position: -676px -27px;
}
.class_li.current .icon26000000,.class_li:hover .icon26000000, .category_header > p:hover .icon26000000{
    background-position: -700px -27px;
}
.class_li.current .icon30000000,.class_li:hover .icon30000000, .category_header > p:hover .icon30000000{
    background-position: -724px -27px;
}


/**��ҳ�������ʽ*/
.category_header{
    width: 212px;
    background: #FFFFFF;
    padding-bottom: 5px;
    z-index: 4;
    position: relative;
}
.category_header > p{
    line-height: 34px;
    font-size: 14px;
    padding-left: 27px;
}
.category_header > p:hover{
    background: #F5F5F5;
}
.category_header > p:hover a{
    color: #D51B41;
}
.category_header > p a{
    vertical-align: middle;
}
.category_header > p a:hover{
    text-decoration: underline;
}
.category_content_detail {
    width: 800px;
    min-height: 394px;
    background-color: #fff;
    position: absolute;
    top: 8px;
    left: 212px;
    display: none;
    box-shadow: 0 5px 7px 0 rgba(0,0,0,0.20);
    padding: 25px 28px;
    box-sizing: border-box;
    z-index: 2;
}
.category_content_container>div{
    float: left;
}
.category_content_container{
    width: 754px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 12px;
    vertical-align: top;
    line-height: 20px;
}
div.category_content_header2{
    width: 86px;
    padding-right: 18px;
}
div.category_content_header2 a{
    font-size: 14px;
    color: #444444;
    font-weight: bold;
}
div.category_content_detail3{
    width: 648px;
    border-bottom: 1px solid #F0F0F0;
}
div.category_content_detail3 a{
    font-size: 12px;
    color: #777777;
    padding-right: 18px;
    display: inline-block;
    padding-bottom: 10px;
}
div.category_content_detail3 a:hover{
    color: #D51B41;
}

/**
 ��Ʒ�м�ҳ
 2019-07-02
 author: wanghui
 */
.contener .detail_box{
    padding: 18px 30px 28px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}
.contener .detail_box *{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.contener .detail_box .icon {
    display: inline-block;
}
.contener .detail_box .icon.i-plus, .search_content .product-info .icon.i-plus{
    width: 39px;
    height: 14px;
    background: url("/template/metro/images/search/icon_jd_plus.png") center no-repeat;
    background-size: contain;
}
.contener .detail_box .icon.i-qhj, .search_content .product-info .icon.i-qhj{
    width: 39px;
    height: 14px;
    background: url("/template/metro/images/search/icon_qhj.png") center no-repeat;
    background-size: contain;
    margin: 0 8px;
}
.contener .detail_box .icon.i-hbj, .search_content .product-info .icon.i-hbj{
    width: 61px;
    height: 14px;
    background: url("/template/metro/images/search/icon_hbj.png") center no-repeat;
    background-size: contain;
    margin: 0 8px;
}
.contener .detail_box .icon.i-clock{
    background: url("/template/metro/images/trend/icon_clock_blue@2x.png") center no-repeat;
    background-size: contain;
}
.contener .detail_box .icon.i-clock.red, .search_content .product-info .icon.i-clock.red{
    background: url("/template/metro/images/search/icon_clock_red.png") center no-repeat;
    background-size: contain;
}
.contener .detail_box .underline-text{text-decoration: underline;}
.contener .detail_box .zoom,.contener .detail_box .product-detail .detail-l{
    width: 667px;
    display: inline-block;
}
.contener .detail_box .zoom .crumb a {color: #969899 !important;}
.contener .detail_box .zoom .crumb a:hover {color: #e03024 !important;}

.contener .detail_box .product-detail{width: 100%; margin-top: 24px;}

.contener .detail_box .product-detail .detail-l {display: flex;}
.contener .detail_box .product-detail .detail-l .dp-img{
    width: 270px;
    height: 270px;
    text-align: center;
    display: inline-block;
    border:1px solid #EEEEEE;
}
.product-detail .detail-l .dp-img>img{max-width: 100%;max-height: 100%;}
.product-detail .detail-l .dp-img .badge.invalid{width: 44px;height: 24px;background: url(/template/metro/images/feature/invalid@2x.png) center center no-repeat;background-size: 100%;z-index: 2; right: 4px; top: 4px;}

.product-detail .detail-l .dp-info{
    width: 400px;
    display: inline-block;
    margin-left: 21px;
    position: relative;
}

.product-detail .detail-l .dp-info .title{
    max-height: 40px;
    line-height: 20px;
    font-size: 14px;
    font-family: "Microsoft YaHei","HelveticaNeue","Hiragino Sans GB", Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    overflow: hidden;
    word-break: break-all;
    display: block;
}
.product-detail .detail-l .dp-info .title.invalid{color: #999999;}
.product-detail .detail-l .dp-info .title .site-icon{
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 1px 4px 0 0;
}

.product-detail .detail-l .dp-info .title .zy{
    width: 28px;
    height: 16px;
    line-height: 16px;
    margin: 1px 6px 0 0;
    overflow: hidden;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    font-family: "Helvetica Neue","Hiragino Sans GB",SimSun,serif;
    background: #e23a3a;
    color: #FFF;
    border-radius: 2px;
}

.product-detail .detail-l .dp-info .price-list{
    margin: 16px 0 0 0;
    font-family: "HelveticaNeue", "Microsoft YaHei","Hiragino Sans GB", Verdana, Arial, Helvetica, sans-serif;
    display: flex;
    align-items: center;
}

.product-detail .detail-l .dp-info #current-price{
    line-height: 24px;
    font-size: 20px;
    color: #E23A3A;
}

.product-detail .detail-l .dp-info #plus-price{
    line-height: 18px;
    font-size: 16px;
    color: #444444;
    margin:0 4px 0 10px;
}
.product-detail .detail-l .dp-info #line-through-price{
    line-height: 14px;
    text-decoration: line-through;
    color: #999999;
    font-size: 12px;
}

.product-detail .detail-l .dp-info .discount-info{color: #888888; line-height: 19px; max-height: 95px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;word-break: break-all;}

.product-detail .detail-l .add-collection {
    right: -22px;
    line-height: 100%;
}

.buy-section .buy .icon-toggle-arrow {
    width: 9px;
    height: 6px;
    display: inline-block;
    position: relative;
    margin-left: 2px;
    top: -1px;
    background: url("/template/metro/images/dp/icon-arrow-u.png") no-repeat center/100%;
}

/*.buy-section .buy:hover .icon.icon-toggle-arrow {*/
/*    background: url("/template/metro/images/dp/icon-arrow-d.png") no-repeat center/100%;*/
/*    top: -2px;*/
/*}*/

.buy-section .hover-item-buy:hover #to-item-url {
    display: inline-block;
}

.buy-section .hover-item-buy #to-item-url {
    background: #fff;
    left: 0;
    width: 100%;
    right: 0;
    line-height: 34px;
    bottom: -38px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.09);
}

.buy-section .hover-item-buy #to-item-url:hover {
    opacity: 1;
}

.product-detail .detail-l .favorite{width: auto; height:auto; line-height: 16px; border:0; text-align: left; border-radius: 0; color: #4A90E2; font-size: 14px;display: inline-flex;align-items: center; cursor: pointer;}
.product-detail .detail-l .favorite.collected,
.product-detail .detail-l .favorite:hover,
.product-detail .detail-l .dsj-info .dsj-prom>a.active:hover{background: none;color: #E23A3A;}
.product-detail .detail-l .favorite .icon {margin: 0 4px 2px 0;width: 18px;height: 18px;}
.product-detail .detail-l .favorite:hover .icon{background: url("/template/metro/images/search/icon_clock_red.png") center no-repeat;background-size: contain;}

.product-detail .detail-l .dsj-info{display: flex; align-items: center; flex-wrap: wrap; margin:12px 0 0 0;}
.product-detail .detail-l .dsj-info .dsj-price{color: #E23A3A;line-height: 19px;font-size: 14px;margin-right: 10px;}
.product-detail .detail-l .dsj-info .dsj-prom{color: #666666;font-size: 12px;line-height: 16px;max-width: 380px;height: 16px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.product-detail .detail-l .dsj-info .dsj-prom a{cursor: default;color: #666666;}
.product-detail .detail-l .dsj-info .dsj-prom a:hover{color: #666666;}
.product-detail .detail-l .dsj-info .dsj-prom a.active{text-decoration: underline;color: #666666;cursor: pointer;}
.product-detail .detail-l .quan{
    height: 28px;line-height: 24px; padding: 1px 23px;text-align: center;
    display: inline-block;margin-top: 10px;font-size: 14px;
    background: url("/template/metro/images/search/icon_tb_quan_bg_big.png") 0 0 no-repeat;
    background-size: 100% 100%;  color: #E23A3A;
}
.product-detail .detail-l .brand{margin-top: 10px;}
.product-detail .detail-l .brand,.product-detail .detail-l .brand a{font-size: 12px;color: #999999;}
.product-detail .detail-l .dp-info .title:hover, .product-detail .detail-l .brand a:hover{color: #E23A3A;}
.product-detail .detail-l .buy{
    padding:6px 12px;background:#e03024; border-radius:4px;color: #ffffff;line-height: 19px;font-size: 14px;
    white-space: nowrap;
    position: absolute;
    left: 0;
    bottom: 6px;
}

.product-detail .detail-l .hover-item-buy .buy {
    position: inherit;
    left: unset;
    bottom: unset;
}

.product-detail .detail-l .buy.que{background: #cccccc;}

.product-detail .detail-l .site{position: absolute;right: 0;bottom: 13px;display: flex;align-items: center;font-size: 12px;line-height: 16px;color: #999999;}
.product-detail .detail-l .site .icon{width: 14px; height: 14px;}
.product-detail .detail-l .site .shop-name{margin: 0 0 0 2px;max-width: 246px;height: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-detail .detail-l .site .num{margin-left: 14px;}

.product-detail .detail-l .book-info, .product-detail .detail-l .book-info a{font-size: 12px;color: #999999;line-height: 16px;}
.product-detail .detail-l .book-info a:hover{color: #E23A3A;}
.product-detail .detail-l .dp-info .price-list .i-dsj{margin: 0 8px;}
.product-detail .detail-l .dp-info .book-info{margin-top: 20px;}
.book-info p:not(:first-child){margin-top: 6px;}

.contener .detail_box .product-detail .detail-r{
    width: 438px;
    height: 302px;
    display: inline-block;
    /*margin-left: 60px;*/
    position: absolute;
    right: 30px;
    top: 0;
}

.contener .detail_box .product-detail .detail-r .price-history{
    padding: 0;
}
.contener .detail_box .product-detail .detail-r .price-history .price-left{
    padding-top: 20px;
}

.contener .detail_box .product-detail .detail-r .price-history .point-detail{
    width: 100%;
}
.price-history .price-head .trend-day-options .option-item:hover,.price-history .cxmx:hover{color: #E23A3A !important;}

.price-history .cxmx{
    color: #a1a2a9;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 0;
}

.price-history .point-detail .list{
    width: 100%;
    background: #F6f6f6;
}

.detail-r .price-history .point-detail .list .item .txt3{
    max-width: 270px;
}

.search_content .product-info .buy.rebateLink {
    width: 100px;
}

.search_content .product-info .w125 {
    width: 125px!important;
    left: calc(100% - 125px)!important;
}

/*-------------- ��ʷ�۸��ѯ���ҳ --------------*/
.search_content .titWrap a.blue{color: #4A90E2;}
.search_content .product-info .icon.i-clock{ background: url("/template/metro/images/trend/icon_clock_blue@2x.png") center no-repeat; background-size: contain;}
.search_content .product-info .icon.i-clock.red,
.search_content .product-info .right .favorite:hover .icon.i-clock{background: url("/template/metro/images/trend/icon_clock@2x.png") center no-repeat; background-size: contain; }
.main_new1 .search_content .product-info{width: 946px; min-height: 250px; display: block; margin: 24px 0 23px 0; border-radius: 4px; background: #F8F8F8; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
.search_content .product-info .left{width: 210px; height: 210px; background: white;display: inline-block; text-align: center;}
.search_content .product-info .left .dp-img{max-width: 100%; max-height: 100%; }
.search_content .product-info .right{width: 666px; min-height: 210px; margin-left:30px; display: inline-block; color: #333333; font-size: 16px; text-align: left; position: relative;}
.search_content .product-info .right .dp-title{width: 100%; max-height: 52px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; font-weight: 400; display: block; color: #333;}
.search_content .product-info .right .price-list{margin-top: 20px; font-size: 18px; display: flex; align-items: center; position: relative;}
.search_content .product-info .right .price-list .current-price{height: 22px; font-weight: bold; color: #e03024; line-height: 23px;}
.search_content .product-info .right .price-list .plus-price{font-size: 14px; line-height: 18px; color: #444444; margin: 1px 4px 0 10px;}
.search_content .product-info .right .price-list #line-through-price{font-size: 14px; line-height: 16px; color: #999999; text-decoration: line-through;}
.search_content .product-info .right .price-list .collect{position: absolute;right: 0; cursor: pointer;}
.search_content .product-info .right .price-list .collect .favorite{font-size: 14px; color: #4a90e2; line-height: 19px; display: flex;}
.search_content .product-info .right .price-list .collect .favorite:hover{color: #e03024;}
.search_content .product-info .right .price-list .collect .favorite.collected{color: #e03024;}
.search_content .product-info .icon.i-clock{width: 18px; height: 18px; margin-right: 8px;}
.search_content .product-info .dsj-info{margin-top: 12px; display: flex; align-items: center;}
.search_content .product-info .dsj-info .dsj-price{font-size: 16px; line-height: 19px; color: #e03024;}
.search_content .product-info .dsj-info .dsj-prom{font-size: 12px; line-height: 16px; color: #666666; margin-left: 10px;}
.search_content .product-info .dsj-info .dsj-prom a.active{text-decoration: underline;}
.search_content .product-info .quan{height: 28px; margin-top: 12px; font-size: 14px; text-align: center; line-height: 28px; color: #e03024; display: inline-block; padding: 0 23px; background: url("/template/metro/images/trend/icon_quan_bg_big@2x.png") center no-repeat; background-size: contain;}
.search_content .product-info .site{position: absolute; left: 0; bottom: 0; display: flex; align-items: center; font-size: 12px; line-height: 16px; color: #999;}
.search_content .product-info .site .icon{width: 14px; height: 14px; display: inline-block; margin-right: 4px;}
.search_content .product-info .buy{line-height: 19px; padding: 8px 29px; background: #e03024; border-radius: 4px; color: white; position: absolute; right: 0; bottom: 0; box-sizing: content-box; font-size: 14px;}
.no-history .no-history-txt{margin-top: 18px; font-family: "PingFangSC-Regular","Hiragino Sans GB", "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;}
.no-history .p1{font-size: 14px; color: #4a90e2; line-height: 17px; margin-top: 30px;}
.no-history .p1 .middot{font-weight: bolder;}
.no-history .p1 .middot:nth-child(1){margin-right: 8px;}
.no-history .p1 .middot:nth-child(2){margin-left: 8px;}
.no-history .site-logo-list{margin: 30px 0 0 0; height: 44px;}
.no-history .site-logo-list .item{width: 86px; height: 44px; background: #F8F8F8; text-align: center; display: inline-block;}
.no-history .site-logo-list .item:not(:first-child){margin-left: 24px;}
.no-history .site-logo-list .item img{width: 81px; height: 40px; margin-top: 2px;}

.bijiaTable{background: #F8F8F8;}
.bijiaTable .filter{padding: 24px 30px 27px 30px;}
.bijiaTable .filter .site-list{width: 800px; display: inline-block;}
.bijiaTable .filter .site-filter{display: inline-block;}

.more_price_line#trend-where-buy{width: 946px; margin: 0 auto;}
#trend-where-buy #tab_where_buy{background: #F8F8F8; margin-top: 23px;}
#trend-where-buy #tab_where_buy .where_buy_on_sale_anchor_list {width: 810px !important;}
#trend-where-buy #tab_where_buy .where_buy_on_sale_anchor_list .where_buy_on_sale_anchor{float: left; font-size: 12px; color: #333;overflow: hidden;}
#trend-where-buy #tab_where_buy .where_buy_on_sale_anchor_list .where_buy_on_sale_anchor a{color: #333333;}
#trend-where-buy #tab_where_buy .compare-site-list{width: 100%; padding: 9px 30px 0 30px; position: sticky; position: -webkit-sticky; top: 0; z-index: 1;}
#trend-where-buy #tab_where_buy .compare-site-list.fixed{ box-shadow:0 4px 4px 0 rgba(0,0,0,0.1);border-radius:4px 4px 0 0;}
#trend-where-buy #tab_where_buy .price_comparison .list{width: 906px;}
#trend-where-buy #tab_where_buy .price_comparison .list .dp-item{padding: 30px 26px 20px 10px;}
#trend-where-buy #tab_where_buy .price_comparison .list .dp-item:last-child{margin-bottom: 0;}
#trend-where-buy #tab_where_buy .price_comparison .list .divider-line{background: #F8F8F8; margin: 0; padding: 30px 0 27px 0;}
#trend-where-buy #tab_where_buy .price_comparison .list .divider-line p:not(:nth-child(2)){width: 362px !important;;}
.layer_wrap3 ul li a:hover,
.search_content .titWrap a.blue:hover,
.price_comparison .list .dp-item .right .dp-info .title:hover,
#trend-where-buy #tab_where_buy .where_buy_on_sale_anchor_list .where_buy_on_sale_anchor a:hover{color: #e03024;}

/* ====================返回顶部和右上角红包==================== */

/* 首页底部banner */
.jd618footer{
    display: block;
    margin: 0 auto;
    text-align: center;
    position: sticky;
    margin-bottom: -15px;
    bottom: 0;
    z-index: 10;
    width: 1200px;
    background-color: rgba(0, 0, 0, 0.1);
    filter: alpha(opacity=60);
    left: 0;
    right: 0;
}
.jd618footer:hover{
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    transition: none;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 100;
}
.jd618footer img.bannerjd{vertical-align: bottom; max-width: 1200px;}
.jd618footer .content{
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.jd618footer img.closebanner{max-width: 15px;max-height: 15px;position: absolute;top: 0;right: 0;}

.toTopwrap {
    height: 150px;
    width: 44px;
    overflow: hidden;
    float: right;
    position: fixed;
    left: 50%;
    margin-left: 621px;
    bottom: 10px;
    z-index: 2;
}
#toTop.abs{
    position: absolute;
    bottom: 240px;
}
.toTopwrap .toTop{
    height: 40px;
    overflow: hidden;
    width: 40px;
    position: relative;
    background: #FFFFFF;
    border-radius: 4px;
    float: none;
    margin: 0;
    text-align: center;
    line-height: 40px;
    left: 0;
    cursor: pointer;
    margin-bottom: 8px;
    bottom: 0;

}
.toTopwrap .toTop img{
    vertical-align: middle;
}
.qr-area{
    position: fixed;
    right: 20px;
    bottom: 25px;
    width: 120px;
    height: 284px;
    text-align: center;
    background-image: linear-gradient(-179deg, #FF5463 0%, #FF173F 100%);
    border-radius: 4px;
    z-index: 10;
}
.qr-area.abs{
    position: absolute;
    bottom: 254px;
}
.qr-area p{
    font-size: 14px;
    color: #FFFFFF;
    line-height: 15px;
    padding: 10px 0;
}
.qr-area p.qr-area-title{
    font-weight: bold;
}
.qr-area img{
    width: 90px;
    height: 90px;
    background: #fff;
    display: block;
    margin: 0 auto;
}
.qr-close{
    width: 15px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: -21px;
    cursor: pointer;
}
.qr-close img{
    width: 12px;
    height: 12px;
}

.red-envelope {
    position: fixed;
    right: 190px;
    top: 225px;
    width: 150px;
    /*height: 120px;*/
    text-align: center;
    display: inline-block;
    z-index: 999;
}
.red-envelope .content {
    width: 100%;
    height:100%;
    position: relative;
}
.red-envelope .content .img {
    width: 150px;
    /*height: 120px;*/
}
.red-envelope .content .img-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: -10px;
    top: 0;
}
.red-envelope .content .img-close:hover {
    cursor: pointer;
}

@media screen and (max-width: 1366px) {
    .red-envelope {
        right: 16px;
        top: 80px;
    }
}


/* =========== 绑定微信弹出框 =============*/
 .popover-bindWX {
     z-index: 999;
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     background: rgba(35,35,35,0.36);
     color: #232323;
     display: none;
 }
.popover-bindWX.active {
    display: inline;
}
.popover-bindWX .content {
    width: 539px;
    height: 313px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background: url(/template/metro/images/collection/bind-wx@2x.png) center center no-repeat;
    background-size: 100%;
}
.popover-bindWX .content .close {
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    position: absolute;
    right: 10px;
    top: -34px;
    background: url(/template/metro/images/collection/delete-o@2x.png) center center no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.popover-bindWX .content .desc {
    display: inline-block;
    margin: 76px 0 0 140px;
    text-align: center;
}
.popover-bindWX .content .desc p {
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0;
}
.popover-bindWX .content .desc p:first-child {
    font-size: 20px;
    margin: 0 0 22px 0;
}
.popover-bindWX .content .desc a {
    font-size: 12px;
    color: #999999;
    letter-spacing: 0;
    text-align: center;
}
.popover-bindWX .content .qrcode {
    position: absolute;
    width: 136px;
    height: 167px;
    top: 70px;
    right: 52px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}
.popover-bindWX .content .qrcode img {
    width: 136px;
    height: 136px;
}
.popover-bindWX .content .qrcode p {
    margin-top: 18px;
    font-size: 14px;
    color: #FFE7E7;
    letter-spacing: 0;
}


/* ============== 历史价格查询 ============= */
.header_new1{background:#f5f5f5;height:78px;box-shadow:0 1px 0 0 rgba(221,221,221,0.5); border: 0;}
.layer_wrap3{width:1000px; margin:0 auto;}
.header_new1_logo{width:auto; display: flex!important;align-items: center;padding-top: 15px;}
.header_new1_logo img{margin-right:20px;width: 104px;}
.header_new1_logo span{font-size: 18px; padding-left: 19px; line-height: 30px;border-left: 1px solid #DDDDDD;}
.layer_wrap3 ul li{display:inline;}
.layer_wrap3 ul li a{display:inline-block; padding:0 20px; line-height: 78px;font-size: 18px;}
.layer_wrap3 ul li:last-child a{padding-right: 0;}
.layer_wrap3 ul li a:hover{background:unset; border-bottom:0;}
.pubImag{ display:inline-block; background:url(/template/metro/images/trend/pubImag.png)}
.search_inp{width:847px; height:16px; line-height:16px; padding:14px 18px; color:#a5a5a5; border:1px solid #c7c5c5;}
.search_btn{width:61px; height:45px; background-position:0 0; padding:0; border:0;}
.titWrap{line-height:24px;}
.tit1{width:100px; background-position:0 -61px;}
.goBuy{float:right; text-align:right; width:60px;height:33px; background-position:0 -222px;}
.search_content dl{ background:#f9f9f9; line-height:22px; padding:5px 10px;}
.tit2{width:100px; background-position:0 -101px;}

/* ============== Steam历史价格查询 ============= */
.steam {
    background: #172937;
    color: #9BD2F5;
    font-family: PingFangSC-Regular, PingFang SC, "微软雅黑","Arial", "宋体";
}

.steam * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.steam .navigator {
    width: 100%;
    background: #161A21;
    color: #9BD2F5;
}

.steam .navigator .wrapper {
    min-width: 700px;
    max-width: 1200px;
    height: 84px;
    margin: 0 auto;
}

.steam .navigator .wrapper .header-logo {
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.steam .header-logo span {
    padding: 0 20px;
    border-left: 1px solid #9BD2F5;
}

.steam nav {
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.steam nav .download-ext {
    background: rgba(19, 72, 103, .4);
    border: 1px solid rgba(155, 210, 245, .4);
    color: rgba(155, 210, 245, 1);
    padding: 10px 12px;
    line-height: 21px;
}

.steam .download-ext .download-icon {
    width: 14px;
    height: 14px;
    margin-left: 3px;
    background: url("/template/metro/images/steam/download.png") no-repeat center/100%;
    top: -1px;
}

.steam .content {
    width: 100%;
    max-width:1200px;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 100px;
    background: rgb(23, 41, 55);
}

.steam h1.title {
    font-size: 40px;
    line-height: 56px;
}

.steam .content .wrapper {
    width: 100%;
    max-width: 956px;
    margin: 0 auto;
    margin-top: 32px;
}

.steam .content .search-input {
    width: 100%;
    height: 46px;
    background: #134867;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.steam .content .search-input .search-btn {
    width: 47px;
    height: 42px;
    display: inline-block;
    background: url("/template/metro/images/steam/icon-search.png") no-repeat center/23px 24px #297EAA;
    cursor: pointer;
    border: 0;
}

.steam .content .search-input input {
    width: 94.77%;
    height: 100%;
    background: transparent;
    padding: 0 18px 0 21px;
    border: 0;
}

.steam .content .search-input input::placeholder {
    color: #6299B3;
}
.steam .content .search-input input::-webkit-input-placeholder {
    color: #6299B3;
}
.steam .content .search-input input::-moz-placeholder {
    color: #6299B3;
}

.steam .content .card {
    width: 100%;
}

.steam .content .card.dp-info .card-head {
    width: 100%;
    height: 36px;
    background: #3D5E74;
    padding: 10px 24px;
}

.steam .content .card.dp-info .card-body {
    width: 100%;
    background: linear-gradient(180deg, #2A4E65 0%, #1B394E 100%);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.steam .content .card.dp-info.not-found .card-body {
    background: transparent;
    display: block;
    color: #628199;
    margin-top: 110px;
}

.steam .content .card.dp-info.not-found .card-body img {
    width: 72px;
    height: 80px;
}

.steam .content .card.dp-info .card-body .left {
    width: 294px;
    height: 137px;
}

.steam .content .card.dp-info .card-img {
    max-width: 294px;
    max-height: 137px;
    display: inline-block;
}

.steam .content .card.dp-info .right {
    flex: 1;
    padding: 16px;
}

.steam .content .card.dp-info .title {
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 630px;
    display: inline-block;
}

.steam .content .card.dp-info .right .price-list {
    color: #9BD2F5;
    line-height: 22px;
    margin-top: 18px;
}

.steam .content .card.dp-info .right .buy {
    display: inline-block;
    background: rgba(100, 209, 248, 0.4);
    color: rgba(64, 218, 255, 1);
    line-height: 20px;
    padding: 2px 24px;
}

.steam .content .card.price-history {
    background: linear-gradient(180deg, #0B2D46 0%, #0F1E27 100%);
}

.steam .content .card.price-history .card-body {
    width: 100%;
    height: 422px;
    padding: 20px 0;
}

.steam .content .card.price-history .card-body .status {
    display: flex;
    justify-content:flex-start;
    align-items: center;
    padding: 0 24px;
}

.steam .content .card.price-history .status .status-icon {
    width: 18px;
    height: 12px;
    background: url("/template/metro/images/steam/icon-steady.png") no-repeat center/100%;
}

.steam .content .card.price-history .status .status-icon.up {
    width: 12px;
    height: 16px;
    background: url("/template/metro/images/steam/icon-up.png") no-repeat center/100%;
}
.steam .content .card.price-history .status .status-icon.down {
    width: 12px;
    height: 16px;
    background: url("/template/metro/images/steam/icon-down.png") no-repeat center/100%;
}
.steam .content .card.price-history .status .status-icon.lowest {
    width: 10px;
    height: 18px;
    background: url("/template/metro/images/steam/icon-lowest.png") no-repeat center/100%;
    border: 0;
    margin: 0;
}

.steam .content .card.price-history .price-detail {
    color: #9ED81E;
    padding: 0 24px;
}
.steam .content .card.price-history .max-price {
    color: #FF5627;
}

.steam .content .card.price-history .max-price{
    margin-right: 12px;
}

.steam .content .card.price-history .price-detail .date {
    margin-left: 12px;
}

.steam .content .card.price-history .price-detail,
.steam .content .card.price-history .max-price,
.steam .content .card.price-history .min-price {
    display: flex;
    justify-content:flex-start;
    align-items: center;
}

.steam .content .card.price-history .history-chart {
    height: 320px;
    width: 100%;
}

.gwd-row {
    display: flex!important;
    flex-direction: row;
}

.gwd-column {
    display: flex!important;
    flex-direction: column;
}

.gwd-row-inline, .gwd-inline-row {
    display: inline-flex!important;
    flex-direction: row;
}

.gwd-column-inline {
    display: inline-flex!important;
    flex-direction: column;
    vertical-align: middle;
}

.gwd-align {
    align-items: center;
}

.gwd-justify {
    justify-content: center;
}

.gwd-hidden {
    display: none;
}

.common-product-li {
  width: 230px !important;
  margin-right: calc((1200px - 230px * 5) / 4) !important;
  margin-bottom: 12px!important;
  padding-top: 10px;
  background: #ffffff !important;
  box-sizing: border-box;
  border: 1px solid #ffffff;
}
.common-product-li .section-1 {
  width: 230px;
  text-align: center;
}
.common-product-li .section-1 img {
  width: 210px;
  height: 210px;
}
.common-product-li .top-tag {
  position: absolute;
  top: 10px;
  left: 9px;
  z-index: 2;
  background: #fff4f4;
  border-radius: 2px;
  line-height: 20px;
  color: #FF8282;
  padding: 2px 4px;
}
.common-product-li:hover {
  box-shadow: none!important;
  border: 1px solid #d9d9d9 !important;
}
.common-product-li:nth-of-type(5n) {
  margin-right: 0!important;
}

.product-detail .detail-l .dp-info .title {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  max-height: 40px;
  height: unset;
}

.price-analysis {
  display: inline-block;
  margin-left: 41px;
  height: 28px;
  line-height: 28px;
  padding-left: 15px;
  padding-right: 15px;
  background: #f7f7f7;
  color: #666666;
  font-size: 12px;
  border-radius: 4px;
}
.price-analysis .hint {
  color: #e4393c;
}
.price-analysis-wrapper {
  position: relative;
}
.price-analysis-wrapper .price-analysis {
  position: absolute;
  bottom: 0;
  margin-left: 0;
  left: 0;
}

/**
    单品中间页样式

    @author: wanghui@gwdang.com
    @date: 2021-05-26
 */
/* ======== 商品信息、化妆品成分 ==============*/
.zmpubBox.desc-box .product-no-info,
.zmpubBox.ingredients-box .product-no-info {
  margin: 220px auto;
}
.zmpubBox.desc-box .product-no-info img,
.zmpubBox.ingredients-box .product-no-info img {
  margin: 0 auto;
}
.zmpubBox.desc-box .product-info-table,
.zmpubBox.ingredients-box .product-info-table {
  box-sizing: border-box;
  padding: 40px 30px;
}
.zmpubBox.desc-box .product-info-table .info-item span,
.zmpubBox.ingredients-box .product-info-table .info-item span {
  line-height: 16px;
  margin-bottom: 12px;
}
.zmpubBox.desc-box .product-info-table .info-item span.info-key,
.zmpubBox.ingredients-box .product-info-table .info-item span.info-key {
  width: 166px;
  text-align: right;
}
.zmpubBox.desc-box .product-info-table .info-item span.info-value,
.zmpubBox.ingredients-box .product-info-table .info-item span.info-value {
  padding-left: 72px;
}
/* ======== end 商品信息、化妆品成分 ==============*/
/* ======== 评论 ==============*/
.review_by_user .review_container {
  padding: 20px 51px 0 43px;
}
.review_by_user .review_container .review_header {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
}
.review_by_user .review_container .review_header .review-type {
  padding-bottom: 11px;
  margin-right: 62px;
  box-sizing: border-box;
}
.review_by_user .review_container .review_header .review-type:hover {
  color: #e03024;
}
.review_by_user .review_container .review_header .review-type.current {
  color: #e03024;
  border-bottom: 2px solid #e03024;
}
.review_by_user .review_container .review_header .review-type img {
  vertical-align: text-top;
  margin-right: 5px;
}
.review_by_user .keyword_area {
  background-color: #FFFAFA;
  margin-top: 20px;
  padding: 7px 0;
}
.review_by_user .keyword_area .keyword-item {
  width: 120px;
  height: 30px;
  border: 1px solid #CDCDCD;
  background-color: #fff;
  line-height: 30px;
  font-size: 14px;
  margin: 7px 24px;
}
.review_by_user .keyword_area .keyword-item:hover {
  color: #e03024;
  border: 1px solid #e03024;
}
.review_by_user .keyword_area .keyword-item.notselected:hover img {
  display: none;
}
.review_by_user .keyword_area .keyword-item.selected {
  color: #fff;
  border: 1px solid #e03024;
  background-color: #e03024;
}
.review_by_user .keyword_area .keyword-item img {
  width: 12px;
  right: 0;
}
.review_by_user .review_content {
  margin-top: 48px;
}
.review_by_user .review_content .review_item {
  overflow: hidden;
}
.review_by_user .review_content .review_item .user .avatar {
  width: 50px;
  height: 50px;
  top: 5px;
}
.review_by_user .review_content .review_item .user .name {
  width: 50px;
  overflow: hidden;
  height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.review_by_user .review_content .review_item .review_text {
  width: 794px;
  margin-left: 22px;
  border: 1px solid #dadadc;
  color: #8e8e8e;
}
.review_by_user .review_content .review_item .review_text:hover a {
  color: #e03024;
}
.review_by_user .review_content .review_item .review_text:hover a.text {
  text-decoration: underline;
}
.review_by_user .review_content .review_item .review_text .site-name {
  position: absolute;
  top: 4px;
  right: 19px;
  line-height: 1;
  color: #999;
}
.review_by_user .review_content .review_item .review_text .border-corner {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
}
.review_by_user .review_content .review_item .review_text a.more {
  bottom: 4px;
  right: 19px;
  line-height: 1;
}
.review_by_user .review_content .review_item .review_text a.text {
  font-size: 14px;
  padding: 20px;
}
.review_by_user .noreview {
  margin-top: 85px;
}
.review_by_user .noreview span {
  color: #969899;
  font-weight: lighter;
}
.review_by_user .review_pages {
  margin: 20px 0 60px 0;
  color: #9B9B9B;
}
.review_by_user .review_pages .page_num {
  margin: 0 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.review_by_user .review_pages .page_num.current,
.review_by_user .review_pages .page_num:hover {
  background-color: #DC3A36;
  border-radius: 10px;
  color: #fff;
}
.review_by_user .review_pages .recent:hover {
  color: #e03024;
}
/* ======== end 评论 ==============*/
.product-detail .detail-l .dp-info .title {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  max-height: 40px;
  height: unset;
}
.gwd-dp-info-table {
  background: #f6f6f6;
  color: #666666;
  font-size: 12px;
  width: 100%;
  padding-top: 6px;
  margin-top: 6px;
}
.gwd-dp-info-table .caption {
  color: #999999;
  padding-left: 10px;
  width: 55px;
  padding-right: 15px;
  white-space: nowrap;
  vertical-align: text-top;
}
.gwd-dp-info-table td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.gwd-dp-info-table .table-coupon {
  color: #e03024;
  text-decoration: underline;
}
.gwd-dp-info-table.trend {
  width: 400px;
  background: white;
}
.buy-area {
  position: absolute;
  bottom: 0;
  left: 0;
}
.buy-area > * {
  vertical-align: middle;
}
.buy-area .buy-button {
  background: #e03024;
  color: white;
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
}

.product-detail .detail-l .dp-info .title[data-v-1bbf46e9] {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  max-height: 40px;
  height: unset;
}
.gwd-jd-rank[data-v-1bbf46e9] {
  width: 232px;
  height: 32px;
  background: url(https://cdn.gwdang.com/images/extensions/jdRanking/ranklistBg.svg);
}
.gwd-jd-rank .gwd-icon-rank[data-v-1bbf46e9] {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.gwd-jd-rank .gwd-vline[data-v-1bbf46e9] {
  display: block;
  width: 1px;
  height: 10px;
  background: #000000;
  margin-left: 0px;
  border: 0;
}
.gwd-jd-rank .gwd-rank-list[data-v-1bbf46e9] {
  flex: 1;
  height: 100%;
}
.gwd-jd-rank .gwd-rank-list a[data-v-1bbf46e9] {
  padding-left: 7px;
  flex: 1;
}
.gwd-jd-rank .gwd-rank-list a span[data-v-1bbf46e9] {
  display: inline-block;
  transform-origin: left center;
  color: #111111;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
}
.gwd-jd-rank .gwd-rank-list a span.gwd-mw[data-v-1bbf46e9] {
  max-width: 120px;
}
.gwd-jd-rank .gwd-rank-list a:hover span[data-v-1bbf46e9] {
  color: #e03024;
  font-weight: bold;
}
.gwd-jd-rank .gwd-rank-list .gwd-rank-first span[data-v-1bbf46e9] {
  color: #e03024;
}
.gwd-jd-rank .gwd-rank-list .gwd-rank-addition[data-v-1bbf46e9] {
  display: none;
  position: absolute;
  right: 0;
  width: 153px;
  top: 100%;
  border: 1px solid #fbefef;
  overflow: hidden;
  background: white;
  z-index: 9;
}
.gwd-jd-rank .gwd-rank-list .gwd-rank-addition a[data-v-1bbf46e9] {
  height: 25px;
  line-height: 25px;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  border-bottom: 1px solid #f1f1f1;
}
.gwd-jd-rank .gwd-rank-list .gwd-rank-addition a .gwd-mw[data-v-1bbf46e9] {
  max-width: 160px;
}
.gwd-jd-rank .gwd-rank-list .gwd-rank-addition a[data-v-1bbf46e9]:last-of-type {
  border-bottom: none;
}
.gwd-jd-rank .gwd-rank-list:hover .gwd-rank-addition[data-v-1bbf46e9] {
  display: flex;
  flex-direction: column;
}
.gwd-jd-rank .gwd-rank-list[data-v-1bbf46e9]::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: url(https://cdn.gwdang.com/images/extensions/jdRanking/arrow-right-default.svg);
  right: 3px;
  top: 5px;
  pointer-events: none;
}
.gwd-jd-rank .gwd-rank-list.gwd-rotate[data-v-1bbf46e9]::after {
  transform: rotate(90deg);
}
.gwd-jd-rank .gwd-rank-list.gwd-rotate[data-v-1bbf46e9]:hover::after {
  transform: rotate(270deg);
}
.gwd-jd-rank .gwd-rank-list[data-v-1bbf46e9]:hover::after {
  background: url(https://cdn.gwdang.com/images/extensions/jdRanking/arrow-right-hilighted.svg);
}
.gwd-w217[data-v-1bbf46e9] {
  width: 217px;
  height: 26px;
  background: url(https://cdn.gwdang.com/images/extensions/jdRanking/w217.svg);
}
.gwd-w210[data-v-1bbf46e9],
.gwd-w235[data-v-1bbf46e9] {
  width: 210px;
  height: 30px;
  background: url(https://cdn.gwdang.com/images/extensions/jdRanking/w210.svg);
}
.gwd-w210 .gwd-rank-list .gwd-rank-addition[data-v-1bbf46e9],
.gwd-w235 .gwd-rank-list .gwd-rank-addition[data-v-1bbf46e9] {
  width: 140px;
}
.gwd-w210 .gwd-rank-list[data-v-1bbf46e9]::after,
.gwd-w235 .gwd-rank-list[data-v-1bbf46e9]::after {
  top: 7px;
  background: url(https://cdn.gwdang.com/images/extensions/jdRanking/arrow-right-default-gray.svg);
}
.gwd-w210 .gwd-rank-list a span[data-v-1bbf46e9],
.gwd-w235 .gwd-rank-list a span[data-v-1bbf46e9] {
  color: #555555;
}
.gwd-w210 .gwd-rank-list a span span.gwd-mw[data-v-1bbf46e9],
.gwd-w235 .gwd-rank-list a span span.gwd-mw[data-v-1bbf46e9] {
  max-width: 80px;
}
.gwd-w235[data-v-1bbf46e9] {
  width: 235px;
  height: 23px;
  background: url(https://cdn.gwdang.com/images/extensions/jdRanking/w235.svg);
}
.gwd-w235 .gwd-rank-list a[data-v-1bbf46e9] {
  padding-left: 12px;
}
.gwd-w235 .gwd-rank-list a span span.gwd-mw[data-v-1bbf46e9] {
  max-width: 95px;
}
.gwd-w235 .gwd-rank-list .gwd-rank-addition[data-v-1bbf46e9] {
  width: 165px;
}
.gwd-w235 .gwd-rank-list[data-v-1bbf46e9]::after {
  right: 6px;
  top: 3px;
}
.gwd-w266[data-v-1bbf46e9] {
  background: url(/bjg/images/rank/jdrankbg.svg);
  width: 266px;
  height: 24px;
}
.gwd-w266 .gwd-rank-list[data-v-1bbf46e9] {
  margin-left: 7px;
}
.gwd-w266 .gwd-rank-list .gwd-rank-first span[data-v-1bbf46e9] {
  color: #e03024;
}
.gwd-w266 .gwd-rank-list:hover .gwd-rank-addition[data-v-1bbf46e9] {
  width: 187px;
}

#tab_where_buy .price_comparison{padding:20px;}
#tab_where_buy .compare-site-list{width: 970px;padding: 0 60px 0 50px;background:rgba(255,250,251,1);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#tab_where_buy .compare-site-list .where_buy_on_sale_anchor_list{width: 100%; padding: 0 0 4px 0;display: inline-block;}
#tab_where_buy .compare-site-list .where_buy_on_sale_anchor_list .where_buy_on_sale_anchor{height: 16px;line-height: 16px; margin: 15px 24px 4px 0;}
.anchor-hide{display: none;}
#tab_where_buy .compare-site-list .options{float: right;width: 65px;height: 16px;display: inline-block;margin-top: 12px;
font-size: 12px;line-height: 16px; font-family:MicrosoftYaHei Arial, Helvetica, sans-serif;color: #e03024;overflow: hidden;}
#tab_where_buy .compare-site-list .options .opt-item{cursor: pointer;}
#tab_where_buy .compare-site-list .options .opt-icon{width: 13px;height: 13px;display: inline-block;vertical-align: text-top;}
.options .opt-icon.icon-check{background: url("/template/metro/images/dp/icon_red_checkbox.png") center no-repeat;background-size: contain;}
.options .opt-item.active .opt-icon.icon-check{background: url("/template/metro/images/dp/icon_red_checkbox_checked.png") center no-repeat;background-size: contain;}

.list{width: 930px;background: white;}
.list .dp-item{padding: 19px 40px 19px 10px;display: flex;margin-bottom: 30px;}
.list .dp-item.dp-hide{display: none;}
.list .dp-item .left{width: 120px;height: 150px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    text-align: center;font-size:14px;font-family:MicrosoftYaHei-Bold,Arial, Helvetica, sans-serif;color:rgba(51,51,51,1);line-height:19px;
}
.list .dp-item .left .site-info{display: none;}
.list .dp-item.first .left .site-info,.list .dp-item.hide-first .left .site-info{display: unset;}
.list .dp-item .left p{font-weight: bold;}
.list .dp-item .left .site-icon{margin-top: 43px;}
.list .dp-item .right{width: 740px;height: 150px;font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    margin-left: 20px;}
.list .dp-item .right .dp-img{width: 150px;height: 150px;border:1px solid rgba(238,238,238,1);
    text-align:center;display: flex;justify-content: center;align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.list .dp-item .right .dp-img img {max-width: 148px;max-height:148px;cursor: pointer;display: block;}
.list .dp-item .right .dp-info{margin-left:24px;width: 566px;height: 100%;position: relative;}
.list .dp-item .right .dp-info .title{font-size:14px;color:rgba(51,51,51,1);line-height:19px;height: 38px;
    overflow: hidden;cursor: pointer;display: -webkit-box;-ms-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list .dp-item .right .dp-info .title:hover{color: #1790dd;}
.list .dp-item .right .dp-info .vip{position:absolute;bottom:34px;height: 16px;display: flex;}
.list .dp-item .right .dp-info .vip .img{width: 40px;height: 15px;background: url("/template/metro/images/dp/icon_jd_plus.png") center no-repeat;background-size: contain;}
.vip .img.jd-plus{background: url("/template/metro/images/dp/icon_jd_plus.png") center no-repeat !important;background-size: contain !important;}
.vip .img.suning-super{background: url("/template/metro/images/dp/icon_suning_super.png") center no-repeat !important;background-size: contain !important;}
.vip .img.netease-black{background: url("/template/metro/images/dp/netease_black.png") center no-repeat !important;background-size: contain !important;}
.list .dp-item .right .dp-info .vip span{margin-left: 8px;line-height: 16px;color: #333;}
.list .dp-item .right .dp-info .promos{margin-top: 16px;height:22px;color:#333;font-size: 12px;line-height: 16px;}
.list .dp-item .right .dp-info .promos .promos-wrapper{width: 470px;display: inline-block;overflow: hidden;}
.list .dp-item .right .dp-info .promos .quan{margin-right: 10px;color:#333;display: inline-flex;align-items: center;}
.list .dp-item .right .dp-info .promos .quan{width: 80px;height: 26px;font-size: 14px;color: #e03024;line-height:24px;font-weight: bold;text-align: center;
    background:url("/template/metro/images/dp/icon_tb_quan_bg.png") center no-repeat;background-size: contain;justify-content: center;display: none;}
.list .dp-item .right .dp-info .promos .quan.active{display: inline-flex;}
.list .dp-item .right .dp-info .promos .quan span{margin-left: 6px;max-width: 194px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list .dp-item .right .dp-info .promos .promo-icon{width: 22px;height: 22px;}
.list .dp-item .right .dp-info .promos .num{width: 94px;text-align: right; line-height: 22px;color: #999;}
.list .dp-item .right .dp-info .bottom{position:absolute;height: 24px;bottom:0;display: flex;align-items: center;}
/*.list .dp-item .right .dp-info .bottom span{line-height: 24px;font-size:12px;color:#666;}*/
.list .dp-item .right .dp-info .bottom .quan-title{font-size: 14px;color: #e03024;font-weight:bold;display: none;}
.quan-title.active{display: inline !important;}
.list .dp-item .right .dp-info .bottom .price{font-size: 18px;color: #e03024;font-weight:bold;}
.list .dp-item .right .dp-info .bottom .popup-trend{width:60px;height:23px;background:rgba(94,190,255,0.1474);border-radius:1px;display: inline-block; margin-left: 10px;font-size: 12px;line-height: 24px;color: #666; text-align: center;cursor: pointer;}
.list .dp-item .right .dp-info .bottom .product-site{margin-left: 20px;display: flex;align-items: center;font-size: 12px;line-height: 16px;color: #999999;}
.list .dp-item .right .dp-info .bottom .product-site .site-icon{width: 14px;height: 14px;margin-right: 4px;}
.list .dp-item .right .dp-info .bottom .product-site .site-name{color: #999;}
.list .dp-item .right .buy{position: absolute;right:0;bottom:0;width: 90px;height: 34px;color:white;background:#e03024;border-radius:4px;text-align: center;line-height: 34px;}
.list .dp-item .right .buy.no-stock{background:rgba(245,166,35,1);}
.list .divider-line{display: flex;align-items: center;height: 24px;width: 100%;margin:10px 0 30px 0;text-align: center;}
.list .divider-line p{font-size: 18px;font-weight: bold;line-height: 24px;color: #333;}
.list .divider-line p:not(:nth-child(2)){width: 370px;height: 1px;background: #E6E6E6;}
.list .divider-line p:nth-child(2){margin:0 28px;}
.product-no-info {text-align: center;}
.list .dp-item:last-child{margin-bottom: 0;}
/*
 * ������۸�������ʽ
 * @Author: wanghui
 * @date: 2019/04/03
 *
*/
a:hover{
    color: #e03024;
    cursor: pointer;
    -o-transition: color .2s linear,background-color .4s linear;
    -ms-transition: color .2s linear,background-color .4s linear;
    -webkit-transition: color .2s linear,background-color .4s linear;
    -moz-transition: color .2s linear,background-color .4s linear;
    transition: color .2s linear,background-color .4s linear;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.bd-red{border:1px red solid;}
.bd-blue{border:1px blue solid;}
.popup-trend-area{
    position: absolute;
    top: 24px;
    left:-5px;
    width: 464px;
    height: 342px;
    z-index:1;
    background: white;
    background-size: 464px 342px;
    display: none;
    font-size:12px;
    font-family:MicrosoftYaHei,Arial, Helvetica, sans-serif;
    color: #666;
    box-shadow: 0 5px 15px 0 rgb(23 25 27 / 15%);
    text-align: left;
}
.popup-trend-area.active{display: block;}
.popup-trend-area .area-head{margin: 29px 26px 0 26px;line-height: 16px;}
.popup-trend-area .area-head .p-status .status-txt{font-size: 13px !important;color: #404547 !important;line-height: 17px !important;vertical-align: middle;margin: 0 0 0 6px;}
.popup-trend-area .area-head .status-icon{width: 18px;height: 12px;border-radius: 1px;display: inline-block;vertical-align: middle;}
.popup-trend-area .area-head .status-icon.i-lowest{background:url("/template/metro/images/dp/icon_price_min.png") center no-repeat;background-size: contain;}
.popup-trend-area .area-head .status-icon.i-down{background:url("/template/metro/images/dp/icon_price_down.png") center no-repeat;background-size: contain;}
.popup-trend-area .area-head .status-icon.i-steady{background:url("/template/metro/images/dp/icon_price_steady.png") center no-repeat;background-size: contain;}
.popup-trend-area .area-head .status-icon.i-up{background:url("/template/metro/images/dp/icon_price_up.png") center no-repeat;background-size: contain;}

.popup-trend-area .area-head .price-info {margin: 13px 0 0 0;}
.popup-trend-area .area-head .price-info .info-item{display: flex;position: relative;}
.popup-trend-area .area-head .price-info .info-item#cdj{margin-top: 6px;}
.info-item .max .placeholder{
    display: inline-block;
    width: 14px;
    height: 1px;
    margin:0 auto;
    background: #D8D8D8;
    vertical-align: 3px;
}

.info-item .max{color: #E4393C !important;font-weight: bold;margin: 0 10px 0 0;}
.info-item#cdj .max{text-align: center;}
.info-item#cdj .min{color: #fba500}
.info-item .min{color: #35BD67;font-weight: bold;}
.info-item .min .min-price{margin-left: 2px;vertical-align: middle;}
.info-item .min.price-steady{color: #3FC0F0 !important;}

.info-item .min .tag::before{content: '(';display: inline-block;}
.info-item .min .tag{
    display: inline-block;
    width: 46px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify
}
.info-item .min .tag::after{content: ')';display: inline-block;}

.info-item .min .date{color:#a1a2a9 !important;margin-left: 2px;font-weight: normal;vertical-align: middle;}
.info-item .morePromo{position: absolute;right: 0;bottom: 0;color: #a1a2a9;font-size: 12px;display: none;}
.info-item .morePromo:hover{color: #E23A3A;}

.popup-trend-area .area-content,.popup-trend-area .popup-chart-loading{width: 412px;height: 204px;margin: 20px 26px 10px 26px;}
.list .dp-item .right .dp-info .area-content .highcharts-tooltip>span{line-height: 14px !important;}

.popup-trend-area .hover-price-info{
    width: 100%;
    background: #F1F9FC;
    z-index: 2;
    margin:0;
    position: absolute;
    top: 0px;left: 0px;
    display: none;
    font-size: 12px;
    padding: 10px 10px 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup-trend-area .hover-price-info.active{display: block;}

.hover-price-info .current-date{color: #666666;line-height: 14px;}
.hover-price-info .price-list{margin-top: 4px;
    display: flex;flex-direction: column;align-items: flex-start;}

.price-list .info-item{display: flex;align-items: center;justify-content: flex-start;width: 96%;height: 16px;}
.price-list .info-item:nth-child(n+1){margin-top: 4px;}
.price-list .info-item .icon{display: inline-block;width: 6px;height: 6px;border-radius: 50px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.price-list .info-item .icon.circle-blue{background: #5ACFFB;}
.price-list .info-item .icon.circle-blue-o{background: #FFFFFF;border: 1px solid #5ACFFB;}
.price-list .info-item .icon.circle-orange{background: #FF9F22;}

.popup-trend-area .hover-price-info .price-list .info-item .title{width: 75px; height: 16px;line-height: 16px;color: #333;
    display: -webkit-box;-ms-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;margin-left: 6px;text-align: justify;font-size: 12px;}
.popup-trend-area .hover-price-info .price-list .info-item .title:after{
    content: '.';display: inline-block;width: 100%;overflow: hidden;height: 0;
}
.info-item .colon{margin-left: 3px;}
.hover-price-info .price-list .info-item price{color: #333333;font-weight: 500;font-family: HelveticaNeue-Medium;margin-left: 8px;}
.hover-price-info .price-list .info-item .price{color: #333333!important;font-weight: 500;font-family: HelveticaNeue-Medium;margin-left: 8px;}
.hover-price-info .price-list .info-item .promo-msg{margin-left: 10px;color: #9d9d9d;overflow: hidden;white-space: nowrap;
    -ms-text-overflow: ellipsis;text-overflow: ellipsis;max-width: 260px;}

.popup-trend-area .no-data{
    text-align: center;
    margin: 30px 0 0 0;
    padding:30px 0 0 0;
    display: none;
}

.popup-trend-area .no-data img {
    width: 200px;
    margin: 0 20px 0 0;
}
.popup-trend-area .no-data p{
    margin: 10px 0 0 0;
}



.highcharts-legend-item .highcharts-point {fill: none;}

.trend-btn[data-v-54199276] {
  display: inline-block;
  width: 60px;
  height: 26px;
  cursor: pointer;
  background: rgba(94, 190, 255, 0.15);
  border-radius: 2px 2px 2px 2px;
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  margin-top: 20px;
  text-align: center;
  position: relative;
}
.icon[data-v-54199276] {
  margin-right: 6px !important;
}
.title[data-v-54199276] {
  margin-left: 0px !important;
}
.colon[data-v-54199276] {
  margin-right: 8px !important;
}
.price[data-v-54199276] {
  margin-left: 0px !important;
  font-size: 12px !important;
  margin-right: 0px !important;
}
.trend-btn:hover .popup-trend-area[data-v-54199276] {
  display: block;
  z-index: 102;
}

/*价格保护*/
.product-detail .detail-l .price-protect-icon,
.product-info .right .price-protect-icon{
    width: 50px;
    height: 16px;
    background: url("/template/metro/images/price_protect/price-pro@2x.png") no-repeat center/100%;
    margin-left: 6px;
}

.product-detail .detail-l .buy-section {
    display: flex;
    bottom: 0;
}

.product-detail .detail-l .buy.undL {
    bottom: 29px;
    padding: 0;
    background: unset;
    color: #e03024;
    position: unset;
}

.search_content .product-info .buy-section .buy.undL {
    height:auto;
    bottom: 30px;
    right: 207px;
    padding: 0;
    background: unset;
    color: #e03024;
}

.search_content .product-info .buy-section .buy-price-protect {
    right: 0;
    bottom: 24px;
}

.search_content .product-info .buy-price-protect > p {
    margin-bottom: -24px;
    padding-top: 4px;
}

.product-detail .detail-l .buy-price-protect {
    margin-right: 53px;
}

.product-detail .detail-l .buy-price-protect .price-protect-tip-quan {
    width: 64px;
    height: 26px;
    line-height: 23px;
    font-size: 11px;
    color: #E23A3A;
    background: url("/template/metro/images/price_protect/tip-bg.png") no-repeat center/100%;
    left: calc(50% - 36px);
    top: -32px;
}

.product-detail .detail-l .buy-price-protect .buy {
    padding: 7px 12px;
    position: unset;
    left:unset;
    bottom:unset;
}

.product-detail .detail-l .buy-price-protect p,
.search_content .product-info .buy-price-protect p {
    font-size: 10px;
}

.buy-price-protect .hover-qrcode {
    color: #4A90E2;
    cursor: pointer;
}
.detail-l .buy-price-protect .qrcode,
.search_content .product-info .buy-price-protect .qrcode {
    width: 148px;
    height: 176px;
    background: #FFF7F7;
    border: 1px solid #e03024;
    padding: 7px 14px 12px 14px;
    box-sizing: border-box;
}

.search_content .product-info .buy-price-protect .qrcode {
    top: 26px;
    z-index: 1;
}

.buy-price-protect .qrcode img,
.search_content .product-info .buy-price-protect .qrcode img {
    width: 120px;
    padding: 4px;
    background: white;
    display: block;
    margin-bottom: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.buy-price-protect .qrcode strong,
.search_content .product-info .buy-price-protect .qrcode strong {
    color: #e03024;
}

.buy-price-protect .qrcode p,
.search_content .product-info .buy-price-protect .qrcode p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 100%;
}

/* 底部悬浮banner */
.tip-banner#price-protect {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.tip-banner#price-protect .wrapper {
    width: 1200px;
    height: 86px;
    line-height: 86px;
    margin: 0 auto;
    background: linear-gradient(270deg, #FFCA9D 0, #FA5F42 50%, #FFCA9D 100%);
}

.tip-banner#price-protect .wrapper .close-pp-tip-banner {
    width: 15px;
    height: 15px;
    display: inline-flex;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.tip-banner#price-protect .wrapper .close-pp-tip-banner > img {
    width: 100%;
    height: 100%;
}

.tip-banner#price-protect .qrcode {
    width: 86px;
    height: 86px;
    display: inline-block;
    background: white;
    bottom: 20px;
    padding: 4px;
    box-shadow: 0 2px 5px #ef5b59;
}

.tip-banner#price-protect .show-login {
    background: white;
    font-size: 18px;
    border-radius: 4px;
    padding: 12px 24px;
    color: #FF422C;
    cursor: pointer;
}

.tip-banner#price-protect strong {
    font-weight: bold;
}


/* 中间页二维码 */
#price-protect-bind-wechat {
    width: 620px;
    height: 640px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 80px;
    background: #FFFFFF;
    box-shadow: 0 2px 14px 0 rgba(200, 210, 225, 0.45);
    border-radius: 4px;
    padding-top: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333333;
    font-family: PingFangSC-Regular, PingFang SC, 微软雅黑, Arial, Helvetica, sans-serif;
}

#price-protect-bind-wechat h1 {
    font-size: 34px;
    line-height: 100%;
    font-weight: bold;
}

#price-protect-bind-wechat .under-badge {
    width: 100%;
    height: 7px;
    background: rgba(20, 185, 166, .63);
    left: 0;
    bottom: 4px;
    z-index: -1;
}

#price-protect-bind-wechat .qrcode-wrapper {
    margin-bottom: 60px;
}

#price-protect-bind-wechat .qrcode-wrapper img {
    width: 200px;
    height: 200px;
    -webkit-box-shadow:  0 2px 6px 0 #E8E8E8;
    -moz-box-shadow:  0 2px 6px 0 #E8E8E8;
    box-shadow:  0 2px 6px 0 #E8E8E8;
}

#price-protect-bind-wechat .button {
    width: 280px;
    height: 44px;
    line-height: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #CFCFCF;
    margin: 0 auto;
    display: block;
}

#price-protect-bind-wechat .button:hover{
    color: unset;
}

#price-protect-bind-wechat .button.followed {
    border: 1px solid #14B9A6;
    background: #14B9A6;
    margin-top: 16px;
}
#price-protect-bind-wechat .button.followed:hover {
    color: #ffffff;
}


/* 个人中心-价保订单 */
#app-price-protect.content {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 100px;
    border: 1px solid rgba(225, 225, 225, 1);
}

#app-price-protect.content * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#app-price-protect.content .action-menu {
    width: 100%;
    height: 55px;
    line-height: 55px;
    background: #F8F8F8;
    border-bottom: 1px solid #e1e1e1;
}

#app-price-protect .action-menu .item {
    border-right: 1px solid #e1e1e1;
    padding: 0 58px;
    cursor: pointer;
}

#app-price-protect .action-menu .item.active {
    background: rgba(239, 0, 47, 1);
    color: #ffffff;
}

#app-price-protect .action-menu .item:not(.active):hover {
    color: rgba(239, 0, 47, 1);
}

#app-price-protect .action-menu .batch {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 0 11px;
    cursor: pointer;
}
#app-price-protect .action-menu .batch:hover {
    border: 1px solid #EE002D;
}

#app-price-protect .action-menu .action-list *:hover {
    color: #EE002D;
}

#app-price-protect .action-menu .action-list .select-all,
#app-price-protect .action-menu .action-list .delete {
    width: 44px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    cursor: pointer;
}
.action-menu .action-list .select-all {
    background: url(/template/metro/images/collection/unselected@2x.png) left center no-repeat;
    background-size: 14px 14px;
}
.action-menu .action-list .select-all:hover,
.action-menu .action-list .select-all.active {
    background: url(/template/metro/images/collection/selected-all@2x.png) left center no-repeat;
    background-size: 14px 14px;
}
.action-menu .action-list .delete {
    background: url(/template/metro/images/collection/delete@2x.png) left center no-repeat;
    background-size: 14px 14px;
}
.action-menu .action-list .delete:hover {
    background: url(/template/metro/images/collection/delete-selected@2x.png) left center no-repeat;
    background-size: 14px 14px;
}

#app-price-protect .dp-list {
    padding: 30px 20px;
}

#app-price-protect .qrcode {
    right: 36px;
    top: 80px;
}

#app-price-protect .qrcode img {
    width: 94px;
    height: 94px;
    padding: 4px;
    margin: 16px 0 8px 0;
}

#app-price-protect .dp-item {
    width: 954px;
    height: 150px;
    display: flex;
    margin-bottom: 30px;
}

#app-price-protect .dp-item .left {
    width: 150px;
    height: 150px;
    display: inline-block;
}

#app-price-protect .dp-item .left:hover .action-del {
    display: block;
}

#app-price-protect .dp-item .left .action-del {
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 1;
    background: url(/template/metro/images/collection/action-delete@2x.png) center center no-repeat rgba(0,0,0,0.50);
    background-size: 10px 12px;
    display: none;
}

#app-price-protect .dp-item .left .action-del:hover {
    cursor: pointer;
    background: url(/template/metro/images/collection/action-delete@2x.png) center center no-repeat #EE002D;
    background-size: 10px 12px;
}


#app-price-protect .dp-item .left img {
    max-width:100%;
    max-height: 100%;
}

#app-price-protect .dp-item .right {
    width: 780px;
    margin-left: 24px;
}

#app-price-protect .dp-item .right .title {
    max-width: 100%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#app-price-protect .dp-item .right .price-list {
    line-height: 100%;
}

#app-price-protect .dp-item .right .tip a {
    color: #4A90E2;
    line-height: 16px;
}

#app-price-protect .dp-item .right .order-create-time {
    left: 0;
    bottom: 20px;
}

#app-price-protect .dp-item .del-mask {
    width: 100%;
    height: 150px;
    z-index: 1;
    background: rgba(0,0,0,0.25);
    border: 1px solid #979797;
}
#app-price-protect .dp-item .del-mask.active {
    border: 2px solid #EE002D;
}

#app-price-protect .dp-item .del-mask .action {
    width: 30px;
    height: 30px;
    display: inline-block;
    right: 0;
    top: 0;
    background: url(/template/metro/images/collection/msk-unselected@2x.png) center center no-repeat;
    background-size: 30px;
    cursor: pointer;
}
#app-price-protect .dp-item .del-mask.active .action {
    background: url(/template/metro/images/collection/msk-selected@2x.png) center center no-repeat;
    background-size: 30px;
}

#app-price-protect .dp-item .del-mask .content {
    color: #ffffff;
    margin-top: 44px;
}

#app-price-protect .dp-item .del-mask .content .actions > li {
    display: inline-block;
    border-radius: 2px;
    padding: 6px 16px;
    line-height: 100%;
    width: auto;
    height:auto;
    cursor: pointer;
}

#app-price-protect .dp-item .del-mask .content .actions .submit {
    background-color: #EE002D;
}
#app-price-protect .dp-item .del-mask .content .actions .cancel {
    background: #ffffff;
}


/*  弹出框  */
.popover#price-protect-popover-del {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    background: rgba(255,255,255,0);
    top: 0;
    left: 0;
    display: none;
}

.popover#price-protect-popover-del.active {
    display: block;
}

.popover#price-protect-popover-del .content {
    width: 460px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    border-radius: 4px;
    padding: 10px 13px;
}

.popover#price-protect-popover-del .content .close {
    width: 22px;
    height: 22px;
    right: 13px;
    top: 10px;
    background: url(/template/metro/images/collection/close@2x.png) center center no-repeat;
    background-size: 22px;
    cursor: pointer;
}

.popover#price-protect-popover-del .content .title p {
    line-height: 30px;
    color: #4A4A4A;
    padding-left: 50px;
    vertical-align: top;
    background: url(/template/metro/images/collection/warning@2x.png) left center no-repeat;
    background-size: 30px 30px;
}

.popover#price-protect-popover-del .content .btn {
    width: 140px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    border-radius: 2px;
    border: 0;
    background-color: #C3C3C3;
    cursor: pointer;
}

.popover#price-protect-popover-del .content .btn.submit {
    background-color: #EE002D;
}


/*  分页  */
#app-price-protect .pagination {
    height: 38px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin: 30px 0;
}

#app-price-protect .pagination .item {
    height: 38px;
    border: 1px solid #EEEEEE;
    margin-right: 6px;
    background-color: #FBFBFB;
    cursor: pointer;
    padding: 9px 15px;
}

#app-price-protect .pagination .item a {
    line-height: 38px;
    padding: 9px 15px;
    font-size: 14px;
    text-decoration: none;
    color: #666666;
}

#app-price-protect .pagination .item.disabled {
    cursor: not-allowed;
    color: #C7C7C7;
    background-color: #ffffff;
}

#app-price-protect .pagination .item.disabled>a {
    background-color: #ffffff;
    color: #C7C7C7;
    cursor: not-allowed;
}

#app-price-protect .pagination .item:not(.disabled):not(.active):hover {
    color: #EE002D;
    border: 1px solid #EE002D;
}

#app-price-protect .pagination .item:not(.disabled):not(.active):hover a {
    color: #EE002D;
}

#app-price-protect .pagination .item.active {
    background-color: #EE002D;
    border: 0;
    color: #ffffff;
}
#app-price-protect .pagination .item.active a {
    color: #ffffff;
}

#app-price-protect .pagination .total-page {
    height: 38px;
    margin-right: 6px;
}

#app-price-protect .pagination .total-page p {
    line-height: 38px;
    margin: 0;
}

#app-price-protect .pagination .input-page-num {
    height: 38px;
    width: 38px;
}

#app-price-protect .pagination .input-page-num input {
    width: 38px;
    padding: 9px;
    font-size: 14px;
    outline: none;
    border: 1px solid #EEEEEE;
}

#app-price-protect .pagination .item.skip button {
    height: 36px;
    width: 64px;
    background-color: #FBFBFB;
    padding: 0;
    border: 0;
    outline: none;
    cursor: pointer;
}

[v-cloak] {
    display: none;
}


/*# sourceMappingURL=index.css.map*/