html,body,div,p,ul,li,img,span,iframe{
    margin:0px;
    padding:0px;
    border:0px;
    outline: 0px;
}
body{
    font-family: '微软雅黑', Arial, Helvetica, sans-serif;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
a:visited{
    text-decoration: none;
}
ul{
    list-style:none;
}
#app{
    width:1200px;
    margin:auto;
}
#app-header{
    background:url(../images/bg-title.jpg) no-repeat left top;
    height:250px;
    overflow: hidden;
    position:relative;
}
#app-header .img-rw{
    position: absolute;
    left: 100px;
}
.wrapper-page{
    margin-bottom:10px;
}
.box-header{
    height:36px;
    line-height: 36px;
    background:url(../images/box-header.jpg) no-repeat left top;
}
.box-header img{
    margin:6px 0px 0px 10px;
}
.box-content{
    border:1px solid #571517;
    padding:10px 15px 0px;
    background:#f5f5f5;
    overflow: auto;
}
.tile-img{
    float: left;
    width: 20%;
    text-align: center;
    font-size: 14px;
}
.tile-img p{
    color:#000;
}
.box-img{
    width: 268px;
    font-size: 0px;
    float: left;
    margin: 0px 0px 10px 10px;
    overflow: hidden;
}
.box-img img{
    width: 100%;
    transition: all .3s;
}
.box-img .text{
    background: #d9d9d9;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color:#000;
    position:relative;
    z-index:1;
    text-align:center;
}
.box-img.item .text{
    text-align:left;
    padding-left:20px;
}
.box-img:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    zoom: 1;
}

.tile-img:hover p{
    color: #e014ae;
}
/**滑动**/
.box-slide{
    width: 606px;
    overflow: hidden;
    position: relative;
}
.box-slide-item{
    width: 1818px;
    overflow: auto;
}
.box-slide-item .box-img{
    margin:0px;
}
.box-slide-btn{
    position: absolute;
    right: 10px;
    bottom: 5px;
    padding-top: 10px;
    padding-left: 10px;
}
.box-slide-btn span {
    background: #ffffff;
    width: 14px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    cursor:pointer;
}
.box-slide-btn span.active {
    background: #e014ae;
    color:#fff;
}
#slide1 img{
    height:294px;
}
#slide2 img{
    height:212px;
}
/**特有img高宽配置**/
#high-quality .box-img img{
    height: 180px;
}
#high-quality #slide1 img{
    height:294px;
}
#classical .box-img img{
    height: 212px;
}
#hot-game .box-img img {
    height: 212px;
}
/**列表样式**/
.list-server{
    float:left;
    width:325px;
}
.list-server-tab{
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
    width:100%;
}
.list-server-tab thead{
    background: #fcccf0;
    font-size: 14px;
    line-height: 45px;
}
td{
    border-top: 1px dashed #ececec;
    border-bottom: 2px dashed #ececec;
    line-height: 45px;
}
th,td{
    padding-left: 13px;
}
.btn{
    background: url(../images/icon-btn.png) no-repeat 0px 0px;
    display: block;
    width: 79px;
    height: 26px;
}
.btn:hover {
    background-position:0px -50px;
}
.list-server-tab tbody tr{
    cursor:pointer;
}
.list-server-tab tbody tr:hover{
    background:#fff;
}
.list-server-tab tbody tr:hover .btn{
    background-position:0px -50px;
}
.span-hot{
    background:url(../images/icon-hot.png) no-repeat;
    width:21px;
    height:28px;
    vertical-align: middle;
    display: inline-block;
}
.color-strong{
    color:#ec0000;
}
/**IE6兼容**/
.box-footer{
	clear:both;
	float:none;
}
#slide1{
	height:322px;;
}
#slide2{
	height:240px;;
}
.box-slide-btn{
	z-index:2;
}