html,body{height: 100%;}
body{ font-size:16px; color:#feecc0;}

#web-main{ width:100%; overflow:hidden; height:100%; position:relative;  margin:0 auto; background:#4a3b5d; float:left; padding:0; overflow:hidden; }
.page_box{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;   opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1s; transition: all 1s;  }
.page_box.current,.page_box.current2{ z-index:2; opacity:1;  filter: alpha(opacity=100);}
.page_bg{ left:0; top:0; width:100%; height:100%; opacity:0; filter: alpha(opacity=0);}
.page_wp{ position:absolute; height:100%; width:1320px; left:50%; margin-left:-660px; top:0; z-index:2;}
.info{ background:url(../images/7zn/info.png) no-repeat;}
.z-title{ width: 634px; top:26px; left:50%; margin-left: -317px;}
.min-wp{ min-width:1320px;}
.max-wp{ width:1920px; top:0; height:1080px; left:50%; margin-left:-960px;}
.details-text{ display:none;}
.f16{ font-size:16px;} 
a{ cursor:pointer;}
.h100{ height:100% !important;}
.df {  display: flex;  flex-shrink: 0;}
.dfc{  display: flex;  flex-direction: column;  flex-shrink: 0;}
.fww{flex-wrap: wrap;}
.ac {  align-items: center;}
.jc{  justify-content: center;}
.jsb{justify-content: space-between;}
.flex1{flex: 1; }
.pl{ padding-left: 1.7em;}
.flex-cc{ display: flex !important; align-items: center; justify-content: center;}
.flex-wrap{ display: flex !important; flex-wrap: wrap;}
.t_center{top: 50%; transform: translateY(-50%);}
.lt_center{left: 50%; top: 50%; transform: translate(-50%,-50%);}
.l_center{left: 50%; transform: translateX(-50%);}
.oh{ overflow: hidden; }
.dn{display: none !important;}

::-webkit-input-placeholder {
    -webkit-text-security: none;
    color: #ffdeb4 !important;
}	

.pop-details{ width:475px; height:101px; font-size:14px; z-index:9999; color:#fdd796;  line-height:24px; display:none; background:url(../images/7zn/2/frame4.png) no-repeat;}
.pop-details span{ font-size:16px;}
.pop-details p{ padding:22px;}

.go-lazln,.go-lazln i{ width:272px; height:65px;background:url(../images/7zn/b-6.png) no-repeat;}
.go-lazln i{ background-position:left bottom}

.b-lb{ width:215px;  bottom: 0; right:10px; margin-top:-99px; animation: downUpCss 10s linear infinite; -webkit-animation: downUpCss 10s linear infinite;}
.b-lb i{ top:30px; width:24px; height:24px; right:26px;}

.user_box{ height: 42px; border-radius: 42px; top:21px; right:220px;z-index:666; padding: 0 15px; background-color: rgba(255, 255, 255, 0.1); font-size: 16px;}
.user_box p a{color: #ffe17b; text-decoration: underline;}
.user_box .userInfo{display: none;}
.user_box.active .userInfo{display: block;}
.user_box.active p{display: none;}
.hoverOp,.hoverS{-webkit-transition: all 0.2s ease-in 0;   transition: all 0.2s ease-in 0s;}

.urlBox{ position:absolute; top:21px; right:36px; height:42px; z-index:666;}
.urlBox a,.urlBox i{ position:relative; float:right; width:42px; height:42px; margin-left:14px; background:url(../images/7zn/a_fx.png) no-repeat;}
.urlBox a.home{  background-position:left top;}
.urlBox a.down{ background-position:center top;}
.urlBox i{  background-position:right top; cursor:pointer;}
.urlBox a:hover,.urlBox i:hover{ margin-top:2px;}

.fxBox{ position:absolute; top:44px; padding-top:5px; width:108px; right:0px; height:0; overflow:hidden; z-index:5; display:block;}
.fxBox a{ float:right; width:28px; height:28px; margin-left:8px; filter:alpha(Opacity=80);opacity:.8; background:url(../images/thns2021/f.png);}
.fxBox a.button_qzone{background-position:right bottom;}
.fxBox a.button_tsina{ background-position:left bottom;}
.fxBox a.button_weixin{background-position:-36px bottom;}
.fxBox a:hover{filter:alpha(Opacity=100);opacity:1;}

.page_box_1 .page_bg{ background: url(../images/10zn/bg.jpg) no-repeat center center;   background-size: cover;}
.page_box_1 .logo{ width:238px; left:27px; top:24px;}
.page_box_1 .slogan{ width:691px; height:451px; background:url(../images/10zn/slogan.png) no-repeat; top: 84px; right: 20.3%;}
.page_box_1 .gift{ width:215px; height: 216px; bottom: 30%; right:10px; display: flex; flex-direction: column-reverse; cursor: pointer;}
.page_box_1 .gift img{
  -webkit-animation: slMinCss 2s ease-out infinite; 
  animation: slMinCss 2s ease-out infinite;
}
.page_box_1 .gift i{
  
  right:27px;  
  top:33px; 
  width:21px; 
  height:21px; 
  background: url(/Public/special/m/images/10zn/icon1.png) no-repeat center center; 
}

.page_box_1 .mousetips{width: 450px;  bottom: 15px;  left: 50%; margin-left: -225px;   -webkit-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease; 
  -moz-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
  -ms-animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
  animation: b_t 2s ease-in-out 0s infinite 300ms 0 ease;
  -o-animation: b_t 2s ease-in-out 0s infinite;
  -webkit-animation: b_t 2s ease-in-out 0s infinite;
  -moz-animation: b_t 2s ease-in-out 0s infinite;
  -ms-animation: b_t 2s ease-in-out 0s infinite;
  animation: b_t 2s ease-in-out 0s infinite;}

  @keyframes b_t{
    0% {
      -o-transform: translateY(-20px);
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
      opacity: 0;
    }
    50% {
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
    100% {
        -o-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
  }

.web-url{ background: rgb(141 53 31 / 85%); vertical-align:top; border:solid 1px #ba4e37; height:36px; width:254px; right:32px; top:30px; border-radius:18px;}
.web-url a{ font-size:14px; color:#ffdeaf; line-height:36px; margin:0 10px;}
.web-url a span{ height:36px; line-height:36px;}
.web-url a img{ padding-right:5px;}
.yy-box{ margin: -30px auto 0 auto; width:695px; height:142px; background:url(../images/7zn/yy.png) no-repeat right top; padding-left:90px; }
.yy-box a{ width:126px; height:166px; top:0; right:90px; background:url(../images/7zn/b-1.png) no-repeat; animation: downUpCss 8s linear infinite; -webkit-animation: downUpCss 8s linear infinite;}
.yy-box ul{ margin:20px 0 0 140px;}
.yy-box ul li{ width:80px; height:100px; margin-right:20px;}
.yy-box ul li:nth-child(2){ margin-right:36px;}

.page_box_2 .page_bg{ background:url(../images/10zn/1/bg.jpg) no-repeat center center;  background-size: cover;}
.page_box_2 .cont{ width:1320px; height:724px; top: 16.48%;}
.page_box_2 .cont a:nth-child(1){ width:264px; top: 0; left: 140px;}
.page_box_2 .cont a:nth-child(2){ width:206px; left: 349px; top: 70px;}
.page_box_2 .cont a:nth-child(3){ width:238px; left: 500px; top: 62px;}
.page_box_2 .cont a:nth-child(4){ width:199px; left: 747px; top: 42px;}
.page_box_2 .cont a:nth-child(5){ width:206px; left: 942px; top: 92px;}
.page_box_2 .cont a:nth-child(6){ width:238px; left: 1091px; top: 96px;}
.page_box_2 .cont a:nth-child(7){ width:199px; left: 253px; top: 327px;}
.page_box_2 .cont a:nth-child(8){ width:238px; left: 393px; top: 295px;}
.page_box_2 .cont a:nth-child(9){ width:206px; left: 592px; top: 429px;}
.page_box_2 .cont a:nth-child(10){ width:264px; left: 727px; top: 280px;}
.page_box_2 .cont a:nth-child(11){ width:199px; left: 947px; top: 310px;}
@keyframes lanternFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
.lantern_wp > a {
  animation: lanternFloat 5s ease-in-out infinite;
}


.page_box_3 .page_bg{ background:url(../images/10zn/2/bg.jpg) no-repeat center center;  background-size: cover;}
.page_box_3 .cont{ height:520px; top:50%; margin-top:-300px;}
.page_box_3 .cont>li{ margin:0 10px; width:609px; cursor:pointer;}
.page_box_3 .cont>li.current:before{ position:absolute; content:""; height:412px; top:50%; margin-top:-206px; background: rgb(0 0 0 / 10%); width:1920px; left:50%; margin-left:-960px;}
.page_box_3 .cont .b-exit{ width:30px; height:30px; background-position:right top; top:47px; right:8px;}
.page_box_3 li .item-info{ display:none;}
.page_box_3 li.current .item-info{ display:block;}
.page_box_3 .zbox{ display:flex;}
.page_box_3 .role_box{width: 550px; height: 670px;}
.page_box_3 .role_box img:nth-child(1){bottom: 42px;}

.page_box_3 .btn_switch{width: 580px; height: 44px; line-height: 42px;border: 1px solid #f2aa82; border-radius: 44px; background:url(../images/7zn/2/a_bg_btn.png) no-repeat; background-size: 100%;}
.page_box_3 .btn_switch a{border-radius: 44px;color: #ffeec6; font-size: 24px;}
.page_box_3 .btn_switch a.active{background-color: #d96f4f;   }
.page_box_3 .btn_switch::before{content: "";position: absolute; width: 16px; height: 16px;background:url(../images/7zn/2/a_icon2.png) no-repeat; background-size: 100% 100%; left: -5px; top: 13px; transform: rotate(45deg);}
.page_box_3 .btn_switch::after{content: "";position: absolute; width: 16px; height: 16px;background:url(../images/7zn/2/a_icon2.png) no-repeat; background-size: 100% 100%; right: -5px; top: 13px; transform: rotate(45deg);}

.page_box_4 .page_bg{ background:url(../images/10zn/3/bg.jpg) no-repeat center bottom;  background-size: cover;}
.page_box_4 .cont{ width: 1175px; height: 727px; box-sizing: border-box; background: url(../images/10zn/3/xbg.png); left: 50%; margin-left: -588px; bottom: 15%;     padding: 86px 100px 0 50px;}
.page_box_4 .cont > div{ justify-content: center;}
.page_box_4 .cont a{ width: 208px; height: 216px; margin-bottom: 26px;}

.page_box_5 .page_bg{ background:url(../images/10zn/4/bg.jpg) no-repeat center center;  background-size: cover;}
.page_box_5 .cont{ width:1200px;}
.page_box_5 .container-wp{
  width: 890px;
  height: 782px;
  top: 50%;
  margin-top: -390px;
  left: 50%;
  margin-left: -462px;
  background: url(../images/10zn/4/mbg.png);
}
.tag-text{ line-height: 28px; font-size: 16px; color: #db7373; }
.page_box_5 .zbox { display: none;}
.page_box_5 .tag{ width: 17px; height: 125px; left: 50%; margin-left: 220px; top: 50%; margin-top: -210px; background: url(../images/10zn/4/n.png) no-repeat;  font-size: 16px; letter-spacing: 3px; letter-spacing: 3px; padding: 3px 10px 100px 14px; color: #fff; }
.page_box_5 .btn_switch{width: 809px; height: 811px; display: flex; flex-direction: column;  background: url(../images/10zn/4/nbg.png) no-repeat center top; right: 166px; top: 50%; margin-top: -410px; padding-top: 110px; align-items: end;}
.page_box_5 .btn_switch a{width: 117px; height: 117px;  background: url(../images/10zn/4/n1.png) no-repeat; background-size: 100% 100%; margin-bottom: 3px; color: #e0706b; }
.page_box_5 .btn_switch a::after{
  position: absolute;
  content: "";
  opacity: 0;
  background: url(../images/10zn/4/n2.png) no-repeat;
  background-size: 100% 100%;
  width: 217px;
  height: 217px;
  top: -50px;
  left: -50px;
}
.page_box_5 .btn_switch a label{
  flex-direction: column;
  z-index: 2;
  position: relative;
  cursor: pointer;
}
.page_box_5 .btn_switch a label p{
  font-size: 16px;
}
.page_box_5 .btn_switch a label h3{
  font-size: 24px;
  font-weight: bold;
}
.page_box_5 .btn_switch a.active{ color: #fff; }
.page_box_5 .btn_switch a.active::after{
  opacity: 1;
}
.page_box_5 .btn_switch a:nth-child(1),
.page_box_5 .btn_switch a:nth-child(5){
    margin-right: 20px;
} 
.page_box_5 .btn_switch a:nth-child(2),
.page_box_5 .btn_switch a:nth-child(4){
    margin-right: -40px;
} 
.page_box_5 .btn_switch a:nth-child(3){
  margin-right: -72px;
}

.page_box_6 .page_bg{ background:url(../images/7zn/5/a_bg.jpg) no-repeat center center;  background-size: cover;}
.page_box_6 .btn_group1 { right: 30px;}
.page_box_6 .btn_group1 a{width: 144px; height: 145px;}
.page_box_6 .btn_group1 a:nth-child(1){margin-top: 45px; background: url(../images/7zn/5/a_btn2.png) no-repeat; background-size: 100%; }
.page_box_6 .btn_group1 a:nth-child(1):hover{ background: url(../images/7zn/5/a_btn2_on.png) no-repeat; }
.page_box_6 .lottery_box{width: 1448px; height: 671px; background: url(../images/7zn/5/a_frame1.png) no-repeat; background-size: 100%; left: 50%; margin-left: -660px; top: 50%; margin-top: -280px;}
.page_box_6 .lottery_box .role{width: 789px; right: 243px; top: -7px;}
.page_box_6 .lottery_box .btn_group2 { top: 70px; right: 245px;}
.page_box_6 .lottery_box .btn_group2 a{width: 46px; height: 154px;}
.page_box_6 .lottery_box .btn_group2 a:nth-child(1){ background: url(../images/7zn/5/a_btn3.png) no-repeat; background-size: 100%; }
.page_box_6 .lottery_box .btn_group2 a:nth-child(1):hover{ background: url(../images/7zn/5/a_btn3_on.png) no-repeat; }
.page_box_6 .lottery_box .btn_group2 a:nth-child(2){margin-top: 25px; background: url(../images/7zn/5/a_btn4.png) no-repeat; background-size: 100%; }
.page_box_6 .lottery_box .btn_group2 a:nth-child(2):hover{ background: url(../images/7zn/5/a_btn4_on.png) no-repeat; }
.page_box_6 .lottery_box .cj_box {width: 494px;height: 494px; left: 220px; top: 58px;}
.page_box_6 .lottery_box .cj_box li{width: 162px; height: 162px;background: url(../images/7zn/5/a_frame2.png) no-repeat; background-size: 100%; }
.page_box_6 .lottery_box .cj_box li.active{background: url(../images/7zn/5/a_frame2_on.png) no-repeat; background-size: 100%; }
.page_box_6 .lottery_box .cj_box li p{width: 162px; height: 28px; line-height: 28px; top: 107px; background: url(../images/7zn/5/a_frame3.png) no-repeat; background-size: 100%; }
.page_box_6 .lottery_box .cj_box .btn_cj{width: 154px; height: 154px;background: url(../images/7zn/5/a_bg_cj.png) no-repeat; background-size: 100%; }
.page_box_6 .lottery_box .cj_box .btn_cj:hover{background: url(../images/7zn/5/a_bg_cj_on.png) no-repeat; }
.page_box_6 .lottery_box .cj_box li img{ height: 120px; margin-top: -7px;}
.page_box_6 .lottery_box .cj_box .btn_cj img{margin-top: 40px; }
.page_box_6 .lottery_box .cj_box .btn_cj p{margin-top: 20px; }
.an-scaleLoop{
  animation: scaleLoop 2s linear infinite;
  -webkit-animation: scaleLoop 2s linear infinite;  
}
@-webkit-keyframes scaleLoop {
  0% {
      -webkit-transform: scale(1);
  }
  50% {
      -webkit-transform: scale(1.2);
  }
  100% {
      -webkit-transform: scale(1);
  }
}
@keyframes scaleLoop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.user-info{ right:22px; top:87px; width:420px;}
.user-info label{ line-height:28px; padding-left:6px; color:#ffb692;}
.user-info label a{color:#ffb692; cursor:pointer;}
.user-info label a:hover{ color:#f1a37d;}
.user-info label img{ padding-right:5px; }
.user-info dd{ margin-top:20px;}
.user-info dd a{ height:42px; background-position:left -189px; width:190px; line-height:42px; margin-right:12px; color:#b65819; font-size:22px;}
.user-info dd a i{background-position:left -231px; }

.page_box_6 .lottery-info{ top: 50%; margin-top: 330px; font-size: 16px; color: #f5c280;}
.page_box_6 .lottery-info p{ line-height:30px; padding:10px 0 5px 0; letter-spacing: 2px;}
.lottery-info label{ line-height:58px; background:url(../images/7zn/5/k.png) no-repeat center top; font-size:22px; color:#f4cfa4;}
.lottery-info label img{ padding-right:12px;}
.lottery-info a{ width:319px; height:79px;  background:url(../images/7zn/5/a_btn_fx.png) no-repeat; background-size: 100%;}
.lottery-info a:hover{  background:url(../images/7zn/5/a_btn_fx_on.png) no-repeat; background-size: 100%;}

.lottery-box a:nth-child(1){ top:506px; left:50%; margin-left:52px;}
.lottery-box a:nth-child(2){ top:340px; left:50%; margin-left:-130px;}
.lottery-box a:nth-child(3){ top:226px; left:50%; margin-left:-428px;}
.lottery-box a:nth-child(4){ top:526px; left:50%; margin-left:-382px;}
.lottery-box a:nth-child(5){ top:248px; left:50%; margin-left:592px;}
.lottery-box a:nth-child(6){ top:531px; left:50%; margin-left:-588px;}
.lottery-box a:nth-child(7){ top:667px; left:50%; margin-left:335px;}
.lottery-box a:nth-child(8){ top:535px; left:50%; margin-left:497px;}
.lottery-box a:nth-child(9){ top:280px; left:50%; margin-left:236px;}


#sNav{ width:11px; margin-top:-210px; top:50%; position:fixed; left:-300px;   z-index:50;  transform-origin:right top; -webkit-transform-origin:right top; }
#sNav :before,#sNav :after{position:absolute; content:"";}
#sNav>:after{ background:url(../images/8zn/a_l.png) no-repeat; top:-69px; width:17px; height:71px; left:-3px;}
#sNav>:before{ width:1px; height:800px; background:#c77345; left:5px; bottom:-760px; opacity: .4;}

#sNav ul{height:auto; width:135px; margin-left:-11px; }
#sNav ul li{ width:100%; line-height:36px; height:37px; cursor:pointer; margin-bottom:35px; color:#fff;}
#sNav ul li i{ width: 157px; height: 26px;top: 5px; left: 4px; background:url(../images/8zn/a_nav_active.png) no-repeat;  background-size: 100%;}
#sNav ul li p{ text-align:left; text-indent:35px;}
#sNav ul li p:before{ background:url(../images/8zn/a_icon.png) no-repeat; top:11px; left:10px; width:13px; height:14px;  background-size: 100%;}
#sNav ul li:before{width:1px; height:800px; background:#c56d5a; left:16px; height:47px; bottom:-41px; opacity: .4;}
#sNav ul li:last-child:before{ height:0;}
#sNav ul li.hover p:before,#sNav ul li:hover p:before{display: none; }
#sNav ul li.hover,#sNav ul li:hover{color:#db7373;}


/*弹窗*/
.pop_win .pwin_box{ width:906px; height:499px;  background: url(../images/7zn/pbg1.png) no-repeat; color:#f2ba90;}
.pop_win .pwin_box .pwin_x{ width:30px; height:30px; background-position:right top; right:24px; top:-25px;}
/* #cont_win .pwin_box{ width:1067px; height:588px;  background: url(../images/7zn/pbg2.png) no-repeat;} */
#cont_win .pwin_box{ width:1235px; height:671px;  background: url(../images/7zn/a_pbg1.png) no-repeat; color: #a06345;}
#cont_win .pwin_box .p-title{ font-size:30px; color:#ab7254;}
#cont_win .pwin_box .pwin_x{ right:50px; top:-20px;}
#cont_win .pwin_box .btn_left{ left: -80px;  top: 40%;}
#cont_win .pwin_box .btn_right{ right: -80px;  top: 40%;}
#cont_win.first .pwin_box .btn_left{ display: none;}
#cont_win.last .pwin_box .btn_right{ display: none;}


#lb_win .pwin_box{ width:1235px; height:671px;  background: url(../images/7zn/a_pbg1.png) no-repeat; color: #b5876c; padding: 84px 0 0 40px; font-size: 16px; margin-top: 50px;}
#lb_win .pwin_box ul li{ width:186px; height:183px;  background: url(../images/7zn/a_frame1.png) no-repeat; background-size: 100%; margin: 0 2px;}
#lb_win .pwin_box ul li p{bottom: -25px; font-size: 20px;white-space: nowrap;}
#lb_win .pwin_box #lb_code{width: 510px; height: 76px; line-height: 76px; border-radius: 76px; font-size: 42px; margin-top: 70px; margin-bottom: 15px; text-align: center; background-color: #f2e9d3; border: 1px solid #e6d6ab;}
#lb_win .pwin_box #lb_code::after{ content: "礼包码"; position: absolute; left: -40px; top: -7px; width: 88px; height: 32px; line-height: 32px; border-radius: 32px 32px 0 32px; font-size: 18px; text-align: center; background-color: #f78955; color: #fff;}
#lb_win .pwin_box .btn_copy{ width:275px; height:69px;  background: url(../images/7zn/a_btn_copy.png) no-repeat; background-size: 100%; margin-top: 23px;}
#lb_win .pwin_box .btn_copy:hover{ background: url(../images/7zn/a_btn_copy_on.png) no-repeat; background-size: 100%;}
#lb_win .pwin_box .pwin_x{ right:50px; top:-20px;}


#luck_win .pwin_box .pwin_x{ background-position:-430px 0; top:-10px; right:-20px;}
.pop_win .pbox3{ width:auto; height:auto;background: #fff;}
.pop_win .pbox3 .pwin_x{ right:-50px; top:0;}

.pop_win .pwin_box .p-title{ line-height:44px; margin-top:82px; margin-bottom:28px; font-size:28px; color:#f1cda5; padding:10px 0 20px 0; background:url(../images/7zn/pop-l.png) no-repeat center top;}
.win-cont{ width:534px;}
.b-popbut{ background-position:1px -500px; width:214px; line-height:46px; height:46px;}
.b-popbut i{ background-position:left -546px;}
.f14{ font-size:14px;}
.pop-text{ line-height:22px;}
.cont-box{ margin-left:260px; width:820px; padding-right:34px; height:380px;}
.cont-box p,.cont-box h3{ text-align:left;}
.cont-box p{ font-size:14px; line-height:28px;}
.cont-box p span{color: #f6613f;display: contents;}
.cont-box  h3{ font-weight:400; line-height:32px; margin-top: 30px;}
.cont-box img{ width:70%; padding:12px 0;}

.b-popbut2{ background-position:left -407px; width:206px; }
.b-popbut2 i{ background-position:left -453px;}
.b-popbut3{ background-position:-206px -407px; width:253px; }
.b-popbut3 i{ background-position:-206px -453px;}
.b-popbut4{ background-position:-214px -500px; width:253px; }
.b-popbut4 i{ background-position:-214px -546px;}

#bind_win input ,#bind_win select {width: 265px; }
#bind_win .btn_confirm {width: 193px; height: 48px; background-position: -807px -710px;}
#bind_win span {width: 0; height: 0; border: 18px solid transparent; border-top-color: #fac25b;right: 10px;  top: 15px; pointer-events: none;}
.pwin_box input,.pwin_box select{height: 48px; line-height: 48px; border:none; padding-left: 15px; border-radius: 8px; box-sizing: border-box; background-color: #ad441f; color: #fff;}
select {
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

#replace_win a {color: #fff;}
#replace_win .btn_add {width: 193px; height: 48px; line-height: 48px;}
#replace_win .rid_list {height: 150px;}
#replace_win .rid_list a{width: 92px; height: 28px; line-height: 26px; border-radius: 28px; border: 1px solid #e3725c; color: #505050; text-align: center;}
#replace_win .rid_list a::after{content: "切换"; }
#replace_win .rid_list a.active::after{content: "当前"; }
#replace_win .rid_list a.active{background-color: #e3725c; color: #fff;}
.mt20{margin-top: 20px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}

.ls-input{  background:#ad441f; border-radius:29px; margin-bottom:27px; overflow:hidden; padding:0 28px; font-size:22px; }
.ls-input-2{ background:#89371a; }
.ls-input input,.ls-input textarea{ line-height:58px; height:58px; padding:0; font-size:22px; opacity: .6;  color:#ffdeb4; background:none; border:none;}
.ls-input-2 input,.ls-input-2 textarea{ opacity: 1; }
.ls-input textarea{resize: none; padding:0;  height:52px; line-height:26px; margin:10px 0; text-indent:0; font-family: "Microsoft YaHei";}
.ls-input-min{ width:280px;}
.ls-form-but{ line-height:44px; width:170px; margin:7px 0 -20px 0 ;background:#e8b63f; color:#b5401c; border-radius:22px;  text-align:center;}
.ls-form-but:hover{ background:#ecbe51;}
.ls-form-but.off,.ls-form-but.off:hover{background:#d7d7d7; color:#ccbcbc; }

.wlist{ margin:-10px 0 0 160px; width:596px;}
.wlist dl{ height:50px; line-height:50px; color:#ffdeb4;  border-bottom:solid 1px #e07049;}
.wlist ul{ padding-right:37px; height:252px;}
.wlist ul a{ width:118px; line-height:32px; border-radius:16px; margin-top:8px; }
.wlist ul a.add{ background:#f4b343; color:#fff;}

.share-box{ padding:0 140px 0 160px;}
.share-box label{ margin:30px 0 60px 0;}
.share-box label p{ line-height:30px;}
.share-box a{ margin:0 10px;}
#qcode{ width:106px; height:104px; padding:5px;  top: 651px;  right: 24px; background:#fff;}

#luck_win .pwin_box{ width:236px; height:233px; background: url(../images/7zn/pop-lk.png);}
#luck_win .pwin_box:before{ position:absolute; content:""; width:383px; height:384px; left:50%; top:50%; margin:-192px 0 0 -192px; background: url(../images/7zn/pop-g.png); -webkit-animation: z 8s linear infinite; animation: z 8s linear infinite;}
#luck_win .pwin_box .luck-img{ margin:60px 0 30px 0; height:110px;}
#luck_win .pwin_box .luck-img img{ width:110px;}
#luck_win  label{ width:701px; height:43px; line-height:43px; top:170px; left:50%; margin-left:-350px; background: url(../images/7zn/pop-k.png) no-repeat center top; font-size:18px;   color:#fff; }
#luck_win  label span{ color:#ffef83;}
#luck_win  label img{ top:-16px; left:170px;}

.color_fff {color: #fff;}

.page_box.current .page_bg,.page_box.current .mtCss{
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:matrixCss;
	animation-name:matrixCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:1s;
	animation-duration:1s;
}

@-webkit-keyframes matrixCss {
	0% {
		 -webkit-transform: scale(1.5);
		  opacity:0;
	}
	100% {
		-webkit-transform: scale(1);
		 opacity:1;
		 
	}
}
@keyframes matrixCss {
	0% {
		transform: scale(1.5);
		  opacity:0;
	}
	100% {
		transform: scale(1);
		 opacity:1;
	}
}

@-webkit-keyframes updCss1 {
  0%,
  100% {
    -webkit-transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-8%);
  }
  75% {
    -webkit-transform: translateY(8%);
  }
}

@keyframes updCss1 {
  0%,
  100% {
    transform: translateY(0deg);
  }
  25% {
    transform: translateY(-8%);
  }
  75% {
    transform: translateY(8%);
  }
}

@-webkit-keyframes updCss2 {
  0%,
  100% {
    -webkit-transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(8%);
  }
  75% {
    -webkit-transform: translateY(-8%);
  }
}

@keyframes updCss2 {
  0%,
  100% {
    transform: translateY(0deg);
  }
  25% {
    transform: translateY(8%);
  }
  75% {
    transform: translateY(-8%);
  }
}
@-webkit-keyframes upIn {
  0% {
    -webkit-transform: translateY(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes upIn {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes downIn {
  0% {
    -webkit-transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes downIn {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes downIn2 {
  0% {
    margin-top: -.6rem;
    opacity: 0;
  }
  80% {
    margin-top: .2rem;;
    opacity: .8;
  }
  100% {
    margin-top: 0;;
    opacity: 1;
  }
}
@keyframes downIn2 {
  0% {
    margin-top: -.6rem;
    opacity: 0;
  }
  80% {
    margin-top: .2rem;;
    opacity: .8;
  }
  100% {
    margin-top: 0;;
    opacity: 1;
  }
}
@-webkit-keyframes rightIn {
	0% {
		-webkit-transform:translate(-15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes rightIn {
	0% {
		transform:translate(-15%,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
@-webkit-keyframes leftIn {
	0% {
		-webkit-transform:translate(15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes leftIn {
	0% {
		transform:translate(15%,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
.current.an-upIn,.current .an-upIn{
  animation:upIn .8s ease-out both;
  -webkit-animation:upIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-downIn,.current .an-downIn{
  animation:downIn .8s ease-out both;
  -webkit-animation:downIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-rightIn,.current .an-rightIn{
  animation:rightIn .8s ease-out both;
  -webkit-animation:rightIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-leftIn,.current .an-leftIn{
  animation:leftIn .8s ease-out both;
  -webkit-animation:leftIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-downUpCss,.current .an-downUpCss{
	opacity:1;
  animation: downUpCss 3s linear infinite;
  -webkit-animation: downUpCss 3s linear infinite;  
}