﻿.row-0 {border:1px solid #313131; border-top:0; margin-bottom:20px;}
.row-0 .grid-0 {width:780px;}
.row-0 .grid-1 {width:208px; margin-left:0; border-left:1px solid #b8b8b8; border-right:1px solid #b8b8b8;}

.row-1 {}
.row-1 .grid-0 {width:780px;}
.row-1 .grid-1 {width:210px;}

.top-new {width:780px; height:268px; overflow:hidden; background-color:#e4e4e4;}
.top-new .mc {padding:14px 0 0 12px; overflow:visible;}
.top-new ul {}
.top-new li {width:180px; height:240px; margin-right:12px; float:left; position:relative;}
.top-new a {width:178px; height:238px; border:1px solid #afafaf; position:relative; display:block;}
.top-new a, .top-new a:visited, .top-new a:hover {color:#fff; text-decoration:none;}
.top-new span {display:block; overflow:hidden; cursor:pointer;}
.top-new .image {width:178px; height:238px; text-align:center;}
.top-new .image img {display:block;}
.top-new .caption {width:178px; height:50px; margin-top:-50px; position:relative; background-color:rgba(0, 0, 0, 0.5); background-color:transparent\9; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, startColorstr='#7f000000',endColorstr='#7f000000'); zoom:1;}
.top-new .caption p {padding:9px 10px 0; color:#fff; line-height:16px; cursor:pointer;}
.top-new .frame {width:64px; height:64px; position:absolute; top:0; left:0; margin:-1px 0 0 -1px; background:url(i/bg-s-2.png) no-repeat -152px -39px;}
.top-new .shadow {width:180px; height:10px; position:absolute; line-height:0; font-size:0; cursor:pointer; background:url(i/bg-s-2.png) no-repeat -24px -104px;}

.hardware-evaluation {width:216px; height:266px; border:1px solid #fff; background-color:#fefefe;}
.hardware-evaluation .mt {height:44px; padding:0 14px; zoom:1;}
.hardware-evaluation .mt strong {color:#1058be; font:bold 16px/44px "microsoft yahei","\5b8b\4f53",Verdana,Arial;}
.hardware-evaluation .mt a {height:16px; margin-top:14px; float:right; color:#005ea7; line-height:16px;}
.hardware-evaluation .mt a:visited, .hardware-evaluation .mt a:hover {color:#005ea7;}
.hardware-evaluation .mc {padding:0 14px;}
.hardware-evaluation .item {height:50px; border-top:1px dashed #999; padding:10px 0; overflow:hidden; zoom:1;}
.hardware-evaluation .item-fore {border-top:0;}
.hardware-evaluation .m-img {width:50px; height:50px; margin-right:10px; float:left;}
.hardware-evaluation .m-text {width:126px; padding-top:7px; float:left; overflow:hidden;}
.hardware-evaluation .item a, .hardware-evaluation .item a:visited, .hardware-evaluation a:hover {color:#666;}

.step-wrap {width:100%; height:70px; margin-bottom:10px; background:url(i/bg-s-1.png) repeat-x 0 -153px;}
#diy-step {margin-left:150px;width:1200px; height:70px; position:relative; background:url(i/step-bg.png) no-repeat;}
#diy-step a {width:61px; height:12px; display:block; overflow:hidden; position:absolute; top:31px; left:642px; line-height:0; font-size:0;}
/*#marquee*/
#mscroll .ctrl b{background-image:url(images/jd2013/20130330B.png);background-repeat:no-repeat;}
#mscroll{width:488px;padding:0 30px;height:159px;border-style:solid;border-color:#EEE;border-width:0 1px 1px;}
#mscroll .o-list{position:relative;width:488px;height:159px;overflow:hidden;zoom:1;}
#mscroll .list{position:relative;width:490px;height:159px;}
#mscroll .list li{border-right:1px solid #EEE;}
#mscroll .list img{width:162px;}
#mscroll .ctrl{top:0;width:30px;height:159px;}
#mscroll .ctrl b{display:block;margin:66px auto 0;width:25px;height:33px;background-repeat:no-repeat;background-position:5px 5px;}
#mscroll #mscroll-ctrl-prev{left:0;}
#mscroll #mscroll-ctrl-next{right:0;}
#mscroll #mscroll-ctrl-prev b{background-position:-85px -45px;}
#mscroll #mscroll-ctrl-next b{background-position:-55px -45px;}
#mscroll:hover .ctrl{background-color:#F5F5F5;}
#mscroll .disabled{cursor:default;}
#mscroll:hover .disabled{/*background-color:rgba(0,0,0,0);*/}
	/*root61*/
	.w1210 #mscroll{width:608px;}
	.w1210 #mscroll .o-list{width:608px;}
	.w1210 #mscroll .list{width:610px;}
	.w1210 #mscroll .list img{width:202px;}

#game-config {}
#game-config .mc {border:0; border-top:5px solid #000; padding-top:0; background:none;}
#game-config .grid-0 {width:200px;}
#game-config .grid-1 {width:760px; margin-left:0; background:#999;}
#game-config .game-tabs {width:198px; height:508px; border:1px solid #cbcbcb; border-top:0;}
#game-config .game-tabs .g-tab {width:198px; height:126px; border-top:1px solid #cbcbcb; overflow:visible;}
#game-config .game-tabs .fore1, #game-config .game-tabs .fore2, #game-config .game-tabs .fore3, #game-config .game-tabs .fore4 {width:198px; height:126px; background:url(i/game-tabs.png) no-repeat;}
#game-config .game-tabs .fore2 {background-position:0 -128px;}
#game-config .game-tabs .fore3 {background-position:0 -256px;}
#game-config .game-tabs .fore4 {background-position:0 -384px;}
#game-config .game-tabs .current .fore1, #game-config .game-tabs .current .fore2, #game-config .game-tabs .current .fore3, #game-config .game-tabs .current .fore4 {width:213px; height:127px; margin:-1px -14px 0 -1px; border-top:0; position:relative; background-position:-200px 0;}
#game-config .game-tabs .current .fore2 {background-position:-200px -128px;}
#game-config .game-tabs .current .fore3 {background-position:-200px -256px;}
#game-config .game-tabs .current .fore4 {background-position:-200px -384px;}
#game-config .game-tags {padding:20px 0 0 82px;}
#game-config .game-tags ul {width:116px; overflow:hidden;}
#game-config .game-tags li {height:26px; overflow:hidden; padding-left: 0px;}
#game-config .game-tags s {float:left; width:19px; height:19px; display:inline; overflow:hidden; margin-top:2px 5px 0 0; padding-right:5px; }
#game-config .game-tags s img {  width:19px; height:19px;   }
#game-config .game-tags a {display:inline-block; width:80px; height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#game-config .game-tags a, #game-config .game-tags a:visited, #game-config .game-tags a:hover {color:#fff; text-decoration:none;}
#game-config .current .game-tags a, #game-config .current .game-tags a:visited {color:#fff; text-decoration:none;}
#game-config .current .game-tags a:hover {color:#fff; text-decoration:underline;}
#game-config .current .game-tags a.selected { width:68px; border-bottom:1px solid #9aebef; padding-right:12px; background:url(i/game-tags-icon.png) no-repeat right 5px;}
#game-config .current .game-tags a.selected, #game-config .current .game-tags a.selected:visited, #game-config .current .game-tags a.selected:hover {color:#9aebef; text-decoration:none;}

.game-detail {height:508px; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;overflow:hidden; }
.game-detail h3 {height:35px; border-bottom:1px solid #cdcdcd; padding-left:15px; line-height:35px; font-weight:400; background:url(i/bg-s-1.png) repeat-x 0 -224px;}
.game-detail .cb {padding:15px 0 0 0;}
.game-detail .span-0 {width:383px; height:442px;}
.game-detail .span-1 {width:375px; height:442px; margin-left:0; border-left:1px dashed #c4c4c4;}
.game-detail .loading-style1 {padding-top:230px;}

.game-preview {padding:0 15px;}
.game-preview .game-summary, .game-preview .game-level {width:376px; overflow:hidden; zoom:1;}
.game-preview .game-summary {padding-bottom:10px;}
.game-preview .game-summary .m-img {width:180px; height:240px; margin-right:10px; float:left;}
.game-preview .game-summary .m-detail {width:186px; float:left;}
.game-preview .game-summary ul {padding-top:10px;}
.game-preview .game-summary li {line-height:24px; color:#FFF;}
.game-preview .game-summary li span {color:#666;}
.game-preview .game-summary dl {padding-top:10px;}
.game-preview .game-summary dt {line-height:30px; font-weight:700;}
.game-preview .game-summary dd {width:176px; height:90px; overflow:hidden; color:#666;}
.game-preview .game-level {border-top:1px dashed #c4c4c4; padding-top:10px;}
.game-preview .game-level .grade {font:bold 18px/30px "microsoft yahei","\5b8b\4f53",Verdana,Arial;}
.game-preview .game-level .price {color:#fff; font:bold 30px/30px "microsoft yahei",Arial,Verdana;}
.game-preview .game-level .tips {color:#999;}
.game-preview .rating-sheet h4 {padding:5px 0 8px;}
.game-preview .rating-list {width:376px; overflow:hidden;}
.game-preview .rating-list .item {height:14px; margin-bottom:8px; overflow:hidden; zoom:1;}
.game-preview .rating-list .label {width:30px; height:14px; float:left; overflow:hidden; line-height:14px;}
.game-preview .rating-list .bar {width:346px; height:14px; float:left; position:relative; font-size:0; line-height:0; overflow:hidden;}
.game-preview .rating-list .bar span {height:14px; display:block; position:absolute; top:0; left:0;}
.game-preview .rating-list .bar-1 span {background-color:#3b3f3f;}
.game-preview .rating-list .bar-2 span {background-color:#c20f31;}

#recommend-ask .mc, #diy-tutorial .mc, #mall-store .mc, #diy-partners .mc {background-color:#999;}

#recommend-ask {}
#recommend-ask .mc {width:208px; height:142px;}
#recommend-ask .mc p {padding:15px 10px 20px; line-height:22px; text-align:center;}
#recommend-ask .action .btn {float:none; display:inline-block; background-position:100% -200px;}
#recommend-ask .action .btn-text {background-position:0 -170px;}

#diy-tutorial {width:210px;}
#diy-tutorial .mt {padding-right:5px;}
#diy-tutorial .mt a {height:16px; margin-top:5px; float:right; line-height:16px;}
#diy-tutorial .mt a, #diy-tutorial .mt a:visited, #diy-tutorial .mt a:hover {color:#005ea7;}
#diy-tutorial .mc {height:172px; padding:0 10px;}
#diy-tutorial ul {padding:12px 0;}
#diy-tutorial li {color:#666; line-height:22px; height:22px; overflow:hidden; }
#diy-tutorial li b {margin-right:4px;}
#diy-tutorial li a, #diy-tutorial li a:visited {color:#666;}
#diy-tutorial li a:hover {color:#c00;}
#diy-tutorial .m-img {width:186px; height:90px;}

#mall-store {width:210px;}
#mall-store .mc {height:164px; padding:0 9px;}
#mall-store .list {width:190px; padding:20px 0 0; overflow:hidden;}
#mall-store .list ul {width:200px;}
#mall-store .list li {width:90px; height:35px; margin:0 10px 10px 0; float:left; overflow:hidden;}


#diy-partners {}
#diy-partners .mc {padding-top:5px;}
#diy-partners p {padding:18px 0; text-align:center;}
#diy-partners .mc img {display:inline-block; vertical-align:middle;}


#diy-show {width:990px;}
#diy-show .mc {padding:30px 20px 20px;}
#diy-show .mc {}
#diy-show .list {width:948px; overflow:hidden; zoom:1;}
#diy-show .list ul {width:960px;}
#diy-show .list li {width:180px; float:left; margin-right:12px;}
#diy-show .m-frame {padding:0 5px 10px;}
#diy-show .m-img {width:170px; height:130px;}
#diy-show .m-name { line-height:1.5em; height:3em; overflow:hidden; }
#diy-show .m-comment {padding-top:10px; overflow:hidden; font-weight:bold; line-height:1.5em; height:3em; }
#diy-show .m-review {padding-top:5px;}
#diy-show .m-review a, #diy-show .m-review a:visited, #diy-show .m-review a:hover {color:#005ea7;}


.diy-topic {width:780px;}
.diy-topic .topic-preview {padding:20px; overflow:hidden; zoom:1;}
.diy-topic .topic-preview .m-frame {width:330px; margin-right:30px; float:left;}
.diy-topic .topic-preview .shadow {width:330px; height:15px; display:block; position:relative; margin-bottom:-15px; background:url(i/shadow-bg-2.png) no-repeat;}
.diy-topic .topic-preview .m-img {width:330px; height:220px;}
.diy-topic .topic-detail {width:368px; float:left;}
.diy-topic .topic-detail h3 {padding-top:20px; line-height:22px;}
.diy-topic .topic-detail h3, .diy-topic .topic-detail h3 a {color:#005ea7; font:bold 20px/22px "microsoft yahei","\5b8b\4f53",Verdana,Arial;}
.diy-topic .topic-detail h3 a:visited, .diy-topic .topic-detail h3 a:hover {color:#005ea7; text-decoration:none;}
.diy-topic .topic-detail ul {padding-top:18px;}
.diy-topic .topic-detail li {line-height:24px;}
.diy-topic .topic-detail p {width:368px; padding-top:15px; color:#999; line-height:20px;}
.diy-topic .topic-review {height:74px; border-top:1px solid #cbcbcb; overflow:hidden; background:url(i/bg-s-1.png) repeat-x 0 -260px;}
.diy-topic .topic-review .inner {padding:15px 20px;}
.diy-topic .topic-review .title {overflow:hidden; color:#666; line-height:20px; zoom:1;}
.diy-topic .topic-review .title a {float:right; color:#005ea7;}
.diy-topic .topic-review .title a:visited, .diy-topic .topic-review .title a:hover {color:#005ea7;}
.diy-topic .topic-review .list {padding-top:4px;}
.diy-topic .topic-review .list li {width:364px; height:20px; float:left; overflow:hidden; line-height:20px;}
.diy-topic .topic-review .list b {margin-right:4px; color:#666;}
.diy-topic .topic-review .list a, .diy-topic .topic-review .list a:visited, .diy-topic .topic-review .list a:hover {color:#666;}