.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:20px;line-height:20px;padding:15px 0;margin-top:0px;position:relative; overflow:hidden;}
.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;}
.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: 284px;}
.newgame-list li{margin: 0 10px 3px 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: 170px;height: 78px;padding: 0 0 0 12px;border:1px solid #fff;background:#fff;position:relative;}
.newgame-list .active .go{display:block}
.newgame-list .active .status{display:none}
.newgame-list .active .item {border-color: #F87706;}
.newgame-list .img{width: 70px;height: 70px;-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: 88px;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: 22px;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: 592px;float: left;}
.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:42px;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:#939393;
    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 .info {
    position:relative;
    width: 200px;
    float:right;
}
/*.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;
}
.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 img {
    display:block;
    float:left;
    width:62px;
    height:62px;
    border-radius:20px;
    margin-right:10px;
}
.m-ranking li.on .tit {
    height:20px;
    line-height:20px;
    font-size:16px;
    width:100px;
}
.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;
}