/* #region pc */
.page_index.pc {
    min-width: 1220px;
    overflow-x: auto;
    background-color: #343434;
}

/* #region pc  header */
.page_index.pc .header {
    height: 68px;
    background: #fff;
    width: 100%;
    min-width: 1220px
}

.page_index.pc .header .container {
    width: 1220px;
    padding: 0 10px;
    margin: 0 auto
}

.page_index.pc .header .container .logo {
    display: block;
    width: 160px;
    margin-left: -16px;
}

/* #endregion */

/* #region pc  banner */
.page_index.pc .banner {
    width: 100%;
    max-width: 1118px;
    margin: 0 auto;
    min-height: 570px;
    max-height: 1080px;
    background: url(../images/new_pc/2024_result_banner.jpg) no-repeat center;
    background-size: 100% auto;
}

.page_index.pc .new_banner{
    display: block;
    max-width: 1118px;
    margin: 0 auto;
    height: auto;
}
/* #endregion */

/* #region pc  活动介绍 */
.page_index.pc .introduce {
    font-size: 18px;
    line-height: 35px;
    /* color: #FFFFFF; */
    color: #dfdfdf;
    max-width: 1118px;
    margin: 0 auto;
    text-align: justify;
    /* text-indent: 2em; */
    width: auto;
    padding: 150px 20px 0;
}
.page_index.pc .introduce>p {
    margin-bottom: 25px;
    line-height: 1.75;
}
.page_index.pc .introduce>p:last-child{
    margin-bottom: 0;
}
/* #endregion */

/* #region pc  参赛作品展示 */
.page_index.pc .work {
    padding-top: 100px;
}

.page_index.pc .work .work_title {
    color: #fff;
    font-weight: 600;
    font-size: 36px;
    line-height: 32px;
    text-align: center;
}

.page_index.pc .work .work_content {
    padding-top: 148px;
    width: 1200px;
    margin: 0 auto;
}

.page_index.pc .work .work_content>li {
    float: left;
    margin: 6px;
    width: 388px;
    height: 368px;
    overflow: hidden;
}

.page_index.pc .work .work_content>li img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.2s linear;
}

.page_index.pc .work .work_content>li img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.page_index.pc .work .work_content .work_01 {
    width: 388px;
    height: 748px;
}

.page_index.pc .work .work_content .work_02 {
    width: 788px;
    height: 368px;
}

.page_index.pc .work .work_content .work_07 {
    position: relative;
}

.page_index.pc .work .work_content .work_07 .hazy_layer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.page_index.pc .work .work_content .work_07 .hazy_layer .icon {
    display: block;
    width: 90px;
    height: 90px;
}

.page_index.pc .work .work_content .work_07 .hazy_layer .text {
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}

.page_index.pc .work .tojoin {
    background: #AB0012;
    width: 186px;
    display: block;
    font-size: 16px;
    line-height: 48px;
    color: #FFFFFF;
    text-align: center;
    margin: 100px auto 0;
}

/* #endregion */

/* #region pc  摄影大赛概要 */
.page_index.pc .summary {
    padding-top: 144px;
}

.page_index.pc .summary .summary_title {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 36px;
    line-height: 32px;
}

.page_index.pc .summary .summary_content {
    width: 100%;
    padding: 154px 0 200px 0;
}

.page_index.pc .summary .summary_content .summary_header {
    display: flex;
    justify-content: space-between;
    width: 1090px;
    margin: 0 auto 38px;
}

.page_index.pc .summary .summary_content .summary_header .summary_header_img {
    width: 48px;
    height: 48px;
    display: flex;
    margin-left: -8px;
}

.page_index.pc .summary .summary_content .summary_header .summary_header_text {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}

.page_index.pc .summary .summary_content .summary_list {
    width: 1090px;
    margin: 0 auto;
    border-top: 1px solid #fff;
}

.page_index.pc .summary .summary_content .summary_list .summary_item {
    border-bottom: 1px solid #FFFFFF;
    display: flex;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_left {
    width: 146px;
    border-right: 1px solid #fff;
    padding: 18px 0 18px 40px;
    line-height: 22px;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_right {
    flex: 1;
    line-height: 18px;
    padding: 18px 0 18px 38px;
    color: #bbb;
}
.page_index.pc .summary .summary_content .summary_list .summary_item .item_right_light {
    font-size: 12px;
    font-weight: 300;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_right>p {
    line-height: 22px;
    display: flex;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_right>p::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 10px;
    flex-shrink: 0;
    margin-top: 8px;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_right .judge_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_right .judge{
    width: 268px;
    box-sizing: content-box;
    padding: 50px 50px 0;
}


.page_index.pc .summary .summary_content .summary_list .summary_item .item_right .judge .judge_avatar{
    width: 265px;
    height: 265px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_right .judge .judge_name {
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    padding: 32px 0 14px;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_right .judge .advantage {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
    text-align: center;
}

.page_index.pc .summary .summary_content .summary_list .summary_item .item_right .judge .judge_introduce {
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
    padding-top: 14px;
    opacity: 0.8;
}


.page_index.pc .summary .summary_content .summary_more {
    display: block;
    margin: 124px auto 0;
    color: #fff;
    font-size: 16px;
    background-color: #AB0012;
    width: 186px;
    line-height: 44px;
    text-align: center;
}

/* #endregion */

/* #endregion */


/* #region mobile */
.page_index.mobile{
    background-color: #343434;
}
/* #region mobile  header */
.page_index.mobile .container {
    width: 100%;
    height: auto;
}

.page_index.mobile .header {
    height: .88rem;
    background: #fff;
    width: 100%;
}

.page_index.mobile .header .logo {
    display: block;
    width: 2.2rem;
    height: .78rem;
}

.page_index.mobile .header .logo img {
    display: block;
    width: 100%;
    height: 100%;
}

/* #endregion */

/* #region mobile  banner */
.page_index.mobile .banner {
    width: 100%;
    height: 3.8rem;
    background-image: url(../images/new_pc/2024_result_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.page_index.mobile .new_banner{
    display: block;
    max-width: 100%;
    height: auto;
}
/* #endregion */

/* #region mobile  比赛介绍 */
.page_index.mobile .introduce {
    font-size: .28rem;
    /* color: #fff; */
    color: #dfdfdf;
    padding: .84rem 18px 0;
    line-height: 22px;
}
.page_index.mobile .introduce>p{
    margin-top: .5rem;
    text-indent: 2em;
}
.page_index.mobile .introduce>p:first-child{
    margin: 0;
}
/* #endregion */

/* #region mobile  参赛作品展示 */
.page_index.mobile .work {
    padding-top: 1.2rem;
}

.page_index.mobile .work .work_title {
    display: flex;
    justify-content: space-between;
    padding: 0 .24rem .52rem .36rem;
}

.page_index.mobile .work .work_title .title_text {
    font-size: .44rem;
    color: #fff;
    line-height: .62rem;
    font-weight: 600;
}

.page_index.mobile .work .work_title .title_icon {
    display: block;
    width: 2.6rem;
}

.page_index.mobile .work .work_content {
    padding: 0 .36rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.page_index.mobile .work .work_content .work_01 {
    width: 100%;
    height: 3.2rem;
    margin-top: 0;
}

.page_index.mobile .work .work_content>li {
    width: calc(50% - .12rem);
    height: 4.16rem;
    overflow: hidden;
    margin-top: .24rem;
}

.page_index.mobile .work .work_content>li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page_index.mobile .work .work_content .work_05 {
    position: relative;
}

.page_index.mobile .work .work_content .work_05 .hazy_layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page_index.mobile .work .work_content .work_05 .hazy_layer .icon {
    display: block;
    width: .88rem;
    height: .88rem;
}

.page_index.mobile .work .work_content .work_05 .hazy_layer .text {
    line-height: .64rem;
    font-size: .32rem;
    color: #fff;
    font-weight: 600;
}

.page_index.mobile .work .tojoin {
    display: block;
    width: 3.72rem;
    line-height: .88rem;
    background-color: #AB0012;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    margin: 1.4rem auto 0;
}

/* #endregion */

/* #region mobile  摄影大赛概要 */
.page_index.mobile .summary {
    padding: 1.52rem .36rem 0;
}

.page_index.mobile .summary .summary_title {
    font-size: .44rem;
    line-height: .64rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.page_index.mobile .summary .summary_content {
    margin-top: .72rem;
    padding: .4rem .28rem .64rem;
}

.page_index.mobile .summary .summary_content .summary_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page_index.mobile .summary .summary_content .summary_header .summary_header_img {
    display: block;
    width: .8rem;
    height: .8rem;
    margin-left: -.08rem;
}

.page_index.mobile .summary .summary_content .summary_header .summary_header_text {
    font-size: .32rem;
    color: #fff;
    font-weight: 600;
}

.page_index.mobile .summary .summary_content .summary_list {
    margin-top: .42rem;
}

.page_index.mobile .summary .summary_content .summary_item {
    font-size: .28rem;
    line-height: .28rem;
    color: #fff;
}

.page_index.mobile .summary .summary_content .summary_item .item_left {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #222;
    padding: .3rem;
}

.page_index.mobile .summary .summary_content .summary_item .item_right {
    padding: .3rem;
    line-height: .36rem;
    color: #bbb;
}

.page_index.mobile .summary .summary_content .summary_item .item_right_light {
    font-size: .20rem;
    font-weight: 300;
    color: #bbb;
}

.page_index.mobile .summary .summary_content .summary_item .item_right>p {
    position: relative;
    padding-left: .26rem;
}

.page_index.mobile .summary .summary_content .summary_item .item_right>p::before {
    content: "";
    display: block;
    width: .1rem;
    height: .1rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .13rem;
}

.page_index.mobile .summary .summary_content .summary_item .item_right .expert_content .expert_item {
    padding-top: 1.2rem;
}

.page_index.mobile .summary .summary_content .summary_item .item_right .expert_content .expert_item:first-child{
    padding-top: .8rem;
}

.page_index.mobile .summary .summary_content .summary_item .item_right .expert_content .expert_item .expert_avatar {
    width: 5.08rem;
    display: block;
    margin: 0 auto;
}

.page_index.mobile .summary .summary_content .summary_item .item_right .expert_content .expert_item .expert_name {
    font-size: .36rem;
    margin: .5rem 0 .3rem;
    text-align: center;
}

.page_index.mobile .summary .summary_content .summary_item .item_right .expert_content .expert_item .expert_introduce {
    font-size: .28rem;
    line-height: .44rem;
    color: #fff;
    opacity: 0.8;
    text-align: justify;
}



.page_index.mobile .summary .summary_content .summary_more {
    display: block;
    width: 3.72rem;
    line-height: .88rem;
    background-color: #AB0012;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    margin: .94rem auto 0;
}

/* #endregion */


/* #region mobile  奖金设立 */
.page_index.mobile .prize {
    padding: 1.52rem .36rem 0;
}

.page_index.mobile .prize .prize_title {
    font-size: .44rem;
    line-height: .64rem;
    font-weight: 600;
    color: #333;
    text-align: center;
}

.page_index.mobile .prize .prize_content {
    padding-top: 1.12rem;
}

.page_index.mobile .prize .prize_content .prize_item {
    width: 100%;
    margin-bottom: .24rem;
}

.page_index.mobile .prize .prize_content .prize_item:last-child {
    margin-bottom: 0;
}

.page_index.mobile .prize .prize_content .prize_item img {
    display: block;
    width: 100%;
}

/* #endregion */

/* #region mobile  footer */
.page_index.mobile footer {
    padding-top: 1.24rem;
    padding-bottom: 1.1rem;
}
.page_index.mobile footer .footer_img_box {
    display: block;
    width: 100%;
}
.page_index.mobile footer .footer_img_box img {
    display: block;
    width: 100%;
}
/* #endregion */

/* #endregion */