/*home*/
.warn{font-size: 14px;height: 40px;line-height: 42px;overflow: hidden;}
.warn p{color: #646464;background: url(../image/pig_warn.png) no-repeat 15px 12px;background-size: 16px;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: 20%;text-align: center;}
#nav_top img{width: 60%;}
#nav_top .text{color: #646464;font-size: 13px;margin-top: 8px;}

.home_news_tag{height: 40px;line-height: 44px;overflow: hidden;}
.home_news_tag h3{background: url(../images/home_competitive_icon.png) no-repeat right 12px;overflow: hidden;color: #666;font-size: 14px;font-weight: normal;float: left;background-size: 18px;padding-right: 22px;margin-left: 15px;}

.home_sort{position: relative;display: none;}
.home_sort ul{position: absolute;background: #fff;z-index: 999;right: 0;left: 0;-webkit-box-shadow:0px 10px 12px rgba(0,0,0,0.2);}
.home_sort li{width: 16.6%;text-align: center;padding: 18px 0;}
.home_sort li span{font-size: 14px;color:#666;display: block;height: 14px;line-height: 16px;}
.home_sort li:last-child .mbd-right:before{border: none;}
.home_sort span.fcur{color: #f84c2f;}
.home_keep{height: 25px;border-radius: 3px;padding: 0 8px;margin: 9px 15px 0 0;}
.home_keep span{color: #fea200;font-size: 13px;}
.home_keep.mbd-box:before{border-color: #fea200;}

/*底部切换图标*/
.H-theme-font-color-red .pig-112:before,.H-theme-font-color-gold .pig-112:before{content: "\e6b1";}
.H-theme-font-color-red .pig-86:before,.H-theme-font-color-gold .pig-86:before{ content: "\e6b4";}
.H-theme-font-color-red .pig-114:before,.H-theme-font-color-gold .pig-114:before{content: "\e6b2";}
.H-theme-font-color-red .pig-111:before,.H-theme-font-color-gold .pig-111:before{content: "\e6b3";}

/*articl*/
.newsArt{padding: 25px 15px 15px 15px;overflow: hidden;}
.newsTit h2{font-size: 22px;color: #333;font-weight: normal;line-height: 24px;}
.helpTit h2{font-size: 16px;color: #333;line-height: 24px;margin-bottom: 10px;padding-bottom: 10px;}
.newsBar{border-bottom: 1px solid #f3f3f3;margin: 10px 0 20px 0;}
.newsBar span{font-size: 14px;margin:  0 15px 10px 0;color: #999;}
.newsBar span:last-child{font-size: 15px;}
.newsCon{font-size: 16px;overflow: hidden;background: #fff;}
.newsCon img,.newsCon div,.newsCon p,.newsCon span,.newsCon b,.newsCon section,.newsCon a{/*margin-left:0px !important;margin-right:0px !important;padding-left:0px !important;padding-right:0px !important; */max-width: 100% !important; height:auto !important;}
.newsCon p{text-indent: 0px !important; /*margin-bottom:20px;*/ line-height: 22px;}

/*互动提示*/
.interbg{background: #EEEEF0;}
.inter_btn{display: block;width: 100%;padding: 12px 0;text-align: center;background: #fff;font-size: 16px;}

/*公告*/
#rolllist{height:39px; line-height: 39px; width:100%; overflow: hidden; position: relative;background: #fff url(../images/p-ui-not.png) no-repeat 10px center;background-size: 58px;font-size: 14px;}
#rolllist ul{position: relative;display: block;padding: 2px 5px 0 78px;}
#rolllist ul li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*菜单*/
.addGroup.cur{background:#f4f4f4;z-index: 99;border-radius: 42px 42px 0 0;}
.addGroup .arrow-down{background: url(../images/p-ui-group_more.png) no-repeat center top;background-size: 14px;display: block;width: 100%;height: 6px;  position: absolute;left: 0;right: 0;bottom: -5px;z-index: 999;}

.addGroup_box{width:100%; background:#f4f4f4;margin: -1px 0 6px 0; z-index: 10;display:none}
.addGroup_box ul{display: inherit;padding: 5px 0;}
.addGroup_box li{width:25%; float: left; padding:5px 0px;}
.addGroup_box li .group_classify{display: block;padding:10px 0px;}
.addGroup_box li .group_img{width:15px; height:15px; display: inline-block; position:relative; top:2px; background: url(../images/gm_icon00.png) no-repeat; background-size: 100%;}
.addGroup_box li:nth-child(1) .group_img{0px}
.addGroup_box li:nth-child(2) .group_img{background-position:0px -15px;}
.addGroup_box li:nth-child(3) .group_img{background-position:0px -30px;}
.addGroup_box li:nth-child(4) .group_img{background-position:0px -45px;}
.addGroup_box li:nth-child(5) .group_img{background-position:0px -60px;}
.addGroup_box li:nth-child(6) .group_img{background-position:0px -75px;}
.addGroup_box li:nth-child(7) .group_img{background-position:0px -90px;}
.addGroup_box li .group_classify p{text-align: center; }
.addGroup_box li .group_classify span{color:#666; font-size: 12px;}

.home_news_list{display:-webkit-box;position: relative;padding-top: 18px;padding-bottom: 18px;background: #fff;}
.home_news_img{width: 100px;}
.home_news_img div{width:100%;padding-bottom: 78%;background-position: center !important;background-size: cover !important;height: 0;position: relative;}
.home_news_box{position: relative;margin: 0 10px 0 0;padding: 0;-webkit-box-flex: 1;overflow: hidden;}
.home_news_title{font-size: 17px;color: #333;font-weight: normal;line-height: 20px;height: 40px;margin: 0;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow: hidden;}
.home_news_info{font-size: 13px;color: #999;line-height: 18px;margin: 6px 0 0 0;overflow: hidden;text-overflow: ellipsis;width: 100%;white-space: nowrap;}
.home_news_delit{margin: 0;}
.home_news_read{font-size: 12px;color: #999;-webkit-transform: scale(0.8);position: absolute;left: -7px;padding-bottom: 1px;}
.home_news_time{font-size: 12px;color: #999;-webkit-transform: scale(0.8);position: absolute;right: -5px;}

/*.home_menu_box{display: -webkit-box;text-align: center;}
.home_menu_item{-webkit-box-flex: 1;width: 50%;padding: 15px 0;position: relative;}
.home_menu_item .hmi_box{overflow: hidden;text-align: center;margin: 0 auto;display: inline-block;}
.home_menu_item .hmi_img{float: left;width: 45px;height: 45px; background-size: 100%;display: block;}
.home_menu_item h2{float: left; font-size: 15px;font-weight: normal;color: #333;line-height: 16px;margin: 17px 0 0 10px;}
.him_mbd{height: 40px;margin-top: 20px;}*/

/*保存二维码按钮*/
/*.card_code{display: -webkit-box;margin: 0 5px;}
.card_code_btn{display: block;text-align: center;border-radius: 3px;margin: 0 5px;width: 100%;background: #f84c2f;height: 42px;line-height: 43px;overflow: hidden;-webkit-box-flex: 1;}
.code_btn_hover{background: #e54024;}
.card_code_btn span{color: #fff;background: url(../images/pig_dwn_iconbai.png) no-repeat 0 11px;background-size: 17px;padding-left: 25px;margin: 0 auto;font-size: 14px;}
.card_code_btn.phone span{color: #fff;background: url(../images/pig_dwn_iconbai.png) no-repeat 0 -23px;background-size: 17px;padding-left: 25px;margin: 0 auto;font-size: 14px;}*/

/* 滚动区域 */
.scroller-wrapper {position: relative;z-index: 1;height: 45px;width: 100%;background: #fff;overflow: hidden;-ms-touch-action: none;}
#scroller { position: absolute;z-index: 1;height: 45px;left: 0;}
#scroller ul {width: 100%; position: relative;margin-right: 5px;}
#scroller li {float:left; padding: 9px 5px 0 10px; height: 45px; line-height: normal; font-size: 14px; color: #000;}
#scroller li span {float:left; display:block; white-space: nowrap; padding: 6px 10px 4px 10px; background: #fff; border-radius: 3px;}
#scroller li.active span {background: #f84c2f;color: #fff;}
/* 滚动区域结束*/

/*投诉*/
.complaint h2{font-size: 14px; padding: 12px 15px; font-weight: normal; color:#888;background: #f5f5f5;}
.complaint_main{padding:0px 0 0 15px;}
.complaint_main ul{display: inline;}
.complaint_main li.cur{background: url(../images/pig_tag_set.png) no-repeat right;background-size: 16px; background-position: 93%;color: #f84c2f;}
.complaint_main li{padding:13px 0px; font-size: 16px; cursor: pointer;}
.complaint_form{padding: 15px 10px;}
.complaint_outside{border: 1px solid #ccc;border-radius: 5px;height: 122px;background: #fff;font-size: 16px;padding: 0 12px 0 12px;}
.complaint_outside textarea{width: 100%;padding: 12px 0 0 0; outline: none;resize: none;font-size: 15px;height:100px;line-height: 20px;}

/*个人信息*/
.ucc_box{position:relative; padding:15px 10px;}
.ucc_top{display: -webkit-box;}
.ucc_top_info{-webkit-box-flex: 1;display: -webkit-box;}
.ucc_top_img{width: 70px;height: 70px;margin-right: 10px;}
.ucc_top_img .pimgbox{border-radius: 2px;}
.ucc_top_details{-webkit-box-flex: 1;font-size: 14px;position: relative;top: 2px;}
.ucc_top_details h2{font-weight: normal;line-height: 18px;font-size: 16px;text-overflow: ellipsis;width: 100%;white-space: nowrap;overflow: hidden;padding: 2px 0 10px 0;}
.ucc_top_details p{padding: 0 0 7px 0;line-height: 14px;color: #999;}
.ucc_complain_btn{font-size: 14px;border:1px solid #666;color: #666;width:45px;height:25px;line-height: 28px;text-align: center;border-radius: 5px;margin-top: 22px;overflow: hidden;}
.ucc_introduce{background: #f8f8f8; padding:10px;border-radius: 3px; margin-top:15px; color: #666; position: relative;font-size: 14px;}
.ucc_introduce:after{content:"";width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f8f8f8; position:absolute; top:-7px; left:30px;}
.ucc_person_icon,.ucc_group_icon,.ucc_qq_icon,.ucc_qqg_icon{display: inline-block; width:58px; height:18px; line-height: 18px; border-radius: 3px; font-size: 12px; color:#fff; text-align: center; margin-right:3px;position: relative;top: -2px;}
.ucc_person_icon{background:#34bc98;}
.ucc_group_icon{background:#fbb555;}
.ucc_qq_icon{background:#2db3e8;}
.ucc_qqg_icon{background:#e18506;}
.ucc_card_tit{font-size: 16px; color:#333;}
.ucc_card_com{margin-top:5px;font-size: 14px; color:#888;}

/*加粉神器*/

.ifans_clear i{background: #777;height: 24px;width: 24px;line-height: 24px;color: #fff;margin: 6px auto 1px auto;display: inline-block;border-radius: 100px;position: relative;top: -3px;}
.ifans_clear span{position: relative;top: -2px;}

/*.fans_box{position: relative;}*/
.fans_box_item{display: -webkit-box;padding: 10px 15px;}
.fans_user{-webkit-box-flex: 1;display: -webkit-box;}
.fans_img{width: 48px;height: 48px;}
.fans_img .pimgbox{border-radius: 500px;}
.fans_details{-webkit-box-flex: 1;margin-left: 10px;}
.fans_details h2{font-size: 16px;line-height: 16px;text-overflow: ellipsis;width: 100%;white-space: nowrap;overflow: hidden;font-weight: normal;margin-top: 5px;}
.fans_details p{font-size: 14px;color: #999;line-height: 14px;margin-top: 10px;}
.fans_set_box{padding: 13px 0 0 10px;}
.fans_set{display: block;overflow: hidden;width: 17px;height: 17px;border-radius: 3px;border: 1px solid #f84c2f;}
.fans_set.cur{background: #f84c2f url(../images/pig_pay_set.png) no-repeat center center;background-size: 13px;}
#bottom_banner{z-index: 10;}
.pc_refresh{position: absolute;left: 50%;bottom: 45px;-webkit-transform: translate(-50%,-50%);}
.pc_refresh span{border-radius: 100%;background: rgba(0,0,0,0.3) url(../images/pig_pc_refresh.png) no-repeat 8px 9px;background-size: 26px; width: 44px;height: 44px;overflow: hidden;text-indent: -9999px;}
.refresh_bg{background: rgba(0,0,0,0.6);border-radius: 100%;}

/*加粉神器说明*/
.fae_box{font-size: 14px;line-height: 23px;}
.fae_tit{padding-left: 15px;height: 46px;line-height: 46px;font-size: 14px;font-weight: bold;}
.faer{border-radius: 100px;background: #333;color: #fff;width: 18px;height: 18px;overflow: hidden;line-height: 20px;text-align: center;margin-right: 10px;position: relative;top: 3px;font-size: 14px;font-weight: bold;}
.sign_ico{display:inline-block;float:left;overflow:hidden;margin-right:10px;}
.sign_ico img{width:20px;height:20px;border-radius: 100px;}
.sign_item{padding: 10px 0 8px 0;}

 /* index框架 */
.pig-logo{position: relative;top: -2px;}
.swipe-item strong{margin-top: -4px;}
.p-send {padding: 5px 8px;margin-bottom: 2px;position: relative;margin-top: 4px;}

/*.send-maim {-webkit-animation: swiper 0.05s;height: 387px;overflow: hidden;}
@-webkit-keyframes swiper{from {height: 0;}to {height: 387px;}}
@-webkit-keyframes swiperend {from {height: 350px;}to {height: 0;}}*/

.p-ui-send-top{background: url(../images/p-ui-send-top.png) no-repeat;background-size: 100% 100%;height: 30px;}
.send-foot { position: fixed; right: 0; left: 0; bottom: 0;width: 100%; height: 50px; background:rgba(245,245,245,0); }
.send-off{animation: sendoff 0.5s;-webkit-animation: sendoff 0.5s;-webkit-transform:rotate(45deg);}
@-webkit-keyframes sendoff {from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(45deg);}}
@-webkit-keyframes sendoffend {from {-webkit-transform:rotate(45deg);}to {-webkit-transform:rotate(0deg);}}



/*个人信息页面*/
.p-ui-myinfo-top{background: url(../images/p-ui-myinfo-top.jpg) no-repeat center -60px;background-size: 100%;height: 155px;overflow: hidden;padding-top: 60px;}
.p-ui-myinfo-top .pig-147,.p-ui-myinfo-top .pig-148{top:-1px}
/*.p-ui-tag-nav .p-ui-tag{border-bottom: 2px solid #fff;}*/
.p-ui-tag span{border-bottom: 2px solid #fff;padding: 12px 0 8px 0;}
.p-ui-tag.cur span{border-bottom: 2px solid #fe583e;color: #fe583e;}
.p-ui-tag.cur em{color: #fe583e;}
.p-ui-tag-cent{margin: 0;padding: 0;overflow: hidden;}
.p-ui-tag-cent .cent{display: none;margin: 0;padding: 0;overflow: hidden;}
    /*名片*/
.p-ui-card-list i{font-style: normal;}
.p-ui-card-me,.p-ui-card-group,.p-ui-card-qq{display: inline-block; width:58px; height:18px; line-height: 18px; border-radius: 3px; font-size: 12px; color:#fff; text-align: center; margin-right:3px;position: relative;top: -2px;}
.p-ui-card-me{background:#34bc98;}
.p-ui-card-group{background:#fbb555;}
.p-ui-card-qq{background:#2db3e8;}
.p-ui-card-tit{font-size: 16px; color:#333;}
.p-ui-card-details{margin-top:5px;font-size: 13px; color:#999;}
    /*微商圈*/
.mp_list{position: relative;display:-webkit-box;padding: 15px;height: 70px;overflow: hidden;}
.mp_list_box{display:-webkit-box;-webkit-box-flex: 1;}
.mp_list_img{width: 70px;height: 70px;margin-right: 10px;}
.square_box{width:100%; padding-bottom:100%; height:0px; position:relative; overflow: hidden; background:#eee;}
.square_box .square_box_img{position:absolute; border-right:1px solid #fff; border-bottom:1px solid #fff; background-position:center center !important; background-size:cover !important;}
.square_box_1 .square_box_img{background:#f3f3f3; width:100%; padding-bottom:100%; height:0px;}
.square_box_2 .square_box_img:nth-child(1){background:#f3f3f3; width:50%; padding-bottom:100%; height:0px;}
.square_box_2 .square_box_img:nth-child(2){background:#f3f3f3; width:50%; padding-bottom:100%; height:0px; left:50%; margin-left:1px;}
.square_box_3 .square_box_img:nth-child(1){background:#f3f3f3; width:50%; padding-bottom:100%; height:0px;}
.square_box_3 .square_box_img:nth-child(2){background:#f3f3f3; width:50%; padding-bottom:50%; height:0px; left:50%; margin-left: 1px;}
.square_box_3 .square_box_img:nth-child(3){background:#f3f3f3; width:50%; padding-bottom:50%; height:0px; position:absolute; left:50%; margin-left: 1px; top:50%; margin-top:1px;}
.square_box_4 .square_box_img:nth-child(1){background:#f3f3f3; width:50%; padding-bottom:50%; height:0px;}
.square_box_4 .square_box_img:nth-child(2){background:#f3f3f3; width:50%; padding-bottom:50%; height:0px; left:50%; margin-left:1px;}
.square_box_4 .square_box_img:nth-child(3){background:#f3f3f3; width:50%; padding-bottom:50%; height:0px; top:50%; margin-top:1px;}
.square_box_4 .square_box_img:nth-child(4){background:#f3f3f3; width:50%; padding-bottom:50%; height:0px; left:50%; margin-left:1px; top:50%; margin-top:1px;}

.mp_list_center{-webkit-box-flex: 1;}
.mp_list_center h2{font-size: 16px;font-weight: normal;height: 48px;line-height: 24px;overflow: hidden;margin: 0;}
.mp_list_center p{font-size: 12px;font-weight: normal;margin-top: 3px;}
.mp_list_center span{color: #999;margin-right: 10px;}
.mp_list_center time{color: #999;margin-right: 10px;float: right;}
    /*产品秀*/
.set_item {height: 48px;line-height: 48px;padding: 10px 15px 0 15px;position: relative;display: -webkit-box;}
.brand_tit{-webkit-box-flex: 1;}
.brand_tit p{font-style: normal;height: 20px;line-height: 20px;overflow: hidden;display: block;margin-top: 6px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display: block;font-size: 16px;}
.brand_tit em{font-size: 12px;height: 18px;line-height: 18px;color:#999;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display: block;margin-top: 3px;}
.wShop{margin: 0 15px;padding: 0 0 5px 0;}
.wShop h1{font-size: 18px;color: #333;margin-top: 10px;line-height: 23px;font-weight: normal;}
.wShop p{font-size: 16px;color: #666;margin-top: 5px;line-height: 22px;}
.wShop ul{margin: 10px 0 15px;    display: -webkit-flex;}
.wShop li{width: 33.3%; padding-left: 5px;}
.wShop li:nth-child(1){padding-left: 0;}

/*聊天窗口音频*/
.audio_play_box{position: relative;display: flex;}
.audio_time{overflow: hidden;font-size: 16px;line-height: 23px;}
.audio_wrp {overflow:hidden;}
.audio_play_area {margin:3px 30px 0 0;font-size:0;width:14px;height:21px}
.playing .audio_play_area .icon_audio_playing {display:none}
.playing .audio_play_area .icon_audio_default {display:inline-block}
.audio_play_area .icon_audio_default {background:transparent url(../images/p-ui-audio-3.png) no-repeat 0 0;width:14px;height:21px;vertical-align:middle;display:inline-block;background-size:14px auto}
.audio_play_area .icon_audio_playing {background:transparent url(../images/p-ui-audio-1.png) no-repeat 0 0;width:14px;height:21px;vertical-align:middle;display:inline-block;background-size:14px auto;-webkit-animation:audio_playing 1s infinite;display:none}
.audio_right .audio_play_area{margin:0 0 0 30px;-webkit-transform:rotate(180deg);}

@-webkit-keyframes audio_playing {
30% {background-image:url(../images/p-ui-audio-1.png)}
31% {background-image:url(../images/p-ui-audio-2.png)}
61% {background-image:url(../images/p-ui-audio-2.png)}
62% {background-image:url(../images/p-ui-audio-3.png)}
100% {background-image:url(../images/p-ui-audio-3.png)}
}

/*聊天录音弹出*/
.chat_sound{display: none; position:fixed; width:100%; height:100%; top:0px; left:0px; align-items: center;z-index: 99999;}
.press_action,.cancel_action{width:170px; height:170px; background:rgba(0,0,0,0.5);display:none; margin:0px auto;border-radius: 5px;}

.chat_sound_box{height: 110px;text-align: center;overflow: hidden;padding-top: 5px;}
.chat_sound_box .pig-174{color: #fff;font-size: 80px;float: left;margin-left: 20px;}
.chat_sound_box .sound_img{width: 40px;float: left;margin-top: 18px;}

.chat_sound_box .pig-175{color: #fff;font-size: 80px;position: relative;left: -5px;}
.chat_sound_btn{text-align: center;color: #fff;font-size: 14px;margin: 10px;padding: 5px 0 4px 0;border-radius: 3px;}
.chat_sound_btn.btnbg{background: rgba(255, 5, 0, 0.5);}