@charset "utf-8";
* { margin:0; padding:0;}
div,dl,dt,dd,ul,ol,li,h2,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{min-width: 1260px; background:#F5F5F5; font-family:Microsoft YaHei Arial, sans-serif; font-size:12px;}
ul,ol,li {list-style:none;}
img{ border:0;}
a{color:#000;text-decoration:none}
em,i{font-style:normal;}
a:focus,input{outline:none;}
a{outline:none;star:expression(this.onFocus=this.blur());-webkit-transition: all .4s;-mz-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
a:hover{ -webkit-transition: all .4s;-mz-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px #fff inset;}
.clear{clear:both;}
.wrap{width:100%;position:relative;}
.main{width:1260px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.ptab{position:absolute;}
.br3{border-radius:3px;background: #fff;}
.none{display:none;}
.block{display:block;}
/********顶部********/
.hd-top,.whtop{height:40px;background:#282828;z-index: 9999;position: relative;}
.hd-left{height:40px;line-height:40px;}
.hd-left a{float:left;color:#b0b0b0;font-size:12px;background:url(https://image.tanwan.com/platform/2018/img/hd-ico.png) no-repeat;padding-left:20px;margin-right: 20px;-webkit-transition: all .3s;-mz-transition: all .3s; -moz-transition: all .3s;transition: all .3s;}
.hd-left a:hover{color:#cecece;-webkit-transition: all .3s;-mz-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.hd-left a.top-index{background-position:0px 12px;}
.hd-left a.top-keep{background-position:0px -122px;}
.hd-left a.top-box{background-position:0px -56px;}
.hd-left a:hover.top-index{background-position:0px -22px;}
.hd-left a:hover.top-keep{background-position:0px -158px;}
.hd-left a:hover.top-box{background-position:0px -87px;}
.hd-right{height:40px;}
.hd-search{height:30px;line-height:30px;width:250px;border:1px solid #DDD;margin-top: 4px;border-radius: 2px;background: #fff;}
.search-txt{float:left;height:30px;line-height:30px;border:0;padding-left:10px;width: 195px;color:#666;}
.search-submit{height:30px;width:38px;border:0;background:url(../img/search.jpg) center no-repeat;float:right;cursor:pointer;display:block;}
.hd-dl{height:40px;line-height:40px;margin-right: 15px;}
.hd-dl a{color:#b0b0b0;margin-right:15px;}
.hd-dl a:hover{color:#cecece}
/********导航********/
.ptre{position:relative;}
.header{height:80px;background:#fff; width:100%;z-index:98;position:relative;border-bottom:4px solid #F5F5F5;}
.hd-main{height:80px;position:relative;}
.hd-logo, .hd-logo a{height: 84px;width: 200px;display: block;}
.nav{position: absolute;top: 0;right: 128px;}
.nav li{float:left;height:80px;position:relative;margin-right:50px;}
.nav li a{line-height:80px;color: #666666;font-size: 14px;text-align:center;position:relative;padding:0 20px;}
.nav li a:hover,.nav li.cur a{font-weight:700;}
.nav li i{display: none \9;position:absolute;bottom:-2px;left:0;width:100%;height:0;border-bottom:5px solid #FDE701;-webkit-transform:scale(0);-mz-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transition: all .4s;-mz-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
.nav .nav-line {border-bottom: 4px solid #FEA63F;position:absolute; left:0; bottom:-8px; height:4px;font-size:0; width:82px;z-index:99;}
.nav .nav-line i{float:left;border-bottom: 4px solid #FFE305;width:100%;}

/********底部********/
.footer{background:#303030;padding-bottom: 25px;}
.ft-logo{width:274px;height:130px;float: left;}
.ft-logo img{padding-top:44px;float:right;}
.ft-rt{padding-left:30px;padding-top:30px;width: 956px;float: left;}
.ft-a{width:100%;height:14px;line-height:14px;padding-bottom: 10px;}
.ft-a a{color:#959595;}
.ft-a a:hover{color:#F1F1F1;}
.ft-a i{color:#5B5B5B;font-family:宋体;font-size:12px;padding:0 24px;}
.ft-rt p{width:100%;color:#666;line-height:22px;}
.ft-rt p a{color:#666;}
.links-box{width:100%;border-bottom:1px solid #363636;}
.friends-box{width:100%;color:#666;font-size:12px;line-height: 12px;padding: 30px 0;}
.friends-box i{font-weight: bold;color:#888;}
.friends-box a{color:#666;font-size:12px;margin-right:25px;}
.friends-box a:hover{color:#888;}


/********右侧浮动********/
.float-menu{width: 52px;position: fixed;right:-2px;bottom:26px;z-index:99;}
.float-menu a{float:left;width:52px;height:50px;margin-bottom:6px;position:relative;}
.float-menu a.fm-m1 span,.float-menu a.fm-m2 span{background:#FDE701 url(../img/f-menu-ico.png) no-repeat;width:52px;height:50px;display:block;position:absolute;right:0px;top:0px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.float-menu a.fm-m2 span{background-position:0 -56px}
.fm-m1-box{width:52px;height:50px;background:#363636;position:absolute;right:-54px;top:0;-webkit-transition: all .2s linear;transition: all .2s linear;}
.fm-m1-box i{text-align:center;letter-spacing:3px;border-radius:3px;line-height:16px;font-size:14px;width:100%;color:#fff;float:left;padding-top:8px}
.float-menu a.fm-m1,.float-menu a.fm-m2{overflow:hidden;-webkit-transition: all .3s linear;transition: all .2s linear;}
.float-menu a.fm-m1:hover span,.float-menu a.fm-m2:hover span{right:54px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.float-menu a.fm-m1:hover .fm-m1-box,.float-menu a.fm-m2:hover .fm-m1-box{right:0px;-webkit-transition: all .2s linear;transition: all .2s linear;}
.float-menu a.fm-m3,.float-menu a.fm-m4,.float-menu a.fm-m5{background:#FDE701 url(../img/f-menu-ico.png) no-repeat;}
.float-menu a.fm-m3{background-position: 0px -111px;}
.float-menu a.fm-m4{background-position: 0px -168px;}
.float-menu a.fm-m5{background:#DDDDDD url(../img/f-menu-ico.png) 0px -225px no-repeat;display:none;}
.float-menu a.fm-m3 span{top:0;width:130px;left:-146px;position:absolute;background:#fff;text-align:center;border:1px solid #282828;color:#282828;border-radius:3px;font-size:14px;font-weight:700;height:48px}
.fm-m3-box,.fm-m4-box{position:absolute;background:#363636;height:50px;right:-3px;top:0px;border-radius: 3px;color:#ffffff;line-height:50px;font-size: 14px;display:none;width:56px;}
.fm-txt{height:33px;width:35px;position:absolute;right:3px;top:0;line-height:15px;padding:10px 6px 0px 0px;letter-spacing:3px;}
.float-menu a.fm-m3:hover .fm-m3-box,.float-menu a.fm-m4:hover .fm-m4-box{display:block;}
.fm-m4-box i.fm-txt{background:#363636; padding:8px 7px;letter-spacing: 3px;border-radius: 3px;text-align: center;font-size:14px;color:#fff;}
.fm-m4-box .fm-m4-ewm{width:104px;height:104px;position:absolute;top:50%;margin-top:-52px;left:-118px;border:1px solid #363636;border-radius: 3px;overflow: hidden;}
.fm-m4-box em,.fm-m3-box em{width:6px;height:24px;display:block;background:url(../img/fm-m4.png) no-repeat;position:absolute;    left: -6px;top: 13px;}
.float-menu a.fm-m5:hover{background:#CCCCCC url(../img/f-menu-ico.png) 0px -225px no-repeat;}

/********游戏列表********/
.top-game-box,.game-topOpen{position: absolute;top: 0;right: 0;width: 128px;height: 100px;}
.game-topOpen{background: #fde701;z-index: 98;overflow:hidden;cursor: pointer;display:block;color:#333;font-size:14px;text-align:center;}
.game-topOpen em{display:block;    margin-top: 36px;}
.game-topOpen i{position:relative;width:44px;height:30px;display:block;margin:0 auto;background-image:url(../img/topBar.png);top:30px;background-repeat:no-repeat;background-position:0 -3px}
.top-game-box:hover .game-topOpen em{display:none;}
.top-game-box:hover .game-topOpen{background:#fff;}
.top-game-box:hover .game-topOpen i{background-position:-43px 0;width:35px;height:36px;}
.top-game-box:hover .all-game-list{height:300px;}
.top-game-box .all-game-list{position:absolute;top:84px;left:-1131px;height:0px;overflow:hidden;background-color:#fff;z-index:98;width:1258px;border-right:1px solid #E7E7E7;border-left:1px solid #E7E7E7;border-bottom-left-radius:3px;border-bottom-right-radius:3px; -webkit-transition: all .4s;-mz-transition: all .4s;-moz-transition: all .4s;transition: all .4s;}
.ag-top{height:72px;width: 1198px;padding: 0 30px;border-bottom:1px solid #F5F5F5;border-top: 1px solid #F5F5F5;}
.ag-tit{height:20px;width:100%;position:relative;left:0px;top:30px;}
.ag-tit h3{font-size:18px;color:#333333;height:20px;line-height:20px;}
.ag-tit h3 em{float:left;background:#FDE701;width:5px;display:block;height:20px;border-radius:1px;margin-right:8px;}
.ag-tit p{position:absolute;right:0px;bottom:2px;width:148px;height:11px;line-height:11px;}
.ag-tit p span{font-size:12px;color:#888;width:65px;float:left;background-image:url(../img/topBar.png);background-repeat:no-repeat;height:11px;    text-indent: 15px;}
.ag-tit p span.ag-hot,.ag-box ul li em.icon-H{background-position: -79px -14px;}
.ag-tit p span.ag-new,.ag-box ul li em.icon-N{background-position:-79px 0px;}
.ag-tit p span.ag-new{margin-left: 18px;}
.ag-list{width:100%;padding-bottom:31px;}
.ag-list-txt{width:1250px;float:left;padding-left:10px;}
.ag-box{width:180px;padding-left:21px;margin-top:15px;}
.ag-box h3{float:left;width:100%;    height: 40px;line-height: 32px;color:#a0a0a0;font-size:14px;}
.ag-box ul{width:100%;float:left;}
.ag-box+.ag-box{border-left:1px solid #F5F5F5;}
.ag-list,.ag-box{height:195px;overflow: hidden;}
.ag-box.ag-box1{width:480px;}
.ag-box ul li{float:left;width:160px;line-height:30px;font-size:14px;height:30px;overflow:hidden;}
.ag-box ul li a{color:#333;-webkit-transition: all 0s;-mz-transition: all 0s;-moz-transition: all 0s;transition: all 0s;float: left;}
.ag-box ul li a:hover{font-weight:bold;-webkit-transition: all 0s;-mz-transition: all 0s;-moz-transition: all 0s;transition: all 0s;}
.ag-box ul li em{width: 11px;height: 11px;display: inline-block;margin:10px 0 0 5px;background-repeat: no-repeat;     float: left; background-image: url(../img/topBar.png);}

/*******已登录*********/
.dl-q{height:40px;line-height:40px;color:#454545;margin-right: 15px;}
.dl-q a{color: #b0b0b0;font-size:12px;margin:0 6px;float:right;}
.dl-q a:hover{color:#cecece;}
.dl-q em{float:right;}
.dl-q .us-name{padding-right:10px;padding-left:5px;}
.dl-q .dl-vip{height:20px;margin-top:10px;position:relative;margin-right: 8px;cursor: pointer;*width:52px;}
.dl-q .dl-vip:hover .dl-vip-box{display:block;}
.dl-q .dl-vip .dl-vip-num{    line-height: 20px;height: 20px;    text-align: center;}
.dl-q .dl-vip .dl-vip-num i{color: #d4b488;border: 1px solid #d4b488;font-size: 12px; border-radius: 11px;padding:0px 9px;}
.dl-q .dl-vip .dl-vip-num:hover{color: #d4b488;}
.dl-q .dl-vip.svip em.dl-vip-num i{color:#E85103;border:1px solid #E85103;}
.dl-vip-box{position: absolute;left: 50%;top: 17px;z-index: 9999;width: 202px;display: none;height: 123px; margin-left: -102px;}
.dl-vip-txt{width:160px;height:70px;background:#fff; border-radius: 4px;box-shadow: 0px 0px 9px -1px #aaa;padding:10px 20px 30px 20px;border: 1px solid #f2f2f2;border:1px solid #EEEEEE;}
.dl-vip-txt a{width:100%;text-align:center;float:left;color:#666;}
.dl-vip-txt p{width:100%;height:33px;border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;line-height:33px;color:#666;text-align:center;float:left;}
.dl-jt{width: 21px;position:relative;height:17px;display: block;background: url(../img/dl-jt.png) no-repeat;left:50%;margin-left:-10px;top:4px;z-index:99;}
.dl-vip-txt p i{color:#fe5600;}
.dl-msg{position: relative; width: 60px;height: 40px;float: right;padding-left:6px;}
.dl-msg a.dl-msg-num b{color:#fe5600;font-weight:normal;}
.dl-msg a.dl-msg-num{ width:54px;line-height:40px;height: 40px;display:block;}
.dl-msg:hover .dl-msg-box{display:block; z-index: 9999999;}
.dl-msg-box{width: 340px;position: absolute;left: 50%;top: 25px;margin-left: -170px;display:none;    z-index: 9999999;}
.dl-msg-list{background:#fff; border-radius: 4px;box-shadow: 0px 0px 9px -1px #aaa;padding:10px 20px;border:1px solid #EEEEEE;}
.dl-msg-list li{height: 108px;width: 276px;background: #F9F9F9;margin-top: 10px;border-radius: 3px; padding: 0px 10px;}
.myMessage{width:280px;height:62px;    margin: 0 auto;padding-top: 12px;    overflow: hidden;}
.myMessage img{float:left;height:62px;width:62px;    margin-right: 10px;}
.myMessage span{float: left;height: 24px;line-height: 24px;width: 208px;}
.myMessage span b{float:left;}
.myMessage span i{float:right;color:#888;padding-right: 6px;}
.myMessage p{float: left;width: 208px;line-height:20px;color:#666;}
.myMessage-xq{text-align:right;width:100%;    line-height: 28px;}
.myMessage-xq a{color:#fe5600;}
.myMessage-xq a:hover{text-decoration:underline;color:#fe5600;}
.myMessage-all{width:100%;text-align:center;}
.myMessage-all a{color:#888;}
.myMessage-all a:hover{color:#333;}

@-webkit-keyframes flash{
	0%,100%{opacity:1;filter:alpha(opacity=100)}
	50%{opacity:.8;filter:alpha(opacity=80)}
}
@-moz-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
	50%{opacity:.8;filter:alpha(opacity=80)}
}
@-o-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
	50%{opacity:.8;filter:alpha(opacity=80)}
}
@-ms-keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
	50%{opacity:.8;filter:alpha(opacity=80)}
}
@keyframes flash{0%,100%{opacity:1;filter:alpha(opacity=100)}
	50%{opacity:.8;filter:alpha(opacity=80)}
}
/******分页******/
.paging{height:36px;width:100%;text-align:center;line-height:36px;padding:35px 0px 15px 0px;}
.paging a{background: #F4F5F4;margin: 0 3px; color: #2e2e2e;font-size: 14px;padding: 8px 14px;border-radius: 3px;}
.paging a:hover,.paging a.on{background:#FFE400;}


/*.hd-logo{width: 605px;background: url(../img/sd.gif) no-repeat;position: absolute;top: 0;left: -360px;}
.hd-logo a{float: right;margin-right: 44px;}*/