body{background-color: #f0f0f0;}
header{position: fixed; top: 0; left: 0; width: 100%; height: 3rem; line-height: 3rem; text-align: center; font-size: 2rem; color: #fff; border-bottom: 1px solid #4e7f24; background:#64a131; z-index: 10000;}
.banner{padding-bottom: 1.2rem; text-align: center; border-bottom: 1px solid #d7d7d7; background: #ecf5e4;}
/*.banner,.m_banner,.group_rule{margin-top: 3rem;}*/
.banner span{/*padding: 1.4rem 0;*/ margin: 0 auto; display: block;}
/*.banner span.t_one img{width: 30%; max-width: 200px;}
.banner span.t_two img{width: 50%; max-width: 300px;}
.banner span.t_five img{width: 90%; max-width: 670px;}*/
.banner span img{width: 100%;}
.banner .num{padding-top: .5rem; font-size: 1.6rem; color: #64a131;}
.product .list{padding:1rem;}
.product .list .img{float: left; width:7rem; height: 7rem; border: 2px solid #64a131; }
.product .list .txt{margin-left:8.5rem;}
.product .list .txt h2{font-size: 1.6rem; font-weight: bold; color: #000;}
.product .list .txt p{margin-top: .3rem; font-size: 1.6rem; color: #f68500;}
.product .list .txt span{font-size: 1.5rem; color: #fff; padding: .1rem .4rem; background-color: #64a131;}
.product .list .txt p b{font-size: 2.8rem;margin-left: 1rem;}

#d_flash{position: relative; padding: 1rem 2rem;}
#d_flash .hd a{position: absolute; top: 50%; width: 1rem; height: 1rem; -webkit-transform:translateY(-50%) rotate(45deg);}
#d_flash .hd .prev{left:1rem; border-left: 2px solid #707070; border-bottom: 2px solid #707070;}
#d_flash .hd .next{right:1rem; border-right: 2px solid #707070; border-top: 2px solid #707070;}
#d_flash .bd li{display: -webkit-box;}
#d_flash .bd div{/*float: left; width: 20%;*/ -webkit-box-flex:1;}
#d_flash .bd a{width: 4rem; height: 4rem; margin: 0 auto; border-radius: 50%; background-color: #dadada; background-image: url(http://wapimg.fruitday.com/sale/group1201/images/pic.png); background-size: 100%; background-position:  center; background-repeat: no-repeat; display: block;}


.time{height: 2rem;line-height: 2rem; padding-bottom: 1rem; text-align: center; font-size: 1.6rem; color: #6a6a6a;}
.time span{color: #64a131; margin-right: 1rem;}
.time em{height: 2rem; padding: 0rem .5rem; color: #fff; display: inline-block;}
.time i{height: 2rem;padding-left: .2rem; display: inline-block;}
.time .hour{background: #f6ab00;}
.time .min{background: #64a131;}
.time .second{background: #f68500;}
.group{display: -webkit-box; border-top: 1px solid #d7d7d7;}
.group>*{-webkit-box-flex:1; padding: 1rem; height: 3.6rem; line-height: 3.6rem; text-align: center;}
.group a{color: #fff;font-family: "PingFang Medium","Microsoft YaHei"; font-size: 2rem; border-radius: 5px; background: #64a131; display: block;}
.group .invite{background: #64a131;}
.group .down,.group .join{margin: 0 .4rem;}
.group .down{background: #f6ab00;}
.group>div:last-child{border-left: 1px solid #ddd;}
.group i{font-family: "PingFang Light","Microsoft YaHei";}

.rule{margin-top: 1rem; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background: #fff;}
.rule dt{text-align: center; padding: .5rem 0; border-bottom:1px solid #d7d7d7; font-size: 1.3rem;}
.rule dt a{color: #64a131;}
.rule dd{float: left; position: relative; width: 25%; min-height: 5rem; padding:1rem .6rem 1rem 1.8rem; font-size: 1rem; color: #919191; background-position: 0 center; background-repeat: no-repeat; background-size: 1.6rem auto; display:-webkit-box; -webkit-box-align:center; box-sizing:border-box;}
.rule dd:after{position: absolute; right: 5%; top: 50%; content: "";width: .5rem; height: .5rem; border-right: 1px solid #707070; border-top: 1px solid #707070; -webkit-transform:translateY(-50%) rotate(45deg);}
.rule dd:nth-of-type(1){width: 27%; padding-left: 1.9rem; background-image: url(http://wapimg.fruitday.com/sale/group1201/images/step_01.png); background-position: .3rem center;}
.rule dd:nth-of-type(2){background-image: url(http://wapimg.fruitday.com/sale/group1201/images/step_02.png);}
.rule dd:nth-of-type(3){background-image: url(http://wapimg.fruitday.com/sale/group1201/images/step_03.png);}
.rule dd:nth-of-type(4){width: 23%; background-image: url(http://wapimg.fruitday.com/sale/group1201/images/step_04.png);}
.rule dd:nth-of-type(1).cur{color: #64a131; background-image: url(http://wapimg.fruitday.com/sale/group1201/images/steps_01.png);}
.rule dd:nth-of-type(2).cur{color: #64a131; background-image: url(http://wapimg.fruitday.com/sale/group1201/images/steps_02.png);}
.rule dd:nth-of-type(3).cur{color: #64a131; background-image: url(http://wapimg.fruitday.com/sale/group1201/images/steps_03.png);}
.rule dd:nth-of-type(4).cur{color: #64a131; background-image: url(http://wapimg.fruitday.com/sale/group1201/images/steps_04.png);}
.rule dd:last-child{padding-right: 0rem;}
.rule dd:last-child:after{border: none;}

.joined{padding: 0 1rem;}
.joined .tit{position: relative; height: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #d7d7d7;}
.joined .tit span{position: absolute; left: 50%; bottom: -1.2rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); padding: .5rem 1rem; background: #f0f0f0;}
.joined .list{text-align: center; vertical-align: middle; padding-bottom: 1rem; }
.joined li{clear:both; height: 4rem; padding: .5rem 0 .5rem 1rem;}
.joined li span{float: left; width: 4rem; height: 4rem; background-repeat:no-repeat; background-position: 0 0; background-size:100% auto; display: inline-block;}
.joined li em,.joined li i{float: left; height: 4rem; line-height: 4rem; font-size: 1.2rem;}
.joined li i{padding: 0 1rem 0 1rem;}
#d_flash .bd a img,.joined li span img{width: 100%; height: 100%; border-radius: 50%;}

.msg{padding-bottom: .5rem; text-align: center; line-height: 1.5; font-family: "PingFang Medium","Microsoft YaHei"; font-size: 1.4rem; color: #64a131;}
/*flash*/
.i_flash{position: relative; width: 100%; overflow: hidden;}
.i_flash .bd{width: 100%;}
.i_flash .bd img{width: 100%; height: auto; max-width: 768px; margin: 0 auto; display: block;}
.i_flash .hd{position: absolute; bottom: 1rem; width:100%; text-align: center; z-index: 100;}
.i_flash .hd li{margin: 0 .5rem; width: .7rem; height: .7rem; border-radius: 50%; border: 1px solid #fff; display: inline-block;  text-indent: 9999px; overflow: hidden;}
.i_flash .hd li.on{background: #fff;}

.brief{border-bottom: 1px solid #d7d7d7; background-color: #fff;}
.brief h2{padding: .8rem 1rem; font-family: "PingFang Medium","Microsoft YaHei"; font-size: 1.8rem; color: #4d871d;}
.brief h3,.detail h3{padding: .8rem 1rem; line-height: 1.5; font-family: "PingFang Light","Microsoft YaHei"; font-size: 1.3rem; color: #7c7c7c; border-top: 1px solid #d7d7d7;}
.pay .msg{padding-top: .5rem;}
.orange span,.orange em{background: #f68500; display: block;}
.pay .group>div{text-align: center; height: auto;}
.pay .group span{width: 4.5rem; height: 1.8rem; margin: 0 auto .3rem auto; line-height: 1.8rem; color: #fff; border-radius: 5px;}
.pay .buy_btn div{height: 4rem; line-height: 4rem; border-radius: 5px 5px 0 0; font-size: 1.6rem;}
.pay .buy_btn div b{font-size: 2.8rem;}
.pay .orange .buy_btn div{background-color: #f6ab00;}
.pay .buy_btn em{height: 2.8rem; line-height: 2.8rem; border-radius: 0 0 5px 5px; font-size: 1.5rem; display: block;}
.pay .orange .buy_btn em{background-color: #f68500; }
.pay .green em,.pay .green span{background-color: #4d871d; display: block;}
.detail{margin-bottom: 1rem;}
.detail h4{padding: .5rem 0 .5rem 1rem; font-size:1.3rem; color: #64a131;}

.product,.pay,.detail{margin-top: 1rem; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background-color: #fff;}
/*登录蒙版*/
.m_banner{position: relative;}
html{position: relative;}
.bomb{position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 9999;}
.m_bg{position: fixed; top: 10%; left: 50%; width: 90%; height: auto; min-height: 400px; max-width: 350px; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); background: url(http://wapimg.fruitday.com/sale/group1201/images/apple.png) no-repeat center 0; background-size: 100% auto;}
.m_cont{margin-top: 38%; padding: 0 2.3rem; height: auto;}
.m_cont dd{padding: .6rem 0;}
.m_cont dd em{float: left; width: 2rem; height: 2.8rem; background-position: center; background-repeat: no-repeat; background-size: 100% auto; display: block;}
.m_cont dd:first-child em{background-image: url(http://wapimg.fruitday.com/sale/group1201/images/t_user.png);}
.m_cont dd .inp{/*float: left;*/ margin-left: 2.5rem; height: 2.8rem; line-height: 2.8; border-radius: 5px; background: #fff;}
.m_cont dd input{width: 100%; height: 100%; line-height: 1; text-indent: 1rem; font-size: 1.4rem; border: none; background: none;}
.m_cont dd:nth-of-type(3) em{background-image: url(http://wapimg.fruitday.com/sale/group1201/images/t_psw.png);}
.m_cont dd:nth-of-type(3) input,.m_cont dd:nth-of-type(2) input{float: left; width: 60%;}
.m_cont dd:nth-of-type(3) .dy,.m_cont dd:nth-of-type(2) img{float: right; width: 40%; height: 100%; text-align: center; color: #fff; border-radius: 5px; background: #f68500; display: block;}
.m_cont dd:nth-of-type(2) img{float: left; width: 39%; height: 2.4rem; margin-top: 0.2rem; max-width: 152px;}
.m_cont dd:nth-of-type(2) em{background-image: url(http://wapimg.fruitday.com/sale/group1201/images/t_yzm.png);}
.m_cont dd .reg{width: 7rem; height: 3.2rem; margin: 0 auto; text-align: center; line-height: 3.2rem; font-weight: bold; font-size: 1.8rem; color: #fff; border: 2px solid #fff; border-radius: 8px; background:none; display: block;}
.close{position: absolute; top: 0; left: 50%; width: 30%; height: 20%; display: block;}
.m_cont dd:nth-of-type(3) .agin{color: #aaa; font-size: 1rem; background: #eee;}

.wrapper{position: fixed; left: 20%; top: 20%; width: 60%;}
.hint{padding: .8rem 0; text-align: center; font-size: 1.6rem; color: #000; background: #ecf5e4;}
.know{padding: .5rem 0; text-align: center; font-size: 1.8rem; color: #fff; background: #64a131; display: block;}

.logo{position: absolute; left: .8rem; top: .8rem; width: 6rem; height: auto; z-index:1000;}
.logo img{width: 100%;}
.saled{position: absolute; top: 1rem; right: 0; padding: .3rem .5rem; color: #fff; border-radius: 10px 0 0 10px; background-color: #eb6100; z-index:1000;}
/*卖光了*/
.out img{position: absolute; left: 50%; top: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width: 120px; height: auto;}
.out,.share{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 9999;}
.pay .gray span,.pay .gray .buy_btn div{background: #7b7b7b;}
.pay .gray .buy_btn em{background: #3b3b3b;} 
/*分享*/
.share{position: fixed; width: 100%; display: none;}
.share img{position: absolute; right: 0; top:0; width: auto; /*max-width: 100%;*/ height: 94%;}
/*活动规则*/
.group_rule{padding-bottom: 1rem; border-bottom: 1px solid #d7d7d7;background: #ecf5e4;}
.group_rule dt{padding: .6rem; text-align: center; font-size: 1.8rem; color: #fff; background: #f6ab00;}
.group_rule dd{padding: .3rem 1rem; font-size: 1.3rem; color: #1e1e1e;}
.w_rule{margin-bottom: 1rem; padding-bottom: 7rem; background: url(http://wapimg.fruitday.com/sale/group1201/images/btm_logo.png) no-repeat center bottom; background-size: auto 6rem;}
/*铺货*/
.detail_img img{width: 100%; height: auto; display: block;}

.hide{display: none;}
@media screen and (min-width: 320px){
	.rule dd{padding-left: 2.8rem; line-height: 1.2; background-size: 2.6rem auto;}
	.rule dd:nth-of-type(1){padding-left: 3.6rem; background-position: 1rem center;}
	.m_bg{width: 84%;}
	.m_cont dd{padding: .8rem 0;}
}


/*拼团悬浮框*/
body{padding-bottom:51px;}
.fight-group{width:100%;position: fixed;bottom:0;right: 0;left: 0;background: rgba(248,248,248,.9);height: 50px; border-top: 1px solid #e7e7e7;}
.fight-group div{padding:6px 12px 0 20px;}
.fight-group div a{float:left; height:38px; margin-right:20px; text-align:center;text-decoration:none;}
.fight-group div a img{display:block; width:24px;height: 24px; margin-bottom:2px; border-radius: 5px; vertical-align: middle;}
.fight-group div a.group-btn,
.fight-group div a.alone-btn{float:right; color:#fff;text-align: center;background:#F68600;width:27%; height:32px; padding:3px 0; font-size:13px; line-height:16px; border-radius:5px; margin-right:6px;}
.fight-group div a.group-btn{width:40%; margin-right:0; background:#64A131;}
.fight-group div a>span{display:block; font-size:12px;}

/* editby rose 20160226 */

/* #Clearing
================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}
.clearfix:after { clear: both; }

.group-item{border-top:1px solid #d7d7d7; margin-bottom:8px; color:#7c7c7c; font-size:12px;}
.group-item .c-green{color:#64A131;}
.group-item>li{position:relative; margin:8px 28px 0; height:38px; background:#f2f2f2;}
.group-item>li>.wx-info{position:absolute; top:0; left:-16px; height:100%;}
.group-item>li>.wx-info>dt{float:left; margin-right:5px;}
.group-item>li>.wx-info>dt>img{width:38px; height:38px; border-radius:50%;}
.group-item>li>.wx-info>dd{float:left; padding:11px 0; font-size:12px; line-height:16px;}
.group-item>li>.wx-info>dd>span{display:block;}
.group-item>li>button{position:absolute; top:0; right:-16px; width:75px; height:38px; border:1px solid #64a131; background:#f2f2f2; border-radius:4px; font-size:14px; color:#64a131;}
.group-item>li>button:focus{outline:none;}
.group-item>li>.group-info{position:absolute; top:3px; right:65px; text-align:right; line-height:16px;}
.group-item>li>.group-info .tt{display:inline-block; width:16px; height:14px; border-radius:3px; line-height:14px; color:#fff; text-align:center; margin:0 2px;
	background: -webkit-linear-gradient(top, rgba(100,161,49,1) 0%,rgba(100,161,49,1) 50%,rgba(81,139,39,1) 50%,rgba(81,139,39,1) 100%);}