@charset "utf-8";
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}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* CSS Document */
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:1.5em;color:#666;background-color:#f6f6f6;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;min-height:1000px;}
button,input,select,textarea,th{background:#fff;font-size:14px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{color:#666;text-decoration:none;}
a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
.rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}

.w1200{width:1200px;margin:0 auto;}
.h12{width:100%;height:12px;}
.h20{width:100%;height:20px;}
.p12{padding:12px;background:#fff;border:1px solid #f3f0eb;}
.p20{padding:20px;background:#fff;border:1px solid #f3f0eb;}
.hide{display:none;}
.mainTxt{color:#1587a8;}
.mainBg{background-color:#1587a8;}
.mainBorder{border-color:#1587a8 !important;}
.hotGame .tabMenu li.current .arr{border-color:transparent transparent transparent #1587a8;}
.gameDetailPHB .tabMenu li.current i{border-color:#1587a8 transparent transparent transparent;}
.hotGame .tabMenu li.current,.hotGameName .tabMenu li.current,.gameTypeBox a.current,.gameListBox .tit a.current,.gameListBox ul li .btn:hover,.pagecode a:hover,.pagecode .current,.gamePhbBox .tit ul li.current a,.gamePhbBox .phbBox li .info .btn:hover,.gamePhbBox .listBox li .btn:hover,.gameDetailVersion li:hover span,.gameDetailHot .tabMenu li.current,.gameDetailPHB .tabMenu li.current,.gameDetailTag li a:hover,.oppointment_box .title,.oppointment_box .btnBox .btn,.subjectListBox li .btn:hover,.cont404 .btn{background-color:#1587a8;color:#fff;}
.gameListBox .tit a,.gameListBox ul li .info .name:hover,.gameDetailVersion li span,.gameDetailHot .tabMenu li,.gameDetailHot .subBox ul li .name,.walkthroughList li .smallTips2 p a,.walkthroughDetailbbb .cont strong{color:#1587a8;}
.newsList .tabMenu li.current,.gamePhbBox .phbBox li .info .btn,.gamePhbBox .listBox li .btn,.subjectListBox li .btn{color:#1587a8;border-color:#1587a8 !important;}
.hotGame .tabCont .imgBox a:hover,.gameListBox .tit a,.gameDetailVersion li:hover,.gameDetailVersion li:hover p,.gameDetailVersion li span,.gameDetailHot .tabMenu li,.gameListBox ul li .btn:hover{border-color:#0f718a !important;}
.newsList .tabCont li:hover{border-bottom:1px solid #0f718a;}
.nav a:hover,.nav .current,.phbBox li .info .btn:hover,.smallSlider .smallDot i.current,.walkthroughLike ul li .btn:hover,.gameDetailImg .track div,.cont404 .btn:hover{background-color:#0f718a;}
.phbBox li:hover,.sliderBox .dotBox span.current,.gameListBox ul li:hover{border-color:#0f718a !important;}
a:hover,.gameDetailTxt h3,.gameDetailHot .subBox ul li .name:hover,.walkthroughList li .info .name:hover,.walkthroughList li .smallTips2 p a:hover{color:#0f718a;}
.ico{background:url(../img/ico.png) no-repeat;background-size:800px 600px;}

.serWrap .search .btn,.hotGame .tabMenu li .ico,.titMod .moreLink i,.footerWrap .police i,.footerWrap i.trust,.crumbs i,.gameDetailInfo .tit span i,.gameDetailInfo .imgBox .likes .input i,.gameDetailInfo .btn i,.screenshot_small ul li i,.screenshot_big .narrow,.screenshot_big .arr i,.oppointment_box .cont .oppointment_ico,.walkthroughList li .smallTips .time i,.tagGameList li .tag,.gameRightBox .btn i,.subjectBox .info .num i{background-image:url(../img/ico.png);background-repeat:no-repeat;background-size:800px 600px;}

/* 顶部 */
.topWrap{padding:30px 0;}
.topWrap .logo{display:block;width:179px;height:60px;background:url('../img/logo.png') no-repeat;background-size:contain;text-indent:-9999em;float:left;} 

/* 搜索 */
.serWrap{width:460px;float:right;}
.serWrap .search{width:458px;height:33px;border:1px solid #e0e0e0;background:#fff;float:left;position:relative;}
.serWrap .search .type{width:68px;text-align:center;float:left;position:relative;cursor:pointer;}
.serWrap .search .type span{display:inline-block;line-height:33px;margin-right:4px;}
.serWrap .search .type i{display:inline-block;width:0;height:0;border-width:5px;border-style:solid;border-color:#666 transparent transparent transparent;position:relative;top:2px;}
.serWrap .search .type ul{width:66px;background:#fff;border:1px solid #e0e0e0;border-top:none;position:absolute;top:34px;left:-1px;}
.serWrap .search .type ul li{height:30px;line-height:30px;border-bottom:1px solid #f1f1f1;}
.serWrap .search .type ul li:last-child{border:none;}
.serWrap .search input{display:block;border:none;float:left;}
.serWrap .search .txt{width:290px;height:21px;padding:6px;}
.serWrap .search .btn{width:86px;height:35px;position:absolute;right:0;top:-1px;background-position:0 0;cursor:pointer;}
.serWrap .hotSer{width:460px;height:20px;line-height:20px;margin-top:5px;float:left;}
.serWrap .hotSer .gameName{float:left;}
.serWrap .hotSer .gameName a{display:block;margin-right:10px;float:left;}
.serWrap .hotSer .otherSer{color:#d0d0d0;float:right;}

/* 导航 */
.nav a{position: relative;display:block;width:142px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:20px;float:left;;}
.nav a.current{background-image:none;}
.nav a:after{display: block;content: "";width: 1px;height: 18px;position: absolute;top: 16px;right: 0px;background-color: #fbb9b9;}

/* 底部 */
.footer{height:60px;padding:48px 0 30px 0;background:#333 url('../img/footer.jpg') repeat-x top center;}
.footer .logo{width:179px;height:60px;background:url(../img/logo.png) no-repeat;background-size:contain;float:left;}
.footer .navBox{float:left;margin-left:80px;}
.footer .navBox li{line-height:60px;float:left;margin-right:40px;}
.footer .navBox li a{color:#9a9a9a;}
.footer .qqNum{float:right;color:#9a9a9a;}
.footer .qqNum p{display:block;}
.footerWrap{height:30px;padding:18px 0;background:#000;color:#9a9a9a;}
.footerWrap p{display:block;float:left;}
.footerWrap .police{margin:0 140px 0 50px;}
.footerWrap .police i{display:block;width:25px;height:25px;float:left;background-position:-106px 0;}
.footerWrap i.trust{display:block;width:84px;height:30px;float:right;background-position:-131px 0;}

/* 面包屑 */
.crumbs,.crumbs a{color:#a5a5a5;}
.crumbs i{display:block;width:20px;height:20px;float:left;background-position:-85px -33px;}
.crumbs a:hover{color: #1587a8;}

/* 翻页 */
.pagecode{text-align:center;margin:20px 0 0 0;}
.pagecode span{display:inline-block;margin-right:6px;border:1px solid #e6e6e6;color:#6a6a6a;}
.pagecode a{display:block;padding:9px 16px;}
.pagecode .current{padding:9px 16px;cursor:default;}
.pagecode .disabled{padding:9px 16px;background:#efefef;cursor:default;}
.pagecode i{margin-right: 6px;}


/* add 2021-04-21 */
.footer{height:60px;padding:45px 0 35px 0;background: #333 url('../img/footer.jpg') repeat-x top center;text-align: center;}
.footer .logo{display: inline-block;width:179px;height:60px;background:url(../img/logo.png) no-repeat;background-size:contain;float: none;}
.footer .navBox{display: inline-block;margin-left:80px;float: none;overflow: hidden;*zoom: 1;}
.footer .navBox li{line-height:60px;float:left;margin-right:40px;}
.footer .navBox li a{color:#9a9a9a;}
.footer .navBox li a:hover{color: #1587a8;}
.footer .qqNum{float:right;color:#9a9a9a;}
.footer .qqNum p{display:block;}
.footerWrap{height:30px;padding:30px 0 50px;background-color: #000;color:#9a9a9a;text-align: center;line-height: 30px;margin-top: 0px;}
.footerWrap ~ .footerWrap{padding-top: 0px;}
.footerWrap p{display: inline-block;margin-left: 20px;float: none;}
.footerWrap .police{margin:0 20px 0 20px;}
.footerWrap .police i{display:inline-block;width:25px;height:25px;float: none;background-position:-106px 0;position: relative;top: 6px;}
.footerWrap i.trust{display: inline-block;width:84px;height:30px;float: none;background-position:-131px 0;position: relative;top: 10px;margin-left: 20px;}