@charset "utf-8";
/* CSS Document */

body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0
}

html {
    font-size: 10vw;
}

* {
    box-sizing: border-box;
    margin: 0;
}

body {
    margin: 0 auto;
    padding: 0;
    border: 0;
    overflow-x: scroll;
    font-size: 12px;
    min-width: 1200px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff;
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #341b00;
    text-decoration: none;
}

em {
    font-style: normal
}

li {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle
}

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

p {
    word-wrap: break-word;
    color: #666;
}

.g-wp p {
    color: #000;
}

/*通用定义*/
.clearfix:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: ".";
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearer {
    clear: both;
    height: 0;
    display: block;
    font-size: 1px;
    overflow: hidden;
}

.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.banner img{
    width: 100%;
    height: auto;
}

.layout {
    width: 12.96rem;
    margin: 0 auto;
    overflow: hidden;
}

@font-face {
    font-family: 'almmsh';
    src: url('https://static.southcn.com/cors/15ctah/almmsh.ttf');
}


.listhd {
    width: 100%;
    position: relative;
    margin: 0.6rem auto 0;
    display: flex;
    align-items: center;
    padding-bottom: 0.2rem;
    border-bottom: 0.01px solid #ebebeb;
}

.listhd li {
    position: relative;
    font: 0.42rem / 0.45rem "almmsh";
    color: #fff;
    text-indent: 0.36rem;
    cursor: pointer;
    color: #91aac4;
    margin-right: 0.2rem;
}

.listhd li.active，.listhd li.active a {
    color: #277ed9;
}

.listhd li:first-child::after {
    display: none;
}


.listhd li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.2rem;
    width: 0.05rem;
    height: 0.4rem;
    background: url(el3.png) no-repeat center top;
}

.listhd li.active::before {
    content: "";
    position: absolute;
    bottom: -0.55rem;
    left: 50%;
    margin-top: -0.2rem;
    margin-left: -0.15rem;
    width: 0.6rem;
    height: 0.4rem;
    background: url(el1.png) no-repeat center top;
}

.listbd-wrap {
    overflow: hidden;
    margin: 0.58rem auto;
    border-bottom: 2px solid #2596e0;
}

.listbd-wrap .listbd-tit {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    position: relative;
    font: 0.42rem / 0.45rem "almmsh";
    color: #277ed9;
    text-indent: 0.36rem;
    cursor: pointer;
}

.listbd-tit::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    width: 5px;
    height: 40px;
    background: url(el2.png) no-repeat center top;
}


.gdcs_content {
    width: 12.95rem;
    margin-bottom: .9rem;
}

.gdcs_content .subimglist_item {
    width: 12.95rem;
    display: flex;
    justify-content: space-between;
    margin: 0.35rem auto 0;
}

.subimglist_item_img,
.subimglist_item_img img {
    width: 6.2rem;
    height: 3.5rem;
    border-radius: 0.3rem;
}

.subimglist_item_title {
    width: 6.2rem;
}

.subimglist_item_title,
.subimglist_item_title a,
.subimglist_item_title p {
    color: #20003b;
}

.subimglist_item_title h3 {
    font: bold 0.34rem/0.5rem "microsoft yahei";
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.subimglist_item_title p {
    font: 0.2rem/0.36rem "microsoft yahei";
    margin-top: 0.34rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.subimglist_item_title span {
    float: right;
    display: inline-block;
    font: 0.2rem/0.36rem "microsoft yahei";
    color: #696969;
    position: relative;
    text-indent: 1.5em;
    margin-top: 0.45rem;
}

.subimglist_item_title span::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 0.18rem;
    height: 0.18rem;
    background: url(https://cmsoss.baygames.cn/15ctah/__tpl_asset/pc_2025/images/pubpage_arrow_li3.png) no-repeat left center;
    background-size: cover;
}

.gdcs_content .publsit_item {
    display: flex;
    width: 12.95rem;
    height: 0.8rem;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font: 0.2rem/0.8rem "microsoft yahei";
}

.gdcs_content .subimglist_item+.subimglist_item{
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #ebebeb;
}

.gdcs_content .publsit_item:nth-child(even) {
    background-color: #fbfbfb;
}

.gdcs_content .publsit_item h3 {
    width: 11.24rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 2em;
    font-weight: normal;
}

.gdcs_content .publsit_item h3 a {
    color: #20003b;
}

.gdcs_content .publsit_item h3 a::after {
    content: "";
    position: absolute;
    left: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background-color: #20003b;
}

.gdcs_content .publsit_item span {
    font-size: 16px;
    color: #696969;
}

.gdcs_content .publsit_item span::after {
    content: ">";
    font-size: 0.2rem;
    margin-left: 0.2rem;
}

.more{
    display: block;
    margin: 0.6rem auto;
    width: 2.03rem;
    height: .63rem;
    font: 24px / .63rem 'Microsoft YaHei';
    text-align: center;
    border: 0.01rem solid #2294e0;
    color: #2294e0;
    border-radius: 0.31rem;
    cursor: pointer;
}








@media screen and (max-width: 1300px) {
        .banner img,.banner{
            width: 100%;
        }

        .layout,.gdcs_content,.gdcs_content .subimglist_item{
            width: 100%;
            padding: 0.2rem;
            box-sizing: border-box;
        }

        .subimglist_item_title{
            width: 11.2rem;
        }

        .gdcs_content .publsit_item{
            width: 100%;
        }

        .gdcs_content .publsit_item h3{
            width: 80%;
        }
}