@charset "utf-8";
/* CSS Document */
html { overflow: hidden }
body { width: 580px; height: 366px; padding: 0px; margin: 0px; font-family: 'Microsoft YaHei', 微软雅黑, Arial; font-size: 14px; color: #977856 }
a { color: #d2a573 }
a:hover { color: #F90 }
*, *:before, *:after{ box-sizing:content-box;}
/** 框架 **/
.warp { position: relative; width: 580px; height: 355px; background:url(../images/bg.jpg) no-repeat}
/****************/

/** 导航 **/
.nav { width:573px; height:37px; background:url(../images/nav.png) no-repeat; padding:1px 0 0 2px;}
.nav ul li { width:143px; height:36px; float:left; }
.nav ul li a {  height:36px; display:block;  }
.nav ul li a:hover{background:url(../images/nav.png) no-repeat}
.nav ul li a.a1:hover { background-position:-2px -41px }
.nav ul li a.a2:hover { background-position:-145px -41px }
.nav ul li a.a3:hover { background-position:-288px -41px }
.nav ul li a.a4:hover { background-position:-431px -41px }
/****************/

/** 热图播放 **/
.hotNews{ width:580px; height:190px; background:url(../images/hotNews.jpg) no-repeat;}
#banner{ width:263px; height:178px; overflow:hidden; position: absolute; border:1px solid #090204; top:43px; left: 7px}
#banner .carousel-inner{}
#banner .carousel-inner .item a img{ float:left; width:263px;height:178px; vertical-align:middle;}
#banner .carousel-indicators{ right:0px; bottom:0; margin:0; width:auto; left:auto; height:16px; line-height:16px;}
#banner .carousel-indicators {position: absolute;right: 10px;bottom: 10px;height: 12px;}
#banner .carousel-indicators li {display: inline;float: left;height: 12px;width: 12px;overflow: hidden;line-height: 0;border-radius: 6px;margin: 0 4px;background: #8a8c8f;cursor: pointer; border:none;}
#banner .carousel-indicators .active {background: #a52c2b;}
/** 新闻列表 **/
.news { width:285px; position: absolute; top:50px; left: 270px;}
.news h2 { height:26px; line-height:26px; padding-bottom:8px;}
.news h2 a { color:#cc6600; float:right; margin-right:8px;}
.news ul li { height:27px; line-height:24px; overflow:hidden; position:relative;}
.news ul li a { margin-left:8px; font-size: 12px; }
.news ul li span { float:right; font-size: 12px; margin-right:8px;}
/****************/

/** 登录框 **/
.loginbg { padding-top: 5px }
.loginbg ul{ width:215px; float:left; margin:6px 0 0 89px; _margin-left:44.5px; padding-left:58px; min-height:68px; background:url(../images/login.png) no-repeat;}
.loginbg ul li{ margin-bottom:6px; *margin-bottom:3px;}
.loginbg ul li input{ width:183px; height:24px; line-height:24px; padding:3px 6px; border:none; background:none; color:#fff;}
.login_auto { width:16px; height:16px; padding-left:20px; margin-left:2px; color:#dec6ab; line-height:16px; background:url(../images/rem_on.png) left center no-repeat}
.login_auto.not { background:url(../images/rem.png) left center no-repeat}
.l_qq {background: url(../images/Connect_logo_7.png) no-repeat; float:right; height:24px; padding-right:20px; width:63px;}
.btns{ float:left; width:148px; margin-top:10px; line-height:30px; text-align:center;}
.btns .loginbtn, .btns .regbtn{ width:148px; height:55px; background:url(../images/login.png) no-repeat -273px -5px; border:none; display:block;}
.btns .regbtn{ background:url(../images/reg.png) no-repeat -309px -9px;}
.btns a{ color:#dec6ab;}
.btns a:hover{ color:#F90;}
.btns span{ padding:0 5px; color:#dec6ab;}
/**/
.regbg{ padding-top: 10px }
.regbg ul{ width:216px; float:left; margin:2px 0 0 54px; _margin:1px 0 0 27px;  padding-left:93px; min-height:100px; background:url(../images/reg.png) no-repeat;}
.regbg ul li{ margin-bottom:3px; *margin-bottom:1px;}
.regbg ul li input{ width:183px; height:24px; line-height:24px; padding:3px 6px; border:none; background:none; color:#fff;}

/****************/

/** 登录后 **/
.service { height:45px; background:url(../images/info_bg.png) no-repeat center top; text-align:center; line-height:45px;}
.service span { color:#cc6600; padding:0 5px;}
.service a,.servicejl a { color:#cc6600; padding:0 5px; text-decoration:underline}
span.line{ height:2px; background:url(../images/line.png) no-repeat center center; display:block;}
/**/
.service_1 { height:60px; background:url(../images/line.png) no-repeat center bottom;}
.service_1 ul.lately { width:194px; padding-left:108px; background:url(../images/txt1.png) no-repeat 27px 5px; }
.service_1 ul { float:left; min-height:30px; margin-top:15px;}
.service_1 ul li a{ width:147px; height:29px; float:left; background:url(../images/btns.png) no-repeat; color:#fff; text-align:center; line-height:26px; font-size:12px;}
.service_1 ul li a:hover{ background-position:0 -30px;}
.service_1 ul.newest{ width:160px; padding-left:102px; background:url(../images/txt2.png) no-repeat 0 5px;}
/**服务器列表*/
.service_2 { width:550px; position:relative;}
.service_2 h2 {  height:42px; background:url(../images/txt3.png) no-repeat 27px center;}
.servicelist {}
.servicelist ul{ _margin-left:-15px;}
.servicelist ul li { width:155px; height:36px; line-height:36px; float:left; margin:0px 0 6px 15px;}
.servicelist ul li a { display:block; height:36px; font-size:12px; color:#fff; text-align:center; background:url(../images/btns.png) 0 -60px no-repeat}
.servicelist ul li a:hover { background-position:0 -97px}
.servicejl { position: absolute; top:10px; right: 0; }
.servicejl input { width: 30px; height: 18px; line-height: 18px; vertical-align: middle; border: none; font-size: 14px; text-align: center;}
/****************/
.scrollbar{ float:right; width:21px; padding:12px 0; height:135px; background:url(../images/scroll.png) no-repeat;}
.scrollbar .track{ width:21px; position:relative;;}
.scrollbar .track .thumb{  position:absolute; width:15px; margin:0 3px; height:30px; background:url(../images/scroll.png) no-repeat -23px -1px;}
.viewport{ float:left; width:510px;  height:165px; margin-left:12px; _margin-left:6px; position:relative; overflow:hidden;}
.viewport .overview{ width:100%; position:relative; }