@charset "utf-8";

/*==========一元购商品列表页面===========*/

/*----------商品列表分区-----------*/
.shop_comm_box{ width:100%;}
.shop_comm_list{ width:50%; background:#fff; border-right:1px solid #dedede; border-bottom:1px solid #dedede; border-left:0 none; padding:10px; box-sizing:border-box; float:left; position:relative; overflow:hidden;}
.shop_comm_list:nth-of-type(even){ border-right: none;}
.shop_comm_img{ width:100%; margin:0 auto; position:relative;}
.shop_comm_img .shop_comm_num{ width:100%; font-size:0.58rem; color:#fff; line-height:1.2rem; text-align:center; background:rgba(0,0,0,.6); position:absolute; left:0; bottom:0;}
.comm_name{ width:100%; height:32px; font-size:12px; color:#666; line-height:16px; margin:10px 0 4px; box-sizing:border-box; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.shop_price{ font-size:12px; color:#999; line-height:16px;}
.progre_box{ width:100%; margin-top:6px;}
.proge_bar{ width:100%; height:6px; background:#dedede; border-radius:3px; position:relative;}
.proge{ width:60%; height:6px; background:#ef3036; border-radius:3px; position:absolute; left:0; top:0;}
.btn_wrap{ width:138px; overflow:hidden; margin:10px auto 0;}
.buy_btn{ width:100px; height:28px; font-size:12px; color:#ef3036; line-height:26px; text-align:center; border:1px solid #ef3036; border-radius:14px; margin-right:10px; box-sizing:border-box; display:block;margin:0 auto;}
.pTitle { width:70px; height:16px; font-size:10px; color:#fff; text-align:center; line-height:15px; background:#0ae; -webkit-transform:rotate(-45deg); position:absolute; left:-20px; top:6px;}

/*----------弹窗分区-----------*/
.bg{ width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; left:0; top:0; display:none;}
.bg.out{ display:block;}
.full_popup{ width:260px; height:130px; background:#fff; border-radius:4px; position:fixed; left:50%; top:100%; margin-left:-130px; transition:all 0.2s; -ms-transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.full_popup.out{ top:50%; margin-top:-75px;}
.full_top{ width:100%; height:70px; font-size:14px; color:#999; line-height:70px; text-align:center;}
.full_popup .btn_box{ width:210px; margin:6px auto 0; overflow:hidden;}
.full_popup .btn_box .btn{ width:100px; height:34px; font-size:14px; color:#ef3036; line-height:32px; text-align:center; border:1px solid #ef3036; border-radius:4px; box-sizing:border-box; float:left;}
.full_popup .btn_box .sure_btn{ color:#fff; background:#ef3036; margin-left:10px;}


/*==========一元购商品详情页面===========*/

/*----------banner分区----------*/
.comm_banner{ width:100%; height:12.4rem; overflow:hidden; position:relative;}
.comm_img ul{ width:400%; height:100%; position:absolute; left:0; top:0;}
.comm_img ul li{ width:25%; height:100%; background:#e95054; display:block; float:left;}
.comm_img ul li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */}

/*----------产品信息分区----------*/
.comm_infor{ width:100%; padding:10px 0.6rem; margin:6px 0 14px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede; box-sizing:border-box;}
.comm_title{ font-size:16px; color:#666; line-height:20px;}
.comm_title .activity{ font-size:14px; color:#fff; line-height:20px; background:#0ae; padding:0 4px;}
.comm_describe{ font-size:14px; color:#ef3036; line-height:18px;}
.price_box{ width:100%; font-size:12px; color:#999; margin-top:10px; overflow:hidden;}
.price_box .comm_value{ float:left;}
.price_box .comm_num{ color:#ef3036; float:right; margin-right:0px;}
.announce_time{ font-size:0.58rem; margin:0.8rem 0 0.4rem;}
.db_comm_num{ font-size:0.68rem; color:#ef3036;}
.db_time_item{ color:#fff; padding:0.2rem 0.4rem; background:rgba(255,101,101,.8); border-radius:0.2rem;}
.remark_text{ font-size:0.58rem; color:#ef3036; padding-top:0.4rem;}
/*活动信息*/
.activity_box{ width:100%; padding-right:0px; margin-top:6px; box-sizing:border-box; position:relative;}
.activity_infor{ width:100%;box-sizing:border-box;}
.activity_infor .proge{ width:14.8%;}
.infor_box{ width:100%; overflow:hidden;}
.infor_box .infor_list{ width:33.33333333%; font-size:12px; color:#ccc; line-height:16px; text-align:left; float:left;}
.infor_box .infor_list:nth-of-type(2){ text-align:center;}
.infor_box .infor_list:nth-of-type(3){ text-align:right;}
.part_num{ color:#ef3036;}
.part_name{font-size:0.58rem;}
.all_num{ color:#999;}
.surp_num{ color:#0ae;}
.share_box{ font-size:12px; color:#999; position:absolute; right:0; top:0;}
.share_box i{ width:18px; height:18px; background:url(../images/icon_aggre.png) no-repeat; background-size:50px 28px; background-position:-31px 0; margin-bottom:3px; display:block;}

/*----------产品其它信息分区----------*/
.other_infor{ width:100%; border-top:1px solid #dedede; margin-bottom:50px;}
.other_list{ width:100%; height:44px; font-size:16px; color:#333; line-height:44px; padding:0 0.6rem; border-bottom:1px solid #dedede; box-sizing:border-box;}
.other_list a{ width:100%; height:44px; display:block; overflow:hidden;}
.other_list .arrow_icon{ width:14px; height:20px; background:url(../images/arrow_icon.png) 50% 50% no-repeat; background-size:8px 12px; margin-top:11px; display:block; float:right;}

/*----------操作分区----------*/
footer{ width:100%; height:48px; position:fixed; left:0; bottom:0; border-top:1px solid #dedede; box-sizing:border-box; overflow:hidden; z-index:99;}
footer a{ width:12%; height:48px; display:block; box-sizing:border-box; font-size:12px; color:#999; text-align:center; float:left; text-decoration:none; background:#fff;}
footer .icon{ width:25px; height:25px; background:url(../images/icon.png) 0 -25px no-repeat; background-size:125px 50px; margin:2px auto 0; display:block;}
.footer a:nth-of-type(2) .icon{ background-position:-25px -25px;}
.footer a:nth-of-type(3) .icon{ background-position:-50px 0;}
footer .shopping_btn,footer .purchase_btn{ width:32%; font-size:14px; color:#fff; line-height:48px;}
footer .shopping_btn{ background:#ff9402;}
footer .purchase_btn{ background:#e95054;}


/*==========一元购参与记录页面===========*/
.part_record{ width:100%;}
.record_list{ width:100%; height:70px; padding:10px 0.6rem; border-bottom:1px solid #dedede; box-sizing:border-box;}
.record_box{ width:100%; padding-left:70px; box-sizing:border-box; position:relative;}
.record_list .user_img{ width:50px; height:50px; border-radius:50%; overflow:hidden; position:absolute; left:0; top:0;}
.record_user{ width:100%; height:20px; font-size:14px; color:#666; line-height:20px; padding-top:6px;}
.record_user .user_name{ color:#0ae;}
.record_user .record_num{ color:#ef3036;}
.record_time{ width:100%; height:20px; font-size:12px; color:#999; line-height:20px;}



/*==========一元购商品揭晓页面===========*/

/*----------条件选择分区----------*/
.choice_box{ width:100%; height:44px; background:#e95054; box-sizing:border-box; overflow:hidden;}
.choice_btn_box{ width:180px; height:28px; margin:8px auto;}
.choice_btn_box .choice_btn{ width:90px; height:28px; font-size:12px; color:#fff; text-align:center; line-height:26px; border:1px solid #fff;  box-sizing:border-box; float:left;}
.choice_btn_box .choice_btn.current{ color:#ef3036; background:#fff;}
.choice_btn_box .left_btn{ border-radius:4px 0 0 4px;}
.choice_btn_box .right_btn{ border-radius:0 4px 4px 0; margin-left:-1px;}

/*----------商品列表分区----------*/
.announce_comm_box{ width:100%;}
.announce_box{ width:100%; display:none;}
.announce_box.current{ display:block;}
.comm_announce_list{ width:100%; border-bottom:1px solid #dedede; padding:12px 0.6rem; box-sizing:border-box; position:relative; overflow:hidden;}
.comm_announce_infor{ width:100%; min-height:104px; padding-left:114px; box-sizing:border-box; position:relative;}
.comm_announce_img{ width:104px; height:104px; border:1px solid #dedede; box-sizing:border-box; border-radius:4px; position:absolute; left:0; top:0; overflow:hidden;}
.comm_announce_img .period{ width:100%; height:20px; font-size:12px; color:#fff; text-align:center; line-height:20px; background:rgba(0,0,0,0.4); position:absolute; left:0; bottom:0;}
.comm_announce_title{ width:100%; height:40px; font-size:14px; color:#666; line-height:20px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.comm_announce_price{ font-size:12px; color:#999; line-height:20px; padding:10px 0;}
.count_down{ width:160px; height:24px; font-size:12px; color:#fff; line-height:24px; background:#f60; padding:0 10px; border-radius:4px;}
.count_down .clock{ width:14px; height:14px; background:url(../images/clock.gif) no-repeat; background-size:14px 14px; margin-top:5px; float:left;}
.count_down_name{ font-size:12px; margin:0 6px; float:left;}
#Count_Time{ font-weight:600; float:left;}
.rNowTitle { width:90px; height:20px; font-size:12px; color:#fff; text-align:center; line-height:20px; background:#ef3036; -webkit-transform:rotate(-45deg); position:absolute; left:-25px; top:11px;}

.award_winner{ width:100%; height:24px; font-size:16px; color:#666; line-height:24px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.award_winner_name{ color:#0ae;}
.comm_announce_prop{ font-size:12px; color:#999; line-height:20px;}
.announce_num{ color:#ef3036;}