@charset "utf-8"; /* index	首页 */
@import url(common.css);

body{ background-image: url(images/bbg2.gif);}
body.info{ background-image: url(images/bbg3.gif);}

.banner{ width: 980px; height: 120px; background:url(images/ma0_03.gif) no-repeat 10px 30px;}

.inbox{ width: 978px; margin-bottom: 13px; float:left;}

.nbox { width: 976px; padding: 0 15px; background:url(images/nbg.gif) no-repeat center top; margin-top: -7px; margin-left: -3x;}
.cbottom{ width: 980px; height: 30px; background:url(images/px_33.gif) no-repeat center top;}

#location{ color: #999;  height: 30px; line-height: 30px; overflow: hidden; padding-left: 10px; width: 976px; margin-top: 3px; float: left;}
#location a{ color: #999; margin: 0 3px;}
#location a:hover{ color: #cc0000;}
#location .index{ padding-left: 10px; background: url(images/arr3.gif) no-repeat 0 1px;}

.nleft{ float: left; width: 225px; margin: 0 7px; padding-bottom: 10px;}
.nright{ float: left; width: 688px; padding-left: 20px; padding-bottom: 30px; background: url(images/news11_05.gif) no-repeat 0 0;}

/*左侧菜单*/
.lmenu{ width: 225px; float: left; background: url(images/lmenu.gif) repeat-y 0 0;}
.lmenu .ltop{ height: 18px; background: url(images/lmenu.gif) repeat-y -225px 0;}
.lmenu .lbottom{ height: 18px; background: url(images/lmenu.gif) repeat-y -225px -18px;}
.lmenu .tt{ font-size: 18px; color: #cc0000; text-align: center; height: 37px; line-height: 25px; margin-bottom: 10px; background:url(images/vrb.gif) no-repeat center bottom;}
.lmenu li{ height: 30px; margin-bottom: 5px; padding-left: 15px;}
.lmenu li a{ height:30px; width: 183px; float: left; line-height: 30px; background: url(images/news1_06.gif) no-repeat 0 -30px; text-align: center;font-size: 14px;}
.lmenu li a.sel{ background-position: 0 0; color: #fff;}

/*推荐商品*/
.suppose .tt { background: 0; height: 30px; line-height: 30px; text-align: left; padding-left: 20px; }
.suppose li { text-align: center; height: 270px; width: 180px; margin-bottom: 15px; padding-left: 21px;}
.suppose li .pic { height: 175px; overflow: hidden; }
.suppose li .pic img { width: 155px; height: 175px; }
.suppose li .name,.suppose li .price { height: 25px; line-height: 25px; font-family: SimSun; }
.suppose li .price span{ color: #cc0000; font-weight: bold; font-size: 14px; }
.suppose ul li .func { height: 25px; margin-top: 5px; }
.suppose li .func .buy { background: url(images/mall1_10.gif); height: 25px; width: 85px; float: left; margin-left: 20px;}
.suppose li .func .fav { background: url(images/mall1_12.gif); height: 25px; width: 56px; float: left; margin: 0 5px;}
.suppose li a{ background: none; font-size: 12px; height: 25px; line-height: 25px;}

.hotline{ background:url(images/news11_12.gif); width: 221px; height: 82px; margin-top: 5px; float: left;}

/*小选项卡*/
.tab_mall { height: 24px; border-bottom: 1px solid #ccc; width: 700px; margin: 30px 0 15px 0; padding-left: 5px;}
.tab_mall li { height: 24px; line-height: 24px; width: 68px; background: url(images/mall1_03.gif) no-repeat -78px 0; float: left; text-align: center; margin-left: 12px; cursor: default;}
.tab_mall li.h { background-position:0 0; color: #fff;}

/*书籍列表*/
.booklist {margin-top: 60px;}
.booklist ul li { text-align: center; height: 260px; width: 170px; margin-bottom: 15px; float: left;}
.booklist ul li .pic { height: 162px; overflow: hidden; }
.booklist ul li .pic img { width: 143px; height: 162px; }
.booklist ul li .name,.booklist li .price { height: 25px; line-height: 25px; font-family: SimSun; }
.booklist ul li .price span{ color: #cc0000; font-weight: bold; font-size: 14px; }
.booklist ul li .func { height: 25px; margin-top: 5px; }
.booklist ul li .func .buy { background: url(images/mall1_10.gif); height: 25px; width: 85px; float: left; margin-left: 10px;}
.booklist ul li .func .fav { background: url(images/mall1_12.gif); height: 25px; width: 56px; float: left; margin: 0 5px;}
.booklist ul li a{ background: none; font-size: 12px; height: 25px; line-height: 25px;}

.bookInfo { float: left; width: 715px; margin: 30px 0 15px 0;}
.bookInfo .view {}

/*书籍多图*/
.bookPicBox { float: left; width: 292px; height: 400px; }
.bookPicBox .bigPic { border: 1px solid #ccc; text-align: center; width: 290px; height: 330px; margin: 0 auto;}
.bookPicBox .bigPic img { border: 1px solid #ccc; text-align: center; width: 290px; height: 330px;}
.bookPicBox .piclist { height: 80px; overflow: hidden;}
.picList { margin-top: 10px;}
.picList .jcarousel-skin-tango { float: left; height: 62px; width: 250px; margin-left: 1px;}
.picList .jcarousel-skin-tango .jcarousel-clip-horizontal,.picList .jcarousel-skin-tango .jcarousel-container-horizontal{ width: 250px; height: 62px;}
.picList .jcarousel-skin-tango .jcarousel-container-horizontal { padding: 0 20px;}
.picList .jcarousel-skin-tango .jcarousel-item{ padding:0 4px; width: 55px; height: 60px; text-align: center; margin: 0; overflow: hidden;}
.picList .jcarousel-skin-tango .jcarousel-item img{  width: 55px; height: 60px;}
.picList .jcarousel-skin-tango .jcarousel-next-horizontal ,.picList .jcarousel-skin-tango .jcarousel-prev-horizontal { top: 0; width: 10px; height: 61px;background: url(images/mas_05.gif) no-repeat 0 bottom;}
.picList .jcarousel-skin-tango .jcarousel-prev-horizontal {background: url(images/mas_03.gif) no-repeat 0 bottom;}

/*书籍参数*/
.bookInfo .bookIn { float: left; margin-left: 20px; width: 380px; height: 400px;}
.bookInfo .bookIn .name { height: 35px; line-height: 35px; font-size: 16px; font-weight: bold; color: #000; padding: 0 10px; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
.bookInfo .bookIn .bookParam { height: 30px; line-height: 30px; color: #333;}
.bookInfo .bookIn .bookParam .money{ font-size: 18px; font-weight: bold; color: #FF6600;}
.bookInfo .bookIn .bookParam .total{ color: #ff0000; margin: 0 5px;}
.bookInfo .payBox { float: left; width: 358px; border: 1px solid #e5e5e5; background: #fcfcfc; padding: 10px; margin-top: 20px; color: #ae0a0a;}
.bookInfo .payBox .ptotal { border-bottom: 1px dashed #e5e5e5; height: 35px; line-height: 35px;}
.bookInfo .payBox .ptotal .count { border: 1px solid #ccc; width: 18px; text-align: center; background: #fff; cursor: pointer}
.bookInfo .payBox .ptotal .total { border: 1px solid #888; height: 20px; line-height: 20px; width: 30px; margin: 0 5px; padding: 0 3px;}
.bookInfo .payBox .ptotal .totalPrice { font-size: 14px; font-weight: bold; color: #000; margin-left: 10px;}
.bookInfo .payBox .pbtn { margin-top: 15px; }
.bookInfo .payBox .pbtn img{ cursor:pointer;}
.bookInfo .payBox .pbtn .payBtn{ float: left; background: url(images/mall2_07.gif); height:35px; width: 103px; margin-right: 10px; }
.bookInfo .payBox .pbtn .inCar{ float: left; background: url(images/mall2_09.gif); height:35px; width: 130px; }

.bookInfo .detail { float: left; width: 715px; margin-top: 20px; background: url(images/mall2_14.gif) repeat-x 0 bottom; padding-bottom: 5px;}
.bookInfo .detail .tt { background: url(images/mall2_14.gif) repeat-x 0 bottom; height: 32px; line-height: 32px;}
.bookInfo .detail .tt .ti { float: left; width: 91px; height: 32px; line-height: 32px; background: url(images/mall2_15.gif) no-repeat 0 0; text-align: center; color: #fff; font-size: 14px; font-weight: bold; cursor: default;}
.bookInfo .detail .content { float: left; width: 695px; padding: 10px; background: #f3f3f3;}
.bookInfo .detail .content .ct { height: 25px; line-height: 25px; font-size: 14px; font-weight: bold; padding-left: 12px; color: #4d4d4d; background: #e6e6e6;}
.bookInfo .detail .content .cc { margin: 15px 0 20px 0; line-height: 25px;}

/*书籍其它功能*/
.bookInfo .extra{ color: #000; padding-top: 10px; float: left; width: 715px;}
.bookInfo .extra .share{ float: right;}
.bookInfo .extra .eav{ font-weight: bold; color: #ae0a0a;}
.bookInfo .extra .eav a{ color: #ae0a0a;}
.bookInfo .extra .eav a:hover{ color: #ae0a0a;}

/*
.zoom{ float: right; margin-top: -25px;}
.zoom a{ float: left; width: 16px; height: 16px; margin: 5px 5px 0 0;}
.zoom a.big{ background:url(images/news_zoom.gif) no-repeat 0 0;}
.zoom a.small{ background:url(images/news_zoom.gif) no-repeat -24px 0;}*/


/*首页列表*/
.mili { border: 1px solid #ccc; border-top: none; float: left; width: 978px; height: 329px; margin-bottom: 11px;}
.mili .micont { float: left; width: 960px; height: 295px; overflow: hidden;}
.mili .tt { background: url(images/mi_07.gif) repeat-x 0 bottom; height: 38px; position: relative; margin-top: -4px; padding-left: 30px;}
.mili .tt .more{ float: right; background: url(images/more1.gif) no-repeat 0 0; width: 28px; height: 9px; margin: 15px 15px 0 0;}
.mili .tt .ti { background: url(images/mi_03.gif) no-repeat 0 top; height: 38px; line-height: 38px; color: #fff; width: 150px; text-align: center; font-size: 16px; font-family:微软雅黑; float: left; cursor: default;}
.mili .tt .ti a { font-size: 14px; color:#fff;}
.mili .tt .ti.h { background-position: -150px 0;}
.mili ul { background: #fff; float: left; margin: 30px 0 0 30px;}
.mili ul li { text-align: center; height: 260px; width: 170px; margin: 0 16px 5px 0; float: left;}
.mili ul li .pic { height: 162px; overflow: hidden; }
.mili ul li .pic img { width: 143px; height: 162px; }
.mili ul li .name,.mili li .price { height: 25px; line-height: 25px; font-family: SimSun; }
.mili ul li .price span{ color: #cc0000; font-weight: bold; font-size: 14px; }
.mili ul li .func { height: 25px; margin-top: 5px; }
.mili ul li .func .buy { background: url(images/mall1_10.gif); height: 25px; width: 85px; float: left; margin-left: 10px;}
.mili ul li .func .fav { background: url(images/mall1_12.gif); height: 25px; width: 56px; float: left; margin: 0 5px;}
.mili ul li a{ background: none; font-size: 12px; height: 25px; line-height: 25px;}

.mili .tt .tab_mall { float: left; margin: 11px 0 0 15px; width:778px; display: inline; height: 24px; line-height: 24px; overflow: hidden;}
.mili .tt .tab_mall li{ font-size: 12px; color: #868686; height: 24px; line-height: 24px;}
.mili .tt .tab_mall li.h{ color: #fff; background: url(images/mall1_03.gif) no-repeat 0 0;}
.mili .tt .tab_mall .more { margin-top: 10px;}

.sell_tip {width:180px;height:70px;background:url('image/sell_tip.gif') no-repeat;overflow:hidden;z-index:1000;position:absolute;}
.sell_tip p {margin:0 0 4px 2px;font-weight:bold;}
.sell_tip div {padding:8px 0 0 10px;}
.tool {margin:0 10px 0 10px;border-bottom:#CCCCCC 1px dotted;}
.tool table {width:100%;}
.img_list li {height:22px;line-height:22px;overflow:hidden;}
.mthumb {padding:5px 0 5px 0;}
.mthumb img {margin-bottom:6px;}
.mthumb li {height:22px;line-height:22px;overflow:hidden;}
.list_price {color:#808080;width:100px;}
.list_price strong {font-family:Arial;color:#FF2900;font-weight:bold;font-size:16px;}
.list_count {color:#404040;width:100px;}
.list_count span {color:#808080;text-decoration:underline;}
.mall_t {height:26px;overflow:hidden;background:url('image/box_head.gif') repeat-x;font-size:13px;}
.mall_tab_2 {float:left;padding:5px 15px 5px 15px;margin:0 10px 0 0;background:#FFFFFF;font-weight:bold;border:#AACCEE 1px solid;border-bottom:none;}
.mall_tab_1 {float:left;padding:5px 15px 5px 15px;margin:0 10px 0 0;border:#AACCEE 1px solid;border-bottom:none;}
.mall_c {border:#AACCEE 1px solid;border-top:none;padding:20px;}
.cc_inp {border:#CCCCCC 1px solid;text-align:center;}
.cart_foot {border-top:#CCCCCC 1px solid;background:#F6F6F6;padding:20px 40px 20px 0;color:#666666;text-align:right;}
#cart_tip {width:350px;z-index:999;position:absolute;margin:160px 0 0 311px;background:#FFFFFF;border:#A0BCCA 1px solid;padding:0 0 15px 0;}
#cart_tip p {margin:0;background:#CC0100;padding:6px 4px 4px 6px;font-size:13px;font-weight:bold; color:#fff;}
#cart_tip div {background:url('image/okay.gif') no-repeat 15px 10px;padding:15px 20px 10px 50px;font-size:13px;}
#cart_tip span {color:#FF6600;font-weight:bold;}
#cart_tip img {float:right;cursor:pointer;}

.stat {padding:15px 0 10px 0;}
.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;}
.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}
.comment {padding:15px 10px 15px 10px;border-top:#AACCEE 1px dotted;}
.comment_sp {background:#F9FCFE;}
.comment_content {color:#333333;font-size:14px;line-height:180%;clear:both;padding:5px;}
.comment_title {height:26px;line-height:26px;color:#1B4C7A;padding:0 5px 0 5px;}
.comment_reply {padding:5px 10px 5px 10px;margin:0 5px 0 5px;line-height:180%;border:#E6E6E6 1px solid;background:#FFFFE3;}
.comment_no,.order_no {text-align:center;padding:20px;font-size:13px;}
