.game-list .list-wrap .game-item,.game-list .list-wrap li,.game-list .list-wrap ul {
    *zoom:1
}
.game-list .list-wrap .game-item:after,.game-list .list-wrap li:after,.game-list .list-wrap ul:after {
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both
}
.game-list .list-wrap .game-item .info .name,.game-list .list-wrap .game-item .info .weak-text {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.game-title {
    font-size:20px;
    line-height:28px;
    text-align:center;
    padding:40px 0 38px
}
.game-title:after {
    content:"";
    display:block;
    width:38px;
    height:6px;
    background:#ebf5fb;
    border-radius:6px;
    margin:6px auto 0
}
.game-list {
    position:relative;
    width:1200px;
    height:244px;
    margin:0 auto;
    overflow:hidden
}
.game-list .list-wrap ul {
    min-width:100%
}
.game-list .list-wrap li {
    float:left;
    width:1260px
}
.game-list .list-wrap .game-item {
    position:relative;
    float:left;
    width:224px;
    padding:12px 60px 30px 12px
}
.game-list .list-wrap .game-item img {
    float:left;
    width:80px;
    height:80px;
    border-radius:8px
}
.game-list .list-wrap .game-item .info {
    height:80px;
    padding-left:10px;
    overflow:hidden
}
.game-list .list-wrap .game-item .info .name {
    font-size:18px;
    color:#566066;
    line-height:24px;
    margin:4px 0 7px
}
.game-list .list-wrap .game-item .info .weak-text {
    font-size:14px;
    color:#95a7b2
}
.game-list .list-wrap .game-item .num {
    display:none
}
.game-list .list-wrap .game-item.rank .info .name {
    margin:12px 0 10px
}
.game-list .list-wrap .game-item.rank .num {
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:24px;
    height:24px;
    line-height:24px;
    background:#ec8c47;
    border-radius:100%;
    color:#fff;
    font-size:16px;
    font-family:Arial;
    text-align:center
}
.game-list .list-wrap .game-item.rank .num-1,.game-list .list-wrap .game-item.rank .num-2,.game-list .list-wrap .game-item.rank .num-3 {
    background:#df6a4e
}
.game-list .next,.game-list .prev {
    position:absolute;
    top:50%;
    display:block;
    width:36px;
    height:36px;
    border-radius:100%;
    background:hsla(203,6%,46%,.3);
    cursor:pointer;
    text-align:center;
    margin-top:-28px
}
.game-list .next:after,.game-list .prev:after {
    content:"";
    display:inline-block;
    width:10px;
    height:10px;
    border:0 solid #fff;
    border-width:1px 1px 0 0
}
.game-list .next:hover,.game-list .prev:hover {
    background:hsla(203,6%,46%,.5)
}
.game-list .next.disabled,.game-list .prev.disabled {
    display:none
}
.game-list .prev {
    left:0
}
.game-list .prev:after {
    transform:rotate(-135deg);
    margin:12px 0 0 4px
}
.game-list .next {
    right:0
}
.game-list .next:after {
    transform:rotate(45deg);
    margin:12px 4px 0 0
}
.how-to-connect .icon-list,.intro-wrap ul,.new-msg ul {
    *zoom:1
}
.how-to-connect .icon-list:after,.intro-wrap ul:after,.new-msg ul:after {
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both
}
.how-to-connect .icon-list li.active:after {
    display:inline-block;
    width:0;
    height:0;
    overflow:hidden
}
.inner {
    width:1200px;
    margin:0 auto
}
.banner {
    position:relative;
    height:960px
}
.banner .banner-list li {
    position:absolute;
    left:0;
    top:0;
    display:none;
    width:100%;
    height:100%
}
.banner .banner-list li:first-child {
    display:block
}
.banner .banner-list .img {
    display:block;
    height:100%;
    background-repeat:no-repeat;
    background-position:top
}
.banner .banner-index {
    position:absolute;
    left:0;
    right:0;
    bottom:20px;
    height:10px;
    font-size:0;
    text-align:center
}
.banner .banner-index li {
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:10px;
    background:hsla(0,0%,100%,.4);
    margin:0 4px;
    cursor:pointer
}
.banner .banner-index li.active {
    background:hsla(0,0%,100%,.8)
}
.new-msg {
    border-bottom:1px solid #ebebeb
}
.new-msg .inner {
    position:relative;
    padding:10px 0
}
.new-msg a {
    color:#6f777c
}
.new-msg a:hover {
    color:#ec8c47
}
.new-msg ul {
    margin-right:138px
}
.new-msg li {
    float:left;
    width:50%;
    padding:5px 45px 5px 20px;
    border-right:1px solid #ebebeb;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.new-msg li .icon-new {
    display:inline-block;
    line-height:20px;
    background:#23b47e;
    border-radius:6px;
    padding:0 9px;
    margin-right:10px;
    font-size:12px;
    font-family:Arial;
    font-style:italic;
    color:#fff;
    vertical-align:text-top
}
.new-msg .more {
    position:absolute;
    right:0;
    top:15px
}
.how-to-connect .content-item,.how-to-connect .icon-list {
    width:1200px;
    margin:0 auto
}
.how-to-connect .icon-list {
    padding:20px 0 30px
}
.how-to-connect .icon-list i {
    display:block;
    width:44px;
    height:44px;
    margin:13px auto;
    background:url("https://image.9game.cn/s/uae/g/1m/ugroup/images/index/sp.png") no-repeat 200em 0
}
.how-to-connect .icon-list .icon-register {
    background-position:0 0
}
.how-to-connect .icon-list .icon-resource {
    background-position:0 -46px
}
.how-to-connect .icon-list .icon-game {
    background-position:0 -92px
}
.how-to-connect .icon-list .icon-money {
    width:45px;
    background-position:0 -138px
}
.how-to-connect .icon-list li {
    position:relative;
    float:left;
    width:260px;
    height:100px;
    margin-right:53px;
    cursor:pointer;
    color:#95a7b2;
    text-align:center
}
.how-to-connect .icon-list li:last-child {
    margin-right:0
}
.how-to-connect .icon-list li.active {
    box-shadow:0 2px 6px 0 rgba(0,0,0,.11);
    border-radius:8px;
    color:#566066
}
.how-to-connect .icon-list li.active:after {
    content:"";
    position:absolute;
    left:50%;
    bottom:-31px;
    border-bottom:14px solid #ebf5fb;
    border-left:10px dashed transparent;
    border-right:10px dashed transparent;
    margin-left:-10px
}
.how-to-connect .content-wrap {
    background:#ebf5fb
}
.how-to-connect .content-wrap .content-item {
    position:relative;
    padding:35px 0;
    display:none
}
.how-to-connect .content-wrap .content-item.active {
    display:block
}
.how-to-connect .content-wrap .content-item a:hover {
    text-decoration:underline
}
.how-to-connect .content-wrap .content-item .right {
    position:absolute;
    top:50%;
    right:0;
    margin-top:-19px
}
.how-to-connect .content-wrap .content-item .right .link {
    display:inline-block;
    height:38px;
    line-height:38px;
    color:#95a7b2;
    vertical-align:middle
}
.how-to-connect .content-wrap .content-item .right .link:before {
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAASFBMVEUAAACpq7+XqLSYq7WVqLKVqLKVqLOVp7OWqLSVp7KWqLOWqrWVqLOWqLOWqLOXqbOZr7eWqLKWqLKVqLOWqLOXqLKWrLehrrynt0WnAAAAGHRSTlMADEI33/PPmoHmXkzr2HlwHrOSjIpnLhNNSOhFAAAAbklEQVQI112PWQ7EIAxDXwgEWrrNfv+bDnL71UiR7MiyYwBrUUo0Q5NydTOvOYlNieOzuwA2jj1v+7oNmdEqrDP4ArURDrONzeBBOQ196mDlot/FEQ0HeD0lCVnB8QNZmdIfb1DQmd5d4P7krcIfOeYC1WlCWFoAAAAASUVORK5CYII=) no-repeat;
    vertical-align:middle;
    margin-right:4px;
    position:relative;
    top:-1px
}
.how-to-connect .content-wrap .content-item .right .btn-active {
    height:38px;
    line-height:38px;
    color:#fff;
    font-size:14px;
    padding:0 22px;
    border-radius:38px;
    margin-left:20px
}
.how-to-connect .content-wrap .content-item .right .btn-active:hover {
    text-decoration:none
}
.intro-wrap {
    background:#ebf5fb;
    margin-top:10px;
    padding:35px 0
}
.intro-wrap li {
    float:left;
    width:33.33%;
    text-align:center;
    font-size:14px;
    color:#95a7b2
}
.intro-wrap li i {
    display:inline-block;
    width:90px;
    height:90px;
    background:url("https://image.9game.cn/s/uae/g/1m/ugroup/images/index/sp.png") no-repeat 200em 0
}
.intro-wrap li .icon-game {
    background-position:0 -184px
}
.intro-wrap li .icon-pig {
    background-position:0 -276px
}
.intro-wrap li .icon-map {
    background-position:0 -368px
}
.intro-wrap li .title {
    font-size:18px;
    color:#6f777c;
    line-height:24px;
    margin-top:10px
}
.right-notice {
    position:fixed;
    right:0;
    bottom:-270px;
    padding:26px;
    width:263px;
    height:143px;
    background:url("https://image.9game.cn/s/uae/g/1m/ugroup/images/index/bg-notice.png") no-repeat 50%;
    z-index:2;
    overflow:hidden
}
.right-notice .close {
    position:absolute;
    display:block;
    right:28px;
    top:18px;
    color:#333;
    font-size:25px;
    cursor:pointer
}
.right-notice .rn-title {
    color:#f60;
    padding-bottom:10px;
    border-bottom:1px solid #ededed;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:30px
}
.right-notice .content {
    padding-top:5px;
    font-size:14px;
    line-height:23px;
    overflow:hidden;
    height:110px
}
.right-notice .content a {
    color:#333
}