@charset "utf-8";

/* CSS Document */
.layout3 {
    margin: 0 auto;
    position: relative;
}

.subpage_content {
    width: 12.95rem;
    margin-top: 0.35rem;
    padding: 0.8rem 0;
}

.first-subpage_content {
    padding-top: 0;
}

.subpage_wrap-grey {
    background-color: #f0f0f0;
    overflow: hidden;
}

.subpage_wrap-grey2 {
    background-color: #f7f7f7;
    overflow: hidden;
}


.mt40 {
    margin-top: 0.4rem;
}

.mt90 {
    margin-top: 0.9rem;
}

/* 全运项目 */
.qyxm_wrap {
    width: 12.95rem;
    max-width: 12rem;
    gap: .3rem;
}

.qyxm_item {
    width: 2.8rem;
    text-align: center;
    padding: .4rem;
    border: 1px solid #eee;
    border-radius: .48rem;
    transition: transform .3s ease;
    box-sizing: border-box;
    background-color: #fff;
}

.qyxm_item h3 {
    margin-top: 0;
}

.qyxm_item p {
    font: 0.2rem/0.3rem 'Microsoft YaHei';
    color: 20003b;
}

.qyxm_more {
    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;
}

.subpage_nav {
    display: flex;
    height: 0.63rem;
    justify-content: center;
    align-items: center;
    gap: 0.18rem;
}

.subpage_nav li {
    width: 2.03rem;
    height: 0.63rem;
    background-color: #277ed9;
    border-radius: 0.31rem;
    text-align: center;
    font: bold 0.24rem/0.63rem 'Microsoft YaHei';
}

.subpage_nav li.subpage_nav_active,
.subpage_nav li:hover {
    background-color: #fff;

}

.subpage_nav li a {
    color: #fff;
}

.subpage_nav li.subpage_nav_active a,
.subpage_nav li:hover a {
    color: #20003b;
}

/* 赛会文化 */
.subpage_wrap {
    width: 12.95rem;
    margin: 0 auto 0;
}

.subpage_wrap .card h2 {
    position: relative;
    font: 0.42rem / 0.42rem "almmsh";
    color: #20003b;
    text-indent: 0.20rem;
}

.subpage_wrap .card h2 a {
    color: #20003b;
}

.subpage_wrap .card h2::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    width: 5px;
    height: 40px;
    background: url(../images/pubpage_li.png) no-repeat center top;
}

.subpage_wrap .card .card_more {
    display: block;
    width: 0.98rem;
    height: .35rem;
    font: 0.16rem / .35rem 'Microsoft YaHei';
    text-align: center;
    border: 0.01rem solid #2294e0;
    color: #2294e0;
    border-radius: 0.31rem;
    cursor: pointer;
}

.subpage_wrap .card.card_text {
    font: 0.2rem/0.36rem "Microsoft YaHei";
}

.subpage_wrap .card.card_text p {
    color: #20003b;
    text-indent: 2em;
    margin-left: 0.2rem;
}

.subpage_wrap .lr-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
    margin-top: 0.6rem;
}

.subpage_wrap .lr-col.lr-col .card_text{
    margin-top: 0.1rem;
}

.subpage_wrap .lr-col .card img {
    width: 5.8rem;
    border-radius: 0.5rem;
}

.subpage_wrap .lr-col .card_text {
    width: 6.46rem;
    height: 2.5rem;
    margin-top: 0.5rem;
}

.subpage_wrap .lr-col .card_text p {
    margin-top: 0.32rem;
    text-indent: 2em;
}

.subpage_wrap .lr-col .card_more {
    float: right;
    margin-top: 0.1rem;
}

.subpage_wrap .lr-col .texth {
    min-height: 1.27rem;
}

.subpage_wrap .lr-col.ztkh img {
    width: 5.9rem;
    /* height: 3.5rem; */
}

.subpage_wrap .lr-col.ztkh .card_text {
    height: 2.5rem;
}

.subpage_wrap .wrap-col {
    display: flex;
    flex-direction: column;
}

.subpage_wrap .wrap-col .card {
    width: 100%;
    overflow: hidden;
}

.subpage_wrap .wrap-col .card img {
    width: 6.2rem;
    /* height: 4.8rem; */
    border-radius: 0.5rem;
}

.subpage_wrap .wrap-col .card_text {
    width: 100%;
    margin: 0.6rem auto 0;
    display: flex;
    justify-content: space-between;
}

.subpage_wrap .wrap-col .card_text p {
    margin-left: 0.5rem;
    width: 9rem;
}

.subpage_wrap .card h2 {
    height: 0.42rem;
}

.subpage_wrap .lrs-col {
    display: flex;
    justify-content: space-between;
}

.subpage_wrap .lrs-col .card {
    width: 6.2rem;
}

.subpage_wrap .lrs-col .card img {
    width: 6.2rem;
    /* height: 3.6rem; */
    border-radius: 0.5rem;
}

.subpage_wrap .lrs-col .text {
    margin-top: 0.4rem;
}

.subpage_wrap .lrs-col p {
    margin-top: 0.3rem;
}

.subpage_wrap .lrs-col .card_more {
    float: right;
    margin-top: 0.4rem;
}

.subpage_wrap .wrap-col2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.subpage_wrap .wrap-col2 .card {
    display: flex;
    overflow: hidden;
}

.subpage_wrap .wrap-col2 .card.card_text .card_more {
    align-self: flex-end;
}

.subpage_wrap .wrap-col2 .card.card_text p {
    width: 9rem;
}

.subpage_wrap .wrap-col2 .card_more {
    margin-left: 0.8rem;
}

.subpage_wrap2 {
    width: 100%;
}

.subpage_wrap2 .card_text {
    width: 12.95rem;
    margin: 0 auto;
}

.subpage_wrap2 .card {
    margin: 0 auto;
}

.subpage_wrap2 .card .qpimg {
    margin-top: .5rem;
    /* width: 19.2rem; */
    height: 4.56rem;
}

.subpage_wrap2 .card img {
    display: block;
    width: 12.95rem;
    height: 5.53rem;
    margin: 0.6rem auto;
}

/* 场馆巡礼 */
.sq_nav {
    display: flex;
    margin: 0.4rem 0 0 0;
}

.sq_nav li {
    position: relative;
    font: 0.42rem/0.45rem "almmsh";
    color: #277ed9;
    text-indent: 0.36rem;
    margin-left: 0.4rem;
    cursor: pointer;
}

.sq_nav li:first-child {
    margin-left: 0;
}

.sq_nav li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    width: 5px;
    height: 40px;
    background: url(../images/pubpage_li2.png) no-repeat center top;
}

.sq_nav .sq_nav_active {
    color: #fff;
}

.gdsq-wrap,
.xgam-wrap {
    overflow: hidden;
}

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

.gdsq_nav ul {
    display: flex;
    width: 12.45rem;
    gap: 0.15rem;
    overflow: hidden;
}

.gdsq_nav ul li {
    display: block;
    flex-shrink: 0;
    width: 1.63rem;
    height: 0.5rem;
    background-color: #388cdd;
    border-radius: 0.25rem;
    font: 0.24rem/0.5rem "microsoft yahei";
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.gdsq_nav ul li.gdsq_nav_active {
    color: #20003b;
    background-color: fff;
}

.gdsq_nav_more {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.51rem;
    height: 0.5rem;
    background: url(../images/pubpage_arrow1.png) no-repeat center center;
    background-size:cover; 
}

.gdsq_content,
.xgam_content {
    width: 12.95rem;
    display: flex;
    justify-content: space-between;
    gap: 0.38rem;
    margin-top: 0.4rem;
    flex-wrap: wrap;
}

.gdsq_content .gdsq_box,
.xgam_content .xgam_box {
    position: relative;
    width: calc(50% - 0.19rem);

    height: 3.4rem;
    border-radius: 0.3rem;
}

.gdsq_content .gdsq_box h3,
.xgam_content .xgam_box h3 {
    position: absolute;
    top: 0.3rem;
    left: 50%;
    transform: translateX(-50%);
    font: bold 0.36rem/0.5rem "microsoft yahei";
    width: 80%;
    text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.5);
}

.gdsq_content .gdsq_box a,
.xgam_content .xgam_box a {
    color: #fff;
}

.gdsq_content .gdsq_box img,
.xgam_content .xgam_box img {
    width: 6.3rem;
    height: 3.4rem;
    border-radius: 0.3rem;
}

.cgxl_more {
    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;
}

/* 全民迎全运 */
.subpage_list_content {
    width: 12.95rem;
    padding: .35rem;
    margin: 0.4rem auto 0;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 0.5rem;
}

.publsit_item_wrap {
    padding-bottom: 0.4rem;
}

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

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

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

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

.publsit_item_wrap .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;
}

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

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

/* subimglist_wrap */
.subimglist_wrap {
    width: 12.95rem;
    display: flex;
    flex-direction: column;
    margin-bottom: .9rem;
}

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

.subimglist_wrap .subimglist_item:first-child {
    margin-top: 0rem;
}

.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 {
    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(../images/pubpage_arrow_li3.png) no-repeat left center;
    background-size: cover;
}

.subimglist {
    padding-top: 0;
}

.gdcs-wrap {
    margin-top: 0.8rem;
}

.gdcs-wrap h2 {
    position: relative;
    font: 0.42rem / 0.45rem "almmsh";
    color: #fff;
    text-indent: 0.36rem;
    cursor: pointer;
}

.gdcs-wrap .xgamh2 {
    color: #20003b;
}

.gdcs-wrap .xgamh2::before {
    background: url(../images/pubpage_li.png) no-repeat center top;

}



.gdcs-wrap h2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    width: 5px;
    height: 40px;
    background: url(../images/pubpage_li3.png) no-repeat center top;
}

.gdcs-wrap h2 span {
    font-size: 0.24rem;
}

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

.gdcs_nav ul {
    display: flex;
    width: 11.3rem;
    gap: 0.22rem;
    overflow: hidden;
    margin-left: 0.85rem;
}

.gdcs_nav ul li {
    display: block;
    flex-shrink: 0;
    width: 1.42rem;
    height: 0.5rem;
    background-color: #388cdd;
    border-radius: 0.25rem;
    font: 0.24rem / 0.5rem "microsoft yahei";
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.gdcs_nav_more2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.51rem;
    height: 0.5rem;
    background: url(../images/pubpage_arrow2.png) no-repeat center center;
}

.gdcs_nav_more {
    position: absolute;
    right: 0;
    top: 0;
    width: 0.51rem;
    height: 0.5rem;
    background: url(../images/pubpage_arrow1.png) no-repeat center center;
}

.gdcs_img {
    width: 3.99rem;
    height: 2.44rem;
    border-radius: 0.3rem;
}

.gdcs_img img:hover,
.jcwq-bd img:hover {
    opacity: 1;
    border: 0.05rem solid transparent;
    border-radius: 0.3rem;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #3fd798, #fb50fc), linear-gradient(90deg, #3fd798, #fb50fc);
}

.gdcs_nav ul li.gdcs_nav_active {
    color: #20003b;
    background-color: fff;
}

.gdcs_content {
    overflow: hidden;
    margin-top: 0.35rem;
}

.gdcs_content .gdcs_box {
    display: flex;
    justify-content: space-between;
}

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

.gdcs_content .gdcs_box .gdcs_text {
    width: 6.2rem;
    height: 2.8rem;
    margin-top: 0.58rem;
}

.gdcs_content .gdcs_box .gdcs_text h3 {
    font: 0.2rem/0.36rem "microsoft yahei";
    font-weight: normal;
}

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

.gdcs_more {
    float: right;
    margin: 0.6rem auto;
    width: 1.1rem;
    height: .4rem;
    font: .16rem / .4rem 'Microsoft YaHei';
    text-align: center;
    border: 0.01rem solid #2294e0;
    color: #2294e0;
    border-radius: 0.31rem;
    cursor: pointer;
}

/* 精彩湾区 */
.jcwq-wrap{
    margin-top: 0.8rem;
}
.jcwq-wrap h2 {
    display: inline-block;
    float: left;
    position: relative;
    font: 0.42rem / 0.45rem "almmsh";
    color: #fff;
    text-indent: 0.36rem;
    cursor: pointer;
}

.jcwq-wrap h2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;
    width: 5px;
    height: 40px;
    background: url(../images/pubpage_li3.png) no-repeat center top;
}

.jcwq-wrap .xgamh2 {
    color: #20003b;
}

.jcwq-wrap .xgamh2::before {
    background: url(../images/pubpage_li.png) no-repeat center top;
}

.jcwq-hd {
    width: 12.95rem;
    overflow: hidden;
}

.jcwq_more {
    float: right;
    width: 1.1rem;
    height: .4rem;
    font: .16rem / .4rem 'Microsoft YaHei';
    text-align: center;
    border: 0.01rem solid #2294e0;
    color: #2294e0;
    border-radius: 0.31rem;
    cursor: pointer;
}

.jcwq-wrap .jcwq-bd {
    display: flex;
    gap: 0.3rem;
    margin-top: 0.4rem;
}

.jcwq-wrap .jcwq-bd .item {
    width: calc(33.333% - 0.2rem);
    flex-shrink: 0;
    padding: 0 0.15rem;
}


.jcwq-wrap .jcwq-bd .item img {
    width: 4.1rem;
    height: 2.3rem;
    border-radius: 0.3rem;
}

.jcwq-wrap .jcwq-bd .item h3 {
    width: 100%;
    margin-top: 0.2rem;
    font:  bold 0.24rem / 0.36rem "microsoft yahei";
}

.jcwq-wrap .jcwq-bd .item span{
    margin-top: 0.2rem;
}

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

.jcwq-wrap span::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 0.18rem;
    height: 0.18rem;
    background: url(../images/pubpage_arrow_li3.png) no-repeat left center;
    background-size: cover;
}

/* 残特奥 */
.cccta .lr-col{
    margin-top: 0.2rem;
}