html {
    color: #333;
    background: #F4F5F7;
    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)
}

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;
    width:100%;
}

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: #fff;
    color: #222;
    font-size: 16px
}

.boxWrap {
    width: 1200px;
    margin: 0 auto
}

a {
    color: inherit
}

a:hover {
    color: #FF6947
}

.imgBox {
    overflow: hidden
}

.imgBox>img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.btn {
    font-size: 12px;
    color: #999999;
    padding: 0 15px
}

.hide {
    display: none
}

.btnItem {
    width: 70px;
    height: 32px;
    line-height: 34px;
    background: #FFDD58;
    border-radius: 4px;
    font-size: 14px;
    color: #000000
}

.inTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 3px solid #EFEFEF;
    color: #999999
}

.inTitle .titleL {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #333333
}

.inTitle .titleL::before,.inTitle .titleL::after {
    content: "";
    width: 30px;
    height: 29px;
    display: inline-block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    background-position: -3px -90px;
    margin: 0 13px 0 0
}

.inTitle .titleL::after {
    margin: -2px 0 0 9px;
    width: 10px;
    height: 10px;
    background-position: -22px -69px
}

.inTitle>ul.titleR {
    display: flex;
    color: #999999
}

.inTitle>ul.titleR li.active {
    color: #FF6947
}

.inTitle>ul.titleR li::after {
    content: "/";
    margin: 0 8px;
    color: #999999
}

.inTitle>ul.titleR li:last-child::after {
    display: none
}

.inTitle>a.titleR {
    font-size: 14px;
    line-height: 14px;
    width: 60px;
    height: 24px;
    border: 1px solid #DCDCDC;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.inTitle>a.titleR i {
    font-style: normal;
    margin: 0 -2px 0 2px
}

.inItemTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999999
}

.inItemTitle .titleL {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    display: flex;
    font-weight: bold;
    align-items: center
}

.inItemTitle .titleL::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #FF6947;
    border-radius: 1px;
    margin-right: 8px
}

.inItemTitle>a.titleR {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.inItemTitle>a.titleR i {
    font-style: normal;
    margin: 0 -2px 0 2px
}

.lsTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 16px;
    color: #999999
}

.lsTitle .titleL {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #333333
}

.lsTitle ul.titleR {
    display: flex;
    color: #999999
}

.lsTitle ul.titleR li.active {
    color: #FF6947
}

.lsTitle ul.titleR li::after {
    content: "/";
    margin: 0 8px;
    color: #999999
}

.lsTitle ul.titleR li:last-child::after {
    display: none
}

.lsTitle span.titleR i {
    font-style: normal;
    color: #FF6947
}

.lsTitle>a.titleR {
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center
}

.lsTitle>a.titleR i {
    font-style: normal;
    margin: 0 -2px 0 2px
}

.gdTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999999
}

.gdTitle .titleL {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #333333
}

.gdTitle>a.titleR i {
    font-style: normal;
    margin: 0 -2px 0 2px
}

.gdTitle .titleR {
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center
}

.gdTitle .titleR>a {
    display: flex;
    align-items: center
}

.gdTitle .titleR>a .icon {
    width: 9px;
    height: 14px;
    background-position: -104px -124px;
    margin-right: 5px
}

.icon {
    display: inline-block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px
}

.time {
    font-size: 14px;
    line-height: 14px;
    color: #999999
}

.imgList {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    display: flex;
    justify-content: space-between
}

.imgList li {
    flex: 1;
    display: flex;
    justify-content: center
}

.imgList li a {
    display: flex;
    color: inherit;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.imgList li a:hover {
    color: #5A96FF;
    font-weight: bold
}

.imgList li a img {
    width: 88px;
    height: 88px;
    border-radius: 18px;
    object-fit: cover
}

.imgList li a p {
    margin-top: 12px
}

.multiColumnList {
    display: grid;
    grid-template-columns: repeat(10, 8.2%);
    justify-content: space-between
}

.columnItem {
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    text-align: center
}

.columnItem>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.columnItem>a .imgBox {
    width: 90px;
    height: 90px;
    border-radius: 18px
}

.columnItem>a>p {
    width: 100%;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.columnItem>a .btn {
    margin-top: 12px;
    width: 88px;
    height: 30px;
    background: #FFEEEB;
    border-radius: 5px;
    font-size: 14px;
    color: #FF6947;
    line-height: 30px
}

.sixColumnList {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(6, 15.53%);
    justify-content: space-between
}

.sixColumnList .columnItem {
    font-size: 16px;
    line-height: 16px;
    color: #333333
}

.sixColumnList .columnItem>a .imgBox {
    width: 100px;
    height: 100px;
    border-radius: 24px
}

.sixColumnList .columnItem>a>p {
    margin-top: 11px
}

.fiveColumnList {
    display: grid;
    grid-template-columns: repeat(5, 17.89%);
    justify-content: space-between;
    align-items: center;
    font-weight: normal;
    font-size: 15px;
    line-height: 15px;
    color: #333333
}

.fiveColumnList li a {
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 16px 16px
}

.fiveColumnList li a p {
    margin-top: 13px
}

.fiveColumnList li a p:last-child {
    margin-top: 9px;
    font-size: 12px;
    line-height: 12px;
    color: #999999
}

.fiveColumnList li.active,.fiveColumnList li:hover {
    background: #EEF4FF;
    border-radius: 15px
}

.fiveLSList {
    display: grid;
    grid-template-columns: repeat(5, 18.09%);
    justify-content: space-between
}

.fiveLSList li>a {
    color: inherit;
    width: 208px;
    height: 228px;
    border: 1px solid #F0F0F0;
    padding: 29px 0 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.fiveLSList li>a .imgBox {
    width: 110px;
    height: 110px;
    border-radius: 20px
}

.fiveLSList li>a p {
    margin-top: 11px
}

.fiveLSList li>a p.title {
    font-size: 18px;
    font-weight: bold;
    color: #1C1E2C;
    line-height: 18px;
    margin-top: 20px
}

.fiveLSList li>a p.btn {
    margin-top: 8px;
    width: 98px;
    height: 30px;
    background: #67B4FF;
    border-radius: 10px;
    font-size: 14px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    opacity: 0
}

.fiveLSList li.noResource>a .btn {
    background: #F7B500
}

.fiveLSList li:hover>a {
    margin-top: -2px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1)
}

.fiveLSList li:hover>a .btn {
    display: flex;
    opacity: 1
}

.fiveLSList li:hover>a .title {
    display: none;
    opacity: 0
}

.twoColumnList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.twoColumnList li {
    margin-bottom: 24px
}

.twoColumnList li a {
    color: #000000
}

.twoColumnList li a>img {
    width: 156px;
    height: 94px;
    object-fit: cover;
    border-radius: 5px;
    display: block
}

.twoColumnList li a>div {
    width: 156px;
    height: 94px;
    border-radius: 5px;
    overflow: hidden
}

.twoColumnList li 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
}

.twoColumnList li a>p {
    width: 156px;
    font-size: 16px;
    line-height: 16px;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.twoColumnList li a>p span:first-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.twoColumnList li a>p span:last-child {
    font-size: 14px;
    line-height: 14px;
    color: #999999
}

.twoColumnList li:hover a {
    color: #5A96FF
}

.twoColumnList li:hover a>div>img {
    transform: scale(1.2)
}

.singleColumnList {
    font-size: 14px;
    line-height: 14px;
    color: #333
}

.singleColumnList li>a {
    color: inherit;
    display: flex;
    align-items: center;
    padding: 14px 0 13px
}

.singleColumnList li>a>span {
    font-size: 16px;
    color: #999;
    font-weight: bold;
    width: 36px;
    padding-left: 8px
}

.singleColumnList li>a .imgWrap>img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    object-fit: cover
}

.singleColumnList li>a .imgInfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 0 0 0 20px
}

.singleColumnList li>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify
}

.singleColumnList li>a .imgInfo p:first-child {
    line-height: 28px;
    color: #333333;
    font-weight: bold
}

.singleColumnList li>a .imgInfo p:last-child {
    font-size: 12px;
    line-height: 20px;
    color: #9A9A9A
}

.singleRankList li>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.singleRankList li>a>span {
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background: #eee;
    border-radius: 5px;
    color: #999;
    font-size: 16px;
    margin: 0 20px 0 3px
}

.singleRankList li>a>img {
    width: 138px;
    height: 138px;
    border-radius: 26px;
    object-fit: cover
}

.singleRankList li>a .imgInfo {
    flex: 1;
    overflow: hidden;
    padding-left: 24px;
    font-size: 16px;
    line-height: 16px;
    color: #666666
}

.singleRankList li>a .imgInfo p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.singleRankList li>a .imgInfo p:first-child {
    font-size: 24px;
    line-height: 24px;
    color: #333333
}

.singleRankList li>a .imgInfo p:nth-child(2) {
    margin-top: 16px;
    display: flex
}

.singleRankList li>a .imgInfo p:nth-child(2) span {
    margin-right: 16px;
    display: block;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background: #FFFBEA;
    border-radius: 5px;
    font-size: 14px;
    color: #CCB147
}

.singleRankList li>a .imgInfo p:nth-child(3) {
    display: flex;
    margin-top: 12px
}

.singleRankList li>a .imgInfo p:nth-child(3) span {
    margin-right: 30px
}

.singleRankList li>a .imgInfo p:nth-child(3) span:last-child {
    margin-right: 0
}

.singleRankList li>a .imgInfo p:last-child {
    margin-top: 16px
}

.singleRankList li>a .btn {
    width: 70px;
    height: 32px;
    line-height: 30px;
    background: #FFDD58;
    border: 1px solid #FFDD58;
    border-radius: 4px;
    color: #000000
}

.singleRankList li:nth-child(1) a>span,.singleRankList li:nth-child(2) a>span,.singleRankList li:nth-child(3) a>span {
    margin: 0 22px 0 1px;
    width: 28px;
    height: 32px;
    display: block;
    background-color: unset;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    background-position: -6px -270px
}

.singleRankList li:nth-child(2) a>span {
    background-position: -42px -270px
}

.singleRankList li:nth-child(3) a>span {
    background-position: -79px -270px
}

.singleRankList li:last-child>a {
    margin-bottom: 0
}

.singleRankList li:hover>a .imgInfo p:first-child {
    color: #ffdd58;
    font-weight: 700;
    text-shadow: rgba(255,221,88,0.3) 1px 0 6px
}

.classifyList {
    display: grid;
    grid-template-columns: repeat(3, 30.46%);
    justify-content: space-between;
    font-size: 14px
}

.classifyList li>a {
    margin-top: 16px;
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #F3EBFF;
    color: #C198FB;
    border-radius: 15px
}

.classifyList li>a:hover {
    opacity: .85
}

.classifyList li:nth-child(2n)>a {
    background: #EBFFFF;
    color: #64CDCD
}

.classifyList li:nth-child(3n)>a {
    background: #FFF4EB;
    color: #FD9D43
}

.classifyList li:nth-child(4n)>a {
    background: #EBFFFA;
    color: #09BC92
}

.classifyList li:nth-child(5n)>a {
    background: #EBF7FF;
    color: #1F98EF
}

.classifyList li:nth-child(6n)>a {
    background: #FAFFEB;
    color: #8DBB00
}

.classifyList li:nth-child(7n)>a {
    background: #FFEBED;
    color: #FF4D64
}

.classifyList li:nth-child(8n)>a {
    background: #EBFFF0;
    color: #3CDA65
}

.classifyList li:nth-child(9n)>a {
    background: #FFEBEB;
    color: #D64242
}

.classifyList li:nth-child(10n)>a {
    background: #FFEEEB;
    color: #FF6947
}

.classifyList li:nth-child(11n)>a {
    background: #EBEEFF;
    color: #8C97CB
}

.classifyList li:nth-child(12n)>a {
    background: #EBF7FF;
    color: #31AFFE
}

.rankList {
    color: #333333
}

.rankList li>a {
    display: flex;
    align-items: center;
    font-size: 16px;
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE
}

.rankList li>a span:first-child {
    display: block;
    width: 20px;
    height: 20px;
    background: #D2D2D2;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px
}

.rankList li>a span.txt {
    font-size: 16px;
    flex: 1;
    padding: 0 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.rankList li:nth-child(1)>a span:first-child,.rankList li:nth-child(2)>a span:first-child,.rankList li:nth-child(3)>a span:first-child {
    background: #FF6947
}

.crumbsBox .boxWrap {
    height: 58px;
    padding: 24px 0 22px 0;
    font-size: 14px;
    line-height: 14px;
    color: #404040;
    position: relative
}

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

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

.crumbsBox .boxWrap p a:hover {
    font-weight: bold
}

.crumbsBox .boxWrap p a::before {
    content: ">";
    color: #FF6947;
    font-weight: normal;
    margin: -1px 8px 0;
    display: block
}

.crumbsBox .boxWrap p a:first-child::before {
    display: none
}

.crumbsBox .boxWrap p a:last-child {
    color: #FF6947;
    font-weight: bold
}

.crumbsBox .boxWrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background-image: url(../img/cb_bg.png);
    background-repeat: repeat-x;
    background-size: 16px 4px;
    background-position: 0 0
}

.tagList {
    display: grid;
    grid-template-columns: repeat(9, 10%);
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #666666;
    line-height: 40px;
    text-align: center
}

.tagList>li {
    height: 40px;
    background: #F5F5F5;
    border-radius: 20px;
    padding: 0 10px;
    margin-bottom: 22px
}

.tagList>li a {
    color: inherit;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tagList>li:hover {
    color: #000000;
    background: #5A96FF
}

.threeColumnList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.threeColumnList li>a {
    width: 390px;
    height: 108px;
    padding: 10px 12px 10px 10px;
    border: 2px solid transparent;
    border-radius: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #999999
}

.threeColumnList li>a>img {
    width: 88px;
    height: 88px;
    border-radius: 18px
}

.threeColumnList li>a .imgInfo {
    flex: 1;
    padding-left: 20px
}

.threeColumnList li>a .imgInfo p {
    line-height: 14px;
    margin-top: 11px
}

.threeColumnList li>a .imgInfo p:first-child {
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 14px;
    margin-top: unset
}

.threeColumnList li>a .btn {
    width: 70px;
    height: 32px;
    line-height: 30px;
    background: #FFDD58;
    border: 1px solid #FFDD58;
    border-radius: 4px;
    color: #000000
}

.threeColumnList li:hover>a {
    background: #FFFBEA;
    border-color: #FFDD58
}

.threeColumnList li:hover>a .imgInfo p:first-child {
    margin-bottom: 13px;
    font-weight: bold;
    color: #FFDD58
}

.singleItem {
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    padding: 8px 18px
}

.singleItem>a {
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.singleItem>a .imgBox {
    width: 54px;
    height: 54px;
    border: 2px solid #C3D7FB;
    border-radius: 10px
}

.singleItem>a .imgBox img {
    border-radius: 10px;
    border: 3px solid #FFFFFF
}

.singleItem>a .itemInfo {
    flex: 1;
    padding-left: 15px
}

.singleItem>a .itemInfo p {
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify
}

.singleItem>a .itemInfo p:first-child {
    margin-top: unset;
    font-size: 14px;
    line-height: 14px;
    color: #000000
}

.singleItem>a .btn {
    height: 24px;
    line-height: 24px;
    border: 1px solid rgba(90,150,255,0.3);
    color: #67B4FF;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px
}

.singleContItem {
    font-size: 14px;
    line-height: 20px;
    color: #2f2f2f
}

.singleContItem>a {
    color: inherit;
    display: flex
}

.singleContItem>a .imgBox {
    width: 100px;
    height: 57px;
    border-radius: 6px
}

.singleContItem>a .imgInfo {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 10px
}

.singleContItem>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.singleContItem>a .imgInfo p:last-child {
    margin-top: 2px;
    font-size: 12px;
    line-height: 14px;
    color: #999999
}

.singleContItem:hover>a {
    color: #666
}

.pageCode {
    font-size: 16px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center
}

.pageCode a {
    min-width: 40px;
    height: 40px;
    padding: 0 2px;
    margin: 0 5px;
    color: inherit;
    line-height: 38px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pageCode a:hover {
    color: #FF6947
}

.pageCode a.current {
    color: #FFFFFF;
    background: #FF6947;
    border-color: #FF6947
}

.pageCode a .left,.pageCode a .right {
    width: 10px;
    height: 19px;
    background-position: -3px -214px
}

.pageCode a .right {
    transform: rotateY(180deg)
}

.pageCode span {
    margin: 0 6px;
    color: #999
}

.singleColumnCont {
    padding: 15px;
    margin-top: -10px;
    font-size: 14px;
    line-height: 24px;
    color: #1C1E2C
}

.singleColumnCont li>a {
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 0;
    border-bottom: 1px solid #f2f2f2
}

.singleColumnCont li>a .imgBox {
    width: 190px;
    height: 118px;
    border-radius: 10px
}

.singleColumnCont li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.singleColumnCont li>a .imgInfo {
    flex: 1;
    padding-left: 18px;
    height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.singleColumnCont li>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.singleColumnCont li>a .imgInfo p:first-child {
    font-size: 20px;
    line-height: 20px;
    -webkit-line-clamp: 1
}

.singleColumnCont li>a .imgInfo p:nth-child(2) {
    color: #7F7F7F;
    margin-top: 16px;
    height: 48px
}

.singleColumnCont li>a .imgInfo p.time {
    margin-top: 20px;
    font-size: 14px;
    line-height: 14px
}

.singleColumnCont li:hover {
    color: #999
}

.singleColumnCont li:hover>a .imgBox img {
    transform: scale(1.2)
}

.topicList {
    font-size: 16px;
    line-height: 20px;
    display: grid;
    grid-template-columns: repeat(4, 23.11%);
    justify-content: space-between;
    margin-top: 20px
}

.topicList li>a {
    display: block;
    width: 202px;
    height: 136px;
    border-radius: 8px;
    position: relative
}

.topicList li>a .imgBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px
}

.topicList li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.topicList li>a:hover .imgBox img {
    transform: scale(1.2)
}

.topicList li>a>p {
    color: #ff6947;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px
}

.newsList {
    font-size: 16px;
    color: #333333;
    line-height: 24px
}

.newsList li>a {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.newsList li>a .imgBox {
    width: 155px;
    height: 104px;
    background: #622AFA;
    border-radius: 8px
}

.newsList li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.newsList li>a .imgInfo {
    flex: 1;
    padding-left: 16px
}

.newsList li>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.newsList li>a .imgInfo p:last-child {
    margin-top: 8px;
    font-size: 14px;
    color: #999999
}

.newsList li>a:hover .imgBox img {
    transform: scale(1.2)
}

.singleNewsList {
    width: 100%;
    padding: 15px;
    background: #F6F7F7;
    border-radius: 15px;
    font-size: 14px;
    line-height: 20px;
    color: #2F2F2F
}

.singleNewsList li {
    margin-bottom: 20px
}

.singleNewsList li>a {
    color: inherit;
    display: flex
}

.singleNewsList li>a .imgBox {
    width: 100px;
    height: 57px;
    border-radius: 6px
}

.singleNewsList li>a .imgInfo {
    height: 57px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 10px
}

.singleNewsList li>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.singleNewsList li>a .imgInfo p:last-child {
    margin-top: 2px;
    font-size: 12px;
    line-height: 14px;
    color: #999999
}

.singleNewsList li:last-child {
    margin-bottom: unset
}

.singleNewsList li:hover>a {
    color: #999999
}

.downBtns>a {
    display: inline-block;
    padding: 0 32px;
    height: 48px;
    background: #acacac;
    border-radius: 5px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.downBtns>a:last-child {
    margin-right: 0
}

.downBtns>a:hover {
    color: #fff;
    opacity: .85
}

.downBtns>a::before {
    content: "";
    width: 21px;
    height: 24px;
    display: inline-block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    background-position: -207px -36px;
    margin-right: 5px
}

.downBtns>a.pcBtn {
    background: #ff6947;
    display: flex;
    align-items: center
}

.downBtns>a.pcBtn::before {
    background-position: -207px -36px
}

.downBtns>a.pcBtn>div {
    padding-top: 4px;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.downBtns>a.pcBtn>div i {
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400
}

.downBtns>a.androidBtn {
    background: #3DDC84
}

.downBtns>a.iosBtn {
    background: #1769E0
}

.downBtns>a.iosBtn::before {
    width: 20px;
    height: 24px;
    background-position: -235px -36px
}

.downBtns>a.reservationBtn {
    background: #FF6947
}

.downBtns>a.reservationBtn::before {
    width: 21px;
    height: 24px;
    background-position: -262px -36px
}

.downBtns>a.notBtn::before {
    display: none
}

.linkList {
    display: grid;
    grid-template-columns: repeat(9, 10%);
    justify-content: space-between;
    padding: 9px 0 30px
}

.linkList li {
    margin-top: 15px
}

.linkList li>a {
    display: block;
    width: 100%;
    height: 36px;
    background: #F5F5F5;
    border-radius: 8px;
    text-align: center;
    line-height: 36px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.linkList li>a:hover {
    background: #FF6947;
    color: #fff
}

header {
    position: relative;
    width: 100%;
    z-index: 1
}

header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 88px;
    background: #FF6947;
    z-index: -1
}

header .headTop,header .headWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto
}

header .headTop {
    padding-top: 2px;
    height: 46px;
    font-size: 12px;
    color: #FFFFFF
}

header .headTop>p {
    opacity: .7
}

header .headTop ul {
    display: flex
}

header .headTop ul li a,header .headTop ul li span {
    cursor: pointer;
    opacity: .7;
    display: flex;
    align-items: center
}

header .headTop ul li a::after,header .headTop ul li span::after {
    content: "|";
    margin: -2px 9px 0
}

header .headTop ul li a:hover,header .headTop ul li span:hover {
    opacity: 1;
    color: #FFFFFF
}

header .headTop ul li a:hover::after,header .headTop ul li span:hover::after {
    opacity: .7
}

header .headTop ul li span::after {
    display: none
}

header .headWrap {
    height: 98px;
    background: #FFFFFF;
    box-shadow: 0 8px 8px 0 rgba(0,0,0,0.04);
    border-radius: 5px;
    padding: 0 32px
}

header .headWrap .logo {
    width: 186px;
    height: 50px
}

header .headWrap nav {
    flex: 1;
    font-size: 16px;
    line-height: 16px;
    color: #333;
    height: inherit;
    padding-left: 50px
}

header .headWrap nav ul {
    display: flex;
    align-items: center;
    height: inherit
}

header .headWrap nav ul li {
    height: inherit
}

header .headWrap nav ul li>a {
    height: inherit;
    width: max-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 40px
}

header .headWrap nav ul li>a .icon {
    margin-bottom: 15px;
    width: 28px;
    height: 30px;
    background-position: -1px -2px
}

header .headWrap nav ul li.current {
    color: #FF6947;
    font-weight: bold;
    position: relative;
    z-index: 1
}

header .headWrap nav ul li.current::before {
    content: "";
    width: 98px;
    height: 60px;
    display: inline-block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    background-position: -3px -152px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -49px;
    z-index: -1
}

header .headWrap nav ul li.current .icon {
    background-position: -1px -35px
}

header .headWrap nav ul li:nth-child(2)>a .icon {
    width: 30px;
    background-position: -32px -2px
}

header .headWrap nav ul li:nth-child(2).current .icon {
    background-position: -32px -35px
}

header .headWrap nav ul li:nth-child(3)>a .icon {
    width: 30px;
    background-position: -67px -2px
}

header .headWrap nav ul li:nth-child(3).current .icon {
    background-position: -67px -35px
}

header .headWrap nav ul li:nth-child(4)>a .icon {
    width: 30px;
    background-position: -102px -2px
}

header .headWrap nav ul li:nth-child(4).current .icon {
    background-position: -102px -35px
}

header .headWrap nav ul li:nth-child(5)>a .icon {
    width: 30px;
    background-position: -136px -2px
}

header .headWrap nav ul li:nth-child(5).current .icon {
    background-position: -136px -35px
}

header .headWrap nav ul li:nth-child(6)>a .icon {
    width: 30px;
    background-position: -171px -2px
}

header .headWrap nav ul li:nth-child(6).current .icon {
    background-position: -171px -35px
}

header .headWrap .searchWrap {
    width: 210px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-size: 14px
}

header .headWrap .searchWrap input {
    border: unset;
    width: 150px;
    font-weight: bold;
    color: #B3B3B3
}

header .headWrap .searchWrap input::placeholder {
    color: inherit;
    font-weight: inherit
}

header .headWrap .searchWrap input::-webkit-input-placeholder {
    color: inherit;
    font-weight: inherit
}

header .headWrap .searchWrap input::-moz-placeholder {
    color: inherit;
    font-weight: inherit
}

header .headWrap .searchWrap input:-moz-placeholder {
    color: inherit;
    font-weight: inherit
}

header .headWrap .searchWrap input:-ms-input-placeholder {
    color: inherit;
    font-weight: inherit
}

header .headWrap .searchWrap .icon {
    width: 18px;
    height: 18px;
    background-position: -2px -68px
}

.bodyWrap {
    min-height: calc(100vh - 342px)
}

.bodyWrap .inClassifyBox {
    margin-top: 28px
}

.bodyWrap .inClassifyBox .boxItem {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    color: #666666
}

.bodyWrap .inClassifyBox .boxItem p {
    width: 76px;
    height: 30px;
    background: linear-gradient(90deg, #F64253 0%, #F75E53 100%);
    box-shadow: 0 6px 6px 0 rgba(246,69,83,0.16);
    border-radius: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px
}

.bodyWrap .inClassifyBox .boxItem .inClassifySw {
    flex: 1;
    padding: 0 18px;
    overflow: hidden
}

.bodyWrap .inClassifyBox .boxItem .inClassifySw .swiper-slide {
    width: fit-content
}

.bodyWrap .inClassifyBox .boxItem .inClassifySw .swiper-slide>a {
    display: flex;
    align-items: center
}

.bodyWrap .inClassifyBox .boxItem .inClassifySw .swiper-slide>a::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 16px;
    background: #E5E5E5;
    border-radius: 1px;
    margin: 0 16px
}

.bodyWrap .inClassifyBox .boxItem .inClassifySw .swiper-slide:last-child>a::after {
    display: none
}

.bodyWrap .inClassifyBox .boxItem:nth-child(2) p {
    background: linear-gradient(90deg, #439CFF 0%, #53BEFD 100%);
    box-shadow: 0 6px 6px 0 rgba(67,155,255,0.16)
}

.bodyWrap .inClassifyBox .boxItem:nth-child(3) p {
    background: linear-gradient(90deg, #FFA622 0%, #FFC021 100%);
    box-shadow: 0 6px 6px 0 rgba(255,166,34,0.16)
}

.bodyWrap .inClassifyBox .boxItem:nth-child(4) p {
    background: linear-gradient(90deg, #9763E8 0%, #C165DD 100%);
    box-shadow: 0 6px 6px 0 rgba(157,41,252,0.16)
}

.bodyWrap .inClassifyBox .multiColumnList {
    margin: 10px -5px 0
}

.bodyWrap .inClassifyBox .multiColumnList .columnItem {
    margin-top: 15px
}

.bodyWrap .inHotRecomBox {
    margin-top: 28px
}

.bodyWrap .inHotRecomBox .boxCont {
    margin-top: 20px;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    display: flex;
    justify-content: space-between
}

.bodyWrap .inHotRecomBox .boxCont .boxItem {
    width: 348px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem .topicTxtList {
    display: grid;
    grid-template-columns: repeat(2, 46.55%);
    justify-content: space-between
}

.bodyWrap .inHotRecomBox .boxCont .boxItem .topicTxtList li {
    margin-top: 20px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem .topicTxtList li>a .imgBox {
    width: 100%;
    height: 102px;
    border-radius: 5px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem .topicTxtList li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .inHotRecomBox .boxCont .boxItem .topicTxtList li>a>p {
    margin-top: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .inHotRecomBox .boxCont .boxItem .topicTxtList li>a:hover .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) {
    width: 456px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2)>ul {
    display: flex;
    height: 40px;
    overflow: hidden;
    text-align: center;
    line-height: 38px;
    color: #666
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2)>ul li {
    flex: 1;
    border: 1px solid #EEEEEE;
    border-radius: 20px 0 0 20px;
    border-right: unset
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2)>ul li:last-child {
    border-left: unset;
    border-radius: 0 20px 20px 0
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2)>ul li.active {
    position: relative;
    border-color: #FF6947;
    color: #FFFFFF;
    background-color: #FF6947
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2)>ul li.active>a:hover {
    color: #fff;
    opacity: .85
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) .tabInfo>div {
    color: #404040;
    display: flex;
    justify-content: space-between;
    position: relative
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) .tabInfo>div::after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    width: 0;
    border: 1px dashed #E5E5E5
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) .tabInfo>div ul {
    width: 207px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) .tabInfo>div ul li {
    margin-top: 23.5px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) .tabInfo>div ul li:first-child {
    margin-top: 20px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) .tabInfo>div ul li:nth-child(8) {
    display: none
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) .tabInfo>div ul li>a {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(2) .tabInfo>div ul li>a span:first-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(3) {
    width: 350px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(3)>ul {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    display: grid;
    grid-template-columns: repeat(2, 44%);
    justify-content: space-between;
    padding-top: 2px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(3)>ul li {
    margin-top: 19px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(3)>ul li a {
    display: flex;
    align-items: center
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(3)>ul li a .imgBox {
    width: 40px;
    height: 40px;
    border-radius: 8px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(3)>ul li a .imgInfo {
    flex: 1;
    padding-left: 10px
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(3)>ul li a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .inHotRecomBox .boxCont .boxItem:nth-child(3)>ul li a .imgInfo p.time {
    margin-top: 6px
}

.bodyWrap .inAppBox,.bodyWrap .inGameBox {
    margin-top: 30px
}

.bodyWrap .inAppBox .inTitle .titleL::before,.bodyWrap .inGameBox .inTitle .titleL::before {
    width: 30px;
    height: 31px;
    background-position: -38px -90px
}

.bodyWrap .inAppBox .inItemTitle .titleL::before,.bodyWrap .inGameBox .inItemTitle .titleL::before {
    background: #2C83FF
}

.bodyWrap .inAppBox .boxCont,.bodyWrap .inGameBox .boxCont {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.bodyWrap .inAppBox .boxCont .contL,.bodyWrap .inGameBox .boxCont .contL {
    width: 874px
}

.bodyWrap .inAppBox .boxCont .contL .multiColumnList,.bodyWrap .inGameBox .boxCont .contL .multiColumnList {
    margin: 7px 0 -13px;
    grid-template-columns: repeat(7, 11.45%)
}

.bodyWrap .inAppBox .boxCont .contL .multiColumnList .columnItem,.bodyWrap .inGameBox .boxCont .contL .multiColumnList .columnItem {
    margin: 14px 0;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.bodyWrap .inAppBox .boxCont .contL .multiColumnList .columnItem>a .imgBox,.bodyWrap .inGameBox .boxCont .contL .multiColumnList .columnItem>a .imgBox {
    width: 100px;
    height: 100px;
    border-radius: 24px
}

.bodyWrap .inAppBox .boxCont .contL .multiColumnList .columnItem>a>p,.bodyWrap .inGameBox .boxCont .contL .multiColumnList .columnItem>a>p {
    margin-top: 11px
}

.bodyWrap .inAppBox .boxCont .contL .boxItem:last-child,.bodyWrap .inGameBox .boxCont .contL .boxItem:last-child {
    margin-top: 30px
}

.bodyWrap .inAppBox .boxCont .contR,.bodyWrap .inGameBox .boxCont .contR {
    width: 302px
}

.bodyWrap .inAppBox .boxCont .contR .classifyList,.bodyWrap .inGameBox .boxCont .contR .classifyList {
    padding-top: 4px
}

.bodyWrap .inAppBox .boxCont .contR .rankList,.bodyWrap .inGameBox .boxCont .contR .rankList {
    margin-top: 9px
}

.bodyWrap .inAppBox .boxCont .contR .boxItem:last-child,.bodyWrap .inGameBox .boxCont .contR .boxItem:last-child {
    margin-top: 25px
}

.bodyWrap .inNewsBox {
    margin-top: 60px
}

.bodyWrap .inNewsBox .inTitle .titleL::before {
    width: 26px;
    height: 30px;
    background-position: -73px -90px
}

.bodyWrap .inNewsBox .inItemTitle {
    position: relative
}

.bodyWrap .inNewsBox .inItemTitle::after {
    content: "";
    position: absolute;
    left: 18px;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #FF6947
}

.bodyWrap .inNewsBox .inItemTitle .titleL {
    padding: 0 24px;
    font-size: 18px;
    color: #FFFFFF;
    height: 36px;
    line-height: 36px;
    background: #FF6947;
    border-radius: 18px
}

.bodyWrap .inNewsBox .inItemTitle .titleL::before {
    display: none
}

.bodyWrap .inNewsBox .boxCont {
    padding-top: 24px;
    display: flex;
    justify-content: space-between
}

.bodyWrap .inNewsBox .boxCont .boxItem {
    width: 348px
}

.bodyWrap .inNewsBox .boxCont .boxItem:nth-child(2) {
    width: 504px
}

.bodyWrap .inNewsBox .boxCont .boxItem:nth-child(3) {
    width: 302px
}

.bodyWrap .inNewsBox .boxCont .inNewsList {
    font-size: 14px;
    color: #333333;
    line-height: 20px
}

.bodyWrap .inNewsBox .boxCont .inNewsList li>a {
    margin-top: 10px;
    border-radius: 5px;
    display: flex;
    padding: 15px 15px 15px 0
}

.bodyWrap .inNewsBox .boxCont .inNewsList li>a .imgBox {
    width: 122px;
    height: 70px;
    border-radius: 5px
}

.bodyWrap .inNewsBox .boxCont .inNewsList li>a .imgInfo {
    flex: 1;
    padding-left: 20px
}

.bodyWrap .inNewsBox .boxCont .inNewsList li>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    margin-top: 9px
}

.bodyWrap .inNewsBox .boxCont .inNewsList li>a .imgInfo p:first-child {
    margin-top: 3px;
    font-size: 16px;
    font-weight: bold;
    -webkit-line-clamp: 1
}

.bodyWrap .inNewsBox .boxCont .inNewsList li>a .imgInfo p:last-child {
    color: #666666
}

.bodyWrap .inNewsBox .boxCont .inNewsList li:nth-child(2n+2)>a {
    padding: 15px;
    background: #F6F6F6;
    flex-direction: row-reverse
}

.bodyWrap .inNewsBox .boxCont .inNewsList li:nth-child(2n+2)>a .imgInfo {
    padding-left: unset;
    padding-right: 20px
}

.bodyWrap .inNewsBox .boxCont .inNewsList li:nth-child(2n+2)>a .imgInfo p:first-child {
    margin-top: 0px
}

.bodyWrap .inNewsBox .boxCont .mainCont {
    color: #FF6947;
    text-align: center
}

.bodyWrap .inNewsBox .boxCont .mainCont li {
    margin-top: 20px
}

.bodyWrap .inNewsBox .boxCont .mainCont li>a {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold
}

.bodyWrap .inNewsBox .boxCont .mainCont li>a p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .inNewsBox .boxCont .mainCont li>a p:last-child {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    margin-top: 8px
}

.bodyWrap .inNewsBox .boxCont .mainCont li:first-child {
    margin-top: unset
}

.bodyWrap .inNewsBox .boxCont .mainCont li:hover>a p:first-child {
    opacity: .8
}

.bodyWrap .inNewsBox .boxCont .newsTxtList {
    font-size: 16px;
    color: #333333;
    line-height: 18px;
    margin-top: 18px
}

.bodyWrap .inNewsBox .boxCont .newsTxtList li {
    margin-top: 16px
}

.bodyWrap .inNewsBox .boxCont .newsTxtList li>a {
    display: flex;
    align-items: center
}

.bodyWrap .inNewsBox .boxCont .newsTxtList li>a::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #BFBFBF;
    border-radius: 50%
}

.bodyWrap .inNewsBox .boxCont .newsTxtList li>a span.txt {
    flex: 1;
    padding-left: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .inNewsBox .boxCont .dashedLine {
    margin-top: 18px;
    display: block;
    border-top: 1px dashed #E5E5E5;
    width: calc(100% - 18px);
    margin-left: 18px
}

.bodyWrap .inNewsBox .boxCont .newsImgList {
    font-size: 16px;
    line-height: 20px;
    color: #333
}

.bodyWrap .inNewsBox .boxCont .newsImgList li {
    margin-top: 21px
}

.bodyWrap .inNewsBox .boxCont .newsImgList li>a .imgBox {
    width: 302px;
    height: 116px;
    border-radius: 5px
}

.bodyWrap .inNewsBox .boxCont .newsImgList li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .inNewsBox .boxCont .newsImgList li>a p {
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .inNewsBox .boxCont .newsImgList li>a:hover .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .inNewsBox .boxCont .newsImgList li:first-child {
    margin-top: unset
}

.bodyWrap .inAppBox .inTitle .titleL::before {
    width: 31px;
    height: 31px;
    background-position: -104px -89px
}

.bodyWrap .inRankBox {
    margin-top: 66px
}

.bodyWrap .inRankBox .inTitle .titleL::before {
    width: 30px;
    height: 30px;
    background-position: -140px -90px
}

.bodyWrap .inRankBox .boxCont {
    display: flex;
    justify-content: space-between;
    padding-top: 28px
}

.bodyWrap .inRankBox .boxCont .boxItem {
    width: 280px
}

.bodyWrap .inRankBox .boxCont .boxItem>p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #333333
}

.bodyWrap .inRankBox .boxCont .boxItem>p::before {
    content: "";
    width: 20px;
    height: 22px;
    display: inline-block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    background-position: -3px -124px;
    margin-right: 6px
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    margin-top: 2px
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li>a {
    display: flex;
    align-items: center
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li>a>span {
    display: block;
    width: 20px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    font-weight: normal;
    color: #999999
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li>a>p {
    flex: 1;
    width: calc(100% - 32px);
    display: flex;
    align-items: center;
    padding: 17px 0 14px;
    margin-left: 12px;
    border-bottom: 1px dashed #EEEEEE
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li>a>p span.txt {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li>a>p span.time {
    font-weight: normal
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li>a:hover {
    font-weight: bold
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li>a:hover>p {
    border-color: #FF6947
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li:nth-child(1)>a>span {
    background: #FF6947;
    color: #fff
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li:nth-child(2)>a>span {
    background: rgba(255,105,71,0.8);
    color: #fff
}

.bodyWrap .inRankBox .boxCont .boxItem .boxRankList li:nth-child(3)>a>span {
    background: rgba(255,105,71,0.5);
    color: #fff
}

.bodyWrap .inRankBox .boxCont .boxItem:nth-child(2)>p::before {
    width: 23px;
    height: 18px;
    background-position: -27px -124px
}

.bodyWrap .inRankBox .boxCont .boxItem:nth-child(3)>p::before {
    width: 18px;
    height: 18px;
    background-position: -54px -124px
}

.bodyWrap .inRankBox .boxCont .boxItem:nth-child(4)>p::before {
    width: 24px;
    height: 18px;
    background-position: -76px -124px
}

.bodyWrap .inLinkBox {
    margin-top: 30px
}

.bodyWrap .inLinkBox .inTitle .titleL::before {
    width: 29px;
    height: 30px;
    background-position: -175px -90px
}

.bodyWrap .inLinkBox .linkList {
    color: #666
}

.bodyWrap .gmClassifyBox {
    margin-top: 38px
}

.bodyWrap .gmClassifyBox .boxList {
    margin-top: -1px;
    display: grid;
    grid-template-columns: repeat(10, 8.17%);
    justify-content: space-between;
    text-align: center;
    font-size: 14px;
    color: #666666
}

.bodyWrap .gmClassifyBox .boxList li>a {
    margin-top: 24px;
    display: block;
    height: 36px;
    line-height: 36px;
    background: #F6F6F6;
    border-radius: 18px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .gmClassifyBox .boxList li.active>a {
    background: #FF6947;
    color: #fff
}

.bodyWrap .gmClassifyBox .boxList li.active>a:hover {
    color: #fff
}

.bodyWrap .gmAllList {
    margin-top: 40px
}

.bodyWrap .gmAllList .boxList {
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(6, 16.67%);
    justify-content: space-between;
    margin: 11px -12px 0
}

.bodyWrap .gmAllList .boxList li {
    margin: 12px
}

.bodyWrap .gmAllList .boxList li>a {
    display: block;
    width: 180px;
    height: 248px;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    padding: 22px 25px 21px
}

.bodyWrap .gmAllList .boxList li>a .imgBox {
    width: 130px;
    height: 130px;
    border-radius: 32px;
    margin: 0 auto
}

.bodyWrap .gmAllList .boxList li>a p {
    margin-top: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .gmAllList .boxList li>a p.btn {
    margin: 15px auto 0;
    width: 88px;
    height: 30px;
    background: #F5F5F5;
    border-radius: 5px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400
}

.bodyWrap .gmAllList .boxList li>a:hover {
    border-color: transparent;
    font-weight: bold;
    box-shadow: 0 0 12px 0 rgba(255,105,71,0.35)
}

.bodyWrap .gmAllList .boxList li>a:hover p.btn {
    background: #FFEEEB;
    color: #FF6947
}

.bodyWrap .gmAllList .pageCode {
    margin: 16px 0 30px
}

.bodyWrap .ndWrapBox>.boxWrap,.bodyWrap .nwWrapBox>.boxWrap,.bodyWrap .gdWrapBox>.boxWrap {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL,.bodyWrap .nwWrapBox>.boxWrap .boxL,.bodyWrap .gdWrapBox>.boxWrap .boxL {
    width: 850px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop {
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: linear-gradient(-90deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 4.71%)
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgBox {
    width: 160px;
    height: 160px;
    border-radius: 32px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo {
    flex: 1;
    padding-left: 24px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop {
    color: #B3B3B3
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop h1,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop h1,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop h1 {
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #333333
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p {
    display: flex;
    flex-wrap: wrap
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p a,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p a,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p a,.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p span,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p span,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .infoTop p span {
    margin-bottom: 3px;
    display: inline-block;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background: #F9F9F9;
    border-radius: 5px;
    margin-left: 10px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo>p,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo>p,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo>p {
    color: #999999;
    display: flex;
    margin-top: 17px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo>p span,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo>p span,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo>p span {
    width: 200px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .downBtns,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .downBtns,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxTop .imgInfo .downBtns {
    margin-top: 17px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    align-items: center
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter {
    margin-top: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox {
    overflow: hidden
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .imgBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .imgBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .imgBox {
    width: auto;
    max-width: 430px;
    height: 384px;
    border-radius: 5px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .swiper-scrollbar,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .swiper-scrollbar,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .swiper-scrollbar {
    height: 14px;
    background: #F1F1F1;
    border-radius: 2px;
    margin-top: 2px;
    position: relative
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .swiper-scrollbar .swiper-scrollbar-drag,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .swiper-scrollbar .swiper-scrollbar-drag,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxCenter .gdSwBox .swiper-scrollbar .swiper-scrollbar-drag {
    position: absolute;
    top: 2px;
    height: 10px;
    background: #C1C1C1;
    border-radius: 2px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom {
    margin-top: 35px;
    width: 850px;
    height: 36px;
    line-height: 36px;
    background: #FFEAE5;
    border-radius: 4px;
    color: #FF6947;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 0 62px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom li,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom li,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom li {
    width: 120px;
    cursor: pointer
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom li.active,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom li.active,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdDetailBox .boxBottom li.active {
    margin-top: -5px;
    height: 40px;
    line-height: 40px;
    background: #FF6948;
    border-radius: 20px;
    font-weight: bold;
    color: #FFFFFF;
    box-shadow: 0 -4px 12px 0 rgba(255,105,71,0.35)
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTagsBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTagsBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTagsBox {
    margin-top: 10px;
    font-size: 14px;
    color: #FF6948;
    line-height: 26px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTagsBox p,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTagsBox p,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTagsBox p {
    display: flex;
    flex-wrap: wrap
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTagsBox p a,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTagsBox p a,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTagsBox p a,.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTagsBox p span,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTagsBox p span,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTagsBox p span {
    display: block;
    margin-top: 5px;
    margin-right: 10px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdBriefBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdBriefBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdBriefBox {
    margin-top: 5px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdBriefBox>p,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdBriefBox>p,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdBriefBox>p {
    background: #F5F5F5;
    border-radius: 5px;
    padding: 12px 20px 12px;
    font-size: 14px;
    color: #666666;
    color: #FF6948;
    line-height: 26px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox {
    margin-top: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont {
    font-size: 16px;
    color: #666666;
    line-height: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h1,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h1,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h1,.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h2,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h2,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h2,.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h3,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h3,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h3,.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h4,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h4,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h4,.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h5,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h5,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h5,.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h6,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h6,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont h6 {
    margin-top: 10px;
    font-weight: bold
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont>p,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont>p,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont>p {
    margin-top: 5px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont img,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont img,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont img {
    width: 720px;
    display: block;
    margin: 14px auto;
    width: auto;
    max-width: 100%;
    max-height: 400px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont .tsCont,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont .tsCont,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont .tsCont {
    font-size: 16px;
    color: #333;
    line-height: 36px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont .tsCont>span,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont .tsCont>span,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdIntroduceBox .boxCont .tsCont>span {
    display: inline-block;
    color: #FF6947;
    font-weight: bold
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdLogsBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdLogsBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdLogsBox {
    margin-top: 20px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdLogsBox .boxCont,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdLogsBox .boxCont,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdLogsBox .boxCont {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    margin-top: 52px;
    border: 1px solid #FF6947;
    border-radius: 8px;
    padding: 15px 20px 10px;
    position: relative
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdLogsBox .boxCont>span,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdLogsBox .boxCont>span,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdLogsBox .boxCont>span {
    position: absolute;
    padding: 0 20px;
    left: 21px;
    top: -30px;
    display: block;
    height: 36px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 36px;
    background: #FF6947;
    border-radius: 8px 8px 0px 0px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdLogsBox .boxCont p>span,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdLogsBox .boxCont p>span,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdLogsBox .boxCont p>span {
    color: #FF6947
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdInfoBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdInfoBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdInfoBox {
    margin-top: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdInfoBox .gdTitle .titleR a>.icon,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdInfoBox .gdTitle .titleR a>.icon,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdInfoBox .gdTitle .titleR a>.icon {
    width: 14px;
    height: 14px;
    background-position: -117px -124px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdInfoBox .boxCont,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdInfoBox .boxCont,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdInfoBox .boxCont {
    margin-top: 18px;
    display: flex;
    justify-content: space-between
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdInfoBox .boxCont ul,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdInfoBox .boxCont ul,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdInfoBox .boxCont ul {
    width: 415px;
    padding: 11px 20px;
    background: #F5F5F5;
    border-radius: 5px;
    font-size: 16px;
    color: #666666;
    line-height: 36px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdRecomBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdRecomBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdRecomBox {
    margin-top: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox {
    margin-top: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul {
    padding-left: 120px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: -24px -6px 0;
    font-size: 14px;
    line-height: 14px;
    color: #999999
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li>a,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li>a,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li>a {
    display: block;
    padding: 0px 8px;
    margin: 6px 6px 0
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active {
    color: #fff;
    font-weight: bold
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a {
    background-color: #FF6947;
    border-radius: 5px;
    display: block;
    height: 22px;
    line-height: 22px;
    position: relative
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a::after,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a::after,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ff6947;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a:hover,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a:hover,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont>ul li.active>a:hover {
    color: #fff;
    opacity: .85
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont {
    color: #000000
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgBox {
    width: 267px;
    height: 180px;
    border-radius: 8px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgBox img,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgBox img,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo {
    flex: 1;
    padding: 3px 0 0 24px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p {
    font-size: 16px;
    line-height: 32px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: justify;
    -webkit-line-clamp: 3
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(1),.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(1),.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(1) {
    font-size: 20px;
    font-weight: bold;
    color: inherit;
    -webkit-line-clamp: 1
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(2),.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(2),.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(2) {
    margin-top: 6px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(3),.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(3),.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(3) {
    font-size: 14px;
    line-height: 32px;
    margin-top: 11px;
    padding: 0 12px;
    width: 100%;
    height: 32px;
    background: #F5F5F5;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(3) i,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(3) i,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont .imgInfo p:nth-child(3) i {
    font-style: normal;
    color: #FF6947
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont:hover .imgBox img,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont:hover .imgBox img,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .mainCont:hover .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .sixColumnList,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .sixColumnList,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTopicsBox .boxCont .tabsCont .sixColumnList {
    margin-top: 24px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTipsBox,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTipsBox,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTipsBox {
    margin: 30px 0
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTipsBox>ul,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTipsBox>ul,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTipsBox>ul {
    margin-top: 1px;
    display: grid;
    grid-template-columns: repeat(2, 48.71%);
    justify-content: space-between;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a {
    margin-top: 18px;
    display: flex;
    align-items: center
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a::before,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a::before,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #BFBFBF;
    border-radius: 50%;
    margin-left: 2px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a span.txt,.bodyWrap .nwWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a span.txt,.bodyWrap .gdWrapBox>.boxWrap .boxL .gdTipsBox>ul li>a span.txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    padding-left: 12px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR,.bodyWrap .nwWrapBox>.boxWrap .boxR,.bodyWrap .gdWrapBox>.boxWrap .boxR {
    width: 320px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotGameBox>ul,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotGameBox>ul,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotGameBox>ul {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, 28.125%);
    justify-content: space-between
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotGameBox>ul li>a,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotGameBox>ul li>a,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotGameBox>ul li>a {
    margin: 10px 0
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotGameBox>ul li>a p,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotGameBox>ul li>a p,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotGameBox>ul li>a p {
    margin-top: 11px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotGameBox>ul li:hover>a .imgBox,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotGameBox>ul li:hover>a .imgBox,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotGameBox>ul li:hover>a .imgBox {
    border: 1px solid #FF6947;
    box-shadow: 0 0 12px 0 rgba(255,105,71,0.35)
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotClassifyBox,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotClassifyBox,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotClassifyBox {
    margin-top: 20px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotClassifyBox .classifyList,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotClassifyBox .classifyList,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotClassifyBox .classifyList {
    margin-top: 16px;
    grid-template-columns: repeat(3, 31.25%)
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotClassifyBox .classifyList li>a,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotClassifyBox .classifyList li>a,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotClassifyBox .classifyList li>a {
    margin-top: 10px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotRankBox,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotRankBox,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotRankBox {
    margin-top: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotRankBox .rankList,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotRankBox .rankList,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotRankBox .rankList {
    margin-top: 10px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotTopicBox,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotTopicBox,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotTopicBox {
    margin-top: 30px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList {
    font-size: 14px;
    line-height: 18px;
    margin-top: 9px;
    grid-template-columns: repeat(2, 48.44%)
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList li>a,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList li>a,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList li>a {
    overflow: hidden;
    margin-top: 11px;
    width: 155px;
    height: 104px
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList li>a>p,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList li>a>p,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotTopicBox .topicList li>a>p {
    padding: 22px 7px 6px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 10px 10px;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%)
}

.bodyWrap .ndWrapBox>.boxWrap .boxR .gdHotNewsBox,.bodyWrap .nwWrapBox>.boxWrap .boxR .gdHotNewsBox,.bodyWrap .gdWrapBox>.boxWrap .boxR .gdHotNewsBox {
    margin-top: 30px
}

.bodyWrap .popupBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1002;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    line-height: 32px;
    color: #333333
}

.bodyWrap .popupBox .boxCont {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.bodyWrap .popupBox .historyBox,.bodyWrap .popupBox .feedbackBox,.bodyWrap .popupBox .subSuccessBox,.bodyWrap .popupBox .subBox {
    width: 444px;
    height: 360px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-image: url(../img/gd_bg2.png);
    background-size: 444px 360px;
    background-position: 0 0;
    padding: 32px 28px 25px;
    position: relative
}

.bodyWrap .popupBox .historyBox .boxTop,.bodyWrap .popupBox .feedbackBox .boxTop,.bodyWrap .popupBox .subSuccessBox .boxTop,.bodyWrap .popupBox .subBox .boxTop {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bodyWrap .popupBox .historyBox .boxTop>p,.bodyWrap .popupBox .feedbackBox .boxTop>p,.bodyWrap .popupBox .subSuccessBox .boxTop>p,.bodyWrap .popupBox .subBox .boxTop>p {
    font-size: 16px
}

.bodyWrap .popupBox .historyBox .boxTop>p:first-child,.bodyWrap .popupBox .feedbackBox .boxTop>p:first-child,.bodyWrap .popupBox .subSuccessBox .boxTop>p:first-child,.bodyWrap .popupBox .subBox .boxTop>p:first-child {
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
    color: #000000
}

.bodyWrap .popupBox .historyBox .boxTop>p:nth-child(2),.bodyWrap .popupBox .feedbackBox .boxTop>p:nth-child(2),.bodyWrap .popupBox .subSuccessBox .boxTop>p:nth-child(2),.bodyWrap .popupBox .subBox .boxTop>p:nth-child(2) {
    margin-top: 20px;
    color: #666666;
    line-height: 26px
}

.bodyWrap .popupBox .historyBox .boxCenter,.bodyWrap .popupBox .feedbackBox .boxCenter,.bodyWrap .popupBox .subSuccessBox .boxCenter,.bodyWrap .popupBox .subBox .boxCenter {
    margin: 23px auto 16px;
    position: relative
}

.bodyWrap .popupBox .historyBox .boxCenter>input,.bodyWrap .popupBox .feedbackBox .boxCenter>input,.bodyWrap .popupBox .subSuccessBox .boxCenter>input,.bodyWrap .popupBox .subBox .boxCenter>input {
    width: 100%;
    height: 64px;
    background: #FFFFFF;
    border: 2px solid #FFEFEB;
    border-radius: 12px;
    text-indent: 20px;
    font-size: 18px;
    color: #999999
}

.bodyWrap .popupBox .historyBox .boxCenter>input::placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter>input::placeholder,.bodyWrap .popupBox .subSuccessBox .boxCenter>input::placeholder,.bodyWrap .popupBox .subBox .boxCenter>input::placeholder {
    color: inherit
}

.bodyWrap .popupBox .historyBox .boxCenter>input::-webkit-input-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter>input::-webkit-input-placeholder,.bodyWrap .popupBox .subSuccessBox .boxCenter>input::-webkit-input-placeholder,.bodyWrap .popupBox .subBox .boxCenter>input::-webkit-input-placeholder {
    color: inherit
}

.bodyWrap .popupBox .historyBox .boxCenter>input::-moz-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter>input::-moz-placeholder,.bodyWrap .popupBox .subSuccessBox .boxCenter>input::-moz-placeholder,.bodyWrap .popupBox .subBox .boxCenter>input::-moz-placeholder {
    color: inherit
}

.bodyWrap .popupBox .historyBox .boxCenter>input:-moz-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter>input:-moz-placeholder,.bodyWrap .popupBox .subSuccessBox .boxCenter>input:-moz-placeholder,.bodyWrap .popupBox .subBox .boxCenter>input:-moz-placeholder {
    color: inherit
}

.bodyWrap .popupBox .historyBox .boxCenter>input:-ms-input-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter>input:-ms-input-placeholder,.bodyWrap .popupBox .subSuccessBox .boxCenter>input:-ms-input-placeholder,.bodyWrap .popupBox .subBox .boxCenter>input:-ms-input-placeholder {
    color: inherit
}

.bodyWrap .popupBox .historyBox .boxCenter .errTips,.bodyWrap .popupBox .feedbackBox .boxCenter .errTips,.bodyWrap .popupBox .subSuccessBox .boxCenter .errTips,.bodyWrap .popupBox .subBox .boxCenter .errTips {
    font-size: 12px;
    line-height: 12px;
    color: #f33;
    margin: 0;
    position: absolute;
    left: 2px;
    top: 66px
}

.bodyWrap .popupBox .historyBox .boxCenter p,.bodyWrap .popupBox .feedbackBox .boxCenter p,.bodyWrap .popupBox .subSuccessBox .boxCenter p,.bodyWrap .popupBox .subBox .boxCenter p {
    font-size: 16px;
    line-height: 20px;
    color: #999999;
    margin-top: 17px;
    text-align: center
}

.bodyWrap .popupBox .historyBox .boxBottom button,.bodyWrap .popupBox .feedbackBox .boxBottom button,.bodyWrap .popupBox .subSuccessBox .boxBottom button,.bodyWrap .popupBox .subBox .boxBottom button {
    width: 100%;
    height: 65px;
    background: #67DDAB;
    border-radius: 12px;
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    line-height: 65px
}

.bodyWrap .popupBox .historyBox>.close,.bodyWrap .popupBox .feedbackBox>.close,.bodyWrap .popupBox .subSuccessBox>.close,.bodyWrap .popupBox .subBox>.close {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    background-position: -324px -34px;
    position: absolute;
    left: 50%;
    bottom: -64px;
    margin-left: -16px
}

.bodyWrap .popupBox .waitBox,.bodyWrap .popupBox .subSuccessBox {
    height: 388px;
    background-size: 444px 388px
}

.bodyWrap .popupBox .waitBox .boxCenter .icon,.bodyWrap .popupBox .subSuccessBox .boxCenter .icon {
    width: 112px;
    height: 93px;
    background-position: -117px -152px;
    display: block;
    margin: 31px auto 39px
}

.bodyWrap .popupBox .feedbackBox {
    width: 444px;
    height: calc(100vh - 120px);
    max-height: 640px;
    background-image: url(../img/gd_bg3.png);
    background-size: 444px 640px;
    padding: 30px;
    border-radius: 12px
}

.bodyWrap .popupBox .feedbackBox .boxTop {
    padding-bottom: 10px
}

.bodyWrap .popupBox .feedbackBox .boxCenter {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 4px 12px 0;
    margin: 0 -4px 0 0
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem {
    position: relative
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem .errTips {
    color: #f33;
    position: absolute;
    top: unset;
    bottom: -14px
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem>p {
    margin-top: 13px;
    line-height: 20px;
    color: #666;
    text-align: left
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem>ul {
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(2, 47.69%);
    justify-content: space-between;
    font-size: 16px;
    color: #999
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem>ul li {
    width: 100%;
    height: 37px;
    line-height: 37px;
    background: #F9F9F9;
    border-radius: 5px;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 .1rem;
    text-align: center;
    cursor: pointer
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem>ul li.active {
    background: #67DDAB;
    color: #FFFFFF
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input {
    border: unset;
    width: 100%;
    color: #999;
    border-radius: 5px
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea::placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input::placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea::-webkit-input-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input::-webkit-input-placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea::-moz-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input::-moz-placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea:-moz-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input:-moz-placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea:-ms-input-placeholder,.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input:-ms-input-placeholder {
    color: inherit;
    font-weight: normal
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem textarea {
    background: #F9F9F9;
    font-size: 16px;
    line-height: 20px;
    padding: 14px 20px;
    height: 110px;
    margin-top: 15px;
    resize: none
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem input {
    font-size: 18px;
    margin-top: 28px;
    border: 2px solid #FFEFEB;
    height: 65px;
    border-radius: 12px;
    background: #FFFFFF;
    padding: 0 18px
}

.bodyWrap .popupBox .feedbackBox .boxCenter .bodyItem .countChange {
    position: absolute;
    right: 18px;
    bottom: 12px;
    font-size: 16px;
    line-height: 20px;
    color: #999
}

.bodyWrap .popupBox .feedbackBox .boxCenter::-webkit-scrollbar {
    width: 7px
}

.bodyWrap .popupBox .feedbackBox .boxCenter::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 6px
}

.bodyWrap .popupBox .feedbackBox .boxBottom {
    padding-top: 6px
}

.bodyWrap .popupBox .feedbackBox>.close {
    width: 27px;
    height: 27px;
    background-position: -290px -36px;
    bottom: -50px;
    margin-left: -13.5px
}

.bodyWrap .popupBox .historyBox {
    height: calc(100vh - 120px);
    max-height: 640px;
    background-image: url(../img/gd_bg.png);
    background-size: 444px 640px;
    border-radius: 12px;
    padding: 32px 30px 30px
}

.bodyWrap .popupBox .historyBox>.close {
    width: 27px;
    height: 27px;
    background-position: -290px -36px;
    bottom: -50px;
    margin-left: -13.5px
}

.bodyWrap .popupBox .historyBox .boxTop {
    padding-bottom: 7px
}

.bodyWrap .popupBox .historyBox .boxCenter {
    flex: 1;
    font-size: 16px;
    line-height: 16px;
    color: #999999;
    overflow: hidden;
    text-align: justify;
    margin: 0 -7px 0 0
}

.bodyWrap .popupBox .historyBox .boxCenter ul {
    padding: 0 7px 64px 0;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.bodyWrap .popupBox .historyBox .boxCenter ul li {
    padding-bottom: 13px;
    border-bottom: 2px dashed #EEEEEE
}

.bodyWrap .popupBox .historyBox .boxCenter ul li p {
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: justify
}

.bodyWrap .popupBox .historyBox .boxCenter ul li p span:first-child {
    color: #404040;
    font-weight: bold
}

.bodyWrap .popupBox .historyBox .boxCenter ul li p.cont {
    margin-top: 10px;
    line-height: 30px;
    justify-content: flex-start
}

.bodyWrap .popupBox .historyBox .boxCenter ul li:last-child {
    border-bottom: unset
}

.bodyWrap .popupBox .historyBox .boxCenter ul::-webkit-scrollbar {
    width: 7px
}

.bodyWrap .popupBox .historyBox .boxCenter ul::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 6px
}

.bodyWrap .popupBox .historyBox .boxBottom {
    margin-top: 30px
}

.bodyWrap .popupBox .videoBox {
    width: 1200px;
    height: 678px;
    position: relative
}

.bodyWrap .popupBox .videoBox .close {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 20px;
    background-position: -231px -100px;
    position: absolute;
    top: 0;
    right: 0
}

.bodyWrap .popupBox .videoBox video {
    width: 100%;
    height: 100%
}

.bodyWrap .popupBox.hide {
    display: none
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: #404040;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 285px
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-wrapper .swiper-slide>a {
    background: #FAFAFA;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-wrapper .swiper-slide>a .imgBox {
    width: 440px;
    height: 285px;
    border-radius: 8px;
    z-index: 3
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-wrapper .swiper-slide>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-wrapper .swiper-slide>a .imgInfo {
    flex: 1;
    padding: 11px 25px 76px
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-wrapper .swiper-slide>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-wrapper .swiper-slide>a .imgInfo p.txt {
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #999999;
    -webkit-line-clamp: 3
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-wrapper .swiper-slide>a .imgInfo p.time {
    margin-top: 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-wrapper .swiper-slide>a:hover .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-button-prev,.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-button-next {
    position: absolute;
    width: 13px;
    height: 23px;
    display: block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    background-position: -18px -215px;
    z-index: 2;
    bottom: 24px;
    right: 370px;
    cursor: pointer
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-button-prev.swiper-button-disabled,.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-button-next.swiper-button-disabled {
    opacity: .65;
    cursor: not-allowed
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-button-next {
    right: 35px;
    transform: rotateY(180deg)
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-num {
    z-index: 2;
    position: absolute;
    bottom: 25px;
    right: 170px;
    font-size: 18px;
    line-height: 18px;
    color: #999999;
    font-weight: bold;
    display: flex;
    align-items: center
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-num span.active {
    font-size: 24px;
    line-height: 24px;
    color: #FF6947
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwSwBox .swiper-num span.total::before {
    content: "/";
    color: #999999;
    margin: 0 4px
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews {
    margin-top: 30px
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul {
    margin-top: -2px;
    font-size: 18px;
    line-height: 22px;
    color: #404040
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a {
    display: flex;
    padding: 24px 0;
    border-bottom: 1px solid #E5E5E5
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a .imgBox {
    width: 260px;
    height: 160px;
    background: #FF6947;
    border-radius: 8px
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a .imgInfo {
    flex: 1;
    height: 160px;
    padding: 0 0 50px 25px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a .imgInfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a .imgInfo p:first-child {
    font-weight: bold
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a .imgInfo p.txt {
    -webkit-line-clamp: 3;
    margin-top: 17px;
    font-size: 14px;
    line-height: 24px;
    color: #999999
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a .imgInfo p.other {
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #999999
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li>a .imgInfo p.other span.btn {
    font-size: 14px;
    display: block;
    width: 88px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #EEEEEE;
    border-radius: 15px
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li:hover>a {
    border-color: #FF6947
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li:hover>a .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo>ul li:hover>a .imgInfo p.other span.btn {
    background: #FF6947;
    color: #FFFFFF
}

.bodyWrap .nwWrapBox>.boxWrap .boxL .nwAllNews .tabsCont .tabInfo .pageCode {
    margin: 30px 0
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox {
    margin-top: -2px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox>h1 {
    font-size: 30px;
    line-height: 34px;
    font-weight: bold;
    color: #404040;
    text-align: center
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .time {
    margin-top: 19px;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .time span {
    margin: 0 32px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .boxCont {
    margin-top: 38px;
    font-size: 16px;
    color: #666666;
    line-height: 32px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .boxCont>p {
    margin-top: 21px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .boxCont>img {
    display: block;
    margin: 22px auto 0;
    width: 583px;
    width: auto;
    max-width: 100%;
    max-height: 400px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont {
    margin-top: 21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 840px;
    height: 150px;
    background-image: url(../img/nd_bg.png);
    box-shadow: 0 8px 8px 0 rgba(0,0,0,0.04);
    border-radius: 8px;
    padding: 25px 36px 25px 24px;
    position: relative
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgBox {
    width: 100px;
    height: 100px;
    background: #FF6947;
    border-radius: 24px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgInfo {
    flex: 1;
    max-width: calc(100% - 270px);
    padding-left: 18px;
    font-size: 20px;
    font-weight: bold;
    color: #404040;
    line-height: 32px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgInfo p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: normal;
    color: #999999;
    line-height: 24px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgInfo p.info {
    margin-top: -1px;
    margin-left: -20px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgInfo p.info span {
    margin: 0 20px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgInfo p:last-child {
    margin-top: 1px;
    display: flex;
    align-items: center
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgInfo p:last-child a,.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgInfo p:last-child span {
    color: #FF6947;
    margin-right: 10px;
    height: 28px;
    line-height: 26px;
    padding: 0 16px;
    border: 1px solid #FF6947;
    border-radius: 5px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .imgInfo p:last-child a:hover {
    opacity: .75
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .downBtns {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont .downBtns>a:hover {
    color: #fff;
    opacity: 1
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .ndDetailBox .mainCont::after {
    position: absolute;
    right: -9px;
    top: -9px;
    content: "";
    display: block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    width: 97px;
    height: 98px;
    background-position: -245px -152px
}

.bodyWrap .ndWrapBox>.boxWrap .boxL .gdTopicsBox {
    margin-bottom: 30px
}

.bodyWrap .tdWrapBox .tpSwBoxMain,.bodyWrap .tpWrapBox .tpSwBoxMain {
    margin-top: 30px
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox {
    width: 100%;
    height: 220px;
    overflow: hidden
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide {
    width: 528px;
    height: 220px;
    border-radius: 8px;
    overflow: hidden
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-prev,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-prev,.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-next,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-next {
    transform: scaleX(.6174)
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-prev>a>p,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-prev>a>p,.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-next>a>p,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-next>a>p {
    transform: scaleX(1.6197);
    padding: 30px 111px 10px
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-active,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-active {
    width: 528px;
    height: 220px;
    transform: scaleX(1)
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-visible,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide.swiper-slide-visible {
    opacity: 1;
    transition-duration: 600ms
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a>.imgBox,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a>.imgBox {
    width: 100%;
    height: 100%
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a>.imgBox img,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a>.imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a>p,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a>p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 20px;
    padding: 30px 10px 10px;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%)
}

.bodyWrap .tdWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a:hover>.imgBox img,.bodyWrap .tpWrapBox .tpSwBoxMain .tpSwBox .swiper-slide>a:hover>.imgBox img {
    transform: scale(1.2)
}

.bodyWrap .tdWrapBox .tpAllTopics,.bodyWrap .tpWrapBox .tpAllTopics {
    margin-top: 30px
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo>ul,.bodyWrap .tpWrapBox .tpAllTopics .tabInfo>ul {
    margin-top: -4px;
    display: grid;
    grid-template-columns: repeat(4, 23.33%);
    justify-content: space-between;
    font-size: 18px;
    line-height: 22px;
    color: #333333
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo>ul li,.bodyWrap .tpWrapBox .tpAllTopics .tabInfo>ul li {
    margin-top: 28px
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo>ul li>a .imgBox,.bodyWrap .tpWrapBox .tpAllTopics .tabInfo>ul li>a .imgBox {
    width: 280px;
    height: 188px;
    background: #FF553B;
    border-radius: 8px
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo>ul li>a .imgBox img,.bodyWrap .tpWrapBox .tpAllTopics .tabInfo>ul li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo>ul li>a p,.bodyWrap .tpWrapBox .tpAllTopics .tabInfo>ul li>a p {
    padding: 0 3px;
    margin-top: 10px;
    display: flex;
    align-items: flex-end
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo>ul li>a p span,.bodyWrap .tpWrapBox .tpAllTopics .tabInfo>ul li>a p span {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo>ul li>a p span:nth-child(2),.bodyWrap .tpWrapBox .tpAllTopics .tabInfo>ul li>a p span:nth-child(2) {
    flex: unset;
    color: #999;
    font-size: 14px;
    line-height: 16px
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo>ul li>a:hover .imgBox img,.bodyWrap .tpWrapBox .tpAllTopics .tabInfo>ul li>a:hover .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .tdWrapBox .tpAllTopics .tabInfo .pageCode,.bodyWrap .tpWrapBox .tpAllTopics .tabInfo .pageCode {
    margin-top: 30px
}

.bodyWrap .tdWrapBox .tpHotBox,.bodyWrap .tpWrapBox .tpHotBox {
    margin-top: 30px
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox {
    margin-top: 20px;
    overflow: hidden;
    padding: 0 50px;
    position: relative
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-slide,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-slide {
    width: 202px;
    height: 136px;
    background: #FF6947;
    border-radius: 8px;
    overflow: hidden
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a .imgBox,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a .imgBox {
    width: 100%;
    height: 100%
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a .imgBox img,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a>p,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a>p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    padding: 30px 10px 10px;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0, transparent 100%)
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a:hover .imgBox img,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-slide>a:hover .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev,.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next {
    cursor: pointer;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    z-index: 1
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev>div,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev>div,.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next>div,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next>div {
    position: absolute;
    left: 0;
    top: 16px;
    width: 28px;
    height: 104px;
    background: #F5F5F5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev .icon,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev .icon,.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next .icon,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next .icon {
    width: 16px;
    height: 28px;
    background-position: -3px -243px
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev:hover>div,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev:hover>div,.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next:hover>div,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next:hover>div {
    background: #FF6947
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev:hover .icon,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev:hover .icon,.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next:hover .icon,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next:hover .icon {
    background-position: -25px -243px;
    transform: rotateY(180deg)
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev.swiper-button-disabled>div,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-prev.swiper-button-disabled>div,.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next.swiper-button-disabled>div,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next.swiper-button-disabled>div {
    opacity: .8
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next {
    position: absolute;
    left: unset;
    right: 0
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next>div,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next>div {
    left: unset;
    right: 0
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next .icon,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next .icon {
    transform: rotateY(180deg)
}

.bodyWrap .tdWrapBox .tpHotBox .tpSwHotBox .swiper-button-next:hover .icon,.bodyWrap .tpWrapBox .tpHotBox .tpSwHotBox .swiper-button-next:hover .icon {
    transform: unset
}

.bodyWrap .tdWrapBox .tpLatestBox,.bodyWrap .tpWrapBox .tpLatestBox {
    margin-top: 30px
}

.bodyWrap .tdWrapBox .tpLatestBox .boxWrap>.linkList,.bodyWrap .tpWrapBox .tpLatestBox .boxWrap>.linkList {
    margin-top: -4px;
    display: grid;
    grid-template-columns: repeat(5, 18.33%);
    justify-content: space-between;
    padding: 0 0 30px;
    color: #666666
}

.bodyWrap .tdWrapBox .tpLatestBox .boxWrap>.linkList li,.bodyWrap .tpWrapBox .tpLatestBox .boxWrap>.linkList li {
    margin-top: 24px
}

.bodyWrap .tdWrapBox .tpLatestBox .boxWrap>.linkList li>a,.bodyWrap .tpWrapBox .tpLatestBox .boxWrap>.linkList li>a {
    border-radius: 4px
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap {
    margin-top: 30px;
    display: flex
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .imgBox {
    width: 397px;
    height: 268px;
    border-radius: 8px
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap>.imgInfo {
    max-width: calc(100% - 692px);
    flex: 1;
    padding: 15px 30px 0 24px;
    font-size: 16px;
    line-height: 30px;
    color: #999
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap>.imgInfo h1 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap>.imgInfo p {
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap>.imgInfo p.time {
    margin-top: 24px;
    line-height: 16px;
    font-size: inherit;
    display: flex;
    justify-content: space-between
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap>.imgInfo p:last-child {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap>.imgInfo p:last-child a,.bodyWrap .tdWrapBox .tdDetailBox .boxWrap>.imgInfo p:last-child span {
    color: #ff6947;
    margin: 4px 10px 4px 0;
    height: 32px;
    line-height: 30px;
    padding: 0 16px;
    border: 1px solid #ff6947;
    border-radius: 5px;
    font-size: 14px
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem {
    width: 295px;
    margin: 9px 9px 0 0;
    height: 258px;
    background: #FAFAFA;
    border-radius: 5px;
    padding: 25px 25px 0 24px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #999999
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem .mainInfo {
    display: flex;
    align-items: center
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem .mainInfo .imgBox {
    width: 119px;
    height: 119px;
    border-radius: 28px
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem .mainInfo .imgInfo {
    width: calc(100% - 119px);
    flex: 1;
    align-items: center;
    padding-left: 20px
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem .mainInfo .imgInfo p:first-child {
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem .mainInfo .imgInfo p.info {
    display: flex;
    flex-direction: column
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem .mainInfo .imgInfo p.info span {
    margin-top: 12px
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem .mainInfo .imgInfo p.info span:last-child {
    margin-top: 8px
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem .mainInfo .imgInfo p.btn {
    font-size: 14px;
    color: #fff;
    padding: 0 30px;
    height: 30px;
    line-height: 30px;
    background: #FF6947;
    border-radius: 5px;
    width: fit-content;
    margin-top: 10px
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem>p {
    margin-top: 19px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem>p span {
    font-weight: bold
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem:hover .mainInfo .imgInfo p:first-child {
    color: #FF6947
}

.bodyWrap .tdWrapBox .tdDetailBox .boxWrap .mainItem::after {
    content: "";
    display: block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    width: 97px;
    height: 98px;
    background-position: -348px -152px;
    position: absolute;
    right: -9px;
    top: -9px
}

.bodyWrap .tdWrapBox .gmAllList {
    margin-top: 30px
}

.bodyWrap .tdWrapBox .tpHotBox {
    margin-top: 18px
}

.bodyWrap .lsDetailBox {
    margin-top: 30px
}

.bodyWrap .lsDetailBox .boxWrap>ul {
    width: 100%;
    height: 240px;
    border-radius: 5px;
    background-image: url(../img/ls_bg.png);
    display: flex;
    justify-content: center;
    padding-top: 170px;
    font-size: 20px;
    color: #666666
}

.bodyWrap .lsDetailBox .boxWrap>ul li>a {
    display: block;
    height: 40px;
    line-height: 39px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 0 40px;
    margin: 0 12.5px
}

.bodyWrap .lsDetailBox .boxWrap>ul li:first-child>a {
    margin-left: 0
}

.bodyWrap .lsDetailBox .boxWrap>ul li.active>a {
    background: linear-gradient(-90deg, #FF5F59 0%, #FF9762 100%);
    font-weight: bold;
    color: #FFFFFF
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo {
    margin-top: 30px;
    display: flex;
    justify-content: space-between
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoL {
    width: 270px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoL li>a {
    margin-top: 15px;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 135px;
    background: #FF6947;
    border-radius: 8px;
    position: relative
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoL li>a .imgBox {
    width: 100%;
    height: 100%
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoL li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoL li>a>p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 16px;
    background: #2E323D;
    border-radius: 8px
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoL li>a:hover .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoL li:first-child>a {
    margin-top: 0
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoR {
    width: 914px;
    height: fit-content
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoR.linkList {
    grid-template-columns: repeat(3, 32.17%);
    justify-content: space-between;
    padding: 0;
    margin-top: -16px;
    font-size: 15px;
    color: #4D4D4D
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoR.linkList li {
    margin-top: 16px
}

.bodyWrap .lsDetailBox .boxWrap .tabInfo .infoR.linkList li>a {
    height: 44px;
    border-radius: 5px;
    text-align: center;
    line-height: 44px
}

.bodyWrap .lsNewsBox {
    margin-top: 30px
}

.bodyWrap .lsNewsBox .inTitle .titleL::before {
    width: 30px;
    height: 30px;
    background-position: -140px -90px
}

.bodyWrap .lsNewsBox .lsRankList {
    margin-top: 1px
}

.bodyWrap .lsNewsBox .lsRankList li>a {
    padding: 24px 1px 23px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E5E5E5
}

.bodyWrap .lsNewsBox .lsRankList li>a .num {
    display: block;
    width: 52px;
    color: #FF6947
}

.bodyWrap .lsNewsBox .lsRankList li>a .num i {
    display: block;
    width: 32px;
    height: 32px;
    background: #FFEEEB;
    border-radius: 5px;
    font-style: normal;
    text-align: center;
    line-height: 32px
}

.bodyWrap .lsNewsBox .lsRankList li>a .imgBox {
    width: 110px;
    height: 110px;
    background: #FF6947;
    border-radius: 28px
}

.bodyWrap .lsNewsBox .lsRankList li>a .imgBox img {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.bodyWrap .lsNewsBox .lsRankList li>a .imgInfo {
    flex: 1;
    padding: 0 40px 0 24px
}

.bodyWrap .lsNewsBox .lsRankList li>a .imgInfo p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify
}

.bodyWrap .lsNewsBox .lsRankList li>a .imgInfo p:first-child {
    margin-top: unset;
    font-size: 24px;
    line-height: 26px;
    font-weight: bold;
    color: #333333
}

.bodyWrap .lsNewsBox .lsRankList li>a .imgInfo p.other span {
    margin-right: 32px
}

.bodyWrap .lsNewsBox .lsRankList li>a .imgInfo p.txt {
    -webkit-line-clamp: 2
}

.bodyWrap .lsNewsBox .lsRankList li>a .btnW {
    width: 145px;
    height: 100px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bodyWrap .lsNewsBox .lsRankList li>a .btnW::before {
    content: "";
    display: block;
    width: 1px;
    height: 100px;
    background: linear-gradient(0deg, #FFFFFF 0%, #E6E6E6 51%, #FFFFFF 100%);
    border-radius: 1px
}

.bodyWrap .lsNewsBox .lsRankList li>a .btnW span {
    width: 104px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #FFEEEB;
    border-radius: 8px;
    font-size: 16px;
    color: #FF6947
}

.bodyWrap .lsNewsBox .lsRankList li>a:hover .imgBox img {
    transform: scale(1.2)
}

.bodyWrap .lsNewsBox .lsRankList li>a:hover .imgInfo p:first-child {
    color: #FF6947
}

.bodyWrap .lsNewsBox .lsRankList li>a:hover .btnW span {
    background: #FF6947;
    color: #fff
}

.bodyWrap .lsNewsBox .lsRankList li:nth-child(1)>a .num,.bodyWrap .lsNewsBox .lsRankList li:nth-child(2)>a .num,.bodyWrap .lsNewsBox .lsRankList li:nth-child(3)>a .num {
    display: flex;
    align-items: center
}

.bodyWrap .lsNewsBox .lsRankList li:nth-child(1)>a .num::before,.bodyWrap .lsNewsBox .lsRankList li:nth-child(2)>a .num::before,.bodyWrap .lsNewsBox .lsRankList li:nth-child(3)>a .num::before {
    content: "";
    display: block;
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    width: 32px;
    height: 43px;
    background-position: -3px -281px
}

.bodyWrap .lsNewsBox .lsRankList li:nth-child(2)>a .num::before {
    background-position: -40px -281px
}

.bodyWrap .lsNewsBox .lsRankList li:nth-child(3)>a .num::before {
    background-position: -77px -281px
}

.bodyWrap .lsLatestBox {
    margin-top: 30px
}

.bodyWrap .lsLatestBox .linkList {
    grid-template-columns: repeat(5, 18.33%);
    margin-top: -4px;
    padding: 0 0 30px
}

.bodyWrap .lsLatestBox .linkList li {
    margin-top: 24px
}

.bodyWrap .lsLatestBox .linkList li>a {
    border-radius: 4px
}

.bodyWrap .noPageBox {
    width: 100%;
    height: calc(100vh - 342px);
    min-height: 420px;
    font-size: 18px;
    line-height: 18px;
    color: #666;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.bodyWrap .noPageBox::before {
    content: "";
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 1000px 1000px;
    display: block;
    width: 456px;
    height: 327px;
    background-position: -117px -281px
}

.bodyWrap .noPageBox p {
    margin-top: 40px
}

.bodyWrap .noPageBox a {
    margin-top: 26px;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    padding: 0 26px;
    height: 36px;
    border: 1px solid #FF6947;
    border-radius: 5px;
    color: #FF6947
}

.bodyWrap .noPageBox a:hover {
    background: #FF6947;
    color: #fff
}

footer {
    width: 100%;
    background: #2E2E2E;
    color: #666;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 30px 0
}

footer p {
    margin-top: 16px
}

footer p.infoLink {
    color: #999;
    margin: 0 0 26px;
    display: flex;
    align-items: center;
    justify-content: center
}

footer p.infoLink a {
    display: flex;
    align-items: center
}

footer p.infoLink a::after {
    content: "|";
    display: inline-block;
    margin: -2px 30px 0;
    color: #999
}

footer p.infoLink a:last-child::after {
    content: "";
    margin: 0
}

.gSecret,.gPower,.agSecret {
    color: #009cff !important;
    cursor: pointer
}

.gSecret:hover,.gPower:hover {
    text-decoration: underline
}

.gRule i,.gPrivacy i {
    background: url(../img/maskicon.png) 300px 1200px no-repeat
}

.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6)
}

.ruleTxt {
    position: absolute;
    z-index: 5;
    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 540px;
    border-radius: 6px;
    text-align: center
}

.gRule .gRclose {
    position: absolute;
    top: 21px;
    right: 21px;
    z-index: 10;
    cursor: pointer
}

.gRule .gRclose i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -15px -19px;
    position: relative
}

.gRule .oTitle {
    position: relative;
    width: 100%;
    height: 130px;
    text-align: center;
    font-size: 24px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff
}

.gRule .oTitle i {
    display: block;
    width: 225px;
    height: 154px;
    background-position: -38px -334px;
    position: relative;
    top: -82px;
    margin: 0 auto
}

.gRule .oTitle p {
    position: relative;
    top: -72px;
    margin-top: 10px;
    font-size: 28px;
    color: #202020;
    font-weight: bold;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.gRule .gSure {
    display: block;
    cursor: pointer;
    width: 400px;
    border: 0;
    background: #ff6948;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    line-height: 58px;
    margin: 21px auto 36px;
    overflow: hidden;
    white-space: nowrap
}

.ruleMain {
    background-color: #fff;
    display: block;
    height: 280px;
    border: none;
    padding: 10px 15px;
    line-height: 28px;
    font-size: 16px;
    margin: 10px 26px;
    text-align: left;
    overflow: auto
}

.ruleMain strong {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 36px
}

.ruleMain p:nth-of-type(1) {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px
}

.ruleMain p:nth-last-of-type(1) {
    margin-bottom: 20px
}

.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6)
}

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 150px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 540px;
    border-radius: 6px;
    text-align: center
}

.gPrivacy .gPclose {
    position: absolute;
    top: 21px;
    right: 21px;
    z-index: 10;
    cursor: pointer
}

.gPrivacy .gPclose i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -15px -19px;
    position: relative
}

.gPrivacy .oTitle {
    position: relative;
    width: 100%;
    height: 130px;
    text-align: center;
    font-size: 24px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #fff
}

.gPrivacy .oTitle i {
    display: block;
    width: 225px;
    height: 153px;
    background-position: -38px -562px;
    position: relative;
    top: -82px;
    margin: 0 auto
}

.gPrivacy .oTitle p {
    position: relative;
    top: -72px;
    margin-top: 10px;
    font-size: 28px;
    color: #202020;
    font-weight: bold;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden
}

.gPrivacy .gSure {
    display: block;
    cursor: pointer;
    width: 400px;
    border: 0;
    background: #ff6948;
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
    line-height: 58px;
    margin: 21px auto 36px;
    overflow: hidden;
    white-space: nowrap
}

.privacyMain {
    background-color: #fff;
    display: block;
    height: 280px;
    border: none;
    padding: 10px 15px;
    line-height: 28px;
    font-size: 16px;
    margin: 10px 26px;
    text-align: left;
    overflow: auto
}

.privacyMain strong {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 36px
}

.privacyMain p:nth-of-type(1) {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px
}

.privacyMain p:nth-last-of-type(1) {
    margin-bottom: 20px
}