@charset "utf-8";
@font-face {
  font-family: myFirstFont;
  src: local("myFirstFont"),
       url(../../../font-family/FZLTHJW.TTF);
}

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:myFirstFont;vertical-align:baseline; list-style: none;word-warp: break-warp;word-break: break-all;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}input[type="number"]{-moz-appearance: textfield;}
select, input, img { vertical-align: middle; outline: none;border:0 }
select::-ms-expand { display: none; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   color: #edcd88;   }   
input:-moz-placeholder, textarea:-moz-placeholder {   color: #edcd88;   }   
input::-moz-placeholder, textarea::-moz-placeholder {    color: #edcd88;   }   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {    color: #edcd88;   }
textarea{resize: none;}
body {line-height:1.5; font-size: 14px; font-family: myFirstFont; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
img{ display: block; margin: 0 auto;}
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.html#ellipsis");}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl,.f_left { float: left; }
.fr,.f_right { float: right;}
.mb2{margin-bottom: 20px;}
html,body,.container{ position: relative;height: inherit; }
body { min-width: 1200px; max-width: 1920px;   margin: 0 auto;  background: #000;  }
.swiper-container { width: 100%; height: 100%; }
.scroll::-webkit-scrollbar  {  width: 6px;  height: 6px;  background-color: #F5F5F5;  }   
.scroll::-webkit-scrollbar-track  {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;  }  
.scroll::-webkit-scrollbar-thumb  {  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #555;  } 
.top{width: 100%;height: 1157px;background: url(../images/top.jpg) no-repeat center center; min-width: 1200px}
.page1{width: 100%;height: 497px;background: url(../images/page1.jpg) no-repeat center center; min-width: 1200px}
.page2{width: 100%;height: 1969px;background: url(../images/page2.jpg) no-repeat center center; min-width: 1200px;position: relative;}
.page3{width: 100%;height: 1686px;background: url(../images/page3.jpg) no-repeat center center; min-width: 1200px;position: relative;}
.page4{width: 100%;height: 1798px;background: url(../images/page4.jpg) no-repeat center center; min-width: 1200px;position: relative;}
.logo{ display: block; width: 271px; height: 114px; background: url(../../../images/logo.png) no-repeat center center; position: absolute; left: 44px; top:80px; z-index: 9}
.btnYY{width: 520px;height: 175px;background: url(../images/btnyy.png) no-repeat center top;position: absolute;cursor: pointer; left: 50%;margin: 0 0 0 -300px;top: 800px;}
.btninvite{width: 520px;height: 175px;background: url(../images/btninvite.png) no-repeat center top;position: absolute;cursor: pointer; left: 50%;margin: 0 0 0 -250px;top: 1400px;}
.btn_receive{width:357px;height: 90px;background: url(../images/btnreceive.png) no-repeat center top;background-size: 100%;position: absolute; cursor: default; -webkit-filter: grayscale(100%);
           -moz-filter: grayscale(100%);  -o-filter: grayscale(100%); filter: grayscale(100%);
}
.btn_receive.on{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);  -o-filter: grayscale(0%); filter: grayscale(0%); cursor: pointer;}
.receivebox{width:1098px;height: 1300px;background: url(../images/invitebg.png) no-repeat center top;position: absolute;left: 50%;margin: 0 0 0 -600px;top: 300px;}
.btn_receive.r1{width:252px;height: 64px;left: 40px;top:400px;}
.btn_receive.r2{width:252px;height: 64px;left: 420px;top:400px;}
.btn_receive.r3{width:252px;height: 64px;left: 810px;top:400px;}
.btn_receive.r4{ left: 100px;top:1220px;}
.btn_receive.r5{ left: 660px;top:1220px;}
.btninvite span{font-size: 33px;color: #e1ad5a;position: absolute;bottom: -50px;text-align: center;display: block;width: 100%;}
.btninvite span b{margin: 0 5px 0;}

/* lottery */
.prize_Main{position:absolute;width:1143px; height: 1170px; left:50%; margin: 0 0 0 -571px; top:272px; background:url(../images/lottery_bg2.png) no-repeat 0 0;}
.prize_icon{width: 100%; height: 100%; background:url(../images/lottery_bg.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 10;}
.prize_list{width: 100%; height: 100%; position: relative;}
.prize_list li{position:absolute; width:364px; height:388px; background: url(../images/on.png) no-repeat 0 -99999px;}
.prize_list li#p1{ left:0px; top:0px;}
.prize_list li#p2{ left:390px; top:0px;}
.prize_list li#p3{ left:779px; top:0px;}
.prize_list li#p4{ left:779px; top:390px;}
.prize_list li#p5{ left:779px; top:782px;}
.prize_list li#p6{  left:390px; top:782px;}
.prize_list li#p7{ left:0px; top:782px;}
.prize_list li#p8{ left:0px; top:390px;}
.prize_list li.on{background-position: 0 0;}
 
/*.prize_list li span{ display:none;position:absolute; width:100%; height:100%; left:0; top:0;background:rgba(255,255,255,.3);border-radius: 20px;}
.prize_list li.on span{ display:block;}*/

.btn_lottery{position:absolute; width:348px; height:360px; left:397px; top:406px; background:url(../images/btn_lottery.png); cursor:pointer; z-index: 20}
.btn_lottery span{color: #fff;font-size: 32px;text-align: center;width: 100%;display: block;position: absolute;bottom: 60px;}

.btn_times{width: 340px;height: 108px;background:url(../images/btn_times.png); cursor:pointer;position: absolute;left: 50%;margin: 0 0 0 -400px;top: 1500px;}
.btn_record{width: 340px;height: 108px;background:url(../images/btn_record.png); cursor:pointer;position: absolute;left: 50%;margin: 0 0 0 -170px;top: 1500px;}
.codebox{ width: 100%;height: 220px;text-align: center; position: absolute;top: 1500px;}
.code{width: 189px;height: 230px;background: url(../images/codebg.png) no-repeat center top; display: inline-block;margin:0 10px 0;position: relative;}
.code img{width: 163px;height: 163px;margin:14px auto 0;}
.code .title{font-size: 20px;color: #e5e5e5; text-align: center;position: absolute;bottom: 0; text-align: center; width: 100%;left: 0;}
.banner-container{width: 1130px;}
.banner-pagination{width: 100%;text-align: center;margin-top: 30px;}
.banner-pagination .swiper-pagination-bullet{width: 30px;height: 30px;background:url(../images/banner_ico.html) no-repeat center top; background-position-x: -69px;margin:0 10px 0;}
.banner-pagination .swiper-pagination-bullet-active{background-position-x: 0px;}
.featurebox{width: 100%; position: absolute; left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);top: 270px;}
.feature-next{ width: 58px;height: 110px;background: url(../images/feature-next.png) no-repeat center top;left: 50%;margin:16px 0 0 560px ;}
.feature-prev{ width: 58px;height: 110px;background: url(../images/feature-prev.png) no-repeat center top;left: 50%;margin:16px 0 0 -620px}

.featurebox .swiper-pagination-bullet{width: 101px; height: 109px; opacity: 1;}
.featurebox .swiper-pagination-bullet a{display: block; width: 100%; height: 100%; background: url(../../../images/point-on.png) no-repeat 0 -1000px;}
.featurebox .number1{background: url(../../../images/point1.png) no-repeat center 30px;}
.featurebox .number2{background: url(../../../images/point2.png) no-repeat center 30px;}
.featurebox .number3{background: url(../../../images/point3.png) no-repeat center 30px;}
.featurebox .number4{background: url(../../../images/point4.png) no-repeat center 30px;}
.featurebox .number5{background: url(../images/point5.png) no-repeat center 30px;}
.featurebox .swiper-pagination-bullet-active a{background-position: 0 0;}
.featurebox .swiper-container-horizontal>.swiper-pagination-bullets,.lunbo .swiper-pagination-custom,.lunbo .swiper-pagination-fraction{background: 0;}

/* pop */
/* pop_pic */
.pop_fixed{ display:none; position:fixed; width:100%; height:100%;  top:0; background:rgba(0,0,0,0.8); z-index:991; max-width: 100%; min-height: 100%;}
.pop_pic_cont{ position:absolute; width:100%; left:0; top:50%; transform:translate3d(0,-48%,0);-webkit-transform:translate3d(0,-48%,0);-ms-transform:translate3d(0,-48%,0);}
.closeBtn{ position:absolute; width:85px; height:85px; right:50%; margin-right:-350px; top:-10px; background:url(../images/close.png); cursor:pointer;}
.pop_cont2 .closeBtn{margin-right: -420px; }
.pop_pic_cont img{ width:100%;}
/* pop_rule_invite */
.rule_list{ width:460px; margin:0 auto; padding-top:5px;height: 520px;overflow: auto;}
.rule_list li{ margin-top:15px; overflow:hidden;}
.rule_list li span.rule_num{ float:left; width:22px; height:22px; margin-top:4px; font-size:20px;line-height:22px;color:#bbc2ca; text-align:center; background-color:#354b6c; border-radius:22px;}
.rule_list li p{ float:right; width:430px; font-size:22px; line-height:30px; color:#0e0f1d;}
.pop_cont1{ position:absolute; width:570px; height:744px; left:50%; top:50%; margin-left:-285px; margin-top:-377px;background: url(../images/popbg.png) no-repeat}
.pop_cont2{ position:absolute; width:680px; height:510px; left:50%; top:50%; margin-left:-340px; margin-top:-255px;background: url(../images/popbg2.png) no-repeat}
.pop_cont3{ position:absolute; width:699px; height:996px; left:50%; top:50%; margin-left:-340px; margin-top:-455px;background: url(../images/popbg3.png) no-repeat}

/* pop_share */
 .pop_share_t{ display:block; margin:55px auto 0;}
.share_cont{ width:490px; margin:-17px auto 0;}
.share_step_t{ padding-top:20px; font-size:18px; line-height:20px; color:#333333;}
.copy_box{ width:490px; height:inherit; margin-top:15px; overflow:hidden;}
.copy_link{  width:370px; height:50px; padding:0 10px; font-size:20px; line-height:50px; color:#424141; background:none; border-bottom:2px solid #354b6c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin: 100px auto 0;}

.pop_fixed .tit2{margin: 40px auto 0;}
.invitebox{ width: 375px;height: 38px;background: url(../images/numbg.png) no-repeat;margin: 10px auto 0;font-size: 22px;text-align: center;color: #fff;}
/* pop_address */
.address_form{ width:392px; height:240px; margin:0 auto; padding-top:8px;}
.address_form li{ width:392px; height:52px; margin-bottom:28px;}
.address_form li input{ width:370px; height:50px; padding:0 10px; font-size:20px; line-height:50px; color:#edcd88; text-align:center; background:#8f734f; border:1px solid #862e1e;}
 
.btn_sub_address:hover{ background-position:0 -62px;}
.btn_sub_address{width:170px; height:40px; background:#862e1e;color: #e9cc99;font-size: 26px;text-align: center; display: block;border-radius: 10px;margin:10px auto 0 ;}
/* pop_c_prize */
.pop_zhong_img{ height:152px; margin:0px auto 0; width: 146px; display: block;}
.pop_zhong_img img{ display:block; margin:0 auto; width: 100%;}
.zhong_tip,.zhong_tip2{ width:560px; margin:10px auto 0; font-size:22px; line-height:36px; color:#0e0f1d; text-align:center;}
.pop_cont2 .name{font-size: 20px;color: #48211a;text-align: center; width: 100%;line-height: 40px;}
#pop_prize_succ .pop_zhong_img{ height:132px; margin:10px auto 0; width: 116px;background: url(../images/prizebg.png) no-repeat;background-size: 100%; display: block;}
#pop_prize_succ .p_tit{width: 100%;text-align: center;color: #48211a;}
#pop_prize_succ .p_tit span{color: #8a2f1e;}
.prizecodebox{color: #502800;font-size: 20px; width: 400px;height: 50px;position: relative;margin: 10px auto 0;}
.prizecodebox span{display: inline-block;width: 300px;height: 40px;line-height: 40px;background:#fff;border: 1px solid #502800; vertical-align: middle;text-indent: 10px;}
/* pop_myprize */
.pop_cont5{position:absolute; width:642px; height:500px; left:50%; top:50%; margin-left:-321px; margin-top:-250px; background:url(../images/pop_cont_bg5.html);}
.myprize_scroll{ width:560px; height:277px; margin:0px auto 0; padding-top:1px;}
.scrollDiv{overflow-x:hidden; overflow-y:auto; height: 220px;}
.scrollDiv::-webkit-scrollbar{ width:4px; background:url(../images/scroll.html) center top repeat-y;}
.scrollDiv::-webkit-scrollbar-thumb{ width:4px; background:#97a2b1;}
.myprize_list{ padding-top:1px; width: 100%;}
.myprize_list li{ margin-top:26px; display: flex;justify-content: space-between; align-items: center; width: 100%;}
.myprize_list li span{font-size: 20px;}
.prize_tit{width: 100%;clear: both;height: 50px;margin: 20px auto 0;}
.prize_tit span{display: block;float: left;font-size: 30px;color: #48211a;font-weight: bold;width: 260px;}
.prize_name,.card_code{ height:40px; font-size:24px; line-height:30px; color:#48211a; text-align:left; width: 200px;display: inline-block;}
.card_code{ height:24px;line-height:24px;}
.btn_copy_code,.btn_pop_address{ display:block; width:130px; height:35px;cursor: pointer; line-height: 35px;margin: 0 5px 0 0;  border: 1px solid #8a2f1e;color: #8a2f1e;text-align: center;font-size: 28px;border-radius: 10px;}
.btn_pop_address{ background:url(../images/btn_pop_address.html);}
.btn_copy_code:hover,.btn_pop_address:hover{ background-position:0 -62px;}
#btn_copy,.btn_copy{  width:170px; height:40px; background:#862e1e;color: #e9cc99;font-size: 26px;text-align: center; display: block;border-radius: 10px;margin:10px auto 0; cursor: pointer;}
 .pop_address{font-size: 35px;color: #8a2f1e; text-align: center;text-decoration: underline; cursor: pointer;}
/*  */
.navbox{width:300px;height: 40px;position: absolute;right: 50px;top: 100px; z-index: 10;}
.btn_home{width: 162px;height: 39px;background: url(../images/btn_home.png) no-repeat center top;display: inline-block;}
 
.btn_back{width: 147px;height: 39px;background: url(../images/btn_back.html) no-repeat center top;display: inline-block;}
.btn_back:hover{background-position-y: -50px;}
.loginbox{ background-color: #0f0f12; border: 2px solid #35323a; min-width: 180px; height: 28px; line-height: 28px; border-radius: 10px; -webkit-border-radius: 10px; position: absolute; right: 400px; top:16px; z-index: 9; color: #7b7a7a; font-size: 14px; text-align: center; padding-left: 10px; padding-right: 10px; }
.btnLogin,.quit{ color: #b49b73; font-weight: bold; cursor: pointer; }
.loginout{ display: none;}
.btn_lottry_rule{width: 284px;height: 34px;background: url(../images/lottry_rule.png) no-repeat center top;margin: 0 auto;position: absolute;left: 50%;margin: 0 0 0 -162px;top: 220px;cursor: pointer;}
.btn_rule{width: 284px;height: 34px;background: url(../images/act_rule.png) no-repeat center top;margin: 0 auto;position: absolute;left: 50%;margin: 0 0 0 -162px;top: 220px;cursor: pointer;}

/***动画***/
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing{
    20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}



/**进入**/
@-webkit-keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

/**音符跳动**/
@-webkit-keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}
@keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}

/**360度旋转**/
@-webkit-keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 0;transform-origin:0 0}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}

/**3d 旋转**/
@keyframes round{
    0%{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
    50%{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
    100%{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}
}

@-webkit-keyframes round{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}

/**箭头上下飘动**/
@-webkit-keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(6px);transform:translateY(6px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{
    0%{opacity:0}100%{opacity:1}}

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

@-webkit-keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

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

@-webkit-keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

/**二维码横线**/
@-webkit-keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
    50%{opacity:1;-webkit-transform:translateY(70px);transform:translateY(70px)}
    100%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    50%{opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)}
    100%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}

/**明暗呼吸**/
@-webkit-keyframes breath{
    0%{opacity:0; }
    50%{opacity:1; }
    100%{opacity:0; }
}
@keyframes breath{
    0%{opacity:0; }
    50%{opacity:1; }
    100%{opacity:0; }
}
 
.login_box{ position:absolute; width:300px; height:30px; right:80px; top:165px; font-size:18px; line-height:30px; color:#7b7a7a; text-align:center; background:rgba(11,11,12,0.7); border:1px solid #413d45; border-radius:10px;}
.login_after{ display:none;}
.login_box span,.login_box a{ color:#b49b73;}
.login_box a{ font-weight:bold; cursor:pointer;}
 #pop_yy .closeBtn{margin-right: -300px; top: -18px;}