@charset "gbk";
.w_210{ width:210px;}.w_780{ width:780px;}
/* 背景 */
.hotbag .title,.hot_sell .title p span i,.hot_sell .title em,.sort .title,.sort .title i,.sort_cont .tab span,.sort_cont .cont li .price span{ background:url(/skin/gift/template/style/css/img/index.png) no-repeat;}
/* 广告滚动图片样式 */
.imgnav{ position:relative; overflow:hidden;}
#img{ width:100%; height:350px; overflow:hidden;}
#img img{ width:100%; height:350px;}
#btn{ position:absolute; bottom:0px; right:20px; height:25px; padding-top:8px; background-position:0 0; text-align:center;}
#btn span{ display:inline-block; width:18px; height:18px; margin:0 3px; background-color:#fff; font:1px/1px "宋体";cursor:pointer;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#btn span.hov{ background-color:#F00;}

/* 推荐礼包 */
.hotbag{ float:right; background-color:#FFF;}
.hotbag .title{ height:45px; background-position:0 0; font:14px/40px "simsun";}
.hotbag .title b{ margin-left:10px;}
.hotbag .title .more{ display:inline; float:right; margin-right:10px; font-size:12px;}
.hotbag ul li{ width:192px; margin:0 auto 18px;}.hotbag ul .last{ margin-bottom:10px;}
.hotbag ul li .imgBorder{ width:190px; height:168px; border:1px solid #dbdbdb; margin-bottom:1px;}
.hotbag ul li.curr .imgBorder,.sort_cont .cont li.curr .imgBorder{ border-color:#c23016;}
.hotbag ul li .imgBorder a{ width:190px; height:168px;*font-size:140px;}
.hotbag ul li .txt{ width:184px; height:24px; padding:0 4px; background-color:#f0f0f0; color:#666; overflow:hidden;}
.hotbag ul li .txt em{ margin-right:20px; color:#c71d22; font:18px Arial;}.hotbag ul li .txt s{ color:#999;}

/*  经典案例 */
.hot_sell{ background-color:#FFF; padding:10px 0;}
.hot_sell .title{ height:34px;}
.hot_sell .title p{ float:right;}
.hot_sell .title p span{ display:inline; float:left; width:21px; height:18px; margin-right:4px; cursor:pointer;}
.hot_sell .title p span i{ display:block; width:21px; height:18px;}
.hot_sell .title p span .leftBg{ background-position:-379px -246px;}
.hot_sell .title p span.curr .leftBg{ background-position:-379px -275px;}
.hot_sell .title p span .rightBg{ background-position:-379px -189px;}
.hot_sell .title p span.curr .rightBg{ background-position:-379px -217px;}
.hot_sell .title em{ display:inline; float:left; width:216px; height:30px; background-position:-140px -234px; overflow:hidden; text-indent:-999px;}
.hot_sell .hot_ad1{ display:inline; float:left; width:219px; height:360px; margin:2px 0 0 6px;}
.hot_sell .hot_cont{ display:inline; float:left; width:550px;}.hot_sell .hidden{ display:none;}

.hot_cont li{position:relative; display:inline; float:left; width:179px; height:179px; border:0; margin:2px 0 0 4px;}
.hot_cont li a{ width:179px; height:179px; *font-size:150px;}.hot_cont li a:hover{ text-decoration:none;}
.hot_cont li .bgcolor{position:absolute; top:179px; left:0; width:179px; height:179px; background-color:#000; filter:alpha(opacity=50); opacity: 0.5; }
.hot_cont li .bgtxt{position:absolute; top:179px; left:0; width:179px; height:110px; padding-top:69px;}
.hot_cont li .bgtxt p{ width:150px; height:22px; margin:0 auto; overflow:hidden; color:#FFF; font-size:14px; }
.hot_cont li .bgtxt p em{ font:bold 18px Arial; margin-right:10px;}
.hot_cont li.curr .bgcolor,.hot_cont li.curr .bgtxt{ display:block;}
.hot_sell .hot_ad2{ width:780px; height:85px;}

/*  案例 */
.hot_sell .anli{ display:inline; float:left; width:550px;}.hot_sell .hidden{ display:none;}
.anli li{position:relative; display:inline; float:left; width:176px; height:60px; border:0; margin:2px 0 0 4px;}
.anli li a{ width:176px; height:60px; *font-size:150px;}.hot_cont li a:hover{ text-decoration:none;}
.anli li .bgcolor{position:absolute; top:179px; left:0; width:176px; height:60px; background-color:#000; filter:alpha(opacity=50); opacity: 0.5; }
.anli li .bgtxt{position:absolute; top:179px; left:0; width:176px; height:60px; padding-top:69px;}
.anli li .bgtxt p{ width:150px; height:22px; margin:0 auto; overflow:hidden; color:#FFF; font-size:14px; }
.anli li .bgtxt p em{ font:bold 18px Arial; margin-right:10px;}
.anli li.curr .bgcolor,.hot_cont li.curr .bgtxt{ display:block;}

/* 休闲海产、海产干货、海产冷冻 */
.sort{ background-color:#FFF;}
.sort .title{ height:36px; line-height:36px; background-repeat:repeat-x;}

.sort .title1{ background-position:0 -50px;}
.sort .title2{ background-position:0 -96px;}
.sort .title3{ background-position:0 -142px;}
.sort .title4{ background-position:0 -470px;}
.sort .title5{ background-position:0 -470px;}/*底层通条暗红背景*/


.sort .title .more{ display:inline; float:right; margin-right:10px;}
.sort .title p{ display:inline; float:right;}
.sort .title p a{ margin-right:10px;}
.sort .title i{ display:inline; float:left; width:136px; height:36px; text-indent:-9999px; overflow:hidden;}

.sort .title1 i{ background-position:0 -188px;}
.sort .title2 i{ background-position:-146px -188px;}
.sort .title3 i{ background-position:0 -232px;}
.sort .title4 i{ background-position:-146px -228px;}
.sort .title5 i{ background-position:-146px -505px;}

.sort_ad{ padding:0 6px;}
.sort_ad a{ position:relative; display:inline; float:left;}
.sort_ad .sort_ad_1,.sort_ad .mk1{ width:412px; height:202px;}
.sort_ad .sort_ad_2,.sort_ad .mk2{ width:262px; height:202px;}
.sort_ad .sort_ad_3,.sort_ad .mk3{ width:314px; height:101px;}
.sort_ad .sort_ad_4,.sort_ad .mk4{ width:314px; height:101px;}
.sort_ad .mask{ position:absolute; top:0; left:0; background-color:#000; filter:alpha(opacity=0); opacity: 0; cursor:pointer;}
.sort_cont{ position:relative; padding:0 0 10px 1px;}
.sort_cont .tab{ position:absolute; right:-22px; top:0; width:22px; height:170px;}
.sort_cont .tab span{ display:block; width:22px; height: 73px; margin-bottom:2px; padding-top:6px; color:#FFF; line-height:16px; text-align:center; cursor:default;}
.sort_cont .tab1 span{ background-position:-2px -385px;}
.sort_cont .tab1 span.curr{ background-position:-2px -304px;}
.sort_cont .tab2 span{ background-position:-36px -385px;}
.sort_cont .tab2 span.curr{ background-position:-36px -304px;}
.sort_cont .tab3 span{ background-position:-70px -385px;}
.sort_cont .tab3 span.curr{ background-position:-70px -304px;}

.sort_cont .cont li{ display:inline; float:left; width:230px; margin:0 8px 0 12px;}
.sort_cont .cont li .imgBorder{ width:230px; height:234px; border:1px solid #dbdbdb;}
.sort_cont .cont li .imgBorder a{ width:230px; height:234px; *font-size:210px;}
.sort_cont .cont li.last{ margin-right:0;}
.sort_cont .cont li .row2{ width:230px; height:44px; padding-top:4px; overflow:hidden; margin:0 auto; line-height:20px;}
.sort_cont .cont li .price {width:230px; margin:0 auto;}
.sort_cont .cont li .price span{ display:inline; float:left; width:48px; height:17px; margin-top:3px; padding-right:3px; background-position:0 -280px; color:#FFF; text-align:center; line-height:17px;}
.sort_cont .cont li .price .bg_0{ background-position:0 -280px;}
.sort_cont .cont li .price .bg_1{ background-position:-61px -280px;}
.sort_cont .cont li .price .bg_2{ background-position:-122px -280px;}
.sort_cont .cont li .price em{ margin:0 20px 0 10px; color:#c71d22; font:18px Arial;}.sort_cont .cont li .price s{ color:#999;}