* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



body {
    font-size: 0.833333vw;
    font-family: SourceHanSansCN-Medium, microsoft yahei, serif;
    /*color: #ffffff;*/
    letter-spacing: 0.15625vw;
}

h2 {
    display: inline-block;
    padding: 0 3.489583vw;
    font-size: 1.927083vw;
	font-weight: 700;
	letter-spacing: 0.208333vw;
}

h3 {
    font-size: 1.875vw;
    letter-spacing: 0px;
    font-weight: 400;
}

h2 span {
    /*color: #ff722c;*/
}

li {
    list-style: none;
}

a {
    color: #ffffff;
    text-decoration: none;
}

img {
    width: 100%;
    vertical-align: middle;
}


.wrapper {
    margin: 0 auto;
    width: 62.5vw;
    text-align: center;
    overflow: hidden;
}



/* 大图 */
.banner {
    position: relative;
    height: 34.270833vw;
    background: url(../images/banner_web.png) no-repeat center 0;
    background-size: cover;
}

.banner .logo {
    position: absolute;
    top: 1vw;
    left: 17vw;
    width: 17vw;
}

.banner .btn {
    position: absolute;
    left: 50%;
    bottom: 15%;
    width: 10.416666vw;
    height: 2.604166vw;
    font-size: 1.25vw;
    color: #fcfcfc;
    text-align: center;
    line-height: 2.604166vw;
    background-color: #ff722c;
    transform: translateX(-50%);
}

/* 导航 */
.banner .nav {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    height: 3.645833vw;
    background-color: rgba(0,0,0,0.5);
    line-height: 3.645833vw;
    z-index: 99;
}

.banner .nav ul {
    display: flex;
    justify-content: space-between;
    padding: 0 4.427083vw;
}

.banner .nav a {
    font-size: 0.9375vw;
}


.banner .nav li:hover a {
    color: #ff722c;
}

/* 内容主体 */
.container {
    background: url(../images/bg-1.jpg) no-repeat center 0;
    background-size: cover;
}

.introduce .hd,
.subject .hd,
.times .hd,
.group .hd,
.signup .hd,
.direction .hd,
.rule .hd,
.submit .hd,
.train .hd,
.contact .hd {
    position: relative;
}

.introduce .hd::after,
.subject .hd::after,
.times .hd::after,
.group .hd::after,
.signup .hd::after,
.direction .hd::after,
.rule .hd::after,
.submit .hd::after,
.train .hd::after,
.contact .hd::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -0.677083vw;
    transform: translateX(-50%);
    width: 15.572916vw;
    height: 3.90625vw;
    background-image: url(../images/hd-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.signup .hd::after,
.direction .hd::after {
    width: 20.833333vw;
    background-size: 100% 100%;
}

.train .hd::after {
    width: 18.75vw;
    background-size: 100% 100%;
}

/* 赛事介绍 */
.introduce {
    padding-top: 5.989583vw;
    text-align: center;
}

.introduce .bd {
    /*width: 620px;*/
    margin: 5.15625vw auto 0;
    font-size: 1.0416666vw;
    line-height: 1.8;
    text-align: left;
    padding: 0 9%;
    text-indent: 2em;
}

/* 参赛对象 */
.subject {
    padding-top: 5.625vw;
}

.subject .bd {
    margin: 3.8541666vw auto 0;
    width: 53.125vw;
}

.subject .bd ul{
    display: flex;
    flex-wrap: wrap;
}

.subject .bd li {
    position: relative;
    margin-right: 1.041666vw;
    width: 25vw;
    height: 12.552083vw;
    overflow: hidden;
}

.subject .bd li img {
    transition: all .5s;
 }

.subject .bd li .txt {
    position: absolute;
    left: 0;
    bottom: 1.041666vw;
    font-size: 1.458333vw;
    z-index: 2;
    transition: all .5s;
}

.subject .bd li .txt p {
    width: 25vw;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
}

.subject .bd .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 25vw;
    height: 12.552083vw;
    background-image: linear-gradient(
        transparent,
        rgba(0,0,0,.7)
    );

    opacity: 0;
    transition: all .5s;
}

.subject .bd li:hover img {
    transform: scale(1.1);
}

.subject .bd li:hover .txt {
    transform: translateY(-4.166666vw);
}

.subject .bd li:hover .mask {
    opacity: 1;
}

/* 时间安排 */
.times {
    padding-top: 6.25vw;
}

.times .bd {
    position: relative;
    margin: 3.8541666vw auto 0;
    width: 43.020833vw;
    height: 6.25vw;
    background-image: url(../images/times-1.png);
    background-repeat: no-repeat;
    background-position: 0 2.395833vw;
}

.times .bd ul li{
    float: left;
    width: 33.3%;
    height: 2.395833vw;
    font-size: 0.9375vw;
    letter-spacing: 0px;
}

.times .bd img {
    width: 1.197916vw;
    height: 1.197916vw;
}

/* 大赛分组 */
.group {
    padding-top: 6.71875vw;
}

.group .bd ul {
    margin: 3.541666vw auto 0;
    height: 6.770833vw;
}

.group .bd ul li {
    float: left;
    width: 12.5%;
    height: 6.770833vw;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}

.group .bd .pic {
    margin: 0.416666vw auto;
    width: 4.427083vw;
    height: 4.427083vw;
    background-color: #e5e5e5;
    border-radius: 50%;
    overflow: hidden;
}

.group .bd .txt p{
    margin-top: 0.989583vw;
    font-size: 0.625vw;
    letter-spacing: 0;
}

.group .bd .active .pic {
    width: 5.208333vw;
    height: 5.208333vw;
}

.group .bd .active .txt p{
    margin-top: 0.364583vw;
    font-size: 0.833333vw;
    color:#ff6000;
}

.group .fd {
    position: relative;
    padding-top: 3.645833vw;
    padding-bottom: 1.822916vw;
    width: 62.34375vw;
    background-image: url(../images/bjk-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
}

.group .fd i{
    display: block;
    margin: 1.145833vw auto 1.875vw;
    width: 2.604166vw;
    height: 0.3125vw;
    background-color: #fff;
}

.group .fd .jj {
    margin: 0 auto;
    width: 44.53125vw;
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    letter-spacing: 0;
    text-align: left;
    text-indent: 2em;
}

.group .fd ul {
    padding: 0 2.34375vw;
    width: 100%;
    height: 10.46875vw;
    display: flex;
    justify-content: space-between;
}

.group .fd ul li {
    height: 10.46875vw;
}

.group .fd .pic {
    width: 6.71875vw;
    height: 6.354166vw;
}

.group .fd ul li .txt h4 {
    font-size: 1.041666vw;
    letter-spacing: 0.104166vw;
    /*color: #ffee90;*/
}
.group .fd ul li .txt p{
    font-size: 0.833333vw;
    letter-spacing: 0;
	/*color: #ffee90;*/
}

.group .fd::before {
    content: '“';
    position: absolute;
    left: 2.604166vw;
    top: 8.489583vw;
    font-size: 4.270833vw;
}

.group .fd::after {
    content: '”';
    position: absolute;
    right: 2.604166vw;
    top: 11.5625vw;
    font-size: 4.270833vw;
}

/* 导师组织 */
.tutor {
    /* height: 300px; */
    padding-top: 1.458333vw;
    padding-bottom: 1.5625vw;
}

.tutor ul {
    padding: 0 9.270833vw;
    height: 8.645833vw;
}
.tutor li {
    margin-right: 4.114583vw;
    float: left;
    width: 19.895833vw;
    height: 8.645833vw;
    padding: 1.197916vw 1.5625vw;
    background-color: #1766e2;
    box-shadow: 0.15625vw 0.208333vw 0.989583vw 0.052083vw
		rgba(0, 38, 67, 0.3);
	border-radius: 1.09375vw;
}

.tutor ul li:last-child {
    margin-right: 0;
}

.tutor .pic{
    float: left;
    width: 6.770833vw;
    height: 6.25vw;
}

.tutor .txt{
    padding-top: 0.260416vw;
    float: right;
    width: 8.333333vw;
    height: 6.25vw;
    color: #ffee90;
    font-size: 0.9375vw;
}

.tutor .txt h4 {
    font-size: 1.25vw;
    font-weight: 400;
    letter-spacing: 0.104166vw;
    line-height: 1.875vw;
}

.tutor .txt p {
    line-height: 1.875vw;
}

.tutor .tips {
    margin: 2.239583vw 0 2.552083vw;
    letter-spacing: 0.104166vw;
}

.tutor a {
    display: block;
    margin: 0 auto;
    width: 19.895833vw;
	height: 4.114583vw;
    font-size: 1.979166vw;
    line-height: 4.114583vw;
	background-color: #1766e2;
	box-shadow: 0.15625vw 0.208333vw 0.989583vw 0.052083vw
		rgba(0, 38, 67, 0.3);
	border-radius: 2.03125vw;
}

/* 报名方式 */
.signup {
    padding-top: 3.645833vw;
}

.signup .bd h3 {
    margin-top: 3.8541666vw;
    margin-bottom: 4.21875vw;
    font-size: 1.458333vw;
    letter-spacing: 0px;
    text-align: left;
}

.signup .bd .sign ul{
    display: flex;
    justify-content: space-between;
    border-top: solid 0.15625vw #f7cf54;
    padding-top: 0.9375vw;
}

.signup .bd .sign ul li {
    position: relative;
    font-size: 0.989583vw;
    letter-spacing: 0px;

}

.signup .bd .sign ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -1.666666vw;
    width: 1.197916vw;
    height: 1.197916vw;
    background-color: #f7cf54;
    border-radius: 50%;
    box-shadow: 0.052083vw 0.104166vw 0.260416vw 0px
		rgba(0, 39, 97, 0.61);
    transform: translate(-50%);
}

.signup .bd .sign:last-child {
    position: relative;
}

.signup .bd .code {
    position: absolute;
    left: 10.625vw;
    top: -1.822916vw;
    width: 7.083333vw;
    height: 6.666666vw;
}

.signup .bd .code img {
    width: 5.46875vw;
    height: 5.46875vw;
    margin: 0 auto;
}

.signup .bd .code p {
    font-size: 0.729166vw;
    margin-top: 0.260416vw;
}

/* 参赛作品方向 */
/* 参赛规则 */
.direction,
.rule {
    padding-top: 5.729166vw;
}

.direction .bd,
.rule .bd {
    margin-top: 3.385416vw;
    /* height: 577px; */
    background-image: url(../images/bjk-02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: left;
    padding: 3.177083vw 3.333333vw 2.604166vw;
    font-size: 0.9375vw;
    letter-spacing: 0px;
    line-height: 1.875vw;
}

.rule .bd  {
    height: 38.958333vw;
    background-size:100% 100%;
}

.rule .bd a{
    display: block;
    width: 14.479166vw;
    height: 3.020833vw;
    margin: 1.302083vw auto 0;
    text-align: center;
    line-height: 3.020833vw;
    font-size: 1.458333vw;
    background-color: #1766e2;
	box-shadow: 0.15625vw 0.208333vw 0.989583vw 0.052083vw
		rgba(0, 38, 67, 0.3);
	border-radius: 1.510416vw;
}

/* 作品提交 */
.submit {
    padding-top: 5.052083vw;
}

.submit .bd {
    height: 23.697916vw;
    margin-top: 5.15625vw;
    padding: 0 1.041666vw;
}
.submit .bd div {
    float: left;
}

.submit .bd .left {
    width: 35.520833vw;
    text-align: left;
    line-height: 1.875vw;
    letter-spacing: 0;
}

.submit .bd .left p {
    display: none;
}

.submit .bd .left p span{
    font-size: 1.458333vw;
    color: #ff6000;
}

.submit .bd .right {
    /*position: relative;*/
    width: 24.739583vw;
}

.submit .bd .right li {
    /*position: absolute;*/
    font-size: 0.833333vw;
    cursor: pointer;
    color: #999898;
    padding: 0.520833vw 1.041666vw;
    text-align: left;
}

/*.submit .bd .right li:nth-child(1){*/
/*    left: 114px;*/
/*    top: 0;*/
/*}*/

/*.submit .bd .right li:nth-child(2){*/
/*    left: 180px;*/
/*    top: 3.541666vw;*/
/*}*/

/*.submit .bd .right li:nth-child(3){*/
/*    left: 137px;*/
/*    top: 7.083333vw;*/
/*}*/

/*.submit .bd .right li:nth-child(4){*/
/*    left: 270px;*/
/*    top: 9.270833vw;*/
/*}*/

/*.submit .bd .right li:nth-child(5){*/
/*    left: 171px;*/
/*    top: 280px;*/
/*}*/

/*.submit .bd .right li:nth-child(6){*/
/*    left: 88px;*/
/*    top: 335px;*/
/*}*/

/*.submit .bd .right li:nth-child(7){*/
/*    left: 235px;*/
/*    top: 407px;*/
/*}*/

/*.submit .bd .right li:nth-child(8){*/
/*    left: 6.770833vw;*/
/*    top: 461px;*/
/*}*/

/*.submit .bd .right li::before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    margin-right: 0.520833vw;*/
/*    width: 0.9375vw;*/
/*    height: 0.9375vw;*/
/*    border-radius: 50%;*/
/*    background-color: #ff6000;*/
/*    opacity: .5;*/
/*}*/

.submit .bd .right .active {
    font-size: 1.25vw;
    color: #ff6600;
}

/*.submit .bd .right .active::before {*/
/*    opacity: 1;*/
/*}*/

.submit .fd {
    width: 62.447916vw;
    padding: 1.354166vw 1.145833vw;
    background-color: #1766e2;
	box-shadow: 0.15625vw 0.208333vw 0.989583vw 0.052083vw
		rgba(0, 38, 67, 0.3);
	border-radius: 1.041666vw;
}

.submit .fd p {
    text-align: left;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    letter-spacing: 0;
    color: #fff;
}

.submit .fd p span {
    font-size: 1.40625vw;
    color:#ff6000;
}

/* 指导及培训 */
.train {
    padding-top: 5.572916vw;
}

.train .bd {
    width: 62.447916vw;
    margin: 3.4375vw auto 0;
    background-color: #1766e2;
	box-shadow: 0.15625vw 0.208333vw 0.989583vw 0.052083vw
		rgba(0, 38, 67, 0.3);
	border-radius: 1.041666vw;
    padding: 1.354166vw 1.145833vw;
    text-align: left;
}

.train .bd p {
    color: #fff;
}

.train .fd {
    display: flex;
    padding: 1.5625vw 1.041666vw 0;
}

.train .fd .left{
    width: 25%;
    margin-right: 1.041666vw;
}

.train .fd .right{
    flex: 1;
}

.train .fd .left dt {
    margin-bottom: 0.78125vw;
}

.train .fd .left dl {
    text-align: left;
    color: #999898;
}

.train .fd .left dt {
    font-size: 1.458333vw;
    color: #000;
}

.train .fd .left dd {
    padding: 0.520833vw 0;
    text-align: left;
    cursor: pointer;
}

.train .fd .active {
    font-size: 1.25vw;
    color: #ff6600;
}

.train .fd .right img{
    display: none;
}

.contact {
    padding-top: 6.875vw;
    padding-bottom: 7.864583vw;
}

.contact .bd div{
    margin-top: 2.708333vw;
    width: 50%;
    float: left;
}

.contact .bd .left img{
    width: 17.864583vw;
    height: 19.375vw;
}

.contact .bd .right {
    text-align: left;
    font-size: 1.041666vw;
    line-height: 1.875vw;
    letter-spacing: 0.104166vw;
    padding-top: 2.135416vw;
}

.contact .bd .right ul {
    margin-top: 2.1875vw;
}
.contact .bd .right li {
    width: 8.333333vw;
    height: 7.447916vw;
    float: left;
    font-size: 0.9375vw;
    text-align: center;
}

.contact .bd .right li img {
    width: 5.208333vw;
    height: 5.208333vw;
    margin: 0 auto;
}

.content {
    width: 70%;
    margin: 0 auto;
    padding: 2.604166vw 0;
}

.content-1 {
    padding: 5%;
    background-color: #fff;
    box-shadow: 0px 0.3125vw 0.78125vw 0.104166vw rgba(55,116,255,0.1);
    border-radius: 0.9375vw;
    border: 0.052083vw solid #FFFFFF;
    backdrop-filter: blur(0.364583vw);
}



.back {
    position: fixed;
    left: 0;
    top: 70%;
    width: 1.927083vw;
	background-color: #ffffff;
	box-shadow: 0.104166vw 0.15625vw 0.520833vw 0.052083vw
		rgba(0, 51, 114, 0.56);
	border-radius: 0px 0.78125vw 0.78125vw 0px;

    padding:0.989583vw 0;
    font-size: 0.9375vw;
    color: #0067ca;
    letter-spacing: 0.3125vw;
    text-align: center;
}