@charset "UTF-8";

#contestPopWrap{position: absolute;top: 50%;left: 50%;display: none;width: 760px;margin: 0 0 0 -380px;z-index: 1000;}
#contestPopWrap.ty2{width:808px; margin-left:-404px;}
#contestPopWrap .dimed{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(11, 11, 14, 0.7);}
#contestPopWrap .eventPop{position:relative; z-index:10;}
#contestPopWrap .titWrap{position:relative; padding:32px 32px 32px 48px; display:flex; align-items:flex-start; justify-content:space-between; background:#5547FF; border-radius:16px 16px 0 0;}
#contestPopWrap .titWrap h3{font-size:30px; color:#fff; font-weight:800; line-height:1.2;}
#contestPopWrap .titWrap .btnPopClose{width:25px; height:24px; background:url('/resources/images/classContest/pop_close.png') no-repeat center;}
#contestPopWrap .contWrap{background:#fff; border-radius:0 0 16px 16px;}
#contestPopWrap .input{display:block;}
#contestPopWrap .btn{padding:0 16px; height:52px; font-size:16px; color:#fff; font-weight:600; background:#333; border-radius:var(--form-radius);}
#contestPopWrap input[type=text]{padding:0 16px; width:100%; height:52px; font-size:16px; color:#373B47; font-weight:500; border:1px solid #CCC; border-radius:var(--form-radius);}
#contestPopWrap input[type=text]:focus{border-color:#373B47;}
#contestPopWrap ::placeholder{color:#818288; font-weight:400;}
#contestPopWrap input[type=checkbox],
#contestPopWrap input[type=radio]{display:none;}
#contestPopWrap input[type=checkbox]+label,
#contestPopWrap input[type=radio]+label{position:relative; padding-left:30px; font-size:18px; color:#171717; font-weight:600; line-height:22px; cursor:pointer;}
#contestPopWrap input[type=checkbox]+label:before,
#contestPopWrap input[type=radio]+label:before{content:''; position:absolute; left:0; top:50%; margin-top:-11px; width:22px; height:22px; background:url('/resources/images/classContest/ico_radio.png') no-repeat center top;}
#contestPopWrap input[type=checkbox]:checked+label:before,
#contestPopWrap input[type=radio]:checked+label:before{background-position-y:bottom;}
#contestPopWrap .formMulti{display:flex; gap:16px;}
#contestPopWrap .formMulti.gap8{gap:8px;}
#contestPopWrap .formMulti .input{flex:1;}
#contestPopWrap .formMulti .btn{flex:none;}
#contestPopWrap .popTblWrap{padding:40px 48px 0; display:block;}
#contestPopWrap .popTblWrap.pb40{padding-bottom:40px;}
#contestPopWrap .popTblWrap form{width:100%;}
#contestPopWrap .popTblWrap .tLabel{margin-bottom:10px; font-size:24px; color:#F22B4F; font-weight:800; line-height:1.4;}
#contestPopWrap .popTblWrap .tLabel.ty2{color:#0091E8;}
#contestPopWrap .popTblWrap table{width:100%;}
#contestPopWrap .popTblWrap th{padding:6px 0; font-size:18px; color:#171717; font-weight:600; line-height:52px; text-align:left; vertical-align:top;}
#contestPopWrap .popTblWrap th.txt{line-height:22px;}
#contestPopWrap .popTblWrap td{padding:6px 0; font-size:18px; color:#171717; font-weight:600; line-height:22px;}
#contestPopWrap .popTblWrap .line{margin:32px 0; height:1px; background:rgba(0,0,0,.2);}
#contestPopWrap .popTblWrap .line.my24{margin:24px 0;}
#contestPopWrap .popTblWrap .textareaWrap textarea{padding:16px; display:block; width:100%; height:240px; font-size:16px; color:#373B47; font-weight:500; border:1px solid #CCC; border-radius:var(--form-radius); resize:none;}
#contestPopWrap .popTblWrap .textareaWrap textarea.hei100{height:100px;}
#contestPopWrap .popTblWrap .formInfoTxt{margin-top:12px; font-size:16px;}
#contestPopWrap .popTblWrap .formInfoTxt.red{color:#F2512B;}
#contestPopWrap .title_line{margin-bottom:16px; display:flex; align-items:center; gap:16px;}
#contestPopWrap .title_line span{font-size:20px; color:#000; font-weight:800; line-height:1.4;}
#contestPopWrap .title_line i{position:relative; flex:1; height:8px; border-width:1px 0; border-color:rgba(0,0,0,.2); border-style:solid;}
#contestPopWrap .title_line i:after{content:''; position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); height:1px; background:rgba(0,0,0,.2);}
#contestPopWrap .dlTable{width:100%;}
#contestPopWrap .dlTable dl+dl{margin-top:16px;}
#contestPopWrap .dlTable dt{padding:8px 0; display:flex; align-items:center; gap:8px;}
#contestPopWrap .dlTable dt span{font-size:20px; color:#F2512B; font-weight:800; line-height:1.4;}
#contestPopWrap .dlTable dt p{font-size:18px; color:#171717; font-weight:600; line-height:1.4;}
#contestPopWrap .dlTable dd{margin-top:8px;}
#contestPopWrap .dlTable.ty2 dl+dl{margin-top:24px;}
#contestPopWrap .dlTable.ty2 dt{padding:0; font-size:18px; color:#171717; font-weight:600; line-height:1.4;}
#contestPopWrap .popInfoWrap{margin-top:40px; padding:40px 48px; background:rgba(223, 231, 238, 0.6);}
#contestPopWrap .popInfoWrap .infoTit{display:block; font-size:16px; color:#66666B; font-weight:700; line-height:1.44;}
#contestPopWrap .popInfoWrap .infoList+.infoTit{margin-top:16px;}
#contestPopWrap .popInfoWrap .infoList{margin-top:8px;}
#contestPopWrap .popInfoWrap .infoList li{position:relative; padding-left:20px; font-size:16px; color:#818288; line-height:1.5;}
#contestPopWrap .popInfoWrap .infoList li:before{content:''; position:absolute; left:5px; top:10px; width:4px; height:4px; background:#818288; border-radius:50%;}
#contestPopWrap .popInfoWrap .infoTxt{margin-top:16px; font-size:16px; color:#818288; line-height:1.44;}
#contestPopWrap .agreeForm{padding:24px 48px; display:flex; align-items:center; justify-content:space-between;}
#contestPopWrap .agreeForm p{font-size:16px; color:#171717; font-weight:700; line-height:1.4;}
#contestPopWrap .btnWrap{margin-top:24px; padding-bottom:40px; display:flex; justify-content:center; align-items:center; gap:6px;}
#contestPopWrap .btnWrap.mt32{margin-top:32px;}
#contestPopWrap .btnWrap .btn{padding:0 39px; height:57px; display:inline-flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; border-radius:var(--form-radius); border:1px solid;}
#contestPopWrap .btnWrap .btn.ty1{color:#fff; background:#5547FF; border-color:#5547FF;}
#contestPopWrap .btnWrap .btn.ty2{color:#2E90FA; background:#fff; border-color:#2E90FA;}
#contestPopWrap .btnWrap .btn.ty3{color:#fff; background:#0091E8; border-color:#0091E8;}
#contestPopWrap .btnWrap .btn.ty4{color:#fff; background:#E95E56; border-color:#E95E56;}
#contestPopWrap .btnWrap .btn:disabled{color:rgba(255,255,255,.8); background:#B9B9B9; border-color:#B9B9B9;}

#contestPopWrap .recordPop{}
#contestPopWrap .recordPop .popTblWrap{;}
#contestPopWrap .recordPop.scr{}
#contestPopWrap .recordPop.scr .popTblWrap{padding:40px 0 0;}
#contestPopWrap .recordPop .titWrap{background:#0091E8;}
#contestPopWrap .recordPop .titWrap h3 em{font:inherit; color:inherit;}
#contestPopWrap .recordPop .titWrap h3 span{font:inherit; color:#000;}
#contestPopWrap .recordPop .sub_title{font-size:20px; color:#0091E8; font-weight:600; line-height:1.3;}
#contestPopWrap .recordPop .infoBox{margin-top:16px; padding:32px; background:rgba(223, 231, 238, 0.6);}
#contestPopWrap .recordPop .infoBox p{font-size:17px; color:#000; font-weight:600; line-height:1.44;}
#contestPopWrap .recordPop .infoBox p span{font:inherit; color:#5547FF;}
#contestPopWrap .recordPop .file_info{font-size:16px; color:#676767; line-height:1.44;}
#contestPopWrap .recordPop .file_info span{font:inherit; color:#0091E8; font-weight:700;}
#contestPopWrap .recordPop .url_input{padding-left:42px; background:url('/resources/images/classContest/race/input_url.png') no-repeat left 16px center;}
#contestPopWrap .recordPop .file_input{padding-left:40px; background:url('/resources/images/classContest/race/input_file.png') no-repeat left 16px center;}
#contestPopWrap .recordPop .addInputWrap{}
#contestPopWrap .recordPop .addInputWrap .add_item{margin-bottom:4px; padding:15px; display:flex; align-items:center; justify-content:space-between; gap:16px; border:1px solid #CCC; border-radius:4px; background:#F7F7F7;}
#contestPopWrap .recordPop .addInputWrap .add_item p{flex:1; font-size:16px; color:#373B47; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#contestPopWrap .recordPop .addInputWrap .add_item .ico_delete{flex:none; width:24px; height:24px; background:url('/resources/images/classContest/race/ico_del.png') no-repeat center;}
#contestPopWrap .recordPop .addInputWrap.url .add_item p{padding-left:26px; background:url('/resources/images/classContest/race/input_url.png') no-repeat left center;}
#contestPopWrap .recordPop .addInputWrap.file .add_item p{padding-left:24px; background:url('/resources/images/classContest/race/input_file.png') no-repeat left center;}
#contestPopWrap .recordPop .addInputWrap.file .add_item .ico_delete{width:18px; height:18px; background:url('/resources/images/classContest/race/ico_del2.png') no-repeat center;}
#contestPopWrap .recordPop .btnWrap .btn{gap:11px;}
#contestPopWrap .recordPop .tabMenu{margin:0 48px; display:flex; gap:24px;}
#contestPopWrap .recordPop .tabMenu button{position:relative; padding-bottom:8px; font-size:22px; color:#92949C;font-weight:500; line-height:29px;}
#contestPopWrap .recordPop .tabMenu button.on{color:#15A3F8; font-weight:800;}
#contestPopWrap .recordPop .tabMenu button.on:after{content:''; position:absolute; left:0; right:0; bottom:0; height:3px; background:#15A3F8;}
#contestPopWrap .recordPop .tabCont{display:none;padding:24px 48px 0;height:490px;overflow-y:auto;}
#contestPopWrap .recordPop .tabCont.on{display:block;}
#contestPopWrap .recordPop .record_list li{border:1px solid #CCC; border-radius:8px; overflow:hidden;}
#contestPopWrap .recordPop .record_list li+li{margin-top:8px;}
#contestPopWrap .recordPop .record_list .item_top{display:flex; align-items:center; justify-content:space-between; gap:16px;}
#contestPopWrap .recordPop .record_list .item_top h3{padding:0 24px; display:flex; align-items:center; gap:8px;}
#contestPopWrap .recordPop .record_list .item_top h3 span{font-size:18px; color:#373B47; font-weight:800; line-height:1.4;}
#contestPopWrap .recordPop .record_list .item_top h3 em{padding:0 8px; font-size:14px; color:#fff; font-weight:800; line-height:24px; background:#0091E8; border-radius:4px;}
#contestPopWrap .recordPop .record_list .item_top .btn_edit{width:50px; height:50px; border-left:1px solid #E2E2E2; background:url('/resources/images/classContest/race/ico_edit.png') no-repeat center;}
#contestPopWrap .recordPop .record_list .item_cont{padding:24px; border-top:1px solid #E2E2E2; background:#ECF0F5;}
#contestPopWrap .recordPop .record_list .item_cont p{font-size:16px; color:#373B47; font-weight:500; line-height:1.6; white-space: pre-wrap; word-break: break-all; }
#contestPopWrap .recordPop .record_list .item_cont .urlList{margin-top:16px;}
#contestPopWrap .recordPop .record_list .item_cont .fileList{margin-top:12px;}
#contestPopWrap .recordPop .record_list .item_cont a{display:block; font-size:14px; color:#0091E8; font-weight:500; line-height:18px;}
#contestPopWrap .recordPop .record_list .item_cont a+a{margin-top:4px;}
#contestPopWrap .recordPop .record_list .item_cont .urlList a{padding-left:26px; background:url('/resources/images/classContest/race/input_url.png') no-repeat left center;}
#contestPopWrap .recordPop .record_list .item_cont .fileList a{padding-left:24px; background:url('/resources/images/classContest/race/input_file.png') no-repeat left center;}

.race_info_layer{display:none; position:absolute; left:50%; top:50%; margin:0 0 0 -420px; z-index:1000;}
.race_info_layer:before{content:''; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(11, 11, 14, 0.7);}
.race_info_layer .layer{position:relative; padding:16px; background:#373741; border-radius:16px; z-index:1;}
.race_info_layer .layer_title{padding:0 8px; display:flex; align-items:center; justify-content:space-between;}
.race_info_layer .layer_title h3{font-size:20px; color:#fff; font-weight:700; line-height:1.4;}
.race_info_layer .layer_title .btnPopClose{width:25px; height:24px; background:url('/resources/images/classContest/pop_close.png') no-repeat center;}
.race_info_layer .layer_cont{margin-top:20px; background:#28282F; border-radius:10px; overflow:hidden;}
.race_info_layer .desc_wrap{padding:32px; background:#1E1E20;}
.race_info_layer .desc_wrap dl{display:flex; align-items:flex-start; gap:16px;}
.race_info_layer .desc_wrap dl+dl{margin-top:12px;}
.race_info_layer .desc_wrap dl dt{flex:none;}
.race_info_layer .desc_wrap dl dt .badge{display:block; width:76px; font-size:14px; color:#fff; font-weight:700; text-align:center; line-height:32px; background:#0091E8; border-radius:32px;}
.race_info_layer .desc_wrap dl dt .badge.ty2{background:#F5522F;}
.race_info_layer .desc_wrap dl dd h5{display:block; font-size:20px; color:#fff; font-weight:700; line-height:32px;}
.race_info_layer .desc_wrap dl dd h5.lh28{line-height:28px;}
.race_info_layer .desc_wrap dl dd ul{margin-top:16px;}
.race_info_layer .desc_wrap dl dd ul li{position:relative; padding-left:24px;}
.race_info_layer .desc_wrap dl dd ul li+li{margin-top:8px;}
.race_info_layer .desc_wrap dl dd ul li:before{content:''; position:absolute; left:5px; top:10px; width:5px; height:5px; background:#fff; border-radius:50%;}
.race_info_layer .desc_wrap dl dd ul li p{font-size:18px; color:#fff; font-weight:700; line-height:25px;}
.race_info_layer .desc_wrap dl dd ul li span{font-size:18px; color:#C8CADA; line-height:1.4;}
.race_info_layer .desc_wrap dl dd em{font:inherit; color:#FFEC5C;}
.race_info_layer .info_wrap{padding:24px 32px;}
.race_info_layer .info_wrap h5{font-size:18px; color:#fff; font-weight:700; line-height:1.6;}
.race_info_layer .info_wrap b{margin-top:16px; display:block; font-size:16px; color:#B6B6B6; font-weight:700; line-height:1.44;}
.race_info_layer .info_wrap p{margin-top:8px; font-size:16px; color:#818288; line-height:1.3;}