@charset "UTF-8";
body,a,button,dd,div,dl,dt,h1,h2,h3,img,li,p,ul{margin:0;padding:0;}
body{background:#fbfbfb;font:14px/1.8 "Microsoft Yahei",Arial;overflow-x:hidden;color:#000;position:relative;}
img{border:0;}
li,ul{list-style-type:none;}
a{text-decoration:none;cursor:pointer;color:#000;}
a:hover{text-decoration:none;color:#008eeb;}
i,em{font-style:normal;}
.hide{display:none;}
.ir{overflow:hidden;line-height:99em;}
.cd,.grplm,.tbar{*zoom:1;}
.cd:after,.grplm:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.grplm{width:1200px;margin:0 auto;position:relative;z-index:5;margin-bottom:35px;}
.header{background:#fff;height:72px;border-bottom:1px solid #e6e6e6;box-shadow:0 0 7px rgba(0,0,0,0.3);}
.header .logo{position:absolute;top:14px;left:56px;width:188px;height:50px;float:left;}
.header .logo a{display:block;width:188px;height:50px;background:url(1787logo50.png)/*tpa=http://www.1787yx.com/img/1787logo50.png*/ no-repeat;}
.tbar{width:1200px;margin:0 auto;position:relative;z-index:5;}

.nav{position:absolute;left:300px;}
.nav li{float:left;width:90px;text-align:center;font:18px/71px "Microsoft Yahei",Arial;}
.nav li.cur a{color:#008eeb;}
.nav li.cur a .lineu{width:100%;}
.nav a{display:block;color:#000;}
.nav a:hover{color:#008eeb;text-decoration: none!important;}
.nav a:hover .lineu{width:100%;}
.lineu{display:block;width:0;height:2px;background:#008eeb;-webkit-transition:width 0.3s linear 0s;-o-transition:width 0.3s linear 0s;transition:width 0.3s linear 0s;}
.cur .lineu{width:100%;}

.toplogin{color:#808080;position:absolute;right:0px;line-height:70px;display:none;}
.toplogin a{color:#808080;padding:0 5px;}
.toplogin a:hover{color:#008eeb;}
.toplogin .name{width:90px;overflow:hidden;height:70px;padding-right:7px;display:inline-block;float:left;text-align:right;}

.footgrp{background:#fff;}
.footgrpa{width:1200px;margin:0 auto;font:13px/1.8 "Microsoft Yahei",Arial;color:#959595;background:#fff;}
.footgrpa a{text-decoration:none;}
.footgrpa a:hover{text-decoration:none;color:#008eeb;}
.notice{padding:20px 0;border-bottom:1px solid #e7e7e7;text-align:center;color:#7b7b7b;font-size:14px;}
.notice .zg_zi{font-style:normal;padding-right:25px;}
.notice span{padding:0 24px;}
.notice span .zg_lt{padding-right:0;}
.notice a{color:#7b7b7b;}
.fgrp{width:1200px;margin:0 auto;padding:5px 0 20px;}
.fga{float:left;width:310px;}
.fgb{float:left;width:830px;}
.fgc{clear:both;font-size:0;padding:0;margin:0;height:0;line-height:0;}
.flg,.flg img{display:inline-block;vertical-align:top;}
.fga .flga{padding-top:20px;margin-right:40px;float:right;}
.fgrpa{padding:15px 0 0;color:#c8c8c8;margin-left:-19px;}
.fgrpa a{color:#000;padding:0 19px;}
.fgrpb a{white-space:nowrap;padding:0 10px 0 0;color:#959595;}
.fgrpb span{padding-right:12px;white-space:nowrap;color:#959595;}

/***********************/

.newsttl{border-top:1px solid #dedee3;height:50px;position:relative;font-weight:400;}
.newsttl i.bor{height:1px;background:#008eeb;width:113px;display:block;position:absolute;top:-1px;left:0;}
.newsttl .itt{font-size:18px;line-height:50px;padding-left:20px;}
.newsttl .more{font-size:14px;position:absolute;right:20px;top:15px;color:#000;}
.newsttl .more:hover{color:#008eeb;}
.newsttl .more:hover i{color:#008eeb;}
.newsttl .more i{color:#000;}
.grpl{width:310px;float:left;}
.grpl .newsttl{border:0;}
.grpl .newsttl .more{top:13px;}
.grpl .newsttl .itt{padding-left:26px;}
.grplb{border:1px solid #cdd6e4;margin-top:30px;background:#fff;}
.grpr{width:850px;float:right;}
.gob{display:inline-block;border:1px solid #008eeb;border-radius:1px;text-align:center;width:57px;height:24px;color:#008eeb;margin-top:15px;line-height:24px;}
.gob:hover{background:#008eeb;color:#fff;}
.gbg{width:103px;height:32px;float:right;display:block;color:#fff;font-weight:bold;line-height:32px;text-align:center;border: 1px solid #005eeb;background: #008eeb;border-radius: 2px;margin-top:5px;margin-right:65px;}
.gbg:hover{background-position:0 -50px;color:#fff;}

.mgrps{margin-top:0;}
.snav{margin:-1px 0 0 -1px;font-size:18px;line-height:53px;text-align:center;}
.snav li{float:left;width:153.5px;border:1px solid #cdd6e4;border-width:1px 0 0 1px;cursor:pointer;color:#838383;}
.snav li.cur,.snav li:hover{color:#000;border-top-color:#008eeb;background:-webkit-linear-gradient(#faf1f2,#fff);background:-o-linear-gradient(#faf1f2,#fff);background:-moz-linear-gradient(#faf1f2,#fff);background:linear-gradient(#faf1f2,#fff);}

.svrl{padding:5px 17px;height:284px;overflow:hidden;}
.svrl .lst{display:none;}
.svrl .lst.cur{display:block;}
.svrl .lst li{height:54px;border-bottom:1px solid #d2d3da;padding:0 8px;}
.svrl .lst li:last-child{border-bottom:0;}
.svrl .lst .name{display:inline-block;line-height:54px;font-weight:bold;width:85px;float:left;}
.svrl .lst .server{float:left;display:inline-block;padding:10px 4px 0;line-height:18px;width:105px;}
.svrl .lst .server a{display:block;font-size:13px;}
.svrl .lst .server .time{font-size:11px;color:#818181;display:block;}
.svrl .lst .gob{float:left;}

.newsl{padding:5px 14px 10px;}
.newsl li{font-size:13px;color:#7d7d7d;clear:both;width:100%;height:31px;}
.newsl li a{color:#7d7d7d;display:inline-block;width:80%;height:29px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsl li a:hover{color:#008eeb;}
.newsl li .time{float:right;}

/***********************/

.adct{height:471px;position:relative;top:0;left:0;width:100%;z-index:1;}
.adm{width:1920px;position:absolute;left:50%;margin-left:-960px;top:0;height:836px;overflow:hidden;}
.adm .hiSlider{overflow:hidden;height:471px;width:1920px;position:relative;}
.adm .hiSlider-item{display:block;height:471px;width:1920px;position:relative;}
.adm .hiSlider-item a{display:block;width:890px;height:471px;position:absolute;top:0;left:50%;margin-left:-290px;}

.logingrp{width:1200px;height:356px;padding-top:62px;margin:0 auto;}
.lgrpa{width:308px;height:356px;border:1px solid #cdd6e4;border-top:2px solid #cdd6e4;background:#fff;position:relative;z-index:10;}
.lgrpa .lttl{font-size:18px;color:#000;line-height:77px;padding:0 33px;}

.lgrpa dd{display: block;height:22px;line-height:22px;font-size:12px;}
.lgrpa dd img{float:left;line-height:16px;_line-height:18px;overflow:hidden;height:16px;display:inline;margin-right:8px;vertical-align:middle;border:0;}
.lgrpa dd .g-name{margin-right:8px;width:60px;float:left;line-height:16px;_line-height:18px;overflow:hidden;height:16px;display:inline;}
.lgrpa dd .u-server{margin-right:8px;width:90px;float:left;line-height:16px;_line-height:18px;overflow:hidden;height:16px;display:inline;}
.lgrpa dd .g-bagin{color:#ea5656;width:54px;text-align:center;float:right;height:16px;display:block;line-height:16px;_line-height:18px;}

.ylggrp{position:relative;height:135px;color:#818181;margin:38px 18px 0;font-size:13px;}
.ylggrp .lunm{padding:0 0 0 134px;font-size:16px;}
.ylggrp .lunm a{color:#000;}
.ylggrp .lupic{position:absolute;left:7px;top:7px;width:100px;height:100px;}
.ylggrp .ylug{padding:12px 0 0 134px;line-height:20px;}
.ylggrp .ylug .lv_bg{display:inline-block;width:90px;height:9px;line-height:20px;vertical-align:middle;background:#d3d3d3;overflow:hidden;}
.ylggrp .ylug em{display:inline-block;height:9px;line-height:20px;vertical-align:top;background:#f58120;overflow:hidden;}
.ylggrp .usgtx{float:left;width:60px;display:inline-block;}
.ylggrp .ylugc,.ylggrp .ylugb{padding:4px 0 0 134px;padding-top:0px\9;}
.ylggrp .usgn{color:#f58120;}
.ylggrp .usgn a{color:#f58120;}
.ylggrp .ylout{position:absolute;right:0;top:3px;width:35px;text-align:right;line-height:21px;color:#fff;}
.ylggrp .ylout a{color:#b3b3b3;}
.ylggrp .ylout a:hover{color:#f58120;}
.mgml{padding:0 18px;font-size:13px;}
.mgml .mgmb{font-size:15px;padding:0 13px 7px;margin-bottom:5px;border-bottom:1px solid #eaeaea;}
.mgml .mgmd{height:144px;width:290px;overflow-y:auto;}
.mgml .mgmc{padding:3px 0;height:25px;overflow:hidden;}
.mgml .mgmc .ltt{display:inline-block;width:180px;float:left;line-height:25px;padding-left:10px;}
.mgml .mgmc .rtt{float:right;padding-right:10px;}
.mgml .mgmc .rtt a{float:right;color:#008eeb;}
.mgml .mgmc .rtt a:hover{color:#f58120;}
.mgml .ser{color:#818181;float:right;}

.lwin{padding:0 31px;height:279px;}
.lsf{color:#6c6c6c;position:relative;zoom:1;}
.lsf .lsfa{width:137px;height:40px;border:1px solid;border-color:#cfcfcf #ececec #ececec #cfcfcf;margin-bottom:5px;padding-left:15px;border-radius:2px;}
.lsf .lsfa input{width:138px;height:40px;line-height:40px;border:none;background:none;outline:none;font-size:14px;color:#6c6c6c;}
.lsf .lsfa.lsfaa{background:#f5f5f5}
.lsf .lsfa.lsfab{background:#f5f5f5}
.lsf .lsfa.ha_click{border-color:#ff9625;background-color:#fff;-moz-box-shadow:2px 2px 2px #e5e5e5 inset;-webkit-box-shadow:2px 2px 2px #e5e5e5 inset;-ms-box-shadow:2px 2px 2px #e5e5e5 inset;-o-box-shadow:2px 2px 2px #e5e5e5 inset;box-shadow:2px 2px 2px #e5e5e5 inset;}
.lsf .lsfb{padding:14px 0;position:relative;}
.lsf .lsfb .lsfba{position:absolute;color:#6c6c6c;right:3px;top:10px;text-align:right;}
.lsf .lsfb .lsfba:hover{color:#008eeb;}
.lsf .lsfb .rme{position:absolute;top:10px;}
.lsf .btr a{text-align:center;display:block;font:bold 18px/86px "Microsoft Yahei";color:#fff;border-radius:2px;}
.lsf a.btlg{width:84px;height:86px;border:1px solid #005eeb;background:#008eeb;position:absolute;top:0;right:0;}
.lsf a.btlg:hover{background:-webkit-linear-gradient(#00aeeb,#008eeb);background:-o-linear-gradient(#00aeeb,#008eeb);background:-moz-linear-gradient(#00aeeb,#008eeb);background:linear-gradient(#00aeeb,#008eeb);border-color:#006eeb;}
.lsf a.btrg{width:244px;height:48px;border:1px solid #8fc816;background:#9dd428;line-height:48px;display:block;font:bold 18px/48px "Microsoft Yahei";text-align:center;color:#fff;}
.lsf a.btrg:hover{background:-webkit-linear-gradient(#b1e70c,#98d305);background:-o-linear-gradient(#b1e70c,#98d305);background:-moz-linear-gradient(#b1e70c,#98d305);background:linear-gradient(#b1e70c,#98d305);}
.utip,.ptip{position:absolute;width:122px;height:22px;left:0;top:-23px;line-height:22px;font-size:12px;padding:0 15px;background:#fff7d6;border:1px solid #ffc99b;color:#ef3b3b;}
.nttp,.vtip{position:absolute;width:214px;height:22px;left:0;top:-29px;line-height:22px;font-size:12px;padding:0 15px;background:#fff7d6;border:1px solid #ffc99b;color:#ef3b3b;}
.nttp,.vtip{height:50px;left:0;top:134px;}
.nttp i{background-position:-15px -212px;top:-6px;width:12px;height:6px;left:-6px;}
.ptip{top:24px;}
.check{margin:-4px 3px 0 0;width:15px;height:15px;}

.reggrp{position:absolute;left:-1px;top:-2px;width:619px;height:359px;background:rgba(29,29,29,0.75);z-index:1000;}
.reggrp .regf{width:308px;height:357px;position:absolute;right:0;top:0;border:1px solid #cdd6e4;background:#fff;z-index:1000;}
.reggrp .txtbox{width:204px;height:25px;border:1px solid;color:#6c6c6c;border-color:#cfcfcf #ececec #ececec #cfcfcf;background:#f5f5f5;margin:5px 41px 5px;padding:0 10px;border-radius:2px;}
.reggrp .txtbox input{width:200px;height:21px;line-height:21px;border:none;background:none;outline:none;font-size:14px;color:#6c6c6c;}
.reggrp .txtboxv{width:80px;height:25px;border:1px solid;color:#6c6c6c;border-color:#cfcfcf #ececec #ececec #cfcfcf;background:#f5f5f5;margin:5px 41px 5px;padding:0 10px;border-radius:2px;position:relative;}
.reggrp .txtboxv input{width:75px;height:21px;line-height:21px;border:none;background:none;outline:none;font-size:14px;color:#6c6c6c;}
.reggrp .txtboxv img{width:63px;height:22px;position:absolute;left:110px;top:1px;cursor:pointer;}
.reggrp .newreg{padding-top:6px;text-align:center;}
.reggrp .newreg .f16{color:#ef3b3b;font-size:16px;}
.reggrp .newreg .f20{color:#3a3a3a;font-size:20px;}
.reggrp .regnt{padding-top:5px;text-align:center;}
.reggrp .btn_reg{width:200px;height:38px;border:1px solid #e5710f;background:#f58120;display:block;text-align:center;font:bold 16px/38px "Microsoft Yahei";color:#fff;margin:8px auto;}
.reggrp .btn_reg:hover{background:-webkit-linear-gradient(#ff9625,#e16905);background:-o-linear-gradient(#ff9625,#e16905);background:-moz-linear-gradient(#ff9625,#e16905);background:linear-gradient(#ff9625,#e16905);border-color:#de6b00;}
.regcls{background:url(close.png)/*tpa=http://www.1787yx.com/img/close.png*/ no-repeat;display:inline-block;vertical-align:middle;width:18px;height:18px;right:10px;top:10px;position:absolute;cursor:pointer;-webkit-transition:ease-in .3s;-o-transition:ease-in .3s;-moz-transition:ease-in .3s;-ms-transition:ease-in .3s;transition:ease-in .3s;}
.regtip1,.regtip2,.regtip3,.regtip4,.regtip5,.regtip6,.regtip7{position:absolute;width:194px;height:22px;top:-23px;left:41px;line-height:22px;font-size:12px;padding:0 15px;background:#fff7d6;border:1px solid #ffc99b;color:#ef3b3b;}
.regtip2{top:9px;}
.regtip3{top:41px;}
.regtip4{top:73px;}
.regtip5{top:105px;}
.regtip6{top:137px;}
.regtip7{top:169px;}
.wrgrp{margin-top:30px;}
.wrgrp.gmshow{margin:0;}

.gmshow{background:#fbfbfb;}
.gmshow .newsttl{margin-bottom:-20px;}
.gmsh{margin-left:-20px;}
.gmsh li{float:left;width:270px;margin:20px 0 0 20px;height:300px;}
.gmsh .gimg{height:211px;position:relative;}
.gmsh .gimg img{position:absolute;top:0;left:0;z-index:1;}

.gmsh .gimg:hover .gamelogo{display:block;}
.gmsh .gameTxt{width:268px;height:73px;border:1px solid #e6e6e6;border-top:0;padding:10px 0 5px;}
.gmsh .gameTxt li{float:none;margin:0 18px;width:auto;height:auto;clear:both;}
.gmsh .title{float:left;width:58%;font-size:16px;font-weight:bold;overflow:hidden;height:28px;}
.gmsh .title span{float:left;}
.gmsh .slink{font-size:13px;float:left;color:#8d8d8d;}
.gmsh .slink a{padding:0 8px;}
.gmsh .stxt{font-size:13px;float:left;color:#8d8d8d;line-height:32px;width:54%;margin-top:5px;}

.flst .itt{padding-left:26px;}
.fls{margin:10px 0 15px;overflow:hidden;height:50px;}
.fls li{height:25px;clear:both;}
.fls a{float:left;padding-left:26px;width:107.33333px;color:#808080;display:inline-block;overflow:hidden;height:25px;}

.ittl{padding:4px 0 0;*padding:6px 0 0;margin-left:-20px;}
.ittl a{display:block;width:270px;height:188px;float:left;margin-left:20px;position:relative;}
.ittl .hover{position:absolute;display:block;width:100%;height:100%;overflow:hidden;top:0;left:0;}
.ittl a:hover .hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);}
:root .ittl a:hover .hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/

:root .ittl a:hover .hover{filter:none;}/*for IE9*/
/***********************/

/*****serverlist*****/
a.slbtt{width:198px;height:48px;border:1px solid #0b9684;background:#10bda7;line-height:48px;display:block;font:bold 16px/48px "Microsoft Yahei";text-align:center;color:#fff;}
a.slbtt:hover{background:-webkit-linear-gradient(#37e3cd,#1cad9a);background:-o-linear-gradient(#37e3cd,#1cad9a);background:-moz-linear-gradient(#37e3cd,#1cad9a);background:linear-gradient(#37e3cd,#1cad9a);}

a.slbts{width:198px;height:48px;border:1px solid #c05e07;background:#f37709;line-height:48px;display:block;font:bold 16px/48px "Microsoft Yahei";text-align:center;color:#fff;}
a.slbts:hover{background:-webkit-linear-gradient(#f49b4d,#f37709);background:-o-linear-gradient(#f49b4d,#f37709);background:-moz-linear-gradient(#f49b4d,#f37709);background:linear-gradient(#f49b4d,#f37709);}

.slgrp{width:666px;height:518px;margin:0 auto;position:relative;border:1px solid #cdd6e4;margin-top:30px;background:#fff;}
.slttl{height:60px;position:relative;font-weight:400;}
.slttl .itt{font-size:18px;line-height:50px;padding-left:20px;}
.slttl .close{font-size:16px;position:absolute;right:20px;top:15px;color:#000;}
.slttl .close:hover{color:#ff0000;}
.slttl .close:hover i{color:#ff0000;}
.slttl .close i{color:#000;}

.slvrl{height:60px;overflow:hidden;}
.slvrl .lst{margin-top:0px;}
.slvrl .lst li{padding:0 0 15px 20px;display:inline-block;width:190px;}

.slall{height:338px;overflow-y:auto;overflow-x:hidden;}
.slall .lst{margin-top:0px;}
.slall .lst li{padding:0 0 15px 20px;display:inline-block;width:190px;}
/***********************/