@charset "utf-8";
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0;font-style:normal;color:rgb(50,50,50);}
html,body {-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;background-color: #EEEEF0;}
img,table{max-width:100% !important;}
table{width:auto !important;}
nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure{display: block;}
header,section,footer {position:relative;}
ol,ul{list-style:none;}
input,button,textarea {border:0;margin:0;padding:0;font-size:1em;line-height:1em;
    /*-webkit-appearance:none;*/
    background-color:rgba(0, 0, 0, 0);}
span{display:inline-block;}
a:active, a:hover { outline: 0;}
a, a:visited{text-decoration:none;}
label, .wordWrap{word-wrap: break-word;word-break: break-all;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
html,body{font-family: sans-serif;height: 100%;width:100%;}
.clearfix:after{content: ' ';display: block;clear: both;visibility:hidden;line-height: 0;height:0;}
.bgw{background: #fff;}
.con{font-size: 28px; text-align: center;}
.bd{border-bottom: 1px solid #e2e2e2;background: #fff;}
.h20 {height: 20px;}
.fr{float: right;}
.fl{float: left;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.mr15{margin-right: 15px;}
.pt10{padding-top: 10px;}
.posr{position: relative;}
.red{color:#ff0000 !important;}
/* toolbar */
#toolbar_header {position: relative;background-color: #fff;height:48px;overflow: hidden;}
.toolbar_back {position: absolute; left: 0; top: 0;}
.toolbar_title {height: 100%;text-align: center;line-height: 52px;font-size: 18px;font-weight: normal;}
.toolbar_right {position: absolute;right: 0;top: 0;}
.toolbar_back i,.toolbar_right i{position: relative;top: 2px;}
.ico_back{height: 45px;display: inline-block;background: url(../images/pig_back.png)no-repeat center center;background-size: 45%;padding: 0 24px;}
.ico_share{height: 45px;display: inline-block;background: url(../images/pig_share.png)no-repeat center center;background-size: 45%;padding: 0 24px;}

/* swipe */
#swipe{-webkit-transform:translate3d(0,0,0);}
#swipe img{width: 100%;vertical-align: middle;}
.box_swipe{overflow:hidden;position:relative;}
.box_swipe ul{-webkit-padding-start: 0px;}
.box_swipe>ol{height:20px;position: relative;top:-6px;z-index:10;margin-top:-20px;text-align:center;padding-left:12px;}
.box_swipe>ol>li{display:inline-block;margin:5px 2px;width:8px;height:8px;border-radius: 8px;background-color:#eee;}
.box_swipe>ol>li.on{background-color:#f84c2f;}

ul {display: -webkit-box; display: -webkit-flex; display: flex; }

/* btn */
.foot_msg{position: fixed;bottom: 0;width: 100%;}
.foot_msg ul{display: -webkit-box;height: 44px;overflow: hidden;background: #fff;}
.foot_msg li{-webkit-box-flex: 1; text-align: center;border-top: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;color: #52585f;width: 25%;line-height: 44px;}
.foot_msg li:last-child{-webkit-box-flex: 2;border-right:none;padding: 0;}
.foot_msg img{width: 24px;height: 24px;vertical-align: top;margin-top: 9px;}
.foot_msg span{margin-left: 3px;overflow: hidden;}
.pub_card{background: #f84c2f;color: #fff;line-height: 46px;font-size: 16px;height: 45px;top: -1px;position: relative;}


.warn{font-size: 14px;height: 40px;line-height: 42px;overflow: hidden;}
.warn p{color: #646464;background: url(../image/pig_warn.png) no-repeat 15px center;background-size: 20px;text-indent: 45px;text-overflow: ellipsis;width: 100%;white-space: nowrap;overflow: hidden;}
.user_warn{background: #343d42;height: 45px;line-height: 47px;}
.user_warn p{color: #f9c304;margin-right: -30px;font-size: 15px;}
.user_warn .close{width:20px;position: absolute;right: 15px;margin-top: -35px;}

#nav_top{margin: 0;background: #fff;position: relative;padding: 15px 0 5px 0;}
#nav_top .nav_top_box{padding: 0 0 10px 0;overflow: hidden;}
#nav_top .nav_top_list{float: left;width: 25%;text-align: center;}
#nav_top img{width: 50%;}
#nav_top .text{color: #646464;font-size: 14px;line-height: 20px;}

/* 列表 */
.h1 {height: 1px;margin-left: 15px;background: #f0f0f0;}
.hint {color: #666;font-size: 12px;margin: 1px 15px 0 0;height: 46px;}
.firstblock{background: #fff;}
.set_item {position:relative;height: 48px;line-height: 48px;padding-left: 15px;background-color: #fff;position: relative; overflow: hidden;}
.item_ico {float: left;width: 28px;margin: 9px 5px 0 0;}
.item_arrow {float: right;background: url(../images/pig_arrow.png) no-repeat;background-size: 100%;width: 13px;height: 13px;margin: 18px 15px 0 0;}

.login_box {margin: 15px;}
.login_btn{color: #fff;display: inline-block;background: #f84c2f;height: 48px;width: 100%;border-radius: 3px;text-align: center; line-height: 50px; font-size: 18px;overflow: hidden;outline: none;}



/* -------------------- 好品牌 、产品秀部分样式-------------------- */

.talent_img {position:absolute;top:7px; left:10px; width: 35px;height:35px;}
.wShop{margin: 0 15px;}
.wShop h1{font-size: 18px;color: #333;margin-top: 10px;line-height: 23px;}
.wShop p{font-size: 16px;color: #666;margin-top: 10px;line-height: 22px;}
.wShop ul{margin: 15px 0;}
.wShop li{width: 33.3%; padding-left: 5px;}
.wShop li:nth-child(1){padding-left: 0;}
.wShop li img{width: 100%;}

.wShopint{margin: 0 15px 10px 15px;overflow: hidden;font-size: 12px;}
.wShopint .time{float: left;background: url(../images/ping_time.png) no-repeat left center;background-size: 20px;line-height: 22px;padding-left: 25px;color: #999;overflow: hidden;}
.wShopint .see{float: right;background: url(../images/ping_see.png) no-repeat left center;background-size: 20px;line-height: 22px;padding-left: 25px;color: #999;overflow: hidden;}
.wShopint .zan{float: right;background: url(../images/ping_zan.png) no-repeat left center;background-size: 18px;line-height: 22px;padding-left: 25px;color: #999;overflow: hidden;}
.wShopint .san{background: url(../images/ping_san.png) no-repeat left center;background-size: 18px;line-height: 22px;padding-left: 25px;color: #999;overflow: hidden;}


#swipe_wrap_nav{z-index:0;position:relative;overflow:hidden;width:100%;height:48px;background: #fff;border-bottom:1px solid #e2e2e2;}
.scrollInner_list{overflow:auto;overflow-y:hidden;height:65px}
.scrollInner_list ul{position:relative;float:left;margin: 0 15px;}
.swiper-wrapper .scrollRed_border{position:absolute;z-index:10;bottom:0;left:0;/*height:2px;background-color:#f84c2f;*/}
.swiper-wrapper li{line-height:50px;position:relative;float:left;height:48px;text-align:center;-webkit-transform-style:preserve-3d;-webkit-flex-shrink:0;margin: 0;font-size: 16px;padding-right: 30px;}
.swiper-wrapper li.showItemData span{color:#f84c2f;font-weight: bold;}
.swiper-wrapper li span {font-size: 16px;display: block;height: 100%;color: #000;}

.teamtit i{font-style: normal;height: 20px;line-height: 20px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display: block;margin-top: 6px;}
.teamtit em{font-size: 12px;height: 18px;line-height: 18px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display: block;color:#999;}

.shopimg .simg{width: 100%;vertical-align: bottom;height: 200px;}
.shop_item{position:relative; height: 58px;line-height: 58px;padding-left: 15px;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
.brand_img{position: absolute; top:7px; left:10px;width: 44px; height:44px;border-radius: 50px;}
.shopzan{position:absolute; right:5px; top:22px; width: 45px;}
.shop_point{font-size: 12px; margin-top:2px;}
.shopzan i,.shoptit i{font-style: normal;height: 20px;line-height: 20px;white-space:nowrap; text-overflow:ellipsis; overflow: hidden;display: block;}
.shopzan p,.shoptit p{font-size: 12px;height: 18px;line-height: 18px;white-space:nowrap; text-overflow:ellipsis; overflow: hidden;display: block;color:#999;}
.shopzan .zan,.shoptit .zan{background: url(../images/ping_zan.png) no-repeat left center;background-size: 14px;padding-left: 18px;color: #999;overflow: hidden; font-size:12px; padding-top:2px;}
.shopzan .keep,.shoptit .keep{background: url(../images/ping_keep.png) no-repeat left center;background-size: 14px;padding-left: 18px;color: #999;overflow: hidden;}
.sadd{border-radius: 3px;font-size: 14px;height: 28px;line-height: 30px;overflow: hidden; color: #f84c2f; padding: 0 8px;border: 1px solid #f84c2f;margin: 14px 15px 0 0;}
.saddbg_a{display: block; position:absolute; right:0px; top:2px;}
.saddbg{border-radius: 3px;font-size: 14px;height: 28px;line-height: 30px;overflow: hidden; color: #fff; padding: 0 8px;background: #f84c2f;margin: 14px 15px 0 0;}
.shopbox{background:#fff;padding: 15px 10px;}
.shopbox img{width: 100%;vertical-align: bottom;}
.minimg{border-radius: 50px;}
.centmsg{font-size: 15px;margin: 2px 20px 12px 60px;}

.publictit{display: -webkit-box;height:42px;line-height: 42px;border-bottom: 1px solid #e2e2e2;background: #fff;text-indent: 15px;font-size: 16px;font-weight: normal;color: #333;}
.teamtit{font-size: 16px;font-weight: normal;padding:0px 60px 0px 40px;}
.teamtit.p0{padding:0px;}
.brief{background: #fff;font-size: 14px;line-height: 22px;padding: 10px 15px;color: #666;border-bottom: 1px dotted #e5e5e5}
#QuacorGrading{position: absolute;top: 6px;right: 15px;overflow: hidden;margin: 0;padding: 0;height: 20px;line-height: 20px;}
#QuacorGrading input{background:url(../images/ping_stars.png) no-repeat bottom center;background-size: 100%;height:14px;width:14px;padding:0;border:0;outline: none;}
#QuacorGradingValue b font{font-weight: normal;font-size: 15px;color: #f84c2f;}
.goodbad{position: relative;margin-top: -58px;border: none;background: rgba(0,0,0,0.5);}
.goodbad .brand_img{border: 1px solid #fff;}
.goodbad .shoptit i{color: #fff;}

.gbscore{margin: 10px 15px 15px 15px;overflow: hidden;}
.gbscore h2{font-size: 16px;font-weight: normal;margin: 0;padding: 0;}
.gbscore h2 span{color: #f84c2f;}
.gbscore h2 span i{color: #f84c2f;font-style: normal;font-size: 18px;margin-right: 3px;}
.gbset{float: left;margin: 8px 6px 0 0; border: 1px solid #f84c2f;border-radius: 50px;font-size: 14px;line-height: 30px;height: 28px;overflow: hidden;display: block;padding: 0 8px;}
.gbset span{color: #f84c2f;}
.gbcur{border: 1px solid #c8c8c8;}
.gbcur span{color: #c8c8c8;}
.gbfrom{margin: 20px 15px;}
.gbtext{border: 1px solid #c8c8c8;border-radius: 5px;height: 140px;background: #fff;font-size: 16px;padding: 0 0 0 12px;}
.gbtext textarea{width: 99%;padding: 12px 1% 0 0; outline: none;resize: none;height: 128px;font-size: 15px;line-height: 20px;}
.gbQuacor{position: relative;height: 40px;margin-top: 10px;}
.gbQuacor #QuacorGrading{width: 100%;right: 0;}
.gbQuacor #QuacorGradingValue{float: left;}
.gbQuacor #QuacorGrading input{height:20px;width:20px;padding:0;border:0;outline: none;}
.gbQuacor #QuacorGradingValue b{font-size: 15px;font-weight: normal;color: #666;}

.tit_cont{font-size: 24px;padding: 20px 15px 15px;}
.tit_list{display: block;padding: 10px 15px 20px 15px;}
.tit_list em{font-size: 16px;color: #8c8c8c;margin-right: 8px;}
.tit_list a{font-size: 16px;color: #607fa6;}

.container {padding: 15px;}
.row {display: block;}
.col-xs-4 {float:left;width: 33.3%;line-height: 40px;}
.col-xs-4:last-child{text-align:right;}
.btn {padding: 9px 13px;font-size: 13px;line-height: 1.385;border-radius: 4px;color: #fff;background-color: #1abc9c;text-align: center;white-space: nowrap;vertical-align: middle;font-size: 15px;}
.btn a{color: #fff;}


.page_next{display: -webkit-box;display: -webkit-flex;display: flex;padding: 20px 0;}
.page_next li{-webkit-box-flex: 1; -webkit-flex: 1;flex: 1;text-align: center;list-style: none;}
.pg_p{border: 1px solid #c3c3c3;border-radius: 3px;font-size: 16px;width: 75%;margin: 0 auto;height: 34px;line-height: 36px;overflow: hidden;color: #848484;cursor: pointer;}
.pg_p a{color: #848484;}
.pg_c{line-height: 36px;font-size: 16px;color: #848484;}
.pg_n{border: 1px solid #f84c2f;border-radius: 3px;font-size: 16px;width: 75%;margin: 0 auto;height: 34px;line-height: 36px;overflow: hidden; color: #f84c2f;background: #f8e6e4;cursor: pointer;}
.pg_n a{color: #f84c2f;}

/* -------------------- 好品牌 、产品秀部分样式 end -------------------- */
.msg_btn{background: #f2f2f2;position: fixed;bottom: 0;left: 0;right: 0;padding: 3px 0;display:-webkit-box;border-top: 1px solid #e5e5e5;}
.msg_btn_list{-webkit-box-flex: 1;padding: 0 10px;}
.send_msg{color: #fff;display: inline-block;background: #f84c2f;height: 42px;width: 100%;border-radius: 3px;text-align: center;line-height: 44px;font-size: 18px;overflow: hidden;outline: none;}
.wShop img{width: 100%;}
.shoplist{display:-webkit-box;margin-bottom: 10px;}
.shoppimg{-webkit-box-flex: 1;margin-right: 10px;width: 33.3%;}
.shoppimg:last-child{margin-right: 0px;}
.shoppimg p{font-size: 14px;display: block;margin-top: 5px;text-overflow: ellipsis;width: 100%;white-space: nowrap;overflow: hidden;}
.big_info{border-bottom: 1px solid #e5e5e5;}
.big_info p{line-height: 22px;padding: 5px 10px 10px 10px;}
.big_info img,.big_conter img{width: 100%;}
.bigtit{display: block;height:42px;line-height: 42px;background: #fff;text-indent: 15px;font-size: 16px;font-weight: normal;color: #333;border-bottom: 1px solid #e5e5e5;}
.big_conter{padding: 10px}

body,.foot_menu,.foot_msg,.msg_btn{max-width: 800px;margin:0 auto!important;}
.comunicate_box{max-width: 300px;}