.abc{ background:url(../images/sprite.png) no-repeat; background-size:3.15rem 1.48rem; }
body{width:100%;font:normal 0.24rem/1.5 "Microsoft YaHei","微软雅黑"; color:#6afcd8; word-break:break-all; word-wrap:break-word; overflow-x:hidden;background:url(../images/bg.jpg) fixed no-repeat center top; background-size:100% 100%; }
video,.hide{display:none;}
img{ width:100%; vertical-align:top; }
.letter-spacing{ letter-spacing:0.12rem; }
.pop,.horizontal,.share_weixin{display:none;position:fixed;z-index:300;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.8); color:#ffffff;}
.share_weixin{background-image:url(../images/share_tips.png);background-repeat:no-repeat;background-position:right top;background-size:90% auto;}
.horizontal p{ position:absolute; left:0; top:50%; width:100%;  margin-top:-0.17rem; font:normal 0.34rem/1.5 "Microsoft YaHei","微软雅黑"; color:#ffbe33; text-align:center; }

.pop dl{ position:absolute; left:0.30rem; width:5.80rem; bottom:50%; margin-bottom:-1.52rem; background:#09181c; border:0.02rem solid #22454e; }
.pop dl dt{ height:0.76rem; text-align:center; background:#175b6a; }
.pop dl dt strong{font:bold 0.34rem/0.76rem "Microsoft YaHei","微软雅黑"; color:#7ef4fa;  }
.pop dl dt ins{ position:absolute; right:0; top:0; width:0.76rem; height:0.76rem;background:url(../images/pop_close.png) no-repeat; background-size:100% 100%; }
.pop dl dd { padding:0.20rem 0.40rem; }

.page,.result{ position:absolute;width:100%;height:100%;overflow:hidden;}
.result{ display:none;}
.logo{ position:absolute; top:3.06rem; left:50%; width:2.82rem; margin-left:-1.41rem; }
.slogin{ position:absolute; top:4.62rem; left:0; width:100%;}
.slogin span{ position:absolute;left:50%;}
.slogin_title{ width:5.35rem; margin-left:-2.68rem; }
.slogin_line{ top:0.98rem; width:4.04rem; margin-left:-2.02rem; }
.slogin_content{ top:1.23rem; width:3.17rem; margin-left:-1.59rem; color:#45c9e0; text-align:center; }
.btn_next{ position:absolute; bottom:0.40rem; left:50%; width:0.76rem; margin-left:-0.38rem; }

/*.page-2-1 .slogin{ top:0.65rem; }
.point{position:absolute; left:50%; width:5.00rem; margin-left:-2.50rem; }
.point01{ top:2.90rem;}
.point02{ top:4.96rem;}
.point03{ top:7.4rem;}
.point dt{position:absolute; z-index:10; width:1.38rem;  }
.point dd{position:absolute; right:0; top:0.32rem; width:3.70rem; padding:0.25rem; border:0.02rem solid #35787d;  }
.point dd ins{ position:absolute; left:-0.02rem; top:-0.02rem; width:0.62rem; height:0.12rem; overflow:hidden; border-left:0.02rem solid #040a0b; border-top:0.02rem solid #040a0b; }
*/
.page-2-1 .slogin{ top:1.80rem; }
.page-2-1 .slogin_title{ width:4.04rem; margin-left:-2.02rem;}
.select_server{position:absolute; top:40%; width:100%;}
.select_server dt{ position:relative; z-index:10; margin-bottom:-0.20rem; color:#6afcd8; text-align:center; }
.select_server select { width:100%; border:0.02rem solid #214a4d; height:0.76rem;  }
.btn_search{position:absolute; bottom:1.00rem; left:50%; width:4.10rem; margin-left:-2.05rem;}
.slogin_small{ top:0.50rem; }
.slogin_small .slogin_title{ width:1.60rem; margin-left:-0.80rem; }
.slogin_small .slogin_line{ top:0.46rem; width:2.00rem; margin-left:-1.00rem; }
.slogin_small .slogin_content{ top:0.56rem; width:4.85rem; margin-left:-2.42rem; color:#45c9e0; text-align:center; }
.btn_appoint{position:absolute; top:0.36rem; right:0.30rem; width:0.76rem; }

.map_02{ width:4.87rem; margin-left:-2.44rem; background:url(../images/map_02.png) no-repeat; }
.map_01{ width:1.05rem; margin-left:-0.53rem; background:url(../images/map_01.png) no-repeat; }
.server_map{position:absolute; top:1.75rem; height:5.90rem; z-index:20; left:50%; background-size:100% 100%; }
.server_map dt,.server_map dd{ position:absolute; width:0.90rem; text-align:center; }
.server_map dt{ left:50%; margin-left:-0.45rem; }
.server_map strong{ display:block; width:3rem; margin-left:-1.05rem; padding:0.86rem 0 0.46rem 0; font:bold 0.26rem/1.5 "Microsoft YaHei","微软雅黑";  }
.server_map span{position:relative;display:block; width:0.70rem;padding:0.08rem 0.1rem;margin:0 auto;border:1px solid rgba(92,203,209,0.3);border-top:none;}
.server_map span:after{content:'';width:9px;height:13px;border:1px solid rgba(92,203,209,0.3);border-top:none;border-left:none;position:absolute;right:1px;bottom:1px;}

.map_02 dd.one{ top:2.70rem; left:0.05rem; }
.map_02 dd.two{ top:2.70rem; right:0.05rem; }
.map_01 dd{ top:3.40rem; left:50%; margin-left:-0.45rem;}

.other_server{position:absolute; bottom:0; width:100%; text-align:center; }
.other_server dt{ height:0.47rem; padding-top:1.38rem; background:url(../images/other_server.png) no-repeat; background-size:100% 100%; text-align:center; color:#0c1c1c; }
.other_server dd { padding:0.40rem 0; }
.other_server select { width:4.00rem; border:0.02rem solid #214a4d; height:0.76rem; vertical-align:middle; }
.other_server img { width:1.60rem; vertical-align:middle; }



