html {
    color:#333;
    background:#F6F6F6;
    overflow-y:auto;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
html * {
    outline:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
body,html {
    height:100%
}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin:0;
    padding:0
}
input,select,textarea {
    font-size:100%
}
table {
    border-collapse:collapse;
    border-spacing:0
}
fieldset,img {
    border:none
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500
}
ol,ul {
    list-style:none
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500
}
q:after,q:before {
    content:''
}
a {
    text-decoration:none
}
button {
    border:none
}
button,html input[type='button'],input[type='reset'],input[type='submit'] {
    -webkit-appearance:button;
    text-transform:none;
    outline:none
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color:#999
}
input::-webkit-inner-spin-button {
    -webkit-appearance:none
}
input::-webkit-outer-spin-button {
    -webkit-appearance:none
}
textarea {
    vertical-align:top
}
button,input {
    line-height:normal
}
select {
    margin:0;
    outline:0
}
input.fixAKeyboard:focus,textarea.fixAndroidKeyboard:focus {
    -webkit-tap-highlight-color:rgba(255,255,255,0);
    -webkit-user-modify:read-write-plaintext-only
}
input:-webkit-autofill {
    box-shadow:0 0 0 1000px white inset !important
}
button,input[type=button],input[type=checkbox],input[type=reset],input[type=submit],label {
    cursor:pointer;
    user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none
}
input[type=submit] {
    -moz-user-modify:read-plaintext-only;
    -ms-user-modify:read-plaintext-only;
    -o-user-modify:read-plaintext-only;
    -webkit-user-modify:read-plaintext-only
}
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration {
    -webkit-appearance:none
}
input[type='search'] {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}
.flex {
    display:box;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap
}
.justify-between {
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.justify-center {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.vertical {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
*,*:before,*:after {
    box-sizing:border-box
}
.clearfix:after,.clearfix:before {
    content:" ";
    display:table
}
.clearfix:after {
    clear:both
}
.fl {
    float:left
}
.fr {
    float:right
}
body {
    min-width:1200px;
    font-family:'Regular',"微软雅黑","PingFang SC",'Microsoft YaHei',Helvetica,Arial,sans-serif;
    outline:0;
    background:#f8f8f8;
    color:#222;
    font-size:16px
}
:root{--defColor:#79b652;--defShallowColor:#edfaf3}
.sdWrapBox,.stgWrapBox,.gdWrapBox,.boxWrap,.center {
    width:1200px;
    margin:0 auto
}
.btn {
    width:72px;
    height:28px;
    background:var(--defColor);
    border-radius:14px;
    border:unset;
    line-height:28px;
    text-align:center;
    font-size:14px;
    color:#FFFFFF
}
.boxItem {
    width:158px;
    height:100%;
    background-color:#FFFFFF;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:16px;
    color:#000000
}
.boxItem p {
    margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 98%;text-align: center;
}
.boxItem .time {
    font-size:12px;
    color:#999;
    margin-top:5px
}
.boxItem > p{}
.boxItem > .btn{}
.boxItem img {
    width:110px;
    height:110px;
    border-radius:15px
}
.boxItem .btn {
    margin-top:12px;
    background: unset;
    border: 2px solid var(--defColor);
    border-radius: 14px;
    color: var(--defColor);
    line-height: 24px;
}
.boxTitle {
    font-size:36px;
    line-height:36px;
    color:#252728;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.boxTitle .titleL>span {
    color:var(--defColor)
}
.boxTitle .titleL>i {
    display:inline-block;
    width:34px;
    height:3px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-106px -24px;
    margin-left:6px;
    vertical-align:-6px
}
.boxTitle .titleR {
    width:78px;
    height:30px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -35px;
    text-align:center;
    line-height:30px;
    font-size:16px;
    color:var(--defColor);
    text-indent:10px
}
.dtBoxTitle {
    font-size:22px;
    line-height:22px;
    color:#343434;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.dtBoxTitle .titleL {
    display:flex;
    align-items:center
}
.dtBoxTitle .titleL>i {
    display:block;
    width:4px;
    height:20px;
    background-color:var(--defColor);
    margin-right:8px;
    margin-top:1px
}
.dtBoxTitle .titleR {
    width:78px;
    height:30px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -35px;
    text-align:center;
    line-height:30px;
    font-size:16px;
    color:var(--defColor);
    text-indent:6px;
    cursor:pointer
}
.time {
    font-size:12px;
    line-height:12px;
    font-weight:400;
    color:#9A9A9A
}
.time i {
    width:11px;
    height:12px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-149px -4px;
    vertical-align:-1px;
    margin-right:6px
}
.threeColumnCon {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.threeColumnCon .columnItem a {
    width:384px;
    height:258px;
    display:block;
    background:#F8F8F8;
    color:#000000;
    margin-bottom:24px
}
.threeColumnCon .columnItem a>div {
    width:100%;
    height:198px;
    overflow:hidden
}
.threeColumnCon .columnItem a>div img {
    width:100%;
    height:100%;
    object-fit:cover;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s
}
.threeColumnCon .columnItem a p {
    color:inherit;
    font-size:18px;
    line-height:18px;
    margin-top:12px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.threeColumnCon .columnItem a p span:first-child {
    max-width:300px;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.threeColumnCon .columnItem a p span:last-child {
    font-size:12px;
    color:#666666;
    display:flex;
    align-items:center
}
.threeColumnCon .columnItem a p span:last-child i {
    display:inline-block;
    width:18px;
    height:12px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-569px -4px;
    margin-right:5px
}
.threeColumnCon .columnItem a p.time {
    margin-top:9px;
    font-size:14px;
    line-height:14px;
    color:#B7B7B7
}
.threeColumnCon .columnItem:hover a {
    color:var(--defColor)
}
.threeColumnCon .columnItem:hover a>div img {
    transform:scale(1.2)
}
.fourColumnCon {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding-top:25px
}
.fourColumnCon .conItem {
    width:280px;
    height:255px;
    background:#F8F8F8;
    margin-bottom:22px
}
.fourColumnCon .conItem>a {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    height:100%
}
.fourColumnCon .conItem>a>img {
    width:280px;
    height:168px;
    object-fit:cover
}
.fourColumnCon .conItem>a .imgBox {
    width:280px;
    height:168px;
    overflow:hidden
}
.fourColumnCon .conItem>a .imgBox>img {
    width:100%;
    min-height:100%;
    height:auto;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s
}
.fourColumnCon .conItem>a .itemInfo {
    flex:1;
    padding:12.5px 14px 14px 10px;
    color:#000000;
    font-size:15px;
    line-height:18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.fourColumnCon .conItem>a .itemInfo p {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-align:justify
}
.fourColumnCon .conItem:hover>a .imgBox>img {
    transform:scale(1.2)
}
.fourColumnCon .conItem:hover>a .itemInfo {
    color:var(--defColor)
}
.fiveColumnList {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.fiveColumnList .boxItem {
    width:220px;
    height:227px;
    background:#F8F8F8;
    padding:17px 21px 22px;
    justify-content:center;
    font-size:18px;
    position:relative;
    overflow:hidden;
    margin-bottom:20px
}
@keyframes animate {
    from {
        bottom:-44px
    }
    to {
        bottom:0px
    }
}.fiveColumnList .boxItem .hoverItem {
     position:absolute;
     bottom:-44px;
     left:0;
     right:0;
     height:44px;
     text-align:center;
     line-height:44px;
     font-size:15px;
     color:#FFFFFF;
     background:rgba(248,73,73,0.8)
 }
.fiveColumnList .boxItem .hoverItem span>i {
    margin-right:7px;
    display:inline-block;
    width:16px;
    height:16px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-169px -4px;
    vertical-align:-3px
}
.fiveColumnList .boxItem .hoverItem span:last-child {
    display:none
}
.fiveColumnList .boxItem.isViewItem>div {
    position:relative
}
.fiveColumnList .boxItem.isViewItem>div>i {
    display:block;
    width:22px;
    height:22px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-215px -4px;
    position:absolute;
    right:-1px;
    top:-1px
}
.fiveColumnList .boxItem.isViewItem .hoverItem {
    background:rgba(255,136,21,0.8)
}
.fiveColumnList .boxItem.isViewItem .hoverItem span:first-child {
    display:none
}
.fiveColumnList .boxItem.isViewItem .hoverItem span:last-child {
    display:block
}
.fiveColumnList .boxItem:hover .hoverItem {
    animation:animate .5s;
    bottom:0
}
.fiveColumnList .boxItem>div {
    width:110px;
    height:110px;
    border-radius:20px;
    margin-bottom:17px
}
.fiveColumnList .boxItem>div>img {
    width:100%;
    height:100%
}
.fiveColumnList .boxItem p {
    width:100%;
    border-top:1px solid #e8e8e8;
    text-align:center;
    line-height:18px;
    padding-top:15px;
    margin:0
}
.fiveColumnList .boxItem .time {
    border:unset;
    color:#9A9A9A;
    padding-top:16px;
    line-height:12px
}
.fiveColumnList .boxItem .time span:first-child::after {
    content:"/";
    display:inline-block;
    margin:0 8px;
    vertical-align:1px;
    font-weight:300;
    opacity:.5
}
.fiveColumnList .tsItem {
    margin:0;
    padding:0;
    height:0
}
.tagColumnList {
    display:flex;
    flex-wrap:wrap
}
.tagColumnList li a {
    border-radius:6px;
    padding:0 24px;
    height:42px;
    line-height:42px;
    background:#F8F8F8;
    margin-bottom:20px;
    margin-right:10px;
    font-size:14px;
    color:#666666;
    display:inline-block
}
.tagColumnList li a:hover {
    color:var(--defColor)
}
.tagColumnList li:last-child a {
    margin-right:0px
}
a:hover {
    color:var(--defColor)
}
.crumbsBox {
    height:56px;
    padding:21px 0;
    font-size:14px;
    line-height:14px;
    font-weight:400;
    color:#999999
}
.crumbsBox i {
    width:4px;
    height:6px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-35px -129px;
    vertical-align:2px;
    margin:0 7px
}
.crumbsBox i:first-child {
    width:12px;
    height:14px;
    background-position:-194px -4px;
    vertical-align:-2px;
    margin:0 7px 0 3px
}
.crumbsBox>a {
    color:inherit
}
.crumbsBox>a:hover {
    color:var(--defColor)
}
.pageCode {
    display:flex;
    justify-content:center;
    font-size:14px;
    padding:10px
}
.pageCode>span {
    line-height:40px;
    margin-right:10px;
    color:#999
}
.pageCode a {
    display:block;
    width:fit-content;
    height:40px;
    line-height:38px;
    background:#FFFFFF;
    color:#666666;
    border:1px solid #EAEAEA;
    border-radius:3px;
    padding:0 15px;
    margin-right:10px
}
.pageCode a.pageNum {
    font-weight:bold;
    width:40px;
    padding:0;
    text-align:center
}
.pageCode a:hover {
    color:var(--defColor)
}
.pageCode a.current {
    background:var(--defColor);
    border:1px solid var(--defColor);
    color:#FFFFFF
}
.pageCode a:last-child {
    margin-right:0
}
header {
    width:100%;
    height:78px;
    background:#252728;
    position:relative;
    /*padding-top:7px;*/
    z-index:100
}
/*header::before {
    content:"";
    display:block;
    background:#252728;
    position:absolute;
    height:7px;
    top:0;
    left:0;
    right:0
}*/
header .headWrap {
    display:flex;
    align-items:center;
    width:1200px;
    height:100%;
    margin:0 auto;
    justify-content:space-between
}
header .headWrap .logo {
    display:flex;
    align-items:center
}
header .headWrap .logo>img {
    width:158px;
    height:50px
}
header .headWrap nav {
    font-size:18px;
    height:100%;
    flex:1;
    display:flex;
    align-items:center;
    padding-left:86px
}
header .headWrap nav>a {
    color:#ccc;
    width:110px;
    height:100%;
    text-align:center;
    display:block;
    line-height:78px
}
header .headWrap nav>a:hover {
    color:var(--defColor)
}
header .headWrap nav>a.current {
    color:#fff;
    background:var(--defColor);
    position:relative
}
header .headWrap nav>a.current::before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    right:0;
    height:7px;
    background-color:var(--defColor);
    top:-7px
}
header .headWrap nav>a.current::after {
    content:"";
    width:110px;
    height:13px;
    display:block;
    background-image:url(../img/icon.png?v=12.15.2);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-885px -255px;
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-55px
}
header .headWrap>div {
    width:244px;
    height:32px;
    border:1px solid #5c302c;
    font-size:14px;
    display:flex;
    align-items:center;
    position:relative
}
header .headWrap>div #searchForm {
    width:calc(100% - 45px)
}
header .headWrap>div #searchForm input {
    width:100%;
    background:unset;
    border:unset;
    color:#CCC;
    text-indent:4px
}
header .headWrap>div #searchForm .btnSearch {
    position:absolute;
    top:-1px;
    right:-1px;
    bottom:-1px;
    width:40px;
    background-color:#7A1C2D;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #96212f;
    border-left:unset
}
header .headWrap>div #searchForm .btnSearch i {
    content:"";
    display:block;
    width:16px;
    height:17px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -128px
}
.bodyWrap {
    min-height:calc(100vh - 276px)
}
.bodyWrap .hmSwBox {
    height:380px;
    width:100%;
    background-image:url(../img/index_bg1.png);
    background-size:cover;
    background-position:center
}
.bodyWrap .hmSwBox .swWrap {
    width:1200px;
    height:inherit;
    margin:0 auto;
    display:flex
}
.bodyWrap .hmSwBox .swWrap .swCont {
    width:900px;
    height:inherit;
    position:relative
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryTop {
    height:inherit
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryTop img {
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryTopPrev,.bodyWrap .hmSwBox .swWrap .swCont .galleryTopNext {
    width:42px;
    height:73px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-189px -72px;
    position:absolute;
    left:-64px;
    right:unset;
    top:50%;
    margin-top:-37px;
    cursor:pointer
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryTopPrev.swiper-button-disabled,.bodyWrap .hmSwBox .swWrap .swCont .galleryTopNext.swiper-button-disabled {
    opacity:.5
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryTopNext {
    background-position:-231px -73px;
    right:-364px;
    left:unset
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs {
    height:104px;
    position:absolute;
    bottom:-40px;
    left:116px;
    right:20px
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide {
    display:block;
    width:186px;
    height:80px;
    background-image:url(../img/index_bg.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:0 0;
    margin-top:24px;
    padding:10px;
    display:flex;
    flex-direction:column;
    position:relative
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide .slideTop {
    position:absolute;
    bottom:50px;
    left:10px;
    right:10px;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide .slideTop>a {
    display:none
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide .slideTop img {
    width:42px;
    height:42px;
    border-radius:10px
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide .slideBottom {
    position:absolute;
    bottom:10px;
    left:10px
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide .slideBottom>p {
    font-size:15px;
    line-height:26px;
    color:#fff
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide .slideBottom>p.tip {
    font-size:12px;
    line-height:12px;
    opacity:.65
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide.swiper-slide-thumb-active {
    height:104px;
    margin-top:0
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide.swiper-slide-thumb-active .slideTop>a {
    display:block;
    font-size:12px;
    width:68px;
    height:25px;
    line-height:21px;
    text-align:center;
    color:#fff;
    border:2px solid rgba(255,255,255,0.5);
    border-radius:13px
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide:nth-child(1) {
    background-position:0 0
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide:nth-child(2) {
    background-position:0 -118px
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide:nth-child(3) {
    background-position:0 -236px
}
.bodyWrap .hmSwBox .swWrap .swCont .galleryThumbs .swiper-slide:nth-child(4) {
    background-position:0 -354px
}
.bodyWrap .hmSwBox .swWrap .swTxt {
    width:300px;
    height:420px;
    border-bottom:2px solid #D21B35;
    background-color:rgba(37,39,40,0.75);
    padding:26px 10px 30px 15px
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtHead {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtHead .headL {
    font-size:24px;
    color:var(--defColor);
    line-height:24px;
    background:linear-gradient(0deg,#FF867A 0%,#FF6362 79.56542969%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtHead .headL>i {
    width:25px;
    height:24px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-41px -2px;
    vertical-align:-4px;
    margin-right:5px
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtHead>a {
    width:78px;
    height:30px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -35px;
    text-align:center;
    line-height:30px;
    font-size:16px;
    color:var(--defColor);
    text-indent:10px
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody {
    font-size:14px;
    line-height:16px;
    color:#ccc
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody ul {
    padding:4px 0 18px
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody ul:first-child {
    border-bottom:1px solid rgba(255,255,255,0.15)
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody ul:last-child {
    padding:2px 0 18px
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody ul li {
    margin-top:18px;
    cursor:pointer
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody ul li a {
    color:unset;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody ul li a span:first-child {
    flex:1;
    padding-right:20px;
    margin-left:8px;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody ul li a span:first-child:hover {
    color:#fff;
    text-decoration:underline
}
.bodyWrap .hmSwBox .swWrap .swTxt .txtBody ul li a::before {
    content:"";
    display:inline-block;
    width:6px;
    height:8px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-106px -12px
}
.bodyWrap .hmHotBox {
    margin-top:30px
}
.bodyWrap .hmHotBox .boxTitle {
    font-size:28px;
    line-height:28px
}
.bodyWrap .hmHotBox .boxTitle .titleL>i {
    display:inline-block;
    width:28px;
    height:28px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -2px;
    margin:0
}
.bodyWrap .hmHotBox .boxCount {
    margin-top:14px;
    display:flex;
    justify-content:space-between
}
.bodyWrap .hmHotBox .boxCount .countL {
    display:block;
    width:505px;
    height:232px;
    position:relative
}
.bodyWrap .hmHotBox .boxCount .countL>i {
    display:block;
    width:45px;
    height:49px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -71px;
    position:absolute;
    left:-1.5px;
    top:-1.5px
}
.bodyWrap .hmHotBox .boxCount .countL img {
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .hmHotBox .boxCount .countL .boxItem {
    position:absolute;
    right:0;
    top:0;
    width:158px;
    height:100%;
    background-color:rgba(37,39,40,0.9);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:16px;
    color:#fff
}
.bodyWrap .hmHotBox .boxCount .countL .boxItem p {
    margin-top:10px
}
.bodyWrap .hmHotBox .boxCount .countL .boxItem .time {
    font-size:12px;
    color:#999;
    margin-top:5px
}
.bodyWrap .hmHotBox .boxCount .countL .boxItem img {
    width:85px;
    height:85px;
    border-radius:15px
}
.bodyWrap .hmHotBox .boxCount .countL .boxItem .btn {
    margin-top:12px
}
.bodyWrap .hmHotBox .boxCount .countR {
    display:flex;height: 232px;
}
.bodyWrap .hmHotBox .boxCount .countR .boxItem {
    margin-left:15px
}
.bodyWrap .hmHotBox .boxCount .countR >.boxItem:first-child{margin-left: 0;}
.bodyWrap .hmHotBox .boxTags {
    margin-top:20px;
    width:100%;
    padding:24px 5px 24px 10px;
    background:#FFFFFF;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.bodyWrap .hmHotBox .boxTags p {
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.bodyWrap .hmHotBox .boxTags p>span {
    display:inline-block;
    font-size:15px;
    font-weight:bold;
    color:var(--defColor);
    border-left:4px solid var(--defColor);
    background-color:var(--defShallowColor);
    width:78px;
    height:28px;
    line-height:28px;
    text-align:center;
    margin-right:10px;
    margin-top:16px
}
.bodyWrap .hmHotBox .boxTags p>a {
    margin-top:16px;
    font-size:14px;
    color:#444
}
.bodyWrap .hmHotBox .boxTags p>a:hover {
    color:var(--defColor)
}
.bodyWrap .hmHotBox .boxTags p>a::after {
    content:"|";
    display:inline-block;
    color:#E0E8F4;
    margin:0 10px
}
.bodyWrap .hmHotBox .boxTags p:first-child>span,.bodyWrap .hmHotBox .boxTags p:first-child>a {
    margin-top:0
}
.bodyWrap .hmHotBox .boxTags p:nth-child(2)>span{
    color:#ff6933;
    border-left:4px solid #ff6933;
    background-color: #fadcd2
}
.bodyWrap .hmHotBox .boxTags p:last-child>span {
    color:#7489EE;
    border-left:4px solid #7489EE;
    background-color:#F0EEFF
}
.bodyWrap .hmHotBox .boxImgs {
    display:flex;
    justify-content:space-between;
    margin-top:20px
}
.bodyWrap .hmHotBox .boxImgs a {
    display:block;
    width:286px;
    height:126px
}
.bodyWrap .hmHotBox .boxImgs a>img {
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .hmAppBox,.bodyWrap .hmGameBox {
    background-color:#fff;
    margin-top:30px;
    padding:26px 0 22px
}
.bodyWrap .hmAppBox .boxCount,.bodyWrap .hmGameBox .boxCount {
    margin-top:25px
}
.bodyWrap .hmAppBox .tabsWrap>ul,.bodyWrap .hmGameBox .tabsWrap>ul {
    display:flex;
    padding-left:2px
}
.bodyWrap .hmAppBox .tabsWrap>ul li,.bodyWrap .hmGameBox .tabsWrap>ul li {
    position:relative;
    margin-left:8px;
    padding:0 15px;
    line-height:34px;
    font-size:14px;
    color:#666;
    z-index:1;
    cursor:pointer
}
.bodyWrap .hmAppBox .tabsWrap>ul li::before,.bodyWrap .hmGameBox .tabsWrap>ul li::before {
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border:1px solid #E6E6E6;
    z-index:-1;
    transform:skew(-25deg)
}
.bodyWrap .hmAppBox .tabsWrap>ul li:hover,.bodyWrap .hmGameBox .tabsWrap>ul li:hover {
    color:var(--defColor)
}
.bodyWrap .hmAppBox .tabsWrap>ul li:hover::before,.bodyWrap .hmGameBox .tabsWrap>ul li:hover::before {
    border:1px solid var(--defColor)
}
.bodyWrap .hmAppBox .tabsWrap>ul li.active,.bodyWrap .hmGameBox .tabsWrap>ul li.active {
    color:#FFF
}
.bodyWrap .hmAppBox .tabsWrap>ul li.active::before,.bodyWrap .hmGameBox .tabsWrap>ul li.active::before {
    background:var(--defColor);
    border:1px solid var(--defColor)
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo {
    margin-top:-1px;
    width:100%;
    height:613px;
    border:2px solid #E6E6E6;
    padding:22px 18px 20px 25px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:3.5px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul:last-child,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul:last-child {
    margin-bottom:0
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul .infoTitle,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul .infoTitle {
    display:block;
    width:18px;
    height:70px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -149px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul:nth-child(2) .infoTitle,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul:nth-child(2) .infoTitle {
    background-position:-4px -339px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul:nth-child(3) .infoTitle,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul:nth-child(3) .infoTitle {
    background-position:-4px -529px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem {
    width:142px;
    height:188px;
    border-radius:3px;
    padding:13px 0 15px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem>img,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem>img {
    width:110px;
    height:110px;
    border-radius:20px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem p,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem p {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:142px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem:hover,.bodyWrap .hmGameBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem:hover {
    color:unset;
    background-color:var(--defShallowColor)
}
.bodyWrap .colTopicBox,.bodyWrap .hmCollBox {
    height:480px;
    width:100%;
    background-image:url(../img/index_bg2.png);
    background-size:cover;
    background-position:center;
    padding:36px 0
}
.bodyWrap .colTopicBox .boxTitle,.bodyWrap .hmCollBox .boxTitle {
    color:#FFFFFF
}
.bodyWrap .colTopicBox .boxTitle .titleL>i,.bodyWrap .hmCollBox .boxTitle .titleL>i {
    background-position:-106px -6px
}
.bodyWrap .colTopicBox .boxTitle .titleR,.bodyWrap .hmCollBox .boxTitle .titleR {
    color:#F5F7FA;
    background-position:-92px -35px
}
.bodyWrap .colTopicBox .boxCount,.bodyWrap .hmCollBox .boxCount {
    display:flex;
    padding-top:20px
}
.bodyWrap .colTopicBox .boxCount .leftList,.bodyWrap .hmCollBox .boxCount .leftList {
    width:230px
}
.bodyWrap .colTopicBox .boxCount .rightBanner,.bodyWrap .hmCollBox .boxCount .rightBanner {
    padding-left:28px;
    width:970px
}
.bodyWrap .colTopicBox .leftList,.bodyWrap .hmCollBox .leftList {
    border-bottom:2px solid;
    border-image-source:linear-gradient(to right,rgba(210,27,53,0.98) 0%,rgba(210,27,53,0.01) 100%);
    border-image-slice:1
}
.bodyWrap .colTopicBox .leftList .leftSwWrap,.bodyWrap .hmCollBox .leftList .leftSwWrap {
    width:100%;
    height:100%
}
.bodyWrap .colTopicBox .leftList .leftSwWrap .swiper-wrapper,.bodyWrap .hmCollBox .leftList .leftSwWrap .swiper-wrapper {
    flex-direction:column
}
.bodyWrap .colTopicBox .leftList .leftSwWrap .swiper-wrapper .swiper-slide,.bodyWrap .hmCollBox .leftList .leftSwWrap .swiper-wrapper .swiper-slide {
    padding:0 0 0 10px;
    font-size:18px;
    color:#FFCCCC;
    height:50px;
    line-height:50px
}
.bodyWrap .colTopicBox .leftList .leftSwWrap .swiper-wrapper .swiper-slide a,.bodyWrap .hmCollBox .leftList .leftSwWrap .swiper-wrapper .swiper-slide a {
    display:block;
    width:inherit;
    color:inherit;
    flex:1;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.bodyWrap .colTopicBox .leftList .leftSwWrap .swiper-wrapper .swiper-slide.swiper-slide-thumb-active,.bodyWrap .hmCollBox .leftList .leftSwWrap .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
    color:#FFFFFF;
    background-image:linear-gradient(to right,rgba(210,27,53,0.98) 0%,rgba(210,27,53,0.01) 100%);
    display:flex;
    justify-content:space-between;
    align-items:center
}
.bodyWrap .colTopicBox .leftList .leftSwWrap .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after,.bodyWrap .hmCollBox .leftList .leftSwWrap .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {
    content:"";
    width:6px;
    height:8px;
    margin:0 8px;
    display:block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-24px -128px
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap,.bodyWrap .hmCollBox .rightBanner .rightSwWrap {
    width:100%;
    height:100%
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide {
    width:584px;
    height:328px;
    overflow:hidden;
    transition-duration:600ms;
    transform:scale(.812)
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a {
    display:block;
    width:inherit;
    height:inherit;
    position:relative
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a>img,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a>img {
    display:block;
    width:100%;
    height:100%;
    min-height:200px
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt {
    background-image:linear-gradient(to top,rgba(37,39,40,0.98) 0%,rgba(0,0,0,0) 100%);
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:50%;
    font-size:24px;
    line-height:24px;
    color:#FFFFFF;
    padding:24px 20px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt .info,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt .info {
    display:flex;
    flex-direction:column
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt .info p,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt .info p {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:400px
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt .info span,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt .info span {
    font-size:14px;
    line-height:14px;
    margin-top:17px
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs {
    display:flex;
    margin-bottom:6px
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs img,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs img {
    width:42px;
    height:42px;
    border-radius:10px;
    margin-left:-20px;
    border-right:2px solid #fff
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs img:nth-child(1),.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs img:nth-child(1) {
    z-index:3
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs img:nth-child(2),.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs img:nth-child(2) {
    z-index:2
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs img:nth-child(3),.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a .bt .verImgs img:nth-child(3) {
    z-index:1
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide>a::after,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide>a::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    z-index:1
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-active,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-active {
    transform:scale(1);
    z-index:999
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-active>a::after,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-active>a::after {
    z-index:-1;
    opacity:0;
    transition-duration:600ms
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-prev,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-prev,.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-next,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-next {
    z-index:888;
    transform:scale(.812)
}
.bodyWrap .colTopicBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-visible,.bodyWrap .hmCollBox .rightBanner .rightSwWrap .swiper-slide.swiper-slide-visible {
    opacity:1;
    transition-duration:600ms
}
.bodyWrap .hmAppBox {
    padding-top:24px;
    margin:0;
    background-color:rgba(116,137,238,0.15)
}
.bodyWrap .hmAppBox .tabsWrap>ul li:hover {
    color:#7489EE
}
.bodyWrap .hmAppBox .tabsWrap>ul li:hover::before {
    border:1px solid #7489EE
}
.bodyWrap .hmAppBox .tabsWrap>ul li::before {
    background:#F5F6FE
}
.bodyWrap .hmAppBox .tabsWrap>ul li.active {
    color:#FFF
}
.bodyWrap .hmAppBox .tabsWrap>ul li.active::before {
    background:#7489EE;
    border:1px solid #7489EE
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo {
    background-color:#fff;
    padding:22px 25px 20px 18px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul .infoTitle {
    background-position:-36px -149px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul:nth-child(2) .infoTitle {
    background-position:-36px -339px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul:nth-child(3) .infoTitle {
    background-position:-36px -529px
}
.bodyWrap .hmAppBox .tabsWrap .tabsCount .countInfo ul .infoItem .boxItem:hover {
    background-color:#F5F7FF
}
.bodyWrap .hmInfoBox {
    background-color:#fff;
    padding:25px 0 12px
}
.bodyWrap .hmRankBox {
    padding:30px 0 0px
}
.bodyWrap .hmRankBox .boxCount {
    padding:25px 0 20px
}
.bodyWrap .hmRankBox .boxCount .countItem {
    margin-bottom:20px;
    width:100%;
    height:271px;
    background:#FFEDEB;
    position:relative;
    z-index:1;
    padding:20px 18px 19px 30px;
    display:flex;
    justify-content:space-between
}
.bodyWrap .hmRankBox .boxCount .countItem::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:387px;
    height:271px;
    background-image:url(../img/index_bg.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-210px 0;
    z-index:-1
}
.bodyWrap .hmRankBox .boxCount .countItem:nth-child(2) {
    background:#F6E8FF
}
.bodyWrap .hmRankBox .boxCount .countItem:nth-child(2)::before {
    background-position:-210px -289px
}
.bodyWrap .hmRankBox .boxCount .countItem:nth-child(3) {
    background:#E1F9F3
}
.bodyWrap .hmRankBox .boxCount .countItem:nth-child(3)::before {
    background-position:-210px -578px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemLeft {
    color:#FFFFFF
}
.bodyWrap .hmRankBox .boxCount .countItem .itemLeft>p {
    font-size:30px;
    font-weight:bold;
    margin-top:24px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemLeft>.btn {
    display:block;
    width:113px;
    height:32px;
    border:2px solid rgba(255,255,255,0.5);
    border-radius:16px;
    background:unset;
    margin-top:28px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemLeft>.btn:hover {
    color:unset;
    background-color:rgba(255,255,255,0.1)
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter {
    display:flex;
    flex:1;
    padding-right:16px;
    justify-content:flex-end
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter .boxItem {
    margin-left:15px;
    border:2px solid rgba(249,200,60,0.5);
    height:232px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter .boxItem .imgWrap {
    position:relative
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter .boxItem .imgWrap::before {
    content:"";
    position:absolute;
    width:36px;
    height:33px;
    display:block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-54px -71px;
    left:-12px;
    top:-21px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter .boxItem:nth-child(2) {
    border-color:rgba(169,186,255,0.5)
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter .boxItem:nth-child(2) .imgWrap::before {
    background-position:-100px -71px;
    left:-11px;
    top:-20px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter .boxItem:nth-child(3) {
    border-color:rgba(233,173,122,0.5)
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter .boxItem:nth-child(3) .imgWrap::before {
    background-position:-145px -71px;
    left:-12px;
    top:-20px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemCenter .boxItem:hover .btn {
    background:var(--defColor);
    color: #fff;
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight {
    width:331px;
    background-color:#fff;
    padding:10px 10px 8px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight ul {
    height:100%;
    display:flex;
    flex-direction:column
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight ul li {
    flex:1
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight ul li>a {
    width:100%;
    height:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight ul li>a span {
    font-size:15px;
    color:#333333;
    display:inline-block;
    padding-right:12px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight ul li>a span:nth-child(1) {
    font-size:16px;
    font-weight:bold;
    color:#BFBFBF;
    padding:0 22px 0 10px
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight ul li>a span:nth-child(2) {
    flex:1;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight ul li>a span:nth-child(3) {
    font-size:12px;
    color:#999999
}
.bodyWrap .hmRankBox .boxCount .countItem .itemRight ul li:hover {
    background-color:#F6F7FB
}
.bodyWrap .gmRecomBox .boxWrap {
    height:225px;
    padding:20px;
    background:#FFFFFF
}
.bodyWrap .gmRecomBox .boxWrap .boxTitle {
    font-size:22px;
    line-height:22px;
    color:#343434
}
.bodyWrap .gmRecomBox .boxWrap .boxTitle .titleL::before {
    content:"";
    width:4px;
    height:20px;
    background-color:var(--defColor);
    display:inline-block;
    vertical-align:-2px
}
.bodyWrap .gmRecomBox .boxWrap .boxCount {
    display:flex;
    justify-content:space-around;
    padding:20px 0 30px
}
.bodyWrap .gmRecomBox .boxWrap .boxCount .boxItem {
    width:fit-content
}
.bodyWrap .gmRecomBox .boxWrap .boxCount .boxItem>div {
    width:85px;
    height:85px;
    border-radius:15px;
    position:relative
}
.bodyWrap .gmRecomBox .boxWrap .boxCount .boxItem>div>i {
    position:absolute;
    top:-2px;
    right:-2px;
    display:block;
    width:24px;
    height:24px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-74px -3px
}
.bodyWrap .gmClassifyBox,.bodyWrap .sfClassifyBox {
    margin-top:20px
}
.bodyWrap .gmClassifyBox .boxCount .tabsWrap>ul,.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul {
    color:#666;
    font-size:14px;
    width:100%;
    background:#FFFFFF;
    border:2px solid var(--defShallowColor);
    padding:10px 20px 32px;
    display:grid;
    grid-template-columns:repeat(11,9.21%)
}
.bodyWrap .gmClassifyBox .boxCount .tabsWrap>ul li,.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul li {
    width:92px;
    margin-top:15px;
    border:1px solid rgba(216,216,216,0.75);
    border-radius:3px;
    text-align:center;
    line-height:32px;
    cursor:pointer
}

.bodyWrap .gmClassifyBox .boxCount .tabsWrap>ul li:last-child,.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul li:last-child {
    margin-right:0
}
.bodyWrap .gmClassifyBox .boxCount .tabsWrap>ul li:hover,.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul li:hover {
    color:var(--defColor);
    border:1px solid #fdc8c8
}
.bodyWrap .gmClassifyBox .boxCount .tabsWrap>ul li.active,.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul li.active {
    background:var(--defColor);
    border:1px solid var(--defColor);
    color:#fff;
    position:relative
}
.bodyWrap .gmClassifyBox .boxCount .tabsWrap>ul li.active::after,.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul li.active::after {
    content:"";
    width:0;
    height:0;
    border-top:7px solid var(--defColor);
    border-right:7px solid transparent;
    border-left:7px solid transparent;
    display:block;
    position:absolute;
    bottom:-7px;
    left:50%;
    margin-left:-7px
}
.bodyWrap .gmClassifyBox .boxCount .tabsWrap .tabsCount,.bodyWrap .sfClassifyBox .boxCount .tabsWrap .tabsCount {
    margin:0 9px 30px;
    background-color:#fff;
    padding:30px 21px 40px
}
.bodyWrap .sdWrapBox,.bodyWrap .stgWrapBox,.bodyWrap .gdWrapBox {
    display:flex;
    justify-content:space-between
}
.bodyWrap .sdWrapBox .singleColumnItem,.bodyWrap .stgWrapBox .singleColumnItem,.bodyWrap .gdWrapBox .singleColumnItem {
    width:800px;
    height:210px;
    background:#FFFFFF;
    margin-bottom:15px;
    display:flex;
    padding:25px 20px
}
.bodyWrap .sdWrapBox .singleColumnItem .imgBox,.bodyWrap .stgWrapBox .singleColumnItem .imgBox,.bodyWrap .gdWrapBox .singleColumnItem .imgBox {
    width:260px;
    height:160px
}
.bodyWrap .sdWrapBox .singleColumnItem .imgBox img,.bodyWrap .stgWrapBox .singleColumnItem .imgBox img,.bodyWrap .gdWrapBox .singleColumnItem .imgBox img {
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .sdWrapBox .singleColumnItem .imgInfo,.bodyWrap .stgWrapBox .singleColumnItem .imgInfo,.bodyWrap .gdWrapBox .singleColumnItem .imgInfo {
    flex:1;
    padding:5px 4px 0 20px
}
.bodyWrap .sdWrapBox .singleColumnItem .imgInfo p,.bodyWrap .stgWrapBox .singleColumnItem .imgInfo p,.bodyWrap .gdWrapBox .singleColumnItem .imgInfo p {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-align:justify
}
.bodyWrap .sdWrapBox .singleColumnItem .imgInfo p:first-child,.bodyWrap .stgWrapBox .singleColumnItem .imgInfo p:first-child,.bodyWrap .gdWrapBox .singleColumnItem .imgInfo p:first-child {
    font-size:18px;
    line-height:28px;
    font-weight:bold;
    color:#000000
}
.bodyWrap .sdWrapBox .singleColumnItem .imgInfo p.time,.bodyWrap .stgWrapBox .singleColumnItem .imgInfo p.time,.bodyWrap .gdWrapBox .singleColumnItem .imgInfo p.time {
    margin-top:15px
}
.bodyWrap .sdWrapBox .singleColumnItem .imgInfo p.txt,.bodyWrap .stgWrapBox .singleColumnItem .imgInfo p.txt,.bodyWrap .gdWrapBox .singleColumnItem .imgInfo p.txt {
    margin-top:15px;
    font-size:14px;
    color:#666666;
    line-height:24px
}
.bodyWrap .sdWrapBox .singleColumnItem:hover .imgInfo p:first-child,.bodyWrap .stgWrapBox .singleColumnItem:hover .imgInfo p:first-child,.bodyWrap .gdWrapBox .singleColumnItem:hover .imgInfo p:first-child {
    color:var(--defColor)
}
.bodyWrap .sdWrapBox .bodyL,.bodyWrap .stgWrapBox .bodyL,.bodyWrap .gdWrapBox .bodyL {
    width:800px
}
.bodyWrap .sdWrapBox .bodyL .threeColumnCont,.bodyWrap .stgWrapBox .bodyL .threeColumnCont,.bodyWrap .gdWrapBox .bodyL .threeColumnCont {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.bodyWrap .sdWrapBox .bodyL .threeColumnCont .columnItem a,.bodyWrap .stgWrapBox .bodyL .threeColumnCont .columnItem a,.bodyWrap .gdWrapBox .bodyL .threeColumnCont .columnItem a {
    width:238px;
    height:232px;
    display:block;
    background:#F8F8F8;
    color:#000000
}
.bodyWrap .sdWrapBox .bodyL .threeColumnCont .columnItem a>div,.bodyWrap .stgWrapBox .bodyL .threeColumnCont .columnItem a>div,.bodyWrap .gdWrapBox .bodyL .threeColumnCont .columnItem a>div {
    width:238px;
    height:143px;
    overflow:hidden
}
.bodyWrap .sdWrapBox .bodyL .threeColumnCont .columnItem a>div img,.bodyWrap .stgWrapBox .bodyL .threeColumnCont .columnItem a>div img,.bodyWrap .gdWrapBox .bodyL .threeColumnCont .columnItem a>div img {
    width:100%;
    height:100%;
    object-fit:cover;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s
}
.bodyWrap .sdWrapBox .bodyL .threeColumnCont .columnItem a p,.bodyWrap .stgWrapBox .bodyL .threeColumnCont .columnItem a p,.bodyWrap .gdWrapBox .bodyL .threeColumnCont .columnItem a p {
    color:inherit;
    font-size:15px;
    line-height:18px;
    margin-top:14px;
    padding:0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-align:justify
}
.bodyWrap .sdWrapBox .bodyL .threeColumnCont .columnItem a p.time,.bodyWrap .stgWrapBox .bodyL .threeColumnCont .columnItem a p.time,.bodyWrap .gdWrapBox .bodyL .threeColumnCont .columnItem a p.time {
    margin-top:12px;
    font-size:12px;
    line-height:12px;
    color:#9A9A9A
}
.bodyWrap .sdWrapBox .bodyL .threeColumnCont .columnItem:hover a,.bodyWrap .stgWrapBox .bodyL .threeColumnCont .columnItem:hover a,.bodyWrap .gdWrapBox .bodyL .threeColumnCont .columnItem:hover a {
    color:var(--defColor)
}
.bodyWrap .sdWrapBox .bodyL .threeColumnCont .columnItem:hover a>div img,.bodyWrap .stgWrapBox .bodyL .threeColumnCont .columnItem:hover a>div img,.bodyWrap .gdWrapBox .bodyL .threeColumnCont .columnItem:hover a>div img {
    transform:scale(1.2)
}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont {
    display:flex;
    justify-content:space-between;
    margin-top:6px
}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont .columnItem,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont .columnItem,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem {
    width:142px;
    height:206px;
    border-radius:3px
}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont .columnItem .boxItem,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont .columnItem .boxItem,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem .boxItem {
    width:100%;
    height:100%;
    color:#000000
}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .imgBox,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .imgBox,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .imgBox {
    position:relative
}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .imgBox>img,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .imgBox>img,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .imgBox>img {
    display:block
}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .btn,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .btn,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem .boxItem .btn {
    background:unset;
    border:2px solid var(--defColor);
    border-radius:14px;
    color:var(--defColor);
    line-height:24px
}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont .columnItem:hover,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont .columnItem:hover,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem:hover {
    background:var(--defShallowColor)
}
.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem > a > p:nth-child(3){margin-top: 15px;}
.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem > a > p:nth-child(4){margin-top: 20px;}
.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem:hover > a > p:nth-child(2){color: var(--defColor);}
.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem:hover > a > p:nth-child(4){display: none;}
.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem:hover > a > .btn{display: inline-block;}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont .columnItem:hover .boxItem,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont .columnItem:hover .boxItem,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem:hover .boxItem {
    background-color:inherit
}
.bodyWrap .sdWrapBox .bodyL .fiveColumnCont .columnItem:hover .boxItem .btn,.bodyWrap .stgWrapBox .bodyL .fiveColumnCont .columnItem:hover .boxItem .btn,.bodyWrap .gdWrapBox .bodyL .fiveColumnCont .columnItem:hover .boxItem .btn {
    background:var(--defColor);
    color:#FFFFFF
}
.bodyWrap .sdWrapBox .bodyL .tagBox,.bodyWrap .stgWrapBox .bodyL .tagBox,.bodyWrap .gdWrapBox .bodyL .tagBox,.bodyWrap .sdWrapBox .bodyL .corrBox,.bodyWrap .stgWrapBox .bodyL .corrBox,.bodyWrap .gdWrapBox .bodyL .corrBox,.bodyWrap .sdWrapBox .bodyL .steBox,.bodyWrap .stgWrapBox .bodyL .steBox,.bodyWrap .gdWrapBox .bodyL .steBox,.bodyWrap .sdWrapBox .bodyL .reVersionBox,.bodyWrap .stgWrapBox .bodyL .reVersionBox,.bodyWrap .gdWrapBox .bodyL .reVersionBox,.bodyWrap .sdWrapBox .bodyL .relatedGameBox,.bodyWrap .stgWrapBox .bodyL .relatedGameBox,.bodyWrap .gdWrapBox .bodyL .relatedGameBox,.bodyWrap .sdWrapBox .bodyL .gdDetailBox,.bodyWrap .stgWrapBox .bodyL .gdDetailBox,.bodyWrap .gdWrapBox .bodyL .gdDetailBox {
    background-color:#fff
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox,.bodyWrap .stgWrapBox .bodyL .gdDetailBox,.bodyWrap .gdWrapBox .bodyL .gdDetailBox {
    width:800px;
    position:relative;
    z-index:1
}
/*.bodyWrap .sdWrapBox .bodyL .gdDetailBox::before,.bodyWrap .stgWrapBox .bodyL .gdDetailBox::before,.bodyWrap .gdWrapBox .bodyL .gdDetailBox::before {
    content:"";
    width:45px;
    height:49px;
    display:block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -71px;
    position:absolute;
    left:-2px;
    top:-2px
}*/
.bodyWrap .sdWrapBox .bodyL .gdDetailBox::after,.bodyWrap .stgWrapBox .bodyL .gdDetailBox::after,.bodyWrap .gdWrapBox .bodyL .gdDetailBox::after {
    content:"";
    background-image:url(../img/game_bg.png);
    background-repeat:no-repeat;
    background-size:796px 266px;
    background-position:0px 0px;
    position:absolute;
    top:2px;
    left:2px;
    right:2px;
    height:266px;
    z-index:-1
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop {
    display:flex;
    padding:29px 29px 25px;
    border-bottom:1px solid #ebebeb;
    margin:0 -2px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop>img,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop>img,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop>img {
    width:168px;
    height:168px;
    border-radius:30px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info {
    flex:1;
    margin-left:30px;
    font-size:14px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info h1,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info h1,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info h1 {
    font-size:26px;
    font-weight:bold;
    color:#252728;
    line-height:28px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .tags,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .tags,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .tags {
    margin-top:14px;
}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .tags{color: #666666}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .tags span,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .tags span,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .tags span {
    display:inline-block;
    height:25px;
    line-height:22px;
    border:1px solid #E6E6E6;
    border-radius:6px;
    color:#999999;
    padding:0 12px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .tags span>i,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .tags span>i,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .tags span>i {
    width:16px;
    height:16px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-241px -4px;
    vertical-align:-3px
}
/*.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .tags span:first-child,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .tags span:first-child,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .tags span:first-child {
    color:#FF9400;
    border-color:#FF9400;
    border-radius:3px
}*/
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt {
    line-height:14px;
    margin-top:15px;
    color:#666666
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt span::after,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt span::after,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt span::after {
    content:"/";
    display:inline-block;
    margin:0 8px;
    vertical-align:1.2px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt span:last-child::after,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt span:last-child::after,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .infoTxt span:last-child::after {
    display:none
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns {
    margin-top:16px;
    font-size:18px;
    line-height:18px;
    color:#FFFFFF;
    display:flex
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a{
    color:inherit;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-right:10px;
    width:165px;
    height:44px;
    border-radius:3px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-831px -6px
}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>span{color:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:10px;width:165px;height:44px;border-radius:3px;background-image:url(../img/icon.png);background-repeat:no-repeat;background-size:1000px 1000px;background-position:-831px -6px}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns> .andBtn{background-position:-831px -56px}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns> .iosBtn{background-position:-831px -6px}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns> .windowBtn{background-position:-831px -106px}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns> .aqBtn{background-position:-831px -106px}
/*.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns> .windowBtn{background:#FF9C39;}*/
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns> .subscribeBtn{background-position:-831px -155px}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns> .none{cursor:not-allowed;background-position:-830px -205px}


/*.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(2),.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(2),.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(2) {
    background-position:-831px -56px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(3),.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(3),.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(3) {
    background-position:-831px -106px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(4),.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(4),.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(4) {
    background-position:-831px -155px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(5),.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(5),.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:nth-child(5) {
    cursor:not-allowed;
    background-position:-830px -205px
}*/
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:last-child,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:last-child,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a:last-child {
    margin-right:0
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a span:first-child,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a span:first-child,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a span:first-child {
    font-size:16px;
    line-height:16px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a span:last-child,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a span:last-child,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a span:last-child {
    font-size:12px;
    line-height:12px;
    margin-top:4px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a.hide,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a.hide,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxTop .info .btns>a.hide {
    display:none
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter {
    padding:20px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul {
    display:flex;
    justify-content:space-around
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul li,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul li,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul li {
    color:#333;
    font-size:18px;
    cursor:pointer
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul li.active,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul li.active,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabs ul li.active {
    font-weight:bold;
    color:var(--defColor);
    padding-bottom:13px;
    border-bottom:2px solid var(--defColor)
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox {
    position:relative;
    margin:20px 0
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .swiper-slide img,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .swiper-slide img,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .swiper-slide img {
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxMain .swiper-slide > img{position: absolute;top: 0;left: 0;right: 0;margin: auto;height: 375px;width: auto;opacity: 1;z-index: 99}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxMain .swiper-slide >div > img{
    width: 100%;
    opacity: 0.9;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .swiper-slide video{width:100%;height: 376px;}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxMain .swiper-slide,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxMain .swiper-slide,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxMain .swiper-slide {
    width:760px;
    height:426px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.8)
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav .swiper-slide,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav .swiper-slide,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav .swiper-slide {
    width:78px;
    height:50px;
    opacity:.3
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav .swiper-slide.swiper-slide-thumb-active,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav .swiper-slide.swiper-slide-thumb-active,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gdSwBox .gdSwBoxNav .swiper-slide.swiper-slide-thumb-active {
    opacity:1;
    border:2px solid var(--defColor)
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox>p,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox>p,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox>p {
    margin:0 -20px;
    padding:0 20px;
    height:44px;
    background:var(--defShallowColor);
    color:var(--defColor);
    font-size:14px;
    line-height:44px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox>p>span,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox>p>span,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox>p>span {
    font-size:16px;
    font-weight:bold
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .dtBoxTitle,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .dtBoxTitle,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .dtBoxTitle {
    margin:28px 0 20px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count {
    font-size:16px;
    color:#434343;
    line-height:24px;
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count>p,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count>p,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count>p {
    margin-bottom:18px
}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count>p:last-child{margin-bottom: 0;}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count>h3{margin-bottom: 18px;line-height: 34px;font-size: 18px;color: #333;font-weight: 700;}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count>img,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count>img,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count img {
    max-width: 638px;
    max-height: 500px;
    width: auto;
    height: auto;
    object-fit:cover;
    margin:15px auto;
    display:block
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count h6,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count h6,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .intBox .count h6 {
    margin-top:22px;
    font-size:18px;
    line-height:18px;
    font-weight:bold;
    color:#333333
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .titleR,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .titleR,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .titleR {
    font-size:14px;
    line-height:14px;
    color:#FDA7A7;
    background-image:none;
    width:auto;
    height:auto;
    cursor:pointer
}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox {margin-top: 20px;}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList {
    width:760px;
    /*height:130px;*/
    background:#FFF9FA;
    border:1px solid rgba(212,42,71,0.5);
    border-radius:3px;
    margin-top:20px;
    position:relative;padding-bottom: 10px;
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .versionTip,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .versionTip,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .versionTip {
    position:absolute;
    left:0;
    top:0;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    width:110px;
    height:38px;
    background:#E994A3;
    border-radius:3px;
    display:block;
    text-align:center;
    line-height:38px;
    border-radius:0 3px 3px 3px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem {
    font-size:14px;
    line-height:14px;
    color:#333333
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p {
    padding:0 15px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p:first-child,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p:first-child,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p:first-child {
    padding-top:55px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p:last-child,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p:last-child,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .updateInfoBox .verionList .listItem p:last-child {
    padding-top:16px;line-height: 20px;
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox {
    margin-top:27px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .titleR,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .titleR,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .titleR {
    width:66px;
    height:28px;
    line-height:28px;
    background:var(--defColor);
    border-radius:3px;
    font-size:14px;
    color:#FFFFFF;
    text-indent:unset
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .titleR>i,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .titleR>i,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .titleR>i {
    width:13px;
    height:14px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-263px -4px;
    vertical-align:-2px;
    margin-right:4px
}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoList,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoList,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoList {
    width:761px;
    min-height:128px;
    background-color:#F8F8F8;
    border-radius:3px;
    font-size:15px;
    margin-top:18px;
    color:#434343;
    font-weight:300;
    padding:20px 16px;
    display:grid;
    grid-template-columns:repeat(2,calc(50% - 8px));
    justify-content:space-between;
    align-items:center
}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoList>li{font-weight:400;
    color:#999999;}
.bodyWrap .sdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoList>li span,.bodyWrap .stgWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoList>li span,.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoList>li span {
    display:inline-block;
    width:80px;
    font-weight:400;
    color:#999999;
}

.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoListBox{width: 761px;
    min-height: 128px;
    background-color: #F8F8F8;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 18px;
    color: #434343;
    font-weight: 300;
    padding: 20px 16px;
}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoListBox > li{display:inline-block;width: 356px;    font-weight: 400;
    color: #999999;margin-top: 10px;}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoListBox > li.a-row{display: block;width: 100%;}
.bodyWrap .gdWrapBox .bodyL .gdDetailBox .boxCenter .tabsInfo .gameInfoBox .infoListBox > li:nth-child(-n+2){margin-top: 0;}



.bodyWrap .sdWrapBox .bodyL .reVersionBox,.bodyWrap .stgWrapBox .bodyL .reVersionBox,.bodyWrap .gdWrapBox .bodyL .reVersionBox {
    margin-top:20px;
    padding:20px 20px 0px
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists {
    padding:16px 0 12px
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem {
    width:100%;
    height:60px;
    background:#F8F8F8;
    padding:9px 10px 9px 12px;
    margin-bottom:10px
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:inherit
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a .itemR,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a .itemR,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a .itemR,.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a .itemL,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a .itemL,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a .itemL {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a .itemL,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a .itemL,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a .itemL {
    width:30%
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a .itemR,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a .itemR,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a .itemR {
    flex:1;
    padding-left:38px
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a img,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a img,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a img {
    width:42px;
    height:42px;
    border-radius:10px
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a p,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a p,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a p {
    font-size:14px;
    color:#666
}
.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a p:nth-child(1){width: 130px;}
.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a p:nth-child(2){width: 160px;}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a p.title,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a p.title,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a p.title {
    font-size:16px;
    color:#333333;
    flex:1;
    margin-left:10px
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a p>span,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a p>span,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a p>span {
    color:#999
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem a .btn,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem a .btn,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem a .btn {
    background:unset;
    border:2px solid var(--defColor);
    border-radius:14px;
    color:var(--defColor);
    line-height:24px;
    margin-left:20px
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem:hover,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem:hover,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem:hover {
    background:var(--defShallowColor)
}
.bodyWrap .sdWrapBox .bodyL .reVersionBox .lists .listItem:hover a .btn,.bodyWrap .stgWrapBox .bodyL .reVersionBox .lists .listItem:hover a .btn,.bodyWrap .gdWrapBox .bodyL .reVersionBox .lists .listItem:hover a .btn {
    background:var(--defColor);
    color:#FFFFFF
}
.bodyWrap .sdWrapBox .bodyL .relatedGameBox,.bodyWrap .stgWrapBox .bodyL .relatedGameBox,.bodyWrap .gdWrapBox .bodyL .relatedGameBox {
    margin-top:20px;
    padding:20px 20px 26px
}
.bodyWrap .sdWrapBox .bodyL .steBox,.bodyWrap .stgWrapBox .bodyL .steBox,.bodyWrap .gdWrapBox .bodyL .steBox {
    margin-top:20px;
    padding:20px 20px 26px
}
.bodyWrap .sdWrapBox .bodyL .steBox .threeColumnCont,.bodyWrap .stgWrapBox .bodyL .steBox .threeColumnCont,.bodyWrap .gdWrapBox .bodyL .steBox .threeColumnCont {
    margin:15px 0 6px
}
.bodyWrap .sdWrapBox .bodyL .corrBox,.bodyWrap .stgWrapBox .bodyL .corrBox,.bodyWrap .gdWrapBox .bodyL .corrBox {
    margin-top:20px;
    padding:24px 20px 14px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap {
    margin-top:19px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap>ul,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap>ul,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap>ul {
    display:flex
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap>ul li,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap>ul li,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap>ul li {
    width:98px;
    height:29px;
    background:#F5F5F5;
    border-radius:3px;
    text-align:center;
    font-size:14px;
    line-height:29px;
    margin-right:14px;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;;
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap>ul li a,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap>ul li a,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap>ul li a {
    color:inherit
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap>ul li:hover,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap>ul li:hover,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap>ul li:hover {
    background:var(--defShallowColor)
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap>ul li.active,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap>ul li.active,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap>ul li.active {
    background:var(--defColor);
    color:#fff;
    position:relative;cursor: pointer;
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap>ul li.active::after,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap>ul li.active::after,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap>ul li.active::after {
    content:"";
    width:0;
    height:0;
    border-top:6px solid var(--defColor);
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    display:block;
    position:absolute;
    bottom:-6px;
    left:50%;
    margin-left:-6px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont {
    margin-top:35px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem {
    width:760px;
    height:252px;
    background-image:url(../img/game_bg1.png?v=12.15.2);
    background-repeat:no-repeat;
    background-size:760px 252px;
    background-position:0 0
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a {
    display:flex
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo {
    padding:25px 22px 20px;
    flex:1
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p:first-child,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p:first-child,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p:first-child {
    font-size:20px;
    line-height:20px;
    font-weight:bold;
    color:#343434
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p:first-child>i,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p:first-child>i,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p:first-child>i {
    width:8px;
    height:12px;
    display:inline-block;
    background-image:url(../img/icon.png?v=12.16.1);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-282px -4px;
    margin-right:6px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p.time,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p.time,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p.time {
    margin-top:17px;
    font-size:14px;
    line-height:14px;
    color:#999999
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p.txt,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p.txt,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo p.txt {
    margin-top:12px;
    font-size:16px;
    line-height:22px;
    color:#434343;
    height:90px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    text-align:justify
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo .btn,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo .btn,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo .btn {
    margin-top:22px;
    width:108px;
    height:32px;
    line-height:32px;
    border-radius:0;
    background-color:var(--defColor)
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo .btn>i,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo .btn>i,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a .imgInfo .btn>i {
    width:19px;
    height:5px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-296px -4px;
    margin-left:6px;
    vertical-align:2px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a>img,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a>img,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .boxMainItem a>img {
    width:324px;
    height:212px;
    margin-bottom:62px;
    margin-right:22px;
    margin-top:-22px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList {
    display:flex;
    justify-content:space-between;
    padding-top:20px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem {
    width:142px;
    height:206px;
    border-radius:3px;
    color:#000
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem>img,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem>img,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem>img {
    width:110px;
    height:110px
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem:hover,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem:hover,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem:hover {
    background-color:var(--defShallowColor)
}
.bodyWrap .sdWrapBox .bodyL .tagBox,.bodyWrap .stgWrapBox .bodyL .tagBox,.bodyWrap .gdWrapBox .bodyL .tagBox {
    margin-bottom:32px
}
.bodyWrap .sdWrapBox .bodyL .tagBox .title,.bodyWrap .stgWrapBox .bodyL .tagBox .title,.bodyWrap .gdWrapBox .bodyL .tagBox .title {
    font-size:16px;
    color:var(--defColor);
    text-align:center;
    position:relative
}
.bodyWrap .sdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem:hover > .btn,.bodyWrap .stgWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem:hover > .btn,.bodyWrap .gdWrapBox .bodyL .corrBox .tabsWrap .tabsCont .tabInfo .columnList .boxItem:hover > .btn{background-color: var(--defColor);color: #fff;}
.bodyWrap .sdWrapBox .bodyL .tagBox .title::before,.bodyWrap .stgWrapBox .bodyL .tagBox .title::before,.bodyWrap .gdWrapBox .bodyL .tagBox .title::before,.bodyWrap .sdWrapBox .bodyL .tagBox .title::after,.bodyWrap .stgWrapBox .bodyL .tagBox .title::after,.bodyWrap .gdWrapBox .bodyL .tagBox .title::after {
    content:"";
    width:342px;
    height:1px;
    background-color:#ececec;
    position:absolute;
    top:14px;
    left:0
}
.bodyWrap .sdWrapBox .bodyL .tagBox .title::after,.bodyWrap .stgWrapBox .bodyL .tagBox .title::after,.bodyWrap .gdWrapBox .bodyL .tagBox .title::after {
    left:unset;
    right:0
}
.bodyWrap .sdWrapBox .bodyL .tagBox .title>i,.bodyWrap .stgWrapBox .bodyL .tagBox .title>i,.bodyWrap .gdWrapBox .bodyL .tagBox .title>i {
    width:20px;
    height:26px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-320px -3px;
    vertical-align:-7px;
    margin-right:8px
}
.bodyWrap .sdWrapBox .bodyL .tagBox .tagColumnList,.bodyWrap .stgWrapBox .bodyL .tagBox .tagColumnList,.bodyWrap .gdWrapBox .bodyL .tagBox .tagColumnList {
    padding:19px 20px 16px;
    padding-right:10px
}
.bodyWrap .sdWrapBox .bodyR,.bodyWrap .stgWrapBox .bodyR,.bodyWrap .gdWrapBox .bodyR {
    width:380px
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont {
    padding:10px 0 0
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem {
    border-bottom:1px solid #f7f7f7;
    padding-bottom:15px;
    padding:26px 0 18px 13px
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a .imgBox,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a .imgBox,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a .imgBox {
    width:84px;
    height:84px;
    border-radius:20px
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a .imgBox>img,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a .imgBox>img,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a .imgBox>img {
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo {
    font-size:16px;
    line-height:16px;
    color:#333333;
    flex:1;
    padding:0 15px
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo p,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo p,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo p {
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    max-width:139px
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .time,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .time,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .time {
    margin-top:11px;
    color:#999999
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .tags,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .tags,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .tags {
    margin-top:18px;
    display:flex
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .tags span,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .tags span,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a .imgInfo .tags span {
    margin-right:10px;
    padding:0 5px;
    height:24px;
    background:#F7F7F7;
    border-radius:3px;
    font-size:12px;
    line-height:24px;
    color:#A7A7A7
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem a .btn,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem a .btn,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem a .btn {
    line-height:24px;
    color:var(--defColor);
    background:unset;
    border:2px solid var(--defColor);
    /*display: none;*/
}
.bodyWrap .sdWrapBox .bodyR .singleRColumnCont .columnItem:hover a .btn,.bodyWrap .stgWrapBox .bodyR .singleRColumnCont .columnItem:hover a .btn,.bodyWrap .gdWrapBox .bodyR .singleRColumnCont .columnItem:hover a .btn {
    background:var(--defColor);
    border:2px solid var(--defColor);
    color:#fff;
    /*display: inline-block;*/
}
.bodyWrap .sdWrapBox .bodyR .stgNewBox,.bodyWrap .stgWrapBox .bodyR .stgNewBox,.bodyWrap .gdWrapBox .bodyR .stgNewBox,.bodyWrap .sdWrapBox .bodyR .stgHotBox,.bodyWrap .stgWrapBox .bodyR .stgHotBox,.bodyWrap .gdWrapBox .bodyR .stgHotBox {
    background-color:#fff
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox,.bodyWrap .stgWrapBox .bodyR .stgHotBox,.bodyWrap .gdWrapBox .bodyR .stgHotBox {
    padding:24px 22px 30px
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .topList,.bodyWrap .stgWrapBox .bodyR .stgHotBox .topList,.bodyWrap .gdWrapBox .bodyR .stgHotBox .topList {
    padding-left:2px
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .topList .singleColumnItem,.bodyWrap .stgWrapBox .bodyR .stgHotBox .topList .singleColumnItem,.bodyWrap .gdWrapBox .bodyR .stgHotBox .topList .singleColumnItem {
    width:100%;
    height:75px;
    padding:0;
    margin-top:20px
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgBox,.bodyWrap .stgWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgBox,.bodyWrap .gdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgBox {
    width:134px;
    height:75px;
    position:relative
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgBox .rankNum,.bodyWrap .stgWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgBox .rankNum,.bodyWrap .gdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgBox .rankNum {
    position:absolute;
    left:-2px;
    top:-1px;
    width:20px;
    height:20px;
    background:var(--defColor);
    font-size:14px;
    font-weight:400;
    color:#FFFFFF;
    text-align:center;
    line-height:20px;
    font-style:normal;
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo,.bodyWrap .stgWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo,.bodyWrap .gdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo {
    margin-top:-3.5px;
    padding:0 0 0 11px
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo p:first-child,.bodyWrap .stgWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo p:first-child,.bodyWrap .gdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo p:first-child {
    font-weight:400;
    font-size:15px;
    color:#333333;
    line-height:24px
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo p.time,.bodyWrap .stgWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo p.time,.bodyWrap .gdWrapBox .bodyR .stgHotBox .topList .singleColumnItem .imgInfo p.time {
    margin-top:13.5px;
    color:#ccc
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .topList .singleColumnItem:hover .imgInfo p:first-child,.bodyWrap .stgWrapBox .bodyR .stgHotBox .topList .singleColumnItem:hover .imgInfo p:first-child,.bodyWrap .gdWrapBox .bodyR .stgHotBox .topList .singleColumnItem:hover .imgInfo p:first-child {
    color:var(--defColor)
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .otherList,.bodyWrap .stgWrapBox .bodyR .stgHotBox .otherList,.bodyWrap .gdWrapBox .bodyR .stgHotBox .otherList {
    font-size:14px
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .otherList li>a,.bodyWrap .stgWrapBox .bodyR .stgHotBox .otherList li>a,.bodyWrap .gdWrapBox .bodyR .stgHotBox .otherList li>a {
    display:flex;
    margin-top:19px
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .otherList li>a .rankNum,.bodyWrap .stgWrapBox .bodyR .stgHotBox .otherList li>a .rankNum,.bodyWrap .gdWrapBox .bodyR .stgHotBox .otherList li>a .rankNum {
    width:20px;
    height:20px;
    background:#F3F3F3;
    color:#999;
    text-align:center;
    line-height:20px;
    font-style: normal;
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .otherList li>a>p,.bodyWrap .stgWrapBox .bodyR .stgHotBox .otherList li>a>p,.bodyWrap .gdWrapBox .bodyR .stgHotBox .otherList li>a>p {
    margin-top:-2px;
    color:#666666;
    line-height:24px;
    flex:1;
    padding-left:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-align:justify
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox .otherList li>a:hover>p,.bodyWrap .stgWrapBox .bodyR .stgHotBox .otherList li>a:hover>p,.bodyWrap .gdWrapBox .bodyR .stgHotBox .otherList li>a:hover>p {
    color:var(--defColor)
}
.bodyWrap .sdWrapBox .bodyR .stgNewBox,.bodyWrap .stgWrapBox .bodyR .stgNewBox,.bodyWrap .gdWrapBox .bodyR .stgNewBox {
    margin-top:20px;
    padding:23px 21px 22px
}
.bodyWrap .sdWrapBox .bodyR .stgNewBox .singleRColumnCont,.bodyWrap .stgWrapBox .bodyR .stgNewBox .singleRColumnCont,.bodyWrap .gdWrapBox .bodyR .stgNewBox .singleRColumnCont {
    margin:0 -2px;
    padding:2px 0 0
}
.bodyWrap .sdWrapBox .bodyR .stgNewBox .singleRColumnCont .columnItem,.bodyWrap .stgWrapBox .bodyR .stgNewBox .singleRColumnCont .columnItem,.bodyWrap .gdWrapBox .bodyR .stgNewBox .singleRColumnCont .columnItem {
    padding:16px 2px 16px 2px
}
.bodyWrap .sdWrapBox .bodyR .stgNewBox .singleRColumnCont .columnItem:last-child,.bodyWrap .stgWrapBox .bodyR .stgNewBox .singleRColumnCont .columnItem:last-child,.bodyWrap .gdWrapBox .bodyR .stgNewBox .singleRColumnCont .columnItem:last-child {
    border-bottom:unset
}
.bodyWrap .sdWrapBox .bodyR .gdHotTagsBox,.bodyWrap .stgWrapBox .bodyR .gdHotTagsBox,.bodyWrap .gdWrapBox .bodyR .gdHotTagsBox,.bodyWrap .sdWrapBox .bodyR .gdHotGameBox,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox,.bodyWrap .sdWrapBox .bodyR .gdHotBox,.bodyWrap .stgWrapBox .bodyR .gdHotBox,.bodyWrap .gdWrapBox .bodyR .gdHotBox {
    background-color:#fff
}
.bodyWrap .sdWrapBox .bodyR .gdHotBox,.bodyWrap .stgWrapBox .bodyR .gdHotBox,.bodyWrap .gdWrapBox .bodyR .gdHotBox {
    padding:22px 21px 15px
}
.bodyWrap .sdWrapBox .bodyR .gdHotBox .columnCont li,.bodyWrap .stgWrapBox .bodyR .gdHotBox .columnCont li,.bodyWrap .gdWrapBox .bodyR .gdHotBox .columnCont li {
    margin-bottom:15px
}
.bodyWrap .sdWrapBox .bodyR .gdHotBox .columnCont li:first-child,.bodyWrap .stgWrapBox .bodyR .gdHotBox .columnCont li:first-child,.bodyWrap .gdWrapBox .bodyR .gdHotBox .columnCont li:first-child {
    margin-top:16px
}
.bodyWrap .sdWrapBox .bodyR .gdHotBox .columnCont li a,.bodyWrap .stgWrapBox .bodyR .gdHotBox .columnCont li a,.bodyWrap .gdWrapBox .bodyR .gdHotBox .columnCont li a {
    width:100%;
    height:114px;
    display:block;
    position:relative
}
.bodyWrap .sdWrapBox .bodyR .gdHotBox .columnCont li a > div,
.bodyWrap .stgWrapBox .bodyR .gdHotBox .columnCont li a > div,
.bodyWrap .gdWrapBox .bodyR .gdHotBox .columnCont li a > div{height:114px;width:100%;overflow:hidden;}
.bodyWrap .sdWrapBox .bodyR .gdHotBox .columnCont li:hover a img,
.bodyWrap .stgWrapBox .bodyR .gdHotBox .columnCont li:hover a img,
.bodyWrap .gdWrapBox .bodyR .gdHotBox .columnCont li:hover a img{transform: scale(1.2);}


.bodyWrap .sdWrapBox .bodyR .gdHotBox .columnCont li a img,.bodyWrap .stgWrapBox .bodyR .gdHotBox .columnCont li a img,.bodyWrap .gdWrapBox .bodyR .gdHotBox .columnCont li a img {
    width:100%;
    height:100%;
    object-fit:cover;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;
}
.bodyWrap .sdWrapBox .bodyR .gdHotBox .columnCont li a p,.bodyWrap .stgWrapBox .bodyR .gdHotBox .columnCont li a p,.bodyWrap .gdWrapBox .bodyR .gdHotBox .columnCont li a p {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:77px;
    padding:10px;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    font-size:14px;
    line-height:14px;
    color:#FFFFFF;
    background-image:linear-gradient(to top,rgba(37,39,40,0.98) 0%,rgba(0,0,0,0) 100%);
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox {
    margin-top:20px;
    padding:22px 21px 8px;
    border-top:2px solid var(--defShallowColor);
    border-bottom:2px solid var(--defShallowColor)
}
.bodyWrap .gdWrapBox .bodyR >.gdHotGameBox:first-child{margin-top: 0;}


.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(1) a .imgBox,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(1) a .imgBox,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(1) a .imgBox,.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox,.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox {
    position:relative
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(1) a .imgBox::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(1) a .imgBox::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(1) a .imgBox::before,.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox::before,.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox::before {
    content:"";
    display:block;
    width:36px;
    height:33px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-54px -71px;
    position:absolute;
    left:-12px;
    top:-21px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(2) a .imgBox::before {
    background-position:-100px -69px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .singleRColumnCont .columnItem:nth-child(3) a .imgBox::before {
    background-position:-145px -71px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont {
    padding:14px 0
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem {
    padding:0 12px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem a,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem a,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem a {
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:15px;
    line-height:36px;
    color:#333333
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem a p,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem a p,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem a p {
    flex:1;
    padding:0 20px;
    overflow:hidden;
    white-space:nowrap;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem a .time,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem a .time,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem a .time {
    color:#999
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem:hover a,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem:hover a,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem:hover a {
    color:var(--defColor)
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem .itemNum,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem .itemNum,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem .itemNum {
    font-weight:600;
    color:#BFBFBF
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem .itemNum::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem .itemNum::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem .itemNum::before {
    content:"";
    display:block;
    width:16px;
    height:18px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-81px -651px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(2) .itemNum::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(2) .itemNum::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(2) .itemNum::before {
    background-position:-81px -686px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(3) .itemNum::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(3) .itemNum::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(3) .itemNum::before {
    background-position:-81px -721px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(4) .itemNum::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(4) .itemNum::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(4) .itemNum::before {
    background-position:-81px -756px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(5) .itemNum::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(5) .itemNum::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(5) .itemNum::before {
    background-position:-81px -791px
}
.bodyWrap .sdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(6) .itemNum::before,.bodyWrap .stgWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(6) .itemNum::before,.bodyWrap .gdWrapBox .bodyR .gdHotGameBox .listCont .listItem:nth-child(6) .itemNum::before {
    background-position:-81px -826px
}
.bodyWrap .sdWrapBox .bodyR .gdHotTagsBox,.bodyWrap .stgWrapBox .bodyR .gdHotTagsBox,.bodyWrap .gdWrapBox .bodyR .gdHotTagsBox {
    margin-top:20px;
    padding:25px 22px 26px
}
.bodyWrap .sdWrapBox .bodyR .gdHotTagsBox .tagList,.bodyWrap .stgWrapBox .bodyR .gdHotTagsBox .tagList,.bodyWrap .gdWrapBox .bodyR .gdHotTagsBox .tagList {
    display:flex;
    flex-wrap:wrap;
    margin-top:16px
}
.bodyWrap .sdWrapBox .bodyR .gdHotTagsBox .tagList li a,.bodyWrap .stgWrapBox .bodyR .gdHotTagsBox .tagList li a,.bodyWrap .gdWrapBox .bodyR .gdHotTagsBox .tagList li a {
    font-size:14px;
    height:32px;
    line-height:32px;
    padding:0 12px;
    color:#8d8d8d;
    background-color:#f8f8f8;
    margin-right:8px;
    margin-bottom:8px;
    border-radius:16px;
    display:inline-block
}
.bodyWrap .sdWrapBox .bodyR .gdHotTagsBox .tagList li a::before,.bodyWrap .stgWrapBox .bodyR .gdHotTagsBox .tagList li a::before,.bodyWrap .gdWrapBox .bodyR .gdHotTagsBox .tagList li a::before {
    content:"#";
    margin-right:3px
}
.bodyWrap .sdWrapBox .bodyR .gdHotTagsBox .tagList li a:hover,.bodyWrap .stgWrapBox .bodyR .gdHotTagsBox .tagList li a:hover,.bodyWrap .gdWrapBox .bodyR .gdHotTagsBox .tagList li a:hover {
    color:var(--defColor)
}
.bodyWrap .stgWrapBox .bodyL .stgTopBox {
    width:100%;
    height:292px;
    background-image:url(../img/stg_bg.png);
    background-repeat:no-repeat;
    background-size:800px 292px;
    background-position:0 0;
    padding:30px 20px
}
.bodyWrap .stgWrapBox .bodyL .stgTopBox>ul {
    display:flex
}
.bodyWrap .stgWrapBox .bodyL .stgTabBox .tabsWrap {
    margin-top:25px;
    margin-bottom:30px
}
.bodyWrap .stgWrapBox .bodyL .stgTabBox .tabsWrap>ul {
    font-size:18px;
    color:#666666;
    display:flex;
    height:49px;
    line-height:49px;
    background-color:#E8E8E8
}
.bodyWrap .stgWrapBox .bodyL .stgTabBox .tabsWrap>ul li {
    padding:0 20px;
    margin-right:10px;
    cursor:pointer
}
.bodyWrap .stgWrapBox .bodyL .stgTabBox .tabsWrap>ul li:first-child {
    margin-left:5px
}
.bodyWrap .stgWrapBox .bodyL .stgTabBox .tabsWrap>ul li:hover {
    color:var(--defColor)
}
.bodyWrap .stgWrapBox .bodyL .stgTabBox .tabsWrap>ul li.active {
    background-color:#fff;
    color:var(--defColor);
    border-top:5px solid #EA2C1A;
    margin-top:-5px
}
.bodyWrap .stgWrapBox .bodyL .stgTabBox .tabsWrap .tabsCount .countInfo li:last-child .singleColumnItem {
    margin-bottom:0
}
.bodyWrap .stgWrapBox .bodyL .stgTabBox .tabsWrap .tabsCount .countInfo .pageCode {
    height:80px;
    background:#E8E8E8;
    align-items:center
}
.bodyWrap .sdWrapBox .bodyL .sdInfoBox,.bodyWrap .sdWrapBox .bodyL .sdHotGameBox,.bodyWrap .sdWrapBox .bodyL .sdDetailBox {
    background-color:#fff
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox {
    font-size:16px;
    color:#434343
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxHead {
    padding:30px 20px 22px
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxHead>h1 {
    font-size:26px;
    font-weight:bold;
    color:#000000;
    line-height:36px;
    text-align:justify
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxHead>.time {
    margin-top:20px;
    font-size:14px;
    line-height:14px;
    color:#999999
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxHead>.time span {
    margin-right:15px
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxBody {
    padding:0 20px 25px;
    border-bottom:1px solid #f6f6f6
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxBody p {
    margin-top:24px
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxBody>p:first-child{margin-top: 0;}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxBody>img {
    width:100%;
    height:428px;
    object-fit:cover;
    display:block
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxBody>img:first-child {
    margin:0
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxBody>p {
    line-height:24px;
    text-align:justify;
    text-indent: 2em;
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxBody>h3{margin-bottom: 18px;line-height: 34px;font-size: 18px;color: #333;font-weight: 700;}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxBody img{max-width: 638px;
    max-height: 500px;
    width: auto;
    height: auto;
    object-fit: cover;
    margin: 0 auto;
    display: block;}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxFoot {
    padding:22px 20px 26px;
    font-size:16px;
    line-height:28px;
    font-weight:400;
    color:#888888;
    display:flex;
    align-items:center
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxFoot .copyBtn {
    cursor:pointer;
    font-size:14px;
    height:28px;
    line-height:26px;
    color:#ff9700;
    border:1px solid #ff9700;
    border-radius:3px;
    padding:0 10px 0 8px;
    margin-right:10px;
    display:flex;
    align-items:center
}
.bodyWrap .sdWrapBox .bodyL .sdDetailBox .boxFoot .copyBtn>i {
    width:16px;
    height:16px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-508px -4px;
    margin-right:6px
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox {
    margin-top:20px;
    display:flex
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a {
    width:50%;
    height:120px;
    background:#FBFBFB;
    padding:14px 20px;
    display:flex
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a .imgBox {
    width:140px;
    height:92px
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a .imgBox>img {
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a .imgInfo {
    flex:1;
    padding-left:20px;
    font-size:12px;
    line-height:22px;
    color:#999999
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a .imgInfo p {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-align:justify
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a .imgInfo p.linkBtn {
    font-size:14px;
    line-height:14px;
    font-weight:400;
    color:#333333;
    display:flex;
    align-items:center;
    margin-bottom:13px;
    margin-top:6px
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a .imgInfo p.linkBtn i {
    display:inline-block;
    width:15px;
    height:16px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-529px -4px;
    margin-right:9px
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a:last-child .imgInfo p.linkBtn i {
    background-position:-550px -3px;
    margin-left:9px;
    margin-right:unset
}
.bodyWrap .sdWrapBox .bodyL .sdLinkBox>a:hover {
    background:#fff
}
.bodyWrap .sdWrapBox .bodyL .sdHotGameBox {
    margin-top:20px;
    padding:21px 20px 26px
}
.bodyWrap .sdWrapBox .bodyL .sdHotGameBox .fiveColumnCont .columnItem .imgBox {
    position:relative
}
.bodyWrap .sdWrapBox .bodyL .sdHotGameBox .fiveColumnCont .columnItem .imgBox::after {
    content:"";
    position:absolute;
    top:-2px;
    right:-2px;
    display:block;
    width:24px;
    height:24px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-74px -3px
}
.bodyWrap .sdWrapBox .bodyL .sdInfoBox {
    margin-top:20px;
    padding:21px 20px 15px;
    margin-bottom:31px
}
.bodyWrap .sdWrapBox .bodyL .sdInfoBox .threeColumnCont {
    margin-top:15px
}
.bodyWrap .sdWrapBox .bodyL .sdInfoBox .threeColumnCont .columnItem {
    margin-bottom:20px
}
.bodyWrap .sdWrapBox .bodyR .sdSmBox {
    background-color:#fff
}
.bodyWrap .sdWrapBox .bodyR .sdSmBox .singleRColumnCont {
    padding:0
}
.bodyWrap .sdWrapBox .bodyR .sdSmBox .singleRColumnCont .columnItem {
    padding:21px;
    border:2px solid var(--defShallowColor)
}
.bodyWrap .sdWrapBox .bodyR .sdSmBox .singleRColumnCont .columnItem .imgBox {
    width:110px;
    height:110px;
    overflow:hidden;
    border-radius:20px
}
.bodyWrap .sdWrapBox .bodyR .sdSmBox .singleRColumnCont .columnItem .imgInfo {
    padding:0 12px
}
.bodyWrap .sdWrapBox .bodyR .stgHotBox {
    /*margin-top:20px*/
}
.bodyWrap .colTopicBox {
    margin-top:-56px;
    height:448px;
    width:100%;
    background-image:url(../img/index_bg2.png);
    background-size:cover;
    background-position:center;
    padding:56px 0 0
}
.bodyWrap .colTopicBox .center {
    height:100%;
    background-image:url(../img/col_bg.png);
    background-repeat:no-repeat;
    background-size:1720px 897px
}
.bodyWrap .colTopicBox .center .boxTitle {
    font-size:22px;
    line-height:22px;
    padding:16px 20px 6px
}
.bodyWrap .colTopicBox .center .boxTitle .titleL {
    display:flex;
    align-items:center
}
.bodyWrap .colTopicBox .center .boxTitle .titleL::before {
    content:"";
    width:4px;
    height:20px;
    display:inline-block;
    background-color:#fff;
    margin-right:8px
}
.bodyWrap .colTopicBox .center .boxCount {
    padding-top:0px
}
.bodyWrap .colTopicBox .center .boxCount .leftList {
    padding:10px 0;
    border-bottom:unset
}
.bodyWrap .colTopicBox .center .boxCount .leftList .leftSwWrap .swiper-wrapper .swiper-slide {
    padding:0 0 0 20px
}
.bodyWrap .colTopicBox .center .boxCount .leftList .leftSwWrap .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after {
    margin:0 0 0 8px
}
.bodyWrap .colColBox {
    margin-top:20px;
    margin-bottom:30px
}
.bodyWrap .colColBox .dtBoxTitle {
    padding:18px 25px 18px 20px;
    background:#FFFFFF;
    border-top:2px solid var(--defShallowColor)
}
.bodyWrap .colColBox .dtBoxTitle .titleC {
    margin-bottom:-35px
}
.bodyWrap .colColBox .dtBoxTitle .titleC .tabs {
    display:flex
}
.bodyWrap .colColBox .dtBoxTitle .titleC .tabs li {
    font-size:18px;
    line-height:18px;
    color:#999999;
    padding:0 16px 18px;
    margin:0 25px;
    cursor:pointer
}
.bodyWrap .colColBox .dtBoxTitle .titleC .tabs li:first-child {
    position:relative
}
.bodyWrap .colColBox .dtBoxTitle .titleC .tabs li:first-child::after {
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    position:absolute;
    top:-4px;
    right:2px;
    background-color:#ff4a3b
}
.bodyWrap .colColBox .dtBoxTitle .titleC .tabs li:hover {
    color:var(--defColor)
}
.bodyWrap .colColBox .dtBoxTitle .titleC .tabs li.active {
    color:#000000;
    border-bottom:2px solid #000
}
.bodyWrap .colColBox .dtBoxTitle .titleC .tabs li.active::after {
    display:none
}
.bodyWrap .colColBox .dtBoxTitle .titleC .tabs li a {
    color:inherit
}
.bodyWrap .colColBox .dtBoxTitle .titleR {
    background-image:none;
    text-indent:unset;
    width:unset;
    height:unset
}
.bodyWrap .colColBox .dtBoxTitle .titleR .tabs {
    border:1px solid #ffe3e2;
    width:110px;
    height:38px;
    padding:3px;
    border-radius:19px;
    display:flex;
    justify-content:space-between;
    font-size:14px
}
.bodyWrap .colColBox .dtBoxTitle .titleR .tabs li {
    width:50%;
    height:100%;
    line-height:30px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#666
}
.bodyWrap .colColBox .dtBoxTitle .titleR .tabs li.active {
    font-weight:bold;
    color:var(--defColor);
    background:#FFE3E2
}
.bodyWrap .colColBox .dtBoxTitle .titleR .tabs li a {
    color:inherit
}
.bodyWrap .colColBox .threeColumnCon {
    margin-top:20px
}
.bodyWrap .colColBox .pageCode {
    height:80px;
    background:#E8E8E8;
    align-items:center
}
.bodyWrap .cdCrumbsBox {
    background-color:#fff;
    background-image:url(../img/col_bg1.png?v=12.15.2);
    background-repeat:no-repeat;
    background-size:1920px 41px
}
.bodyWrap .cdDetailBox {
    background-color:#fff;margin-bottom: 20px;
}
.bodyWrap .cdDetailBox .boxWrap {
    padding:2px 0 30px;
    display:flex;
    justify-content:space-between
}
.bodyWrap .cdDetailBox .boxWrap .boxL {
    margin-top:20px;
    width:1200px;
    height:262px;
    background-image:url(../img/col_bg2.png?v=12.16.1);
    background-repeat:no-repeat;
    background-size:1200px 262px;
    display:flex
}
.bodyWrap .cdDetailBox .boxWrap .boxL>img {
    width:408px;
    height:234px;
    margin-left:20px;
    margin-top:-22px
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo {
    padding:28px 20px 15px
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo>p {
    color:#999999;
    font-size:14px
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo h1 {
    font-size:24px;
    font-weight:bold;
    color:#343434;
    line-height:24px;
    display:flex;
    align-items:center
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo h1>i {
    width:8px;
    height:12px;
    display:inline-block;
    background-image:url(../img/icon.png?v=12.16.1);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-282px -4px;
    margin-right:6px
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo p.time {
    margin-top:16px
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo .txt {
    font-size:16px;
    color:#434343;
    line-height:24px;
    margin-top:9px;
    overflow-y:auto;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    text-align:justify
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo .txt > p{color:#999999;
    font-size:14px}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo>p:last-child {
    margin-top:30px
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo p:last-child a {
    color:#766e71;
    border-radius:3px;
    border:1px solid #dbccd2;
    margin-right:10px;
    height:26px;
    line-height:24px;
    padding:0 5px;
    display:inline-block
}
.bodyWrap .cdDetailBox .boxWrap .boxL .imgInfo p:last-child a:hover {
    color:var(--defColor)
}
.bodyWrap .cdDetailBox .boxWrap .boxR {
    width:199px;
    height:282px;
    position:relative
}
.bodyWrap .cdDetailBox .boxWrap .boxR::after {
    content:"";
    width:45px;
    height:49px;
    display:block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -71px;
    position:absolute;
    left:-2px;
    top:-1px
}
.bodyWrap .cdDetailBox .boxWrap .boxR>img {
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .cdDetailBox .boxWrap .boxR .boxItem {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,0.7);
    width:100%;
    height:100%;
    color:#fff
}
.bodyWrap .cdDetailBox .boxWrap .boxR .boxItem .btn {
    background:var(--defColor)
}
.bodyWrap .cdGameBox {
    margin-top:20px
}
.bodyWrap .cdGameBox .boxWrap {
    width:1180px;
    background-color:#fff;
    padding:18px 21px 28px
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleL {
    font-size:14px;
    color:#CCC
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleL>span {
    font-size:22px;
    line-height:22px;
    color:#343434;
    margin-right:6px
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleL p {
    font-size:14px;
    color:#666666;
    margin-left:5px
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleL p>span {
    color:#FF6633;
    margin:0 5px
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleR {
    background-image:none;
    text-indent:unset;
    width:unset;
    height:unset
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleR .tabs {
    border:1px solid #ffe3e2;
    width:110px;
    height:38px;
    padding:3px;
    border-radius:19px;
    display:flex;
    justify-content:space-between;
    font-size:14px
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleR .tabs li {
    width:50%;
    height:100%;
    line-height:30px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#666
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleR .tabs li.active {
    font-weight:bold;
    color:var(--defColor);
    background:#FFE3E2
}
.bodyWrap .cdGameBox .boxWrap .dtBoxTitle .titleR .tabs li a {
    color:inherit
}
.bodyWrap .cdGameBox .boxWrap .cdBoxCont {
    padding:15px 0 0
}
.bodyWrap .cdRecommendBox {
    margin-top:20px;
    background-color:#fff
}
.bodyWrap .cdRecommendBox .boxWrap {
    padding:25px 0 0
}
.bodyWrap .cdRecommendBox .threeColumnCon {
    margin-top:20px
}
.bodyWrap .cdRecommendBox .threeColumnCon .columnItem a {
    background:#fff
}
.bodyWrap .rkTopBox {
    margin-top:-56px;
    height:210px;
    width:100%;
    background-image:url(../img/rank_bg.png);
    background-size:cover;
    background-position:center;
    padding:56px 0 0
}
.bodyWrap .rkTopBox .boxWrap>i {
    display:block;
    width:238px;
    height:130px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-757px -727px;
    margin:-20px auto 0
}
.bodyWrap .rkTopBox .boxWrap .boxHead {
    height:44px;
    background-color:#f15167;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-right:22px
}
.bodyWrap .rkTopBox .boxWrap .boxHead .tabs {
    display:flex;
    height:44px
}
.bodyWrap .rkTopBox .boxWrap .boxHead .tabs li a {
    display:flex;
    align-items:center;
    padding:0 64px 0 70px;
    background:#E33852;
    font-size:20px;
    line-height:44px;
    color:#FFCCCC
}
.bodyWrap .rkTopBox .boxWrap .boxHead .tabs li a::before {
    content:"";
    width:26px;
    height:22px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-625px -4px;
    margin-right:8px
}
.bodyWrap .rkTopBox .boxWrap .boxHead .tabs li:last-child a::before {
    width:18px;
    height:20px;
    background-position:-681px -6px
}
.bodyWrap .rkTopBox .boxWrap .boxHead .tabs li.active a {
    background:var(--defColor);
    color:#FFFFFF
}
.bodyWrap .rkTopBox .boxWrap .boxHead .tabs li.active a::before {
    background-position:-593px -4px
}
.bodyWrap .rkTopBox .boxWrap .boxHead .tabs li.active:last-child a::before {
    background-position:-657px -6px
}
.bodyWrap .rkTopBox .boxWrap .boxHead>p {
    font-size:14px;
    line-height:14px;
    color:#FFCCCC;
    display:flex;
    align-items:center
}
.bodyWrap .rkTopBox .boxWrap .boxHead>p::before {
    content:"";
    width:14px;
    height:14px;
    display:inline-block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-705px -7px;
    margin-right:6px
}
.bodyWrap .rkListBox .boxWrap {
    margin-top:21px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap>ul {
    padding:20px 18px 5px;
    border:2px solid var(--defShallowColor);
    background-color:#fff;
    display:grid;
    grid-template-columns:repeat(7,13%);
    justify-content:space-between
}
.bodyWrap .rkListBox .boxWrap .tabsWrap>ul li a {
    display:block;
    color:#666;
    background-color:#f5f5f5;
    height:32px;
    line-height:32px;
    text-align:center;
    margin-bottom:16px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap>ul li a:hover {
    color:var(--defColor)
}
.bodyWrap .rkListBox .boxWrap .tabsWrap>ul li.active a {
    background-color:#E13D3D;
    color:#fff
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount {
    margin:0 10px;
    background-color:#fff;
    padding-bottom:34px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo>p {
    font-size:20px;
    font-weight:bold;
    color:#333333;
    line-height:61px;
    text-align:center
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList {
    border-top:2px solid #E13D3D;
    position:relative
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList::before {
    content:"";
    width:0;
    height:0;
    border-bottom:8px solid #E13D3D;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    display:block;
    position:absolute;
    left:50%;
    margin-left:-8px;
    top:-8px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a {
    display:flex;
    padding:30px 0 20px;
    margin:0 21px;
    border-bottom:1px solid #eeeeee
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .listNum {
    display:flex;
    align-items:center;
    justify-content:center;
    width:122px;
    height:116px;
    font-size:24px;
    font-weight:bold;
    color:#BFBFBF
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemImg {
    position:relative;
    width:116px;
    height:116px;
    border-radius:20px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemImg>img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemInfo {
    padding-left:20px;
    flex:1;
    font-size:14px;
    color:#666
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemInfo>div {
    display:flex;
    justify-content:space-between
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemInfo>div .txt p {
    margin-top:10px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemInfo>div .txt p:nth-child(1) {
    font-size:20px;
    line-height:20px;
    color:#000000;
    margin-top:2px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemInfo>div .txt p span {
    font-size:12px;
    height:20px;
    line-height:18px;
    border:1px solid #E6E6E6;
    border-radius:6px;
    padding:0 12px;
    display:inline-block;
    margin-right:5px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemInfo>div .txt p:nth-child(3) {
    color:#999;
    margin-top:9px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemInfo>div .btn {
    width:115px;
    height:36px;
    line-height:36px;
    background:var(--defColor);
    border-radius:17px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li>a .itemInfo>p {
    margin-top:14px;
    padding:10px 15px;
    line-height:24px;
    background:#F8F8F8
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(1)>a .listNum::before,.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(2)>a .listNum::before,.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(3)>a .listNum::before {
    content:"";
    width:62px;
    height:22px;
    display:block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-6px -650px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(1)>a .itemImg,.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(2)>a .itemImg,.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(3)>a .itemImg {
    border:2px solid #fabd4c;
    position:relative
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(1)>a .itemImg::before,.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(2)>a .itemImg::before,.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(3)>a .itemImg::before {
    content:"";
    width:40px;
    height:40px;
    display:block;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-4px -740px;
    position:absolute;
    top:-21px;
    left:-26px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(2)>a .listNum::before {
    width:68px;
    background-position:-6px -680px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(2)>a .itemImg {
    border-color:#c9cdd8
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(2)>a .itemImg::before {
    background-position:-4px -788px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(3)>a .listNum::before {
    width:68px;
    background-position:-5px -709px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(3)>a .itemImg {
    border-color:#f4915a
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:nth-child(3)>a .itemImg::before {
    background-position:-4px -837px
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:last-child>a {
    border-bottom:unset
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:hover {
    background:#FFF8F8
}
.bodyWrap .rkListBox .boxWrap .tabsWrap .tabsCount .countInfo .rankList li:hover>a .itemInfo>p {
    background:#FFFCFC
}
.bodyWrap .rkHotTagBox {
    margin-bottom:30px
}
.bodyWrap .rkHotTagBox .boxWrap {
    margin-top:20px;
    background-color:#FFF;
    padding:24px 10px 15px 20px
}
.bodyWrap .rkHotTagBox .boxWrap .tagColumnList {
    margin-top:22px
}
.bodyWrap .noPageBox {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:#B5B6B6;
    line-height:28px;
    min-height:calc(100vh - 332px)
}
.bodyWrap .noPageBox::before {
    content:"";
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-368px -475px;
    width:627px;
    height:252px;
    display:block
}
.bodyWrap .noPageBox p {
    margin-top:20px
}
.bodyWrap .popupBox {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:1002;
    display:flex;
    align-items:center;
    justify-content:center
}
.bodyWrap .popupBox.hide {
    display:none
}
.bodyWrap .popupBox .subSuccessBox,.bodyWrap .popupBox .subBox {
    width:468px;
    height:315px;
    background:#FFFFFF;
    border-radius:3px;
    position:relative
}
.bodyWrap .popupBox .subSuccessBox>i,.bodyWrap .popupBox .subBox>i {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:468px;
    height:2px;
    background:var(--defColor);
    border-radius:1px
}
.bodyWrap .popupBox .subSuccessBox .boxTop>i,.bodyWrap .popupBox .subBox .boxTop>i {
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-76px -176px;
    display:block;
    width:224px;
    height:149px;
    position:absolute;
    top:18px;
    left:127px
}
.bodyWrap .popupBox .subSuccessBox .boxTop .close,.bodyWrap .popupBox .subBox .boxTop .close {
    background-position:-345px -4px;
    top:15px;
    right:17px;
    left:unset;
    width:20px;
    height:20px;
    cursor:pointer
}
.bodyWrap .popupBox .subSuccessBox .boxTop p,.bodyWrap .popupBox .subBox .boxTop p {
    font-size:34px;
    line-height:34px;
    font-weight:bold;
    color:var(--defColor);
    text-align:center;
    padding-top:37px
}
.bodyWrap .popupBox .subSuccessBox .boxCenter,.bodyWrap .popupBox .subBox .boxCenter {
    position:absolute;
    background:#FFFFFF;
    z-index:1;
    top:108px;
    left:50px;
    right:50px;
    border:1px solid #E0E0E0;
    border-radius:7px;
    height:53px;
    display:flex;
    align-items:center
}
.bodyWrap .popupBox .subSuccessBox .boxCenter>i,.bodyWrap .popupBox .subBox .boxCenter>i {
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-371px -4px;
    display:block;
    width:21px;
    height:31px;
    margin:0 16px 0 18px
}
.bodyWrap .popupBox .subSuccessBox .boxCenter input,.bodyWrap .popupBox .subBox .boxCenter input {
    font-size:16px;
    border:none;
    height:37px;
    border-left:1px solid #E0E0E0;
    padding:0 5px 0 12px;
    padding-right:5px;
    flex:1
}
.bodyWrap .popupBox .subSuccessBox .boxCenter input::-webkit-input-placeholder,.bodyWrap .popupBox .subBox .boxCenter input::-webkit-input-placeholder {
    color:#ccc
}
.bodyWrap .popupBox .subSuccessBox .boxCenter input::-moz-placeholder,.bodyWrap .popupBox .subBox .boxCenter input::-moz-placeholder {
    color:#ccc
}
.bodyWrap .popupBox .subSuccessBox .boxCenter input:-moz-placeholder,.bodyWrap .popupBox .subBox .boxCenter input:-moz-placeholder {
    color:#ccc
}
.bodyWrap .popupBox .subSuccessBox .boxCenter input:-ms-input-placeholder,.bodyWrap .popupBox .subBox .boxCenter input:-ms-input-placeholder {
    color:#ccc
}
.bodyWrap .popupBox .subSuccessBox .boxBottom,.bodyWrap .popupBox .subBox .boxBottom {
    position:absolute;
    bottom:30px;
    left:50px;
    right:50px;
    display:flex;
    flex-direction:column;
    align-items:center
}
.bodyWrap .popupBox .subSuccessBox .boxBottom p,.bodyWrap .popupBox .subBox .boxBottom p {
    font-size:18px;
    line-height:18px;
    color:#404040;
    margin-top:12px;
    white-space:nowrap
}
.bodyWrap .popupBox .subSuccessBox .boxBottom p span,.bodyWrap .popupBox .subBox .boxBottom p span {
    color:#FF3333
}
.bodyWrap .popupBox .subSuccessBox .boxBottom .errTips,.bodyWrap .popupBox .subBox .boxBottom .errTips {
    color:#FF3333;
    margin:0;
    position:absolute;
    font-size:12px;
    line-height:12px
}
.bodyWrap .popupBox .subSuccessBox .boxBottom .tip,.bodyWrap .popupBox .subBox .boxBottom .tip {
    font-size:14px;
    line-height:14px;
    color:#CCCCCC
}
.bodyWrap .popupBox .subSuccessBox .boxBottom button,.bodyWrap .popupBox .subBox .boxBottom button {
    margin-top:16px;
    width:195px;
    height:50px;
    background:linear-gradient(0deg,#FF867A,#FF6362);
    border-radius:27px;
    font-size:20px;
    color:#FFFFFF
}
.bodyWrap .popupBox .subSuccessBox .boxTop .bg {
    width:214px;
    height:57px;
    background-position:-76px -347px
}
.bodyWrap .popupBox .subSuccessBox .boxCenter {
    border:none;
    display:flex;
    flex-direction:column;
    position:unset;
    height:fit-content
}
.bodyWrap .popupBox .subSuccessBox .boxCenter>i {
    background-position:-278px -71px;
    display:block;
    width:56px;
    height:57px;
    margin:33px 0 0
}
.bodyWrap .popupBox .subSuccessBox .boxCenter>p {
    margin-top:20px;
    font-weight:bold;
    font-size:24px;
    line-height:24px;
    color:#3FE7BD;
    display:block
}
.bodyWrap .popupBox .subSuccessBox .boxCenter .wait {
    display:none
}
.bodyWrap .popupBox .waitBox .boxCenter i {
    background-position:-344px -70px
}
.bodyWrap .popupBox .waitBox .boxCenter .success {
    display:none
}
.bodyWrap .popupBox .waitBox .boxCenter .wait {
    display:block;
    color:#6CCAFF
}
.bodyWrap .popupBox .feedbackBox {
    width:518px;
    background:#FFFFFF;
    border-radius:3px;
    overflow:hidden;
    padding-bottom:40px
}
.bodyWrap .popupBox .feedbackBox .boxHead {
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-475px -907px;
    display:block;
    width:518px;
    height:86px;
    position:relative
}
.bodyWrap .popupBox .feedbackBox .boxHead p {
    font-size:34px;
    line-height:34px;
    font-weight:bold;
    color:#FFFFFF;
    background:linear-gradient(0deg,#c9ffe4 0%,#FFFFFF 30%,#FFFFFF 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-align:center;
    padding-top:23px
}
.bodyWrap .popupBox .feedbackBox .boxHead .close {
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    display:block;
    position:absolute;
    background-position:-456px -4px;
    top:20px;
    right:19px;
    left:unset;
    width:20px;
    height:20px;
    cursor:pointer
}
.bodyWrap .popupBox .feedbackBox .boxBody {
    font-size:22px;
    line-height:22px;
    padding:0 33px 26px
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem {
    font-weight:400;
    color:#000000;
    margin-top:22px;
    position:relative
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem .errTips {
    color:#FF3333;
    margin:0;
    position:absolute;
    font-size:12px;
    line-height:12px
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem ul {
    font-size:18px;
    color:#666666
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem ul li {
    margin-top:26px;
    margin-left:2px;
    display:flex;
    align-items:center;
    cursor:pointer
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem ul li>i {
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    display:block;
    background-position:-425px -4px;
    width:27px;
    height:27px;
    margin-right:12px
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem ul li.active>i {
    background-position:-396px -2px
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem ul li:first-child {
    margin-top:24px
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem ul li:last-child {
    margin-bottom:28px
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem textarea,.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem input {
    border:unset;
    font-size:16px;
    background:#F6F6F6;
    padding:014px;
    border-radius:3px;
    width:100%
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem textarea {
    height:100px;
    margin-top:16px;
    resize:none
}
.bodyWrap .popupBox .feedbackBox .boxBody .bodyItem input {
    height:52px;
    margin-top:16px
}
.bodyWrap .popupBox .feedbackBox .boxFoot {
    display:flex;
    justify-content:center
}
.bodyWrap .popupBox .feedbackBox .boxFoot button {
    color:#FFFFFF;
    font-size:20px;
    line-height:50px;
    width:195px;
    height:50px;
    background:linear-gradient(0deg,#37E199,#65F8BA);
    border-radius:27px
}
.bodyWrap .popupBox .historyBox {
    width:520px;
    height:545px;
    background:#FFFFFF;
    border-radius:3px;
    overflow:hidden;
    position:relative
}
.bodyWrap .popupBox .historyBox .boxHead {
    height:64px;
    background:linear-gradient(0deg,#FF867A,#FF6362);
    font-size:24px;
    font-weight:bold;
    color:#FFFFFF
}
.bodyWrap .popupBox .historyBox .boxHead p {
    line-height:64px;
    padding-left:28px
}
.bodyWrap .popupBox .historyBox .boxHead .close {
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    display:block;
    position:absolute;
    background-position:-482px -4px;
    top:20px;
    right:20px;
    left:unset;
    width:20px;
    height:20px;
    cursor:pointer
}
.bodyWrap .popupBox .historyBox .boxBody {
    margin:0 23px 0 26px;
    padding:20px 15px 25px 0;
    height:481px;
    overflow-y:auto;
    text-align:justify
}
.bodyWrap .popupBox .historyBox .boxBody p {
    font-size:16px;
    font-weight:bold;
    color:#333333
}
.bodyWrap .popupBox .historyBox .boxBody .cont {
    font-weight:400;
    font-size:14px;
    color:#666666;
    padding-bottom:16px;
    padding-top:6px;
    line-height:22px
}
.bodyWrap .popupBox .historyBox .boxBody::-webkit-scrollbar {
    width:6px
}
.bodyWrap .popupBox .historyBox .boxBody::-webkit-scrollbar-thumb {
    background:#dfdfdf;
    border-radius:3px
}
.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul {
    border:2px solid #d6ddff;
    padding:10px 20px 25px
}
.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul li:hover {
    color:#7489EE;
    border:1px solid #cbd3f8
}
.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul li.active {
    background:#7489EE;
    border:1px solid #7489EE;
    color:#fff
}
.bodyWrap .sfClassifyBox .boxCount .tabsWrap>ul li.active::after {
    border-top:7px solid #7489EE
}
.bodyWrap .sfClassifyBox .boxCount .tabsWrap .tabsCount .countInfo>ul .boxItem .hoverItem {
    background:rgba(116,137,238,0.8)
}
.bodyWrap .sfClassifyBox .boxCount .tabsWrap .tabsCount .countInfo>ul .boxItem.isViewItem .hoverItem {
    background:rgba(255,136,21,0.8)
}
.fdLink {
    width:100%;
    background-color:#000;
    font-size:12px;
    color:#999
}
.fdLink a {
    color:inherit;
    line-height:26px
}
.fdLink a:hover {
    color:var(--defColor)
}
.fdLink a::after {
    content:"|";
    display:inline-block;
    margin:0 8px
}
.fdLink a:last-child::after {
    content:"";
    margin:0
}
.fdLink .center {
    padding:20px 0;
    text-align:center
}
.fdLink .center span {
    font-weight:bold
}
footer {
    width:100%;
    height:120px;
    background-color:#000;
    position:relative
}
footer .footerBottom,footer .footerTop {
    width:1200px;
    margin:0 auto;
    text-align:center;
    color:#999999;
    font-size:14px
}
footer .footerTop {
    color:#666;
    height:120px;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    padding:10px;
    border-top:1px solid #333
}
footer .footerTop .infoLink a {
    font-size:14px;
    color:#999999
}
footer .footerTop .infoLink a:hover {
    color:var(--defColor)
}
footer .footerTop .infoLink a::after {
    content:"|";
    display:inline-block;
    margin:0 8px
}
footer .footerTop .infoLink a:last-child::after {
    content:"";
    margin:0
}
footer .footerTop a{color:#666}
footer .footerBottom {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:59px;
    background:#202020;
    line-height:59px
}
footer .footerBottom a {
    color:unset
}
footer .footerBottom a:hover {
    color:var(--defColor)
}
footer .footerBottom a i {
    display:inline-block;
    width:30px;
    height:30px;
    background-image:url(../img/icon.png);
    background-repeat:no-repeat;
    background-size:1000px 1000px;
    background-position:-54px -115px;
    vertical-align:middle;
    margin:0 5px 0 20px
}
footer .footerBottom a:nth-child(2) i {
    background-position:-89px -115px
}
footer .footerBottom a:nth-child(3) i {
    background-position:-124px -115px
}
.hide {
    display:none
}

/*------游戏 列表页*/
.gmPageBox{}
.gmPageBox .gameNav{}
.gmPageBox .gameNav > ul{color: #666;font-size: 14px;width: 100%;background: #FFFFFF;border: 2px solid var(--defShallowColor);padding: 10px 20px 18px;display: grid;grid-template-columns: repeat(11, 9.21%);}
.gmPageBox .gameNav > ul > li{width: 92px;margin-top: 15px;border: 1px solid rgba(216,216,216,0.75);border-radius: 3px;text-align: center;line-height: 32px;cursor: pointer;}
.gmPageBox .gameNav > ul > li[data-none="1"]{display: none !important;}
.gmPageBox .gameNav > ul > li > a{display: block;color:#666;}
.gmPageBox .gameNav > ul > li:hover,.gmPageBox .gameNav > ul > li.current{    background: var(--defColor);border: 1px solid var(--defColor);color: #fff;position: relative;}
.gmPageBox .gameNav > ul > li:hover::after,.gmPageBox .gameNav > ul > li.current::after{content: "";width: 0;height: 0;border-top: 7px solid var(--defColor);border-right: 7px solid transparent;border-left: 7px solid transparent;display: block;position: absolute;bottom: -7px;left: 50%;margin-left: -7px;}
.gmPageBox .gameNav > ul > li:hover > a,.gmPageBox .gameNav > ul > li.current > a{color: #fff;}
.gmPageBox .gameList{background-color: #fff;padding: 20px 21px 20px;}
.gmPageBox .gameList > ul{overflow: hidden;}
.gmPageBox .gameList > ul > li{float: left;width: 220px;height: 270px;background: #F8F8F8;padding: 17px 21px 22px;    font-size: 18px;position: relative;overflow: hidden;margin-bottom: 20px;color:#000;margin-right:14px;}
.gmPageBox .gameList > ul > li:nth-child(5n){margin-right: 0;}
.gmPageBox .gameList > ul > li > a{display: block;}
.gmPageBox .gameList > ul > li > a > img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: 0 auto;}
.gmPageBox .gameList > ul > li > a > p{display: block;height: 24px;line-height: 24px;overflow: hidden;text-align: center;font-size: 14px;color: #ababab;}
.gmPageBox .gameList > ul > li > a > p:nth-child(2){font-size: 16px;color: #454545;text-align: center;overflow: hidden;margin-top: 10px;margin-bottom: 2px;font-weight: 700;}
.gmPageBox .gameList > ul > li > a > span{position: absolute;bottom: -44px;left: 0;right: 0;height: 44px;text-align: center;line-height: 44px;font-size: 15px;color: #FFFFFF;background:var(--defColor);}
.gmPageBox .gameList > ul > li:hover > a > span{animation: animate .5s;bottom: 0;}
/*.gmPageBox .gameList > ul > li > a > p:nth-child(5){display: none;}*/
.gmPageBox .gameList > ul > li > a > p:nth-child(5){overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: justify;height: 50px;font-size: 12px;line-height: 16px;}

.gmPageBox.ztDetailPage .gameList > ul > li{height: 230px;}
.gmPageBox.ztDetailPage .gameList > ul > li > a > p:nth-child(4){margin-top: 5px;}
.gmPageBox.ztDetailPage .gameList > ul > li > a > p:nth-child(5){display: none;}



.ztPageBox{}
.pageBoxTitle{font-size: 22px;line-height: 22px;color: #343434;padding: 18px 25px 18px 20px;background: #FFFFFF;border-top: 2px solid var(--defShallowColor);}
.pageBoxTitle > i{display: inline-block;width: 4px;height: 20px;background-color: var(--defColor);position: relative;top: 3px;}

.ztPageBox .ztListBox{margin-top: 20px;}
.ztPageBox .ztListBox > ul{}
.ztPageBox .ztListBox > ul > li{float: left;margin-right: 24px;margin-bottom: 24px;}
.ztPageBox .ztListBox > ul > li:nth-child(3n){margin-right:0;}
.ztPageBox .ztListBox > ul > li > a{width: 384px;height: 258px;display: block;background: #F8F8F8;color: #000000;}
.ztPageBox .ztListBox > ul > li > a > div:nth-child(1){width: 100%;height: 198px;overflow: hidden;}
.ztPageBox .ztListBox > ul > li > a > div:nth-child(1) > img{    width: 100%;height: 100%;object-fit: cover;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.ztPageBox .ztListBox > ul > li > a > div:nth-child(2){float: left;width: 285px;overflow: hidden;}
.ztPageBox .ztListBox > ul > li > a > div:nth-child(2) > p{font-size: 18px;line-height: 18px;margin-top: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ztPageBox .ztListBox > ul > li > a > div:nth-child(2) > span{margin-top: 9px;font-size: 14px;line-height: 14px;color: #B7B7B7;display: block;}
.ztPageBox .ztListBox > ul > li > a > span{float: right;width: 86px;height: 36px;text-align: center;font-size: 14px;color: #555555;line-height: 36px;margin: 12px auto 0;border: 1px solid #eaeaea;border-radius: 2px;transition: all .3s;}
.ztPageBox .ztListBox > ul > li:hover > a > div:nth-child(1) > img{transform: scale(1.2);}
.ztPageBox .ztListBox > ul > li:hover > a > div:nth-child(2) > p{color: var(--defColor)}
.ztPageBox .ztListBox > ul > li:hover > a > span{border-color: var(--defColor);background-color:var(--defColor);color: #fff; }



.cdRecommendBox .ztListBox{margin-top: 20px;overflow: hidden}
.cdRecommendBox .ztListBox > ul{}
.cdRecommendBox .ztListBox > ul > li{float: left;margin-right: 20px;margin-bottom: 24px;}
.cdRecommendBox .ztListBox > ul > li:nth-child(4n){margin-right:0;}
.cdRecommendBox .ztListBox > ul > li > a{width: 285px;height: 195px;display: block;color: #000000;}
.cdRecommendBox .ztListBox > ul > li > a > div:nth-child(1){width: 100%;height: 140px;overflow: hidden;}
.cdRecommendBox .ztListBox > ul > li > a > div:nth-child(1) > img{    width: 100%;height: 100%;object-fit: cover;-o-transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.cdRecommendBox .ztListBox > ul > li > a > div:nth-child(2){float: left;width: 285px;overflow: hidden;}
.cdRecommendBox .ztListBox > ul > li > a > div:nth-child(2) > p{font-size: 18px;line-height: 18px;margin-top: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cdRecommendBox .ztListBox > ul > li > a > div:nth-child(2) > span{margin-top: 9px;font-size: 14px;line-height: 14px;color: #B7B7B7;display: block;}
.cdRecommendBox .ztListBox > ul > li > a > span{float: right;width: 86px;height: 36px;text-align: center;font-size: 14px;color: #555555;line-height: 36px;margin: 12px auto 0;border: 1px solid #eaeaea;border-radius: 2px;transition: all .3s;}
.cdRecommendBox .ztListBox > ul > li:hover > a > div:nth-child(1) > img{transform: scale(1.2);}
.cdRecommendBox .ztListBox > ul > li:hover > a > div:nth-child(2) > p{color: var(--defColor)}
.cdRecommendBox .ztListBox > ul > li:hover > a > span{border-color: var(--defColor);background-color:var(--defColor);color: #fff; }

.hotZtsBox{margin-top: 20px;margin-bottom: 20px;}
.hotZtsBox .hotZts{background-color: #fff;padding: 20px 21px 20px;}
.hotZtsBox .hotZts .hotTagList{overflow:hidden;margin-top: 10px;}
.hotZtsBox .hotZts .hotTagList > a{font-size: 14px;height: 32px;line-height: 32px;padding: 0 12px;color: #8d8d8d;background-color: #f8f8f8;margin-right: 8px;margin-bottom: 8px;border-radius: 16px;display: inline-block;}
.hotZtsBox .hotZts .hotTagList > a:before{content: '#';margin-right: 3px;}
.hotZtsBox .hotZts .hotTagList > a:hover{color: var(--defColor)}
/*.hotZtsBox .hotZts .hotTagList > a{display: block;width: 97px;overflow: hidden;white-space: nowrap;float: left;margin: 10px 20px 5px 0;padding: 0 10px;line-height: 32px;background-color: #a8d7ff;border-radius: 4px;font-size: 14px;color: var(--defColor);text-overflow: ellipsis;text-align: center;}*/

/*.hotZtsBox .hotZts .hotTagList > a:hover{transition: none;}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(10n){margin-right: 0;}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+1){color: #f47920;background-color: #fff5ed}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+2){color: #7fb80e;background-color: #f9ffed}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+3){color: #6f60aa;background-color: #f1edff}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+4){color: #009ad6;background-color: #edfaff}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+5){color: #c77eb5;background-color: #ffedfb}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+6){color: #4e72b8;background-color: #edf3ff}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+7){color: #dea32c;background-color: #fff9ed}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+8){color: #45b97c;background-color: #edfff5}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+9){color: #7bbfea;background-color: #edf8ff}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+10){color: #f1516c;background-color: #ffedf0}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+11){color: #7fb86e;background-color: #f1ffed}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+12){color: #9b95c9;background-color: #efedff}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+13){color: #f69c9f;background-color: #ffedee}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+14){color: #fcaf18;background-color: #fff9ed}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+15){color: #2585a6;background-color: #edfbff}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+16){color: #bea901;background-color: #fbf9e3}

.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+1):hover{color: #fff5ed;background-color: #f47920}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+2):hover{color: #f9ffed ;background-color:#7fb80e}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+3):hover{color: #f1edff ;background-color:#6f60aa}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+4):hover{color: #edfaff ;background-color:#009ad6}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+5):hover{color: #ffedfb ;background-color:#c77eb5}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+6):hover{color: #edf3ff ;background-color:#4e72b8}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+7):hover{color: #fff9ed ;background-color:#dea32c}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+8):hover{color: #edfff5 ;background-color:#45b97c}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+9):hover{color: #edf8ff ;background-color:#7bbfea}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+10):hover{color: #ffedf0;background-color:#f1516c}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+11):hover{color: #f1ffed;background-color:#7fb86e}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+12):hover{color: #efedff;background-color:#9b95c9}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+13):hover{color: #ffedee;background-color:#f69c9f}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+14):hover{color: #fff9ed;background-color:#fcaf18}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+15):hover{color: #edfbff;background-color:#2585a6}
.hotZtsBox .hotZts .hotTagList > a:nth-of-type(16n+16):hover{color: #fbf9e3;background-color:#bea901}*/


.newsListBox{}
.newsListBox > ul{}
.newsListBox > ul > li{}
.newsListBox > ul > li > a{width: 800px;height: 210px;background: #FFFFFF;margin-bottom: 15px;display: flex;padding: 25px 20px;}
.newsListBox > ul > li > a > img{width: 260px;height: 160px;}
.newsListBox > ul > li > a > div:nth-child(2){flex: 1;padding: 5px 4px 0 20px;}
.newsListBox > ul > li > a > div:nth-child(2) > p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}
.newsListBox > ul > li > a > div:nth-child(2) > p:nth-child(1){font-size: 18px;line-height: 28px;font-weight: bold;color: #000000;}
.newsListBox > ul > li > a > div:nth-child(2) > p:nth-child(2){margin-top: 15px;font-size: 12px;line-height: 12px;font-weight: 400;color: #9A9A9A;}
.newsListBox > ul > li > a > div:nth-child(2) > p:nth-child(2) > i{width: 11px;height: 12px;display: inline-block;background-image: url(../img/icon.png);background-repeat: no-repeat;background-size: 1000px 1000px;background-position: -149px -4px;vertical-align: -1px;margin-right: 6px;}
.newsListBox > ul > li > a > div:nth-child(2) > p:nth-child(3){margin-top: 15px;font-size: 14px;color: #666666;line-height: 24px;-webkit-line-clamp: 3;}
.newsListBox .pageCode{height: 80px;background: #E8E8E8;align-items: center;}
.newsListBox > ul > li:last-child > a{margin-bottom: 0;}
.newsListBox > ul > li:hover > a > div:nth-child(2) > p:nth-child(1){color:var(--defColor)}
.gdHotBox{margin-top: 20px;}

.sdGmInfoBox{background-color: #fff;margin-bottom: 20px;}
.sdGmInfoBox > div{padding: 21px;}
.sdGmInfoBox > div > a{display: block;overflow: hidden;}
.sdGmInfoBox > div > a > img{width: 110px;height: 110px;border-radius: 20px;float: left;}
.sdGmInfoBox > div > a > div{float: left;margin-left: 12px;margin-right: 5px;font-size: 16px;line-height: 16px;color: #333333;margin-top: 20px;width: 135px;}
.sdGmInfoBox > div > a > div > p{max-width: 135px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sdGmInfoBox > div > a > div > p:nth-child(2){margin-top: 11px;color: #999999;font-size: 12px;line-height: 12px;font-weight: 400;}
.sdGmInfoBox > div > a > div > p:nth-child(3){margin-top: 18px;}
.sdGmInfoBox > div > a > div > p:nth-child(3) span{margin-right: 10px;padding: 0 5px;height: 24px;background: #F7F7F7;border-radius: 3px;font-size: 12px;line-height: 24px;color: #A7A7A7;}
.sdGmInfoBox > div > a > span{float: left;display: block;width: 72px;height: 28px;background: unset;border-radius: 14px;border: 2px solid var(--defColor);;line-height: 24px;text-align: center;font-size: 14px;color: var(--defColor);margin-top: 40px;}
.sdGmInfoBox > div:hover > a > span{color: #fff;background-color: var(--defColor)}
.sdGmInfoBox > div:hover > a > div > p:nth-child(1){color: var(--defColor)}



.gmoOtherRecomBox{padding: 22px 21px 15px;background-color: #fff;}
.gmoOtherRecomBox > ul{overflow: hidden;margin-top: 20px;}
.gmoOtherRecomBox > ul li{float: left;width: 73px;text-align: center;margin-right: 15px;margin-bottom: 7px;}
.gmoOtherRecomBox > ul li:nth-child(4n){margin-right: 0;}
.gmoOtherRecomBox > ul li > a{display: block;}
.gmoOtherRecomBox > ul li > a img{width: 70px;height: 70px;border-radius: 12px;}
.gmoOtherRecomBox > ul li > a p{display: block;width: 100%;margin: auto;height: 40px;line-height: 40px;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.feedbackBtn{width: 66px;height: 28px;line-height: 28px;background: var(--defColor);border-radius: 3px;font-size: 14px;color: #FFFFFF;text-indent: unset;display: inline-block;text-align: center;cursor: pointer;}
.feedbackBtn > i{width: 13px;height: 14px;display: inline-block;background-image: url(../img/icon.png);background-repeat: no-repeat;background-size: 1000px 1000px;background-position: -263px -4px;vertical-align: -2px;margin-right: 4px;}

.newFiveColumnCont{overflow:hidden;margin-top: 10px;}
.newFiveColumnCont > li{float: left;width: 142px;text-align: center;margin-right: 12px;height: 200px;}
.newFiveColumnCont > li:nth-child(5n){margin-right: 0;}
.newFiveColumnCont > li > a{display: block;color: #000;font-size: 16px;}
.newFiveColumnCont > li > a > img{width: 110px;height: 110px;border-radius: 15px;display: block;margin: 0 auto;}
.newFiveColumnCont > li > a > p{margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 98%;text-align: center;font-size: 12px;color: #999;}
.newFiveColumnCont > li > a > p:nth-child(2){font-size: 16px;color: #000;}
.newFiveColumnCont > li > a > p:nth-child(3){font-size: 12px;color: #999;margin-top: 5px;}
.newFiveColumnCont > li > a > p:nth-child(4){}
.newFiveColumnCont > li > a > span{width: 72px;height: 28px;border-radius: 14px;border:2px solid var(--defColor);line-height: 24px;text-align: center;font-size: 14px;color: var(--defColor);display:none;margin-top: 5px;}
.newFiveColumnCont > li:hover{background-color: var(--defShallowColor)}
.newFiveColumnCont > li:hover > a > p:nth-child(2){color: var(--defColor);}
.newFiveColumnCont > li:hover > a > p:nth-child(4){display:none;}
.newFiveColumnCont > li:hover > a > span{display: inline-block;}


.newSevenColumnCont{overflow: hidden;margin-top: 14px;}
.newSevenColumnCont  a{float: left;width: 158px;text-align: center;margin-right: 15px;display: block;color: #000;font-size: 16px;background-color: #fff;height: 220px;}
.newSevenColumnCont  a:nth-child(7n){margin-right: 0;}
.newSevenColumnCont  a > img{width: 110px;height: 110px;border-radius: 15px;display: block;margin: 0 auto;margin-top: 15px;}
.newSevenColumnCont  a > p{margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 98%;text-align: center;font-size: 12px;color: #999;}
.newSevenColumnCont  a > p:nth-child(2){font-size: 16px;color: #000;}
.newSevenColumnCont  a > p:nth-child(3){font-size: 12px;color: #999;margin-top: 5px;}
.newSevenColumnCont  a > p:nth-child(4){}
.newSevenColumnCont  a > span{width: 72px;height: 28px;border-radius: 14px;border:2px solid var(--defColor);line-height: 24px;text-align: center;font-size: 14px;color: var(--defColor);display:none;margin-top: 5px;}
.newSevenColumnCont  a:hover > p:nth-child(4){display:none;}
.newSevenColumnCont  a:hover > span{display: inline-block;}