@media screen and (min-width:1200px) {
	.bannerBox{
        width: 100%;
        height: 540px;
        background: url(../img/banner_bg.png) 100% 100% no-repeat;
    }
    .bannerBox .auto{
        position: relative;
    }
    .bannerBox .textImg{
        width: 76%;
        margin: 16px 11%;
    }
    .PhonetextImg{
        display: none;
    }
    .bannerBox .logoImg{
        width: 230px;
        margin: 20px 0;
    }
    .loginBtn{
        /* color: #fff;
        border: 1px solid #fff;
        position: absolute;
        top: 30px;
        right: 100px; */
        color: #0733d0;
        background-color: #fff;
        border: 1px solid #fff;
        position: absolute;
        top: 30px;
        right: 0;
        width: 100px;
        height: 32px;
        border-radius: 30px;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        /* cursor: pointer; */
    }
    /* .loginBtn:hover,.registerBtn:hover{
        color: #fff;
        background-color: #0796d9;
        border: 1px solid #0796d9;
    } */
    .registerBtn,.logOut,.toScoreBtn{
        color: #0733d0;
        background-color: #fff;
        border: 1px solid #fff;
        position: absolute;
        top: 30px;
        right: 0;
        width: 80px;
        height: 32px;
        border-radius: 30px;
        text-align: center;
        line-height: 32px;
        font-size: 15px;
        /* cursor: pointer; */
    }
    .toScoreBtn{
        right: 90px;
        cursor: pointer;
    }
    .toScoreBtn:hover{
        background-color: #ff942a;
        border: 1px solid #ff942a;
        color: #fff;
    }
    .registerBtn:hover{
        background-color: #fff;
        border: 1px solid #fff;
        color: #0733d0;
    }
    .logOut{
        background-color: transparent;
        color: #ccc;
        text-decoration: underline;
        border: navajowhite;
    }
    .logOut:hover{
        color: #fde300;
    }
    /* 新闻公告部分 */
    .newsWrap{
        width: 100%;
        background: url(../img/news_bg1.png) left top no-repeat,url(../img/news_bg2.png) right top no-repeat;
        background-size: 21%;
        background-position-y: 38px;
    }
    .newsTitleBox{
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #333;
        padding: 46px 0 20px;
    }
    .typeTitle{
        display: flex;
        align-items: center;
        font-size: 24px;
    }
    .typeTitle b{
        display: inline-block;
        width: 6px;
        height: 24px;
        background-color: #0861e2;
        margin-right: 14px;
    }
    .typeTitle img{
        display: none;
    }
    .newsBox{
        overflow: hidden;
        background-color: #fff;
        margin: 20px auto 54px;
        padding: 40px 30px;
        box-sizing: border-box;
    }
    .newsPhoneBox{
        display: none;
    }
    .newsLine{
        color: #333;
        display: flex;
        align-items: center;
        width: 550px;
    }
    .newsLine:hover{
        color: #0747a7;
    }
    .newsLine:hover .newsLineRight p{
        text-decoration: underline;
    }
    .newsLine:hover .newsLineRight div{
        color: #333;
    }
    .newsLine:nth-of-type(2n+1){
        float: left;
    }
    .newsLine:nth-of-type(2n+2){
        float: right;
    }
    .newsLineLeft{
        width: 90px;
        height: 66px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #e6e6e6;
        margin: 20px 0;
    }
    .newsLineLeft p{
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 2px;
    }
    .newsLineRight{
        width: 440px;
        margin-left: 20px;
    }
    .newsLineRight p{
        font-size: 17px;
        margin-bottom: 6px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .newsLineRight div{
        color: #999;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 13px;
        text-align: justify;
        line-height: 22px;
    }
    /* 参赛单位数量部分 */
    .allTeamBox{
        background: url(../img/schoolNum_bg.png);
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 164px;
        background-position: -13%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .allTeamBox p{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 280px;
    }
    .timeDeta{
        margin-right: 60px
    }
    .allTeamBox p span:nth-of-type(1){
        font-size: 40px;
        margin-bottom: 12px;
        line-height: 38px;
    }
    /* 赛事详情部分 */
    .allContents{
        color: #333;
    }
    .matchWrap{
        line-height: 34px;
        text-align: justify;
    }
    .textIndent{
        text-indent: 2em;
    }
    .matchTitleImg{
        display: block;
        width: 130px;
        margin: 50px auto 30px;
    }
    .matchWrap .typeTitle{
        margin: 28px 0 14px;
    }
    .matchWrap .linkUrl:hover{
        text-decoration: underline;
        color: #ff942a;
    }
    .allContents h3{
        font-weight: initial;
        background-color: #fbf0e5;
        width: max-content;
        color: #333;
        padding-right: 26px;
        border-radius: 30px;
        margin: 50px auto 22px;
        font-size: 25px;
    }
    .allContents h3 span:nth-of-type(1){
        display: inline-block;
        width: 100px;
        height: 40px;
        background-color: #ff942a;
        border-radius: 20px;
        text-align: center;
        line-height: 40px;
        color: #fff;
        padding: 0 10px;
        margin-right: 15px;
    }
    .title{
        display: flex;
        position: relative;
        align-items: center;
        margin: 30px 6px 20px 6px;
        font-size: 22px;
        height: 26px;
    }
    .title span{
        display: inline-block;
        width: 14px;
        height: 14px;
    }
    .title span:nth-of-type(1){
        background-color: #0861e2;
        position: absolute;
        top: 4px;
        left: -6px;
    }
    .title span:nth-of-type(2){
        background-color: #cadbf5;
        margin-right: 8px;
        margin-top: 8px;
    }
    .changeBtnWrap{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 28px 0 22px;
    }
    .changeBtnBoxStyle1,.changeBtnBoxStyle2,.changeBtnBoxStyle3{
        display: flex;
    }
    .changeBtnBoxStyle1 span,.changeBtnBoxStyle2 span,.changeBtnBoxStyle3 span{
        display: flex;
        background-color: #e1eaf8;
        border-radius: 20px;
        padding: 1px 24px;
        width: max-content;
        margin-right: 20px;
        cursor: pointer;
    }
    .changeBtnBoxStyle1 span:hover,.changeBtnBoxStyle2 span:hover,.changeBtnBoxStyle3 span:hover{
        text-decoration: underline;
    }
    .changeBtnBoxStyle1 span.current,.changeBtnBoxStyle2 span.current,.changeBtnBoxStyle3 span.current{
        background-color: #0861e2;
        color: #fff;
    }
    .changeBtnBoxStyle1 span:nth-last-of-type(1),.changeBtnBoxStyle2 span:nth-last-of-type(1),.changeBtnBoxStyle3 span:nth-last-of-type(1){
        margin-right: 0;
    }
    .expertBox,.expert2Box{
        overflow: hidden;
        justify-content: space-between;
    }
    .expertOne,.expert2One{
        width: 380px;
        background-color: #fff;
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 0 10px 0px #f1eeee;
        transform: translateY(0px);
        transition: 0.4s;
        float: left;
    }
    .expertOne{
        margin-right: 30px;
    }
    .expertOne:nth-of-type(3n+3){
        margin-right: 0;
    }
    .expert2One{
        margin-right: 26.6px;
    }
    .expert2One:nth-of-type(4n+4){
        margin-right: 0;
    }
    .expert2One{
        width: 280px;
    }
    .expertOne:hover,.expert2One:hover{
        transform: translateY(-8px);
        transition: 0.8s;
    }
    .expertOne img{
        width: 380px;
        height: 212px;
    }
    .expert2One img{
        width: 280px;
        height: 156px;
    }
    .expertOne p,.expert2One p{
        font-size: 15px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        margin-top: 4px;
    }
    .expertOne b,.expert2One b{
        font-weight: initial;
        background-color: #e6effc;
        color: #0861e2;
        border-radius: 6px;
        font-size: 14px;
        width: 60px;
        display: inline-block;
        text-align: center;
        height: 26px;
        line-height: 26px;
        margin-right: 16px;
        font-size: 13px;
    }
    .expertOne span,.expert2One span{
        color: #999;
        font-size: 14px;
        width: 250px;
        float: right;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        font-size: 13px;
    }
    .expertOne>div,.expert2One>div{
        padding: 0 20px;
    }
    .active2LineBox{
        display: flex;
        align-items: center;
        margin: 10px 0;
    }
    .active2LinkOne img{
        width: 34px;
        height: 34px;
    }
    .active2LinkOne b{
        width: 300px;
        height: 2px;
        border: 1px solid #8d8d8d;
        background-color: #2d2d2d;
        display: inline-block;
        margin: 0 10px;
    }
    .active2LinkWrap{
        display: flex;
        margin: 20px 0;
        font-family: fangsong;
        font-weight: 600;
        font-size: 17px;
    }
    .timesMark{
        line-height: 20px;
    }
    .timesMark>span{
        display: block;
    }
    /* 练习与自测部分 */
    .testWrap{
        display: flex;
        justify-content: space-between;
    }
    .testBox{
        background-color: #fff;
        box-shadow: 0 0 10px 0px #f1eeee;
        border-radius: 8px;
        overflow: hidden;
        padding: 20px;
        display: flex;
        box-sizing: border-box;
        width: 590px;
    }
    .testBox>img{
        margin-right: 20px;
        width: 260px;
        height: 146px;
    }
    .testInfoTitle{
        font-size: 18px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .testInfo{
        color: #999;
        line-height: 26px;
        font-size: 15px;
        height: 49px;
        margin-bottom: 28px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .txWrap{
        display: flex;
    }
    .txWrap span{
        color: #999;
        font-size: 13px;
        margin-left: 24px;
    }
    .txBox{
        display: flex;
    }
    .txBox>p{
        width: 16px;
    }
    .txBox img{
        width: 26px;
        height: 26px;
        border-radius: 50%;
    }
    .enterBtn{
        border: 1px solid #0861e2;
        color: #fff;
        background-color: #0861e2;
        padding: 0 16px;
        border-radius: 20px;
    }
    .enterBtn:hover{
        border: 1px solid #ff942a;
        background-color: #ff942a;
        color: #fff;
    }
    .testOthers{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .activeBox2{
        margin-bottom: 78px;
    }
    /* 活动三 */
    .activeBox3 .textIndent{
        word-break: break-all;
    }
    .studySubBtnBox{
        position: relative;
    }
    .studySubBtnBox input{
        position: absolute;
        right: 0;
        top: 0;
        opacity: 0;
        z-index: 1;
        height: 36px;
        cursor: pointer;
    }
    .studySubBtn,.sureUploadBtn,.toviewShowPages{
        background-color: #ff942a;
        color: #fff;
        width: 110px;
        text-align: center;
        border-radius: 20px;
        margin-left: calc(100% - 110px);
        height: 36px;
        line-height: 36px;
        margin-top: 30px;
        display: block;
        font-size: 16px;
        cursor: pointer;
    }
    .toviewShowPages{
        margin-left: 0;
    }
    .studySubBtn.reSubmit{
        background-color: #c49963;
    }
	.sureUploadBtn{
	    background-color: #337a33;
		margin-top: 12px;
	}
    /* .noneBegin{
        background-color: #ccc!important;
    } */
    .activeMarkInfo{
        display: flex;
        margin-bottom: 40px;
    }
    .codeBox{
        width: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 500px;
    }
    .codeBox img{
        width: 140px;
        height: 140px;
    }
    .codeBox span{
        font-size: 13px;
    }
    .fileName{
        position: absolute;
        right: 122px;
        top: 0;
        line-height: 37px;
        color: #337a33;
        text-decoration: underline;
    }
    .unBeginText{
        color: #ff4919;
        font-size: 13px;
    }
    /* 正在火热进行中 */
    .unBeginText1,.unBeginText2,.unBeginText3{
        color: #ff4919;
    }
    /* 未开启按钮 */
    .unBegin{
        border: 1px solid #ccc;
        color: #fff;
        background-color: #ccc;
		pointer-events: none;
    }
    .unBegin:hover{
        cursor: unset;
        background-color: #ccc;
        border: 1px solid #ccc;
    }
    .noneBeginTip{
        position: absolute;
        top: 70px;
        right: -28px;
        width: 223px;
        color: red;
        font-size: 14px;
        line-height: 20px;
    }
    .welcomeText{
        color: #fde300;
        position: absolute;
        top: 30px;
        right: 200px;
        line-height: 32px;
    }
    .popBox{
        position: fixed;
        bottom: 0;
        right: 0;
        width: 32vw;
    }
    .popBox>img{
        width: 100%;
    }
    .popBox .iconfont{
        position: absolute;
        right: 5%;
        top: 8%;
        font-size: 30px;
        color: #fff;
        padding: 3%;
        cursor: pointer;
    }
    .toviewShowPagesBtn1{
        width: 28%;
        height: 14%;
        background: transparent;
        position: absolute;
        bottom: 27%;
        left: 36%;
        border-radius: 100px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #063edb;
        background-image: linear-gradient(#edf7ff,#e5f3ff,#cfe5fd,#bedafc);
        letter-spacing: 1px;
        box-shadow: 0px 4px 6px #7dacf9;
    }
    .toviewShowPagesBtn1:hover{
        background: #3075fb;
        color: #fff;
    }
    .improvePop{
        width: 26vw;
        height: 20.5vw;
        background: url(../img/index_improvePop.png);
        background-size: 100% 100%;
        position: fixed;
        right: 2vw;
        bottom: 2vw;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding-bottom: 3.8vw;
        box-sizing: border-box;
    }
    .toImproveBtn,.iknowBtn{
        padding: 12px 54px;
        background-image: linear-gradient(90deg,#ffb010, #ffa812, #fd9b16,#ff9218,#fd891c);
        color: #fff;
        border-radius: 100px;
        font-size: 16px;
        letter-spacing: 2px;
        cursor: pointer;
        width: max-content;
        min-width: 21%;
        text-align: center;
    }
    .improvePopWrap .toImproveBtn,.successSavePop .iknowBtn{
        margin: 30px auto;
    }
    .improvePopWrap,.successSavePop{
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3);
    }
    .improvePopBox,.successSaveBox{
        position: fixed;
        top: calc(50vh - 220px);
        left: calc(50vw - 300px);
        width: 600px;
        background-color: #fff;
        border-radius: 14px;
    }
    .improvePopBox>img,.successSaveBox>img{
        width: 100%;
        margin-top: -32px;
    }
    .improvePopBox>i{
        font-size: 30px;
        position: absolute;
        top: 12px;
        right: 20px;
        color: #cbcbcb;
        cursor: pointer;
    }
    .improvePopBox>div{
        margin-left: 8%;
        width: 84%;
        line-height: 30px;
        text-align: justify;
        text-indent: 2em;
        margin-top: -18px;
    }
    .improvePopBox>div p:nth-of-type(1){
        text-indent: 0;
    }
    .inputLine{
        padding: 12px 80px;
    }
    .inputLine>span{
        display: inline-block;
        width: 90px;
    }
    .inputLine>input,.inputLine>textarea{
        height: 36px;
        padding: 0 10px;
        outline: none;
        border: 1px solid #ededed;
        width: calc(100% - 114px);
        color: #333;
    }
    .inputLine>textarea{
        height: 100px;
        line-height: 24px;
        padding: 10px;
        resize: none;
    }
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{   /* 使用webkit内核的浏览器 */
        color: #ccc;
    }
    input:-moz-placeholder,textarea:-moz-placeholder{    /* Firefox版本4-18 */
        color: #ccc;
    }              
    input::-moz-placeholder,textarea::-moz-placeholder{    /* Firefox版本19+ */
        color: #ccc;
    }              
    input:-ms-input-placeholder,textarea:-ms-input-placeholder{   /* IE浏览器 */
        color: #ccc;
    }
    .successSaveIconBox,.successSaveIconBox2{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 20px 20px 50px;
    }
    .successSaveIconBox i,.successSaveIconBox2 i{
        font-size: 100px;
        color: #fd891c;
    }
    .successSaveIconBox span,.successSaveIconBox2 span{
        font-size: 26px;
        line-height: 50px;
        color: #fd891c;
    }
    .improvePopTitleBox{
        height: 88px;
    }
    .improvePopTitleBox img{
        width: 100%;
        position: relative;
        top: -32px;
    }
    .improvePopTitleBox span{
        position: absolute;
        left: 42.4%;
        font-size: 22px;
        color: #fff;
        top: -5px;
        width: 88px;
        text-align: center;
    }
    .improvePopBtnBox{
        width: auto;
        height: auto;
        background: none;
        background-size: 100% 100%;
        position: fixed;
        right: 0;
        bottom: 16.6vw;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        box-sizing: border-box;
        margin-right: 1.8vw;
        padding-bottom: 0;
    }
    .improvePopBtnBox .toImproveBtn{
        padding: 10px 18px;
        background-image: linear-gradient(90deg,#ffb010, #ffa812, #fd9b16,#ff9218,#fd891c);
        color: #fff;
        border-radius: 8px 8px 8px 0;
        font-size: 14px;
        cursor: pointer;
        width: max-content;
        min-width: 25%;
        text-align: center;
        letter-spacing: 1px;
    }
}