@charset "utf-8";
html{ font-size: 62.5%; }
html body, header { background-color: #f0f0f0; max-width: 750px;margin: 0 auto; font-size: 1.6rem; font-family: Arial,Helvetica,sans-serif;}
.hide{ overflow-y: hidden; }
ul, li{ list-style: none; margin: 0; padding: 0; }
a{ text-decoration: none; }
p{ margin: 0; }
.img-responsive { display: block; max-width: 100%; height: auto;}
.white-box{ background-color: #fff; border-radius: 1rem; margin: 0.5rem 0.5rem 0;}
.bg-gray{ background-color: #f2f2f2;}
.placeholder{ height: 5rem; }
.display-flex {display: flex;align-items: center;justify-content: space-between;}
.line{ background-color: #f5f5f5; height: 0.5rem; }
.logo{ background-color: #7300ab; width: 100%; padding: 0.5rem 0; text-align: center;}
.logo a{ background: url('https://static.ziyimall.com/file_img/icon/logo.png') no-repeat; background-size: 100% 100%; display: inline-block; width: 12rem; height: 3.5rem; }

/* 男性竞品头部*/
.nx-header{ background-color: #7300ab; width: 100%; padding: 0.5rem 1rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.nx-header .header-logo{ background: url('https://static.ziyimall.com/file_img/icon/logo.png') no-repeat; background-size: 100% 100%; display: inline-block; width: 12rem; height: 3.5rem; }
.nx-header .header-btn{ color: #fff; font-size: 1.4rem;}
.nx-header .header-btn span{ background-color: #ff5722; border-radius: 5rem; color: #fff; display: inline-block; font-size: 1.4rem; height: 2.5rem; line-height: 2.5rem; padding: 0 1rem; margin-left: 1rem;}

.article{ background-color: #fff; color: #1f1f1f; padding: 0 1.5rem 1rem;}
.article .title{ font-size: 2.4rem; line-height: 3.5rem; margin: 0; padding: 1.6rem 0;}
.article .info{ color: #858585; font-size: 1.6rem; }
.article .info span{ padding-right: 1rem; }
.article .content{ padding: 0 0 1.5rem; }
.article .content p{ font-size: 1.9rem; line-height: 3.2rem; letter-spacing: .2px; margin-top: 2.2rem;}
.article .content img { max-width: 100%; height: auto;}

.list-box{ padding: 1.5rem 1rem; }
.list-title{ padding-bottom: 1.5rem; }
.list-title strong{ color: #1f1f1f; font-size: 1.8rem; }

.adv-goods{ background-color: #fff; margin-top: 0.5rem; }
.adv-goods .adv-goods-content{ background-color: #f5f5f5; border-radius: 1rem; display: flex; padding: 1.5rem 1rem; position: relative;}
.adv-goods .adv-goods-img{ border-radius: 1rem; width: 10rem;}
.adv-goods .adv-goods-text{ padding-left: 1rem; }
.adv-goods .caption{ color: #1f1f1f; font-size: 1.6rem; height: 4.4rem; line-height: 2.2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.adv-goods .other{ display: flex; align-items: center; justify-content: space-between; font-size: 1.4rem; position: absolute; bottom: 1rem; left: 12rem; right: 1rem;}
.adv-goods .other-left{}
.adv-goods .other-right{ background-color: #f42f2f; border-radius: 5rem; color: #fff; padding: 0.5rem 1.5rem; }
.adv-goods .price{ color: #f42f2f; padding-bottom: 0.5rem;}
/*.adv-goods .purchase{ color: #b3b3b3; font-size: 1.4rem; padding-top: 1rem; display: flex; align-items: center;}*/
/*.adv-goods .purchase span{ margin: 0 0.4rem;}*/
/*.adv-goods .purchase img{ width: 1.8rem; margin-right: 0.4rem;}*/
.purchase{ color: #b3b3b3; font-size: 1.4rem; padding-top: 1rem; display: flex; align-items: center;}
.purchase span{ margin: 0 0.4rem;}
.purchase img{ width: 1.8rem; margin-right: 0.4rem;}
.adv-goods .evaluate{ color: #999; }

.adv-pic{ padding: 1.5rem 1rem; }
.adv-pic .adv-jump{ color: #1f1f1f; display: inline-block; width: 100%;}
.adv-pic .caption{ font-size: 1.9rem; letter-spacing: .2px; margin-bottom: 1rem; max-height: 6.4rem; line-height: 3.2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.adv-pic .adv-pic-img{ position: relative; }
.adv-pic .adv-pic-img img{ border-radius: 1rem; }
.adv-pic .adv-logo{ background-color: #f2f2f2; border: 1px solid #ededed; border-radius: 0.2rem; color: #d1d1d1; font-size: 1rem; padding: 0.1rem 0.2rem; position: absolute; bottom: 0.5rem; right: 0.5rem; }
.adv-pic .adv-pic-btn{ background-color: #f42f2f; border-radius: 1rem; color: #fff;  font-size: 1.6rem; text-align: center; display: inline-block; width: 100%; box-shadow: 0 5px 5px #e6bfbf; padding: 1rem 0; margin-top: 1rem;}

.list-content li{ border-bottom: 1px solid #f2f2f2; font-size: 1.6rem; }
.list-content a{ color: #1f1f1f; display: inline-block; padding: 1.5rem 0; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.result{position: fixed; top:0;left:0;background: rgba(0,0,0,0.8);z-index:10000; width:100%; height:100%; display: none;}
.bigImgBox{position: absolute;}
.alliance{ display: inline-block; width: 100%; overflow: hidden;}

/*广告样式*/
.recommend-title{ border-bottom: 1px solid #efefef; padding: 0.5rem 0; margin-bottom: 0.8rem;position: relative;}
.recommend-title .t-left{ position: relative; font-size: 1.6rem; color: #444;line-height: 2.5rem; padding-left: 1.3rem; margin-left: 0.8rem;}
.recommend-title .t-left em{ font-size: 1.6rem; font-style: normal; }
.recommend-title .t-left:before{ content: ""; display: block; position: absolute; left: 0; top: 50%; width: 0.3rem; height: 1.4rem; border-radius: 0.15rem; background-color: #F23835; transform: translateY(-50%);}
.recommend-title .t-adv{ position: absolute; right: 5px; bottom: 5px; }
.recommend-title .t-adv img{ width: 26px; height: 16px;}
.recommend-title .t-left em.t-sub{ color: #f42f2f; font-size: 1.4rem; margin-left: 1rem;}

.recommend-list{ padding: 0.8rem;}
.recommend-list .point{ display: flex;}
.recommend-list .point .point-btn{ background-color: rgb(26, 173, 23); border-radius: 50px; color: #fff; padding: 5px 10px; font-size: 1.2rem; display: inline-flex; align-items: center;}
.recommend-list .point .point-btn-wechat-icon{ background: url(https://media.ziyimall.com/file_img/mobile/goods-contact01.png?n=1) no-repeat center center; background-size: 100%; display: inline-block; width: 2rem; height: 2rem; margin-right: 0.5rem;}
/*.recommend-list .point-btn{ background-color: rgb(26, 173, 23); border-radius: 50px; color: #fff; padding: 2px 10px; font-size: 1.2rem; display: inline-flex; align-items: center;}*/
/*.recommend-list .point-btn-wechat-icon{ background: url(https://media.ziyimall.com/file_img/mobile/goods-contact01.png?n=1) no-repeat center center; background-size: 100%; display: inline-block; width: 2rem; height: 2rem; margin-right: 0.5rem;}*/
.recommend-list .pic{ width: 10rem; height: 10rem;}
.recommend-list .pic img{ width: 100%; border-radius: 0.5rem;}
.recommend-list .text{ flex: 3; padding-left: 0.8rem; display: inline-grid;}
.recommend-list .text .nowrap{  text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;
}
.recommend-list .text .t1{ color: #333; font-size: 1.8rem; font-weight: bold; height: 4rem; line-height: 2rem}
.recommend-list .text .t2{ color: #333; font-size: 1.8rem; font-weight: bold; margin-bottom: 0.5rem;-webkit-line-clamp: 1;line-clamp: 1;}
.recommend-list .text .t3{ color: #999; font-size: 1.4rem;}
.recommend-list .text .price{ font-size: 1.8rem;font-weight: bold;color: red;}
.recommend-list .text .price em {font-size: 1.2rem;font-style: normal;}
.recommend-list .list-block-btn{ background-color: #e02e24; border-radius: 4px; color: #fff; font-size: 1.6rem; text-align: center; display: inline-block; width: 100%; box-shadow: 0 5px 5px #e6bfbf; padding: 0.8rem 0; margin-top: 0.8rem;}
.recommend-list .text .t1 img{ width: 4rem; display: inline-block;margin-right: 0.5rem;}

.recommend-list-two .recommend-list{ background-color: #f2f2f2; border-radius: 0.8rem; margin: 0 0.8rem 0.8rem; }
.recommend-list-two .recommend-list .footer-flex{ display:flex; align-items: center;justify-content: space-between }
/*.recommend-list-two .recommend-list .list-btn, .recommend-list .list-btn{ background-color: #f42f2f; border-radius: 1.5rem; color: #fff; font-size: 1.4rem; text-align: center; padding: 0.4rem 0.8rem; }*/
.recommend-list-two .recommend-list .list-btn{ background-color: #f42f2f; border-radius: 1.5rem; color: #fff; font-size: 1.4rem; text-align: center; padding: 0.4rem 0.8rem; }

/*延时助勃排行榜*/
.ranking{ padding: 10px; box-sizing: border-box; display: inline-block;}
.ranking .ranking-title{ color: #333; font-size: 18px; font-weight: bold; }
.ranking .ranking-title span{ color: #e02e24;}
.ranking .ranking-goods{ display: flex; align-items: center; justify-content: space-between; padding: 10px 0;}
.ranking .ranking-phtot{ height: 40px; position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.ranking .ranking-phtot img{-webkit-transition:all .6s ease;transition:all .6s ease;position:absolute;width:40px;height:40px;border-radius:50%;}
.ranking .ranking-phtot img:first-of-type{left:0;}
.ranking .ranking-phtot img:nth-of-type(2n){left:30px;z-index:1;}
.ranking .ranking-phtot img:nth-of-type(3n){left:60px;z-index:2;}
.ranking .ranking-phtot img:nth-of-type(4n){left:90px;z-index:3;}
.ranking .ranking-phtot img:nth-of-type(5n){left:120px;z-index:4;}
.ranking .ranking-goods span{ background-color: #3d82ee; border-radius: 50px; color: #fff; padding: 5px 20px;}
.ranking .ranking-info{ background-color: #f2f2f2; border-radius: 4px; color: #666; font-size: 14px; padding: 10px;}

/*竞品广告位样式*/
.recommend-list .text .t4{ color: #999; font-size: 1.4rem;}
.recommend-list .text .t5{ margin: 0.5rem 0;}
.flow{ display: flex; align-items: center; font-size: 1.4rem; color: #999; }
.flow-left{ display: inline-flex; align-items: center; }
.flow-btn{ background-color: #e02e24; border-radius: 5rem; color: #fff; padding: 0.5rem 2rem; text-align: center; margin-top: 1rem; }
.flow-btn.flow-btn-nx{ background-color: #48a358; font-size: 1.4rem; padding: 0.8rem; display: flex; justify-content: center; align-items: center; }
.flow-btn.flow-btn-nx img{ width: 2rem; display: block; margin-right: 0.5rem; }

.flow-btn-flex{ background-color: #e02e24; border-radius: 4px; color: #fff; height: 3.8rem; font-size: 1.4rem; text-align: center; display: inline-flex; align-items: center; justify-content: center; width: 100%; box-shadow: 0 5px 5px #e6bfbf; margin-top: 0.8rem; margin-right: 2rem;}
.flow-btn-flex:last-child{ margin-right: 0; }
.flow-btn-flex img{ width: 2rem; margin-right: 0.5rem; }
.flow-btn-flex.flow-btn-flex-blue{ background-color: #3291f9;}
.flow-btn-flex.flow-btn-flex-blue img{ border-radius: 5rem; }
.flow-btn-flex.flow-btn-flex-green{ background-color: #09bb07; display: block;}
.flow-btn-flex.flow-btn-flex-green p{ display: inline-flex; align-items: center;}
.flow-btn-flex.flow-btn-flex-green span{ display: block; font-size: 1.2rem; }
.flow-btn-flex.flow-btn-flex-green img{ width: 1.5rem;}

.flow-phtot{width:34px;height:16px;position:relative;margin-right:4px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.flow-phtot img{-webkit-transition:all .6s ease;transition:all .6s ease;position:absolute;width:16px;height:16px;border-radius:50%;}
.flow-phtot img:first-of-type{left:0}
.flow-phtot img:nth-of-type(2n){left:9px;z-index:1}
.flow-phtot img:nth-of-type(3n){left:18px;z-index:2}
.flow-phtot img:nth-of-type(4n){left:27px;opacity:0;z-index:3}

.switchover { background-color: #fff; border-radius: 1rem; margin: 0.5rem 0.5rem 0; }
/*.switchover-tab{ background-color: #fff; border-radius: 1rem 1rem 0 0; margin: 0 0.5rem 0; }*/
/*.switchover-box{ background-color: #fff; border-radius: 0 0 1rem 1rem; margin: 0 0.5rem 0;}*/
.switchover-list { display: inline-block; width: 100%; padding-top: 1.5rem;}
.switchover-list li { float: left; padding: 0 2rem; text-align: center; cursor: pointer;}
.switchover-list li p{ color: #939393; height: 1.5rem; line-height: 1.5rem;}
.switchover-list .current p{ color: #0d0d0d;  }
.switchover-list li span { height: 0.2rem; width: 70%; background-color: #fff;display: inline-block;}
.switchover-list .current span{ background-color: #0d0d0d;}
.switchover-con .switchover-item{ display: none; }

.teletext{background: linear-gradient(to bottom, #fff, #f0f0f0); display: inline-block; padding: 0.5rem; width: 100%; box-sizing: border-box;}
.teletext .teletext-list{ background-color: #fff; border-radius: 1rem; display: inline-block; width: 49%; margin-bottom: 2%; float: left; }
.teletext .teletext-list:nth-child(odd){ margin-right: 1%; }
.teletext .teletext-list:nth-child(even){ margin-left: 1%; }
.teletext .teletext-text{ padding: 0.5rem 0.8rem; }
.teletext .teletext-img{ border-radius: 1rem 1rem 0 0; width: 100%; display: block; height: 20rem; }
.teletext .teletext-title{ color: #333; font-size: 1.4rem; height: 4rem; line-height: 2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.teletext .teletext-footer{ color: #5d5b60; font-size: 1.2rem; display: flex; align-items: center; justify-content: space-between; padding-top: 0.5rem;}
.teletext .teletext-flex{ display: inline-flex; align-items: center; }
.teletext .teletext-photo{ border-radius: 5rem; width: 2rem; height: 2rem; }
.teletext .teletext-name{ padding-left: 0.5rem; width: 8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.teletext .icon-like{ background: url('https://static.ziyimall.com/file_img/koubei/icon-like01.png?n=1') no-repeat center center; background-size: 100%;display: inline-block; width: 1.8rem; height: 1.8rem; margin-right: 0.2rem; }

/* 悬浮客服*/
.fixed-kefu{ position: fixed; top: 15rem; right: 0; z-index: 1; display: none;}
.fixed-kefu-pic{ background-color: #09bb07; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; text-align: center; padding-top: 0.6rem; margin-right: -2rem; width: 5rem; height: 5rem; z-index: 9; }
.fixed-kefu img{ width: 3.5rem; margin: 0.5rem auto 0;}
.fixed-kefu span{ background-color: #09bb07; border-radius: 5rem 0 0 5rem; color: #fff; font-size: 1.8rem; padding: 0.5rem 0.8rem 0.5rem 2.8rem; }

/* 悬浮获客入口*/
.fixed-entrance{ position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; box-shadow: 0 -.03rem .18rem 0 rgba(0,0,0,.1); display: flex; align-items: center; height: 4rem; line-height: 4rem; }
.fixed-entrance a{ color: #fff; width: 50%; font-size: 1.4rem; display: inline-flex; align-items: center; justify-content: center; }
.fixed-entrance img{ width: 2rem; margin-right: 0.5rem;}
.fixed-entrance .entrance-left{ background-color: #3291f9;}
.fixed-entrance .entrance-left img{ border-radius: 5rem; height: 2rem;}
.fixed-entrance .entrance-right{ background-color: #09bb07;}
.flow-look{ background-color: rgb(255, 127, 39); border-radius: 5rem; color: #fff; padding: 0.5rem 2rem; text-align: center; font-size: 1.2rem;}

/*大家都在问*/
.comment-dl{ display: inline-block; width: 100%; margin: 1rem 0 0; }
.comment-dl dt{ font-weight: bold; padding-bottom: 1rem; }
.comment-dl dd{ background-color: #f3f8fe; border-radius: 0.5rem; display: inline-block; float: left; font-size: 1.4rem; text-align: center; padding: 0 1rem; width: 48%; margin: 0 1% 2%; box-sizing: border-box; height: 4rem; line-height: 4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comment-dl dd a{ color: #333; }
.comment-phtot{ font-weight: normal; font-size: 1.4rem; padding-top: 5px; display: flex; align-items: center; justify-content: center;}
.comment-phtot-text{ color: #333; font-weight: bold; margin-right: 0.5rem; }
.comment-phtot img{ width: 50px; margin-right: 5px;}
.comment-phtot span{ color: #666; height: 25px; line-height: 25px;}