@charset "utf-8";
/* CSS Document */
html { overflow: hidden }
body { width: 453px; height: 379px; padding: 0px; margin: 0px; font-family: 'Microsoft YaHei', 微软雅黑, Arial; font-size: 14px; color: #977856 }
a { color: #977856 }
a:hover { text-decoration: underline; }
/** 框架 **/
.login { position: relative; width: 728px; height: 373px; background:url(../images/loginbg.jpg) no-repeat}
/****************/


/** 大眼睛 **/
.login-foucs { position:absolute; top:20px; left:409px;}
/****************/

/** 新闻列表 **/
.login-news { position:absolute; top:20px; left:41px; width:359px; height: 213px; background: url(../images/newsbg.png);}
.login-news h2 { height:27px; line-height:27px; margin-bottom: 20px;}
.login-news h2 a { float: right; font-size: 12px; margin: 5px 10px 0 0 ; color: #e1b467;}
.login-news ul li { height:30px; line-height:30px; padding-left: 20px; overflow: hidden;}
.login-news ul li a { margin-left:8px; font-size: 12px; color: #d6ac66; }
.login-news ul li em { color: #d14311}
.login-news ul li a:hover { color: #fc0}
.login-news ul li span { float:right; font-size: 12px; margin-right:8px;}
/****************/

/** 登录框 **/
.login-bottom { position:absolute; left:50px; top:254px;}
.login-bottom.reg {top:234px;}
.login-bottom.reg .login-bottom-strat { top:15px}
.login-bottom.reg .login-bottom-list ul li.ml {margin-left: 180px;}
.login-bottom-list ul li { width:336px; height:30px; margin-top:5px;}
.login-bottom-list ul li input { margin:6px 0 0 95px; width:238px; background: none; color:#fff; border:none;}
.login-bottom-list ul li.name { background:url(../images/reg1.png) no-repeat}
.login-bottom-list ul li.pass { background:url(../images/reg2.png) no-repeat}
.login-bottom-list ul li.qrpa { background:url(../images/reg3.png) no-repeat}
.login-bottom-list ul li.ml {margin-left: 85px;color: #c6aa79; height: 25px;line-height: 25px;}
.login-bottom-list ul li.ml a  { color: #c6aa79;}
.login-bottom-list ul li.ml a.zh { margin-left: 30px;}
.login-bottom-list ul li.ml a:hover { color: #fc0}
.login-bottom-strat { position:absolute; top:0; left:380px; width:230px;}
.login-bottom-strat a { display:block; height:97px; text-indent:-9999px; background:url(../images/strat.png) no-repeat}
.login-bottom-strat a:hover {  background:url(../images/strathover.png) no-repeat}
.login-bottom-strat.reg a { background:url(../images/reg.png) no-repeat}
.login-bottom-strat.reg a:hover { background:url(../images/reghover.png) no-repeat}

.login_auto { width:90px; height:25px; display:inline-block;  text-indent:-9999px; color:#c6aa79; background:url(../images/rem_on.png) left center no-repeat}
.login_auto.not { background:url(../images/rem_no.png) left center no-repeat}
/****************/

/** 登录后 **/
.service { position: relative; width: 728px; height: 373px; background:url(../images/servicebg.jpg) no-repeat; }
.sevbox { position: absolute; top:12px; left: 38px; width: 661px; height: 217px; background: url(../images/servbox.jpg) no-repeat;}
.service-top,.service-cent,.service-news { margin-left: 10px;}
.service-top { height: 35px; line-height: 35px; }
.service-top,.service-top a { color: #fefbd6}
.service-top a:hover { color: #fc0}
.service-top span { color:#ffff00; }
.service-cent { width:700px; height:44px; background:url(../images/jjserv.png) no-repeat}
.service-cent ul,.service-news ul { margin:25px 0 0 150px;}
.service-cent ul li,.service-news ul li { float: left; margin-right: 5px; overflow: hidden; zoom:1;}
.service-cent ul li a,.service-news ul li a { display: block; width: 160px; height: 38px; color: #fff; text-align: center; font-size: 12px; line-height: 38px; }
.service-cent ul li a:hover,.service-news ul li a:hover { text-decoration: none;}
.service-news ul li a {background:url(../images/servxq.png) no-repeat}
.service-news ul li a:hover {background:url(../images/servxqhover.png) no-repeat}
.service-news { height:40px; background:url(../images/servtj.png) 0 7px no-repeat}
.service-kaifu { position: absolute; top:150px; left: 480px; color: #fff;  }
.service-kaifu input { border: 1px solid #253646;padding: 2px; width: 80px; background: #091015; color: #cae0f0; }
.service-kaifu a { color: #fff;}
/****************/

/**服务器列表*/
.service-list { position:absolute; top:180px; left:38px; width:661px; height: 208px; background: url(../images/serverBg.jpg) no-repeat;}
.service-list h2 { position: absolute; top:-32px; color: #fff; width: 117px; height: 33px; text-align: center; line-height: 33px; font-size: 14px; font-weight: normal; background: url(../images/tab_on.png) no-repeat;}

.service-list ul { height:170px; overflow:scroll; overflow-x:hidden}
.service-list ul li { width:160px; height:38px; float:left; margin:15px 0 0 40px; }
.service-list ul li a { display:block; height:38px; line-height:38px; font-size:12px; color:#fff; text-align:center; background:url(../images/servxq.png) no-repeat}
.service-list ul li a:hover { color:#fff; text-decoration: none; background:url(../images/servxqhover.png) no-repeat}
/****************/