@charset "utf-8";
/*reset.css*/
html{ font-size:100%;}
body { margin:0; color: #565656; font:12px/1.5 "microsoft yahei", Arial, sans-serif;}
dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;}
ul, ol { padding-left:0; list-style-type:none;}
img { border:0;}
a { color: #333; text-decoration:none; outline: 0 none;}
a:hover { color: #2fc3a2; text-decoration:none;}
a, button { cursor:pointer}
table { border-collapse:collapse; border-spacing:0}
input, select, img { vertical-align:middle;}
a, input, button { padding:0; margin:0; outline:0}
i,em {font-style: normal;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.dib { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;}
.tc { text-align: center;}
.fz14 { font-size: 14px;}
.fix {zoom:1;}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.none { display: none;}
.hidden { width: 0px; height: 0px; overflow: hidden;}

.wrapper { min-width: 1280px; background: #e8e8ea url(/images/c16/new_version/bg.jpg?201606241652) top center no-repeat;}
.wrap { width: 1280px; height: auto; margin: 0 auto; padding-bottom: 30px;}
.header { height: 660px; position: relative;}
.logo { width: 190px; height: 120px; position: absolute; top: 5px; left: 20px;}
.logo a { display: block; height: 100%; text-indent: -999px;}
.nav { padding:50px 0 0 220px; font-size:14px;}
.nav a { width: 60px; height: 30px; margin-right: 65px; float: left; display: inline; color:#0d0d0d;}
.nav a:hover{color:#465753;}

.header .tip { font-size: 13.5px; position: absolute; bottom: 12px; right: 0px; color: #F0F0E8;}
.mr10 { margin-right: 10px;}
.mt10 { margin-top: 10px;}
.pd16 { padding: 16px;}
.laybox { transition: all 0.4s ease; padding: 16px; background: #fff; position: relative;}
.laybox:hover { box-shadow: 0 0 14px #ccc;}
.laybox .hd { height: 39px; line-height: 39px; border-bottom: 1px solid #dbe0df; position: relative;}
.laybox .hd h2 { font-size: 24px; color: #2fc3a2; font-weight: bold;}
.laybox .hd h2 span{font-size:12px; font-family:simsun; font-weight:normal; color:#87d2c2;}
.laybox .hd h3 { font-size: 16px; color: #2fc3a2; font-weight: normal;}
.laybox .hd .more { width: 16px; height: 39px; color: #dbe0df; font-size: 30px; font-family: arial; font-weight: bold; position: absolute; top: 0px; right: 0px;}
.laybox .hd .more:hover { color: #2fc3a2;}
.gamelog .btn a, .serverbox .server-list li, .kfbox .btn em, .news-list ul li { background: url(/images/c16/new_version/csp.png) no-repeat;}
.sidebar { width: 288px;}
	.gamelog { height: 284px; padding: 0; background: #257b69;}
		.start { display: block; height: 148px; background: url(/images/c16/new_version/start.jpg) no-repeat;}
		.gamelog .btn { height: 34px; overflow: hidden; padding: 2px 0; background-color: #257b69;}
		.gamelog .btn a { display: block; width: 144px; height: 34px; line-height: 34px; color: #f6f6f6; font-size: 18px; text-indent: 42px; overflow: hidden; background-color: #257b69;}
		.gamelog .btn a:hover { background-color: #328977;}
		.gamelog .btn .qreg { background-position: 15px 10px;}
		.gamelog .btn .wdd { background-position: 15px -57px;}
		.userlogbox { height: 98px; margin: 0 16px; overflow: hidden; position: relative;}
		.loginform { padding-top: 10px;}
		.loginform .opt { position: relative; }
		.loginform .lp { width: 176px; height: 26px; background: #fff; margin-bottom: 2px; position: relative;}
		.loginform .lp label { width: 46px; height: 26px; line-height: 26px; text-align: center; position: absolute; top: 0px; left: 0px;}
		.loginform .lp input { width: 130px; height: 26px; line-height: 26px; border: 0 none; outline: 0 none; position: absolute; top: 0px; left: 46px;}
		.loginform .login-btn { width: 74px; height: 54px; border: 0 none; font-size: 16px; cursor: pointer; color: #fff; font-family: 'microsoft yahei'; background: #22b090; position: absolute; top: 0px; right: 0px;}
		.loginform .forget-pwd { height: 28px; line-height: 28px; color: #a0d4c3;}
		.loginform .forget-pwd a { color: #a0d4c3;}
		.loginform .forget-pwd label { margin-right: 10px;}
		.logined { line-height: 24px; padding-top: 0px; color: #fff;}
		.logined a { color: #5bdcc0;}
		.userlogbox a:hover { color: #fff;}
		.logined .user-fun, .logined .last-game { padding-left: 48px;}
	.serverbox { height: 308px;}
		.serverbox .search { padding: 12px 0;}
		.serverbox .search .input { width: 72px; height: 18px; line-height: 18px; padding: 0 4px; color: #565656; border: 1px solid #cbcbcb; background: #ededed;}
		.serverbox .search .enter { width: 56px; height: 18px; line-height: 18px; text-align: center; color: #fff; background: #2fc3a2;}
		.serverbox .server-list { width: 160px; height: 180px; padding: 5px 0 12px 0; margin: 0 auto;}
		.serverbox .server-list li { height: 30px; line-height: 30px; color: #565656; padding-left: 28px; background-position: 0 -172px;}
		.serverbox .server-list li:hover { background-position: 0 -141px;}
		.serverbox .server-list li span { float: right;}
		.serverbox .all-server { display: block; width: 126px; height: 24px; line-height: 24px; color: #fff; text-align: center; margin: 0 auto; background: #2fc3a2;}
	.zzbox { height: 340px; padding:0; overflow:hidden;}
		.zzbox .btns { }
		.zzbox .btns .btn { display: block; width: 143px; height: 113px; overflow: hidden; color: #fff; text-align: center; float: left; display: inline; position: relative; border:1px solid #dbe0df; margin:-1px 0 0 -1px;}
		.zzbox .btns .btn:hover{background:#2fc3a2;}
		.zzbox .btn em { background: url(/images/c16/new_version/game_icos.png) no-repeat;}
		.zzbox .btn em, .kfbox .btn em { transition: all .7s ease-out 0s;}
		.zzbox .btn .i, .kfbox .btn span { transition: all .3s ease-out 0s,padding .3s ease-out .05s,height .3s ease-out .05s;}
		.zzbox .btn em { width: 38px; height: 38px; position: absolute; top: 23px; left: 50%; margin-left: -19px;}
		.zzbox .btn .i { display: block; padding-top: 70px; color:#414242; font-size:14px;}
		.zzbox .btn:hover .i { color:#fff;}
		.zzbox .btn1 em { background-position: 0px 0;}
		.zzbox .btn2 em { background-position: -144px 0;}
		.zzbox .btn3 em { background-position: 0px -114px;}
		.zzbox .btn4 em { background-position: -144px -114px;}
		.zzbox .btn5 em { background-position: 0px -229px;}
		.zzbox .btn6 em { background-position: -144px -229px;}
		.zzbox .btn1:hover em { background-position: 0 -55px;}
		.zzbox .btn2:hover em { background-position: -144px -55px;}
		.zzbox .btn3:hover em { background-position: 0 -168px;}
		.zzbox .btn4:hover em { background-position: -144px -168px;}
		.zzbox .btn5:hover em { background-position: 0 -284px;}
		.zzbox .btn6:hover em { background-position: -144px -284px;}
		
	.gameintro { height: 168px;}
		.gameintro .bd { line-height: 24px; padding-top: 8px; text-indent: 24px;}
	.kfbox { height: 164px; padding:16px 0;}
	.kf_top{height:80px;}
	.kfbox p{padding:0 8px 0 0; color:#666; line-height:24px;}
	.kfbox .kefu_pic{ float:left; width:60px; text-align:center; padding-top:46px; background: url(/images/c16/new_version/keft_pic.jpg) top center no-repeat; font-size:14px; display:inline; margin:0 12px 0 40px;}
	.kfbox .kefu_pic a{text-decoration:underline;}
	.custom_tit a{color:#47b3de;}
	.kfbox ul{padding:6px 0 0 15px;}
	.kfbox li{width:49px; height:68px; float:left; margin:0 19px 0 14px; display:inline;}
	.kfbox li a{display:block; width:100%; height:100%; text-align:center; color:#686868;}
	.kfbox li a:hover{color:#2fc3a2;}
	.kfbox li a:hover i{ box-shadow:0 0 4px #2fc3a2;}
	.kfbox li i{display:block; width:49px; height:49px; margin-bottom:4px; background:url(/images/c16/new_version/kf_ico.gif) no-repeat;}
	.kfbox li.onlin_link i{background-position:0 0;}
	.kfbox li.recharge_link i{background-position:-82px 0;}
	.kfbox li.parental_link i{background-position:-171px 0;}

.sidebar_btns{width:288px;}
.sidebar_btns li{width:288px;}
.sidebar_btns li a{ display:block; width:100%; height:94px;background:url(/images/c16/new_version/sidebar_btns.jpg) no-repeat;}
.sidebar_btns li a.fast_download{ background-position:0 0;}
.sidebar_btns li a.kai_fu{ background-position:0 -95px; border-bottom:1px solid #866801; border-top:1px solid #866801;}
.sidebar_btns li a.pay_btn{ background-position:0 -189px;}
.sidebar_btns li a:hover.fast_download{ background-position:-288px 0;}
.sidebar_btns li a:hover.kai_fu{ background-position:-288px -95px;}
.sidebar_btns li a:hover.pay_btn{ background-position:-288px -189px;}

	.flbox { height: 164px;}
	.fl_con{height:60px; padding:5px 0;}
		.flbox .bd a { height: 30px; line-height: 30px; margin-right: 8px; float: left; display: inline;}
		.flbox .bd a:hover{ color:#2fc3a2;}
	.mediabox { height: 32px; padding: 12px 0;}
		.mediabox .msel { height: 30px; line-height: 30px; padding-left: 10px; color: #565656; font-size: 14px; border: 1px solid #c2c2c2; cursor: pointer; position: relative;}
		.mediabox .msel span { width: 32px; height: 32px; background: #b9b9b9; position: absolute; top: -1px; right: -1px;}
		.mediabox .msel span i { width: 0px; height: 0px; font-size: 0; overflow: hidden; border-style: solid; border-width: 10px; border-color: #fff #b9b9b9 #b9b9b9; position: absolute; top: 10px; left: 5px;}
		.mediabox .ml-list { width: 254px; height: 200px; border: 1px solid #c2c2c2; background: #fff; overflow-y: auto; position: absolute; top: -63px; left: 16px; z-index: 2; display: none;}
		.mediabox .ml-list a { display: block; height: 25px; line-height: 25px; padding-left: 10px;}
		.mediabox .ml-list a:hover { color: #fff; background: #2fc3a2;}
.container { width: 982px;}
	.slidebox { width: 684px; height: 284px; padding: 0; position: relative;}
	.slidebox .slide-bd li { position: absolute; top: 0px; left: 0px; display:none;}
	.slidebox .slide-nav { position: absolute; right: 2%; bottom: 6%; margin-left: 0; font-size: 0; line-height: 0;}
	.slidebox .slide-nav li { width: 14px; height: 14px; border-radius: 7px; margin: 0 3px; background-color: #9b9b9b; overflow: hidden; display: inline-block; *display: inline; transition: width 0.3s ease; z-index: 2;}
	.slidebox .slide-nav .active {  width: 25px; background-color: #02b8a9;}
	.newsbox { width: 439px; height: 308px; overflow: hidden;}
		.tabs { }
		.tabs li { float: left;}
		.tabs .active a { width: auto; height: 37px; color: #2fc3a2; border-bottom: 3px solid #2fc3a2;}
		.tabs li a { display: inline-block; vertical-align: top; height: 40px; line-height: 40px; padding: 0 12px; font-size: 16px; text-align: center;}
		.tabs li a:hover { color: #2fc3a2;}
		.news-top { height: 36px; line-height: 40px; font-size: 16px; text-align: center; overflow: hidden;}
		.news-top a { color: #2fc3a2;}
		.news-list { }
		.news-list ul {}
		.news-list ul li { line-height: 30px; color: #565656; overflow: hidden; padding-left: 20px; background-position: 0 -172px; vertical-align: top;}
		.news-list ul li:hover { background-position: 0 -141px;}
		.news-list ul li a { display: block; width: 300px; color: #565656; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
		.news-list ul li a:hover { color: #2fc3a2;}
		.news-list ul li span { float: right;}
	.jobox { width: 684px; height: 340px; overflow: hidden; padding:0;}
		.jobox .hd { width: 240px; z-index: 2; position:absolute; top:16px; left:16px;}
		.zs_bg{background:url(/images/c16/new_version/zs_bg.jpg) 0 0 no-repeat; width:684px; height:340px;}
		.ds_bg{background:url(/images/c16/new_version/ds_bg.jpg) 0 0 no-repeat; width:684px; height:340px;}
		.fs_bg{background:url(/images/c16/new_version/fs_bg.jpg) 0 0 no-repeat; width:684px; height:340px;}

		.mp-intro .txt{padding:176px 0 0 38px; font:12px/26px \5b8b\4f53; color:#414242;}
		.green{color:#257b69;}
		.dbtn{padding-top:12px;}
		.dbtn a{display:block; width:130px; height:32px; font:16px/32px \5FAE\8F6F\96C5\9ED1; color:#257b69; text-align:center; background:url(/images/c16/new_version/detail.jpg) 0 0 no-repeat;}
	.actbox { width: 338px; height: 340px; overflow: hidden; padding: 0; background: transparent;}
		.actbox li { width: 164px; height: 166px; overflow: hidden; float: left; display: inline; position: relative;}
		.actbox li span { display: block; margin: 15px 0 0 10px; font-size: 14px; position: relative; z-index: 2; }
		.actbox li a { display: block; width: 60px; height: 22px; line-height: 22px; margin: 5px 0 0 10px; text-align: center; color: #fff; background: #2fc3a2; border-radius: 10px; position: relative; z-index: 2; }
		.actbox .sr span { margin: 15px 0 0 95px;}
		.actbox .sr a { margin: 5px 0 0 95px;}
		.actbox li img { position: absolute; top: 0px; left: 0px; transition: all 3s linear;}
		.actbox li:hover img { transform: scale(1.1);}
	
	.zlbox { width: 268px; height: 308px; padding:16px 10px; overflow: hidden;}
		.zl_list{padding:15px 0;}
		.zl_list li{ float:left; width:86px; height:32px; line-height:32px; text-align:center; font-size:13px; float:left; border-bottom:1px dotted #eceeee;}
		.zl_list li a:hover{color:#2fc3a2;}
	.vbox { width: 306px; height: 308px;}
		.vbox .bd { text-align: center; padding: 24px 0 0;}
	.glbox { width: 256px; height: 308px; overflow: hidden;}
		.gl_img{ width:256px; height:104px; padding-top:14px;}
		.glbox .gl_list ul { padding: 16px 0;}
		.glbox .gl_list li { height: 34px; line-height: 34px; color:#565656;}
		.glbox .gl_list li a { width: 208px;height: 32px; line-height: 32px; overflow:hidden; display:inline-block; color:#565656;}
		.glbox .gl_list li a:hover{color:#2fc3a2;}
	.jtbox { width: 304px; height: 180px; padding:16px 16px 0; overflow:hidden;}
		.jtbox .bd { text-align: center;}
		.jtbox .bd li { margin: 12px 5px 0; width:141px; height:119px; float:left;}
		.intro_txt{ padding:10px; line-height:24px; text-align:left; text-indent:2em;}
		
	
.main_side{width:288px;}
.main_con{width:684px;}
.active_img{width:203px; height:350px;}
.active_img li{width:203px; height:107px; margin-top:10px; opacity:0.8; filter:alpha(opacity=80); transition: all 0.4s ease;}
.active_img li:hover { opacity:1; filter:alpha(opacity=100); }

/* 视频弹窗 */
.gray{width:100%; position:absolute;left:0;top:0;z-index:100;background-color:#000; opacity:0;filter:alpha(opacity=0);}
.video{width:640px; height:360px; border:6px solid #2fc3a2; background:#000; display:none; position:relative;}
.video_close{height:22px; color:#fff; text-align:right; position:absolute; top:0px; right:10px; z-index:10;}
.video_close a{width:20px; height:22px; line-height:22px; font-size:30px; font-weight:bold; color:#fff; display:block;}
.video_close a:hover{text-decoration:none;}
.video_cont{width:640px;height:360px;}
/*列表页*/
.article {}
.article .hd { height: 116px; padding: 16px; background: #26B999; background: rgba(38,185,153,0.9);}
.article .hd .tit { height: 64px; line-height: 64px; color: #fff; font-size: 30px; border-bottom: 1px solid #36cead;}
.article .hd .local { height: 50px; line-height: 52px; color: #fff; border-top: 1px solid #257b69;}
.article .hd .local a { color: #fff;}
.article .bd { padding: 30px 46px; background: #fff;}
.article .bd .news-list li { height: 45px; line-height: 45px; border-bottom: 1px dashed #e5e5e5; background-position: 0 -165px;}
.article .bd .news-list li:hover { background-position: 0 -134px;}
.article .bd .news-list a { width: 666px;}
.scott { margin-top: 30px; text-align: center; color: #565656; line-height: 40px; float: none;}
.scott a { padding: 12px 16px; color: #fff; margin: 0 2px; border-radius: 20px; background: #2fc3a2;}
.scott a:hover { background: #5cd2b8;}
.scott span { padding: 4px 8px;}
.scott input { width: 80px; height: 22px;}
/*文章页*/
.art-title { height: 34px; line-height: 30px; font-size: 30px; color: #28bb9b; text-align:center;}
.art-stitle { height: 36px; line-height: 38px; text-align:center;}
.baidu-search { padding: 6px 0 8px 0; text-align: center;}
.baidu-search .btn { width: 60px; height: 20px; cursor: pointer; border: none; background: url(http://cdnsource.9377.com/images/nz/bdyx.jpg) no-repeat;}
.baidu-search input { font-size: 12px;}

.art-content { color: #797979; padding: 15px 0; font-size: 14px; line-height: 21px; text-align: justify; text-justify: inter-ideograph; border-top: 1px solid #dbe0df; border-bottom: 1px solid #dbe0df;}
.art-content p { margin: 1% 0;}
.art-content img { max-width: 100%;}
.prev_next { height: 24px; overflow: hidden; padding-top: 16px;}
.prev_next li { width: 50%; height: 24px; line-height: 24px; overflow: hidden; color: #333; float: left;}
.prev_next li a { color: #666;}
.prev_next li a:hover { color: #111;}

.art-relat { padding: 30px 46px; background: #fff;}
.art-relat .xg_news {}
.art-relat .xg_news h3 { height: 50px; line-height: 32px; color: #28bb9b; text-align:center; border-bottom: 1px solid #dbe0df; font-size: 30px;}
.art-relat ul { margin-right: -10%; padding-top: 20px; overflow: hidden;}
.art-relat li { width: 32%; height: 40px; line-height: 40px; margin-right: 15%; float: left; display: inline; background-position: 0 -167px;}
.art-relat li:hover { background-position: 0 -136px;}