@import url('xiaoyouxi.css');
body {
    background: #fff;
    font: 12px/1.2 arial, simsun, georgia, verdana, helvetica, sans-serif;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: underline;
    color: #e60012;
}

/* class common */
.clearfix:after,
.g-list:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: '';
}

.clearfix,
.g-list {
    zoom: 1;
    clear: both;
}

.section {
    position: relative;
    margin-top: 12px;
    border: 1px solid #ce98a8;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 10px;
}

.section .section-bd {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 938px;
}

.section .item {
    position: relative;
    float: left;
}

.section .half .item {
    width: 468px;
}

.section .half .item .g-hd {
    width: 468px;
}

.section .half .item .g-list li {
    margin: 15px 4px 0 10px;
}

.section .quarter .item {
    right: -1px;
    width: 468px;
    border-right: 1px dashed #f2c5c3;
}

.section .quarter .item .g-hd {
    padding-right: 16px;
    width: 452px;
}

.section .quarter .item .g-hd span {
    margin-left: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #8a8c89;
}

.section .quarter .item .g-hd span em {
    color: #ff6501;
}

.section .quarter .item .g-list li {
    margin: 15px 4px 0 10px;
}

.more {
    float: right;
    margin-top: 12px;
    padding-left: 20px;
    width: 27px;
    height: 21px;
    line-height: 20px;
    *line-height: 24px;
    background-position: 0 -159px;
}

.g-hd {
    position: relative;
    margin: 0 auto;
    width: 938px;
    height: 42px;
    border-bottom: 1px dashed #f2c5c3;
}

.g-hd h2 {
    float: left;
    padding-top: 10px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #810f17;
}

.g-hd h2 em {
    font-weight: bold;
    color: #eb17c6;
}

.g-hd h2 ins {
    display: inline-block;
    margin-right: 6px;
    width: 24px;
    height: 26px;
    vertical-align: middle;
}

.g-hd .has-bg {
    overflow: hidden;
    position: absolute;
    top: 4px;
    left: -29px;
    width: 137px;
    height: 43px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-position: 0 -328px;
}

.g-list {
    padding-bottom: 15px;
}

.g-list li {
    display: inline;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 15px 13px 0;
    width: 77px;
    height: 100px;
    line-height: 20px;
    text-align: center
}

.g-list li img {
    display: block;
    margin-bottom: 6px;
}

.g-list .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 77px;
    height: 78px;
    cursor: pointer;
    background: url(//hao9.qhimg.com/t01e44ca7f8520b5819.png);
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "//hao9.qhimg.com/t01e44ca7f8520b5819.png");
}

.has-list-bg {
    padding-top: 15px;
}

.has-list-bg li {
    overflow: visible;
    margin: 15px 16px 0;
    width: 102px;
    height: 108px;
}

.has-list-bg li img {
    margin: 8px 0 6px 4px;
    *margin-left: -3px;
}

.has-list-bg .cover {
    width: 102px;
    height: 80px;
    background: url(//hao9.qhimg.com/t01aa728c9e4a98a20f.png);
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "//hao9.qhimg.com/t01aa728c9e4a98a20f.png");
}

.g-list .tips {
    position: absolute;
    top: -15px;
    *top: -13px;
    right: 0;
    padding-right: 7px;
    height: 22px;
}

.g-list .tips span {
    display: inline-block;
    padding-left: 3px;
    height: 14px;
    line-height: 14px;
    color: #fff;
}

/* id common */
#doc,
#hd,
#bd,
#ft {
    position: relative;
}

#hd {
    z-index: 8;
    background: none;
}

#bd {
    z-index: 7;
    padding-bottom: 136px;
}

#ft {
    z-index: 6;
}

#doc {
    min-width: 1002px;
}

#bd,
#nav {
    margin: 0 auto;
    width: 980px;
}

/* module: nav (导航模块) */
#nav {
    position: relative;
    margin-top: 29px;
    padding-top: 108px;
    height: 38px;
    background: url(//hao9.qhimg.com/t01c3e09cfdfea7c4fb.png) no-repeat;
}

#nav li {
    float: left;
    margin: 10px 0 0 10px;
    padding-left: 10px;
    font-size: 14px;
    border-left: 1px solid #fff;
}

#nav li a {
    color: #fff;
}

#nav .on {
    margin-top: 1px;
    padding-left: 0;
    width: 66px;
    height: 32px;
    line-height: 32px;
    *line-height: 34px;
    text-align: center;
    border-left: 0;
    background: url(//hao9.qhimg.com/t01aebce019826eb624.png) no-repeat;
}

#nav .on a {
    font-weight: bold;
    color: #d21b68;
}

#nav .home {
    position: relative;
    margin-left: 0;
    margin-right: -11px;
}

/* module: game-slider (推荐游戏模块) */
.game-slider {
    margin: 14px 16px 0 0;
    height: 256px;
    border-right: 1px dashed #f2c5c3;
}

.game-slider .game-slider-bd {
    overflow: hidden;
    position: relative;
    width: 450px;
    height: 246px;
    border: 1px solid #f377ae;
}

.game-slider .view {
    overflow: hidden;
    width: 450px;
    height: 215px;
}
.game-slider .view  ul{
    width: 100000px;
    height: 215px;
}
.game-slider .view  ul li{
    float: left;
}
.game-slider .tab {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 456px;
    height: 31px;
    background: #cc5389;
}

.game-slider .tab li {
    position: relative;
    float: left;
    width: 113px;
    height: 31px;
    text-align: center;
    cursor: pointer;
}

.game-slider .tab li a {
    display: inline-block;
    position: relative;
    top: 8px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    border-right: 1px solid #e6aeae;
}

.game-slider .tab li a:hover {
    text-decoration: none;
}

.game-slider .tab .on {
    background: #f377ae;
}

.game-slider .tab .on a {
    border-right: none;
}

.game-slider .tab .on .arrow {
    display: block;
}

.game-slider .tab .last {
    width: 111px;
}

.game-slider .tab .arrow {
    display: none;
    width: 8px;
    height: 8px;
}

.game-slider .tab .arrow .bg {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
}

.game-slider .tab .arrow .bg {
    z-index: 3;
    border-width: 8px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #f377ae;
}

/* module: reco-slider (推荐动画模块) */
.reco-slider {
    position: relative;
    margin: 16px auto 0;
    width: 938px;
    height: 230px;
}

.reco-slider .reco-slider-bd {
    overflow: hidden;
    margin: 0 auto;
    width: 856px;
    height: 215px;
    position: relative;
}
.reco-slider .reco-slider-bd .inner{
    position: absolute;
   width: 1000000px;
}
.reco-slider .reco-slider-bd ul{
    float: left;
}
.reco-slider .reco-slider-bd li {
    float: left;
    padding-right: 15px;
    line-height: 26px;
    text-align: center;
}
.reco-slider .reco-slider-bd li a{
    float: left;
    width: 130px;
}
.reco-slider .reco-slider-bd li img {
    display: block;
    margin-bottom: 3px;
    padding: 1px;
    border: 1px solid #b9b9b9;
}

.reco-slider .pre-btn,
.reco-slider .next-btn {
    overflow: hidden;
    position: absolute;
    top: 84px;
    width: 32px;
    height: 32px;
    text-indent: -999em;
}

.reco-slider .pre-btn {
    left: 0;
    background-position: 0 -206px;
}

.reco-slider .next-btn {
    right: 0;
    background-position: 0 -266px;
}

/* module: game-like (女生最爱模块) */
#game-like {
    width: 452px;
}

#game-like .g-hd {
    width: 430px;
    border-bottom: none;
}

#game-like .g-list li {
    margin: 15px 4px 0 9px;
}

/* module: ft (底部模块) */
#ft {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffb6d3;
    background: #cc5389;
    padding: 0;
}

#ft a {
    color: #ffb6d3;
}

/* module: background (皮肤背景模块) */
#background .background-hd {
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 700px;
    min-width: 1002px;
}

#background .background-ft {
    z-index: 1;
    position: absolute;
    bottom: 39px;
    left: 0;
    width: 100%;
    height: 700px;
    min-width: 1002px;
}

#background .bg-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    min-width: 1002px;
}

#background .bg-inner {
    width: 100%;
    min-width: 1002px;
    height: 700px;
}

#background .background-hd .bg-outer {
    background: url(//hao9.qhimg.com/t0105519c4504e6bb40.jpg) repeat-x;
}

#background .background-hd .bg-inner {
    background: url(//hao9.qhimg.com/t018803708c5fb8dd87.jpg) no-repeat center;
}

#background .background-ft .bg-outer {
    background: url(//hao9.qhimg.com/t01dbe6e2774b25d2b5.jpg) repeat-x;
}

#background .background-ft .bg-inner {
    background: url(//hao9.qhimg.com/t01dc4d5ac66c64bc98.jpg) no-repeat center;
}

/* module: image (各种小图标) */
.more,
.g-hd h2 ins,
.g-hd .has-bg,
.reco-slider .pre-btn,
.reco-slider .next-btn {
    background-image: url(//hao9.qhimg.com/t018fe6e12a0dda483b.png);
    background-repeat: no-repeat;
}

.g-list .tips {
    background: url(//hao9.qhimg.com/t0112fc3c98fb8d402d.png) no-repeat right 3px;
    *background-position: right 0;
}

.g-list .tips span {
    background: url(//hao9.qhimg.com/t01db10dcc56db850c9.png) no-repeat;
}

/* module: background-position */
.ico-heart {
    background-position: 0 1px;
}

.ico-new {
    background-position: 0 -41px;
}

.ico-star {
    background-position: 0 -83px;
}

.ico-rod {
    background-position: 4px -118px;
}

/* top-bar */
#hd .top-bar {
    height: 28px;
    background: #f8f8f8;
    line-height: 28px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #d6d6d6
}

#hd .top-bar .content {
    width: 980px;
    height: 28px;
    margin: 0 auto;
    position: relative
}

#hd .top-bar .nav {
    position: absolute;
    left: 0;
    top: 0
}

#hd .top-bar .nav li {
    float: left;
    margin-right: 15px
}

#hd .top-bar .nav li a {
    color: #666
}

#hd .top-bar .menu {
    position: absolute;
    right: 70px;
    top: 0
}

#hd .top-bar .menu li {
    float: left
}

#hd .top-bar .menu li a {
    padding: 0 15px;
    color: #666;
    border-right: 1px solid #ddd
}

#hd .top-bar .menu li.last a {
    border: 0
}

#hd .top-bar .weibo {
    position: absolute;
    right: 0;
    top: 3px;
    width: 67px;
    height: 24px;
    overflow: hidden
}