
@media screen and (max-width: 1023px) {
    html{
        font-size: 13.33333vw!important;
    }
    .section{
    	width: 100%;
    }
    .section {
	    padding: 0.6rem 0px;
	}
    .section3{
    	margin-top:0px;
    }
	.wrap {
	    width: 100%;
	    box-sizing: border-box;
	    margin: 0 auto;
	    padding: 0px 0.3rem;
	}
	.banner{
		margin-top:0.8rem;
		position: relative;
    	min-height:10rem;
	}
	.sign_btn{
		position:absolute;
		bottom:1.2rem;
		left:50%;
		transform: translate(-50%,0);
		width: 4rem;
		height: 0.9rem;
		opacity: 1;
		background: #17bec4;
		border-radius: 45px;
		font-size: 0.28rem;
		color: #fff;
		font-size: 0.28rem;
		font-weight: 700;
		line-height: 0.9rem;
		text-align: center;
	}
	.header {
		position: fixed;
		top:0px;
		left:0px;
		right:0px;
		background: #fff;
		z-index:99;
	}
	.header li{
		width: 25%;
	}
	.header li a{
		line-height:0.8rem;
		display: block;
		width:100%;
		text-align: center;
    	font-size: 0.28rem;
    	font-weight: 700;
	}
	.header li.active a{
		color: #17BEC4;
		border-bottom: 0.02rem solid #17BEC4;
	}
	/*标题*/
	.title_bg {
	    height: 1.8rem;
	    width: 3.87rem;
        margin:0 auto;
	    background: url(../img/title_bg.png) center center no-repeat;
	    margin-bottom: 0.4rem;
	    background-size: 3.87rem 1.8rem;
	}
	.title_bg h2 {
	    font-size: 0.36rem;
	    line-height: 1.8rem;
	}
	.setion1  p{
		font-size: 0.28rem;
		line-height: 0.48rem
	}

	.section2_nav_box>div{
		display:block;
	}
	.section2_nav_box>div .step{
		display: flex;
		justify-content: center;
	}
	.section2_nav_box>div .step>.flex{
		position: relative;
	}
	.section2_nav_box:after{
		display: none;
	}
	.line {
	    width: 1px;
	    height: 1.2rem;
	    display: block;
    	margin: 0px 20px;
	    border-top: 0px solid #17bec4; 
	    background:#17bec4;
	}
	.line_desc{
	    background: #17bec4;
	}
	.step_desc,.step_time{
		font-size:13px; 
		line-height:1.1rem;
	}
	.step_desc{
		min-width:143px;
		text-align:left;
	}
	.step_time{
		width:auto;
		text-align: left;
    	width: 78px;
	}
	.round {
	    width: 16px;
	    height: 16px;
	    border-radius: 50%;
	    background: #17bec4;
	    display: block;
	    position: absolute;
	    top: 0.4rem;
	    z-index: 9;
	    left: 91px;
	}
	.setion3_prizes div img {
	    margin-right: 20px;
	    width: 0.83rem;
	}
	.setion3_prizes li div:nth-child(1){
		display: flex;
		align-items: center;
		height: 100%;
	}
	.section3_prize_box li {
	    width: 100%;
	    height: auto;
	    margin-right: 0px;
	    padding: 0.3rem;
	    margin-bottom: 0.3rem;
	    display: flex;
	    align-items: center;
	}
	.setion3_prizes li h3{
		font-size: 0.32rem;
	}
	.setion3_prizes li p{
		font-size: 0.28rem;
		line-height: 0.48rem;
	}
	.setion4_competing_nav li {
	    margin-right: 0.5rem;
	    font-size: 0.28rem;
	    cursor: pointer;
	}
	.setion4_competing_content li {
	    border-radius: 0.2rem;
	    padding: 0.5rem 0.3rem;
	    line-height: 0.48rem;
	}
	.setion4_competing .setion4_competing_nav{
		margin-bottom: 0.3rem;
	}
	.setion5_prizes_nav li {
	    margin-right: 0px
	}
	.setion5_prizes_nav {
		border-bottom: none;
	    line-height: 0.8rem;
    	padding: 0px 0.3rem;
	    display: flex;
	    justify-content: space-between;
	    padding-bottom: 0.3rem;
	    margin-bottom: 0;
	    font-size: 0.28rem;
	    font-weight: 700;
	}
	.setion5_prizes_nav_line {
		display: block;
		width: 100%;
		height: 1px;
		margin-bottom: 0.4rem;
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(171,233,234,1) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(171,233,234,1) 50%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(171,233,234,1) 50%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	.setion5_prizes_nav li.active span {
	    position: absolute;
	    bottom: -0.1rem;
	    left: 50%;
	    transform: translate(-50%, 0px);
	    width: 0.38rem;
	    height: 0.29rem;
	    background-size: cover;
	}
	/*获奖作品轮播样式*/
	.setion3_prizes .swiper-container {
      width: 100%;
    }
	.setion5_prizes_content {
		display: none;
	}
	.setion5_prizes_content.active {
		display: block;
	}
     .setion5_prizes_content .setion5_slide_box img{
     	height: 3.89rem;
     	width: 100%;
     }
    .setion5_prizes_content .setion5_slide_box {
		overflow: hidden;
	    background: #17bec4;
	    height: 5.19rem;
	    width: 100%;
	    border-radius: 20px;
	}
	.setion5_prizes_content .setion5_slide_box>div{
		padding-top: 0.1rem;
	}
	.setion5_prizes_content .setion5_slide_box p{
		text-align: left;
		padding-left: 0.3rem;
		color: #fff;
		line-height: 0.48rem;
		font-size: 0.28rem;
	}
	.setion5_prizes_content{
		position: relative;
	}
    .setion5_prizes_content .swiper-slide {
      text-align: center;
	    height: 5.19rem;
      font-size: 18px;
      background: #fff;
    }
    .setion5_prizes_content .swiper-pagination {
	    position: absolute;
	    text-align: center;
	    bottom: -0.4rem;
	    left: 50%;
	    transform: translate(-50%, 0);
	}
	.setion5_prizes_content .swiper-pagination-bullet{
		margin-right: 0.2rem;
		background: #17bec4;
	}
	/*获奖作品轮播样式*/
	.my_swiper_style_box {
		height: auto;
	    display: flex;
    	flex-flow: wrap;
	}
	.my_swiper_style_box>div{
	    height: 3.36rem;
		width: 48%;
		margin-bottom: 0.3rem;
	}
	.my_swiper_style_box>div:nth-child(2n-1){
		margin-right: 4%;
	}
	.setion6_more{
		text-align: center;
		font-size: 0.24rem;
		padding-top: 0.2rem;
	}
	.idt-know, .idt-plate, .idt-prize, .idt-works, .idt-win{
		width: 100%!important;
		margin:0!important;
	}
	.section3_nav_box ul li.border_lr {
	    border-left: 0px solid #00a0e9;
	    border-right: 0px solid #00a0e9;
	    margin-left: 0px;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.swiper_slide_content .swiper_slide_content_text {
	    font-size: 0.28rem;
	    line-height: 0.4rem;
	    padding:0.1rem 0.2rem 0px 0.2rem;
	}
	.section7_start_box li {
	    float: left;
	    background: url(../img/startbg.png) no-repeat;
	    width: 100%;
	    background-size: 100% 1.5rem;
	    height: 1.5rem;
	    margin-right: 30px;
	    text-align: left;
	    padding-left: 0.5rem;
	    margin-bottom: 0.3rem;
	}
	.section7_start_box li img {
	    margin-right: 0.3rem;
	    width: 0.64rem;
	}
	.setion8_dev {
	    padding: 0.3rem;
	    background: #d7f9fa;
	    border-radius: 20px;
	    display: block;
	}
	.setion8_dev_box{
		display: flex;
    	margin-bottom: 0.1rem;
	}
	.dev_img img {
	    margin-right: 0.3rem;
	    width: 2rem;
	}
	.setion8_dev div>p{
		line-height:0.48rem;
		font-size: 0.28rem;
		margin-bottom: 0.3rem;
	}
	.setion8_dev_content h2 {
	    font-size: 0.3rem;
	    font-weight: 700;
	    color: #17bec4;
	    margin-bottom: 0.4rem;
	    padding-top: 0.2rem;
	}
	.setion8_dev_content .dev_btn a {
	    display: inline-block;
	    width: auto;
	    height: auto;
	    padding: 0.15rem 0.4rem;
	    border-radius: 21px;
	    line-height: 0.4rem;
	    margin-right: 0px;
	    background: #17bec4;
	    color: #fff;
	} 
	.dev_btn a {
	    display: inline-block;
	    width: auto;
	    height: auto;
	    padding: 0.15rem 0.3rem;
	    border-radius: 21px;
	    line-height: 0.4rem;
	    margin-right: 0px;
	    border: 1px solid #17bec4;
	    color:#17bec4;
	}
	.dev_btn a img{
		vertical-align: middle;
	}
	.dev_btn_box{
		display:flex;
		justify-content: space-between;
	}
	.section7_start_box li:nth-child(4), .section7_start_box li:nth-child(5){
		margin-bottom: 0.3rem;
	}
	.swiper_slide_content .swiper_slide_content_text p:nth-child(2){
		font-size: 0.24rem;
	}
	.swiper_slide_content .swiper_slide_content_img{
		height: auto;
	}
	.swiper_slide_content_img img {
	    width: 100%;
	    height: 1.86rem;
	}
	.setion9_person{
		padding:0.3rem;
		background: #fafafa;
		border-radius: 20px;
	}
	.setion9_person img{
		width:1.8rem;
		margin-right: 0.3rem;
		margin-bottom: 0.3rem;
	}
	.setion9_person p{
		color: #999;
		line-height: 0.48rem;
		font-size: 0.28rem;
		text-align: left;
	}
	.setion9_person_title{
		padding-top: 0.3rem;
		text-align: left;
	}
	.setion9_person_title h4{
		font-size: 0.32rem;
		line-height: 0.58rem;
	}
	.setion9_person_title h5{
		font-size: 0.28rem;
		line-height: 0.58rem;
	}
	.setion9_person_box .swiper-pagination2{
		left:50%;
		transform: translate(-50%,0);
	}
	.setion9_person_box{
		margin-bottom: 0.4rem;
	}
	.setion9_person_box{
		position: relative;
	}
	.setion9_person_box  .swiper-pagination-bullet {
	    margin-right: 0.2rem;
	    background: #17bec4;
	}
	.excellent{
		margin-left: 0px;
	}
	.section3_1_start_box li {
	    float: initial;
	    background: url(../img/section3_startbg_m.png) no-repeat;
	    background-size: 100% 1.5rem;
	    width: 100%;
	    height: 1.5rem;
	    margin-right: 0rem;
	    padding-right:0.3rem;
	    padding-left: 0.5rem;
	    margin-bottom: 0.3rem;
	}

	.setion11 .setion11_logo{
		display: block;
	}
	.setion11_logo img {
	    margin-right: 0.3rem;
	    width: 1.5rem;
	    vertical-align: middle;
	}
	.setion11 .setion11_logo>div img{
		width: 2rem;
	}
	.setion11_logo img:nth-child(3){
		margin-right: 0px;
	}
	.setion11 .setion11_logo>div{
		margin-right: 0px;
		margin-top: 0.3rem;
		font-size:0.32rem;
	}
	.setion11 .setion11_logo>div:nth-child(2){
		display: flex;
	}
	.scrollbar p.overLine{
	  text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
	}
	.setion3_prizes {
	    display: block;
	}
    .setion3_prizes li {
	    display: flex;
	    box-sizing: border-box;
	    width: 100%;
	    height: 2.44rem;
	    margin-bottom: 0.3rem;
	    background: #fafafa;
	    border-radius: 20px;
	    padding: 0.3rem 0.5rem;
	}
	.section10_table_name {
	    box-sizing: border-box;
	    padding: 0px;
	    margin: 0px -0.3rem;
	    padding-right: 10px;
	    opacity: 1;
	    background: #ffffff;
	    border: 0px solid #e6e6e6;
	}
   	.concat {
	    color: #fff;
	    border-right: 0px solid #17bec4;
	    padding-right: 0px;
	    width: 100%;
	    text-align: left;
	    border-bottom: 1px solid #17bec4;
	    padding-bottom: 0.8rem;
	}
	.concat p {
	    padding-top: 0.4rem;
	    line-height: 0.48rem;
	    font-size: 0.28rem;
	}
	.about {
	    color: #fff;
	    text-align: left;
	    margin: 0px;
	    line-height: 20px;
	    width: auto;
	    padding-top: 0rem;
    	margin-bottom: 1.2rem;
	}
	.pop_content .about{
		display: block;
	}
	.about div {
	    margin-right: 0px;
	    text-align: center;
	}
	.about div:first-child p {
	    margin-bottom: 0.38rem;
	    font-size: 0.32rem;
    	margin-top: 0.8rem;
	}
	.about div:nth-of-type(2){
	    padding-top: 0.4rem;
	    text-align: left;
	    line-height:0.5rem;
	}
	.fix_btn {
		position: fixed;
	    bottom: 15px;
	    left:0.3rem;
		right:0.3rem;
		display: flex;
		justify-content: space-between;
   		z-index: 9;
	}
	.go_sign_btn_fivemonth{
	    display: block;
	    height: 0.9rem;
    	margin: 0 auto;
	    background: #17BEC4;
	    line-height: 0.9rem;
	    text-align: center;
	    font-size: 0.28rem;
	    margin-top: 0.8rem;
	    border-radius: 0.5rem;
		width: 3.3rem;
	}

	/* 表单页面样式 */
	.m_input{
		background: url(../img/m_u3.png) no-repeat;
		background-size: 100% 100%;
	}
	.m_input_title{
	    margin: 0 auto;
	    color: #17BEC4;
	    text-align: center;
	    font-size: 0.36rem;
	    padding-top: 1.3rem;
	    font-weight:700;
	}
	.m_input_content {
		color: #333;
		font-size: 0.4rem;
	}
	.m_input_content {
		width: 90%;
		margin: 0 auto;
	}
	.m_input_content input, .m_input_content textarea, .m_input_content select{
		width: 100%;
    	border: 1px solid #e6e6e6;
	}
	.m_input_content textarea{
		padding-top:4px;
		padding-left: 5px;
	}
	.error_tip{
		font-size:0.28rem;
	}
	.m_input_content input, .m_input_content select{
	    height: 0.8rem;
	    padding-left: 5px;
	    box-sizing: border-box;
	    background: #fff;
	    border: 1px solid #E6E6E6;;
	}
	.m_input_content select option:nth-child(2){
    background: rgb(204, 204, 204);
	}
	#m_residecitybox select{
		width: 50%;
		background: #fff;
		margin-bottom: 0.3rem;
	}
	.m_input_content p{
		margin-bottom: 0.25rem;
		margin-top: 0.4rem;
		font-size:0.28rem;
	}
	.m_submit_btn{
    	background: #17BEC4;
		color: #fff;
		border-radius: 50px;
		font-size: 0.4rem;
		margin: 30px 0;
		display: inline-block;
		width: 100%;
		height: 1rem;
		text-align: center;
		line-height: 1rem;
	    border: none;
	    outline: none;
	}
	.inner_font {
    	font-size: 0.28rem !important;
	    padding: 0 0.2rem !important;
	    border-radius: 0 !important;
	}
	.m_input_content h4{
	    border-left: 4px solid #17BEC4;
	    padding-left: 0.2rem;
	    box-sizing: border-box;
	    font-size: 0.28rem;
	    color: #333;
	    margin-bottom: 20px;
	    margin-top: 20px;
	    font-weight: 700;
	}
	.m_input_content h4 span{
	    color: #e89b04;
	    font-size: 0.35px;
	}
	ins{
		margin-right: 5px;
	}

	#page_footer{
		display: none;
	}
	.fixed_bottom{
        position: fixed;
        bottom:0px;
        left:0px;
        right:0px;
        padding:0.1rem 0.3rem ;
        background: #fff;
        display: flex;
        z-index: 100;
    }
    .fixed_bottom button,.fixed_bottom a{
        flex: 1;
        font-size: 0.28rem;
        font-weight: 400;
        color: #ffffff;
        line-height: 0.7rem;
        background: #17BEC4;
        border-radius: 0.35rem;
        border: none;
        outline: none;
        text-align: center;
    }
    .fixed_bottom .submitNow{
        margin-right: 0.3rem;
    }
    .teamWrap{
        position: absolute;
        bottom: 3.87rem;
        left: 0px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
    .teamWrap>div{
        width: 2.33rem;
        padding: 0.31rem 0 0.33rem;
        background: url(../img/m_team_bg.png) left top no-repeat;
        background-size: 100%;
        text-align: center;
    }
    .teamWrap>div:nth-child(2){
        margin:0 0.2rem ;
    }
    /* .teamWrap>div:nth-child(2){
        margin-left:0.49rem ;
    } */
    .teamWrap h3{
        font-size: 0.48rem;
        font-weight: bold;
        line-height: 1;
    }
    .teamWrap h3 span{
       color: #17BEC4; 
    }
    .teamWrap p{
        line-height: 1;
        font-size: 0.28rem;
        margin-top: 0.14rem;
    }
    .submitWork_tips{
        display: none;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100vh;
        background:rgba(178,178,178,0.5);
        z-index: 100
    }
    .submitWork_tips .tips_wrap {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 6rem;
        height: 5rem;
        background: #fff;
        border-radius: 0.2rem;
        opacity: 1;
        margin-left: -3rem;
        margin-top: -2.5rem;
        text-align: center;
    }
    .submitWork_tips .tips_wrap .close{
        position: absolute;
        right: 0.3rem;
        top: 0.3rem;
        width: 0.32rem;
        height: 0.32rem;
        background: url(../img/close.png) center center no-repeat;
        background-size:100%
    }
    .tips_wrap img{
        width: 1rem;
        height: 0.87rem;
        margin: 1.62rem 0 1rem;
        vertical-align: middle;
    }
    .tips_wrap p{
        font-size: 0.28rem;
        color: #999999;
        font-weight: 400;
        line-height:1px;
    }
    .entries{
        display: flex;
        align-items: center;
        justify-items: center;
        flex-wrap: wrap;
    }
    .entries li{
        width: 3.3rem;
        border-radius: 0.2rem;
        overflow: hidden;
        margin-bottom: 0.3rem;
    }
    .entries li:nth-child(2n){
        margin-left: 0.3rem;
    }
    .entries li img{
        width: 100%;
        height:1.86rem ;
        vertical-align:middle;
    }
    .entries li .item_info{
        padding:0.14rem 0.2rem 0.17rem;
        background: #17BEC4;
        color: #fff;
    }
    .entries li .entries_name{
        font-size: 0.28rem;
        line-height: 0.4rem;
        height: 0.8rem;
        font-weight: 700;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .entries li .entries_auth{
        font-size: 0.24rem;
        line-height: 1;
        font-weight: 400;
        margin-top: 0.16rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .myPagination{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .myPagination .prev, .myPagination .next{
        width: 2.48rem;
        height: 0.68rem;
        line-height: 0.68rem;
        border: 1px solid #E6E6E6;
        border-radius: 0.35rem;
        font-size: 0.28rem;
        text-align: center;
        color: #17BEC4;
        background: #fff;
    }
    .myPagination .disTarget{
        color: #CCCCCC;
    }
    .myPagination .pageNum{
        position: relative;
        text-align: center;
    }
    .myPagination .pageNum .curPage{
        width: 1.48rem;
        height: 0.68rem;
        border: 1px solid #e6e6e6;
        border-radius: 0.35rem;
        line-height: 0.68rem;
        color:#333333 ;
        font-weight: 400;
        background: #fff;
    } 
    .myPagination .pageNum .curPage span{
        display: inline-block;
        vertical-align: middle;
        width:0.2rem;
        height: 0.13rem;
        background: url(../img/down_icon.png) center center no-repeat;
        background-size: 100%;
        margin-top: -0.06rem;
        margin-left: 0.14rem;
        outline: none;
    }
    .myPagination .pageNum .curPage span.up{
        background: url(../img/up_icon.png) center center no-repeat;
        background-size: 100%;
    }
    .myPagination .pagelist{
        display: none;
        position: absolute;
        left: 0px;
        bottom:0.8rem ;
        width: 100%;
        height: 3.48rem;
        padding: 0.16rem 0;
        overflow-y: auto;
        border: 1px solid #e6e6e6;
        border-radius: 0.35rem;
        background: #fff;
        font-size:0.28rem ;
        line-height: 0.58rem;
    }
    .myPagination .pagelist li.active{
        color: #17BEC4;
        font-weight: 700;
    }
    .showLive{
        position: relative;
        width: calc(100% + 0.6rem);
        margin-left: -0.3rem;
        margin-top: 0.6rem;
        height:8.7rem ;
        background: url(../img/live_bg.png) center center no-repeat;
        background-size:100%;
        padding:0 0.3rem ;
        box-sizing: border-box;
    }
    .showLive>div{
        position: absolute;
        bottom: 1.09rem;
        width: calc(100% - 0.6rem);
    }
    .showLive>div a{
        display: flex;
        font-size: 0.28rem;
        color: #fff;
        font-weight: 400;
        line-height: 0.4rem;
        padding: 0.33rem 0.3rem 0.23rem;
        background:rgba(57,195,213,0.8) ;
        border-radius: 0.2rem;
    }
    .showLive>div a:nth-child(2){
        margin-top: 0.3rem;
    }
    .showLive a p{
        flex: 1;
        margin-right: 0.32rem;
        word-break: break-all;
    }
    .showLive a div{
        width: 2.2rem;
        height: 0.7rem;
        line-height: 0.7rem;
        background:#F3B65E ;
        border-radius: 0.04rem;
        text-align: center;
    }
    .showLive a div::after{
        content: '';
        display: inline-block;
        width: 0.44rem;
        height: 0.44rem;
        background: url(../img/playcontrol.png) center center no-repeat;
        background-size: 100%;
        vertical-align: middle;
    }
    .setion12{
        padding-bottom: 0;
    }
}
@media screen and (max-width: 320px){
	.dev_btn a {
	    padding: 0.15rem 0.2rem;
	}
}