body,
div,
ul,
li,
dl,
dt,
dd,
p,
span,
a,
input,
select,
textarea,
em,
i,
img,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

body {
    font-size: 12px;
    font-family: "Microsoft Yahei";
    overflow-x: hidden;
}

ul,
li,
dl,
dt,
dd,
p,
span,
a,
input,
select,
textarea,
em,
i,
img,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    list-style-type: none;
    background: none;
    border: none;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    height: 0;
    font-size: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    content: "";
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.indent {
    text-indent: -999px;
    overflow: hidden;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f24 {
    font-size: 24px;
}

.f26 {
    font-size: 26px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}


.pa40 {
    padding: 40px 0;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb24 {
    margin-bottom: 24px;
}

.mb30 {
    margin-bottom: 30px;
}





.wrapper {
    min-width: 1260px;
    background: #000000;
    /* overflow-x: hidden; */
    margin: 0 auto;
}

.wrap {
    width: 1260px;
    margin: 0 auto;
    position: relative;
}

/* 头部 */
header {
    color: #ffffff;
    overflow: hidden;
    position: relative;
}

.head_bg {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.logo {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.menu {
    width: 1920px;
    height: 88px;
    background: url(../jpg/menu.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.menu ul {
    width: 1400px;
    text-align: center;
    margin: 0 auto;
}

.menu li {
    line-height: 40px;
    font-size: 20px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 50px;
}

.menu li:nth-child(3) {
    margin: 10px 250px 10px 50px;
}

.menu li a {
    color: #ffffff;
}

.menu li a:hover {
    color: #cc9332;
}

.menu li a p {
    line-height: 20px;
    font-size: 15px;
    opacity: 0.3;
}


/* 内容区 */
main {
    background: url(../jpg/main-2.jpg) center top no-repeat;
    padding: 60px 0;
    position: relative;
}

/* 游戏资讯 */
.issue_box {
    height: 470px;
    background: url(../png/issue_box.png) no-repeat;
    margin-bottom: 50px;
}

.slider {
    width: 520px;
    height: 426px;
    overflow: hidden;
    margin: 22px 0 0 22px;
    position: relative;
    z-index: 3;
}

.slider .bd {
    width: 100%;
    height: 100%;
}

.slider .hd {
    position: absolute;
    right: 90px;
    bottom: 12px;
}

.slider .hd li {
    width: 20px;
    height: 20px;
    font-size: 0;
    background: #796545;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 3px;
    float: left;
    cursor: pointer;
}

.slider .hd li.on {
    background: #59100f;
}

.news {
    width: 680px;
    height: 426px;
    color: #7f6a47;
    overflow: hidden;
    margin: 22px 22px 0 0;
    position: relative;
}

.news .more {
    width: 30px;
    height: 20px;
    background: url(../png/more-2.png) no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
}

.news .more:hover {
    background-color: #eee;
}

.news_tit {
    height: 72px;
    overflow: hidden;
    margin-bottom: 14px;
}

.news_tit a {
    width: 170px;
    height: 100%;
    line-height: 72px;
    color: #d0d0d0;
    font-size: 24px;
    text-align: center;
    float: left;
}

.news_tit a.on {
    color: #fde2a9;
    background: url(../png/news_tit_on.png) no-repeat;
}

.news_txt {
    margin: 0 10px;
}

.news_txt li {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    padding: 5px 0;
}

.news_txt li em {
    margin-right: 14px;
}

.news_txt li a {
    max-width: 86%;
    color: #7f6a47;
}

.news_txt ul:nth-child(1) li a {
    max-width: 78%;
}

.news_txt li a:hover {
    color: #d21511;
}


/* 游戏职业 */
.role {
    height: 960px;
    background: url(../png/role_box.png) no-repeat;
    margin-bottom: 60px;
}

.role_tab {
    position: absolute;
    top: 80px;
    left: 80px;
    z-index: 3;
}

.role_tab a {
    width: 134px;
    height: 142px;
    background-image: url(../png/role_tab-2.png);
    margin-right: 20px;
    float: left;
}

.role_tab a.zs {
    background-position: 0 0;
}

.role_tab a.zs.on {
    background-position: 0 -142px;
}

.role_tab a.ds {
    background-position: -134px 0;
}

.role_tab a.ds.on {
    background-position: -134px -142px;
}

.role_tab a.fs {
    background-position: -268px 0;
}

.role_tab a.fs.on {
    background-position: -268px -142px;
}

.role_con {
    height: 100%;
    color: #7f6a47;
    font-size: 18px;
}

.role_info {
    position: absolute;
    top: 350px;
    left: 86px;
    z-index: 3;
}

.role_info dl {
    width: 480px;
    margin-bottom: 30px;
}

.role_info dt {
    font-size: 32px;
    font-weight: bold;
    border-bottom: 1px solid #615e5e;
    padding-bottom: 9px;
}

.role_info dd {
    line-height: 30px;
    padding-top: 14px;
}

.role_pics {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


/* 游戏原画 */
.yxts_tit {
    width: 1148px;
    height: 48px;
    padding: 80px 0 60px 0;
    margin: 0 auto;
}

.yxts_pics {
    width: 1126px;
    height: 614px;
    background: url(../png/yxts_pics.png) no-repeat;
    margin: 0 auto;
    position: relative;
}

.yxts_pics .bd {
    width: 1086px;
    height: 570px;
    overflow: hidden;
    padding: 22px 0;
    margin: 0 auto;
}

.yxts_pics .hd {
    display: none;
}

.yxts_prev,
.yxts_next {
    width: 85px;
    height: 98px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.yxts_prev {
    left: -110px;
    background: url(../png/yxts_prev.png) no-repeat;
}

.yxts_next {
    right: -110px;
    background: url(../png/yxts_next.png) no-repeat;
}

/* 浮动导航 */
.float_nav {
    width: 236px;
    height: 663px;
    color: #ffffff;
    background: url(../png/float_nav.png) repeat-y;
    overflow: hidden;
    position: fixed;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    z-index: 101;
}

.float_nav .pc_page {
    width: 144px;
    height: 152px;
    display: block;
    margin: 0 auto;
}

.float_qrcode {
    padding-top: 30px;
    text-align: center;
}

.float_qrcode dt {
    width: 130px;
    height: 130px;
    background-color: #ffffff;
    overflow: hidden;
    margin: 0 auto;
}

.float_qrcode dt img {
    width: 100% !important;
    height: 100% !important;
}

.float_qrcode dd {
    padding: 15px 0;
    font-size: 18px;
}

.float_links a {
    width: 157px;
    height: 50px;
    font-size: 0;
    display: block;
    margin: 0 auto 12px auto;
}

.float_links a:hover {
    opacity: .96;
}

.float_links a.and {
    background: url(../png/download_and.png);
}

.float_links a.ios {
    background: url(../png/download_ios.png);
}

.float_gift {
    width: 188px;
    height: 200px;
    position: absolute;
    top: 356px;
    left: 50%;
    transform: translateX(-50%);
}



/* 底部 */
.sns em {
    width: 100px;
    height: 100px;
    background: #fff;
}

.sns em img {
    width: 100% !important;
    height: 100% !important;
}

.sns span {
    *width: 140px;
    line-height: 25px;
    padding: 25px 20px;
}

.sns span i {
    width: 20px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    background: #008abd;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.kefu {
    height: 60px !important;
    line-height: 30px;
    text-align: center;
    padding: 20px 10px !important;
}

.self_link {
    line-height: 30px;
    text-align: center;
}

.self_link a {
    color: #777;
    display: inline-block;
    padding: 14px 0;
    margin: 0 14px;
}

.self_link a:hover {
    color: #cfcfcf;
}

.self_link a span {
    width: 42px;
    height: 42px;
    border: 1px solid #85848c;
    display: block;
    margin: 0 auto;
}

.self_link a em {
    width: 40px;
    height: 30px;
    background-image: url(../png/icon-2.png);
    display: block;
    margin: 6px auto;
}

.self_link a:hover em {
    border-color: #7773a9;
}

.self_link em.b1 {
    width: 28px;
    background-position: 0 -114px;
}

.self_link em.b2 {
    width: 16px;
    background-position: -28px -114px;
}

/* 合作媒体 */
.media {
    width: 200px;
    color: #000;
    background: #fff;
    border-bottom: 1px solid #c2c2c2;
    margin: 12px auto;
    position: relative;
}

.media dt {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border: 1px solid #dfdfdf;
    border-bottom: none;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
}

.media dt i {
    width: 32px;
    height: 32px;
    background-image: url(../png/up_down.png);
    background-color: #999;
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: -1px;
}

.media dt i.media_up {
    background-position: 0 0;
}

.media dt i.media_down {
    background-position: 0 -32px;
}

.media dd {
    width: 198px;
    height: 90px;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-top: none;
    overflow-y: auto;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 9;
    display: none;
}

.media dd li {
    line-height: 30px;
}

.media dd li a {
    color: #666;
    display: block;
    padding: 0 10px;
}

.media dd li a:hover {
    color: #847db5;
}





/***** 内页部分 *****/
.art_page {
    min-width: 1200px;
    background: url(../jpg/body_bg-2.jpg) center top repeat-y;
}

.art_page head {
    height: 626px;
}

.art_page main {
    min-height: 1000px;
    background: url(../jpg/art_main.jpg) center top no-repeat;
}

/*列表页*/
.art_news {
    width: 1200px;
    color: #8a8a8a;
    margin: 0 auto;
}

.art_news_tit {
    width: 770px;
    height: 36px;
    margin: 0 auto 64px auto;
}

.art_news_tab {
    border-bottom: 1px solid #373330;
    text-align: center;
}

.art_news_tab a {
    min-width: 70px;
    height: 49px;
    font-size: 24px;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
}

.art_news_tab a:hover,
.art_news_tab a.on {
    color: #b68335;
    border-bottom: 2px solid #b68335;
}

/*新闻*/
.art_news_list li {
    line-height: 40px;
    color: #b68335;
    font-size: 18px;
    border-bottom: 1px dotted #373330;
    display: block;
    padding: 30px 220px;
    position: relative;
}

.art_news_list li a {
    color: #b68335;
}

.art_news_list li a:hover {
    color: #d21511;
}

.art_news_list li a em {
    width: 80px;
    height: 40px;
    color: #ffffff;
    font-size: 20px;
    background: #816941;
    border-radius: 7px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 120px;
}

.art_news_list li a:hover em {
    background: #670b09;
}

.art_news_list li small {
    line-height: 26px;
    color: #8a8a8a;
    font-size: 14px;
    display: block;
}

.art_news .scott {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.art_news .scott a,
.art_news .scott span {
    min-width: 16px;
    color: #595959;
    background: #ffffff;
    border: 1px solid #9f9f9f;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 8px;
    margin: 0 5px;
}

.art_news .scott a:hover {
    color: #ffffff;
    background: #816941;
    border-color: #816941;
}

.art_news .scott input {
    color: #333;
    background: #fff;
    padding: 4px 8px;
    margin: 0 5px;
}



/*内页新闻内容*/
.art_news_con {
    color: #909090;
    font-size: 16px;
    padding: 20px 0;
}

.game_read_tit {
    line-height: 40px;
    font-size: 30px;
    color: #b68335;
    text-align: center;
    margin-bottom: 20px;
}

.game_read_zz {
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #535151;
    padding-bottom: 19px;
}

.game_read_txt {
    width: 1100px;
    line-height: 220%;
    padding: 50px 0;
    margin: 0 auto;
}

.game_read_txt a {
    color: #5e5e5e;
}

.game_read_txt a:hover {
    color: #333;
    text-decoration: underline;
}

.game_read_txt img {
    margin: 10px 0;
}



/*底部*/
footer {
    color: #777;
    position: relative;
}

footer .item_con {
    border-bottom: 1px solid #2e2e2e;
    padding: 25px 0;
}

footer .item_con ul {
    width: 1200px;
    margin: 0 auto;
}

footer .item {
    width: 280px;
    height: 100px;
    background: url(../png/foot_li.png) right center no-repeat;
    padding: 0 10px;
    float: left;
}

footer .last {
    background: none;
}

footer .gy-footer {
    color: #777;
}