/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial;}
em,i{ font-style: normal;}
fieldset,img{border:0;}ol,ul{list-style:none;}:focus{outline:0;}s,u{text-decoration:none;}
.none,legend{display:none;}
html{overflow-x:hidden;overflow-y:auto;}
body{color:#666;background:#fff;width:100%;overflow:hidden;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{ width: 960px;}
a{text-decoration:none;color:#666;transition: color 300ms ease 0s, background-color 300ms ease 0s;}a:hover{text-decoration:underline;color:#ff5800;transition: color 300ms ease 0s, background-color 300ms ease 0s;}a:active{outline:none;}a span,a:hover span{cursor:pointer;}
.clearfix:before,.clearfix:after,.g-top:before,.g-top:after,.g-header:before,.g-header:after,.g-container:before,.g-container:after,.g-footer:before,.g-footer:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.clearfix:after,#topNav:after,#ppShow:after,#ivtab:after,#focus:after,#focus-side h2:after,#favorites .content:after,.cmbox .title:after,#friendlink ul:after{clear:both;}
.clearfix,#topNav,#ppShow,#ivtab,#focus,#focus-side h2,#favorites .content,.cmbox .title,#friendlink ul{*zoom:1;}
#topNav,#footer,#page,#container{width:960px;display:block;margin:0 auto;clear:both;}
.autocomplete-suggestions { background: none repeat scroll 0 0 #fff; border: 1px solid #3fb019;}
.autocomplete-suggestions .autocomplete-suggestion { padding: 3px 0; text-indent: 1em; cursor:hand;}
.f-left{ float:left;}
.f-right{ float:right;}
.clear{ clear:both; height:0px;font-size:0px; line-height:0px; }
.m20 { margin-top: 16px;}
.f-tit{ height:47px; line-height:41px; border-bottom:2px solid #ff6600; overflow:hidden;}
.f-tit span{ display:block; float:left; width:198px; font-size:24px; font-weight:bold; color:#666666;}
.f-tit span i{ color:#ff6600;}
.f-tit span em{ display:block; float:left; width:26px; height:26px; margin:10px 6px 0 0; background:url(../images/icon.png) no-repeat 0 -106px;}
.f-tit a{ display:block; float:right; line-height:51px; padding:0 25px 0 0; font-size:14px; color:#666666; background:url(../images/icon.png) no-repeat -173px -206px;}
.p20{ padding-top:16px;}
#page_top{ width:1200px; height:96px; margin:11px auto 0; overflow:hidden;}
#page_top .gg{ float:left; width:960px;}
#page_top .game_list{ float:right; width:235px; border:1px solid #dadada; overflow:hidden;}
#page_top .game_list li{ float: left; width:117px; height: 30px; line-height: 30px; overflow: hidden; text-align: center;}
#page_top .game_list li.gray{ background-color:#e1e0e0;}

/* 头部 */
.navFixed{ width:100%; height:29px; line-height:29px; background-color:#f2f2f2; border-bottom:1px solid #dcdcdc;}
.layout{ width:1200px; margin:0 auto; position: relative;z-index: 999}
.navFixed p i{ padding:0 6px; color:#cdcdcd;}
.hd{ width:100%; height:90px; background-color:#fff;}
.hd .m-logo{ width:425px; margin:21px 0 0;}
.hd .m-logo img{ float:left; width:156px; height:auto;}
.hd .m-logo em{ float:left; width:198px; height:28px; margin:11px 0 0 28px; background:url(../images/icon.png) no-repeat 0 0;}
#topForm{ float:right; width:550px; height:41px; margin:23px 0 0 26px; _margin:23px 0 0 0px; border:2px solid #ff6600;}
#topForm .s_into{ float:left; width:466px; *width:462px; height:41px; *height:37px; line-height:41px; text-indent:1em; border:none;}
#topForm .s_go{ float:left; width:84px; height:41px; background:url(../images/icon.png) no-repeat -193px -51px #ff6600; border:none; text-indent:-999em;}
.hd .m-mininav{ width:166px; _width:180px; margin:23px 0 0;}
.hd .m-mininav a{ float:left; display:block; width:45px; height:45px; margin:0 0 0 10px;}
.hd .m-mininav .az{ background:url(../images/icon.png) no-repeat 0 -47px;}
.hd .m-mininav .pg{ background:url(../images/icon.png) no-repeat -57px -47px;}
.hd .m-mininav .phone{ background:url(../images/icon.png) no-repeat -115px -47px;}
.nav{ width:100%; height:40px; line-height:40px; background-color:#333333;}
.nav .layout{ z-index:1000;}
.nav ul li{ float:left; width:130px; height:40px; line-height:40px; text-align:center;}
.nav ul li.hover{ background-color:#ff6600;}
.nav ul li a{ display:block; height:40px; font-size:18px; color:#fff;}
.nav ul li a:hover{ background-color:#ff6600; text-decoration:none;}

/* 底部 */
.m-foot{ clear:both; width:100%; padding:23px 0; background-color:#333333;}
.m-foot p{ padding:3px 0 ; text-align:center; color:#f8f8f8;}
.m-foot p a{ color:#f8f8f8;}
.m-foot p i{ padding:0 6px;}

#gotoBox { display:none; position: fixed; bottom: 60px; left: 50%; width: 41px; cursor: pointer; margin-left: 629px; margin-top: -50px;}
#gotoBox a.cur { color: #5fb733;}
#gotoBox a { margin-bottom: 7px;}
#gotoBox i, #gotoBox a { display: block; width: 80px; height: 84px; line-height: 36px; padding: 3px 5px; background: none repeat scroll 0 0 #f8f7f7; font-style: normal; text-align: center; border-radius:3px;}
#gotoBox i{ background:url(../images/gotop.png) no-repeat scroll 0 0;}


.side-wrap{ position: fixed; top:200px; right: 0; width: 40px; z-index:101;}
.side-item{ float: left; width: 40px; height: 40px; margin-top: 1px;}
.side-dimen,.side-share{ width: 40px; height: 40px; overflow: hidden;}
.side-wrap .side-item .side-link{ display: block; width: 40px; height: 38px; padding: 0; background-color: #c1c1c1; text-align: center; background-image: none!important;}
.side-wrap .side-item .side-link:hover{ background-color: #ff7800;}
.dimen-cont{ display: none; position: absolute; left:-183px; top:-63px; width: 181px; height: 235px; border: 1px #e9e9e9 solid; background-color: #fff;}
.dimen-img{ display: block; margin: 17px auto 0;}
.dimen-txt{ line-height: 37px; color: #000; text-align: center;}
.dimen-tip{ width: 121px; height: 16px; background:url(../images/sprite.png) no-repeat 0 0; margin: 0 auto;}
.dimen-tri{ position: absolute; right: -12px; top:158px; width: 12px; height: 20px; background-position: -30px -230px;}
.side-icon{ display: inline-block; width: 23px; height: 20px; margin-top: 10px; background:url(../images/icon.png) no-repeat 0 0;}
.icon-share{ background-position: -97px -270px;}
.icon-write{ background-position: -104px -290px;}
.icon-dim{ background-position: -147px -271px;}
.icon-back{ background-position: -156px -290px;}


.m-second-nav {height:0; background: #000 none repeat scroll 0 0; position: absolute; overflow:hidden; text-decoration: }
.nav ul li .m-second-nav li{ float:none; border-bottom:1px solid #333333;}
.nav ul li .m-second-nav  a{ font-size:16px;}

.autocomplete-selected { background: #F0F0F0; cursor:pointer;}
/* 分页 */
body .tspage{ height: 28px; margin: 9px 0 18px; background: none;}
body .tspage .tsp_count,.tsp_change{ display: none;}
body .tspage .tsp_nav{ text-align: center;}
body .tspage .tsp_nav i{ display: inline-block; padding: 0 9px; background-color: #fbfbfb; color: #999; border: 1px solid #e7e7e7; border-radius: 3px;}
body .tspage .tsp_nav b{ display: inline-block; padding: 0 9px; background-color: #333333; color: #fff; border: 1px solid #e7e7e7; border-radius: 3px;}
body .tspage .tsp_nav a{ display: inline-block; padding: 0 9px; background-color: #fbfbfb; border: 1px solid #e7e7e7; border-radius: 3px; color: #000;}
body .tspage .tsp_nav a.tsp_more,.page .tspage .tsp_nav a.tsp_next,.page .tspage .tsp_nav a.tsp_end,.page .tspage .tsp_nav a.tsp_home,.page .tspage .tsp_nav a.tsp_prev{ padding: 0; border:none;}
body .tspage .tsp_nav .tsp_next i{ border:none; padding:0;}
body .tspage .tsp_nav .tsp_end i{ border:none; padding:0;}
body .tspage .tsp_nav .tsp_prev i{ border:none; padding:0;}
body .tspage .tsp_nav .tsp_home i{ border:none; padding:0;}



/*站内搜索*/
.m-log-search{width:auto;height:auto; float:right;margin:23px 0 0 0;display:inline;position:relative;zoom:1;}
.m-log-search #topForm{width:550px;height:41px;display:block;border:2px solid #f60;margin:0; position:relative; zoom:1}
.m-log-search #topForm .schsel{ width:70px; height:37px; float:left; border-right:1px solid #cfcfcf; background:#fafafa;}
.m-log-search #topForm .schsel .schsel-now #headSlected{ cursor:pointer; width:70px; height:37px; line-height:37px; display:block; font-size:12px; font-weight:normal; color:#676767; text-indent:18px; }
.m-log-search #topForm .schsel #headSel{ width:70px; height:auto; background:#fff; display:block;margin:0; position:absolute; left:2px; top:37px; zoom:1; z-index:250 }
.m-log-search #topForm .schsel #headSel li{ width:70px; height:34px; display:block; overflow:hidden;}
.m-log-search #topForm .schsel #headSel li a{ width:70px; height:34px; line-height:34px; text-align:center; font-size:12px; font-weight:normal; color:#000; background:#fafafa; margin:0; display:block; overflow:hidden}
.m-log-search #topForm .schsel #headSel li a:hover{ background:#000; color:#fff}
.m-log-search #topForm dl{ width:70px; height:auto; display:none; overflow:hidden; position:absolute; left:0; top:0; font-size:14px;}
.m-log-search #topForm dl dt{ width:100%; height:41px; line-height:41px; background:#f5f5f5; color:#555; text-indent:13px; display:block; overflow:hidden; cursor:pointer; position:relative; zoom:1}
.m-log-search #topForm dl dt i{ border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #A7A7A7; display:block; overflow:hidden; position:absolute; right:10px; top:20px;}
.m-log-search #topForm dl dd{ width:100%; height:41px; line-height:41px; background:#f5f5f5; color:#555; text-align:center; display:none; overflow:hidden; cursor:pointer}

.m-log-search #topForm .keyword_input{width:466px;height: 41px;line-height: 41px;font-size:14px;float:left;border:0;overflow:hidden;padding:0;margin:0 0 0 0;display:inline;text-indent:10px;}
.m-log-search #topForm .schbtn{width:84px;height: 41px;line-height: 41px;float:right;background:#f60;border:0;font-size:14px;font-weight:normal;color:#fff;text-align:center;}
.m-log-search #topForm .schbtn:hover{ background:#f60;}



.m-log-search .m-log-search-hot{ width:100%; height:auto; display:block; overflow:hidden; font-size:12px; font-weight:normal; margin-top:8px}
.m-log-search .m-log-search-hot span{ color:#fe6603; font-weight:bold;}
.m-log-search .m-log-search-hot a:link{ color:#585858; padding:0 5px;}
.m-log-search .m-log-search-hot a:visited{ color:#585858;}
.m-log-search .m-log-search-hot a:hover{ color:#ff3300;}

.m-log-search .m-search-recommend{ width:100%; height:auto; margin:0; padding:0; display:block; overflow:hidden}
.m-log-search .m-search-recommend li{ width:auto; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#333; float:left; margin:6px 12px 0 0; display:inline; overflow:hidden}
.m-log-search .m-search-recommend li a{ color:#666}
.m-log-search .m-search-recommend li a:hover{ color:#f60; text-decoration:underline}

.m-wxb-box{ width:451px; height:auto; margin:10px auto 0; display:block; overflow:hidden}
.m-wxb-box dt{ width:212px; height:auto; float:left; margin:0; display:inline; overflow:hidden}
.m-wxb-box dd { width:auto; height:auto; float:left; margin:0 0 0 10px; display:inline; overflow:hidden}
.m-wxb-box dd strong{ width:100%; height:auto; font-size:12px; font-weight:normal; color:#fff; display:block; overflow:hidden; margin:4px 0 0;}





.m-alpl { padding: 0 20px;}
.m-alpl #s_comment textarea { width: 100%;}
#comment_list .quote, #comment_list .quote span { text-indent:0; }
#comment_list dt {line-height:30px; height:30px; overflow:hidden; padding:0 10px; }
#comment_list dl {margin:16px 0; }
#comment_list dd { width:100%; word-wrap: break-word; line-height:20px; padding:5px 0 0; color:#414141; font-size:12px; font-weight:normal; }
#comment_list dd img {margin-bottom:-5px;}
#comment_list blockquote, #comment_list .quote { padding:3px 3px 5px; margin:0  0  5px 0 ; border:1px solid #bfbfbf; background:#fffde9; color:#000;}
#comment_list blockquote h4, #comment_list .quote span{ color:#666; padding:0 3px; font-weight:normal; font-size:12px; display:block; background:none;}
#comment_list blockquote h4 cite { font-style:normal;}
#comment_list blockquote div{padding:0 7px;}
#comment_list dt i { font-family:verdana; font-style:normal; }
#comment_list dt b {margin:0 6px;}
#comment_list p { text-align:right; line-height:1; padding:5px 0;}
#comment_list p a{ padding-left:10px;}
#comment_list dt span {float:left; padding:0 0 0 13px;}
#comment_list dt em { float:right; padding:0 13px 0 0; font-style:normal; font-family:airal; color:#555;}
#comment_list dt em font {color:#555 !important;}
#comment_0 { background:url(../images/bg_hotc.png) repeat-x;  margin-bottom:5px;}
#comment_0 dt {background:#dcf5cd; color:#414141; }
#comment_0 h2 span {  display:block; font-size:16px; font-weight:normal; font-family:"微软雅黑"; color:#ff6600; margin:17px 0 0 0;}
#comment_1 dt{ float:none; width:100%; line-height:30px; height:30px; overflow:hidden; padding:0; background:#dcf5cd; color:#414141; }
#comment_1 h2 span{  display:block; font-size:16px; font-weight:normal; font-family:"微软雅黑"; color:#ff6600; margin:17px 0 0 0;}
#s_comment { text-align:center; padding-bottom:5px; margin-top:10px; width:100%; display:block; overflow:hidden}
#s_comment h2 { background:#ff6600; color:#fff; font-size:14px; font-weight:bold; height:30px; line-height:30px; text-align:left; padding:0 10px;}
#s_comment h2 span {float:left; line-height:28px;}
#s_comment h2 a {float:right; font-size:12px; font-weight: normal; color:#fff;  }
#s_comment h2 a i { font-style:normal;}
#s_comment h2 a:hover{ color:#FF0; text-decoration:underline}
#s_comment textarea {border:1px solid #a9b9a5; padding:3px 0; width:701px; height:120px; line-height:20px;  margin:3px 0 0; }
#s_comment .sendit { text-align:left; line-height:26px; color:#555;}
#s_comment .word_count {display:none;}
#s_comment .submit { width:72px; height:23px; background:url(/skin/xsh/gamd/images/bg_send.png) no-repeat; border:0 none; font-weight:bold; color:#fff; cursor:pointer; margin-right:6px; }
#s_comment #UserName {width:206px; border:1px solid #a9b9a5; height:23px; padding:0 4px 0 26px; line-height:23px; color:#666; background: url(../images/ico_roid_nor.jpg) no-repeat 3px 50%; }
#s_comment #UserName:focus {color:#222; background-image: url(../images/ico_roid_cur.png);}

/* 最新评论 */
.comment-new{padding:15px 0}
li,ul{list-style:none}
.container{margin:0 auto;padding:40px 0;width:1200px}
h2.section-title{border-left:4px solid #2979ff;color:#000;font-size:24px;font-weight:500;margin-bottom:20px;padding-left:12px}
.write-review-box{background:#fff;border-bottom:1px solid #eee;border-radius:12px;border-radius:0;margin-bottom:40px;padding:0 10px 30px}
.write-header{align-items:center;display:flex;margin-bottom:20px}
.write-header span{font-size:16px;font-weight:500;margin-right:12px}
.interactive-stars{cursor:pointer;display:flex}
.interactive-stars .i-star{color:#e0e0e0;font-size:24px;margin-right:5px;transition:color .2s}
.interactive-stars .i-star.active{color:#f90}
.rating-text{color:#999;font-size:15px;margin-left:10px}
.input-wrapper{display:block;overflow:hidden;position:relative}
.review-textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;display:block;font-size:14px;height:120px;overflow:hidden;padding:15px;resize:none;transition:border-color .3s,background-color .3s;width:calc(100% - 32px)}
.review-textarea:focus{background-color:#fff;border-color:#2979ff}
.write-footer{align-items:center;display:flex;justify-content:space-between;margin-top:15px}
.btn-submit{background-color:#2979ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 30px;transition:background-color .2s}
.btn-submit:hover{background-color:#1c68eb}
.btn-submit:disabled{background-color:#ccc;cursor:not-allowed}
.rating-summary{align-items:center;background-color:#f6f7f9;border-radius:12px;display:flex;margin-bottom:30px;padding:30px 40px}
.score-box{margin-right:60px;min-width:120px;text-align:center}
.score-box .score{color:#2979ff;font-size:64px;font-weight:700;line-height:1}
.score-box .count{color:#999;font-size:12px;margin-top:5px}
.bars-box{flex:1;max-width:600px}
.bar-row{margin-bottom:6px}
.bar-row,.star-label{align-items:center;display:flex}
.star-label{justify-content:flex-end;margin-right:15px;width:80px}
.star-label span{color:#ccc;font-size:14px;margin-left:2px}
.progress-bg{background-color:#e0e0e0;border-radius:4px;flex:1;height:8px;overflow:hidden}
.progress-fill{background-color:#2979ff;border-radius:4px;height:100%}
.filter-tabs{display:flex;gap:15px;margin-bottom:5px;padding-bottom:15px}
.filter-btn{background-color:#f5f5f5;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:14px;padding:6px 20px;transition:all .2s}
.filter-btn.active{background-color:#2979ff;color:#fff}
.filter-btn:hover:not(.active){background-color:#e8e8e8}

.review-list{background:#f7f7f7;border-radius:10px;display:flex;flex-direction:column;gap:20px;padding:15px}
.review-item{animation:fadeIn .5s ease;border-bottom:1px solid #f8f8f8;display:flex;padding-bottom:10px}
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.user-avatar{background-color:#eee;border-radius:50%;flex-shrink:0;height:40px;margin-right:10px;overflow:hidden;width:40px}
.user-avatar img{height:100%;object-fit:cover;width:100%}
.review-content{flex:1}
.user-name{color:#000;font-size:14px;font-weight:500;line-height:22px;margin-bottom:0}
.star-rating{color:#f90;font-size:12px;letter-spacing:1px;padding:4px 0}
.star-rating .gray{color:#e0e0e0}
.star-rating img{display:block;height:12px}
.user-model{    color: #aaa;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 2px 0;
    display: flex;
    align-items: center;
    gap: 6px;}
.user-model img{display:block;height:12px}
.review-text{color:#333;font-size:14px;line-height:1.6;margin-bottom:9px;margin-top:13px;position:relative}
.text-body.collapsed{display:block;overflow:hidden}
blockquote{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.01);border-radius:6px;color:#000;margin:10px 0;padding:10px 12px}
blockquote h4{background:0 0;color:#999;display:block;font-size:12px;font-weight:400;padding:0; margin-top: 6px;}
blockquote h4 cite{font-style:normal}
blockquote div{padding:0 7px}
.expand-btn{color:#2979ff;cursor:pointer;display:inline-block;font-size:14px;margin-left:5px}
.review-footer{align-items:center;color:#999;display:flex;font-size:12px;margin-bottom:0}
.review-footer .date{margin-right:auto}
.review-footer .action{align-items:center;background:0 0;cursor:pointer;display:flex!important;height:auto;margin-left:20px;min-width:0;padding:0;position:relative;width:auto}
.review-footer .action.liked,.review-footer .action:hover{color:#2979ff}
.review-footer .action svg{fill:currentColor;height:14px;margin-right:4px;width:14px}
.reply-box{background-color:#efefef;border-radius:6px;display:none;font-size:14px;line-height:22px;margin-right:15px;margin-top:10px;padding:10px}
.reply-user{color:rgba(0,0,0,.5);font-weight:400}
.reply-link{color:#2979ff;display:inline-block;font-size:13px;margin-top:5px}
.comment-showmore{color:#0080ff;display:block;font-size:12px;overflow:hidden;padding:12px 0;text-align:center;width:100%; cursor: pointer;}
.avatar-selector-box{align-items:center;display:flex;margin-top:15px}
.avatar-label{color:#666;font-size:14px;margin-right:15px}
.avatar-list{display:flex;gap:12px}
.avatar-option{border:2px solid transparent;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;opacity:.7;transition:all .2s;width:40px}
.avatar-option.selected,.avatar-option:hover{opacity:1;transform:scale(1.1)}
.avatar-option.selected{border-color:#2979ff;box-shadow:0 0 0 2px rgba(41,121,255,.2)}
.toast-message{background-color:rgba(0,0,0,.75);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:none;font-size:15px;left:50%;padding:12px 30px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:9999}
.newcommen-morelink{
  float: right;
    font-size: 12px;
    font-weight: normal;
    
    margin: 0 12px;
}
.newcommen-morelink a{
color: #2979ff;
}
.newcommen-morelink a i{
  font-style: normal;
}