.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.g-index-wrapper {
    width:1920px;
    background:#f5f5f5;
}
.g-index-wrapper .mod-game {
    background:#ffffff;
}
.g-index-wrapper a:link,.g-index-wrapper a:visited,.g-index-wrapper a:hover,.g-index-wrapper a:active {
    border:0
}
.g-index-wrapper img {
}.g-index-wrapper .pop-sign-wrap {
     position:absolute;
     left:50%;
     margin-left:-356px;
     top:788px
 }
.g-index-wrapper .m-banner {
    position:relative;
    height:496px;
    overflow:hidden
}
.g-index-wrapper .m-banner .navs {
    position:absolute;
    bottom:10px;
    left:50%
}
.g-index-wrapper .m-banner .navs {
    font-size:100px
}
.g-index-wrapper .m-banner .navs li {
    float:left;
    line-height:1;
    overflow:hidden;
    height:20px;
    width:22px;
    position:relative
}
.g-index-wrapper .m-banner .navs a {
    color:#fff;
    position:absolute;
    top:-76px
}
.g-index-wrapper .m-banner .navs a.active {
    color:#ff8400
}
.g-index-wrapper .m-banner .navs a:hover {
    color:#ff8400
}
.g-index-wrapper .m-banner .pics li {
    position:relative;
    float:left;
    width:100%;
    height:496px;
    overflow:hidden;
    background-image:url(../images/loading.gif);
    background-repeat:no-repeat;
    background-position:center
}
.g-index-wrapper .m-banner .pics li a {
    display:block;
    width:100%;
    height:100%
}
.g-index-wrapper .m-subtitle-bar h2 {
    line-height:1;
    text-indent:25px;
    color:#333;
    font-size:24px;
    border-left:5px solid #ff8400
}
.g-index-wrapper .m-subtitle-bar h2 a {
    color:#333
}
.g-index-wrapper .m-subtitle-bar h2 a:hover {
    color:#ff8400
}
.g-index-wrapper .m-subtitle-bar .more {
    float:right;
    margin:2px 0 0;
    width:51px;
    height:19px;
    border-radius:5px;
    border:1px solid #ff8400;
    text-align:center;
    line-height:19px;
    font-size:12px;
    color:#ffab16
}
.g-index-wrapper .m-subtitle-bar .more:hover {
    color:#fff;
    background-color:#ff8400
}
.g-index-wrapper .g-hot-see {
    background:#f5f5f5;
    padding:20px 0 20px
}
.g-index-wrapper .g-hot-see .m-weal {
    float:left;
    width:316px;
    overflow:hidden
}
.g-index-wrapper .g-hot-see .m-game-reco {
    width:930px;
}
.g-index-wrapper .m-weal .weal-list {
    width:120%;
    height:322px;
    margin-top:17px;
    position:relative
}
.g-index-wrapper .m-weal li {
    position:absolute
}
.g-index-wrapper .m-weal a {
    display:block;
    width:157px;
    height:35px;
    background:url(http://image.37wan.cn/platform/images/home_index/bg-hot-see.jpg) no-repeat;
    padding-top:70px;
    text-align:center
}
.g-index-wrapper .m-weal {
    font-size:16px
}
.g-index-wrapper .m-weal li .tips {
    display:none;
    color:#fff
}
.g-index-wrapper .m-weal li:hover .tips {
    display:block
}
.g-index-wrapper .m-weal .get-weal-item {
    top:0;
    left:0;
    background-position:0 0;
    color:#f66
}
.g-index-wrapper .m-weal .registration-item {
    top:0;
    left:160px;
    background-position:-161px 0;
    color:#ad86d5
}
.g-index-wrapper .m-weal .gifts-item {
    top:108px;
    left:0;
    background-position:0 -108px;
    color:#facb64
}
.g-index-wrapper .m-weal .activities-item {
    top:108px;
    left:160px;
    background-position:-161px -108px;
    color:#fa769d
}
.g-index-wrapper .m-weal .vip-center-item {
    top:216px;
    left:0;
    background-position:0 -216px;
    color:#77c6f4
}
.g-index-wrapper .m-weal .customers-item {
    top:216px;
    left:160px;
    background-position:-161px -216px;
    color:#63d0ca
}
.g-index-wrapper .m-weal .get-weal {
    background-position:-320px 0;
    color:#f66
}
.g-index-wrapper .m-weal .get-weal:hover {
    background-position:0 0;
    color:#fff
}
.g-index-wrapper .m-weal .registration {
    background-position:-480px 0;
    color:#ad86d5
}
.g-index-wrapper .m-weal .registration:hover {
    background-position:-160px 0;
    color:#fff
}
.g-index-wrapper .m-weal .gifts {
    background-position:-320px -110px;
    color:#facb64
}
.g-index-wrapper .m-weal .gifts:hover {
    background-position:0 -110px;
    color:#fff
}
.g-index-wrapper .m-weal .activities {
    background-position:-480px -110px;
    color:#fa769d
}
.g-index-wrapper .m-weal .activities:hover {
    background-position:-160px -110px;
    color:#fff
}
.g-index-wrapper .m-weal .vip-center {
    background-position:-320px -218px;
    color:#77c6f4
}
.g-index-wrapper .m-weal .vip-center:hover {
    background-position:0 -218px;
    color:#fff
}
.g-index-wrapper .m-weal .customers {
    background-position:-480px -218px;
    color:#63d0ca
}
.g-index-wrapper .m-weal .customers:hover {
    background-position:-160px -218px;
    color:#fff
}
.g-index-wrapper .m-game-reco .change {
    color:#939393;
    float:right
}
.g-index-wrapper .m-game-reco .change i {
    margin-left:10px;
    vertical-align:middle;
    display:inline-block;
    width:21px;
    height:26px;
    background:url(http://image.37wan.cn/platform/images/home_index/icon.png) no-repeat
}
.g-index-wrapper .m-game-reco .reco-list {
    margin-top:15px;
    width:10000px
}
.g-index-wrapper .m-game-reco .imgwrap {
    width:303px;
    height:188px;
    position:relative;
    overflow:hidden;
    background:url(../images/loading.gif) no-repeat center
}
.g-index-wrapper .m-game-reco .down-slide {
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background:rgba(242,129,6,.9);
    background:#e87904\9;
    filter:alpha(opacity=90)\9
}
.g-index-wrapper .m-game-reco .code {
    width:86px;
    height:86px;
    padding:4px;
    float:left;
    margin:40px 0 0 38px;
    background:#fff
}
.g-index-wrapper .m-game-reco .code img {
    width:100%
}
.g-index-wrapper .m-game-reco .code-desc {
    margin:40px 0 0 147px;
    color:#fff;
    line-height:18px
}
.g-index-wrapper .code-desc .down-txt {
    padding-bottom:10px
}
.g-index-wrapper .code-desc .forum-txt {
    padding-top:10px
}
.g-index-wrapper .code-desc .forum-txt a {
    color:#fff
}
.g-index-wrapper .code-desc .forum-txt a:hover {
    text-decoration:underline
}
.g-index-wrapper .reco-list-wrap {
    width:930px;
    padding-bottom:2px
}
.g-index-wrapper .reco-list li {
    width:303px;
    background:#fff;
    padding-bottom:16px;
    margin-right:10px;
    float:left
}
.g-index-wrapper .reco-list .title {
    text-indent:17px;
    font-size:20px;
    margin:12px 0 7px
}
.g-index-wrapper .reco-list .title a {
    color:#ff8400
}
.g-index-wrapper .reco-list .text {
    text-indent:17px;
    font-size:14px
}
.g-index-wrapper .operation-bar {
    text-align:right;
    white-space:normal;
    margin-top:17px
}
.g-index-wrapper .operation-bar a {
    display:inline-block;
    border:1px solid #cecece;
    width:74px;
    height:32px;
    line-height:32px;
    text-align:center;
    border-radius:5px;
    color:#676767;
    font-size:16px;
    margin-right:14px
}
.g-index-wrapper .operation-bar a:hover {
    background:#ff8400;
    border:1px solid #ff8400;
    color:#fff
}
.g-index-wrapper .g-hot-news {
    padding-top:27px;
    overflow:hidden
}
.g-index-wrapper .m-hot-game {
    float:left;
    width:909px
}
.g-index-wrapper .m-hot-game .game-list {
    margin-top:17px;
    padding:0 0 26px 30px;
    width:879px;
    height:455px;
    border:1px solid #e6e6e6
}
.g-index-wrapper .m-hot-game li {
    width:252px;
    height:84px;
    float:left;
    margin:28px 39px 0 0;
    background:url(../images/loading.gif) no-repeat left center
}
.g-index-wrapper .m-hot-game li:hover .title a {
    text-decoration:underline;
    color:#ff8400
}
.g-index-wrapper .m-hot-game img {
    border-radius:5px;
    width:84px;
    height:84px;
    float:left;
    cursor:pointer
}
.g-index-wrapper .m-hot-game .img-desc {
    margin-left:96px;
    padding-top:7px
}
.g-index-wrapper .m-hot-game .img-desc p {
    white-space:normal;
    line-height:1
}
.g-index-wrapper .m-hot-game .img-desc .title {
    font-size:14px;
    color:#676767;
    margin-bottom:7px
}
.g-index-wrapper .m-hot-game .img-desc .title a:hover {
    text-decoration:underline;
    color:#ff8400
}
.g-index-wrapper .m-hot-game .img-desc .txt {
    color:#a9a8a8;
    margin-bottom:11px
}
.g-index-wrapper .m-hot-game .operation a {
    display:inline-block;
    border:1px solid #cecece;
    width:59px;
    height:23px;
    line-height:23px;
    text-align:center;
    border-radius:5px;
    color:#333;
    font-size:12px;
    margin-right:9px
}
.g-index-wrapper .m-hot-game .operation a:hover {
    background:#ff8400;
    border:0;
    width:61px;
    height:25px;
    color:#fff
}
.g-index-wrapper .m-news-wrap {
    margin-left:922px
}
.g-index-wrapper .m-news-wrap .news .content {
    margin-top:17px;
    width:336px;
    height:481px;
    border:1px solid #e6e6e6
}
.g-index-wrapper .m-news-wrap .head-new {
    line-height:1
}
.g-index-wrapper .m-news-wrap .head-new h3 {
    font-weight:700;
    font-size:20px;
    text-align:center;
    margin:20px 0 12px;
    color:#e00
}
.g-index-wrapper .m-news-wrap .head-new h3 a {
    color:#e00
}
.g-index-wrapper .m-news-wrap .head-new p {
    font-size:14px;
    text-indent:28px;
    white-space:normal;
    width:280px;
    margin:0 auto;
    line-height:24px;
    margin-bottom:12px
}
.g-index-wrapper .m-news-wrap .news-list {
    width:293px;
    margin:0 auto;
    border-top:1px dotted #dadada;
    line-height:1
}
.g-index-wrapper .m-news-wrap .dot {
    vertical-align:middle;
    display:inline-block;
    height:12px;
    line-height:40px;
    font-size:50px;
    margin-right:19px;
    color:#dfdfdf
}
.g-index-wrapper .m-news-wrap li {
    margin:16px 0 0 20px;
    color:#dfdfdf;
    white-space:nowrap;
    list-style:disc;
    font-size:16px
}
.g-index-wrapper .m-news-wrap li a {
    font-size:14px
}
.g-index-wrapper .m-news-wrap li a:link {
    color:#333
}
.g-index-wrapper .m-news-wrap li a:visited {
    color:#676767
}
.g-index-wrapper .m-news-wrap li a:hover {
    color:#ff4f00
}
.g-index-wrapper .m-news-wrap .news-link {
    display:block;
    margin-top:27px;
    font-size:0;
    position:relative;
    text-align:center;
    background:url(../images/loading.gif) no-repeat center
}
.g-index-wrapper .m-news-wrap .img-billboard {
    width:314px;
    height:108px
}
.g-index-wrapper .g-gifts {
    padding-top:27px;
    overflow:hidden
}
.g-index-wrapper .g-gifts .gifts-box {
    padding:0 0 42px 36px;
    margin-top:17px;
    line-height:1;
    height:340px;
    border:1px solid #e6e6e6
}
.g-index-wrapper .g-gifts .gifts-box img {
    float:left;
    width:84px;
    height:84px;
    cursor:pointer
}
.g-index-wrapper .g-gifts .title {
    color:#676767;
    font-size:14px;
    padding:9px 0 8px;
    height:14px
}
.g-index-wrapper .g-gifts .title a:hover {
    text-decoration:underline;
    color:#ff8400
}
.g-index-wrapper .g-gifts li:hover .title a {
    text-decoration:underline;
    color:#ff8400
}
.g-index-wrapper .g-gifts .gift-desc {
    margin-left:94px
}
.g-index-wrapper .g-gifts .txt {
    margin-bottom:11px;
    color:#939393
}
.g-index-wrapper .g-gifts .leave-mengdian {
    display:none
}
.g-index-wrapper .g-gifts li:hover .leave-mengdian {
    display:block
}
.WebGame {
    width:1200px;
    margin:0 auto;
}
.mod-3 {
    width:800px;
    background:#ffffff;
}
.mod-4 {
    width:378px;
    height:auto;
    background:#ffffff;
}
.mod-5 {
    width:380px;
    height:auto;
    background:#ffffff;
    margin-top:12px;
}
.hotgame-list {
    overflow:hidden;
    height:660px;
    margin-right:-20px;
    position:relative;
    margin-top:6px;
    margin-left:10px;
}
.hotgame-list li {
    width:174px;
    height:112px;
    margin:0px 10px 20px 10px;
    float:left;
    position:relative;
    overflow:hidden;
    background:#fff;
}
/*.hotgame-list li:hover {
	border:1px solid #F87706;
}
*/
.hotgame-list .item {
    display:block;
    width:100%;
    height:100%;
    position:relative;
    z-index:3;
}
.hotgame-list .item:after {
    border:1px solid #F87706;
}
.hotgame-list .img {
    width:174px!important;
    height:112px!important;
    position:absolute;
    top:0;
    left:0;
    transition:all .4s ease;
}
.hotgame-list .active .img {
    transform:scale(1.1);
}
.hotgame-list .name {
    font-size:16px;
    color:#666666;
    position:absolute;
    top:15px;
    left:15px
}
.hotgame-list .type {
    line-height:26px;
    color:#999999;
    padding-right:10px;
    position:absolute;
    top:40px;
    left:15px
}
.hotgame-list .status {
    width:31px;
    height:31px;
    position:absolute;
    top:95px;
    left:15px
}
.hotgame-list .go {
    width:31px;
    height:31px;
    line-height:31px;
    -webkit-border-radius:16px;
    border-radius:16px;
    overflow:hidden;
    color:#fff;
    text-align:center;
    background:#F87706;
    background:url("./hot.png") no-repeat;
    position:absolute;
    top:95px;
    left:15px;
    z-index:3;
    -webkit-transition:width .5s ease;
    -moz-transition:width .5s ease;
    transition:width .5s ease;
    text-indent:-9999px;
    opacity:0.8;
}
.hotgame-list .go:hover {
    color:#fff!important;
}
.hotgame-list li:hover .go {
    opacity:1;
}
.hotgame-list .go em {
    display:block;
    width:70px
}
.hotgame-list .active .go {
    opacity:1;
    width:70px
}
.hotgame-list .bd {
    width:216px;
    height:138px;
    border:1px solid #F87706;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    opacity:0;
    filter:alpha(opacity=0);
}
.hotgame-list .active .bd {
    opacity:1;
    filter:alpha(opacity=100);
}
.mod-pages {
    text-align:center;
    overflow:hidden;
    margin:28px 0
}
.mod-pages a,.mod-pages span,.mod-pages input {
    display:inline-block;
    height:30px;
    line-height:30px;
    vertical-align:middle;
    padding:0 12px;
    margin:2px;
    color:#666666;
    border:1px solid #d6d4d2
}
.mod-pages a:hover,.hotgame-list .mod-pages .active,.mod-pages .on,.mod-pages .cur {
    color:#fff!important;
    border-color:#F87706;
    background:#F87706
}
.mod-pages input:focus {
    border-color:#F87706;
}
.mod .mod-hd {
    height:50px;
    line-height:20px;
    padding:13px 0;
    margin-top:0px;
    position:relative;
    overflow:hidden;
    margin-bottom:10px;
}
.mod .mod-hd .mod-tit {
    display:inline-block;
    vertical-align:top;
    padding:0 20px 0 10px;
    font-size:16px;
    overflow:hidden;
    font-weight:bold;
    *display:inline;
    *zoom:1;
    color:#1b1b1b;
}
.hd-right .to-login i {
    background-position:-4px 1px
}
.hd-right .to-reg i {
    background-position:-44px 1px
}
.hd-right .all-game-btn i {
    background-position:-4px -39px
}
.search-btn {
    background-position:-40px -40px
}
.links-box .more {
    background-position:-70px 12px
}
.hd-right .to-login i,.hd-right .to-reg i,.hd-right .all-game-btn i,.search-btn,.links-box .more,.user-vip i,.user-msg i,.vip-box .vip,.vip-box .vitem i,.msg-box .c,.safe-mod .close,.safe-mod .hd i,.icon-hot,.icon-new {
    background-image:url(/images/2017/common.png?201708251703);
    background-repeat:no-repeat;
}
.mod-hd .ritem {
    position:absolute;
    top:11px;
    right:0;
    line-height:14px;
}
.mod-hd .ritem .more {
    color:#999999;
    text-align:right;
}
.more {
    line-height:30px;
    color:#F87706;
}
.mod-hd .more i {
    display:inline-block;
    vertical-align:top;
    width:20px;
    height:20px;
    background:url("./more.png") no-repeat;
    margin-top:5px;
    margin-right:12px;
}
.mod-select span {
    display:inline-block;
    vertical-align:top;
    width:80px;
    height:26px;
    line-height:26px;
    color:#fff;
    -webkit-border-radius:9px;
    border-radius:20px;
    text-align:center;
    overflow:hidden;
    background:#d9d9d9;
}
.mod-select .active {
    background:#F87706
}
.mod-page {
    margin-left:5px;
}
.mod-page span {
    display:inline-block;
    vertical-align:top;
    width:18px;
    height:18px;
    line-height:18px;
    color:#fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    overflow:hidden;
    background:#999999
}
.mod-page .active {
    background:#F87706
}
.mod-bd {
    background:#fff
}
.mod-2 {
    height:290px;
    overflow:hidden;
    position:relative;
}
#post-old,#post-new {
    width:378px;
    height:294px;
    overflow:hidden;
}
#post-old-news {
    width:380px;
    height:309px;
    overflow:hidden;
}
.post {
    width:354px;
    height:309px;
    overflow:hidden;
    position:relative;
    padding-left:20px;
}
.post-list {
    position:absolute;
    top:0;
    left:0;
    padding-left:20px;
    padding-top:6px;
}
.post-list ul {
    background:#ffffff;
    float:left;
    height:250px;
}
.post-list ul li {
    width:354px;
    height:36px;
}
.post-list ul li:hover {
    background:url("../img/ha.png")
}
.txt-list01 {
    padding-top:8px;
}
.txt-list02 {
    padding-top:8px;
}
.txt-list03 {
    padding-top:8px;
}
.txt-list li {
    background:#ffffff;
    height:72px;
    line-height:36px;
    font-size:14px;
    color:#666666;
    position:relative;
    margin:6px auto 14px;
}
.txt-list li:after {
    content:"";
    width:3px;
    height:3px;
    background:#1b1b1b;
    border-radius:3px;
    position:absolute;
    top:50%;
    left:20px;
    transform:translate(0,-50%);
    z-index:4;
}
.column_img {
    width:98px;
    height:74px;
    float:left;
    margin-right:12px;
}
.column_img img {
    width:100%;
    height:74px;
}
.txt-list li .zx_tit {
    width:196px;
    height:20px;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    float:left;
    margin-right:12px;
}
.txt-list li .zx_content {
    width:196px;
    height:34px;
    line-height:17px;
    overflow:hidden;
    float:left;
    margin-right:12px;
    font-size:12px;
    color:#888888;
}
.txt-list li .zx_date {
    font-size:12px;
    height:16px;
    line-height:16px;
    color:#888888;
}
.txt-list a {
    display:inline-block;
    width:320px;
    height:36px;
}
.txt-list li .time {
    color:#999999;
    font-size:14px;
    height:36px;
    line-height:36px;
    position:absolute;
    top:0;
    right:0;
    padding:0 3px;
}
.post-list ul a {
    display:block
}
.post-list ul {
    padding-top:6px;
}
.post-list ul span {
    display:block;
    float:left;
    height:36px;
    line-height:36px
}
.post-list ul span.arrow {
    width:10px;
    height:10px;
    /* background-position:-83px -29px;
    */
    margin:13px 2px 13px 16px;
}
.post-content .icn-img {
    display:block;
    width:24px;
    height:24px;
    margin:6px 20px 6px 12px;
    background:url("./1557209262890.jpeg") no-repeat;
    background-size:24px 24px;
}
.icn {
    background:url("./icn.png") no-repeat
}
.post-list ul span.name {
    width:90px;
    padding-right:20px;
    font-size:14px;
    overflow:hidden;
}
.post-list ul span.area,.post-list ul span.time {
    font-size:12px
}
.post-list ul span.area {
    width:80px;
    margin-right:20px;
}
.post-list ul span.area b {
    color:#f85e5a;
    font-weight:normal
}
.post-list ul span.time {
    width:86px;
    color:#999999
}
.PhoneGame {
    width:1200px;
    margin:0 auto;
    height:auto;
    margin-top:20px;
}
.mod-newgame {
    height:auto;
}
.mod-gift {
    background:#ffffff;
    width:592px;
    height:auto;
}
.newgame-list {
    overflow:hidden;
    position:relative;
    height:653px;
    margin-top:6px;
}
.newgame-list-games {
    height:250px;
}
.newgame-list li {
    margin:0 10px 6px 0;
    float:left;
    position:relative;
    border:1px solid rgba(255,255,255,0);
}
.newgame-list li:hover .status-get {
    background:#F87706;
    color:#ffffff;
}
.newgame-list .item {
    display:block;
    width:170px;
    height:85px;
    padding:8px 0 8px 16px;
    border:1px solid #fff;
    background:#fff;
    position:relative;
}
.newgame-list .item-1 {
    display:block;
    width:158px;
    height:67px;
    padding:0 0 10px 0;
    /* border-bottom:1px solid #d8d8d8;
    */background:#fff;
    position:relative;
    margin-bottom:10px;
}
.newgame-list .active .go {
    display:block
}
.newgame-list .active .status {
    display:none
}
.newgame-list .active .item {
    border-color:#F87706;
}
.newgame-list .img {
    width:64px;
    height:64px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin-right:10px;
    overflow:hidden;
    float:left;
}
.newgame-list .name {
    font-size:16px;
    color:#1b1b1b;
    line-height:24px;
    width:82px;
    height:24px;
    overflow:hidden;
}
.newgame-list .type {
    color:#999999;
    line-height:14px;
}
.newgame-list .flag {
    height:32px;
    overflow:hidden;
    position:relative
}
.newgame-list .status {
    display:block;
    width:64px;
    height:25px;
    background:#F87706;
    border-radius:13px;
    margin-top:4px;
    color:#ffffff;
    line-height:25px;
    text-align:center;
}
.newgame-list .item:hover .status {
    background:rgba(255,67,2,1)
}
.newgame-list .status-get {
    display:block;
    width:64px;
    height:22px;
    border:1px solid #F87706;
    color:#F87706;
    border-radius:13px;
    margin-top:4px;
    line-height:20px;
    text-align:center;
}
.newgame-list .go {
    width:70px;
    height:28px;
    line-height:28px;
    text-align:center;
    color:#fff;
    -webkit-border-radius:14px;
    border-radius:14px;
    background:#F87706;
    position:absolute;
    top:60px;
    left:118px;
    display:none;
}
/*.newgame-list .go:hover {
	color:#fff!important;
	background:#F87706;
}
*/
.newgame-list-gift {
    width:340px;
    float:left;
}
.g-gift .gifts-img {
    width:340px;
    height:128px;
    /*float:left;
    */
    position:relative;
    margin-right:10px;
    margin-top:10px;
    margin-bottom:10px;
}
.g-gift .gifts-img img {
    width:340px;
    height:128px;
}
.g-gift .gifts-img .sss {
    width:340px;
    height:50px;
    line-height:50px;
    position:absolute;
    bottom:0;
    background:rgba(31,31,31,0.5);
    color:#FFFFFF;
    text-align:center;
    font-size:18px;
}
.g-gift .gifts-img p {
    height:50px;
    line-height:50px;
    position:absolute;
    color:#FFFFFF;
    font-size:18px;
    padding-left:12px;
    text-align:left;
    width:120px;
    overflow:hidden;
}
.g-gift .gifts-img span {
    height:50px;
    line-height:50px;
    position:absolute;
    color:#FFFFFF;
    font-size:12px;
}
.g-gift .gifts-img .lq {
    position:absolute;
    right:0;
    color:#FFFFFF;
    font-size:12px;
    width:74px;
    height:22px;
    line-height:22px;
    text-align:center;
    background:#F87706;
    border-radius:50px;
    margin:14px 6px;
}
.H5Game {
    width:1200px;
    margin:0 auto;
    padding-top:20px;
    padding-bottom:20px;
}
.mod-6 .customer {
    width:306px;
    height:354px;
}
.mod-6 .customer_left {
    width:306px;
    float:left;
}
.mod-6 .customer_left li {
    float:left;
    width:262px;
    height:40px;
    line-height:40px;
    margin-bottom:16px;
    color:#1b1b1b;
    font-size:16px;
    background:#f7f7f7;
    border-radius:20px;
}
/*.mod-6 .customer_left li:hover {
	border:1px solid #F87706;
}
*/
.mod-6 .customer em {
    display:block;
    width:26px;
    height:26px;
    float:left;
    background:url("./c-1-9.png") no-repeat;
    margin:5px 10px 5px 16px;
}
.mod-6 .customer .em1 {
    background-position:0 0;
}
.mod-6 .customer .em2 {
    background-position:-26px 0;
}
.mod-6 .customer .em3 {
    background-position:0 -26px;
}
.mod-6 .customer .em4 {
    background-position:-26px -26px;
}
.mod-6 .customer .em5 {
    background-position:0 -52px;
}
.mod-6 .customer .em6 {
    background-position:-26px -52px;
}
.mod-6 .customer .em7 {
    background-position:-0px -78px;
}
.mod-6 .customer .em8 {
    background-position:-26px -78px;
}
.mod-6 .customer .em9 {
    background-position:0px -103px;
}
.mod-6 .customer_fr {
    width:128px;
    height:320px;
    float:right;
    margin-top:12px;
    margin-right:10px;
}
.mod-6 .customer_fr li {
    width:128px;
    height:328px;
    line-height:32px;
    border:1px solid #EAEAEA;
    margin-right:6px;
    list-style:none;
}
.mod-6 .customer_fr li p {
    color:#1b1b1b;
    text-align:center;
    font-size:16px;
}
.mod-6 .customer_fr li .p-t {
    color:#F87706;
    text-align:center;
    font-size:16px;
    font-weight:600;
}
.mod-6 .customer_left ul {
    margin-top:12px;
    padding-left:22px;
}
.mod-kfzx {
    background:#ffffff;
    width:306px;
    height:auto;
    border-radius:12px;
}
.g-hot-see {
    width:1200px;
    margin:20px auto;
}
.list_nav {
    float:left;
    width:834px;
    background:rgba(255,255,255,1);
    /* position:absolute;
    */padding:14px 0 14px 8px;
    z-index:999;
}
.list_nav li {
    width:258px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:16px;
    background:#f7f7f7;
    color:#1b1b1b;
    float:left;
    border-radius:20px;
    margin-right:20px;
}
.list_nav .on {
    background:#F87706;
}
.mod-1 {
    width:827px;
    float:left;
}
.mod-1 {
    background:#f4f4f4;
    padding:14px 14px 0 0;
    background:rgba(255,255,255,1);
}
.w1200 .rec-box {
    width:912px;
}
.rec-box .item {
    display:block;
    width:192px;
    text-align:center;
    background:#fff;
    position:relative;
    margin-left:14px;
    float:left;
    display:inline;
}
.rec-box .img {
    display:block;
    height:255px;
    overflow:hidden;
}
.rec-box .img img {
    width:192px!important;
    height:256px!important;
    display:none;
}
.rec-box .txt {
    line-height:40px;
    font-size:16px;
    color:#1b1b1b;
    font-weight:700;
    border:1px solid #d9d9d9;
    border-top:0 none
}
.rec-box .glink {
    height:22px;
    line-height:22px;
    padding:9px 10px;
    color:#d6d4d2;
    font-size:14px;
    border:1px solid #d70023;
    border-top:0 none;
    text-align:left;
    display:none;
}
.rec-box .glink a {
    text-align:center;
    color:#666666
}
.rec-box .glink .go {
    display:inline-block;
    width:72px;
    height:22px;
    line-height:20px;
    text-align:center;
    color:#fff;
    margin-left:10px;
    -webkit-border-radius:11px;
    border-radius:11px;
    background:#F87706;
    float:right;
}
.rec-box .glink .go:hover {
    color:#fff!important;
    background:#F87706
}
.rec-box .active .txt {
    display:none;
}
.rec-box .active .glink {
    display:block;
}
.rec-box .active .img {
    display:block;
    height:254px;
    border:1px solid #d70023;
    border-bottom:0 none;
    overflow:hidden;
    position:relative;
    z-index:3;
}
.rec-box .active .img i {
    top:-1px;
    left:-1px;
}
.rec-box .active img {
    position:absolute;
    top:-1px;
    left:-1px
}
.rec-box .cor-hot,.rec-box .cor-rem,.rec-box .cor-new {
    width:42px;
    height:42px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:2;
}
.rec-box .cor-hot {
    background-position:-49px -198px;
}
.rec-box .cor-rem {
    background-position:0 -198px;
}
.rec-box .cor-new {
    background-position:-107px -198px;
}
.userlogin-box {
    width:280px;
    height:348px;
    padding:20px 30px;
    border:0;
    background:rgba(255,255,255,1);
}
.login-tab-con {
    height:244px;
    overflow:hidden
}
.login-block {
}.login-tab {
     width:100%;
     overflow:hidden
 }
.login-tab-1 li {
    width:100%;
}
.login-tab-2 li {
    width:50%;
}
.login-tab li {
    height:29px;
    line-height:29px;
    cursor:pointer;
    text-align:center;
    color:#666666;
    font-size:14px;
    float:left
}
.login-tab li .login_tit {
    float:left;
}
.login_tit_30 {
    padding-left:20px;
}
.login-tab .active {
    border-bottom-color:#d70023
}
.welfare-list {
    width:280px;
    overflow:hidden;
    position:relative;
    z-index:999;
    right:0;
}
.welfare-list li {
    margin-right:6px;
    float:left
}
.welfare-list li a {
    display:block;
    width:50px;
    height:66px;
    border:0;
    color:#666666;
    text-align:center;
}
.welfare-list li .item-4 {
    display:block;
    width:30px;
    height:66px;
    border:0;
    color:#666666;
    text-align:center;
    margin-right:12px;
}
.welfare-list li .item-5 {
    display:block;
    width:30px;
    height:66px;
    border:0;
    color:#666666;
    text-align:center;
    margin-right:24px;
}
.welfare-list li i {
    display:block;
    width:24px;
    height:24px;
    margin:6px auto 2px;
}
.welfare-list li a:hover i {
    transition:all .3s ease;
    transform:rotateY(180deg);
}
.welfare-list .item-1:hover {
    color:#cda22d!important;
}
.welfare-list .item-2:hover {
    color:#00b3f5!important;
}
.welfare-list .item-3:hover {
    color:#38cd58!important;
}
.login-tip {
    height:20px;
    line-height:20px;
    color:#F87706;
    text-align:center;
}
.log-item {
    height:156px;
    border:0;
    padding-left:0;
    background:#fff;
    position:relative;
}
.log-item .w-item {
    width:280px;
    height:44px;
    border-bottom:1px solid #eeeeee;
    background:#eeeeee;
    margin-bottom:10px;
    border-radius:22px;
}
.log-item .w-item input {
    width:220px;
    height:44px;
    line-height:28px;
    border:0 none;
    outline:0 none;
    *margin-top:-1px;
}
.log-item .w-item i {
    display:inline-block;
    width:29px;
    height:29px;
    vertical-align:top
}
.log-item .w-item-2 {
    border-bottom:0 none;
}
.log-item .btn-tologin {
    width:280px;
    height:44px;
    color:#fff;
    font-size:16px;
    cursor:pointer;
    border:0 none;
    background:#F87706;
    font-family:'microsoft yahei';
    position:absolute;
    border-radius:20px;
}
.log-item .btn-tologin:hover {
    color:#fff!important;
    background:#F87706;
}
.login-item .user-opt {
    height:16px;
    line-height:16px;
    margin:10px 0
}
.icon-cb {
    display:inline-block;
    vertical-align:top;
    width:16px;
    height:16px;
}
.icon-cbed {
    background:url("./select.png") no-repeat;
}
.icon-user {
    background:url("./icon_zh.png") no-repeat;
    background-position:4px 7px;
}
.icon-lock {
    background:url("./icon_password.png") no-repeat;
    background-position:4px 7px;
}
.login-item .user-third {
    height:24px;
    margin:15px 0;
    line-height:24px;
}
.login-item .link-reg {
    color:#F87706;
}
.login-item .link-reg:hover {
    text-decoration:underline;
}
.third-login-qq,.third-login-wx,.third-login-wb {
    display:inline-block;
    width:24px;
    height:24px;
    background:url(/images/2017/third.png?201708251703) no-repeat;
    margin-right:2px;
}
.third-login-wx {
    background-position:-27px 0
}
.third-login-wb {
    background-position:-53px 0
}
.third-login-qq {
    background:url("./qq.png") no-repeat
}
.third-login-wx {
    background:url("./wx.png") no-repeat
}
.third-login-wb {
    background:url("./wb.png") no-repeat
}
.icon-qq {
    background:url("./qq.png") no-repeat
}
.icon-wx {
    background:url("./wx.png") no-repeat
}
.icon-diam {
    background:url("./vip.png") no-repeat
}
.icon-box {
    background:url("./hz.png") no-repeat
}
.icon-app {
    background:url("./safe.png") no-repeat
}
.userlogin-box .logined {
    height:200px;
    position:relative;
}
.logined .u-info {
    position:relative;
    z-index:2;
}
.logined .uinfo-l {
    width:64px;
    float:left
}
.logined .avatar {
    display:block;
    width:64px;
    height:64px;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    margin-bottom:10px
}
.logined .avatar img {
    width:100%;
    max-width:100%
}
.logined .u-vip {
    display:block;
    width:38px;
    height:10px;
    line-height:10px;
    text-align:center;
    color:#fff;
    margin:0 auto;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:#c3ab6e;
    font-family:'宋体';
}
.logined .u-name {
    width:124px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    float:left;
    font-weight:bold;
}
.logined .logout {
    color:#F87706;
    float:right
}
.logined .uinfo-r {
    width:162px;
    float:right
}
.logined .uinfo-r p {
    height:22px;
    line-height:22px;
    overflow:hidden
}
.logined .uinfo-r p span {
    color:#F87706
}
.logined .uinfo-r .uinfo-safe {
    height:20px;
}
.logined .icon-uphone {
    display:inline-block;
    width:8px;
    height:14px;
    margin-top:6px;
    margin-right:8px;
}
.logined .icon-umail {
    display:inline-block;
    width:14px;
    height:14px;
    margin-top:6px;
    margin-right:8px;
}
.logined .icon-uug {
    display:inline-block;
    width:13px;
    height:14px;
    margin-top:6px;
}
.logined .sign-in {
    width:50px;
    height:20px;
    line-height:20px;
    color:#fff;
    text-align:center;
    background:#F87706;
    float:right
}
.logined .sign-in:hover {
    color:#fff!important;
    background:#F87706;
}
.logined .u-vip-proc {
    display:block;
    width:100%;
    height:10px;
    -webkit-border-radius:6px;
    border-radius:6px;
    overflow:hidden;
    margin-top:10px;
    background:#fff
}
.logined .u-vip-proc i {
    display:block;
    width:60%;
    height:10px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background:#c3ab6e;
    -webkit-transition:width .3s ease;
    -moz-transition:width .3s ease;
    transition:width .3s ease
}
.logined .u-vip-wp {
    position:relative;
}
.logined .vip-wp-act .u-vip-box {
    display:block;
}
.logined .u-vip-box {
    width:221px;
    height:161px;
    line-height:26px;
    position:absolute;
    top:16px;
    right:0;
    text-align:center;
    border-radius:5px;
    background:#fff;
    z-index:2;
    background:url(/images/2017/index_vip_bg.jpg?201708251703) no-repeat;
    display:none;
}
.logined .u-vip-box .tit {
    height:42px;
    line-height:44px;
    text-align:center;
    font-size:14px;
    color:#fff;
}
.logined .u-vip-box .txt1 {
    color:#ffeebf;
}
.logined .u-vip-box .txt1 strong {
    color:#ffe981;
}
.logined .u-vip-box .vmod {
    width:150px;
    height:25px;
    margin:12px auto 14px;
    position:relative;
}
.logined .u-vip-box .v0,.logined .u-vip-box .v10 {
    width:5px;
    height:5px;
    border-radius:50%;
    position:absolute;
    top:0px;
}
.logined .u-vip-box .v0 {
    border:1px solid #fff;
    left:10px;
}
.logined .u-vip-box .v10 {
    border:1px solid #ffe981;
    right:10px;
}
.logined .u-vip-box .vline {
    width:116px;
    height:1px;
    overflow:hidden;
    background:#ffe981;
    position:absolute;
    top:3px;
    left:17px;
}
.logined .u-vip-box .vline i {
    display:block;
    width:auto;
    height:1px;
    background:#fff;
}
.logined .u-vip-box .vt1 {
    position:absolute;
    top:7px;
    left:0px;
    color:#fff;
}
.logined .u-vip-box .vt2 {
    position:absolute;
    top:7px;
    right:0px;
    color:#fff;
}
.logined .u-vip-box .vb {
    display:block;
    width:78px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:3px;
    margin:0 auto;
    color:#958458;
    background:#ffe981;
}
.logined .u-vip-box .vb:hover {
    color:#958458!important;
    background:#fff7af;
}
.hd {
    line-height:24px;
    color:#595757;
    border-bottom:1px solid #d3caca;
}
.played .bd {
    height:78px;
    overflow:hidden;
    position:relative;
}
.played .slide-bd ul {
    width:170px;
    padding:0 32px;
    float:left;
}
.played .slide-bd li {
    height:26px;
    line-height:26px;
}
.played .slide-bd a {
    width:85px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.played .slide-bd .item1 {
    width:95px;
    color:#595757;
    float:left;
}
.played .slide-bd .item2 {
    width:75px;
    color:#9fa0a0;
    float:right;
    text-align:right;
}
.game-gl {
    width:590px;
    background:#ffffff;
}
.mod-gl {
    width:550px;
    height:265px;
    padding:12px 20px;
    /*background:#ffffff;
    */
}
.game-gl .gl_l {
    width:320px;
    height:254px;
    float:left;
    position:relative;
    margin-right:10px;
}
.game-gl .gl_r {
    width:220px;
    height:254px;
    float:left;
    position:relative;
    margin-right:0;
}
.game-gl .gl_r .gl_r_con img {
    width:220px;
    height:122px;
}
.game-gl .gl_r .gl_r_con {
    width:220px;
    height:122px;
    float:left;
    position:relative;
    margin-bottom:10px;
}
.game-gl .gl_r .gl_r_con p {
    width:220px;
    height:40px;
    line-height:40px;
    position:absolute;
    bottom:0;
    color:#FFFFFF;
    font-size:12px;
}
.game-gl .gl_l p {
    width:320px;
    height:74px;
    line-height:74px;
    position:absolute;
    bottom:0;
    background:rgba(31,31,31,0.5);
    color:#FFFFFF;
    text-align:center;
    font-size:18px;
}
.game-gl .gl_l img {
    width:320px;
    height:254px;
}
.row .col-gd-2 {
    width:230px;
    overflow:hidden;
    position:relative;
    margin-right:45px;
}
.m-ranking {
    overflow:hidden;
    margin-top:10px;
}
.m-ranking span {
    display:block
}
.m-ranking li {
    height:40px
}
.m-ranking .rk {
    float:left;
    width:18px;
    height:18px;
    border-radius:50%;
    line-height:18px;
    background-color:#bababa;
    text-align:center;
    font-size:12px;
    color:#fff;
    margin:10px 0 0 0;
    overflow:hidden
}
.m-ranking.hb1 .hb .rk {
    background-color:#FFB60A
}
.m-ranking.hb2 .hb .rk {
    background-color:#FFB60A
}
.m-ranking.hb3 .hb .rk {
    background-color:#FFB60A
}
/*.m-ranking li+li .info {
	border-top:1px solid #f3f3f3
}
*/
.m-ranking .tit {
    height:39px;
    line-height:39px;
    overflow:hidden;
    color:#575757;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:180px;
    font-size:16px;
    margin-left:16px;
}
.m-ranking .status {
    position:absolute;
    right:10px;
    top:50%;
    background-image:url(../images/sprite.png);
    background-repeat:no-repeat;
    width:8px
}
.m-ranking .status.s1 {
    background-position:-32px -28px;
    height:10px;
    margin-top:-5px
}
.m-ranking .status.s2 {
    background-position:-572px -13px;
    height:2px;
    margin-top:-1px
}
.m-ranking .status.s3 {
    background-position:-40px -28px;
    height:10px;
    margin-top:-5px
}
.m-ranking img,.m-ranking .type,.m-ranking .btn {
    display:none
}
.m-ranking li.on {
    height:93px
}
.m-ranking li.on .info {
    padding:10px 0
}
.m-ranking li.on .type {
    display:block;
    height:20px;
    line-height:20px;
    font-size:12px;
    color:#b0b0b0;
    margin-top:2px
}
.m-ranking li.on .btn {
    width:60px;
    height:20px;
    border:1px solid #eee;
    color:#434343;
    display:block;
    font-size:12px;
    margin-top:6px;
    line-height:20px;
    text-align:center;
    margin-left:70px;
}
.games-list {
    width:1200px;
    margin:20px auto;
    height:auto;
}
.games-list .row {
    padding:0 20px 34px 30px;
    width:826px;
    background:#FFFFFF;
    border-radius:2px;
}
.news-con {
    width:1200px;
    height:254px;
    margin:20px auto;
    background:none;
}
.news-mod-gl {
    height:254px;
}
.news-con .gl_l {
    width:480px;
    height:254px;
    float:left;
    position:relative;
    margin-right:10px;
}
.news-con .gl_r {
    width:220px;
    height:254px;
    float:left;
    position:relative;
    margin-right:0;
}
.news-con .gl_r .gl_r_con img {
    width:220px;
    height:122px;
}
.news-con .gl_r .gl_r_con {
    width:220px;
    height:122px;
    float:left;
    position:relative;
    margin-bottom:10px;
}
.news-con .gl_r .gl_r_con p {
    width:220px;
    height:40px;
    line-height:40px;
    position:absolute;
    bottom:0;
    color:#FFFFFF;
    font-size:12px;
}
.news-con .gl_l p {
    width:480px;
    height:74px;
    line-height:74px;
    position:absolute;
    bottom:0;
    background:rgba(31,31,31,0.5);
    color:#FFFFFF;
    text-align:center;
    font-size:18px;
}
.news-con .gl_l img {
    width:480px;
    height:254px;
}
.news-mian {
    width:1200px;
    margin:0 auto;
}
.news-mian .b-list-box {
    height:30px;
}
..news-mian .b-list-box
.m-gamesTable-ul {
    overflow:hidden;
    position:relative;
    height:416px
}
.m-gamesTable-ul li {
    overflow:hidden;
    height:40px;
    line-height:36px;
    position:relative;
    z-index:2;
}
.m-gamesTable-ul li>div {
    float:left;
    height:36px;
    overflow:hidden
}
.m-gamesTable-ul li .date {
    width:40px;
    text-align:center;
    font-size:12px;
}
.m-gamesTable-ul li .dot {
    width:5px;
    background-color:#fff;
    padding:3px;
    height:5px;
    margin:13px 0 12px
}
.m-gamesTable-ul li .dot span {
    display:block;
    width:5px;
    height:5px;
    background:url(../images/sprite.png) 0 0 no-repeat;
    overflow:hidden
}
.m-gamesTable-ul li .name {
    width:108px;
    margin-left:3px
}
.m-gamesTable-ul li .status {
    width:72px;
    margin-left:9px;
    color:#b0b0b0;
    font-size:12px;
}
.m-gamesTable-ul li .kf_img {
    width:0px;
    height:0px;
    border-radius:20px;
    display:none;
    float:left
}
.container-fl .col-gd-3 {
    width:340px;
}
.m-ranking {
    overflow:hidden;
    margin-top:-5px;
    width:340px;
}
.m-ranking span {
    display:block
}
.m-ranking li {
    height:40px;
    position:relative;
}
.m-ranking li {
    height:40px;
    position:relative;
}
.m-ranking li .load {
    position:absolute;
    right:0;
    width:74px;
    height:22px;
    background:#F87706;
    border-radius:14px;
    display:block;
    color:#ffffff;
    text-align:center;
    margin:9px 6px;
    line-height:22px;
}
.m-ranking li .load:hover {
    color:#ffffff;
}
.m-ranking .on .load {
    position:absolute;
    right:0;
    width:74px;
    height:22px;
    background:#F87706;
    border-radius:14px;
    display:block;
    color:#ffffff;
    text-align:center;
    margin:30px 6px;
    line-height:22px;
}
.m-ranking li a:hover {
    color:#ffffff;
}
.m-ranking .rk {
    float:left;
    width:18px;
    height:18px;
    border-radius:50%;
    line-height:18px;
    background-color:#bababa;
    text-align:center;
    font-size:12px;
    color:#fff;
    margin:10px 0 0 0;
    overflow:hidden
}
.m-ranking .rk {
    float:left;
    width:18px;
    height:18px;
    border-radius:50%;
    line-height:18px;
    background-color:#bababa;
    text-align:center;
    font-size:12px;
    color:#fff;
    margin:10px 0 0 0;
    overflow:hidden
}
.m-ranking .on .rk {
    float:left;
    width:18px;
    height:18px;
    border-radius:50%;
    line-height:18px;
    background-color:#F87706;
    text-align:center;
    font-size:12px;
    color:#fff;
    margin:33px 0 0 0;
    overflow:hidden;
}
.m-ranking .on .rk:nth-child(1) {
    float:left;
    width:18px;
    height:18px;
    border-radius:50%;
    line-height:18px;
    background-color:#F87706;
    text-align:center;
    font-size:12px;
    color:#fff;
    margin:33px 0 0 0;
    overflow:hidden;
}
.m-ranking .on:nth-child(2) .rk {
    background-color:#F7B500;
}
.m-ranking .on:nth-child(3) .rk {
    background-color:#BABABA;
}
.m-ranking .info {
    position:relative;
    width:180px;
    float:left;
}
.m-ranking .tit {
    height:39px;
    line-height:39px;
    overflow:hidden;
    color:#333333;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:180px;
}
.m-ranking .status {
    position:absolute;
    right:10px;
    top:50%;
    background-image:url(../images/sprite.png);
    background-repeat:no-repeat;
    width:8px
}
.m-ranking .status.s1 {
    background-position:-32px -28px;
    height:10px;
    margin-top:-5px
}
.m-ranking .status.s2 {
    background-position:-572px -13px;
    height:2px;
    margin-top:-1px
}
.m-ranking .status.s3 {
    background-position:-40px -28px;
    height:10px;
    margin-top:-5px
}
.m-ranking img,.m-ranking .type,.m-ranking .btn {
    display:none
}
.m-ranking li.on .info {
    padding:10px 0
}
.m-ranking img,.m-ranking .type,.m-ranking .btn {
    display:none
}
.m-ranking li.on {
    height:82px
}
.m-ranking li.on .info {
    padding:10px 0;
    width:318px;
}
.m-ranking li.on img {
    display:block;
    float:left;
    width:62px;
    height:62px;
    border-radius:20px;
    margin-left:10px;
    margin-right:12px;
}
.m-ranking li.on .tit {
    font-size:16px;
    width:100px;
    height:62px;
    line-height:62px;
}
.m-ranking li.on .type {
    display:block;
    height:20px;
    line-height:20px;
    font-size:12px;
    color:#b0b0b0;
    margin-top:2px
}
.m-ranking li.on .btn {
    width:60px;
    height:20px;
    border:1px solid #eee;
    color:#434343;
    display:block;
    font-size:12px;
    margin-top:6px;
    line-height:20px;
    text-align:center;
    margin-left:70px;
}
.m-ranking li.on
.b4-xglist-box {
    width:294px;
    height:834px;
    border:1px solid #f0f0f0;
    margin-top:0px;
    overflow:hidden;
}
.b4-xf-list {
    padding:4px 7px 0px 7px;
    background:#ffffff;
}
.b4-xf-list li {
    overflow:hidden;
    border-bottom:1px solid #f0f0f0;
    position:relative;
}
.b4-xfl1 {
    height:51px;
    *height:48px;
    overflow:hidden;
}
.b4-xfl2 {
    height:96px;
    *height:94px;
    overflow:hidden;
}
.b4-rank-name {
    display:block;
    float:left;
    height:50px;
    line-height:50px;
    color:#666666;
    font-size:14px;
}
.b4-rank-down {
    width:70px;
    height:20px;
    background-position:0 -113px;
    color:#4badff;
    line-height:20px;
    text-align:center;
    left:214px;
    top:16px;
}
.b4-rank-ico {
    left:40px;
    top:11px;
    width:60px;
    height:60px;
}
.b4-rank-name2 {
    left:120px;
    top:14px;
    font-size:16px;
    width:106px;
    overflow:hidden;
    height:25px;
}
.b4-rank-con {
    left:120px;
    top:14px;
    font-size:16px;
    width:106px;
    overflow:hidden;
    height:25px;
}
.b4-rank-des {
    left:120px;
    top:45px;
    color:#999999;
    width:175px;
    height:32px;
    line-height:16px;
    overflow:hidden;
}
a:hover {
}