@charset "utf-8";
*{margin:0;padding:0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Microsoft YaHei;}
html{overflow-x: hidden;}
body{overflow: hidden; min-width: 1200px;font-size:12px;}
ul,ol,li { list-style:none;}
img{ border:0;}
a{color:#000;text-decoration:none}
em,i{font-style:normal;}
a:focus,input{outline:none;}
a{outline:none;star:expression(this.onFocus=this.blur());} 

#Flash{width:1920px;height:960px;position:absolute;left:50%;margin-left:-960.5px;z-index:1000;}
#bigBanner{width:1920px;height:960px;position:relative;left:50%;margin:0 auto;margin-left:-960.5px;}

.musicbox{width:47px;height:47px;position:absolute;z-index:500;top:90px;right:0%;cursor:pointer;margin-left:-200px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}

.wrap{background:url(../img/bg_2.jpg) top center no-repeat;position: relative;}
.main{width:1200px;margin:0 auto;height:2560px;position:relative;}
.navBg{height:124px;width:100%;position:absolute;left:0;top:0;background:url(../img/navBg.png) repeat-x;z-index: 1001;}
.nav{width:1200px;margin:0 auto;}
.nav ul{overflow:hidden;}
.nav ul li{float:left;text-align:center;width: 159px;}
.nav ul li p{color:#C9A572;font-size:20px;    margin-top: 34px;}
.nav ul li span{color:#bb8340;}
.nav ul li.logo{width:245px;}
.nav ul li a:hover p{color:#e6b775;}
.nav ul li a:hover span{color:#d8a364}
.mainBox{width: 100%;position: absolute;z-index: 1001;margin-top: -120px;}
/********登录and滚图**********/
.KingGame{width:100%;height:388px;}
.KingGameStart{float:left;height:388px;width:380px;position:relative;background:#000;}
.KingGameBottom,.slideBox .hd ul li,.gameXtUl a,.screenshot .hd ul li,.loginStart{background-image:url(../img/btn.jpg);background-repeat:no-repeat;}
.KingGameBottom{width:380px;height:229px;background-position: 0 -159px;    margin-top: 159px;}
.littleNav{width:100%;height:80px;}
.littleNav a{float: left;height: 80px;width: 124px;color:#CAAD73;font-size: 14px;text-align: center;position: relative; overflow: hidden;margin: 0 1px;}
.littleNav a span,.gameGl li a,.authlist a,.btnlist a,.quickBtn,.serverUl li a,.serverMore,.slideTxtBox .bd li a,.inBox .inHd ul li,.StartBtn{background-image:url(../img/btn.png);background-repeat:no-repeat;}
.StartBtn{width: 402px;height: 210px;display: block;position: absolute;left: -22px;top: -40px;background-position: 0 -419px;}
.StartBtn:hover{background-position:0 -630px;}
.littleNav a span{display: block;width:30px;height: 30px;margin:13px auto 6px;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.littleNav a span.p1{background-position: -9px 0px;}
.littleNav a span.p2{background-position:-106px -1px;}
.littleNav a span.p3{background-position:-200px 0px;}
.littleNav a span.p4{background-position:-294px 1px;}
.littleNav a:hover span{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg)}
.dl{width:380px;margin:0 auto;}
.clearfix{width:100%;height:148px;}
.loginForm{height:72px;overflow:hidden;float:left;width: 246px;}
.loginForm .input{height:30px;float:left;margin-bottom:10px;line-height:30px;color:#80848a;font-size:14px;}
.loginForm .input span{float:left;width: 46px;text-align: right;}
.loginForm .input input{height:30px;background:url(../img/input.jpg) no-repeat;line-height:30px;color:#80848a;border:0;padding:0 10px;width: 180px;}
.loginStart{height:148px;width:380px;text-align:center;line-height:72px;color:#ffd686;font-size:0px;overflow:hidden;background-position:0px -6px;float:left;}
.loginStart:hover{background-position:-384px -6px;}
.dlBottom{height:20px;line-height:20px;width:100%;margin-top: 18px;color:#80848a;font-size:14px;}
.dlBottom label{float:left;cursor: pointer;}
.dlBottom label input{width:14px;height:14px;float:left;margin:3px 5px 0 7px;}
.authlist{float:left;height:20px;margin-left: 10px;}
.authlist a{height:20px;width:20px;display:inline-block;margin: 0 4px;}
.authlist a.btn-qq{background-position:-140px -208px;}
.authlist a.btn-wx{background-position:-171px -208px;}
.authlist a.btn-wb{background-position:-202px -208px;}
.authlist a:hover.btn-qq{background-position:-140px -235px;}
.authlist a:hover.btn-wx{background-position:-171px -235px;}
.authlist a:hover.btn-wb{background-position:-202px -235px;}
.wjpad{float:right;text-decoration:underline;color:#ae9666;font-size:14px;}
.account{width:100%;color:#b8b8b8;font-size:14px;height:26px;line-height:26px;}
.account .nickname{width: 168px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;float:left;}
.served{background:#070808;width: 324px;height: 52px;font-size: 14px;margin-top: 14px;padding: 8px 10px 14px 10px;overflow: hidden;border-radius: 5px;}
.served .played{width:100%;color:#b8b8b8;}
.btnlist{text-align:center;width:160px;float:right;}
.btnlist a{margin-left:8px;height:27px;line-height:27px;font-size:14px;color:#ffd686;float: left;width:72px;}
.btnlist a.userCenter{background-position:0px -382px;}
.btnlist a.userQuit{background-position:-80px -382px;}
.playedLink{line-height: 21px;margin-top: 2px;}
.playedLink a{color: #b8b8b8;font-size: 12px;width: 100px;float: left;text-align: center;}
.playedLink a:hover{text-decoration:underline;color:#c5ae98;}
.KingGameImg{float:left;height:388px;width:820px;background:#323641;}
.slideBox{ width:820px; height:388px; overflow:hidden; position:relative;}
.slideBox .bd{ position:absolute;left:0;top:0;height:388px; z-index:0;overflow:hidden;width:100%;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:820px; height:337px; display:block;}
.slideBox .hd{ height:51px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;width:100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;width:100%;}
.slideBox .hd ul li{ float:left;width:25%;height:51px;cursor:pointer;color:#ae9666;font-size:14px;text-align:center;line-height:51px;background-position: 0 -389px;}
.slideBox .hd ul li.on{color:#c0c0c0;background-position:-205px -389px;}

/********服务器and新闻**********/
.server,.news,.gameGl,.gameXt,.gameImg{background:url(../img/boxBg.jpg) no-repeat;}
.listBox{width:100%;margin-top:40px;overflow:hidden;height:410px;}
.server,.news{float:left;height:410px;padding:0 16px;}
.server{width:348px;}
.kingTit{background:url(../img/tit.png) no-repeat;}
.kingTit{margin: 10px 0;height: 25px;position:relative;    float: left;width: 100%;}
.kingTit.t1{background-position:0 2px;}
.whiteBg{height: 306px;float: left;width:100%;}
.serverQuick{margin-top:20px;height:40px;line-height:40px;padding: 0 3px 0 15px;background:url(../img/serverQuick.jpg) no-repeat;color: #80848a;font-size:14px;}
.quickNum{background:none;margin: 0 5px;border: 0;height: 24px;width: 130px; text-align: center;color:#ffd576;}
.quickBtn{float: right; width: 78px;border: 0;color: #ffd686;letter-spacing: 3px;height: 33px;line-height: 33px; margin-top: 3px;cursor: pointer;background-position: -190px -49px;border-radius: 5px;}
.quickBtn:hover{background-position:-190px -88px;}
.serverUl{padding: 10px 0;    margin-bottom: 10px;}
.serverUl li{height:36px;line-height:36px;position:relative;width:100%;}
.serverUl li a{background-position:-316px -48px;padding-left: 17px;color:#80848a;font-size:14px;}
.serverUl li a:hover{color:#ffd576;background-position:-316px -84px;}
.serverUl li a i{padding:0 10px;}
.serverUl li a span{color: #b82401;background: #353535;border: 1px solid #b82401;position: absolute;right: 0;height:16px;top:50%;margin-top:-8px;line-height: 16px; padding: 0 5px;border-radius: 3px;}
.serverUl li a span.sc{color:#475E89; border: 1px solid #475E89;}
.serverMore{color:#dfbe8e;font-size:14px;height:32px;width:294px;margin:0 auto;display:block;line-height:32px;text-align:center;background-position:0 -127px;}
.serverMore:hover{background-position:0 -162px;}
.news{margin-left:4px;width:784px;}
.moreBtn{color: #666;position: absolute;font-size: 14px;right: 0;top:50%;margin-top:-12px;height:25px;display:block;}
.moreBtn i{font-weight:bold;font-size: 17px;color:#666;}
.moreBtn:hover,.moreBtn:hover i,.slideTxtBox .bd li a:hover{color:#ffd576;}
.slideTxtBox{height:410px;position:relative;overflow:hidden;width: 100%;}
.slideTxtBox .hd{ height:46px;width:100%;position:relative;}
.slideTxtBox .hd ul li{ float:left;height:47px;cursor:pointer;width:130px;overflow:hidden;text-indent:-9999px;}
.slideTxtBox .hd ul li.on{background:url(../img/hdOn.png) left bottom no-repeat;}
.slideTxtBox .hd ul li span,.roleTd{background:url(../img/tit.png) no-repeat;}
.slideTxtBox .hd ul li span{width:100%;display:block;margin:9px 0;width: 100%;height: 24px;}
.slideTxtBox .hd ul li.li1 span{background-position:44px -28px;}
.slideTxtBox .hd ul li.li2 span{background-position:44px -64px;}
.slideTxtBox .hd ul li.li3 span{background-position:44px -100px;}
.slideTxtBox .hd ul li.li4 span{background-position:44px -137px;}
.slideTxtBox .hd ul li.li5 span{background-position:44px -173px;}
.slideTxtBox .hd ul li.li1.on span{background-position:43px -215px;}
.slideTxtBox .hd ul li.li2.on span{background-position:43px -251px;}
.slideTxtBox .hd ul li.li3.on span{background-position:43px -287px;}
.slideTxtBox .hd ul li.li4.on span{background-position:43px -324px;}
.slideTxtBox .hd ul li.li5.on span{background-position:43px -360px;}
.slideTxtBox .bd{margin-top:20px;overflow:hidden;}
.slideTxtBox .bd ul{zoom:1;}
.slideTxtBox .bd li{ height:40px; line-height:40px;width:100%;    white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.slideTxtBox .bd li a{float:left;font-size:14px;color:#80848a;width:100%;text-indent: 20px;background-position: -316px -38px;}
.slideTxtBox .bd li a:hover,.gameGl li a:hover{color:#ffd576;background-position:-316px -74px;}
.slideTxtBox .bd li p{float:left;width: 725px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slideTxtBox .bd li span{float:right;color:#666;font-size:14px;}
.newsTit{height:40px;width:100%;background:url(../img/newsTit.jpg) no-repeat;line-height:40px;color:#7e91bb;font-size:14px;margin-bottom: 10px;}
.newsTit span{width: 82px;float: left;letter-spacing: 5px;text-indent: 22px;}
.newsTit p{float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    width: 664px;margin-left: 10px;}
.newsTit p a{color:#7e91bb;}

/********人物**********/
.characterBox,.outBox{height:2700px;width: 1300px;}
.outBox{position:relative;}
.outBox .hd{height:194px;position:absolute;left:0;top:42px;z-index:99;}
.outBox .hd ul{height:194px;float:left;}
.outBox .hd ul li{width:145px;height:194px;float:left;background:url(../img/outBoxTab.png) no-repeat;margin-right:20px;font-size: 0;}
.outBox .hd ul li.roleZ{background-position: 0 0;}
.outBox .hd ul li.roleF{background-position: -164px 0;}
.outBox .hd ul li.roleD{background-position: -329px 0;}
.outBox .hd ul li.roleZ.on{background-position: 0 -215px;}
.outBox .hd ul li.roleF.on{background-position: -164px -215px;}
.outBox .hd ul li.roleD.on{background-position: -329px -215px;}
.inBox{height:770px;width:100%;position:relative;}
.inBox .inHd{height:49px;position:absolute;left:0;top:264px;}
.inBox .inHd ul{height:49px;float:left;}
.inBox .inHd ul li{margin-left:14px;float:left;height:49px;width:49px;cursor:default;background-position:-1px -209px;color:#ffd686;font-size:18px;text-align:center;line-height:49px;}
.inBox .inHd ul li.on{background-position:-63px -209px;color:#FFD686;}
.inBox .inBd{width:933px;height:804px;position:absolute;top:-18px;right:-86px;}
.inBox .inBd div{width:933px;height:804px;}
.inBox .inBd .zsNan{background:url(../img/zsNan.png) no-repeat;}
.inBox .inBd .zsNv{background:url(../img/zsNv.png) no-repeat;}
.inBox .inBd .dsNan{background:url(../img/dsNan.png) no-repeat;}
.inBox .inBd .dsNv{background:url(../img/dsNv.png) no-repeat;}
.inBox .inBd .fsNan{background:url(../img/fsNan.png) no-repeat;}
.inBox .inBd .fsNv{background:url(../img/fsNv.png) no-repeat;}
.roleTxt{position:absolute;left:0;top:356px;width:400px;}
.roleTd{width: 100%;height: 30px;background-position: 0 -397px;overflow: hidden;text-indent: -99999px;}
.roleP{color:#80848a;font-size:14px;line-height: 24px;width: 352px;padding: 10px 0;}
.roleUl{margin-bottom: 20px;}
.roleUl li{color:#80848a;font-size:18px;height:40px;line-height:40px;}
.roleUl li span{float:left;}
.roleUl li i{color: #ae9666;font-size: 30px;margin-right: 4px;}
.roleJn{width:440px;height:89px;background:url(../img/roleJn.jpg) no-repeat;}
.roleJn p{color:#80848a;font-size:18px;padding:9px 10px;}
.roleJn img{padding-left:10px;}

/********攻略截图**********/
.btBox{height:310px;width:100%;}
.gameGl{height:310px;width:376px;float:left;}
.gameGl ul{padding:15px;float: left;}
.gameGl li{font-size:14px;width:100%;float:left; line-height: 38px;}
.gameGl li a{color:#80848a;    background-position: -316px -38px;float:left;width:100%;}
.gameGl li a p{float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 280px;padding-left: 20px;}
.gameGl li a span{float:right;}
.kingTit.t2{background-position:18px -435px;}
.kingTit.t3{background-position:18px -464px;}
.kingTit.t4{background-position:18px -492px;}
.btBox .moreBtn{right: 10px;}
.gameXt{height:310px;width:462px;float:left;    margin: 0 4px;}
.gameXt.gameGl li a p{width:370px}
.gameXtUl{float:left;}
.gameXtUl a{margin-bottom:1px;margin-right:1px;width:153px;height:130px;float:left;overflow:hidden;text-indent:-99999px;}
.gameXtUl a.xt1{background-position:0 -442px;}
.gameXtUl a.xt2{background-position:-154px -442px;}
.gameXtUl a.xt3{background-position:-308px -442px;}
.gameXtUl a.xt4{background-position:0 -573px;}
.gameXtUl a.xt5{background-position:-154px -573px;}
.gameXtUl a.xt6{background-position:-308px -573px;}
.gameXtUl a.xt1:hover{background-position:0 -705px;}
.gameXtUl a.xt2:hover{background-position:-154px -705px;}
.gameXtUl a.xt3:hover{background-position:-308px -705px;}
.gameXtUl a.xt4:hover{background-position:0 -836px;}
.gameXtUl a.xt5:hover{background-position:-154px -836px;}
.gameXtUl a.xt6:hover{background-position:-308px -836px;}
.gameImg{height:310px;width:354px;float:left;}
.screenshot{ width:354px; height:260px; overflow:hidden;position:relative;margin:0 auto;}
.screenshot .hd{position:absolute;left:0;bottom:0;height:10px;}
.screenshot .hd ul{float:left;}
.screenshot .hd ul li{width:58px;height:10px;background-position:-60px -975px;float:left;}
.screenshot .hd ul li.on{background-position: 0 -975px;}
.screenshot .hd ul li+li{margin-left:1px;}
.screenshot .bd,.screenshot .bd img{width:354px;height:248px;float:left;overflow:hidden;}
#cyou_bottom{background:url(../img/cyou_bottom.jpg) no-repeat;}
.kfBox{width:121px;height:211px;background:url(../img/kfBox.png) no-repeat;position:fixed;right:0;top:50%;margin-top:-105px;z-index: 1001;}
.kfBox ul{padding:0 10px;    margin-top: 50px;    font-size: 16px;}
.kfBox ul li{margin-bottom: 7px;}
.kfBox ul li p{color:#4c2e0b;font-weight: bold;}
.kfBox ul li span{color:#cfab83;}
.kfBox ul li a{background:url(../img/a.png) no-repeat;color:#ffd686;width:93px;height:25px;display:block;text-align:center;line-height:25px;}

/********内页**********/
.nyWrap{background:url(../img/nyWrap.jpg) top center no-repeat;position: relative;}
.nyMain{width:1200px;margin:0 auto;height:1844px;background:url(../img/nyMain.jpg) no-repeat;position:relative;}
.nyLeft{width:380px;float:left;}
.nyLeft .server{margin-top:10px;}
.nyRight{background:url(../img/nyRight.jpg) no-repeat;width:790px;height:1194px;float:left;padding:0 15px;}
.listRtxt{height:86px;width:100%;}
.listRtxt h3{margin-top: 21px;float: left;color:#6A6E76;font-size: 33px;}
.listRtxt h3 span{display: inline-block;font-size: 14px;font-weight: normal;padding-left:10px;}
.listRtxt p{float:right;color:#ae9666;font-size:16px;margin-top: 43px;}
.listRtxt p a{color:#817d71;text-decoration:underline;color:#ae9666;}
.listNy{padding:20px;}
.listNyTab{border-bottom:1px solid #4D4E50;width:100%;height:50px;line-height:50px;}
.listNyTab a{display:inline-block;width:80px;color:#6C7078;font-size:16px;text-align:center;float: left;margin-right:5px;}
.listNyTab a.act{color:#ACBFED;border-bottom:1px solid #ACBFED;}
.listNyList{float: left; margin-top: 20px; width: 100%;min-height: 504px;}
.listNyList li{ width: 100%;float: left;height: 42px;line-height: 42px;color: #9a9789;border-bottom:1px dashed #312926;}
.listNyList li a{font-size:16px;color:#80848a;}
.listNyList li a:hover,.listNyPage a:hover{color:#ffd576}
.listNyList li p{margin-right:5px;font-size:14px;float:left;width:650px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.listNyList li span{color:#666;float:right;font-size:14px;}
.listNyPage{width:100%;text-align:center;height:28px;line-height:28px;font-size:16px;padding:40px 0;color:#80848a;float: left;letter-spacing: 7px;}
.listNyPage a{color: #80848a;}
.nyTit{border-bottom:1px solid #4F5052;height:112px;text-align:center;}
.nyTit h3{color:#c40800;font-size:20px;width:100%;font-weight: normal;float:left;padding-top: 30px;padding-bottom: 5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
.nyTit p{width:100%;float:left;color:#959595;font-size:14px;}
.nyTxt{width:100%;color:#b8bec7;font-size: 14px;line-height: 26px;margin: 30px 0;overflow-y: auto;max-height: 900px;}
.nyTxt img{max-width:698px;display:block;margin:10px auto;}
.nyTxt p{text-indent:2em;padding:10px 0;}
.nyTxt::-webkit-scrollbar{width: 10px;height: 1px;}
.nyTxt::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ae9666;}
.nyTxt::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background:#b8bec7;}
.page_ny_xq_zhm {text-align: center;background:#262120;color: #fff;font-size: 14px;font-weight: bold;padding:30px; line-height:36px;}
.page_ny_xq span {display: inline-block;color: #8d8d8d;width: 33.33%;margin-top: 20px;}
.page_ny_xq_zhm a {display: inline-block;vertical-align: middle;width: 78px;height: 26px;line-height: 26px;background-color: #A71E18;border-radius: 3px;font-size: 12px;color: #fff;margin-left: 6px;}
.page_ny_xq_zhm a:hover{background:#AF8C32}
.page_ny_xq_zhm select,.page_ny_xq_zhm input{width: 200px; height: 24px;line-height: 24px;}

.yy-list{float: left;width: 100%;overflow: hidden;margin-top:20px;}
.yy-list ul{float: left;width: 795px;}
.yy-list ul li{width:228px;float:left;margin-right:33px;overflow:hidden;height: 190px;margin-bottom:33px;}
.yy-list ul li img{width:228px;height:145px;float:left;}
.yy-list ul li i{width: 100%;display: block;font-size: 16px;line-height: 36px;margin-top: 3px;float:left;text-align: center;}
.yy-list ul li a{color:#80848a;display:block;float:left;}
.yy-list ul li a:hover{color:#ffd576;}
 
#cyou_bottom{background:#000;}




/********悬浮下载2021.3.16加**********/
.download{width:178px;height:377px;position:fixed;left:0;top:50%;margin-top:-164px;background:url(../img/download.png) no-repeat;z-index: 1001;}
.dBox{width: 153px; margin: 0 auto;padding-top: 212px;}
.dBox a{width:153px;height:43px;float:left;margin-bottom:8px;background:url(../img/downloadBtn.png) no-repeat;font-size:0;}
.dBox a.dAndroid{background-position: 0 -51px;}
.dBox a.dIos:hover{background-position: -184px 0;}
.dBox a.dAndroid:hover{background-position: -184px -51px;}
.dBox a.wdDownload{background-position: 0 -104px;}
.dBox a.wdDownload:hover{background-position:-184px -104px;}


.bottom{width:1920px;height:132px;left: 50%;margin-left: -960px;overflow: hidden;position: relative;background-position: 0px -0px;background-image: url(../images/bj_07.jpg);}
#Layer4 {
    position: relative;
    width: 1000px;
    height: 132px;
    z-index: 1;
}
#Layer5 {
    position: absolute;
    width: 700px;
    height: 90px;
    z-index: 1;
    left: 258px;
    top: 23px;
}
.STYLE3 {
    font-size: 12px;
    color: #a58351;
}
a:visited {
    text-decoration: none;
    color: #a58351;
}
.ml10{margin-left:10px;}
.m5{width:100%;height:auto;overflow:hidden;padding-bottom:100px;padding-top:270px;background: url(../images/index_02.jpg) bottom center no-repeat; z-index:999999; }
.zb{width:1200px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}


.zb_3bg{padding:10px 10px 10px;width:370px;height:auto;overflow:hidden;float:left;background:url(../images/zbbg.jpg) top left;position:relative;background:#8e8e8e}
.zb_3{padding:10px 10px 10px 10px;width:350px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgb(0 0 0);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.zb_3_t{width:350px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_3_d{width:350px;height:0px;float:left;background:#ece8e5;position:relative}
.zb_3 .role-itemst{width:345px;height:auto;float:left;position:relative;}
.zb_3 .role-itemst img{width:345px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}


.zb_2bg{padding:10px 10px 10px;width:608px;height:auto;overflow:hidden;float:left;background:url(../images/zbbg.jpg) top left;position:relative;border:1px solid #FFF;}
.zb_2{padding:10px 10px 10px 10px;width:588px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgba(27,11,11,1);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.zb_2_t{width:588px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_2_d{width:588px;height:0px;float:left;background:#ece8e5;position:relative}
.zb_2 .role-itemst{width:578px;height:auto;float:left;position:relative;}
.zb_2 .role-itemst img{width:578px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}

.zb_1bg{padding:10px 10px 10px;width:1248px;height:auto;overflow:hidden;float:left;background:url(../images/zbbg.jpg) top left;position:relative;border:1px solid #FFF;}
.zb_1{padding:10px 10px 10px 10px;width:1228px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgba(27,11,11,1);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.zb_1_t{width:1228px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.zb_1_d{width:1228px;height:0px;float:left;background:#ece8e5;position:relative}
.zb_1 .role-itemst{width:1217px;height:auto;float:left;position:relative;}
.zb_1 .role-itemst img{width:1217px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}