@charset "utf-8";

/*reset.css*/

html{ font-size:100%;}

body { margin:0; color: #666; 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: #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; *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;}

body{position:relative; overflow-x:hidden;}



.mbp{margin-bottom:20px;}

.csp { background-image: url("../images/csp.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/csp.jpg*/; background-repeat: no-repeat;}

.icon { background-image: url("../images/icon.png")/*tpa=http://static.xyimg.net/gamesite/lycq/images/icon.png*/; _background-image: url("../images/icon.gif")/*tpa=http://static.xyimg.net/gamesite/lycq/images/icon.gif*/; background-repeat: no-repeat;}

.wrapper { background: #020202 url("../images/bg.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/bg.jpg*/ center top no-repeat;}

.wrap { width: 1200px; margin: 0 auto; padding-bottom: 80px; background:url("../images/main.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/main.jpg*/ 0 0 no-repeat;}

.banner { height: 550px; overflow: hidden; position: relative;}

.logo a{ display: block; width: 240px; height: 118px; font: 0/0 a; overflow: hidden; background:url("../images/logo2.png")/*tpa=http://static.xyimg.net/gamesite/lycq/images/logo2.png?2*/ 0 11px no-repeat; _background:url("../images/logo2.gif")/*tpa=http://static.xyimg.net/gamesite/lycq/images/logo2.gif*/ 0 11px no-repeat;background-size: 100%;}

.menu { position: absolute; top: 60px; left: 260px; height:86px;}

.menu li, .smenu li { width: 80px; height: 26px; line-height: 26px; font-size: 14px; color: #fff; margin-right: 15px; float: left;}

.menu li a { color: #fff;}

.menu li a:hover, .smenu li a:hover { color: #03b4f5;}

.smenu { position: absolute; top: 86px; left: 260px; display: none;}

.smenu ul { width: 95px; height: 104px; float: left;}

.smenu li a { color: #fff;}



.zone-server{width:100%; position: absolute; bottom: 0px; left: 0px;}



.newserver { width: 530px; height: 60px; }
.i-newser { width: 54px; height: 60px; background-position: -218px -182px;}
.ns-list { width: 330px; height: 56px; background: #000; padding-top:4px;}
.ns-list li { width: 110px; height: 26px; line-height: 26px; float: left; position: relative;}
.ns-list li a { display: block; padding-left: 30px; color: #848484;}
.ns-list li a:hover { color: #ffb965;}
.ns-list li i { width: 11px; height: 11px; position: absolute; top: 10px; left: 11px; transition: all 0.4s ease;}
.ns-list li:hover i { animation: breat 0.7s linear infinite; -webkit-animation: breat 0.7s linear infinite; -moz-animation: breat 0.7s linear infinite; -o-animation: breat 0.7s linear infinite;}
@keyframes breat{0%{transform: scale(1); } 50%{transform: scale(0.5); } 80%{transform: scale(1.2); } 100%{transform: scale(1); } }
@-webkit-keyframes breat{0%{-webkit-transform: scale(1); } 50%{-webkit-transform: scale(0.5); } 80%{-webkit-transform: scale(1.2); } 100%{-webkit-transform: scale(1); } }
@-moz-keyframes breat{0%{-moz-transform: scale(1); } 50%{-moz-transform: scale(0.5); } 80%{-moz-transform: scale(1.2); } 100%{-moz-transform: scale(1); } }
@-o-keyframes breat{0%{-o-transform: scale(1); } 50%{-o-transform: scale(0.5); } 80%{-o-transform: scale(1.2); } 100%{-o-transform: scale(1); } }
.ns-more { width: 110px; height: 60px; background-color: #000;}
.ns-more-a { display: block; width: 110px; height: 30px; line-height: 30px; color: #b98a4b; transition: all 0.4s ease; background-position: 64px -57px;}
.ns-more-a:hover { color: #b98a4b; transform: translate(10px);}
.search { height: 30px; line-height: 30px; color: #868686;}
.search input { width: 40px; height: 20px; text-align: center; border: none; vertical-align: baseline; position: relative; top: -1px;}
.search .enter { width: 34px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-position: -182px -182px; vertical-align: baseline;}
.barraw { width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; position:absolute; border-width:30px 19px; border-style:dashed dashed solid solid; border-color:transparent transparent #000 #000;}

/*主内容*/

.main { background: #191919;}

.mod1 { height: 300px;}

.login-mod { width: 300px; height: 300px; background: #1f1f1f;}

.start-game { display: block; width: 300px; height: 128px;}

.reg-btn, .wdd-btn { width: 150px; height: 50px; background-position: 0 -130px;}

.wdd-btn { background-position: -150px -130px;}

.log-links i{ width: 40px; height: 40px; margin: 4px 0 0 16px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}

.useri { background-position:0 -150px;}

.xsk { background-position: -40px -150px;}

.log-links a:hover i { -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -o-transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  transform: rotateY(180deg);  -webkit-transition: all 0.4s linear 0.05s;  -moz-transition: all 0.4s linear 0.05s;  -o-transition: all 0.4s linear 0.05s;  -ms-transition: all 0.4s linear 0.05s;  transition: all 0.4s linear 0.05s;}

.nologin{margin-top:20px; padding-left:20px; position:relative;}

.w-form {height: 35px; line-height: 25px; position: relative;}

.w-form label { width: 40px; height: 25px; text-align: right; position: absolute; top: 0px; left: 0px;}

.w-form input { width: 130px; height: 25px; line-height:25px; border: 0 none; background: #ede7d9; padding-left:40px; display:block;}

.login-btn { width: 64px; height: 61px; border: 0 none; cursor: pointer; background-position: -40px -214px; position: absolute; top: 0; right: 20px;}

.login-btn:hover{background-position:-105px -214px; }

.login-fun { color: #666;}

.login-fun a { color: #666; margin: 0 3px;}

.login-fun a:hover { color: #ffb965;}

.login-fun .g-qq-btn { margin: 0 26px 0 60px;}

.logined { line-height: 22px; padding: 5px 0 0 22px; color: #606060;}

.logined a { color: #606060;}

.logined .user-fun, .logined .last-game { padding-left: 48px;}



/*幻灯*/

.slide-box { width: 570px; height: 300px; overflow: hidden; position: relative;}

.slide-ul li { width: 570px; height: 300px; position: absolute; top: 0px; left: 0px; z-index: 2; display: none;}

.slide-nav { width: 100%; height: 22px; text-align: center; position: absolute; bottom: 10px; left: 0px; z-index: 3;}

.slide-nav li { display: inline-block; width: 22px; height: 22px; margin: 0px 5px; background-position: -23px 0; *display: inline; *zoom: 1;}

.slide-nav .active { background-position: -55px 0;}



/*新闻列表*/

.news-box { width: 300px; height: 300px; padding: 0 15px; position: relative; background: #2a2a2a url("../images/news_bg.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/news_bg.jpg*/ no-repeat;}

.news-tab { height: 44px; border-bottom: 1px solid #484848;}

.news-tab li { width: 54px; height: 44px; line-height: 44px; text-align: center; font-size: 14px; color: #6c6c6c; float: left;}

.news-tab li a { display: block; color: #6c6c6c;}

.news-tab li a:hover { color: #dea45a;}

.news-tab .active { color: #daa64a;}

.news-tab .new-more { width: 30px; line-height: 42px; text-align: center; color: #484848; font-size: 20px; position: absolute; top: 0px; right: 15px; font-family: verdana;}

.one-list { padding: 12px 0; border-bottom: 1px dashed #4b4b4b; font:bold 14px/30px \5FAE\8F6F\96C5\9ED1; color:#dea45a; text-align:center;}

.one-list a{color:#dea45a;}

.one-list .img { width: 110px; height: 78px;}

.one-list .txt { height: 58px; color: #8a8a8a; text-align: center;}

.one-list .txt a { display: block; padding: 4px 0 8px 0; font-size: 14px; color: #daa64a;}

.news-list { padding-top: 8px;}

.news-list ul li { height: 30px; line-height: 30px; overflow: hidden; color: #8a8a8a; vertical-align:top}

.news-list ul li a { width: 100%; color: #8a8a8a; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float: left;}

.news-list ul li a:hover { color: #daa64a;}

.news-list ul li em { float: right;}



/*游戏资料*/

.g-tit { width: 100%; height: 60px; line-height: 70px; font-size: 25px; color: #8a753e; position: relative; z-index: 3;}

.g-tit-big { height: 75px; line-height: 85px; font-size: 30px;}

.g-tit span { font-size: 15px;}

.g-tit .g-tit-more:hover { color: #ddd;}

.zl-box .zl-item { width: 300px; height: 300px; overflow: hidden; position: relative; float: left; }

.zl-item .tit { position: absolute; left: 22px; top: 188px;}

.zl-item .tit a { display: block; height: 34px; line-height: 32px; font-size: 30px; color: #dea45a; font-weight: 400;}

.zl-item .tit p { color: #a4a4a4;}

.zl-item .i-more { width: 59px; height: 19px; background-position: 0 -33px; position: absolute; left: 22px; bottom: 36px;}

.zl-item .item-more { width: 300px; height: 300px; position: absolute; left: 0px; top: 300px; z-index: 1;}

.zl-item .item-more i { width: 100%; height: 100%; opacity: 0.8; background: #946f36; position: absolute; top: 0px; left: 0px;}

.zl-box .active .tit { color: #fff; z-index: 3;}

.zl-box .active .tit a { color: #fff;}

.zl-box .active .tit p { color: #dba152;}

.zl-item .item-more ul { width: 280px; position: relative; top: 120px; left: 20px; z-index: 2;}

.zl-item .item-more li { width: 140px; height: 28px; line-height: 28px; float: left;}

.zl-item .item-more a { display: block; color: #fff; padding-left: 12px; background-position: 0px -57px; transition: all 0.4s ease;}

.zl-item .item-more li:hover a { transform: translate(10px);}



/*职业介绍*/

.job-box { width: 600px; height: 367px; overflow: hidden; position: relative;}

.job-who { position: absolute; width: 292px; height: 31px; top: 73px; left: 20px; border-bottom: 1px solid #444; z-index:9;}

.job-who li {float: left; display:inline; width:58px;}

.job-who li a{display:block; width:100%; height:100%; text-align:center; font:18px/31px \5FAE\8F6F\96C5\9ED1; color:#fff;}

.job-who li.active a{color:#d7a55e;}

.job-list{position:absolute; width:600px; height:367px; overflow:hidden; top:0; left:0;}

.job-item{position:absolute; width:600px; height:367px;}

.job1{background:url("../images/job1.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/job1.jpg*/ right bottom no-repeat;}

.job2{background:url("../images/job2_new.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/job2_new.jpg*/ right bottom no-repeat;}

.job3{background:url("../images/job3.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/job3.jpg*/ right bottom no-repeat;}

.con{padding:140px 0 0 30px; line-height: 24px; color:#6f6f6f;}

.con h6, .optgrade { font-size: 12px; color: #d7a55e;}

.job-item .optgrade { margin-top: 10px;}

.job-item .optgrade em { font-size: 20px;}

.job-item .more { display: block; width: 81px; height: 30px; line-height: 30px; text-align: center; color: #a3844d; margin-top: 15px; background-position: 0 -182px;}



/*游戏攻略*/

.gl-box { width: 300px; height: 367px; overflow: hidden;}

.gl-box .g-tit { padding-left: 20px;}

.gl-main { height: 267px; padding: 20px; background: #292929 url("../images/gl_bg.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/gl_bg.jpg*/ bottom right no-repeat;}

.gl-main .news-list a { width: 216px;}

.gl-main .gl-more { display: block; line-height: 30px; color: #daa64a; background-position: 55px -56px; transition: all 0.4s ease;}

.gl-main .gl-more:hover { transform: translate(10px);}



/*游戏美图*/

.jt-box { width: 300px; height: 367px; overflow: hidden;}

.jt-box .g-tit { padding-left: 20px;}

.jt-main { height: 267px; padding: 20px; overflow: hidden; background: #202020;}

.jt-tab { width: 262px; height: 30px; overflow: hidden;}

.jt-tab li {float: left; display:inline; width: 130px; height: 30px; line-height: 30px; text-align: center; color: #999; cursor: pointer; background: #333; margin-right:1px;}

.jt-tab .active { color: #fff; background: #daa64a;}

.jt-list ul li { margin: 14px 0;}



/*客服中心*/

.mod4{padding-top:30px;}

.kefu-box, .qr-box, .fl-box, .media-box { width: 260px; height: 114px; padding: 20px 20px 0; background: #1f1f1f;}


.mod-tit { font-size: 18px; color: #b5b5b5; margin-bottom: 5px;}

.kefu-box { color: #7f7d7d; line-height: 24px; background: #1f1f1f url("../images/kf_bg.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/kf_bg.jpg*/ no-repeat;}

.kefu-box a { color: #dea45a;}

.i-qqun { width: 60px; height: 20px; vertical-align: middle; background-position: -120px -182px; }

.qr-box { background: #292929 url("../images/erweima.jpeg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/erweima.jpeg*/ no-repeat right center;background-size: auto 80%;}

.i-wechat { width: 38px; height: 38px; margin: 10px 15px 0 0; background-position: 0 -214px;}

.qr-box .txt { margin: 10px 20px 0 0; color: #7d7d7d;}

.qr-box .qr { width: 82px; height: 82px; margin-top: -10px; overflow: hidden;}

.fl-box { background: #202020; line-height: 26px;}

.fl-box a { color: #7f7d7d; }

.fl-box a:hover { color: #dea45a; }

.fl-box .fl-main { height: 80px; overflow: auto;}

.media-box { background: #292929 url("../images/media_bg.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/media_bg.jpg*/ no-repeat;}

.media-main { position: relative;}

.ml-trigger { width: 234px; height: 30px; line-height: 30px; color: #7d7d7d; border: 1px solid #545454; margin-top: 20px; cursor: pointer; background: #404040;}

.ml-trigger p { width: 188px; padding-left: 10px; border-right: 1px solid #545454;}

.ml-trigger .mlt { width: 35px; height: 30px; background-position: -83px -182px;}

.ml-list { width: 234px; height:168px; overflow:auto; overflow-x:hidden; border: 1px solid #545454; border-top: 0; display: none; position: relative; z-index: 9; background: #2C2C2C;}

.ml-list a {display:block; height: 28px; line-height: 28px; padding-left: 10px; color: #7d7d7d;}

.ml-list a:hover { color: #dea45a;}



/*列表页*/

.article-main .news-list { font-size: 14px;}

.article-main .news-list li { height: 36px; line-height: 36px; border-bottom: 1px dashed #494848;}

.article-main .news-list li a { width: 700px;}

.scott { color: #b8b7b7; margin: 15px 0 0 0; text-align: center; line-height: 32px;}

.scott a { padding: 4px 8px; color: #fff; margin: 0 2px; background: #daa64a;}

.scott a:hover { background: #daa64a;}

.scott span { padding: 4px 8px; border: 1px solid #daa64a;}



/*内容页*/

.sidebar { width: 300px;}

.content { width: 880px;}

.c-tit { height: 78px; line-height: 78px; padding: 0 50px; border-bottom: 2px solid #000; background: #1f1f1f;}

.c-tit h2 { font-size: 30px; color: #daa64a;}

.i-t { width: 14px; height: 21px; background-position: 0 -117px;}

.c-tit .local { color: #acacac;}

.c-tit .local a { color: #fff;}

.article-main { min-height: 836px; height: auto!important; height: 836px; background: #2b2b2b;}

.article-inner { padding: 50px;}

.art-title {  line-height: 30px; font-size: 30px; color: #fff; text-align: center;}

.art-info { color: #8a8a8a; height: 50px; line-height: 50px; text-align: center;}

.baidu-search { color: #9f9f9f; text-align: center;}

.baidu-search .btn {width: 60px; height: 20px; cursor: pointer; border: none; background: url("../images/bdyx.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/bdyx.jpg*/ no-repeat; }

.art-content { color: #b8b7b7; padding: 15px 0; margin: 15px 0; border-top: 1px solid #575757;}

.art-content a { color: #fff;}

.art-content a:hover { color: #daa64a;}



.prev_next { height: 24px; overflow: hidden; padding: 15px 0 10px 0; border-bottom: 1px solid #575757;}

.prev_next li { width: 50%; height: 24px; line-height: 24px; overflow: hidden; color: #b8b7b7; float: left;}

.prev_next li a { color: #fff;}

.prev_next li a:hover { color: #daa64a;}



.other-art-wrap { margin-top: 15px;}

.other-art-wrap a {color: #fff;}

.other-art-wrap a:hover {color: #daa64a;}

.other-art, .xg_news  { width: 380px;}

.other-tit, .xg_news h3 { font-size: 12px; line-height: 30px; color: #fff;}

.other-list, .xg_news ul { height: 150px; overflow: hidden;}

.other-list li, .xg_news ul li { height: 30px; line-height: 30px; color: #000; overflow: hidden; padding: 0 12px;}

.other-list li span, .xg_news ul li span { float: right;}



/* 游戏截图页 */

.pic_txt ul{margin-right:-20px;}

.pic_txt li{float:left; display:inline; width:245px; margin:0 20px 16px 0; line-height:30px; text-align:center; color:#fff;}

.pic_txt li a{display:block; width:100%; height:160px;}



.gray{width:100%; position:absolute;left:0;top:0;z-index:100;background-color:#000; opacity:0;filter:alpha(opacity=0);}

.line{background-color:#d7a55e; display:block; width:0; height:1px; margin:-1px auto 0; overflow:hidden; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s;  -ms-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s;}

.active .line{width:100%;}

.backToTop {background:url("../images/top.jpg")/*tpa=http://static.xyimg.net/gamesite/lycq/images/top.jpg*/ no-repeat; display:none;width:48px; height:46px; line-height:1.2; position:fixed;_position: absolute;right:10px;bottom:10px;_bottom: "auto";cursor: pointer; display:inline-block; opacity:0.9; filter:alpha(opacity=80); z-index:999;}

.backToTop:hover{opacity:1; filter:alpha(opacity=100);}