blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
form{display:inline}
body,button,input,select,textarea{font:12px/1.8 "microsoft yahei",tahoma,arial,\5b8b\4f53,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ol,ul{list-style:none}
a{text-decoration:none;color:#333}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
article,aside,audio,details,figcaption,figure,footer,header,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
.clearfix,.colgroup{*zoom:1}
.clearfix:after,.clearfix:before,.colgroup:after,.colgroup:before{display:table;content:""}
.clearfix:after,.colgroup:after{clear:both}
.undis{display:none}
.fl{float:left}
.fr{float:right}
.fm{overflow:hidden;*zoom:1}
.center{text-align:center}
.mt5{margin-top:5px}
body{background:#22202b;min-width:1200px}
.wrapper{width:1200px;margin:0 auto;position:relative;z-index:2}
.bg{background:#22202b url(../image/bg.jpg) no-repeat 50% 0;position:relative}
.banner-wrap{position:absolute;top:0;left:0;width:100%;height:810px;z-index:1;overflow:hidden}
.banner-wrap .banner{position:absolute;top:0;left:50%;width:1920px;margin-left:-960px}
.banner .btn-play{position:absolute;display:block;top:393px;left:50%;margin-left:-486px;width:78px;height:78px;background:url(../image/bg.png) 0 0 no-repeat;z-index:2;-webkit-transition:all .5s;transition:all .5s;-webkit-animation:playBtnAnimation .5s linear alternate infinite;animation:playBtnAnimation .5s linear alternate infinite}
#btnStart,#flashBanner{display:block}
@-webkit-keyframes playBtnAnimation{from{-webkit-transform:scale(1.05);transform:scale(1.05)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes playBtnAnimation{from{-webkit-transform:scale(1.05);transform:scale(1.05)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
.header{position:relative;z-index:3}
.header .wrapper{overflow:hidden}
.header .logo{float:right;margin:5px 65px 0 0;width:154px;height:73px;}
.nav{margin:26px auto;position:relative;float:right;font-size:0;width:930px;height:40px;line-height:40px;background-color:rgba(0,0,0,.5);*background-color:#1e2c3f}
.nav li{position:relative;float:left;width:110px;padding-right:2px}
.nav li a{display:block;width:100%;height:100%;text-align:center;overflow:hidden}
.nav .text1{position:relative;font-size:14px;color:#fff}
.nav li:before{content:'';position:absolute;top:7px;right:0;height:26px;width:1px;background-color:#6e7072;border-left:1px solid #111317}
.nav li a.on .text1,.nav li a:hover .text1{color:#f6e2ad}
.nav li a.on .text1:after,.nav li a.on .text1:before,.nav li a:hover .text1:after,.nav li a:hover .text1:before{content:'';position:absolute;right:-16px;top:50%;margin-top:-6px;width:12px;height:12px;background:url(../image/icon_nav.png) 0 0 no-repeat;-webkit-animation:iconNavAnimation 1s forwards;animation:iconNavAnimation 1s forwards}
.nav li a.on .text1:before,.nav li a:hover .text1:before{left:-16px}
@-webkit-keyframes iconNavAnimation{from{opacity:0}
to{opacity:1}
}
@keyframes iconNavAnimation{from{opacity:0}
to{opacity:1}
}
.main-wrap{margin-top:520px}
.main-wrap .main{width:924px;margin-left:276px;min-height:1280px;z-index:3}
.main-wrap .main-side{position:absolute;top:0;left:0;width:268px;overflow:hidden;*zoom:1;z-index:-1}
.main .main-grid{float:left;position:relative;overflow:hidden}

.main .mainart-grid{float:right;position:relative;overflow:hidden}
.main .art{float:right;position:relative;overflow:hidden;margin:8px 0 0 8px;width:1200px;height:316px;}
.main .newsart-box{width:450px;height:316px;background-color:#373540}
.newsart-box .dd,.newsart-box .dt{padding:0 27px;position:relative}
.newsart-box .dtt{padding:21px 0;line-height:1;font-size:14px;color:#b7b7b7;letter-spacing:1px;border-bottom: 1px dashed #c3c3c3;}
.newsart-box .dtt em{font-size:24px;color:#ffaa00;margin-right:5px}
.newsart-box .dt .more{float:right;font-size:14px;color:#888;line-height:22px}
.newsart-box .dt .more:hover{color:#fff;}
.newsart-box .dt .more:after{content:'+';margin-left:2px;color:#ae8f3c}
.newsart-box .tab{width:100%;overflow:hidden}
.newsart-box .tab span{position:relative;display:inline-block;*display:inline;width:25%;height:36px;line-height:36px;vertical-align:top;font-size:16px;color:#000;background-color:#f8f8f8;border-bottom:2px solid #ebebea;text-align:center;cursor:pointer}
.newsart-box .tab span:hover{position:relative;display:inline-block;*display:inline;width:20%;height:36px;line-height:36px;vertical-align:top;font-size:16px;color:#ad8732;text-align:center;cursor:pointer}
.newsart-box .tab span.on{color:#ad8732;background-color:#f0f0f0;border-color:#ad8732}
.newsart-box .list{padding-top:5px;height:200px;overflow:hidden}
.newsart-box .list .li{padding:10px 0 10px 14px;line-height:19px;font-size:14px;border-bottom:1px dashed #c3c3c3;background:url(../image/icon_art.png) 0 50% no-repeat}
.newsart-box .list .li a{display:block;position:relative;padding-right:100px;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-transition:all .3s;transition:all .3s}
.newsart-box .list .li a:hover{padding-left:5px;color:#ffaa00}
.newsart-box .list .li .date{position:absolute;top:0;right:0}
.newsart-box .list .li:last-child{border-bottom:0}

.main .mainpic-grid{float:right;position:relative;overflow:hidden}
.main .pic{float:right;position:relative;overflow:hidden;width:1200px;height:316px;}
.main .newspic-box{width:740px;height:316px;margin-right:10px;background-color:#373540}
.newspic-box .dd,.newspic-box .dt{padding:0 27px;position:relative}
.newspic-box .dtt{padding:21px 0;line-height:1;font-size:14px;color:#b7b7b7;letter-spacing:1px;border-bottom: 1px dashed #c3c3c3;}
.newspic-box .dtt em{font-size:24px;color:#ffaa00;margin-right:5px}
.newspic-box .dt .more{float:right;font-size:14px;color:#888;line-height:22px}
.newspic-box .dt .more:hover{color:#000;}
.newspic-box .dt .more:after{content:'+';margin-left:2px;color:#ae8f3c}
.newspic-box .tab{width:100%;overflow:hidden}
.newspic-box .tab span{position:relative;display:inline-block;*display:inline;width:25%;height:36px;line-height:36px;vertical-align:top;font-size:16px;color:#000;background-color:#f8f8f8;border-bottom:2px solid #ebebea;text-align:center;cursor:pointer}
.newspic-box .tab span:hover{position:relative;display:inline-block;*display:inline;width:20%;height:36px;line-height:36px;vertical-align:top;font-size:16px;color:#ad8732;text-align:center;cursor:pointer}
.newspic-box .tab span.on{color:#ad8732;background-color:#f0f0f0;border-color:#ad8732}
.newspic-box .list{padding-top:5px;height:200px;overflow:hidden}
.newspic-box .list .li{padding:10px 0 10px 14px;line-height:19px;font-size:14px;border-bottom:1px dashed #c3c3c3;background:url(../image/icon_art.png) 0 50% no-repeat}
.newspic-box .list .li a{display:block;position:relative;padding-right:100px;color:#6a6a6a;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-transition:all .3s;transition:all .3s}
.newspic-box .list .li a:hover{padding-left:5px;color:#977c2e}
.newspic-box .list .li .date{position:absolute;top:0;right:0}
.newspic-box .list .li:last-child{border-bottom:0}

.main .newspic-box ul li{float: left;margin:10px 0 0 45px;}
.main .newspic-box ul li img:hover{transform: scale(1.01);transition: all 0.6s;}
.main .newspic-box ul li img{width: 188px;height: 188px;}
.main .newspic-box ul li p{text-align: center;padding-top: 5px;font-size: 14px;color: #fff;}
.main .newspic-box ul li p:hover{text-decoration:underline}





.main .slider{width:370px}
.main .server-list{margin-left:8px;width:546px;height:151px;background:url(../image/bg_server.jpg)}
.main .news-box{margin:8px 0 0 8px;width:546px;height:316px;background-color:#303038}
.main .data-box{margin:8px 0 0 0;width:100%;margin-top:8px;}
.main .role-box{float:right;margin:8px 0 0;width:1200px}
.main .link-box,.main .part-box{float:left;margin:8px 0 0;width:1200px;margin-left: -276px;}
.main .slider,.main-side .login-box{height:475px}
.main-side .media-box{margin-top:8px;width:100%}
.main-side .contact-box{margin-top:8px;height:459px;background:url(../image/contact_bg.jpg) 0 0 no-repeat;overflow:hidden}
.home-main .main{min-height:1688px}
.home-main .contact-box{margin-top:8px}
.start-game{position:relative;background:url(../image/start_btn.png) no-repeat 0 0;width:100%;height:151px}
.start-btn{display:block;width:100%;height:100%}
.user-link{position:relative}
.user-link .link{display:block;width:100%;height:81px;font-size:0;background:url(../image/user_link.jpg) no-repeat 0 0}
.user-link .link.link-pay{background-position:0 -81px}
.user-link .link.link-newplayer{background-position:0 -162px}
.user-link .link.link-down{background-position:0 -243px}
.user-link .link:hover{background-position-x:-268px}
.user-info{position:absolute;top:0;left:0;width:100%;height:81px;text-align:center;background:#000 url(../image/bg_uinfo.jpg) 0 0 no-repeat}
.user-info .name{display:block;margin:0 auto;width:90%;padding:10px 0;height:26px;line-height:26px;color:#ff0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.user-info .logout{display:block;margin:0 auto;width:72px;height:21px;line-height:21px;font-size:12px;text-align:center;background:#7e6a4e;color:#fff;border-radius:2px;-webkit-box-shadow:inset 0 2px 4px #b9a588;box-shadow:inset 0 2px 4px #b9a588;-webkit-transition:all .3s;transition:all .3s}
.user-info .logout:hover{background-color:#b9a588}
.server-list{background:#404958 url(../image/bg1.jpg) 0 0 no-repeat}
.server-list .more{position:absolute;top:0;left:0;width:95px;height:100%;background:url(../image/server_more.jpg) 0 0 no-repeat;z-index:2}
.server-list .list{position:relative;margin-left:95px;font-size:0;padding:25px 0 0;height:120px;overflow:hidden}
.server-list .list span{position:relative;float:left;display:block;width:96%;height:80px;line-height:80px;margin:0 0 10px 10px;text-indent:30px;color:#FFFFFF;font-size:16px;background:rgba(0,0,0,.1);*background:#1f1f23;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.server-list .list .say{position:relative;float:left;text-align:center;display:block;width:100%;height:25px;line-height:25px;text-indent:10px;color:#00FF00;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.server-list .list span em{padding-right:20px;font-size:18px;color:#ffff00;}
.server-list .list span .sign{position:absolute;top:50%;left:7px;width:12px;height:12px;margin-top:-6px;background:url(../image/icon_server.png) 0 0 no-repeat}
.server-list .s-state{display:inline-block;*display:inline;vertical-align:middle;margin-left:5px;width:7px;height:14px;background-color:#71d132;zoom:1;-webkit-transition:all .5s;transition:all .5s}
.s-state.s-2{background-color:#f30}
.s-state.s-3{background-color:#aaa}
.s-state.s-4{background-color:#bcbc1f}
.server-list .list span:hover{color:#00ffff}
.server-list .list span:hover .s-state{-webkit-transform:translateX(10px);transform:translateX(10px)}
.dl-box{padding:0;margin:30px 0}
.dl-box .dt{position:relative;padding-bottom:10px;margin:10px 0;line-height:1}
.dl-box .dt em{font-size:24px;color:#666;margin-right:20px}
.dl-box .dt .sub-tt{font-size:14px;color:#ddd}
.dl-box .dt .more{position:absolute;top:10px;right:0}
.dl-box .dd{padding:10px 20px;border:1px solid #f2f2f2}
.dl-box .tab{position:absolute;top:0;right:60px;line-height:30px;height:30px;font-size:14px}
.dl-box .tab span{display:inline-block;padding:0 10px;text-align:center;cursor:pointer;color:#74733b}
.dl-box .tab .on{color:#ad8732;border-bottom:2px solid #9a7e3c}
.dl-box .list .li{border-bottom:1px dashed #c1c1c1;background:url(../image/bg1.jpg) no-repeat 0 50%;padding-left:10px;line-height:3}
.dl-box .list a:hover{color:#a48949}
.dl-box .date{float:right;color:#aaa}
.dl-box2{background:#f8f8f8;padding:30px 20px}
.dl-box2 .tab{background:#fff}
.news-box .dd,.news-box .dt{padding:0 27px;position:relative}
.news-box .dtt{padding:21px 0;line-height:1;font-size:14px;color:#b7b7b7;letter-spacing:1px}
.news-box .dtt em{font-size:24px;color:#ae8f3c;margin-right:5px}
.news-box .dt .more{float:right;font-size:14px;color:#888;line-height:22px}
.news-box .dt .more:hover{color:#000;}
.news-box .dt .more:after{content:'+';margin-left:2px;color:#ae8f3c}
.news-box .tab{width:100%;overflow:hidden}
.news-box .tab span{position:relative;display:inline-block;*display:inline;width:25%;height:36px;line-height:36px;vertical-align:top;font-size:16px;color:#9a9a9a;background-color:#2d2d34;border-bottom:2px solid #000;text-align:center;cursor:pointer}
.news-box .tab span:hover{color:#ad8732;}
.news-box .tab span.on{color:#ad8732;background-color:#000;border-color:#ad8732}
.news-box .list{padding-top:5px;height:200px;overflow:hidden}
.news-box .list .li{padding:10px 0 10px 14px;line-height:19px;font-size:14px;border-bottom:1px dashed #000;background:#2d2d34 url(../image/icon_news.png) 0 50% no-repeat}
.news-box .list .li a{display:block;position:relative;padding-right:100px;color:#9a9a9a;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-transition:all .3s;transition:all .3s}
.news-box .list .li a:hover{padding-left:5px;color:#977c2e}
.news-box .list .li .date{position:absolute;top:0;right:0}
.news-box .list .li:last-child{border-bottom:0}
.info-box .info-pic{display:block;position:relative;width:226px;height:240px;text-align:center;color:#fff;font-size:16px}
.info-box .pic-1{float:left;background:#111 url(../image/bg1.jpg) 50% 50% no-repeat}
.info-box .pic-2{float:right;background:#111 url(../image/bg1.jpg) 50% 50% no-repeat}
.info-pic .pic-center{position:absolute;top:0;left:0;width:100%;height:100%;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:all .6s linear;transition:all .6s linear}
.pic-1 .pic-center{background-image:url(../image/bg.png)}
.pic-2 .pic-center{background-image:url(../image/bg.png)}
.info-pic .pic-tt{position:absolute;top:0;left:0;width:100%;font-size:24px;z-index:1}
.info-pic .pic-txt{position:absolute;bottom:-30px;left:0;width:100%;height:30px;line-height:30px;background-color:rgba(0,0,0,.5);*background-color:#333;z-index:1;-webkit-transition:all .3s linear;transition:all .3s linear}
.info-pic:hover .pic-center{background-size:80%}
.info-pic:hover .pic-txt{bottom:0}
.media-box .media-pic{position:relative;width:100%;height:161px;overflow:hidden;-webkit-transition:all .3s linear;transition:all .3s linear}
.media-pic.pic-1{background:url(../image/pic-1.jpg) 50% 50% no-repeat;background-size:100%}
.media-pic.pic-2{margin-top:8px;background:url(../image/pic-2.jpg) 50% 50% no-repeat;background-size:100%}
.media-box .pic-sign{position:absolute;top:0;left:0;width:100px;height:161px;font-size:0;background:50% 50% no-repeat;-webkit-transition:all .5s;transition:all .5s}
.pic-1 .pic-sign{background-image:url(../image/pic1_t.png)}
.pic-2 .pic-sign{background-image:url(../image/pic2_t.png)}
.media-pic a{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:2}
.media-pic:hover{background-size:110%}
.media-pic:hover .pic-sign{-webkit-transform:rotateY(-90deg) translateY(-10px);transform:rotateY(-90deg) translateY(-10px);opacity:0}
.data-list .data-li{opacity:.8;float:left;position:relative;width:225px;margin-left:8px;height:330px;background:#fff 50% 50% no-repeat;background-size:100%;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
.data-list .data-li:hover{opacity:1}
.data-list .data-li.data-1{margin-left:0;background-image:url(../image/data-1.jpg)}
.data-list .data-li.data-2{background-image:url(../image/data-2.jpg)}
.data-list .data-li.data-3{background-image:url(../image/data-3.jpg)}
.data-list .data-li.data-4{background-image:url(../image/data-4.jpg)}
.data-list .data-li .li-dt{display:none}
.data-list .data-li .more{position:absolute;top:35px;right:24px;width:19px;font-size:12px;color:#333;text-align:center;line-height:1.6}
.data-list .data-li .more i{display:block;margin-top:5px;width:19px;height:20px;background:url(../image/icon_more.png) 0 0 no-repeat}
.data-list .data-li .more:hover{color:#977c2e}
.data-box .li-dd{position:absolute;top:33px;left:69px;width:100px;height:250px;overflow:hidden;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}
.data-box .li-dd a{float:left;display:block;margin:0 5px 8px 0;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;width:20px;height:75px;*width:100px;*height:20px;*margin:0 5px 5px 0;line-height:20px;color:#333;font-size:12px;letter-spacing:2px;text-indent:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:all .5s;transition:all .5s}
.data-box .li-dd a:hover{background-color:grey;color:#fff;text-align:center}
.role-box .role-list{position:relative;width:100%;overflow:hidden;background-color:#000}
.role-list .role-li{float:left;position:relative;height:400px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s}
.role-li .li-dt{float:left;width:100px;height:400px;background:url(../image/role_nav.jpg) 0 0 no-repeat;cursor:pointer}
.role-li .li-dt:hover{background-position-y:-400px}
.role-2 .li-dt{background-position-x:-100px}
.role-3 .li-dt{background-position-x:-200px}
.role-4 .li-dt{background-position-x:-300px}
.role-li .li-dd{position:relative;float:left;width:0;height:400px;background:50% 50% no-repeat;-webkit-transition:all .5s;transition:all .5s}
.role-1 .li-dd{background-image:url(../image/role-1.jpg)}
.role-2 .li-dd{background-image:url(../image/role-2.jpg)}
.role-3 .li-dd{background-image:url(../image/role-3.jpg)}
.role-4 .li-dd{background-image:url(../image/role-4.jpg)}
.role-li.on .li-dd{width:800px}
.role-li.on .li-dt{background-position-y:-400px}
.role-li .li-dd .r-info{position:absolute;top:125px;left:40px}
.li-dd .r-info p{color:#FFFFFF;font-size:14px;line-height:1.6;margin-bottom:5px}
.li-dd .r-info .more{opacity:.7;display:block;margin-top:10px;width:109px;height:23px;background:url(../image/role_more.png) 0 0 no-repeat;font-size:0}
.li-dd .r-info .more:hover{opacity:1}
.nest-box{float:left;margin:0 0 0 9px;background:#e7e7e7;padding:10px;width:282px;height:210px;overflow:hidden}
.nest-box-1{margin-left:0}
.nest-box .tab{font-size:12px}
.nest-box .tab span{background:#787681;display:inline-block;margin-left:10px;width:85px;height:24px;line-height:24px;color:#fff;text-align:center;cursor:pointer}
.nest-box .tab .on{background:#1e1d26;color:#fff}
.nest-box .tab .first{margin-left:0}
.nest-box .con{padding:10px 0;font-size:12px}
.nest-box .con li{padding:4px 0;border-bottom:1px dashed #78736f}
.nest-box .con .date{float:right;color:#000}
.nest-box .con a{color:#000}
.nest-box .con a:hover{color:#666}
.nest-box .con .bottom{text-align:right;margin-top:8px}
.contact-container{padding:25px 0 0 25px;color:#979fa3;font-size:14px;line-height:1.5}
.contact-container a{color:#ff7800;}
.contact-container a:hover{color:#00ffff;}




.ct-info{padding:0 0 0 106px;position:relative;height:98px}
.ct-info .ewm-pic{position:absolute;top:0;left:0;width:98px;height:98px}
.ct-info .ct-txt{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;top:0;left:0;width:88px;height:88px;border:5px solid #cececf;color:#22212b;font-size:18px;background-color:#b8b8b8;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.ct-info .icon-scan{position:relative;display:inline-block;*display:inline;vertical-align:text-top;margin-right:6px;width:20px;height:20px;background:url(../image/icon_scan.png) 0 0 no-repeat}
.ct-info em{color:#fff}
.contact-container .split-line{margin:8px 0 8px -12px;width:243px;height:17px;background:url(../image/ct_line.png) 0 0 no-repeat}
.contact-container .ct-online{margin-top:15px}
.ct-online .icon-online{position:relative;display:inline-block;*display:inline;vertical-align:top;margin-right:5px;width:19px;height:21px;background:url(../image/icon_zixun.png) 0 0 no-repeat}
.ct-online .online-link{display:inline-block;*display:inline;padding:2px 5px;line-height:1}
.link-box .dt{position:relative;padding:5px 15px;line-height:34px;font-size:14px;color:#6d7078;background-color:#2a2834}
.link-box .dt em{font-size:24px;color:#9f9ea2;font-weight:700;margin-right:5px}
.link-box a{color:#979fa3;display:inline-block;margin:10px 10px 0 10px;white-space:nowrap}
.link-box a:hover{color:#fff;text-decoration:underline}
.link-box .dd{padding:10px;min-height:40px;color:#979fa3;background-color:#1e1d26}
.pic-list{font-size:0;margin:20px 0 0 -22px}
.pic-list a{float:left;margin:0 0 20px 20px;width:260px;height:170px;background:#000;position:relative}
.pic-list a img{width:260px;height:170px;display:block}
.pic-list .tt{position:absolute;bottom:0;left:0;width:100%;line-height:32px;font-size:14px;color:#fff;text-align:center;background:#000;background:rgba(0,0,0,.5)}
.main-page{overflow:hidden;*zoom:1;border:1px solid #f2f2f2}
.main-page .hd{height:50px;line-height:50px;padding:10px 40px 10px 40px;color:#666;border-bottom:1px dashed #e4e4e4;background-color:#ededee}
.main-page .hd em{font-size:24px;margin-right:10px;color:#666}
.main-page .hd .sub-tt{color:#ddd}
.main-page .hd .crumb{float:right}
.main-page .hd a{color:#999}
.main-page .hd a:hover{color:#b08d4b}
.main-page .bd{min-height:1145px;padding:30px 40px;background-color:#fff}
.main-page .tab{border-top:5px solid #d7d7d7;padding-left:1px;background:#f8f8f8;line-height:50px;font-size:16px}
.main-page .tab a{display:inline-block;margin-top:-5px;border-top:5px solid #d7d7d7;padding:0 50px;cursor:pointer;color:#333}
.main-page .tab a:hover{display:inline-block;margin-top:-5px;border-top:5px solid #b08d4b;padding:0 50px;cursor:pointer;background:#f0f0f0}
.main-page .tab .on{border-top:5px solid #b08d4b;color:#b08d4b;background:#fff}
.main-page .tab .oon{border-top:5px solid #d7d7d7;color:#b08d4b;}
.main-page .list{font-size:14px;padding:20px 0}
.main-page .list .li{border-bottom:1px dashed #c1c1c1;background:url(../image/bg1.jpg) no-repeat 0 50%;padding-left:10px;line-height:3}
.main-page .list a{color:#666}
.main-page .list a:hover{color:#a48949}
.main-page .list .date{float:right;font-size:12px;color:#aaa}
.main-page .title{padding:0;color:#ce962f;font-size:32px;text-align:center;font-weight: 700;}
.main-page .meta{border-bottom:1px dashed #b6bbc7;font-size:14px;color:#999;text-align:center;padding-bottom:10px;margin-bottom:20px}
.main-page .meta span{margin: 0 10px;}
.main-page .content{font-size:14px;color:#666}
.main-page .content p{margin:10px 0}
.main-page .link {position: relative;width: 840px;margin: 0 auto;border-bottom: 1px dashed #b6bbc7;color: #8d8d8d;padding: 0 0 20px;line-height: 24px;font-size: 14px;text-align: right;}
.main-page .link a:hover {text-decoration: underline}
.main-page .news-sec {position: relative;color: #616161;}
.main-page .news-sec h4 {padding: 10px 0;font-size: 24px;font-weight: 700;}
.clearfix {zoom: 1;}
.main-page .news-sec .n-left {float: left;width: 460px;}
.main-page .news-sec .n-left li {position: relative;color: #616161;font-size: 14px;line-height: 2;}
.main-page .news-sec .n-left li a {text-decoration: none;color: #2f2f2f;outline: 0;}
.main-page .news-sec .n-left li a:hover {text-decoration: underline}
.main-page .news-sec .n-right {float: right;width: 275px;text-align: center;}
.main-page .news-sec .n-right img {display: block;width: 100%;}
img {border: 0;}
.paging{text-align:center;font-size:0}
.paging a{color: #888;line-height: 30px;display: inline-block;padding: 5px 15px;margin-left: -1px;border: 1px solid #e5e5e5;font-size:12px;}
.paging a:hover{background:#e8e482;border:1px solid #e8e482;color:#fff}
.paging p{color: #888;line-height: 30px;display: inline-block;padding: 5px 15px;margin-left: -1px;border: 1px solid #e5e5e5;font-size:12px;}
.paging a#on{color: #f00;}
.download-wrap{background:url(../image/down-bg.jpg) no-repeat 100% 0;height:824px}
.download-wrap .name{font-size:24px;color:#a37a2c;margin-top:20px}
.download-wrap .info{color:#666;margin:20px 0 50px 0;font-size:14px}
.download-wrap .down-btn{display:inline-block;margin-left:-20px;background:url(../image/bg.png) no-repeat 0 0;width:441px;height:145px}
.download-wrap .info em{color:#000}
.download-wrap .down-3d{display:inline-block;margin-left:-5px;background:url(../image/bg.png) no-repeat 0 0;width:205px;height:84px}
.download-wrap .down-3d2{display:inline-block;background:url(../image/bg.png) no-repeat 0 0;width:205px;height:84px}
.footer{margin-top:20px;padding:40px 0;color:#7e7b7b;background:#2b2b2b;text-align:center;font-size:14px}
.footer .wrapper{margin-bottom:0}
.footer a{color:#7e7b7b}
.footer a:hover{text-decoration:underline}
.footer .logo{display:inline-block;background:url(../image/bg.png) no-repeat 0 0;width:156px;height:34px;margin-right:20px;vertical-align:middle}
.footer .links{margin-bottom:20px}
.footer .text1{color:#595656}
.footer .text2{color:#595656}
.police{background:url(../image/bg.png) no-repeat;width:30px;height:30px;display:inline-block;vertical-align:middle;margin-top:-8px}
.game-tag{background:url(../image/game-tag.png) no-repeat 50% 50%;width:30px;height:30px;display:inline-block;vertical-align:middle;margin-top:-5px}
.beian{background:url(../image/beian.png) no-repeat;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:-5px}
.dialogVideo{position:fixed;_position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:500px;width:800px;z-index:1004}
.icon-close{position:absolute;top:-40px;right:-40px;width:40px;line-height:40px;font-size:50px;overflow:hidden;color:red;cursor:pointer}
.bar-box{height:30px;line-height:29px;width:100%;font-size:12px;background:url(../image/bg.png) repeat-x;position:absolute;top:0;z-index:99;overflow:hidden}
.bar-box a{color:#777;text-decoration:none;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.bar-box a:hover{color:#2187e7}
.bar-box .right{float:right}
.bar-box .left{float:left}
.bar-box .logo{float:left;background:url(../image/bg.png) 0 -30px no-repeat;height:30px;width:100px;margin:0}
.bar-box .right span{border-right:1px dotted #ccc;float:left;padding:0 10px}
.bar-box .crumb{float:left;margin-right:10px}
.bar-box .close{width:50px;height:22px;float:left;margin:4px 5px;background:url(../image/bg.png) -4px -64px no-repeat;cursor:pointer}
.bar-box .msg-name{color:#0783e3;border:none;background:0 0;cursor:pointer;display:inline-block;vertical-align:top;line-height:29px;*zoom:1;*overflow:visible;font-weight:700}
.bar-box .num{background:url(../image/bg.png) 0 -90px no-repeat;width:24px;color:#fff;text-align:center;font-style:normal;margin-left:5px;display:inline-block;vertical-align:top}
.bar-box .wallet i{font-style:normal;color:#f30;font-weight:700}
.right-tip{position:fixed;_position:absolute;right:0;bottom:200px;width:38px;z-index:9999;height:38px;border:0 solid #ccc}
.right-tip a{-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;background:url(../image/bg.png) no-repeat;cursor:pointer;position:absolute;z-index:98;top:0;left:0;display:block;width:38px;height:39px;opacity:0;filter:alpha(opacity=0)}
.right-tip a:hover{background-image:url(../image/bg.png)}
.right-tip .recommend{display:block;z-index:99;width:38px;height:38px;background:url(../image/bg.png) no-repeat;opacity:.5;filter:alpha(opacity=50);border-radius:0 0 0 5px}
.right-tip .rec-top2{background-position:0 -161px;z-index:97;top:-39px;opacity:.5;filter:alpha(opacity=50);border-radius:5px 0 0}
.right-tip .rec-top2:hover{opacity:1;filter:alpha(opacity=100)}
.right-tip i{position:absolute;right:0;top:0;z-index:101;font-style:normal;color:#fff;width:16px;height:16px;line-height:16px;background:red;text-align:center;border-radius:8px}
.right-tip i:nth-of-type(1){top:-6px;left:-8px;right:auto}
.tip-item .rec-top{background-position:0 -160px;border-radius:5px 0 0}
.tip-item .rec-home{background-position:0 0}
.tip-item .rec-recharge{background-position:0 -40px}
.tip-item .rec-person{background-position:0 -80px}
.tip-item .rec-wallet{background-position:0 -120px;border-radius:0 0 0 5px}
.tip-item .rec-top:hover{background-position:0 -160px}
.tip-item .rec-home:hover{background-position:0 0}
.tip-item .rec-recharge:hover{background-position:0 -40px}
.tip-item .rec-person:hover{background-position:0 -80px}
.tip-item .rec-wallet:hover{background-position:0 -120px}
.tip-hover a{opacity:1;filter:alpha(opacity=100)}
.tip-hover .recommend{display:none}
.tip-hover .rec-top{top:-117px}
.tip-hover .rec-home{top:-78px}
.tip-hover .rec-recharge{top:-39px}
.tip-hover .rec-person{top:0}
.tip-hover .rec-wallet{top:39px}
.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000;opacity:.2;filter:alpha(opacity=20)}
.dialog-box{position:fixed;left:50%;top:40%;margin:-110px 0 0 -200px;background:#fff;-webkit-box-shadow:0 3px 24px #666;box-shadow:0 3px 24px #666;overflow:hidden;z-index:1001;border-radius:5px}
.dialog-box .btn-close{width:20px;height:20px;color:#999;font:32px/20px Arial,Helvetica,sans-serif;cursor:pointer;position:absolute;right:10px;top:10px;overflow:hidden;_font-weight:700;_font-size:20px;_right:15px}
.dialog-box .btn-close:hover{color:#000;border:0}
.dialog-box .title{height:0;padding:0 10px}
.dialog-box .iframe{display:block;overflow-x:hidden}
.slider-wrapper{height:100%;font-size:0}
.slider-wrapper .slide{height:100%;position:relative;overflow:hidden}
.slider-wrapper .slide li{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;display:none}
.slider-wrapper .slide li img{display:none}
.slider-wrapper .slide li span{display:block;width:100%;height:100%;background-position:50% 0;background-repeat:no-repeat;background-size:cover;-webkit-animation:sliderAnimation .3s ease forwards;animation:sliderAnimation .3s ease forwards}
.slider-wrapper .num{padding-right:20px;text-align:right;margin-top:-30px;position:relative;z-index:1000}
.slider-wrapper .num a{display:inline-block;margin-left:10px;background:#fff;width:7px;height:7px;cursor:pointer;vertical-align:top;text-decoration:none;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.slider-wrapper .num a.on,.slider-wrapper .num a:hover{background-color:#d8bd7b}
@-webkit-keyframes sliderAnimation{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes sliderAnimation{from{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
.data-page .dt{font-size:30px;color:#cf9b46;line-height:1}
.data-page .dt em{font-size:60px;font-family:Arial;color:#8e9399;margin-right:10px}
.data-page .data-con{border-bottom:1px dashed #ccc;padding:20px 50px}
.data-page .info{margin-top:20px;font-size:0}
.data-page .info a{display:inline-block;width:100px;color:#999;font-size:16px}
.data-page .info a:hover{color:#a48949}
.cl-effect-5 a{overflow:hidden}
.cl-effect-5 a span{position:relative;display:inline-block;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}
.cl-effect-5 a span::before{position:absolute;top:100%;content:attr(data-hover);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.cl-effect-5 a:focus span,.cl-effect-5 a:hover span{-webkit-transform:translateY(-100%);transform:translateY(-100%)}


/* 单页+标签 */
.main-page .content #wall{margin:10px 10px 0 10px;padding:5px;background:#f5f5f5;}
.main-page .content #wall h1{line-height:25px;padding:20px;border:1px solid #e5e5e5;background:#f5f5f5;background-image:linear-gradient(#ffffff,#f5f5f5);text-shadow:1px 1px 1px #fff;}
.main-page .content #wall h1 strong{color:#d00;padding-left:18px;background:url(../image/bg.png) no-repeat 0 2px;}
.main-page .content #wall #content{font-size:15px;line-height:35px;padding:25px;margin-top:1px;background:#fff;border:1px solid #e5e5e5;}
.main-page .content #wall #content a{color:#136ec2;}
.main-page .content em{color:#f00;font-size:15px;display:block;margin:15px 0;line-height:35px;padding:10px 25px;background-color:#ffe9bc;background:linear-gradient(75deg,#ffe9bc 0%,#ffc550 100%);border-left:2px solid #f50;border-radius:2px;font-weight:bold;}
.main-page .content  em:first-child{margin-top:0;}

.main-page .content table{color:#777;border-collapse:1;border-spacing:0;width:100%;margin-bottom:25px;border:1px solid #e5e5e5;border-width:2px 1px 1px 2px;}
.main-page .content table tr:hover{background:#fafafa;}
.main-page .content td{line-height:35px;/*padding:10px 25px;*/border:1px solid #e5e5e5;border-width:0 1px 1px 0;position:relative;white-space:nowrap;}
.main-page .content tr td:first-child{color:#333;background:#fafafa;}
.main-page .content .xz{padding:10px 25px;width:135px;text-align:center;line-height:45px;}