﻿@charset "utf-8";

.search-bg{background:url(../images/m_bg.png) no-repeat center top #f0f0f0;padding:20px 0;width:100%;box-shadow:0 1px 4px #bbb}
.filter{box-shadow:0 1px 3px #ddd;background-color:#fff;border:1px solid #dedede;padding:0 10px}
.filt-item{border-bottom:1px solid #dfdfdf}
.filt-item.end{border:none}
.filt-item dt,.filt-item dd{line-height:24px;padding:10px 0}
.filt-item dt{float:left;color:#626262;font-size:15px;position:relative;z-index:1;padding-left:55px;width:80px;text-align:right;padding-right:3px}
.filt-item dt i{position:absolute;width:35px;height:35px;left:10px;top:5px;background:url(../images/search_ico24.png) no-repeat 0 -4px}
.filt-item dd{width:781px;font-size:14px;float:left}
.filt-item dd .sea-sup li,.filt-item dd .sea-sub li{float:left;margin-right:5px}
.filt-item dd .sea-sup li a,.filt-item dd .sea-sub li a{float:left;padding:0 8px}
.filt-item dd .sea-sup li a.c1_bgt,.filt-item dd .sea-sub li a.c1_bgt{border-radius:3px;color:#fff}
.filt-item dd .sea-sub{margin-top:6px;padding:5px 0;background-color:#f0f0f0}
.filt-time dd{line-height:28px;padding:8px 0}
.filt-date{height:18px;line-height:18px;padding:4px 5px;width:150px;border:1px solid #ddd;border-radius:2px;font-size:13px;color:#666;float:left;margin-right:10px}
#TimeBut{height:28px;padding:0 16px;border-radius:3px;cursor:pointer;color:#fff;line-height:28px;float:left;font-size:15px}

.filt-item dt i.item-2{background-position:0 -50px}
.filt-item dt i.item-3{background-position:0 -161px}
.filt-item dt i.item-4{background-position:0 -219px}
.filt-item dt i.item-5{background-position:5px -270px}
.filt-item dt i.item-6{background-position:5px -315px}
.filt-item dt i.item-7{background-position:-3px -98px}

.sea-hd{margin-top:20px;line-height:24px;font-size:15px;letter-spacing:1px}
.sea-hd b,.sea-hd em{margin:0 3px}

.filt-nav{margin:20px 0;height:40px;line-height:40px;background-color:#f7f7f7;border:1px solid #ccc}
.filt-nav .sort a{float:left;padding:0 15px;color:#555;border-right:1px solid #ccc;font-size:14px}
.filt-nav .sort a i{background:url(../images/search_ico24.png) no-repeat 0 0;height:15px;width:10px;margin-left:5px;display:inline-block;vertical-align:middle}
.filt-nav .sort a i.down{background-position:0 -369px}
.filt-nav .sort a i.up{background-position:-13px -370px}
.filt-nav .sort a.c1_bgt{color:#fff}
.filt-nav .sort a.c1_bgt i.down{background-position:-37px -369px}
.filt-nav .sort a.c1_bgt i.up{background-position:-49px -370px}
.show-type a{border-left:1px solid #ccc;color:#777;display:inline-block;padding:0 10px;font-size:14px}
.show-type a i{background:url(../images/search_ico24.png) no-repeat 0 0;height:23px;margin-right:5px;width:23px;display:inline-block;vertical-align:middle}
.show-type a i.big-icon{background-position:-40px -402px}
.show-type a i.lie-icon{background-position:-1px -402px}
.show-type a.c1_col i.big-icon{background:url(../../common/color/images/sea_col24.png) no-repeat 2px 0}
.show-type a.c1_col i.lie-icon{background:url(../../common/color/images/sea_col24.png) no-repeat -23px 0}

.list-box{overflow:hidden}
.list-box ul{width:975px}
.list-box li{float:left;margin:0 26px 25px 0;display:inline;background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 3px #ddd;width:295px;padding:1px}
.list-box-rel{position:relative;width:295px;height:221px;overflow:hidden}
.list-box-rel .img-box{display:block;height:221px}
.list-box-rel .img-box img{width:295px;min-height:221px;_height:221px}
.list-box-rel a.img-box:hover img{transform:scale(1.06);-webkit-transform:scale(1.06)}
.list-box-rel .info-box{color:#fff;position:absolute;width:295px;bottom:-100%;font-size:14px;left:0;line-height:24px;padding:6px 0;overflow:hidden}
.list-box-rel .info-box p{padding:0 10px}
.list-box-rel .info-box p span{color:#f60}
.list-box-bri{padding:10px}
.list-box-bri .tit-box{margin-bottom:6px}
.list-box-bri .tit-box a{display:block;font-size:15px;line-height:20px;height:40px;overflow:hidden}
.list-box-bri .intro-txt{display:none}
.list-box-bri .tips{height:20px;line-height:20px;color:#777}
.list-box-bri .tips .pri{text-align:right}
.list-box-bri .tips .del{font-size:13px;margin-right:15px}
.list-box-bri .tips .price{font-size:24px}
.list-box-bri .tips .price em{margin:0 3px 0 5px}
.list-box-bri .tips a.buy-btn{display:none}
.list-box li:hover .info-box{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;bottom:0}

.list-box-2 ul{width:945px}
.list-box-2 li{float:none;padding:5px;margin:0 0 20px;width:933px;position:relative;display:block;box-shadow:0 2px 3px #ddd}
.list-box-2 li .list-box-rel{width:100%;height:auto}
.list-box-2 li .list-box-rel .img-box{float:left;height:225px;overflow:hidden;width:300px}
.list-box-2 li .list-box-rel .img-box img{width:300px;min-height:225px;_height:225px}
.list-box-2 li .list-box-rel .info-box{background:#fff;float:left;position:static;color:#555;width:445px;padding-top:190px;padding-left:15px;filter:none}
.list-box-2 li .list-box-rel .info-box p{float:left;padding:0 30px 0 0}
.list-box-2 li .list-box-bri{border:0 none;padding:0;height:auto}
.list-box-2 li .list-box-bri .tit-box{left:320px;position:absolute;top:15px}
.list-box-2 li .list-box-bri .tit-box a{font-size:22px;line-height:24px;width:600px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list-box-2 li .list-box-bri .intro-txt{display:block;font-size:14px;left:320px;line-height:24px;position:absolute;top:40px;width:445px;color:#666;height:120px;overflow:hidden;margin-top:15px}
.list-box-2 .list-box-bri .tips{height:auto}
.list-box-2 .list-box-bri .tips .pri{position:absolute;right:10px;top:65px}
.list-box-2 .list-box-bri .tips .del{display:block;margin-bottom:12px;text-align:center}
.list-box-2 .list-box-bri .tips .price{font-size:30px}
.list-box-2 .list-box-bri .tips a.buy-btn{color:#fff;display:block;font-size:18px;line-height:18px;padding:10px 25px;position:absolute;right:5px;top:135px}

.conleft{width:240px; float:left;}
.conright{width:945px; float:right;}

/* 左侧 */
.box_a{ margin-bottom:20px; background:#fff;}
.box_a .top{ background:#2A98DA; height:45px; line-height:45px; text-align:center; font-size:18px; border-radius:5px 5px 0 0; color:#fff;}
.box_a .bottom{ border:#2A98DA 2px solid; padding:0 12px;}
.box_a .bottom dl{ padding:10px; border-bottom:dashed 1px #DEDEDE;}
.box_a .bottom dl:last-child{border-bottom:none;}
.box_a .bottom dl dt{ padding-bottom:5px;}
.box_a .bottom dl dt a{ font-size:15px; font-weight:bold;}
.box_a .bottom dl dd{}
.box_a .bottom dl dd a{ float:left; width:33%;}
.box_a .bottom dl dd a.hot{ font-weight:bold; color:#F30;}

.box_b{ background:#fff; margin-bottom:20px; width:240px;}
.box_b .top{  height:45px; line-height:45px; font-size:18px; padding-left:15px;}
.box_b .bottom{ padding:10px 15px;}
.box_b .bottom dl{ overflow:hidden; border-bottom:#eaeaea 1px solid; padding-bottom:15px; margin-bottom:15px;}
.box_b .bottom dl dt{ float:left; width:70px; height:45px;}
.box_b .bottom dl dt img{ width:70px; height:45px;}
.box_b .bottom dl dd{ padding-left:80px; position:relative; height:60px; line-height:20px;}
.box_b .bottom dl dd span{ position:absolute; right:0; bottom:0;}
.box_b .bottom dl dd span em{font-size:15px; color:#F60; font-weight:700; font-style:normal;}

.box_b.fixed{position: fixed; top: 0px;}

.box_c{ margin-bottom:20px;}
.box_c ul{}
.box_c ul li{ margin-bottom:10px;}
.box_c ul li img{ width:100%; cursor:pointer;}

.box_d{ margin-bottom:20px; background:#fff;}
.box_d .top{ height:45px; line-height:45px; font-size:18px; padding-left:15px;}
.box_d .bottom{ padding:10px 15px;}
.box_d .bottom ul li{ overflow:hidden; margin-bottom:10px; padding-bottom:10px;padding-left:25px; position:relative;}
.box_d .bottom ul li em{display:block; position:absolute; top:4px;left:0; width:18px; height:18px; text-align:center; line-height:18px; font-size:12px; background:#dedede; color:#FFF;}
.box_d .bottom ul li.t em{background:#F60;}
