@font-face {
	font-family: HelveticaNowDisplay;
	src: url("./../fonts/HelveticaNowDisplay.otf");
}

@font-face {
	font-family: "方正兰亭黑_GBK";
	src: url("./../fonts/方正兰亭黑_GBK.TTF")
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{
  margin:0;padding:0;border:0;font-weight:400;font-style:inherit;font-size:100%;vertical-align:baseline;text-decoration:none;
}
/* a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;text-decoration:none;font-family: "monotype","Source Han Sans CN","Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","sans-serif"} */
html{line-height:1}
body {background: #FFFFFF;color: #030000;font-family: "HelveticaNowDisplay","方正兰亭黑_GBK","FZYouHJW_509R","Microsoft YaHei","微软雅黑","Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Heiti SC","sans-serif","Arial";}
input,textarea{
	font-family: "HelveticaNowDisplay","方正兰亭黑_GBK","FZYouHJW_509R","Microsoft YaHei","微软雅黑","Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Heiti SC","sans-serif","Arial";
}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
a {color:#030000;text-decoration:none}
a.line{text-decoration:underline}
a:link {}
a:visited {}
a:hover {text-decoration:underline}
a.btn:hover {text-decoration:none}
a:active {}
.nolink,.nolink:hover{text-decoration:none!important;}
a,button,.animation{-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
html{font-size:62.5%}
h1{font-size:190px}
h2{font-size:78px}
h3{font-size:60px}
h4{font-size:45px}
h5{font-size:40px}
h6{font-size:28px}
*{-webkit-tap-highlight-color:transparent;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}
body{
  display: flex;
  align-items: stretch;
  overflow-y: hidden;
}
/* body>div{width:100%;} */
.wrap{
  max-width: 1168px;
}
/* .wrap{
	margin: 0 auto;
	width:980px;
	overflow-x: auto;
  overflow: visible;
  clear:both;
} */
.wrap2{
  /* width:620px; */
  min-width: 520px!important;
  background-color: #fff;
}

.wrap3{
  max-width:750px;
}

._cbg{
  background: -webkit-linear-gradient(left, #c76cd7,#7c48c3,#3224ae); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #c76cd7,#7c48c3,#3224ae); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #c76cd7,#7c48c3,#3224ae); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #c76cd7,#7c48c3,#3224ae); /* 标准的语法 */
}

._cbg2{
  background: -webkit-radial-gradient(#CCCCCC, #FFFFFF); /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(#CCCCCC, #FFFFFF); /* Opera 11.6 - 12.0 */
  background: -moz-radial-gradient(#CCCCCC, #FFFFFF); /* Firefox 3.6 - 15 */
  background: radial-gradient(#CCCCCC, #FFFFFF); /* 标准的语法 */
}
.hide{
  display: none;
}
.fl{float:left}
.fr{float:right}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tj{text-align:justify}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pt60{padding-top:60px}
.mb20{margin-bottom:20px}
.mb40{margin-bottom:40px}
.mb60{margin-bottom:60px}
.mb120{margin-bottom:120px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt90{margin-top:90px}
.ml10{margin-left:10px;}
.ml50{margin-left:50px;}
.pb0{padding-bottom:0!important;}
.mb0{margin-bottom:0!important;}
.pd30{padding:30px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}

.empty_list{text-align: center; font-size:14px; color:rgba(51, 51, 51, .5);padding:40px 0 40px; }
.divider{ 
  font-size: 14px;
  line-height: 1.5;
  color: #030000;
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  background: #030000;   
  margin: 0 8px;
  display: inline-block;
  height: .9em;
  width: 1px;
  vertical-align: middle;
  position: relative;
  top: -.06em;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

/* 头部 */
#header{
  width:250px;flex-shrink: 0;color:#030000;padding-left:30px;padding-top:20px;
}
#header .logo{font-size:0px;height: 90px;display: inline-block;}
#header .logo img{max-height: 100%;}
#header .content{padding-top:50px;position: absolute; bottom:0; top:110px}
#header .nav{width:194px;}
#header .nav.a31{width:214px;}

#header .nav > a {display: block;font-size:28px;line-height: 30px;margin-bottom: 15px;position: relative;}
#header .nav > a:not(.long).active{margin-left:20px;}
#header .nav > a.active::after{
  content:"";
  position: absolute;
  top: 8px;margin-left:6px;
  /* right: -20px; */
  display: inline-block;
  width:40px;height:20px;
  align-items: center;
  align-content: center;
  justify-items: center;
  background:url("./../images/arrow.png?v=1.1") no-repeat center center / 100%;
}
#header .nav.isjudge{
  width:190px;
}
#header .nav.isjudge > a{
  font-size: 28px;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
}

#header .nav.isjudge > a.active::after{
  margin-left: 4px;
  width: 36px;
  height: 18px;
}
body.isjudge #main.hasLeft #right_info{
  left: 270px;
}
body.isjudge #right_info a{
  position: relative;
}
body.isjudge #right_info a::after{
  margin-left: 4px;
  width: 36px;
  height: 18px;
  position: absolute;
  top: 12px;
}

#header .user {
  position: relative;
}

#header .content .user a, a.login_btn,a.lang_box, .action_btn{
  border:2px solid #030000;border-radius: 20px;
  color:#030000;font-size:20px;
  padding: 6px 16px;display: inline-block;
  min-width: 90px;
  text-align: center;
  line-height: 1;
  text-decoration:none!important;
}
.btn_hover{
  position: relative;
  overflow: hidden;
}
.btn_hover:hover{
  color:#FFF!important;
  background-color:#030000!important;
}
/* .btn_hover:hover::after{
  content:"";
  position: absolute;top:0;left:0;right:0;bottom:0;background-color: rgba(255,255,255, .2);
} */
#header .content .user a:hover,a.login_btn:hover{background-color: #FFFFFF;color:#030000;}
a.login_btn.active{background-color: #030000;color:#FFFFFF;}
#header .nav{z-index:2;position: absolute;}
#header .nav_bottom{
  position: absolute;
  bottom:20px;
  z-index: 1;
}
#lang {
  padding:5px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px;
  /* right:0; */
  z-index:999;
  font-size:20px;
}
#header .lang a.lang_box{
  position: relative;
  /* display: flex; */
  justify-content: center;
  align-content: center;
  align-items: stretch;
}
#header .lang_box .arrow{
  width:20px;
  margin-left:18px;
  position: relative;
}
#header .lang_box .arrow::after,
#header .lang_box .arrow::before{
  content:"";
  height:2px;
  width:12px;
  position: absolute;
  background-color: #030000;
  right:0;top:8px;
}
#header .lang_box:hover .arrow::after,
#header .lang_box:hover .arrow::before{
  
  background-color: #fff!important;
}
#header .lang_box .arrow::before{
  margin-right:8px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); 	/* IE 9 */
  -moz-transform:rotate(45deg); 	/* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 	/* Opera */
}
#header .lang_box .arrow::after{
  transform:rotate(135deg);
  -ms-transform:rotate(135deg); 	/* IE 9 */
  -moz-transform:rotate(135deg); 	/* Firefox */
  -webkit-transform:rotate(135deg); /* Safari 和 Chrome */
  -o-transform:rotate(135deg); 	/* Opera */
}


#main{
  min-height: 400px;width:100%;
  height:100vh;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 30px;
  /* padding-left:30px; */
}
#main > .wrap,
#main > .wrap2{min-height: 300px;min-width:470px;}
/* #main > .wrap2{min-height: 300px;min-width:520px;} */
#main img{max-width: 100%;}
#main::before,
#right_info::before
{
  content:"";
  margin-top:160px;
  display: block;
}
#main.nopt::before{
  display: none;
}
#right_info{
  display: none;
  font-size: 28px;
  line-height: 1.2;
  width:264px;
  /* width:250px; */
  /* padding-right:20px; */
  padding-bottom:100px;
}
#right_info .tr{
  text-align: right;
}

#right_info a{
  display: block;
  line-height: 45px;
}
#right_info >p{
	line-height: 45px;
}
#right_info a.active{padding-left:20px;position: relative;display:flex;}
/* #right_info a.active::after{
  content:"";
  display: inline-block;
  width:40px;height:18px;
  align-items: center;
  align-content: center;
  justify-items: center;
  background:url("./../images/arrow.png?v=1.1") no-repeat center center / 100%;
} */
#right_info a.active::after{
  content:">>";
  display: block;
  width:40px;height:36px;
	line-height:36px;
	text-align: right;
  align-items: center;
  align-content: center;
  justify-items: center;
	margin-top:4px;
}
body.EN #right_info a.active::after{
	/* margin-top:-2px; */
}
#right_info a.active.long{
  padding-left:0px;
}
#right_info a.active.long::after{
  display:block;text-align: right;
}
#main.hasLeft{
  padding-left:290px;
  position: relative;
  z-index:2;
}

body.body_member_public_forget_password_ #main.hasLeft,
body.body_member_login_ #main.hasLeft,
body.body_member_register_ #main.hasLeft{
	padding-left:300px;
}
#main.hasLeft #right_info{
  display: block;
  position: fixed;
  left:250px;top:0;
  /* max-width: 250px; */
  max-width: 264px;
  height:100vh;
  overflow-x: auto;
  z-index:3;
}

body.body_content_lists_31 #main.hasLeft #right_info,body.body_content_lists_32 #main.hasLeft #right_info{
  left:314px;
}
body.body_content_lists_31 #main.hasLeft,body.body_content_lists_32 #main.hasLeft{
	padding-left:334px;
}
#header .msg_box{
  display: none;
  position: absolute;
  /* top:50px; */
  top:30px;
  left:121px;
  color:#313131;
  background-color: #fff;
  border:1px solid #030000;
  border-radius: 5px;
  line-height: 1;
  word-wrap: normal;
  padding:5px 10px;
  font-size:14px;
  cursor: pointer;
  white-space : nowrap;
}
#header .msg_box.show{
  display: block;
}

/* #header {height:84px;}
#header .wrap{display: flex;justify-content: space-between;align-items:center;color:#FFFFFF;height:100%;}

#header .content{display: flex;font-size:16px;align-items: center;}
#header a, a.login_btn{color:#FFFFFF;margin-right:70px;font-size:16px;}
#header .content .user a, a.login_btn{
  border:3px solid #FFFFFF;border-radius: 20px;color:#FFFFFF;
  padding:8px 40px;display: block;
}
#header .content .user a:hover,a.login_btn:hover{background-color: #FFFFFF;color:#030000;}

#header .content .lang{width:120px;text-align: center}

#header .lang {
  position: relative;
  line-height: 2;
}
#header .lang_box{
  width:80px;
  border-radius: 4px;
  background-color: #fff;
  color:rgba(51,51,51,.5);
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-right:40px;
  z-index:1;cursor: pointer;
}
#header .lang_box .arrow{
  position: absolute;
  border-radius: 4px;
  right:0px;background-color:#000;
  width:40px;height:100%;
  top:0;
}
#header .lang .menu{
  position: absolute;bottom:-80px;
  background-color: #fff;
  z-index:2;
  width:40px;top:26px;color:#030000;
  border-radius: 4px;
  overflow: hidden;
  padding-top:5px;
}
#header .lang .menu > div{
  cursor: pointer;
}
#header .lang .menu > div:hover{
  background: #d3d3d3;
}

#header .msg_box{
  display: none;
  position: absolute;
  top:70px;margin-left:-100px;
  color:#313131;
  background-color: #fff;
  border:2px solid #DADADA;
  width:150px;line-height: 1;
  padding:10px;
  font-size:14px;
  cursor: pointer;
}
#header .msg_box.show{
  display: block;
} */

/* 底部 */

#footer{display:none;height:98px;border-top:1px solid rgba(255,255,255,.1);text-align: center;position: relative;}
#footer .links{display: flex;justify-content: center;margin-top:18px;}
#footer .links .icon{justify-content: center;width:46px;height:40px;display: inline-block;}

#footer .links .icon_weibo_b{
  background: url('/statics/images/icon_b_weibo.png');
}

#footer .links .icon_be_b{
  background: url('/statics/images/icon_b_be.png');
}

#footer .links .icon_f_b{
  background: url('/statics/images/icon_b_f.png');
}

#footer .links .icon_wechat_b{
  background: url('/statics/images/icon_b_wechat.png');
}

#footer .copyright{color:rgba(255,255,255,.5);line-height: 2;}

#footer .QRbox{
  position: absolute;bottom:85px;left:50%;margin-left:-280px;
	-webkit-box-shadow:0 0 5px #000;  
  -moz-box-shadow:0 0 5px #000;  
	box-shadow:0 0 5px #000;
  z-index:999;
  display: none;
}
#footer .QRbox.show{
  display: block;
}
#footer .QRbox::after{
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  bottom: -20px;
  margin-left: -38px;
}



/* 表单(注册) */
#main .form_box .input{margin-top:15px;position: relative;}
#main .form_box .input label{
  display: block;
  line-height: 2.5;
  display: flex;
  align-items: center;
  position: relative;
  font-size:16px;
}
#main .form_box .input label span{
  color:#888;
}
#main .form_box label {
  cursor: pointer;
}
#main .form_box .input input
,#main .form_box .input textarea{
  border:4px solid #dadada;
  border-radius: 4px;
  line-height: 44px;
  background: #fff;
  padding:0 12px;
  width:100%;
  outline:none;
  font-size:16px;
}
#main .form_box .input textarea{
  min-height: 82px;
  resize:none;
}
#main .form_box .input input.error
,#main .form_box .input textarea.error{
  /* border-color:#f564fe; */
  border-color:#ffc300;
}
#main .form_box .input input#form_code{width:270px;}
#code_img{
  vertical-align: middle;
  margin-left:10px;
  border-radius: 4px;
  margin-bottom:2px;
}



#main .form_box .input label input[type='checkbox'],
#main .form_box .input label input[type='radio']{
  display: block;
  width:20px;margin-right:10px;
  visibility: hidden;
}
#main .form_box .input label input[type='checkbox']+span.checkbox,
#main .form_box .input label input[type='radio']+span.radio{
  display: block;
  border:3px solid #dadada;
  width:20px;
  height:20px;
  border-radius: 20px;
  position: absolute;
  left: 2px;
  top: 8px;
}
#main .form_box .input label input[type='checkbox']+span.checkbox::after,
#main .form_box .input label input[type='radio']+span.radio::after{
  background-color: transparent;
}

#main .form_box .input label input[type='checkbox']:checked+span.checkbox::after,
#main .form_box .input label input[type='radio']:checked+span.radio::after{
  background-color: #737373;
  display: block;
  margin:2px;
  content:"";
  width:10px;height:10px;border-radius: 10px;
}
#main .form_box .checkbox_content,
#main .form_box .radio_content{
  background-color: #ececeb;
  padding:10px 20px 30px 20px;
}


/* 参赛流程 */
.flow_view{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.flow_view.flow_view2{
  justify-content: flex-start;
}

.flow_view{
  margin-top:30px;
}
.flow_view > div{
  width:12%;
  padding:6%;
  border-radius: 100%;
  flex-shrink: 1;
  border:3px solid #000;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.flow_view.flow_view2 > div{
  border-width:6px;
  width: 14%;
  padding: 7%;
}
.flow_view > div.active{
  background: #000;
  color:#fff;
}
.flow_view > div > div{
  position: absolute;
  top:0;bottom:0;left:0;right:0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:20px;
  line-height: 1.5;
}

.flow_view.flow_view2 > div > div{
  font-size: 24px;
  line-height: 1.2;
}
.flow_view > p{
  width:8%;
  padding:6% 0;
  position: relative;
}
.flow_view.flow_view2 > p{
  width:8%;
}
.flow_view > p::after{
  content:"";
  display: inline-block;
  width:100%;height:14px;
  align-items: center;
  align-content: center;
  justify-items: center;
  background:url("./../images/arrow.png") no-repeat center center / 36px 100%;

}
.flow_view.flow_view2 > p::after{
  background:url("./../images/arrow.png") no-repeat center center / 50px 100%;
}

.flow_view1 > p{
  width:10%;
  padding:6% 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.flow_view1 > p::before{
  content:"";
  height:4px;
  background: #707070;
  width:14px;
  position: absolute;
  right:10%;
  top:50%;
  margin-top:-5px;

  transform:rotate(25deg);
  -ms-transform:rotate(25deg); 	/* IE 9 */
  -moz-transform:rotate(25deg); 	/* Firefox */
  -webkit-transform:rotate(25deg); /* Safari 和 Chrome */
  -o-transform:rotate(25deg); 	/* Opera */

}
.flow_view1 > p::after{
  content:"";
  height:4px;
  background: #707070;
  width:80%;
  display: block;
  
}


.mini{
  font-size:12px;
  /* -webkit-transform : scale(0.84,0.84);
  *font-size:10px; */
}

p.description{
  font-size:14px;
  color:rgba(51, 51, 51, .5);
  line-height: 1.5;
  text-align: justify;
}


/* 弹框提示 */
.alert_bg{
  position: fixed;
  top:0;left:0;right:0;bottom:0;
  background-color: rgba(0, 0, 0, .8);
  z-index:5;
}
.alert_box{
  position: fixed;
  width:660px;
  left:50%;bottom:150px;
  margin-left:-330px;
  background-color: rgba(255,255,255, 1);
  border-radius: 5px;
  padding:30px 60px;
  z-index:6;
  text-align: center;
  line-height: 2;
}
.alert_box.minibox{
  width:400px;
  height:180px;
  left:50%;margin-left:-200px;
  top:50%;margin-top:-90px;
  padding:10px 20px;
  text-align: left;
}
.alert_box.minibox .action_box2{
  margin-top:0px
}
.alert_box.minibox .action_box2 a{
  font-size: 20px;
}
.alert_box.minibox .content p.description{
  font-size:20px;
}

.alert_box .title{
  font-size:22px;
  color:#030000;
}

.alert_box .content p.description{
  font-size:14px;
  color:#030000;
}
.alert_box .content img{
  width:90px;height:90px;
}


/* 全局效果 */

[v-cloak] { 
  display: none!important; 
}
@-webkit-keyframes fadeIn {
  0% {
    margin-left:-2px;
    opacity: 0; /*初始状态 透明度为0*/
  }
  50% {
    margin-left:-5px;
    opacity: .4; /*中间状态 透明度为0*/
  }
  100% {
    opacity: 1; /*结尾状态 透明度为1*/
  }
}

#_main{
  -webkit-animation-name: fadeIn; /*动画名称*/
  -webkit-animation-duration: .3s; /*动画持续时间*/
  -webkit-animation-iteration-count: 1; /*动画次数*/
  -webkit-animation-delay: 0s; /*延迟时间*/
}

.arrow_png{
  display: inline-block;
  width:44px;height:18px;
  align-items: center;
  align-content: center;
  justify-items: center;
  background:url("./../images/arrow.png") no-repeat center center / 100% 100%;
}
.arrow_png.mini{
  width:22px;height:10px;
  margin-bottom: 2px;
}

.arrow_png.bottom{
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); 	/* IE 9 */
  -moz-transform:rotate(90deg); 	/* Firefox */
  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg); 	/* Opera */
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.flex{
  display: flex;
  flex-wrap:nowrap;
  justify-content:flex-start;
}
.flex.wrap{flex-wrap: wrap;}
.flex.direction{flex-direction:column;}
.flex.right{justify-content:flex-end;}
.flex.center{justify-content:center;}
.flex.between{justify-content:space-between;}
.flex.middle{align-items:center;}
.flex.bottom{align-items: flex-end;}
.flex	>.s{flex-shrink: 0;}
.w100{width:100%;}

/* body.EN #right_info a.toparr.active::after{
	right: 46px;
	top: -4px;
} */