﻿.main{
    font-family:Microsoft Yahei,Tahoma,Helvetica,Arial;
    background-color: #f9fafc;
    border-bottom: 1px solid #dedede;
    padding-bottom: 50px;}
.top_banner { text-align:center;  }
#page_box .list_wrap{ padding-top:30px; }
.quality { border: 1px solid #cf2027; display: inline-block; padding: 2px 5px 4px;*padding: 3px 5px 4px; margin-left:5px; }
.redfont { color: #d34736; }


/*#region 列表过滤*/

.listfilter_title { position:relative; border:1px solid #cecece; border-bottom:none; color:#484848; font-size:13px; *zoom:1; }
.listfilter_title .bg { border-bottom:solid 1px #cecece; top:0; left:0px; width:100%; height:46px; background-color:#f2f2f4; position:absolute;  }
.listfilter_title .content { position:relative; height:48px; }
.listfilter_title .content h4 { float:left; padding:15px 30px 0px 30px; font-weight:normal; font-size:16px; }
.listfilter_title .content .listfilter_tab { float:left; margin-top:-1px; }
.listfilter_title .content .listfilter_tab li { float:left; width:110px; height:46px; line-height:46px; border-top:solid 1px #cecece; border-bottom:solid 1px #cecece; background-color:#f2f2f4; text-align:center; }
.listfilter_title .content .listfilter_tab li.on { border-bottom-color:#f9fafc; border-top-color:#ce0000; border-left:solid 1px #cecece; border-right:solid 1px #cecece; background-color:#f9fafc; }

.listfilter_title span.choose_arrow{ display:block; width:20px; height:9px; cursor:pointer; right:20px; top:18px; position:absolute; background-repeat: no-repeat; }
.img_updown1 { background-image: url(/web/img/v2/group_buy_list_arrowdown.gif); }
.img_updown2 { background-image: url(/web/img/v2/group_buy_list_arrowup.png); }

#filter_form { display:none; border:solid 1px #cecece; border-top:none; padding:20px; padding-bottom:15px; }
.filter_form_ctrls { }
.filter_form_ctrls label { margin-right:10px; margin-left:19px;  }
.filter_form_ctrls .txt { width:100px; height:25px; line-height:25px; padding-left:3px; border:solid 1px #cecece; font-family:Microsoft Yahei; }
.filter_form_ctrls .sct { border:solid 1px #cecece; font-size:14px; font-family:Microsoft Yahei; height:25px; width:110px; }
.filter_form_oper { background:url(/web/img/v2/bg-dashed-13-1.jpg) repeat-x left top; padding-top:20px; margin-top:20px; height:30px; text-align:center; }
.filter_form_oper button { background-color:#ce0000; border:solid 1px #ce0000; color:White; width:86px; height:29px; margin-left:10px; cursor:pointer; font-family:Microsoft Yahei; font-size:14px;  }
.filter_form_oper button.btn_ff_clear { background-color:#f9fbfd; border:solid 1px #cbcbcb; color:#333; }

.list_filter { background-color:White; *position:relative; *zoom:1; }
.list_filter ul { border-left:solid 1px #cecece; border-right:solid 1px #cecece;  }
.list_filter ul li { position:relative; padding:5px 0px; padding-left:115px; zoom:1; }
.list_filter ul li .ft { position:absolute; color:#6c6a6b; left:0px; top:5px; width:88px; line-height:24px; text-align:right; }
.list_filter ul li .range_selector { font-size:12px; padding:5px 0 8px 0;  }
.list_filter ul li .options { position:relative; }
.list_filter ul li .options p { line-height:24px; word-break:break-all; padding-right:50px; }
.list_filter ul li .options p a { display:inline-block; margin-right:20px; color:#6c6a6b; white-space:nowrap; text-decoration:none; padding: 0 5px;}
.list_filter ul li .options p a:hover { color:#cf2027; }
.list_filter ul li .options p a.actived { background-color:#cf2027; color:#FFF; font-weight:bold; padding:0 5px; padding: 0 5px;}
.list_filter ul li .options i { position:absolute; display:inline-block; right:10px; top:3px; font-style:normal; }
.list_filter ul li .options i a { display:block; width:44px; height:17px; background-position:left top; background-repeat:no-repeat; }
.list_filter ul li .options i a.collapse { background-image:url(/web/img/v1/btn-less-44-17.jpg); }
.list_filter ul li .options i a.visible { background-image:url(/web/img/v1/btn-expansion-44-17.jpg); }
.list_filter ul li.firstLi { padding:0px; border-bottom:none; *display:inline; *width:100%;height: 15px;}
.list_filter ul li.lastLi { padding:0px; border-bottom:solid 1px #cecece; height: 15px; *display:inline; *width:100%; }
.list_filter ul li.selected { margin-top:15px; padding-top:10px; padding-bottom:10px; padding-right:50px; background-color:#f2f2f4; border-bottom:solid 1px #cecece; border-top:solid 1px #cecece; }
.list_filter ul li.selected div { position:absolute; color:#6c6a6b; left:0px; top:10px; width:100px; line-height:24px; text-align:right; margin-top:2px;  } 
.list_filter ul li.selected p { display:table-cell; }
.list_filter ul li.selected p span { display:block; float:left; margin:4px 10px 4px 0px; padding-right:3px; border:solid 1px #cecece; background-color:White; }
.list_filter ul li.selected p span a { _font-family:Tahoma; margin:0; padding:0px 20px 0px 5px; line-height:21px; background:#fff url(/web/img/v1/btn-close-14-14.png) no-repeat right center; color:#666; }
.list_filter ul li.selected p span a:hover { text-decoration:none; color:#333; }
.list_filter ul li.selected b { position:absolute; right:15px; top:17px; font-weight:normal;  vertical-align:top; }
.list_filter ul li.selected b a { color:#ce0000; }
.list_filter .range_input { height:24px; padding-top:2px; }
.list_filter .range_input input { border: 1px solid #ddd; color: #000; font-family: Arial; font-size: 12px; height: 21px; line-height: 21px; padding-left: 3px; text-align: center; vertical-align: middle; width: 60px;  }
.list_filter .range_input button { vertical-align:middle; background-color:#ce0000; border:solid 1px #ce0000; color:White; width:40px; height:21px; margin-left:10px; cursor:pointer; font-family:Microsoft Yahei; font-size:12px; }
.list_filter .range_input button.btn_clr { background-color:#f9fbfd; border:solid 1px #cbcbcb; height:22px; width:40px; color:#333;  }

/*#endregion*/

/*#region 拼购信息列表*/
/*----------------------------------------左边height:388px; -----------------------------------------*/
.left_list { background-color:#fff; margin-right:10px; width:278px; float:left; display:none; }
.left_list_title{ height:30px; background-color:#f2f2f4; border:1px solid #d6d6d6; }
.left_list_title ul li{float:left; }
.left_list_title ul li{ font-size:13px; font-weight:bold; padding: 8px 19px; *padding: 8px 25px 8px 14px;}
.left_list_title ul li.title_first{ padding: 8px 23px;}
.left_list_content{ border:1px solid #d9d9d9; border-top:none; overflow:hidden;}
.left_list_content ul{ overflow:hidden; min-height:235px; }
.left_list_content ul li{padding: 8px 7.5px;display: inline-block;}
.left_list_content ul li span{padding: 8px 11px;}
.left_list_content ul li span.type{display: inline-block;float: left;overflow: hidden;padding: 0 0 0 8px;text-overflow: ellipsis;white-space: nowrap;width: 63px;}
.left_list_content ul li span.state{padding: 8px 16px;padding: 8px 13px\9;}
.left_list_content ul li span.name{display: inline-block;padding: 0 11px;width: 26px;*width:30px;*overflow:hidden;width:30px\9;overflow:hidden\9;}

.left_list_divshow{background-color: #fff;border: 1px solid #d96149;display: none;padding: 8px 10px;position: absolute;width: 254px;}
.left_list_divshow p.p1 span.p1_span1{ color:#606060;}
.left_list_divshow p.p1 span.p1_span2{ color:#eb7279;float: right;* float:none;* margin-left:90px;}
.left_list_divshow p.p2{ color:#989898;margin-top: 5px;}
.left_list_divshow p.p2 span{margin-right: 20px;}

/*----------------ie6-------------------*/
*html .left_list_title ul li{padding: 12px 15px;}
*html .left_list_title ul li.title_first{ padding: 12px 20px;}
*html .order_btn .btn_submit, .order_btn .btn_submit_invalid ,*html .right_list_tabcontent .left_message h2 a{text-decoration: none;}

*html .left_list_content{ position:relative;}
*html .left_list_content ul{position:relative;}

/*----------------------------------------右边-----------------------------------------*/
/*.right_list { width:702px; float:right; }*/
.right_list { width:100%; float:right; }
/*-----抱歉-----*/
.no_search_product {background-color: #fff;border: 1px solid #e4e4e4;display: inline-block;font-size: 14px;line-height: 30px; width: 100%;}
.no_search_product .nothing_main{margin: 50px auto;width: 400px;}
.no_search_product .nothing_left{float: left; display: inline-block;}
.no_search_product .nothing_right ul{text-align: left; display: inline-block; margin-left: 10px; }
.no_search_product .nothing_right ul li.find_btn{background-image: url(/web/img/v2/group_buy_list_nothingbtn.gif); background-repeat: no-repeat;width: 160px; height: 41px; text-align: center; line-height: 34px; font-size: 17px;margin-left: 5px;}
.no_search_product .nothing_right ul li.find_btn a{ text-decoration:none;}
/*tab*/
.right_list_tab { }
.right_list_tab ul { height:30px; overflow:hidden; }
.right_list_tab ul li { float:left; height:29px; line-height:29px; padding:0 30px; border:solid 1px #ccc; margin-right:6px; text-align:center; border-radius:3px; }
.right_list_tab ul li.on { }
.right_list_tab ul li a { color:#a0a0a0; font-weight:bold; font-size:13px; }
.right_list_tab ul li.on { background-color:White; }
.right_list_tab ul li.on a { color:#cf3c2f; }


.right_list_tabcontent { }
.right_list_tabcontent .right_list_content{ border: 1px solid #e4e4e4; margin-bottom:10px; border-radius:5px; background-color:White; }

/*---------------------------左部--480px-----------------------*/
.left_message { float: left; width:870px; padding: 25px 0 25px 30px; background-image:url("/WEB/img/v2/group_buy_list_border.gif"); background-repeat:no-repeat; background-position: right center;}
.left_message h2{ font-weight:normal; float:left;}
.left_message h2 a{ text-decoration:none;}
.left_message p.end_time{ color:#999; margin:10px 0;font-size:14px;}
.left_message p.end_time span.end_day{ margin-right:10px;}
.left_message p.end_time span.target{color:#999; margin-left:10px;}

.left_message ul {font-size: 15px;margin: 15px 0;width: 58%;}
.left_message ul li{ float: left;margin-top: 20px;padding-right: 76px;}
.left_message ul li.pro_scale{ padding-right:38px;}

.left_message table{ font-size: 15px; width: 100%; }
.left_message tr td { line-height: 20px;padding-top: 8px; width:200px;}
.left_message tr td.price { color: #cf2228;font-size: 30px;padding-top: 2px;text-align: center;width: 80px;}
.left_message tr td span{ color:#666;}
.left_message tr td.price span { color: #cf2228;font-size: 12px;}

.percent_show p{ color:#999; padding: 4px 0;}
.percent_show p.first_basic{ float:left; }
.percent_show .percent{color: #9fb852;font-size: 16px;line-height: 6px;}

/*进度条*/
.first_basic span.bar_img { background-image: url("/WEB/img/v2/group_buy_list_percentbar.gif"); background-repeat: no-repeat; background-position: -153px center; border-radius: 5px;display: inline-block; height: 10px; margin-right: 10px; overflow: hidden;width: 153px; }

/*---------------------------右部-------------------------*/
.right_button{ float: right;padding: 30px 20px 0 0; width:275px; text-align:center;}
.right_button_over{ float: right;padding: 40px 8px 0 0;}
.right_button p.time_left,.right_button_over p.time_left{ text-align:right;}
.right_button p.time_left img,.right_button_over p.time_left img{ margin-bottom:-4px; display:inline-block;}
.right_button p.time_left span,.right_button_over p.time_left span{  margin-left: 5px;}
.right_button p.time_left span.show,.right_button_over p.time_left span.show{ color:Red;}
.right_button p.order_btn,.right_button_over p.order_btn{margin-bottom: 15px;margin-top: 40px;}
.right_button ul,.right_button_over u{ }
.right_button ul li,.right_button_over ul li{ margin-bottom:5px;}

.order_btn .btn_submit,.order_btn .btn_submit_invalid{ display:inline-block;line-height: 42px;text-align: center; text-decoration:none;cursor:pointer; }
.order_btn .btn_submit { width:158px; height:42px; color:White; font-family:Microsoft Yahei; font-size:18px; background-image:url(/web/img/v2/btn-group-buy-submit-158-84.jpg); background-repeat:no-repeat; background-position:left top; border:0; }
.order_btn .btn_submit_invalid { background-position:left -42px; cursor:default;}

.nodisplay{ display:none;}
/*#endregion*/