.animated {-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@keyframes zoomIn { from {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3) } 50% {opacity: 1 } }
.zoomIn {-webkit-animation-name: zoomIn; animation-name: zoomIn  }
@keyframes zoomOut { from {opacity: 1 }  50% {opacity: 0;-webkit-transform: scale3d(.3,.3,.3);transform: scale3d(.3,.3,.3) } to {opacity: 0 } }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut}
@-webkit-keyframes stuff{from{-webkit-transform:rotateY(0)} to{-webkit-transform:rotateY(360deg)} }
@keyframes stuff{from{transform:rotateY(0)} to{transform:rotateY(360deg)} }
.red_packet_top{width:100%;min-height:100px;position: relative;}
.red_packet_bg{width: 100%;display: block;}
.red_packet_close{position: absolute;color: #FC951E;right: 0;z-index: 9;top: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.red_packet_res {background: #cf3a3e;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999999;display:none;min-height:100vh;}
#red_packet_res{z-index:9999999;}
.red_packet_res .red_packet_res_wrap {width: 100%;height: 100%;transition-duration: .3s;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;animation-fill-mode: forwards}
.red_packet_res .red_packet_res_head {width: 100%;height: 18vh;top: 0;display: block;position: relative;z-index: 3;background: url(../img/bg_hb.png) -2px 0 no-repeat;overflow: hidden;background-size: 101% 75%}
.red_packet_res .red_packet_res_head .red_packet_res_head_in {position: absolute;z-index: 5;width: 70px;height: 70px;left: 50%;top: 60%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border: 3px solid #ea1b1b;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,.1)}
.red_packet_res .red_packet_res_head .red_packet_res_head_in:after {content: "";display: block;width: 100%;padding-bottom: 100%}
.red_packet_res .red_packet_res_head .red_packet_res_head_in img {border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;width: 100%;height: 100%}
.red_packet_res .red_packet_res_cnt {position: relative;overflow: hidden}
.red_packet_res .sub_bg {position: absolute;bottom: 0;right: 0;background: url(../img/sub_bg.png) 0 3px no-repeat;background-size: 100% 100%;z-index: -1;overflow: hidden;width: 70%;height: 25vh}
#recordpack .sub_bg {position: fixed}
.red_packet_res_box {text-align: center;color: #fff;position: relative;left: 50%;background: url(../img/send_star.png) no-repeat;background-size: 100% auto;z-index: -1;overflow: hidden;display: inline-block;height: 26vh;transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.red_packet_res_box>p {padding: 0 50px}
.red_packet_res_list {position: relative;margin: 30px 15px;border-radius: 20px;background-color: #fff4c5;text-align: center}
.red_packet_res_list .send_title {position: absolute;top: 0;left: 50%;background: url(../img/send_title.png) no-repeat;background-size: 100% 100%;z-index: 101;overflow: hidden;width: 72vw;height: calc(72vw * 196 / 542);transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%)}
.red_packet_res_list .red_packet_tip {position: relative;display: inline-block;color: #ff6565;line-height: 25px;padding: 30px 0 0 20px;font-size:13px}
.red_packet_res_list .red_packet_tip:before {content: "";display: inline-block;height: 10px;width: 20px;background: url(../img/small_moeny.png) no-repeat;background-size: 100% 100%;position: absolute;left: -5px;top: 70%}
.red_packet_res_list .money_bg {background: url(../img/record_money.png) no-repeat;background-size: 100% 100%;z-index: -1;overflow: hidden;width: 100%;height: 23vh;line-height: 21vh}
.red_packet_res_list .money_bg .red_packet_money {color: #cf3a3e;font-weight: 600;padding-left: 20%}
.red_packet_res_list .money_bg .red_packet_money>span {font-size: 30px}
.red_packet_res_list .money_bg .red_packet_money>em {position: relative;top: -3px;right: -5px}
.red_packet_res_list .money_bg .red_packet_money>i {position: relative;top: -1px;right: 1px}
.red_packet_res_list .sub_title {color: #ffba84;font-size: 12px;padding: 0 0 20px 20px;position: relative;display: inline-block}
.red_packet_res_list .sub_title:before {content: "";display: inline-block;height: 18px;width: 20px;background: url(../img/big_money.png) no-repeat;background-size: 100% 100%;position: absolute;left: -5px;top: 0}
.red_packet_list_outer {padding: 0 15px 80px 15px}
.red_packet_list_h {text-align: center;color: #fff;padding: 0 15px;margin-bottom:20px}
.red_packet_list_h>p {font-size:13px}
.red_packet_list_h>span {width: 5%;height: 1px;background-color: #ffa9a8;margin-top: 10px}
.red_packet_list {background:#ffebe6;padding: 5px 15px;border-radius: 15px}
.red_packet_list .red_packet_item {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 10px 0}
.red_packet_list .red_packet_item .red_packet_portrait {overflow: hidden;height: 45px;width:45px;border-radius: 50%}
.red_packet_list .red_packet_item .red_packet_portrait img {border-radius: 50%;-webkit-border-radius: 50%;width: 100%;height: 100%}
.red_packet_list .red_packet_item .red_packet_iteminfo {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;word-break: break-all}
.red_packet_list .red_packet_iteminfo {font-size: 16px;line-height: 1;padding-left: 15px}
.red_packet_list .red_packet_iteminfo .red_packet_itemdate {font-size:12px;color: #999;padding-top: 10px}
.red_packet_list .red_packet_itemamount { font-size: 16px; text-align: right; position: relative}
.red_packet_list .red_packet_itemamount>p { color: #cf3a3e}
.cell_red_packet_list img{  width:30px;height:30px;margin-right:5px;display:block;border-radius:50%;}
.cell_red_packet_list{ font-size:14px;}
.animated.stuff{-webkit-animation-name:stuff;animation-name:stuff;-webkit-animation-timing-function: linear;animation-timing-function:linear;-webkit-animation-duration:1s;animation-duration:1s;-webkit-backface-visibility:visible;backface-visibility:visible}
.red_packet_box{display:-webkit-box;position:fixed;z-index:999999999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);color:#ffef57;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;display:none}
.red_packet_box.show{display:-webkit-box;display:box}
.red_packet_box .red_packet_box_main{position:relative;width:85%;height:66vh;z-index:100;background-color:#cf3a3e;border-radius:20px}
.red_packet_box .red_packet_box_title{position:absolute;width:100%;height:30vh;border-radius:20px;background:url(../img/send_bg.png) -5px -15px no-repeat;background-size:102% 100%}
.red_packet_box .send_title{position:absolute;top:1%;left:50%;background:url(../img/send_title.png) no-repeat;background-size:100% 100%;z-index:101;overflow:hidden;width:70vw;height:calc(70vw * 195 / 542);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.red_packet_box .red_packet_star{position:absolute;top:65%;left:50%;background:url(../img/send_star.png) no-repeat;background-size:100% auto;z-index:99;overflow:hidden;width:45vw;height:10vh;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.red_packet_box .red_packet_box_showname{word-break:break-all;font-size:24px;height:60px;position:absolute;top:15%;width:100%;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#cf3a3e}
.red_packet_box .red_packet_btn{height:100px;width:100px;border:2px solid #cf3a3e;position:absolute;top:85%;left:50%;margin-left:-53px;margin-top:-53px;-webkit-border-radius:50%;-moz-border-radius:50%;overflow:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}
.red_packet_box .red_packet_btn_mask{position:absolute;top:0;left:0;background:#EBCD9A;height:100%;width:100%}
.red_packet_box .red_packet_btn a{display:block;width:40%;height:45%;font-size:0;line-height:0;position:absolute;top:30%;left:50%;margin-left:-19%;background:url(../img/kai.png) no-repeat;background-size:100% auto;z-index:100;overflow:hidden}
.red_packet_box .portrait{height:100px;width:100px;border-radius:50%}
.red_packet_box .portrait img{width:100%;height:100%}
.red_packet_box .red_packet_from{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:17px;overflow:hidden;padding-bottom:10px;border-bottom:1px solid #ff9c83}
.red_packet_res .view_oth {text-align: center;position: absolute;bottom: 45px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%)}
.red_packet_res .view_oth>a {position: relative;padding-left: 30px;color: #ffef57}
.red_packet_res .view_oth>a:before {content: "";display: inline-block;height: 25px;width: 25px;background: url(../img/tag_money.png) no-repeat;background-size: 100% 100%;position: absolute;left: -1px;top: 0}
.red_packet_box .view_oth{bottom:20px;font-size:13px}
.weui-flex {
    display: flex;
}
.weui-flex__item{
    flex: 1;
}