@charset "UTF-8";
article,aside,blockquote,body,caption,dd,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,legend,li,object,ol,p,pre,section,span,strong,table,tbody,td,tfoot,th,thead,tr,ul{border:0;margin:0;outline:0;padding:0}
body,html{font-family:'Microsoft YaHei',Helvetica,Tahoma,StSun,SimSun,sans-serif;font-size:29px;background-color:#fafafa;-webkit-text-size-adjust:none;height:100%;overflow:hidden;min-height:416px}
.clear-after:after,.clearfix:after{clear:both;height:0;visibility:hidden}
li,ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
:focus{outline:0}
button::-moz-focus-inner{padding:0;border:0}
a:link,a:visited{color:#9b5e16}
a{-webkit-tap-highlight-color:rgba(255,0,0,0);text-decoration:none}
img{border:0}
.clear{clear:both;display:block;margin:0;padding:0}
.clear-after:after{content:"";display:block}
* .clear-after{zoom:1}
.hide{display:none}
.clearfix:after{display:block;content:"."}
.clearfix{display:block;zoom:1}
* html .clearfix{height:1%}
.tac{text-align:center}
.imgw100{display:block}
body.whitebg{background-color:#fff;height:auto}
.sec01 .content,.wrapper section{position:relative}
.popbox,.sec01 .content img.imgw100{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}
.hbox,.imgw100,.w100{width:100%}

.wrapper{position:relative;z-index:0;height:100%;overflow:auto;-webkit-overflow-scrolling: touch;}
.wrapper section{overflow:hidden;}
.wrapper section>h2{background:url(http://static.sdg-china.com/jijiamobile/pic/cdwebm/h2_tit_bg.jpg) no-repeat #1f1f1f;background-size:100% 100%;height:2em;line-height:2em;color:#f0e2a7;text-shadow:0 0 5px #000;font-size:2em;font-weight:400;letter-spacing:2px;text-indent:2px;position:relative;text-align:center}

.downloadBox{position:absolute;left:0;top:0;width:100%;z-index:49;}
.downloadBox .but{position:absolute;display:block;right:5%;top:20%;box-shadow:1em 1em 3em rgba(0,0,0,0.25);width:24.375%}
.downloadBox .but img{display:block;width:100%}

.sec01 .content img.imgw100{transition:all .5s ease-in-out}

.sec01 .content .logo{width:30%;position:absolute;top:14%;left:2%}
.sec01 .content .slogn{width:100%;position:absolute;left:0;top:69%;overflow:hidden;height:20%}
.sec01 .content .slogn a{width:100%;height:100%;display:block}
.sec01 .orderBox{position:absolute;left:0;bottom:4%;width:100%}
.sec01 .orderBox .orderBut{display:block;color:#fff;text-shadow:0 0 3px rgba(86,26,0,.75);margin:0 auto;width:40%;height:2.5em;line-height:2.5em;font-size:1.25em;background-color:#ef1700;text-align:center;border-bottom:.3em solid #8d0a00}
.sec01 .videoBox{position:absolute;left:0;bottom:4%;width:100%}

.sec03{background: #191d30;}
.sec03 .gamestyle{position:relative}
.sec03 .gamestyle .content{position:absolute;left:0;top:0;width:100%;height:100%}
.sec03 .gamestyle .content .nextjt,.sec03 .gamestyle .content .prevjt{display:block;width:10.9375%;position:absolute;top:46.7%}
.sec03 .gamestyle .content .prevjt{left:2.1875%}
.sec03 .gamestyle .content .nextjt{right:2.1875%}
.sec03 .gamestyle .content .nextjt img,.sec03 .gamestyle .content .prevjt img{width:100%;display:block}
.sec03 .gamestyle .content .swimgBox{width:100%;height:100%;overflow:hidden;}
.sec03 .gamestyle .content .swimgBox ul{width:400%;overflow:hidden}
.sec03 .gamestyle .content .swimgBox ul li{width:25%;float:left;display:block;position:relative;z-index:0}
.sec03 .gamestyle .content .swimgBox ul li img{width:100%}
.sec03 .gamestyle .content .tipstxt{width:43.28125%;height:2em;line-height:2em;padding-top:.5em;font-size:1.2em;margin:5% auto 0;text-align:center;color:#ffb60e}
.sec03 .gamestyle .content .tipstxtCopy{position:absolute;width:100%;font-size:2.2em;text-align:center;color:#000;top:4%}

.sec04{ background:#1a1e2f;}
#copyright{width:100%;padding-top:3em;}
#copyright .content .gotop{width:100%;margin-top:3em;height:3.5em;line-height:3.5em;color:#b5a399;background:url(http://static.sdg-china.com/jijiamobile/pic/ah/web3m/gotopbg-2.png) 50% 50%/100% 100% no-repeat;text-align:center}
#copyright .content .gotop span{font-size:1.5em; vertical-align:middle;}
#copyright .content .gotop img{height:.7em;margin-left:2%;vertical-align:middle}

.copyright{color:#4e4e4e;text-align:center;font-size:1em;background-color:#1a1e2f;padding:1% 0 2%;line-height:1.25}
.copyright p:first-child{padding-top:5px}
.leftbranav{position:fixed;visibility:hidden;z-index:9;line-height:2;right:-100%;top:0;width:100%;max-height:100%;overflow:auto;background-color:#eaeaea;box-shadow:1px 1px 10px #000;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;-ms-transsition:all .6s;height:100%}
.leftbranav dl dd a:after,.leftbranav h3:after{content:" ";top:50%}
.scroll_box,.scroll_wrap{overflow:hidden}
.leftbra-show .leftbranav{right:0;visibility:visible;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;height:100%}
.leftbranav h3{text-indent:1em;font-size:1.5em;color:#ebdca1;height:2.9em;line-height:3em;font-weight:400;background:url(http://static.sdg-china.com/jijiamobile/pic/ds/web3/01/headerbg0911.jpg) center top no-repeat;background-size:cover}
.leftbranav h3:after{display:inline-block;width:15px;height:15px;border-right:3px solid #f7a317;border-bottom:3px solid #f7a317;float:right;margin-right:2%;position:relative;margin-top:-10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-p-transform:rotate(135deg);transform:rotate(135deg)}
.leftbranav h3 span{font-size:.4em;color:#ebdca1;margin-left:1.5%}
.leftbranav dl a{color:#547892;display:block}
.leftbranav dl dt{padding:5px 0 5px 10%;font-size:1.3em;color:#272727;background:#eaeaea}
.leftbranav dl dd,.leftbranav dl dd:nth-of-type(odd){background-color:#f4f4f4}
.leftbranav dl dd a{padding:3px 0 3px 10%;font-size:1.1em;background:url(http://static.sdg-china.com/jijiamobile/pic/dnl/web1/image/icon2.png) 5.5% center no-repeat;background-size:auto 30%;position:relative}
.leftbranav dl dd a:after{display:inline-block;width:6px;height:6px;border-right:1px solid #291f17;border-bottom:1px solid #291f17;position:absolute;right:8%;margin-top:-4px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-p-transform:rotate(-45deg);transform:rotate(-45deg)}
#a1,.gotop2{position:fixed}
.gotop2,.news_gotop2{right:3%;text-align:center;bottom:5%}
.newsDetail{padding:5% 8%}
.newsDetail .newstitle{text-align:center;line-height:1.8;padding-bottom:3%;border-bottom:1px solid #dfdfdf}
.newsDetail .newstitle h1{font-weight:400;font-size:1.5em;color:#2a211e}
.newsDetail .newstitle p{color:#aaa;font-size:.9em}
.newsDetail .newsContent{min-height:400px;padding-top:6%;color:#2b221f;line-height:1.8;word-break:break-all}
.newsDetail .newsContent p{margin-bottom:2%}
.newsDetail .newsContent a{color:#aaa}
.newsDetail .newsContent img,.newsDetail .newsContent input{max-width:100%;height:auto}
.newsDetail .like{width:14.84375%;text-align:center;color:#ffa1a1;line-height:1.8;margin:3% auto}
.newsDetail .like img{width:100%;display:block}
.newsDetail .share{background-color:#fff}
.newsDetail .share .sharetit{width:100%;text-align:center;padding:3% 0;margin-bottom:3%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADAgMAAAAmWC1rAAAADFBMVEUAAACcnJycnJycnJwQjyKSAAAAA3RSTlMAv0Dv9zc5AAAAD0lEQVQI12OYwcBQwgAkAQg9AaVMjJ9VAAAAAElFTkSuQmCC) 0 center repeat-x}
.newsDetail .share .sharetit span{background-color:#fff;padding:0 .8em;color:#9c9c9c}
.newsDetail .share table tr td{text-align:center;width:25%;text-indent:0}
#a1{width:100%;left:0;top:150%;z-index:100;text-align:center;opacity:0;color:#ffa1a1;font-size:1.5em;-webkit-transform:translateY(150%);-moz-transform:translateY(150%);transform:translateY(150%);-webkit-transition:all 1s linear;-moz-transition:all 1s linear;transition:all 1s linear}
.gotop2{width:3em;height:3em;background-color:#e5e5e5;color:#c1c1c1;border-radius:3em}
.news_gotop2{width:4em;height:4em;background-color:#d0c8bc;color:#978985;border-radius:4em;margin:0 auto 5%}
.mastd{width:78.90625%;margin:5% auto}
.showSec{position:absolute;top:0;left:0}
.chlid_SwordShield{position:absolute;right:0;top:0;width:11%;padding-top:0}
.chlid_SwordShield .swopic{width:63%}
.popbox{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.6);z-index:90;-webkit-transform:translateY(-150%);-moz-transform:translateY(-150%);transform:translateY(-150%);transition:all .5s ease-in-out}
.popbox .pop{display:none;position:absolute;width:90%;left:5%;top:50%;background-color:#000}
.popbox .pop .closepop{position:absolute;right:0;top:0;padding:3%;background:url(http://mat1.gtimg.com/sh/longhua/closebut.png) center center no-repeat;background-size:70% 70%}
.popbox .pop .closepop img{height:1.4em;display:block;opacity:0}
.popbox .pop h3{font-size:1.2em;color:#e9314b;padding:4% 0;line-height:1;text-indent:1em;text-align:center}
.popbox .pop p{font-size:1em;line-height:1.6;color:#610411;word-break:break-all;padding:2% 3% 4%}
.popbox .pop .imgw100{width:96%;height:50%;padding:0 2% 5%}
.sec01 .content img.imgw100{opacity:1}
.sharetip{position:fixed;width:100%;height:100%;left:0;top:150%;background-color:rgba(0,0,0,.6);z-index:150;-webkit-transform:translateY(350%);-moz-transform:translateY(350%);transform:translateY(350%);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-align:right}
.scroll_box,.scroll_wrap li{position:relative;z-index:0}
.sharetip img{width:80.59375%;margin-right:3%}
.scroll_box{width:100%;min-height:100px}
.scroll_wrap li{display:block;width:100%;float:left}
.scroll_wrap li a{display:block;margin:0 auto}
.scroll_position{position:absolute;z-index:11;right:0;bottom:5%;width:100%;height:1em;line-height:1;text-align:center}
.scroll_position li{display:inline-block;margin:0 .2em;width:2em;height:.3em;background:#fff;overflow:hidden}
.downloadGuide,.force{display:none;position:fixed;left:0;top:0;width:100%;height:100%}
.scroll_position li.on{background-color:#C6AF51}
.force{z-index:100;background:url(http://static.sdg-china.com/jijiamobile/pic/ds/phoneweb/force.png?0) no-repeat #000;background-size:100% 100%}

.downloadGuide{display:none;position:fixed;left:0;top:0;width:100%;height:100%}
.downloadGuide{z-index:99;background:url(../img/downloadGuide.jpg) no-repeat #f6f6f6;opacity:.95;background-size:100% auto}

@-webkit-keyframes opacityto1{0%{opacity:0}
50%{opacity:.2}
100%{opacity:1}
}
@-moz-keyframes opacityto1{0%{opacity:0}
50%{opacity:.2}
100%{opacity:1}
}
@keyframes opacityto1{0%{opacity:0}
50%{opacity:.2}
100%{opacity:1}
}
@-webkit-keyframes opacitychange{0%,100%{opacity:1;padding:0}
50%{opacity:.3;padding:0 5px}
}
@-moz-keyframes opacitychange{0%,100%{opacity:1;padding:0}
50%{opacity:.3;padding:0 5px}
}
@keyframes opacitychange{0%,100%{opacity:1;padding:0}
50%{opacity:.3;padding:0 5px}
}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}
50%{-webkit-transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0)}
50%{-moz-transform:rotate(180deg)}
100%{-moz-transform:rotate(360deg)}
}
@keyframes rotate{0%{transform:rotate(0)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@media screen and (max-width:340px){body{font-size:12px}
}
@media screen and (min-width:341px) and (max-width:360px){body{font-size:13px}
}
@media screen and (min-width:361px) and (max-width:400px){body{font-size:14px}
}
@media screen and (min-width:401px) and (max-width:440px){body{font-size:15px}
}
@media screen and (min-width:441px) and (max-width:480px){body{font-size:16px}
}
@media screen and (min-width:481px) and (max-width:520px){body{font-size:17px}
}
@media screen and (min-width:521px) and (max-width:560px){body{font-size:21px}
}
@media screen and (min-width:561px) and (max-width:620px){body{font-size:22px}
}
@media screen and (min-width:621px) and (max-width:660px){body{font-size:24px}
}
@media screen and (min-width:661px) and (max-width:720px){body{font-size:26px}
}
@media screen and (min-width:721px) and (max-width:800px){body{font-size:29px}
}
@media screen and (min-width:801px){body{font-size:31px}
}
.playVideoBut{position:absolute;width:22.34375%;top:73%;left:77%;}
.vdbox{width:100%;animation:3s linear 0s normal none infinite rotate;-webkit-animation:3s linear 0s normal none infinite rotate}
.vdsj{width:43.35664%;position:absolute;top:29.32168%;left:29.32168%;z-index:9;animation:slog 1.5s ease 0s infinite;-webkit-animation:slog 1.5s ease 0s infinite;animation-fill-mode:both!important;-webkit-animation-fill-mode:both!important}
.downloadBigBut{position:absolute;width:50%;top:90%;left:26.5%;}
.downloadBigBut a,.downloadBigBut a img{ display: block;width: 100%;}

@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes slog{0%,100%{-webkit-transform:scale(.9)}
80%{-webkit-transform:scale(1)}
}
@-moz-keyframes slog{0%,100%{-moz-transform:scale(.9)}
80%{-moz-transform:scale(1)}
}
@keyframes affix{0%,85%{opacity:0;-webkit-transform:scale(10)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@-webkit-keyframes affix{0%,85%{opacity:0;-webkit-transform:scale(10)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@-moz-keyframes affix{0%,85%{opacity:0;-moz-transform:scale(10)}
100%{opacity:1;-moz-transform:scale(1)}
}
@-o-keyframes affix{0%,85%{opacity:0;-moz-transform:scale(10)}
100%{opacity:1;-moz-transform:scale(1)}
}
@-ms-keyframes affix{0%,85%{opacity:0;-ms-transform:scale(10)}
100%{opacity:1;-ms-transform:scale(1)}
}
.big-small{-webkit-animation:affix 1s linear 0s;-moz-animation:affix 1s linear 0s;-o-animation:affix 1s linear 0s;animation:affix 1s linear 0s}
.share table{table-layout:fixed;border:0;width:100%;line-height:1}
.share table td{text-align:left;width:16.6666%;text-indent:.3em}
.share table td img{width:63%}
.yuyueBox{width:86.875%;margin:0 auto;padding-top:2em;}
.yuyueBox input{float:left;width:70%;height:3em;vertical-align:middle;box-sizing:border-box;border:0 none;font-size:1em;padding:1em 3%;box-shadow:0 1em 3em rgba(0,0,0,0.66);}
.yuyueBox img{width:26.25%;float:right;display:block;height:3em;vertical-align:middle;font-size:1em;box-shadow:0 1em 3em rgba(0,0,0,0.66);}

/*一进入弹出层*/
.hdpopbox{display:none;position:absolute;width:100%;height:100%;overflow:hidden;left:0;top:0;z-index:100;opacity:0;-webkit-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out;}
.hdpopbox .hdpop{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);z-index:101;}
.hdpopbox .hdpop .closepop{width:6em;height:6em;border-radius:6em;position:absolute;right:-1.2em;top:-1.2em;z-index:102;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfAgMAAABiwP6qAAAACVBMVEUAAAAVCgIkGRJnPJyuAAAAAXRSTlMAQObYZgAAAFpJREFUGNNFkEEOACEIAyHhsEeexNP26WLTjGooChRqTGhVtHChhBvIC7KjFEVtvuv8DqcLXNo6qjB97jZr2em2UyMwCy/kUAUPzPSiO/P4Nsz8VKALpWjnNw4evAWS9iAWqwAAAABJRU5ErkJggg==) 45% 55% no-repeat rgba(255,255,255,0.5);background-size:2em 2em;}
#pageisopen .hdimgBox{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;}
#pageisopen .hdimgBox ul{width:200%;height:100%;overflow:hidden;}
#pageisopen .hdimgBox ul li{width:50%;height:100%;float:left;text-align:center;position:relative;display: flex;justify-content:center;align-items: center;}
#pageisopen .hdimgBox ul li img{width:80%;}
#pageisopen .nextjt,#pageisopen .prevjt{display:block;width:10.9375%;position:absolute;top:43.7%}
#pageisopen .prevjt{left:2.1875%}
#pageisopen .nextjt{right:2.1875%}
#pageisopen .nextjt img,#pageisopen .prevjt img{width:100%;display:block;-webkit-filter:drop-shadow(0 0 0.25em #fff);}