/*
 * @Descripttion: 
 * @version: 
 * @Author: 派大星
 * @Date: 2020-09-12 08:55:58
 * @LastEditTime: 2021-01-12 09:08:52
 */
/* -----------------------------------------------------------------------通用初始化样式----------------------------------------------------------------------- */
@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,address,big,em,img,q,small,strike,strong,sub,sup,tt,var,i,dl,dt,dd,ol,ul,li,form,fieldset,label,table,caption,tbody,thead,tfoot,tr,th,td,article,aside,canvas,details,figure,figcaption,header,footer,hgroup,menu,nav,output,section,time,mark,audio,video,input,select,button {margin: 0;padding: 0;border: 0;font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size: 14px;color: #1a1a1a;}
* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
/*去除默认样式*/
ul,ol,li {list-style: none;}
/*表格边框合并，边框距零*/
table {border-collapse: collapse;border-spacing: 0;}
/*继承父元素的字体系列样式*/
input,select,textarea,button {font-family: inherit;}
/*去除点击高亮效果*/
a,button,input,select,img,label {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;outline: medium none;}
input::-moz-focus-inner {border: none;padding: 0;}
select,input {vertical-align: middle;}
/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"],input[type="reset"],input[type="button"],button,select {-webkit-appearance: none;}
/*placeholder文本颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #ccc;}
input:-moz-placeholder,textarea:-moz-placeholder {color: #ccc;}
/*html5标签*/
header,footer,section,article,aside,nav,figure {  display: block;}
/*长英文字母 数字 换行*/
p { word-break: break-all;word-wrap: break-word;}
/*去除默认样式*/
h1,h2,h3,h4,h5,h6,strong,i,em,address,caption,cite,code,dfn,th,var { font-weight: normal; font-style: normal;}
fieldset,img { border: none;  display: block;}
/*去除长按a链接弹框*/
html,body { -webkit-touch-callout: none; }

/*浮动*/
.fl { float: left;}
.fr { float: right;}

/*清除浮动*/
.ft { zoom: 1;}
.ft:after { content: ""; display: table; clear: both; overflow: hidden;}

/* 字体超出不显示 */
.txtn{max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;}

/*字体换行超出不显示*/
.txtbn{overflow : hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

/* 文字居中 */
.tac {text-align: center;}

/* 加粗 */
.fwb{font-weight: bold;}

.dspb {display: block;}
.hide {display: none;}
.position-r { position: relative;}
.p-on{pointer-events: none;}
.ofh{overflow: hidden;}

/* 图片最宽不超过父级 */
.img-resp { display: block;  max-width: 100%;  width: 100%;}

/* 图片鼠标放上透明度 */
/* .img-resp:hover{opacity:.9;} */

/* 图片放大效果 */
.setAmp{width: 100%;height: 100%;object-fit: cover;-webkit-transition: all 0.5s;transition: all 0.5s;}
.setAmp:hover{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}

/* 广告 */
.advsms{position: relative;width: 100%;height: 100%;display: flex;overflow: hidden;}
.advsms::before{content: "广告";position: absolute;right: 0px;top: 0;color: #e5e5e5;font-size: 12px;width: 41px;text-align: center;height: 22px;line-height: 22px;background-color: rgb(0 0 0 / 44%);display: block;z-index: 1;}

/*a链接*/
a {text-decoration: none;color: #000000;}
a:hover,a:hover>i{color:#fe480f;transition: all 200ms linear 0s;}

/* 字体 */
.ui-fzi12{font-size: 12px;}
.ui-fzi13{font-size: 13px;}
.ui-fzi14{font-size: 14px;}
.ui-fzi15{font-size: 15px;}
.ui-fzi16{font-size: 16px;}
.ui-fzi18{font-size: 18px;}
.ui-fzi20{font-size: 20px;}
.ui-fzi22{font-size: 22px;}
.ui-fzi24{font-size: 24px;}
.ui-fzi26{font-size: 26px;}
.ui-fzi28{font-size: 28px;}
.ui-fzi30{font-size: 30px;}
.ui-fzi40{font-size: 40px;}

/* 字体颜色 */
.ui-txti999{color:#999999;}
.ui-txtifff{color:#ffffff;}
.ui-txti666{color:#666666;}
.ui-txticcc{color:#cccccc;}
.ui-txtife4{color:#fe480f;}
.ui-txtib2b{color:#b2b2b2;}
.ui-txti4c4{color:#4c4c4c;}
.ui-txti1a1{color:#1a1a1a;}
.ui-txtif7f{color:#f7f7f7;}
.ui-txtiff3{color:#ff3c00;}
.ui-txti333{color:#333333;}
.ui-txtiffe{color:#ffee79;}
.ui-txtia8a,.icon-diannao{color:#a8a8a8;}
.ui-txti0ab,.icon-pingguo{color:#0ab4f3;}
.ui-txti81b,.icon-anzhuo{color:#81b900;}
.ui-txti2e2{color:#2e2e2e;}


/* 背景色 */
.ui-bgifff{background-color:#ffffff;}
.ui-bgif7f{background-color:#f7f7f7;}
.ui-bgif55{background-color:#f5f5f5;}
.ui-bgiff3{background-color:#ff3c00;}
.ui-bgi000{background-color:#000000;}
.ui-bgiffb{background-color:#fffbfa;}
.ui-bgifaf{background-color:#fafafa;}
.ui-bgi333{background-color:#333333;}
.ui-bgi353{background-color:#353535;}
.ui-bgi858{background-color:#858585;}
.ui-bgiffc{background-color:#ffcc00;}
.ui-bgifc0{background-color:#ffc000;}
.ui-bgi434{background-color:#434343;}
.ui-bgi81b,.icon-anzhuo-btn{background-color:#81b900;}
.ui-bgi0ab,.icon-pingguo-btn{background-color:#0ab4f3;}
.ui-bgi808,.icon-diannao-btn{background-color:#808080;}
.ui-bgif5f{background-color:#fff5f2;}
.ui-bgi1a1{background-color:#1a1a1a;}

.ui-bgi437{background-color:rgba(41, 41, 41, 0.377);}
.ui-bgi414{background-color:rgba(0,0,0,.8);}
.ui-bgi255{background-color:rgba(255, 255, 255, 0.6);}
.ui-bgicon{background:url(/themes/default/images/icon-back.png);}
.ui-bgjffa{background-image: linear-gradient(to right, #ffac39, #ff8c37);}
.ui-bgj7ca{background-image: linear-gradient(to right, #7cafff, #3585fb);}


/* 实线 */
.b-bp{border-top: 1px solid #f0f0f0;}
.b-bt{border-bottom: 1px solid #f0f0f0;}
.b-b6{border-bottom: 1px solid #666666;}
.b-lf{border-left: 1px solid #f0f0f0;}
.b-l4{border-left: 1px solid rgba(100, 100, 100, 0.8);}
.b-l::before{content: "";height: 22px; border-left: 6px solid #ff3c00;border-radius: 3px;overflow: hidden;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.b-x{padding-left: 14.5px;}
.b-x::before{content: "";height: 18px; border-left: 5px solid #ff3c00;border-radius: 5px;overflow: hidden;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.b-bs{border: 1px solid #ff3c00;}
.b-be{border: 1px solid #ebebeb;}
.b-0a{border: 1px solid #0ab4f3;}
/* 虚线 */
.b-bd{border-bottom: 1px dashed #f0f0f0;}

/* 形状 */
.x-s{position: relative;}
.x-s:before{content: "";width: 6px;height: 6px;background: #4c4c4c;display: inline-block;position: absolute;left: 0;top: 50%;transform:rotate(45deg) translateY(-50%);}

/* 按钮 */
.btu,.btu i{color: #ffffff !important;}
.btu0a{color: #0ab4f3 !important;}

/* // 点赞效果 */
.praise-on,.praise-on i{color: #ff3c00 !important;}

/* 内间距 */
.boxtxt-but{padding: 6px 12px;}
.boxtxt-sut{padding: 2px 6px;}
.boxtxt-xut{padding: 3px 8px;}
.boxtxt-put{padding: 8px 14px;}
.boxtxt-qut{padding: 8px 11px;}
.boxtxt-aut{padding: 25px 20px;}
.boxtxt-dut{padding: 10px 25px;}
.boxtxt-zut{padding: 20px;}
.pdinh{padding: initial !important;}
.pdt5{padding-top:5px;}
.pdt60{padding-top:60px;}
.pdt10{padding-top:10px;}
.pdt12{padding-top:12px;}
.pdt16{padding-top:16px;}
.pdt18{padding-top:18px;}
.pdt20{padding-top:20px;}
.pdt22{padding-top:22px;}
.pdt23{padding-top:23px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt32{padding-top:32px;}
.pdl20{padding-left:20px;}
.pdl60{padding-left:60px;}
.pdb5{padding-bottom:5px;}
.pdb12{padding-bottom:12px;}
.pdb13{padding-bottom:13px;}
.pdb17{padding-bottom:17px;}
.pdb18{padding-bottom:18px;}
.pdb20{padding-bottom:20px;}
.pdb22{padding-bottom:22px;}
.pdb28{padding-bottom:28px;}
.pdb24{padding-bottom:24px;}
.pdb25{padding-bottom:25px;}
.pdb34{padding-bottom:34px;}
.pd8{padding:8px 0;}
.pd9{padding:9px 0;}
.pd11{padding:11px 0;}
.pd16{padding:16px 0;}
.pd17{padding:17px 0;}
.pd18{padding:18px 0;}
.pd20{padding:20px 0;}
.pd25{padding:25px 0;}
.pd26{padding:26px 0;}
.pd30{padding:30px 0;}
.pdx14{padding:0px 14px;}
.pdx20{padding:0px 20px;}
.pdx25{padding:0px 25px;}

/* 外边距 */
.mg8{margin: 8px 0;}
.mg12{margin: 12px 0;}
.mg14{margin: 14px 0;}
.mg16{margin: 16px 0;}
.mg18{margin: 18px 0;}
.mg20{margin: 20px 0;}
.mg21{margin: 21px 0;}
.mg26{margin: 26px 0;}
.mg30{margin: 30px 0;}
.mgb8{margin-bottom: 8px;}
.mgb9{margin-bottom: 9px;}
.mgb10{margin-bottom: 10px;}
.mgb12{margin-bottom: 12px;}
.mgb14{margin-bottom: 14px;}
.mgb16{margin-bottom: 16px;}
.mgb18{margin-bottom: 18px;}
.mgb22{margin-bottom: 22px;}
.mgb26{margin-bottom: 26px;}
.mgb30{margin-bottom: 30px;}

.mgr3{margin-right: 3px;}
.mgr8{margin-right: 8px;}
.mgr12{margin-right: 12px;}
.mgr16{margin-right: 16px;}
.mgr20{margin-right: 20px;}
.mgr22{margin-right: 22px;}
.mgr24{margin-right: 24px;}
.mgr25{margin-right: 25px;}
.mgr30{margin-right: 30px;}
.mgr36{margin-right: 36px;}
.mgr48{margin-right: 48px;}
.mgr105{margin-right: 105px;}
.mgl2{margin-left: 2px;}
.mgl10{margin-left: 10px;}
.mgl20{margin-left: 20px;}
.mgl24{margin-left: 24px;}
.mgt5{margin-top: 5px;}
.mgt12{margin-top: 12px;}
.mgt18{margin-top: 18px;}
.mgt20{margin-top: 20px;}
.mgt26{margin-top: 26px;}
.mgt32{margin-top: 32px;}
.mgt35{margin-top: 35px;}
.mgt60{margin-top: 60px;}


/* 游戏图片大小 */
.img54{width: 54px;height: 54px;}
.img86{width: 86px;height: 86px;}
.img62{width: 62px;height: 62px;}
.img77{width: 77px;height: 77px;}
.img72{width: 72px;height: 72px;}
.img90{width: 90px;height: 90px;}
.img91{width: 91px;height: 91px;}
.img94{width: 94px;height: 94px;}
.img103{width: 103px;height: 103px;}
.img108{width: 108px;height: 108px;}
.img118{width: 118px;height: 118px;}
.img119{width: 119px;height: 119px;}
.img127{width: 127px;height: 127px;}
.img136{width: 136px;height: 136px;}
.img142{width: 142px;height: 142px;}
.img137{width: 137px;height: 137px;}

/* 广告图大小 */

.advimg1{width: 280px;height: 160px;}
.advimg2{width: 280px;height: 157px;}
.advimg3{width: 1100px;height: 100px;}
.advimg4{width: 268px;height: 157px;}
.advimg5{width: 283px;height: 160px;}
.advimg6{width: 235px;height: 132px;}
.advimg7{width: 170px;height: 96px;}
.advimg8{width: 368px;height: 249px;}
.advimg9{width: 116px;height: 78px;}
.advimg10{width: 262px;height: 148px;}
.advimg11{width: 262px;height: 120px;}
.advimg12{width: 254px;height: 320px;}
.advimg13{width: 370px;height: 250px;}
.advimg14{width: 160px;height: 90px;}
.advimg15{width: 248px;height: 120px;}
.advimg16{width: 194px;height: 76px;}
.advimg17{width: 194px;height: 325px;}
.advimg18{width: 198px;height: 128px;}
.advimg19{width: 455px;height: 256px;}
.advimg20{width: 530px;height: 313px;}
.advimg21{width: 258px;height: 145px;}
.advimg22{width: 278px;height: 120px;}

/* 圆角 */
.br2{border-radius: 2px;}
.br3{border-radius: 3px;}
.br6{border-radius: 6px;}
.br12{border-radius: 12px;}
.br16{border-radius: 16px;}
.br20{border-radius: 20px;}
.br50{border-radius: 50%;}

/* 盒子类型 -flex平分间距*/
.index-box{display: flex;justify-content: space-between;}
.mla{margin-left: auto;}
.mra{margin-right: auto;}


/* 盒子宽度 */
.index248{width: 248px;}
.index268{width: 268px;}
.index262{width: 262px;}
.index278{width: 278px;}
.index280{width: 280px;}
.index318{width: 318px;}
.index312{width: 312px;}
.index316{width: 316px;}
.index318{width: 318px;}
.index346{width: 346px;}
.index350{width: 350px;}
.index358{width: 358px;}
.index368{width: 368px;}
.index376{width: 376px;}
.index384{width: 384px;}
.index390{width: 390px;}
.index482{width: 482px;}
.index690{width: 690px;}
.index742{width: 742px;}
.index752{width: 752px;}
.index744{width: 744px;}
.index784{width: 784px;}
.index-mboxl{width: 266px;}
.index-mboxc{width: 482px;}

/* 星宽度 */
.icon1{width: 8px !important;}
.icon2{width: 16px !important;}
.icon3{width: 24px !important;}
.icon4{width: 32px !important;}
.icon5{width: 40px !important;}

/* 标题 */
.uk-title{align-items: center;}
.uk-title a{display: flex;align-items: center;}
.uk-title a i{font-size: 14px;vertical-align: middle;margin-left: 3px;}
.uk-title a.on{color: #ff3c00;}
.uk-title a.on i{color: #ff3c00;display: inline-block;transform: rotate(180deg);transition: all 0.5s;}
.uk-titlel{flex: 1; display: flex;align-content: center;position: relative;padding-left: 12px;}
.uk-titlel .uk-titlel-span{width: 0px;height: 0px;overflow: hidden;display: inline-block;font-size: 22px;}
.index-downlist-title {height: 60px;display: flex;align-items: center}
.index-downlist-title .index-downlist-titleul {position: relative;display: inline-block;height: 60px;line-height: 60px}
.index-downlist-title .index-downlist-titleul a {font-size: 14px}
.index-downlist-title .index-downlist-titleul a i {font-size: 12px;display: inline-block}
.index-downlist-title .index-downlist-titleul>ul {width: 0;height: 0;overflow: hidden;position: absolute;top: 50px;left: -13px;text-align: center;transition: height .5s;box-shadow: 0 0 8px 1px #f5f5f5;padding: 6px 0}
.index-downlist-title .index-downlist-titleul>ul li {line-height: 42px}
.index-downlist-title .index-downlist-titleul>ul li:hover {background-color: #fff6f6}
.index-downlist-title .index-downlist-titleul>ul li:hover a {color: #ff3c00}
.index-downlist-title .index-downlist-titleul:hover>ul {width: 104px;height: auto;overflow: hidden;position: absolute;transition: height .5s}


/* 切换导航 */
.uk-tinav ul{display: flex;justify-content: space-around;overflow: hidden;} 
.uk-tinav ul li{flex: 1; height: 42px; display: flex;align-items: center;justify-content: center;cursor: pointer;color: #4c4c4c;}
.uk-tinav ul li.on{color: #ffffff;background-color: #ff3c00;}

/* 左右图片轮播基础效果 */
.leftimg {position: relative}
.leftimg>a {position: absolute;top: 50%;width: 32px;height: 32px;line-height: 32px;text-align: center;transform: translateY(-50%)}
.leftimg>a:hover {background-color: #ff3c00}
.leftimg>a:hover i {color: #fff}
.leftimg>.prev {left: 10px}
.leftimg>.next {right: 10px}


/* 面包屑 */
.main-crumbs{width: 100%; height: 35px;display: flex;align-items: center;}
.main-crumbs a::after{content: ">";margin: 0 5px;color: #999999;}
.main-crumbs a:last-child::after{content: "";margin: initial;}

/* 资讯翻页 */
.News-merge-page ul li{width: 360px;display: flex;align-items: center;}
.News-merge-page ul li a{flex: 1;}

/* 分页 */
.main-page{display: flex;justify-content: center;align-items: center;}
.main-page-ul{margin: 0 9px;display: flex;}
.main-page-ul a,.main-page-ul2 li a{display: inline-block;margin: 0 9px;color: #4c4c4c;border: 1px solid #ececec;border-radius: 50%;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.main-page-ul a.on,.main-page-ul a:hover,.main-page-ul2 li.on a,.main-page-ul2 li:hover a{color: #ffffff;border: 1px solid #ff3c00;background-color: #ff3c00;}
.main-page-ul2{display: flex;}
.main-page-ul2 .d-none a{width: auto;border: inherit;}
.main-page-ul2 .d-none:hover a{width: auto;border: inherit;background-color: inherit;color: #4c4c4c;}

/* 内链 */
.kw_link{font-size: 16px;color: #ff3c00;line-height: 32px}

/* 居中 */
.ui-ct{width:1100px;margin: 0 auto;}

/* 查看更多 */
.gobeyond .on-border{text-align: center;line-height: 50px;}
.gobeyond .on-border a{color: #ff3c00;}




@charset "UTF-8";
/* -----------------------------------------------------------------------通用footer样式----------------------------------------------------------------------- */
/*侧边导航*/
.main-Sidenav {
  width: 70px;
  position: fixed;
  left: 50%;
  margin-left: 600px;
  bottom: 100px;
  display: none;
}

.main-Sidenav .Sidenav-box {
  height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-Sidenav .Sidenav-box i {
  display: inline-block;
  transform: rotate(180deg);
}

.main-Sidenav .beside-uid li {
  height: 44px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  padding-left: 1px;
}

.main-Sidenav .beside-uid li.on {
  border-left: 2px solid #ff3c00;
  padding-left: initial;
}

.main-Sidenav .Sidenav-app img {
  width: 70px;
  height: 68px;
  overflow: hidden;
}

.lb-choose {
  display: flex;
  flex-direction: column;
}

/*404错误*/
.error-404 {
  height: calc(100vh - 116px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 66px 0;
}

.error-404 i {
  width: 394px;
  height: 348px;
  display: inline-block;
  background: url(/themes/default/images/icon-404.png);
}

.error-404 .error-404-a a {
  width: 120px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  text-align: center;
  border: 1px solid #00e3cc;
  border-radius: 40px;
  margin: 0 12px;
}

.error-404 .error-404-a a:first-child {
  background: #00e3cc;
  color: #fff;
}

.error-404 .error-404-a a:last-child {
  color: #00e3cc;
}

/*首页友情链接*/
.index-links ul {
  display: flex;
  flex-wrap: wrap;
}

.index-links ul li {
  margin: 0 16px 8px 0;
}

/* 内页友情链接 */
.down-lisk ul {
  display: flex;
  flex-wrap: wrap;
}

.down-lisk ul li a {
  margin-right: 16px;
  margin-bottom: 8px;
  display: inline-block;
}

.game-footer .footer {
  flex-direction: column;
  justify-content: center;
}

.game-footer .footer-navtel {
  padding: 22px 0;
}

.game-footer .footer-navtel .footer-navtel-logo {
  display: flex;
  align-items: center;
}

.game-footer .footer-navtel .footer-navtel-logo img {
  max-width: 200px;
  height: 57px;
}

.game-footer .footer-navtel .footer-navtel-ewm {
  display: flex;
  align-items: center;
}

.game-footer .footer-navtel .footer-navtel-ewm span {
  writing-mode: tb-rl;
  -webkit-writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
  margin-right: 12px;
  height: 96px;
  text-align: center;
}

.game-footer .footer-navtel .footer-navtel-ewm img {
  width: 96px;
  height: 96px;
}

.game-footer .footer-navtel .footer-navtel-box {
  max-width: 600px;
  flex-direction: column;
}

.game-footer .footer-navtel .footer-navtel-box .footer-navtel-nav ul {
  display: flex;
}

.game-footer .footer-navtel .footer-navtel-box .footer-navtel-nav ul li::before {
  content: "|";
  margin: 0 10px;
  color: #999999;
}

.game-footer .footer-navtel .footer-navtel-box .footer-navtel-nav ul li:first-child::before {
  content: "";
  margin: initial;
}

.game-footer .footer-Copyright {
  text-align: center;
  padding: 20px 0;
}

.game-footer .footer-Copyright .Copyright-a {
  display: flex;
  justify-content: center;
  margin-bottom: 2px;
}

.game-footer .footer-Copyright .Copyright-a a {
  margin: 0 2px;
}

.game-footer .footer-Copyright .Copyright-a img {
  width: 18px;
  height: 18px;
}

@charset "UTF-8";
/* -----------------------------------------------------------------------通用header样式----------------------------------------------------------------------- */
/*header*/
.header_quick {
  width: 100%;
}

.header_quick .ui-ct {
  display: flex;
  align-items: center;
  position: relative;
  height: 40px;
}

.header_quick .ui-ct > a i {
  font-size: 14px;
}

.header_quick .ui-ct a:hover, .header_quick .ui-ct a:hover i {
  color: #fff;
}

.header_quick .ui-ct .header_quick-ul {
  margin-left: auto;
  display: flex;
}

.header_quick .ui-ct .header_quick-ul li {
  height: 100%;
  display: flex;
  align-items: center;
  height: 40px;
}

.header_quick .ui-ct .header_quick-ul li > a {
  margin-left: 28px;
}

.header_quick .ui-ct .header_quick-ul li > a i {
  font-size: 15px;
}

.header_quick .ui-ct .header_quick-ul .header_quick-list {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 98;
  overflow: hidden;
  display: none;
}

.header_quick .ui-ct .header_quick-ul .header_quick-list .quick-list {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
}

.header_quick .ui-ct .header_quick-ul .header_quick-list .quick-list dl {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  max-height: 214px;
  overflow: hidden;
}

.header_quick .ui-ct .header_quick-ul .header_quick-list .quick-list dl dt {
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
}

.header_quick .ui-ct .header_quick-ul .header_quick-list .quick-list dl dd {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 10px;
}

.header_quick .ui-ct .header_quick-ul .header_quick-list .quick-list dl dd a {
  max-width: 183.5px;
}

.header_header {
  height: 118px;
  display: flex;
  align-items: center;
}

.header_header .header_header-log {
  height: 48px;
  overflow: hidden;
}

.header_header .header_header-log img {
  width: max-content;
  max-width: 200px;
  height: 48px;
}

.header_header .header_header-adv {
  margin-left: 95px;
  max-width: 370px;
  overflow: hidden;
}

.header_header .header_header-adv img {
  max-width: 370px;
  max-height: 88px;
}

.header_header .header_header-search {
  margin-left: auto;
}

.header_header .header_header-search .header-search_box {
  display: flex;
  height: 48px;
  position: relative;
}

.header_header .header_header-search .header-search_box input[type="text"] {
  width: 302px;
  height: 48px;
  border: 1px solid #ebebeb;
  border-right: initial;
  border-radius: 6px 0 0 6px;
  padding: 15px 14px;
}

.header_header .header_header-search .header-search_box input[type="submit"] {
  height: 48px;
  padding: 15px 20px;
  border-radius: 0px 6px 6px 0px;
  background-color: #333333;
  cursor: pointer;
}

.header_header .header_header-search .header-search_box input[type="text"]:focus ~ .drop-down, .header_header .header_header-search .header-search_box .drop-down:hover {
  height: auto;
  box-shadow: 0 4px 6px #999999;
}

.header_header .header_header-search .header-search_box .drop-down {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 48px;
  border-top: inherit;
  border-radius: 6px;
  background-color: #fff;
  z-index: 13;
}

.header_header .header_header-search .header-search_box .drop-down .label {
  padding: 14px;
}

.header_header .header_header-search .header-search_box .drop-down .searchHistory {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.header_header .header_header-search .header-search_box .drop-down .searchHistory li {
  padding: 0 14px 14px;
}

.header_nav {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.header_nav .navitems[data-main="home"] {
  width: 1152px;
}

.header_nav .navitems[data-main="home"] li a {
  width: 144px;
}

.header_nav .navitems {
  display: flex;
  align-items: center;
  margin: auto;
}

.header_nav .navitems li a {
  width: 137.5px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_nav .navitems li a.on, .header_nav .navitems li a:hover {
  background-color: #fd7248;
  color: #ffffff;
}

.siteheader_banner {
  width: 100%;
  height: 486px;
  position: relative;
}

.siteheader_banner img {
  width: 100%;
  height: 100%;
}

.siteheader_banner h1 {
  position: absolute;
  top: 45%;
  left: 25%;
  text-shadow: 0 2px 12px #353535;
}

.siteheader_anv .ui-ct {
  position: relative;
}

.siteheader_anv .navitems {
  display: flex;
  align-items: center;
  height: 64px;
}

.siteheader_anv .navitems a {
  height: 64px;
  line-height: 64px;
  display: block;
}

.siteheader_anv .navitems a.on, .siteheader_anv .navitems a:hover {
  background-color: #5c5c5c;
  color: #ffffff;
}

.siteheader_anv .navdownnew + .navitems {
  margin-left: 114px;
}

.siteheader_anv .navdown, .siteheader_anv .navdownnew {
  display: flex;
  align-items: center;
  height: 74px;
  color: #fff;
  position: absolute;
  top: -10px;
  right: 0;
}

.siteheader_anv .navdownnew {
  left: 0;
  right: auto;
}

.siteheader_anv .navdown::before, .siteheader_anv .navdownnew::before {
  content: "\e652";
  display: inline-block;
  overflow: hidden;
  transform: rotate(270deg);
  color: #c42e00;
  position: absolute;
  width: 11px;
  height: 11px;
  font-size: 12px;
  left: -11px;
  top: 0px;
}

.siteheader_anv .navdownnew::before {
  left: initial;
  right: -10px;
  transform: rotate(0deg);
}

.siteheader_anv[data-site="game"] .navitems a.on, .siteheader_anv[data-site="game"] .navitems a:hover {
  background-color: #ff3c00;
  color: #ffffff;
}

.siteheader_anv[data-site="game"] .navform {
  margin-left: auto;
}

.siteheader_anv[data-site="game"] .navform .navform-box {
  display: flex;
}

.siteheader_anv[data-site="game"] .navform .navform-box input[type="text"] {
  height: 40px;
  width: 200px;
  border: 1px solid #999999;
  background-color: transparent;
  border-right: initial;
  border-radius: 6px 0 0 6px;
  padding: 15px 14px;
}

.siteheader_anv[data-site="game"] .navform .navform-box input[type="submit"] {
  height: 40px;
  padding: 0 20px;
  border-radius: 0px 6px 6px 0px;
  background-color: #ff3c00;
  cursor: pointer;
}

.siteheader_picScroll {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
  object-fit: contain;
}

.siteheader_picScroll .bd {
  height: 100%;
}

.siteheader_picScroll ul {
  height: 100%;
}

.siteheader_picScroll ul li {
  width: 100%;
  height: 100%;
}

.siteheader_picScroll img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.siteheader_picScroll .prev, .siteheader_picScroll .next {
  position: absolute;
  top: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  transform: translateY(-50%);
}

.siteheader_picScroll .prev i, .siteheader_picScroll .next i {
  color: #fff;
}

.siteheader_picScroll .prev {
  left: 16%;
}

.siteheader_picScroll .next {
  right: 16%;
}

.siteheader_on {
  height: 300px;
  transition: height .5s;
}

@keyframes narrow {
  100% {
    height: 300px;
  }
}

@charset "UTF-8";
/* -----------------------------------------------------------------------品牌专区样式----------------------------------------------------------------------- */
.site-newsimg {
  position: relative;
}

.site-newsimg ul li {
  width: 368px;
  height: 249px;
  overflow: hidden;
}

.site-newsimg ul li div {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  background: rgba(0, 0, 0, 0.541);
}

.site-newsimg > a {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  transform: translateY(-50%);
}

.site-newsimg > a i {
  color: #fff;
}

.site-newsimg .prev {
  left: 6px;
}

.site-newsimg .next {
  right: 6px;
}

.site-newshot-newsimg .newshot-newsimg {
  width: 116px;
  margin-right: 9px;
}

.site-newshot-newsimg .newshot-newsimg-txt {
  width: calc(100% - 125px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.site-newshot-newsimg .newshot-newsimg-txt p {
  line-height: 24px;
}

.site-newshot-ul li:last-child {
  border: inherit;
}

.site-review ul li {
  position: relative;
}

.site-review ul li span {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 0px;
  line-height: 32px;
  padding: 0 16px;
  background: rgba(0, 0, 0, 0.541);
  transition: all 0.5s;
}

.site-review ul li:hover span {
  height: 32px;
  transition: all 0.5s;
}

.site-game {
  width: 100%;
  height: 320px;
  position: relative;
}

.site-game .site-game-box {
  transform: translate3d(0px, 0px, 0px);
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  will-change: transform, opacity;
  touch-action: pan-y;
  background-attachment: fixed;
  backface-visibility: hidden;
  background-repeat: no-repeat;
}

.site-game .site-game-box .ui-ct {
  overflow: hidden;
}

.site-game .site-game-box .bd {
  position: relative;
}

.site-game .site-game-box .bd .back {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 0;
}

.site-game .site-game-box .bd .back:last-child {
  left: 254px;
}

.site-game .site-game-box .bd .back:last-child::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  opacity: .8;
  top: 0;
  background: url(/themes/default/images/albumBox-horn.png) no-repeat;
}

.site-game .site-game-box .bd .back:last-child::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  opacity: .8;
  bottom: 0;
  transform: rotate(270deg);
  background: url(/themes/default/images/albumBox-horn.png) no-repeat;
}

.site-game .site-game-box .site-game-boxul li {
  display: flex;
  border-radius: -6px;
  justify-content: center;
  margin-right: 28px;
}

.site-game .site-game-box .site-game-boxul li:last-child {
  margin-right: initial;
}

.game-boxul-name {
  width: 212px;
  text-align: center;
}

.game-boxul-name .uk-display-img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
}

.game-boxul-name .uk-display-img img {
  display: inline-block;
  overflow: hidden;
}

.game-boxul-name .uk-display-but a {
  display: inline-block;
}

.game-boxul-name .uk-display-System span {
  margin: 0 3px;
  padding: 5px;
  cursor: pointer;
}

.game-boxul-name .uk-display-System span i {
  display: inline-block;
  width: 17px;
  height: 17px;
}

.indexqa-ul-txt a i,
.indexqa-ul-txt p i {
  font-size: 18px;
  vertical-align: middle;
}

.site-ranking-box ul li {
  padding: 15px 0;
}

.site-ranking-box ul li .indexranking-list {
  display: flex;
}

.site-ranking-box ul li .indexranking-list .iconfont {
  font-size: 14px;
  margin-left: auto;
}

.site-ranking-box ul li .indexranking-list .iconfont:before {
  font-size: 12px;
}

.site-ranking-box ul li .indexranking-list > a {
  flex: 1;
  margin-right: 10px;
}

.site-ranking-box ul li .indexranking-item {
  display: none;
}

.site-ranking-box ul li .num {
  background: #ff3c00;
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: block;
  text-align: center;
  border-radius: 22px;
  margin-right: 18px;
}

.site-ranking-box ul li .down {
  margin-left: auto;
  border-radius: 3px;
}

.site-ranking-box ul li.open .indexranking-list {
  display: none;
}

.site-ranking-box ul li.open .indexranking-item {
  display: flex;
  align-items: center;
}

.site-ranking-box ul li.open .indexranking-item .indexranking-item-box {
  flex: 1;
  margin-right: 10px;
  display: flex;
}

.site-ranking-box ul li.open .indexranking-item .indexranking-item-box .item-boximg {
  overflow: hidden;
  margin-right: 12px;
}

.site-ranking-box ul li.open .indexranking-item .indexranking-item-box .item-boxtxt {
  max-width: 110px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.site-ranking-box ul li.open .indexranking-item .indexranking-item-box .item-boxtxt .item-boxtxt-xin {
  display: block;
  height: 8px;
  width: 8px;
  overflow: hidden;
  background: url(/themes/default/images/xin.png);
}

.site-ranking-box ul li:nth-child(n+4) .num {
  background: initial;
  border: 1px solid #ff3c00;
  color: #ff3c00;
}

.site-like-nav ul {
  display: flex;
}

.site-like-nav ul li {
  margin-right: 12px;
}

.site-like-nav ul li a {
  border: 1px solid #cccccc;
  color: #cccccc;
  display: block;
}

.site-like-nav ul li.on a {
  border: 1px solid #ff3c00;
  color: #ff3c00;
}

.site-like-game .site-like-game-ul {
  margin-left: -34px;
  display: flex;
}

.site-like-game .site-like-game-ul li {
  width: 86px;
  text-align: center;
  margin-left: 34px;
}

.site-tool-ul {
  display: flex;
  flex-wrap: wrap;
}

.site-tool-ul li {
  margin: 0 10px 12px 0;
}

.site-tool-ul li a {
  max-width: 142px;
}

/* -----------------------------------------------------------------------首页专区样式----------------------------------------------------------------------- */
.site-play {
  align-items: center;
  justify-content: initial;
}

.site-play .site-play-h2 {
  width: 47px;
  height: 117px;
  writing-mode: tb-rl;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 6px 6px 0;
  position: relative;
  left: -10px;
  font-size: 14px;
}

.site-play .site-play-h2::before {
  content: "\e652";
  display: inline-block;
  overflow: hidden;
  transform: rotate(270deg);
  color: #e4b600;
  position: absolute;
  width: 11px;
  height: 11px;
  font-size: 12px;
  left: -1px;
  top: -11px;
}

.site-play .site-play-h2::after {
  content: "\e652";
  display: inline-block;
  overflow: hidden;
  transform: rotate(180deg);
  color: #e4b600;
  position: absolute;
  width: 11px;
  height: 11px;
  font-size: 12px;
  left: -1px;
  bottom: -11px;
}

.site-play .site-play-ul {
  display: flex;
}

.site-play .site-play-ul li {
  width: 86px;
  margin-left: 27px;
  text-align: center;
}

.site-gamedowm-info {
  width: 408px;
  height: 250px;
  flex-direction: column;
}

.site-gamedowm-info .gamedowm-info-name .gamedowm-img {
  margin-right: 12px;
}

.site-gamedowm-info .gamedowm-info-name .gamedowm-gobject {
  flex: 1;
  max-width: 260px;
}

.site-gamedowm-info .gamedowm-info-brief {
  line-height: 24px;
  position: relative;
}

.site-gamedowm-info .gamedowm-info-brief a.argmerge-set-a {
  display: flex;
  align-items: center;
  padding: 0 6px;
  position: absolute;
  right: 0;
  background-color: #fff;
  bottom: 0;
  color: #ff3c00;
}

.site-gamedowm-info .gamedowm-info-brief p.on {
  background-color: #fff;
  top: -25px;
  position: absolute;
  -webkit-line-clamp: inherit;
  z-index: 9;
  margin: -20px;
  padding: 20px 20px;
}

.site-gamedowm-info .gamedowm-info-brief p.on .argmerge-set-a {
  transform: rotate(180deg);
  transition: all 0.5s;
}

.site-gamedowm-info .gamedowm-info-but i {
  font-size: 14px;
}

.site-gamedowm-dowm {
  width: 212px;
}

.site-gamedowm-dowm .gamedowm-dowm-info .item-boxtxt {
  flex: 1;
  max-width: 128px;
  flex-direction: column;
}

.site-gamedowm-dowm .gamedowm-dowm-info .item-boxtxt dl {
  display: flex;
}

.site-gamedowm-dowm .gamedowm-dowm-info .item-boxtxt dl i {
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: inline-block;
  margin-right: 2px;
}

.site-gamedowm-dowm .gamedowm-dowm-info .item-boxtxt dl a {
  display: flex;
}

.site-gamedowm-dowm .gamedowm-dowm-but a {
  display: flex;
  height: 38px;
  align-items: center;
  position: relative;
}

.site-gamedowm-dowm .gamedowm-dowm-but a .iconfont {
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: inline-block;
  margin-right: 6px;
}

.site-gamedowm-dowm .gamedowm-dowm-but a span {
  cursor: pointer;
}

.site-gamedowm-dowm .gamedowm-dowm-but a span i {
  font-size: 18px;
}

.site-gamedowm-dowm .gamedowm-dowm-but a em {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  z-index: 9;
  top: 38px;
  transition: all .5s;
}

.site-gamedowm-dowm .gamedowm-dowm-but a span:hover em {
  width: 66px;
  height: 66px;
  z-index: 9;
  transition: all .5s;
}

.site-gamedowm-dowm .gamedowm-dowm-but a span:hover em img {
  width: 100%;
  height: 100%;
}

.site-gamedowm-dowm .gamedowm-dowm-but a:hover,
.site-gamedowm-dowm .gamedowm-dowm-but a:hover i {
  color: #fff;
}

.icon-diannao-btn .icon-diannao, .icon-diannao-btn .icon-anzhuo, .icon-diannao-btn .icon-pingguo, .icon-anzhuo-btn .icon-diannao, .icon-anzhuo-btn .icon-anzhuo, .icon-anzhuo-btn .icon-pingguo, .icon-pingguo-btn .icon-diannao, .icon-pingguo-btn .icon-anzhuo, .icon-pingguo-btn .icon-pingguo {
  color: #fff;
}

.site-gamedowm-img a {
  position: relative;
  display: inline-block;
}

.site-gamedowm-img a div {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 0px;
  line-height: 0px;
  padding: 0 16px;
  background: rgba(0, 0, 0, 0.541);
  transition: all 0.5s;
}

.site-gamedowm-img a:hover div {
  height: 48px;
  line-height: 48px;
  transition: all 0.5s;
}

.siteranking ul li.open .indexranking-item .indexranking-item-box .item-boxtxt {
  max-width: 97px !important;
}

.siteranking ul li:last-child {
  border: initial;
}

.site-framesnews-img ul li .framesnews-img-img {
  margin-right: 15px;
}

.site-framesnews-img ul li .framesnews-img-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 24px;
}

.site-framesnews-txt ul li a {
  max-width: 278px;
}

.frames-comment-box .frames-comment-info {
  flex: 1;
  max-width: 990px;
}

.frames-comment-box .frames-comment-info .comment-info-neirong p {
  max-width: 850px;
  line-height: 22px;
  -webkit-line-clamp: 3;
}

.frames-comment-box .frames-comment-info .comment-info-neirong a {
  width: 90px;
  display: inline-block;
  text-align: right;
}

.frames-comment-box .frames-comment-info .comment-info-neirong a i {
  font-size: 13px;
}

/* -----------------------------------------------------------------------品牌专区样式-新版----------------------------------------------------------------------- */
/* 游戏列 */
.site-gameul {
  display: flex;
  flex-wrap: wrap;
}

.site-gameul > li {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 20px;
  width: 352px;
}

.site-gameul > li:nth-child(3n - 1) {
  margin: 0 22px 20px;
}

.index-downlist-new {
  display: flex;
  flex-direction: column;
}

.index-downlist-top {
  display: flex;
}

.index-downlist-top .index-downlist-befo dl {
  display: flex;
}

.index-downlist-boot .index-downlist-but {
  display: flex;
  justify-content: space-between;
}

.index-downlist-boot .index-downlist-but .boxtxt-dut {
  width: 146px;
}

.index-downlist-boot .index-downlist-but .index-downlist-buthe {
  position: relative;
}

.index-downlist-boot .index-downlist-but .index-downlist-buthe:hover .index-downlist-butsl {
  width: 146px;
  height: 186px;
  overflow: hidden;
  transition: height 200ms linear 0s;
  z-index: 9;
}

.index-downlist-boot .index-downlist-but .index-downlist-buthe .index-downlist-butsl {
  position: absolute;
  height: 0;
  right: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 6px 8px 1px #f5f5f5;
  text-align: center;
}

.index-downlist-boot .index-downlist-but .index-downlist-buthe .index-downlist-butsl .focus_nav ul {
  display: flex;
  justify-content: center;
}

.index-downlist-boot .index-downlist-but .index-downlist-buthe .index-downlist-butsl .focus_nav ul li {
  display: inline-block;
  width: 16px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  margin: 0 5px;
  cursor: pointer;
}

.index-downlist-boot .index-downlist-but .index-downlist-buthe .index-downlist-butsl .focus_pic li {
  width: 136px;
  padding: 5px;
}

.index-downlist-boot .index-downlist-but .index-downlist-buthe .index-downlist-butsl .focus_pic li img {
  width: 136px;
}

/* 简介 */
.guideask-set h1::after, .guideask-set h1::before {
  content: "";
  display: inline-block;
  width: 292px;
  height: 19px;
  background: url(/themes/default/images/icon-b.png);
  margin-right: 10px;
}

.guideask-set h1::after {
  margin-right: initial;
  margin-left: 10px;
  background: url(/themes/default/images/icon-b.png);
  transform: rotate(180deg);
}

.argmerge-set-p p {
  line-height: 24px;
  -webkit-line-clamp: 3;
  z-index: 99;
  position: relative;
}

.argmerge-set-p p.on {
  -webkit-line-clamp: inherit;
  padding-bottom: 16px;
}

.argmerge-set-p a {
  display: flex;
  align-items: center;
  padding: 0 6px;
  position: absolute;
  right: 0;
  background-color: #fff;
  bottom: 0;
  color: #ff3c00;
}

.argmerge-set-p a i {
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: block;
  overflow: hidden;
  vertical-align: middle;
}

.argmerge-set-p a.on i {
  transition: all 200ms linear 0s;
  transform: rotate(180deg);
}