@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: #03051a;
    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 --*/
.fb-like { display:block !important; position:absolute !important;width:1.16rem; height:0.22rem; overflow:hidden; left:50%; top:1.2rem; margin-left:4.8rem; z-index:20;}
.main_logo {width:3.24rem; height:1.8rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/indexpc_logo.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.6rem; margin-left:2rem; z-index:10;}
.main_menubg {width:14.6rem; height:0.6rem; display:block; background:url(../images/mainpc_menubg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0; margin-left:-7.3rem; z-index:9;}
.main_menu {width:10.08rem; height:0.6rem; display:block; position:absolute; left:50%; top:0rem; margin-left:-5.04rem; z-index:3;}
.main_menu a {width:1.68rem; height:0.6rem; background:url(../images/mainpc_menu.png) no-repeat; background-size:600% 100%; text-indent:-999rem; overflow:hidden; float:left; opacity:0.7;}
.main_menu a.m1 { background-position:0 0;}
.main_menu a.m2 { background-position:-1.68rem 0;}
.main_menu a.m3 { background-position:-3.36rem 0;}
.main_menu a.m4 { background-position:-5.04rem 0;}
.main_menu a.m5 { background-position:-6.72rem 0;}
.main_menu a.m6 { background-position:-8.4rem 0;}
.main_menu a:hover {opacity:1;}

.main_bg01 {width:100%; height:10.8rem; display:block; background:url(../images/mainpc_bg01.jpg) no-repeat center top; background-size:100%; background-size:cover; overflow:hidden; position:relative; z-index:1; margin-top:-0.4rem;}
.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; overflow:hidden; position:relative; z-index:1;}
.main_bg03 {width:100%; height:11.8rem; display:block; background:url(../images/mainpc_bg03.jpg) no-repeat center top; background-size:100%; background-size:cover; overflow:hidden; position:relative; z-index:1;}
.main_bg04 {width:100%; height:9.8rem; display:block; background:url(../images/mainpc_bg04.jpg) no-repeat center top; background-size:100%; background-size:cover; overflow:hidden; position:relative; z-index:1;}
.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; overflow:hidden; position:relative; z-index:1;}
.main_bg06 {width:100%; height:1.6rem; padding-top:0.4rem; display:block; background:url(../images/mainpc_bg06.jpg) no-repeat center top; background-size:100%; background-size:cover; overflow:hidden; position:relative; color:#FFFFFF; z-index:1;}

.main_bg02_title {width:10.8rem; height:0.8rem; display:block; background:url(../images/mainpc_bg02_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.9rem; margin-left:-5.4rem; z-index:9;}
.main_bg03_title {width:10.8rem; height:0.8rem; display:block; background:url(../images/mainpc_bg03_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1rem; margin-left:-5.4rem; z-index:9;}
.main_bg04_title {width:10.8rem; height:0.8rem; display:block; background:url(../images/mainpc_bg04_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:1.1rem; margin-left:-5.4rem; z-index:9;}
.main_bg05_title {width:10.8rem; height:0.8rem; display:block; background:url(../images/mainpc_bg05_title.png) no-repeat; background-size:100%; position:absolute; left:50%; top:0.9rem; margin-left:-5.4rem; z-index:9;}

.main_bg01:after {content: ''; width:100%; height:2rem; display:block; background:url(../images/mainpc_bg01_bottom.png) no-repeat center bottom; background-size:100%; background-size:cover; position:absolute; left:0; bottom:0rem; z-index:4; pointer-events: none;}
.main_bg01_video {width:19.2rem; height:10.8rem; display:block; position:absolute; left:50%; top:0; margin-left:-9.6rem; z-index:1;}
.main_bg01_video video {width:100%; height:100%; display:block;}

.main_bg01_mc {width:8.7rem; height:2.1rem; display:block; background:url(../images/mainpc_bg01_mc.png) no-repeat; background-size:100%; position:absolute; left:50%; top:7.6rem; margin-left:-4.35rem; z-index:8;}
.main_bg01_mc .game_icon { display:none;}
.main_bg01_mc .down_code {width:1.28rem; height:0.94rem; display:block; background:url(../images/mainpc_bg01_codebg.png) no-repeat; background-size:100%; position:absolute; left:0.72rem; top:0.58rem;}
.main_bg01_mc .down_code img {width:0.74rem; height:0.74rem; display:block; position:absolute; left:0.1rem; top:0.1rem;}
.main_bg01_mc .down_googleplay {width:1.56rem; height:0.46rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg01_btn1.png) no-repeat; background-size:100%; position:absolute; left:2.08rem; top:0.58rem;}
.main_bg01_mc .down_appstore {width:1.56rem; height:0.46rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg01_btn2.png) no-repeat; background-size:100%; position:absolute; left:2.08rem; top:1.06rem;}
.main_bg01_mc .down_pcgame { display:none;}
.main_bg01_mc .down_gamebox {width:2.06rem; height:0.94rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg01_btn3.png) no-repeat; background-size:100%; position:absolute; left:3.72rem; top:0.58rem;}
.main_bg01_mc a { cursor:pointer;}
.main_bg01_mc .btn_start {width:2.18rem; height:1.12rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg01_btn4.png) no-repeat; background-size:100%; position:absolute; left:5.8rem; top:0.47rem; cursor:pointer;}
.main_bg01_mc a:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}

.main_bg01_179 {width:3.3rem; height:1rem; display:block; position:absolute; left:50%;top:8.0rem; margin-left:2.3rem; z-index:8;}
.main_bg01_179 .btn_start {width:3.3rem; height:1rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/main179_bg01_btn.png) no-repeat; background-size:100%; cursor:pointer;}
.main_bg01_179 .btn_start:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}


.main_bg02_mc {width:14rem; height:8rem; display:block; position:absolute; left:50%; top:2rem; margin-left:-6rem; z-index:5;}
.main_bg02_01 {width:6.8rem;height:5.8rem; display:block; position:absolute; left:0.9rem; top:0.8rem; z-index:3;}

.main_bg02_02 {width:7.24rem; height:5.44rem; display:block; background:url(../images/mainpc_bg02_02bg.png) no-repeat; background-size:100%; position:absolute; left:5.6rem; top:1.4rem; z-index:1;}
.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:4.7rem; height:5.4rem; display:block; position:absolute; left:2.25rem; top:0.37rem;}
.news_cen .TabTitle {width:4.5rem; height:0.6rem; padding-left:0.1rem; display:block;}
.news_cen .TabTitle li {width:0.9rem; height:0.6rem; float:left; text-align:center; font-size:0.18rem; line-height:0.52rem; color:#42465a; cursor:pointer;}
.news_cen .TabTitle li.active { background:url(../images/mainpc_bg02_02menubg.png) no-repeat; background-size:100%; color:#ffffff; margin-top:0.08rem;}
.news_cen .TabContent {width:100%; display:block; position:relative; padding-top:0.1rem;}
.news_cen_more {position:absolute; left:1.7rem; top:4rem; z-index:8;}
.news_cen_more a {width:3rem; height:0.8rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg02_mcbtn.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.61rem;}
.news_cen_list li {width:4.7rem; float:left; height:0.44rem; font-size:0.15rem; line-height:0.44rem; color:#e9e9e9; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; position:relative; border-bottom:0.01rem solid #a8aab3; overflow:hidden;}
.news_cen_list li:hover { background-color:rgba(98,108,165,0.1);}
.news_cen_list li a.news_icon {width:1.1rem; float:left; position:relative;}
.news_cen_list li .news_icon span {width:0.96rem; 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:#f23bf0;}
.news_cen_list li .news_icon span.news2 { color:#3ad2f3;}
.news_cen_list li .news_icon span.news3 { color:#47e43f;}
.news_cen_list li .news_icon span.news4 { color:#ef9e4f;}
.news_cen_list li .news_icon span.news5 { color:#8ac4ff;}
.news_cen_list li .news_icon span.news6 { color:#8ac4ff;}
.news_cen_list li .news_icon span.news7 { color:#8ac4ff;}
.news_cen_list li .news_icon span.news8 { color:#8ac4ff;}
.news_cen_list li .news_icon span.news11 { color:#c0ea4c;}
.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:3.0rem; color:#e9e9e9; 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:#e9e9e9; display:block; width:0.6rem; height:0.5rem; font-size:0.15rem; font-weight:normal; text-align:center; position:absolute; right:0rem; top:0;pointer-events: none; }

.main_bg02_03 {display:none;}



.main_bg02_btn {width:3rem; height:0.8rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg02_mcbtn.png) no-repeat;background-size:100%; position:absolute; left:9rem; top:6.2rem; z-index:8;}
.main_bg02_btn:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}

.car-swiper { position:absolute; left:0rem; top:0rem;}
.car-swiper .slide-kp{position:absolute;color:#000;transform-origin:right bottom;transition:.5s;width:6.8rem;height:5.8rem;background:url(../images/mainpc_bg02_mcbg.png) no-repeat;background-size:100%; pointer-events:none;cursor:pointer}
.car-swiper .slide-kp.slide-1{z-index:4;margin:0;transform:rotate(0)}
.car-swiper .slide-kp.slide-2{margin:-.4rem -.5rem;transform:rotate(-4deg);z-index:3; margin: -30px -40px;}
.car-swiper .slide-kp.slide-3{margin:-.8rem -1rem;transform:rotate(-8deg);z-index:2; margin: -60px -80px;}
.car-swiper .slide-kp.slide-4{margin:-1.2rem -1.5rem;transform:rotate(-12deg);z-index:1; margin: -90px -120px;}
.car-swiper .slide-kp.zIndex-1{z-index:4}
.car-swiper .slide-kp.zIndex-2{z-index:3}
.car-swiper .slide-kp.zIndex-3{z-index:2}
.car-swiper .slide-kp.zIndex-4{z-index:1}
.car-swiper .slide-kp.out{transform:rotate(4deg)!important}
.car-swiper .news-click-btn {width:0.7rem; height:5.3rem; display:block; position:absolute; left:0.25rem; top:0.25rem;pointer-events:all;}
.car-swiper .news-click-btn:after {content: '';width:0.7rem; height:2.2rem; display:block; position:absolute; left:0; top:0.05rem;}
.p1.news-click-btn:after {background:url(../images/mainpc_bg02_mctt1.png) no-repeat;background-size:100%;}
.p2.news-click-btn:after {background:url(../images/mainpc_bg02_mctt2.png) no-repeat;background-size:100%;}
.p3.news-click-btn:after {background:url(../images/mainpc_bg02_mctt3.png) no-repeat;background-size:100%;}
.p4.news-click-btn:after {background:url(../images/mainpc_bg02_mctt4.png) no-repeat;background-size:100%;}
.p5.news-click-btn:after {background:url(../images/mainpc_bg02_mctt5.png) no-repeat;background-size:100%;}
.car-swiper .news-item-bg {width:5.4rem;height:5rem; position:absolute; left:1.0rem; top:0.4rem; pointer-events:all;}
.car-swiper .news-item-bg a {width:5.4rem;height:5rem; display:block;}
.p1.news-item-bg a {background:url(../images/zg_img01.png) no-repeat;background-size:100%;}
.p2.news-item-bg a {background:url(../images/zg_img02.png) no-repeat;background-size:100%;}
.p3.news-item-bg a {background:url(../images/zg_img03.png) no-repeat;background-size:100%;}
.p4.news-item-bg a {background:url(../images/zg_img04.png) no-repeat;background-size:100%;}
.p5.news-item-bg a {background:url(../images/zg_img05.png) no-repeat;background-size:100%;}



.main_bg03_mc {width:16rem; height:10rem; display:block; background:url(../images/mainpc_bg03_mc.png) no-repeat;background-size:100%; position:absolute; left:50%; top:1.8rem; margin-left:-8rem;}
.abcter{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);}
.main_bg03_mc .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box;}

.select-action{font-size:.16rem;width:14.5rem;height:6rem;z-index:9;overflow:hidden; margin-top:-0.3rem;}
.select-action .part3-swiper{margin-left:0rem;margin-top:0rem;width:14.5rem;height:6rem}
.select-action .part3-swiper .swiper-slide{display:flex;justify-content:center;align-items:center;perspective:12rem;transform-style:preserve-3d;overflow:visible}
.select-action .part3-swiper .swiper-slide .car-item{width:2.8rem; height:4.4rem;transition:.5s;cursor:pointer; background:#000000; border:0.05rem solid #000000; border-radius: 0.4rem; overflow:hidden; display:block;}
.select-action .part3-swiper .swiper-slide .car-item:after {content: ''; width:100%; height:0.7rem; display:block; font-size:0.4rem; line-height:0.7rem; text-align:center; color:#FFFFFF; font-weight:bold; background:#000000; position:absolute; left:0; bottom:0; z-index:5;}
.select-action .part3-swiper .swiper-slide .car-item.car-item-1:after {content: '呂布';}
.select-action .part3-swiper .swiper-slide .car-item.car-item-2:after {content: '張飛';}
.select-action .part3-swiper .swiper-slide .car-item.car-item-3:after {content: '關羽';}
.select-action .part3-swiper .swiper-slide .car-item.car-item-4:after {content: '馬超';}
.select-action .part3-swiper .swiper-slide .car-item.car-item-5:after {content: '趙雲';}
.select-action .part3-swiper .swiper-slide .car-item.car-item-6:after {content: '甄姬';}

.select-action .part3-swiper .swiper-slide .car-item .car-ctn {width:2.8rem; height:3.7rem; display:block; overflow:hidden; background:#ffffff; position:absolute; left:0; top:0; z-index:3;}
.select-action .part3-swiper .swiper-slide .car-item .car-ctn div {width:2.8rem; height:3.7rem; display:block;}
.select-action .part3-swiper .swiper-slide .car-item .car-ctn .car-hxh {background:url(../images/mainpc_bg03_s1.png) no-repeat;background-size:100%;}
.select-action .part3-swiper .swiper-slide .car-item .car-ctn .car-ssx {background:url(../images/mainpc_bg03_s2.png) no-repeat;background-size:100%;}
.select-action .part3-swiper .swiper-slide .car-item .car-ctn .car-zmzk {background:url(../images/mainpc_bg03_s3.png) no-repeat;background-size:100%;}
.select-action .part3-swiper .swiper-slide .car-item .car-ctn .car-tcm {background:url(../images/mainpc_bg03_s4.png) no-repeat;background-size:100%;}
.select-action .part3-swiper .swiper-slide .car-item .car-ctn .car-hhy {background:url(../images/mainpc_bg03_s5.png) no-repeat;background-size:100%;}
.select-action .part3-swiper .swiper-slide .car-item .car-ctn .car-gjsn {background:url(../images/mainpc_bg03_s6.png) no-repeat;background-size:100%;}
.select-action .part3-swiper .swiper-slide .car-item .car-ctn:hover div {transform:scale(1.05);transition:.5s;}

.select-action .part3-swiper .swiper-slide.prev-tow .car-item{transform:translateZ(1rem) rotateX(0) rotateY(35deg) scale(1.1)}
.select-action .part3-swiper .swiper-slide.prev-first .car-item{transform:translateZ(1rem) rotateX(0) rotateY(35deg) scaleY(.95)}
.select-action .part3-swiper .swiper-slide.swiper-slide-prev .car-item{transform:translateZ(0) rotateX(0) rotateY(25deg) scale(.9)}
.select-action .part3-swiper .swiper-slide.swiper-slide-active .car-item{opacity:1;transform:scale(.85)}
.select-action .part3-swiper .swiper-slide.swiper-slide-next .car-item{transform:translateZ(0) rotateX(0) rotateY(-25deg) scale(.9)}
.select-action .part3-swiper .swiper-slide.next-first .car-item{transform:translateZ(1rem) rotateX(0) rotateY(-35deg) scaleY(.95)}
.select-action .part3-swiper .swiper-slide.next-tow .car-item{transform:translateZ(1rem) rotateX(0) rotateY(-35deg) scale(1.1)}


.bg-img{width:3.8rem;height:1rem;z-index:10;position:absolute;top:8rem;left:50%;}
.bg-img .car-name{width:3.8rem;height:1rem}
.bg-img .car-name.hxh{background:url(../images/mainpc_bg03_text1.png) no-repeat;background-size:100%;}
.bg-img .car-name.ssx{background:url(../images/mainpc_bg03_text2.png) no-repeat;background-size:100%;}
.bg-img .car-name.zmzk{background:url(../images/mainpc_bg03_text3.png) no-repeat;background-size:100%;}
.bg-img .car-name.tcm{background:url(../images/mainpc_bg03_text4.png) no-repeat;background-size:100%;}
.bg-img .car-name.hhy{background:url(../images/mainpc_bg03_text5.png) no-repeat;background-size:100%;}
.bg-img .car-name.gjsn{background:url(../images/mainpc_bg03_text6.png) no-repeat;background-size:100%;}

.car-user{width:100%; height:100%; display:block; pointer-events:none;z-index:9;transition:.5s;}
.car-user.hxh{background:url(../images/mainpc_bg03_ren1.png) no-repeat;background-size:100%;}
.car-user.ssx{background:url(../images/mainpc_bg03_ren2.png) no-repeat;background-size:100%;}
.car-user.zmzk{background:url(../images/mainpc_bg03_ren3.png) no-repeat;background-size:100%;}
.car-user.tcm{background:url(../images/mainpc_bg03_ren4.png) no-repeat;background-size:100%;}
.car-user.hhy{background:url(../images/mainpc_bg03_ren5.png) no-repeat;background-size:100%;}
.car-user.gjsn{background:url(../images/mainpc_bg03_ren6.png) no-repeat;background-size:100%;}

.action-button-next{margin-left:3rem;margin-top:3rem;width:0.8rem;height:0.8rem;background:url(../images/mainpc_bg03_btnright.png) no-repeat;background-size:100%; cursor:pointer; z-index:10;}
.action-button-prev{margin-left:-3rem;margin-top:3rem;width:0.8rem;height:0.8rem;background:url(../images/mainpc_bg03_btnleft.png) no-repeat;background-size:100%; cursor:pointer; z-index:10;}



.main_visual {width:12rem; height:6.1rem; display:block; background:url(../images/mainpc_bg04_mcbg.png) no-repeat; background-size:100%; position:absolute; left:50%; top:2.2rem; margin-left:-6rem;}
.main_visual:before {content: ''; width:100%; height:100%; display:block; background:url(../images/mainpc_bg04_mckk.png) no-repeat; background-size:100%; position:absolute; left:0; top:0; z-index:5;}
.animated.main_visual { -webkit-animation:showin_top 0.5s linear 0s forwards; opacity:0;}
.flicking_image {width:9.96rem; height:5.6rem; position:absolute; left:1.02rem; top:0.25rem; overflow:hidden; z-index:2;}
.flicking_image li { float:left; height:5.6rem;}
.flicking_image span { width:9.96rem; display:block; height:5.6rem; -webkit-background-size:100% 100%; background-size:100% 100%;}
.flicking_image img {width:100%; height:5.6rem;}
.flicking_con { width:12rem; height:1rem; position:absolute; left:0rem; bottom:-1.3rem; z-index:6; text-align:center; font-size:0; line-height:0.14rem;}
.flicking_con a {width:1.42rem; height:0.8rem; display:inline-table; border:0.04rem solid #000000; overflow:hidden; margin:0 0.1rem; text-indent:-999rem; overflow:hidden;}
.flicking_con a.active { width:1.42rem; border:0.04rem solid #be0000;}
.flicking_con a.icon1 {background:url(../images/1200X675_1.jpg) no-repeat;background-size:100%;}
.flicking_con a.icon2 {background:url(../images/1200X675_2.jpg) no-repeat;background-size:100%;}
.flicking_con a.icon3 {background:url(../images/1200X675_3.jpg) no-repeat;background-size:100%;}
.flicking_con a.icon4 {background:url(../images/1200X675_4.jpg) no-repeat;background-size:100%;}
.flicking_con a.icon5 {background:url(../images/1200X675_5.jpg) no-repeat;background-size:100%;}
.flicking_con a.icon6 {background:url(../images/1200X675_6.jpg) no-repeat;background-size:100%;}

.main_visual #btn_prev {width:1.2rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg04_btnleft.png) no-repeat; background-size:100%; position:absolute; left:-0.5rem; top:2.75rem; z-index:8;-webkit-animation:prevnext 1.2s linear infinite;}
.main_visual #btn_next {width:1.2rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; background:url(../images/mainpc_bg04_btnright.png) no-repeat; background-size:100%; position:absolute; right:-0.5rem; top:2.75rem; z-index:8;-webkit-animation:prevnext 1.2s 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:7.8rem; height:7.4rem; display:block; background:url(../images/mainpc_bg05_right.png) no-repeat;background-size:100%; position:absolute; left:50%; top:1.9rem; margin-left:-1.8rem; z-index:3;}
.main_bg05_fb {width:4.2rem; height:4.4rem; padding:1rem 1.1rem; display:block; background:url(../images/mainpc_bg05_left.png) no-repeat;background-size:100%; position:absolute; left:50%; top:2.2rem; margin-left:-6.8rem; z-index:4;}
.main_bg05_fbm { display:none;}



.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;}

/* 右側菜單 */
.index_right {width:2rem; height:6.8rem; display:block; overflow:hidden; background:url(../images/mainpc_right_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; right:-3rem; top:50%; margin-top:-3.4rem; z-index:20; }

.index_right_btn { width:1.32rem; display:block; position:absolute; left:0.33rem; top:0.3rem; z-index:3;}
.index_right_btn .down_mc {}
.index_right_btn .game_icon { display:none;}
.index_right_btn .down_code {width:1.24rem; height:1.24rem; display:block; position:absolute; left:0.04rem; top:0rem;}
.index_right_btn .down_code img {width:100%; height:100%;}
.index_right_btn .down_googleplay {width:1.32rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_menu1.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:1.6rem;}
.index_right_btn .down_appstore {width:1.32rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_menu2.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:2.1rem;}
.index_right_btn .down_pcgame { display:none;}
.index_right_btn .down_gamebox {width:1.32rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_menu3.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:2.6rem;}
.index_right_btn .right_btn_hd {width:1.32rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_menu4.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:3.1rem;}
.index_right_btn .right_btn_fb {width:1.32rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_menu5.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:3.6rem;}
.index_right_btn .right_btn_jpx {width:1.32rem; height:0.42rem; display:block; text-indent:-999rem; overflow:hidden; cursor:pointer; background:url(../images/mainpc_right_menu6.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:4.1rem;}
.index_right_btn a:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}

.index_right_user {width:1.32rem; height:0.6rem; display:block; overflow:hidden; position:absolute; left:0.33rem; top:4.9rem; z-index:5; font-size:0.13rem; line-height:0.2rem; color:#ffffff; text-align:center;}
.index_right_user a {width:0.6rem; height:0.2rem; display:block; margin:0 auto; background:#1174d0; color:#ffffff; overflow:hidden;-moz-border-radius:0.06rem; border-radius:0.06rem; margin-top:0.04rem;}
.index_right_user a:hover { background:#449cee;}
.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:0rem;}
}
@-webkit-keyframes ani-out1 { 
	from{opacity:1;right:0rem;}
	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;}
}


/* 用戶登錄 */
.index_loginbg {width:9rem; height:4.8rem; display:block; background:url(../images/indexpc_login_bg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-2.4rem 0 0 -4.5rem; z-index:30;}

.index_login,.index_register {width:3.8rem; height:3rem; display:block; position:absolute; left:4.1rem; top:0.8rem;}
.index_login_menu {width:3.6rem; height:0.4rem; 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.6rem; height:0.4rem; float:left; margin:0 0.1rem; 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.4rem;}
.index_login_menu a:nth-child(2) { background-position:-1.6rem -0.4rem;}
.index_login_menu a:first-child:hover  { background-position:0 -0.8rem;}
.index_login_menu a:nth-child(2):hover  { background-position:-1.6rem -0.8rem;}
.index_login_menu a:first-child.on  { background-position:0 -0rem;}
.index_login_menu a:nth-child(2).on  { background-position:-1.6rem -0rem;}

.index_login_dl {width:3.8rem; display:block; position:absolute; left:0rem; top:0.65rem;}
.index_login_dl dl {width:3.8rem; height:0.55rem; float:left;}
.index_login_dl dt {width:0.9rem; float:left; text-align:right; font-size:0.16rem; line-height:0.32rem; color:#ffffff;}
.index_login_dl dd {width:2.9rem; float:left;}
.index_login_input {width:2.7rem; height:0.32rem; display:block; background:#ffffff; border:0rem solid #cccccc; margin:0; padding:0 0.05rem; font-size:0.13rem; line-height:0.32rem;}
.index_login_btn { position:absolute; left:1.05rem; top:1.8rem;}
.index_login_button {width:2.5rem; height:0.6rem; display:block; text-indent:-999rem; overflow:hidden; border:0; padding:0; margin:0; cursor:pointer;}
.index_login_button:hover {-webkit-filter:brightness(1.2);filter:brightness(1.2);}
.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.35rem;}
.index_register .index_login_input { color:#999999;}
.index_login_other {width:3.8rem; position:absolute; left:0rem; top:2.7rem; z-index:6;}
.index_login_other a { float:left; margin:0 0.02rem;width:1.2rem; height:0.44rem; 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:9rem; height:5.2rem; padding:0; position:absolute; left:50%; top:50%; margin:-2.6rem 0 0 -4.5rem; background:url(../images/indexpc_jpxbg.png) no-repeat; background-size:100%; color:#333333; z-index:9;}
.home_winjpxbg:after{content:''; width:100%; height:100%; display:block; background:url(../images/indexpc_jpxkk.png) no-repeat; background-size:100%; position:absolute; left:0rem; top:0rem; z-index:8; pointer-events: none; }
.home_winjpx_title { position:absolute; right:-0.2rem; top:1rem; z-index:6;}
.home_winjpx_title span { display:none;}
.home_winjpx_title .close {width:0.4rem; height:0.4rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; }
.home_winjpx_tt {width:7rem; height:0.4rem; display:block; position:absolute; left:1.26rem; top:0.98rem;}
.home_winjpx_tt dl {width:7rem; height:0.4rem; float:left; color:#551b0c; font-size:0.15rem; line-height:0.4rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; background:#fbe1b7; border-bottom:0.01rem solid #a27668; box-sizing:border-box; font-weight:bold; text-align:center;}
.home_winjpx_tt dt {width:1.79rem; float:left; border-right:0.01rem solid #a27668;}
.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; position:absolute; left:1.26rem; top:1.38rem;}
.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:#f0f0da; border-bottom:0.01rem solid #a27668; box-sizing:border-box;}
.home_winjpx_text dt {width:1.79rem; float:left; border-right:0.01rem solid #a27668; text-align:center; color:#222222;}
.home_winjpx_text dd {width:5.04rem; float:left; color:#222222; 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;}

/* 敬請期待 */
.home_qidaibg {width:4.68rem; height:2.1rem; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-1.05rem -2.34rem; z-index:2;}
.home_qidaibg span {width:66%; height:1rem; padding:0.55rem 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.3rem; height:0.3rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:-0.35rem; top:0.15rem; z-index:6;}





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


.show_bg .show_top {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_logo { margin-left:1.4rem;}
.show_bg .main_bg01_mc {top:5.6rem;}
.show_bg .main_bg01_179 {top:6.15rem;}

.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;}
.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.3); border:0.02rem solid #8c887d;}
.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 #b5b9ce; 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:#861f20; 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(https://zg.gamexdd.com/public/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:5.4rem; height:2.2rem; display:block; background:url(../images/indexpc_win_qidaibg.png) no-repeat; background-size:100%; position:absolute; position:fixed; left:50%; top:50%; margin:-1.1rem -2.7rem; z-index:2;}
.home_qidaibg span {width:66%; height:1rem; padding:0.55rem 0rem 0 0; display:block; margin:0 auto; font-size:0.2rem; line-height:0.32rem; color:#333333; text-align:center;display: flex;flex-wrap: -webkit-wrap;-webkit-align-items: center;-webkit-justify-content: center;}
.home_qidaibg .btn_close {width:0.3rem; height:0.3rem; display:block; text-indent:-999rem; background:url(../images/indexpc_win_close.png) no-repeat; background-size:100%; position:absolute; right:-0.1rem; top:0rem; z-index:6;}