.bar_wenbkp .drawP {
    position: relative;
    top: 40%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-appearance: none;}
input,textarea,select{*font-size:100%}
a{text-decoration:none;}
html{font-size:100px;}
*{ outline: none; }
img{display:block;width:100%;}
.hide{width: 0;height: 0;overflow: hidden;display: block;visibility: hidden;}
.clearfix:after{content:'';display:block;height:0;clear:both}
.t{text-indent:-9999em;display:block;overflow:hidden;}
body,html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none; -webkit-user-select:none;width: 100%;height:100%;background: #fff;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
table{border-collapse:collapse;border-spacing:0;}
img{ width: 100%;}
.wrapper{font-size:24px;color:#000;background:#fff;padding-bottom:190px;}
.comm,.box-rules li:after,
.pop-order .list-product li:after{background: url(https://img.dnfcity.qq.com/goodsImages/15imgjs/group/images/comm.png) no-repeat;background-size:312px auto;}
/* swiper-head头图信息介绍 */
.swiper-head{width:750px;height:750px;}
.swiper-head .swiper-pagination-bullet{width: 30px;height:4px;background: #666;opacity: 1;border-radius: 0;}
.swiper-head .swiper-pagination-bullet-active{background: #c9f400;}
.group-txt{padding:40px;border-top:2px solid #f2f2f2;position: relative;}
.group-txt .dec{padding:15px 0 50px 0;font-size:36px;}
.group-txt .brand{width: 120px;height: 46px;display: inline-block;background: #c9f300;font-size:32px;color:#000;line-height: 46px;text-align: center;font-style: normal;vertical-align: middle;}
.group-txt .group-price{color:#d70000;font-size:36px;font-weight:bold;vertical-align: middle;}
.group-txt .group-price strong{font-size:50px;}
.group-txt .old-price{display: inline-block;padding-left:50px;text-decoration: line-through;font-size:24px;color:#666;vertical-align: middle;}
.group-txt .btn-size{width: 200px;height:60px;line-height: 60px;text-align: center;overflow: hidden;display: block;border:1px solid #666;position: absolute;right:40px;color:#666;font-size:32px;bottom:45px;}
.group-txt .btn-size:active{color:#000;border-color:#000;}
/* mod-item 规则/成员信息 */
.mod-item{border-top:30px solid #f2f2f2;padding:30px 0;}
.box-rules{padding-bottom:60px;text-align: center;}
.box-rules ul{display: flex;padding:30px 0 50px 0;}
.box-rules li{flex: 1;position: relative;}
.box-rules li:after{width: 32px;height:30px;background-position: -120px -104px;position: absolute;left:-15px;top:44px;content: '';}
.box-rules li:first-child:after{display: none;}
.box-rules p{padding-top:15px;color:#666;}
.icon01,.icon02,.icon03{width: 104px;height:104px;display: block;margin:0 auto;}
.icon01{background-position: 0 0;}
.icon02{background-position: -104px 0;}
.icon03{background-position: -208px 0;}
.btn-rules{width: 200px;height:60px;border: 1px solid #666;display: inline-block;margin:0 20px;line-height: 60px;text-align: center;font-size:32px;color:#666;}
.btn-rules:active{color:#000;border-color:#000;}
.box-member{width: 92%;margin:0 auto;border-top:2px solid #f2f2f2;}
.box-member .tit{font-size:36px;color:#000;text-align: center;padding:50px 0;}
.box-member .tit strong{font-size:48px;color:#d70000;}
.box-member li{border-top: 2px solid #f2f2f2;line-height:60px;padding:28px 10px;height:60px;}
.box-member li:first-child{border-top:none;}
.box-member .avatar{width: 60px;height:60px;background: #999;border-radius: 100%;overflow: hidden;float:left;}
.box-member .avatar img{width: 60px;height:60px;}
.box-member .name{float:left;padding-left:20px;height:60px;font-size:28px;max-width: 410px;overflow: hidden;}
.box-member .name .brand-colonel{display: inline-block;font-size:22px;background: #c9f400;padding:0 5px;height:24px;line-height: 24px;overflow: hidden;vertical-align: middle;font-style: normal;margin-left:15px;}
.box-member .time{float:right;padding-left:20px;}
/* mod-more-group 更多拼购好物 */
.mod-more-group .tit{padding:5px 40px 20px 40px;}
.mod-more-group .tit h2{font-size:36px;font-weight: bold;line-height: 40px;}
.mod-more-group .tit em{font-size:20px;color:#999;text-transform:uppercase;line-height: 40px;}
.mod-more-group .swiper-more-group{width:92%;margin:0 auto;padding:15px 10px;}
.mod-more-group .swiper-slide{box-shadow: 0 4px 10px #d2d0d0;border-radius: 20px;position: relative;}
.mod-more-group .swiper-slide .name{width: 288px;height:50px;line-height: 50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-top:2px solid #f2f2f2;margin:0 auto;}
.mod-more-group .swiper-slide img{width: 100%;height:280px;border-radius: 20px 20px 0 0;}
.mod-more-group .price{font-size:20px;line-height:60px;padding-left:5px;font-weight:bold;color:#d70000;}
.mod-more-group .price strong{font-size:28px;}
.mod-more-group .swiper-slide .btn{width: 154px;height:46px;border-radius: 10px;background: #000;color:#fff;text-align: center;line-height: 46px;display: block;position: absolute;right:15px;bottom:15px;border: 1px solid #7a7a7a;}
/* mod-bottom-bar 吸底-立即拼团模块 */
.mod-bottom-bar{background: #fff;box-shadow: -5px 0 15px #d2d0d0;height:115px;padding-top:10px;position: fixed;left:0;width:100%;bottom:0;z-index: 99;}
.btn-kefu,.btn-collect{display: inline-block;width: 90px;text-align: center;color:#999;padding:5px;height:75px;vertical-align: middle;}
.btn-kefu{margin-left:15px;}
.icon-kefu,.icon-collect{width: 40px;height: 40px;display:block;margin:0 auto;}
.icon-kefu{background-position: 0 -104px;}
.icon-collect{background-position: -40px -104px;}
.collect{color:#d70000;}
.collect .icon-collect{background-position: -80px -104px;}
.btn-join{width: 504px;height:80px;background: #d70000;font-size:32px;font-weight:bold;color:#fff;line-height: 80px;text-align: center;display: inline-block;vertical-align: middle;border-radius: 15px;float:right;margin-right:10px;
    -webkit-animation:bounceAni 1s linear infinite
}
@-webkit-keyframes bounceAni{
    50%{-webkit-transform:scale(1.02);}
    100%{-webkit-transform:scale(1);}
}
/* pop */
.pop{background:#fff;width: 700px;position: relative;font-size:24px;color:#000;line-height: 1.7;display: none;}
.btn-closed{width: 38px;height:38px;background-position: -160px -104px;position: absolute;right:0;top:-45px;text-indent: -999em;}
.tit-pop{text-align: center;font-size:34px;font-weight:bold;padding-bottom:20px;}
.pop-inner{padding:20px;}
.pop-rules ul{padding:0 10px 0 25px;max-height: 700px;overflow-y:auto;}
.pop-rules li{list-style: decimal;}
.pop-rules ul::-webkit-scrollbar {
    width: 6px;
    height: 1px;
}
.pop-rules ul::-webkit-scrollbar-thumb {
    background: #ccc;
}
.pop-rules ul::-webkit-scrollbar-track {
    background: #000;
}
.pop-share{width: 470px;position: relative;}
.sharepic{width: 470px;height:870px;position: absolute;top:0;right:-1000px;}
.hideDom{position: absolute;right:-1000px;top:0;}
.pop-share{width: 470px;height:870px;display: block;z-index: -99;position: absolute;left:-999rem;}
.res-code{width: 140px;height:140px;position: absolute;left:20px;top:20px;}
.temp-image,.temp-image img{width: 470px;height:870px;}
/* pop-order */
.pop-order{width: 720px;background: #f2f2f2;border-radius:15px;box-shadow:5px 5px 0 #c9f400;border:1px solid #000;}
.pop-order .pop-inner{padding:25px 10px;position: relative;}
.pop-order .pr{position: relative;padding:40px 0 50px 0;}
.pop-order .btn-closed{width: 52px;height:52px;background-position: 0 -244px;left:50%;right:auto;margin-left:-25px;top:auto;bottom:-76px;}
.pop-order .dec{display:inline-block;height:32px;line-height: 32px;font-weight:bold;background: #fff;border-left:8px solid #000;padding:0 10px;}
.pop-order .dec span{background: #c9f400;}
.pop-order .list-product{width: 550px;}
.pop-order .list-product li{width: 170px;height:170px;background: #fff;margin:0 8px 8px 0;display: inline-block;position: relative;}
.pop-order .list-product li.selected{box-shadow:1px 1px 0 #bfe800;}
.pop-order .list-product li:after{width: 36px;height:36px;background-position: -80px -244px;position: absolute;left:5px;top:5px;display: block;content: '';}
.pop-order .list-product li.selected:after{background-position: -120px -244px;}
.btn-sure{width: 288px;height:96px;background-position: 0 -144px;display: block;margin:0 auto;text-indent: -999em;overflow: hidden;}
.pop-order .item-select{width: 120px;position: absolute;right:20px;top:40px;line-height: 46px;}
.pop-order .size-select{background: #c9f400;width: 120px;height:46px;position: relative;}
.pop-order .icon-arrow{width: 46px;height:46px;background-position: -160px -244px;display: inline-block;position:absolute;top:0;right:0;}
.pop-order .moresize{width: 74px;font-size:32px;font-weight:bold;display: none;}
.pop-order .moresize.show{display: block;}
.pop-order .moresize a{display: block;height:46px;line-height: 46px;color:#999;background: #fff;border-bottom:1px solid #f2f2f2;text-align: center;}
.pop-order .moresize .selceted{color:#000;background: #c9f400;}
.pop-order .size-select strong{display: block;width: 68px;text-align: center;font-size:32px;font-weight:bold;color:#000;}
/* group-time */
.group-time{border-top:2px solid #f2f2f2;width: 690px;margin:0 auto;padding:30px 0;text-align: center;}
.group-time-inner,
.group-time-inner .result{background: url(https://img.dnfcity.qq.com/goodsImages/15imgjs/group/images/box-group.png) no-repeat;}
.group-time-inner{margin:0 auto;position:relative;padding:20px 0 0 192px;width: 360px;height:110px;}
.group-time-inner .result{width: 180px;height:110px;position: absolute;left:8px;top:8px;text-indent: -999em;display: none;}
.group-time-inner.result-succ .result{background-position: 0 -132px;display: block;}
.group-time-inner.result-fail .result{background-position: -190px -132px;display: block;}
.group-time .day span{height:66px;line-height:66px;font-size:38px;font-weight:bold;color:#000;width: 70px;display: inline-block;text-align: center;}





