@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%; margin:auto;}
body{ font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; color:#333; background-color:#f7f9fc; overflow-x:hidden; background-position:top center; background-repeat:no-repeat; background-size:cover;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none; color:#333;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
@media screen and (min-width:1024px){
html,body{ width:520px; overflow-x:hidden; background-size:520px auto;}
}

/*登录*/
.login{ width:100%; height:100%; z-index:9; position:relative; display:flex; flex-direction:column;}
.login .loginbg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(54, 57, 60, .2); backdrop-filter:blur(8px);}
.login .box{ width:90%; padding:0 5%; position:relative; flex:1; z-index:3; display:flex; flex-direction:column; justify-content:center;}
.login .box .w01{ width:100%;}
.login .box .w01 img{ max-height:160px; display:block; margin:auto;}
.login .box .w02{ width:100%; text-align:center; font-size:30px; line-height:40px; color:#fff; margin-top:5vh;}
.login .box01{ width:90%; padding:10vh 5%; padding-top:0; z-index:3;}
.login .box01 .w01{ margin-bottom:3vh; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:15px; position:relative;}
.login .box01 .w01.mar{ margin-bottom:5vh;}
.login .box01 .w01 b{ width:50px; height:20px; float:left; display:block;}
.login .box01 .w01 b img{ display:block; height:20px; margin:auto;}
.login .box01 .w01 input{ width:calc(100% - 50px); display:block; background-color:transparent; box-sizing:border-box; display:block; overflow:hidden; font-size:16px; height:20px; line-height:20px; float:left; color:#fff;}
.login .box01 .w01 input::-webkit-input-placeholder{ color:#eee;} 
.login .box01 .w01 input:-moz-placeholder{ color:#eee;} 
.login .box01 .w01 input::-moz-placeholder{ color:#eee;} 
.login .box01 .w01 input:-ms-input-placeholder{ color:#eee;} 
.login .box01 .w01 input{ -webkit-appearance:none; color:#fff;}
.login .box01 .w03{ width:100%; margin-bottom:3vh;}
.login .box01 .w03 a,.login .w03 input{ width:100%; height:50px; line-height:50px; display:block; text-align:center; font-size:16px; background:linear-gradient(to right,#1032c1,#2a73fd); color:#fff; overflow:hidden; border-radius:5px;}
.login .box01 .w03 a:hover,.login .box01 .w03 input:hover{ background:linear-gradient(to right,#2a73fd,#2a73fd);}
.login .box01 .w04{ width:100%; margin-bottom:3vh;}
.login .box01 .w04 a{ width:100%; height:50px; line-height:50px; display:block; text-align:center; font-size:16px; background:linear-gradient(to right,#ff4809,#f7ab40); color:#fff; overflow:hidden; border-radius:5px;}
.login .box01 .w04 a:hover{ background:linear-gradient(to right,#f7ab40,#f7ab40);}
.login .box01 .w05{ text-align:center; font-size:14px; line-height:24px; color:#fff;}
.login .box01 .w05 a{ color:#fff;}

/*注册*/
.login .box .w03{ width:100%; text-align:center; font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.login .box01 .w01 a{ width:100px; height:30px; position:absolute; right:0; top:0; display:block; overflow:hidden;}
.login .box01 .w01 a img{ width:100% !important; height:30px !important; display:block;}

/*赛事列表*/
.ss{ width:100%; display:block; position:relative; z-index:9;}
.ss li{ width:100%; margin-top:3vh; border-radius:10px; background-color:#fff; display:block; box-sizing:border-box; overflow:hidden; padding:15px;}
.ss li .tu{ width:46.67%; height:120px; border-radius:10px; float:left; position:relative;}
.ss li .tu img{ width:100%; height:120px; display:block; object-fit:cover;}
.ss li .tu span{ display:block; padding:0 10px; height:30px; line-height:30px; color:#fff; font-size:12px; position:absolute; right:0; top:0; border-bottom-left-radius:10px; overflow:hidden;}
.ss li .wen{ width:calc(53.33% - 15px); float:right; height:120px; position:relative;}
.ss li .wen b{ width:100%; font-size:16px; line-height:26px; height:52px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.ss li .wen b:hover{ color:#2a73fd;}
.ss li .wen p{ display:block; font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.ss li .wen span{ width:30px; height:30px; position:absolute; right:0; bottom:0; border-radius:100%; background-color:#f0f7ff; display:block; overflow:hidden;}
.ss li .wen span img{ display:block; height:16px; margin:7px auto;}
.ss li .wen span img.img02{ display:none;}
.ss li .wen span:hover{ background:linear-gradient(to right,#1032c1,#2a73fd);}
.ss li .wen span:hover img.img01{ display:none;}
.ss li .wen span:hover img.img02{ display:block;}

/*赛事详情*/
.tj .box01{ width:100%; margin-top:3vh; flex:1; overflow:auto; position:relative; z-index:3;}
.tj .cont{ width:100%; background-color:#fff; border-radius:5px; padding:3vh 5%; box-sizing:border-box; position:relative; z-index:3;}
.tj .cont .biao{ width:100%; text-align:center; position:relative;}
.tj .cont .biao a{ font-size:22px; line-height:30px; height:30px; display:block; position:relative; z-index:3; color:#333; font-weight:500;}
.tj .cont .biao span{ width:80px; height:6px; border-radius:6px; position:absolute; left:50%; margin-left:-40px; bottom:2px; z-index:1; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff);}
.tj .cont .time{ text-align:center; font-size:14px; line-height:24px; margin-top:20px;}
.tj .tab_menu{ width:100%; display:block; margin-top:15px;}
.tj .tab_menu li{ display:block; padding:0 15px; margin-right:6px; float:left; border-radius:5px; overflow:hidden; background-color:#fff; font-size:14px; height:34px; line-height:34px; cursor:pointer;}
.tj .tab_menu li.on{ color:#2a73fd; height:40px; line-height:40px; border-bottom-left-radius:0; border-bottom-right-radius:0;}
.tj .tab{ width:100%;}
.tj .tab .tabox{ height:100%; box-sizing:border-box; width:100%; background-color:#fff; padding:15px; font-size:14px; line-height:24px; border-radius:5px;}
.tj .tab .tabox:first-child{ border-top-left-radius:0;}
.tj .tab img{ max-width:100%; height:auto !important;}
.tj .anniu{ width:100%; display:flex; margin-top:10px; flex-wrap:wrap; justify-content:center;}
.tj .anniu a{ padding:0 15px; height:36px; line-height:36px; display:block; text-align:center; font-size:14px; background:#2a73fd; color:#fff; overflow:hidden; border-radius:5px; margin:10px 5px; margin-bottom:0;}
.tj .anniu a:nth-child(2){ background-color:#1e53ff;}
.tj .anniu a:nth-child(3){ background-color:#1e88ff;}
.tj .anniu a:hover{ background-color:#f7ab40;}

/*提交信息*/
.tj{ width:100%; padding:5vh 5%; height:calc(100vh - 60px); box-sizing:border-box; display:flex; flex-direction:column; background-position:top center; background-repeat:no-repeat; background-size:cover; position:relative;}
.tj .bt{ font-size:30px; line-height:40px; color:#fff; font-weight:bold;}
.tj .bt01{ font-size:20px; line-height:30px; color:#fff; margin-top:5px;}
.tj .bt02{ font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.tj .bg{ height:120px; position:absolute; right:5%; top:5vh; z-index:1;}
.tj .bg img{ display:block; max-width:120px; height:120px;}
.tj .box{ width:100%; margin-top:3vh; padding-bottom:3vh; background-color:#fff; flex:1; border-radius:5px; overflow:auto; padding:3vh 5%; box-sizing:border-box; position:relative; z-index:3;}
.tj .box .biao{ width:100%; text-align:center; position:relative;}
.tj .box .biao a{ font-size:22px; line-height:30px; height:30px; display:block; position:relative; z-index:3; color:#333; font-weight:500;}
.tj .box .biao span{ width:80px; height:6px; border-radius:6px; position:absolute; left:50%; margin-left:-40px; bottom:2px; z-index:1; overflow:hidden; background:linear-gradient(to right,#1e53ff,#1e88ff);}
.tj .box .pic{ width:100%;}
.tj .box .pic li{ width:48%; float:left; display:block;}
.tj .box .pic li:last-child{ margin-left:4%;}
.tj .box .pic li .w01{ width:100%; position:relative; margin-top:25px;}
.tj .box .pic li .w01 img{ width:100%; display:block;}
.tj .box .pic li .w01 input{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.tj .box .pic li .w02{ text-align:center; text-align:center; font-size:14px; line-height:30px; height:30px; background-color:#f0f7ff;}
.moxie-shim{ width:100% !important; height:calc(100% + 30px) !important;}
.tj .box .pic li #idcard_img_front img{ height:115px !important;}
.tj .box .pic li #idcard_img_back img{ height:115px !important;}
.tj .box .w03{ margin-top:20px;}
.tj .box .w03 .left{ font-size:14px; line-height:24px;}
.jd{ width:100%; margin-top:10px; border-radius:10px; position:relative; overflow:hidden; background-color:#f0f7ff;}
.jd>div{ height:100%; height:10px;}

.tj .box .w03 .right{ width:100%; padding:0 15px; border-radius:5px; background-color:#f0f7ff; box-sizing:border-box; margin-top:5px;}
.tj .box .w03 .right input{ width:100%; font-size:14px; line-height:40px; height:40px; background-color:transparent;}
.tj .box .w03 .right select{ width:100%; font-size:14px; line-height:40px; height:40px; background-color:transparent; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat;}

.tj .box .w03 .right01{ width:100%; margin-top:5px;}
.tj .box .w03 .right01 select{ width:31.33%; margin-left:3%; font-size:14px; line-height:40px; height:40px; display:block; overflow:hidden; padding:0 15px; border-radius:5px; background-color:#f0f7ff; box-sizing:border-box; background-image:url(../images/sel01.png); background-position:right 15px center; background-repeat:no-repeat; float:left;}
.tj .box .w03 .right01 select:nth-child(3n+1){ clear:left; float:left; margin-left:0;}

.tj .box .w03 .right02{ width:100%; margin-top:5px;}
.tj .box .w03 .right02 select{ width:48.5%; margin-left:3%; font-size:14px; line-height:40px; height:40px; display:block; overflow:hidden; padding:0 15px; border-radius:5px; background-color:#f0f7ff; box-sizing:border-box; background-image:url(../images/sel01.png); background-position:right 15px center; background-repeat:no-repeat; float:left;}
.tj .box .w03 .right02 select:nth-child(2n+1){ clear:left; float:left; margin-left:0;}

.tj .box .w03 .right03{ margin-top:5px; position:relative; width:180px;}
.tj .box .w03 .right03 img{ width:100%; height:115px !important; display:block;}
.tj .box .w03 .file{ width:180px; text-align:center; font-size:14px; line-height:30px; height:30px; background-color:#f0f7ff;}
.tj .box .w03 .right03 input{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.jd01{ width:180px; margin-top:10px; border-radius:10px; position:relative; overflow:hidden; background-color:#f0f7ff;}
.jd01>div{ height:100%; height:10px;}

.fs-wrap{ width:100%; position:relative; margin-top:5px;}
.fs-label-wrap{ background-color:#f0f7ff; overflow:hidden; border-radius:5px; position:relative; padding-left:15px; padding-right:40px;}
.fs-label-wrap .fs-label{ width:100%; font-size:14px; line-height:40px; height:40px;}
.fs-label-wrap .fs-arrow{ width:10px; height:40px; background-image:url(../images/sel01.png); background-position:right center; background-repeat:no-repeat; position:absolute; right:15px; top:0;}
.hidden{ display:none !important;}
.fs-dropdown{ width:100%; background-color:#fff; border-radius:5px; position:absolute; left:0; top:42px; display:block; box-shadow:0 0 10px rgba(0,0,0,.1); padding:15px; box-sizing:border-box; max-height:150px; overflow:auto;}
.fs-search{ display:flex; font-size:14px; height:34px; background-color:#f0f7ff; border-radius:5px; padding:0 10px;}
.fs-search input{ flex:1; font-size:14px; line-height:34px; height:34px; display:block; overflow:hidden; background-color:transparent;}
.fs-search .fs-selectAll{ font-size:14px; line-height:34px; height:34px; color:#666; margin-left:10px;}
.fs-options{ width:100%;}
.fs-options .fs-option{ margin-top:15px; font-size:14px; line-height:34px; height:34px; background-color:#f0f7ff; border-radius:5px; padding:0 10px;}
.fs-options .fs-option.selected{ background-color:#2a73fd; color:#fff;}
.fs-options .fs-option.selected .fs-checkbox{ float:right; height:34px; width:14px; display:block; background-image:url(../images/dui.png); background-position:center; background-repeat:no-repeat;}

.tj .box .w03 .right02{ width:100%; border-radius:5px; background-color:#f0f7ff; box-sizing:border-box; margin-top:5px;}
.tj .box .w03 .right02 textarea{ width:100%; font-size:14px; line-height:24px; display:block; font-family:inherit; height:100px; background-color:transparent; padding:8px 15px;  box-sizing:border-box;}
.tj .box .sub{ margin-top:3vh; padding-bottom:10px;}
.tj .box .sub input{ width:100%; height:40px; line-height:40px; display:block; text-align:center; font-size:14px; background:linear-gradient(to right,#1032c1,#2a73fd); color:#fff; overflow:hidden; border-radius:40px;}
.tj .box .sub a{ width:100%; height:40px; line-height:40px; display:block; text-align:center; font-size:14px; background:linear-gradient(to right,#ff4809,#f7ab40); color:#fff; overflow:hidden; border-radius:40px; margin-top:1vh;}

.load{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,.5); z-index:99999;}
.load img{ display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.footer{ width:100%; max-width:520px; height:60px; background-color:#fff; z-index:99; position:fixed; left:50%; transform:translateX(-50%); bottom:0;}
.footer a{ width:20%; display:block; float:left; text-align:center; position:relative;}
.footer a .w01{ height:20px; padding-top:10px;}
.footer a .w01 img{ display:block; height:20px; margin:auto;}
.footer a.on .w01{ opacity:0;}
.footer a .w02{ width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; top:-20px; z-index:1; background-color:#fff; border-radius:100%; opacity:0;}
.footer a .w02 b{ width:40px; height:40px; border-radius:100%; display:block; margin:10px; overflow:hidden; box-shadow:0 0 10px rgba(30,83,255,.3);
background:linear-gradient(to bottom,#1032c1,#2a73fd);}
.footer a .w02 b img{ height:20px; display:block; margin:10px auto;}
.footer a.on .w02{ opacity:1;}
.footer a .w03{ height:22px; line-height:22px; font-size:12px; padding-top:3px; position:relative; z-index:3;}
.footer a.on .w03{ color:#2a73fd;}

/*记录*/
.cj01{ width:100%; margin-top:25px;}
.cj01 dt{ display:block; overflow:hidden; margin-left:-15px; margin-top:-10px;}
.cj01 dt a{ padding:0 15px; height:36px; line-height:36px; display:block; text-align:center; font-size:14px; background:#2a73fd; color:#fff; overflow:hidden; border-radius:5px; float:left; margin-left:15px; margin-top:10px;}
.cj01 dt a:nth-child(2){ background-color:#1e53ff;}
.cj01 dt a:nth-child(3){ background-color:#1e88ff;}
.cj01 dt a:hover{ background-color:#f7ab40;}
.cj01 dd{ display:block; overflow:hidden; margin-top:15px;}
.cj01 dd p{ width:100%; padding:0 15px; border-radius:5px; background-color:#f0f7ff; box-sizing:border-box;}
.cj01 dd p input{ width:100%; font-size:14px; line-height:36px; height:36px; background-color:transparent;}
.cj01 dd a{ display:block; overflow:hidden; width:100%;}
.cj01 dd a input{ padding:0 15px; height:36px; line-height:36px; display:block; text-align:center; font-size:14px; background:#2a73fd; color:#fff; overflow:hidden; border-radius:5px; float:left; margin-top:10px;}
.cj01 dt a input:hover{ background-color:#f7ab40;}

.tj .box .table{ width:100%; overflow:auto; margin-top:25px;}
.tj .box .table table{ width:840px; border-collapse:collapse; border:1px solid #eee; font-size:14px; line-height:20px;}
.tj .box .table th{ background-color:#f8faff; font-weight:normal;}
.tj .box .table th,.tj .box .table td{ padding:5px; border:1px solid #eee; min-width:30px; text-align:center;}
.tj .box .table td a{ margin:0 2px; display:inline-block;}

.fanye{ width:100%; text-align:center; padding-top:14px;}
.fanye li{ margin:0 3px; display:inline-block; margin-top:6px;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#2a73fd;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#2a73fd;}

/*首页*/
.hui{ width:90%; padding:5vh 5%;}
.hui .w01{ width:100%; font-size:26px; line-height:36px; height:36px; font-weight:bold;}
.hui .w01 img{ display:block; height:30px; margin-right:10px; margin-top:4px; float:left;}
.hui .w02{ width:100%; font-size:16px; line-height:26px; margin-top:5px; display:none;}
.hui .w03{ width:100%; margin-top:3vh;}
.hui .w03 a{ width:48%; padding:15px; box-sizing:border-box; float:left; display:block; background-size:cover; text-align:center; border-radius:10px;}
.hui .w03 a:last-child{ margin-left:4%;}
.hui .w03 a b{ font-size:18px; line-height:28px; display:block; color:#fff; padding-top:5px;}
.hui .w03 a p{ font-size:14px; line-height:24px; display:block; color:#fff;}
.hui .w03 a img{ display:block; height:70px; margin:10px auto;}
.hui .w04{ border:1px solid #fff; border-radius:10px; overflow:hidden; background-color:#fff; margin-top:3vh;}
.hui .w04 .bt{ padding:0 15px; background:linear-gradient(to bottom,#d7ecfe,#fff); position:relative;}
.hui .w04 .bt b{ display:block; font-size:20px; font-weight:bold; line-height:60px; color:#333; position:relative; z-index:3;}
.hui .w04 .bt strong{ display:block; font-size:40px; font-weight:bold; line-height:1; color:#fff; text-transform:uppercase; position:absolute; right:0; top:-10px; opacity:.5; z-index:3;}
.hui .w04 .list{ padding:0 15px;}
.hui .w04 .list a{ display:block; width:100%; padding:10px 15px; border-radius:10px; background-color:#f0f7ff; box-sizing:border-box; margin-bottom:15px; overflow:hidden; font-weight:bold;}
.hui .w04 .list a strong{ width:36px; height:36px; display:block; float:left; border-radius:100%; background-color:#fff; overflow:hidden;}
.hui .w04 .list a strong img{ display:block; height:16px; margin:10px auto;}
.hui .w04 .list a p{ display:block; margin-left:10px; float:left; font-size:16px; line-height:36px;}
.hui .w04 .list a span{ padding:0 15px; height:26px; line-height:26px; margin:5px 0; float:right; background-color:#fff; color:#2a73fd; border-radius:30px; font-size:12px;}
.hui .w05{ margin-top:3vh;}
.hui .w05 a{ width:100%; height:50px; line-height:50px; display:block; text-align:center; font-size:16px; background:linear-gradient(to right,#1032c1,#2a73fd); color:#fff; overflow:hidden; border-radius:40px;}

.hui01{ width:100%; overflow:auto; position:relative; z-index:3;}
.hui01 .w03{ width:100%; margin-top:3vh;}
.hui01 .w03 a{ width:48%; padding:15px; box-sizing:border-box; float:left; display:block; background-size:cover; text-align:center; border-radius:10px;}
.hui01 .w03 a:last-child{ margin-left:4%;}
.hui01 .w03 a b{ font-size:18px; line-height:28px; display:block; color:#fff; padding-top:5px;}
.hui01 .w03 a p{ font-size:14px; line-height:24px; display:block; color:#fff;}
.hui01 .w03 a img{ display:block; height:70px; margin:10px auto;}
.hui01 .w04{ border:1px solid #fff; border-radius:10px; overflow:hidden; background-color:#fff; margin-top:3vh;}
.hui01 .w04 .bt{ padding:0 15px; background:linear-gradient(to bottom,#d7ecfe,#fff); position:relative;}
.hui01 .w04 .bt b{ display:block; font-size:20px; font-weight:bold; line-height:60px; color:#333; position:relative; z-index:3;}
.hui01 .w04 .bt strong{ display:block; font-size:40px; font-weight:bold; line-height:1; color:#fff; text-transform:uppercase; position:absolute; right:0; top:-10px; opacity:.5; z-index:3;}
.hui01 .w04 .list{ padding:0 15px;}
.hui01 .w04 .list a{ display:block; width:100%; padding:10px 15px; border-radius:10px; background-color:#f0f7ff; box-sizing:border-box; margin-bottom:15px; overflow:hidden; font-weight:bold;}
.hui01 .w04 .list a strong{ width:36px; height:36px; display:block; float:left; border-radius:100%; background-color:#fff; overflow:hidden;}
.hui01 .w04 .list a strong img{ display:block; height:16px; margin:10px auto;}
.hui01 .w04 .list a p{ display:block; margin-left:10px; float:left; font-size:16px; line-height:36px;}
.hui01 .w04 .list a span{ padding:0 15px; height:26px; line-height:26px; margin:5px 0; float:right; background-color:#fff; color:#2a73fd; border-radius:30px; font-size:12px;}
.hui01 .w05{ margin-top:3vh;}
.hui01 .w05 a{ width:100%; height:50px; line-height:50px; display:block; text-align:center; font-size:16px; background:linear-gradient(to right,#1032c1,#2a73fd); color:#fff; overflow:hidden; border-radius:40px;}