@font-face {
    font-family: bigruixian;
    src:url(/static/fonts/bigruixian.TTF);
}
@font-face {
    font-family: regularScript;
    src:url(/static/fonts/AdobeFangsongStd-Regular.otf);
}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: " ";display:block;clear:both;height:0;}
.clearfix{zoom:1;}
a:hover{text-decoration: none;}
.wrapper{width:100%;min-width:1200px;background: #000;color: #fff;font-size: 18px;}
.top{width: 100%;min-width:1200px;height: auto;position: relative;}
.top video{width: 100%;min-width: 1200px;height: auto;margin: 0 auto;}
.top .logo{width:1200px;position: absolute;left: 50%;margin-left:-600px;top: -60px;}
.top .ellipse{width:100%;background:url("/static/img/hackhonor2018/ellipse-bg.png") no-repeat center;padding-top:15%;position: absolute;left: 0;right: 0;bottom: 0;background-size: cover;}
.middle{width: 100%;min-width:1200px;background: url(/static/img/hackhonor2018/middle-bg.jpg) no-repeat 50% 0;margin:-5px 0 50px 0;}
.bottom{width: 100%;min-width:1200px;;height:auto;background: url(/static/img/hackhonor2018/content-bg.jpg) no-repeat 50% 0;padding-bottom: 50px;}
.activity-intro,.deblocking-area{width: 1200px;margin: 0 auto;}
.activity-content-intro{padding-top: 15px;line-height: 30px;text-indent: 2em;}
.activity-time-intro{margin-top: 40px;text-indent: 2em;color: #ffe348;}
.season-arrange{margin-top: 50px;}
.season-arrange h2,.explain h2{width: 100px;border-bottom: 4px solid #1843ff;padding-bottom: 5px;margin-bottom: 40px;}

.progress-bar .timeline{padding: 40px 0;}
.progress-bar .common-ul li{float: left;color: #5c5662;text-align: center;}
.progress-bar .common-ul li{width: 250px;}
.progress-bar .common-ul li:not(:first-child){margin-left: 64px;}
.progress-bar .activity-theme li.active{background: url("/static/img/hackhonor2018/wing.png") no-repeat center;font-size: 30px;color: #406bff;margin-top: -10px;}
.progress-bar .activity-period li.active{color: #406bff;}
.progress-bar .time-nodes{position: relative;}
.progress-bar .time-nodes li{width: 26px;height: 26px;background: url("/static/img/hackhonor2018/node-bg.png") no-repeat center;margin-left: 0px!important;}
.progress-bar .time-nodes li:first-child{position: absolute;top: 34px;left: 108px;}
.progress-bar .time-nodes li:nth-of-type(2){position: absolute;top: 34px;left: 422px;}
.progress-bar .time-nodes li:nth-of-type(3){position: absolute;top: 34px;left: 742px;}
.progress-bar .time-nodes li:nth-of-type(4){position: absolute;top: 34px;left: 1060px;}
.progress-bar .time-nodes li.active{width: 116px;height: 116px;background: url("/static/img/hackhonor2018/node-bg-active.png") no-repeat center;animation:rotate-base 2s linear infinite;}
.progress-bar .time-nodes li.active:first-child{top:-12px;left:65px;}
.progress-bar .time-nodes li.active:nth-of-type(2){top:-12px;left:378px;}
.progress-bar .time-nodes li.active:nth-of-type(3){top:-12px;left:697px;}
.progress-bar .time-nodes li.active:nth-of-type(4){top:-12px;left:1015px;}

.tab-content>ul{margin-top: 40px;padding: 0 40px;}
.tab-content>ul li{float: left;margin: 0 28px 0 20px;}
.tab-content>ul li:last-child{margin-right: 0;}
.tab-list{margin-top: 40px;}
.tab-list .submit-btn{width: 324px;height: 109px;margin: 10px 38px 0;}
.tab-list .mission-statement-top{width: 799px;height: 76px;background: url("/static/img/hackhonor2018/mission-statement-top.png") no-repeat center;}
.tab-list .mission-statement-middle{width: 799px;height: auto;background: url("/static/img/hackhonor2018/mission-statement-middle.png") repeat-y center;padding: 10px 0;}
.tab-list .mission-statement-bottom{width: 799px;height: 71px;background: url("/static/img/hackhonor2018/mission-statement-bottom.png") no-repeat center;}
.mission-statement-middle ul li{float: left;margin-top: 10px;min-height: 393px;}
.mission-statement-middle h5{text-indent: 2.5em;}
.mission-statement-middle p{width: 399px;text-align: center;padding: 10px 0;}
.mission-statement-middle .service-line{height: 261px;line-height:48px;background: url("/static/img/hackhonor2018/service-line-bg.png") no-repeat center;padding-top: 70px;font-size: 26px;}
.mission-statement-middle .service-line p{width: 170px;height: 170px;border-radius: 50%;margin: -28px auto;}
.mission-statement-middle .service-line span{font-size: 40px;color: #ffe640;padding:0 5px;}
.mission-statement-middle .mission__condition{ font-size: 0; width: 399px; padding: 10px 0 ; text-align: center; }
.mission-statement-middle .mission__condition label{ display: inline-block; vertical-align: top; font-size: 18px; }
.mission-statement-middle .mission__condition .mission__condition__content { display: inline-block; vertical-align: top; font-size: 18px; width: auto; padding: 0;}
.mission-statement-middle .mission__condition .mission__condition__content a.content__domain {display: block; margin-bottom: 5px; text-align: left;}
.mission-statement-middle p a{color: #fff;}
.mission-statement-middle p a:hover{color: #0d2489;}
.mission-statement-middle .bus-logo{width: 80px;height: 80px;margin: 35px auto 0;}
.count-down{width: 389px;height: 491px;background: url("/static/img/hackhonor2018/count-down-bg.jpg") no-repeat center;padding: 70px 40px 70px 52px;}
.count-down p{font-size: 26px;font-weight: 600;}
.count-down p:nth-of-type(1){line-height: 40px;}
.count-down p:nth-of-type(2){padding-top: 80px;}
.count-down .count-down-detail{font-weight: normal;font-size: 20px;padding: 40px;}
.count-down .count-down-detail .season_status{font-size: 22px;color: #ffe640;}
.count-down .count-down-detail strong{display:block;text-align: center;font-size: 54px;color: #ffe640;margin-left: 50px;}
.count-down .count-down-detail strong b{font-size: 20px;color: #fff;}

.activity-rules{width: 799px;background: url("/static/img/hackhonor2018/activity-rules-bg.png") no-repeat center;padding: 50px 35px;}
.activity-rules p{margin: 20px 0;}
.dan-rank{width: 386px;height: 497px;background: url("/static/img/hackhonor2018/dan-rank-bg.png") no-repeat center;padding: 130px 20px 50px;position: relative;}
.dan-rank li{padding: 10px 0;}
.dan-rank li:first-child{position: absolute;right: 15px;top: 12px;}
.dan-rank li:first-child select{width:100px;height:30px;background: #0d2489;color: #fff;border: none;padding: 0 5px;}
.dan-rank li .common-icon{display:inline-block;width: 40px;height: 40px;background: url("/static/img/hackhonor2018/icon.png") no-repeat 0 0;vertical-align: middle;padding-right: 28px;}
.dan-rank li b{float: right;margin: 6px 35px 0 0;font-weight: 400;}
.dan-rank li .sliver-icon{background: url("/static/img/hackhonor2018/icon.png") no-repeat 0 -50px;}
.dan-rank li .copper-icon{background: url("/static/img/hackhonor2018/icon.png") no-repeat 0 -100px;}
.dan-rank li .iron-icon{background: url("/static/img/hackhonor2018/icon.png") no-repeat 0 -150px;}
.explain{margin-top: 50px;}
.explain .common-p{margin: 20px 0;}
.explain .common-p p{line-height: 34px;}
.explain .common-p .two-em{text-indent: 2em;}
.explain .common-p .three-em{text-indent: 3em;}
.explain .table{width: 1090px;border: 1px solid #fff;color: #fff;text-align: center;margin: 20px 55px;}
.explain .table td{padding:10px 20px;border: 1px solid #fff;}
/*剑抖动动画*/
@-webkit-keyframes rotate-base {
    0%{ -webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(-360deg);}
}

@-ms-keyframes rotate-base {
    0%{ -webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(-360deg);}
}

@keyframes rotate-base {
    0%{ -webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(-360deg);}
}