/* xinshou zhuanlan full */
/* 2013.10.28 */
/* by Ryuuna */

/*for preview*/
.header { position:relative;}
.content { width:970px; margin:auto; position:relative;}
span.shuoming { display:block; font-size:30px; font-weight:bold; font-family:'Microsoft Yahei',Arial; padding:20px 50px; color:#f99; /*position:absolute; left:100px; top:20px;*/}
span.shuoming-color { display:block; font-size:30px; font-weight:bold; font-family:'Microsoft Yahei',Arial; padding:5px 50px; font-size:20px; /*position:absolute; left:100px; top:50px;*/}

span.shuoming, span.shuoming-color { display:none;}

/*test*/
.box-summary-a { width:970px; margin:auto;}
.box-summary-b { width:970px; margin:auto;}

/*============================================== top ==============================================*/

/*box-top-a*/
.box-top-a { font-family:"Microsoft Yahei",Arial;}
.box-top-a .box-in { width:970px; height:239px; margin:auto; position:relative;}
.box-top-a .logo-game { display:block; width:160px; height:136px; position:absolute; left:152px; top:6px;}
.box-top-a .tit { font-size:36px; font-weight:bold; position:absolute; left:72px; top:140px;}
.box-top-a .sub-tit { font-size:18px; display:inline-block; *zoom:1; *display:inline; _width:280px; vertical-align:top; z-index:1; position:absolute; left:135px; top:196px; height:24px; line-height:24px; padding:0 5px;}
.box-top-a .sub-tit b { display:block; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:-1; position:absolute; left:0; top:0;}

/*box-top-b*/
.box-top-b { font-family:"Microsoft Yahei",Arial; border-top:6px solid #404040; background:url(../jpg/bg-x-1.jpg) repeat-x 0 0;}
.box-top-b .box-in { width:970px; height:144px; margin:auto; position:relative;}
.box-top-b .logo-game { display:block; width:160px; height:136px; position:absolute; left:20px; top:6px; background:url(../png/logo-zhanhun.png) no-repeat center;}
.box-top-b .tit { font-size:44px; font-weight:bold; position:absolute; left:166px; top:40px;}
.box-top-b .sub-tit { font-size:44px; font-weight:bold; display:inline-block; *zoom:1; *display:inline; /*_width:280px;*/ vertical-align:top; z-index:1; position:absolute; left:520px; top:40px; padding:0 0 0 25px; _padding:0 0 0 20px;}
.box-top-b .sub-tit b { display:none; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:-1; position:absolute; left:0; top:0;}



/*============================================== nav ==============================================*/

/*box-nav-a*/
.box-nav-a { position:relative; width:100%;}
.box-nav-a .box-in { width:970px; height:60px; margin:auto; position:relative; z-index:1;}
.box-nav-a .nav { height:60px;}
.box-nav-a .nav li { display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin-right:-8px; margin-right:-4px\0; *margin-right:0;}
.box-nav-a .nav li a { display:block; height:49px; padding:6px 20px 0; font-family:"Microsoft Yahei",Arial; text-align:center; border-top:5px solid #bc4d32; background:#9a331e url(../jpg/bg-nav-border-a.jpg) no-repeat 0 12px; _float:left;}
.box-nav-a .nav li.li-1 a { background-image:none;}
.box-nav-a .nav li a .cn { font-size:18px; display:block; line-height:22px;}
.box-nav-a .nav li a .eng { font-size:14px; display:block;}
.box-nav-a .box-bg { width:100%; height:55px; border-top:5px solid #bc4d32; background:#9a331e; position:absolute; left:0; top:0; z-index:-1;}

/*============================================== summary ==============================================*/

/*box-summary-a*/
.box-summary-a { height:auto; background:#eeeae2 url(../jpg/bg-x-0.jpg) repeat-x 0 0;}
.box-summary-a .box-in {
	padding:5px 10px 5px;
}
.box-summary-a .box-tit { width:106px; height:82px; border-right:1px solid #cdcac3; float:left; padding-top:9px;}
.box-summary-a .box-tit h2 { font-size:28px; line-height:82px; font-family:"Microsoft Yahei",Arial; color:#b5a78b; text-align:center;}
.box-summary-a .box-con { margin:0 0 0 110px; color:#64513e; font-size:14px;}
.box-summary-a .box-con p { padding:5px 10px;}
.box-summary-a .box-con .box-info {
	text-align:right;
	padding:2px 0;
	height: 20px;
}
.box-summary-a .box-con .box-info .editor {
	margin:0 10px;
	text-align:left;
}
.box-summary-a .box-con .box-info .pointer { margin:0 10px; text-align:left;}
.box-summary-a .box-con .box-info .editor em { color:#fe7452; font-weight:bold; margin:0 2px;}
.box-summary-a .box-con .box-info .btn-wb { height:20px; line-height:20px; color:#fff; font-size:12px; background:#2f7eb1; display:inline-block; *zoom:1; *display:inline; vertical-align:top; padding:0 5px; margin:0 10px; _vertical-align:middle; _height:16px; _padding-top:4px; _line-height:14px;}
.box-summary-a .box-con .box-info .btn-wb:hover { text-decoration:underline;}

/*box-summary-b*/
.box-summary-b { background:#eeeae2;}
.box-summary-b .box-in { padding:10px; overflow:hidden;}
.box-summary-b .left { width:52%; float:left;}
.box-summary-b .right { width:48%; float:left;}
.box-summary-b .box-tit { border-right:1px solid #cdcac3; padding-top:9px;}
.box-summary-b .box-tit h2 { font-size:28px; font-family:"Microsoft Yahei",Arial; color:#b5a78b; padding:0 0 0 40px; line-height:60px;}

.box-summary-b .box-con { color:#64513e; font-size:14px;}
.box-summary-b .box-con p { padding:5px 10px; text-indent:2em;}
.box-summary-b .box-con .box-info { padding:10px 0; overflow:hidden;}
.box-summary-b .box-con .box-info .info-left { width:106px; float:left; padding:0 10px 0 0;}
.box-summary-b .box-con .box-info .info-mid { width:140px; float:left;}
.box-summary-b .box-con .box-info .info-right { width:230px; float:left;}

.box-summary-b .box-con .box-info .pic a { display:block; width:100px; padding:2px; background:#fff; border:1px solid #c0b091;}
.box-summary-b .box-con .box-info .pic img { width:100px; height:120px;}

.box-summary-b .box-con .box-info .editor { display:block; text-align:left; margin-bottom:10px;}
.box-summary-b .box-con .box-info .editor em { color:#fe7452; font-weight:bold; margin:0 2px;}
.box-summary-b .box-con .box-info .btn-wb { display:block; height:20px; line-height:20px; color:#fff; font-size:12px; background:#2f7eb1; display:inline-block; *zoom:1; *display:inline; vertical-align:top; padding:0 5px;  _vertical-align:middle; _height:16px; _padding-top:4px; _line-height:14px; margin-bottom:20px;}
.box-summary-b .box-con .box-info .btn-wb:hover { text-decoration:underline;}
.box-summary-b .box-con .box-info .pointer { display:none;}

.box-summary-b .box-con .box-info .box-star { display:block; width:90px;}
.box-summary-b .box-con .box-info .box-star .tit { line-height:32px;}
.box-summary-b .box-con .box-info .box-star .star { display:block; width:90px; height:14px; background:url(../jpg/bg-star.jpg) no-repeat 0 0;}
.box-summary-b .box-con .box-info .box-star .star .star-on { display:block; width:60%; height:14px; background:url(../jpg/bg-star.jpg) no-repeat 0 -14px;}

.box-summary-b .box-con .box-info .bubble { display:block; width:217px; height:124px; background:url(../png/bg-bubble-2.png) no-repeat 0 0;}
.box-summary-b .box-con .box-info .bubble span { display:block; padding:20px 5px 15px 30px; line-height:20px; text-indent:2em; font-size:12px;}

.box-summary-b .pic-recom { display:block; width:450px; height:310px;}
.box-summary-b .pic-recom a { display:block;}
.box-summary-b .pic-recom img { width:450px; height:310px;}

/*============================================== fun ==============================================*/

/*box-fun-ab*/
.box-fun-ab { border:1px solid #dadad9; background:#fff; *zoom:1; _padding-bottom:10px;}
.box-fun-ab .box-hd { background:#f7f6f2; padding:9px 26px 5px; border-bottom:1px solid #e2e1cf; border-top:0; height:30px;}
.box-fun-ab .box-hd h2 { font-size:16px; font-weight:bold; color:#64513e; padding:0 0 0 10px; line-height:26px; border-left:6px solid #fca815;}
.box-fun-ab .box-summary { border-top:1px solid #fdfdfc; border-bottom:1px solid #dddddc; background:#f7f6f2;}
.box-fun-ab .box-summary p { color:#64513e; font-size:12px; line-height:20px; padding:5px 26px;}
.box-fun-ab .box-bd { border-top:1px solid #fbfbfb; padding:10px; overflow:hidden;}

/*--box-fun-a*/
.box-fun-a .box-hd { display:none;}
.box-fun-a .box-summary { display:none;}
/*--box-fun-b*/
.box-fun-b {}

/*--box-fun-c*/
.box-fun-c { border:1px solid #dadad9; background:#fff; *zoom:1;}
.box-fun-c .box-hd { background:#fff; padding:9px 26px 5px; border-bottom:1px solid #e2e1cf; border-top:0; height:30px;}
.box-fun-c .box-hd h2 { font-size:16px; font-weight:bold; color:#64513e; padding:0 0 0 10px; line-height:26px; border-left:6px solid #fca815;}
.box-fun-c .box-bd { border-top:1px solid #fbfbfb; padding:0; overflow:hidden;}

/*box-fun-d*/
.box-fun-d { border:1px solid #dadad9; background:#fff; *zoom:1; _padding-bottom:10px;}
.box-fun-d .box-hd { background:#f7f6f2; padding:9px 26px 5px; border-bottom:1px solid #e2e1cf; border-top:0; height:30px;}
.box-fun-d .box-hd h2 { font-size:16px; font-weight:bold; color:#64513e; padding:0 0 0 10px; line-height:26px; border-left:6px solid #fca815;}
.box-fun-d .box-bd { border-top:1px solid #fbfbfb; padding:10px; overflow:hidden;}

/*box-fun-e*/
.box-fun-e { border:1px solid #dadad9; background:#fff; overflow:hidden; *zoom:1; }
.box-fun-e .left { width:650px; float:left; border-right:1px solid #e0e0e0;}
.box-fun-e .right { width:300px; float:left; padding:5px 0 0 5px;}

.box-fun-e .box-hd { background:#f7f6f2; padding:9px 26px 5px; border-bottom:1px solid #e2e1cf; border-top:0; height:30px;}
.box-fun-e .box-hd h2 { font-size:16px; font-weight:bold; color:#64513e; padding:0 0 0 10px; line-height:26px; border-left:6px solid #fca815;}
.box-fun-e .box-bd { border-top:1px solid #fbfbfb; padding:10px; overflow:hidden; padding:8px 7px; *zoom:1;}

.box-fun-e .box-show { width:636px; height:226px; position:relative; }
.box-fun-e .box-show div { position:absolute;}
.box-fun-e .box-show div a { color:#fff;}
.box-fun-e .box-show div .pic { display:block;}
.box-fun-e .box-show div .pic img {

-webkit-filter:grayscale(1);  
filter:gray;
}
.box-fun-e .box-show div.hover .pic img {
  
-webkit-filter:grayscale(0);
filter:color;
}

.box-fun-e .box-show div .txt { display:block; width:100%; height:50%; font-family:"Microsoft Yahei",Arial; font-weight:bold; position:absolute; left:0; top:50%; color:#fff; z-index:1; display:none;}
.box-fun-e .box-show div .txt .tit { display:block; font-size:20px; text-align:center;}
.box-fun-e .box-show div .txt em { font-size:30px;}
.box-fun-e .box-show div .txt .summary { display:block; font-size:18px; text-align:center;}
.box-fun-e .box-show div .txt b { display:block; width:100%; height:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=70); z-index:-1; position:absolute; left:0; top:0;}
.box-fun-e .box-show .box-element-0 { width:200px; height:226px; left:0; top:0;}
.box-fun-e .box-show .box-element-1 { width:224px; height:109px; left:207px; top:0;}
.box-fun-e .box-show .box-element-2 { width:224px; height:109px; left:207px; bottom:0;}
.box-fun-e .box-show .box-element-3 { width:200px; height:226px; right:0; top:0;}

.box-fun-e .box-show .box-element-0 .pic { width:200px; height:226px;}
.box-fun-e .box-show .box-element-1 .pic { width:224px; height:109px;}
.box-fun-e .box-show .box-element-2 .pic { width:224px; height:109px;}
.box-fun-e .box-show .box-element-3 .pic { width:200px; height:226px;}

.box-fun-e .box-show .box-element-0 .pic img { width:200px; height:226px;}
.box-fun-e .box-show .box-element-1 .pic img { width:224px; height:109px;}
.box-fun-e .box-show .box-element-2 .pic img { width:224px; height:109px;}
.box-fun-e .box-show .box-element-3 .pic img { width:200px; height:226px;}

.box-fun-e .box-show .box-element-0 .txt { height:113px;}
.box-fun-e .box-show .box-element-1 .txt { height:55px;}
.box-fun-e .box-show .box-element-2 .txt { height:55px;}
.box-fun-e .box-show .box-element-3 .txt { height:113px;}

/*
.box-fun-e .box-show .box-element-0 .txt b{ background-color:#f88e1e;}
.box-fun-e .box-show .box-element-1 .txt b{ background-color:#e86036;}
.box-fun-e .box-show .box-element-2 .txt b{ background-color:#e86036;}
.box-fun-e .box-show .box-element-3 .txt b{ background-color:#76b145;}
*/

/*box-message*/
.box-message { overflow:hidden; width:33%; float:left;}
.box-message .box-avatar { width:80px; float:left; padding-top:10px;}
.box-message .box-avatar .avatar { display:block; width:52px; height:52px; position:relative; margin:auto;}
.box-message .box-avatar .avatar img { width:48px; height:48px; padding:2px;}
.box-message .box-avatar .avatar b { display:block; width:52px; height:52px; background:url(../png/bg-avatar.png) no-repeat; position:absolute; left:0; top:0;}
.box-message .box-avatar .avatar .name { display:block; width:52px; height:14px; line-height:14px; text-align:center; color:#fff; font-size:12px; position:absolute; left:0; bottom:3px; _bottom:5px;}
.box-message .box-avatar .txt { display:block; color:#fe7452; font-size:14px; font-weight:bold; text-align:center; line-height:22px;}

.box-message .box-bubble { background:url(../jpg/bg-bubble-0-mid.jpg) repeat-y center center; float:left; }
.box-message .box-bubble .bubble-btm { background:url(../jpg/bg-bubble-0-btm.jpg) no-repeat center bottom;}
.box-message .box-bubble .bubble-top { width:180px; background:url(../jpg/bg-bubble-0-top.jpg) no-repeat center top; font-size:12px; padding:15px 10px 10px 25px;}
.box-message .box-bubble .link { color:#2f7eb1; display:block;}
.box-message .box-bubble .link a { color:#2f7eb1;}
.box-message .box-bubble .link a:hover { text-decoration:underline;}
.box-message .box-bubble .tit { display:block; color:#fe7452; font-size:14px; font-weight:bold;}

.box-fun-e .box-message { width:100%; margin:8px 0;}
.box-fun-e .box-message .box-avatar { width:52px; padding-top:0;}
.box-fun-e .box-message .box-avatar .txt { display:none;}
.box-fun-e .box-message .box-bubble { background:url(../jpg/bg-bubble-1-mid.jpg) repeat-y center center; float:left;}
.box-fun-e .box-message .box-bubble .bubble-btm { background:url(../jpg/bg-bubble-1-btm.jpg) no-repeat center bottom;}
.box-fun-e .box-message .box-bubble .bubble-top { width:204px; background:url(../jpg/bg-bubble-1-top.jpg) no-repeat center top; padding:5px 10px 5px 25px;}

/*list-con1*/
.list-con1 { overflow:hidden; *zoom:1;}
.list-con1 li { width:24.9%; float:left; *zoom:1;}
.list-con1 li .li-in { display:block; width:174px; margin:auto;}
.list-con1 .pic { display:block; width:174px; height:134px; margin:auto;}
.list-con1 .pic a { display:block; width:174px; height:134px; background:url(../png/bg-pic-174x134.png) no-repeat;}
.list-con1 .pic a:hover { }
.list-con1 .pic img { width:160px; height:120px; padding:11px 0 0 3px;}
.list-con1 .txt { display:block; width:160px; margin:0 0 0 3px; line-height:20px; font-size:14px; padding:5px 0;}
.list-con1 .txt .tit { color:#fe7452; display:block; text-align:center; line-height:26px; font-weight:bold; font-size:14px;}
.list-con1 .txt .tit a { color:#fe7452;}
.list-con1 .txt .tit a:hover { text-decoration:underline;}
.list-con1 .txt .summary { color:#494949; font-size:12px;}

/*box-slide-accordion*/
.box-slide-accordion { width:968px; height:191px; overflow:hidden; position:relative;}
.box-slide-accordion .box-in { margin-right:-797px; width:1765px; }
.box-slide-accordion .panel { overflow:hidden; width:854px; margin-left:-797px; float:left; position:relative; background:#fff;}
.box-slide-accordion .panel .panel-tit { width:57px; height:191px; float:left; cursor:pointer;}
.box-slide-accordion .panel .panel-tit .tit { display:block; width:25px; font-size:18px; line-height:20px; height:150px; font-family:"Microsoft Yahei",Arial; color:#fff; padding:32px 16px 0; text-align:center; border-top:9px solid }
.box-slide-accordion .panel0 .panel-tit .tit { background:#ff972b; border-top-color:#f17b09;}
.box-slide-accordion .panel1 .panel-tit .tit { background:#e76036; border-top-color:#d64d22;}
.box-slide-accordion .panel2 .panel-tit .tit { background:#76b145; border-top-color:#619b29;}

.box-slide-accordion .active { margin-left:0;}
.box-slide-accordion .active .panel-tit .tit { font-weight:bold;}

.box-slide-accordion .panel .panel-con { width:797px; height:191px; float:left;}
.box-slide-accordion .panel .panel-con .con-pic { width:193px; float:left; padding:10px 0;}
.box-slide-accordion .panel .panel-con .con-pic .pic { display:block; width:174px; height:134px; margin:auto;}
.box-slide-accordion .panel .panel-con .con-pic .pic a { display:block; width:174px; height:134px; background:url(../png/bg-pic-174x134.png) no-repeat 0 0;}
.box-slide-accordion .panel .panel-con .con-pic .pic img { width:160px; height:120px; padding:11px 0 0 3px;}
.box-slide-accordion .panel .panel-con .con-pic .txt { display:block; width:174px; margin:auto; line-height:26px; color:#fe7452; font-size:14px; font-weight:bold; text-align:center;}
.box-slide-accordion .panel .panel-con .con-pic .txt a { color:#fe7452;}
.box-slide-accordion .panel .panel-con .con-pic .txt a:hover { text-decoration:underline;}

.box-slide-accordion .panel .panel-con .con-detail { color:#494949; font-size:12px; background:#f7f6f2; overflow:hidden; margin:0 0 0 193px; height:191px; *zoom:1; width:604px; _width:auto;}
.box-slide-accordion .panel .panel-con .con-detail .detail-element { /*width:33.3%;*/ display:inline-block; *zoom:1; *display:inline; margin-right:-8px; margin-right:-4px\0; *margin-right:0; width:193px; height:171px; padding:10px 0; float:left; overflow:hidden;}
.box-slide-accordion .panel .panel-con .con-detail .detail-element .pic { display:block; width:174px; height:134px; margin:auto;}
.box-slide-accordion .panel .panel-con .con-detail .detail-element .pic a { display:block; width:174px; height:134px; background:url(../png/bg-pic-174x134.png) no-repeat 0 0;}

.box-slide-accordion .panel .panel-con .con-detail .detail-element .pic img { width:160px; height:120px; padding:11px 0 0 3px;}
.box-slide-accordion .panel .panel-con .con-detail .detail-element .txt { display:block; width:174px; margin:auto; line-height:26px; font-size:12px; text-align:center; line-height:20px; text-align:left; }
.box-slide-accordion .panel .panel-con .con-detail .detail-element .txt span { display:block; text-indent:2em;}
.box-slide-accordion .panel .panel-con .con-detail .detail-element .txt .tit { display:block; text-indent:0; text-align:center; padding:5px 0;}
.box-slide-accordion .panel .panel-con .con-detail .detail-element .txt a { color:#494949;}
.box-slide-accordion .panel .panel-con .con-detail .detail-element .txt a:hover { text-decoration:underline;}

/*============================================== quick-start ==============================================*/
/*box-quick-start-a*/
.box-hd { height:50px; border-top:5px solid #bc4d32; background:#9a331e; position:relative;}
.box-hd h2 { line-height:50px; font-size:20px; font-family:"Microsoft Yahei",Arial; color:#fff; padding:0 10px 0 25px;}
.box-hd .recom { color:#e2e1cf; display:block; position:absolute; right:10px; top:15px; line-height:20px; font-size:12px;}
.box-hd .recom a { color:#e2e1cf;}
.box-hd .recom a:hover { text-decoration:underline;}
.box-hd .sub-tit { color:#e2e1cf; font-size:12px; line-height:50px; font-size:12px;}

.box-quick-start-a .box-bd { border:1px solid #dededd;}

.box-quick-start-a .box-bd .box-con { *zoom:1;}
.box-quick-start-a .box-bd .box-con .con-tit { height:38px; background:#f7f6f2; border:1px solid #dededd; border-left:0; border-right:0;}
.box-quick-start-a .box-bd .box-con .con-tit h3 { color:#64513e; font-size:16px; font-weight:bold; padding:0 10px 0 25px; line-height:38px;}
.box-quick-start-a .box-bd .box-con .con-con { overflow:hidden;}
.box-quick-start-a .box-bd .box-con .con-con .left {
	width:530px;
	float:left;
	padding:15px;
}
.box-quick-start-a .box-bd .box-con .con-con .right {
	width:370px;
	float:left;
	padding:5px;
}

.box-quick-start-a .box-bd .box-con .con-con .right .pic { display:block; width:300px; height:150px; margin:auto;}
.box-quick-start-a .box-bd .box-con .con-con .right .pic a { display:block; width:300px; height:140px; }
.box-quick-start-a .box-bd .box-con .con-con .right .pic img { width:300px; height:140px; padding:11px 0 0 3px;}
.box-quick-start-a .box-bd .box-con .con-con .right .txt { display:block; color:#494949; font-size:12px; line-height:26px; text-align:center;}

.box-quick-start-a .box-bd .box-con1 .con-con { padding:10px;}
.box-quick-start-a .box-bd .box-con2 .con-con { padding:20px;}

/*list-qa*/
.list-qa0 li { line-height:32px; color:#494949; font-size:12px; margin-bottom:10px;}
.list-qa0 li .tag { display:inline-block; *zoom:1; *display:inline; vertical-align:top; width:100px; height:32px; line-height:32px; text-align:center; background:#bc4d32; color:#fff; font-size:12px; margin-right:15px;}
.list-qa0 li .tag:hover { background:#e76036;}
.list-qa0 li span { *display:inline-block; *zoom:1; *width:500px; *line-height:32px;}
.list-qa0 li span a { color:#2f7eb1;}
.list-qa0 li span a:hover { text-decoration:underline;}

.list-qa1 { border-bottom:1px dashed #dededd; font-size:12px; padding:8px 15px 8px 20px; overflow:hidden; *zoom:1;}
.list-qa1 li { color:#494949; width:32%; float:left; background:url(../png/bg-icon.png) no-repeat 0 8px; padding-left:10px; *zoom:1;}
.list-qa1 li a { color:#494949;}
.list-qa1 li a:hover { text-decoration:underline;}

.list-qa2 { border-bottom:1px dashed #dededd; font-size:12px; padding:8px 15px 8px 20px; overflow:hidden; *zoom:1;}
.list-qa2 li { color:#494949; width:32%; float:left; background:url(../png/bg-icon.png) no-repeat 0 8px; padding-left:10px; *zoom:1;}
.list-qa2 li a { color:#494949;}
.list-qa2 li a:hover { text-decoration:underline;}

/*box-ad-920x50*/
.box-ad-920x50 { width:920px; height:80px; margin:auto; padding-top:5px;}
.box-ad-920x50 .pic { display:block; width:920px; height:80px;}
.box-ad-920x50 .pic a { display:block;}
.box-ad-920x50 .pic img { width:920px; height:80px; }

/*list-tag*/
.list-tag0 { overflow:hidden; /*width:600px;*/ *zoom:1; *margin-bottom:10px;}
.list-tag0 li { display:inline-block; *zoom:1; *display:inline; vertical-align:top; float:left; margin:0 10px 10px 0;}
.list-tag0 li a { display:inline-block; *zoom:1; *display:inline; vertical-align:top; padding:0 15px; /*width:88px;*/ height:30px; background:#fcfbf5; border:1px solid #e3dcc7; color:#64513e; line-height:30px; text-align:center; font-size:12px;
background-image:-moz-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-webkit-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-ms-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-o-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:linear-gradient(top, #fdfcf7, #f6f2e5);
}
.list-tag0 li a:hover { background:#e76036; color:#fff;}

/*box-p*/
.box-p { color:#494949; font-size:12px; padding:10px 0;}
.box-p p { padding:8px 0;}
.box-p p em { font-weight:bold;}
.box-p p a { color:#2f7eb1; margin:0 5px;}
.box-p p a:hover { text-decoration:underline;}
.box-p p.tip0 { border-top:1px dashed #dededd; padding:8px 0;}

.box-p .focus { display:inline-block; *zoom:1; *display:inline; vertical-align:top; height:18px; padding:0 10px; background:#fcfbf5; border:1px solid #e3dcc7; color:#64513e; line-height:18px; text-align:center; font-size:12px;
background-image:-moz-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-webkit-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-ms-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-o-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:linear-gradient(top, #fdfcf7, #f6f2e5);}
.box-p .focus:hover { background:#e76036; color:#fff; text-decoration:none;}

/*============================================== class ==============================================*/
.box-class-a .box-summary { background:#f7f6f2; color:#64513e; font-size:12px; padding:10px 0; position:relative;}
.box-class-a .box-summary span { display:block; padding:0 25px; line-height:36px;}
.box-class-a .box-summary .btn-test { display:inline-block; *zoom:1; *display:inline; vertical-align:top; background:#2f7eb1; color:#fff; font-size:12px; padding:0 15px; line-height:28px; margin-top:2px;}
.box-class-a .box-summary .btn-test:hover { text-decoration:underline;}

.box-class-a .box-bd { border:1px solid #dededd;}
.box-class-a .box-bd .box-con { background:#fff; padding:20px; overflow:hidden; border-bottom:1px solid #dededd; *zoom:1;}
.box-class-a .box-bd .box-con .left { width:166px; float:left; position:relative; padding:5px 5px 10px;}
.box-class-a .box-bd .box-con .middle { width:400px; float:left; position:relative; padding:5px 0 10px;}
.box-class-a .box-bd .box-con .right { width:340px; float:left; position:relative; padding:5px 0 10px; color:#494949; position:relative;}

.box-class-a .box-bd .box-con .left .pic { display:block;}
.box-class-a .box-bd .box-con .left .pic a { display:block; width:160px; height:150px; padding:2px; background:#fcfcfc; border:1px solid #d6d6d6;}
.box-class-a .box-bd .box-con .left .pic img { width:160px; height:150px;}

.box-class-a .box-bd .box-con h3 { color:#fe7452; font-size:16px; font-weight:bold; padding:0 15px;}
.box-class-a .box-bd .box-con .box-intro { color:#494949; font-size:12px; padding:15px 15px;}
.box-class-a .box-bd .box-con .box-intro a { text-decoration:underline; color:#494949; _margin:0 1px;}
.box-class-a .box-bd .box-con .box-intro a:hover { color:#000;}

.box-class-a .box-bd .box-con .box-tag { padding:15px 15px;}
.box-class-a .box-bd .box-con .box-tag span { color:#494949; font-size:12px;}
.box-class-a .box-bd .box-con .box-tag a { color:#fff; display:inline-block; *zoom:1; *display:inline; vertical-align:top; height:22px; line-height:22px; padding:0 10px; font-size:12px; margin:0 2px;}
.box-class-a .box-bd .box-con .box-tag a:hover { text-decoration:underline;}
.box-class-a .box-bd .box-con .box-tag .tag0 { background:#f17b09;}
.box-class-a .box-bd .box-con .box-tag .tag1 { background:#d64d22;}
.box-class-a .box-bd .box-con .box-tag .tag2 { background:#619b29;}

.box-class-a .box-bd .box-con .middle .more { display:block; position:absolute; right:15px; top:5px; color:#2f7eb1; font-size:12px;}
.box-class-a .box-bd .box-con .middle .more a { color:#2f7eb1;}
.box-class-a .box-bd .box-con .middle .more a:hover { text-decoration:underline;}

.box-class-a .box-bd .box-con .box-info { font-size:12px; padding:5px 15px 15px;}
.box-class-a .box-bd .box-con .box-info .item { display:block;}
.box-class-a .box-bd .box-con .box-say { font-weight:bold; font-size:12px; padding:15px 15px 5px; border-top:1px dashed #dededd;}
.box-class-a .box-bd .box-con .box-say .item { display:block;}
.box-class-a .box-bd .box-con .box-say em { font-weight:normal;}
.box-class-a .box-bd .box-con .btn-vote { display:block; border:1px solid #e3dcc7; border-radius:3px; height:26px; _width:88px; color:#d64d22; position:absolute; right:15px; top:0; font-size:12px; padding:0 10px; line-height:26px;
background-color:#fefcf7;
background-image:-moz-linear-gradient(top, #fefcf7, #f6f2e5);
background-image:-webkit-linear-gradient(top, #fefcf7, #f6f2e5);
background-image:-ms-linear-gradient(top, #fefcf7, #f6f2e5);
background-image:-o-linear-gradient(top, #fefcf7, #f6f2e5);
background-image:linear-gradient(top, #fefcf7, #f6f2e5);
}
.box-class-a .box-bd .box-con .btn-vote em { margin:0 2px;}
.box-class-a .box-bd .box-con .btn-vote:hover { text-decoration:underline;}

/*box-class-b*/

.box-class-b .box-summary { background:#f7f6f2; color:#64513e; font-size:12px; padding:10px 0; position:relative;}
.box-class-b .box-summary span { display:block; padding:0 25px; line-height:36px;}
.box-class-b .box-summary .btn-test { display:inline-block; *zoom:1; *display:inline; vertical-align:top; width:150px; height:53px; background:url(../jpg/bg-btn-test.jpg) no-repeat; color:#64513e; font-family:"Microsoft Yahei",Arial; padding:9px 0 0; position:absolute; right:20px; top:15px;}
/*.box-class-b .box-summary .btn-test:hover { text-decoration:underline;}*/
.box-class-b .box-summary .btn-test span { display:block; font-size:16px; padding:0 0 0 15px; line-height:20px;}
.box-class-b .box-summary .btn-test em { display:block; font-size:20px; padding:0 0 0 15px; line-height:26px;}

.box-class-b .box-bd { border:1px solid #dededd; padding:9px; text-align:center;}
.box-class-b .box-bd .box-con { background:#fff; padding:5px; overflow:hidden; width:48%; border:1px solid #dededd; display:inline-block; *zoom:1; *display:inline; vertical-align:top; text-align:left; *margin:0 1px; margin:0 0px\0; margin-bottom:10px;  }

.box-class-b .box-bd .box-con11 { background:#fff; padding:5px; overflow:hidden; width:48%;  display:inline-block; *zoom:1; *display:inline; vertical-align:top; text-align:left; *margin:0 1px; margin:0 0px\0; margin-bottom:10px;  }

.box-class-b .box-bd .box-con .left { width:166px; float:left; position:relative; padding:5px 5px 10px;}
.box-class-b .box-bd .box-con .right { width:280px; float:left; position:relative; padding:5px 0 5px; color:#494949; position:relative;}

.box-class-b .box-bd .box-con .left .pic { display:block; margin-bottom:10px;}
.box-class-b .box-bd .box-con .left .pic a { display:block; width:160px; height:150px; padding:2px; background:#fcfcfc; border:1px solid #d6d6d6;}
.box-class-b .box-bd .box-con .left .pic img { width:160px; height:150px;}

.box-class-b .box-bd .box-con h3 { color:#fe7452; font-size:16px; font-weight:bold; padding:0 15px;}
.box-class-b .box-bd .box-con .box-intro { color:#494949; font-size:12px; padding:15px 15px;}
.box-class-b .box-bd .box-con .box-intro a { text-decoration:underline; color:#494949;}
.box-class-b .box-bd .box-con .box-intro a:hover { color:#000;}

.box-class-b .box-bd .box-con .box-tag { padding:15px 15px;}
.box-class-b .box-bd .box-con .box-tag span { color:#494949; font-size:12px;}
.box-class-b .box-bd .box-con .box-tag a { color:#fff; display:inline-block; *zoom:1; *display:inline; vertical-align:top; height:22px; line-height:22px; padding:0 10px; font-size:12px; margin:0 2px;}
.box-class-b .box-bd .box-con .box-tag a:hover { text-decoration:underline;}
.box-class-b .box-bd .box-con .box-tag .tag0 { background:#f17b09;}
.box-class-b .box-bd .box-con .box-tag .tag1 { background:#d64d22;}
.box-class-b .box-bd .box-con .box-tag .tag2 { background:#619b29;}

.box-class-b .box-bd .box-con .middle .more { display:block; position:absolute; right:15px; top:5px; color:#2f7eb1; font-size:12px;}
.box-class-b .box-bd .box-con .middle .more a { color:#2f7eb1;}
.box-class-b .box-bd .box-con .middle .more a:hover { text-decoration:underline;}

.box-class-b .box-bd .box-con .box-info { font-size:12px; padding:5px 15px;}
.box-class-b .box-bd .box-con .box-info .item { display:block;}
.box-class-b .box-bd .box-con .box-say { font-weight:bold; font-size:12px; padding:15px 15px 5px; border-top:1px dashed #dededd;}
.box-class-b .box-bd .box-con .box-say .item { display:block;}
.box-class-b .box-bd .box-con .box-say em { font-weight:normal;}
.box-class-b .box-bd .box-con .btn-vote { display:block; border:1px solid #e3dcc7; border-radius:3px; height:26px; _width:88px; color:#d64d22; position:absolute; right:15px; top:5px; font-size:12px; padding:0 10px; line-height:26px;
background-color:#fefcf7;
background-image:-moz-linear-gradient(top, #fefcf7, #f6f2e5);
background-image:-webkit-linear-gradient(top, #fefcf7, #f6f2e5);
background-image:-ms-linear-gradient(top, #fefcf7, #f6f2e5);
background-image:-o-linear-gradient(top, #fefcf7, #f6f2e5);
background-image:linear-gradient(top, #fefcf7, #f6f2e5);
}
.box-class-b .box-bd .box-con .btn-vote em { margin:0 2px;}
.box-class-b .box-bd .box-con .btn-vote:hover { text-decoration:underline;}

.box-class-b .box-bd .box-con .left .tb-tag{ width:166px; border:1px solid #dededd; background:#fff; color:#494949; font-size:12px; text-align:center;}
.box-class-b .box-bd .box-con .left .tb-tag td { width:50%; border:1px solid #dededd;}
.box-class-b .box-bd .box-con .left .tb-tag td a { display:block; width:100%; height:100%; color:#494949; background:#fff; line-height:200%;}
.box-class-b .box-bd .box-con .left .tb-tag td a:hover { color:#fff; background:#e76036;}


/*============================================== guide ==============================================*/

.box-guide-a .box-bd { border:1px solid #dededd; padding:15px 25px;}

/*tb-guide*/
.tb-guide { width:900px; margin:auto;}
.tb-guide table { background:#f7f6f2; border:1px solid #dededd; width:100%;}
.tb-guide td { border:1px solid #dededd; color:#64513e; padding:10px 20px; font-size:12px;}
.tb-guide td span { display:block;}
.tb-guide td em { font-weight:bold;}
.tb-guide td a { color:#2f7eb1;}
.tb-guide td a:hover { text-decoration:underline;}
.tb-guide .td0 { width:70px; text-align:center;}

/*box-ad-900x75*/
.box-ad-900x75 { width:900px; height:75px; margin:auto; padding-top:20px;}
.box-ad-900x75 .pic { display:block; width:900px; height:75px;}
.box-ad-900x75 .pic a { display:block;}
.box-ad-900x75 .pic img { width:900px; height:75px; }

/*box-ad-970x75*/
.box-ad-970x75 { width:970px; height:75px; margin:auto; padding-top:10px;}
.box-ad-970x75 .pic { display:block; width:970px; height:75px;}
.box-ad-970x75 .pic a { display:block;}
.box-ad-970x75 .pic img { width:970px; height:75px; }

.box-guide-b .box-bd { border:0;}

/*box-p*/
.box-p {
	color:#494949;
	font-size:12px;
	padding:5px 0;
}
.box-p p { padding:8px 0;}
.box-p p em { font-weight:bold;}
.box-p p a { color:#2f7eb1; margin:0 5px;}
.box-p p a:hover { text-decoration:underline;}
.box-p p.tip0 { border-top:1px dashed #dededd; padding:8px 0;}

.box-p .focus { display:inline-block; *zoom:1; *display:inline; vertical-align:top; height:18px; padding:0 10px; background:#fcfbf5; border:1px solid #e3dcc7; color:#64513e; line-height:18px; text-align:center; font-size:12px;
background-image:-moz-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-webkit-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-ms-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:-o-linear-gradient(top, #fdfcf7, #f6f2e5);
background-image:linear-gradient(top, #fdfcf7, #f6f2e5);}
.box-p .focus:hover { background:#e76036; color:#fff; text-decoration:none;}

/*box-switch*/
.box-switch {}
.box-switch .switch-hd { border-top:2px solid #fcfcfa; height:45px; position:relative; cursor:pointer;
background-color:#ebeae6;
background-image:-moz-linear-gradient(top, #f7f7f3, #ebeae6);
background-image:-webkit-linear-gradient(top, #f7f7f3, #ebeae6);
background-image:-ms-linear-gradient(top, #f7f7f3, #ebeae6);
background-image:-o-linear-gradient(top, #f7f7f3, #ebeae6);
background-image:linear-gradient(top, #f7f7f3, #ebeae6);}
.box-switch .switch-hd h3 { font-size:16px; font-weight:bold; color:#64513e; line-height:44px; text-align:center;}
.box-switch .switch-hd .btn-switch { display:block; width:14px; height:14px; background:url(../png/bg-btn-switch.png) no-repeat 0 0; position:absolute; right:20px; top:15px;}
.box-switch .switch-hd .btn-switch-close { background-position:0 -14px;}
.box-switch .switch-bd { border:1px solid #dcdcdc; border-top:0; border-bottom:0; padding:10px 25px; display:none;}
.box-switch .switch-bd h4 { color:#fe7452; font-size:12px; font-weight:bold; margin-bottom:10px;}

/*list-tag*/


.box-guide-c .box-bd { border:1px solid #dededd; padding:20px 30px;}

.box-guide-d .box-bd { border:1px solid #dededd; padding:20px 30px;}

/*list-con2*/
.list-con2 { overflow:hidden; *zoom:1; text-align:center;}
.list-con2 li { width:169px; margin:0 12px 10px 0; display:inline-block; *zoom:1; *display:inline; vertical-align:top;}
.list-con2 li .li-in { display:block; width:120px; height:90px; position:relative;}
.list-con2 li a { display:block; color:#000; width:120px; height:90px; margin:auto; position:relative;}
.list-con2 .pic { display:block; width:120px; height:90px; *cursor:pointer;}
.list-con2 .pic img { width:120px; height:90px; vertical-align:middle;}
.list-con2 .txt { display:block; width:120px; height:20px; margin:auto; line-height:20px; font-size:12px; padding:5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; *cursor:pointer;}
.list-con2 a:hover, .list-con2 a.hover { color:#ff8c8c; text-decoration:underline; border-color:#ff8c8c;}
.list-con2 a:hover img, .list-con2 a.hover img { border-color:#ff8c8c;}

.list-ex-hover li a { position:relative;} 
.list-ex-hover .txt { position:absolute; left:0; top:60px; z-index:1; _bottom:0;}
.list-ex-hover .txt .tit { *display:block; *padding:0 5px;}
.list-ex-hover .txt b { display:block; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); position:absolute; left:0; top:0; z-index:-1;}

.list-ex-hover li a .txt { color:#fff;}
.list-ex-hover li a:hover .txt, .list-ex-hover li a.hover .txt { display:none; color:#ff8c8c;}

/*--box-guide-c list-con2*/
.box-guide-c .list-con2 .li4 { width:120px;}
.box-guide-c .list-con2 .li9 { width:120px; margin-right:12px; margin-top:-40px;}

.box-guide-c .list-con2 .li0 .li-in,
.box-guide-c .list-con2 .li1 .li-in,
.box-guide-c .list-con2 .li2 .li-in,
.box-guide-c .list-con2 .li3 .li-in { padding-right:49px;}
.box-guide-c .list-con2 .li4 .li-in { padding-bottom:40px;}
.box-guide-c .list-con2 .li5 .li-in,
.box-guide-c .list-con2 .li6 .li-in,
.box-guide-c .list-con2 .li7 .li-in,
.box-guide-c .list-con2 .li8 .li-in { padding-left:49px;}
.box-guide-c .list-con2 .li9 .li-in { padding-top:40px;}

.box-guide-c .list-con2 li i { display:block; width:26px; height:26px; background:url(../jpg/bg-arrow.jpg) no-repeat; position:absolute;}
.box-guide-c .list-con2 .li0 i,
.box-guide-c .list-con2 .li1 i,
.box-guide-c .list-con2 .li2 i,
.box-guide-c .list-con2 .li3 i { background-position:0 0; right:0; top:30px;}
.box-guide-c .list-con2 .li4 i { background-position:-26px -26px; bottom:0; left:45px;}
.box-guide-c .list-con2 .li5 i,
.box-guide-c .list-con2 .li6 i,
.box-guide-c .list-con2 .li7 i,
.box-guide-c .list-con2 .li8 i { background-position:-26px 0; left:0; top:30px;}
.box-guide-c .list-con2 .li9 i { background-position:0 -26px; top:0; left:45px;}

/*--box-guide-d list-con2*/
.box-guide-d .list-con2 li { width:209px;}
.box-guide-d .list-con2 li .li-in { width:160px;}
.box-guide-d .list-con2 li a { width:160px;}
.box-guide-d .list-con2 .pic { width:160px;}
.box-guide-d .list-con2 .pic img { width:160px;}
.box-guide-d .list-con2 .txt { width:160px;}

.box-guide-d .list-con2 .li3 { width:160px;}
.box-guide-d .list-con2 .li7 { width:160px; margin-right:12px; margin-top:-40px;}

.box-guide-d .list-con2 .li0 .li-in,
.box-guide-d .list-con2 .li1 .li-in,
.box-guide-d .list-con2 .li2 .li-in { padding-right:49px;}
.box-guide-d .list-con2 .li3 .li-in { padding-bottom:40px;}
.box-guide-d .list-con2 .li4 .li-in,
.box-guide-d .list-con2 .li5 .li-in,
.box-guide-d .list-con2 .li6 .li-in { padding-left:49px;}
.box-guide-d .list-con2 .li7 .li-in { padding-top:40px;}

.box-guide-d .list-con2 li i { display:block; width:26px; height:26px; background:url(../jpg/bg-arrow.jpg) no-repeat; position:absolute;}
.box-guide-d .list-con2 .li0 i,
.box-guide-d .list-con2 .li1 i,
.box-guide-d .list-con2 .li2 i { background-position:0 0; right:0; top:30px;}
.box-guide-d .list-con2 .li3 i { background-position:-26px -26px; bottom:0; left:66px;}
.box-guide-d .list-con2 .li4 i,
.box-guide-d .list-con2 .li5 i,
.box-guide-d .list-con2 .li6 i { background-position:-26px 0; left:0; top:30px;}
.box-guide-d .list-con2 .li7 i { background-position:0 -26px; top:0; left:66px;}

/*============================================== screenshot ==============================================*/

.box-screenshot-a {position:relative;}


.box-screenshot-a .box-bd { border:1px solid #dededd; padding:15px 25px;}

/*.box-screenshot-a list-con2*/
.box-screenshot-a .list-con2 { overflow:hidden; *zoom:1; text-align:center;}
.box-screenshot-a .list-con2 li { width:19.2%; display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0; position:relative;}
.box-screenshot-a .list-con2 li .li-in { display:block; width:160px; height:auto; position:relative; margin:auto;}
.box-screenshot-a .list-con2 li a { display:block; color:#494949; width:160px; height:auto; margin:auto; position:relative;}
.box-screenshot-a .list-con2 .pic { display:block; width:154px; height:114px; *cursor:pointer; padding:2px; _padding-top:1px; _padding-bottom:3px; border:1px solid #d9d9d9; background:#fff;}
.box-screenshot-a .list-con2 .pic img { width:154px; height:114px;}
.box-screenshot-a .list-con2 .txt { display:block; width:160px; height:20px; margin:auto; line-height:20px; font-size:12px; padding:10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; *cursor:pointer;}
.box-screenshot-a .list-con2 a:hover,
.box-screenshot-a .list-con2 a.hover { color:#bc4d32;}

.box-screenshot-a .list-con2 a:hover .pic,
.box-screenshot-a .list-con2 a.hover .pic { background:#be573e;}

.box-screenshot-a .more { color:#e2e1cf; font-size:12px; position:absolute; right:20px; top:20px;}
.box-screenshot-a .more a { color:#e2e1cf;}
.box-screenshot-a .more a:hover { text-decoration:underline;}

/*==============================*/

/*============================================== video ==============================================*/

/*box-video-a*/
.box-video-a {position:relative;}
.box-video-a .box-bd { border:1px solid #dededd; padding:15px 25px; background:#fff;}

/*box-video-a list-con2*/
.box-video-a .list-con2 { overflow:hidden; *zoom:1; text-align:center;}
.box-video-a .list-con2 li { width:19.2%; display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0; position:relative;}
.box-video-a .list-con2 li .li-in { display:block; width:160px; height:auto; position:relative; margin:auto;}
.box-video-a .list-con2 li a { display:block; color:#494949; width:160px; height:auto; margin:auto; position:relative;}
.box-video-a .list-con2 .pic { display:block; width:154px; height:114px; *cursor:pointer; padding:2px; _padding-top:1px; _padding-bottom:3px; border:1px solid #d9d9d9; background:#fff; position:relative;}
.box-video-a .list-con2 .pic img { width:154px; height:114px;}
.box-video-a .list-con2 .pic b { display:block; width:100%; height:100%; background:url(../png/bg-btn-play-154x114.png) no-repeat; _background-image:url(//ue.17173cdn.com/images/bns/newbie/2013/bg-btn-play-154x114-ie6.png); position:absolute; left:3px; top:3px;}
.box-video-a .list-con2 .txt { display:block; width:160px; height:20px; margin:auto; line-height:20px; font-size:12px; padding:10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; *cursor:pointer;}
.box-video-a .list-con2 a:hover,
.box-video-a .list-con2 a.hover { color:#bc4d32;}

.box-video-a .list-con2 a:hover .pic,
.box-video-a .list-con2 a.hover .pic { background:#be573e;}

.box-video-a .list-con2 a:hover .pic b,
.box-video-a .list-con2 a.hover .pic b { display:none;}

.box-video-a .more { color:#e2e1cf; font-size:12px; position:absolute; right:20px; top:20px;}
.box-video-a .more a { color:#e2e1cf;}
.box-video-a .more a:hover { text-decoration:underline;}

/*==============================*/

/*============================================== recom ==============================================*/

/*box-recom*/
.box-recom-a {position:relative;}

.box-recom-a .box-bd { border:1px solid #dededd; padding:15px 25px; background:#fff;}

/*box-recom-a list-con2*/
.box-recom-a .list-con2 { overflow:hidden; *zoom:1; text-align:center; height:160px; padding:0 0; width:auto; position:absolute; left:0; top:0;}
.box-recom-a .list-con2 li { width:175px; float:left; display:inline-block; *zoom:1; *display:inline; vertical-align:top; margin:0;}
.box-recom-a .list-con2 li .li-in { display:block; width:160px; height:auto; position:relative; margin:auto;}
.box-recom-a .list-con2 li a { display:block; color:#494949; width:160px; height:auto; margin:auto; position:relative;}
.box-recom-a .list-con2 .pic { display:block; width:154px; height:114px; *cursor:pointer; padding:2px; _padding-top:1px; _padding-bottom:3px; border:1px solid #d9d9d9; background:#fff; position:relative;}
.box-recom-a .list-con2 .pic img { width:154px; height:114px;}
.box-recom-a .list-con2 .txt { display:block; width:160px; height:20px; margin:auto; line-height:20px; font-size:12px; padding:10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; *cursor:pointer;}
.box-recom-a .list-con2 a:hover,
.box-recom-a .list-con2 a.hover { color:#bc4d32;}

.box-recom-a .list-con2 a:hover .pic,
.box-recom-a .list-con2 a.hover .pic { background:#be573e;}

/*box-slide*/
.box-recom-a .box-slide { width:100%; position:relative; height:160px;}
.box-recom-a .box-slide .btn-ss { display:block; border:1px solid #d6d6d6; background:#fff; width:10px; height:20px; padding:49px 4px; position:absolute; top:0; cursor:pointer;}
.box-recom-a .box-slide .btn-prev { left:0;}
.box-recom-a .box-slide .btn-next { right:0;}
.box-recom-a .box-slide .btn-ss:hover,
.box-recom-a .box-slide .btn-prev-hover,
.box-recom-a .box-slide .btn-next-hover { background-color:#e76036; border-color:#e76036;}

.box-recom-a .box-slide .btn-ss span { display:block; width:10px; height:20px; margin:auto; background:url(../png/bg-btn-slide.png) no-repeat;}
.box-recom-a .box-slide .btn-prev span { background-position:0 0;}
.box-recom-a .box-slide .btn-prev:hover span,
.box-recom-a .box-slide .btn-prev-hover span { background-position:0 -40px;}
.box-recom-a .box-slide .btn-next span { background-position:-10px 0;}
.box-recom-a .box-slide .btn-next:hover span,
.box-recom-a .box-slide .btn-next-hover span { background-position:-10px -40px;}

.box-recom-a .box-slide .slide { height:160px; /*margin:0 110px;*/ /*_width:740px;*/ overflow:hidden; position:relative; margin:0 20px;}

/*==============================*/

/*============================================== comment ==============================================*/

/*box-comment-a*/
.box-comment-a {position:relative;}
.box-comment-a .box-bd { border:1px solid #dededd; padding:15px 25px;}

.box-comment-a .more { color:#e2e1cf; font-size:12px; position:absolute; right:20px; top:20px;}
.box-comment-a .more a { color:#e2e1cf;}
.box-comment-a .more a:hover { text-decoration:underline;}

/*==============================*/

/*============================================== margin-bottom ==============================================*/

.box-summary-a,
.box-summary-b { margin-bottom:10px;}

.box-fun-a,
.box-fun-b,
.box-fun-c,
.box-fun-d,
.box-fun-e { margin-bottom:10px;}

.box-quick-start-a { margin-bottom:10px;}

.box-class-a,
.box-class-b { margin-bottom:10px;}

.box-guide-a,
.box-guide-b,
.box-guide-c,
.box-guide-d { margin-bottom:10px;}

.box-screenshot-a { margin-bottom:10px;}

.box-video-a { margin-bottom:10px;}

.box-recom-a { margin-bottom:10px;}

.box-comment-a { margin-bottom:10px;}

.list-qa0 li a span {float: none; color: unset;}