* {
    padding: 0;
    margin: 0;
}

.dd_nav,
.footer_contain_wrap,
.toTop,
.tofeedback,
.footer_wrap,
.dd_P_nav {
    display: none !important;
    ;
}

.station_contain {
    margin-top: 0;
    min-height: auto !important;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
}

li {
    list-style-type: none;
}

body,
html {
    background-image: linear-gradient(45deg,
        #030309 0%,
        #08081f 100%);
    font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
}

.wrap {
    width: 100%;
    min-width: 13.1rem;
}

.con {
    width: 13.1rem;
    margin: 0 auto;
}

/*logo*/
.logo_header {
    background: transparent;
    /* position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;*/
    position: absolute;
}

.logo_header img {
    width: 2.208rem;
    display: block;
    margin-top: 0.521em;
    margin-left: 0.938rem;

}

/*end*/

/*banner*/
.banner_wrap {
    height: 9.688rem;
    background-image: url('../images/banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.joinCpt_wrap {
    width: 3.75rem;
    height: 0.938rem;
    background-image: linear-gradient(0deg,
        #8c4ced 0%,
        #ffffff 30%,
        #8c4ced 83%,
        #c6a1ef 93%,
        #fff6f0 100%);
    margin-left: 2.802rem;
    margin-top: 6.646rem;
    overflow: hidden;
    border-radius: 0.469rem;
    cursor: pointer;
}

.joinCpt_btn {
    width: 3.688rem;
    height: 0.876rem;
    background-image: linear-gradient(0deg,
        #601ac1 0%,
        #0d256a 100%),
        linear-gradient(#e5e5e5,
        #e5e5e5);
    border-image-slice: 1;

    font-size: 0.583rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.365rem;
    letter-spacing: 0.058rem;
    color: #fefefe;
    display: block;
    margin-top: 0.031rem;
    margin-left: 0.031rem;
    border-radius: 0.469rem;
    border: none;
    cursor: pointer;
}

/*end*/

/*nav*/
.nav_wrap,
.nav_wrap1 {
    height: 0.833rem;
    background-image: linear-gradient(90deg,
        #090921 0%,
        #151548 100%);
    position: relative;
    z-index: 2;
}

.nav_wrap1 {
    display: none;
}

.nav_button_wrap {
    height: 0.833rem;
    position: absolute;
    right: 0.188rem;
    top: 0;
}

.login_sigin_btn {

    font-size: 0.25rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #1a8ef2;
    line-height: 0.833rem;
    background: transparent;
    border: none;
    outline: none;
    display: block;
    float: left;
    cursor: pointer;
}

.join_competition_wrap {
    width: 1.583rem;
    height: 0.5rem;
    background-image: linear-gradient(0deg,
        #8c4ced 0%,
        #ffffff 30%,
        #8c4ced 83%,
        #c6a1ef 93%,
        #fff6f0 100%);
    margin-left: 0.354rem;
    overflow: hidden;
    border-radius: 0.2rem;
    cursor: pointer;
    float: left;
    margin-top: 0.167rem;
}

.join_competition_btn {
    width: 1.521rem;
    height: 0.438rem;
    background-image: linear-gradient(0deg,
        #601ac1 0%,
        #0d256a 100%),
        linear-gradient(#e5e5e5,
        #e5e5e5);
    border-image-slice: 1;

    font-size: 0.25rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.365rem;
    letter-spacing: 0.025rem;
    color: #fefefe;
    display: block;
    margin-top: 0.031rem;
    margin-left: 0.031rem;
    border-radius: 0.2rem;
    border: none;
    cursor: pointer;
}

.nav_wrap_fixed {
    position: fixed;
    top: 0;
    z-index: 5
}

.navlist_wrap {
    margin-bottom: 0;
    float: left;
}

.navlist_wrap li {
    float: left;
    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #fefefe;
    border-bottom: 0.031rem solid transparent;
    line-height: 0.85rem;
    list-style-type: none;
    padding: 0 0.207rem;
    cursor: pointer;
    transition: .2s;
    margin-right: 0.04rem;
}

.newpage_btn 
,.winners_btn{
    float: left;

    font-size: 0.2rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #fefefe;
    border-bottom: 0.031rem solid transparent;
    line-height: 0.85rem;
    padding: 0 0.207rem;
    cursor: pointer;
    transition: .2s;
    float: left;
    background: transparent;
    border: none;
}

.new_page_none {
    display: none !important;
    ;
}

.navlist_check {
    border-bottom: 0.031rem solid #f9b900 !important;
    color: #f9b900 !important;
}

/*end*/

/*content*/
.content_wrap {
    position: relative;
}

.content_bg {
    width: 100%;
    /*background-image: url('../images/wudao_section_bg.png');*/
    background-size: 100%;
    height: 12.521rem;
    width: 12.521rem;
    position: absolute;
    background-position: center center;
}

.content_header {
    width: 1.875rem;
    height: 1.875rem;
    background-image: url('../images/bg_circle2.png');
    background-size: 100%;
    margin: 0.521rem auto 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.content_header_text {
    
    font-size: 0.396rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.375rem;
    -webkit-line-clamp: 2;
    background-image: -webkit-linear-gradient(left, #cc60f6, #0c92f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content_header_text_large {
    width: 2rem;
}

.content_header_info {

    font-size: 0.146rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #2292ff;
    margin-top: 0.115rem;
    text-align: center;
    line-height: 0.125rem;
}

.content_contain {
    position: relative;
    z-index: 2;
}

.content_contain>li {
    display: none;
}

.content_contain_show {
    display: block !important;
}

/*information*/

.content_information .content_bg {
    top: -2.2rem;
    z-index: 1
}

.content_info_video {
    width: 12.448rem;
    height: 7.01rem;
    position: relative;
    background: #000;
}

.content_info_video video {
    width: 100%;
    height: 100%;
}

.video_play_btn {
    position: absolute;
    width: 1.771rem;
    height: 1.771rem;
    display: block;
    top: 2.803rem;
    left: 5.345rem;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.video_play_btn img {
    width: 100%;
    height: 100%;
    display: block;
}

.content_info_text {

    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin: 0.406rem 0 0 0;
    text-align: center;
}

/*end*/

/*introduce*/
.content_introduce .content_bg {
    top: -4.1rem;
}

.content_introduce .content_intro_text {
    margin-top: 0;
}

.content_intro_text {

    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: 0.302rem;
    text-align: center;
}

.introduce_join_btn {
    width: 1.875rem;
    height: 0.583rem;
    background-image: linear-gradient(0deg,
        #601ac1 0%,
        #0d256a 100%),
        linear-gradient(#e5e5e5,
        #e5e5e5);
    background-blend-mode: normal,
        normal;
    border-style: solid;
    border-width: 0.021rem;
    border-image-source: linear-gradient(0deg,
        #8c4ced 0%,
        #ffffff 30%,
        #8c4ced 83%,
        #c6a1ef 93%,
        #fff6f0 100%);
    border-image-slice: 1;

    font-size: 0.292rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.365rem;
    letter-spacing: 0.029rem;
    color: #fefefe;
    display: block;
    margin: 1.125rem auto 0 auto;
    cursor: pointer;
    position: relative;
    z-index: 4;
}

/*end*/

/*chuangyi competition*/
.cmpt_header {
    width: 2.5rem;
    margin: 1.021rem auto 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cmpt_title_sec {
    width: 0.833rem;
    height: 0.833rem;
    background-image: linear-gradient(180deg,
        #2292ff 10%,
        rgba(34, 146, 255, 0) 100%);
    border-radius: 0.406rem
}

.cmpt_title_text {

    font-size: 0.333rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.033rem;
    color: #ffffff;
    line-height: 0.333rem;
    margin-top: -0.427rem;
    -webkit-line-clamp: 2;
    background-image: -webkit-linear-gradient(left, #cc60f6, #0c92f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cmpt_title_footer {
    width: 2.5rem;
    height: 0.031rem;
    background-image: linear-gradient(90deg,
        rgba(34, 146, 255, 0) 0%,
        #2292ff 50%,
        rgba(34, 146, 255, 0) 100%);
    margin-top: 0.146em;
}

/*end*/

/*competition list*/
.cmpt_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.396rem;
    width: 100%;
    flex-wrap: wrap;
}

.cmpt_list li {
    width: 3.49rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: 1.021rem;
    margin-bottom: 0.521rem;
}

.cmpt_list li:nth-child(3n) {
    margin-right: 0;
}

.cmpt_list li:nth-child(7) {
    margin-right: 0;
}

.cmpt_list_titlebg {
    width: 1.646rem;
    height: 2rem;
    background-image: url("../images/icon_1.png");
    background-repeat: no-repeat;
    background-size: 100%;

    font-size: 0.292rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.029rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.865rem;
    ;
}

.cmpt_list_titletext {
    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.021rem;
    color: #2292ff;
    margin-top: 0.208rem;
    line-height: 0.208rem;
    text-align: center;
}

.cmpt_list_into {
    font-size: 0.167rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.333rem;
    letter-spacing: 0.017rem;
    color: #ffffff;
    margin-top: 0.313rem;
    text-align: center;
    min-height: 1.49rem;
}

.cmpt_list_btn {
    display: block;
    width: 1.875rem;
    height: 0.583rem;
    background-image: linear-gradient(0deg,
        #601ac1 0%,
        #0d256a 100%),
        linear-gradient(#e5e5e5,
        #e5e5e5);
    background-blend-mode: normal,
        normal;
    border-style: solid;
    border-width: 0.021rem;
    border-image-source: linear-gradient(0deg,
        #8c4ced 0%,
        #ffffff 30%,
        #8c4ced 83%,
        #c6a1ef 93%,
        #fff6f0 100%);
    border-image-slice: 1;
    margin-top: 0.313rem;

    font-size: 0.292rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.365rem;
    letter-spacing: 0.029rem;
    color: #fefefe;
    cursor: pointer;
}

.chuangyi_cpt .content_bg {
    top: -1.5rem;
}

.chuangyi_cpt .content_intro_text {
    margin-top: 0.844rem;
}

/*end*/

/*judges*/

.content_judges .content_bg {
    top: -5.7rem
}

.judges_list_border {
    width: 2.813rem;
}

.judges_list_border div {
    height: 0.021rem;
    margin-top: 0.031rem;
    width: 100%;
}

.judges_list_bottom {
    transform: rotate(180deg);
}

.listborder1 {
    background-color: #0a0a0a;
}

.listborder2 {
    background-color: #0f0f0f;
}

.listborder3 {
    background-color: #141414;
}

.listborder4 {
    background-color: #1a1a1a;
}

.listborder5 {
    background-color: #1f1f1f;
}

.listborder6 {
    background-color: #242424;
}

.listborder7 {
    background-color: #292929;
}

.listborder8 {
    background-color: #2e2e2e;
}

.listborder9 {
    background-color: #333333;
}

.listborder10 {
    background-color: #383838;
}

.listborder11 {
    background-color: #3d3d3d;
}

.judges_list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.judges_list li {
    width: 2.823rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-right: 1.688rem;
}

.judges_list li:nth-child(3n) {
    margin-right: 0;
}

.judges_list_userimg {
    width: 1.875rem;
    height: 1.875rem;
    background-color: #000000;
    border: solid 0.031rem #2292ff;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0.313rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.judges_list_username {

    font-size: 0.292rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.029rem;
    color: #ffffff;
    margin-top: 0.208rem;
    line-height: 0.271rem;
}

.judges_list_userfrom {

    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.333rem;
    letter-spacing: 0.021rem;
    color: #2292ff;
    margin-top: 0.198rem;
    text-align: center;
    margin-bottom: 0.302rem;
    height: 1.2rem;
}

.more_judges_text {

    font-size: 0.34rem;
    color: #2292ff;
}

/*end*/

/*organization*/

.content_org .content_bg {
    top: -4.3rem;
}

.org_list {
    display: flex;
    margin-top: 0.354rem;
    flex-wrap: wrap;
}

.org_list li {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    margin-left: 0.521em;
    margin-bottom: 0.8rem;
}

.org_list_info {

    font-size: 0.292rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.029rem;
    color: #2292ff;
    line-height: 0.292rem;
    border-left: 0.031rem solid #2292ff;
    padding-left: 0.208rem;
}

.org_list_logo {
    margin-left: 0.719rem;
}

.org_list_logo img {
    width: 1.594rem;
    display: block;
}

.org_list_logo2 img {
    width: 3.125rem;
}

/*end*/

/*compeition timeline*/
.comp_timeline .content_bg {
    top: -0.2rem;
}

.comp_timeline {
    margin-top: 1.169rem;
}

.timeline_timelist,
.timeline_iconlist,
.timeline_text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0.635rem;
}

.timeline_timelist li {
    width: 1.73rem;
    font-size: 0.25rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.025rem;
    color: #ffffff;
    line-height: 0.208rem;
    margin-right: 1.958rem;
    list-style-type: none;
    text-align: center;
}

.timeline_timelist li:last-child {
    margin-right: 0;
}

.timeline_iconlist {
    margin-top: 0.24rem;
}

.timeline_icon1 {
    width: 0.583rem;
    height: 0.583rem;
    background-color: #444444;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    float: left;
}

.timeline_icon2 {
    width: 0.313rem;
    height: 0.313rem;
    background-color: #999999;
    border-radius: 50%;
}

.timeline_icon3 {
    width: 3.052rem;
    height: 0.021rem;
    background-image: linear-gradient(90deg,
        rgba(34, 146, 255, 0) 0%,
        #2292ff 50%,
        rgba(34, 146, 255, 0) 100%);
    margin-top: 0.281rem;
    float: left;
}

.timeline_icon4 {
    width: 0.021rem;
    height: 0.521rem;
    background-image: linear-gradient(0deg,
        #2292ff 0%,
        #444444 100%);
    margin-left: 0.281rem;
}

.timeline_icon5 {
    width: 0.208rem;
    height: 0.208rem;
    background-color: #2292ff;
    border-radius: 50%;
    margin-left: 0.188rem;
}

.timeline_text li {
    margin-right: 2.365rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 1.3rem;
}

.timeline_text li:last-child {
    margin-right: 0;
}

.timeline_text {
    margin-top: 0.208rem;
}

.timeline_textCon {
    font-size: 0.292rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.029rem;
    color: #2292ff;
    line-height: 0.392rem;
    text-align: center;
}

.timeline_textline {
    width: 0.313rem;
    height: 0.021rem;
    border-bottom: solid 0.021rem #ffffff;
    margin-top: 0.208rem;
}

.timeline_textCon_large {
    width: 3rem;
}

/*end*/

/*end*/

/*prize*/

.content_prize .content_bg {
    top: 0.5rem
}

.prize_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.177rem;
    flex-wrap: wrap;
}

.prize_list li {
    position: relative;
    margin: 0 0.4425rem;
    width: 2.542rem;
    height: 2.896rem;
}

.prize_listCon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.prize_listCon1 {
    background: url('../images/prize_icon2.png');
    background-size: 100%;
}

.prize_listCon2 {
    background: url('../images/prize_icon1.png');
    background-size: 100%;
}

.prize_listCon3 {
    background: url('../images/prize_icon3.png');
    background-size: 100%;
}

.prize_listContop {
    position: relative;
    /*top: 1.667rem;*/
}

.prize_listContop2 {
    position: relative;
    top: 0.615rem;
}

.prizeCon_title {
    line-height: 0.32rem;

    font-size: 0.292rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.058rem;
    color: #ffffff;
    margin-bottom: 0.208rem;
    text-align: center;

}

.prizeCon_into {
    line-height: 0.208rem;

    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.021rem;
    color: #ffffff;
    opacity: 0.4;
}

.prizeCon_prize {
    line-height: 0.427rem;
    
    font-size: 0.5rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #ffffff;
    margin-top: 0.302rem;
}

.prize_type_list {
    display: flex;
    justify-content: center;
    padding: 0 0.521rem;
    position: relative;
    z-index: 3;
}

.prize_type_list li {
    margin: 0 0.228rem;
    cursor: pointer;
}

.prize_type_list_check .prize_type_text {
    color: #2292fe !important;

}

.prize_type_text {

    font-size: 0.333rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.033rem;
    color: #ffffff;
    width: 3.052rem;
    text-align: center;
}

.prize_type_line {
    width: 3.052rem;
    height: 0.021rem;
    background-image: linear-gradient(90deg,
        rgba(34, 146, 255, 0) 0%,
        #2292ff 50%,
        rgba(34, 146, 255, 0) 100%);
    margin-top: 0.188rem;
}

/*end*/

/*float window*/
.float_window {
    position: fixed;
    right: 0.5rem;
    bottom: 1rem;
    z-index: -1;
    opacity: 0;
    transition: .3s;
}

.qrcode_wrap {
    width: 2rem;
    height: 2rem;
    background: #fff;
}

.qrcode_text {
    width: 2rem;
    margin-top: 0.2rem;
    font-size: 0.2rem;
    color: #fff;
}

.qrcode_wrap img {
    display: block;
    width: 100%;
    height: 100%
}

.join_comments {
    margin-top: 0.2rem;
    display: block;
    width: 2rem;
    height: 0.583rem;
    background-image: linear-gradient(0deg, #601ac1 0%, #0d256a 100%), linear-gradient(#e5e5e5, #e5e5e5);
    background-blend-mode: normal, normal;
    border-style: solid;
    border-width: 0.021rem;
    border-image-source: linear-gradient(0deg, #8c4ced 0%, #ffffff 30%, #8c4ced 83%, #c6a1ef 93%, #fff6f0 100%);
    border-image-slice: 1;

    font-size: 0.25rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.365rem;
    letter-spacing: 0.029rem;
    color: #fefefe;
    display: block;
    cursor: pointer;
}

.float_window_show {
    opacity: 1;
    z-index: 9;
}

/*end*/
/*new start*/
.content_news {
    height: 10rem;
    overflow: hidden;
    margin-top: 1.277rem;
}

.content_news .content_bg {
    top: -0.7rem;
}

.content_news_list,
.content_allnews_list {
    margin-top: 0.76rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.content_news_list li,
.content_allnews_list li {
    height: 0.198rem;

    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.021rem;
    color: #ffffff;
    margin-bottom: 0.823rem;
    text-align: center;
    max-width: 7.823rem;
}

.content_allnews_list li {
    margin-bottom: 0rem;
    height: auto;
}

.content_news_more {
    display: block;
    margin: 0 auto;
    background: transparent;
    border: none;
    outline: none;
    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.021rem;
    color: #1f7ad6;
    cursor: pointer;
}

.newslist_con {
    float: left;
    margin-right: 0.2rem;
    width: 6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newslist_time {
    float: right;
}

.content_allnews_list .newslist_con {
    overflow: inherit;
    white-space: normal;
}

.content_allnews_list {
    height: 3.698rem;
    overflow: auto;
}

/*end*/
/*modal start*/
.modal_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgb(0, 0, 0, .8);
    z-index: -1;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: .3s;
}

.modal_content {
    width: 11.25rem;
    height: 7.198rem;
    background: #08081f;
}

.modal_wrap_show {
    z-index: 10;
    opacity: 1;
}

.modal_title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal_title_text {

    font-size: 0.333rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.033rem;
    margin-top: 0.656rem;
    text-align: center;
    line-height: 0.333rem;
    -webkit-line-clamp: 2;
    background-image: -webkit-linear-gradient(left, #cc60f6, #0c92f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    float: left;
}

.modal_title_underline {
    width: 2.5rem;
    height: 0.031rem;
    background-image: linear-gradient(90deg,
        rgba(34, 146, 255, 0) 0%,
        #2292ff 50%,
        rgba(34, 146, 255, 0) 100%);
    margin: 0.146rem auto 0 auto;
}

.news_pages_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.594rem;
}

.news_pages_wrap a,
.news_pages_wrap span {

    font-size: 0.167rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.017rem;
    color: #ffffff;
    margin: 0 0.03rem;
    text-decoration: none;
    height: 0.271rem;
    display: block;
    padding: 0 0.04rem;
    line-height: 0.271rem;
    text-align: center;
}

.news_pages_wrap .current {
    background-color: #2292ff;
    border-radius: 0.052rem;
}

/*end*/

/*peixun*/
.peixun_list {
    margin-top: 0.781rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 4;
}

.peixun_list li {
    width: 5.833rem;
    height: 1.354rem;
    background-color: rgba(68, 68, 68, .5);
    border-radius: 0.031rem;
    margin-right: 0.854rem;
    display: flex;
    margin-bottom: 0.833rem;
}

.peixun_list li:nth-child(2n) {
    margin-right: 0;
}

.peixun_list a {
    text-decoration: none;
}

.peixunlist_time {
    width: 0.938rem;
    height: 1.146rem;
    background: url('../images/requirements.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-left: 0.219rem;
    
    font-size: 0.292rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.029rem;
    color: #ffffff;
    text-align: center;
    padding-top: 0.1rem;
}

.peixunlist_con {
    margin-left: 0.188rem;
}

.peixunlist_title {
    font-size: 0.229rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.011rem;
    color: #ffffff;
    margin-top: 0.229rem;
    line-height: 0.25rem;
    width: 4.083rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.peixunlist_info {
    font-size: 0.167rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.292rem;
    letter-spacing: 0.004rem;
    color: #ffffff;
    margin-top: 0.198rem;
    width: 3.927rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    opacity: .5;
}

/*end*/

/*zuoppin*/
.zuopin_title {
    height: 0.198rem;
    font-family: SourceHanSansCN-Regular;
    font-size: 0.188rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.198rem;
    letter-spacing: 0.019rem;
    color: #eb8f1f;
    text-align: center;
    margin-top: 0.333rem;
}

.zuopin_list {
    margin-top: 0.688rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.zuopin_list li {
    margin-right: 0.635rem;
    margin-bottom: 0.594rem;
    position: relative;
}

.zuopin_list li:nth-child(3n) {
    margin-right: 0;
}

.zuopinlist_title {
    font-family: SourceHanSansCN-Regular;
    font-size: 0.249rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.313rem;
    letter-spacing: 0.023rem;
    color: #fff;
    width: 3.75rem;
    position: relative;
    margin-top: 0.177rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zuopinlist_content {
    width: 3.75rem;
    height: 2.5rem;
    border: solid 0.005rem #2292ff;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.zuopinlist_content img {
    width: 100%;
    height: 100%;
    display: block;
}

.zuopinlist_con {
    background-color: rgba(0, 0, 0, .7);
    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.021rem;
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.zuopinlist_info_name {
    font-family: PingFang-SC-Medium;
    font-size: 0.187rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.017rem;
    color: #ffffff;
    width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.zuopinlist_showmore {
    border: none;
    background: transparent;
    font-family: PingFang-SC-Medium;
    text-decoration: underline;
    font-size: 0.167rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.017rem;
    color: #2292ff;
    float: right;
    display: block;
}

.zuopin_modal_wrap,
.zuopin_qrcode_wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 999999;
}

.zuopin_qrcode_wrap {
    z-index: 9999999;
}

.modal_qrcode_wrap {
    width: 6.02rem;
    height: auto;
    background: #fff;
}

.modal_qrcode_wrap img {
    width: 100%;
    display: block;
}

.zuopin_modal_content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zuopin_modal_wrap_none {
    display: none;
}

.zuopin_modal {
    width: 7.5rem;
    background-color: #292929;
    border-radius: 0.063rem;
    padding: 0.198rem 0.208rem;
}

.zuopin_modal_title {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    height: 0.385rem;
}

.zuopinlist_number {
    width: 0.385rem;
    height: 0.438rem;
    background: url('../images/zuopin_icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    font-family: SourceHanSansCN-Regular;
    font-size: 0.188rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.25rem;
    letter-spacing: 0.019rem;
    color: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0.104rem;
    left: 0.125rem;
    padding-left: 0.045rem;
}

.modal_text_title {
    font-family: PingFang-SC-Medium;
    font-size: 0.208rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.438rem;
    letter-spacing: 0.021rem;
    color: #feffff;
    float: left;
    background: #292929;
}

.modal_close {
    float: right;
    color: #feffff;
    background: transparent;
    border: none;
    font-size: 0.2rem;
    cursor: pointer;
}

.zuopin_modal_con {
    margin-top: 0.333rem;
}

.modal_section {
    margin-bottom: 0.302rem;
    display: flex;
    align-items: center;
}

.section_into {
    line-height: 0.156rem;
    font-family: PingFang-SC-Medium;
    font-size: 0.187rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.017rem;
    float: left;
    color: #feffff;
}

.section_text {
    float: left;
    line-height: 0.2rem;
    font-family: PingFang-SC-Medium;
    font-size: 0.187rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.017rem;
    color: #2292ff;
    margin-left: 0.04rem;
}

.modal_text {
    font-family: PingFang-SC-Medium;
    font-size: 0.166rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.292rem;
    letter-spacing: 0.015rem;
    color: #feffff;
    opacity: 0.6;
    word-break: break-all;
}

.zuopin_votewrap {
    margin-top: 0.125rem;
    display: flex;
    justify-content: space-between;
}

.vote_num {
    font-family: PingFang-SC-Medium;
    font-size: 0.187rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.017rem;
    color: rgba(255, 255, 255, .6);
    line-height: 0.333rem;
}

.vote_num span {
    font-family: SourceHanSansCN-Regular;
    font-size: 0.188rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.188rem;
    letter-spacing: 0.019rem;
    color: #eb8f1f;
}

.vote_button,
.link_button {
    border: none;
    padding: 0.094rem 0.156rem;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 0.167rem;
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, .4);
    transition: .3s;
    font-size: 0.166rem;
    line-height: 0.146rem
}

.link_button {
    margin-right: 0.1rem;
    background: #2568a9;
    color: #fff;
}

.bote_btn_img {
    width: 0.188rem;
    height: 0.177rem;
    background-image: url("../images/vote.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 0.063rem;
    transition: .3s;
}

.modal_vote {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 0.208rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.208rem;
}

.modal_vote_wrap {
    font-family: PingFang-SC-Medium;
    font-size: 0.167rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.017rem;
    color: rgba(255, 255, 255, .6);
    line-height: 0.188rem;
}

.modal_vote_wrap span {
    font-size: 0.229rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.011rem;
    color: #eb8f1f;
}

.modal_vote_btn {
    border: none;
    width: 0.938rem;
    height: 0.333rem;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 0.167rem;
    outline: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, .4);
    font-size: 0.166rem;
    transition: .3s;
}

.modal_vote_img {
    width: 0.188rem;
    height: 0.177rem;
    background-image: url("../images/vote.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 0.063rem;
    transition: .3s;
}

.modal_btn_wrap {
    display: flex;
}

.vote_ing {
    background-color: #eb8f1f;
    color: #fff;
}

.vote_ing .bote_btn_img {
    background-image: url("../images/vote_in.png");
}

.tosigin_btn {
    width: 260px;
    margin-left: 63px;
    margin-top: 15px;
    cursor: pointer;
}

.winners_list{
    margin-top: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.winners_list li{
    width: 80%;
    margin-bottom: 0.25rem;
}
.winners_list li img{
    display: block;
    width: 100%;
}

/*end*/