body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
li{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
body{background:#1c0706;font:14px/36px "Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;color:#968280;}
i{font-style:normal}
a{color:#968280;text-decoration:none}
.hide{display:none!important;}
.show{display: block!important;}
:focus{outline:0}
.fl{float: left;}
.fr{float: right;}
.clear{zoom:1}
.clear:after{content:"";clear:both;display:block;height:0;line-height:0;font-size:0}
.wrap{width: 100%;max-width: 1920px;min-width: 1280px; background: url('../imgs/bg.jpg') no-repeat center top;}
.main{width: 1280px; margin: 0 auto; position: relative; }
.header{background: url('../imgs/head.jpg') no-repeat; height: 970px; padding-top: 16px; position: relative;}
.header .ico{width: 140px; height: 140px; position: absolute; left: 440px; bottom: 97px;}
.header .btn_start{display: block; width: 238px; height: 179px; position: absolute; right: 447px; bottom: 99px; background: url('../imgs/start.png') no-repeat;}
.nav{height: 62px;text-align: center;}
.nav .item{float: left; color: #fff; width: 88px; padding: 10px 40px; color: #422a10; line-height: 1.2; font-size: 16px; font-weight: bold; position: relative;}
.nav .item:hover{color: #a43209;}
.nav .item::after{content: ''; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 1px; height: 20px; background: #422a10;}
.nav .item:last-child::after,.nav .item:nth-child(3)::after{display: none;}
.nav .item p{font-size: 10px; font-weight: normal; text-transform: uppercase; margin-top: 4px;}
.nav .logo{float: left; width: 216px; margin: -10px 25px 0;}
.download{width: 506px; height: 243px; background: url('../imgs/download.png') no-repeat; position: absolute; bottom: 79px; left: 50%; margin-left: -253px;}
.qrcode{float: left; width: 148px; height: 148px; margin: 66px 10px 0 77px; position: relative;}
.qrcode img{display: block; width: 100%;}
.qrcode::after{content: ''; animation: sys 2.5s linear infinite; -webkit-animation: sys 2.5s linear infinite; position: absolute; left:2%; width: 96%; height: 3px; background: #fff; opacity: .8; box-shadow: 0 0 6px #000; }
@keyframes sys {0%,100% {top: 0}50%{ top: 144px}}
@-webkit-keyframes sys {0%,100% {top: 0}50%{ top: 144px}}
.down_btns{padding-top: 68px; float: left;}
.down_btns .ios,.down_btns .android{width: 210px; height: 60px; display: block; background: url('../imgs/down_btn.jpg') no-repeat;}
.down_btns .android:hover{background-position: -210px 0;}
.down_btns .ios{background-position: 0 -60px; margin-top: 23px;}
.down_btns .ios:hover{background-position: -210px -60px;}

.part1{background: url('../imgs/p1.jpg') no-repeat; height: 453px; padding-top: 115px;}
.banner{width: 610px; height: 344px; float: left; overflow: hidden; position: relative;}
.banner .text{position: absolute;bottom: 0;left: 0; width: 100%; height: 40px; background: rgba(0, 0, 0, .7); z-index: 10; overflow: hidden;}
.banner .text span{float: left; width: 25%; line-height: 40px; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.banner .text .active{background: #000; color: #fbc56d; font-weight: bold;}
.news{float: right; width: 670px; height: 344px; background: #322321; color: #927570;}
.news_tit{height: 55px;line-height: 55px;background-color: #291a19;  padding: 0 20px;position: relative;}
.more{position: absolute; right: 15px;top: 0;padding: 0 13px; color: #927570;}
.more:hover{color:#b59d72}
.more::after,.more::before{content: "";background: #927570;position: absolute;}
.more:hover::after,.more:hover::before{background: #b59d72;}
.more::before{width: 2px; height: 6px; top: 50%; margin-top: -3px; right: 2px;}
.more::after{width: 6px; height: 2px; top: 50%; margin-top: -1px; right: 0;}
.news_tit li{width: 75px; float: left; border-bottom: 3px solid transparent;height: 52px; line-height: 52px; font-size: 18px;text-align: center;cursor: pointer;}
.news_tit li.cur{border-color: #c58953;color: #c58953;font-weight: bold;}
.tab_cont{margin: 30px; height: 230px;}
.tab_cont .item,.figure_cont .item{display: none;}
.rec{height:40px;line-height:40px;background-color:#291a19;margin-bottom:10px;padding-left:100px;position:relative;text-align:center;}
.rec_ts{color:#f5d8a4;background-color:#6b1807;width:75px;padding-right:8px;height:40px;position:absolute;top:0;left:0;}
.rec_ts::after{content: "";width:0; position: absolute; right: -6px; top: 50%;margin-top: -5px;height:0; border-top:6px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #6b1807; }
.list li{zoom: 1;position: relative;vertical-align: top;}
.list li a{display:block;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-right: 80px; color: #968280;}
.list li a:hover{text-decoration: underline;}
.list li .tr{line-height:36px;height:36px;position:absolute;top:0;right:0;padding:0 8px;}
.part2{background: url('../imgs/p2.jpg') no-repeat; padding-top: 130px; position: relative;}
.figure_tab{background: url('../imgs/figure_line.png') no-repeat left 39px; height: 110px; position: absolute; left: 108px; bottom: 140px;}
.figure_tab li{float: left; width: 94px; padding: 0 39px; text-align: center; margin-right: 6px; font-size: 16px; color: #f8c36a; cursor: pointer;}
.figure_tab i{display: block; width: 82px; height: 82px; margin: 0 auto; background: url('../imgs/figure_tab.png') no-repeat;}
.figure_tab .zs{background-position: 0 0;}
.figure_tab .fs{background-position: -92px 0;}
.figure_tab .ds{background-position: -183px 0;}
.figure_tab .cur{font-weight: bold;}
.figure_tab .cur i{background-position-y: -92px;}
.figure_cont{margin: 20px 0 0 110px; height: 613px;}
.figure_cont .item{position: relative;height: 613px;}
.figure_cont .text{width: 490px;}
.figure_cont .name{width: 150px; height: 140px; background: url('../imgs/name.png') no-repeat; display: block;}
.figure_cont .zs{background-position: 0 0;}
.figure_cont .fs{background-position: -160px 0;}
.figure_cont .ds{background-position: -320px 0;}
.figure_cont .desc{border-top: 1px solid #482214; margin-top: 9px; padding: 15px 0 5px; line-height: 24px;}
.figure_cont .skill{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center; align-items: center;}
.figure_cont .skill img{display: inline-block;}
.figure_img{position: absolute; bottom: 0; left: 506px; width: 714px; height: 690px;}
.figure_cont .show .figure_img{-webkit-animation: right_out .5s forwards 300ms 0 ease;-moz-animation: right_out .5s forwards 300ms 0 ease;-ms-animation: right_out .5s forwards 300ms 0 ease;animation: right_out .5s forwards 300ms 0 ease;-moz-animation: right_out 2.5s forwards;-webkit-animation: right_out .5s forwards;-o-animation: right_out .5s forwards;-ms-animation: right_out .5s forwards;}
@-webkit-keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(2rem);-moz-transform:translateX(2rem);-ms-transform:translateX(2rem);-o-transform:translateX(2rem);transform:translateX(2rem)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-moz-keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(2rem);-moz-transform:translateX(2rem);-ms-transform:translateX(2rem);-o-transform:translateX(2rem);transform:translateX(2rem)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-ms-keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(2rem);-moz-transform:translateX(2rem);-ms-transform:translateX(2rem);-o-transform:translateX(2rem);transform:translateX(2rem)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@-o-keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(2rem);-moz-transform:translateX(2rem);-ms-transform:translateX(2rem);-o-transform:translateX(2rem);transform:translateX(2rem)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
@keyframes right_out{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translateX(2rem);-moz-transform:translateX(2rem);-ms-transform:translateX(2rem);-o-transform:translateX(2rem);transform:translateX(2rem)}100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}}
.figure_cont .show .text{display: block;-webkit-opacity: 1;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);-moz-animation: infoShow .6s forwards; -webkit-animation: infoShow .6s forwards; -o-animation: infoShow .6s forwards; -ms-animation: infoShow .6s forwards; animation: infoShow .6s forwards;}
@-webkit-keyframes infoShow{0%{-webkit-transform:translateX(-1rem);-moz-transform:translateX(-1rem);-ms-transform:translateX(-1rem);-o-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-moz-keyframes infoShow{0%{-webkit-transform:translateX(-1rem);-moz-transform:translateX(-1rem);-ms-transform:translateX(-1rem);-o-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-ms-keyframes infoShow{0%{-webkit-transform:translateX(-1rem);-moz-transform:translateX(-1rem);-ms-transform:translateX(-1rem);-o-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@-o-keyframes infoShow{0%{-webkit-transform:translateX(-1rem);-moz-transform:translateX(-1rem);-ms-transform:translateX(-1rem);-o-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
@keyframes infoShow{0%{-webkit-transform:translateX(-1rem);-moz-transform:translateX(-1rem);-ms-transform:translateX(-1rem);-o-transform:translateX(-1rem);transform:translateX(-1rem);-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}}
.part3{background: url('../imgs/p3.jpg') no-repeat; height: 710px; overflow: hidden;}
.swiper{margin: 104px 16px 0;}
.swiper .swiper-slide{width: 823px; height:471px;}
.swiper .swiper-slide img{display: block; width: 100%;}
.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-left{background-color: rgba(28, 7, 6, .6);}
.swiper .pagination .swiper-pagination-bullet,.next,.prev{background: url('../imgs/ts_ico.png');}
.next,.prev{width: 80px; height: 58px;position: absolute; top: 200px; cursor: pointer;z-index: 1;}
.prev{left: 120px;}
.next{background-position: right top; right: 120px;}
.swiper .pagination{text-align: center; margin-top:20px;}
.swiper .pagination .swiper-pagination-bullet{width: 17px; height: 17px; border-radius: 0; opacity: 1; background-position: 0 -63px;}
.swiper .pagination .swiper-pagination-bullet-active{background-position: -26px -63px;}
.part4{background: url('../imgs/p4.jpg') no-repeat; padding: 115px 0 100px; }
.strategy{background: #322321; width: 466px; padding-left: 164px; overflow: hidden; position: relative;color: #888;}
.label{width: 164px; position: absolute; left: 0; bottom: 0; height: 100%;}
.strategy .news_tit b{color: #b59d72; font-size: 20px;}
.strategy .news_tit li{margin-right: 30px;}
.strategy .news_tit li.cur{border-color: #b59d72;color: #b59d72;font-weight: bold;}
.strategy .tab_cont{height: 208px; margin: 0; overflow: hidden;}
.strategy .tab_cont .attrs{position: relative; height: 160px; margin: 20px;}
.strategy .tab_cont .list{margin: 13px 20px; height: 180px; overflow: hidden;}
.attrs a{width: 81px; float: left; height: 40px; line-height: 40px; padding:0 2px; text-align: center; color: #888; position: relative;}
.attrs a::after{content: ''; width: 2px; height: 15px; position: absolute; right: 0; top: 50%; margin-top: -7px; background: #757372;}
.attrs a:nth-child(5n)::after{display: none;}
.attrs a:hover{color: #b59d72;}
.side{display: none; background: url('../imgs/side.png') no-repeat; z-index: 10; position: fixed; right: 17px; top: 50%; margin-top: -200px; padding-top: 162px; color: #ffd07e; width: 241px; min-height: 240px; text-align: center;}
.side .code{width: 144px; height: 144px; margin-left: 52px; overflow: hidden;}
.side .code img{display: block; width: 100%;}
.side .ts{background: linear-gradient(#eacfa2, #eaae48);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.side .kf{display: block; width: 98px; margin: 5px auto 0; overflow: hidden; text-align: left; padding-left: 45px; height: 36px; line-height: 36px; background: url('../imgs/kf_link.jpg') no-repeat; font-size: 16px; color: #1c0706;}
.inner .header{height: 870px;}
.middle{padding:0 0 100px 240px; position: relative;}
.side_download{position: absolute; left: -23px; top: -48px; width: 290px; height: 473px; background: url('../imgs/sd.png') no-repeat; overflow: hidden;}
.side_download .side_code{width: 210px; height: 216px; background: #fff; margin: 67px auto 0; line-height: 1.2; text-align: center; color: #990902;}
.side_download .qrcode{float: initial; margin: 10px auto 0; width: 190px; height: 190px;}
.side_download .down_btns{float: initial; margin: 18px 0 0 40px; padding: 0; width: 210px;}
.side_download .down_btns .ios{margin-top: 15px;}
.inner_cont{background: #322321;}
.address{height: 109px; background:#291a19 url('../imgs/address.jpg') no-repeat; padding: 0 30px;}
.address .at{float: left; font-size: 30px; color: #c58953; padding-top: 25px;}
.address .at p{font-size: 18px; color: #503626; text-transform:uppercase; margin-bottom: 3px;}
.address .site{float: right; padding-top: 60px; color: #c58953;}
.tab_nav{margin:0 30px;height:58px;padding-left:30px;border-bottom:1px solid #463634}
.tab_nav a{cursor:pointer;float:left;display:block;width:20%;height:56px;line-height:56px;text-align:center;border-bottom:2px solid transparent;font-size:20px;}
.tab_nav a.cur{color:#946640;border-color:#946640; font-weight: bold;}
.content{padding:20px 30px; min-height: 600px;}
.content .list li{border-bottom:1px dashed #463634; }
.content .list li a,.content .list li .tr{height: 56px; line-height: 56px;}
.page{margin:30px auto;text-align:center;line-height: 30px;}
.page a{display:inline-block;color:#827569; padding:0 5px;margin:0 5px;}
.page a.active,.page a:hover{color:#946640;text-decoration:none;}
.ct{margin:0 20px; border-bottom: 1px solid #564543; padding: 15px 0; text-align: center;}
.ct h2{font-size: 22px; color: #c58953; line-height: 1.2;}
.ct p{color: #968280; margin-top: 8px;}
.article{padding: 20px;}
.article img{max-width: 100%;}

.cyou_bottom{background: #0f0e0b;}
#cyou_bottom .cyou_bottom_cont p,#cyou_bottom .cyou_bottom_cont a, .footer-right a{color: #999;}



.gift li{float: left;margin: 15px 0 0 15px; width: 280px; padding: 15px; background: #251616;}
.gift .gt{font-size: 18px; margin-bottom: 15px;}
.gift .desc{font-size: 12px; line-height: 18px;height: 54px; overflow: hidden;}
.gift .status{line-height: 30px; color: #c58953; margin-top: 5px;}
.gift .status a{float: right; width: 80px; text-align: center; background: #6b1807; border-radius: 6px; color: #f5d8a4;}
.gift .complete{color: #776d6e;}
.gift .complete a{background: #999; color: #292123;}
.pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;background:rgba(0,0,0,.7);display:none}
.pop_main{background-color: #322321; border: 4px solid #231614; width: 640px; position: fixed;left: 50%;top: 30%; margin-left: -320px;}
.pop .close{position:absolute;top:0;right:-50px;width:33px;height:33px;cursor:pointer;background:url('../imgs/pop_close.png') no-repeat center;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s}
.pop .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.pop_video_body{background-color: #000; margin-left: -400px; margin-top: -225px;z-index: 10000;position: fixed;left: 50%;top: 50%; width: 800px; height: 450px;}
.pop_body{padding: 20px; text-align: center;}
.pop_body .code{width: 400px; background: #776d6e; margin: 15px auto; padding-right: 100px; height: 42px; line-height: 42px; position: relative; color: #231614;}
.pop_body .code .copy{position: absolute; right: 0; top: 0; background: #6b1807; color: #f5d8a4; display: block; width: 90px;}

.fixed-top, .address .back {display: none;}
.fixed-top .logo img {width: 100%;}
@media screen and (min-width:320px) and (max-width:750px){
  .cyou-top, .cyou_bottom {display: none;}
  .inner{min-width: 100%;background: #e8f6ff;}
  .inner .header,.inner .side_download,.address .site{display: none;}
  .inner .main{margin: 56px 0 0; padding: 0;}
  .inner .inner_cont{width: 100%;}
  .main {width: auto;}
  .middle {padding: 0;}
  .inner_cont{margin: 0; width: 100%;background: #322321;}			
  .address{background: #291a19; padding:15px 20px 10px; height: 30px; line-height: 30px; color: #c58953; position: relative;}
  .address .at{float: initial; font-size: 20px; text-align: center;padding: 0;}
  .address .at p {display: none;}
  .address .back{display: block;}
  .address .back{position:absolute;padding-left:12px;top:50%;left:10px;color:#c58953;font-size:14px;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
  .address .back::before{content:"";display:inline-block;height:6px;width:6px;border-width:1px 1px 0 0;border-color:#c58953;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-3px;left:5px}
  .ct{margin: 0 20px; padding:20px 10px; font-size: 12px;}
  .ct h2{font-size: 16px; line-height: 1.4;}
  .content{padding: 20px; min-height: auto;}
  .article{padding: 0; font-size: 12px; line-height: 2;}
  .fixed-top{width: 100%; position: fixed; top: 0; left: 0; box-sizing: border-box; padding:15px 15px 0; height: 56px; display: flex; background: #121c2d; z-index: 2;}
  .logo{width: 50px; height: 50px; border-radius: 10px;}
  .game_info{color: #888; margin-left: 10px; line-height: 1.2; font-size: 12px; flex: 1;}
  .game_info .name{font-size: 15px; margin-bottom: 2px;color: #fee99f;}
  .game_link,.game_link:hover{display: block; line-height: 30px; height: 30px; margin-right: 10px; border-radius: 3px; padding: 0 10px; color: #fff; background: url('../imgs/download-btn.png') no-repeat;background-size: 100% 100%;}
}