*{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;background:#090d18 url('../image/wbg.jpg') no-repeat center top;}
ul,ol,li { list-style:none;}
img{ border:0;}
a{color:#636363;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(https://img.alicdn.com/imgextra/i3/2218312817827/O1CN01wrW5kN27gp22WjbC7_!!2218312817827.png) 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(https://img.alicdn.com/imgextra/i3/2919491132/O1CN01u31NV71KEVKSfbqcQ_!!2919491132.png) no-repeat;}
.downloadBox img{width: 250px;position: absolute;left: 86px;top: 70px;}
.db{position:absolute;right: 1px;bottom:0;width:380px;height:50px;}
.db a{float:left;height:50px;width:190px;background:url(https://img.alicdn.com/imgextra/i3/2919491132/O1CN01CtvYF61KEVKV1cbZ5_!!2919491132.jpg) no-repeat;}
.db a.android{background-position:0 0;}
.db a.ios{background-position: -191px 0;}
.db a.android:hover{background-position: 0 -54px;}
.db a.ios:hover{background-position:-191px -54px;}
.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('https://img.alicdn.com/imgextra/i4/2919491132/O1CN01Rs4EuO1KEVKWuaHN8_!!2919491132.jpg') top center no-repeat;overflow:hidden; padding-bottom: 120px;}
.newBox{width:100%;margin:40px 0 38px;}
.newBox .main{height:300px;}
.slideTxtBox{background:#1e1c18;height:300px;width:922px;position:relative;overflow:hidden;float: left;}
.slideTxtBox .hd{background:url(https://img.alicdn.com/imgextra/i1/2919491132/O1CN01suDY5j1KEVKWpkNpR_!!2919491132.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(https://img.alicdn.com/imgextra/i2/2919491132/O1CN01rKy3km1KEVKV1pDvf_!!2919491132.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(https://img.alicdn.com/imgextra/i2/2919491132/O1CN01ZWwM1I1KEVKXhXpNC_!!2919491132.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(https://img.alicdn.com/imgextra/i3/2919491132/O1CN01AVO25o1KEVKTQtTW7_!!2919491132.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(https://img.alicdn.com/imgextra/i4/2919491132/O1CN01gWZDDd1KEVKTlnqKc_!!2919491132.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('https://img.alicdn.com/imgextra/i4/2919491132/O1CN01CHiOjk1KEVKV1xPpe_!!2919491132.jpg') no-repeat center; position: relative;}
.rt{width: 768px; height: 77px; background: url('https://img.alicdn.com/imgextra/i2/2919491132/O1CN01769C5v1KEVKVmRpfa_!!2919491132.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('https://img.alicdn.com/imgextra/i4/2919491132/O1CN01CFkCmc1KEVKTlr08j_!!2919491132.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('../image/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('https://img.alicdn.com/imgextra/i3/2919491132/O1CN01LaCw4V1KEVKSg5Fi8_!!2919491132.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('../image/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;}}
.role_max{width: 1100px;}

.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(https://img.alicdn.com/imgextra/i3/2919491132/O1CN01WGao3Q1KEVKV1ekRj_!!2919491132.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(../image/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(https://img.alicdn.com/imgextra/i4/2919491132/O1CN01qPr1MO1KEVKTR82q3_!!2919491132.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(https://img.alicdn.com/imgextra/i1/2919491132/O1CN01Jzc7sa1KEVKWv0nQk_!!2919491132.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(https://img.alicdn.com/imgextra/i4/2919491132/O1CN01wT6qmK1KEVKVjvkcL_!!2919491132.png) no-repeat;}
.mTopLeft img{width: 160px;height: 160px;position: absolute;left: 31px;border-radius: 5px;top: 56px;}
.mTopLeft .nydb{width: 194px;position: absolute;right: 0;bottom: 0;}
.mTopLeft .nydb a{float:left;width:194px;height:88px;background:url(https://img.alicdn.com/imgextra/i4/2919491132/O1CN01TA7DdC1KEVKVmfb59_!!2919491132.jpg) no-repeat;font-size:0;}
.mTopLeft .nydb a.android{    background-position: 0 0;}
.mTopLeft .nydb a.ios{    background-position: 0 -88px;}
.mTopLeft .nydb a.android:hover{    background-position: -196px 0;}
.mTopLeft .nydb a.ios:hover{    background-position: -196px -88px;}
.nyFr{float:left;width:1006px;background:#FAFAFA;}
.nyTop{height:78px;    padding: 0 20px;background:url(https://img.alicdn.com/imgextra/i4/2919491132/O1CN01PpypYf1KEVKXumoot_!!2919491132.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(../image/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;}
/*单职业box*/
.dzy_box {
    margin: 5px;
    display: flex;
    background: #0000008c;
    padding: 27px 20px;
    border-radius: 5px;
}

.dzy_box .logo {
    width: 50px;
    height: 50px;
    border-radius: 10px
}

.dzy_box .game_des {
    color: #fff;
    margin-left: 5px;
    line-height: 24px;
    font-size: 12px;
    flex: 1
}

.dzy_box .game_des .name {
    font-size: 16px;
    color: #ffe000;
    font-weight: 700
}

.dzy_box .game_des .name em {
    color: #00ff72;
    font-style: inherit;
    font-size: 14px
}

.dzy_box .game_link {
    margin-top: 10px;
    display: block;
    line-height: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 5px;
    padding: 0 10px;
    color: #fff;
    background-image: linear-gradient(180deg,#cd1b1b 0,#e7ab02 100%),linear-gradient(#000,#000)
}

.dzy_box .m_menu_btn {
    margin-top: 10px;
    width: 34px;
    padding: 4px 2px;
    height: 26px
}

.dzy_box .m_menu_btn span {
    display: block;
    width: 100%;
    height: 4px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.dzy_box .m_menu_btn span:nth-child(2) {
    margin: 5px 0
}

.dzy_box .game_link:hover {
    background-image: linear-gradient(180deg,#ff0000 0,#fbff05 100%),linear-gradient(#000,#000);
}