@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

fieldset, img {
    border: 0
}

:focus {
    outline: 0
}

address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style: normal;
    font-weight: normal
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code, kbd, samp, tt {
    font-size: 100%
}

input, button, textarea, select {
    *font-size: 100%
}

body {
    line-height: 1.5
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th {
    text-align: left
}

sup, sub {
    font-size: 100%;
    vertical-align: baseline
}

:link, :visited, ins {
    text-decoration: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

b, em, i {
    font-style: normal;
    font-weight: normal;
}

button, input, select, textarea, th {
    background: #fff;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun", "Hiragino Sans GB", sans-serif;
}

img {
    display: block;
    border: 0;
}

* {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

input[type="submit"], input[type="reset"], input[type="password"], input[type="button"], input[type="text"], button {
    -webkit-appearance: none;
}

html {
    overflow-x: hidden;
    overflow-y: auto;
}

ul::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    -webkit-appearance: none;
    border-radius: 0
}

html {
    font-size: 100px;
}

body {
    font-size: .24rem;
    margin: 0 auto;
    background: url("../img/bodyBg.png") no-repeat;
    background-size: 100% auto;
    height: fit-content
}

.hide {
    display: none;
}

.wrap {
    width: 100%;
    height: auto;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    min-height: 13.33rem;
    overflow: hidden;
    position: relative;
}

.h20 {
    height: .2rem;
}

.icon {
    background-image: url(../img/icon_article_info.png);
    background-size: 10rem 10rem;
    display: inline-block;
}

header {
    width: 100%;
    padding-top: 0.27rem
}

header .headerTop {
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

header .headerTop .indexICon {
    width: 0.52rem;
    height: 0.44rem;
    background-position: -1.14rem -3.13rem
}

header .headerTop .logo {
    max-width: 3.5rem;
    height: 0.72rem
}

header .headerTop .logo img {
    width: auto;
    height: 100%
}

header .headerTop .search {
    width: 0.45rem;
    height: 0.45rem
}

header .headerTop .search .indexICon {
    width: 0.45rem;
    height: 0.45rem;
    background-position: -3.95rem -4.58rem
}

header .navBox {
    padding: 0.27rem 0.2rem 0
}

header .navBox .nav {
    height: 1.08rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.47rem;
    align-items: center;
    border-radius: 0.54rem;
    border: 0.04rem solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0.12rem 0.02rem rgba(245, 84, 48, .16);
    background: rgba(255, 255, 255, 0.3)
}

header .navBox .nav li a {
    font-size: 0.3rem;
    color: #404040
}

header .navBox .nav .current {
    position: relative;
    display: flex;
    justify-content: center
}

header .navBox .nav .current a {
    font-weight: bold;
    font-size: 0.36rem
}

header .navBox .nav .current::after {
    content: "";
    width: 0.81rem;
    height: 0.15rem;
    position: absolute;
    bottom: -0.2rem;
    background: url("../img/indexIcon.png") no-repeat;
    background-size: 5.34rem 5.19rem;
    background-position: -4.36rem -4.21rem
}
.indexICon {
    display: inline-block;
    background: url("../img/indexIcon.png") no-repeat;
    background-size: 5.34rem 5.19rem
}

.crumbsBox {
    padding: .18rem .3rem;
    font-size: .24rem;
    line-height: .28rem;
    color: rgba(145, 146, 146, 0.75)
}

.crumbsBox p {
    display: flex;
    align-items: center
}

.crumbsBox p::before {
    content: "";
    display: block;
    background-image: url(../img/icon_game.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    width: .2rem;
    height: .24rem;
    background-position: -0.79rem -0.03rem;
    margin-right: .08rem
}

.crumbsBox p > a {
    display: flex;
    align-items: center;
    color: #666;
}

.crumbsBox p > a::after {
    content: ">";
    margin: 0 .1rem;
    font-size: .24rem;
    color: #A1A5B2
}

.crumbsBox p > a:last-child::after {
    display: none
}

footer {
    width: 100%;
    margin-top: 0.5rem;
    background-color: #313131
}

footer .ft {
    width: 100%;
    padding-top: 0.43rem;
    display: flex;
    align-items: center;
    justify-content: center
}

footer .ft img {
    width: auto;
    height: 0.72rem;
    object-fit: cover
}

footer .fc {
    padding: 0 0.2rem;
    margin-top: 0.3rem
}

footer .fc .fcText {
    padding: 0.25rem 0.22rem;
    background-color: rgba(0, 0, 0, 0.08);
    font-size: 0.18rem;
    color: rgba(179, 179, 179, .5);
    line-height: 0.3rem
}

footer .fb {
    padding: 0.31rem 0.77rem 0.39rem
}

footer .fb p {
    text-align: center;
    font-size: 0.24rem;
    color: #B3B3B3;
    line-height: 0.42rem
}


.djtit p {
    font-size: .3rem;
    font-weight: 600;
    line-height: .3rem;
    padding: .26rem .26rem .3rem;
    overflow: hidden;
}

.djtit p i {
    width: .18rem;
    height: .2rem;
    background-position: -.08rem -.05rem;
    margin-right: .12rem;
}

.djtit a {
    font-size: .22rem;
    color: #999;
    float: right;
}

.djtit a i {
    width: .08rem;
    height: .14rem;
    display: inline-block;
    background-position: -2.43rem -.39rem;
    margin-right: .03rem;
    margin-left: .06rem;
}




.hHotNews {
    background: #fff;
    border-radius: 0.1rem;
    overflow: hidden;
}

.hHotNews ul {
    padding: 0 .24rem .16rem;
}

.hHotNews ul li {
    position: relative;
}

.hHotNews li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.hHotNews li a img {
    display: block;
    width: 2.7rem;
    height: 1.5rem;
    border-radius: .08rem;
    margin: .2rem 0;
}

.hHotNews li .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1.9rem;
    margin-left: .2rem;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}

.hHotNews li .info p {
    display: block;
    width: auto;
    font-size: .24rem;
    color: #8f8f8f;
    line-height: .42rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hHotNews li .info p:first-of-type {
    font-size: .3rem;
    color: #424242;
    margin: .12rem 0 .02rem;
    white-space: nowrap;
}

.hHotNews li .info p:nth-of-type(2) {
    margin-top: .06rem;
    line-height: .36rem;
    height: .74rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hHotNews li .info span {
    display: block;
    text-align: right;
    font-size: .24rem;
    color: #8f8f8f;
}

.hHotNews li .info span i {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background-position: -3.26rem -.32rem;
    position: relative;
    top: 0.04rem;
    margin-right: .1rem;
}

.hHotNews li:last-child .info {
    border-bottom: 0;
}

.djnDetial {
    padding: .35rem .26rem .2rem;
    background-color: #fff;
    border-top: 1px solid #dfdfdf;
}

.djnDetial h1 {
    font-size: .36rem;
    color: #424242;
    line-height: .56rem;
    font-weight: 700;
    text-align: center
}

.djnDetial .intro {
    font-size: .24rem;
    color: #8f8f8f;
    padding: .2rem 0 .26rem 0;
    border-bottom: 1px dashed #d2d2d2;
    margin-bottom: .22rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.djnDetial .intro span {
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
}

.djnDetial .intro span i {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background-position: -3.26rem -.32rem;
    position: relative;
    top: 0.04rem;
    margin-right: .1rem;
}

.djnDetial .cont {
    font-size: .26rem;
    line-height: .45rem;
    color: #454545;
    overflow: hidden;
}

.djnDetial .cont a {
    color: #38a6fd;
    line-height: .42rem;
    border-bottom: 1px solid #38a6fd;
    text-indent: 0;
}

.djnDetial .cont p {
    margin-bottom: .16rem;
    text-indent: 2em;
}

.djnDetial .cont img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: .12rem auto;
}

.djnDetial .cont h3 {
    display: block;
    font-size: .32rem;
    line-height: .36rem;
    margin-bottom: .3rem;
    padding: 0 .16rem;
    border-left: .08rem solid #38a6fd;
    font-weight: bold;
    color: #333;
}

.djnDetial .cont iframe {
    width: 100%;
    height: 3.6rem;
    margin: 0 auto;
    display: block;
    border: none;
}

.djnDetial .cont table {
    width: 100% !important;
    margin-bottom: .2rem;
}

.djnDetial .cont table a {
    border-bottom: none;
}

.djnDetial .cont strong {
    font-weight: bold;
}



.djnGame {
    position: relative;
    background-image: url(../img/newsbg.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: .2rem 0;
}

.djnGame a:nth-of-type(1) {
    position: relative;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: .2rem;
}

.djnGame a:nth-of-type(1) img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .24rem;
    border: .04rem solid #fff;
}

.djnGame .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1.28rem;
    margin-left: .2rem;
    position: relative;
}

.djnGame .info p:nth-of-type(1) {
    font-size: .32rem;
    color: #424242;
    line-height: .52rem;
    margin-bottom: .06rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.djnGame .info p {
    display: block;
    width: auto;
    font-size: .24rem;
    color: #8f8f8f;
    line-height: .36rem;
    overflow: hidden;
}

.djnGame .info p span {
    display: inline-block;
    width: 2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.djnGame a.btn {
    position: absolute;
    top: .6rem;
    right: .2rem;
    display: block;
    width: 1.42rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 auto;
    border-radius: .08rem;
    color: #fff;
    font-size: .28rem;
    text-align: center;
    background-color: #ee6767;
}

.hGame {
    background: #fff;
}

.hGame ul {
    padding: 0 0 .2rem .24rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.hGame li {
    padding-bottom: .2rem;
    margin-right: .19rem;
}

.hGame li a {
    display: block;
    text-align: center;
}

.hGame li a:first-of-type {
    width: 1.6rem;
}

.hGame li a img {
    display: block;
    width: 1.32rem;
    height: 1.32rem;
    border-radius: .24rem;
    margin: .2rem auto 0;
}

.hGame li a p {
    display: block;
    max-width: 90%;
    font-size: .26rem;
    color: #333;
    height: .56rem;
    line-height: .56rem;
    margin: 0 auto;
    overflow: hidden;
}

.hGame li .btn {
    display: block;
    width: 1.26rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 auto;
    border-radius: .08rem;
    color: #fff;
    font-size: .28rem;
    text-align: center;
    background-color: #fbc846;
}