.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;padding-top:20px;}
.mod-3{width:678px;background: #ffffff;}
.mod-4{width: 506px;height:auto;background: #ffffff;}
.mod-5{width: 506px;height:auto;background: #ffffff;margin-top: 12px;}
.hotgame-list{overflow:hidden;height: 586px;margin-right: -20px;position:relative;margin-top: 6px;margin-left: 3px;}
.hotgame-list li{width: 216px;height: 138px;margin:0 3px 6px 3px;float:left;position:relative;overflow:hidden;background:#fff;border:1px solid #d9d9d9;}
.hotgame-list li:hover{border:1px solid #FF4302;}
.hotgame-list .item{display:block;width:100%;height:100%;position:relative;z-index:3;}
.hotgame-list .item:after{border:1px solid #FF4302;}
.hotgame-list .img{width:218px!important;height:140px!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:#ff4302;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 #ff4302;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:#ff4302;background:#ff4302}
.mod-pages input:focus { border-color: #ff4302; }
.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;}
.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:#ff4302}
.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:#ff4302}
.mod-bd{background:#fff}
.mod-2 { height: 290px; overflow:hidden; position:relative;}

#post-old,#post-new {
    width: 460px;
    height: 294px;
    overflow: hidden
}
#post-old-news{
    width: 506px;
    height: 234px;
    overflow: hidden
}

.post {
    width: 506px;
    height:294px;
    overflow: hidden;
    position: relative
}

.post-list {
    position: absolute;
    top: 0;
    left: 0
}

.post-list ul {
    background: #ffffff;
    float: left;
    height: 288px
}

.post-list ul li {
    width: 506px;
    height: 36px;

}

.post-list ul li:hover {
    background: url("../img/ha.png")
}
.txt-list01{
    padding-top: 8px;
}
.txt-list li{
    background: #ffffff;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #666666;
    padding-left: 30px;
    position: relative;
}
.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;
}
.txt-list a{
    display: inline-block;
    width: 380px;
    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: 4px;
}
.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: 14px
}

.post-list ul span.area {
    width: 90px;
    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: 506px;height: auto;}
.newgame-list{overflow:hidden; position:relative; height:342px;margin-top: 12px;}
.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: #FF4302;color: #ffffff;}
.newgame-list .item{display:block;width:196px;height:88px;padding:8px 0 8px 16px;border:1px solid #fff;background:#fff;position:relative}
.newgame-list .item-1{display:block;width:220px;height:90px;padding:8px 0 8px 16px;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: #ff4302;}
.newgame-list .img{width:80px;height:80px;-webkit-border-radius:10px;border-radius:10px;margin-right:20px;overflow:hidden;float:left}
.newgame-list .name{font-size:16px;color:#1b1b1b;line-height:28px;width: 90px;height: 28px;overflow: hidden;}
.newgame-list .type{color:#999999;line-height:20px}
.newgame-list .flag{height:32px;overflow:hidden;position:relative}
.newgame-list .status{display:block;width:64px;height:25px;background:rgba(255,67,2,.8) ;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:25px;border: 1px solid #ff4302;color:#ff4302;border-radius:13px;margin-top:4px;line-height: 25px;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:#ff4302;position:absolute;top: 60px;left: 118px;display: none;}
.newgame-list .go:hover { color: #fff!important; background: #ff4302;}
.newgame-list-gift{width: 506px;float:right;}
.H5Game{width: 1200px;margin: 0 auto;padding-top: 20px;padding-bottom: 20px;}
.mod-6 .customer{width: 506px;height: 354px;}
.mod-6 .customer_left{width: 368px;float: left;}
.mod-6 .customer_left li{float: left;width:168px;height: 76px;line-height:76px;border: 1px solid #d9d9d9;margin-right: 6px;margin-bottom: 6px;color: #1b1b1b;font-size: 16px;}
.mod-6 .customer_left li:hover{border:1px solid #FF4302;}
.mod-6 .customer em{display:block;width: 32px;height: 32px;float: left;background: url("./c-1-9.png") no-repeat;margin: 23px;}
.mod-6 .customer .em1{background-position: 0 0;}
.mod-6 .customer .em2{background-position: -32px 0;}
.mod-6 .customer .em3{background-position: 0 -32px;}
.mod-6 .customer .em4{background-position: -32px -32px;}
.mod-6 .customer .em5{background-position: 0 -64px;}
.mod-6 .customer .em6{background-position: -32px -64px;}
.mod-6 .customer .em7{background-position: -0px -96px;}
.mod-6 .customer .em8{background-position: -32px -96px;}
.mod-6 .customer .em9{display:block;width: 48px;height: 48px;float: left;background: url("./c-1-9.png") no-repeat;background-position:center center;margin: 90px 40px 20px;}
.mod-6 .customer .em9{background-position: 0px -128px;}
.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: #FF4302;text-align: center;font-size: 16px;font-weight: 600;}
.mod-6 .customer_left ul{margin-top: 12px;padding-left: 14px;}
.mod-kfzx{background: #ffffff;width: 506px;height: auto;}
.g-hot-see{position: relative;margin-top: -100px;}
.list_nav{float:left;width: 120px;background:rgba(255,255,255,.5);position: absolute;padding: 14px 0 14px 8px;z-index:999}
.list_nav li{width: 120px;height: 60px;line-height:60px;text-align: center;font-size: 16px;background: rgba(255,255,255,.5);color: #1b1b1b;}
.list_nav .on{background: #FF4302;}
.mod-1{width: 1200px; margin:0 auto;}
.mod-1{background: #f4f4f4; padding: 14px 14px 0 0; background:rgba(255,255,255,.5);}
.w1200 .rec-box { width: 912px;}
.rec-box .item{display:block;width:214px;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: 214px!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:#ff4302;;float: right;}
.rec-box .glink .go:hover{color:#fff!important;background:#ff4302}
.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:234px;height:268px;padding:13px;border:1px solid #d9d9d9;background:rgba(255,255,255,.5)}
.login-tab-con{height:170px;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;border-bottom:1px solid #d9d9d9;text-align:center;color:#666666;font-size:14px;float:left}
.login-tab .active{border-bottom-color:#d70023}
.welfare-list{width:242px;overflow:hidden;position:relative;z-index:999;}
.welfare-list li{margin-right:6px;float:left}
.welfare-list li a{display:block;width:72px;height:66px;border:1px solid #d9d9d9!important;color:#666666;text-align:center}
.welfare-list li i{display:block;width:34px;height:34px;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: 26px; line-height: 26px; color: #ff4302; text-align: center;}
.log-item{height:59px;border:1px solid #d6d4d2;padding-left:12px;background:#fff;position:relative;}
.log-item .w-item{width:150px;height:29px;border-bottom:1px solid #d6d4d2}
.log-item .w-item input{width:121px;height: 28px;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:60px;height:61px;color:#fff;font-size:16px;cursor: pointer;border:0 none;background:#ff4302;font-family:'microsoft yahei';position:absolute;top:-1px;right:-1px}
.log-item .btn-tologin:hover{color: #fff!important; background: #ff4302;}
.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: #ff4302; }
.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-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:#ff4302;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:#ff4302}
.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:#ff4302;float:right}
.logined .sign-in:hover{color: #fff!important; background: #ff4302;}
.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;
}