@charset "utf-8";
body,div,hr,p,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend,ins,menu{margin:0;padding:0;}
body,button,input,label,select,option,textarea,button,fieldset,legend,ins{font:12px/1.5 Arial,'Lucida Grande',\5FAE\8F6F\96C5\9ED1,Verdana,Tahoma,\5b8b\4f53,Helvetica,sans-serif;}  
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;}
a{ color:#999; text-decoration: none;}
a:hover {text-decoration:underline;}
img{ border:none; border:0;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}
i,em {font-style: normal;}

.cho-server-popup .drop-input {position:relative;}
.cho-server-popup .drop-input .input-focus {border:0;}
.cho-server-popup .drop-input .options {position:absolute; z-index: 10; top:2.5em; left:0; width:17.057142857142857em; height:8em; background: #e6e6e6; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; overflow:auto;}
.cho-server-popup .drop-input .options ul { padding:0.75em 0;}
.cho-server-popup .drop-input .options li {width: 100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cho-server-popup .drop-input .options li a {display:block; height:20px; line-height:20px; padding:0 10px; cursor:hand; cursor:pointer; font-size: 0.8571428571428571em; color: #333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cho-server-popup .drop-input .options li a:hover { background: #929292; color:#fff; text-decoration: none;}
.cho-server-popup .drop-input .options li.current a {background: #929292; color:#fff; }
.cho-server-popup .drop-input .btn-drop {float:right; position:relative; z-index:2; width:2.3333333333333335em; height:2.3333333333333335em; margin-top:-2.3333333333333335em; background: #808080; border:0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; cursor:hand; cursor:pointer;}
.cho-server-popup .drop-input .i-drop {margin-top:13px; border-top-color: #fff;}
.cho-server-popup .drop-input .select-txt {color:#fff;}

.popup-box .drop-input {height:34px;}
.popup-box .drop-input .btn-drop {width:34px; height:34px; margin-top:-34px; background:none; }
.popup-box .drop-input .i-drop {border-width:7px 4px 0 4px; border-top-color: #838383; margin-top:14px;}

.cho-server-popup .i-triangle-down {width: 0;height: 0;border-width: 8px 5px 0 5px;border-style: solid dashed dashed dashed;border-color: #de3f05 transparent transparent transparent;overflow: hidden;font-size: 0!important;}
.cho-server-popup .i-triangle-up {width: 0;height: 0;border-width: 0 5px 8px 5px;border-style: dashed dashed solid dashed;border-color: transparent transparent #de3f05 transparent;overflow: hidden;font-size: 0!important;}
.popup-box .input-txt {height: 14px;line-height: 14px;padding: 10px 9px; color:#333;}
.popup-box {position:absolute; z-index:99; min-height:265px; background: #414141;}
.popup-box .hd {height:48px; line-height:48px; padding:0 10px 0 23px; background: #282828; color:#999999; overflow: hidden; zoom:1;}
.popup-box .i-logo {background-image: url(../../images/logo.png);}
.popup-box .hd .tit {float:left;}
.popup-box .hd .tit b {margin-right:10px; font-size:14px;}
.popup-box .hd .tit .attention {width:450px; overflow: hidden;}
.popup-box .hd .tab-menu {float:left;  font-size:14px;}
.popup-box .hd .tab-menu li {height:45px; line-height:45px; margin-right:30px; padding:0 3px;}
.popup-box .hd .tab-menu li a {display: block;}
.popup-box .hd .tab-menu .current {border-bottom:3px solid #de3f05; font-weight:bolder;}
.popup-box .hd .tab-menu .current a {color: #fff;}
.popup-box .i-logo {display:none; float:left; width:133px; height:39px; margin:5px 10px 0 -12px; background-position:0 -261px;}
.popup-box .close {float:right; width:27px; height: 27px; margin-top:11px; background-image:url(../../images/sprite.png); background-position:-98px -117px; text-indent: -999px; overflow: hidden;}
.popup-box .close:hover{background-position:-127px -117px;
    animation:closeRotate 0.5s;
    -moz-animation:closeRotate 0.5s; /* Firefox */
    -webkit-animation:closeRotate 0.5s; /* Safari and Chrome */
    -o-animation:closeRotate 0.5s; /* Opera */
}

@keyframes closeRotate
{
from {transform:rotate(0);}
to {transform:rotate(360deg);}
}

@-moz-keyframes closeRotate 
{
from {-moz-transform:rotate(0);}
to {-moz-transform:rotate(360deg);}
}

@-webkit-keyframes closeRotate 
{
from {-webkit-transform:rotate(0);}
to {-webkit-transform:rotate(360deg);}
}

@-o-keyframes closeRotate 
{
from {-o-transform:rotate(0);}
to {-o-transform:rotate(360deg);}
}

.popup-box .bd {min-width:400px; padding:20px;}

.popup-box .form-box .tit {font-size:14px;}
.popup-box .form-col dt {margin-left:-78px;}

.popup-box .ft-btn {position:relative;}
.popup-box .ft-btn,
.tips-popup .ft-btn {height:66px; margin:0 10px; border-top:1px solid #343434; font-size: 14px; text-align:center;}
.popup-box .ft-btn .btn-txt {padding:0 10px; line-height:38px; color:#2588d5;}
.popup-box .ft-btn .btn {display:inline-block; width: 113px; height: 32px; line-height: 32px; margin:0 2px; font-weight: bolder;}
.popup-box .form-box .btn {font-size:14px;}
.popup-box .btn:hover {text-decoration: none;}
.popup-box .form-btn .btn-blue {height:32px; line-height:32px; padding:0 22px;}
.popup-box .bt-ps {position:absolute; bottom:0; margin:0 10px; padding:0 0 20px 0;}
.popup-box .bt-ps .line-dotted {margin-bottom:10px;}
.popup-box .bt-ps p {padding:0 15px;}

.popup-box .att-tit,
.popup-box .att-tit-b {margin-bottom:10px; font-size:14px;}
.popup-box .att-tit-b {font-weight:bolder;}
.popup-box .att-tit,
.popup-box .att-tit-b,
.popup-box .att-txt {color:#fff;}

.cho-server-popup .i-offline {background: #d56f3d;border-color: #aa4f23;}
.cho-server-popup .i-offline, 
.cho-server-popup .i-online, 
.cho-server-popup .i-beta {display: block;width: 8px;height: 8px;border-style: solid;border-width: 1px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.cho-server-popup .i-online {background: #178a00;border-color: #126900;}
.cho-server-popup .i-beta {background: #1f61a0;border-color: #194773;}


/*chose server*/
.cho-server-popup {width:680px;  background: #282d37; border:1px solid #3b4455;}
.cho-server-popup .i-logo{display: block; width: 31px; background-position:0 -116px;}
.cho-server-popup .hd {background: #1a1e27; border:none; color: #6a7b9c;}
.cho-server-popup .hd .tit b {font-size:18px;}
.server-no {height:45px;}
.server-no label {float:left; width:244px; height:34px;}
.cho-server-popup .server-no .options {width:178px; height: auto;}
.cho-server-popup .drop-box {position: relative; height:34px;}
.server-no .input-txt {float:left; width:172px; padding-right:60px; background: #c9cdd6; border:0; border-radius: 5px;}
.server-no .btn {float:right; height:34px; line-height:34px; margin-top:-34px; padding:0 14px; background:#707070; border-radius: 0 5px 5px 0;cursor: pointer;cursor: hand;}
.server-no .btn-link {float:left; line-height: 30px; margin-left:10px; color:#de3f05;}
.server-no .game-status {float:right;}
.server-status {float:right; width: 237px; line-height:30px;}
.server-status span {float:left; margin-right:10px; color:#999;}
.server-status i {float:left; margin-top:10px; margin-right:5px;}
.cho-server-popup .focal-tit {line-height: 2.5em; color: #bcc3ca; font-size: 1.0714285714285714em; text-transform:capitalize; position: relative;
font-weight: bold;}

.cho-server-popup .tab-menu{overflow:hidden;}
.cho-server-popup .tab-menu li{ float:left; text-align:center; cursor:hand; cursor:pointer;}
.cho-server-popup .tab-menu li a:hover {text-decoration: none;}
.cho-server-popup .tab-box .hide{display:none;}
.cho-server-popup .tab-card {background: #1c1f27;border-bottom: 1px solid #353b4a;}
.cho-server-popup .tab-card .tab-menu {height:28px; overflow: visible;}
.cho-server-popup .tab-card li {padding-top:2px;}
.cho-server-popup .tab-card li a {display:block; line-height:28px; padding:0 18px; color: #677289;}
.cho-server-popup .tab-card li.current {position:relative; z-index:2; line-height:29px; margin-bottom:-1px; background:#de3f05; }
.cho-server-popup .tab-card li.current a {background:#282d37; border-left:1px solid #353b4a; border-right:1px solid #353b4a; color:#e0e4e8;}


.cho-server-popup .server-list {min-height:20px; max-height:258px; overflow-y:auto; zoom:1;}
.cho-server-popup .client-server{max-height: 170px;}
.cho-server-popup .server-list li {float:left; width:30%; margin:0 1% 10px 0;}
.cho-server-popup .server-list li a {display: block; height: 33px; line-height:33px; padding:0 6px; padding-left:21px; background: #ffffff; border-radius:5px; overflow: hidden; zoom:1; font-size:14px; color:#333;}
.cho-server-popup .server-list b {float:left;width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cho-server-popup .server-list i {margin-top:12px; margin-left:-15px;}
.cho-server-popup .dot-line {margin-bottom:0; border-top:1px dashed #171b23; border-bottom:1px dashed #333841;}
.cho-server-popup .btn-more,
.cho-server-popup .btn-less {display:block; width:160px; line-height: 2; margin-right:36px; margin-left:auto; overflow: hidden; zoom:1; color:#999;}
.cho-server-popup .btn-more span,
.cho-server-popup .btn-more i {float:right; font-size:12px;}
.cho-server-popup .btn-more i {margin-top:9px; margin-left:5px;}
.cho-server-popup .tab-card {margin-bottom:10px;}