@charset "gbk";

body{ background:#000}
.wp{ width:1400px !important}
.clearfix {
    display: block;
    *display: inline-block;
    zoom: 1;
}
.tac {
    text-align: center;
}
.index_box{ height:auto; overflow:hidden; background:url(../img/body_b1g.jpg) no-repeat top center; background-position: center top;margin-top:78px;}
/*.index_box{ height:auto; overflow:hidden; }*/
.loopa-v-box,.firsta-v-box{ position:absolute;max-width:2560px;mix-width:1920px;max-height:1200px; width:100%; height:100%; left:50%; margin-left:-50%; top:78px;  overflow:hidden;}
.firsta-v-box{ z-index:0;}
#loopa-v,#entera-v{ width:100%;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;}
.banner_box{ width:1200px; margin:0 auto; height:600px; overflow:hidden; position:relative}
.index_wp{ width:1400px; margin: 0 auto;}
.index_l{width: 264px; float: left; margin-right: 10px}
.index_c{ width:764px; float: left}
.index_r{ width:349px; float: right}


.Buts{background:url(../img/butbg.png) 0 0 no-repeat;top:0;}
.Buts a{display:block;}
.Buts .download{width:264px;height:120px;background:url(../img/butbg.png) -264px 0 no-repeat;opacity:0;filter:alpha(opacity=0);}
.Buts .download:hover{opacity:1;filter:alpha(opacity=100);}
.Buts .gift{width:264px;height:78px;position:relative;}
.Buts .gift img{position:absolute;left:10px;top:6px;-webkit-animation:tada 1.5s infinite linear;-o-animation:tada 1.5s infinite linear;-ms-animation:tada 1.5s infinite linear;-moz-animation:tada 1.5s infinite linear;animation:tada 1.5s infinite linear;}
.Buts .link a{float:left;width:132px;height:53px;color:#cfb465;text-shadow:1px 1px 5px rgba(20,20,20,.75);font-size:16px;background:url(../img/butbg.png) 0 -198px no-repeat;text-align:center;line-height:52px;}
.Buts .link a:hover{background-position:-132px -198px;}
.Buts .weibo p.clearfix{padding:20px 0; overflow: hidden}
.Buts .weibo p.clearfix a{width:70px;height:40px;font-size:13px; text-indent:4px;color:#b5330f;float:left;background:url(../img/weiboicon.png) 0 0 no-repeat;}
.Buts .weibo p.clearfix a.sina{background-position:8px 2px;padding-left:60px;width:70px; margin-left: 60px;}
.Buts .weibo p.clearfix a.qq{ background-position:2px -40px;padding-left:50px;width:80px;}
.Buts .weibo p.clearfix a i{display:block;width:62px;height:19px;margin-top:3px;background:url(../img/butbg.png) 0 -252px no-repeat;}
.Buts .weibo p.clearfix a:hover{color:#eee;font-size:14px;}
.boc{border:1px solid #3a1207;background-color:#250a02;width:262px; overflow: hidden}
.boc h4{color:#cab970;background-color:#1a0701;text-align:center;font-size:18px;height:38px;line-height:38px;border-bottom:1px solid #3a1207;}

.Customer{ margin-top:10px}
.Customer .secondbox{padding:15px 10px; overflow: hidden; color:#805d30;line-height:1.9;}
.Customer .secondbox p{padding:5px 0;}
.Customer .secondbox .txt1{color:#b28e2d;font-size:14px;font-weight:bold;text-align:center;border-bottom:1px solid #552215;}
.Customer .secondbox .txt2{border-bottom:1px solid #552215;}
.Customer .secondbox .txt2 strong{color:#f0e6aa;font-size:14px;}
.Customer .secondbox .txt3 span{vertical-align:middle;}
.Customer .secondbox .txt3 strong{color:#b9942f;font-size:18px;font-weight:normal;vertical-align:middle;font-family:Tahoma;}
.Customer .secondbox .txt3 a{color:#805d30; text-decoration:underline;}

.VideoBox{top:1075px;background:url(../img/bg001.jpg) 0 0 no-repeat;height:156px; margin-top: 10px}
.VideoBox a{display:block;width:132px;height:78px;overflow:hidden;float:left;}
.VideoBox a span{background:url(../img/icons.png) 10px 0 no-repeat;display:block;height:50px;margin-top:16px;padding-left:66px;color:#f0e6aa;font-size:17px;text-align:center;width:65px;margin-left:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.VideoBox a.video01{width:131px;height:77px;border-bottom:1px solid #602715;border-right:1px solid #602715;}
.VideoBox a.video02{height:77px;border-bottom:1px solid #602715;}
.VideoBox a.video03{width:131px;border-right:1px solid #602715;}
.VideoBox a.video01 span{ background-position:8px 0;}
.VideoBox a.video02 span{ background-position:8px -50px;}
.VideoBox a.video03 span{ background-position:8px -100px;}
.VideoBox a.video04 span{ background-position:8px -150px;}
.VideoBox a:hover span{width:132px;margin-left:-66px;}

.Server{ margin-top: 10px}
.Server .secondbox{ height:auto;line-height:28px;color:#805d30; padding: 14px 0}
.Server .secondbox p.hotgreen{-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:breathe-green;-webkit-animation-duration:2700ms;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;}
.Server .secondbox p.orange{-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:breathe-orange;-webkit-animation-duration:2700ms;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;}
.Server .secondbox p a{ color:#805d30}

.LinkBox{ margin-top:10px}
.LinkBox a{display:block;float:left;width:132px;height:51px;background:url(../img/bg002.png) 0 0 repeat-x; text-align:center; line-height:50px;font-size:14px;color:#956b12;text-shadow:0 0 8px #333;font-weight:bold;}
.LinkBox a.link1{width:131px;height:50px;border-bottom:1px solid #180703;border-right:1px solid #180703;}
.LinkBox a.link2{height:50px;border-bottom:1px solid #180703;}
.LinkBox a.link3{width:131px;border-right:1px solid #180703;}
.LinkBox a:hover{color:#d8cb8f;text-shadow:0 0 8px #000;}

.playTips { margin-top: 10px}
.mod-content {padding: 5px 15px;font-size: 12px;}
.mod-content ul {height: 110px;padding: 5px 0;}
.mod-content ul li {width: 50%;float: left;line-height: 30px;color: #805d30;text-indent: 20px;line-height: 28px;}

.banner_c{ width:764px; height: 360px; overflow: hidden}
:root {
    --swiper-theme-color: 
    #782109;
}


.news{height:417px;background:url(../img/newsbg.jpg) 0 0 no-repeat #ece1ad; margin-top: 10px}
.news .newsbox{float:left;width:520px;height:100%;}
.news .newsbox h2 a{/*padding-left:87px; */display:block;width:520px; text-align:center;height:79px;line-height:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a01e14;font-size:22px;}
.news .newsbox h2 a:hover{color:#f00;}
.news .newsbox .tab{padding-left:18px; overflow: hidden}
.news .newsbox .tab dl dt{float:left;width:70px;text-align:center;}
.news .newsbox .tab dl dt a{display:none;height:27px;line-height:27px;font-size:10px;color:#a01e14;border-bottom:1px solid #d5c78c;}
.news .newsbox .tab dl dt a span{vertical-align:middle;margin-right:6px;}
.news .newsbox .tab dl dt a i{vertical-align:middle;font-style:normal;color:#e0c77f;background-color:#a01e14;font-family:Helvetica;font-size:14px;padding:0 4px;}
.news .newsbox .tab dl dt a:hover{color:#f00;}
.news .newsbox .tab dl dd{float:left;width:84px;text-align:center;margin-left:1px;}
.news .newsbox .tab dl dd a{display:block;height:28px;line-height:28px;font-size:14px;background-color:#d5c78c;color:#471002;}
.news .newsbox .tab dl dd.active a,.news .newsbox .tab dl dd a:hover{background-color:#891b12;color:#ece1ad;}
.newslist{padding:8px 15px 0;font-family:SimSun;}#homepagenewslist ul{display:none;}
.newslist li{padding-left:16px;border-bottom:1px solid #d5c78c;height:27px;line-height:27px;font-size:12px;background:url(../img/newsicon.png) 8px 50% no-repeat;}
.newslist li em{float:right;font-style:normal;color:#744c2b;}
.newslist li a{color:#370A0A;}
.newslist li a.hot{ padding-right:40px; background:url(../img/hot.gif) 100% 50% no-repeat;}
.newslist li.red a{color:#f00;}
.newslist li.redStrong a{color:#f00;font-weight:bold;}
.newslist li.yellow a{color:#ef9911;}
.newslist li.yellowStrong a{color:#ef9911;font-weight:bold;}
.newslist li.blue a{color:#00f;}
.newslist li.blueStrong a{color:#00f;font-weight:bold;}
.newslist li.bold a{font-weight:bold;}
.newslist li.UnityNews_Red a{color:#d01a14;}
.newslist li.UnityNews_RedStrong a{color:#d01a14;font-weight:bold;}
.newslist li.UnityNews_Yellow a{color:#ef9911;}
.newslist li.UnityNews_YellowStrong a{color:#ef9911;font-weight:bold;}
#homepagenewslist ul.u_on{ display:block}

.news .ADbox{float:left;width:229px;padding:7px 8px 0 7px;}
.news .ADbox a{display:block;height:129px;margin-bottom:7px;-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);}
.news .ADbox a img{display:block;width:229px;height:129px;}
.news .ADbox a:hover{-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


.actShow{ width:764px; border-top:1px solid #594220;border-left:1px solid #594220; margin-top: 10px}
.actShow .left,.actShow .right{width:358px;height:125px;padding:11px 10px 10px 13px;float:left;border-bottom:1px solid #594220;border-right:1px solid #594220; background:url(../img/actShowbg.jpg) 0 0 no-repeat;}
.actShow .left a,.actShow .right a{display:block;width:358px;height:125px;overflow:hidden;position:relative;}
.actShow .left a span,.actShow .right a span{display:block;width:358px;height:125px;position:absolute;left:0;top:0;background:url(../img/actbg.png) 0 0 no-repeat;-webkit-transform:translateY(10px);-ms-transform:translateX(0);-o-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.4s linear;-moz-transition:-moz-transform 0.4s linear;-ms-transition:-ms-transform  0.4s linear;-o-transition:-o-transform 0.4s linear;transition:transform 0.4s linear;}
.actShow .left a strong,.actShow .right a strong{display:block;width:358px;height:125px;position:absolute;left:0;top:0; background:url(../img/acttxt.png) 0 0 no-repeat;-webkit-transform:translateY(10px);-ms-transform:translateX(0);-o-transform:translateX(0);
-moz-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0.4s linear;-moz-transition:-moz-transform 0.4s linear;-ms-transition:-ms-transform 0.4s linear;-o-transition:-o-transform 0.4s linear;transition:transform 0.4s linear;}
.actShow .actBox01 a span{ background-position:0 0;}.actShow .actBox01 a strong{ background-position:100% 0;}
.actShow .actBox02 a span{ background-position:0 -125px;}.actShow .actBox02 a strong{ background-position:100% -125px;}
.actShow .actBox03 a span{ background-position:100% -625px;}.actShow .actBox03 a strong{ background-position:0 -500px;}
.actShow .actBox04 a span{ background-position:100% -500px;}.actShow .actBox04 a strong{ background-position:0 -625px;}
.actShow .actBox05 a span{ background-position:0 -250px;}.actShow .actBox05 a strong{ background-position:100% -250px;}
.actShow .actBox06 a span{ background-position:0 -375px;}.actShow .actBox06 a strong{ background-position:100% -375px;}
.actShow .actBox07 a span{ background-position:100% -750px;}.actShow .actBox07 a strong{ background-position:0 -750px;}
.actShow .actBox08 a span{ background-position:100% -875px;}.actShow .actBox08 a strong{ background-position:0 -875px;}
.actShow .left a span{-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;transform-origin:left bottom;}
.actShow .right a span{-moz-transform-origin:right bottom;-ms-transform-origin:right bottom;-o-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;}
.actShow .left a:hover span{-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);-o-transform:translateX(-50px);-moz-transform:translateX(-50px);transform:translateX(-50px);}
.actShow .left a:hover strong{-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);-o-transform:translateX(-30px);-moz-transform:translateX(-30px);transform:translateX(-30px);}
.actShow .right a:hover span{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);-o-transform:translateX(50px);-moz-transform:translateX(50px);transform:translateX(50px);}
.actShow .right a:hover strong{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);-moz-transform:translateX(30px);transform:translateX(30px);}

.mirNewsAgency{width:487px;height:308px;padding:0 12px; background-color:#ece1ad; position: relative; float: left; margin-top: 10px}
.mirNewsAgency h2{height:49px;line-height:49px;color:#531a0a;font-size:22px;}
.mirNewsAgency h2 span{color:#c7b97b;font-size:12px;font-weight:normal; vertical-align:baseline;text-transform:uppercase;margin-left:12px;}
.mirNewsAgency .joinus{position:absolute;right:10px;top:15px;width:70px;height:20px; line-height:20px;color:#531a0a;border:1px solid #d0c285; background-color:#e1d59f; text-align:center;}
.mirNewsAgency .joinus:hover{width:90px;}
.mirNewsAgency .tab dl dt{float:left;width:76px;text-align:center;border-bottom:2px solid #cbbf8b;}
.mirNewsAgency .tab dl dt a{display:none;height:38px;line-height:38px;font-size:10px;color:#a01e14;}
.mirNewsAgency .tab dl dt a span{vertical-align:middle;margin-right:6px;}
.mirNewsAgency .tab dl dt a i{vertical-align:middle;font-style:normal;color:#e0c77f;background-color:#a01e14;font-family:Helvetica;font-size:14px;padding:0 4px;}
.mirNewsAgency .tab dl dt a:hover{color:#f00;}
.mirNewsAgency .tab dl dd{float:left;width:137px;text-align:center;}
.mirNewsAgency .tab dl dd a{display:block;height:38px;line-height:38px;font-size:14px;background-color:#e1d59f;color:#281e06;border-bottom:2px solid #bdb17c;}
.mirNewsAgency .tab dl dd.active a,.mirNewsAgency .tab dl dd a:hover{background-color:#d0c285;color:#531a0a;border-bottom:2px solid #8d7819;}
.mirNewsAgency .articleList{ padding-top:5px;font-family:SimSun;}.mirNewsAgency .articleList ul{ display:none;}
.mirNewsAgency .articleList li{padding-left:16px;border-bottom:1px solid #d5c78c;height:27px;line-height:27px;font-size:12px;background:url(https://static.web.sdo.com/mir2/pic/mir2/web7/newsicon.png) 8px 50% no-repeat;}
.mirNewsAgency .articleList li em{float:right;font-style:normal;color:#370A0A;}
.mirNewsAgency .articleList li a{color:#370A0A;}
.mirNewsAgency .articleList ul.u2_on{ display:block}
#articleTab{ overflow:hidden}
.gameHelp{ float: left; margin-top: 10px; margin-left: 8px; width:232px;height:308px;padding:0 6px; background-color:#ece1ad;}
.gameHelp h2{height:49px;line-height:49px;color:#531a0a;font-size:22px;}
.gameHelp h2 span{color:#c7b97b;font-size:12px;font-weight:normal;vertical-align:baseline;text-transform:uppercase;margin-left:12px;}
.gameHelp .helplist{ background:url(../img/helpbg.png) 0 0 repeat;}
.gameHelp .helplist a{height:30px;width:116px;line-height:30px;float:left;color:#531a0a;-webkit-transition:color linear 0.3s;-moz-transition:color linear 0.3s;-o-transition:color linear 0.3s;-ms-transition:color linear 0.3s;transition:color linear 0.3s;}
.gameHelp .helplist a i{font-style:normal;font-size:22px;color:#8e4328;vertical-align:middle;margin-left:6px;margin-right:4px;}
.gameHelp .helplist a span{vertical-align:middle;font-family:SimSun;}
.gameHelp .helplist a:hover{color:#bb1a0a;}

.newArea{width:337px;height:187px;border:6px solid #ece1ad;}
.newArea a.newarea{display:block;width:100%;height:100%;-ms-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);}
.newArea a.newarea img{display:block;width:100%;height:100%;}
.newArea a.newarea:hover{-ms-transform:scale(1.066,1.066);-moz-transform:scale(1.066,1.066);-o-transform:scale(1.066,1.066);-webkit-transform:scale(1.066,1.066);transform:scale(1.066,1.066);}

.Video{ margin-top: 10px; height:204px;}
.Video a.video{display:block;height:100%;background:url(../img/pdN.jpg) 50% 50% no-repeat;background-size:100% auto;-ms-background-size:100% auto;position:relative;-ms-transform:scale(1,1);}
.Video a.video .play{position:absolute;left:50%;top:50%;margin:-42px 0 0 -35px;opacity:1;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);
-moz-transition:all ease 0.4s;-webkit-transition:all ease 0.4s;-o-transition:all ease 0.4s;-ms-transition:all ease 0.4s;transition:all ease 0.4s;}
.Video a.video p{width:100%;height:32px;line-height:32px;text-align:center;color:#ece1ad; background:url(../img/coverbg.png) 0 0 repeat;position:absolute;left:0;bottom:0;}
.Video a.video:hover{background-size:110% auto;-ms-transform:scale(1.03,1.03);}
.Video a.video:hover .play{opacity:0.5;filter:alpha(opacity=50);}

.weixinBox{height:202px; margin-top: 10px; background:url(../img/hot2.png) 0 0 no-repeat #d5c78c;}
.weixinBox h2{color:#471002;font-size:18px;text-align:center;height:44px;line-height:44px;padding-top:17px;font-weight:normal;}
.weixinBox h2 span{padding:0 42px;}
.weixinBox .weixin{ background:url(../img/bgline02.png) 50% 0 no-repeat; overflow: hidden}
.weixinBox .weixin p{width:50%;text-align:center; line-height:1.2;}
.weixinBox .weixin p img{ margin-bottom:4px;}
.fl{ float:left}

.version{ margin-top:10px; height:224px;background-color:#ece1ad;}
.hotact{top:793px;height:140px;background-color:#ece1ad;}
.version h2,.hotact h2{font-size:18px;height:40px;line-height:40px; background-color:#d5c78c;color:#471002;text-indent:12px;}
.version .more,.hotact .more{display:block;height:24px;line-height:24px;font-size:10px;color:#a01e14;position:absolute;right:8px;top:8px;}
.version .more span,.hotact .more span{vertical-align:middle;margin-right:6px;}
.version .more i,.hotact .more i{vertical-align:middle;font-style:normal;color:#e0c77f;background-color:#a01e14;font-family:Helvetica;font-size:14px;padding:0 4px;}
.version .more:hover,.hotact .more:hover{color:#f00;}
.version .innerbox,.hotact .innerbox{ padding:12px 9px 0 9px;}
.version .innerbox a.fl{ margin-right:10px; margin-bottom: 5px}
.version .innerbox a.fl,.hotact .innerbox a.fr{width:160px;height:78px;}
.version .innerbox a.fl img,.hotact .innerbox a.fr img{width:160px;height:78px;}
.inner_ul{ width:360px;}

.wallpaperN{ margin-top: 20px; height:84px;}
.wallpaperN a{ background:url(../img/bgWallpaper.png) 50% 100% no-repeat;background-size:100% 200%;-ms-transform:scale(1,1); display: block}
.wallpaperN a span{ background:url(../img/bgWallpaper.png) 100% 0 no-repeat;}
.mafa { top:1045px}
.ImageLink a{display:block;height:100%;}
.ImageLink a span{display:block;height:100%;}
.mafa{height:84px; margin-top: 20px}
.mafa a{ background:url(../img/mafa.png) 50% 100% no-repeat;background-size:100% 200%;-ms-transform:scale(1,1);}
.mafa a span{ background:url(../img/mafa.png) 100% 0 no-repeat;}
.ImageLink a:hover{background-size:120% 240%;-ms-transform:scale(1.1,1.1);}
a.ts:hover{text-decoration:none;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
a.ts:link{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}




@-webkit-keyframes tada {
    0% {-webkit-transform: scale(1);}
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.01) rotate(3deg);}
    40%, 60%, 80% {-webkit-transform: scale(1.01) rotate(-3deg);}
    100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
    0% {-moz-transform: scale(1);}
    10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {-moz-transform: scale(1.01) rotate(3deg);}
    40%, 60%, 80% {-moz-transform: scale(1.01) rotate(-3deg);}
    100% {-moz-transform: scale(1) rotate(0);}
}
@keyframes tada {
    0% {transform: scale(1);}
    10%, 20% {transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {transform: scale(1.01) rotate(3deg);}
    40%, 60%, 80% {transform: scale(1.01) rotate(-3deg);}
    100% {transform: scale(1) rotate(0);}
}