@charset "utf-8";
*{margin:0;padding:0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Microsoft YaHei;}
html{overflow-x: hidden;}
body{overflow: hidden; min-width: 1200px;font-size:12px;}
ul,ol,li { list-style:none;}
img{ border:0;}
a{color:#000;text-decoration:none}
em,i{font-style:normal;}
a:focus,input{outline:none;}
a{outline:none;} 
.wtop,.wrapBottom{position:relative;left:50%;margin-left:-960px;width:1920px;top:0;}
.wrapTop{width:100%;height:980px;}
.navBox{background:#411F00;width:100%;height:65px;}
.main{width:1200px;margin:0 auto;position:relative;}
.navBox .main{height:65px;}
.logo{position:absolute;left:0;top:0;z-index:99;}
.nav{padding-left:240px}
.nav li{float:left;width:140px;height:80px;}
.nav li a{color:#bc9f71;font-size:16px;display: block;height: 80px;width:100%;text-align:center;}
.nav li a span{display: block;padding-top: 12px;padding-bottom: 2px;}
.nav li a i{display: block;font-size: 12px;color:#717171;}
.nav li a:hover{color:#ffd08c;}
.nav li a:hover i{color:#a59696;}
.wtop,.nyWrap{background:url('../img/bg.jpg') top center no-repeat;}
.wtop .main{height:915px;}
.wtopBox{width:100%;height:388px;background:#666;position:absolute;left:0;bottom:0;}
.downloadBox{width:401px;height:419px;position:absolute;    left: -20px;top: -31px;background:url('../img/downloadBox.png') no-repeat;}
.downloadBox img{width: 162px;float: left;}
.downloadBox .qrcode-box::after {content: '';display: block;clear: both;}
.downloadBox .qrcode-box {overflow: hidden;padding-top: 77px;}
.downloadBox .qrcode-box .tips {float: left;font-size: 14px;color: #ffa95e;padding-left: 55px;margin-right: 6px;}
.downloadBox .qrcode-box .btn-box {float: right; width:130px;margin-right: 30px;}
.downloadBox .qrcode-box .btn-box a{height:50px;width:130px;margin-bottom: 6px;display: block;}
.downloadBox .qrcode-box .btn-box a.android{background: url('../img/andbtn.png') no-repeat;}
.downloadBox .qrcode-box .btn-box a.ios{background: url('../img/iosbtn.png') no-repeat;}
.downloadBox .qrcode-box .btn-box a.wd{background: url('../img/wdbtn.png') no-repeat;}
.downloadBox .start-a {display: block;width: 326px;margin-left: 52px;margin-top: 8px;}
.downloadBox .start-a img {display: block;width: 100%;}
.slideBox{width:820px;position:absolute;right:0;top:0;height:388px;background:#411f00;}
.slideBox .hd{height:50px;width:820px;overflow:hidden;background-color:#411F00;position:absolute;left:0;bottom:0;}

.slideBox .hd ul li{border-right:1px solid #373737;float:left;width:204px;height:50px;color:#c9a77f;font-size:14px;text-align:center;line-height:50px;cursor: pointer;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.slideBox .hd ul li.on{background-color:#8D3200;color:#ffd08c;}
.slideBox .bd{width:820px;height:338px;position:absolute;left:0;top:0;overflow:hidden;}

.wrapBottom{background:#271916 url('../img/wrapBottom.jpg') top center no-repeat;overflow:hidden; padding-bottom: 120px;}
.newBox{width:100%;margin:40px 0 38px;}
.newBox .main{height:300px;}
.slideTxtBox{background:#fdefdc;height:300px;width:922px;position:relative;overflow:hidden;float: left;}
.slideTxtBox .hd{background:url('../img/slideTxtBox.jpg') repeat-x;width:100%;height:53px;position: relative;}
.slideTxtBox .hd ul{float:left;height:53px;}
.slideTxtBox .hd ul li{float:left;border-right:1px solid #34312a;font-family:SimSun;font-weight:700;height:53px;width:147px;color:#C7A880;font-size:22px;text-align:center;line-height:53px;cursor:default;}
.slideTxtBox .hd ul li.on{background:url('../img/stb.jpg') no-repeat;color:#FFEECA;}
.more{color:#c4b4a4;font-size:12px;position: absolute;right: 30px;top: 20px;}
.more:hover{color:#FFEECA;}
.slideTxtBox .bd{margin:13px 26px;height:246px;position:relative;overflow:hidden;}
.slideTxtBox .bd ul{overflow:hidden;}
.slideTxtBox .bd ul li{height:44px;width:100%;float:left;font-size:16px;line-height:44px;}
.slideTxtBox .bd ul li+li{border-top:1px dashed #423e36;}
.slideTxtBox .bd ul li p{float: left;width: 810px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.slideTxtBox .bd ul li p a{color:#636363;}
.slideTxtBox .bd ul li p a:hover{color:#b47630;}
.slideTxtBox .bd ul li span{float:right;color:#857257;}
.lbBox{width:278px;height:300px;float:left;background:url('../img/lbBox.jpg') no-repeat;position:relative;}
.lbBox img{border: 1px solid #A89A86;background: #fff;width: 172px;height: 172px; position: absolute;border-radius: 10px;padding: 8px; top: 27px;left: 20px;}
.zxBox{height:43px;position:absolute;left:17px;bottom:15px;}
.zxBox a{width:121px;height:43px;float:left;margin-right:1px;font-size: 0;background:url('../img/zxBox.jpg') no-repeat;}
.zxBox a.z2{background-position: 0 -44px;}
.zxBox a.z1:hover{background-position:-122px -44px;}
.zxBox a.z2:hover{background-position:-122px 0;}
.ts{background:url('../img/ts.jpg') no-repeat;width:49px;height:220px;position:absolute;top:0;right:12px;}
.ts span{color: #7d561d;font-size: 22px;width: 24px;display: block;line-height: 24px;margin: 15px auto 0 auto;}

.role{background:url('../img/roleBox.jpg') no-repeat center; position: relative;}
.rt{width: 768px; height: 77px; background: url('../img/role_tit.png') no-repeat; position: absolute; top: 35px; left: 50%; margin-left: -384px; z-index: 10;}
.role .main{height:680px;}
.role_nav{width:109px;position:absolute;left:20px;top:177px;}
.role_nav span{width:109px;height:109px;display: block;background:url('../img/roleTab.png') no-repeat;margin-bottom:43px;cursor: pointer;}
.role_nav .zs{background-position: 0 0;}
.role_nav .fs{background-position: 0 -224px;}
.role_nav .ds{background-position: 0 -112px;}
.role_nav .cur{background-position-x: -120px;}
.rolelist{margin-left: 230px; position: relative;height:680px;}
.rolelist .item,.rolelist .rw{position: absolute;top:0;left:0;width: 100%;height: 100%;opacity: 0;z-index: -1; display: none;}
.rolelist .on,.rolelist .item .show{display: block;z-index: 1;opacity: 1;}
.sex_btn{position:absolute;top:171px;left:300px;z-index: 2;height:36px;text-align: center;background:#853019;}
.sex_btn span{float: left; padding: 0 10px; min-width:68px; line-height:36px;color:#8c8467;font-size:22px;cursor: pointer;position: relative;}
.sex_btn span::after{content: '';width: 0;height: 0;position: absolute; top: 0; height: 36px; width: 10px;background:#853019;-webkit-transform: skewX(-15deg);-moz-transform: skewX(-15deg); -o-webkit-transform: skewX(-15deg); -transform: skewX(-15deg); transform: skewX(-15deg);}
.sex_btn span:nth-child(1)::after{right: -4px;}
.sex_btn span:nth-child(2)::after{left: -4px;}
.sex_btn .cur{background-color:#DD3202;color:#ffead0;}
.sex_btn .cur::after{background-color: #DD3202;}
.role_txt{width: 480px; padding-top: 151px; position: relative; z-index: 1; color:#c4a877;}
.role_txt h3{font-size:52px;font-weight:700; margin-bottom: 4px;}
.role_txt h3 span{font-size: 18px;font-weight: 100;}
.role_txt .desc{font-size:24px; background: url('../img/line.png') no-repeat left bottom; padding-bottom: 10px;}
.role_txt .attr{font-size: 16px; margin: 15px 0 25px;}
.role_txt .attr p{padding: 5px 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center; align-items: center;}
.role_txt .icon li{position: relative; padding-left: 41px; min-height: 100px;}
.role_txt .icon i{display: block; width: 33px; height: 75px; background: url('../img/attr.png') no-repeat; text-align: center; line-height: 1.1; padding-top: 18px; position: absolute; left: 0; top: 50%; margin-top: -46px; font-size: 24px; color: #eed2aa;}
.score_1,.score_2,.score_3,.score_4,.score_5{display: inline-block; width: 20px; height: 20px; background: url('../img/score.png') no-repeat;}
.score_1{width: 20px;}
.score_2{width: 45px;}
.score_3{width: 71px;}
.score_4{width: 98px;}
.score_5{width: 123px;}
.role_img{position: absolute; top: 0; right: -67px;height: 680px; width: 680px;overflow: hidden;}
.role .before{-webkit-animation: none; animation: none;}
.role .show .before{position: absolute; left: 0; top: 0; /*-webkit-animation:roleFadeOut 2s linear both; animation:roleFadeOut 2s linear both;*/}
@-webkit-keyframes roleFadeOut{0%,99%{opacity:1;}100%{opacity:0; display: none;}}
@keyframes roleFadeOut{0%,99%{opacity:1;}100%{opacity:0;display: none;}}

.tsBox,.fiveBox{width:100%;}
.tsBox .main{height:340px;margin:40px auto;}
.glBox{height:340px;background:#666;width:600px;float:left;}
.glBox .slideTxtBox{width:100%;height:340px;}
.glBox .slideTxtBox .hd ul li{width:120px;font-size:20px;}
.glBox .slideTxtBox .bd{margin:8px 26px;}
.glBox .slideTxtBox .bd ul li p{    width: 488px;}
.xtBox{width:590px;height:340px;background:url('../img/xtBox.jpg') no-repeat;float:left;margin-left: 10px;}
.xtList{height: 164px;padding-left: 195px;width: 395px;padding-top: 10px;position:relative;}
.xtList p{color:#FFD596;font-size:20px;    line-height: 48px;}
.xtList p a{color:#FFD596;}
.xtList p a:hover{text-decoration:underline;}
.xtList .xtMore{width:62px;height:20px;background:#EAC690 url('../img/xtMore.png') center no-repeat;position:absolute;    font-size: 0;border-radius: 16px; top: 120px;right: 30px;}
.xtList .xtMore:hover{background-color:#ecb96b;}
.fiveBox .main{height:460px;}
.tabsList{overflow:hidden; zoom:1; width:100%;height:460px;}
.tabsList li{float:left;height:460px;margin-right:1px;overflow:hidden; zoom:1;}
.tabsList li h4{width:127px;height:460px;cursor:pointer;float:left;text-indent:-9999em;overflow:hidden; background:url('../img/TXtitle.jpg') no-repeat;  }
.tabsList li h4.lia{background-position:0 0;}
.tabsList li h4.lib{background-position:-128px 0;}
.tabsList li h4.lic{background-position:-256px 0}
.tabsList li h4.lid{background-position:-384px 0}	
.tabsList li.on .tabBody{display:block;width:687px;display:inline; float:left;margin-right:1px;height:460px;}
.tabsList li.on .tabBody img{width:688px;}
.tabsList li .tabBody{display:none;}

.nyBg{background:url('../img/wrapBottom.jpg') top center repeat-y;width:100%;}
.nyWrap .main{padding-top:526px;}
.nyBox{width:100%;padding-bottom:100px;}
.nyBox:after{content:"";display:block;visibility:hidden;clear:both;}
.nyFl{float:left;position:relative;width:194px;height:404px;}
.mTopLeft{width:207px;height:404px;position:absolute;right:0;top:-15px;background:url('../img/mTopLeft.png') no-repeat;}
.mTopLeft img{width: 140px;height: 140px;position: absolute;left: 41px;border-radius: 5px;top: 56px;}
.mTopLeft .nydb{width: 140px;position: absolute;left: 41px;top: 205px;}
.mTopLeft .nydb a{float:left;width:140px;height:40px;background:url('../img/db.jpg') no-repeat 84px 104px / 284px 84px;font-size:0;margin-bottom: 10px;}
.mTopLeft .nydb a.android{    background-position: 0 0;}
.mTopLeft .nydb a.ios{    background-position: -142px 0;}
.mTopLeft .nydb a.android:hover{    background-position: 0 -44px;}
.mTopLeft .nydb a.ios:hover{    background-position: -142px -44px;}
.mTopLeft .nydownload {display: block; width: 159px; height: 69px; position: absolute;left: 30px;bottom: 15px;}
.mTopLeft .nydownload img {display: block;width: 100%;position: relative;height: auto;left: auto;top: auto;}

.nyFr{float:left;width:1006px;background:#FAFAFA;}
.nyTop{height:78px;    padding: 0 20px;background:url('../img/nyTop.jpg') repeat-x;}
.nyAdd{float:right;color:#c7a880;font-size:16px;    padding-top: 38px;}
.nyAdd a{color:#c7a880;}
.nyTit{float: left; padding-top: 26px;color: #c7a880;}
.nyTit span{font-size:32px;font-weight:700;font-family:SimSun;float: left;}
.nyTit p{font-size: 12px;float: left;padding-left: 10px; padding-top: 17px;}
.nyBoxList{padding:25px;    overflow: hidden;    min-height: 800px;}
.listNyTab{border-bottom:1px solid #E5E5E5;width:100%;height:58px;line-height:58px;margin-right:15px;}
.listNyTab a{display:inline-block;width:120px;color:#6b3d00;font-size:18px;text-align:center;float: left;margin: 0 15px;}
.listNyTab a.act{border-bottom:2px solid #6b3d00;color:#6b3d00;height:57px;}
.listNyTab a:hover{font-weight:bold;}
.listNyList{float: left; margin-top: 20px; width: 100%;height:auto;}
.listNyList li{ width: 100%;float: left;height: 50px;line-height: 50px;color: #666;border-bottom:1px dashed #E4E4E4;}
.listNyList li a{font-size:14px;color:#282727;}
.listNyList li a:hover,.listNyPage a:hover{color:#6b3d00}
.listNyList li p{margin-right:5px;font-size:14px;float:left;width:810px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.listNyList li span{color:#666;float:right;font-size:14px;}
.listNyPage{width:100%;text-align:center;height:28px;line-height:28px;font-size:14px;padding:40px 0;    float: left;}
.listNyPage a:hover{color:#282727}
.nyPage{width: 100%;text-align: center;font-size: 16px;margin-top: 60px;color:#282727;float: left;}
.nyPage a{padding: 0 5px;color: #282727;}
.nyPage a:hover{color:#6b3d00;text-decoration:underline;}

.nyNrTit{border-bottom: 1px solid #E4E4E6;height:80px;text-align:center;}
.nyNrTit h3{color:#422c0b;font-size:22px;width:100%;font-weight:normal;float:left;padding-bottom: 8px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
.nyNrTit p{width:100%;float:left;color:#848484;font-size:14px;}
.nyNrTxt{width:100%;color:#422c0b;font-size:14px;line-height:30px;padding:15px 0;}
.nyNrTxt img{max-width:780px;display:block;margin:22px auto;}
.nyNrTxt p{text-indent:2em;}

/***** 游戏礼包*******/
.listLb{width:100%;height:auto;    float: left;}
.listLb li{width: 298px;height: 170px;float: left;margin: 10px;background: #6B3D00;}

.gift-way{margin:18px}
.gameGname{color:#f6e4b6;height:28px;margin-bottom:12px;display:block;line-height:28px;font-size:20px;font-weight:700;overflow:hidden}
.info{height:48px;line-height:20px;font-size:14px;overflow:hidden;color:#fff}
.surplus{position:relative;margin-top:10px;color:#f6e4b6;font-size:14px;line-height:35px}
.lingGbtn{position:absolute;background:#f6e4b6;top:0;right:0;width:90px;height:30px;display:block;-moz-border-radius:2px;-webkit-border-radius:2px;color:#5c4408;font-size:14px;text-align:center;line-height:30px}
.lingGbtn:hover{background:#ecd393;}
.tcBox{position:fixed;left:50%;top:50%;margin-left:-346px;margin-top:-130px;width:692px;height:160px;background:#6B3D00;z-index:999;}
#close{width:46px;height:46px;position:absolute;right:-46px;top:0px;background:#f6e4b6 url('../img/tc-close.png') center no-repeat}
.tanchuang_n{margin:10px;height:138px}
.tanchuang_sr{position:absolute;top:35px;left:115px;width:470px;height:88px}
.tanchuang_sr p{color:#fff;height:30px;line-height:30px;margin-bottom:15px;font-size:18px;text-align:center}
.tanchuang_sr p input{border:0;height:30px;width:350px;margin-right:15px;float:left}
.tanchuang_sr p span{float:left;height:30px;background:#f6e4b6;width:100px;color:#5c4408;text-align:center;line-height:30px;cursor:pointer;font-size: 13px;}
.tcbg{background-color:#000;width:100%;height:100%;left:0;top:0;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;z-index:99;position:fixed;}
.tc{display:none;}
.wrapSj{display:none;}

#cyou_bottom{text-align: center;background: #000;color: #666;line-height: 24px;padding: 20px 0;}
#cyou_bottom a{color: #666;}
#cyou_bottom a:hover{text-decoration:underline;color:#999;}

.gift_main {
  width: 480px;
  margin: 0 auto;
  padding-top: 50px
}

.form_group {
  margin-bottom: 10px;
  position: relative;
  line-height: 35px;
  padding-left: 100px
}

.form_group p {
  line-height: 1.4;
  padding: 5px 0;
  color: #777
}

.form_group label {
  width: 90px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: right
}

.form_group .form_input {
  padding: 0 10px;
  background: #ccc
}

.form_group select {
  height: 35px;
  width: 100%;
  background: 0 0;
  border: none;
  outline: 0;
  color: #32383c;
}

.form_group .form_input input {
  display: block;
  width: 100%;
  border: none;
  height: 35px;
  background: 0 0;
  outline: 0;
  color: #32383c;
}

.gift_main .btn_jh {
  background: #b59d72;
  display: block;
  color: #fff;
  padding: 5px 0;
  text-align: center;
  border-radius: 4px;
  width: 120px;
  margin: 20px 0 0 200px
}

.gift_main .btn_jh:hover {
  background: #c4aa7c
}

.cyou_bottom {
  background: #1f1b15;
}

#cyou_bottom .cyou_bottom_cont p,#cyou_bottom .cyou_bottom_cont a, .footer-right a {
  color: #5f5f5f;
}