/* reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
/* body{padding-top:42px}  */
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
/* reset-end */



/* 字体 */
@font-face {
	font-family: 'w4';
	src: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/font/MYingHeiPRC-W4.ttf);
}

@font-face {
	font-family: 'w7';
	src: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/font/MYingHeiPRC-W7.ttf);
}

@font-face {
	font-family: 'w8';
	src: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/font/MYingHeiPRC-W8.ttf);
}
@font-face {
	font-family: 'mg';
	src: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/font/MFGeHei_Noncommercial-Regular.otf);
}
@font-face {
	font-family: 'dl';
	src: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/font/Dylan-CopperplateBold.ttf);
}


/* 字体end */



.center{
    margin: 0 auto;
}


/* 外层容器 */
.wrap,.wrap *, *::after,*::before{
    background-repeat: no-repeat !important;
}
.wrap{
    height: 4994px;
}


.header{
    height: 1092px;
    background-image:url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/bg1.jpg);
}
.main{
    height: 3906px;
    margin-top: -2px;
    background-image:url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/bg2.jpg);
}




/*      header       */
.logo-con{
    width:260px;
    height:110px;
    position: relative;
    top: 120px;
    left: 300px;
}

.logo-1{
    display: inline-block;
    width: 214px;
    height: 97px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/logo.png);
    position: relative;
}


.logo-1 a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.slg-con{
    width: 1252px;
    height: 370px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/01.png)0 -714px;
    position: relative;
    top: 530px;
}



.main-1,.main-2,.main-3,.footer{
    width: 1400px;
    height: auto;
}


/*      main-1      */
.dy{
    width: 100px;
    height: 1px;
    visibility: hidden;
}

.title1{
    margin-top: 80px;
   width: 587px;
   height: 157px;
   background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/01.png)0 -1094px;
}

.title1-2{
    color: #fff;
    font-family: 'w4';
    width: 100%;
    font-size: 18px;
    margin-top: 50px;
    font-weight: 100;
}

.package-con{
    width: 1170px;
    height: 526px;
    margin-top: 115px;
    position: relative;
}

.redpackage-con{
    display: inline-block;
    width: 407px;
    margin-left: 120px;
    height: 526px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png)0 0;
}
.money{
width: 100%;
height: auto;
text-align: center;
}

.money p{
    position: relative;
    width: 100%;
    text-align: center;
    font-family: 'dl';
    font-size: 115px;
    background-image: -webkit-linear-gradient(-53deg,#f2bb78,#fae19c,#fae19d,#f2bb78,#fae19d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    top: 65px;
    left: 5px;
}

.money p span{
    font-size: 43px;
    font-weight: 700;
    margin-left: 0px;
}

.portrait-con{
    width: 386px;
    height: auto;
    margin-left: 60px;
    position: absolute;
    top: 40px;
    right: 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.portrait{
    width: 107px;
    height: 160px;
    margin-top: 25px;
    position: relative;
}

.portrait div{
    position: relative;
    width: 107px;
    height: 107px;
    background:url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png)0 -526px;
}

.portrait div a{
    display: inline-block;
    position: absolute;
    width: 36%;
    height: 36%;
    border-radius: 50%;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}

.head-con{
    width: 97px;
    height: 97px;
    position: absolute;
    border-radius: 50%;
    left: 5px;
    top: 5px;
    z-index: 10;
}

.head-con img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.portrait p{
    font-family: 'w4';
    font-size: 20px;
    text-align: center;
    width: 100%;
    color: #fff;
    position: relative;
    top: 20px;
}

.headafter{
    position: absolute;
    top: 85px;
    width: 80px;
    height: 28px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png)0 -4208px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-family: 'w4';
    font-size: 20px;
    color: #fff;
    line-height: 25px;
}



/*         main-2           */
.main-2{
    margin-top: 190px;
}

.title2{
    width: 604px;
    height: 128px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/01.png)0 -1460px;
}
.title2-2{
    margin-top: 140px;
    width: 100%;
    text-align: center;
    color: #fff;
}


.title2-2 p:nth-child(1){
    font-family: 'w7';
    font-size: 40px;
}
.title2-2 p:nth-child(2){
    font-family: 'w4';
    font-size: 18px;
}

.main-2-gift{
    width: 650px;
    height: 280px;
    margin-top: 40px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.main-2-gift span{
    display: inline-block;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    background: #141f37;
    color: #fff;
    text-align: center;
    font-size: 27px;
    position: relative;
    top: 100px;
}

.gift{
  width: 235px;
  height: 280px;
  background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png)0 -1052px;
  position: relative;
}

.gift1{
    width: 222px;
    height: 266px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png)0 -1579px;
    position: relative;
    top: -20px;
}

.gift2{
    width: 227px;
    height: 266px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png)0 -2104px;
    position: relative;
    top: -20px;
}

.gift1 p{
    position: relative;
    width: 100%;
    text-align: center;
    font-family: 'dl';
    font-size: 40px !important;
    background-image: -webkit-linear-gradient(-53deg,#f2bb78,#fae19c,#fae19d,#f2bb78,#fae19d);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    top: 65px;
    left: 1px;
}

.gift1 p::after{
    font-family: 'w8';
    content: '元';
    font-size: 15px;
    font-weight: 1000;
}

.gift1-t,.gift2-t{
    color: #fff;
    font-size: 24px;
    font-family: 'w7';
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.gift-btn{
    width:580px;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 20px;
}

.gift-btn div{
    width: 234px;
    height: 60px;
}

.withdrawal,.withdrawal2,.receive,.receive2{
    position: relative;
}

.gift-btn a{
    width: 100%;
    height: 100%;
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
}

.withdrawal,.receive{
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png) 0 -2630px;

}
.withdrawal2,.receive2{
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png) 0 -3156px;

}

.withdrawal a,.receive a{
    color: #141e37;
    font-size: 27px;
    font-family: 'w7';
    text-align: center;
    line-height: 60px;
    text-decoration: none;
}

.withdrawal2 a,.receive2 a{
    color: #fff;
    font-size: 27px;
    font-family: 'w7';
    text-align: center;
    line-height: 60px;
    text-decoration: none;
}


/* 抽奖 */

.lottery-con{
    width: 888px;
    height: 856px;
    margin-top: 190px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/03.png)0 -1712px;
}

.lottert-title{
    width: 100%;
    height: auto;
    color: #fff;
    position: relative;
    top: -30px;

}

.lottery-title1{
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: 'w7';
}
.lottery-title2{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-family: 'w4';
}

.lottery{
    width: 597px;
    height: 634px;
    margin-top: 25px;
    position: relative;
}

.lottery-gift{
    width: 510px;
    height: 482px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/03.png)0 -849px;
    margin-top: 70px;
    margin-left: 60px;
    z-index: 1000;
    position: relative;
    top: 21px;
}
.lottert-border{
    position: absolute;
    top: -45px;
    left: 0;
    width: 597px;
    height: 634px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/03.png)0 -2570px;
    z-index: 100;
}

.lottery-gift p{
    color: #fff;
    font-family: 'w4';
    font-size: 20px;
    text-align: center;
    position:absolute;
    font-style:oblique;
    font-weight: 500;
}
.p1{
    top: 129px;
    left: 100px;
}
.p2{
    top: 135px;
    left: 315px;
    color: #000 !important;
    font-weight: 600;
}

.p3{
    top: 339px;
    left: 11px;
}
.p4{
    top: 339px;
    left: 359px;
}
.p5{
    top: 478px;
    left: 200px;
}


.panel{
    width: 597px;
    height: 634px;
    position: absolute;
    top: -45px;
    left:0;
}

.panel .panel-face{
    position: absolute;
    top: 0;
    left:0;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/03.png) 205px -3402px;
    width: 597px;
    height: 634px;
    margin: auto;
    border-radius: 50%;
    position: relative;
    top: 0;
    left: 1px;
    z-index: 0;
}
.panel .panel-btn{
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/03.png) 0 0;
    width: 120px;
    height: 49px;
    position: absolute;
    left: 1px;
    top: 10px;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 10000;
}


/* 活动规则 */
.footer{
    height: 100px;
    margin-top:200px;
}

.title3{
    width: 269px;
    height: 77px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/01.png)0 -1825px;
}

.footer p{
    position: relative;
    font-size: 24px;
    color: #fff;
    /* font-family: 'w4'; */
    margin-top: 30px;
    left: 50px;
    width: 1360px;
}

.footer p::after{
    content: '';
    position:absolute;
    top: 12px;
    left: -30px;
    width: 16px;
    height: 15px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/02.png)0 -3682px;
}

/* 弹窗 */
.close-btn{
    width: 31px;
    height: 31px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/04.png)0 0;
    position: absolute;
    right: 0;
    top: -40px;
}

.dia-con1{
    width: 685px;
    height: 394px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/04.png) 0 -519px;
}

.pop-1-title p{
    font-family: 'mg';
    width: 100%;
    color: #1d94fd;
    font-size: 44px;
    text-align: center;
    font-style:oblique;
    position: relative;
    top: 40px;
}

.code{
    width: 242px;
    height: 243px;
    background: url(//game.gtimg.cn/images/tgclub/act/a20210831lrm/pc/code.png);
    position: relative;
    top: 40px;
}


.panel{
    position: absolute;
}
.lottery a{
    width: 190px;
    height:190px;
    display: inline-block;
    position: absolute;
    top: 170px;
    left:200px;
    z-index: 1000000;
}