<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body{background: #fff;}


#main.fix{min-height: initial;}
#main{-webkit-transform-origin: 0 0;}
/*MAIN START*/
#main{width: 750px; background: url("../images/bg.jpg") no-repeat  top center; }
/*MAIN END*/

a.link{ text-decoration: underline; color: #e27a53;}


.layer{ position:absolute; top: 0; width: 100%; height: 100%; display: none;}
.layer-bg{position: absolute;  width: 100%; height: 100%;background: #000; opacity: 0.85  }
.layer-content{position: absolute;}
.layer-content &gt; div { position: relative;display: none;}
.layer-content &gt; div.show {display: block;}
.layer-rule{margin: 0 auto; text-align: center;}
.layer-rule-bg{ width: 560px; height: 790px; margin-bottom: 25px; padding: 110px 40px 0 40px; background: url("../images/layer_rule_03_01.png");}
#layer-rule .layer-rule-bg{background: url("../images/layer_rule_03_01_02.png"); }
.layer-rule-main{ width: 560px; height: 765px; overflow: auto; -webkit-overflow-scrolling: touch;}
.layer-rule-main::-webkit-scrollbar
{
    width:9px;
    height:0;
    background-color:#F5F5F5;
}
/*定义滚动条轨道
 内阴影+圆角*/
.layer-rule-main::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset 0 0 6px rgba(250,106,97,1);
    border-radius:10px;
    background-color:#eec0c0;
}
/*定义滑块
 内阴影+圆角*/
.layer-rule-main::-webkit-scrollbar-thumb
{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#fa6a61;
}
.layer-rule-inner{ width: 560px;color: #e27a53;}
.layer-rule-inner h3{margin:25px 0 8px 0; text-indent: 43px; line-height: 32px;background-position: 0 0; background-repeat: no-repeat; }
.layer-rule h2{position: absolute;top:31px; left:261px; color:#97331f; font-size: 30px;}
.num1{background-image: url("../images/num_01.png");}
.num2{background-image: url("../images/num_02.png");}
.num3{background-image: url("../images/num_03.png");}
.num4{background-image: url("../images/num_04.png");}
.num5{background-image: url("../images/num_05.png");}
.num6{background-image: url("../images/num_06.png");}
.rule{ font-size: 24px; }
.rule p{line-height: 32px;}
.rule img{max-width: 300px; margin: 5px 0;}
.layer-close{width: 102px; height: 102px; margin: 0 auto; background: url("../images/layer_rule_07_02.png")}

.layer-a2{width: 445px; margin: 0 auto;}
.layer-a2-card{width: 424px; height: 708px; padding: 10px 0 0 0;background: url("../images/layer_a2_03_01.png"); text-align: center;}
.layer-a2-info{line-height: 40px; color: #fff; padding: 10px 0; text-align: center;}

.layer-a3{width: 618px; height: 998px; margin: 0 auto; background: url("../images/layer-a3_03.png"); text-align: center;}
.layer-content &gt; div.flip{ -webkit-animation: flip .5s ease-in;  }
.layer-content &gt; div.unflip{display: block; -webkit-animation: unflip .7s ease-out;  }
@-webkit-keyframes unflip {  
    0% {  
        -webkit-transform: rotateY(90deg);  
		opacity: 0;
    }  
    100% {  
        -webkit-transform: rotateY(0deg);  
		opacity: 1;
    }  
}  
@-webkit-keyframes flip {  
    0% {  
        -webkit-transform: rotateY(0deg);  
		opacity: 1;
    }  
    100% {  
        -webkit-transform: rotateY(90deg);  
		opacity: 0.2;
    }  
}  

.layer-a3 p {text-align: center;}
.layer-a3-input{width: 400px; height: 70px; line-height: 26px; padding: 0; background: url("../images/layer-a3-item_03_01.gif") no-repeat center; border: none; text-align: center; color: #e27a53; font-size: 26px; margin:0; overflow: hidden; border: 0;}
.layer-a3-input::-webkit-input-placeholder{color: #e27a53;}
.layer-a3-btn1{width: 400px; height: 70px; background:url("../images/layer-a3-item_06_02.gif"); border: none; margin: 20px 0 0 0;}
.layer-a3-btn2{width: 400px; height: 70px; background:url("../images/layer-a3-item_08_03.gif"); border: none;margin:  20px 0 0 0;}

.layer-a4{position: relative;width: 650px; height: 422px; padding: 170px 20px 0 20px; margin: 0 auto; background:  url("../images/layer-a4_03.png") no-repeat;}
.layer-a4-btn{width: 195px; height: 215px;float: left; margin:0 11px 0 10px;}
.layer-close2{ position: absolute; bottom: 0; left:50%;margin-left:-52px; width: 105px; height: 105px;}

.layer-a4-1{position: relative;width: 690px; height: 586px; margin: 0 auto; padding: 25px 0; background: url("../images/layer-a4-1-_03.png") no-repeat;}
.layer-a4-1 p{ text-align: center; line-height: 40px;}
.inp, .inp2{width: 300px; height: 70px; border: none; color: #fff; font-size: 26px;}
.inp{background: url("../images/input_03.png");}
.inp2{background: url("../images/btn2.png");}

.inp3{ width: 490px; padding: 22px 30px; margin: 0 0 20px 0; color: #e27a53; font-size: 24px; font-family: Arial; border: 1px #ffa888 solid; background: #fff; vertical-align: top;}
.inp3::-webkit-input-placeholder{ color: #e27a53;}

.form{ width: 481px; font-size: 24px; margin: 0 auto; padding: 0 32px; clear: both; list-style: none; display: inline-block;}
.form li{ height: 24px; line-height: 24px; margin: 0; margin: 15px 0; float: left; list-style: none;}
.form li.c1{width: 110px; padding-right: 20px; color: #e55d2a; border-right: 1px #666666 solid;}
.form li.c2{width: 330px; padding-left: 20px; color: #333333;}

#layer-a5{width: 424px; margin: 0 auto;}

.layer-bg-1-1{position: relative;width: 690px;margin: 0 auto; background: url("../images/layer-bg-1.gif") repeat-y #fbe8df;}
.layer-bg-1-2{background: url("../images/layer-bg-1-top.jpg") no-repeat top;}
.layer-bg-1-3{background:url("../images/layer-bg-1-bot.png") no-repeat bottom; }
.layer-bg-1-content{width: 555px; margin: 0 auto; padding: 50px 0;}
.layer-bg-1-content2{padding: 50px 0;}

.white-box{width: 545px;padding: 30px 0; margin: 0 auto;background: #fff; border: 1px #ffa888 solid;}

.layer-bg-2{width: 540px; margin: 0 auto;}
.layer-bg-2-top{width: 540px;height: 89px; float: left;background: url("../images/layer-bg-2-_01.png")}
.layer-bg-2-con{width: 540px; float: left;background: url("../images/layer-bg-2-_02.png") repeat-y;}
.layer-bg-2-bot{width: 540px; height: 85px;  float: left;background: url("../images/layer-bg-2-_03.png");}

#layer-c1{width: 424px; margin: 0 auto;}
.layer-c1-title{}
.layer-c1-title *{ text-align: center;font-size: 30px; line-height: 44px; color: #fff;}
.layer-c1-pic{width: 424px; height: 654px; margin-top: 20px; padding-top: 11px; background: url("../images/box-1_01.png"); text-align: center;}
.layer-c1-pic img{width: 404px; height: 640px;}
.inp4{width: 300px; height: 70px; border: none;  background: url("../images/box-1_02.png"); color: #fff; font-size: 26px;}

#layer-reward-pool{position: relative;width: 690px; height: 602px; margin: 0 auto; clear: both;background: url("../images/layer-reward_pool.png")}
.layer-reward-pool-title{padding-top: 30px; color: #fff2dd; font-size: 34px; text-align: center;}
.layer-reward-pool-reward{padding-top: 5px;color: #fff2dd; font-size: 24px; text-align: center;}
.layer-reward-pool-items{width: 665px; height: 290px; margin:25px auto; overflow:auto;}
.layer-reward-pool-items ul{width: 190px; height: 220px; float: left; padding: 0 14px;}
.layer-reward-pool-items ul li{text-align: center;}
.layer-reward-pool-items .detail{font-size: 22px; color: #e54c42; text-align: center;}
.layer-reward-pool-items .pic img{ height: 160px;}
.layer-reward-pool-items::-webkit-scrollbar
{
    width:9px;
    height:0;
    background-color:#a52923;
}
/*定义滚动条轨道
 内阴影+圆角*/
.layer-reward-pool-items::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset 0 0 6px rgba(250,106,97,1);
    border-radius:10px;
    background-color:#a52923;
}
/*定义滑块
 内阴影+圆角*/
.layer-reward-pool-items::-webkit-scrollbar-thumb
{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#ffe39f;
}


.pic1{ width: 170px; height: 259px; margin: 0 auto;padding-top: 5px; text-align: center;background: url("../images/img-border.png"); clear: both;}

#layer-share{width: 720px; height: 189px; margin: 0 auto;clear: both;}
#layer-share div.other{ width: 589px; height: 189px;margin:  0 auto;background: url("../images/share.png");}
#layer-share div.appPlusShare{ width: 570px; padding:10px; height: 189px;margin:  0 auto; background: url("../images/otherShare.png") no-repeat; color: #97331f}
#layer-share div.wxShare{width: 100%; height: 139px; background: url("../images/wxshare_01.png") 100% 100% no-repeat;}

.info{position: absolute; top:20px; right:20px; text-align: right;}
.info &gt; span{display: block; color: #202647;}
.info-login{}
.info-share{}
.info-club{}

.rule-1{position: absolute; left: 280px; top: 542px; width: 250px; height: 80px;}

.reward{position: absolute; top:716px; left:30px; width: 670px; height: 226px; font-size: 22px; color: #e54c42; padding: 0 10px;}
.reward p{position: relative;width: 220px; float: left;  padding:5px 1px 32px 1px; display:inline-block;text-align: center;}
.reward .pic{position: relative; width: 220px;height: 145px; display: inline-block;}
.reward .pic img{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; object-fit: contain; }
.reward .title{padding:  0 5px; display: inline-block;}

/*.scroll-outer{position: absolute; right: 39px; width: 9px; background: #eec0c0;}
.scroll-inner{position: absolute;width: 100%; height: 10px; background: #fa6a61;}
*/

.rule-2{position: absolute; top:965px; left:175px;width: 405px; height: 75px;}

.my-reward{position: absolute; top:1230px; left:9px; padding-top: 40px; width:750px; background: url("../images/card-bg.jpg") no-repeat center bottom;}
.my-reward-row{width:732px; height: 180px; margin: 0 0 25px 0; background:url("../images/item_13.png") no-repeat center bottom;}
.game-type{float: left; margin:28px 0 0 40px;}
.game-card{ position: relative;float: left; margin:7px 0 0 10px;}
.game-card span{position: absolute; top:-7px;right:-7px; width: 27px; height:27px; display: block; text-align: center; font-size: 20px;color: #c1465b;}
.game-card-got-num{background:url("../images/card_num_24_02.png");}
.game-card-not-got-num{background:url("../images/card_num_21_01.png");}
.reward-pool{width:96px; height: 25px; margin:24px 0 0 32px; background: url("../images/btn_03.png"); border: none;}
.raffle{width:126px; height: 97px; margin:2px 0 0 15px; background: url("../images/item_28.png"); border: none;}
.notRaffle{width:126px; height: 97px; margin:2px 0 0 15px; background: url("../images/item_20_16.png"); border: none;}
.eNotEnoughCard{width:126px; height: 97px; margin:2px 0 0 15px; background: url("../images/item-btn.png"); border: none;}
.light-card{position: absolute; bottom:10px;left:30px; width:345px; height:90px;  background: url("../images/mainbtn.jpg") no-repeat center;}
.my-collect{position: absolute; bottom:10px;right:30px; width:345px; height:90px;  background: url("../images/mainbtn-02.jpg") no-repeat center;}

#my-reward-btn{position: absolute; top:1160px; left:225px;width: 300px; height: 68px;}
#reward-info2{width: 90%; margin: 30px auto;}
#layer-my-reward table{ width: 555px; margin: 30px auto; border: 1px #ff855c solid; border-spacing:0;}
#layer-my-reward table thead{ background: #ff855c; color: #fff; }
#layer-my-reward table tbody{ background: #fff; color: #ff855c;}
#layer-my-reward table td{width: 50%; padding: 15px; text-align: center;border: 1px #ff855c solid;}
.layer-close3{position: absolute; bottom: -172px; left: 50%; margin-left: -52px; width: 105px; height: 172px;  background: url("../images/close.png")}
#tips{position: absolute; top: 1233px; width: 100%; ;color: #5c1814; text-align: center;}
</pre></body></html>