.hongbao-list { margin: 0 .2rem; }
.hongbao-list li { padding: 0.3rem .1rem; overflow: hidden; border-bottom: 1px solid #e5e5e4; }
.hongbao-list li .book { float: left; position: relative; margin: 0 .2rem 0 0; }
.hongbao-list li .book img { display: block; width: 1.03rem; height: 1.4rem; border: 1px solid #cfcfcf; }
.hongbao-list li .book .point { position: absolute; line-height: .36rem; height: .36rem; overflow: hidden; bottom: .1rem; left: 1px; width: 1.03rem; text-align: center; color: #f5e000; background: #ff0014; }
.hongbao-list li .book .hb-progress { display: block; width: 1.03rem; position: absolute; bottom: 1px; left: 1px; height: .1rem; background: #d6d6d6; }
.hongbao-list li .book .hb-progress .active { background: #f5e000; display: block; height: .1rem; }
.hongbao-list li .info { overflow: hidden; }
.hongbao-list li .info .title { color: #a9a9a9; }
.hongbao-list li .info .title .time { float: right; margin: 0 0 0 .2rem; }
.hongbao-list li .info .detail { overflow: hidden; }
.hongbao-list li .info .detail .hongbao-middle { float: right; }
.hongbao-list li .info .detail .guide { line-height: .7rem; height: .7rem; overflow: hidden; }
.hongbao-list li .info .detail .guide2 { line-height: .35rem; }
.hongbao-list li .info .detail .author, .banner-history .author { color: #a9a9a9; }
.hongbao-list li .info .detail .author .pic, .banner-history .author .pic { width: .36rem; height: .36rem; float: left; border-radius: .18rem; -webkit-border-radius: .18rem; margin: 0 .1rem 0 0; }
.hongbao-list-book li { margin: 0 .2rem; padding: 0.2rem 0; overflow: hidden; border-bottom: 1px solid #e5e5e4; line-height: .32rem; }
.hongbao-list-book li .info_r { float: right; width: 2.3rem; text-align: right; }
.hongbao-list-book li .info_r .hongbao-middle { float: right; margin: .06rem 0 0; }
.hongbao-list-book li .info_l .points { color: #b4b4b4; line-height: .54rem; }
.hongbao-list-book li .info_l .status { color: #b4b4b4; font-size: .23rem; }
.hongbao-list-mine li { line-height: .42rem; color: #666; }
.hongbao-list-mine li .info_l .time { color: #b4b4b4; }
.hongbao-list-mine li .info_r .status { color: #fff; display: inline-block; font-size: .23rem; padding: 0 .1rem; border-radius: .21rem; -webkit-border-radius: .21rem; -moz-border-radius: .21rem; -ms-border-radius: .21rem; }
.hongbao-list-mine li .info_r .status-sc { background: #feb2bc; }
.hongbao-list-mine li .info_r .status-dy { background: #90c31f; }
.hongbao-list-mine li .info_r .status-yp { background: #fcc800; }
.hongbao-middle { width: .93rem; height: 1.05rem; margin: 0.02rem 0 0; text-align: center; background: url(../images/hongbao-middle-on.png) no-repeat center 0; background-size: 100% auto; }
.hongbao-middle .h-name { color: #f5e000; line-height: .42rem; }
.tatus { display: inline-block; margin: .11rem 0 0; }
.status-coming .tatus { color: #790304; }
.status-qiang .tatus { width: .4rem; height: .4rem; background: #f5e000; color: #f87338; border-radius: .2rem; -webkit-border-radius: .2rem; }
.status-qiang .tatus font { margin-top: .05rem; display: block; }
.status-over { position: relative; }
.status-over::after { content: ''; display: block; width: .93rem; height: 1.05rem; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; border-radius: .1rem; -webkit-border-radius: .1rem; }
.s_detailtime { color: #f87338; }
.s_countdown { color: #ff0014; }
.tab-hongbao .tab-hd { display: -webkit-box; line-height: .76rem; font-size: .32rem; }
.tab-hongbao .tab-hd span { -webkit-box-flex: 1; display: block; text-align: center; background: #75c6e8; color: #fff; }
.tab-hongbao .tab-hd .active { color: #f5e000; border-bottom: 1px solid #3b84a2; box-sizing: border-box; }
.top-tips { position:relative; background: #fdfae1; padding: .2rem; text-align: center; line-height: .36rem; }
.top-tips .hongbao-issue { text-align: left; background: url(../images/toptips-bg.png) no-repeat 0 0; background-size: .8rem auto; padding: 0 0 0 1rem; line-height: .5rem; overflow: hidden; }
.top-tips .hongbao-issue .title { height: .5rem; overflow: hidden; margin: .06rem 0 0; }
.top-tips .hongbao-issue .time { font-size: .23rem; }
.have-gift { text-align: center; background: url(../images/bg-caidai.png) no-repeat 0 0; background-size: 100% auto; color: #ffdd2f; line-height: .5rem; text-shadow: .05rem .05rem .1rem #000; padding: .4rem 0; }
.have-gift h3 { font-weight: normal; font-size: .32rem; }
.have-gift h3 span { font-size: .46rem; }

.overWrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 888; background: rgba(0,0,0,.8); }
.popbox1 { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 999; padding: 0; }
.closeBoxBtn { display: block; position: absolute; top: .2rem; right: .2rem; width: .4rem; height: .4rem; }
.popbox-hongbao { width: 4.8rem; height: 6.8rem; color: #ede2cb; overflow: hidden; text-align: center; background: url(../images/hongbao-bg.png) no-repeat 0 0; background-size: 100% auto; }
.popbox-hongbao .closeBoxBtn { background: url(../images/close2.png) no-repeat 0 0; background-size: 100% 100%; }
.hongbao-final p { font-size: .28rem; padding: 0; margin: 0; }
.hongbao-final .book { width: 1.21rem; border: 1px solid #f8c895; margin: .6rem 0 0; vertical-align: top; }
.hongbao-final .title1 { line-height: .8rem; background: none; color: #ede2cb; font-weight: normal; }
.hongbao-final .info1 { font-size: .32rem; line-height: .8rem; height: .8rem; overflow: hidden; background: none; color: #ede2cb; font-weight: normal; }
.hongbao-final .point { color: #feba6f; font-size: .32rem; line-height: 1.2rem; height: 1.2rem; overflow: hidden; }
.hongbao-final .point span { font-size: .5rem; }
.hongbao-final .gone { color: #6c0203; line-height: 1.2rem; height: 1.2rem; overflow: hidden; font-size: .5rem; }
.hongbao-final .tips { color: #d8857e; font-size: .23rem; line-height: .32rem; height: .32rem; overflow: hidden; }
.hongbao-final .check { color: #feba6e; line-height: .32rem; height: .32rem; overflow: hidden; }
.hongbao-final .deal { color: #fea33f; font-size: .23rem; line-height: .32rem; height: .32rem; overflow: hidden; }
.hongbao-final .checkl { line-height: 1.2rem; height: 1.2rem; overflow: hidden; color: #feba6e; text-decoration: underline; }
.btn-nomal { border: none; color: #fff; background: #feba6e; color: #bf000f; width: 2.6rem; line-height: .7rem; font-size: .32rem; margin: .2rem 0 0; border-radius: .15rem; -webkit-border-radius: .15rem; vertical-align: top;}
.popbox-nomal { width: 6.4rem; padding: .3rem .4rem .5rem; box-sizing: border-box; -webkit-box-sizing: border-box; background: #ede3cb; border-radius: .2rem; -webkit-border-radius: .2rem; text-align: center; }
.popbox-nomal .closeBoxBtn { background: url(../images/close1.png) no-repeat 0 0; background-size: 100% 100%; }
.guide-info dt { color: #b70000; font-size: .32rem; line-height: .8rem; }
.guide-info dd { text-align: left; line-height: .4rem; margin: 0 0 .2rem; }
.guide-info dd p { text-indent: 2em; font-size: .28rem; }
.guide-info dd p img { height: .4rem; margin: 0 0 0 .05rem; }
.popbox-nomal .tips { color: #666; font-size: .28rem; }
.guide-info .guide-img { display: block; width: 4.4rem; margin: .3rem auto; }
.guide-info .btn-nomal { color: #ede3cb; background: #f87338; }

.unrun { overflow-y: hidden; }

.popbox-hongbao-newlog { width: 4.8rem; height: 6.65rem; overflow: hidden; text-align: center; background: url(../images/hongbao-bg2.png) no-repeat 0 0; background-size: 100% auto; color: #feba6e; }
.popbox-hongbao-newlog .time { margin: 1.2rem 0 0; }
.popbox-hongbao-newlog h3 { font-weight: normal; color: #ede2cb; line-height: 1.2rem; font-size: .32rem; }
.popbox-hongbao-newlog .prize { margin: 0 0 .4rem; }
.popbox-hongbao-newlog .prize span { font-size: .5rem; margin: 0 .1rem 0 0; }
.popbox-hongbao-newlog .tips { color: #d8857e; margin: .6rem 0 0; font-size: .23rem; }
.popbox-balloons { width: 6.8rem; background: url(../images/pop-balloons.png) no-repeat 0 0; background-size: 100% auto; padding: 1.2rem .93rem 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
.popbox-balloons .popbox-wrap { background: #ba000f; padding: .45rem .29rem; border-radius: .2rem; text-align: center; color: #ece2c8; }
.popbox-balloons .title { font-weight: normal; font-size: .32rem; line-height: .62rem; background:none; color:#fff; }
.popbox-balloons .prize { margin: .4rem 0; color: #fff000; }
.popbox-balloons .prize ul { overflow: hidden; }
.popbox-balloons .prize ul li { float: left; width: 50%; color: #feba6f; line-height: .4rem; }
.popbox-balloons .prize ul .high { color: #fff000; }
.popbox-balloons .prize span { font-size: .5rem; margin: 0 .1rem 0 0; }
.popbox-balloons .tips { color: #d8857e; margin: 0 0 .32rem; font-size: .23rem; }
.popbox-balloons .check-others { margin: .3rem 0 0; color: #feba6e; }

.bottom-action { text-align: center; margin: .42rem 0 0; display: -webkit-box; font-size: .28rem; }
.bottom-action .popbox-btn { -webkit-box-flex: 1; text-align: center; position: relative; }
.bottom-action .popbox-btn .btn-commonly { background: #f87338; border: none; color: #fff; color: #fffccc; display: inline-block; height: .6rem; line-height: .6rem; padding: 0 .4rem; border-radius: .15rem; -webkit-border-radius: .15rem; }
.bottom-action .popbox-btn .attention-btn { position: absolute; top: -.3rem; left: 50%; display: block; width: .8rem; text-align: center; line-height: .34rem; color: #ba000f; background: #f9bc03; border-radius: .05rem; -webkit-border-radius: .05rem; font-size: .23rem; font-style: normal; }
.bottom-action .popbox-btn .attention-btn::after { position: absolute; bottom: -.1rem; left: 0; content: ''; display: block; width: 0; height: 0; overflow: hidden; border: .1rem solid #f9bc03; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }

.login_top .btn-cancel{position: absolute;left:20px;top: 0; color: #fff; font-size: 18px;}
.login_top .btn-posted{position: absolute;right:20px; top: 0; color: #fff; font-size: 18px;}
.post-text{ border: none; background: #fff; width: 100%; padding: .2rem; height:4.2rem; box-sizing:border-box; -webkit-box-sizing:border-box; font-size: .28rem;}
.wrap-post .post-tip{ background: #fff; padding: .1rem .22rem;}
.wrap-post dl{ color: #b4b4b4; margin:.2rem; line-height: .5rem}

.current-point { color: #52b7e2; background: url(../images/hongbao-mini.png) no-repeat 0 center; background-size: .24rem auto; padding: .06rem 0 .06rem .36rem; }
.qiang-btn-circle{ width: 1.2rem; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: .6rem; margin: 0 auto; color: #303030; background: #feba6e; border-radius: 100%; -webkit-border-radius: 100%}

.hongbao-final .startime,.hongbao-final .minitips{ line-height: .32rem; font-size: .23rem; color: #ccc; margin: -.22rem 0 -.1rem}
.hongbao-final .minitips{ margin:.1rem 0}