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

fieldset, img {
    border: 0
}

:focus {
    outline: 0
}

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

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

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

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

code, kbd, samp, tt {
    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
}

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

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

blockquote, q {
    quotes: none
}

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

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

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
}

button, input[type=button], input[type=password], input[type=reset], input[type=submit], input[type=text] {
    -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;
    line-height: .28rem;
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background: url("../img/bodyBg.png") no-repeat;
    background-size: 100% auto;
    height: fit-content
}

.hide {
    display: none
}

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

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

nav {
    overflow: hidden;
    background: #fbc846
}

nav ul {
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none
}

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

nav li {
    display: inline-block;
    font-size: .32rem;
    color: #f0f0f0;
    position: relative;
    padding-right: 18px
}

nav li:nth-child(1) {
    padding-left: 18px
}

nav li a {
    display: inline-block;
    width: 100%;
    height: .87rem;
    line-height: .87rem;
    text-align: center;
    color: #fcd8d4;
    font-size: .32rem
}

nav li.current a {
    color: #fff;
    font-weight: 600
}

nav li.current span {
    border-bottom: .04rem solid #fff;
    height: .83rem;
    display: inline-block
}



.title {
    overflow: hidden
}

.title h2, .title h1, .title p {
    font-size: .32rem;
    font-weight: 600;
    line-height: .32rem;
    color: #282828;
    float: left;
    margin-left: .32rem
}

.title span {
    float: right;
    font-size: .24rem;
    margin-right: .32rem
}

.title span a {
    color: #c4c4c4;
    font-size: .26rem;
    line-height: .26rem
}

.title i {
    width: .07rem;
    height: .14rem;
    background-position: -.67rem -.73rem;
    margin-left: .1rem
}
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
}




.footer2 {
    background: url(../img/footerbg2.png) no-repeat;
    background-size: 7.5rem 1.04rem;
    height: 1.04rem;
    position: relative
}

.footer2 .info {
    position: absolute;
    bottom: .15rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.footer2 p, .footer2 p a {
    font-size: .24rem;
    color: #fcd8d4;
    text-align: center
}








.pagecode {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 1px .3rem .42rem .3rem
}

.pagecode a {
    width: .58rem;
    height: .58rem;
    color: #75757d;
    font-size: .24rem;
    line-height: .58rem;
    text-align: center;
    border-radius: .06rem;
    background: #f4f4f4
}

.pagecode a:nth-child(1) {
    width: 1rem
}

.pagecode a:nth-last-child(1) {
    width: 1rem
}

.pagecode .current {
    background: #fbc846;
    color: #fff
}

.pagecode .left {
    width: .11rem;
    height: .22rem;
    background-position: -.89rem -.73rem;
    display: inline-block;
    position: relative;
    top: .06rem
}

.pagecode .right {
    width: .11rem;
    height: .22rem;
    background-position: -1.12rem -.73rem;
    display: inline-block;
    position: relative;
    top: .06rem;
    left: .03rem
}



.newsList {
    padding-bottom: .08rem
}

.newsList .ntab {
    padding: .3rem .32rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.newsList .ntab a {
    display: block;
    width: 3.33rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .28rem;
    color: #b2b2b2;
    border-radius: .06rem;
    -moz-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
}

.newsList .ntab a i {
    margin-right: .1rem;
    position: relative;
    top: .05rem
}

.newsList .ntab a:nth-of-type(1) i {
    width: .5rem;
    height: .29rem;
    background-position: -4.71rem -.05rem
}

.newsList .ntab a:nth-of-type(2) i {
    width: .26rem;
    height: .3rem;
    background-position: -5.7rem -.05rem
}

.newsList .ntab a.current {
    background-color: #fbc846;
    color: #fff;
    -moz-box-shadow: 0 0 .1rem transparent;
    -webkit-box-shadow: 0 0 .1rem transparent;
    box-shadow: 0 0 .1rem transparent
}

.newsList .ntab a:nth-of-type(1).current i {
    width: .5rem;
    height: .29rem;
    background-position: -4.08rem -.05rem
}

.newsList .ntab a:nth-of-type(2).current i {
    width: .26rem;
    height: .3rem;
    background-position: -5.34rem -.05rem
}

.newsList ul {
    padding: 0 .32rem
}

.newsList li {
    display: block;
    padding: .24rem 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
}

.newsList li h4 {
    display: inline-block;
    max-height: .84rem;
    font-size: .28rem;
    color: #424242;
    line-height: .42rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.newsList li.nVer h4 {
    height: auto;
    margin-top: .1rem
}

.newsList li a > span {
    display: inline-block;
    padding: 0 .1rem;
    border: 1px solid #e6e6e6;
    font-size: .24rem;
    color: #fbc846;
    transform: scale(.9);
    transform-origin: 0 0;
    line-height: .36rem;
    margin-left: .1rem;
    border-radius: .06rem;
    position: relative;
    top: -.08rem
}

.newsList li .info span {
    display: inline-block;
    padding: 0 .1rem;
    border: 1px solid #e6e6e6;
    font-size: .24rem;
    color: #fbc846;
    transform: scale(.9);
    transform-origin: 0 0;
    line-height: .36rem;
    margin-left: .1rem;
    border-radius: .06rem;
    position: relative;
    top: -.08rem
}

.newsList li.nVer img {
    width: 100%;
    height: 2.8rem;
    border-radius: .06rem
}

.newsList li.nVer div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: .1rem
}

.newsList li.nVer div p {
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.newsList li div p {
    font-size: .24rem;
    color: #a8a8a8;
    line-height: .36rem
}

.newsList li div span {
    display: inline-block;
    padding: 0 .16rem;
    line-height: .34rem;
    font-size: .24rem;
    color: #d0b993;
    background-color: #fbf9f5;
    border: 1px solid #d0b993;
    text-align: center;
    margin-right: .1rem;
    border-radius: .04rem
}

.newsList li div i {
    display: inline-block;
    position: relative;
    top: .03rem;
    margin-right: .08rem
}

.newsList li.nVer i.iTime {
    margin-left: .25rem
}

.newsList li div i.iLook {
    width: .33rem;
    height: .2rem;
    background-position: -4.62rem -.71rem
}

.newsList li div i.iTime {
    width: .2rem;
    height: .2rem;
    background-position: -5.18rem -.7rem
}

.newsList li.nHor img {
    float: left;
    width: 3rem;
    height: 1.68rem;
    border-radius: .06rem;
    margin-right: .2rem
}

.newsList li.nHor div {
    width: 3.66rem;
    height: 1.68rem;
    overflow: hidden
}

.newsList li.nHor div p:last-of-type {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: .36rem
}

.newsList li.nHor div p:nth-of-type(1) {
    font-size: .28rem;
    color: #424242;
    margin-bottom: .1rem;
    white-space: normal
}

.newsList li.nHor div p:nth-of-type(1) em {
    color: #a8a8a8;
    font-size: .24rem;
    line-height: .36rem
}

.newsList li.nHor div p {
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.newsList li:nth-of-type(5n+1) {
    padding: .32rem 0
}

.newsList li:last-of-type {
    border: none
}

.newsList .pagecode {
    margin-top: .25rem
}







.nlNav {
    display: flex;
    justify-content: space-around;
    margin-bottom: .1rem;
    border-bottom: 1px solid #eee;
    line-height: 1rem
}

.nlNav a {
    display: block;
    font-size: .3rem;
    padding: 0 .1rem;
    border-bottom: .02rem solid transparent;
    color: #454545;
    border-radius: .08rem;
    text-align: center;
    margin: 0 .1rem;
    max-width: 25%;
    max-height: .92rem;
    overflow: hidden;
    white-space: nowrap
}

.nlNav a.current {
    color: #fbc846;
    border-color: #fbc846
}




/* 20220615 */

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
}








nav {
    position: relative;
}