@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; font-style:normal;}
ul, ol { padding-left:0; list-style-type:none;}
img { border:0;}
a { color: #333; text-decoration:none; outline: 0 none;}
a:hover { color: #000; 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;}
body{background:#f4f4f4; overflow-x:hidden;}

.ico{ background: url(/images/gujian2/i_icos.png) no-repeat;}

.wrapper { min-width: 1200px; padding-bottom:90px; position:relative;}
.wrap { width: 1200px; height: auto; margin: 0 auto; }
.header { height: 655px; position: relative; z-index:2;}
.logo { width: 254px; height: 88px; position: absolute; top: 0; left: 430px; background: url(/images/gujian2/logo.png?20171228102922) top center no-repeat; z-index:2;}
.logo a { display: block; height: 100%; text-indent: -999px;}
.nav { position: absolute; top: 28px; left: 0; width:100%;}
.nav a { width: 144px; height: 30px; text-align:center; font-size:20px; line-height:20px; color:#333; float: left; display: inline;}
.nav a span {display:block; color:#e5625f; font-size:10px; overflow:hidden;}
.nav .nav3 { margin-right:280px;}
.nav a:hover {color:#e5625f;}

.head_slide{width:1920px; height:1080px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-960px;}
.head_slide .hd{position:absolute; top:610px; left:380px; z-index:4;}
.head_slide .hd li{width:27px; height:27px; background:#f2e7ec; border:2px solid #e6c6a0; border-radius:100%; text-indent:-999px; overflow:hidden; margin-left:10px; float:left; cursor:pointer;}
.head_slide .hd li.on{ background:#e27070;}


.mr10 { margin-right: 10px;}
.mt10 { margin-top: 10px;}
.pd16 { padding: 16px;}
.laybox { transition: all 0.4s ease; background: #fff; position: relative;}
.laybox:hover { box-shadow: 0 0 10px #e5625f;}
.sidebar { width: 287px;}
	.gamelog { width:287px; height: 333px; background: #e6c6a0;}
		.start { display: block; height: 138px; background: url(/images/gujian2/start_btn.jpg) no-repeat;}
		.start:hover{background-position:0 -138px;}
		.gamelog .btn { height: 64px; overflow: hidden;}
		.gamelog .btn a { color: #a06220; text-align:center;}
		.gamelog .btn a:hover { color:#e5625f;}
		.gamelog .btn .qreg { background-position: 15px 10px;}
		.gamelog .btn .wd_down { width:143px; height:63px; border-bottom:1px solid #a06220; border-right:1px solid #a06220; }
		.gamelog .btn .wd_down_ico {display:block; margin:11px auto 0; width:27px; height:27px; background-position:0 -1px;}
		.gamelog .btn a:hover .wd_down_ico {background-position:0 -30px;}
		.gamelog .btn .l_btn_other {width:143px; height:64px;}
		.gamelog .btn .l_btn_other a {display:block; height:31px; line-height:31px; border-bottom:1px solid #a06220;}
		.l_btn_other a .pay_ico,.l_btn_other a .reg_ico {display:inline-block;  margin-right:5px; vertical-align:middle;}
		.l_btn_other a .pay_ico {width:18px; height:18px; background-position:-1px -64px;}
		.l_btn_other a:hover .pay_ico {background-position:-1px -85px;}
		.l_btn_other a .reg_ico {width:19px; height:19px; background-position:-1px -109px;}
		.l_btn_other a:hover .reg_ico {background-position:-1px -133px;}
		.userlogbox { height: 125px; margin: 0 7px; overflow: hidden; position: relative;}
		.loginform { padding-top: 10px;}
		.loginform .opt { position: relative; }
		.loginform .lp { width: 189px; height: 29px; background: #ededed; border:1px solid #b59671; margin-bottom: 2px; position: relative;}
		.loginform .lp label { width: 46px; height: 29px; line-height: 29px; text-align: center; position: absolute; top: 0px; left: 0px;}
		.loginform .lp input { width: 143px; height: 29px; line-height: 29px; background: #ededed; border: 0 none; outline: 0 none; position: absolute; top: 0px; left: 46px;}
		.loginform .login-btn { width: 76px; height: 65px; border: 0 none; font-size: 16px; cursor: pointer; color: #fff; font-family: 'microsoft yahei'; background: #e5625f; position: absolute; top: 0px; right: 0px;}
		.loginform .login-btn:hover {opacity:0.9;}
		.loginform .forget-pwd { height: 28px; line-height: 28px; color: #e5625f;}
		.loginform .forget-pwd a { color: #e5625f;}
		.loginform .forget-pwd label { margin-right: 10px;}
		.loginform .links{margin:0 0 0 34px; color:#000;}
		.loginform .links a{display:inline-block; margin:0 2px;}
		.loginform .links em{width:20px; height:20px; background-image:url(/images/smcs/pc/log_icon.png); display:inline-block; vertical-align:middle;}
		.loginform.links em.qq{background-position:0 0;}
		.loginform .links em.qq:hover{background-position:-20px 0;}
		.loginform .links em.wx{background-position:0 -20px;}
		.loginform .links em.wx:hover{background-position:-20px -20px;}
		.loginform .links em.wb{background-position:0 -40px;}
		.loginform .links em.wb:hover{background-position:-20px -40px;}
		.logined { line-height: 24px; padding-top: 0px; color: #fff;}
		.logined a { color: #e5625f;}
		.userlogbox a:hover { color: #fff;}
		.logined .user-fun, .logined .last-game { padding-left: 40px;}
	.serverbox { height: 138px; width:338px; background:#e5625f;}
		.serverbox .hd {padding:0 5px; line-height:30px; height:30px; font-size:14px; color:#fff;}
		.serverbox .hd a{float:right; color:#fff600; font-size:12px;}
		.serverbox .search { padding: 5px 0; text-align:center; color:#5e110f;line-height: 18px; }
		.serverbox .search .input { width: 62px; height: 18px; line-height: 18px; padding: 0 4px; margin-right:5px; vertical-align:middle; color: #565656; border: 1px solid #b59671; background: #ededed;}
		.serverbox .search .enter {color: #fff; margin-left:10px;}
		.serverbox .server-list { width: 320px; height: 74px; padding:3px 0 0 18px; background:#d45552;}
		.serverbox .server-list li { width:136px; height: 24px; line-height: 24px; padding-right:20px; float:left;  color: #fff;}
		.serverbox .server-list li a {color:#fff;}
		.serverbox .server-list li a:hover ,.serverbox .search .enter:hover {color:#fff600;}
		.serverbox .server-list li .news_ico { display:inline-block; width:5px; height:5px; overflow:hidden; margin-right:8px; vertical-align:middle; background-position: -2px -167px;}
		.serverbox .server-list li a:hover .news_ico{ background-position: -1px -184px;}
		.serverbox .server-list li span { float: right;}
		.serverbox .server-list li span.hot{color:#fff600;}
		.serverbox .all-server { display: block; width: 126px; height: 24px; line-height: 24px; color: #fff; text-align: center; margin: 0 auto; background: #2fc3a2;}
		.actbox li{width:287px; height:124px; margin-bottom:10px;}
		.actbox li a{ display:block; width:286px; height:123px; background:url(/images/gujian2/leftmenu.jpg) no-repeat;}
		.actbox li.a1 a{background-position:0 0;}
		.actbox li.a1 a:hover{background-position:-288px 0;}
		.actbox li.a2 a{background-position:0 -125px;}
		.actbox li.a2 a:hover{background-position:-287px -125px;}
		.actbox li.a3 a{background-position:0 -249px;}
		.actbox li.a3 a:hover{background-position:-287px -249px;}
.container { width: 900px;}

	.slidebox { width: 553px; height: 333px; padding: 0; position: relative; margin:0 11px;}
		.slidebox .slide-bd{ position: relative; z-index:0;}
		.slidebox .slide-bd li { position: absolute; top: 0px; left: 0px; display: none;}
		.slidebox .slide-fd{position: absolute; z-index:9; width:100%; bottom: 6%; right:0;}
		.slidebox .slide-nav{position:absolute; bottom:0; right:5px;}
		.slidebox .slide-nav li {width: 14px; height: 14px; border-radius: 100px; margin-right:6px; background-color: #dfdce0; overflow: hidden; float:left; transition: width 0.3s ease; text-indent:-9999px;}
		.slidebox .slide-nav .active {  width: 41px; background-color: #ff7e7b; border-radius:10px;}
	
	
	.center_main{overflow:hidden;}
	.newsbox { width: 338px; height: 333px; overflow: hidden;}
		.news_area{padding:0 8px; height:195px; position:relative;}
		.news_area .tabs { border-bottom:1px solid #e7c9a5; height:33px;}
		.news_area .tabs li { float: left; width:56px; text-align:center;}
		.news_more{ position:absolute; top:2px; right:8px; color:#e5625f; font-size:20px; font-weight:bold;}
		.news_area .tabs .active a { width: 56px; height: 30px; color: #e5625f; border-bottom: 3px solid #e5625f;}
		.news_area .tabs li a { display: inline-block; vertical-align: top; height: 33px; line-height: 33px; font-size: 15px; text-align: center;}
		.news_area .tabs li a:hover { color: #e5625f;}
		.news-top { height: 34px; line-height: 34px; font-size: 14px; text-align: center; overflow: hidden;}
		.news-top a { color: #e5625f;}
		.news-list { }
		.news-list ul {}
		.news-list ul li { line-height: 20px; color: #666; overflow: hidden; padding:0 5px;  vertical-align: top;}
		.news-list ul li:hover { background-position: 0 -141px;}
		.news-list ul li a { display: block; width: 260px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;}
		.news-list ul li a:hover { color: #e5625f;}
		.news-list ul li span { float: right; color:#999;}
	.active_area{ height:103px; margin-right:-10px; overflow:hidden; position:relative; z-index:2;}
		.active_area li {float:left; width:240px; height:103px; margin-right:2px;}
		.active_area li a { width:240px; height:103px; display:block;background:url(/images/gujian2/center_menu.gif) no-repeat;}
		.active_area li.a1 a{background-position:0 0;} 
		.active_area li.a1 a:hover{background-position:0 -103px;} 
		.active_area li.a2 a{background-position:-240px 0;} 
		.active_area li.a2 a:hover{background-position:-240px -103px;} 
		.active_area li.a3 a{background-position:-480px 0;} 
		.active_area li.a3 a:hover{background-position:-480px -103px;} 
		.active_area li.a4 a{background-position:-720px 0;} 
		.active_area li.a4 a:hover{background-position:-720px -103px;} 
		.active_area li.a5 a{background-position:-960px 0;} 
		.active_area li.a5 a:hover{background-position:-960px -103px;} 
	.jobox { width: 851px; height: 338px; margin-top:40px; background:#fff; position:relative;}
		.jobox .hd { width: 322px; z-index: 20; border-bottom:none; position:absolute; top:32px; left:66px;}
		.jobtit li{float:left; display:inline; width:147px; height:37px; margin-right:12px;}
		.jobtit li a{display:block; width:147px; height:37px; font:0/0 a; overflow:hidden;}
		.jbcsp{background:url(/images/gujian2/job_tit.gif) 0 0 no-repeat;}
		.jb1{background-position:0 0}
		.jb2{background-position:-147px 0}
		.active .jb1{background-position:0 -37px;}
		.active .jb2{background-position:-147px -37px;}
		.jobox .bd { height: 268px; position: relative;}
		.jobox .mp-role { width: 500px; height: 378px; position: absolute; top: -40px; right:0;}
		.jobox .lzw { background: url(/images/gujian2/job1.png) top left no-repeat;}
		.jobox .xy { background: url(/images/gujian2/job2.png) top left no-repeat;}
		.jobox .mp-intro { position: absolute; top: 0px; left: -100%; z-index: 2;}
		.mp-intro .txt{padding:90px 0 0 68px; width:260px; font:14px/28px \5FAE\8F6F\96C5\9ED1; color:#666;}
		.mp-intro .txt h3{color:#e5625f; font-size:28px; margin-bottom:15px;}
		.mp-intro .txt a{display:block; width:91px; height:24px; border:2px solid #e5625f; color:#e5625f; text-align:center; line-height:24px; margin-top:20px; border-radius:15px;}
		.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/gujian2/detail.jpg) 0 0 no-repeat;}
	.specialbox{ width: 338px; height: 338px; overflow: hidden; margin-top:40px;  background: url(/images/gujian2/special_img.jpg) top center no-repeat;}
		.specialbox a{display:block; width:100%; height:338px;}
		.specialbox a .txt { width: 338px; height: 58px; background: url(/images/gujian2/special_tit.png) 0 -58px no-repeat; overflow: hidden; position:absolute; bottom:0; left:0px; text-align:center; font-size:20px; line-height:58px; color:#fff;}
		.specialbox a:hover .txt { color:#fff600; background-position:0 0;}
	.gamedata{ width:861px; height:255px; color:#fff;}
		.gamedata dl{width:273px; height:249px; padding:3px; margin-right:8px; background: url(/images/gujian2/zl_bg.jpg) top center no-repeat;  overflow:hidden; float:left; display:inline; position:relative; cursor:pointer;}
		.gamedata dt{ width:273px; height:39px; background: url(/images/gujian2/zl_tit.jpg) top center no-repeat;text-align:center; font-size:16px; font-weight:bold; line-height:39px; display:none;}
		.static_img {color:#ffd188; font-size:14px; text-align:center; font-weight:bold;}
		.static_img span{width:82px; height:76px; display:block; background: url(/images/gujian2/zl_icos.png) no-repeat; margin:65px auto 15px;}
		.static_img span.static_ico1{background-position:0 0;}
		.static_img span.static_ico2{background-position:0 -81px;}
		.static_img span.static_ico3{background-position:0 -168px;}
		.gamedata .zl_con{ width:188px; height:200px; overflow:hidden; padding:58px 30px 0 ; position:absolute; top:250px; left:0;}
		.gamedata .zl_con a{width:94px; line-height:26px; color:#fff; margin-top:5px; text-align:center; overflow:hidden; float:left;}
		.gamedata .zl_con a:hover{color:#fff600;}
	.glbox { width: 310px; height: 245px; padding:5px 14px; overflow: hidden;background: url(/images/gujian2/gl_bg.jpg) no-repeat; }
		.glbox h3 { height:35px; font-size:16px; font-weight:bold; line-height:35px; color:#fff;}
		.glbox h3 a {font-size:12px; color:#fff600; float:right; font-weight:normal;}
		.glbox .gl-list ul { padding-top: 10px;}
		.glbox .gl-list li { height: 26px; line-height: 26px; font-size:14px; overflow:hidden;}
		.glbox .gl-list li a { display:inline-block; width:250px; color:#fff; overflow:hidden;}
		.glbox .gl-list li span {color:#e6c6a0; float:right;}
		.glbox .gl-list li a:hover,.glbox .gl-list li:hover span {color:#fff600;}
	.jsbox { width: 269px; height: 245px; padding:5px; overflow: hidden;background: url(/images/gujian2/js_bg.jpg) no-repeat; }
		.jsbox h3 { height:35px; font-size:16px; font-weight:bold; line-height:35px; color:#fff; text-align:center;}
		.jsbox .bd { padding:10px 8px; font-size:14px; color:#fff; line-height:24px;}
		.jsbox a{color:#fff;}
	.jtbox { width: 564px; height: 255px; margin-left:10px; background:none;}
		.jtbox .tabs li{float:left; width:282px; height:43px; background:#e3e3e3; color:#8c8c8c; font-size:16px; font-weight:bold; text-align:center; line-height:43px;}
		.jtbox .tabs li.active{background: url(/images/gujian2/jt_tab.gif) no-repeat; color:#fff;}
		.jtbox .pics-list { text-align: center; background:#fff; height:212px;}
		.jtbox .pic_list li { margin: 5px; float:left;}
		.jtbox .video_list{margin-right:-6px;}
		.jtbox .video_list li{float:left; width:273px; height:200px; margin:5px 0 0 6px; position:relative;}
		.jtbox .video_list li a{display:block; width:100%; height:200px;}
		.jtbox .video_list .m { width: 100%; height: 140px; padding-top: 60px; position: absolute; top: 0px; left: 0px; z-index: 2; background: #000; background: rgba(0,0,0,0.5); text-align: center; color: #fff; font-size: 20px; line-height: 20px; transition: all 0.3s ease; display:none;}
		.jtbox .video_list .m i { display: block; margin:0 auto; background: url(/images/gujian2/play_ico.png) no-repeat;  width: 80px; height: 80px; transition: all 0.4s ease;}
	.kfbox { width:318px; height: 239px; padding: 8px 10px; background: url(/images/gujian2/kf_bg.jpg) no-repeat; color:#ffd188; position:relative;}
		.kfbox .hd h3{ font-size:18px; text-align:center; font-weight:bold;}
		.kfbox .bd { padding-top: 2px;}
		.kfbox .qqun p { text-align:center; line-height: 16px; font-size:14px;}
		.kf_btns {text-align:center; margin:5px 0 10px;}
		.kf_btns a{display:block; float:left; width:96px; height:76px; margin:0 6px 0 4px; background:#fff; color:#e5625f; text-align:center;}
		.kf_btns a:hover{background:#ffd188;}
		.kf_btns a em{display:block; width:51px; height:47px; margin:8px auto 2px; background: url(/images/gujian2/kf_icos.png) no-repeat;}
		.kf_btns a em.kf_ico1{ background-position:0 0;}
		.kf_btns a em.kf_ico2{ background-position:0 -57px;}
		.kf_btns a em.kf_ico3{ background-position:0 -116px;}
		.media{border:1px solid #fdc784; width:217px; height:36px; margin:0 0 4px 5px; position:relative;}
		.media em{line-height:30px; font-size:14px; display:block; padding:0 10px; cursor:pointer; position:relative;}
		.media em i{width:0; height:0; border-width:6px; border-style:dashed dashed dashed solid; border-color:#fff transparent transparent transparent; overflow:hidden; position:absolute; top:14px; right:10px;}
		.media em i.media_up{border-color:#fff transparent transparent transparent;}
		.media em i.media_down{border-color:transparent transparent #fff transparent; top:6px;}
		.media .media_box{width: 217px; height:90px; font-weight:normal; background: #fff; border: 1px solid #fdc784; border-top:none; overflow-y:auto; position:absolute; top: 37px; left:-1px; z-index:9; display:none;}
		.media .media_box a{line-height:30px; color:#818181; font-size:12px; display:block; padding:0 10px;}
		.media .media_box a:hover{color:#e6625e;}
		.ecode_img{width:80px; height:80px; position:absolute; bottom:16px; right:15px;}

/* 视频弹窗 */
.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 #e6625e; 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;}
/*列表页*/
.main{position:relative; z-index:2;}
.article {}
.article .art_tit { height: 117px; width:536px; padding: 20px 0 0 25px; background:  url(/images/gujian2/inside_tit.jpg) no-repeat;}
.article .tit { height: 48px; line-height:48px; color: #ece9e6; font-size: 30px; border-bottom: 1px solid #e6c6a0; margin-bottom:5px;}
.article .local {font-size:14px; color: #e6c6a0; }
.article .local a { color: #e6c6a0;}
.article .art_con { padding: 30px 46px; background: #fff; min-height:1081px;}
.article .art_con .news-list li { height: 45px; line-height: 45px; border-bottom: 1px dashed #e5e5e5; }
.article .art_con .news-list a { width: 666px;}
.scott { margin-top: 30px; text-align: center; color: #565656; line-height: 40px; float: none;}
.scott a { padding: 8px 12px; color: #fff; margin: 0 2px; border-radius: 20px; background: #e5625f;}
.scott a:hover { opacity:0.9}
.scott span { padding: 4px 8px;}
.scott input { width: 30px; height: 22px; text-align: center;}
/*文章页*/
.art-title { height: 34px; line-height: 30px; font-size: 30px; 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: 25px 0; font-size: 14px; line-height: 22px; 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;}