/*-------------index.html-------------*/
.page_mobile{
    display: none!important;
}
.page_container{
    min-width: 1200px;
    letter-spacing: 1px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    background-color: #fff;
}
/*header*/
.header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width:100%;
    margin:auto;
    background-color:#2d2d2d;
}
.h_competition{
    width: 1200px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
}
.competition_name{
    float: left;
    width: calc(50% - 60px);
    color: #fff;
    padding-left: 60px;
    background: url("../../images/index/logo.png") no-repeat;
    background-size: 50px auto;
    background-position: left center;
}
.h_login{
    float:left;
    width: 50%;
    text-align: right;
}
.login_student,.login_school{
    display:inline-block;
    width:142px;
    height:33px;
    color: #fff;
    line-height:33px;
    text-align:center;
    margin-left: 20px;
    border: 1px #bae3ff solid;
    background-color: #feaf40;
    background-image: linear-gradient(to right,#feaf40,#feb64a,#feaf40);
    box-shadow: 0 0 15px rgba(0,0,0,0.1) inset;
}
.login_school{
    background-color: #057ffa;
    background-image: linear-gradient(to right,#057efa,#068cfa,#057ffa);
}

.h_nav{
    width: 100%;
    height: 62px;
    line-height: 62px;
    background-color: #f0f3f8;
}
.h_nav ul{
    width: 1200px;
    margin: 0 auto;
}
.h_nav li{
    float:left;
    text-align:center;
    cursor:pointer;
    margin-right: 35px;
}
.h_nav a{
    color:#333;
    display:inline-block;
}
.history{
    position: relative;
}
.modal_history{
    display: none;
    position: absolute;
    top: 56px;
    left: calc((100% - 80px) / 2);
    width: 80px;
    line-height: 42px;
    padding: 10px 0;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: -5px 5px 10px -4px #ddd, 5px 5px 10px -4px #ddd;
}
.modal_history a{
    display: inline-block;
    width: 100%;
    color: #333;
}
.modal_history:before{
    content: ' ';
    display: inline-block;
    position: absolute;
    top: -17px;
    left: 30px;
    width: 0;
    height: 0;
    border: 10px transparent solid;
    border-bottom: 10px #fff solid;
}

/*center*/
.center{
    width: 100%;
    margin-top: 122px;
    padding-bottom: 80px;
}
.banner{
    width: 100%;
    height: 377px;
    padding-top: 173px;
    background: url("../../images/index/banner_pc.jpg") no-repeat center;
}
.bm_time{
    width: 1062px;
    margin: 0 auto;
}
.bm_time span{
    display: inline-block;
    height: 58px;
    line-height: 58px;
    color: #0041c6;
    padding: 0 20px;
    font-size: 26px;
    letter-spacing: 2px;
    margin-left: 495px;
    background-image: linear-gradient(to right, transparent, #fff);
    border: 1px #e6efff solid;
}
.banner_text{
    width: 1062px;
    margin: 0 auto;
    color: #0041c6;
    font-size: 24px;
    line-height: 42px;
    margin-top: 128px;
    text-shadow: 0 0 10px #fff;
}
.banner_text p span{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    border-right: 2px #fff solid;
}
.banner_text p span:last-child{
    border-right: none;
}
.b_login{
    width: 100%;
    text-align: center;
}
.b_login .login_student{
    width: 500px;
    height: 75px;
    border-radius: 40px;
    color: #003fae;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 8px;
    line-height: 75px;
    margin-top: 39px;
    text-shadow: 2px 2px 3px #fff;
    background-image: linear-gradient(to right,#42b9fb,#bbfeff,#3eb9fc);
    border-bottom: 2px #f8fcff solid;
}

.signup_btn{
    width: 1200px;
    margin: 0 auto;
    margin-top: 54px;
}
.signup_zk,.signup_bk,.signup_yjs{
    float: left;
    width: 33.3333%;
    height: 80px;
    line-height: 80px;
    text-align: center;
}
.signup_zk a,.signup_bk a,.signup_yjs a{
    width: 241px;
    height: 80px;
    color: #fff;
    padding-left: 80px;
    padding-right: 15px;
    border-radius: 10px;
    text-align: left;
    background: url("../../images/index/icon_01.png") no-repeat;
    background-size: 51px 47px;
    background-position: 15px center;
    background-color: #1c7cff;
}
.signup_bk a{
    background-image: url("../../images/index/icon_03.png");
    background-color: #24bf6c;
}
.signup_yjs a{
    background-image: url("../../images/index/icon_02.png");
    background-color: #fc9d4e;
}
.signup_btn a span:first-child{
    font-size: 23px;
    font-weight: bold;
    margin-right: 12px;
    letter-spacing: 2px;
}
.signup_btn a span:last-child{
    font-size: 13px;
}



.c_box{
    width: 100%;
    text-align: center;
    margin-top: 72px;
}
.c_title{
    position: relative;
    display: inline-block;
}
.c_title p:first-child{
    position: relative;
    z-index: 2;
    height:40px;
    padding: 0 62px;
    text-align: center;
    line-height: 40px;
    color: #3670ce;
    font-size: 32px;
    letter-spacing: 5px;
}
.c_title p:last-child{
    font-size: 24px;
    color: #3670ce;
    margin-top: 6px;
    font-weight: 100;
}
.c_title:before{
    content:' ';
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 44px;
    height: 40px;
    background: url("../../images/index/title_img.png") no-repeat;
    background-size: 44px auto;
    background-position: left center;
}
.c_title:after{
    content:' ';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 44px;
    height: 40px;
    background: url(../../images/index/title_img.png) no-repeat;
    background-size: 44px auto;
    background-position: right center;
}

/*关于大赛*/
.news_content,.org_content,.process_content,.colleges_content,.prize_content,.instru_content{
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: left;
}

/*news*/
.news_slider{
    float: left;
    width: 450px;
}
.news_list_box{
    position: relative;
    float: right;
    width: 670px;
    height: 236px;
    padding-top: 24px;
    overflow: hidden;
}
.news_item{
    width: 100%;
    height: 59px;
}
.news_item a{
    width: 100%;
    height: 59px;
    line-height: 59px;
    border-bottom: 1px #f4f6f9 solid;
}
.n_right h4{
    position: relative;
    float: left;
    width: calc(80% - 24px);
    padding-left: 24px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.n_right h4::before{
    content: ' ';
    position: absolute;
    left: 0;
    top: 24px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fc9d4e;
    border-radius: 50%;
}
.news_time{
    float: left;
    width: 20%;
    color: #aaacb0;
    font-size: 14px;
    text-align: right;
}
.view_more_news{
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    border-radius: 30px;
    background-color: #f4f4f4;
}
.view_more_news a{
    color: #aaacb0;
}

/*org*/
.org_content{
    background: url("../../images/index/org_bg.jpg") no-repeat;
    background-size: 599px auto;
    background-position: right bottom;
    background-color: #f0f3f8;
}
.org_left{
    float: left;
    width: 599px;
    border-right:2px #fff solid;
}
.zd_org{
    padding: 22px;
    border-bottom:2px #fff solid;
}
.org_title{
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    border-left: 4px #fc9d4e solid;
}
.org_logo{
    width: 100%;
    text-align: center;
    margin-top: 25px;
}
.org_logo img{
    width:478px;
}
.org_text{
    width: 100%;
    margin-top: 16px;
}
.zb_org{
    padding: 22px;
}
.org_right{
    float: right;
    width: 555px;
    padding: 22px;
}
.org_right .org_text{
    margin-bottom: 45px;
}




/*process*/
.process_content{
    height: 435px;
    background: url("../../images/index/process_03.png") no-repeat;
    background-size: 1198px auto;
    background-position: center 195px;
}
.process_item{
    position: relative;
    float: left;
    width: 20%;
    height: 330px;
    text-align: center;
}
.process_item::after{
    content: ' ';
    position: absolute;
    top: 195px;
    left:calc((100% - 34px) / 2);
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: #b0d1ff;
}
.time_1{
    position: relative;
    width: 176px;
    height: 120px;
    color: #fff;
    padding: 20px;
    margin: 0 auto;
    font-size: 15px;
    text-align: left;
    border-radius: 10px;
    background-image: linear-gradient(to bottom,#71adfe,#438ff8);
}
.time_1 p:first-child{
    color: #fee72a;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.time_1::after{
    content: ' ';
    position: absolute;
    bottom: -27px;
    left: calc((100% - 24px) / 2);
    width: 0;
    height: 0;
    border: 12px transparent solid;
    border-top: 15px #438ff8 solid;
}
.time_2{
    width: 216px;
    margin: 0 auto;
    margin-top: 90px;
}

.process_flip{
    height: 435px;
}
.process_flip .time_1{
    position: absolute;
    bottom: 0;
    left: calc((100% - 216px) / 2);
}
.process_flip .time_1::after{
    top: -27px;
    border: 12px transparent solid;
    border-bottom: 15px #71adfe solid;
}
.process_flip .time_2{
    margin-top: 110px;
}
.process_item:nth-child(4) .time_2{
    margin-top: 140px;
}


/*prize*/
.prize_content{
    width: 100%;
    padding: 35px 0 50px 0;
    background: url("../../images/index/prize_bg.png") no-repeat;
    background-size: 100% 100%;
}
.prize_chuangxin{
    width: 100%;
    text-align: center;
}
.cx_prize{
    display: inline-block;
    height: 100px;
    padding: 18px 0;
    padding-left: 90px;
    text-align: left;
    margin-left: 92px;
    background: url("../../images/index/prize_icon1.png") no-repeat;
    background-size: 72px 135px;
}
.cx_prize p:nth-child(1),.prize_item p:nth-child(1){
    font-size: 27px;
    font-weight: bold;
    line-height: 40px;
    background: linear-gradient(to right, #eda844, #b36430);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.prize_list,.prize_explain{
    width: 1200px;
    margin: 0 auto;
}
.prize_item{
    float: left;
    width: 33.33333%;
    margin-top: 42px;
    text-align: center;
}
.prize_one{
    display: inline-block;
    height: 70px;
    padding: 20px 0;
    padding-left: 95px;
    text-align: left;
    background: url("../../images/index/prize_icon2.png") no-repeat;
    background-size: 81px 110px;
}
.prize_one p:nth-child(1){
    background: linear-gradient(to right, #ffc348, #ff6911);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.prize_two{
    display: inline-block;
    height: 70px;
    padding: 20px 0;
    padding-left: 95px;
    text-align: left;
    background: url("../../images/index/prize_icon3.png") no-repeat;
    background-size: 81px 110px;
}
.prize_two p:nth-child(1){
    background: linear-gradient(to right, #d0d0d0, #b0ada9);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.prize_three{
    display: inline-block;
    height: 70px;
    padding: 20px 0;
    padding-left: 95px;
    text-align: left;
    background: url("../../images/index/prize_icon4.png") no-repeat;
    background-size: 81px 110px;
}
.prize_three p:nth-child(1){
    background: linear-gradient(to right, #ffd3a7, #f3b97b);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.prize_explain{
    margin-top: 30px;
}
.prize_explain p{
    margin-bottom:15px;
}

.instru_content{
    width: 1146px;
    padding: 10px 27px 30px 27px;
    background: url("../../images/index/instru_bg.png") no-repeat;
    background-size: 100% 100%;
}
.instru_item{
    width: 100%;
    margin:20px 0;
}
.instru_title{
    height: 55px;
    font-size: 20px;
    line-height: 55px;
    padding-left: 65px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 2px;
    background: url("../../images/index/instru_icon1.png") no-repeat;
    background-size: 55px 55px;
    background-position: left center;
}
.instru_item:nth-child(2) .instru_title{
    background-image: url("../../images/index/instru_icon2.png");
}
.instru_item:nth-child(3) .instru_title{
    background-image: url("../../images/index/instru_icon3.png");
}
.instru_title span{
    background: url("../../images/index/line_bg.png") no-repeat;
    background-size: 100% auto;
    background-position: left bottom;
}





/*高校报道、活动风采、支持院校、获奖分享*/
.c_activity{
    margin-top: 62px;
}
.report_list,.catalogue_list,.wonderful_list,.awards_list{
    width: 1200px;
    margin: 0 auto;
    margin-top: 45px;
    overflow: hidden;
}
.report_list ul,.catalogue_list ul,.wonderful_list ul,.awards_list ul{
    position:relative;
}
.report_list ul li,.catalogue_list ul li,.wonderful_list ul li,.awards_list ul li{
    float: left;
    width: 281px;
    margin-right: 25px;
}
.report_list ul li:last-child,.catalogue_list ul li:last-child,.wonderful_list ul li:last-child,.awards_list ul li:last-child{
    margin-right: 0;
}
.report_list ul li p,.catalogue_list ul li p,.wonderful_list ul li p,.awards_list ul li p{
    width: 100%;
    color: #333;
    text-align: center;
    margin-top: 15px;
}
.report_list img,.catalogue_list img,.wonderful_list img,.awards_list img{
    width: 281px;
    height: 204px;
    border-radius: 10px;
}
/*教师分享*/
.experience{
    width: 1200px;
    height: 410px;
    margin: 0 auto;
    margin-top: 45px;
    overflow: hidden;
}
.experience ul{
    position: relative;
}
.ex_item{
    float: left;
    width: 252px;
    height: 348px;
    color: #333;
    padding: 27px 14px 18px 14px;
    margin-right: 21px;
    box-shadow: 3px 0 20px #f3f5f8;
    border: 2px #fff solid;
    background-color: #f3f5f8;
    background-image: linear-gradient(to bottom,#f3f5f8,#fff);
}
.ex_item:last-child{
    margin-right: 0;
}
.ex_name{
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
}
.ex_school{
    width: 100%;
    text-align: center;
    font-size: 17px;
}
.ex_item .ex_text{
    height: 192px;
    padding: 8px 10px;
    min-height: 196px;
    padding-top: 7px;
    margin: 10px auto;
    font-size: 15px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    background: url(../../images/index/icon_07.png) no-repeat;
    background-size: 64px 49px;
}
.ex_more{
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    margin-top: 18px;
    border-radius: 10px;
    background-color: #0052d9;
}
.ex_modal{
    width: 90%;
    color: #333;
    padding: 50px 5%;
}
.ex_modal .ex_text{
    width: calc(100% - 12px);
    font-size: 16px;
    line-height: 28px;
    padding: 8px 10px;
    min-height: 196px;
    padding-top: 7px;
    margin: 10px auto;
    background: url(../../images/index/icon_07.png) no-repeat;
    background-size: 64px 49px;
}

/*colleges*/
.colleges_content{
    width: 100%;
    padding: 30px 0;
    background-color: #fbfbfb;
}
.colleges_list{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
    overflow: hidden;
}
.colleges_list::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 86px;
    height: 100%;
    z-index: 1;
    background: linear-gradient(90deg, #fbfbfb 0%, rgba(243, 245, 247, 0) 100%);
}
.colleges_list::after{
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 86px;
    height: 100%;
    z-index: 1;
    background: linear-gradient(-90deg, #fbfbfb 0%, rgba(243, 245, 247, 0) 100%);
}
.colleges_list ul{
    position:relative;
}
.colleges_list ul li{
    float: left;
    width: 148px;
    text-align: center;
    background-color: #fff;
    margin: 0 10px 20px 10px;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px #dedede;
}
.colleges_list ul li a{
    width: 100%;
}
.colleges_list ul li p{
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    letter-spacing: 0;
    margin-top: 8px;
}
.colleges_list img{
    width: 80px;
    height: 80px;
}

.footer_bm{
    width: 440px;
    height: 85px;
    text-align: center;
    line-height: 85px;
    margin: 0 auto;
    margin-bottom: 60px;
    font-size: 26px;
    letter-spacing: 5px;
    border: 1px #e5f9ff solid;
    background-color: #1d64ea;
    box-shadow: 0 0 10px #9ccbff;
}
.footer_bm a{
    width: 100%;
    color: #fff;
    box-shadow: 0 0 30px #1753e7 inset;
}

/*footer*/
.footer{
    width: 100%;
    min-width: 1200px;
    color: #fff;
    background-color: #11131f;
}
.f_content{
    width: 1200px;
    padding: 50px 0 30px 0;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 1px;
}
.f_content div{
    float: left;
    width: 25%;
    text-align: center;
}
.f_tel span,.cs_group span,.ds_group span,.xb_group span{
    display: inline-block;
    padding-left: 35px;
    background: url("../../images/index/icon1.png") no-repeat;
    background-size: 30px 30px;
    background-position: left center;
}
.cs_group span{
    background-image: url("../../images/index/icon2.png");
}
.ds_group span{
    background-image: url("../../images/index/icon3.png");
}
.xb_group span{
    background-image: url("../../images/index/icon4.png");
}
.f_content a{
    color: #fff;
}
.f_copyright{
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    padding: 20px 0 60px 0;
    background-color: #11131f;
}
.f_copyright a{
    width: 100%;
    color:#fff;
}

.piaochuang{
    position: fixed;
    right: 10px;
    bottom: 30%;
    z-index: 100;
    width: 100px;
    text-align: center;
}
.pc_bm,.pc_xb,.pc_qq{
    width: 100px;
    height: 45px;
    color: #fff;
    padding-top: 78px;
    margin-bottom: 3px;
    background: url(../../images/index/pc_01.png) no-repeat;
    background-size: 100% auto;
    box-shadow: 0 0 20px rgba(14, 46, 150, 0.3);
    border-radius: 12px;
}
.pc_xb{
    background-image: url("../../images/index/pc_02.png");
}
.pc_qq{
    margin-bottom: 0;
    background-image: url("../../images/index/pc_03.png");
}

/*滚动条*/
.scroll_bar::-webkit-scrollbar{
    width:10px;
    height:10px;
}
.scroll_bar::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:10px;
}
.scroll_bar::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
}
.scroll_bar::-webkit-scrollbar-thumb:hover{
    background: #30448f;
}
.scroll_bar::-webkit-scrollbar-corner{
    background: #30448f;
}