@charset "utf-8";

.head_bar{ width:100%; margin:0 auto;height:30px; line-height:28px; background:#e6e6e6;}
.head_left{ float:left; position:relative; z-index:9999;}
.head_bar .layer,.head_bar .layer_c{ position:relative; z-index:99999}
.head_right .phone1,.head_right .phone2,.head_left .Collection{background:url(/themes/yaohongjiu/images/common2013/icon_footer.png) no-repeat}
.head_left .Collection{ float:left; background-position:0 -594px; height:30px; padding:0 15px 0 20px;_line-height:30px;}
.head_left .Collection a{ color:#777}
#j_my_wap{ top:29px}
.head_right .phone1,.head_right .phone2{ width:11px; height:30px; vertical-align:middle; display:inline-block; background-position:0 -651px; margin-right:10px}
.head_right .phone2{background-position:0 -620px}
.head_right a.j_my_wap{ display:block; width:82px; height:30px; line-height:30px;}
.head_right a.j_my_wap:hover{ background:#fff;}
.head_left .Collection,.head_right .phone1,.head_right .phone2{*zoom:1; *display:inline}
.head_left .code{ position:absolute; display:none;top:30px; left:40px; z-index:999; width:150px; height:220px; background:#fff; padding:12px;}
.my_acc #wapPic{display:none; position:absolute; left:-80px; top:-30px}
.head_left .code p{ padding-top:12px; text-align:center; line-height:18px; color:#999}
.head_left .code b{ width:15px; height:7px; position:absolute; background-position:-158px -8px; top:-7px; right:10px}
.head_left .welcome{ float:left; height:30px; display:inline-block; height:30px;_line-height:30px;}
.head_left em{ float:left;height:30px; background:url(/themes/yaohongjiu/images/vip/s_code.png) 0 6px no-repeat; width:16px; vertical-align:middle; margin-left:8px}
.head_right{ float:right}
.head_right li{ float:left; width:82px; text-align:center}
.head_right li.t_login{ width:63px}
.head_right li.header_login{ width:120px; position:absolute; top:0; left:210px;}
.head_right li.header_login a{ color:#d51c1c}
.head_right li span.ml15{ margin-left:12px}
.head_right .tel{ width:220px}
.head_right .tel span{ float:left; height:30px; _line-height:30px;}
.head_right .tel strong{ float:left; height:30px; line-height:28px; color:#b63131; padding-left:10px; font-size:16px; vertical-align:middle}
.head_right .Integration,.head_right .topHelp{_line-height:30px}
.head_right .my_acc{position:relative; z-index:999999}
.head_right .my_acc:hover{ background:#fff}
.head_right .pt8{ _padding-top:8px}
.head_right .my_acc .my_acc_list,.login_list{ position:absolute; left:0; top:24px; display:none; z-index:99999}
.head_right .my_acc .my_acc_list a,.login_list a{ padding-left:12px; text-decoration:none; text-align:left; background:#fff; width:70px; color:#777; line-height:23px; height:23px; display:block; border-bottom:#ddd 1px solid}
.head_right .my_acc .my_acc_list a:hover,.login_list a:hover{ background:#cc0000; color:#fff; border-bottom:#cc0000 1px solid;}
.head_right .my_acc em,.mem_p_list .Tracking i,.mem_p_list .more i{ margin:3px 0 0 3px; display:inline-block;width:0;height:0;font-size:0;line-height:0;border-width:5px;border-color:#777 transparent transparent;border-style:solid dashed dashed; vertical-align:middle}
.head_right li.userName{ width:auto;}
.header{ width:1000px; margin:0 auto; height:120px; background:#FFFFFF;}

.header .jdLogo{  z-index:9999;float:left; width:365px; margin:0px; padding:17px 0px 10px; position:relative}
.header .jdLogo .logoMenu{ position:absolute; right:0; top:21px; display:none; z-index:999; background:#674d39 url(/themes/yaohongjiu/images/vip/logoMenu.png) top no-repeat; width:142px; line-height:23px; padding:40px 0 10px 18px}
.header .jdLogo .logoMenu a{ color:#f5ece0; display:block}
.header .history{ width:108px; height:33px; float:left; margin:55px 0px 10px; background:url(/themes/yaohongjiu/images/haitaoimg/index_06.jpg) no-repeat; line-height:33px; font-size:17.21px; text-indent:10px}
.header .history a{ color:#FFFFFF}
.header .history a:hover{ text-decoration:none}

.logo_right{ margin-left:68px}
.logo_right ul li{ width:58px; margin:0px; padding:17px 0px 0px; float:left}
.header .search{width:300px; margin:55px 0px 0px 27px; float:left}
.header .search .txt{ width:160px;height:29px; line-height:29px; vertical-align:middle; background:#fff; padding-left:10px; border:1px solid #d8c7c1; border-right:none}
.header .search .searBtn{ width:70px; height:33px; vertical-align:middle; line-height:33px; font-family:microsoft Yahei; color:#f5ece0; border:none; background:rgb(231,53,141)}
.header .search .kepWord{ word-spacing:10px; padding-top:10px;}
.header .search a{ color:#a8a8a8;}

/**navi**/
.haitaoguan .nav{ margin-bottom:20px}
.navi{ background:url(/themes/yaohongjiu/images/haitaoimg/navi_03.jpg); width:100%; height:47px}
.navi .navi_content{ width:1000px; margin:0 auto}
.nav-items .navi_right{ float:right; line-height:31px; font-size:16px;background:url(/themes/yaohongjiu/images/haitaoimg/shop_03.jpg) no-repeat;width:125px; height:31px; margin-top:10px; text-indent:35px; border-left:1px solid #CCCCCC}
.nav-items .allbj{ background:url(/themes/yaohongjiu/images/haitaoimg/x_03.png) no-repeat;background-position:85px 20px;}
.haitaoguan .nav{ background:url(/themes/yaohongjiu/images/2015/haitaoguan/banner_02.jpg) no-repeat scroll center center; height:411px;margin-bottom:20px}
.nav {width: 100%;min-width: 950px;zoom: 1;margin-bottom: 40px;}
#db-nav-commodity {background:url(/themes/yaohongjiu/images/haitaoimg/navi_03.jpg); width:100%; height:47px;position: relative;overflow: visible;}
.nav .nav-wrap {border-bottom: 1px solid #e5ebe4;}
#db-nav-commodity .nav-wrap {border: 0;}
#db-nav-commodity .nav-primary {height: 60px;line-height: 46px;padding: 0;position: relative;overflow: visible;width: 950px;margin: 0 auto;}
#db-nav-commodity .nav-logo {background: 0;width: auto;height: auto;margin-right: 40px;float: left;}
#db-nav-commodity .nav-logo a, #db-nav-commodity .nav-logo a:link, #db-nav-commodity .nav-logo a:visited, #db-nav-commodity .nav-logo a:active, #db-nav-commodity .nav-logo a:hover {background: #a30000 url("/formwork/default/images/nav/logo.png") no-repeat 22px 15px!important;display: block;width: 190px;height: 65px;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;-ms-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;overflow: hidden;line-height: 100em;}
#db-nav-commodity .nav-items {font-size: 0;}
#db-nav-commodity .nav-item {display: inline-block;vertical-align: top;margin-right: 30px;position: relative;vertical-align: middle;}
#db-nav-commodity .nav-item .nav-link {display: block;font-size: 20px;width: 65px;height: 56px -3px;line-height: 47px;text-align: center;}
#db-nav-commodity .nav-item.story-item .nav-link {width: 80px;}
#db-nav-commodity .nav-item .nav-link, #db-nav-commodity .nav-item .nav-link:link, #db-nav-commodity .nav-item .nav-link:visited, #db-nav-commodity .nav-item .nav-link:active, #db-nav-commodity .nav-item .nav-link:hover {
color: #654f41;background: 0;}
#db-nav-commodity .nav-item .nav-link:active, #db-nav-commodity .nav-item .nav-link:hover {border-bottom-color: #a30000;}
a:hover {text-decoration: none;}
#db-nav-commodity .nav-item .icon-more {border-top-color: #654f41;}
#db-nav-commodity .nav-item .icon-more, #db-nav-commodity .nav-misc-item.enterances .more-enterances .icon-more {display: inline-block;vertical-align: top;vertical-align: middle;width: 9px;height: 6px;overflow: hidden;}
#db-nav-commodity .nav-item.search-item {margin-right: 0;line-height: 0;border: 1px solid #e7e8e2;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;overflow: hidden;}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity {background: none repeat scroll 0 0 #FFFFFF;display: inline-block;height: 35px;line-height: 35px;padding: 0 0 0 10px;vertical-align: top;border-top: 2px solid transparent;}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-input {width: 160px;height: 30px;line-height: 30px\9;border: 0;outline: 0;padding: 0;margin: 0;vertical-align: top;}
#db-nav-commodity .nav-item.search-item .search-wrap-commodity .search-icon {background: url(../images/yz_search.jpg) no-repeat 0 0;height: 30px;width: 30px;border: 0px;font-size: 12px;padding-left: 3px;padding-right: 5px;
color: #666;line-height: 30px;border: 0;cursor: pointer;}
#db-nav-commodity .nav-misc {position: absolute;top: 0;right: 0;}
#db-nav-commodity .nav-misc-zy {position: absolute;top: 0;right: 90px;}
#db-nav-commodity .nav-misc-zy a {display: inline-block;vertical-align: top;margin-top: 12px;width: 120px;height: 36px;line-height: 36px;text-align: center;color: #fff;background: #a30000;font-size: 15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;cursor: pointer;}
#db-nav-commodity .nav-misc-item.enterances:last-child {margin-right: 0;padding-right: 0;border-right: 0;}
#db-nav-commodity .nav-misc-item.enterances a {display: inline-block;vertical-align: top;margin-top: 12px;width: 80px;height: 36px;line-height: 36px;text-align: center;color: #fff;background: #a30000;font-size: 15px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;cursor: pointer;
}
#db-nav-commodity .nav-logo-wap {background: 0;width: auto;height: auto;margin-right: 0px;float: left;position: absolute;}
#db-nav-commodity .nav-logo-wap a, #db-nav-commodity .nav-logo-wap a:link, #db-nav-commodity .nav-logo-wap a:visited, #db-nav-commodity .nav-logo-wap a:active, #db-nav-commodity .nav-logo-wap a:hover {background: #a30000 url("/formwork/default/images/waplogo.png") no-repeat 8px 15px!important;display: block;width: 135px;height: 60px;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;-ms-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;overflow: hidden;line-height: 100em;}
#db-nav-commodity .story-more-nav {position: absolute;left: -10px;padding: 20px 30px;padding-right: 20px;background: #fff;background: rgba(255,255,255,0.95);border: 1px dotted #ccc;z-index: 11;width: 680px;display: none;z-index: 9999;}
#db-nav-commodity .story-more-nav .primary-tag {width: 560px;border-left: 1px solid #ddd;line-height: 26px;}
#db-nav-commodity .story-more-nav .primary-tag li{ float:left}
#db-nav-commodity .story-more-nav .main-cate, #db-nav-commodity .story-more-nav .primary-tag, #db-nav-commodity .story-more-nav .secondary-tag {float: left;}
#db-nav-commodity .story-more-nav .main-cate li {height: 26px;padding: 8px 34px 8px 0;}
#db-nav-commodity .story-more-nav .primary-tag li, #db-nav-commodity .story-more-nav .secondary-tag li {display: inline-block;vertical-align: top;width: 165px;padding: 1px 10px;height: 26px;line-height: 26px;}
.story-more-nav li a {color: #333;font-size: 14px;line-height: 26px;display: inline-block;}
.story-more-nav li a.ilmenicon-recommend {display: inline-block;height: 26px;padding-left: 25px;}
#db-nav-commodity .nav-item.story-item .nav-link{ width:100px}

/**index**/
.ab_btn2 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_02.jpg) center; height:294px;}
.ab_btn3 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_03.jpg) center; height:316px;}
.ab_btn4 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_04.jpg) center; height:305px;}
.ab_btn5 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_05.jpg) center; height:306px;}
.ab_btn6 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_06.jpg) center; height:305px;}
.ab_btn7 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_07.jpg) center; height:305px;}
.ab_btn8 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_08.jpg) center; height:305px;}
.ab_btn9 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_09.jpg) center; height:305px;}
.ab_btn10 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_10.jpg) center; height:305px;}
.ab_btn11 {  background: url(/themes/yaohongjiu/images/2015/haitaoguan/about/btn_11.jpg); height:305px;}

.guide{position: absolute; width: 132px; height: 282px; background: url(/themes/yaohongjiu/images/2015/haitaoguan/zhinan/guide.jpg) center no-repeat; right:5%; top: 650px; transition:all 1s; -moz-transition: all 1s; z-index:9999}
.guide a{display:block; color:#FFF; height:40px; text-align:center; font-family:微软雅黑; font-size:20px; font-weight:bold; line-height:40px; text-decoration:none; }
.haitaoguan .contain { width: 1000px; height: auto; margin: 0 auto; position: relative; }
.classified .mall{float:right; line-height:42px; padding-right:30px}
.htart{ margin-top:30px; background:url(/themes/yaohongjiu/images/2015/haitaoguan/ht_artbj_03.png) no-repeat; height:45px}
.htart a{ line-height:55px; margin-left:70px; font-size:26px; color:#333333;font-family:'宋体', '微软雅黑', 'Arial Unicode MS';font-weight:bold;}
.htart a:hover{ text-decoration:none; color:#e7358d}

.htart_art{ height:278px;  border:1px solid #CCCCCC; margin-top:16px}
.htart_art .art_left{ width:480px; height:190px; margin-top:30px; border-right:1px solid #CCCCCC; line-height:35px; float:left; font-size:16px}
.htart_art .art_right{width:480px; height:154px;margin-top:30px; float:left; line-height:35px; font-size:16px}
.htart_art ul{ margin-left:90px}
.htart_art ul li{ list-style:disc}

.goods::after { content: ""; clear: both; display: block; }
.goods li { width: 236px; height: 360px; display: block; float: left; background: #f4f4f4; border: 1px solid #e3ddda; overflow: hidden; margin-top: 15px; position: relative }
.goods_name a { color: #985d3e; font-size: 14px; display: block; width: 90%; margin: 0 auto; margin-top: 5px; text-decoration: none; font-weight:bold }
.goods_name a:hover { text-decoration: underline }
.goods_price { position: absolute; width: 70px; height: 30px; left: 167px; top: 230px; background: #d0d0d0; text-align: center; line-height: 30px; color: #FFF; }
.cluhead{background:#FFF; height:100px; overflow:hidden}
.goods img{ max-width:236px; width:expression(this.width>236?"150px":this.width);max-height:287px; height:expression(this.height>287?"  287px":this.height);}
.goods_name a{ font-weight:normal; font:Arial, Helvetica, sans-serif; color:#414141}
.goods li{ width:235px}
.goods_pic{ text-align:center;background:#FFFFFF}
.goods .fl15{ margin-left:0px; margin-right:13px;}

.co_head { height: 210px; margin-top: 10px; }
.co_head li { width: 245px; height: 215px; display: block; overflow: hidden; background: #f5f5f5; float: left; }
.co_head .ff01{ background:url(/themes/yaohongjiu/images/2015/haitaoguan/cosmetics.jpg) no-repeat;}
.co_head .ff02{ background:url(/themes/yaohongjiu/images/2015/haitaoguan/health.jpg) no-repeat;}
.co_head .ff03{ background:url(/themes/yaohongjiu/images/2015/haitaoguan/sories.jpg) no-repeat;}
.co_head .ff04{ background:url(/themes/yaohongjiu/images/2015/haitaoguan/baby.jpg) no-repeat;}
.co_head li{ margin-right:5px}
.co_head .ff01 .cosmetics{ height:215px}
.co_head .ff01 .cosmetics ul li{ width:120.5px; text-align:center; overflow:hidden; float:left; height:34px;filter:alpha(opacity=90);opacity:0.9; margin-right:0px; border:1px solid #FFFFFF; line-height:35px; background:rgb(38,139,185);}
.co_head .ff01  a{ color:#FFFFFF}
.co_head .ff02 .health{ width:245px; text-align:center; overflow:hidden; float:left; height:212px;filter:alpha(opacity=90);opacity:0.9; line-height:212px; background:#008a41; font-size:16px}
.co_head .ff02  a{ color:#FFFFFF}
.co_head .ff02 .health{ height:215px}
.co_head .ff02 .health .bjp{height:108px; line-height:108px;}
.co_head .sories ul li{ float:left; width:120.5px; background:#d4595e; filter:alpha(opacity=90);opacity:0.9;height:110px; border:1px solid #FFFFFF; text-align:center;margin-right:0px;}
.contain .classified { margin-top: 30px; }
.co_head .sories ul li a{ display:block; margin-top:40px; color:#FFFFFF}
.have_commodity li .close{ top:60px;}