﻿/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote{margin:0;padding:0;}
body{font-family:"Microsoft YaHei",Helvetica,Georgia,Arial,sans-serif;background:#120a08 url(../images/bg-m-b.png) bottom no-repeat;;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
address, caption, cite, code, dfn, em, _em, th, var, optgroup{font-style:inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:actived{text-decoration:none;}
img{vertical-align:top;border:none; }
img{margin:0;padding:0;border:0;}
img{border:none;vertical-align:middle;}
ol,ul,li{list-style:none;}
li{float:left;}
table{border-collapse:collapse; }
.clearit{clear:both;*display:inline;}
/*a:focus { -moz-outline-style: none;}*/
.fl{float:left;}
.fr{float:right;}
i,em{font-style:normal;}
.ml10 { margin-left:17px;}
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/

.bg { width:100%;  height:auto; overflow:hidden; background:url(../images/g_bg2.jpg) center top no-repeat; position:relative; z-index:100;}


.wrap{width:100%; height:auto;background: #000000;}
.wrapper{width:1280px;height:auto;margin:0 auto; position:relative;}
.w_main{width:1280px;height:750px; float:left; position:relative;}
.logo{width:260px;height:105px; position:absolute;top:20px;left:15px;}
.logo a{width:260px;height:105px; float:left;}
.logo a img{width:260px;}
.btn1{width:313px;height:353px; float:left; position:relative; margin:42px 0 0 121px; overflow:hidden;}
.btnBg1{width:313px;height:393px; position:absolute;left:0;top:0;background:url(../images/btnBg1.png) right bottom no-repeat; z-index:5;}
.guai1{width:313px;height:393px; position:absolute;left:20px;top:0;background:url(../images/guai1.png) left top no-repeat; z-index:4;transition:all 0.3s ease-in;}
.tit{width:219px;height:49px; line-height:49px; position:absolute;left:87px;top:290px;padding:0 35px 0 0; z-index:6; background-color:none;transition:all 0.6s ease-in;transform:skew(135deg,0deg);}
a.btn1:hover .guai1{left:0px; transition:all 0.3s ease-in; }
a.btn1:hover .tit{background-color:#a90c0a; transition:all 0.6s ease-in; }
.txt{width:200px;height:49px; line-height:49px; position:absolute;left:110px;top:290px; z-index:7;font-size:28px; color:#c0b28f; text-align:center;}

.btn2{width:313px;height:353px; float:left; position:relative; margin:42px 0 0 43px; overflow:hidden;}
.btnBg2{width:313px;height:393px; position:absolute;left:0;top:0;background:url(../images/btnBg2.png) right bottom no-repeat; z-index:5;}
.guai2{width:313px;height:393px; position:absolute;left:20px;top:0;background:url(../images/guai2.png) left top no-repeat; z-index:4;transition:all 0.3s ease-in;}
a.btn2:hover .guai2{left:0px; transition:all 0.3s ease-in; }
a.btn2:hover .tit{background-color:#a90c0a; transition:all 0.6s ease-in; }

.btn3{width:313px;height:353px; float:left; position:relative; margin:42px 0 0 42px; overflow:hidden;}
.btnBg3{width:313px;height:393px; position:absolute;left:0;top:0;background:url(../images/btnBg3.png) right bottom no-repeat; z-index:5;}
.guai3{width:313px;height:393px; position:absolute;left:20px;top:0;background:url(../images/guai3.png) left top no-repeat; z-index:4;transition:all 0.3s ease-in;}
a.btn3:hover .guai3{left:0px; transition:all 0.3s ease-in; }
a.btn3:hover .tit{background-color:#a90c0a; transition:all 0.6s ease-in; }

/*.wrap{width:100%; height:auto;background:url(../images/indexBg.jpg) center top no-repeat;}
.wrapper{width:990px;height:auto;margin:0 auto;}
.logo{width:150px;height:106px; position:absolute;top:30px;left:15px;background:url(../images/logo.png) center top no-repeat;}
.logo a{width:150px;height:106px; float:left;}
.w_main{width:990px;height:930px; float:left; position:relative;}
.btn1{width:219px;height:49px; line-height:49px; position:absolute;left:8px;top:171px; font-size:28px; color:#c0b28f; text-align:right; padding:280px 30px 0 30px;}
.btn2{width:219px;height:49px; line-height:49px; position:absolute;left:364px;top:171px; font-size:28px; color:#c0b28f; text-align:right; padding:280px 30px 0 30px;}
.btn3{width:219px;height:49px; line-height:49px; position:absolute;left:719px;top:171px; font-size:28px; color:#c0b28f; text-align:right; padding:280px 30px 0 30px;}
.redBg{background:url(../images/redBg.png) right bottom no-repeat;}*/




/*xin*/

.s1_wrapper{width:100%;height:auto;background:url(../images/s1_bg.jpg) center top no-repeat; margin-top:20px;}
.s1_main{width:1000px;height:auto;margin:0 auto; position:relative; border:#c1a26c 1px solid; margin-bottom:20px;}
.num{width:1000px;height:110px; float:left;}
.lunbo1{width:1000px;height:auto; position:absolute;left:-600px;top:110px; z-index:6;transition:all ease-in 0.8s; -webkit-transition:all ease-in 0.8s; -moz-transition:all ease-in 0.8s; -ms-transition:all ease-in 0.8s;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;}
.lunbo1_f{width:1000px;height:auto; position:absolute;left:0;top:110px; z-index:6;transition:all ease-in 0.8s; -webkit-transition:all ease-in 0.8s; -moz-transition:all ease-in 0.8s; -ms-transition:all ease-in 0.8s;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;}


/*轮播1 CSS*/
.main_visual{height:620px;position:relative; margin:0 0 0 0px; }
.main_image{height:620px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:auto;overflow:hidden;position:absolute;top:100px;left:0}
.main_image li{float:left;width:700px;height:auto; position:relative; overflow:hidden}
.txt1{width:800px; float:left; font-size:16px; color:#efe3c1; margin-top:100px; height:auto; overflow:hidden; text-align:center; margin-left:100px; }
.txt1 p{ height:30px; line-height:30px; }
.txt2{width:800px; float:left; font-size:16px; color:#efe3c1; margin-top:80px; height:auto; overflow:hidden; text-align:center ;margin-left:100px;}
.txt2 p{ height:30px; line-height:30px; }
.txt3{width:800px; float:left; font-size:16px; color:#efe3c1; margin-top:00px; height:auto; overflow:hidden; text-align:center;margin-left:100px;  }
.txt3 p{ height:30px; line-height:30px; }
.txt4{width:800px; float:left; font-size:16px; color:#efe3c1; margin-top:50px; height:auto; overflow:hidden; text-align:center ;margin-left:100px;}
.txt4 p{ height:30px; line-height:30px; }
.txt5{width:800px; float:left; font-size:16px; color:#efe3c1; margin-top:150px; height:auto; overflow:hidden; text-align:center; margin-left:100px;}
.txt5 p{ height:30px; line-height:30px; }
.txt6{width:800px; float:left; font-size:16px; color:#efe3c1; margin-top:80px; height:auto; overflow:hidden; text-align:center; margin-left:100px;  }
.txt6 p{ height:30px; line-height:30px;  }


div.flicking_con{position:absolute;top:30px;left:0;z-index:999;width:1000px;height:30px; margin:0 auto}
div.flicking_con ul{min-width:50px;height:30px;float:right; margin-right:30px;}
div.flicking_con ul li{min-width:50px;height:30px;float:left;margin:0 0 0 10px;display:block;}
div.flicking_con ul li a{min-width:50px;height:30px; line-height:30px; float:left;margin:0;display:block; font-size:20px; color:#b9884d;background:url(../images/p3.png) 10px center no-repeat; padding:0 15px 0 31px;}
div.flicking_con ul li a span{min-width:50px;height:30px; line-height:30px; float:left;display:block; font-size:20px; color:#b9884d; padding:0 10px;}
div.flicking_con ul li a.on{min-width:50px;height:30px; line-height:30px; float:left;margin:0;display:block; font-size:20px; color:#371103;background:url(../images/p1.png) left center no-repeat,url(../images/p2.png) right center no-repeat;}
div.flicking_con ul li a.on span{min-width:50px;height:30px; line-height:30px; float:left;display:block; font-size:20px; color:#371103; text-align:center; background-color:#b9884d; padding:0 10px;}

#btn_prev,#btn_next{z-index:1111111;position:absolute;display:block;width:64px!important;height:128px!important;top:260px;display:block;  }
#btn_prev{background:url(../images/leftB.png) left top no-repeat;left:10px;}
#btn_next{background:url(../images/rightB.png) right top no-repeat;right:10px;}



/*shipinfloat*/
.video{background:rgba(0,0,0,0.7);position: absolute;width:100%;height:100%;top:0;left:0; display:none; z-index:10;}
.videoin{width:681px;height:395px;position: absolute; z-index:999999; left:50%; top:50%; margin-left:-340px; margin-top:-200px;}

.videoin_box{width:681px;height:395px;position: absolute; z-index:999999; left:50%; top:50%; margin-left:-340px; margin-top:-200px; }


.videoinbf{width:640px;height:395px;background:url(../images/videocon.png );}
.videoin a{position: absolute;right:0;top:0;width:42px;height:42px;display:block;background:url(../images/close.png );}


#Versionmain{width:100%;height:400px;position:relative; overflow:hidden; margin-top:-750px; margin-bottom:400px; }
#Headert{margin:0 auto -290px -960px;width:1920px;height:750px;position:absolute;left:50%;}

/**top**/
#top{padding:1px 0 0 1px; font-size:12px;position:fixed;right:5px; top:50%; _position:absolute; _top:expression(documentElement.scrollTop + 90 + "px");z-index:9999}
#top .relative{display:block}
#top div{background:url(../images/top_bg.jpg) #1e1e1e no-repeat; width:53px; padding-top:9px; margin-left:16px}
#top a span,#top .top-btn{background:url(../images/btn_main.jpg) no-repeat;display:block; width:53px}
#top div .top-zb,#top div .top-qq{color:#fff;cursor:pointer;display:block;height:70px}
#top div a:hover{color:#ffe157}
#top .top-link-img img{ border-top:1px solid #333}
#top .top-zb span{background-position:-111px 0;height:57px}
#top .top-zb:hover span{background-position:-164px 0}
#top .top-qq{margin-top:25px}
#top .top-qq span{background-position:0 -51px;height:41px}
#top .top-qq:hover span{background-position:-53px -51px}
#top .top-btn{background-position: 0 -94px;height:25px;  margin-left:16px}
#top div,#top .top-btn{_margin-left:5px}
#top .top-im{height:92px}
.QRCode{display:block; width:86px; height:97px; margin-top:5px; padding-top:30px; text-align:center; background:url(../images/bg-QRCode.gif) no-repeat 0 0}
#top div .sub-close-btn{position:absolute; display:inline-block; height:16px; width:16px; background:url(../images/isdiv_close.png) left top; left:-10px; top:-10px; z-index:10; overflow:hidden; _background-image:url(../images/isdiv_close.gif)}
#top div .sub-close-btn:hover{background-position:left bottom}


/*第五模块*/
#m5{margin:0 auto 55px;width:999px;height:600px;padding:5px;background:url(../images/paimaibg.jpg) no-repeat left top;}
#m5 .tips{height:34px;line-height:34px;clear:both;font-size:15px;color:#c2952e;}
#m5 .title{padding:10px 0 0 0px;width:930px;height:45px;line-height:45px;overflow:hidden;font-size:18px;font-family:'microsoft yahei';color:#fff;margin-bottom:10px;background:url(../images/line_x2.gif) no-repeat left bottom;}
#m5 .title span{float:left;}

/*拍卖*/
#Paimai{float:left;width:950px;height:346px;padding-left:49px;background:url(../images/line_x.gif) repeat-x left 55px;}
#Paimai .container2{width:930px;}
#Paimai .div_scroll2{height:480px;}
#Paimai .Paimailist{float:left;}
#Paimai .Paimailist li{float:left;width:930px;height:24px;line-height:24px;overflow:hidden;font-size:14px;color:#866f3d;}
#Paimai .Paimailist li strong{float:left;width:100px;font-weight:normal;text-align:center}
#Paimai .Paimailist li em{float:left;width:100px;}
#Paimai .Paimailist li ins{float:left;width:200px;text-decoration:none;text-align:center}
#Paimai .Paimailist li dd{float:left;width:110px;text-decoration:none;text-align:center;color:#c2952e;}
#Paimai .Paimailist li dl{float:left;width:110px;text-decoration:none;text-align:center}
#Paimai .Paimailist li dt{float:left;width:110px;text-decoration:none;text-align:center}
.container2 .div_scroll{float:left;width:100%;height:262px;overflow:auto;padding-right:23px;}
.container2 .scroll_container{position:relative;overflow:hidden;}
.container2 .scroll_absolute{position:absolute;}
.container2 .scroll_vertical_bar{width:6px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;background:url(../images/line_y.gif) repeat-y center top;}
.container2 .scroll_track{position:relative;border-radius:10px;}
.container2 .scroll_drag{position:relative;top:0;left:0;background-color:#856f3d;border-top:none;border-bottom:none;border-radius:20px;cursor:pointer;}
.container2 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
.container2 .scroll_vertical_bar .scroll_arrow{height:16px;}

/*live*/
.bg_1000 { width:1000px; height:auto; overflow:hidden; margin:0 auto;}
.live_box { width:740px; height:460px; border:#c1a26c 1px solid;   padding:20px; margin-top:20px; position:relative; z-index:100;  float:left}
.bg_buut { width:200px; height:500px; float:right}
.abby { width:200px; height:154px;   margin-top:20px;}
.abby01 { width:200px; height:152px; background:url(../images/botton_01.png) no-repeat; cursor:pointer; float:left }
.abby01:hover { background-position:0px -153px;}
.abby02 { width:200px; height:152px; background:url(../images/botton_02.png) no-repeat; cursor:pointer; float:left }
.abby02:hover { background-position:0px -153px;}
.abby03 { width:200px; height:152px; background:url(../images/botton_03.png) no-repeat; cursor:pointer; float:left }
.abby03:hover { background-position:0px -153px;}

/*装备*/
.m3 { width:100%; height:auto; padding-bottom:30px; margin-top:20px; }
.m33 { width:100%; height:auto; padding-bottom:30px; margin-top:0px; }
.m3_zb { width:1010px; height:auto;  margin:0 auto;   }
.m3_zb_3 { width:325px;  height:auto;  float:left;overflow:hidden;   background:url(../images/zb03_z.png) repeat-y;}
.m3_zb_3_t { width:325px; height:5px; background: url(../images/zb03_t.png) no-repeat; float:left}
.m3_zb_3_d { width:325px; height:5px; background:url(../images/zb03_d.png) no-repeat bottom; float:left}
.m3_zb_3 .role-itemsy { width: 285px; height: auto; float: left; position: relative;  margin-left:20px; margin-top:10px; margin-bottom:10px;}
.m3_zb_3 .role-itemsy img { width:285px; height:auto; overflow:hidden; border-radius:10px;}
.m3_zb_3 .role-itemsy .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_3 .role-itemsy .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_3 .role-itemsy .role-dec-cont { padding: 18px;text-shadow:1px 5px 10px #580404;color:#c2a269; position: absolute; line-height: 24px;font-size:16px ;cursor:pointer }
.role-itemsy:hover .role-dec { top:0px; left:0px; }