@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu { margin: 0; padding: 0}
body { padding: 0; margin: 0; background: #3a6a81; font: .16rem "Microsoft YaHei";}
html,body,fieldset,img,iframe,abbr { border: 0;}
* {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-focus-ring-color: rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
ul,li {list-style: none;}
input,button,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit;}
textarea {overflow: auto; resize: none;}
h1,h2,h3,h4,h5,h6,em,strong,b {font-weight: 700;}
a {
    border: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none
}
a:hover { text-decoration: none;}
img{ width: 100%; vertical-align: middle;}
input,select{ outline: none;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
.hide {display: none;}
.none {display: none;}
.fl {float: left;}
.fr {float: right;}
.show {display: block;}
img[src=""],img:not([src]){opacity:0;}
.container{
    width: 100%;
    min-width: 1000px;
    overflow: hidden;
	position:relative;
}

body, html { height:100%;}

/*-- container --*/
.main_logo {width:3.2rem; height:1.8rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_logo.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.15rem; margin-left:-6.5rem; z-index:11;}

.main_menubg {width:100%; height:0.7rem; display:block; background-color:rgba(0,0,0,0.6); position:absolute; left:0; top:0rem; z-index:10;}
.main_menu {width:9rem; height:0.7rem; display:block; position:absolute; left:50%; top:0; margin-left:-3rem; z-index:5;}
.main_menu a {width:1.5rem; height:0.65rem; padding-top:0.2rem; color:#ffffff; font-size:0.18rem; line-height:0.3rem; text-align:center; float:left; position:relative;}
.main_menu span { display:none;}
.main_menu a:hover { color:#fffd6e;}
.main_menu a:hover:after { content:''; width:1.5rem; height:0.15rem; display:block; background:url(../images/mainpc_bg01_menuhua.png) no-repeat; background-size:100%; position:absolute; left:0; bottom:0;}



.main_bg01 {width:100%; height:10rem; display:block; overflow:hidden; position:relative; z-index:3;}
.main_bg01:after {content:''; width:100%; height:3rem; display:block; background:url(../images/mainpc_bg01_bottom.png) no-repeat center bottom; background-size:100%; background-size:cover; position:absolute; left:0; bottom:0; z-index:3; pointer-events: none; }
.main_bg01_bg {width:100%; height:10.8rem; display:block; background:url(../images/indexpc_bg01.jpg) no-repeat center top; background-size:auto 100%; overflow:hidden; position:relative; z-index:1;}

.index_bg01_ren {width:12rem; height:10.8rem; display:block; position:absolute; left:50%; top:-0.2rem; margin-left:-2.4rem; z-index:3;}
.index_bg01_ren1 {width:12rem; height:10.8rem; display:block; background:url(../images/indexpc_bg01_ren1.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:3; -webkit-animation:bg01_ren1 3s linear infinite;transform-origin: center center;}
.index_bg01_ren2 {width:12rem; height:10.8rem; display:block; background:url(../images/indexpc_bg01_ren2.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:4; -webkit-animation:bg01_ren2 3s linear infinite;transform-origin: right center;}
.index_bg01_ren3 {width:12rem; height:10.8rem; display:block; background:url(../images/indexpc_bg01_ren3.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:5; -webkit-animation:bg01_ren2 3s linear infinite;transform-origin: left center;}

@-webkit-keyframes bg01_ren1 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
	transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bg01_ren2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
	transform: scale3d(1.01, 1.01, 1.01);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.index_bg01_text {width:8rem; height:5rem; display:block; background:url(../images/indexpc_bg01_text.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.7rem; margin-left:-8.35rem; z-index:7; pointer-events: none;}
.index_bg01_text:before {content: ''; width:8rem; height:5rem; display:block; background:url(../images/indexpc_bg01_textgg.png) no-repeat; background-size:100% 3000%; position:absolute; left:0; top:0; -webkit-animation: bg01_text 2s steps(30) infinite; mix-blend-mode: screen; opacity:0.8;}
	@-webkit-keyframes bg01_text{
     to{
         background-position: 0 -150rem;
     }
	}
.index_bg01_yun {width:100%; height:10.8rem; display:block; background:url(../images/indexpc_bg01_gg.png) no-repeat center top; background-size:100%; background-size:cover; position:absolute; left:0; top:0; z-index:6;  mix-blend-mode: screen; pointer-events: none;}
.index_bg01_sun {width:7.6rem; height:7.6rem; display:block; background:url(../images/indexpc_bg01_sungg.gif) no-repeat; background-size:100%; position:absolute; left:50%; top:-1.4rem; margin-left:-3.3rem; z-index:7;transform: rotate(-30deg); mix-blend-mode: screen; pointer-events: none;}

.main_bg01_mc {width:7.8rem; height:1.2rem; display:block; position:absolute; left:50%; top:7.5rem; margin-left:-3.9rem; z-index:10;}
.main_bg01_mc .game_icon { display:none;}
.main_bg01_mc .down_code {width:1.52rem; height:1.16rem; display:block; background:url(../images/indexpc_bg01_btn1.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:0rem;}
.main_bg01_mc .down_code img {width:0.8rem; height:0.8rem; display:block; position:absolute; left:0.5rem; top:0.17rem;}
.main_bg01_mc .down_googleplay {width:1.40rem; height:0.54rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn2.png) no-repeat; background-size:100%; position:absolute; left:1.7rem; top:0.04rem;}
.main_bg01_mc .down_appstore {width:1.40rem; height:0.54rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn3.png) no-repeat; background-size:100%; position:absolute; left:1.7rem; top:0.6rem;}
.main_bg01_mc .down_pcgame { display:none;}
.main_bg01_mc .down_gamebox {width:1.27rem; height:1.03rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn4b.png) no-repeat; background-size:100%; position:absolute; left:3.22rem; top:0.06rem;}
.main_bg01_mc a { cursor:pointer;}
.main_bg01_mc .down_play {width:3.06rem; height:1.03rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn5.png) no-repeat; background-size:100%; position:absolute; left:4.65rem; top:0.06rem; cursor:pointer;}
.main_bg01_mc .down_play:before {content: ''; width:3.06rem; height:1.03rem; display:block; background:url(../images/indexpc_bg01_btn5t2.png) no-repeat; background-size:100%;}
.main_bg01_mc a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}


.main_bg01_179 {width:3.06rem; display:block; position:absolute; left:50%; top:7.5rem; margin-left:-1.53rem; z-index:6;}
.main_bg01_179 .down_play {width:3.06rem; height:1.03rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_bg01_btn5.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:0.06rem; cursor:pointer;}
.main_bg01_179 .down_play:before {content: ''; width:3.06rem; height:1.03rem; display:block; background:url(../images/indexpc_bg01_btn5t2.png) no-repeat; background-size:100%;}
.main_bg01_179 a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}


.main_bg02 {width:100%; height:10.8rem; display:block; background:url(../images/mainpc_bg02.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; z-index:3;}
.main_bg03 {width:100%; height:10.8rem; display:block; background:url(../images/mainpc_bg03.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; z-index:3;}
.main_bg04 {width:100%; height:10.8rem; display:block; background:url(../images/mainpc_bg04.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; z-index:3;}
.main_bg05 {width:100%; height:10.8rem; display:block; background:url(../images/mainpc_bg05.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; z-index:3;}
.main_bg06 {width:100%; height:2rem; display:block; background:url(../images/mainpc_bg06.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; z-index:3; color:#1a2438;}

.main_bg02_title {width:4.4rem; height:2rem; display:block; background:url(../images/mainpc_bg02_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.2rem; margin-left:-2.2rem; z-index:4;}
.main_bg03_title {width:4.4rem; height:2rem; display:block; background:url(../images/mainpc_bg03_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.6rem; margin-left:-2.2rem; z-index:4;}
.main_bg04_title {width:4.4rem; height:2rem; display:block; background:url(../images/mainpc_bg04_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.6rem; margin-left:-2.2rem; z-index:4;}
.main_bg05_title {width:4.4rem; height:2rem; display:block; background:url(../images/mainpc_bg05_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.1rem; margin-left:-2.2rem; z-index:4;}



@-webkit-keyframes big_in { 
	0%{ opacity:0; -webkit-transform: scale3d(1.4, 1.4, 1.4);}
	100%{ opacity:1; -webkit-transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes small_in { 
	0%{ opacity:0; -webkit-transform: scale3d(0.7, 0.7, 0.7);}
	100%{ opacity:1; -webkit-transform: scale3d(1, 1, 1);}
}
@-webkit-keyframes show_in { 
	0%{ opacity:0;}
	100%{ opacity:1;}
}
@-webkit-keyframes left_in { 
	from {opacity:0; -webkit-transform: translate3d(-50%, 0, 0);}
	to {opacity:1; -webkit-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes right_in { 
	from {opacity:0; -webkit-transform: translate3d(50%, 0, 0);}
	to {opacity:1; -webkit-transform: translate3d(0%, 0, 0);}
}
@-webkit-keyframes top_in { 
	from {opacity:0; -webkit-transform: translate3d(0, -20%, 0);}
	to {opacity:1; -webkit-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes bottom_in { 
	from {opacity:0; -webkit-transform: translate3d(0, 20%, 0);}
	to {opacity:1; -webkit-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes rotateleft { 
	from{-webkit-transform:rotate(0deg);}     
	to{-webkit-transform:rotate(360deg);}   
}
@-webkit-keyframes rotateright { 
	from{-webkit-transform:rotate(360deg);}     
	to{-webkit-transform:rotate(0deg);}   
}

@-webkit-keyframes animatop{
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -8%, 0);
    transform: translate3d(0, -8%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animazoon{
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


.main_bg02_mc {width:14rem; height:7.6rem; display:block; background:url(../images/mainpc_bg02_mc.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.3rem; margin-left:-7rem; opacity:0;}

.main_bg02_01 {width:4.5rem; height:5.5rem; display:block; position:absolute; left:50%; top:0rem; margin-left:-6.4rem; z-index:5;}
#picBox {width:4.5rem; height:5.5rem; position:relative; display:block; position:absolute; left:0.5rem; top:0.9rem;}
.show_picbg {width:4.5rem; height:5.5rem; display:block; overflow:hidden; border:0.03rem solid #ffffff;border-radius:0.3rem; position:absolute; left:0rem; top:0rem; z-index:1;}
#show_pic {width:60rem; height:5.5rem; position:absolute;}
#show_pic li { float:left;}
#show_pic img {width:4.5rem; height:5.5rem;}
#icon_num{ width:3.5rem; font-size:0.14rem; line-height:0.14rem; color:#FFFFFF; position:absolute; left:0.53rem; top:5.75rem; z-index:5; text-align:center; display:block;}
#icon_num li{ width:0.14rem; height:0.14rem; display:inline-block; background:#ffffff; border-radius:0.1rem; text-indent:-999rem; overflow:hidden; cursor:pointer; margin:0 0.05rem;}
#icon_num li.active { background:#f2de98;}

.main_bg02_02 {width:5rem; height:5.6rem; display:block; position:absolute; left:50%; top:0.93rem; margin-left:-0.2rem; z-index:2;}
.news_top { display:none;}
.news_cen {width:5rem; display:block; position:absolute; left:0rem; top:0rem;}
.news_cen .TabTitle {width:5rem; height:0.64rem; padding:0 0 0 0; display:block; }
.news_cen .TabTitle li {width:1rem; height:0.64rem; float:left; margin:0 0rem; text-align:center; font-size:0.2rem; line-height:0.64rem; color:#ffffff; cursor:pointer;}
.news_cen .TabTitle li.active { color:#000000; position:relative; background:url(../images/mainpc_bg02_news_tab.png) no-repeat; background-size:100%;}
.news_cen .TabContent {width:100%; display:block; position:relative; padding-top:0.2rem;}
.news_cen_more {position:absolute; left:1.5rem; top:4.2rem;}
.news_cen_more a {width:2rem; height:0.5rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg02_news_more.png) no-repeat; background-size:100%;}
.news_cen_more a:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.news_cen_title { display:none;}
.news_cen_list {width:100%; display:block; overflow:hidden; height:3.6rem;}
.news_cen_list li {width:5rem; float:left; height:0.5rem; padding-top:0.09rem; font-size:0.18rem; line-height:0.5rem; border-bottom:0.01rem dashed #626369; color:#a7aab2; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; position:relative;}
.news_cen_list li a.news_icon {width:0.8rem; float:left; position:relative;}
.news_cen_list li .news_icon span {width:0.8rem; text-align:center; display:block; color:#b921b7; margin:0 auto;}
.news_cen_list li a.news_icon span:before {content: '【'; float:left;}
.news_cen_list li a.news_icon span:after {content: '】'; float:right;}
.news_cen_list li .news_icon span.news1 { color:#f52af3;}
.news_cen_list li .news_icon span.news2 { color:#2dbbdb;}
.news_cen_list li .news_icon span.news3 { color:#2dcc26;}
.news_cen_list li .news_icon span.news4 { color:#e08228;}
.news_cen_list li .news_icon span.news5 { color:#3c83d4;}
.news_cen_list li .news_icon span.news6 { color:#3c83d4;}
.news_cen_list li .news_icon span.news7 { color:#3c83d4;}
.news_cen_list li .news_icon span.news8 { color:#3c83d4;}
.news_cen_list li .news_icon span.news11 { color:#8baf29;}
.news_cen_list li .news_icon span:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.news_cen_list li a.news_title {width:4.12rem; color:#a7aab2; float:left; height:0.5rem; overflow:hidden; word-break:keep-all;white-space:nowrap; text-overflow: ellipsis; padding-left:0.05rem;}
.news_cen_list li a.news_title:hover { color:#dadde4; text-decoration:none;}
.news_cen_list li span.news_time { color:#999999; display:none; pointer-events: none; }

.main_bg02_03 {display:none;}

.animated .main_bg02_mc {-webkit-animation:small_in 0.5s linear 0s forwards;}




.main_bg03_mc {width:15.6rem; height:8rem; display:block; position:absolute; left:50%; top:2rem; margin-left:-7.8rem; z-index:2; opacity:0;}
.animated .main_bg03_mc {-webkit-animation:small_in 0.5s linear 0s forwards;}

.main_bg03_hero {width:15.6rem; height:8rem; display:block; position:absolute; left:0rem; top:0; z-index:1;}

.main_bg03_btn {width:6rem; height:0.9rem; display:block; position:absolute; left:50%; top:6.9rem; margin-left:-3rem; z-index:9;}
.main_bg03_btn div {width:0.9rem; height:0.9rem; display:block; position:absolute; top:0;-webkit-animation:bg03_btn 2s linear infinite; cursor:pointer;}
@-webkit-keyframes bg03_btn { 
	0%{ margin:0rem 0rem 0 0rem;}
	50%{ margin:0rem -0.15rem 0 -0.15rem;}
	100%{ margin:0rem 0rem 0 0rem;}
}
.main_bg03_btn .left_btn {background:url(../images/mainpc_bg03_bgleft.png) no-repeat; background-size:100%; left:0;}
.main_bg03_btn .right_btn {background:url(../images/mainpc_bg03_bgright.png) no-repeat; background-size:100%; right:0;}
.main_bg03_btn div:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}


.main_bg03_name {width:3.8rem; height:1rem; display:block; background:url(../images/mainpc_bg03_bgname.png) no-repeat; background-size:100%; position:absolute; left:50%; top:6.8rem; margin-left:-1.9rem; z-index:6;}
.main_bg03_name div {width:2.4rem; height:0.8rem; display:block; position:absolute; left:0.7rem; top:0.1rem; z-index:7;}

.main_bg03_ren {width:9.6rem; height:7.68rem; display:block; position:absolute; left:50%; top:0; margin-left:-4.8rem; z-index:5;}
.main_bg03_ren div {width:9.6rem; height:7.68rem; display:block; position:absolute; left:0; top:0; }

.main_bg03_card {width:3.2rem; height:4.44rem; display:block; position:absolute; left:6.2rem; top:2rem; z-index:3; perspective: 15.6rem;}
.main_bg03_card div {width:3.2rem; height:4.44rem; display:block; position:absolute;}

.main_bg03_card .card_L1 {-webkit-animation:card_L1 0.5s linear 0s forwards;}
.main_bg03_card .card_L2 {-webkit-animation:card_L2 0.5s linear 0s forwards;}
.main_bg03_card .card_L3 {-webkit-animation:card_L3 0.5s linear 0s forwards;}
.main_bg03_card .card_L4 {-webkit-animation:card_L4 0.5s linear 0s forwards;}
.main_bg03_card .card_L5 {-webkit-animation:card_L5 0.5s linear 0s forwards;}
.main_bg03_card .card_L6 {-webkit-animation:card_L6 0.5s linear 0s forwards;}
.main_bg03_card .card_L7 {-webkit-animation:card_L7 0.5s linear 0s forwards;}
.main_bg03_card .card_L8 {-webkit-animation:card_L8 0.5s linear 0s forwards;}
.main_bg03_card .card_L9 {-webkit-animation:card_L9 0.5s linear 0s forwards;}
.main_bg03_card .card_L10 {-webkit-animation:card_L10 0.5s linear 0s forwards;}
.main_bg03_card .card_L11 {-webkit-animation:card_L11 0.5s linear 0s forwards;}
.main_bg03_card .card_L12 {-webkit-animation:card_L12 0.5s linear 0s forwards;}

.main_bg03_card .card_R1 {-webkit-animation:card_R1 0.5s linear 0s forwards;}
.main_bg03_card .card_R2 {-webkit-animation:card_R2 0.5s linear 0s forwards;}
.main_bg03_card .card_R3 {-webkit-animation:card_R3 0.5s linear 0s forwards;}
.main_bg03_card .card_R4 {-webkit-animation:card_R4 0.5s linear 0s forwards;}
.main_bg03_card .card_R5 {-webkit-animation:card_R5 0.5s linear 0s forwards;}
.main_bg03_card .card_R6 {-webkit-animation:card_R6 0.5s linear 0s forwards;}
.main_bg03_card .card_R7 {-webkit-animation:card_R7 0.5s linear 0s forwards;}
.main_bg03_card .card_R8 {-webkit-animation:card_R8 0.5s linear 0s forwards;}
.main_bg03_card .card_R9 {-webkit-animation:card_R9 0.5s linear 0s forwards;}
.main_bg03_card .card_R10 {-webkit-animation:card_R10 0.5s linear 0s forwards;}
.main_bg03_card .card_R11 {-webkit-animation:card_R11 0.5s linear 0s forwards;}
.main_bg03_card .card_R12 {-webkit-animation:card_R12 0.5s linear 0s forwards;}

@-webkit-keyframes card_L1 { 
	0%{-webkit-transform: translateX(-2.5rem) translateZ(1rem) rotateX(0) rotateY(45deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(-4.05rem) translateZ(3.5rem) rotateX(0) rotateY(70deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L2 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(1);}
	100%{-webkit-transform: translateX(-2.5rem) translateZ(1rem) rotateX(0) rotateY(45deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L3 { 
	0%{-webkit-transform: translateX(2.5rem) translateZ(1rem) rotateX(0) rotateY(-45deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(1);}
}
@-webkit-keyframes card_L4 { 
	0%{-webkit-transform: translateX(4.05rem) translateZ(3.5rem) rotateX(0) rotateY(-70deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(2.5rem) translateZ(1rem) rotateX(0) rotateY(-45deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L5 { 
	0%{-webkit-transform: translateX(4.6rem) translateZ(6.4rem) rotateX(0) rotateY(-90deg) scaleX(0.88) scaleY(0.88); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(4.05rem) translateZ(3.5rem) rotateX(0) rotateY(-70deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L6 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(4.6rem) translateZ(6.4rem) rotateX(0) rotateY(-90deg) scaleX(0.88) scaleY(0.88); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L7 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L8 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L9 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L10 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L11 { 
	0%{-webkit-transform: translateX(-5.7rem) translateZ(4.8rem) rotateX(0) rotateY(80deg) scaleX(0.96) scaleY(0.96); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_L12 { 
	0%{-webkit-transform: translateX(-4.05rem) translateZ(3.5rem) rotateX(0) rotateY(70deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(-4.6rem) translateZ(6.4rem) rotateX(0) rotateY(90deg) scaleX(0.88) scaleY(0.88); opacity:0; -webkit-filter:sepia(0);}
}


@-webkit-keyframes card_R1 { 
	0%{-webkit-transform: translateX(-4.6rem) translateZ(6.4rem) rotateX(0) rotateY(90deg) scaleX(0.88) scaleY(0.88); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(-4.05rem) translateZ(3.5rem) rotateX(0) rotateY(70deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R2 { 
	0%{-webkit-transform: translateX(-4.05rem) translateZ(3.5rem) rotateX(0) rotateY(70deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(-2.5rem) translateZ(1rem) rotateX(0) rotateY(45deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R3 { 
	0%{-webkit-transform: translateX(-2.5rem) translateZ(1rem) rotateX(0) rotateY(45deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(1);}
}
@-webkit-keyframes card_R4 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(1);}
	100%{-webkit-transform: translateX(2.5rem) translateZ(1rem) rotateX(0) rotateY(-45deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R5 { 
	0%{-webkit-transform: translateX(2.5rem) translateZ(1rem) rotateX(0) rotateY(-45deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(4.05rem) translateZ(3.5rem) rotateX(0) rotateY(-70deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R6 { 
	0%{-webkit-transform: translateX(4.05rem) translateZ(3.5rem) rotateX(0) rotateY(-70deg) scaleX(0.88) scaleY(0.88); opacity:1; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(4.6rem) translateZ(6.4rem) rotateX(0) rotateY(-90deg) scaleX(0.88) scaleY(0.88); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R7 { 
	0%{-webkit-transform: translateX(4.6rem) translateZ(6.4rem) rotateX(0) rotateY(-90deg) scaleX(0.88) scaleY(0.88); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R8 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R9 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R10 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R11 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
}
@-webkit-keyframes card_R12 { 
	0%{-webkit-transform: translateX(0rem) translateZ(0rem) rotateX(0) rotateY(0deg) scaleX(1) scaleY(1); opacity:0; -webkit-filter:sepia(0);}
	100%{-webkit-transform: translateX(-4.6rem) translateZ(6.4rem) rotateX(0) rotateY(90deg) scaleX(0.88) scaleY(0.88); opacity:0; -webkit-filter:sepia(0);}
}


.main_bg03_name .card_L1 {-webkit-animation:name_L1 0.5s linear 0s forwards;}
.main_bg03_name .card_L2 {-webkit-animation:name_L2 0.5s linear 0s forwards;}
.main_bg03_name .card_L3 {-webkit-animation:name_L3 0.5s linear 0s forwards;}
.main_bg03_name .card_L4 {-webkit-animation:name_L4 0.5s linear 0s forwards;}
.main_bg03_name .card_L5 {-webkit-animation:name_L5 0.5s linear 0s forwards;}
.main_bg03_name .card_L6 {-webkit-animation:name_L6 0.5s linear 0s forwards;}
.main_bg03_name .card_L7 {-webkit-animation:name_L7 0.5s linear 0s forwards;}
.main_bg03_name .card_L8 {-webkit-animation:name_L8 0.5s linear 0s forwards;}
.main_bg03_name .card_L9 {-webkit-animation:name_L9 0.5s linear 0s forwards;}
.main_bg03_name .card_L10 {-webkit-animation:name_L10 0.5s linear 0s forwards;}
.main_bg03_name .card_L11 {-webkit-animation:name_L11 0.5s linear 0s forwards;}
.main_bg03_name .card_L12 {-webkit-animation:name_L12 0.5s linear 0s forwards;}

.main_bg03_name .card_R1 {-webkit-animation:name_R1 0.5s linear 0s forwards;}
.main_bg03_name .card_R2 {-webkit-animation:name_R2 0.5s linear 0s forwards;}
.main_bg03_name .card_R3 {-webkit-animation:name_R3 0.5s linear 0s forwards;}
.main_bg03_name .card_R4 {-webkit-animation:name_R4 0.5s linear 0s forwards;}
.main_bg03_name .card_R5 {-webkit-animation:name_R5 0.5s linear 0s forwards;}
.main_bg03_name .card_R6 {-webkit-animation:name_R6 0.5s linear 0s forwards;}
.main_bg03_name .card_R7 {-webkit-animation:name_R7 0.5s linear 0s forwards;}
.main_bg03_name .card_R8 {-webkit-animation:name_R8 0.5s linear 0s forwards;}
.main_bg03_name .card_R9 {-webkit-animation:name_R9 0.5s linear 0s forwards;}
.main_bg03_name .card_R10 {-webkit-animation:name_R10 0.5s linear 0s forwards;}
.main_bg03_name .card_R11 {-webkit-animation:name_R11 0.5s linear 0s forwards;}
.main_bg03_name .card_R12 {-webkit-animation:name_R12 0.5s linear 0s forwards;}

@-webkit-keyframes name_L1 { 
	0%{-webkit-transform: translateX(-60%); opacity:0;}
	100%{-webkit-transform: translateX(-100%); opacity:0;}
}
@-webkit-keyframes name_L2 { 
	0%{-webkit-transform: translateX(0); opacity:1;}
	100%{-webkit-transform: translateX(-60%); opacity:0;}
}
@-webkit-keyframes name_L3 { 
	0%{-webkit-transform: translateX(60%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:1;}
}
@-webkit-keyframes name_L4 { 
	0%{-webkit-transform: translateX(100%); opacity:0;}
	100%{-webkit-transform: translateX(60%); opacity:0;}
}
@-webkit-keyframes name_L5 { 
	0%{-webkit-transform: translateX(0); opacity:0;}
	100%{-webkit-transform: translateX(100%); opacity:0;}
}
@-webkit-keyframes name_L6 { 
	0%{-webkit-transform: translateX(-100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_L7 { 
	0%{-webkit-transform: translateX(-100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_L8 { 
	0%{-webkit-transform: translateX(-100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_L9 { 
	0%{-webkit-transform: translateX(-100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_L10 { 
	0%{-webkit-transform: translateX(-100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_L11 { 
	0%{-webkit-transform: translateX(-100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_L12 { 
	0%{-webkit-transform: translateX(-100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}


@-webkit-keyframes name_R1 { 
	0%{-webkit-transform: translateX(0); opacity:0;}
	100%{-webkit-transform: translateX(-100%); opacity:0;}
}
@-webkit-keyframes name_R2 { 
	0%{-webkit-transform: translateX(-100%); opacity:0;}
	100%{-webkit-transform: translateX(-60%); opacity:0;}
}
@-webkit-keyframes name_R3 { 
	0%{-webkit-transform: translateX(-60%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:1;}
}
@-webkit-keyframes name_R4 { 
	0%{-webkit-transform: translateX(0); opacity:1;}
	100%{-webkit-transform: translateX(60%); opacity:0;}
}
@-webkit-keyframes name_R5 { 
	0%{-webkit-transform: translateX(60%); opacity:0;}
	100%{-webkit-transform: translateX(100%); opacity:0;}
}
@-webkit-keyframes name_R6 { 
	0%{-webkit-transform: translateX(100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_R7 { 
	0%{-webkit-transform: translateX(100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_R8 { 
	0%{-webkit-transform: translateX(100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_R9 { 
	0%{-webkit-transform: translateX(100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_R10 { 
	0%{-webkit-transform: translateX(100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_R11 { 
	0%{-webkit-transform: translateX(100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}
@-webkit-keyframes name_R12 { 
	0%{-webkit-transform: translateX(100%); opacity:0;}
	100%{-webkit-transform: translateX(0); opacity:0;}
}


.main_bg03_ren .card_L1 {-webkit-animation:ren_L1 0.5s linear 0s forwards;}
.main_bg03_ren .card_L2 {-webkit-animation:ren_L2 0.5s linear 0s forwards;}
.main_bg03_ren .card_L3 {-webkit-animation:ren_L3 0.5s linear 0s forwards;}
.main_bg03_ren .card_L4 {-webkit-animation:ren_L4 0.5s linear 0s forwards;}
.main_bg03_ren .card_L5 {-webkit-animation:ren_L5 0.5s linear 0s forwards;}
.main_bg03_ren .card_L6 {-webkit-animation:ren_L6 0.5s linear 0s forwards;}
.main_bg03_ren .card_L7 {-webkit-animation:ren_L7 0.5s linear 0s forwards;}
.main_bg03_ren .card_L8 {-webkit-animation:ren_L8 0.5s linear 0s forwards;}
.main_bg03_ren .card_L9 {-webkit-animation:ren_L9 0.5s linear 0s forwards;}
.main_bg03_ren .card_L10 {-webkit-animation:ren_L10 0.5s linear 0s forwards;}
.main_bg03_ren .card_L11 {-webkit-animation:ren_L11 0.5s linear 0s forwards;}
.main_bg03_ren .card_L12 {-webkit-animation:ren_L12 0.5s linear 0s forwards;}

.main_bg03_ren .card_R1 {-webkit-animation:ren_R1 0.5s linear 0s forwards;}
.main_bg03_ren .card_R2 {-webkit-animation:ren_R2 0.5s linear 0s forwards;}
.main_bg03_ren .card_R3 {-webkit-animation:ren_R3 0.5s linear 0s forwards;}
.main_bg03_ren .card_R4 {-webkit-animation:ren_R4 0.5s linear 0s forwards;}
.main_bg03_ren .card_R5 {-webkit-animation:ren_R5 0.5s linear 0s forwards;}
.main_bg03_ren .card_R6 {-webkit-animation:ren_R6 0.5s linear 0s forwards;}
.main_bg03_ren .card_R7 {-webkit-animation:ren_R7 0.5s linear 0s forwards;}
.main_bg03_ren .card_R8 {-webkit-animation:ren_R8 0.5s linear 0s forwards;}
.main_bg03_ren .card_R9 {-webkit-animation:ren_R9 0.5s linear 0s forwards;}
.main_bg03_ren .card_R10 {-webkit-animation:ren_R10 0.5s linear 0s forwards;}
.main_bg03_ren .card_R11 {-webkit-animation:ren_R11 0.5s linear 0s forwards;}
.main_bg03_ren .card_R12 {-webkit-animation:ren_R12 0.5s linear 0s forwards;}

@-webkit-keyframes ren_L1 { 
	0%{-webkit-transform: translateX(-40%) scaleX(1.2) scaleY(1.2); opacity:0;}
	100%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_L2 { 
	0%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:1;}
	100%{-webkit-transform: translateX(-40%) scaleX(1.2) scaleY(1.2); opacity:0;}
}
@-webkit-keyframes ren_L3 { 
	0%{-webkit-transform: translateX(40%) scaleX(1.2) scaleY(1.2); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:1;}
}
@-webkit-keyframes ren_L4 { 
	0%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(40%) scaleX(1.2) scaleY(1.2); opacity:0;}
}
@-webkit-keyframes ren_L5 { 
	0%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_L6 { 
	0%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_L7 { 
	0%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_L8 { 
	0%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_L9 { 
	0%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_L10 { 
	0%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_L11 { 
	0%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_L12 { 
	0%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}

@-webkit-keyframes ren_R1 { 
	0%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_R2 { 
	0%{-webkit-transform: translateX(-80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(-40%) scaleX(1.2) scaleY(1.2); opacity:0;}
}
@-webkit-keyframes ren_R3 { 
	0%{-webkit-transform: translateX(-40%) scaleX(1.2) scaleY(1.2); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:1;}
}
@-webkit-keyframes ren_R4 { 
	0%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:1;}
	100%{-webkit-transform: translateX(40%) scaleX(1.2) scaleY(1.2); opacity:0;}
}
@-webkit-keyframes ren_R5 { 
	0%{-webkit-transform: translateX(40%) scaleX(1.2) scaleY(1.2); opacity:0;}
	100%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_R6 { 
	0%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_R7 { 
	0%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_R8 { 
	0%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_R9 { 
	0%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_R10 { 
	0%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_R11 { 
	0%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}
@-webkit-keyframes ren_R12 { 
	0%{-webkit-transform: translateX(80%) scaleX(1) scaleY(1); opacity:0;}
	100%{-webkit-transform: translateX(0) scaleX(1) scaleY(1); opacity:0;}
}


.main_bg03_card #card1 {background:url(../images/mainpc_bg03_card01.png) no-repeat; background-size:100%;}
.main_bg03_card #card2 {background:url(../images/mainpc_bg03_card02.png) no-repeat; background-size:100%;}
.main_bg03_card #card3 {background:url(../images/mainpc_bg03_card03.png) no-repeat; background-size:100%;}
.main_bg03_card #card4 {background:url(../images/mainpc_bg03_card04.png) no-repeat; background-size:100%;}
.main_bg03_card #card5 {background:url(../images/mainpc_bg03_card05.png) no-repeat; background-size:100%;}
.main_bg03_card #card6 {background:url(../images/mainpc_bg03_card06.png) no-repeat; background-size:100%;}
.main_bg03_card #card7 {background:url(../images/mainpc_bg03_card07.png) no-repeat; background-size:100%;}
.main_bg03_card #card8 {background:url(../images/mainpc_bg03_card08.png) no-repeat; background-size:100%;}
.main_bg03_card #card9 {background:url(../images/mainpc_bg03_card09.png) no-repeat; background-size:100%;}
.main_bg03_card #card10 {background:url(../images/mainpc_bg03_card10.png) no-repeat; background-size:100%;}
.main_bg03_card #card11 {background:url(../images/mainpc_bg03_card11.png) no-repeat; background-size:100%;}
.main_bg03_card #card12 {background:url(../images/mainpc_bg03_card12.png) no-repeat; background-size:100%;}

.main_bg03_name #name1 {background:url(../images/mainpc_bg03_name01.png) no-repeat; background-size:100%;}
.main_bg03_name #name2 {background:url(../images/mainpc_bg03_name02.png) no-repeat; background-size:100%;}
.main_bg03_name #name3 {background:url(../images/mainpc_bg03_name03.png) no-repeat; background-size:100%;}
.main_bg03_name #name4 {background:url(../images/mainpc_bg03_name04.png) no-repeat; background-size:100%;}
.main_bg03_name #name5 {background:url(../images/mainpc_bg03_name05.png) no-repeat; background-size:100%;}
.main_bg03_name #name6 {background:url(../images/mainpc_bg03_name06.png) no-repeat; background-size:100%;}
.main_bg03_name #name7 {background:url(../images/mainpc_bg03_name07.png) no-repeat; background-size:100%;}
.main_bg03_name #name8 {background:url(../images/mainpc_bg03_name08.png) no-repeat; background-size:100%;}
.main_bg03_name #name9 {background:url(../images/mainpc_bg03_name09.png) no-repeat; background-size:100%;}
.main_bg03_name #name10 {background:url(../images/mainpc_bg03_name10.png) no-repeat; background-size:100%;}
.main_bg03_name #name11 {background:url(../images/mainpc_bg03_name11.png) no-repeat; background-size:100%;}
.main_bg03_name #name12 {background:url(../images/mainpc_bg03_name12.png) no-repeat; background-size:100%;}

.main_bg03_ren #ren1 {background:url(../images/mainpc_bg03_ren01.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren2 {background:url(../images/mainpc_bg03_ren02.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren3 {background:url(../images/mainpc_bg03_ren03.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren4 {background:url(../images/mainpc_bg03_ren04.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren5 {background:url(../images/mainpc_bg03_ren05.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren6 {background:url(../images/mainpc_bg03_ren06.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren7 {background:url(../images/mainpc_bg03_ren07.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren8 {background:url(../images/mainpc_bg03_ren08.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren9 {background:url(../images/mainpc_bg03_ren09.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren10 {background:url(../images/mainpc_bg03_ren10.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren11 {background:url(../images/mainpc_bg03_ren11.png) no-repeat; background-size:100%;}
.main_bg03_ren #ren12 {background:url(../images/mainpc_bg03_ren12.png) no-repeat; background-size:100%;}




.main_bg04_mc {width:12.8rem; height:6.6rem; display:block; background:url(../images/mainpc_bg04_mcbg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.6rem; margin-left:-6.4rem; z-index:2; opacity:0;}
.animated .main_bg04_mc { -webkit-animation:small_in 0.5s linear 0s forwards;}

.flicking_image {width:9.6rem; height:4.4rem; display:block; border:0.03rem solid #fff4e3;border-radius:0.3rem; position:absolute; left:1.97rem; top:1.07rem; overflow:hidden; z-index:2;}
.flicking_image li { float:left; height:4.4rem;}
.flicking_image div { width:9.6rem; display:block; height:4.44rem;}
.flicking_image div.game_photo1 {background:url(../images/game_photo1.jpg) no-repeat; background-size:100%;}
.flicking_image div.game_photo2 {background:url(../images/game_photo2.jpg) no-repeat; background-size:100%;}
.flicking_image div.game_photo3 {background:url(../images/game_photo3.jpg) no-repeat; background-size:100%;}
.flicking_image div.game_photo4 {background:url(../images/game_photo4.jpg) no-repeat; background-size:100%;}
.flicking_image div.game_photo5 {background:url(../images/game_photo5.jpg) no-repeat; background-size:100%;}

.flicking_con { width:9.6rem; height:0.4rem; position:absolute; left:2rem; top:5.8rem; z-index:6; text-align:center; font-size:0; line-height:0.1rem;}
.flicking_con a {width:0.15rem; height:0.15rem; display:inline-table; background:#ffffff; overflow:hidden; margin:0 0.2rem; text-indent:-999rem; overflow:hidden; -moz-border-radius:0.2rem; border-radius:0.2rem;}
.flicking_con a.active { background:#f2de98;}
.main_visual #btn_prev {width:1rem; height:1rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg04_left.png) no-repeat; background-size:100%; position:absolute; left:1.6rem; top:2.8rem; z-index:8;-webkit-animation:prevnext 1.6s linear infinite;}
.main_visual #btn_next {width:1rem; height:1rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg04_right.png) no-repeat; background-size:100%; position:absolute; right:0.8rem; top:2.8rem; z-index:8;-webkit-animation:prevnext 1.6s linear infinite;}
@-webkit-keyframes prevnext { 
	0%{ margin:0 0;}
	60%{ margin:0rem -0.2rem;}
	100%{ margin:0 0;}
}
.main_visual #btn_prev:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.main_visual #btn_next:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}



.main_bg05_ren {width:16.2rem; height:8.4rem; display:block; background:url(../images/mainpc_bg05_ren.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1rem; margin-left:-9.6rem; z-index:2;pointer-events: none; opacity:0;}
.main_bg05_mfb { display:none;}
.main_bg05_fb {width:440px; height:440px; padding:50px 90px 170px 90px; background:url(../images/mainpc_bg05_fbbg.png) no-repeat; background-size:100%; display:block; position:absolute; top:3.2rem; left:50%; margin-left:0rem; z-index:3; opacity:0;}
.animated .main_bg05_ren {-webkit-animation:left_in 0.5s linear 0s forwards;}
.animated .main_bg05_fb {-webkit-animation:right_in 0.5s linear 0.2s forwards;}

.main_footer {width:100%; display:block; position:absolute; left:0; top:0.8rem;}



/* 右側菜單 */
.index_right {width:1.5rem; height:5.4rem; display:block; position:absolute; position:fixed; right:-3rem; top:50%; margin-top:-2.8rem; z-index:40; opacity:0;}
.index_right:before {content: '';width:2rem; height:6.4rem; display:block; background:url(../images/indexpc_right_bg.png) no-repeat; background-size:100%; position:absolute; left:-0.25rem; top:-0.6rem; z-index:1; pointer-events: none;}

.index_right_btn { width:1.46rem; height:4.5rem; display:block; position:absolute; left:0.02rem; top:0rem; z-index:3;}
.index_right_btn .down_mc {}
.index_right_btn .game_icon { display:none;}
.index_right_btn .down_code {width:1.1rem; height:1.1rem; background:#ffffff; display:block; border-radius:0.06rem; position:absolute; left:0.18rem; top:0rem;}
.index_right_btn .down_code img {width:1.0rem; height:1.0rem; position:absolute; left:0.05rem; top:0.05rem;}
.index_right_btn .down_code:after { content:'掃一掃 免下載直接玩'; width:1.3rem; font-size:0.13rem; line-height:0.2rem; color:#FFFFFF; text-align:center; display:block; position:absolute; left:-0.1rem; top:1.15rem;}
.index_right_btn .down_googleplay {width:1.46rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/indexpc_right_menu1.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:1.5rem;}
.index_right_btn .down_appstore {width:1.46rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/indexpc_right_menu2.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:1.95rem;}
.index_right_btn .down_pcgame { display:none;}
.index_right_btn .down_gamebox {width:1.46rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/indexpc_right_menu3.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:2.4rem;}
.index_right_btn .right_btn_hd {width:1.46rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/indexpc_right_menu8.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:2.85rem;}
.index_right_btn .right_btn_le {width:1.46rem; height:0.42rem; display:block; text-indent:-999rem; cursor:pointer; background:url(../images/indexpc_right_menu5.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:3.3rem;}
.index_right_btn .right_btn_fb {width:1.46rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/indexpc_right_menu6.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:3.75rem;}
.index_right_btn .right_btn_jpx {width:1.46rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/indexpc_right_menu7.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:4.2rem;}
.index_right_btn .right_btn_yy, .index_right_btn .right_btn_db, .index_right_btn .right_btn_jj, .index_right_btn .right_btn_cj { display:none;}
.index_right_btn a:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}
.index_right_btn .right_btn_le:after{content:''; width:1.8rem; height:1.8rem; display:block; background:url(../images/indexpc_right_linecode.png) no-repeat; background-size:100%; position:absolute; right:1.38rem; top:-0.28rem; opacity:0; pointer-events: none;}
.index_right_btn .right_btn_le:hover:after{ opacity:1;}

.index_right_user {width:1.5rem; height:0.6rem; display:block; overflow:hidden; position:absolute; left:0rem; top:4.8rem; z-index:5; font-size:0.13rem; line-height:0.2rem; color:#283341; text-align:center;}
.index_right_user a {width:0.6rem; height:0.2rem; display:block; margin:0 auto; background:#2a4a74; color:#ffffff; overflow:hidden;-moz-border-radius:0.06rem; border-radius:0.06rem; margin-top:0.04rem;}
.index_right_user a:hover { background:#2a5574;}
.index_right_user span { width:100%; display:block; word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}

/* 頂部菜單 */
.index_heard { display:none;}


/* 滾動頁面時動畫 */

.index_right.ani-in { -webkit-animation:ani-in1 0.4s linear forwards;}
.index_right.ani-out { -webkit-animation:ani-out1 0.4s linear forwards;}
.index_heard.ani-in { -webkit-animation:ani-in2 0.4s linear forwards;}
.index_heard.ani-out { -webkit-animation:ani-out2 0.4s linear forwards;}
.index_bg01_btn.ani-in { -webkit-animation:ani-in3 0.4s linear forwards;}
.index_bg01_btn.ani-out { -webkit-animation:ani-out3 0.4s linear forwards;}


@-webkit-keyframes ani-in1 { 
	from{opacity:0;right:-3rem;}
	to{opacity:1;right:0.2rem;}
}
@-webkit-keyframes ani-out1 { 
	from{opacity:1;right:0.2rem;}
	to{opacity:0;right:-3rem;}
}

@-webkit-keyframes ani-in2 { 
	from{opacity:0;top:-1rem;}
	to{opacity:1;top:0rem;}
}
@-webkit-keyframes ani-out2 { 
	from{opacity:1;top:0rem;}
	to{opacity:0;top:-1rem;}
}

@-webkit-keyframes ani-in3 { 
	from{opacity:1;}
	to{opacity:0;}
}
@-webkit-keyframes ani-out3 { 
	from{opacity:0;}
	to{opacity:1;}
}

.scrolltop { display:none;}
.scroll_h {width:0; height:8.2rem; display:block; overflow:hidden; position:absolute; left:0; top:-999rem;}





/* 新聞頁面 */
.show_bg {width:100%; display:block; background:#ffffff; position:relative;}


.show_bg .show_top {width:100%; height:8.2rem; display:block; overflow:hidden; position:relative; z-index:3;}
.show_bg .show_top:after {content:''; width:100%; height:3rem; display:block; background:url(../images/mainpc_showtop_bottom.png) no-repeat center bottom; background-size:100%; background-size:cover; position:absolute; left:0; bottom:0; z-index:3; pointer-events: none; }
.show_bg .show_top .main_bg01_bg { margin-top:-0.6rem;}
.show_bg .main_bg01_mc {top:6.5rem;}
.show_bg .main_bg01_179 {top:6.5rem;}

.show_footer {width:100%; height:1rem; padding-top:0.8rem; display:block; color:#333333; position:relative; z-index:3;}

.show_cen {width:100%; display:block; position:relative;}
.show_cen:after {content:''; width:100%; height:8.2rem; display:block; background:url(../images/mainpc_showcen_top.jpg) no-repeat center top; background-size:100%; background-size:cover; position:absolute; left:0; top:0; z-index:1; pointer-events: none; }
.show_cenbg {width:11.2rem; min-height:8rem; display:block; margin:0 auto; position:relative; z-index:3;}

.show_cenlist_menu  {width:9rem; height:0.6rem; display:block; padding:0.6rem 1.1rem 0.2rem 1.1rem; position:relative;}
.show_cenlist_menu:before {content:'';width:12.42rem; height:0.02rem; display:block; background:url(../images/mainpc_showcen_xian.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.38rem; margin-left:-6.21rem;}
.show_cenlist_menu a {width:1.8rem; height:0.6rem; float:left; box-sizing:border-box;-moz-border-radius:0.1rem; border-radius:0.1rem; overflow:hidden;}
.show_cenlist_menu a.on { background-color:rgba(249,140,78,0.2); border:0.02rem solid #ffffff;}
.show_cenlist_menu a span {width:1.8rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden;}
.show_cenlist_menu a span.t1 {background:url(../images/mainpc_showcen_menu1.png) no-repeat; background-size:100%;}
.show_cenlist_menu a span.t2 {background:url(../images/mainpc_showcen_menu2.png) no-repeat; background-size:100%;}
.show_cenlist_menu a span.t3 {background:url(../images/mainpc_showcen_menu3.png) no-repeat; background-size:100%;}
.show_cenlist_menu a span.t4 {background:url(../images/mainpc_showcen_menu4.png) no-repeat; background-size:100%;}
.show_cenlist_menu a span.t5 {background:url(../images/mainpc_showcen_menu5.png) no-repeat; background-size:100%;}

.show_cenlist_list {width:10rem; display:block; padding:0.1rem 0.6rem 0.5rem 0.6rem; font-size:0.18rem; line-height:0.6rem; color:#999999; overflow:hidden;}
.show_cenlist_list li {width:10rem; float:left; height:0.6rem; font-size:0.18rem; line-height:0.6rem; color:#eeeeee; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; border-bottom:0.01rem dashed #5f788d; position:relative;}
.show_cenlist_list li:hover { background-color:rgba(255,255,255,0.05);}
.show_cenlist_list li a {color:#eeeeee;}
.show_cenlist_list li a.news_icon {width:1.2rem; float:left; position:relative;}
.show_cenlist_list li .news_icon span {width:1rem; height:0.6rem; text-align:center; display:block; color:#b921b7;}
.show_cenlist_list li a.news_icon span:before {content: '【'; float:left;}
.show_cenlist_list li a.news_icon span:after {content: '】'; float:right;}
.show_cenlist_list li .news_icon span.news1 { color:#b921b7;}
.show_cenlist_list li .news_icon span.news2 { color:#1292ae;}
.show_cenlist_list li .news_icon span.news3 { color:#38b232;}
.show_cenlist_list li .news_icon span.news4 { color:#b27132;}
.show_cenlist_list li .news_icon span.news5 { color:#2c75c7;}
.show_cenlist_list li .news_icon span.news6 { color:#2c75c7;}
.show_cenlist_list li .news_icon span.news7 { color:#2c75c7;}
.show_cenlist_list li .news_icon span.news8 { color:#2c75c7;}
.show_cenlist_list li .news_icon span.news11 { color:#8baf29; text-indent:-9999rem;}
.show_cenlist_list li .news_icon span.news11:before {content: '【 攻略 】'; text-align:center; width:1rem; text-indent:0rem;}
.show_cenlist_list li .news_icon span.news11:after { display:none;}
.show_cenlist_list li a.news_title {width:8.8rem; color:#333333; float:left; height:0.6rem; overflow:hidden; word-break:keep-all;white-space:nowrap; text-overflow: ellipsis;}
.show_cenlist_list li a.news_title:hover { color:#993333; text-decoration:underline;}
.show_cenlist_list li span.news_time { color:#999999; float:right; width:0.8rem; font-size:0.16rem; text-align:center; position:absolute; right:0; top:0;pointer-events: none;}

.show_cenlist_more {width:100%; display:block; margin:0.2rem 0;}
.show_cenlist_more a {width:2.6rem; height:0.4rem; display:block; margin:0 auto; font-size:0.2rem; line-height:0.4rem; color:#FFFFFF; text-align:center; background:#45a8e7;-moz-border-radius:0.1rem; border-radius:0.1rem;}


.show_censhow_title {width:10rem; padding:0.4rem 0.6rem 0.2rem 0.6rem; display:block; font-size:0.24rem; line-height:0.5rem; color:#993333; font-weight:bold; text-align:center;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;}
.show_censhow_link {width:10rem; height:0.24rem; padding:0.1rem 0.6rem; display:block; margin:0 auto 0.1rem auto; font-size:0.15rem; line-height:0.2rem; color:#333333; text-align:left; display:block; position:relative;}
.show_censhow_link:before {content:''; width:12.42rem; height:0.02rem; display:block; background:url(../images/mainpc_showcen_xian.png) no-repeat; background-size:100%; position:absolute; left:50%; bottom:0rem; margin-left:-6.21rem;}
.show_censhow_link_fl { float:left;}
.show_censhow_link_fl a {width:0.2rem; height:0.2rem; float:left; margin:0 0.03rem;}
.show_censhow_link_fc {font-size:0.14rem; color:#999999; text-align:center; display:block; width:2rem; position:absolute; left:50%; margin-left:-1rem;}
.show_censhow_link_fr { float:right;}
.show_censhow_link_fr img { height:0.24rem; width:auto;}

.show_censhow_text { padding:0.3rem 0.5rem; background:#ffffff; font-size:0.15rem; line-height:0.32rem; color:#333333; display:block; width:10rem; margin:0 auto;}
.show_censhow_text a { color:#0099ff; text-decoration:underline;}
.show_censhow_text a:hover { color:#cc3333;}
.show_censhow_text img {max-width:8rem; max-height:8rem; margin:0.1rem auto; display:block;}
.show_censhow_next { padding:0.2rem 0.5rem; line-height:0.32rem; font-size:0.14rem; color:#333333; background:#f8f8f8; display:block; width:10rem; margin:0 auto;}
.show_censhow_next a { display:block; color:#0099ff; text-decoration:underline; clear:both;}
.show_censhow_next a:before {content:''; width:0.24rem; height:0.24rem; margin:0.05rem 0.1rem 0 0rem; float:left; background:url(../images/mainpc_showtext_link.png) no-repeat; background-size:100%;}
.show_censhow_next a:hover { color:#cc3333;}


.home_win_bg { _position:absolute; position:fixed; width:100%; height:100%; left:0; top:0; display:block; z-index:999;}
.win_close {width:100%; height:100%; display:block; text-indent:-999rem; background:url(https://www.gamexdd.com/public/images/xdd_winbg80.png) repeat; position:absolute; left:0; top:0; z-index:1;}

/* 敬請期待 */
.home_qidaibg {width:4.5rem; height:1.8rem; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-0.9rem -2.25rem; z-index:2;}
.home_qidaibg span {width:66%; height:1rem; padding:0.4rem 0rem 0 0; display:block; margin:0 auto; font-size:0.2rem; line-height:0.32rem; color:#ffffff; text-align:center;display: flex;flex-wrap: -webkit-wrap;-webkit-align-items: center;-webkit-justify-content: center;}
.home_qidaibg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:0rem; top:0rem; z-index:6;}



/* 用戶登錄 */
.index_loginbg {width:8rem; height:6rem; display:block; background:url(../images/indexpc_login_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-3.2rem 0 0 -4rem; z-index:30;}
.index_loginbg:after { content:''; width:0.6rem; height:0.6rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:-0.6rem; top:1.05rem; z-index:6;pointer-events: none;}

.index_login,.index_register {width:3.6rem; height:3.2rem; display:block; position:absolute; left:4.05rem; top:2.6rem;}
.index_login_menu {width:3.4rem; height:0.5rem; display:block; position:absolute; left:0.1rem; top:-0.05rem; text-align:center; font-size:0.18rem; line-height:0.36rem;}
.index_login_menu a {width:1.7rem; height:0.5rem; float:left; margin:0 0rem; background:url(../images/indexpc_login_menu.png) no-repeat; background-size:200% 300%; text-indent:-999rem; overflow:hidden;}
.index_login_menu a:first-child { background-position:0 -0.5rem;}
.index_login_menu a:nth-child(2) { background-position:-1.7rem -0.5rem;}
.index_login_menu a:first-child:hover  { background-position:0 -1rem;}
.index_login_menu a:nth-child(2):hover  { background-position:-1.7rem -1rem;}
.index_login_menu a:first-child.on  { background-position:0 -0rem;}
.index_login_menu a:nth-child(2).on  { background-position:-1.7rem -0rem;}

.index_login_dl {width:3.4rem; display:block; position:absolute; left:0.05rem; top:0.6rem;}
.index_login_dl dl {width:3.4rem; height:0.5rem; float:left;}
.index_login_dl dt {width:0.9rem; float:left; text-align:right; font-size:0.16rem; line-height:0.34rem; color:#666666;}
.index_login_dl dd {width:2.5rem; float:left;}
.index_login_input {width:2.36rem; height:0.32rem; display:block; background:#ffffff; border:0.01rem solid #cccccc; margin:0; padding:0 0.05rem; font-size:0.13rem; line-height:0.32rem;}
.index_login_btn { position:absolute; left:0.4rem; top:1.65rem;}
.index_login_button {width:2.8rem; height:0.7rem; display:block; text-indent:-999rem; overflow:hidden; border:0; padding:0; margin:0; cursor:pointer;}
.index_login_button:hover {-webkit-filter:brightness(1.1);filter:brightness(1.1);}
.index_login .index_login_button {background:url(../images/indexpc_login_btn1.png) no-repeat; background-size:100%;}
.index_register .index_login_button {background:url(../images/indexpc_login_btn2.png) no-repeat; background-size:100%;}
.index_register .index_login_btn {top:2.15rem;}
.index_register .index_login_input { color:#999999;}
.index_login_other {width:3.8rem; position:absolute; left:0rem; top:2.55rem; z-index:6;}
.index_login_other a { float:left; margin:0 0.02rem;width:1.14rem; height:0.42rem; text-indent:-999rem; overflow:hidden;}
.index_login_other a.login_btn_fb { background:url(https://www.gamexdd.com/public/images/login_mbtn_fb.png) no-repeat; background-size:100% 100%;}
.index_login_other a.login_btn_gg { background:url(https://www.gamexdd.com/public/images/login_mbtn_gg.png) no-repeat; background-size:100% 100%;}
.index_login_other a.login_btn_yh { background:url(https://www.gamexdd.com/public/images/login_mbtn_yh.png) no-repeat; background-size:100% 100%;}
.index_login_other a.login_btn_bh { display:none;}
.index_login_other a.login_btn_wl { display:none;}



/* 獎品箱 */
.home_winjpxbg {width:7rem; height:3.6rem; padding:0.8rem 0.5rem 0.4rem 0.5rem; position:absolute; left:50%; top:50%; margin:-2.4rem 0 0 -4.5rem; background:url(../images/indexpc_jpxbg.png) no-repeat; background-size:100%; color:#333333; z-index:9;}
.home_winjpx_title {width:0.6rem; height:0.6rem; display:block;position:absolute; right:-0.35rem; top:-0.05rem; z-index:3;}
.home_winjpx_title span { display:none;}
.home_winjpx_title .close {width:0.6rem; height:0.6rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; overflow:hidden;}
.home_winjpx_tt {width:7rem; height:0.4rem; display:block;}
.home_winjpx_tt dl {width:7rem; height:0.4rem; float:left; color:#333333; font-size:0.15rem; line-height:0.4rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#dda77e; border-bottom:0.01rem solid #987452; box-sizing:border-box; font-weight:bold; text-align:center;}
.home_winjpx_tt dt {width:1.79rem; float:left; border-right:0.01rem solid #987452;}
.home_winjpx_tt dd {width:5.2rem; float:left;}
.home_winjpx_text {width:7rem; height:3.2rem; background:#fffbf4; overflow-x:hidden; overflow-y:auto; display:block;}
.home_winjpx_text dl {width:7rem; height:0.4rem; float:left; font-size:0.13rem; line-height:0.4rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#fffbf4; border-bottom:0.01rem solid #987452; box-sizing:border-box;}
.home_winjpx_text dt {width:1.79rem; float:left; border-right:0.01rem solid #987452; text-align:center; color:#646694;}
.home_winjpx_text dd {width:5.04rem; float:left; color:#7d7ea0; padding-left:0.05rem; position:relative; overflow:hidden;}
.home_winjpx_text dd a { width:0.7rem; height:0.3rem; background:#56668a; display:block; -moz-border-radius:0.06rem; border-radius:0.06rem; position:absolute; right:0; top:0.05rem; text-align:center; line-height:0.3rem; color:#FFFFFF;}
.home_winjpx_text dd a:hover {background:#4f7bb8; text-decoration:none;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.home_winjpx_text::-webkit-scrollbar {width: 0.08rem; height: 0.16rem; background-color: #e7e7e7;}

/*定义滚动条轨道 内阴影+圆角*/
.home_winjpx_text::-webkit-scrollbar-track {background-color: #e7e7e7;}

/*定义滑块 内阴影+圆角*/
.home_winjpx_text::-webkit-scrollbar-thumb {background-color: #adc8d2;}




#container {
    position:absolute;
	left:0; top:0;
    height: 100%;
    width: 100%;
    overflow: hidden;
	z-index:6;
	mix-blend-mode: screen;
	pointer-events: none;
}

#leafContainer 
{
    position: absolute;
    width: 100%;
    height: 100%;
}
#leafContainer > div 
{
    position: absolute;
    width: 40px;
    height: 40px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}
#leafContainer > div > img {
     position: absolute;
     width: 40px;
     height: 40px;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}
@-webkit-keyframes fade
{
    0%   { opacity: 1; }
    90%  { opacity: 0.8; }
    100% { opacity: 0; }
}
@-webkit-keyframes drop
{
    0%   { -webkit-transform: translate(-300px, 1080px); }
    100% { -webkit-transform: translate(300px, -40px); }
}
@-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}
@-webkit-keyframes counterclockwiseSpinAndFlip 
{
    0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
    100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}