@charset "utf-8";
body{ margin:0; padding:0; font:normal 100% "Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
area{outline:none;}
img{ border:0; object-fit: cover; }
input, textarea{ -webkit-appearance: none; outline: none; border-radius: 0;}
input::-ms-clear{display:none;}
ol,ul{list-style:none;}
a{ text-decoration:none; outline:none;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl, .f_left{ float: left; }
.fr, .f_right{ float: right; }
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}
.box_justify{ display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; -webkit-box-pack:justify; -moz-box-pack:justify; -o-box-pack:justify; -ms-box-pack:justify; box-pack:justify;}
/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }
body{ -webkit-text-size-adjust: 100%; background: #000101;  }
.wrap{ max-width: 750px; margin: 0 auto;}

/*box1*/
.box1{ position: relative; height: 1646px; margin-top: 122px; background: url(../images/box1.jpg) no-repeat center top;}
.logo{ position: absolute; top: 21px; left: 22px;}
.login_box{ position: absolute; top: 20px; right: 20px; height:45px; }
.btn_login{ display:block; width:110px; height:35px; margin-top:7px; background:url(https://tlbb.wanmei.com/m/images/cover221223/btn_login.png);}
.login_after{ display:none;font-size:18px; line-height:50px; color:#fff; }
.login_after span,.login_after a{ color:#fff;}
.slogan{ position: absolute; top: 95px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); }
.down_btn{ position: absolute; top: 1078px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 309px; height: 85px; background: url(../images/down_btn.png) no-repeat 0 0; }
.sub_logos{ position: absolute; top: 1200px; left: 0; width: 100%; background: url(../images/sub_logo_line.png) no-repeat center top; padding-top: 70px;}
.sub_logos p{ height: 75px; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #7d829d; }
.sub_logos img{ margin: 0 15px;}

/*box2*/
.box2{ position: relative; height: 1090px; background: url(../images/box2.jpg) no-repeat center top;}
.lottery_num{ position: absolute; top: 160px; left: 0; width: 100%; text-align: center; font-size: 18px; color: #fff7d1;}
.lottery_num span{ margin: 0 10px; color: #efbf65;}
.lottery_prize{ position: absolute; top: 268px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 612px; height: 612px; overflow: hidden; }
.disk_prize{ position: absolute; top: 0; left: 0; width: 100%; height: 100;}
.lotteryBtn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; width: 376px; height: 376px; background: url(../images/lotteryBtn.png) no-repeat 0 0; }
.lotteryBtn a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 155px; height: 155px; }
.ruleBtn, .awardQuery, .back{ position: absolute; top: 285px; width: 45px; height: 171px;}
.ruleBtn{ left: 36px; background: url(../images/ruleBtn.png) no-repeat 0 0;}
.awardQuery{ right: 60px; background: url(../images/awardQuery.png) no-repeat 0 0;}
.back{ right: 10px; background: url(../images/back.png) no-repeat 0 0;}

/*box3*/
.box3{ position: relative; height: 1847px; padding-top: 255px; box-sizing: border-box; background: url(../images/box3.jpg) no-repeat center top;}
.box3 ul{ margin: 0 auto; width: 566px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.box3 li{ position: relative; width: 253px; height: 253px; margin: 0 15px 30px 15px;}
.box3 img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box3Subbox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/box3_layer.png) no-repeat 0 0; line-height: 20px; font-size: 15px; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
.box3Subbox .des{ position: absolute; top: 52px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 180px; color: #fff7d1; }
.box3Subbox .tit{ position: absolute; top: 162px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 180px; color: #efbf65; }
.box3 li:hover .box3Subbox{ opacity: 1;}
.box3_tip{ text-align: center; font-size: 16px; color: #a2916e;}

/* 弹出框：活动规则 */
.pop{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 10; display: none;}
.pop_main{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); width: 497px; height: 462px; background: url(../images/pop_cont.png) no-repeat 0 0; }
.pop_close{ position: absolute; top: 10px; right: 10px; width: 27px; height: 28px; background: url(../images/pop_close.png) no-repeat 0 0;}
.pop_tit{ position: absolute; top: 56px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); z-index: 1; }
.pop_rule_text, .pop_info_text{ position: absolute; top: 144px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 440px; height: 255px; box-sizing: border-box; padding-right: 15px; overflow-x: hidden; overflow-y: auto; line-height: 28px; font-size: 15px; color: #646464; }

/* 弹出框：领利说明 */
#pop_info{ z-index: 11;}
.pop_info_subCont{ display: none;}

/* 弹出框：恭喜获奖 */
.pop_lottery_main{ position: absolute; top: 35px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 346px; height: 350px; background: url(../images/pop_lottery_main.png) no-repeat 0 0; }
.pop_lottery_main img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.pop_lottery_main p{ position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; font-size: 22px; color: #b25948;}
.cdkey{ position: absolute; bottom: 80px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 422px; display: none; }
.cdkey p, .cdkey input{ height: 37px; line-height: 37px; box-sizing: border-box; border: 1px solid #cccac9; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; text-align: center; font-size: 16px; }
.cdkey p{ width: 71px;}
.cdkey input{ width: 342px; background: none;}
.pop_lottery_btns{ position: absolute; bottom: 39px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center;}
.pop_lottery_btns a{ height: 30px; line-height: 30px; margin: 0 7px; border-radius: 15px; text-align: center; box-sizing: border-box; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; font-size: 16px; display: none; }
.pop_lottery_btns a.n1{ width: 130px; background: #9a2b11; color: #FFF;}
.pop_lottery_btns a.n2{ width: 107px; background: #90783d; color: #FFF;}
.pop_lottery_btns a.n3{ width: 107px; border: 1px solid #a99668; color: #a99668;}

/* 弹出框：我的奖品 */
.pop_myPrize_main{ position: absolute; top: 144px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 440px; height: 220px; box-sizing: border-box; padding-right: 15px; overflow-x: hidden; overflow-y: auto;}
.pop_myPrize_main table{ width: 100%;}
.pop_myPrize_main thead td{ padding-bottom: 15px; font-size: 22px; color: #302f2f;}
.pop_myPrize_main thead td:nth-child(2){ width: 150px;}
.pop_myPrize_main tbody td{ padding: 5px 0; font-size: 20px; color: #9b3922; border-bottom: 1px solid #cccac9;}
.pop_myPrize_main .key{ font-size: 18px;}
.pop_myPrize_main tbody a{ display: block; height: 30px; line-height: 30px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; text-align: center; font-size: 16px; color: #FFF; }
.input_address{ width: 130px; background: #9a2b11;}
.copy_cdkey{ width: 107px; background: #90783d;}
.pop_myPrize_tip{ position: absolute; top: 390px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 440px; font-size: 16px; color: #9a341c;}

/* 弹出框：收件地址 */
#pop_address{ z-index: 11;}
.pop_address_main{ position: absolute; top: 136px; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); width: 400px; }
.pop_address_main input, .pop_address_main textarea{ box-sizing: border-box; width: 100%; border: 1px solid #cccac9; font-size: 17px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background: none; }
.pop_address_main input{ margin-bottom: 12px; height: 38px; line-height: 38px; text-align: center;}
.pop_address_main textarea{ height: 103px; padding: 5px 15px;}
.address_submit{ display: block; margin: 20px auto 0 auto; width: 107px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; background: #9a2b11; font-size: 16px; color: #FFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }