/* common */
.hide{ display: none;}
a{ color: #000;}
.clearfix:after,.pic-list:after,.toolbar-box:after{content:"\20";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix,.pic-list,.toolbar-box{ zoom:1; position:relative;}
.width100{ width: 100%;}
.width960{ width: 960px; position: relative; margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}

/* banner */
.banner{ background: url(../images/banner.jpg) center top no-repeat #2c2318; height: 397px;}
.banner .width960{ background: url(../images/banner.jpg) center top no-repeat #2c2318; height: 397px; position: relative;}
.banner .width960 a{ position: absolute; display: block; width: 80px; height: 110px; top: 363px;}

/* content */
.bgcolor{ background: #fce4bf;}
.width100 .bgcolor{ background: url(../images/title.jpg) top left no-repeat #fce4bf; padding: 0 16px;}
.bgcolor-l{ background: #fffee2;}
.width100 .bgcolor-l{ background: url(../images/title-l.jpg) top left no-repeat #fffee2; padding: 0 16px;}
h3.area{ font: bold 44px "Microsoft Yahei", "Hiragino Sans GB", sans-serif; padding: 27px 0 0 55px; color: #67474e;}


/* deal */
ul.deal{ padding-bottom: 27px;}
ul.deal li{ float: left; display: block; position: relative; width: 216px; height: 372px; background-color: #fff; border: 1px solid #fff; margin: 8px;}
ul.deal li a img{ width: 216px; height: 267px;}
ul.deal li .deal-bottom{ padding: 18px 9px 0 9px; position: relative; border-bottom: 1px solid #e4e3e3; height: 75px;}
ul.deal li .deal-bottom h3{ font: bold 18px "Microsoft Yahei", "Hiragino Sans GB", sans-serif; color: #533e38; margin-bottom: 10px;}
ul.deal li .deal-bottom span.text{ font: 12px "Microsoft Yahei", "Hiragino Sans GB", sans-serif; color: #949494; display: block; width: 135px; overflow: hidden; height: 40px;}
ul.deal li .deal-bottom span.text span{ color: #db5471;}
ul.deal li .deal-bottom a.btn{ position: absolute; display: block; background: url(../images/btn.jpg) no-repeat #fff; width: 59px; height: 58px; bottom: -4px; right: 10px;}
ul.deal li .deal-bottom a.btn.btn-d{ background: url(../images/btn-d.jpg);}
ul.deal li a.tag{ position: absolute; display: block; background: url(../images/tag.png) top right no-repeat; width: 65px; height: 62px; right: 0px; top: 0px; z-index: 1;}


/* float */
.floating-block{ width: 1000px; margin: 0 auto;}
.floating-block .float-btn-list{ position: fixed; /* Fix webkit issue with position:fixed */ top: 430px; width: 150px; background: #e5b381;}
.floating-block .float-btn-list{ /* Fix position:fixed not work in IE6 */ _position: absolute; _top: expression( ( 430 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); margin-left: 1000px; zoom: 1;}
.floating-block .float-btn-list a{ display: block; left: 0; width: 100%; height: 42px; text-decoration: none; text-align: center; font: bold 14px "Microsoft Yahei", "Hiragino Sans GB", sans-serif; color: #fff; line-height: 42px;}
.floating-block .float-btn-list a.color-d{ background: #da924b;}
.floating-block .float-btn-list a:hover{ color: #410707;}
.floating-block .float-btn-list .top{}
.floating-block .float-btn-list a span{ font-weight: bold;}