body{background-color: #F8447D;}
.hongbao-header{position: relative;height: 626px;overflow: hidden;}
.hongbao-bg{position: absolute;height: 100%;width: 1920px;background: url(http://www.51yuansu.com/component/hongbao/img/hongbao-banner.png) no-repeat 0 center #F8447D;background-size: cover;transition: opacity 200ms ease-in-out;}
.hongbao-wrap{width: 1200px;margin: 0px auto;overflow: hidden;}
.hb-banner-l{float: right;width: 330px;height: 270px;margin-top: 150px;margin-right: 53px;}
.hb-banner-l .p1{display: inline-block;width: 100%;height: 60px;line-height: 60px;text-align: center;color: #fff;font-size: 27px;}
.hb-banner-l .p2{display: inline-block;font-size: 18px;color: #666666;margin-top: 21px;font-weight: bold;margin-left: 30px;width: 300px;}
.hb-banner-l .p3{display: inline-block;font-size: 18px;color: #666666;margin-top: 15px;font-weight: bold;margin-left: 30px;width: 300px;}
.hb-banner-l .p4{display: inline-block;font-size: 18px;color: #666666;margin-top: 15px;font-weight: bold;margin-left: 30px;width: 300px;}
.hb-banner-l span{color: #EB2616;}
.hb-banner-btn{display: inline-block;width: 100%;height: 40px;margin-top: 32px;}
.hb-banner-btn .d-buy,.hb-banner-btn .share-btn{display: block;width: 130px;height: 40px;text-align: center;color: #fff;line-height: 40px;background-color: #EB2616;font-size: 21px;border-radius: 20px;}
.hb-banner-btn .d-buy{float: left;margin-left: 30px;}
.hb-banner-btn .share-btn{float: right;margin-right: 27px;}
.hb-banner-btn .d-buy:hover,.hb-banner-btn .share-btn:hover{background-color: #e6685e;}
.hongbao-status{position: relative;height: 610px;overflow: hidden;}
.hongbao-s-bg{width: 1400px;height: 581px;background: url(http://www.51yuansu.com/component/hongbao/img/hongbao-hb.png) no-repeat 0 center #F8447D;background-size: cover;transition: opacity 200ms ease-in-out;margin: 0px auto;margin-top: 15px;overflow: hidden;}
.hongbao-share-btn{display: block;width: 182px;height: 179px;background: url(http://www.51yuansu.com/component/hongbao/img/hongbao-sbtn.png) no-repeat center;margin-left: 665px;margin-top: 100px;}
.hongbao-share-btn:hover{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.hongbao-bar-wrap{width: 1400px;height: 162px;overflow: hidden;margin-top: 140px;}
.hongbao-bar{width: 1103px;height: 36px;overflow: hidden;position: relative;margin-left: 60px;float: left;}
.hongbao-bar-bg{display: block;position: absolute;left: 0px;top:0px;z-index: 2;background: url(http://www.51yuansu.com/component/hongbao/img/hongbao-pbar-default.png) repeat;width: 100%;height: 100%;}
.hongbao-bar-bg-active{display: block;position: absolute;left: 0px;top:0px;z-index: 3;background: url(http://www.51yuansu.com/component/hongbao/img/hongbao-pbar.png) repeat;width: 100%;height: 100%;}
.hongbao-bar-maskl{display: block;position: absolute;left: 0px;top:0px;z-index: 10;background: url(http://www.51yuansu.com/component/hongbao/img/bar-mask-l.png) no-repeat;width: 18px;height: 36px;}
.hongbao-bar-maskr{display: block;position: absolute;right: 0px;top:0px;z-index: 10;background: url(http://www.51yuansu.com/component/hongbao/img/bar-mask-r.png) no-repeat;width: 18px;height: 36px;}
.hongbao-bar-wa{display: block;position: absolute;left: 0px;top: 0px;z-index: 5;width: 100%;height: 36px;line-height: 36px;font-size: 20px;font-weight: bold;color: #3A0A7C;text-align: center;}
.hongbao-gift{width: 1103px;height: 60px;overflow: hidden;position: relative;margin-left: 60px;margin-top: 10px;float: left;}
.hongbao-gift .hongbao-bar-s{width: 49px;height: 60px;background: url(http://www.51yuansu.com/component/hongbao/img/bar-start.png) no-repeat;position: absolute;left: 0px;top:0px;z-index: 2;}
.hongbao-gift .hongbao-bar-e{width: 61px;height: 60px;background: url(http://www.51yuansu.com/component/hongbao/img/bar-end.png) no-repeat;position: absolute;right: 0px;top:0px;z-index: 2;}
.hongbao-gift .hongbao-bar-gift{width: 49px;height: 60px;background: url(http://www.51yuansu.com/component/hongbao/img/bar-gift.png) no-repeat;position: absolute;left: 0px;top:0px;z-index: 2;}
.hongbao-bar-info{display: block;float: left;color: #FFDE3D;font-size: 16px;margin-top: 18px;}
.hongbao-duihuan-btn{display: block;float: left;width: 175px;height: 78px;background: url(http://www.51yuansu.com/component/hongbao/img/duihuan-default.png) no-repeat;margin-top: 48px;margin-left: 20px;}
.hongbao-duihuan-btn-a{display: block;float: left;width: 175px;height: 78px;background: url(http://www.51yuansu.com/component/hongbao/img/duihuan.png) no-repeat;margin-top: 48px;margin-left: 20px;}
.hongbao-bar-l{width: 1163px;position: relative;overflow: hidden;height: 100%;float: left;}
.hongbao-info{width: 1200px;min-height:500px;margin: 0px auto;overflow: hidden;position: relative;margin-bottom: 100px;}
.my-hongbao{width: 1200px;min-height: 300px;background-color: #fff;float: left;margin-top: 30px;padding-bottom: 30px;}
.my-hb-title{display: inline-block;width: 1200px;overflow: hidden;margin-top: 15px;}
.my-hb-title li{width: 400px;text-align: center;float: left;height: 40px;font-size: 18px;line-height: 40px;color: #666666;}
.my-hb-detail{display: inline-block;width: 1200px;overflow: hidden;font-size: 15px;}
.my-hb-detail li{display: block;width: 100%;height: 70px;}
.my-hb-detail p{display: block;float: left;height: 70px;line-height: 70px;}
.my-hb-detail img{width: 50px;height: 50px;border-radius: 50%;margin-top: 10px;}
.my-hb-detail .hb-d-p1{margin-left: 135px;}
.my-hb-detail .hb-d-p2{margin-left: 20px;width: 355px;}
.my-hb-detail .hb-d-p3{width: 370px;}
.my-hb-detail p b{color: #EB2616;}
.my-hb-detail .no-my-hb{width: 100%;height: 200px;line-height: 200px;font-size: 20px;text-align: center;color: #666;}
.no-my-hb a{color: #EB2616;text-decoration: underline;}
.hongbao-daren{width: 695px;min-height: 500px;background-color: #fff;float: left;margin-top: 50px;padding-bottom: 30px;}
.hongbao-daren-info{display: inline-block;width: 100%;overflow: hidden;font-size: 15px;}
.hongbao-daren-info li{display: block;width: 100%;height: 70px;}
.hongbao-daren-info li p{display: block;float: left;height: 70px;line-height: 70px;}
.hongbao-daren-info img{width: 50px;height: 50px;border-radius: 50%;margin-top: 10px;}
.hongbao-daren-info .hb-dr-p1{width: 30px;margin-left: 30px;text-align: center;}
.hongbao-daren-info .hb-dr-p2{margin-left: 20px;}
.hongbao-daren-info .hb-dr-p3{margin-left: 15px;width: 160px;}
.hongbao-daren-info .hb-dr-p4{width: 260px;}
.hongbao-daren-info p b{color: #EB2616;}
.hb-daren-title{width: 409px;height: 100px;margin:0px auto;background:url(http://www.51yuansu.com/component/hongbao/img/daren.png) no-repeat;margin-top: 30px;margin-bottom: 10px; }
.no-daren-hb{height: 300px;line-height: 300px;font-size: 30px;text-align: center;color: #666;}
.hongbao-donggui-wrap{float: right;width: 420px;overflow: hidden;margin-left: 85px;}
.hongbao-dongtai{width: 420px;min-height: 470px;background-color: #fff;margin-top: 50px;padding-bottom: 30px;overflow: hidden;}
.hb-dongtai-title{width: 409px;height: 100px;margin:0px auto;background:url(http://www.51yuansu.com/component/hongbao/img/dongtai.png) no-repeat;margin-top: 30px;margin-bottom: 10px;}
.hongbao-dongtai-info{display: inline-block;width: 100%;overflow: hidden;font-size: 15px;}
.hongbao-dongtai-info li{display: block;width: 100%;height: 50px;}
.hongbao-dongtai-info li p{display: block;float: left;height: 50px;line-height: 50px;}
.hongbao-dongtai-info .hb-dt-p1{margin-left: 20px;width: 325px;overflow: hidden;}
.hongbao-dongtai-info li p b{color: #EB2616;}
.hongbao-guizhe{width: 420px;min-height: 370px;background-color: #fff;margin-top: 50px;padding-bottom: 30px;overflow: hidden;}
.hb-guizhe-title{width: 409px;height: 100px;margin:0px auto;background:url(http://www.51yuansu.com/component/hongbao/img/guizhe.png) no-repeat;margin-top: 30px;margin-bottom: 10px;}
.hb-all-buy{display: inline-block;width: 130px;height: 40px;text-align: center;color: #fff;line-height: 40px;background-color: #EB2616;font-size: 21px;border-radius: 20px;margin-left: 91px;margin-top: 78px;}
.hb-all-buy:hover{background-color: #ff7d72;}
.my-hongbao-time{width: 100%;height: 50px;overflow: hidden;font-size: 18px;color: #666666;line-height: 50px;text-align: center;}
.my-hongbao-time p{line-height: 50px;font-size: 18px;text-align: center;color: #f00;}
.my-hongbao-time b{color: #EB2616;}
.hb-guizhe-info p{display: inline-block;}
.hb-guizhe-info .hb-gz-s1{display: inline-block;float: left;width: 20px;margin-left: 10px;line-height: 28px;font-size: 15px;}
.hb-guizhe-info .hb-gz-s2{display: inline-block;float: left;width: 380px;line-height: 28px;font-size: 15px;}
.hb-guizhe-info b{color: #EB2616;}
.duihuan-vip-btn{display: block;width: 217px;height: 40px;text-align: center;color: #fff;line-height: 40px;background-color: #EB2616;font-size: 21px;border-radius: 20px;margin-top: 77px;margin-left: 53px;}
.duihuan-vip-btn:hover{background-color: #e6685e;}

.hb-share-alert{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 100;display: none;}
.hb-share-bg{width: 100%;height: 100%;background: #000;filter: alpha(opacity=50);opacity: .7;}
.hb-share-wrap{max-width: 520px;height: 494px;position: absolute;left: 50%;top: 25%;margin-left: -260px;background: url(http://www.51yuansu.com/component/hongbao/img/share-alert.png) no-repeat;border-radius: 2px;width: 100%;}
.hb-share-detail{width: 100%;position: relative;overflow: hidden;margin-top: 350px;}
#hb-share-text{width: 500px;height: 40px;padding: 0px;margin: 0px;border: 1px solid #C7C7C2;padding-left: 10px;font-size: 14px;display: inline-block;background-color: transparent;color: #fff;}
#hb-share-text-b{width: 170px;height: 45px;background-color: #f4543c;text-align: center;font-size: 16px;line-height: 45px;color: #fff;display: inline-block;border-radius: 22px;margin-left: 175px;margin-top: 25px;}
.hb-share-del{width: 42px;height: 37px;display: block;position: absolute;right: 0px;top: 0px;z-index: 101;background: url(http://www.51yuansu.com/component/hongbao/img/hb-delete.png) no-repeat;cursor: pointer;}

.hb-open-alert{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 100;display: none;}
.hb-open-bg{width: 100%;height: 100%;background: #000;filter: alpha(opacity=50);opacity: .5;}
.hb-open-wrap{max-width: 520px;height: 626px;position: absolute;left: 50%;top: 15%;margin-left: -260px;background: url(http://www.51yuansu.com/component/hongbao/img/hongbao-get.png) no-repeat;border-radius: 2px;width: 100%;}
.hb-open-wrap .hb-open-p1{margin-top: 367px;font-size: 22px;color: #fff;display: inline-block;width: 388px;margin-left: 130px;}
.hb-open-wrap .hb-open-p2{display: inline-block;font-size: 22px;color: #fff;margin-left: 208px;margin-top: 22px;width: 310px;}
.hb-open-del{width: 42px;height: 37px;display: block;position: absolute;right: 0px;top: 0px;z-index: 101;background: url(http://www.51yuansu.com/component/hongbao/img/hb-delete.png) no-repeat;cursor: pointer;}
.hb-continue-share{width: 150px;height: 50px;display: inline-block;margin-top: 56px;margin-left: 181px;}
.my-hb-detail .hongbao-has-use{width: 100%;text-align: center;height: 200px;line-height: 200px;font-size: 21px;color: #f00;}