.blue{color:#199ed8!important;}
.backg_gray{ background-color: #efefef; width: 100%; height: 10px; }
.clear_f{ clear: both; }
.text_l{ text-align: left; }
/* 重写alert */
.tip_wrap{position: fixed;width: 100%;z-index: 9999;text-align: center;}
.tip_content{color: #fff;line-height: 35px;display: inline-block;background-color:rgba(0, 0, 0, 0.4);padding: 0 20px;border-radius:8px;font-size: 15px;    margin: 0 auto;}


.navigation{padding: 6px 0; }
.navigation .cell{ width: 25%; border-right: 1px solid #c1bdbd; float: left; }
.navigation .cell img{ width: 25px; height: 25px; }
.navigation .cell .cell-content{ font-size: 12px; display: inline-block; position: relative; top: -7px; }
.navigation .big_cell{ width: 33.3%; float: left; }
.navigation .img_con{ width: 50px; margin: auto; padding: 5%; border-radius: 50%; margin-bottom: 5px; }
.navigation .img_con img{ width: 100%; }
.mall_con{ padding: 5px; }
.mall_con .title_item{ padding: 5px 15px; float: left; }
.mall_con .title_item a{ font-size: 14px; }
.mall_con .check_item{ border-bottom: 2px solid #199ed8; }
.mall_con .title_change{ float: right; padding: 5px; }
.mall_con .title_change img{ width: 20px; }
.mall_con .title_change .change_content{ color:#199ed8; display: inline-block; position: relative; top: -5px; font-size: 14px; }

#gift_ul{ padding: 5px 0; }
#gift_ul li{ padding: 5px; border-bottom: 1px solid #c1c1c1; position: relative; }
#gift_ul li p{ text-align: left; line-height: 25px; width: 55%; overflow: hidden; }
#gift_ul .welfare_name{ font-weight: bold; position: absolute; top: 5%; left: 25%; }
#gift_ul .welfare_detail_desc{ font-size: 14px!important; color: #a9a9a9; position: absolute; top: 35%; left: 25%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#gift_ul .welfare_detail_desc *{ font-size: 14px!important; }
#gift_ul .welfare_remain{ position: absolute; top: 65%; left: 25%; }
#gift_ul .imgWrap{ width: 25%; float: left; height: 100%; min-height: 75px; }
#gift_ul .imgWrap img{ width: 80%; margin-right: 10%; max-height: 100%; }
#gift_ul .get_tip{ text-align: right; width: 20%; float: right; margin-top: 7%; line-height: 25px; }

#goods_ul{ padding: 5px 0; }
#goods_ul li{ padding: 10px 5px; border-bottom: 1px solid #efefef; position: relative; width: 50%; float: left; }
#goods_ul .left_li{ border-right: 1px solid #efefef; }
#goods_ul li p{ text-align: center; line-height: 25px; width: 100%; overflow: hidden; }
#goods_ul .welfare_name{ font-weight: bold; font-size: 14px; }
#goods_ul .welfare_detail_desc{ font-size: 14px; color: #a9a9a9; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#goods_ul .welfare_detail_desc *{ font-size: 14px; }
#goods_ul .welfare_remain{}
#goods_ul .imgWrap{ height: 150px; width: 150px; margin: auto; }
#goods_ul .imgWrap img{ width: 100%; max-height: 100%; }
#goods_ul .get_tip{ text-align: right; width: 20%; float: right; margin-top: 7%; line-height: 25px; }

/*各种弹窗*/ 
.tipsBg{width: 100%;height: 100%;position: fixed;top: 0;background: #0000008c;z-index: 1000; display: none;}
.tipsBox{position: fixed;left:10%;top:50%;width:80%;border:1px solid #797979;background-color: #fff;border-radius:10px;padding-bottom: 10px;}
.tipsBox-top{height: 40px;line-height: 30px;font-size: 14px;border-bottom: 2px solid #199ed8;}
.tipsBox-boder{width: 70%;height: 10px;border-radius: 0 0 10px 10px;margin: auto;background-color: #199ed8;}
.tipsBox-text{ padding: 10px 20px; }
.tipsBox-text .title{ font-size: 14px; text-align: left; line-height: 30px; }
.tipsBox-text .content{ text-align: left; }
.tipsBox-text .tip{ margin-top: 20px; text-align: left; }
.tipsBox-btns{ padding: 10px; }
.tipsBox-btns .input-text{ border: 1px solid #c1c1c1; border-radius: 3px; line-height: 30px; }
.tipsBox-btns .btnSure{ padding: 10px 30px; border: none; border-radius: 5px; background-color: #199ed8; color: #fff; }
.tipsBox-btns .suc-btnSure{ padding: 10px 20px; border: none; border-radius: 5px; background-color: #199ed8; color: #fff; }
.tipsBox-text .success_content{ text-align: center; }
#punchAlert .tipsBox-text{ font-size: 14px; }
#punchFailAlert .tipsBox-text{ font-size: 14px; }
#addressAlert table { line-height: 30px; width: 100%; }
#addressAlert table tr{ margin-bottom: 10px; }
#addressAlert table td{ vertical-align: top; }
#addressAlert .tipsBox-content .input-text { width: 90%; border: 1px solid #c1c1c1; border-radius: 3px; line-height: 30px; }
#addressAlert table .line-blank{ height: 10px; line-height: 10px; }