@charset "utf-8";
/*basic*/
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, fieldset, form, tr, th, td, center, input, button, textarea { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
button, input, select, textarea { font: 14px/1.8 Arial, Verdana, Helvetica, sans-serif; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body { background: #86674b; color: #f0ecec; font: 14px/1.8 Microsoft YaHei, Arial, Helvetica, sans-serif; /*font: 14px/1.8 Verdana, Tahoma, Arial, Helvetica, sans-serif;*/ }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.t_hide { height: 0; overflow: hidden; }
.mt10 { margin-top: 10px; }
.t_center { text-align: center; }
.t_left { text-align: left; }
.t_right { text-align: right; }
.p_relative { position: relative; }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
a { color: #fff; text-decoration: none; }
a, a:active { outline: none; }
.hidden { visibility: hidden; }
.gray { color: #999; }
/*.downarrow { width: 58px; height: 41px; margin: 15px auto; background: url(../images/arrowicon.png) no-repeat 0 0; cursor: pointer; }*/
.downarrow { width: 117px; height: 69px; margin: 40px auto 0 auto; background: url(../images/arrowicon2.png) no-repeat 0 0; cursor: pointer; text-align: center; font-size: 20px; line-height: 40px; color: #fff6d5; }
.pt10 { padding-top: 10px; }
.pt5 { /*padding-top: 5px;*/ }

/*nav*/
.nav { position: relative; z-index: 2; width: 925px; height: 74px; margin: 0 auto; }
.nav li { position: relative; float: left; width: 77px; text-align: center; }
.nav li a { display: block; width: 75px; height: 72px; margin: 0 auto; line-height: 72px; color: #fcf8f3; border-left: 1px solid #3f2c16; border-right: 1px solid #855321; font-weight: bold; font-size:13px; }
.nav li a:hover, .nav li.on a { text-decoration: none; background: #8e4c0e; opacity: 0.8; }
.nav li a img { margin:0 auto; display:block; padding-top:10px}
.nav li a.n12{ line-height:18px;}
.nav li a.n13{ line-height:15px;}
.subnav { display: none; position: absolute; left: 0px; top: 72px; background: #9e7a5c; background: rgba(158,122,92,.9); filter:alpha(opacity=90); white-space: nowrap; }
.subnav li { float: none; width: auto; padding: 0 5px; transition: all 0.2s ease-in-out 0s; }
.subnav li a { width: auto; height: 34px; line-height: 34px; border: none; font-weight: normal; font-family: Arial, Helvetica, sans-serif; overflow: visible; display:inline-block; }
.subnav li a:hover, .subnav li.on a, .nav li.on li a { background: none; color: #fff;}
.nav li.on li a:hover{ color: #ffbd68; }
.subnav li:hover { background: #64432c; background: rgba(100,67,44,.9); filter:alpha(opacity=90);}
.subnav li i.new {/*background: url(https://hw.99.com/uploads/allimg/co/new2.gif) no-repeat center top;*/ background: url(https://hw.99.com/uploads/co/images/2020/icon/bficon.gif) no-repeat center top; display:inline-block; width:35px; height:14px; vertical-align:middle; margin-left:2px;}
.subnav li i.googleplay {background: url(https://hw.99.com/uploads/allimg/co/googleplay.png) no-repeat center top; display:inline-block; width:22px; height:25px; vertical-align:middle; margin-right:2px;}
.subnav li i.iosplay {background: url(https://hw.99.com//uploads/allimg/co/iosplay.png) no-repeat center top; display:inline-block; width:22px; height:25px; vertical-align:middle; margin-right:2px;margin-left: -16px;}

/*main*/
.fullbg {position:relative;z-index:1;width:100%;max-width:1920px;min-width:1002px;margin:0 auto;overflow:hidden;/*background: url(https://hw.99.com/uploads/co/images/skin/2023/05/fullbg.jpg) no-repeat center top #fdfdff;*/ }
.wrapper { position: relative; width: 1002px; margin: 0 auto; }
.header { position: relative; z-index: 2; }
.content { position: relative; z-index: 1; }
     
.logo { width: 220px;  position: absolute;top: 135px; left: 405px; }/*因背景图的关系有修改logo位置*/
.logo img { width: 195px; }

.searchbar { position: absolute; left: 0; top: 80px; height: 28px; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }
.searchbar input { height: 32px; line-height: 32px; border: none; vertical-align: middle; font-size: 14px; }
.searchbar .txt { width: 180px;  padding-left: 3px; background: #48260a; color: #ffbb83; border-radius: 5px 0 0 5px; }
.searchbar .btn { width: 32px; background: url(../images/btns.png) no-repeat -9px -9px #7c5111; border-radius: 0 5px 5px 0; cursor: pointer; }
.searchbar .btn:hover { background-color: #48260a; }

.language { /*display: none;*/ display: block; position: absolute; right: 26px; top: 114px; width: 156px; height: 33px; /*padding: 10px 30px;*/ line-height: 33px; background: url(../images/beginner.png) no-repeat -26px -73px; text-align: center; text-indent:-999em;}
.language select { height: 25px; line-height: 25px; vertical-align: top; font-size: 14px; }

/*content screen1*/
.screen1 { position: relative; z-index: 2; height: 410px; } /*20161205有修改*/  /*20161230已修改回原来的*/


/*content screen2*/
.screen2 { position: relative; z-index: 1; /*padding: 50px 0;*/ }
.content .title { width: 200px; height: 149px; margin: 0 auto; text-align: center; line-height: 149px; font-size: 24px; font-weight: bold; color: #774e09; background: url(../images/titlebg.png) no-repeat center top; text-transform: uppercase; }

.newssearch { position: relative; height: 28px; margin: 5px 0; text-align: right; }
.newssearch input { width: 180px; height: 26px; margin: 0 2px; padding-left: 2px; line-height: 26px; color: #666; border: 1px solid #dcdcdc; border-radius: 5px; vertical-align: middle; }
.newssearch input.search { width: 100px; height: 28px; line-height: 28px; *line-height: 24px; padding-left: 0; background: #deba5e; color: #58402f; cursor: pointer; font-weight: bold; }
.newssearch input.search:hover { background: #58402f; color: #deba5e; }
.newssearch input#daterange { padding-right: 28px; background: url(../images/dateicon.png) no-repeat right center; }

/*---for ie placeholder effect---*/
.newssearch input { position: relative; z-index: 2; background: none; }
.newssearch label { display: none; position: absolute; z-index: 1; top: 1px; height: 26px; line-height: 26px; font-size: 12px; text-align: left; }
.newssearch label.fakedate { right: 296px; width: 180px; padding: 0 28px 0 2px; color: #666; }
.newssearch label.fakekeyword { right: 108px; width: 180px; padding: 0 0 0 2px; color: #aaa; }


.article-list { width: 920px; padding: 20px 40px; margin-top: 10px; background: #fff; color: #666; border: 1px solid #c9c9c9; }
.listtab { border-bottom: 1px solid #b2b2b2; margin-bottom: 10px; }
.listtab li { position: relative; float: left; /*width: 16.6%;*/ width: 20%; height: 50px; line-height: 40px; font-size: 25px; text-align: center; border-bottom: 5px solid #fff; cursor: pointer; }
.listtab li.on, .listtab li:hover { border-bottom: 5px solid #d10404; }
.listtab a { color: #666; text-transform: uppercase; }
.listtab li span { position: absolute; left: -8px; top: -8px; width: 24px; height: 24px; line-height: 24px; background: #d10404; color: #fff; font-weight: bold; font-size: 13px; border-radius: 12px; text-align: center; }
.listtab li:hover a, .listtab li.on a { color: #d10404; }
.listtab li.on { font-weight: bold; }

.listcont { font-size: 18px; }
.listcont li { line-height: 40px; }
.listcont li:nth-last-child(1) .newslink { border-bottom: none; }
.listcont a { color: #666; }
.listcont a:hover { /*color: #d10404;*/ text-decoration: underline; }
.description { display: none; width: 580px; font-size: 13px; margin-left: 150px; padding-bottom: 3px; line-height: 18px; border-bottom: 1px dashed #b2b2b2; }

.a-title span, .a-title a, .allmore a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
/*.a-title .icon { width: 27px; height: 27px; background: url(../images/icons.png) no-repeat; }
.a-title .icon.offgame { background-position: 0 -27px; }
.a-title .icon.online { background-position: 0 0; }
.a-title .icon.version { background-position: right 0; }*/
.a-title a strong { color: #d10404; font-weight:normal;}
.a-title .icon { width: 27px; height: 28px; margin-right: 3px; background: url(../images/newstype.png) no-repeat -27px -142px; }
.a-title .icon.events { background-position: -27px 0; }
.a-title .icon.patches { background-position: -27px -28px; }
.a-title .icon.version { background-position: -27px -57px; }
.a-title .icon.server { background-position: -27px -85px; }
.a-title .icon.guides { background-position: -27px -114px; }

.unread .a-title .icon.events { background-position: 0 0; }
.unread .a-title .icon.patches { background-position: 0 -28px; }
.unread .a-title .icon.version { background-position: 0 -57px; }
.unread .a-title .icon.server { background-position: 0 -85px; }
.unread .a-title .icon.guides { background-position: 0 -114px; }

.newslink { width: 580px; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px dashed #b2b2b2; }
.newslink.important { color: #ef8604; }
.newslink.important:hover { text-decoration: underline; }
.openClose { width: 20px; height: 20px; margin-left: 10px; background: url(../images/icons.png) no-repeat 0 -78px; }
.openClose:hover { background-position: -20px -78px; }
a.readmore { width: 130px; height: 28px; margin-left: 10px; line-height: 28px; border: 1px solid #ccac59; background: #58402f; color: #deba5e; text-align: center; border-radius: 5px; }
a.readmore:hover { background: #deba5e; color: #58402f; }

.on .description { display: block; }
.first .newslink { color: #d10404; }
.on .newslink { border-bottom: none; }
.first .newslink:hover, .unread .newslink:hover { text-decoration: underline; }
.on .openClose { background-position: 0 -58px; }
.on .openClose:hover { background-position: -20px -58px; }

.allmore { height: 30px; text-align: right; margin-top: 10px; }
.allmore a { height: 30px; padding-left: 22px; line-height: 30px; background: url(../images/icons.png) no-repeat 0 -106px; color: #58402f; }
.allmore a:hover { text-decoration: underline; }

/*content screen3*/
.screen3 { padding: 10px 0; }
.selectdate { text-align: center; padding: 40px 0 10px; }
.selectdate select { height: 32px; width: 160px; background: #b69845; color: #fcf1d4; font-size: 16px; font-weight: bold; }
.event-slide { position: relative; padding-top: 10px; color: #000; font-size: 14px; line-height: 16px; }
.event-slide li { width: 235px; margin: 0 8px; border-radius: 5px; text-align: center; }
.event-slide li img { border-radius: 5px; }
.event-slide li a { position: relative; display: block; }
.event-slide li a img { display: block; }
/*
.event-slide li a.more { width: 60%; height: 28px; margin: 5px auto; line-height: 28px; background: #6e523d; border-radius: 5px; }
.event-slide li a.more:hover { background: #945e36; }
*/
.event-slide li a.more { width: 159px; height: 40px; margin: 5px auto; line-height: 38px; background: url(../images/btns3.png) no-repeat 0 0; color: #3b281a; font-size: 16px; font-weight: bold; }
.event-slide li a.more:hover { background-position: 0 -40px; }

.event-slide li a.link:hover .hint { display: block; }
.event-slide li .hint { display: none; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 30px; line-height: 30px; text-align: right; background: url(../images/obg2.png) repeat; color: #f0d56b; border-radius: 5px 5px 0 0; }
.event-slide li .hint span { display: inline-block; *display: inline; *zoom: 1; width: 22px; height: 22px; margin-right: 4px; background: url(../images/icons.png) no-repeat -250px -478px; vertical-align: middle; }
.event-slide li .snum { position: absolute; right: 3px; bottom: 36px; z-index: 2; width: 45px; height: 24px; line-height: 24px; color: #000; text-align: center; background: url(../images/obg3.png) repeat 0 0; border-radius: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }


.lefttime{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 30px; padding: 2px 0; line-height: 30px; background: url(../images/obg1.png) repeat; color: #fff; text-align: center; border-radius: 0 0 5px 5px; }
.lefttime em { font-style: normal; }
/*
.lefttime .txt { color: #e00404; }
.lefttime .countdowntime { color: #f0d56b; }
*/
.lefttime .txt { margin-right: 4px; color: #fff; }
.lefttime .countdowntime { color: #e00404; }
.lefttime .txt, .lefttime .countdowntime { display: inline-block; *display: inline; *zoom: 1; }
.event-name { width: 100%; padding: 3px 0; line-height: 24px; color: #474747; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.details { line-height: 22px; }

.event-prev, .event-next { position: absolute; top: 36%; width: 36px; height: 91px; background: url(../images/icons.png) no-repeat; }
.event-prev { left: -50px; background-position: -468px -409px; }
.event-prev:hover { background-position: -468px -318px; }
.event-next { right: -50px; background-position: -504px -409px; }
.event-next:hover { background-position: -504px -318px; }

/*events panel*/
.switch-month { height: 50px; text-align: center; background: url(../images/dec.png) no-repeat center top; }
.switch-month a { display: inline-block; *display: inline; *zoom: 1; text-align: center; width: 45px; height: 42px; margin: 0 20px; line-height: 50px; color: #353348; font-size: 22px; font-weight: bold; }
.switch-month a.on, .switch-month a:hover { font-size: 18px; line-height: 54px; background: url(../images/icons.png) no-repeat -103px bottom; }
.switch-month a.current { }

.checkeventdetails { position: absolute; top: 0; left: 68px; z-index: 2; display: none; }
.checkeventdetails a { display: inline-block; *display: inline; *zoom: 1; text-align: center; padding: 4px 10px; background: #000; }

/*screen4 */
.screen4 { padding: 0; }
.title.sp { height: 59px; padding: 45px 0; line-height: 30px; font-size: 20px; }

.version-slide { position: relative; width: 1000px; margin: 10px auto 0 auto; }
.vslider li { float: left; width: 230px; margin: 0 10px; line-height: 24px; color: #5d4432; text-align: center; font-size: 20px; font-weight: bold; text-transform: uppercase; }
.vslider li img { /*width: 100%;*/ width: 230px; }
.vslider li a { display: block; }
.vslider li span { font-size: 14px; font-weight: normal; font-size: 14px; text-transform: none; }
/*
.vslider .more { display: block; width: 95px; height: 30px; margin: 10px auto; color: #795b44; border-radius: 5px; border: 1px solid #af8e2b; font-size: 20px; font-weight: normal; background: url(../images/eventbtnbg.jpg) no-repeat center center; }
.vslider .more:hover { color: #3d2819; }
*/
.vslider .more { display: block; width: 159px; height: 40px; margin: 5px auto; line-height: 38px; background: url(../images/btns3.png) no-repeat 0 0; color: #3b281a; font-size: 16px; font-weight: bold; text-transform: none; }
.vslider .more:hover { background-position: 0 -40px; }
.vslider .fakemore { display: block; width: 159px; height: 40px; margin: 5px auto; line-height: 38px; background: url(../images/btns3.png) no-repeat 0 0; color: #3b281a; font-size: 16px; font-weight: bold; text-transform: none; }
.vslider .fakemore:hover { background-position: 0 -40px; }
.version-slide a.prev, .version-slide a.next { position: absolute; top: 18%; width: 77px; height: 109px; background: url(../images/icons.png) no-repeat; }
.version-slide a.prev { left: -77px; background-position: -151px -261px; }
.version-slide a.next { right: -77px; background-position: -228px -261px; }
.version-slide a.prev:hover { background-position: -151px -152px; }
.version-slide a.next:hover { background-position: -228px -152px; }


/*footer*/
.footer { position: relative; width: 100%; height: 170px; padding: 5px 0; background: url(../images/footer.jpg) no-repeat center top; }
.footer .sp { font-size: 24px; }
.footer .ccont { position: relative; width: 850px; padding-top: 10px; text-align: center; }
.footer .side { position: absolute; z-index: 2; top: 10px; right: 100px; text-align: left; }
.side a { display: block; font-size: 14px; line-height: 24px;}
.side a:hover { text-decoration: underline; }
.pts { padding: 10px 0; }
.pts a { display: inline-block; *display: inline; *zoom: 1; width: 58px; height: 47px; background: url(../images/icons.png) no-repeat; }
.pts a.pt1 { background-position: -185px 0; }
.pts a.pt2 { background-position: -66px 0; }
.pts a.pt3 { background-position: -244px 0; }
.pts a.pt4 { background-position: -126px 0; }

/*popbox*/
.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 10000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); }
.loading img { position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; }

.popbox { display: none; position:fixed!important; position:absolute; left: 0; top: 32%; z-index: 100; width: 100%; max-width: 1920px; min-width: 1002px; margin-top:-60px!important; _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); }

.popbox.commonp1 { position: absolute!important; /*margin-left:-450px!important;*/ }
.popbox.commonp2 { /*margin-left:-450px!important;*/ }
.popbox.commonp4 { /*margin-left:-200px!important;*/ }
.popbox.commonp5 { /*margin-left:-300px!important;*/ }
.popbox.control-commonp3 { position:absolute!important; /*margin-left:-500px!important;*/ }


/*promotion news*/
.pop-promt-box { position:fixed!important; right: 0; bottom: 0; z-index: 101; width: 400px; height: 0; background: url(../images/promtbg.jpg) no-repeat 0 0; }
.pop-promt-box h3 { width: 300px; margin: 0 auto; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -moz-text-overflow: ellipsis; }
.pop-promt-box a.close { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; font-size: 30px; line-height: 20px; color: #583f2f; }
.pop-promt-box a.close:hover { color: #b50202; }
.pop-promt-box .boxheader { height: 15px; line-height: 15px; }
.pop-promt-box .boxcont { width: 95%;}
a.promt-more { color: #000; }
a.promt-more:hover { text-decoration: underline; }
.pop-promt-box .boxes { background: none; color: #000; border-top-color: transparent; }
.pop-promt-box .boxcont { padding: 10px 0; }
.promt-news img { width: 140px; margin-right: 5px;  }
.promt-news p { line-height: 18px; }
.promt-news.boxcont span { display: block; height: 62px; font-size: 13px; color: #5c473a; line-height: 15px; overflow: hidden; }
.boxcont.promt-question span { color: #dc0808; }

.boxcont.promt-question input { vertical-align: middle; }
.boxcont.promt-question input.sptxt { border: none; border: none; border-bottom: 1px solid #583f2f; background: none; }
.boxcont.promt-question a.question-submit { display: block; width: 120px; height: 30px; margin: 10px auto; line-height: 30px; border-radius: 3px; color: #fff; background: #583f2f; text-align: center; font-size: 18px; }
.boxcont.promt-question a.question-submit:hover { background: #d7b257; color: #583f2f; }


.mask{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40);}
.boxes { position: relative; z-index: 100; margin: 0 auto; background: #ece1cb; color: #583f2f; border-top: 10px solid #d7b257; }
.box1 { width: 500px; }
.box2 { width: 900px; }
.box3 { width: 1000px; }
.box4 { width: 400px; }
.box5 { width: 600px; }
.boxheader { line-height: 48px; font-size: 24px; text-align: center; }
.boxheader h3 { width: 90%; margin: 0 auto; }
.popbox a.close { position: absolute; top: 5px; right: 5px; width: 38px; height: 38px; background: url(../images/icons.png) no-repeat 0 -332px; }
.popbox a.close:hover { background-position: -37px -332px; }
.boxcont { width: 85%; margin: 0 auto; padding: 10px 0 30px 0; }

.newstext { border-bottom: 1px dashed #82641d; padding-bottom: 10px; margin-bottom: 20px; }
.newstext p { padding: 4px 0; line-height: 18px; }
.newstext a { color: #f96108; }
.newstext a:hover { text-decoration: underline; }
.newstext span { color: #dc0808; }
.newstext th, .newstext td, .tableclass td, .tableclass th { border: 1px solid #82641d; padding: 0 6px; }
.info_news { text-align: center; padding-bottom: 8px; }

.related-poplist li { padding: 4px 0; }
.related-poplist li a { color: #7b2121; font-weight: bold; }
.related-poplist li a.related-newslink { font-size: 15px; }
.related-poplist li a strong { color: #eca704; }
.related-poplist li a:hover { text-decoration: underline; }
.related-poplist .keywords { font-size: 13px; color: #bb9031; }
.related-poplist .keywords em { font-style: normal; }
.related-poplist li span, .related-poplist li a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.related-poplist li a { width: 80%; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.relatednews a { color: #7b2121; }
.relatednews a:hover { text-decoration: underline; }
.relatednews .keywords { display: none; line-height: 16px; margin-bottom: 5px; font-size: 13px; }
.relatednews .keywords em { font-style: normal; }

.related-listtabs { text-align: center; }
/*
.related-listtabs a { position: relative; display: inline-block; *display: inline; *zoom: 1; background: #c8a146; color: #3b281d; padding: 3px 10px; margin: 0 10px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 5px; }
.related-listtabs a:hover, .related-listtabs a.on { background: #3b281d; color: #edb940; }
*/
.related-listtabs a { position: relative; display: inline-block; *display: inline; *zoom: 1; width: 130px; color: #9e7a26; padding: 3px 10px; margin: 0 20px; text-align: center; font-size: 16px; font-weight: bold; border-radius: 5px; }
.related-listtabs a i { display: block; width: 50px; height: 45px; margin: 0 auto; background: url(../images/btns3.png) no-repeat;}
.related-listtabs a .icon1 { background-position: 1px -89px; }
.related-listtabs a .icon2 { background-position: -71px -89px; }
.related-listtabs a .icon3 { background-position: -146px -89px; }
.related-listtabs a .icon4 { background-position: -224px -89px; }
.related-listtabs a .icon5 { background-position: -304px -89px; }
.related-listtabs a:hover, .related-listtabs a.on { color: #3b281d; }
.related-listtabs a:hover .icon1, .related-listtabs a.on .icon1 { background-position: 1px -172px; }
.related-listtabs a:hover .icon2, .related-listtabs a.on .icon2 { background-position: -71px -172px; }
.related-listtabs a:hover .icon3, .related-listtabs a.on .icon3 { background-position: -146px -172px; }
.related-listtabs a:hover .icon4, .related-listtabs a.on .icon4 { background-position: -224px -172px; }
.related-listtabs a:hover .icon5, .related-listtabs a.on .icon5 { background-position: -304px -172px; }

.related-listtabs a span { position: absolute; left: 15px; top: 5px; width: 24px; height: 24px; line-height: 24px; background: #d10404; color: #fff; font-weight: bold; font-size: 13px; border-radius: 12px; text-align: center; }
.related-listtabs a span:hover { width: 77px; background: url(../images/readallbtn.png) no-repeat 0 0; left: -38px; text-indent: -999em; transition: all 0.2s ease-in-out 0s; }
.related-listtabs a span.none:hover { width: 24px; background: #d10404; left: 15px; text-indent: 0; }

.related-newscontent { display: none; padding: 8px 0; margin: 15px 0 5px 0; border-bottom: 1px dashed #583f2f; border-top: 1px dashed #583f2f; color: #583f2f; }
.related-newscontent p { line-height: 18px; padding: 4px 0; }
.related-poplist li .related-newscontent a, .related-poplist li .related-newscontent span { display: inline; margin: 0; padding: 0; }
.related-poplist li a.related-viewcontent { display: inline-block; *display: inline; *zoom: 1; width: 15px; height: 15px; background: url(../images/icons.png) no-repeat -306px -485px; }
.related-poplist li a.related-viewcontent:hover { background-position: -321px -485px; }
.related-poplist li a.related-viewcontent.on { background-position: -336px -485px; }
.related-poplist li a.related-viewcontent.on:hover { background-position: -351px -485px; }

.related-poplist li.unread a { color: #d10404; }


/*sidenav*/
.sidenav { position: fixed; right: 20px; top: 45%; width: 130px; margin-top: -314px; z-index: 2; }
.sidenav a { display: block;  margin: 2px auto;}
.sidenav.dark a { background-image: url(../images/sidenav2.png); }
.sidenav a.s1 { background-position: 0 15px; }
.sidenav a.s2 { background-position: 0 -75px; }
.sidenav a.s3 { background-position: 0 -165px; }
.sidenav a.s4 { background-position: 0 -255px; }
.sidenav a.s1:hover, .sidenav a.s1.on { background-position: -212px 15px; }
.sidenav a.s2:hover, .sidenav a.s2.on { background-position: -212px -75px; }
.sidenav a.s3:hover, .sidenav a.s3.on { background-position: -212px -165px; }
.sidenav a.s4:hover, .sidenav a.s4.on { background-position: -212px -255px; }
.sidenav a.poker { width: 118px; height: 114px; background: url(../images/icons.png) no-repeat right -48px; }
.sidenav a.poker:hover { background-position: right -162px; }

.sidenav a.enterpoker { width: 110px; height: 100px; background: none; text-indent: 0; text-align: center; }




/*
.sidenav a { display: block; width: 58px; height: 47px; margin: 20px auto; background: url(../images/icons.png) no-repeat; text-indent: -999em; }
.sidenav a.p_pc { background-position: -66px -64px; }
.sidenav a.p_mac { background-position: -126px -64px; }
.sidenav a.p_ipad { background-position: -185px -64px; }
.sidenav a.p_android { background-position: -244px -64px; }
.sidenav a:hover { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
*/
.sidenavleft { position: fixed; left: 20px; top: 50%; width: 130px; margin-top: -314px; z-index: 2; }
.sidenavleft a { display: block; width: 64px; height: 62px; margin: 10px auto; background: url(../images/icons4.png) no-repeat; text-indent: -999em; }
.sidenavleft a.p_pc { background-position: 0 -2px; }
.sidenavleft a.p_mac { background-position: 0 -64px; }
.sidenavleft a.p_ipad { background-position: 0 -130px; }
.sidenavleft a.p_android { background-position: 0 -196px; }
.sidenavleft a:hover, .sidenav a:hover { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }

/*side common btns*/
/*
.sidecommon { position: fixed; left: 10px; top: 150px; z-index: 2; width: 200px; }

.servertime, .contact { width: 160px; padding: 6px 10px; margin: 0 auto; background: url(../images/panelbg1.png) no-repeat -50px -100px; text-align: center; border-radius: 5px; }
.servertime span { display: block; }
.servertime span.icon { float: left; width: 67px; height: 57px; padding: 5px; margin-right: 10px; line-height: 20px; background: url(../images/icon1.png) no-repeat center 0; font-size: 16px; }
.servertime div { font-size: 12px; line-height: 14px; margin: 3px 0; } 
.servertime div span { font-size: 15px; }
.sidecommon .btns a { display: block; width: 81px; height: 95px; margin: 5px auto; background: url(../images/icons2.png) no-repeat; text-indent: -999em; }
.sidecommon .btns a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.sidecommon .btns a.s1 { background-position: 0 -76px; }
.sidecommon .btns a.s2 { background-position: 0 -174px; }
.sidecommon .btns a.s3 { background-position: 0 -270px; }

.contact { text-align: center; font-size: 20px; color: #fff4ca; line-height: 24px; }
.contact a { display: inline-block; *display: inline; *zoom: 1; width: 37px; vertical-align: middle; background: url(../images/btns.png) no-repeat; }
.contact a.email { height: 30px; background-position: -330px -216px; }
.contact a.fb { height: 38px; background-position: -330px -254px; }
.contact a.yt { height: 38px; background-position: -330px -300px; }

.fb-like { padding-top: 5px; }
*/
.signupbox { position: absolute; bottom: 0; left: 0; width: 973px; height: 75px; margin: 0 auto; padding: 40px 15px 0 15px; background: url(../images/topbarbg.png) no-repeat center top; }
.servertime { float: left; width: 230px; text-align: center; margin-right: 5px; }
/*
.servertime .icon { width: 100px; padding-top: 28px; background: url(../images/btns.png) no-repeat -420px -176px; font-size: 16px; }
*/
.servertime .icon { width: 77px; height: 60px; padding: 7px 0 0 10px; padding-top: 7px; line-height: 19px; background: url(../images/icon1.png) no-repeat 10px 0; font-size: 16px; font-weight: bold; }
.servertime .fr { margin-top: 3px; }
.signupbox .btns { float: left; width: 466px; height: 58px; text-align: center; }
.signupbox .btns a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 154px; height: 48px; margin: 5px auto; line-height: 48px; background: url(../images/btns2.png) no-repeat 0 -48px; text-align: center; color: #78430c; text-shadow: 1px 1px 1px #fff; font-size: 22px; font-weight: bold; }
.signupbox .btns a:hover { color: #efe29b; background-position: 0 0; text-shadow: 1px 1px 1px #000; }

.contact { float: right; width: 270px; text-align: center; font-size: 20px; color: #fff4ca; }
.contact a { display: inline-block; *display: inline; *zoom: 1; width: 37px; margin: 0 2px; vertical-align: middle; background: url(../images/btns.png) no-repeat; }
.contact a.email { height: 30px; background-position: -330px -216px; }
.contact a.fb { height: 38px; background-position: -330px -254px; }
.contact a.yt { height: 42px; background-position: -330px -300px; }
.contact a.tw { height: 37px; background: url(../images/tw.png) no-repeat 0 0;z-index: 10;margin-right: 5px; }
.contact a.dc { height: 37px; background: url(https://hw.99.com/uploads/co/images/icon/discord-icon.png) no-repeat; }
.contact a.ins { height: 37px; background: url(https://hw.99.com/uploads/co/images/icon/ins-icon.png) no-repeat; }
.contact a:hover { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }

.contact .likefb { position: relative; width: 98%; padding-left: 2%; margin-top: 5px; font-size: 12px; color: #fff; text-align: left; }
.fb-like, .fb_iframe_widget { position: absolute!important; left: 130px; top: 0; }
.tw-like { /*display: inline-block; position: relative;*/ position:absolute; right:45px; top:0;}

.newsloading { width: 100%; height: 32px; text-align: center; padding: 132px 0; }

.pages.relatedpages { padding: 20px 0 10px 0; font-size: 14px; }
.pages { padding: 30px 0 20px 0; text-align: center; font-size: 16px; }
.pages, .pages a { color: #666; }
.pages a, .pages span { margin: 0 10px; }
.pages a.on, .pages span.on, .pages a:hover { text-decoration: underline; color: #d10404; }


.ui-daterangepicker-Monthtodate, .ui-daterangepicker-Yeartodate { display: none; }


/*planceholder's color*/

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #aaa;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aaa;
}

.newssearch input.txt:-ms-input-placeholder{
    color: #ccc;
}

.newssearch input.txt::-webkit-input-placeholder{
    color: #ccc;
}

/*add 20160518*/
.tobeginnerpage { position: absolute; top: 80px; right: 0; display: block; width: 209px; height: 29px; line-height: 30px; background: url(../images/beginner.png) 0 0 no-repeat; color: #58402f; text-align: center; font-size: 18px; font-weight: bold; }
.tobeginnerpage:hover { color: #fff; }

.vslider li.highlight { color: #a02222; }
.vslider li.highlight .more { background-position: -161px 0; color: #fff; }
.vslider .more { position: relative; }
.vslider .more .newicon { position: absolute; top: -10px; left: -30px; width: 40px; height: 40px; background: url(../images/newicon.png) no-repeat 0 0; }

.version-nav { position: relative; width: 843px; height: 5px; margin: 120px 0 80px 0; background: url(../images/navline.png) no-repeat 0 0; }

/*.version-nav li.vn1 { left: 0; }
.version-nav li.vn2 { left: 11%; }
.version-nav li.vn3 { left: 21%; }
.version-nav li.vn4 { left: 30%; }
.version-nav li.vn5 { left: 40%; }
.version-nav li.vn6 { left: 48%; }
.version-nav li.vn7 { left: 58%; }
.version-nav li.vn8 { left: 68%; }
.version-nav li.vn9 { left: 78%; }
.version-nav li.vn10 { left: 89%; }
.version-nav li.vn11 { left: 100%; }*/

/*20180411之前只有6个的情况*/
/*.version-nav li.vn1 { left: 16%; }
.version-nav li.vn2 { left: 30%; }
.version-nav li.vn3 { left: 45%; }
.version-nav li.vn4 { left: 58%; }
.version-nav li.vn5 { left: 70%; }
.version-nav li.vn6 { left: 84%; }*/

/*20180411添加为7个的情况*/
/* .version-nav li.vn1 { left: 12%; }
.version-nav li.vn2 {left: 24%;}
.version-nav li.vn3 {left: 35%;}
.version-nav li.vn4 {left: 46%;}
.version-nav li.vn5 {left: 57%;}
.version-nav li.vn6 {left: 68%;}
.version-nav li.vn7 {left: 79%;}
.version-nav li.vn8 {left: 91%;} */

/*.version-nav li.vn7 { left: 90%; }
.version-nav li.vn8 { left: 70%; top:-80px;}
.version-nav li.vn9 { left: 55%;  top:-80px;}
.version-nav li.vn10 { left: 40%; top:-80px;}
.version-nav li.vn11 { left: 27%; top:-80px;}
.version-nav li.vn12 { left: 14%; top:-80px;}
.version-nav li.vn13 { left: 85%; top:-80px;}*/

/* 20190301添加7个的情况 */
/* .version-nav li.vn1 { left: 12%; }
.version-nav li.vn2 {left: 23%;}
.version-nav li.vn3 {left: 34%;}
.version-nav li.vn4 {left: 46%;}
.version-nav li.vn5 {left: 57%;}
.version-nav li.vn6 {left: 69%;}
.version-nav li.vn7 {left: 80%;}
.version-nav li.vn8 {left: 90%;} */

/* 20200414添加9个的情况 */
.version-nav li.vn1 { left: 11%; }
.version-nav li.vn2 {left: 21%;}
.version-nav li.vn3 {left: 31%;}
.version-nav li.vn4 {left: 41%;}
.version-nav li.vn5 {left: 51%;}
.version-nav li.vn6 {left: 61%;}
.version-nav li.vn7 {left: 71%;}
.version-nav li.vn8 {left: 81%;}
.version-nav li.vn9 {left: 91%;}


.version-nav li { position: absolute; top: 50%; width: 14px; height: 14px; margin: -6px 0 0 -10px; background: url(../images/v_nav.png) no-repeat 0 0; cursor: pointer; }
.version-nav li:hover, .version-nav li.on { width: 26px; height: 74px; margin: -66px 0 0 -16px; border: none; background: url(../images/v_nav_hover.png) no-repeat 0 0; }
.version-nav li span { position: absolute; bottom: -42px; left: 50%; width: 280px; height: 20px; line-height: 22px; text-align: center; margin-left: -140px; color: #5e4d32; font-size: 15px; font-weight: bold; }
.version-nav li:hover span, .version-nav li.on span { color: #442b0f;  }
.version-nav li i { position: absolute; bottom: 20px; left: 50%; width: 140px; height: 20px; line-height: 22px; text-align: center; margin-left: -70px; color: #5e4d32; font-size: 14px; font-style: normal; }
.version-nav li:hover i, .version-nav li.on i { color: #442b0f; }
/*.version-nav li:hover span, .version-nav li.on span { display: block; }*/


.nextyear, .preyear {position: absolute; top: 50%; font-size:16px; color: #442b0f;  font-weight: bold; margin-top: -30px;}
.nextyear {left: 0;}
.preyear {right: 0;}

a.historybtn { position: absolute; bottom: -20px; right: 16px; background: url(../images/historybtn.png) no-repeat 0 0; width:106px; height: 47px; display: block; }
a.historybtn:hover{ background-position: 0 -47px;}

a.historybtn span{ display:none; position: absolute; top: -30px; left: 50%; z-index: 1;  width: 124px;  margin-left: -62px; height: 30px; line-height: 30px; text-align: center; background: url(../images/obg2.png) repeat; color: #fff; border-radius: 5px; font-size: 14px; font-weight: normal; text-transform: none;}
a.historybtn:hover span { display: block; }


.yearicon { position: absolute; width: 20px; height: 20px; background: #81511c; margin: -13px 0 0 -13px; border: 3px solid #cfa972; border-radius: 13px; }
.yearicon.start { left: 0; } 
.yearicon.end { right: 0; }
.yearicon span { position: absolute; bottom: -24px; left: 50%; width: 400px; height: 24px; line-height: 24px; text-align: center; margin-left: -200px; color: #81511c; font-size: 15px; font-weight: bold; }

@media screen and (min-width: 1361px) and (max-width: 1460px) {
    .sidenav { right: 0; }
    .sidenavleft { left: 0; }
}
@media screen and (max-width: 1360px) {
    .sidenav, .sidenavleft { display: block; }

}


/*add 20160602*/
.vslider li { position: relative; }
.version-slide li .hint { display: none; position: absolute; top: 0; left: 50%; z-index: 1; width: 184px; margin-left: -92px; height: 30px; line-height: 30px; text-align: center; background: url(../images/obg2.png) repeat; color: #fff; border-radius: 5px; font-size: 14px; font-weight: normal; text-transform: none; }
.version-slide li .hint span { display: inline-block; *display: inline; *zoom: 1; width: 22px; height: 22px; margin-left: 4px; background: url(../images/icons.png) no-repeat -250px -478px; vertical-align: middle; }
.version-slide li a:hover .hint { display: block; }


.version-navline { position: absolute; width: 100%; height: 4px; margin-top: -80px; background: #eb0d25; }
.version-verticalline { position: absolute; width:4px; height:80px; right:0; margin-top: -80px; background: #eb0d25;}

/*20200622*/
a.silverclub{ display:block;width:162px; height:323px; background:url(https://hw.99.com/uploads/co/images/2021/silverclub/pic.png?v20210713) no-repeat; z-index: 2; text-indent: -999em;}

/*20230817*/
.downloadbtn{position: fixed; left: 20px; top: 35%;width:166px;height:450px;z-index: 2;}
a.micro{ display:block;width:166px; height:127px; background:url(https://hw.99.com/uploads/co/images/2023/micro/micro.png?v1) no-repeat; z-index: 2; text-indent: -999em;margin: 0 auto 15px;position: relative;left:-3px}
a.micro:hover{background-image:url(https://hw.99.com/uploads/co/images/2023/micro/micro-hover.png?v1) ;}

/*slider edit20210323*/
.event-slide li { border: 1px solid #734c09; border-radius: 0; }
.eventinfo { position: absolute; left: 0; bottom: 0; z-index: 2; width: 90%; padding: 5px 5% 2px; background: #4b2d09; background: rgba(75,45,9,.8); color: #fff; text-align: center; text-align: left; font-family: Arial;  }
.event-name { color: #fff; font-size: 18px; padding: 0;line-height: 18px; height: 36px; white-space: pre-wrap; }
.details { line-height: 25px; height: 25px; padding-top: 3px; }
.event-slide li img { border-radius: 0; }

/*slider edit20210609*/
.roundabout{height:335px;}
.lefttime{ position: absolute; left: 0; bottom: -30px; z-index: 2; width: 100%; height: 17px; padding: 2px 0; line-height: 17px; background: url(../images/lefttime.png) 0 0 repeat; color: #fff; text-align: center; border-radius: 0 0 5px 5px; }
.lefttime .countdowntime { color: #fff; }
.event-name{text-align: center;}
.event-slide li .hint{border-radius: 0;}
.details { line-height: 25px; height: 25px; padding-top: 3px;text-align: center;color: #ecd982 }