html,body{background:#f2f2f2;}
a:hover{text-decoration: none;}
#head .headbar-box .fn-clear.hidden-btn li.fn-btn{display: none;}
.headbar-bg{height:70px;}
.gameList,.gameInfo{width:98%;max-width:1180px;margin:10px auto;}
.fullSlide{overflow:hidden; position:relative;width: 100%;margin:0 auto;max-width:1180px;margin:10px auto;}
.fullSlide .bd{margin:0 auto;width:100%;}
.fullSlide .bd ul{width:100% !important;margin:0 auto;}
.fullSlide .bd ul li{width:100% !important;max-height:426px;}
.fullSlide .bd ul li img{display: block;height:auto;width:100%;}
.fullSlide .hd{display:none;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.fullSlide a.fullSlide-btn{display:block;width:auto;height:86px;cursor: pointer;opacity:0.5;position: absolute;top:50%;margin-top:-43px;}
.fullSlide a.fullSlide-btn img{display: block;width:100%;height:100%;}
.fullSlide a.prev {left:0;}
.fullSlide a.next {right:0;}
.fullSlide .fullSlide-btn:hover{opacity: 1;}

.form{overflow: hidden;width:100%;height:40px; line-height:40px; color:#999;font-size:14px;margin:15px 0px;}
.form input.search-left{background:#fff;padding:0px 10px; height:100%;border:none;width:calc(100% - 110px);float: left;border-radius: 5px;}
.form input.search-right{display: block;float:right;height:100%; width:80px;border:none;background:#111;color:#ffe401;border-radius: 5px;}

.tabsBox-heading ul{overflow: hidden;width:100%;margin-bottom:20px;}
.tabsBox-heading ul li{float:left;margin:5px;}
.tabsBox-heading ul li a{display: block;font-size:14px;color:#333;border:1px solid #ffe401;padding:3px 15px;border-radius:24px;}
.tabsBox-heading ul li.active a,.tabsBox-heading ul li:hover a,.tabsBox-heading .nav-tabs > li.active > a, .tabsBox-heading .nav-tabs > li.active > a:hover,.tabsBox-heading .nav-tabs > li.active > a:focus{background:#ffe401;color:#333;font-weight:normal;}

.tabLi{overflow: hidden;padding:15px;margin-bottom:15px;background:#fff;position:relative;}
.tabLi .tabLi-icon{float: left;width:20%;overflow:hidden;max-width:170px;}
.tabLi .tabLi-icon img{display: block;width:100%;height:auto;}
.tabLi .tabLi-info{float: left;width:calc(80% - 120px);max-width:560px;overflow: hidden;margin-left:10px;text-align:left;}
.tabLi-info h5 a{display: block;color:#333;padding:10px 5px;font-size:16px;text-align:left;font-weight:bold;}
.tabLi-info p{max-height:60px;line-height:20px;font-size:12px;color:#888;overflow:hidden;padding:0px 5px;}
.tabLi-tags{overflow: hidden;margin-top:5px;}
.tabLi-tags span{display:block;float: left;margin:5px;padding:0px 5px;height:22px;line-height:22px;color:#fff;font-size:12px;border-radius: 5px;}
.tabLi-tags span img{display: inline-block;float:left;height:14px;width:auto;margin-top:3px;margin-right:2px;}
.tabLi-tags span.tags-b{background:#5a9cff;}
.tabLi-tags span.tags-g{background:#3fb3cb;}
.tabLi-tags span.tags-w{background:#efbe00;}
.tabLi-tags span.tags-r{background:#f87474;}
.tabLi-btn,.game-operate,.gameVerb-btn{position:absolute;right:15px;width:100px;text-align: center;top:50%;margin-top:-18px;}
.tabLi-btn a,.game-operate a,.gameVerb-btn a{display: block;height:36px;line-height:36px;color:#111;background:#ffe401;border-radius:20px;font-size:14px;}
.tabsBox-page{text-align: center;}
.tabsBox-page ul{margin:10px 0px;}
.tabsBox-page ul li{display: inline-block;}
.tabsBox-page ul li a{font-size:12px;color:#888;background:#dcdcdc;border-color:#ddd;
  float: none;}
.tabsBox-page ul li a:hover,.tabsBox-page ul li.active a,.tabsBox-page ul li.active a:hover,.tabsBox-page ul li a:focus,.tabsBox-page ul li li.active a:focus{background:#5873fe;border-color:#5873fe;}

.soso-alert,.tabLi-alert{background:#fff;padding:10px;margin:10px 0px;font-size:14px;color:#333;border-radius: 5px;}
.soso-alert span,.tabLi-alert span{color:#ffe401;display:inline-block;padding:0px 5px;}



.detail-live{font-size:14px;color:#757575;padding-bottom:10px;}
/*detail-main css*/
.detail-main{overflow: hidden;}
.detail-left{max-width:780px;width:66%;}
.detail-right{width:calc(34% - 20px);margin-left:20px;max-width:380px;}
.detail-title{overflow: hidden;position:relative;padding:15px;background:#fff;border-radius: 5px 5px 0px 0px;}
.detail-title-icon{float: left;width:21%;max-width:170px;}
.detail-title-icon img{display:inline-block;width:100%;height:auto;margin:0 auto;}
.detail-title-info{float:left;margin-left:10px;width:calc(79% - 120px);}
.detail-title-name{overflow: hidden;height:50px;}
.detail-title .downNum{float:left;width:120px;padding:10px;background:url("./images/hot.png") center no-repeat;background-size:100% auto;height:50px;line-height:45px;text-align: center;overflow: hidden;color:#fff;font-size:12px;}
.detail-title-info h5{font-size:18px;font-weight:bold;color:#333;overflow: hidden;padding-left:5px;float:left;margin-right:10px;line-height:65px;height:50px;}
.detail-title-info p{font-size:12px;color:#757575;height:20px;line-height:20px;margin-top:10px;}
.detail-title-info p span{display: inline-block;padding:0px 5px;}
.detail-right .gdr-box{margin-bottom:20px;}
.detail-right .gdr-box .part-title{margin:10px 0px;padding:0px;}
.gdr-box .part-title h4{display: inline-block;font-size:16px;font-weight:bold;background:url("./images/hr2.png") bottom no-repeat;color:#333;}
/* .gift-detail-tab css */
.game-detail-tab{width: 100%;overflow: hidden;}
.game-detail-tab .tab-hd ul {overflow: hidden;background:#fff;border-top:1px solid #e1e1e1;border-radius: 0px 0px 5px 5px;font-size:16px;color:#3b3f46;}
.game-detail-tab .tab-hd li{ float: left;width:20%;text-align:center;border-radius: 0px 0px 5px 5px;overflow: hidden;}
.game-detail-tab .nav-tabs > li > a{display: block;padding:10px 0px;cursor: pointer;border:none;background:none;color:#333;}
.tab-hd .nav-tabs > li.active > a,.tab-hd .nav-tabs > li.active > a:hover,.tab-hd .nav-tabs > li.active > a:focus{border:none; border-bottom:5px solid #ffe401;font-weight:bold;background:none;color:#333;}
.game-detail-tab .tab-bd-box{margin-top:15px;background:#fff;padding:20px 15px;color:#333;font-size:16px;box-sizing: border-box;border-radius: 5px;min-height:600px;}
.game-detail-tab .tab-bd-box div.tab-bd{ overflow:hidden; zoom:1; }

.tab-bd .part-title h4{font-size:16px;font-weight:bold;background:url("./images/hr1.png") left center no-repeat;padding:15px 5px;}
.gdt-text-info{font-size:14px;color:#333;line-height:24px;padding:5px 15px;}
.gdt-text-info h5.gdt-text-hh{text-align: center;margin-bottom:10px;font-size:16px;font-weight: bold;}
.gdt-text-default{max-height:72px;overflow: hidden;}
.gdt-text-btn{text-align: right;}
.gdt-text-btn a{cursor: pointer;font-size:12px;color:#2874f0;display:inline-block;padding:5px 20px 5px 5px;}
.gdt-text-open{background:url("./images/ico-down.png") right center no-repeat;background-size:14px auto;}
.gdt-text-close{background:url("./images/ico-up.png") right center no-repeat;background-size:14px auto;}
.gdt-text-info .gdt-text-close,.gdt-text-info.showAll .gdt-text-open{display: none;}
.gdt-text-info.showAll .gdt-text-default{max-height:none !important;}
.gdt-text-info.showAll .gdt-text-close{display: inline-block;}
.gdt-picScroll{ width:100%;overflow:hidden;position:relative;margin-top:1rem;}
.gdt-picScroll .gdt-hd{display: none;}
.gdt-picScroll a.gdt-picScroll-btn{ display:block;width:42px;height:86px;position: absolute;cursor:pointer;top:50%;margin-top:-43px;z-index:9;background:url(./images/g-prev.png) no-repeat;background-size:100% 100%;}
.gdt-picScroll a.gdt-picScroll-btn.gdt-picScroll-next{right:0px;background:url(./images/g-next.png) no-repeat;background-size:100% 100%;}
.gdt-picScroll .gdt-bd{padding:0px;}
.gdt-picScroll .gdt-bd ul{ overflow:hidden; zoom:1; }
.gdt-picScroll .gdt-bd ul li{width:33.33%;margin-right:1rem; float:left; _display:inline; overflow:hidden; text-align:center;  }
.gdt-picScroll .gdt-bd ul li img{ width:100%; height:auto; display:block; }
/* 礼包 */
.gift-list{margin:-5px;overflow: hidden;}
.gift-list dl{float:left;width:calc(50% - 10px);margin:5px;padding:15px;background:#faf9ee;overflow: hidden;}
.gift-list dl dt{overflow: hidden;font-weight:normal;font-size:12px;}
.gift-list dl dt .gift-icon{width:80px;float: left;overflow: hidden;}
.gift-list dl dt .gift-icon img{display: block;width:100%;height:auto;}
.gift-list dl dt .gift-info{float: right;width:calc(100% - 90px);overflow: hidden;}
.gift-info h5{font-size:14px;font-weight: bold;height:20px;line-height:20px;padding:0px 5px;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.gift-progress{overflow:hidden;height:34px;line-height:34px;}
.gift-progress .progress{width:calc(100% - 60px);float: left;height:8px;border-radius: 5px;background:#e0e0e0;max-width:100px;margin-top:13px;}
.gift-progress .progress-bar {line-height: 20px;background-color:#ffe401;}
.gift-progress .progress-span{float:left;width:55px;overflow: hidden;margin-left:5px;color:#666;}
.gift-info .gift-content-text{height:20px;line-height:20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color:#888;width:100%;}
.gift-btn{text-align: center;margin-top:10px;}
.gift-btn a{display:inline-block;padding:5px 15px;font-size:12px;color:#333;background:#ffe401;}
/* 新服 */
.gdt-server-list dl{padding:10px 0px;border-bottom:1px solid #e1e1e1;overflow:hidden;height:60px;}
.gdt-server-list dl dd{display:block;float: left;color:#888;font-size:12px;height:40px;line-height:40px;}
.gdt-server-list dl dd.gdt-server-time{width:120px;padding-left:22px;background:url("./images/clock.png") left center no-repeat;background-size:14px auto;}
.gdt-server-list dl dd.gdt-server-name{width:calc(100% - 160px);text-align: center;}
.gdt-server-list dl dd.gdt-server-name span{display: inline-block;border:1px solid #e1e1e1;width:120px;border-radius:30px;height:32px;line-height:32px;overflow: hidden;}
.gdt-server-list dl dd.gdt-server-status{width:40px;overflow: hidden;text-align: right;}
.gdt-server-list dl:hover dd.gdt-server-time{background:url("./images/clock-on.png") left center no-repeat;background-size:14px auto;}
.gdt-server-list dl:hover dd.gdt-server-name span{border:1px solid #2f89f8;}
/* VIP表 */
.game-vip-list{overflow: hidden;}
.game-vip-list dl{width:16.6666%;float: left;text-align: center;overflow: hidden;border:1px solid #fffbe1;border-left:none;}
.game-vip-list dl dt,.game-vip-list dl dd{height:50px;line-height:50px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333;background:#ffdc00;}
.game-vip-list dl dd{color:#ffdc00;background:#333;}
/* 活动 */
.article-active ul{overflow: hidden;width:100%;padding:10px 0px;}
.article-active ul li{width:calc(50% - 20px);margin:10px;float: left;overflow: hidden;cursor: pointer;background:#fff;box-shadow: 0 0 10px 2px #ddd;}
.article-active ul li .imgBox-face-img{height:194px;overflow:hidden;}
.article-active ul li .imgBox-face-img img{display: block;height:auto;width:100%;margin:auto;}
.imgBox-info{padding:0.5rem 1rem;overflow: hidden;}
.imgBox-info h4 a{display: block;font-size:16px;color:#333;height:20px;line-height:20px;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;}
.imgBox-info p{font-size:12px;color:#999;height:20px;line-height:20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;}
.article-active ul li:hover{box-shadow: 0 0 10px 1px #f9f1ab;}
.article-active ul li:hover img{animation:imgscale 1s infinite alternate; -webkit-animation:imgscale 1s infinite alternate ; -moz-animation:imgscale 1s infinite alternate ; -o-animation:imgscale 1s infinite alternate ; -ms-animation:imgscale 1s infinite alternate ; }
.imgBox-face a:hover{color:#ffe401;}


.gdt-active ul li{padding:5px 0px;border-bottom:1px solid #e1e1e1;font-size:14px;color:#fff;height:47px;overflow: hidden;}
.gdt-active ul li span.gdt-active-tags{display: inline-block;width:100px;text-align: center;height:36px;line-height:36px;border-radius:36px;background:#c3c3c3;float:left;}
.gdt-active ul li a{display:block;width:calc(100% - 110px);height:36px;line-height:36px;float: right;text-align: left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:60px;position:relative;color:#c3c3c3;}
.gdt-active ul li a span.gdt-active-href{display: block;position: absolute;right:0px;bottom:0px;}
.gdt-active ul li:hover span.gdt-active-tags{background:#2f89f8;}
.gdt-active ul li:hover a,.gdt-server-list dl:hover dd{color:#2f89f8;}





.app-box{padding:15px;background:#fff;border-radius: 5px;overflow: hidden;}
.app-ewm{float: left;width:90px;height:90px;margin-right:15px;}
.app-ewm img{display: block;width:100%;height: auto;}
.app-plain{float:left;}
.app-plain img{display: block;height:100%;width:auto;}
.app-plain h5{height:20px;overflow:hidden;margin:10px 0px;}
.app-plain a{display: block;height:40px;overflow: hidden;}
.list-gameVerb{background:#fff;padding:10px 0px;border-radius: 5px;}
.list-gameVerb li{overflow: hidden;padding:15px;border-top:1px solid #e1e1e1;position: relative;}
.list-gameVerb li:first-child{border:none;}
.list-gameVerb li .gameVerb-icon{float: left;width:70px;height:70px;overflow: hidden;}
.list-gameVerb li .gameVerb-icon img{display: block;width:100%;height:auto;}
.list-gameVerb .gameVerb-info{width:calc(100% - 7.2rem);padding:0px 5px;overflow: hidden;}
.list-gameVerb .gameVerb-info h5 a{display: block;width:100%;height:30px;line-height:30px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:14px;text-align:left;font-weight: bold;}
.list-gameVerb .gameVerb-info p{font-size:12px;color:#666;height:20px;line-height:20px;overflow:hidden;}
.list-gameVerb .gameVerb-info p span{display: inline-block;padding:0px 5px;}
.list-gameVerb .gameVerb-btn{right:15px;width:64px;margin-top:-15px;}
.list-gameVerb .gameVerb-btn a{font-size:12px;height:30px;line-height:30px;}

.ewmAlert{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;top:0px;display:none;}
.ewmBox{width:96%;max-width:275px;background:#fff;margin:auto;box-sizing:border-box;padding:20px;position:relative;height:350px;top:50%;margin-top:-170px;border-radius:10px;}
.ewmBox div.close-btn{position: absolute;width:16px;top:20px;right:20px;background:url("./images/rclose.png") no-repeat;height:16px;background-size:100% 100%;cursor: pointer;}
.ewmBox div.ewm-hh{width:190px;margin:auto;margin-top:30px;}
.ewmBox a{display: block;width:140px;margin:auto;}
.ewmBox div.ewm-box-img{padding:15px;width:190px;margin:auto;overflow: hidden;}
.ewmBox img{display: block;width:100%;height:auto;}

/* articles-content-main */
.articles-content-main{padding:15px;background:#fff;color:#333;border-radius: 5px;}
.acm-title{font-size:16px;height:30px;line-height:30px;overflow: hidden;}
.acm-span{padding:5px 0px;}
.acm-span span{display: inline-block;padding:3px 10px;font-size:12px;color:#999;}
.acm-content p{font-size:14px;line-height:24px;}
.acm-content img{display:block;max-width:100%;}



@keyframes imgscale{from {transform:scale(1);}to {transform:scale(1.1);}}
@-moz-keyframes imgscale /* Firefox */{from {transform:scale(1);}to {transform:scale(1.1);}}
@-webkit-keyframes imgscale /* Safari 和 Chrome */{from {transform:scale(1);}to {transform:scale(1.1);}}
@-o-keyframes imgscale /* Opera */{from {transform:scale(1);}to {transform:scale(1.1);}}


@media screen and (max-width:1180px){
  .headbar-box{width:100% !important;}
  .headbar-box h1{display: none;}
  .headbar-box .fn-clear{float: none;width:100%;margin:0px;}
  #head .headbar-box .fn-clear li{width:20%;padding:5px 0px;float: left;text-align:center;margin:0px;}
  #head .headbar-box .fn-clear.hidden-btn li{width:25%;}
  .headbar-bg{height:66px;}
}

@media screen and (max-width:756px){
  #head .headbar-box .fn-clear li a{padding:0 15px;font-size:14px;height:30px;
    line-height:30px;}
  .headbar-bg{height:60px;}
  .hidden-xs{display: none;}
  .detail-left,.detail-right{float: none;width:100%;}
  .article-active ul li .imgBox-face-img{height:120px;}
}
@media screen and (max-width:520px){
  .tabLi-btn{left:15px;bottom:15px;top:auto;right:auto;margin:0px;}
  .tabLi .tabLi-info{width:calc(100% - 110px)}
  .tabLi .tabLi-icon{width:100px;}
  #head .headbar-box .fn-clear li a{display: block;padding:0px;font-size:14px;height:30px;
    line-height:30px;}
  .gdt-picScroll .gdt-bd ul li{margin-right:8px;}
  .gift-list dl{padding:10px;}
  .gift-list dl dt .gift-icon{float: none;margin:auto;}
  .gift-list dl dt .gift-info{width:100%;float: none;}
  .gift-list dl dt .gift-info h5{text-align: center;}
  .gift-progress{height:20px;line-height:20px;}
  .gift-progress .progress{margin-top:6px;}
}

@media screen and (max-width:420px){
  #head .headbar-box .fn-clear li a{font-size:12px;}
  .detail-title{padding:10px;}
  .detail-title-icon{width:80px;}
  .detail-title-info{width:calc(100% - 90px);}
  .game-operate{left:10px;bottom:10px;top:auto;margin-top:0px;right:auto;width:80px;}
  .game-operate a{height:28px;line-height:28px;}
  .game-detail-tab .tab-bd-box{padding:10px;}
  .article-active ul li .imgBox-face-img{height:74px;}
  .article-active ul li{width:calc(50% - 10px);margin:5px;}
  .imgBox-info{padding:0.5rem;}
  .gdt-picScroll a.gdt-picScroll-btn{width:30px;height:62px;margin-top:-31px;}
  .game-vip-list dl{width:25%;}
}