/*
 *  活动
 */

body { background-color: #3EB6FD; }
.mt34 { margin-top: 34px; }
.pb10 { padding-bottom: 10px; }
.s-cf75 { color: #f75a31; }
.w510 { width: 510px; }
.mt80 { margin-top: 80px; }
.s-c666 { color: #666; }
.lh30 { line-height: 30px; }

/* content-box */
.content-box { position: relative; z-index: 1; overflow: hidden; min-width: 1200px; }

/* bg-box */
.bg-box { position: absolute; top: 0; left: 50%; z-index: -1; margin-left: -960px; width: 1920px; }
.bg-box img { display: block; margin: auto; }

/* banner-box */
.banner-box { padding: 37px 0 58px; min-height: 658px; }
.banner-box .top_logo { position: relative; z-index: 1; }
.banner-box .top_logo img { display: block; }
.banner-box .tit { display: block; margin: auto; }
.banner-box .txt { margin-top: 20px; letter-spacing: 2px; font-size: 18px; font-weight: bold; text-align: center; color: #fff; text-shadow: 0 2px 5px rgba(0,110,172,.5); }
.banner-box .next { display: block; margin: 50px auto 0; }

/* box-style */
.box-style { border: 6px solid #58b6ff; border-radius: 30px; background-color: #d0f2ff; box-shadow: 0 -3px 0 #61c7fe, 0 2px 0 #34a1f0; }
.box-con-style { box-shadow: 0 -1px 0 #bee3f8, 0 -2px 0 #add6f1; padding: 60px 74px; border-radius: 27px; }

/* box-r10 */
.box-r10 { background-color: #fff; border-radius: 10px; box-shadow: 0 11px 27px rgba(0,125,196,.2); padding: 25px 30px; }

/* join-methods */
.join-methods { padding-bottom: 15px; }
.join-methods li { float: left; margin-top: 40px; width: 100%; }
.join-methods li.w2 { margin-top: 30px; width: 50%; }
.join-methods .num { float: left; margin-right: 10px; width: 43px; height: 60px; padding-left: 17px; border-radius: 50%; background-color: #4d9dff; color: #fff; font-size: 40px; line-height: 60px; font-style: italic; font-family: Arial; }
.join-methods .tit { font-size: 22px; line-height: 26px; display: block; padding-top: 5px; }
.join-methods .det { line-height: 26px; color: #666; }
.join-methods .det a { color: #f75731; }

/* prise-time */
.prise-time { position: relative; padding-left: 100px; min-height: 50px; }
.prise-time .l { position: absolute; top: 0; left: 0; width: 90px; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #fff; background-color: #4d9dff; border-radius: 6px; text-align: center; }
.prise-time .con { border: 1px solid #4d9dff; padding: 14px 21px; border-radius: 6px; color: #4d9dff; }
.prise-time-red .l { background-color: #f75731; }
.prise-time-red .con { border-color: #f75731; color: #f75731; }

.img_block img { display: block; width: 100%; height: 100%; }

/* img-box-shadow */
.img-box-shadow { display: block; box-shadow: 0 11px 27px rgba(0,125,196,.2); border-radius: 10px; }

/* prise-explain */
.prise-explain { padding: 40px 370px 0 64px; height: 210px; background: url('../../images/2019/red_envelopes/securities.png') no-repeat; }
.prise-explain .num { font-size: 28px; font-weight: bold; line-height: 32px; }

/* prise-box */
.prise-box .ovh { height: 200px; overflow: hidden; position: relative; }
.prise-box .prise-roll { position: absolute; top: 0; right: 0; left: 0; }
.prise-box .prise-roll .prise-roll-item { height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; color: #666; }
.prise-box .prise-roll .prise-roll-item .time { color: #999; margin-left: 10px; font-size: 12px; }
.prise-box .prise-roll .prise-roll-item .name { color: #f75731; }

/* prise-box-h320 */
.prise-box-h320 .ovh { height: 320px; }

/* lottery-draw */
.lottery-draw-bg { padding-top: 90px; background: url('../../images/2019/red_envelopes/prize-bg.png') top center no-repeat; }
.lottery-draw { position: relative; margin: auto; padding: 52px; width: 736px; height: 736px; background: url('../../images/2019/red_envelopes/down-circle.png') no-repeat; }
.lottery-draw .lottery-rotate { display: block; width: 736px; height: 736px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.lottery-draw .lottery-btn { position: absolute; top: 50%; left: 50%; z-index: 2; margin: -145px 0 0 -100px; display: block; width: 200px; height: 245px; cursor: pointer; background: url('../../images/2019/red_envelopes/pointer.png') no-repeat; }
.lottery-draw .lottery-btn-disabled { background: url('../../images/2019/red_envelopes/pointer-o.png') no-repeat; cursor: default; }

/* gain-footer */
.gain-footer { color: #fff; padding: 45px 0 55px; }
.gain-f-con { padding-top: 60px; margin-top: 45px; border-top: 1px solid #78ccfe; }
.gain-f-con .top_logo { display: block; width: 153px; }
.gain-f-con .ecode { position: relative; }
.gain-f-con .ecode b { position: absolute; top: -26px; right: 0; left: 0; text-align: center; font-size: 16px; }
.gain-f-con .ecode img { display: block; border: 3px solid #fff; width:94px; height: 94px; }
.gain-f-con .law { width: 625px; padding-right: 30px; border-right: 1px solid #9fdbff; line-height: 26px; }
.gain-f-con .law .t { font-size: 22px; }
.gain-f-con .law .d { font-size: 14px; margin-top: 15px; }
.gain-f-con .tel { margin-left: 30px; line-height: 26px; }
.gain-f-con .tel .t { font-size: 22px; }
.gain-f-con .tel .d { margin-top: 20px; font-size: 32px; line-height: 40px; }
.gain-f-con .tel .d img { float: left; margin-right: 12px; margin-top: 6px; }

/* gain-popup */
.gain-popup { display: none; position: fixed; top: 50%; left: 50%; z-index: 1002; 
    margin-top: -210px; margin-left: -321px; padding: 80px 36px 36px; width: 570px; border-radius: 40px;
    background: #3fb7ff;
    background-image: -moz-linear-gradient( 45deg, rgb(63,183,255) 0%, rgb(63,122,255) 100%);
    background-image: -webkit-linear-gradient( 45deg, rgb(63,183,255) 0%, rgb(63,122,255) 100%);
    background-image: -ms-linear-gradient( 45deg, rgb(63,183,255) 0%, rgb(63,122,255) 100%);
    box-shadow: 0 12px 23px rgba(47, 145, 220, 0.64); 
}
.gain-popup .tit { position: absolute; top: -80px; left: 50%; margin-left: -168px; display: block; width: 335px; }
.gain-popup .closed { position: absolute; bottom: -65px; left: 50%; margin-left: -17px; display: block; width: 34px; cursor: pointer; }
.g-pop-box { padding: 48px 40px 32px; background-color: #dcefff; border-radius: 8px; box-shadow: 0 5px 0 #c1e3ff, 0 10px 0 #85c7ff; }
.g-pop-box .tips { text-align: center; font-size: 24px; line-height: 28px; font-weight: bold; color: #1e8fff; }
.g-pop-box .btn { display: block; width: 320px; height: 64px; line-height: 64px; border-radius: 32px; font-size: 24px; text-align: center; margin-left: auto; margin-right: auto; border: 0; }
.g-pop-box .btn-orange { background-color: #f75731; color: #fff; }
.g-pop-box .btn-blue { background-color: #4d9dff; color: #fff; }

/* gain-login-popup */
.gain-login-popup { text-align: center; }
.gain-login-popup .login { display: inline-block; margin-top: 20px; line-height: 24px; font-size: 20px; color: #4d9dff; text-decoration: underline; }