/*****基础样式*****/
body{background-color:#f2f2f2;}
#body_wrap{margin:0 auto;width:100%;height:auto;}
#hongbaowrap {width:1500px;margin:0 auto;}

/*******红包列表*******/
.hbwrap { float: left;height: auto;position: relative;width: 1520px;}
.packets{margin-top:10px;float:left;width:100%;height:30px;line-height:30px;text-align:center;font-size:18px;font-family:微软雅黑;color:#333;}
.Receive{display:inline-block;background:#C00;margin:0 4px;padding:0 8px;border-radius:5px;color:#fff;text-align:center;}
.hbwrap li{float:left;height:396px;background:#fffdd8;margin-right:20px; margin-top:14px;margin-bottom:14px;transition:background-color 1s;position: relative;}
.hbwrap li:hover{color:#fff;background-color: rgba(203, 0, 16, 0.9);text-align:center;transition:all 0.6s;opacity:0.8;}
.hbwrap .hb_list{width:284px;}
.hbwrap li a{display: block;}
.hbwrapli a:hover{color:#fff;}
.hb{display: block;width:284px;height:396px;}
/*******.lp{background:url("../images/hongbaobg.gif") no-repeat scroll 0 0;}*******/
.hbtit{display:block;padding-top:100px;text-align:center;font-size:15px;font-family:"微软雅黑";color:#333;overflow:hidden;}
.hbtit p{line-height:22px;}
.yours{color:#ef9d9d;font-size:12px;}
.fiveyuan{display:block;padding-top:16px;text-align:center;font-size:22px;font-family:"微软雅黑";color:#666;overflow:hidden;height:60px;
line-height:22px;}
.period{float:left;text-align:center;height:45px;width:284px;padding-top:155px;color:#ffaa3b;}
.period .yxq{color:#fff;font-size:14px;}
.hbwrapli a span{display:block;font-family:"微软雅黑";}
.hb_btn{border-radius:77px;top:235px;z-index:100;line-height: 14px;left:96px;position: absolute;text-align: center;width:92px;height: 92px;background: #e5e9ee;}
.hb_btn:hover{background:#fff;color:#fff;}
.btn_link{display:inline-block;line-height:92px;text-align:center;color:#fff;font-size:16px;font-weight:bold;}


/*******红包详情*******/
.datiled_left .datiled_hbmain{width:1060px;height:200px;}
.datiled_left .datiled_hbmain .dthb_left{float:left;width:80%;height:200px;background:#e13621;text-align:center;}
.datiled_left .datiled_hbmain .dthb_right{float:left;width:20%;height:200px;background:#c42b1d;text-align:center;}
.openhb_btn{width:92px;height:92px;line-height:92px;background:#ffcd21;display:inline-block;text-align:center;color:#fff;font-size:16px;border-radius:300px;position:relative;left:-49%;top:25%;z-index:200;}
.openhb_btn:hover{background:#fff;color:#ff4466;}




@media screen and (max-width: 1024px){
.hbwrap{ width: 900px;}
}
@media screen and (min-width: 1529px){
.hbwrap{ margin: 0 auto;width:1520px;}
.datiled_left .datiled_hbmain{width:;}
}
@media screen and (min-width: 1280px) and (max-width: 1445px){
.hbwrap li{margin-right:25px;}
.hbwrap{ width:1240px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px){
#mainwrap .auto_wrap .m_box .hbwrap{width:1050px;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px){
.datiled_left .datiled_hbmain{width:1020px;}
}