/*reset*/
body { font-size: 14px; line-height: 24px; font-family: Verdana, arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "\9ED1\4F53", sans-serif; color: #fff; position: relative; background: url(../images/bodybg.png) left top repeat; }

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

a { color: #fffced; text-decoration: none; cursor: pointer; }

a:hover { color: #ffdca5; }

ol, ul, li { list-style: none; }

em, i { font-style: normal; }

img { border: none; }

input, textarea { outline: none; }

textarea { resize: none; }

.cf { *zoom: 1; clear: both; }

.cf:after { content: '\20'; display: block; height: 0; clear: both; }

.fl, .fr { _display: inline; }

.fl { float: left; }

.fr { float: right; }

.yahei { font-family: "\5FAE\8F6F\96C5\9ED1"; _font-family: "\5B8B\4F53"; }

.w { width: 1001px; margin: 0 auto; overflow: hidden; }

.lh, .fixnav .top { line-height: 99; overflow: hidden; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.topbar { font-size: 12px; color: #333; }

.topbar a { color: #333; }

.topbar .logo { overflow: hidden; height: 32px; }

:root * { filter: none\9  !important; }

*html { background-image: url(#); background-attachment: fixed; }

/* header */
.header { height: 1127px; }

.header { position: relative; }

.header .hd1, .header .hd2, .header .hd3, .header .hd4, .header .hd5, .header .hd6, .header .hd7 { height: 161px; }

.header .hd1 { height: 100px; }

.header .hcon { position: absolute; top: 0; left: 50%; margin-left: -490px; width: 980px; }

.header .hd-logo { width: 246px; height: 104px; position: absolute; left: 16px; top: 34px; }

.header .link2 { position: absolute; top: 750px; left: 50%; margin-left: -160px; display: block; width: 321px; height: 62px; text-align: center; line-height: 62px; color: #252222; font-size: 28px; background: url(../images/begin_btn.png) no-repeat; font-weight: bold; }

.header .link2:hover { background-image: url(../images/begin_btn-hover.png); color: #fffced; }

.htxt { position: absolute; top: 830px; left: 50%; color: #fff; width: 460px; margin-left: -230px; text-align: center; font-size: 18px; line-height: 25px; }

.htxt span { color: #ffdca5; text-decoration: underline; }

.m1 { height: 149px; background: url("../images/m1.png") no-repeat center top; width: 1000px; margin: 44px auto 0; position: relative; }

.m1 .info { padding: 15px 255px 0 200px; line-height: 24px; color: #c5c5c5; height: 120px; overflow: hidden; text-align: justify; }

.m1 .m1-btns { position: absolute; right: 55px; top: 10px; }

.m1 .m1-btns a { width: 141px; height: 45px; line-height: 45px; text-align: center; color: #201c17; font-size: 16px; display: block; background: url("../images/btn-bg1.png") no-repeat; margin-top: 12px; }

.m1 .m1-btns a:hover { background-image: url(../images/btn-bg1-hover.png); color: #fffced; }

.mmenu { padding: 25px 0 0; width: 1086px; }

.mmenu ul li { width: 153px; height: 200px; float: left; background: url(../images/nmenu-a.png) no-repeat; padding: 24px 0 0 8px; margin: 0 10px; }

.mmenu ul li:hover { background-image: url(../images/nmenu-hover.png); }

.mmenu ul li:hover a { color: #0f0f0f; }

.mmenu ul li a { width: 139px; height: 109px; padding: 35px 0 0 5px; display: block; text-align: center; line-height: 36px; font-size: 26px; color: #ffdca5; letter-spacing: 5px; }

.m2 { text-align: center; margin-bottom: 12px; height: 92px; background: url(../images/m2.png) no-repeat; padding: 11px 0 0; }

.m2 ul { font-size: 0; height: 80px; }

.m2 li { margin: 0 4px; display: inline-block; }

.m2 li img { display: block; width: 320px; height: 78px; border: 1px solid #ac9f68; }

.m3 { margin-top: 35px; }

.m31 { width: 370px; line-height: 24px; }

.m31 .topnews { padding: 5px 0; border-bottom: 1px dashed #756c55; }

.m31 .topnews .tit { display: block; font-size: 20px; font-weight: 700; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 42px; line-height: 42px; color: #ffdca5; }

.m31 .topnews .tit a { color: #ffdca5; }

.m31 .topnews .tit a:hover { text-decoration: underline; }

.m31 .topnews p { color: #fff; line-height: 30px; }

.m31 .topnews { height: 114px; overflow: hidden; }

.m31 .tab { overflow: hidden; padding-top: 20px; position: relative; border-bottom: 2px solid #d4ba91; }

.m31 .tab-head { position: relative; }

.m31 .tab span { float: left; display: inline; width: 77px; height: 38px; line-height: 38px; text-align: center; font-size: 20px; cursor: pointer; color: #fff; }

.m31 .tab span:hover { color: #ffdca5; }

.m31 .tab span.on { background: url(../images/tabh.png) no-repeat; color: #1d1c1a; }

.m31 .tabmore { position: absolute; display: block; top: 30px; right: 0; width: 44px; height: 24px; overflow: hidden; line-height: 999px; overflow: hidden; background: url(../images/more11.png) center center no-repeat; z-index: 10; }

.m31 .tabmore a { width: 100%; height: 100%; display: block; overflow: hidden; }

.m31 .list0 { display: block; overflow: hidden; }

.m31 .list0 li { height: 30px; padding: 10px 60px 10px 0; font-size: 16px; line-height: 30px; position: relative; overflow: hidden; border-bottom: 1px solid #3c3e4a; color: #ffffff; }

.m31 .list0 li.video { background-position: 0 -27px; }

.m31 .list0 li a { display: inline-block; zoom: 1; max-width: 250px; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; overflow: hidden; color: #ffffff; }

.m31 .list0 li a:hover { color: #ffdca5; text-decoration: underline; }

.m31 .list0 .new a { background: url(../images/new.gif) no-repeat right 3px; padding-right: 14px; }

.m31 .list0 .hot a { background: url(../images/hot.gif) no-repeat right 3px; padding-right: 14px; }

.m31 .list0 li i { position: absolute; width: 23px; height: 12px; }

.m31 .list0 li span { position: absolute; right: 0; top: 19px; width: 45px; height: 20px; line-height: 20px; font-size: 14px; }

.m32 { height: 422px; overflow: hidden; position: relative; width: 620px; margin-top: 30px; }

.m32 .imgbox { width: 500px; height: 299px; overflow: hidden; position: relative; }

.m32 .imgbox ul { width: 1020px; height: 324px; overflow: hidden; }

.m32 .imgbox li { float: left; display: inline; width: 500px; height: 300px; overflow: hidden; position: relative; }

.m32 .imgbox img { width: 500px; height: 300px; display: block; }

.m32 .imgbox li .tit { width: 100%; color: #fffced; text-align: center; position: absolute; bottom: 9px; left: 0; z-index: 2; font-size: 16px; }

.m32 .imgbox .mask { background: rgba(0, 0, 0, 0.5); filter: alpha(opacity=50) \9; width: 100%; height: 40px; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; }

.m32 .imgtit { width: 126px; padding: 34px 0; position: absolute; right: 1px; overflow: hidden; z-index: 6; height: 232px; }

.m32 .imgtit em { width: 121px; height: 34px; background: url(../images/srtop.jpg) no-repeat; cursor: pointer; user-select: none; position: absolute; right: 0; top: 0; }

.m32 .imgtit em.nbtn { background: url(../images/srbottom.jpg) no-repeat; top: auto; bottom: 1px; }

.m32 .imgtit .titbox { width: 133px; height: 232px; overflow: hidden; position: relative; }

.m32 .imgtit .titbox li { float: left; display: inline; width: 133px; user-select: none; -moz-user-select: none; }

.m32 .imgtit a { display: block; width: 106px; padding: 9px 10px; height: 41px; line-height: 20px; text-align: center; position: relative; cursor: pointer; border-left: none; margin-top: -1px; background: url(../images/srona.png) right center no-repeat; }

.m32 .imgtit a p { height: 38px; overflow: hidden; }

.m32 .imgtit .on a, .m32 .imgtit a:hover { background: url(../images/sron.png) no-repeat right; text-decoration: none; color: #201c17; }

.m32 .imgtit .on a i, .m32 .imgtit a:hover i { display: block; width: 8px; height: 10px; position: absolute; top: 22px; left: -8px; background: url("../images/arrow_icon.png") no-repeat center left; z-index: 2; }

.m32 .imgtit em, .m32 .imgtit a { border-color: #767676; }

.m32 .glimg { width: 630px; height: 103px; overflow: hidden; margin: 10px auto 0; }

.m32 .glimg li { float: left; display: inline; width: 198px; height: 101px; border: 1px solid #d3b685; margin-right: 10px; overflow: hidden; }

.m32 .glimg img { width: 198; height: 101px; display: block; }

.m6 { width: 100%; height: 815px; background: url("../images/bg09.jpg") no-repeat center top; min-width: 1000px; overflow: hidden; margin-top: 10px; }

.godscont { width: 1000px; margin: 0 auto; position: relative; padding-top: 1px; }

.godscont .placetab { width: 265px; height: 725px; position: absolute; top: 49px; left: -70px; z-index: 10; overflow: hidden; }

.godscont .placetab li { width: 88px; height: 110px; position: absolute; }

.godscont .placetab li.l1 { top: 0; left: 145px; }

.godscont .placetab li.l2 { top: 103px; left: 38px; }

.godscont .placetab li.l3 { top: 280px; left: 0; }

.godscont .placetab li.l4 { top: 450px; left: 38px; }

.godscont .placetab li.l5 { top: 585px; left: 145px; }

.godscont .placetab span { background: url("../images/i-placetab-a.png") no-repeat; width: 100%; height: 100%; display: block; cursor: pointer; }

.godscont .placetab .l2 span { background-position-y: -110px; }

.godscont .placetab .l3 span { background-position-y: -220px; }

.godscont .placetab .l4 span { background-position-y: -330px; }

.godscont .placetab .l5 span { background-position-y: -440px; }

.godscont .placecont { margin-top: 105px; }

.godscont .placetab li:hover, .godscont .placetab li.on { width: 118px; height: 127px; }

.godscont .placetab li:hover span, .godscont .placetab li.on span { background-image: url(../images/i-placetab-a-on.png); }

.godscont .placetab li:hover.l1 span, .godscont .placetab li.on.l1 span { background-position: 0 0; }

.godscont .placetab li:hover.l2 span, .godscont .placetab li.on.l2 span { background-position: 0 -127px; }

.godscont .placetab li:hover.l3 span, .godscont .placetab li.on.l3 span { background-position: 0 -254px; }

.godscont .placetab li:hover.l4 span, .godscont .placetab li.on.l4 span { background-position: 0 -381px; }

.godscont .placetab li:hover.l5 span, .godscont .placetab li.on.l5 span { background-position: 0 -508px; }

.godscont .godsimg { width: 1000px; height: 592px; /* overflow-y: hidden; */ }

.godscont .godsimg li { width: 1000px; height: 592px; position: relative; }

.godscont .godsimg .img { width: 592px; height: 592px; position: absolute; top: 0; left: 56px; }

.godscont .godsimg .img img { width: 592px; height: 592px; position: relative; z-index: 3; }

.godscont .godsimg .img .shadowImg { -ms-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.6); position: absolute; left: -74px; top: 30px; z-index: 1; filter: alpha(opacity=10); opacity: .1; -moz-opacity: 0.1; -khtml-opacity: 0.1; *display: none; }

.godscont .godsimg .txt { width: 350px; position: absolute; top: 130px; right: 0; z-index: 3; }

.godscont .godsimg .txt strong { height: 65px; line-height: 65px; text-align: left; display: block; overflow: hidden; font-size: 30px; background: url(../images/role-name-bg.png) left center no-repeat; margin-bottom: 20px; font-size: 30px; font-weight: bold; color: #ffda72; padding-left: 25px; }

.godscont .godsimg .txt div { width: 100%; padding: 10px 10px; overflow: hidden; height: 144px; color: #fffced; }

.godscont .godsimg .txt div p { line-height: 26px; color: #fff; font-size: 14px; overflow: hidden; }

.godscont .godswrap { height: 120px; position: absolute; bottom: 90px; right: -10px; z-index: 11; /* overflow:hidden; */ }

.godscont .godswrap .i-godtl, .godscont .godswrap .i-godtr { width: 60px; height: 50px; line-height: 999em; position: absolute; top: 20px; z-index: 3; background: url("../images/role_tab.png") no-repeat; }

.godscont .godswrap .i-godtl { left: -60px; }

.godscont .godswrap .i-godtl:hover { background-position: -60px 0; }

.godscont .godswrap .i-godtr { background-position: 0 -50px; right: -60px; }

.godscont .godswrap .i-godtr:hover { background-position: right -50px; }

.godscont .godsbox { width: 328px; margin: 0 auto; position: relative; overflow: hidden; }

.godscont .godslist { white-space: nowrap; font-size: 0; }

.godscont .godslist li { width: 82px; height: 105px; display: inline-block; text-align: center; overflow: hidden; }

.godscont .godslist li.on a img { opacity: 1; }

.godscont .godslist a { width: 100%; height: 100%; display: block; color: #fffced; cursor: pointer; position: relative; overflow: hidden; }

.godscont .godslist a:hover { color: #ffdca5; }

.godscont .godslist a:hover img { opacity: 1; }

.godscont .godslist img { width: 68px; height: 68px; display: block; border: 1px solid #ffdca5; margin: 0 auto; opacity: .6; }

.godscont .godslist p { height: 34px; line-height: 34px; font-size: 14px; text-align: center; overflow: hidden; }

.godscont .more-btn { position: absolute; right: 46px; top: 82px; color: #cbc9d1; font-size: 18px; z-index: 10; width: 102px; background: url(../images/more_icon.png) no-repeat 0 4px; height: 36px; line-height: 9999em; }

.godscont .more-btn:hover { color: #f1c663; background-position: 0 -39px; }

.box-hd { margin: 21px 5px 0 5px; height: 40px; overflow: hidden; position: relative; }

.box-hd .hdt { height: 40px; font-size: 20px; line-height: 40px; font-weight: bold; color: #ffdca5; float: left; margin-left: 12px; }

.box-hd .hdt3 { width: 126px; }

.box-hd .hdt4 { width: 150px; }

.box-hd .hdt5 { width: 180px; }

.box-hd .hd-more { height: 40px; line-height: 40px; float: right; margin-right: 16px; margin-top: 0; }

.m4-right { width: 380px; height: 378px; background: url("../images/m4_rightbg.png") no-repeat 0 0; }

.ul-listwrap { margin-left: 10px; height: 280px; overflow: hidden; }

.ul-listwrap ul li { float: left; width: 96px; height: 130px; margin: 10px 0 0 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; line-height: 32px; }

.ul-listwrap ul li:hover, .vlistcon ul li:hover, .m9 ul li:hover { color: #e78060; }

.ul-listwrap ul li img { display: block; width: 96px; height: 96px; }

.m5 { height: 407px; background: url(../images/m3.png) no-repeat center 0; margin-top: 15px; }

.m5-left { width: 627px; overflow: hidden; float: left; }

.m5-left .box-hd { margin-top: 13px; margin-bottom: 5px; }

.m5-left .vlistcon { margin: 12px 18px 0 16px; }

.m5-left .vlistcon ul { width: 597px; height: 322px; overflow: hidden; margin-top: 10px; }

.m5-left .vlistcon ul li { width: 190px; height: 161px; float: left; margin: 0 9px 0 0; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 55px; }

.m5-left .vlistcon ul li img { width: 100%; height: 106px; display: block; }

.m5-right { width: 361px; height: 378px; float: left; }

.m5-right .pz-tab { margin: 5px 25px 0; height: 40px; padding-top: 10px; text-align: center; }

.m5-right .pz-tab a { float: left; width: 50%; height: 40px; line-height: 40px; text-align: center; position: relative; font-size: 14px; color: #fffced; }

.m5-right .pz-tab a.on, .m5-right .pz-tab a:hover { color: #ffdca5; text-decoration: none; }

.m5-right .pz-con { width: 300px; padding: 0 14px; height: 310px; background: #c9b57a; margin: 10px auto 0; }

.m5-right .pz-con .pzlist { height: 312px; overflow: hidden; }

.m5-right .pzlist li { height: 38px; line-height: 38px; overflow: hidden; font-size: 12px; border-bottom: 1px dashed #5a5a57; color: #251212; }

.m5-right .pzlist li:nth-last-child(1) { border-bottom: 0; }

.m5-right .pzlist li em { width: 45px; float: left; text-align: center; }

.m5-right .pzlist li span { float: left; width: 255px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mf { width: 100%; margin-bottom: 10px; min-width: 1000px; }

.m6 .m6-con { width: 1000px; height: 472px; position: relative; overflow: hidden; margin: 0 auto; }

.mbg { background: url(../images/m5.png) no-repeat; width: 1000px; min-width: 1000px; margin: 20px auto; height: 457px; padding: 1px 0 0; }

.m9 { padding: 1px 0 0; }

.m9 .box-hd { margin-top: 15px; }

.m9 ul { height: 160px; overflow: hidden; margin: 10px 0 0 20px; }

.m9 ul li { width: 185px; height: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; line-height: 30px; float: left; margin-right: 10px; }

.m9 ul li a { color: #fffced; }

.m9 ul li a:hover { color: #ffdca5; text-decoration: underline; }

.m9 ul li img { display: block; height: 125px; width: 100%; }

.m10 { margin-top: 30px; }

.tablist { position: absolute; height: 30px; text-align: center; line-height: 30px; left: 170px; top: 5px; border-radius: 6px; overflow: hidden; }

.tablist span { width: 96px; height: 30px; line-height: 30px; background: #947d58; float: left; cursor: pointer; color: #fffced; }

.tablist span.on { background: #ffdca5; color: #503a17; }

.game-list { margin-top: 20px; height: 118px; overflow: hidden; margin-left: 20px; }

.game-list li { width: 88px; height: 118px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; line-height: 30px; float: left; margin-right: 20px; }

.game-list li a { color: #fffced; }

.game-list li a:hover { color: #ffdca5; text-decoration: underline; }

.game-list li img { display: block; height: 88px; width: 88px; }

.fixnav { width: 169px; height: 342px; text-align: center; position: fixed; left: 50%; bottom: 150px; margin-left: 580px; z-index: 100; overflow: hidden; background: url("../images/sidebg.png") no-repeat center top; display: none; padding: 100px 0 0 3px; }

.fixnav .libao { width: 115px; height: 43px; display: block; background: url(../images/sli-a.png) no-repeat; text-align: center; line-height: 43px; font-size: 16px; font-weight: bold; color: #4b3333; margin: 0 auto; }

.fixnav .libao:hover { background-image: url(../images/sli-on.png); color: #fff; }

.fixnav .as { width: 104px; margin: 0 auto; }

.fixnav .as a { height: 42px; line-height: 42px; display: block; padding-bottom: 1px; font-size: 16px; border-bottom: 1px dashed #8c7746; color: #ffdca5; }

.fixnav .as a:hover { color: #fff; text-decoration: none; }

.fixnav .top { width: 100%; display: block; height: 44px; }

.comment-box { position: relative; width: 1000px; margin: 25px auto; color: #000; }

.comment-pin, .friendlink { /*position: relative; z-index: 2;*/ width: 1000px; margin: 0 auto 10px; background-color: #fff; padding: 10px 0; }

.friendlink .hdarea { height: 49px; border-bottom: 1px solid #eee; }

.friendlink .hdarea em { height: 48px; line-height: 54px; margin-left: 14px; margin-bottom: 1px; padding: 0 3px; float: left; display: inline; font-size: 18px; font-weight: bold; color: #333; position: relative; border-bottom: 2px solid #2794ef; overflow: hidden; }

.friendlink .fri-qq { background: url("../images/fri-ico_v1.png") no-repeat; background-position: -34px -52px; height: 20px; line-height: 20px; margin-top: 20px; margin-left: 20px; padding-left: 24px; float: left; display: inline; color: #666; }

.friendlink .fri-qq span { color: #2794ef; }

.friendlink .fri-list { padding: 10px 15px; font-size: 12px; height: 1%; clear: both; overflow: hidden; }

.friendlink .fri-list li { height: 24px; line-height: 24px; margin-right: 20px; float: left; display: inline; white-space: nowrap; word-break: break-all; word-wrap: break-word; }

.friendlink .fri-list a, .bulletin a { color: #666; }

.friendlink .fri-list a:hover, .bulletin a:hover { color: #f60; }

.bulletin { width: 980px; line-height: 24px; padding: 10px; margin: 0 auto; color: #999; text-align: center; position: relative; z-index: 3; overflow: hidden; }

.bulletin img { width: 19px; height: 22px; margin-right: 3px; display: inline-block; vertical-align: top; *vertical-align: middle; *margin-top: -2px; }

.phone_product .ico_yh { background: url("//newsimg.5054399.com/css/shouyou/images/phone_universal_e2.png") no-repeat 0 -420px; width: 16px; height: 16px; float: left; }

.phone_product dd { color: #333; float: left; height: 16px; font-size: 12px; margin: 2px 0 0 0; background: url("//newsimg.5054399.com/css/shouyou/images/phone_universal_e2.png") no-repeat right -231px; padding: 0 8px; font-family: "simsun"; line-height: 16px; }

.phone_product dd i { margin: 0 5px 0 0; }

.popbg { width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 101; }

.popbox { width: 520px; height: 360px; background: url(../images/popbox.png) no-repeat; position: fixed; top: 50%; left: 50%; margin: -180px 0 0 -300px; padding: 0 40px; z-index: 101; }

.popbox .popclose { width: 40px; height: 40px; background: url(../images/popclose.png) no-repeat center; position: absolute; top: 10px; right: 10px; cursor: pointer; }

.popbox .poptit { text-align: center; border-bottom: 1px solid #969696; padding-top: 20px; line-height: 54px; font-size: 30px; }

.popbox .popc { font-size: 16px; line-height: 30px; margin-top: 20px; }

.sltip { width: 80px; height: 104px; background: url(../images/age.png) no-repeat; position: absolute; top: 74px; right: -20px; }

.nm5 { height: 364px; background: url(../images/nm5.png) no-repeat; margin-top: 20px; }

.nm5 .box-hd { margin-top: 10px; }

.nm5 .left { float: left; width: 500px; }

.nm5 .right { float: right; width: 500px; }

.nm6 { height: 438px; background: url(../images/nm6.png) no-repeat; margin-top: 20px; }

.nm6 .box-hd { margin-top: 10px; }

.nm6 .plist { height: 354px; margin-top: 10px; }

.nm6 .plist li { width: 232px; height: 167px; margin-right: 12px; line-height: 45px; margin: 0 12px 10px 0; }

.nm6 .plist li img { width: 232px; height: 132px; }

.plist { height: 300px; overflow: hidden; margin: 5px 0 0 15px; }

.plist li { width: 110px; height: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; line-height: 40px; float: left; margin-right: 9px; position: relative; }

.plist li .ico { width: 56px; height: 56px; display: block; background: url(../images/ico-play.png) no-repeat; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -28px; z-index: 1; }

.plist li a { color: #fffced; }

.plist li a:hover { color: #ffdca5; text-decoration: underline; }

.plist li img { display: block; height: 110px; width: 100%; }