@charset "utf-8";
/* ============================================================
   重置
   ============================================================ */
/**
  * @name ：样式重置
  * @explain : 无
*/
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,label,input,select,textarea,button,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label{font-size:100%;vertical-align:middle;font-weight: 400;}
ul,dl,ol{list-style:none;}
img,fieldset,input{border:0 none;outline:0 none;}
img{display:inline-block;overflow:hidden;vertical-align:middle;}
em{font-style:normal;}
strong{font-weight:normal;}
body{-webkit-user-select:none;-webkit-text-size-adjust:none;}
input,textarea,select{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);outline:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="button"]{cursor:pointer;border:0 none;}
select{border: 0 none;}
select::-ms-expand{display:none;}
::-ms-check {display:none;}
::-webkit-inner-spin-button {-webkit-appearance:none;}
::-webkit-outer-spin-button {-webkit-appearance:none;}
textarea{word-wrap:break-word;resize:none;}  /* word-wrap for opera, resize for webkit */
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
menu{margin:0;padding:0;}
body{-webkit-user-select:none;-webkit-text-size-adjust:none;font-family:Helvetica;}
input[type="number"]{-webkit-user-select:text;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin: 0;}
a,button,input,img{-webkit-touch-callout:none;}/* 1.ios 长按时不触发系统的菜单 2.禁止长按时下载图片 */
input,select,textarea{outline:none;}

/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d){
/* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
a,button,input{-webkit-tap-highlight-color:rgba(130,130,130,0);}
} 
html,body{height:100%;}
a{outline:0 none;text-decoration:none;color:#40BCE8;cursor:pointer;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a,a:visited {color: transparent;}


/* =========================================================================
    公共样式
========================================================================= */
html { font-size: 62.5%; }
@media (max-width: 359px) { html { font-size: 62.5%; } }
@media (min-width: 360px) and (max-width: 374px) { html { font-size: 70.3125%; } }
@media (min-width: 375px) and (max-width: 383px) { html { font-size: 73.24218%; } }
@media (min-width: 384px) and (max-width: 399px) { html { font-size: 75%; } }
@media (min-width: 400px) and (max-width: 413px) { html { font-size: 78.125%; } }
@media (min-width: 414px) and (max-width: 423px) { html { font-size: 80.85937%; } }
@media (min-width: 424px) and (max-width:447)) { html { font-size: 82.8125%; } }
@media (min-width: 448px) and (max-width: 539px) {html {font-size: 87.5%;}}
@media (min-width: 540px) {html {font-size: 105.46875%;}}
body {font-family: Helvetica;}

a, a:visited {color: #6682ba;}
/* 常用 */
.hide {display: none !important;}
.text-center {text-align: center;}

/* 横屏提示 */
.mod-tips-screen {position: absolute; top:0; left:0; height: 100%;width: 100%; z-index: 200;background-color: #fff;text-align: center;font-size: 1.4rem;color: #666;display: none;}
.mod-tips-screen:before {content: ""; width: 64px; height: 64px; margin-top: -50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAllBMV…tis1cYfTGSvLU2kWF1Y1WjvwG88jJzMLNix/f/+I9/AX8A6mS/wCwk9PgAAAAASUVORK5CYII=) no-repeat center center; background-size: contain;}
.mod-tips-screen:before, .mod-tips-screen p {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
@media (orientation: landscape) {
    .mod-tips-screen {display: block;}
}

/* loading */
.mod-page-loading {position:fixed; top:0; left:0; width:100%; height:100%; z-index:120; background: #FFF;}
.mod-page-loading p {position: absolute; width:130px; height:88px; padding-top:22px; top:50%; left:50%; background: #565656; color:#FFF; font-size:14px; border-radius: 5px; text-align: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.mod-page-loading p:before {content: ""; display:block; width: 30px; height:30px; margin:0 auto 14px auto; background: url(/res/hybrid/img/www/weixin/hongbao_hk_v2/btn_icon_loading.gif) no-repeat; background-size: cover; }

/* 弹出消息对话框 */
.mod-tips-dlg {position:fixed; top:0; left:0; width:100%; height:100%; z-index:120; background:rgba(0,0,0, 0.4);}
.mod-tips-dlg .tips-dlg-main {position: absolute; top:50%; left:50%; width: 87.5%; padding-top: 10px; color: #000; font-size:14px; text-align: center; background:#F8F8F8; border-radius:5px;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow:hidden;line-height: 1.5;}
.mod-tips-dlg .tips-dlg-title {padding:0 18px; line-height: 30px; font-size: 18px;}
.mod-tips-dlg .tips-dlg-content {padding:0 18px; text-align: left;}
.mod-tips-dlg .tips-dlg-btn {margin-top:18px; height: 37px; border-top:1px solid #CDCDCD;}
.mod-tips-dlg .tips-dlg-btn-close {width:100%; height:100%; text-align: center; line-height: 37px; color:#00A5E0; background:#F8F8F8}

/* 盒模型 20151230 kevinxue */
.flex {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v {-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1 {-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-2 {-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}
.flex-3 {-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}
.flex-align-center {-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center {-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify {-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

/* 按钮 20151230 kevinxue */
.mod-btn {height: 41px;width: 100%;display: block;height: 4rem;line-height: 4rem;font-size: 1.8rem;border-radius: 4px;text-align: center;}
.ext-btn-green {background: #04BE02;border: 1px solid #0AA208;}
.ext-btn-green, .ext-btn-green:visited {color: #FFF;}

/* 素材 20151230 kevinxue */
.mod-ico-tips {display: block;background: url(/res/hybrid/img/www/weixin/hongbao_hk_v2/ico_sprite.svg) 0 0 no-repeat;background-size: 80px;}
.ext-ico-80 {width: 80px;height: 80px;}
.ext-ico-tips-error {background-position: 0 0;}

/* =========================================================================
    私有页面样式
========================================================================= */

/* 紅包記錄(luck_record.shtml) && 紅包詳情(luck_receive_and_detail.shtml) */
/* wrap */
.luck-record .record-wrap,
.lrad .detail-wrap {position:relative; min-height: 100%; padding-bottom: 140px; box-sizing: border-box;}
/* 運圖標 */
.luck-record .record-luck .record-list-fullname:after,
.lrad .detail-whose.detail-ico-luck:after {content: "運"; position:relative; top: -0.2533rem; display:inline-block; width:1.5rem; height:1.5rem; line-height: 1.5rem; margin-left: 0.512rem; font-size: 1.2rem; color: #FFF; background: #F5B533; border-radius: 0.2533rem; text-align: center}
/* 列表 */
.lrad .detail-list, 
.luck-record .luck-record-list {border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE;  background: #FFF;}
.luck-record .luck-record-list {border-bottom: none}
.luck-record .luck-record-list li,
.lrad .detail-list li {display:-webkit-box; display:box; margin-left:1.28rem; padding: 1.19467rem 1.28rem 1.19467rem 0; border-bottom: 1px solid #DFDFDC}
.lrad .detail-list li:last-child {border-bottom: none}
.luck-record .luck-record-list .record-list-photo,
.lrad .detail-list .detail-list-photo {margin-right: 1.28rem; width:3.41333rem; height: 3.41333rem; border-radius: 3.41333rem; overflow: hidden}
.luck-record .luck-record-list .record-list-photo img,
.lrad .detail-list .detail-list-photo img {width:100%; height:100%;}
.luck-record .record-list-name, .luck-record .record-list-amt,
.lrad .detail-list-name, .lrad .detail-list-amt {-webkit-box-flex: 1; box-flex: 1;}
.luck-record .record-list-fullname,
.lrad .detail-list-fullname {display:block; font-size: 1.5rem;}
.luck-record .record-list-time,
.lrad .detail-list-message, .lrad .detail-list-time {display:block; padding-top: 0.5rem; font-size: 1.3rem; color: #6682ba;}
.luck-record .record-list-time,
.lrad .detail-list-time {color: #b2b2b2;}
.luck-record .record-list-amt,
.lrad .detail-list-amt {position:relative; text-align: right; font-size: 1.5rem; min-width: 8rem;}
/* 底部信息 */
.luck-record .record-bottom-info, 
.lrad .detail-link-record, .lrad .detail-bottom-info {position:absolute; left:0; bottom:0; width:100%; min-height: 3.4rem; line-height: 3.4rem; text-align: center; font-size: 1.2rem;}


/* 利是记录(luck_record.shtml) */
.luck-record {color:#b2b2b2; font-size:1.2rem;}
.luck-record .record-wrap {background: #F2F2F2;}
.luck-record .luck-record-head {background: #F5F5F5;}
.luck-record .luck-record-photo {position:relative; background: url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_detail_header_bg.png) top center no-repeat; background-size: contain;}
.luck-record .luck-record-photo:before {content: ""; display: inline-block; padding-top: 33.333%;}
.luck-record .luck-record-photo span {position:absolute; left:50%; display:block; width:20.2667%; border-radius: 100%; overflow: hidden; -webkit-transform: translate(-50%,-105.3%); transform: translate(-50%,-105.3%);}
.luck-record .luck-record-photo span:before {content:""; display:inline-block; padding-top:100%; float:left;}
.luck-record .luck-record-photo span img {position: absolute; width:100%; height:100%;}
.luck-record .luck-record-name {padding: 1.28rem; text-align: center; font-size: 1.45067rem;}
.luck-record .luck-record-tab {display: -webkit-box; display: box; padding-top: 1.2rem; text-align: center; font-size: 1.28rem; border-bottom:1px solid #DEDEDE;}
.luck-record .luck-record-tab li {position: relative; width: 1%; -webkit-box-flex: 1; box-flex: 1; padding-bottom: 1.6rem;}
.luck-record .luck-record-tab li.on {color: #e85946;}
.luck-record .luck-record-tab li.on:after {content: ""; position: absolute; left: 25%; bottom:0; display: block; width: 50%; border-bottom: 3px solid #E85949;}
.luck-record .luck-amt-left {font-size:1.2rem; padding: 1.28rem 1.28rem 0.64rem; border-bottom:1px solid #DEDEDE}
.luck-record .luck-amt-symbol {font-size:0.94rem}
.luck-record .luck-amt-remind {color: #F00;}
.luck-record .no-record {min-height: 13rem; background: url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_norecord_ico.png) center 7.8rem no-repeat; background-size: 4.4rem auto;}
.luck-record .no-record .luck-record-list {display:none;}
.luck-record .no-record:after {content: "暫無記錄"; display: block; width: 100%; text-align: center; position:relative; top:12.5rem;}
.luck-record.en .no-record:after {content: "No record";}
.luck-record.zh-cn .no-record:after {content: "暂无记录";}
.luck-record .record-list-fullname,  .luck-record .record-list-amt{color:#000;}
.luck-record .record-luck .record-list-fullname:after {top: -0.15rem;}
.luck-record .record-total-amt {display: block; padding-bottom: 0.4rem; font-size: 3.28rem;}
.luck-record .record-bottom-info {border-top: 1px solid #DEDEDE}
/* 列表 */
.luck-record .luck-record-list {border-top: none;}
.luck-record .luck-record-list li {padding: 1.04rem 1.28rem 1.04rem 0;}
.luck-record .record-list-amt {font-size: 1.1rem;}
.luck-record .record-list-amt-value {font-size: 1.5rem;}
.luck-record .record-list-num {display: block; font-size: 1.28rem; color: #b2b2b2; padding-top: 0.5rem;}


/* 達到限額(expenditure_limit.shtml) */
.expenditure_limit {background: #F0EFF5;color: #888;line-height: 1.5;font-size: 14px;}
.expenditure_limit .expenditure_info {background: #FFF;padding:12px 15px;border-top: 1px solid #CFCFCD;border-bottom: 1px solid #CFCFCD;margin: 25px 0 30px;line-height: 26px;},
.expenditure_limit .txt {color: #000;}
.expenditure_limit .expenditure_tips {text-align: center;padding-top: 45px;}
.expenditure_limit .expenditure_title {font-size: 22px;color: #000;}
.expenditure_limit .btn-line {margin: 0 15px 0;}
.expenditure_limit .expenditure_tips .mod-ico-tips {margin: 0 auto 10px;}

/* 手續費(fee.shtml) */
.fee {background: #F0EFF5;color: #888;line-height: 1.5;font-size: 14px;}
.fee .fee_info {background: #FFF;padding:12px 15px;border-top: 1px solid #CFCFCD;border-bottom: 1px solid #CFCFCD;margin: 10px 0 30px;line-height: 26px;}
.fee .txt {color: #000;}
.fee .fee_tips {text-align: center;padding-top: 42px;}
.fee .fee_title {font-size: 17px;color: #000;}
.fee .btn-line {margin: 0 15px 0;}
.fee .fee_tips .mod-ico-tips {margin: 0 auto 10px;}
.fee .fee_charge {font-size: 37px;color: #000;}


/* 拆利是与利是详情(luck_receive_and_detail.shtml) */
.lrad {position: relative; font-family: "微软雅黑", arial; background: #272727;}
.lrad .receive{position: absolute; top:0; left:0; width:100%; height:100%; overflow-y: auto; background: #272727; z-index: 111;}
.lrad .lucky {position: absolute; width: 86.668%; top: 5.714%; left:6.666%; border-radius: 7px; background: #A3473A; overflow: hidden; }
.lrad .lucky:before {content:""; display:block; width:.1px; padding-bottom: 150.7%; float: left;}
.lrad .lucky-main {width:96.92%; margin:11.4% 1.54% 0; position: relative; z-index: 40;}
/* 默认状态 */
.lrad .lucky-con {position:relative; width:100%; background:url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_bg.png) no-repeat; background-size:100% 100%; overflow: hidden;}
.lrad .lucky-con:before {content:""; width:.1px; display:inline-block; padding:50% 0; float: left;}
.lrad .lucky-photo {position: absolute; top:13.0953%; left:40.238%; width: 19.52381%; height: 19.52381%; border-radius: 100%; overflow: hidden}
.lrad .lucky-photo img {width: 100%; height:100%;}
.lrad .lucky-name {position: absolute; top:32.6192%; left:21.03%; width:57.94%; margin:0 auto; font-size: 1.792rem; line-height: 3.584rem; text-align: center; color:#FFF; overflow: hidden; text-overflow:ellipsis; word-wrap:nowrap; white-space: nowrap;}
.lrad .lucky-text {position:absolute; top:50%; margin-top:-1rem; width:100%; font-size: 1.28rem; text-align: center; color:#a64c3c;}
.lrad.en .lucky-text {line-height: 95%; font-size: 1.1rem;}
.lrad .lucky-wish {position:absolute; top:56.667%; left:50%; margin-left:-5.376rem; width:10.8rem; max-height:5.12rem; font-size: 1.792rem; color: #d9ae77; text-align: center; word-break: break-word; overflow: hidden;}
.lrad.en .lucky-wish {font-size: 1.2rem; max-height: 5.32rem;}
.lrad .lucky-con-error {display: none; position: absolute; top: 50%; width:100%; height:2.56rem; line-height: 2.56rem; text-align:center; color: #FFF; font-size: 1.536rem; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.lrad .lucky-con-error span {display: none;}
.lrad .lucky-info {position:absolute; left:0; bottom: 1.29333rem; width:100%; text-align: center; font-size: 1.2rem;}
.lrad a.lucky-link-view {color: #ffaa3b; }
.lrad a.lucky-link-view:after {content: ""; display: inline-block; margin-left:0.5rem; width: 0.7rem; height:0.7rem; border-top:1px solid #ffaa3b; border-right:1px solid #ffaa3b; -webkit-transform: rotate(45deg);}
.lrad .lucky-unavailabel-text, 
.lrad .lucky-myown-text, 
.lrad .lucky-hkonly-text,
.lrad .lucky-update-text,
.lrad .lucky-os-unsupport {display: none; position:relative; top: -3.41333rem; color: #FFF; font-size: 1.536rem;}
.lrad .lucky-info-limit {display:none; color: #FFF;}
.lrad .lucky-info-limit:after {content:""; display:inline-block; position:relative; left:0.5rem; top:0.2rem; width:1.28rem; height:1.29rem; background:url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_detail_ico.png) top center no-repeat; background-size: 100% auto;}

/* 拆利是按钮部分 */
.lrad .lucky-btn {position:relative; z-index:30; margin:-8% 34.332% auto 34.332%; width:31.336%; -webkit-transform-style:preserve-3d;-webkit-perspective:0px;}
.lrad .lucky-btn:before {content:""; display:block; width:.1px; padding-bottom: 100%;}
.lrad .lucky-btn button, .lrad .lucky-coin-part {position: absolute; border:none; top:0; left:0; width:100%; height:100%; background:url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_click_btn.png) no-repeat; background-size: 100% auto; font-size: 1.762rem; color: #FFF;}
.lrad .lucky-btn button {box-shadow: 0 5px 5px #883C30; border-radius: 100%;}
.lrad .lucky-coin-part {display: none;}
.lrad .lucky-coin-part:nth-child(1) {-webkit-transform: translatez(0px);  transform: translatez(0px); background-image:url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_btn_coin.png)}
.lrad .lucky-coin-part:nth-child(2) {-webkit-transform: translatez(-1px); transform: translatez(-1px);}
.lrad .lucky-coin-part:nth-child(3) {-webkit-transform: translatez(-2px); transform: translatez(-2px);}
.lrad .lucky-coin-part:nth-child(4) {-webkit-transform: translatez(-3px); transform: translatez(-3px);}
.lrad .lucky-coin-part:nth-child(5) {-webkit-transform: translatez(-4px); transform: translatez(-4px);}
.lrad .lucky-coin-part:nth-child(6) {-webkit-transform: translatez(-5px); transform: translatez(-5px);}
.lrad .lucky-coin-part:nth-child(7) {-webkit-transform: translatez(-6px); transform: translatez(-6px);}
.lrad .lucky-coin-part:nth-child(8) {-webkit-transform: translatez(-7px); transform: translatez(-7px); background-image:url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_btn_coin.png)}
.lrad .lucky-btn.sealoff {-webkit-animation: sealoff 1.5s linear infinite; animation: sealoff 1.5s linear infinite;}
.lrad .lucky-btn.sealoff button {display: none;}
.lrad .lucky-btn.sealoff .lucky-coin-part {display: block;}

.lrad .lucky-close {position: absolute; top:0; left:0; width:44px; height:44px; background:url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_close.png) center center no-repeat; background-size: 14px 14px; z-index:100;}
.lrad .lucky-bgs {position: absolute; top: 0%; left: 50%; height:100%;z-index: 20;}
.lrad .lucky-bgs > div {position: absolute; background:url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_bg_sun.png) no-repeat; background-size: contain}
.lrad .lucky-bgs-one {width: 3.24267rem; height: 3.24267rem; left: -7.936rem; top: -0.93867rem;}
.lrad .lucky-bgs-two {width: 2.38933rem; height: 2.38933rem; left: 10.66667rem; top: -0.85333rem;}
.lrad .lucky-bgs-three {width: 2.38933rem; height: 2.38933rem; left: 3.24267rem; top: 12.5%; /* 4.05333rem; */}
/* 不可抢状态 */
.lrad .unavailabel .lucky-wish {color: #a64c3c;}
.lrad .unavailabel .lucky-btn, .lrad .unavailabel a.lucky-link-view {display: none;}
.lrad .unavailabel .lucky-unavailabel-text, .lrad .unavailabel .lucky-info-limit {display: block;}
/* 請升級至最新版WeChat */
.lrad .update-wechat .lucky-wish {color: #a64c3c;}
.lrad .update-wechat .lucky-btn, .lrad .update-wechat .lucky-info-limit {display: none;}
.lrad .update-wechat a.lucky-link-view, .lrad .update-wechat .lucky-update-text {display: block;}
/* 不支持android4.4及以下 */
.lrad .os-unsupport .lucky-wish {color: #a64c3c;}
.lrad .os-unsupport .lucky-btn, .lrad .os-unsupport .lucky-info-limit {display: none;}
.lrad .os-unsupport a.lucky-link-view, .lrad .os-unsupport .lucky-os-unsupport {display: block;}
/* 僅限香港用戶領取 */
.lrad .hk-only .lucky-wish {color: #a64c3c;}
.lrad .hk-only .lucky-btn, .lrad .hk-only .lucky-info-limit, .lrad .hk-only a.lucky-link-view {display: none;}
.lrad .hk-only .lucky-hkonly-text {display: block;}
/* 利是派完了 */
.lrad .all-received .lucky-text, .lrad .all-received .lucky-wish, .lrad .all-received .lucky-btn {display: none}
.lrad .all-received .lucky-con-error {display: block;}
.lrad .all-received .lucky-finish-text {display: inline;}
/* 利是過期了 */
.lrad .expired .lucky-text, .lrad .expired .lucky-wish, .lrad .expired .lucky-btn {display: none}
.lrad .expired .lucky-con-error {display: block;}
.lrad .expired .lucky-expired-text {display: inline;}
/* 利是失效了 */
.lrad .inactive .lucky-text, .lrad .inactive .lucky-photo, .lrad .inactive .lucky-name, .lrad .inactive .lucky-wish, .lrad .inactive .lucky-btn, .lrad .inactive .lucky-info {display: none}
.lrad .inactive .lucky-con-error {display: block;}
.lrad .inactive .lucky-inactive-text {display: inline;}
/* 网络忙 */
.lrad .net-busy .lucky-text, .lrad .net-busy .lucky-photo, .lrad .net-busy .lucky-name, .lrad .net-busy .lucky-wish, .lrad .net-busy .lucky-btn, .lrad .net-busy .lucky-info {display: none}
.lrad .net-busy .lucky-con-error {display: block;}
.lrad .net-busy .lucky-busy-text {display: inline;}
@media (orientation: landscape) {
    .lrad .lucky {display:none}
}
@media (max-height: 480px) {
    .lrad .lucky {top: 0;}
}
/* 拆利是动画 */
@-webkit-keyframes sealoff{
    from {-webkit-transform: rotateY(0deg)}
    to {-webkit-transform: rotateY(360deg)}
}

@keyframes sealoff{
    from {transform: rotateY(0deg)}
    to {transform: rotateY(360deg)}
}


/* 利是详情 */
.lrad .luck-detail{position: absolute; top:0; left:0; width:100%; height:100%; color: #000; font-size:1.2rem;  z-index: 110;}
.lrad .detail-wrap {background: #F2F2F2;}
.lrad .detail-header {padding-bottom: 1.70667rem; border-bottom:1px solid #DFDFDC; background:#FFF;}
.lrad .detail-photo {position:relative; background: url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_detail_header_bg.png) top center no-repeat; background-size: contain;}
.lrad .detail-photo:before {content: ""; display: inline-block; padding-top: 33.333%;}
.lrad .detail-photo span {position:absolute; left:50%; display:block; width:20.2667%; border-radius: 100%; overflow: hidden; -webkit-transform: translate(-50%,-105.3%); transform: translate(-50%,-105.3%);}
.lrad .detail-photo span:before {content:""; display:inline-block; padding-top:100%; float:left;}
.lrad .detail-photo span img {position: absolute; width:100%; height:100%;}
.lrad .detail-whose {padding: 1.052rem 1.28rem 0 1.28rem; font-size: 1.7rem; text-align: center}
.lrad .detail-wish {padding: 0.4rem 1.28rem 0 1.28rem; text-align: center; color: #808080;}
.lrad .detail-amt {padding-top: 1.17333rem; font-size: 2.56rem; text-align: center;}
.lrad .detail-amt span {font-size: 5.46133rem; margin-left: 0.42667rem;}
.lrad .detail-link-withdraw {padding-top: 0.65333rem; text-align: center;}
.lrad .detail-link-withdraw span {display: block; color: #b2b2b2; margin-top: 0.4rem;}
.lrad .detail-leave-message {width:100%; height: 4.7rem; text-align: center; line-height: 4.7rem; border-bottom: 1px solid #DEDEDE; font-size: 1.28rem; background: #FFF;}
.lrad .detail-count {padding: 1.28rem 1.28rem 0.64rem; font-size:1.4rem; color: #b2b2b2;}
.lrad.en .detail-count {font-size: 1.2rem;}
/* 列表 */
.lrad .detail-list-amt.best:after {display: block; position:absolute; right:0; width:6.5rem; line-height: 1.6rem; font-size: 1.2rem; margin-top: 0.42667rem; content: "運氣至旺"; color: #ffb22e; background: url(/res/hybrid/img/www/weixin/hongbao_hk_v2/lucky_detail_ico.png) left -2.0rem no-repeat; background-size: 1.3rem auto;}
.lrad.en .detail-list-amt.best:after {content: "Lucky Star"; width: 7.5rem;}
.lrad.zh-cn .detail-list-amt.best:after {content: "手气最佳";}
.lrad .detail-bottom-info {color: #b2b2b2;}
/* 手續費彈窗（共用公共彈窗樣式） */
.lrad .fee-details-dialog {text-align: left;line-height: 25px;color: #888;border-top: 1px solid #CDCDCD;padding-top: 7px; margin: 7px 18px 0;}
@media (min-width: 320px) and (max-width: 359px) {.lrad .fee-details-dialog{font-size: 12px;}}
@media (min-width: 360px) and (max-width: 413px) {.lrad .fee-details-dialog{font-size: 13px;}}
@media (min-width: 414px) and (max-width: 479px) {.lrad .fee-details-dialog{font-size: 14px;}}
@media (min-width: 448px) and (max-width: 539px) {.lrad .fee-details-dialog{font-size: 16px;}}
@media (min-width: 540px) and (max-width: 719px) {.lrad .fee-details-dialog{font-size: 18px;}}
@media (min-width: 720px) and (max-width: 1079px) {.lrad .fee-details-dialog{font-size: 24px;}}
@media (min-width: 1080px) {.lrad .fee-details-dialog{font-size: 36px;}}
/* 输入留言弹窗與余額位置說明彈窗 */
.mod-fn-dlg {position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.4); color: #b2b2b2; display:-webkit-box; display:box; -webkit-box-align: center; box-align: center; -webkit-box-pack: center; box-pack: center; z-index: 119;}
.mod-fn-dlg .fn-dlg-main {width: 23.9rem; background: #FBFBFB; border-radius: 1rem; overflow: hidden}
.fn-dlg-btn {height:3.75rem; border-top: 1px solid #D4D4D4; display:-webkit-box; display:box;}
.fn-dlg-btn button {display: block; -webkit-box-flex:1; box-flex:1; background: none; color: #b2b2b2; font-size: 1.7rem}
.fn-dlg-btn button.fn-dlg-btn-ok {border-left:1px solid #D4D4D4; color: #04be02;}

/* 输入留言弹窗*/
.msg-dlg .msg-input {padding: 1.28rem;}
.msg-dlg .msg-input input {width: 100%; height: 6.3rem; padding:0 1rem; line-height: 150%; border:1px solid #D4D4D4; font-size: 1.5rem; word-break: break-word; word-wrap: break-word; box-sizing:border-box;}
.msg-dlg .msg-word-count {padding: 0 1.28rem; padding-bottom:1.28rem; text-align: right;}

/* 余額位置說明對話框 */
.balance-dlg .fn-dlg-content {padding: 1.7rem 0;}
.balance-dlg .balacen-img {text-align: center; padding-bottom: 1.4rem;}
.balance-dlg .balacen-img img {width: 4.1rem; height:4.1rem;}
.balance-dlg .balance-text {padding:0 2.8rem; color: #000; font-size:1.2rem; line-height: 1.6rem;}
.balance-dlg .fn-dlg-btn button{color: #218ad3; font-size: 1.45rem}

/* 拆利是过渡 */
.lrad.animation .receive {-webkit-animation: receiveTran .5s linear forwards;}
.lrad.animation .lucky {-webkit-animation:luckyTran .5s forwards;}
.lrad.animation .luck-detail {opacity: 0; -webkit-animation: luckyDetailTran .5s .5s linear forwards;}

/* 拆利是过渡动画 */
@-webkit-keyframes receiveTran{
    from {opacity: 1}
    to {opacity: 0; z-index: 110;}
}
@keyframes receiveTran{
    from {opacity: 1}
    to {opacity: 0;  z-index: 110;}
}
@-webkit-keyframes luckyTran{
    from {-webkit-transform: scale3d(1,1,1)}
    to {-webkit-transform: scale3d(0.2,0.2,0.2)}
}
@keyframes luckyTran{
    from {transform: scale3d(1,1,1)}
    to {transform: scale3d(0.2,0.2,0.2)}
}
@-webkit-keyframes luckyDetailTran{
    from {opacity: 0; -webkit-transform: scale3d(0,0,0)}
    to {opacity: 1; z-index: 111; -webkit-transform: scale3d(1,1,1)}
}

@keyframes luckyDetailTran{
    from {opacity: 0; transform: scale3d(0,0,0)}
    to {opacity: 1;  z-index: 111; transform: scale3d(1,1,1)}
}

/* FAQ页面(faq.shtml) */
.faq {position: relative; height: 100%; overflow: hidden;}
.faq > .faq-page {display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; overflow-y: auto; background: #FFF;}
.faq > .faq-page.current-page {z-index: 2; display: block}
.faq > .faq-page.next-page {z-index: 1; display: block}

.faq .faq-list {padding: 0 1.28rem; font-size: 1.28rem}
.faq .faq-list li {position: relative; padding: 1.28rem 0; border-bottom: 1px solid #D9D9D9; }
.faq .faq-list li:after {content: ""; position: absolute; right: 1rem; top: 50%; margin-top: -0.4rem; display: block; width: 0.8rem; height: 0.8rem; border-top: 2px solid #CCC; border-right: 2px solid #CCC; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.faq .faq-list li > h4 {position: relative; padding: 0 3.41rem 0 2.56rem}
.faq .faq-list li > h4:before, .faq .faq-list li > p:before {content: "Q"; display: block; position: absolute; left: 0; top:0; width: 1.45rem; height:1.45rem; line-height: 1.45rem; background: #06BC03; color: #FFF; text-align: center; border-radius: 4px;}
.faq .faq-list li > p {position: relative; margin-top: 0.43rem; color: #888; line-height: 2.13rem; padding-left: 2.56rem; padding-right: 3.41rem; height: 4rem; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.faq .faq-list li > p:before {content: "A"; background: #888; top: 0.34rem;}
/* .faq .faq-list li > p:after {content: "..."; height: 2rem; padding:0 0.3rem; background: #FFF; position: absolute; bottom: 0; right: 3.41rem;} */

.faq .detail-title {font-size: 1.5rem; padding: 1.28rem;}
.faq .detail-con {font-size: 1.28rem; padding: 0 1.28rem; color: #888; line-height: 2.13rem}
.faq .detail-con p {position: relative;}
.faq .detail-list p {padding-left: 1.3rem;}
.faq .detail-pos {position: absolute; top:0; left: 0;}
.faq .detail-con .sub-title {color: #000; padding: 1.4rem 0 1rem 0; }
.faq .detail-con .sub-list {margin-left: 1.3rem; padding-left: 3rem;}
/* ============================================================
  页面左右移动切换
============================================================ */
.moveToLeft-out {
    -webkit-animation: moveToLeftOut .6s ease both;
    animation: moveToLeftOut .6s ease both;
}

.moveToLeft-in {
    -webkit-animation: moveToLeftIn .6s ease both;
    animation: moveToLeftIn .6s ease both;
}

.moveToRight-out {
    -webkit-animation: moveToRightOut .6s ease both;
    animation: moveToRightOut .6s ease both;
}

.moveToRight-in {
    -webkit-animation: moveToRightIn .6s ease both;
    animation: moveToRightIn .6s ease both;
}

@-webkit-keyframes moveToLeftOut {
    to { -webkit-transform: translateX(-100%); }
}
@keyframes moveToLeftOut {
    to { transform: translateX(-100%); }
}

@-webkit-keyframes moveToLeftIn {
    from { -webkit-transform: translateX(100%); }
}
@keyframes moveToLeftIn {
    from { transform: translateX(100%); }
}

@-webkit-keyframes moveToRightOut { 
    to { -webkit-transform: translateX(100%); }
}
@keyframes moveToRightOut { 
    to { transform: translateX(100%); }
}

@-webkit-keyframes moveToRightIn {
    from { -webkit-transform: translateX(-100%); }
}
@keyframes moveToRightIn {
    from { transform: translateX(-100%); }
}