body,div,p,ul,li,ol,dl,dt,dd,input,h1,h2,h3,h4,table,th,tr,td,textarea,select,i,b,em,strong,label,a {margin:0;padding:0}
body{font:14px/1.6 tahoma,'\5b8b\4f53',sans-serif; padding-top:42px;font-family:'\5FAE\8F6F\96C5\9ED1';min-width:1200px; color: #989796; background: #000; padding-bottom: 140px;}
ul,ol,i,b,li { list-style:none;}
a{ text-decoration:none;blr:expression(this.onFocus=this.blur());outline: none; color:#989796;}
a:hover{ text-decoration:none; filter:brightness(110%); color: #e09d45;}
.c:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}.c{*zoom:1;}
.hide{height:0; line-height:0; font-size:0; visibility:hidden; display:none;}
img{ display:block; border:0;}
h1,h2,h3,h4,h5,h6,b,i,em,strong,b{font-size:100%; font-style: normal;}
table{ border-collapse:collapse;}
button,input,select,textarea{font-size:100%;outline:none; font-family:'\5FAE\8F6F\96C5\9ED1';}
/*public*/
.mid{width:1200px;margin:0 auto;font-family:'\5FAE\8F6F\96C5\9ED1'; }
.fl{float:left;}.fr{float:right;}.pr{position:relative;}.pa{position:absolute;}
.t{text-indent:-999em;overflow:hidden;display:block;}body img{display: block;}
/*** footer  **/
#afooter{min-width:1200px; text-align:center; font-size:12px; line-height:19px; color:#fff; background: #000;}
#afooter a{color:#fff;}
.wrap_ieg{ margin:0 auto; padding:30px 0; width:1000px;}
.wrap_ieg p.e{ margin-top:-4px; font-size:10px; color: #fff;}
/*page*/
.wrap { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/bg_wrap.jpg) top center no-repeat; height:1000px; }
.btn-com { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/btn-com.png) no-repeat; width: 169px; height: 58px; line-height: 58px; text-align: center; font-size: 19px;  font-weight: bold;  color: #fff;}
.btn-com:hover { color: #fff;}
.main { padding-top:196px; }
.main .act-num { margin: 0 auto; width: 424px; height: 34px; overflow: hidden; line-height: 34px; font-size: 17px; font-weight: bold; color: #cecece; text-align: center;}
.main .act-num span { padding-right: 15px;}
.main .content { margin-top:45px; padding-left:58px; height: 663px;}
.main .ball { position: relative; top:-8px; width: 555px; padding-right: 24px; height: 590px; overflow: hidden;}
.main .login { text-align: center; margin-bottom: 8px; height: 22px; overflow: hidden;}
.main .ball ul { position: relative;  background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball_bg.png) no-repeat; width: 555px; height: 555px;}
.main .ball li { position: absolute; width: 55px; height: 55px; cursor: pointer;}
.main .ball li:after { position: absolute; content: ''; background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/icon-light.png) no-repeat; width: 64px; height: 64px; top:-4px; left: -4px; -webkit-animation: 2s light1 infinite ease-in-out;}
.main .ball li.light2:after { background-position: 0 -100px;  color: #e09d45; -webkit-animation: 1.5s light2 infinite ease-in-out;  }
.main .ball li.light3:after { background-position: 0 -200px; color: #e09d45; -webkit-animation: 1s light3 infinite ease-in-out;}
@-webkit-keyframes light1 {
    0%, 100% { filter:brightness(100%); -webkit-transform: scale(1);}
    50% { filter:brightness(120%); -webkit-transform: scale(1.1);}
}
@-webkit-keyframes light2 {
    0%, 100% { filter:brightness(100%); -webkit-transform: scale(1);}
    50% { filter:brightness(120%); -webkit-transform: scale(1.1);}
}
@-webkit-keyframes light3 {
    0%, 100% { filter:brightness(100%); -webkit-transform: scale(1);}
    50% { filter:brightness(130%); -webkit-transform: scale(1.1);}
}
.main .ball li a { z-index: 10; position: absolute; top:-3px; left: 50%; margin-left:-45px; width: 90px; padding-bottom: 30px; line-height: 20px; text-align: center; color: #fff;}
.main .ball li:hover a { color: #ffa800;}
.main .ball li.l2 a { top:18px; margin-left: 10px;}
.main .ball li.l3 a, .main .ball li.l5 a, .main .ball li.l7 a, .main .ball li.l10 a{ padding-top:40px;  }
.main .ball li.l1 { left: 124px; top: 128px;}
.main .ball li.l2 { left: 11px; top: 213px;}
.main .ball li.l3 { left: 98px; top: 333px;}
.main .ball li.l4 { left: 215px; top: 278px;}
.main .ball li.l5 { left: 286px; top: 350px;}
.main .ball li.l6 { left: 332px; top: 250px;}
.main .ball li.l7 { left: 425px; top: 296px;}
.main .ball li.l8 { left: 478px; top: 202px;}
.main .ball li.l9 { left: 392px; top: 132px;}
.main .ball li.l10 { left: 360px; top: 172px;}
.main .ball li .info { position: absolute; display: none; z-index: 2;}
.main .ball li .info div { position: absolute; width: 154px; height: 66px; overflow: hidden; }
.main .ball li .info div p { padding: 5px 10px; height: 56px;  text-align: center; color: #1e1e1e; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; line-height: 17px; }
.main .ball li.l1 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-1.png) no-repeat; width: 213px; height: 470px; left: 22px; top:-45px;}
.main .ball li.l1 .i1 { left: 56px; top:0;}
.main .ball li.l1 .i2 { left: 59px; top:76px;}
.main .ball li.l1 .i3 { left: 40px; bottom:76px;}
.main .ball li.l1 .i4 { left: 40px; bottom: 0;}
.main .ball li.l2 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-2.png) no-repeat; width: 379px; height: 218px;  left: -17px; top:-169px;}
.main .ball li.l2 .i1 { left: 0px; top:0;}
.main .ball li.l2 .i2 { left: 176px; top:0;}
.main .ball li.l2 .i3 { left: 222px; top:78px;}
.main .ball li.l2 .i4 { left: 156px; bottom: 0;}
.main .ball li.l3 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-3.png) no-repeat; width: 229px; height: 475px;  left: 24px; top:-251px;}
.main .ball li.l3 .i1 { left: 72px; top:0;}
.main .ball li.l3 .i2 { left: 72px; top:88px;}
.main .ball li.l3 .i3 { left: 7px; bottom:74px;}
.main .ball li.l3 .i4 { left: 7px; bottom: 0;}
.main .ball li.l4 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-4.png) no-repeat; width: 324px; height: 379px;  left:-135px; top:-191px;  }
.main .ball li.l4 .i1 { left: 136px; top:0;}
.main .ball li.l4 .i2 { left: 62px; top:88px;}
.main .ball li.l4 .i3 { left: 0; bottom:0;}
.main .ball li.l4 .i4 { left: 169px; bottom: 0;}
.main .ball li.l5 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-5.png) no-repeat; width: 324px; height: 486px;  left:-130px; top:-283px; }
.main .ball li.l5 .i1 { left: 95px; top:0;}
.main .ball li.l5 .i2 { left: 0px; top:109px;}
.main .ball li.l5 .i3 { left: 0; bottom:0;}
.main .ball li.l5 .i4 { left: 169px; bottom: 0;}
.main .ball li.l6 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-6.png) no-repeat; width: 355px; height: 455px; left:-161px; top:-188px;}
.main .ball li.l6 .i1 { left: 120px; top:0;}
.main .ball li.l6 .i2 { left: 0px; top:88px;}
.main .ball li.l6 .i3 { right: 0; bottom:76px;}
.main .ball li.l6 .i4 { left: 106px; bottom: 0;}
.main .ball li.l7 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-7.png) no-repeat; width: 339px; height: 444px; left:-250px; top:-236px; }
.main .ball li.l7 .i1 { left: 97px; top:0;}
.main .ball li.l7 .i2 { left: 0px; top:124px;}
.main .ball li.l7 .i3 { left: 0; bottom:0;}
.main .ball li.l7 .i4 { right: 0; bottom: 0;}
.main .ball li.l8 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-8.png) no-repeat; width: 317px; height: 408px; left:-286px; top:-110px; }
.main .ball li.l8 .i1 { left: 0; top:0;}
.main .ball li.l8 .i2 { left: 0; top:76px;}
.main .ball li.l8 .i3 { right: 6px; bottom:76px;}
.main .ball li.l8 .i4 { right: 10px; bottom: 0;}
.main .ball li.l9 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-9.png) no-repeat; width: 231px; height: 470px;  left:-200px; top:-48px; }
.main .ball li.l9 .i1 { left: 0; top:0;}
.main .ball li.l9 .i2 { left: 0; top:76px;}
.main .ball li.l9 .i3 { right: 18px; bottom:76px;}
.main .ball li.l9 .i4 { right: 18px; bottom: 0;}
.main .ball li.l10 .info { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/ball-10.png) no-repeat; width: 336px; height: 441px; left:-249px; top:-96px;}
.main .ball li.l10 .i1 { left: 105px; top:0;}
.main .ball li.l10 .i2 { left: 105px; top:76px;}
.main .ball li.l10 .i3 { left:0; bottom:38px;}
.main .ball li.l10 .i4 { right: 0; bottom: 0;}

.main .con-box { padding-top: 6px; width: 470px; height: 580px; }
.main .box-tit { border-bottom: #625f5e 1px solid; height: 38px;overflow: hidden;}
.main .box-tit a.pa { top:12px;  width: 18px; height: 18px; background: #a97b3e; color: #383025; text-align: center; line-height: 18px; font-family:Helvetica, Arial, sans-serif; font-weight: bold; }
.main .box-tit a.btn-prev {  right: 22px;}
.main .box-tit a.btn-next {  right: 0;}
.main .box-tit .list { width: 425px; overflow: hidden; top:0; left: 0; }
.main .box-tit .list h2 { width: 1165px; position: relative;}
.main .box-tit .list h2 a { display: inline-block; width:92px; text-align: center; font-size: 18px; font-weight: normal; line-height: 38px; margin-right: 15px; }
.main .box-tit .list h2 a i { font-size: 16px;}
.main .box-tit .list h2 a.on { color: #e09d45; height: 36px; border-bottom: #e09d45 2px solid; }
.main .box-search { margin: 15px 0 12px;}
.main .box-put input { display: inline-block; width: 332px; height: 44px; line-height: 44px; background: #d5d5d5; border: none; text-indent: 10px; vertical-align: top;}
.main .box-put a { display: inline-block; width: 137px; height: 44px; background: #a97b3e; line-height: 44px; text-align: center; font-size: 18px; color: #fff; font-weight: bold;}
.main .box-hot { width: 480px;}
.main .box-hot a { display:inline-block; border: #3c3c3b 1px solid; margin:0 6px 6px 0; background: #252525; width: 150px; height: 46px; line-height: 46px; text-align: center; font-size: 18px;}
.main .box-bd { margin-top:20px; height:335px; overflow: hidden; }
.main .box-bd .info { display: none;}
.main .box-bd .tit-h3 { background: linear-gradient(#434242,#323131) left top; width: 470px; height: 41px; line-height: 41px; text-align: center; font-size: 20px; color: #e09d45;}
.main .box-bd .info-list ul { margin-top:12px; height: 285px; overflow-y:auto;}
.main .box-bd .info-list ul::-webkit-scrollbar{width:5px;}
.main .box-bd .info-list ul::-webkit-scrollbar-track{background:none;}
.main .box-bd .info-list ul::-webkit-scrollbar-thumb{background:#a97b3e;border-radius:2px;}
.main .box-bd .info-list li { width: 50%; float: left; text-align: center; line-height:28px; height: 28px; overflow: hidden; }
.main .box-bd .info-comment .tip {margin-bottom: 18px;}
.main .box-bd .info-comment .tip .back { float: right; background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/back.png) no-repeat; width: 32px; height: 28px; text-indent: -9999em;}
.main .box-bd .info-comment .tip i { font-size: 18px; color: #a97b3e; text-decoration: underline;   }
.main .box-bd .info-comment .text { text-align: center; padding: 10px 30px; height: 44px; overflow: hidden;}
.main .box-bd .info-comment .des { height: 114px; padding: 10px 0 15px 15px;}
.main .box-bd .info-comment .des a { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/comment_img.png) no-repeat; width: 114px; height: 114px; float: left; margin: 0 18px;}
.main .box-bd .info-comment .des .a2 { background-position: -150px 0;}
.main .box-bd .info-comment .des .a3 { background-position: -300px 0;}
.main .box-bd .info-comment .des i { display: block; text-align: center; padding-top:80px; }
.main .box-bd .info-comment .des .a1:hover, .main .box-bd .info-comment .a1.on { background-position:0 -150px;}
.main .box-bd .info-comment .des .a2:hover, .main .box-bd .info-comment .a2.on { background-position: -150px -150px;}
.main .box-bd .info-comment .des .a3:hover, .main .box-bd .info-comment .a3.on { background-position: -300px -150px;}

.fix-bot { position: fixed; bottom: 0; width: 100%; height: 135px; background: #272523; color: #ababab; z-index: 9998; }
.fix-bot .info { width: 633px;  }
.fix-bot .info i { top:22px; left: 20px; color: #fff;font-size: 20px;}
.fix-bot .info p { padding:24px 0 0 106px; font-size: 18px;}
.fix-bot .btn { padding-top:42px; width: 550px; }
.fix-bot .btn a { float: left; margin-right: 8px;}
.role { position: fixed; background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/role.png) no-repeat; width: 430px; height: 500px; bottom: 0; left: 50%; margin-left:-910px; z-index: 999999;}

/*pop*/
.pop-back { background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/pop_back.png) no-repeat; width: 82px; height: 32px; top:-45px; right: 0; text-indent: -9999em;}
.pop-topic { width: 1125px; height: 775px; display: none;}
.pop-topic .bd { width: 687px; height:750px; padding: 10px 12px; border: #232323 1px solid;}
.pop-topic .bd .pic { width: 687px; height: 436px;}
.pop-topic .bd .info { margin-top:20px; height: 302px; overflow: hidden;}
.pop-topic .bd .info p { color: #8c6f3c; font-size: 20px; word-break: break-all; padding: 6px 15px;}
.pop-topic .bd .info strong { color: #878787; font-weight: normal; }
.pop-topic .list { width: 380px; height: 775px; overflow: hidden;}
.pop-topic .list li { width: 378px; height:155px; overflow: hidden; border: #232323 1px solid; margin-bottom: 15px; position: relative;}
.pop-topic .list li i { position: absolute; top:10px; left: 0; width: 80px; height: 30px; line-height: 30px; text-align: center; background: #a87c3a; color: #fff;}
.pop-topic .list li i:after { right: -15px; top:0; position: absolute; content: ''; width: 0; height: 0; border-left: #a87c3a 15px solid; border-top:transparent 15px solid; border-bottom:transparent 15px solid;}
.pop-topic .list li.hope i { background: #5d5d5d;}
.pop-topic .list li.hope i:after {  border-left: #5d5d5d 15px solid; }

.pop-version { width: 1110px; height: 805px; display: none;}
.pop-version .bd { height: 750px; width: 1110px; overflow: hidden;}
.pop-version .bd .list { display: none;}
.pop-version .dj-img {}
.pop-version .dj-img ul { width:1150px; display: none;}
.pop-version .dj-img li { float: left; margin:0 22px 14px 0; width: 519px; height: 330px;  padding:9px 11px 0;border: #232323 1px solid;  overflow: hidden; position: relative;}
.pop-version .dj-img h3 { position: absolute; top:184px; left: 24px; width:498px;  height: 43px; line-height: 43px; overflow: hidden; font-size: 18px; color: #dadada; font-weight: normal;}
.pop-version .dj-img h3 i { float: right; padding-right:10px;}
.pop-version .dj-img ul div { color: #646464;}
.pop-version .dj-img ul div p { padding: 8px 5px 0;}
.pop-version .page { text-align: center; padding:3px;}
.pop-version .page a, .pop-version .page span { display: inline-block; padding: 0 10px;}

.pop-version .tit { height: 60px; text-align: center;}
.pop-version .tit a { display: inline-block; width: 130px; height: 30px; background: url(//game.gtimg.cn/images/cfm/cp/a20180427cfm/pop_v_i.png) -20px top no-repeat; text-align: center; padding-top:30px; line-height: 24px; position: relative;}
.pop-version .tit a:hover, .pop-version .tit a.on { background-position: -190px 0; color: #a87c3a;}