html,body{margin:0;height:100%;}
.page{
    z-index: -2;
    background:url('images/bg_page.png') repeat-y top center;
    overflow:hidden;background-size:100%;padding-bottom:80px;
}
.page-main{width:80%;margin:0 auto;max-width:1136px;}
.page-main > .title_box{
    margin:82px 0 42px 0;

}
.title_box .title{
    width:493px;
    height:61px;
    text-align:center;
    margin: 0 auto;
    position: relative;
}
.title_box .title_bg{
    width:493px;
    height:61px;
}
.title_box .title > h2{
    /* width: 200px; */
    display: inline-block;
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -100px;
}
.wrapper{
    /* color:#fff;
    background:-webkit-linear-gradient(bottom, #551B4E, rgba(85,27,78,0)); */
    /* padding:35px 60px 30px 60px; */
}
.ear_img{
    flex:0 0 68px;
    margin-top:50px;
}
.ear_img img{
    width:68px;
}
.section1, .section2, .section6, .section7, .section8 {
    display: flex;
    color:#fff;
    text-align: center;
}

.wrapper>.content{
    position: relative;
    flex:1;
    /* border: 3px solid #fff;      */
    /* height: 490px; */
    /* opacity: 0.8; */
    /* background: #fff; */
    /* background: linear-gradient(to top,transparent,#1564f0); */
    /* border-radius: 30px; */
    /* border-image:linear-gradient(to top,#fff 50%,transparent,#fff); */
    /* border-image:linear-gradient(to top,#fff,transparent,); */
    font-size:20px;
    
    
}
.kuang_img{
    width:100%;
    position: absolute;
    left:0;
    z-index:1;
}
.wrapper>.content:after{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.6;
    border-radius: 30px;
    /* background: linear-gradient(to top,#1564f0 3px,transparent); */
    background: linear-gradient(to top,transparent,#1564f0);
    /* z-index: -1; */
}

.section1>.content{
    /* height: 490px; */
}
.text_box{
    margin:60px 40px 30px;
    text-align: center;
    font-size: 20px;
    /* letter-spacing:2px; */
    z-index: 10;
    position: relative;
}
/* .section1 .content{
    background:url('images/dasaiqianyan_kuang.png') no-repeat top center;
} */
.section1>.content>.text_box p{
    /* height:36px; */

    line-height: 36px;
    margin:0;
}
.section2>.content>.text_box p{
    /* height:36px; */

    line-height: 36px;
    margin:0;
}

.section2>.content{
    /* height: 1000px; */
    padding-bottom: 30px;
}
.section6>.content{
    /* height: 1154px; */
}
.section7>.content{
    /* height: 850px; */
}
.section8>.content{
    /* height: 700px; */
}
.section2>.content>.text_box{
    /* margin:60px 40px 0; */
    text-align: left;
    font-size: 20px;
    position: relative;
    z-index: 10;
}
.section2>.content>.text_box > p.text_title{
    text-align: center;
    font-size: 30px;
    /* font-family: fantasy; */
    font-weight: 600;
    margin-top: 48px;
    margin-bottom: 48px;
}
.PC_li_text{
    margin-bottom:60px!important;
}
.mobile_div{display: none;}
.empty_div{
    height:60px;
}
.li_text{
    margin-bottom: 20px;
}
.li_text a{
    color:#FFE400;
}
.li_text li{
    line-height: 36px;
    list-style: square;
	color: #FFE400;
}
.li_text>li> span {
    
	color: #fff;
}
.down{
    width:238px;
    height:44px;
    line-height: 44px;
    background-color: #fff;
    text-align: center;
    margin:40px auto 40px;
    border-radius: 22px;
}
.down_a{
    text-decoration: none;
    color:#000;
    cursor: pointer;
    z-index:99;
}
.div_color_p{
    color: #FFE400;
}
.jundu{
    position: relative;
}
.jindutiao{
    width:100%;
}
.jindu_box{
    /* width:200px; */
    text-align: center;
    position:absolute;
}
.jindu_box{
    top:-35px;
}
.jindu_box1{
    /* top:-32px; */
    left:0;
}
.jindu_box2{
    /* top: -32px; */
    left: 50%;
    margin-left: -98px;
}
.jindu_box3{
    /* top:-32px; */
    right:0;
}
.jindu_box div{
    display: block;
    font-size:24px;
    color:#FFE400;
}
.jindu_box img{
    width:25px;
}
.section3,.section4_1, .section5{
    padding:0 68px;
}
.section3 .part1{
    /* height:290px; */
    display: flex;
    justify-content:space-between;
    color:#FFE400;
}
.section3 .part1 .pride_box_bg{
    width:180px;
    position: absolute;
    z-index: 1;
}
.pride_box01{
    opacity: 1;
}
.pride_box02{
    opacity: 0.8;
}
.pride_box03{
    opacity: 0.6;
}
.pride_box04{
    opacity: 0.4;
}
.section3 .part1 .pride_box{
    background: url('images/beijing_jiangjin.png') no-repeat top center;
    background-size:180px;
    width: 215px;   
    margin: 15px auto;
    text-align: center;
    padding: 10px 0;
}
.section3 .part1 .pride_box .jiangbei{
    width:72px;
}
.section3 .part1 .pride_box p{
    margin:10px;
}
.section3 .part1 .pride_box span{
    font-size: 32px;
}
.section3 .part1 .pride_box p {
    font-size: 18px;
}
.section3 .part2{
    text-align: center;
}
.section3 .part2 .part2_title{
    font-size: 32px;
    color:#FFE400;
    margin: 32px 0;
}

.section3 .part2> .part2_count{
    font-size: 24px;
    color:#FFE400;
    margin-top:-6px;
    margin:24px;
}
.section3 .part2 .part2_text{
    background: url('images/section3_part2_bg.png') no-repeat top center;
    background-size:1000px;
    text-align: left;
    padding:20px 40px;
    margin-bottom: 30px;
    color:#fff;
    position: relative;
    padding-bottom: 48px;
}
.section3 .part2 .part2_text .part2_01{
    position: absolute;
    right:50px;
    top:0;
}
.section3 .part2 .part2_text img{
    position: absolute;
}
.section3 .part2 .part2_text .part2_01{
    width:136px;
    height:32px;
    right:75px;
    top:11px;
}
.section3 .part2 .part2_text .part2_02{
    width: 108px;
    height:36px;
    right:-30px;
    bottom:30px;
}
.section3 .part2 .part2_text .part2_03{
    width:100px;
    height:80px;
    left:-20px;
    bottom:-25px;
}
.section3 .part2 .part2_text .part2_04{
    width:116px;
    height:100px;
    right:-30px;
    bottom:-25px;
}
.section3 .part2 .part2_text p.desc{
    font-size: 20px;
    line-height: 36px;
}
.section3 .part2 .part2_text>p.title{
    font-size: 32px;
    color: #FFE400;
    margin:16px 0;
    height: 42px;
    line-height: 42px;
}
.section3 .part2 .part2_text span,a{
    color: #FFE400;
}



/* .section4 .part1{
    display: flex;
    justify-content:center;
    margin-bottom:30px;
}
.section4 .part1>div:first-child{
    margin-right:100px;
}
.section4 .part2{
    padding:0 40px;
    display: flex;
    justify-content:space-between;
}
.section4 .kuang_box{
    position: relative;
}
.section4 .kuang{
    width:196px;
    height:153px;
}
.section4 img.pingwei{
    position: absolute;
    bottom:0px;
    left:31px;
    width:134px;
    height:134px;
} */
.section4_1{
    display: flex;
    flex-wrap: wrap;
    /* justify-content:center;
    margin-bottom:30px; */
}
.section4_1 .kuang_box{
    background: url(images/kuang.png) no-repeat top center;
    background-size: 100%;
    /* position: relative; */
    width: 196px;
    /* height: 153px; */
    margin: 0 auto;
}
.section4_1 .pingwei_box p{
    /* width:350px; */
}
.section4_1 .kuang{
    
    width:196px;
    height:153px;
}
.section4_1 img.pingwei{
    /* position: absolute; */
    /* bottom:0px;
    left:31px; */
    width:134px;
    height:134px;
    margin-top: 15px;
}
.pingwei_box{
    margin-bottom: 30px;
}
.pingwei_box1{
    flex:0 0 50%;
}
.pingwei_box2{
    flex:0 0 45%;
}
.pingwei_box3{
    flex:0 0 33%;
}
.pingwei_box4{
    flex:0 0 33%;
}
.pingwei_box5{
    flex:0 0 33%;
}

.pingwei_box{
    text-align: center;
}
.pingwei_box p{
    color:#fff;
}
.pingwei_name{
    font-size: 24px;
    margin: 24px 0;
}
.pingwei_desc{
    font-size: 14px;
    line-height: 26px;
    margin:14px 0;
}

.section5 .part1{
    padding:0 50px;
    display: flex;
    justify-content:space-between;
}
.section5 .img_box img.biaozhun_img{
    width:173px;
    height:152px;
}
.biaozhun_box{
    text-align: center;
}
.biaozhun_box p{
    color:#fff;
}
.biaozhun_desc{
    font-size: 26px;
    margin:26px 0;
    font-weight: 600;
    font-family: 'ZiYuYongHongTi, ZiYuYongHongTi-Regular';
}
.section5 .part2{
    padding:0;
    color:#fff;
    text-align: center;
}
.section5 .part2 p{
    font-size: 18px;
    line-height: 36px;
    margin: 36px 0;
}
.section5 .part2 span {
    display: block;
}

.rank {
    padding-left: 20px;
    position: relative;
    line-height: 36px;  
    margin:0;
}
.rank span {
    position: absolute;
    left: 0;
    top: 0;
}
.section6 .tips{
    margin-bottom:100px;
}
.rank{
    /* padding:0; */
    margin-bottom: 30px;
}
/* .section7,.section8 .rank{
    margin-bottom: 15px;
} */

.tips{
    text-align: left;
}
/* introduce page */
.page-main > .intro_title_box{
    margin:82px 0 42px 0;

}
.intro_title_box .title{
    /* width:493px; */
    /* height:61px; */
    text-align:center;
    margin: 0 auto;
}
.intro_title_box .title > h2{
    /* width: 200px; */
    display: inline-block;
    font-size: 30px;
    color: #fff;
}
.intro_title_box2  .title > h2 span{
    display: block;
}
.intro_title_box2 .title h2{
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -120px;
}
.intro_section1{
    padding:0 68px;
}
.intro_text_box{
    font-size: 20px;
    padding: 0 20px;
    color: #fff;
    text-align: left;
    line-height: 36px;
}
.intro_text_box p:first-child{
    margin-top:0;
}
.intro_text_box p{
    margin-bottom:30px;
}
.intro_text_box p a{
    color:#FFE400;
}
.intro_title_box .title_bg{
    width:508px;
    height:61px;
}

.intro_section2{
    display: flex;

}
.intro_section2 .step_boxes{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}

.step_box{
    text-align: center;
    margin: 30px 0;
}
.step_box {
    flex: 0 0 50%;
}
.step_box p {
    height:52px;
    color: #fff;
}
.step_title {
    font-size: 24px;
}
.step_desc {
    font-size: 16px;
    line-height: 26px;
}

.step_box p.step_desc_more {
    height:52px;
    font-size: 14px;
    line-height: 26px;
    color:#FFE400;
}
.step_img{
    width:276px;
}

.step_box3 span{
    display: block;
}
.mobile_intro_erweima{
    display: none;
}

/* section边框 */
.mobile_kuang_img{
    display: none;
}


/* 适配手机 */
@media screen and (max-width:768px) {

    .step_box3 .step_desc {
        padding: 10px 10px;
    }
    
    /* section边框 */
    .wrapper>.content:after {
        border-radius: 20px;
    }
    .PC_kuang_img{
        display: none;
    }
    .mobile_kuang_img{
        display: block;
        width: 100%;
        /* height: auto !important; */
        image-rendering: -moz-crisp-edges; /* Firefox */
        image-rendering: -o-crisp-edges; /* Opera */
        image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    }
    .dasaiqianyan_shouji{
        height:350px;
    }
    .zhengjifangan_shouji{
        height:1250px;
    }
    .tijiaofangshi_shouji{
        height:375px;
    }
    .cansaixuzhi_shouji{
        height:850px;
    }
    .xiangguanquanyi_shouji{
        height: 620px;
    }


    .section3 .part1 .pride_box {
        background: url(images/beijing_jiangjin.png) no-repeat top center;
        background-size: 180px;
        width: 180px;
    }
    .section3 .part1 .pride_box span {
        font-size: 18px;
    }
    .section3 .part1 .pride_box p {
        font-size: 14px;
    }
    .section3 .part1 .pride_box .jiangbei {
        width: 60px;
    }
    .section3 .part2 .part2_text .desc_css{
        margin-bottom: 51px;
    }

    /* html,body{font-size:calc(100vw/18.75)!important;} */
    .page-main{width:100%;padding:0 10px;box-sizing:border-box;}
    .page-main > .title_box{
        margin:40px 0 21px 0;

    }
    .title_box .title{
        width:100%;
        /* height:61px; */
        text-align:center;
        margin: 0 auto;
        position: relative;
    }
    .title_box .title > h2{
        /* width: 200px; */
        display: inline-block;
        font-size: 30px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -60px;
    }
    .title_bg{
        max-width: 100%;
        height: auto !important;
        image-rendering: -moz-crisp-edges; /* Firefox */
        image-rendering: -o-crisp-edges; /* Opera */
        image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    }
    .ear_img{
        display: none;
    }
    .text_box {
        margin: 20px 10px 20px;
        text-align: left;
        font-size: 14px;
    }
    .section1>.content>.text_box p {
        line-height: 26px;
        margin: 0;
    }

    .section2>.content>.text_box > p.text_title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 24px;
    }
    .section2>.content>.text_box {
        font-size: 14px;
    }
    .li_text li {
        line-height: 28px;
        list-style: none;
    }
    .section2>.content>.text_box p {
        line-height: 28px;
        margin: 0;
    }
    .down{display: none;}
    .mobile_div{
        display: block;
        text-align: center;
    }
    .mobile_div img{
        width:268px;
        height:268px;
    }
    .erweima{
        width:289px;
        margin:40px auto;
        padding:11px;
        background-color: #fff;
    }
    .erweima p{
        padding:5px 0;
        color:#000;
    }
    
    .PC_li_text{display: none;}

    .jindu_box span, .jindu_box p {
        font-size: 14px;
    }
    .jindu_box img {
        width: 16px;
    }
    .jindu_box{
        top:-25px;
    }
    .jindu_box1 {
        /* top: -22px; */
        left: 0;
    }
    .jindu_box2 {
        /* top: -22px; */
        left: 50%;
        margin-left: -57px;
    }
    .jindu_box3 {
        /* top: -22px; */
        right: 0;
    }
    .date :first-child {
        display: block;
    }
    
    .section3, .section4_1, .section5 {
        padding: 0;
    }
    .section3 .part1 {
        flex-wrap:wrap;
    }
    .section3 .part2 .part2_text {
        background: url(images/section3_part2_mobile_bg.png) no-repeat top center;
        background-size: 100%;
        padding: 20px 40px;
    }
    .section3 .part2 .part2_title {
        font-size: 18px;
        line-height: 20px;
        margin: 18px 0;
    }
    .section3 .part2> .part2_count {
        font-size: 14px;
        margin-top:-6px;
        margin-bottom:14px;
    }
    .section3 .part2 .part2_text>p.title {
        font-size: 18px;
        margin: 0;
        height: 26px; 
        line-height: 26px;
    }
    
    .section3 .part2 .part2_text p.desc {
        line-height: 26px;
        font-size: 12px;
    }
    .section3 .part2 .part2_text .part2_01 {
        width: 108px;
        height:auto;
        right: 40px;
        top: 11px;
    }
    .section3 .part2 .part2_text .part2_02 {
        width: 80px;
        height:auto;
        left: 14px;
        bottom: 30px;
    }
    .section3 .part2 .part2_text .part2_03 {
        width: 95px;
        height:auto;
        left: -10px;
        bottom: 10px;
    }
    .section3 .part2 .part2_text .part2_04 {
        width: 95px;
        height: auto;
        right: -10px;
        bottom: 0;
    }
    .section4_1 .kuang_box {
        background: url(images/kuang.png) no-repeat top center;
        background-size: 100%;
        /* position: relative; */
        width: 168px;
        /* height: 153px; */
        margin: 0 auto;
    }
    .section4_1 .pingwei_box{
        flex:0 0 100%;
        display: flex;
        align-items: center;
    }
    .section4_1 .pingwei_box :first-child{
        flex: 0 0 auto;
        /* margin: 0; */
    }
    .section4_1 .pingwei_box :nth-child(2){
        flex: 1 0 auto;
    }

    .pingwei_name{
        /* font-size: 24px; */
        margin: 24px 0;
    }
    .pingwei_desc{
        /* font-size: 14px; */
        /* line-height: 26px; */
        margin:14px 0;
    }

    .section5 .part1 {
        padding: 0;
    }
    .section5 .img_box img.biaozhun_img {
        width: 114px;
        height: 100px;
    }
    .biaozhun_desc {
        font-size: 18px;
        margin:18px 0;
    }
    .section5 .part2 p {
        font-size: 14px;
        line-height: 26px;
        margin: 14px 0;
    }
    .section5 .part2 span {
        display: unset;
    }

    .section6 .rank {
        padding: 0;
        margin-bottom: 10px;
    }
    .rank {
        margin-bottom:10px;
        line-height: 26px;
    }


    .intro_section1 {
        padding: 0;
    }
    .intro_text_box {
        font-size: 14px;
        padding: 0;
        color: #fff;
        text-align: left;
        line-height: 26px;
    }
    .page-main > .intro_title_box {
        margin: 40px 0 21px 0;
    }
    .intro_title_box2 .title > h2{
        font-size: 24px;
    }
    .intro_title_box1 h2{
        margin:0;
    }
    .mobile_intro_erweima{
        display: block;
        width:289px;
        text-align: center;
        margin: 0 auto;
        padding: 11px;
        background-color:#fff;
    }
    .mobile_intro_erweima img{
        width:268px;
    }
    .mobile_intro_erweima p{
        margin-bottom:0;
        color:#000;
    }
    .PC_intro_desc{
        display: none;
    }
    .intro_title_box2 .title > h2 {
        margin: -31px 0 0 -96px;
    }
    .step_box {
        flex: 0 0 100%;
    }

    .step_box1 .step_desc_more{
        display: none;
    }
    .step_box3 span{
        display: unset;
    }
    .step_box3 p{
        height: auto;
    }
}


@media screen and (max-width:400px) {
    .section6 .tips {
        margin-bottom: 0;
    }
    .wrapper>.content:after {
        border-radius: 15px;
    }

    .mobile_kuang_img{
        height: auto !important;
    }

    .erweima {
        width: 270px;
        margin: 0px auto;
        padding: 11px;
        background-color: #fff;
    }
    .mobile_div img {
        width: 250px;
    }
    .jindu_box span{
        
    }
    .jindu_box div.date {
        font-size: 12px;
    }
    .date :first-child{
        display: block;
    }
    .jindu_box2 {
        margin-left: -39px;
    }

    .section3 .part1 .pride_box {
        background: url(images/beijing_jiangjin.png) no-repeat top center;
        background-size: 145px;
        width: 145px;
        /* margin:0; */
    }
    .section3 .part2 .part2_text>p.title {
        font-size: 14px;
    }
    .section3 .part2 .part2_text {
        padding: 10px 5px;
    }
    .section3 .part2 .part2_text p.desc {
        line-height: 18px;
        margin: 5px;
    }
    .section3 .part2 .part2_text .part2_01 {
        width: 75px;
        height:auto;
        right: 40px;
        top: 8px;
    }
    .section3 .part2 .part2_text .part2_02 {
        width: 75px;
        height: auto;
        left: 6px;
        bottom: -10px
    }
    .section3 .part2 .part2_text .part2_03 {
        width: 80px;
        height: auto;
        left: -10px;
        bottom: -40px;
    }
    .section3 .part2 .part2_text .part2_04 {
        width: 75px;
        height: auto;
        right: -10px;
        bottom: -40px;
    }

    .section4_1 .kuang_box {
        background: url(images/kuang.png) no-repeat top center;
        background-size: 100%;
        width: 130px;
        margin: 0 auto;
    }
    .section4_1 img.pingwei {
        width: 95px;
        height:95px;
        margin-top: 10px;
    }
    .pingwei_name {
        font-size: 18px;
    }
    .pingwei_desc {
        font-size: 12px;
        line-height: 18px;
    }
    .section5 .img_box img.biaozhun_img {
        width: 100px;
        height:auto;
    }

    .intro_title_box2 .title > h2 {
        font-size: 24px;
        margin: -31px 0 0 -96px;
    }
    .mobile_intro_erweima {
        width: 268px;
        text-align: center;
        margin: 0 auto;
        padding: 11px;
        background-color: #fff;
    }
    .mobile_intro_erweima img {
        width: 250px;
    }

}

@media screen and (max-width: 350px){
    .section4_1 .kuang_box {
        background: url(images/kuang.png) no-repeat top center;
        background-size: 100%;
        width: 110px;
        margin: 0 auto;
    }
}


/* 覆盖 */
.content-contest-detail .contest-head-infor-region{background:#1564f0;;}
.content-contest-detail .contest-head-infor{margin:0!important;width:100%!important;height:70px!important;padding:10px 10%!important;}
.content-contest-detail .contest-head-infor .contest-time i{font-style:normal;color:#fff;}
.content-contest-detail .contest-head-infor .contest-action-region .style-upload{background:#fff;border-color:#1564f0;line-height:40px;color:#1564f0;height: 40px;
    line-height: 38px;
    width: 130px;}
.content-contest-detail .tabs_wrapper{background:#1564f0;margin-top:0;border-bottom:0;padding: 24px 0;}
.content-contest-detail .tabs_wrapper .px_tabs{border-bottom:0;overflow-x:unset}
.content-contest-detail .tabs_wrapper .px_tabs>li{display: inline-block;width: 130px;height: 40px;line-height: 40px;border: 2px solid #fff;border-radius: 4px;background: #1564f0;margin: 0 40px;}
.content-contest-detail .tabs_wrapper .px_tabs>li a{border-bottom:0;color:#fff;}
.content-contest-detail .tabs_wrapper .px_tabs>li:hover a{color:#1564f0;}
.content-contest-detail .tabs_wrapper .px_tabs>li:hover{background:#fff}
.content-contest-detail .tabs_wrapper .px_tabs>li.active{background:#fff}
.content-contest-detail .tabs_wrapper .px_tabs>li.active a{border-bottom: 0;
    color: #1564f0;
    border-bottom: 0;
    padding: 0;}
.content-contest-detail .tabs_wrapper .px_tabs>li a {
    border-bottom: 0;
    color: #fff;
    border-bottom: 0;
    /* color: #5F9D92; */
    /* height: 70px; */
    /* line-height: 70px; */
    padding: 0;
}

.content-contest-detail .tabs_wrapper ul.px_tabs {
    display: flex;
    justify-content: center;
}
@media screen and (max-width:600px) {
    .content-contest-detail .tabs_wrapper ul.px_tabs {
        display: flex;
        justify-content: center;
    }
    .content-contest-detail .tabs_wrapper .px_tabs>li {
        margin: 0 5px;
    }
    .content-contest-detail .tabs_wrapper .px_tabs > li > a {
        font-size: 12px;
    }

}

.contest-tab-content{background:url('imgages/bg_page.png') no-repeat top center;background-size:100%;}
.sucai-result{padding-top:40px;padding-bottom:40px;}
.sucai-result > div{margin-top:0!important;}
.sucai-result .pics .item{border-radius:3px 3px 0 0;-webkit-border-radius:0;}
.sucai-result .pics .title{background:#fff;border-radius:0 0 3px 3px;}
.sucai-result .pics{margin-top:0!important;padding-top:15px;}

