﻿

.body{text-align:center;}

.banner{ overflow:hidden;position:relative;z-index:1; }
.banner>ul{ width:500%; }
.banner>ul li{ float:left;width:20%;height:351px;background:center; }
.banner>ul li a{ display:block;height:100%; }
.banner .circular-list{ position:absolute;bottom:13px;color:#fff;left:50%;margin-left:-75px;-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.banner .circular-list i{ margin:0 6px;cursor:pointer;display:inline-block;*display:inline;*zoom:1;width:18px;height:18px;text-align:center;line-height:18px;background:url(../images/banner-circular.png); }
.banner .circular-list i.cur{ background-position:18px; }
.banner .LR-btn{  }
.banner .LR-btn span{ width:42px;height:68px;background:url(../images/LR-btn.png);position:absolute;top:136px;left:50%;cursor:pointer; }
.banner .LR-btn span.prev{ margin-left:-380px; }
.banner .LR-btn span.next{ margin-left:335px;background-position:42px; }
.banner .activityPic{ position:absolute;top:0;left:50%;width:200px;height:351px;background:rgba(255,255,255,0.85);margin-left:377px; }
/*.banner .activityPic img{ display:block;margin-bottom:1px; }*/

.notice{height:36px;line-height:36px;padding:0 10px 0 8px;border-bottom: 1px solid #999;}
.notice span{font-size: 14px;font-weight: bold;color:#333;}
.notice a{float:right;color:#999;line-height:36px;}
.notice-list ul{overflow: hidden;}
.notice-list ul li{height:35px;line-height:35px;border-bottom: 1px dotted #666;padding:0 24px 0 23px;position:relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.notice-list ul li:first-child{padding:0 30px 0 42px;height:46px;line-height: 46px;}
.notice-list ul li:first-child a{font-weight: bold;}
.notice-list ul li a{height:35px;line-height:35px;color:#666;}
.notice-list ul li i{display:inline-block;width:2px;height:2px;background:#000;margin-right: 5px;line-height:36px;vertical-align:middle;}
.notice-list ul li b{display:inline-block;width:21px;height:25px;background:url(../images/hot.png) no-repeat;position:absolute;top:10px;left:12px;}

.sidebar{ margin-bottom:40px; }
.sidebar .custom .title{margin-bottom:24px;width:100%;margin-left:-1px;padding:0 2px;position:relative;z-index:1;font-size:30px;line-height:30px;color:#323131;text-align:center;background:#fff url(../images/sidebar-line.png) left center no-repeat;}
.sidebar .title span{ background-color:#fff;padding:0 30px;font-family:"Microsoft Yahei"; }
.sidebar a.more{ z-index:2;font-size:12px;color:#5a5a5b;position:absolute;top:30px;right:5px; }
/*个性定制*/
.custom{ position:relative;margin-left:240px;margin-top:20px;border:1px solid #ebe9e9;border-top:0;padding-bottom:32px; }
.custom .list{ overflow:hidden;padding:0 35px 0 39px; }
.custom .list ul li{ float:left;margin-right:26px;width:155px;line-height:24px; }
.custom .list ul li:hover img{ border-color:#e62129; }
.custom .list ul li img{ width:153px;height:153px;padding:18px 0;border:1px solid #eae9e9;margin-bottom:18px; }
.custom .list ul li p{ font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.custom .list ul li span{ font-size:16px;color:#e62129; }
/*正宗绝色粤菜*/
/*.dishes{ position:relative;margin-left:240px;margin-top:20px; }
.dishes .title{ margin-bottom:24px;width:100%;margin-left:-1px;padding:0 2px;position:relative;z-index:1;font-size:30px;line-height:30px;color:#323131;text-align:center;background:#fff url(../images/sidebar-line.png) left center no-repeat; }
.dishes .title span{ background-color:#fff;padding:0 30px;font-family:"Microsoft Yahei"; }
.dishes ul{ position:absolute;top:80px;right:15px; }
.dishes ul li{ float:left;width:155px;margin-right:26px;background:#fff;line-height:24px; }
.dishes ul li img{ width:155px;height:155px;padding:18px 0;display:block; }
.dishes ul li p{ padding:0 15px;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.dishes ul li span{ padding:0 15px;font-size:16px;color:#e62129; }
*/
.sidebar .dishes .title{margin-bottom:24px;width:100%;margin-left:-1px;padding:0 2px;position:relative;z-index:1;font-size:30px;line-height:30px;color:#323131;text-align:center;background:#fff url(../images/sidebar-line.png) left center no-repeat;}


.dishes{ position:relative;margin-left:240px;margin-top:20px;border:1px solid #ebe9e9;border-top:0;padding-bottom:18px; }
.dishes .dishes_list{overflow:hidden;padding:0 15px; }
.dishes .dishes_list ul li{float:left;margin:0 16px 15px 0;position:relative;}
.dishes .dishes_list ul li img{ width:298px;height:136px;}
.dishes .dishes_list ul li i{position:absolute;bottom:7px;left:12px;color:#fff;z-index: 1;}
/*.dishes .dishes_list ul li span{margin-right:5px;font-size:12px;}*/
.dishes .dishes_list ul li span{display:inline-block;width:298px;height:28px;background:rgba(0,0,0,0.7);position: absolute;bottom:0;left:0;}


/*热卖图书*/
.hot{ position:relative;margin-left:240px;margin-top:20px;border:1px solid #ebe9e9;border-top:0;padding-bottom:27px; }
.sidebar .hot .title{margin-bottom:24px;width:100%;margin-left:-1px;padding:0 2px;position:relative;z-index:1;font-size:30px;line-height:30px;color:#323131;text-align:center;background:#fff url(../images/sidebar-line.png) left center no-repeat;}

.hot .list{overflow:hidden;padding: 0 35px 0 39px;}
.hot .list ul li{ float:left;margin-right:26px;width:155px;line-height:24px; }
.hot .list ul li .star{  }
.hot .list ul li .star i{ margin-right:2px;display:inline-block;*display:inline;*zoom:1;width:17px;height:16px;background:url(../images/star.png); }
.hot .list ul li .star i.good{ background-position:-17px; }
.hot .list ul li:hover img{ border-color:#e62129; }
.hot .list ul li img{ width:153px;height:153px;padding:18px 0;border:1px solid #eae9e9;margin-bottom:18px; }
.hot .list ul li p{ font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.hot .list ul li span{ font-size:16px;color:#e62129; }

/*新书上架*/
.newBook{  }
.newBook .title{ font-family:"microsoft YaHei";font-weight:bold;border-bottom:1px solid #be1f2d;background:url(../images/ico-line.png) no-repeat left center;line-height:38px;font-size:18px;color:#4b4b4c;text-indent:10px; }

.newBook .main{ padding:0 18px 50px; }
.newBook .main .littleNav{ margin:20px 0;font-size:16px;color:#7c7c7c;overflow:hidden;padding:4px 0 5px; }
.newBook .main .littleNav a{ color:#7c7c7c;margin-right:50px;line-height:26px;float:left;border-bottom:1px solid transparent; }
.newBook .main .littleNav a.cur{ color:#e62129;border-bottom:1px solid #e62129; }
.newBook .main .list{ position:relative;margin-top:25px; }
.newBook .main .list .bookList{ overflow:hidden; }
.newBook .main .list .bookList ul{ width:10000px; }
.newBook .main .list .bookList ul li{ width:177px;margin-right:20px;float:left;line-height:24px; }
.newBook .main .list .bookList ul li img{ width:175px;height:175px;padding:18px 0;border:1px solid #eae9e9;margin-bottom:16px; }
.newBook .main .list .bookList ul li p{ font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.newBook .main .list .bookList ul li span{ font-size:16px;color:#e62129; }
.newBook .main .list i{ cursor:pointer;position:absolute;top:88px;width:27px;height:46px;background-image:url(../images/ico-arrow.png); }
.newBook .main .list i.prev{ left:-12px;background-position:0; }
.newBook .main .list i.next{ right:-12px;background-position:27px; }


/*栏目排行榜*/
.column{ margin-bottom:32px; }
.column .leftColumn{ width:968px;overflow:hidden; }
.column .leftColumn h6{ font-family:"microsoft YaHei";font-weight:bold;border-bottom:1px solid transparent;background:url(../images/ico-line.png) no-repeat left center;line-height:38px;font-size:18px;color:#4b4b4c;text-indent:10px; }
.column .leftColumn .sidebarNav{ width:180px;height:544px;float:left;background:no-repeat bottom center; }
/*设置专栏背景色和背景图片*/
.column .leftColumn.purple h6{ border-bottom:1px solid #400e84; }
.column .leftColumn.purple .sidebarNav{ background-color:#9f7add;background-image:url(../images/pic/9.png); }
.column .leftColumn.purple .sidebarNav ul li{ background:#7a5ba5; }
.column .leftColumn.purple .sidebarNav ul li.cur{ background:#5f3d8e; }
.column .leftColumn.purple .sidebarNav ul li.cur b{ border-left-color:#5f3d8e; }
.column .leftColumn.green h6{ border-bottom:1px solid #045e61; }
.column .leftColumn.green .sidebarNav{ background-color:#7adadd;background-image:url(../images/pic/10.png); }
.column .leftColumn.green .sidebarNav ul li{ background:#32b3b7; }
.column .leftColumn.green .sidebarNav ul li.cur{ background:#0b9599; }
.column .leftColumn.green .sidebarNav ul li.cur b{ border-left-color:#0b9599; }
/*设置专栏背景色和背景图片*/
.column .leftColumn .sidebarNav ul{ padding-top:24px;float:right; }
.column .leftColumn .sidebarNav ul li{ width:102px;height:30px;text-align:center;line-height:30px;font-size:18px;margin-bottom:14px; }
.column .leftColumn .sidebarNav ul li.cur{ position:relative; }
.column .leftColumn .sidebarNav ul li.cur b{ border:15px solid transparent;border-right:0;position:absolute;top:0;right:-15px;font-size:0;width:0; height:0; line-height:0; }
.column .leftColumn .sidebarNav ul li a{ color:#fff!important;display:block; }
.column .leftColumn .list{ margin-left:180px;width:788px;height:544px;overflow:hidden;}
.column .leftColumn .list ul{ overflow:hidden;display:none; }
.column .leftColumn .list ul li{float:left;margin-top:20px;margin-left: 18px;width:155px;padding:0 10px;height:250px;border:1px solid #eae9e9;}
.column .leftColumn .list ul li.itembanner{ width:374px;padding:0;border:0; }
.column .leftColumn .list ul li.itembanner img{ width:374px;height:252px;padding:0 0; }
.column .leftColumn .list ul li img{ width:155px;height:155px;padding:18px 0; }
.column .leftColumn .list ul li p{ font-size:14px;color:#333;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.column .leftColumn .list ul li span{ font-size:16px;color:#e62129;line-height:22px; }
.column .ranking{ width:210px;padding-top:38px; }
.column .ranking .title{ font-family:"microsoft YaHei";font-size:18px;color:#000;line-height:27px;overflow:hidden;margin-bottom:14px; }
.column .ranking .title a{ font-size:12px;color:#5a5a5a; }
.column .ranking .title i{ margin-right:4px;width:27px;height:27px;display:inline-block;*display:inline;*zoom:1;vertical-align:bottom;background:url(../images/ranking.png); }
.column .ranking .rankingNav{  }
.column .ranking .rankingNav ul{ overflow:hidden; }
.column .ranking .rankingNav ul li{ float:left;width:40px;text-align:center;font-size:12px;line-height:33px;border:1px solid #d2d2d2; }
.column .ranking .rankingNav ul li a{ color:#666;display:block; }
.column .ranking .rankingNav ul li.cur{ border-bottom-color:transparent;border-top-color:#e62129; }
.column .ranking .rankingNav ul li.cur a{ color:#e62129;font-weight:bold; }
.column .ranking .list{ padding:8px 12px 0;border:1px solid #e5e5e5;border-top:0;height:460px;overflow:hidden; }
.column .ranking .list ul{ display:none; }
.column .ranking .list ul li{ padding-left:45px;position:relative;border-bottom:1px dashed #e6e6e6;line-height:36px;height:36px; }
.column .ranking .list ul li a{ display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.column .ranking .list ul li i{ -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;font-size:14px;color:#666;position:absolute;width:22px;height:22px;text-align:center;line-height:22px;top:7px;left:5px;background:url(../images/rankingS.png); }
.column .ranking .list ul li i.top{ top:4px;color:#fff;height:28px;background:url(../images/rankingT.png); }


/*分类短阅读*/
.short-reading{ margin-bottom:40px; }
.short-reading h6{ font-family:"microsoft YaHei";font-weight:bold;border-bottom:1px solid #2dacb0;background:url(../images/ico-line.png) no-repeat left center;line-height:38px;font-size:18px;color:#4b4b4c;text-indent:10px; }
.short-reading .list{padding: 38px;border:1px solid #ebeaea;}
.short-reading .list ul{ float:right;border-left:1px solid #dcdcdc;padding-left:60px; }
.short-reading .list ul li{ width:498px;line-height:21px;padding:7px 0; }
.short-reading .list ul li i{ margin:0 8px;width:4px;height:4px;background:#7c7c7c;display:inline-block;*display:inline;*zoom:1;vertical-align:middle; }
.short-reading .list ul li a{ width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;vertical-align:middle;display:inline-block;*display:inline;*zoom:1;color:#7c7c7c;border-bottom:1px dashed #bababa; }
.short-reading .list ul li span{ color:#a8a7a7;margin-left:22px; }
.short-reading .list .project{ overflow:hidden;color:#7c7c7c;padding-right:48px;line-height:1.7; }
.short-reading .list .project p.title{ font-size:14px;margin-bottom:20px; }
.short-reading .list .project img{ width:180px;height:130px;float:left;margin-right:16px; }
.short-reading .list .project p.con{ line-height:21px;text-indent:2em; }
.short-reading .list .project p.con a{ color:#2e6fd5; }
/*活动图片列表*/
.activity-list{ overflow:hidden;margin-bottom:40px; }
.activity-list img{ float:left;width:387px;height:172px; }


/*每周促销*/
.promo{ margin-bottom:30px; }
.promo .list{ width:968px; }
.promo .list .title{ font-family:"microsoft YaHei";font-weight:bold;border-bottom:1px solid #be1f2d;background:url(../images/ico-line.png) no-repeat left center;line-height:38px;font-size:18px;color:#4b4b4c;text-indent:10px; }
.promo .list ul{ margin-top:25px;overflow:hidden; }
.promo .list ul li{ width:177px;margin-right:20px;float:left;line-height:24px; }
.promo .list ul li img{ width:175px;height:175px;padding:18px 0;border:1px solid #eae9e9;margin-bottom:16px; }
.promo .list ul li p{ font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.promo .list ul li span{ font-size:14px;color:#666;display:block; }
.promo .list ul li font{ font-size:16px;color:#e62129; }
.promo .list ul li del{ display:block;font-size:14px;color:#666; }
.promo .fr{ width:210px;line-height:24px; }
.promo .fr .title{margin-bottom:25px;font-family:"microsoft YaHei";border-bottom:1px solid #be1f2d;line-height:38px;font-size:18px;color:#000;}
.promo .fr .title i{width:27px;height:27px;display:inline-block;*display:inline;*zoom:1;vertical-align:text-bottom;background:url(../images/ico-sidebar.png);margin-right:10px;}
.promo .fr .pic{ border:1px solid #eae9e9;margin-bottom:16px;position:relative; }
.promo .fr .pic img{ width:175px;height:175px;padding:18px 0;display:block;margin:0 auto; }
.promo .fr .pic .discount{ font-family:"microsoft YaHei";font-size:14px;color:#fff;width:67px;height:67px;text-align:center;line-height:67px;position:absolute;top:10px;right:5px;background:url(../images/discount-bg.png); }
.promo .fr .pic .discount strong{ font-size:22px;font-weight:normal; }
.promo .fr  p{ font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.promo .fr  span{ font-size:14px;color:#666;display:block; }
.promo .fr  font{ font-size:16px;color:#e62129; }
.promo .fr  del{ display:block;font-size:14px;color:#666; }


/*热评商品*/
.hotEvaluation{ margin-bottom:30px; }
.hotEvaluation .list{ width:968px; }
.hotEvaluation .list .title{ font-family:"microsoft YaHei";font-weight:bold;border-bottom:1px solid #be1f2d;background:url(../images/ico-line.png) no-repeat left center;line-height:38px;font-size:18px;color:#4b4b4c;text-indent:10px; }
.hotEvaluation .list ul{ margin-top:25px;overflow:hidden; }
.hotEvaluation .list ul li{ width:177px;margin-right:20px;float:left;line-height:24px; }
.hotEvaluation .list ul li img{ width:175px;height:175px;padding:18px 0;border:1px solid #eae9e9;margin-bottom:16px; }
.hotEvaluation .list ul li p{ font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.hotEvaluation .list ul li span{ font-size:14px;color:#666;display:block; }
.hotEvaluation .list ul li i{ margin-right:2px;display:inline-block;*display:inline;*zoom:1;vertical-align:text-bottom;width:17px;height:16px;background:url(../images/star.png); }
.hotEvaluation .list ul li i.good{ background-position:-17px; }
.hotEvaluation .fr{ width:210px;line-height:24px; }
.hotEvaluation .fr .title{ margin-bottom:25px;font-family:"microsoft YaHei";border-bottom:1px solid #be1f2d;line-height:38px;font-size:18px;color:#000; position:relative;}
.hotEvaluation .fr .title i{ width:27px;height:27px;display:inline-block;*display:inline;*zoom:1;vertical-align:text-bottom;background:url(../images/ico-sidebar.png);margin-right:10px; }
.hotEvaluation .fr .title a.more{ font-size:12px;color:#5a5a5a;float:right;font-family:"ç€¹å¬©ç¶‹"; }
.hotEvaluation .fr ul{ height:299px;padding:10px 0;border:1px solid #eae9e9; }
.hotEvaluation .fr ul li{ padding:0 20px;line-height:29px;height:29px;border-bottom:1px dotted #999;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; }
.hotEvaluation .fr ul li a{ color:#666; }
.hotEvaluation .fr .title .more{position:absolute;top:0px;right:0px;}

/*更多精彩*/
.wonderful .title{ margin-bottom:25px;font-family:"microsoft YaHei";font-weight:bold;border-bottom:1px solid #be1f2d;background:url(../images/ico-line.png) no-repeat left center;line-height:38px;font-size:18px;color:#4b4b4c;text-indent:10px; }
.wonderful ul{ overflow:hidden; }
.wonderful ul li{ position:relative;color:#4b4b4c;font-size:14px;text-align:center;float:left;width:95px;margin:0 19px 35px; }
.wonderful ul li a{ display:block;padding-top:110px; }
.wonderful ul li img{ position:absolute;width:95px;height:95px;top:0;left:0; }
.wonderful ul li img.upper{ width:95px;left:0; }
.wonderful ul li img.lower{ width:0;left:50%; }




