@charset "gbk";
/*wgh 2012-08-31*/
/*全局*/
body{ font: 12px/22px "\5b8b\4f53", Tahoma, Helvetica, Arial, sans-serif;}
body,ul,li,ol,img,p,form,h1,h2,h3,h4,h5,h6,dl,dt,dd,span,div,table,tr,td{ margin:0px; padding:0px; list-style:none; border:none;}
table{border-collapse:collapse;border-spacing:0;}
/*取消chrome下input和textarea的聚焦边框*/
input,button,select,textarea{outline:none}
/*取消chrome下textarea可拖动放大：*/
textarea{resize:none}
/*表单、图片与文字垂直居中*/
input,select,button,img { vertical-align:middle;}
button{ cursor:pointer; border:0;}
.textInput{ border:#ccc solid 1px; font-size:12px; line-height:14px; height:14px; padding:6px 3px; }.btnInput{ cursor:pointer; border:0;}
.radioInput{ height:14px; width:12px; overflow:hidden; padding:0px; vertical-align: -3px;_vertical-align: -1px;margin:0 2px 0 0;}
label{ height:14px; line-height:12px; padding:0px; margin:0px; padding-left:5px;}
.checkboxInput{height:14px; width:12px; overflow:hidden; padding:0px;vertical-align: -3px;_vertical-align: -1px;margin:0 2px 0 0;}
.selectInput{  border:#ccc solid 1px; height:28px; font-size:12px; padding:4px 0; vertical-align:middle;}
/*容器自动撑大*/
.clearfix{zoom:1;display:block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*图片居中*/
.imgBorder{*overflow:hidden; overflow: hidden; height:178px;width:178px; border: 1px solid #e4e4e4; }
.imgBorder a{display: table-cell;text-align: center;vertical-align: middle; *display:block;*font-family:Arial;*line-height:1; *font-size:74px; height:178px;width:178px;}
.imgBorder a img {vertical-align: middle;}
/*行尾添加省略号*/
.zdyc{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.hidden{ display:none;}
/*link*/
a:focus {outline:none;}
/*ie6 and ie7 outline:none bug*/
*html a{star:expression(this.onFocus=this.blur());}
*:first-child+html a{star:expression(this.onFocus=this.blur());}
/*默认字体*/
em,i{ font-style:normal;}
.f999{ color:#999;}.f666{ color:#666;}.f_red{ color:red;}

a:link,a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#c23016; text-decoration:underline;}
a.a_666:link,a.a_666:visited{ color:#666666;}a.a_666:hover{ color:#c23016;}
a.a_fff:link,a.a_fff:visited,a.a_fff:hover{ color:#fff;}
.f_c71d22,a.a_c71d22:link,a.a_c71d22:visited{ color:#c71d22;}a.a_c71d22:hover{ color:#c23016;}

a.a_c23016:link,a.a_c23016:visited,a.a_c23016:hover{ color:#c23016;}
a.a_807a68:link,a.a_807a68:visited{ color:#807a68;}a.a_807a68:hover{ color:#703300;}
a.a0798c4:link,a.a0798c4:visited{ color:#0798c4; font-size:12px}a.a0798c4:hover{ color:#076c9b;font-size:12px}

.fl{float:left}.fr{float:right}.pt5{ padding-top:5px;}.mb10{ margin-bottom:10px;}
.height10{height:10px;overflow:hidden;}.height15{height:15px;overflow:hidden;}
/*框架*/
.layoutWidth{ position:relative; z-index:1;width:1000px;margin:0px auto;background:#fff}.w1000{width:1000px;margin:0px auto;}
.w990{width:990px;margin:0px auto;}
.w_220{ width:220px;}.w_770{ width:770px;}
body{ background:url(/skin/gift/template/style/css/img/bodybg2hui.jpg)}
.layoutbg{ height:0px; font:1px/1px "simsun"; background:url(/skin/gift/template/style/css/img/btmbg.jpg) no-repeat;}
/*背景*/
.i_cart,.sel .buy,.car h5 p .clear_ico,.checkout p .checkout_but,.car_pic span i,#nav .l_bg,#nav .r_bg,.nav li,.service_btm .btmlogo,.search,.top_notice,.subnav,.site p,.explain li i,.bomb_nav ul li,.backToTop{ background:url(/skin/gift/template/style/css/img/global.png) no-repeat;}
/*顶部*/
/* header */
#header{ background:url(/skin/gift/template/style/css/img/header.jpg) no-repeat; width:1000px; height:116px; margin:0 auto;}
/*top*/
/*顶部*/
#top{ height:40px; color:#666666; line-height:40px; background-color:#FFF;}
#top .fl{ padding-left:10px;}
#top .fr{ color:#ffba00;}#top .fr span{ display:inline-block; vertical-align:-2px; font:bold 16px Arial;}
#top ul { display:inline;float:right; margin-right:10px;}#top ul li{ display:inline; float:left; margin:0 2px; color:#b7b7b7;}
#top ul li a:link,#top ul li a:visited{ color:#666666;}#top ul li a:hover{ color:#7c3600;}
#top ul .tel_color{ color:#c71d22;}

/* explain */
.explain{ display:inline; float:right; width:200px; margin:30px 20px 0 0;}
.explain li{ float:left; width:100px; height:22px; margin-bottom:10px; color:#b8464b; font:16px/22px "微软雅黑";}
.explain li i{ display:inline; float:left; width:22px; height:22px; margin-right:6px;}
.explain li .icon_0{ background-position:0 -42px;}
.explain li .icon_1{ background-position:-32px -42px;}
.explain li .icon_2{ background-position:-64px -42px;}
.explain li .icon_3{ background-position:-96px -42px;}
/* explain end */
/* logo */
.logo{ display:inline; float:left; width:248px; margin:14px 0 0 10px;}
/* search */
.search_box{ display:inline; float:left; width:398px; margin:30px 0 0 50px;}
.search{ width:394px; height:28px; padding:2px; background-position:0 0px;}
.search .textInput{ float:left; width:320px; padding:7px 8px; border:0; outline:none; background:none;}
.search .btnInput{ float:right; width:52px; height:28px; margin:0; background:none; color:#FFF; font:bold 14px "simsun";}
.search_hot{height:28px; background-position:-387px -151px; color:#a20c28; line-height:28px;}
.search_hot a{ margin-right:6px;}
/*购物车*/
.cart{ position:relative; z-index:10; display:inline; float:right; width:190px; height:28px; margin:10px 20px 0 0; line-height:28px;}
.i_cart{ background-position:-376px -45px;width:25px;height:25px; float:left;margin:4px 4px 0 0;}
.sel{z-index:99; color:#FFF;} .sel .b_color{ color:#e8f600;}
.sel .buy{display:inline; float:right; width:43px; height:17px; margin-top:6px; background-position:-319px -43px; line-height:17px; text-align:center;}
.sel a.buy:link,.sel a.buy:visited,.sel a.buy:hover{ color:#a3102c;}
.car{ position:absolute;right:0px; display:none;width:335px; background:#fff;border:1px solid #d9d9d9; line-height:22px; z-index:100;}
.car h5{border-bottom:1px solid #d9d9d9;display:block; width:100%;height:34px; font-size:14px}
.car h5 span{color:#7C6C64;background:#fff; float:left;padding:0px 10px;font:normal 14px/34px "\5FAE\8F6F\96C5\9ED1";}
.car h5 p .clear_ico{width:26px;height:26px; margin:3px 5px 0px 0px;background-position:-276px -42px;}
.car dl dt{width:90px;margin-left:10px; float:left}
.car_pic span i{ background-position:-217px -42px;width:48px;height:14px; float:left;font:normal 12px/14px "\5B8B\4F53";color:#fff;text-indent:5px;margin:3px 10px 0px 0px;}
.other p{ float:left;margin:0px 10px 0px 10px;}.hot{float:right;margin-right:10px;}.hot,.hot a{color:#666}.hot a:hover{color:#e482a7;}
.other_i{float:left;width:9px;height:9px; background-position:-335px -40px;margin:15px 3px 0px 0px;}
.car .no_good{padding:5px 8px;}
.car h5 i{ background-position:-485px -413px;width:15px;height:33px; float:left;}
.car h5 a{ float:right;margin:5px 10px 0px 0px;}
.car dl{zoom:1;display:block;padding:7px 0px;border-bottom:1px dashed #d9d9d9}.car dl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.car h5 p{ display:inline-block; float:right;width:120px;}
.car dl dd .car_pic{width:160px; float:left;line-height:22px;}.car dl dd .car_pic p{height:40px;margin:7px 0px;overflow:hidden}
.car_pic span b{color:#f00; font:bold 16px Arial}.car_pic span{color:#a50c2a;font:bold 14px/22px Arial;}
.car dl dd .delete{width:50px; float:right;margin:25px 0px 0px 0px;}
.car .checkout{float:left;color:#7a6a6b;font:normal 12px/22px "\5B8B\4F53";width:100%;padding:10px 0px; background:#f7f7f7}
.car .checkout p{display:block; float:none;padding:0px 10px;}.car .checkout p b{color:#f00;font-size:18px;}
.checkout p .checkout_but{background-position:-130px -42px;width:77px;height:29px; float:right;text-indent:-9999px;}
/* nav */
#nav{ position:relative; height:48px; background:url(/skin/gift/template/style/css/img/navbg.jpg) no-repeat; z-index:2}
#nav .l_bg,#nav .r_bg{ position:absolute; top:-1px; width:148px; height:52px;}
#nav .l_bg{ left:-147px; background-position:0 -119px;}#nav .r_bg{ right:-147px; background-position:-158px -119px;}
.nav{ float:left;}
.nav li{ float:left; height:48px; padding:0 20px; background-position:right -72px; font:bold 15px/48px "\5FAE\8F6F\96C5\9ED1"; text-align:center; position:relative; z-index:100}
.nav li.last{ background-position:-100px -72px;}
.nav li a:link,.nav li a:visited{ color:#fff;}.nav li a:hover{ color:#ffd800;}
.nav li.curr a:link,.nav li.curr a:visited,.nav li.curr a:hover{ color:#ffd800; text-decoration:none;}
.nav li .submenu{display:none;position:absolute;top:46px;left:0px;width:100px;background:#E5601D; z-index:10000}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;font:normal 12px/26px "宋体";}
.nav ul .drop-menu-effect .submenu li a:link,.nav ul .drop-menu-effect .submenu li a:visited{ color:#fff;text-align:center; display:block; height:26px;}
.nav ul .drop-menu-effect .submenu li a:hover{background:#EF7E46;color:#fff;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear; -ms-transition: all 300ms linear;transition: all 300ms linear;}

/* subnav */
.bg_top{ height:34px; padding-top:7px; background-color:#fff; line-height:27px;}
.subnav{ margin-left:20px; padding-left:18px; background-position:-385px -188px;}
.subnav a{ margin-right:8px;}
/*公告*/
.top_notice{ display:inline; float:right; width:270px; padding-left:18px; background-position:-385px -188px;}
.top_notice em{ color:#c71d22; margin-right:2px;}

/*所在位置*/
.site{padding:8px 0px; border-top:1px solid #d4d4d4;}
.site p{color:#666;background-position:-382px -227px; background-repeat:no-repeat;text-indent:20px;}

/* 底部 */
#footer{ width:1000px; margin:0 auto; border-top:3px solid #ef7e46; background-color:#fff;}
#footer .border{ border:1px solid #fff;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.ft_top{ height:26px; background-position:0 -275px;  background-repeat:repeat-x;}
.service_btm{ padding-top:20px;}
.service_btm .btmlogo{ float:right; width:274px; height:68px; padding-top:100px; background-position:0 -190px;}
.service_btm .btmlogo .txt{ margin-top:4px; font:14px "\5FAE\8F6F\96C5\9ED1"; text-indent:16px;}
.service_btm .btmlogo .txt em{ color:#d3513a; font:14px Arial;}
.service_btm .btmlogo .txt  .em_tel{ font-size:20px;}
.service_btm dl{ float:left; width:140px;}
.service_btm dl dt,.service dl dd{ width:100px;}
.service_btm dl dt{ height:30px; padding:0 0 0 40px; color:#4d4d4d; font:16px/30px "\5FAE\8F6F\96C5\9ED1";}
.service_btm dl .icon_0{ background-position:-185px -126px;}
.service_btm dl .icon_1{ background-position:0 -186px;}
.service_btm dl .icon_2{ background-position:-195px -182px;}
.service_btm dl .icon_3{ background-position:10px -228px;}
.service_btm dl .icon_4{ background-position:-190px -228px;}
.service_btm dl dd{ height:22px; overflow:hidden; padding:0 0 0 36px;}
.footertip{ width:988px; height:68px; margin:0 auto; background:url(/skin/gift/template/style/css/img/footertip.jpg) no-repeat;}
/* 友情链接*/
.links{ width:960px; margin:0 auto; padding-bottom:8px;}
.links dl{ margin-bottom:6px;}
.links dl dt{ margin-bottom:4px; color:#672900; font:bold 12px "宋体";}.links dl dd{ }.links dl dd a{ display:inline-block; margin-right:8px;}
/* footer */
.footer{ padding:20px 0 30px;}
.footer p{ text-align:center; color:#666666;}
.footer p a{ margin:0 8px;}


/*分页*/
.page{ text-align:center; padding:30px 30px 30px 0; text-align:center;}
.page a{ display:inline-block; border:1px solid #eee; height:22px; padding:0 8px; margin:0 4px;line-height: 22px;}
.page a:hover{ background-color:#e7692d; border:1px solid #eee; color:#FFF; text-decoration:none;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;}
.page a.curr:link,.page a.curr:visited{ border:1px solid #e7692d; background-color:#e7692d; color:#FFF; text-decoration:none;}
.page a.curr:hover{ background-color:#e7692d; color:#FFF; text-decoration:none; border:1px solid #e7692d;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;}

/* 404error */
.error_404{position:relative; width:760px; height:340px; margin:0 auto; background:url(/skin/gift/template/style/css/img/404.jpg) no-repeat; color:#666;}
.error_404 h5{ font-style:normal; font:bold 12px/22px "simsun";}
.error_404 ul{ position:absolute; top:210px; left:220px; width:430px;}
.error_404 a:link,.error_404 a:visited,.error_404 a:hover{ color:#F00;}


/*验证*/
.onShow{ padding:5px 0 5px 25px; font-size: 12px;}
.onFocus{background:url(/skin/gift/template/style/css/img/onFocus.gif) no-repeat; padding:5px 0 5px 25px; font-size: 12px;margin-left:10px;}
.onError{background:url(/skin/gift/template/style/css/img/onError.gif) no-repeat;padding:5px 0 5px 25px;font-size: 12px;margin-left:10px;}
.onCorrect{ padding:5px 0 5px 25px;font-size: 12px;}
.onLoad{background:url(/skin/gift/template/style/css/img/onLoad.gif) no-repeat 3px 3px;padding:5px 0 5px 25px; font-size: 12px;} 

/*客服在线*/
#on_line{ width:26px;position: fixed;right:5px;top:155px;z-index:500;} 
#on_line i{ background:url(/skin/gift/template/style/css/img/on_line1.png) no-repeat 0 60px; width:26px; height:86px; padding-top:60px; float:left; cursor:pointer; text-indent:-9999px;} 
#on_line ul{ width:79px; float:left; display:none;}
#on_line ul .top_line{ background:url(/skin/gift/template/style/css/img/on_line2.png) no-repeat; width:79px; height:33px;}
#on_line ul .mdl_line{ background:url(/skin/gift/template/style/css/img/on_line4.png) repeat-y; width:79px; padding:4px 0; text-align:center;}
#on_line ul .btm_line{ background:url(/skin/gift/template/style/css/img/on_line3.png) no-repeat; width:79px; height:5px;}
#on_line{ position:fixed; right:5px; top:155px; z-index:500;  _position:absolute;_bottom:0; _top:expression(eval(document.documentElement.scrollTop+155));}

/*返回顶部*/
.backToTop { display: none; width:36px; height:44px; background:url(/skin/gift/template/style/css/img/uptop.png) no-repeat; line-height: 1.2; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer;}

/*分类导航*/
/*.bombwindow{  position: fixed; _position: absolute; z-index:99999; right:40px; top:210px; width:104px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||100)-(parseInt(this.currentStyle.marginBottom, 10)||100)));}
.bombwindow h5{ height:29px; background-color:#e9641e; color:#FFF; font:normal 12px/29px Arial; text-align:center;}
.bombwindow .bomb_nav,.bombwindow .bomb_service{ padding:4px 0; border:1px solid #e9641e; border-top:0; background-color:#FFF;}
.bomb_nav ul li{ width:76px; height:26px; overflow:hidden; padding-left:18px; margin:0 auto; background-position:-388px -122px; border-bottom:1px solid #eee; line-height:26px;}
.bomb_nav ul li.last{ border-bottom:0;}
.bomb_service p{ width:94px; height:22px; margin:0 auto; color:#666;}
.bomb_service .tel_style{ color:#e9641e; font-size:14px;} 
.bomb_service p a{ float:left; margin-right:4px;}*/

/*-----------------客服------------------*/


/*返回顶部*/
/*.backToTop { display: none; width: 104px; height:29px; background-position:-380px -153px; background-color:#e9641e; line-height: 29px; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 40px; top: 590px; cursor: pointer; z-index:9999;}*/