﻿/*
┌─────────95A5──────────────────────┐
│ 网站设计制作:≮九五网络≯ QQ:95027066 唯一网址：WWW.95A5.COM     │
│        十余年网页设计制作经验、高端建站美工团队为你服务          │
└───────────────────────────── .Com ─┘
*/
@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body,td,th { font-size: 14px; }
body { font-size: 14px; font:"微软雅黑"; color:#333; background:#FFF; margin:0px;}

a { font-size: 14px; color: #333; }
a:link { text-decoration: none;}
a:visited { text-decoration: none; color:#333; }
a:hover { text-decoration: none; color:#900; text-decoration:none;}
a:active { text-decoration: none; color: #FF0000;}
ul {  margin:0 0 0 0; padding: 0; list-style: none; }
img{ border:0;}


#Version { width:100%; height:1438px; position:relative; overflow:hidden;}/*页面总高度再次调整*/
#Flash { width:1920px; height:1083px; position:absolute; left:50%; margin:0 auto 0 -960px; z-index:1;}/*FLASH*/
#Header { margin:0 auto 0 -960px; width:1920px; height:1083px; position:absolute; left:50%;}/*BG*/
#Header_1 { margin:0 auto 0 -960px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:2;}/*BG*/
#Header_2 { margin:0 auto 0 -960px; top:944px; width:1920px; overflow:hidden; position:absolute; left:50%; z-index:2;}/*BG*/

.head_1 { width:1200px; margin: 0 auto; position:absolute; left:50%; margin-left:-600px; z-index:6; overflow:hidden;}/*整体*/
.head_2 { width:1200px; height:878px; position:relative;}
.head_3 { width:1200px; height:560px; position:relative;}

.head_4 { position:absolute; top:50px; left:0; width:865px; height:500px; background:#f8f8f8; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:7; display:block; transition:0.5s;}
.head_4:hover { box-shadow:0 0 10px rgba(0,0,0,0.8);}
.head_5 { margin:10px 10px; width:845px; height:480px; color:#000;}

.head_6 { background:url(dlq.jpg); width:325px; height:185px; position:absolute; top:0; right:0; z-index:7; }
.head_7 { width:325px; height:185px; position:absolute; top:0; right:0; z-index:8; }

.head_8 { background:url(btn1.jpg); background-position:left 0; width:163px; height:88px; transition:0.5s; position:absolute; top:185px; right:162px; z-index:7;}
.head_8:hover { background-position:left -88px;}

.head_9 { background:url(btn2.jpg); background-position:left 0; width:162px; height:88px; transition:0.5s; position:absolute; top:185px; right:0; z-index:7;}
.head_9:hover { background-position:left -88px;}

.head_10 { background:url(btn3.jpg); width:325px; height:270px; position:absolute; top:280px; right:0; z-index:7;}

.head_11 { width:162px; height:90px; position:absolute; top:280px; right:163px; z-index:8; transition:0.4s;}
.head_11 a { font-size:16px; font-family:"微软雅黑"; font-weight:200; color:#FFF; display:block; padding:36px 0 30px 50px; transition:0.5s;}
.head_11 a:hover { color:#FF0;}
.head_11:hover { background:rgba(255,255,255,0.2);}

.head_12 { width:160px; height:91px; position:absolute; top:278px; right:2px; z-index:8; display:block; transition:0.4s;}
.head_12 a { font-size:16px; font-family:"微软雅黑"; font-weight:200; color:#FFF; display:block; padding:36px 0 30px 50px; transition:0.5s;}
.head_12 a:hover { color:#FF0;}
.head_12:hover { background:rgba(255,255,255,0.2);}


.head_13 { width:162px; height:90px; position:absolute; top:370px; right:163px; z-index:8; transition:0.4s;}
.head_13 a { font-size:16px; font-family:"微软雅黑"; font-weight:200; color:#FFF; display:block; padding:36px 0 30px 50px; transition:0.5s;}
.head_13 a:hover { color:#FF0;}
.head_13:hover { background:rgba(255,255,255,0.2);}

.head_14 { width:163px; height:90px; position:absolute; top:370px; right:0px; z-index:8; display:block; transition:0.4s;}
.head_14 a { font-size:16px; font-family:"微软雅黑"; font-weight:200; color:#FFF; display:block; padding:36px 0 30px 50px; transition:0.5s;}
.head_14 a:hover { color:#FF0;}
.head_14:hover { background:rgba(255,255,255,0.2);}

.head_15 { width:162px; height:90px; position:absolute; top:460px; right:163px; z-index:8; transition:0.4s;}
.head_15 a { font-size:16px; font-family:"微软雅黑"; font-weight:200; color:#FFF; display:block; padding:36px 0 30px 50px; transition:0.5s;}
.head_15 a:hover { color:#FF0;}
.head_15:hover { background:rgba(255,255,255,0.2);}

.head_16 { width:163px; height:90px; position:absolute; top:458px; right:-1px; z-index:8; display:block; transition:0.4s;}
.head_16 a { font-size:16px; font-family:"微软雅黑"; font-weight:200; color:#FFF; display:block; padding:36px 0 30px 50px; transition:0.5s;}
.head_16 a:hover { color:#FF0;}
.head_16:hover { background:rgba(255,255,255,0.2);}


.head_17 { margin:0 auto; width:1220px; overflow:hidden;}
.head_18 { width:1220px; height:609px; position:relative;}

.head_19 { width:845px; height:594px; position:absolute; top:5px; left:10px; z-index:7; display:block; transition:0.5s;}
.head_19:hover { box-shadow:0 0 10px rgba(0,0,0,0.8);}
.head_19 img { width:845px; height:480px;}

.head_20 { width:1200px; height:594px; background:#f8f8f8; position:absolute; top:5px; right:10px; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:7; display:block; transition:0.5s;}
.head_20:hover { box-shadow:0 0 10px rgba(0,0,0,0.8);}

.head_21 { margin:10px 10px; width:1180px; height:50px; line-height:50px; text-align:left; border-bottom:double 1px #F00;}
.head_21 a { background:url(d.png) left center no-repeat; font-size:18px; font-family:"微软雅黑"; font-weight:200; color:#333; display:block; padding:0 30px;}

.head_22 li { margin:0 10px; width:1180px; overflow:hidden; line-height:30px; text-align:left; background:url(hot.jpg) left center no-repeat;}
.head_22 li a { font-size:16px; font-weight:200; font-family:"微软雅黑"; color:#666; display:block; padding:0 0 0 30px;}
.head_22 li a:hover { border-bottom:dashed 1px #CCC; color:#F00;}

.head_23 { width:1220px; height:515px; position:relative;}

/*双列回收*/
/*

.head_24 { width:395px; height:500px; background:#f8f8f8; position:absolute; top:5px; left:10px; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:7; display:block; transition:0.5s;}
.head_24:hover { box-shadow:0 0 10px rgba(0,0,0,0.8);}

.head_24a { width:395px; height:500px; background:#f8f8f8; position:absolute; top:5px; left:415px; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:7; display:block; transition:0.5s;}
.head_24a:hover { box-shadow:0 0 10px rgba(0,0,0,0.8);}

.head_30 { margin:10px 10px; width:375px; overflow:hidden;}
.head_31 { margin:0 10px; width:375px; height:430px;}

.head_32 { width:375px; height:50px; line-height:50px; text-align:left; border-bottom:double 1px #F00;}
.head_32 a { background:url(d.png) left center no-repeat; font-size:18px; font-family:"微软雅黑"; font-weight:200; color:#333; display:block; padding:0 30px;}

*/
/*双列回收*/

/*

<div class="head_24">
<div class="head_30">
<div class="head_32"><a>帐号回收</a></div>
</div>end
<div class="head_31">

<div class="Scroll_box"  data-scroll="1" data-scroll-height="415" data-scroll-width="375" >
表格内容
<ul class="head_26a">
<li>
<span style="width:120px; border-right:double 1px #f8f8f8;"><a>帐号名称</a></span>
<span style="width:152px; border-right:double 1px #f8f8f8;"><a>回收条件</a></span>
<span style="width:80px; border-right:double 1px #f8f8f8;"><a>回收价格</a></span>
</li>
x
<li>
<span style="width:120px; border-right:double 1px #f8f8f8;">胜天神剑</span>
<span style="width:152px; border-right:double 1px #f8f8f8;">胜天神剑</span>
<span style="width:80px; border-right:double 1px #f8f8f8; color:#F00;">100元</span>
</li>
x
</ul>
表格内容
<span class="clear"></span>
</div>

</div>end
</div>

<div class="head_24a">
<div class="head_30">
<div class="head_32"><a>装备回收</a></div>
</div>end
<div class="head_31">

<div class="Scroll_box"  data-scroll="1" data-scroll-height="415" data-scroll-width="375" >
表格内容
<ul class="head_26a">
<li>
<span style="width:120px; border-right:double 1px #f8f8f8;"><a>装备名称</a></span>
<span style="width:152px; border-right:double 1px #f8f8f8;"><a>回收条件</a></span>
<span style="width:80px; border-right:double 1px #f8f8f8;"><a>回收价格</a></span>
</li>
x
<li>
<span style="width:120px; border-right:double 1px #f8f8f8;">胜天神剑</span>
<span style="width:152px; border-right:double 1px #f8f8f8;">胜天神剑</span>
<span style="width:80px; border-right:double 1px #f8f8f8; color:#F00;">100元</span>
</li>
x
</ul>
表格内容
<span class="clear"></span>
</div>

</div>end
</div>

*/

.head_24b { width:800px; height:500px; background:#f8f8f8; position:absolute; top:5px; left:10px; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:7; display:block; transition:0.5s;}
.head_24b:hover { box-shadow:0 0 10px rgba(0,0,0,0.8);}

.head_30a { margin:10px 10px; width:780px; overflow:hidden;}
.head_31a { margin:0 10px; width:780px; height:430px;}

.head_32a { width:780px; height:50px; line-height:50px; text-align:left; border-bottom:double 1px #F00;}
.head_32a a { background:url(d.png) left center no-repeat; font-size:18px; font-family:"微软雅黑"; font-weight:200; color:#333; display:block; padding:0 30px;}




.head_25 { width:390px; height:500px; background:#f8f8f8; position:absolute; top:5px; right:10px; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:7; display:block; transition:0.5s;}
.head_25:hover { box-shadow:0 0 10px rgba(0,0,0,0.8);}

.head_26 { width:1220px; height:295px; position:relative;}

.head_27 { width:1200px; height:280px; background:#f8f8f8; position:absolute; top:5px; right:10px; box-shadow:0 0 3px rgba(0,0,0,0.3); z-index:7; display:block; transition:0.5s;}
.head_27:hover { box-shadow:0 0 10px rgba(0,0,0,0.8);}

.head_28 { background:url(foot.jpg) bottom center no-repeat;}
.head_29 { margin:0 auto; width:1220px; overflow:hidden;}



.head_33 { margin:10px 10px; width:370px; overflow:hidden;}
.head_34 { margin:0 10px; width:370px; height:430px;}

.head_35 { width:370px; height:50px; line-height:50px; text-align:left; border-bottom:double 1px #F00;}
.head_35 a { background:url(d.png) left center no-repeat; font-size:18px; font-family:"微软雅黑"; font-weight:200; color:#333; display:block; padding:0 30px;}


.head_36 { margin:10px 10px; width:1180px; overflow:hidden;}
.head_37 { margin:0 10px; width:1180px; height:235px;}

.head_38 { width:1180px; height:50px; line-height:50px; text-align:left; border-bottom:double 1px #F00;}
.head_38 a { background:url(d.png) left center no-repeat; font-size:18px; font-family:"微软雅黑"; font-weight:200; color:#333; display:block; padding:0 30px;}



#PicShow{ float:left; width:350px; height:415px; position:relative; display:inline; margin-left:8px;/* background:#FFF;*/}/*主框大小*/
#PicShow .gundong{width:350px; position:relative;}/*调整箭头宽*/
#PicShow .gundong .jCarouselLite { float:left; width:320px; height:415px;overflow:hidden; padding-top:5px;}/*图像暂用高度*/
#PicShow .move_right,#PicShow .move_left{ width:22px; height:320px;position:absolute;top:30px;z-index:500;}/*调整箭头上下艰巨*/
#PicShow .move_left span,#PicShow .move_right span{width:22px;height:30px;position:absolute;top:50%; margin-top:-10px; background:url(arrow.png) no-repeat left top;background-repeat:no-repeat;}
#PicShow .move_left{left:-3px;}
#PicShow .move_left span{background-position:left top;}
#PicShow .move_left:hover span{background-position:left bottom;}
#PicShow .move_right{right:-3px;}
#PicShow .move_right span{background-position:right top;}
#PicShow .move_right:hover span{background-position:right bottom;}	

.PicList{ float:left;}
.PicList li{ float:left; width:320px; margin-left:15px; margin-top:15px; display:inline;}/*图形宽度*/
.PicList li a img{width:320px;height:350px; }
.PicList li a span{height:55px;line-height:55px;text-align:center; font-size:16px; font-family:"微软雅黑"; font-weight:200; color:#333;display:block;}

/*图片列表*/
/*	.PicList{float:left;}
	.PicList li{float:left;width:204px;margin-left:1px;display:inline;}
	.PicList li a img{width:204px;height:260px;background:#333;}
	.PicList li a span{height:55px;line-height:55px;text-align:center;font-size:14px;display:block;}*/
	/*选项卡*/

/*滚动条相关*/
.container1 {width:100%;height:auto;margin:0 auto;}
.container1 .div_scroll{float:left;width:100%;height:289px;overflow:auto;}
.container1 .scroll_container{position:relative;overflow:hidden;}
.container1 .scroll_absolute{position:absolute;}
.container1 .scroll_vertical_bar{width:8px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;}
.container1 .scroll_track{position:relative;border-radius:10px;background:url(line_y.gif) repeat-y center top;}
.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background-color:#bc2f38;border-radius:20px;}
.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
.container1 .scroll_vertical_bar .scroll_arrow{height:16px;}
/*滚动条相关*/


/*双列回收*/
/*
.head_26a ul { margin:0; padding:0; line-height:none;}
.head_26a li { width:355px; overflow:hidden; line-height:36px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#333; background:#fff; transition:0.5s; display:block; border-bottom:double 1px #f8f8f8;}
.head_26a li:hover { color:#F00; background:#EEE;}
.head_26a li span { float:left;}
.head_26a li span a { font-size:14px; font-weight:900; font-family:"微软雅黑"; color:#FFF; display:block; background:#BD0004;}/*标题*/

/*双列回收*/

/*单列回收*/
.head_26a ul { margin:0; padding:0; line-height:none;}
.head_26a li { width:760px; overflow:hidden; line-height:36px; text-align:center; font-family:"微软雅黑"; font-size:14px; font-weight:200; color:#333; background:#fff; transition:0.5s; display:block; border-bottom:double 1px #f8f8f8;}
.head_26a li:hover { color:#F00; background:#EEE;}
.head_26a li span { float:left;}
.head_26a li span a { font-size:14px; font-weight:900; font-family:"微软雅黑"; color:#FFF; display:block; background:#BD0004;}/*标题*/

/*单列回收*/


.footer { margin:0 0 0 0; background:url(../foot_img/bg.jpg) top repeat-x #000;}
.footer_1 { margin:0 auto; width:1200px; overflow:hidden; font-size:12px; line-height:24px;}
.footer_1 img { border-radius:1em;}
.footer_1 a { font-size:12px;}
.footer_1 span { font-size:12px;}
.footer_1 p { font-size:12px;}



.rightbar{width:176px;height:728px;position:fixed;top:40%;right:0;margin-top:-280px;background:url(left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar.close{right:-176px}
.rightbar.close .btn-close{background:url(left4.png) no-repeat}
.rightbar .btn-close{width:31px;height:89px;background:url(left2.png);position:absolute;top:0;left:-31px}
.rightbar h6{margin-bottom:24px;padding-top:10px;font-size:18px;line-height:24px;font-weight:700;overflow:hidden}
.rightbar h6 span{display:block;font-size:14px}
.rightbar .code{margin:0 0 10px 9px;width:157px;height:188px;background:#919090}
.rightbar .code p{height:30px;line-height:30px;background:#de0c0c;margin-bottom:5px}
.rightbar p{font-size:16px;line-height:24px;margin-bottom:5px}
.rightbar .kefu{margin-left:9px;display:block;width:157px;height:51px;background:url(left3.png) no-repeat;line-height:44px;font-size:18px;color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .kefu:hover{background:url(left5.png) no-repeat}



.kv-music{position:fixed;z-index:50;top:50px;left:50px; width:58px;height:100px;}


.ding_3 { position:absolute; top:13px; left:0; z-index:6;}
.ding_3 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_3 a:hover { background:#000; color:#F00;}

.ding_4 { position:absolute; top:13px; left:120px; z-index:6;}
.ding_4 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_4 a:hover { background:#000; color:#F00;}

.ding_5 { position:absolute; top:13px; left:225px; z-index:6;}
.ding_5 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_5 a:hover { background:#000; color:#F00;}

.ding_6 { position:absolute; top:13px; left:330px; z-index:6;}
.ding_6 a {border-radius:1em; background:#900; font-size:16px; font-weight:200; color:#FFC; border:double 1px #F00; display:block; padding:5px 15px; transition:0.5s;}
.ding_6 a:hover { background:#000; color:#F00;}

.ding_7 { position:absolute; top:13px; left:435px; z-index:6; border:double 1px #F00; border-radius:1em; background:#900; width:720px; height:30px;}

.ding_1 { position:absolute; top:14px; left:445px; width:700px; height:30px; line-height:30px; z-index:6;}
.ding_1 a { font-family:"微软雅黑"; font-weight:200; color:#FF9; font-size:18px; display:block;}

.ding_2 { position:absolute; top:13px; right:0; width:30px; height:30px;}
.ding_2 a img { width:30px; height:30px; opacity:0.5; transition:0.5s; border-radius:2em;}
.ding_2 a img:hover { opacity:1;}




/*幻灯*/
.container {
	WIDTH: 845px;
	HEIGHT: 480px
}
.container A IMG {
	WIDTH: 845px;
	HEIGHT: 480px
}
.container IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
.td_f A IMG {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.num {
	POSITION: absolute;
	WIDTH: 90px;
	FLOAT: right;
	TOP:402px;
	LEFT:708px
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 30px;
	LIST-STYLE-TYPE: none;
	MARGIN:0px;
	WIDTH: 30px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(flashbutton.gif) no-repeat -30px 0px;
	FLOAT: left;
	HEIGHT: 30px;
	COLOR: #86a2b8;
	FONT-SIZE: 22px;
	font-family:"微软雅黑";
	CURSOR: pointer
}
.num LI.on {
	LINE-HEIGHT: 30px;
	WIDTH: 30px;
	BACKGROUND: url(flashbutton.gif) no-repeat;
	HEIGHT: 30px;
	COLOR: #ffffff
}
/*幻灯*/
