@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: #ffffff;
    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;
}
@-webkit-keyframes higtLow {
    0% {
        -webkit-transform:scale(1,1);
        transform:scale(1,1)
    }
    100% {
        -webkit-transform:scale(1,.3);
        transform:scale(1,.3)
    }
}@keyframes higtLow {
     0% {
         -webkit-transform:scale(1,1);
         transform:scale(1,1)
     }
     100% {
         -webkit-transform:scale(1,.3);
         transform:scale(1,.3)
     }
 }
 @-webkit-keyframes float-hair {
  0% {
    -webkit-transform: skew(0deg, 0);
    transform: skew(0deg, 0);
  }
  50% {
    -webkit-transform: skew(-6deg, 0deg);
    transform: skew(-6deg, 0deg);
  }
  100% {
    -webkit-transform: skew(0deg, 0);
    transform: skew(0deg, 0);
  }
}
@keyframes float-hair {
 0% {
   -webkit-transform: skew(0deg, 0);
   transform: skew(0deg, 0);
 }
 50% {
   -webkit-transform: skew(-6deg, 0);
   transform: skew(-6deg, 0);
 }
 100% {
   -webkit-transform: skew(0deg, 0);
   transform: skew(0deg, 0);
 }
}
.container{
    width: 100%;
    min-width: 1000px;
    overflow: hidden;
	position:relative;
}
body, html { height:100%;}

/*-- container --*/
.main_logo {width:2.4rem; height:1.5rem; display:block; background:url(../images/mainpc_logo.png) no-repeat; background-size:100%; text-indent:-999rem; overflow:hidden; position:absolute; left:50%; top:0rem; margin-left:-6rem; z-index:10;}
.main_menubg {width:100%; height:0.9rem; display:block; background-color:rgba(0,0,0,0.6); position:absolute; left:0; top:0; z-index:9;}
.main_menu {width:9rem; height:0.9rem; display:block; position:absolute; left:50%; top:0rem; margin-left:-2.6rem; z-index:3;}
.main_menu a {width:1.4rem; height:0.9rem;background:url(../images/mainpc_menu1.png) no-repeat; background-size:600% 100%; color:#FFFFFF; font-size:0.18rem; line-height:0.9rem; text-align:center; float:left; overflow:hidden; position:relative;}
.main_menu span { display:none;}
.main_menu a:hover { color:#ffc576;}
.main_menu a:hover:after {content:''; width:0.8rem; height:0.02rem; display:block; background:#ffc576; position:absolute; left:50%; top:0.6rem; margin-left:-0.4rem;opacity: 0.5; -webkit-animation:main_menu 0.3s linear forwards;}
@-webkit-keyframes main_menu{
  from {width:0.1rem; margin-left:-0.05rem;}
  to { width:0.8rem; margin-left:-0.4rem;}
}


.main_bg01 {width:100%; height:10.8rem; display:block; overflow:hidden; position:relative; z-index:3;}
.main_bg01:after {content:''; width:100%; height:7.8rem; 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_video {width:19.2rem; height:10.8rem; display:block; background:url(../images/mainpc_bg01.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; left:50%; top:0rem; margin-left:-9.6rem; z-index:1;}
.main_bg01_video video {width:100%; height:100%; display:block; }


.main_bg01 .main_bg01_mc {width:9rem; height:1.4rem; display:block; position:absolute; top:7.6rem; left:50%; margin-left:-4.5rem; z-index:10;}
.main_bg01 .main_bg01_mc:before {content:''; width:6.5rem; height:1.4rem; display:block; background:url(../images/mainpc_bg01_mc.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:1;}
.main_bg01 .game_icon { display:none;}
.main_bg01 .down_code {width:1.3rem; height:1.02rem; display:block; background:url(../images/mainpc_bg01_codebg.png) no-repeat; background-size:100%;  position:absolute; left:0.8rem; top:0.21rem; z-index:3;}
.main_bg01 .down_code img {width:0.8rem; height:0.8rem; display:block; margin:0.1rem;}
.main_bg01 .down_googleplay {width:1.64rem; height:0.5rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_bg01_googleplay.png) no-repeat; background-size:100%; position:absolute; left:2.25rem; top:0.22rem; z-index:3;}
.main_bg01 .down_appstore {width:1.64rem; height:0.5rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_bg01_appstore.png) no-repeat; background-size:100%; position:absolute; left:2.25rem; top:0.75rem; z-index:3;}
.main_bg01 .down_pcgame { display:none;}
.main_bg01 .down_gamebox { display:none;}
.main_bg01 .down_gift {width:1.8rem; height:0.9rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_bg01_gift.png) no-repeat; background-size:100%; position:absolute; left:4rem; top:0.26rem; z-index:5;}

.main_bg01 .down_play {width:3rem; height:3rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_bg01_gameplay2.png) no-repeat; background-size:100%; position:absolute; left:6.2rem; top:-0.8rem; text-indent:-999rem; overflow:hidden; cursor:pointer; z-index:10;}

.main_bg01 .down_play:before {content: ''; width:100%; height:100%; display:block; background:url(../images/mainpc_bg01_gameplay1.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; -webkit-animation:down_play2 5s linear infinite;}
@-webkit-keyframes down_play2 { 
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
.main_bg01 .down_play:after {content: ''; width:100%; height:100%; display:block; background:url(../images/mainpc_bg01_gameplay3.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; -webkit-animation:down_play 1s linear infinite;}
@-webkit-keyframes down_play { 
  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_bg01 .main_bg01_mc a:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}

.main_bg01 .main_bg01_179 {width:9rem; height:1.4rem; display:block; position:absolute; top:7.6rem; left:50%; margin-left:-4.5rem; z-index:10;}
.main_bg01 .main_bg01_179 .down_mc { display:none;}
.main_bg01 .main_bg01_179 .down_gift {left:3rem;}
.main_bg01 .main_bg01_179 .down_play {left:5.2rem;}



.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:10rem; 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:10.6rem; display:block; background:url(../images/mainpc_bg06.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; z-index:3;}
.main_bg07 {width:100%; height:1.2rem; display:block; background:url(../images/mainpc_bg07.jpg) no-repeat center top; background-size:100%; background-size:cover; position:relative; z-index:3; color:#333333;}


.main_bg02_title {width:6.8rem; 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:-3.4rem; z-index:4;}
.main_bg03_title {width:6.8rem; height:2rem; display:block; background:url(../images/mainpc_bg03_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:-0.2rem; margin-left:-3.4rem; z-index:4;}
.main_bg04_title {width:6.8rem; height:2rem; display:block; background:url(../images/mainpc_bg04_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:-0.2rem; margin-left:-3.4rem; z-index:4;}
.main_bg05_title {width:6.8rem; height:2rem; display:block; background:url(../images/mainpc_bg05_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:-0.2rem; margin-left:-3.4rem; z-index:4;}
.main_bg06_title {width:6.8rem; height:2rem; display:block; background:url(../images/mainpc_bg06_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:-0.2rem; margin-left:-3.4rem; z-index:4;}


.main_bg02_mc {width:11.6rem; display:block; position:absolute; left:50%; top:2.1rem; margin-left:-5.8rem;}

.main_bg02_01 {width:11.6rem; height:4.4rem; display:block; position:absolute; left:0rem; top:0rem; background:url(../images/mainpc_bg02_topbg.png) no-repeat; background-size:100%;}
#picBox {width:10.7rem; height:4rem; position:relative; display:block; position:absolute; left:0.28rem; top:0.2rem;}
.show_picbg {width:10.7rem; height:4rem; display:block; overflow:hidden; position:relative;}
#show_pic {width:65rem; height:4rem; position:absolute;}
#show_pic li { float:left;}
#show_pic img {width:10.7rem; height:4rem;}
#icon_num{position:absolute;z-index:1; width:2.2rem; right:-0.35rem; bottom:0.08rem; font-size:0.14rem; line-height:0.16rem; color:#FFFFFF;}
#icon_num li{ float:right; width:1.5rem; padding-right:0.05rem; height:0.16rem; text-align:right; overflow:hidden; cursor:pointer; margin:0.05rem; background:#656976;}
#icon_num li.active { background:#87c2f5; width:1.5rem; -webkit-animation:icon_num 0.3s linear forwards;}
@-webkit-keyframes icon_num{
  from {width:1.5rem;}
  to { width:2.15rem;}
}

.main_bg02_02 {width:11.6rem; display:block; position:absolute; left:0rem; top:4.7rem;}
.news_top { display:none; position:absolute; left:0.2rem; top:0.76rem; width:5.4rem; height:0.5rem; text-align:center; z-index:5;}
.news_top .news_top_title { font-size:0.2rem; line-height:0.5rem; height:0.5rem; text-align:center; overflow:hidden; color:#005cc3;}
.news_top .news_top_text {display:none;}
.news_top a:hover { text-decoration:none;}
.news_top a:hover .news_top_title { color:#c34500; text-decoration:underline;}
.news_cen {width:11.6rem; position:relative; display:block;}
.news_cen .TabTitle {width:100%; height:0.5rem; display:block;}
.news_cen .TabTitle li {width:1.7rem; height:0.5rem; float:left; text-align:center; font-size:0.28rem; line-height:0.5rem; color:#2f3349; font-weight:bold; cursor:pointer;}
.news_cen .TabTitle li:before {content: ''; float:left; width:0.02rem; height:0.2rem; margin:0.15rem 0; background:#2f3349;}
.news_cen .TabTitle li.active { color:#2d63ba;}
.news_cen .TabContent {width:100%; display:block; position:relative; padding-top:0.1rem;}
.news_cen_more {position:absolute; left:0rem; top:2.8rem;}
.news_cen_more a {width:1.6rem; height:0.3rem; display:block; overflow:hidden; background:#2d63ba; text-indent:-999rem;}
.news_cen_more a:before {content: '查看更多新闻+'; text-indent:0; position:absolute; left:0; top:0; color:#FFFFFF; width:100%; text-align:center; font-size:0.16rem; line-height:0.3rem;}
.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:2.5rem; padding-top:0.06rem;}
.news_cen_list li {width:11.6rem; float:left; height:0.5rem; font-size:0.18rem; line-height:0.5rem; color:#333333; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; position:relative;}
.news_cen_list li:nth-child(2n-1) { background-color:rgba(98,108,165,0.1);}
.news_cen_list li:hover { background-color:rgba(84,101,203,0.2);}
.news_cen_list li a.news_icon {width:1.6rem; float:left; position:relative;}
.news_cen_list li .news_icon span {width:0.9rem; 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:#b921b7;}
.news_cen_list li .news_icon span.news2 { color:#1292ae;}
.news_cen_list li .news_icon span.news3 { color:#38b232;}
.news_cen_list li .news_icon span.news4 { color:#b27132;}
.news_cen_list li .news_icon span.news5 { color:#2c75c7;}
.news_cen_list li .news_icon span.news6 { color:#2c75c7;}
.news_cen_list li .news_icon span.news7 { color:#2c75c7;}
.news_cen_list li .news_icon span.news8 { color:#2c75c7;}
.news_cen_list li .news_icon span.news11 { color:#89a932;}
.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:10rem; color:#69696c; float:left; height:0.5rem; overflow:hidden; word-break:keep-all;white-space:nowrap; text-overflow: ellipsis;}
.news_cen_list li a.news_title:hover {  text-decoration:none;}
.news_cen_list li span.news_time { color:#68687b; display:block; width:1.2rem; height:0.5rem; font-size:0.16rem; font-weight:normal; font-style:italic; text-align:right; position:absolute; right:0.4rem; top:0;pointer-events: none; }

.main_bg02_03 {display:none;}


.main_bg03_mc {width:12rem; height:8.2rem; display:block; position:absolute; left:50%; top:1.7rem; margin-left:-6rem; z-index:3;}
.mainpc_bg03_quan {width:8rem; height:8rem; display:block; background:url(../images/mainpc_bg03_quan.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0rem; margin-left:-3.8rem; z-index:2;}
.mainpc_bg03_right {width:2.6rem; height:6.8rem; display:block; background:url(../images/mainpc_bg03_rightbg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.5rem; margin-left:3rem; z-index:10;}
.mainpc_bg03_right div {width:0.96rem; height:0.9rem; display:block;background:url(../images/mainpc_bg03_iconbg1.png) no-repeat; background-size:100%; cursor:pointer; text-indent:-9999rem; overflow:hidden;}
.mainpc_bg03_right div.icon1 { position:absolute; left:1.55rem; top:2.3rem;}
.mainpc_bg03_right div.icon2 { position:absolute; left:1.55rem; top:3.65rem;}
.mainpc_bg03_right div.current {background:url(../images/mainpc_bg03_iconbg2.png) no-repeat; background-size:100%; }
.mainpc_bg03_right div:before {content: ''; width:0.8rem; height:0.8rem; display:block; position:absolute; left:0.11rem; top:0.05rem;}
.mainpc_bg03_right div.icon1:before {background:url(../images/mainpc_bg03_icon1.png) no-repeat; background-size:100%; }
.mainpc_bg03_right div.icon2:before {background:url(../images/mainpc_bg03_icon2.png) no-repeat; background-size:100%; }

.main_bg03_1, .main_bg03_2{ position:absolute; left:0; top:0; z-index:2;}
.main_bg03_1.current, .main_bg03_2.current{ z-index:4;}

.mainpc_bg03_ren {width:5.6rem; height:6.4rem; display:block; position:absolute; left:3.45rem; top:0rem; z-index:3;}
.main_bg03_1 .mainpc_bg03_ren {background:url(../images/mainpc_bg03_ren1.png) no-repeat; background-size:100%; }
.main_bg03_2 .mainpc_bg03_ren {background:url(../images/mainpc_bg03_ren2.png) no-repeat; background-size:100%; }
.mainpc_bg03_name {width:1.4rem; height:4rem; display:block; position:absolute; left:0rem; top:0.4rem; z-index:3;}
.main_bg03_1 .mainpc_bg03_name {background:url(../images/mainpc_bg03_name1.png) no-repeat; background-size:100%; }
.main_bg03_2 .mainpc_bg03_name {background:url(../images/mainpc_bg03_name2.png) no-repeat; background-size:100%; }
.mainpc_bg03_text1 {width:1rem; height:3.4rem; display:block; position:absolute; left:1.3rem; top:1.8rem; z-index:3;}
.main_bg03_1 .mainpc_bg03_text1 {background:url(../images/mainpc_bg03_text1.png) no-repeat; background-size:100%; }
.main_bg03_2 .mainpc_bg03_text1 {background:url(../images/mainpc_bg03_text3.png) no-repeat; background-size:100%; }
.mainpc_bg03_text2 {width:1rem; height:3.4rem; display:block; position:absolute; left:1.3rem; top:1.8rem; z-index:3;}
.main_bg03_1 .mainpc_bg03_text2 {background:url(../images/mainpc_bg03_text2.png) no-repeat; background-size:100%; }
.main_bg03_2 .mainpc_bg03_text2 {background:url(../images/mainpc_bg03_text4.png) no-repeat; background-size:100%; }
.mainpc_bg03_five {width:2.2rem; height:1.8rem; display:block; position:absolute; left:0.1rem; top:5.4rem; z-index:3;}
.main_bg03_1 .mainpc_bg03_five {background:url(../images/mainpc_bg03_five1.png) no-repeat; background-size:100%; }
.main_bg03_2 .mainpc_bg03_five {background:url(../images/mainpc_bg03_five2.png) no-repeat; background-size:100%; }
.mainpc_bg03_jian {width:1.2rem; height:1.5rem; display:block; position:absolute; left:1.35rem; top:0.4rem; z-index:3;}
.mainpc_bg03_jian:before {content: ''; width:100%; height:100%; background:url(../images/mainpc_bg03_jian1.png) no-repeat; background-size:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.mainpc_bg03_jian:after {content: ''; width:100%; height:100%; background:url(../images/mainpc_bg03_jian2.png) no-repeat; background-size:100%; display:block; position:absolute; left:0; top:0; z-index:4;}

.mainpc_bg03_ren {-webkit-animation:bg03_ren_hide 0.4s linear forwards;opacity: 0;}
.current .mainpc_bg03_ren {-webkit-animation:bg03_ren_show 0.6s linear forwards;}
@-webkit-keyframes bg03_ren_hide{
  from {opacity: 1; margin-left:0;}
  to {opacity: 0; margin-left:1rem;}
}
@-webkit-keyframes bg03_ren_show{
  from {opacity: 0; margin-left:-1rem;}
  to {opacity: 1; margin-left:0;}
}

.mainpc_bg03_name {-webkit-animation:bg03_name_hide 0.4s linear forwards;opacity: 0;}
.current .mainpc_bg03_name {-webkit-animation:bg03_name_show 0.6s linear 0.1s forwards;}
@-webkit-keyframes bg03_name_hide{
  from {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
  to {opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);}
}
@-webkit-keyframes bg03_name_show{
  from {opacity: 0; -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2);}
  to {opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
}

.mainpc_bg03_text1 {-webkit-animation:bg03_text_hide 0.4s linear 0s forwards;opacity: 0;}
.current .mainpc_bg03_text1 {-webkit-animation:bg03_text_show 0.6s linear 0.2s forwards;}
.mainpc_bg03_text2 {-webkit-animation:bg03_text_hide 0.4s linear 0s forwards;opacity: 0;}
.current .mainpc_bg03_text2 {-webkit-animation:bg03_text_show 0.6s linear 0.6s forwards;}
@-webkit-keyframes bg03_text_hide{
  from {opacity: 1; margin-top:0rem;}
  to {opacity: 0; margin-top:0.3rem;}
}
@-webkit-keyframes bg03_text_show{
  from {opacity: 0; margin-top:0.5rem;}
  to {opacity: 1; margin-top:0rem;}
}

.mainpc_bg03_five {-webkit-animation:bg03_five_hide 0.4s linear forwards;opacity: 0;}
.current .mainpc_bg03_five {-webkit-animation:bg03_five_show 0.6s linear forwards;}
@-webkit-keyframes bg03_five_hide{
  from {opacity: 1;}
  to {opacity: 0;}
}
@-webkit-keyframes bg03_five_show{
  from {opacity: 0;}
  to {opacity: 1;}
}

.mainpc_bg03_jian {opacity: 0;}
.current .mainpc_bg03_jian {opacity: 1;}
.current .mainpc_bg03_jian:before {-webkit-animation:bg03_jian_show1 0.6s linear forwards;}
.current .mainpc_bg03_jian:after {-webkit-animation:bg03_jian_show2 0.6s linear forwards;}

@-webkit-keyframes bg03_jian_show1{
	from{-webkit-transform:rotate(0deg);}     
	to{-webkit-transform:rotate(180deg);}  
}

@-webkit-keyframes bg03_jian_show2{
  from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);opacity: 1;}
  50%{ -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5);opacity: 0.5;}
  to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);opacity: 1;}
}





.main_bg04_mc {width:12rem; height:7rem; display:block; position:absolute; left:50%; top:1.7rem; margin-left:-6rem; z-index:2;}
.main_bg04_menu {width:8rem; height:0.5rem; display:block; position:absolute; left:4.1rem; top:1.1rem;}
.main_bg04_menu .bg04_menu {width:1.4rem; height:0.5rem; float:left; margin:0 0.1rem; position:relative; text-indent:-9999rem; overflow:hidden; cursor:pointer;}
.main_bg04_menu .bg04_menu:before {content: ''; width:100%; height:100%; display:block;background:url(../images/mainpc_bg04_menua.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:1;}
.main_bg04_menu .bg04_menu.current:before {background:url(../images/mainpc_bg04_menub.png) no-repeat; background-size:100%;}
.main_bg04_menu .bg04_menu:after {content: ''; width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:2;}
.main_bg04_menu .bg04_menu.menu1:after {background:url(../images/mainpc_bg04_menu1.png) no-repeat; background-size:100%;}
.main_bg04_menu .bg04_menu.menu2:after {background:url(../images/mainpc_bg04_menu2.png) no-repeat; background-size:100%;}
.main_bg04_menu .bg04_menu.menu3:after {background:url(../images/mainpc_bg04_menu3.png) no-repeat; background-size:100%;}
.main_bg04_menu .bg04_menu.menu4:after {background:url(../images/mainpc_bg04_menu4.png) no-repeat; background-size:100%;}
.main_bg04_menu .bg04_menu.menu5:after {background:url(../images/mainpc_bg04_menu5.png) no-repeat; background-size:100%;}

.main_bg04_left {width:4.8rem; height:5.4rem; display:block; background:url(../images/mainpc_bg04_left.png) no-repeat; background-size:100%;position:absolute; left:-0.6rem; top:0.7rem;}
.main_bg04_left .bg04_left {width:4.8rem; height:5.4rem; display:block; position:absolute; left:0; top:0; text-indent:-9999rem; overflow:hidden; -webkit-animation:bg04_left_hide 0.4s linear forwards;opacity: 0;}
.main_bg04_left .bg04_left.current {-webkit-animation:bg04_left_show 0.6s linear forwards;}
@-webkit-keyframes bg04_left_hide{
  from {opacity: 1;}
  to {opacity: 0;}
}
@-webkit-keyframes bg04_left_show{
  from {opacity: 0;}
  to {opacity: 1;}
}
.main_bg04_left .bg04_left.left1 {background:url(../images/mainpc_bg04_left1.png) no-repeat; background-size:100%;}
.main_bg04_left .bg04_left.left2 {background:url(../images/mainpc_bg04_left2.png) no-repeat; background-size:100%;}
.main_bg04_left .bg04_left.left3 {background:url(../images/mainpc_bg04_left3.png) no-repeat; background-size:100%;}
.main_bg04_left .bg04_left.left4 {background:url(../images/mainpc_bg04_left4.png) no-repeat; background-size:100%;}
.main_bg04_left .bg04_left.left5 {background:url(../images/mainpc_bg04_left5.png) no-repeat; background-size:100%;}


.main_bg04_right {width:9.44rem; height:5rem; display:block; background:url(../images/mainpc_bg04_right.png) no-repeat; background-size:100%; position:absolute; left:2.5rem; top:2rem; z-index:4;}
.main_bg04_right .bg04_right {width:9.44rem; height:5rem; display:block; position:absolute; left:0; top:0; text-indent:-9999rem; overflow:hidden; -webkit-animation:bg04_right_hide 0.4s linear forwards;opacity: 0;}
.main_bg04_right .bg04_right.current {-webkit-animation:bg04_right_show 0.6s linear forwards;}
@-webkit-keyframes bg04_right_hide{
  from {opacity: 1; margin-left:0;}
  to {opacity: 0; margin-left:-1rem;}
}
@-webkit-keyframes bg04_right_show{
  from {opacity: 0; margin-left:1rem;}
  to {opacity: 1; margin-left:0;}
}

.main_bg04_right .bg04_right div {width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:3;}
.main_bg04_right .right1 .right_show1 {background:url(../images/mainpc_bg04_right11.png) no-repeat; background-size:100%;}
.main_bg04_right .right1 .right_show2 {background:url(../images/mainpc_bg04_right12.png) no-repeat; background-size:100%;}
.main_bg04_right .right1 .right_show3 {background:url(../images/mainpc_bg04_right13.png) no-repeat; background-size:100%;}
.main_bg04_right .right1 .right_show4 {background:url(../images/mainpc_bg04_right14.png) no-repeat; background-size:100%;}
.main_bg04_right .right2 .right_show1 {background:url(../images/mainpc_bg04_right21.png) no-repeat; background-size:100%;}
.main_bg04_right .right2 .right_show2 {background:url(../images/mainpc_bg04_right22.png) no-repeat; background-size:100%;}
.main_bg04_right .right2 .right_show3 {background:url(../images/mainpc_bg04_right23.png) no-repeat; background-size:100%;}
.main_bg04_right .right2 .right_show4 {background:url(../images/mainpc_bg04_right24.png) no-repeat; background-size:100%;}
.main_bg04_right .right3 .right_show1 {background:url(../images/mainpc_bg04_right31.png) no-repeat; background-size:100%;}
.main_bg04_right .right3 .right_show2 {background:url(../images/mainpc_bg04_right32.png) no-repeat; background-size:100%;}
.main_bg04_right .right3 .right_show3 {background:url(../images/mainpc_bg04_right33.png) no-repeat; background-size:100%;}
.main_bg04_right .right3 .right_show4 {background:url(../images/mainpc_bg04_right34.png) no-repeat; background-size:100%;}
.main_bg04_right .right4 .right_show1 {background:url(../images/mainpc_bg04_right41.png) no-repeat; background-size:100%;}
.main_bg04_right .right4 .right_show2 {background:url(../images/mainpc_bg04_right42.png) no-repeat; background-size:100%;}
.main_bg04_right .right4 .right_show3 {background:url(../images/mainpc_bg04_right43.png) no-repeat; background-size:100%;}
.main_bg04_right .right4 .right_show4 {background:url(../images/mainpc_bg04_right44.png) no-repeat; background-size:100%;}
.main_bg04_right .right5 .right_show1 {background:url(../images/mainpc_bg04_right51.png) no-repeat; background-size:100%;}
.main_bg04_right .right5 .right_show2 {background:url(../images/mainpc_bg04_right52.png) no-repeat; background-size:100%;}
.main_bg04_right .right5 .right_show3 {background:url(../images/mainpc_bg04_right53.png) no-repeat; background-size:100%;}
.main_bg04_right .right5 .right_show4 {background:url(../images/mainpc_bg04_right54.png) no-repeat; background-size:100%;}

.main_bg04_right .bg04_right .right_show1 {-webkit-animation:right_show1 12s linear infinite;}
@-webkit-keyframes right_show1 { 
	0%{ opacity: 1;}
	22%{ opacity: 1;}
	25%{ opacity: 0;}
	96%{ opacity: 0;}
	100%{ opacity: 1;}
}
.main_bg04_right .bg04_right .right_show2 {-webkit-animation:right_show2 12s linear infinite;}
@-webkit-keyframes right_show2 { 
	0%{ opacity: 0;}
	21%{ opacity: 0;}
	25%{ opacity: 1;}
	47%{ opacity: 1;}
	50%{ opacity: 0;}
	100%{ opacity: 0;}
}
.main_bg04_right .bg04_right .right_show3 {-webkit-animation:right_show3 12s linear infinite;}
@-webkit-keyframes right_show3 { 
	0%{ opacity: 0;}
	46%{ opacity: 0;}
	50%{ opacity: 1;}
	72%{ opacity: 1;}
	75%{ opacity: 0;}
	100%{ opacity: 0;}
}
.main_bg04_right .bg04_right .right_show4 {-webkit-animation:right_show4 12s linear infinite;}
@-webkit-keyframes right_show4 { 
	0%{ opacity: 0;}
	71%{ opacity: 0;}
	75%{ opacity: 1;}
	97%{ opacity: 1;}
	100%{ opacity: 0;}
}


.main_bg05_mc {}
.main_visual {width:12.6rem; height:6.6rem; display:block; background:url(../images/mainpc_bg05_mc.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.2rem; margin-left:-6.3rem;}
.flicking_image {width:9.6rem; height:5.4rem; position:absolute; left:1.5rem; top:0.46rem; overflow:hidden; z-index:3;}
.flicking_image li { float:left; height:5.4rem;}
.flicking_image span { width:9.6rem; display:block; height:5.4rem; -webkit-background-size:100% 100%; background-size:100% 100%;}
.flicking_image img {width:100%; height:5.4rem;}
.flicking_con { width:12.6rem; height:0.4rem; position:absolute; left:0rem; bottom:-0.5rem; z-index:6; text-align:center; font-size:0; line-height:0.14rem;}
.flicking_con a {width:0.14rem; height:0.14rem; background:#84bbe9; display:inline-table; -moz-border-radius:0.1rem; border-radius:0.1rem; overflow:hidden; margin:0 0.04rem; text-indent:-999rem; overflow:hidden;}
.flicking_con a.active { width:0.32rem; background:#52aefa;}
.main_visual #btn_prev {width:1.22rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg05_jt1.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:3rem; z-index:6;-webkit-animation:prevnext 2s linear infinite;}
.main_visual #btn_next {width:1.22rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg05_jt2.png) no-repeat; background-size:100%; position:absolute; right:0.1rem; top:3rem; z-index:6;-webkit-animation:prevnext 2s linear infinite;}
@-webkit-keyframes prevnext { 
	0%{ margin:-0rem 0rem 0 0rem;}
	50%{ margin:-0rem -0.2rem 0 -0.2rem;}
	100%{ margin:-0rem 0rem 0 0rem;}
}
.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_bg06_ren {width:9.8rem; height:9rem; display:block; background:url(../images/mainpc_bg06_ren.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.4rem; margin-left:-6.5rem; z-index:2;pointer-events: none;}

.main_bg06_mfb { display:none;}
.main_bg06_fb {width:390px; height:420px; padding:70px 95px; background:url(../images/mainpc_bg06_fbbg.png) no-repeat; background-size:100%; display:block; position:absolute; top:2.4rem; left:50%; margin-left:-0.8rem; z-index:3;}
.main_bg06_fb:before {width:580px; height:560px; display:block; background:url(../images/mainpc_bg06_fbbg2.png) no-repeat; background-size:100%; display:block; position:absolute; left:0; top:0; z-index:5;}

@media screen and (max-width: 1280px) { 
	.main_bg06_fb {top:1.8rem; }
}
@media screen and (min-width: 1280px) { 
	.main_bg06_fb {top:2.0rem; }
}
@media screen and (min-width: 1400px) { 
	.main_bg06_fb {top:2.2rem; }
}
@media screen and (min-width: 1600px) { 
	.main_bg06_fb {top:2.4rem; }
}



/* 右側菜單 */
.main_right {width:1.6rem; height:5.6rem; display:block; background:url(../images/mainpc_rightbg.png) no-repeat; background-size:100%; position:absolute; position:fixed; right:0; top:50%; margin-top:-2.8rem; z-index:20;  opacity:0;}
.main_right.right_show {-webkit-animation:right_show 0.4s linear forwards;}
@-webkit-keyframes right_show { 
	from {right:-2rem;opacity:0;}
	to {right:0rem;opacity:1;}
}
.main_right.right_hide {-webkit-animation:right_hide 0.4s linear forwards;}
@-webkit-keyframes right_hide { 
	from {right:0rem;opacity:1;}
	to {right:-2rem;opacity:0;}
}

.main_right .game_icon { display:none;}
.main_right .down_code {width:1rem; height:1rem; display:block; position:absolute; left:0.3rem; top:0.2rem; background:none;}
.main_right .down_code img {width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.main_right .down_googleplay {width:1.4rem; height:0.5rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_btn1.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:1.52rem;}
.main_right .down_appstore {width:1.4rem; height:0.5rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_btn2.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:2.02rem;}
.main_right .down_pcgame {display:none;}
.main_right .down_gamebox {width:1.4rem; height:0.5rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_btn3.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:2.52rem;}
.main_right .btn_gw {width:1.4rem; height:0.4rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_btn7.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:3.02rem;}
.main_right .btn_yy {width:1.4rem; height:0.4rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_btn4.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:3.02rem;}
.main_right .btn_fb {width:1.4rem; height:0.4rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_btn5.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:3.42rem;}
.main_right .btn_jpx {width:1.4rem; height:0.4rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_btn6.png) no-repeat; background-size:100%; position:absolute; left:0.1rem; top:3.82rem;}

.main_right a:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}

.main_right .scrolltop {width:0.6rem; height:0.5rem; text-indent:-999rem; overflow:hidden; display:block; background:url(../images/mainpc_righttop.png) no-repeat; background-size:100%; position:absolute; left:0.5rem; bottom:0rem;}
.main_right .scrolltop:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.scroll_h {width:0; height:8.5rem; display:block; overflow:hidden; position:absolute; left:0; top:-999rem;}

.main_right_user {width:1.4rem; position:absolute; left:0.1rem; top:4.3rem; font-size:0.13rem; line-height:0.24rem; color:#5d707e;}
.main_right_user:before {content: ''; width:0.2rem; height:0.2rem; display:block; background:url(../images/mainpc_right_user.png) no-repeat; background-size:100%; position:absolute; left:0.02rem; top:0.01rem;}
.user_login { position:absolute; left:0.25rem; top:0;}
.user_login .btn_login {width:0.9rem; height:0.28rem; display:block; background:#5798c7; font-size:0.15rem; line-height:0.28rem; text-align:center; color:#FFFFFF; position:absolute; left:0.02rem; top:0.3rem; -moz-border-radius:0.06rem; border-radius:0.06rem;}
.user_login .btn_login:hover { background:#47a0e4; text-decoration:none;}
.user_logout { position:absolute; left:0.25rem; top:0;}
.user_logout span { float:left; max-width:1.2rem; word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.user_logout .btn_logout {width:0.9rem; height:0.28rem; display:block; background:#5798c7; font-size:0.15rem; line-height:0.28rem; text-align:center; color:#FFFFFF; position:absolute; left:0.02rem; top:0.3rem; -moz-border-radius:0.06rem; border-radius:0.06rem;}
.user_logout .btn_logout:hover { background:#47a0e4; text-decoration:none;}

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

/* 179右側菜單 */
.main_right179 {height:3.5rem; background:url(../images/mainpc_rightbg179.png) no-repeat; background-size:100%; margin-top:-2rem;}
.main_right179 .main_right_mc { display:none;}
.main_right179 .btn_gw { top:0.25rem;}
.main_right179 .btn_yy { top:0.7rem;}
.main_right179 .btn_fb { top:1.15rem;}
.main_right179 .btn_jpx { top:1.6rem;}
.main_right179 .main_right_user {top:2.15rem;}


/* 滾動頁面時動畫 */
.main_right.ani-in { -webkit-animation:ani-in1 0.4s linear forwards;}
.main_right.ani-out { -webkit-animation:ani-out1 0.4s linear forwards;}
.main_bg01_mc.ani-in { -webkit-animation:ani-in2 0.4s linear forwards;}
.main_bg01_mc.ani-out { -webkit-animation:ani-out2 0.4s linear forwards;}


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

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



.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.18rem; height:2.02rem; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-1.01rem -2.09rem; z-index:2;}
.home_qidaibg span {width:90%; padding:0.8rem 0rem 0 0; display:block; margin:0 auto; font-size:0.2rem; line-height:0.4rem; color:#333333; text-align:center;}
.home_qidaibg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; overflow:hidden;position:absolute; right:0.1rem; top:0.1rem; z-index:3;}
.home_qidaibg .btn_close:before {content:''; width:0.3rem; height:0.03rem; display:block; background:#666666; transform: rotate(-45deg);-webkit-transform: rotate(-45deg); position:absolute; left:0.05rem; top:0.2rem;}
.home_qidaibg .btn_close:after {content:''; width:0.3rem; height:0.03rem; display:block; background:#666666; transform: rotate(45deg);-webkit-transform: rotate(45deg); position:absolute; left:0.05rem; top:0.2rem;}




/* 用戶登錄 */
.index_loginbg {width:4.2rem; height:3.7rem; display:block; background:url(https://www.gamexdd.com/public/images/web_loginbg.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%; position:absolute; position:fixed; left:50%; top:50%; margin:-1.9rem 0 0 -2.1rem; z-index:30;}
.index_login_menu {width:4rem; height:0.36rem; display:block; background:#a6c2d2; position:absolute; left:0.1rem; top:0.45rem; text-align:center; font-size:0.18rem; line-height:0.36rem;}
.index_login_menu a {width:1.5rem; height:0.36rem; display:inline-block; margin:0 0.05rem; font-size:0.18rem; line-height:0.36rem; color:#FFFFFF; text-align:center; text-decoration:none;}
.index_login_menu a:hover { color:#FFFF00; text-decoration:none;}
.index_login_menu a.on { background:#698391;}
.index_login_menu a.on:hover { color:#FFFFFF;}
.index_login_dl {width:4rem; display:block; position:absolute; left:0.1rem; top:1rem;}
.index_login_dl dl {width:4rem; height:0.5rem; float:left;}
.index_login_dl dt {width:1.1rem; float:left; text-align:right; font-size:0.16rem; line-height:0.34rem; color:#666666;}
.index_login_dl dd {width:2.9rem; float:left;}
.index_login_input {width:2.5rem; height:0.32rem; display:block; background:#ffffff; border:0.01rem solid #cccccc; margin:0; padding:0 0.05rem;}
.index_login_btn { position:absolute; left:1.2rem; top:2rem;}
.index_login_button {width:2.62rem; height:0.48rem; display:block; background:#7dc5ee; font-size:0.2rem; line-height:0.48rem; color:#FFFFFF; text-align:center; border:0; padding:0; margin:0; cursor:pointer;}
.index_login_button:hover { background:#6ed8f7;}
.index_login_other {width:3rem; position:absolute; left:0.6rem; top:2.75rem; z-index:6;}
.index_login_other img {width:0.5rem; height:0.5rem; float:left; margin:0 0.05rem;}
.index_register .index_login_btn {top:2.5rem;}
.index_register .index_login_input { color:#999999;}




/* 新聞頁面 */
.show_bg {width:100%; display:block; position:relative; background:url(../images/mainpc_showcen_bg.png) repeat-y center top;}


.show_bg .main_bg01 {width:100%; height:8.2rem; display:block; background:url(../images/mainpc_showtop_bg.jpg) no-repeat center top; background-size:100%; background-size:cover; overflow:hidden; position:relative; z-index:3;}
.show_bg .main_bg01:after {content:''; width:100%; height:5.5rem; 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 .main_bg01_mc {top:6.1rem;}
.show_bg .down_play179 {top:6.3rem;}


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

.show_cen {width:100%; display:block; position:relative; z-index:4; background:url(../images/mainpc_showcen_top.png) no-repeat center top;}
.show_cen:after {content:''; width:100%; height:5rem; display:block; background:url(../images/mainpc_showcen_top.png) no-repeat center top; background-size:100%; background-size:cover; position:absolute; left:0; top:0; z-index:2; 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:#ede1e4; border:0.02rem solid #f2f4f6;}
.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 #dbe6f3; position:relative;}
.show_cenlist_list li:hover { background-color:rgba(255,255,255,0.1);}
.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:#89a932;}
.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:#CC0000; 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:#f26037; 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 0rem 0.4rem 0; line-height:0.32rem; font-size:0.14rem; color:#333333; display:block; width:100%; margin:0 auto;}
.show_censhow_next a { display:block; color:#0099ff; text-decoration:underline; clear:both;}
.show_censhow_next a:before {content:''; width:0.16rem; height:0.2rem; margin:0.05rem 0.1rem 0 0.4rem; 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:-9999px; 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.2rem; height:1.8rem; display:block; background:#373e4c; border:0.02rem solid #171b23; -moz-border-radius:0.2rem; border-radius:0.2rem; box-sizing:border-box; position:absolute; position:fixed; left:50%; top:50%; margin:-0.9rem -2.1rem; z-index:2;}
.home_qidaibg span {width:100%; padding:0.6rem 0rem; display:block; font-size:0.2rem; line-height:0.4rem; color:#eeeeee; text-align:center;}
.home_qidaibg .btn_close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; overflow:hidden;position:absolute; right:0rem; top:0rem; z-index:3;}
.home_qidaibg .btn_close:before {content:''; width:0.3rem; height:0.03rem; display:block; background:#999999; transform: rotate(-45deg);-webkit-transform: rotate(-45deg); position:absolute; left:0.05rem; top:0.2rem;}
.home_qidaibg .btn_close:after {content:''; width:0.3rem; height:0.03rem; display:block; background:#999999; transform: rotate(45deg);-webkit-transform: rotate(45deg); position:absolute; left:0.05rem; top:0.2rem;}


.home_winjpxbg {width:7rem; height:4rem; padding:0; border:0.05rem solid #525d6d;-moz-border-radius:0.06rem; border-radius:0.06rem; position:absolute; left:50%; top:50%; margin:-2.05rem 0 0 -3.55rem; background:#f8f9fb; color:#333333; z-index:9;}
.home_winjpx_title { height:0.4rem; background:#525d6d;}
.home_winjpx_title span {  line-height:0.4rem; color:#ffffff; font-size:0.22rem; font-weight:normal; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; float:left; padding-left:0.1rem;}
.home_winjpx_title a.close {width:0.2rem; height:0.2rem; float:right; text-indent:-999rem; overflow:hidden; background:url(https://www.gamexdd.com/public/images/xdd_winclose.png) no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%;}
.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:#e2e2eb; border-bottom:0.01rem solid #b8b9d8; box-sizing:border-box; font-weight:bold; text-align:center;}
.home_winjpx_tt dt {width:1.79rem; float:left; border-right:0.01rem solid #abbed7;}
.home_winjpx_tt dd {width:5.2rem; float:left;}
.home_winjpx_text {width:7rem; height:3.2rem; 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:#fafafc; border-bottom:0.01rem solid #b8b9d8; box-sizing:border-box;}
.home_winjpx_text dt {width:1.79rem; float:left; border-right:0.01rem solid #b8b9d8; 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;}