@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: #ace5ff;font-size: 18px;}
.top{width: 100%;min-width:1200px;height:723px;background: url(/static/img/hackmarathonFive/top-bg.jpg) no-repeat 50% 0;}
.middle{width: 100%;min-width:1200px;height: 1752px;background: url(/static/img/hackmarathonFive/content-bg.jpg) no-repeat 50% 0;margin-top: -1px;}
.bottom{width: 100%;min-width:1200px;;height:1068px;background: url(/static/img/hackmarathonFive/deblocking-bg.jpg) no-repeat 50% 0;}
.activity-intro,.deblocking-area{width: 1200px;margin: 0 auto;}
.activity-content-intro{padding-top: 20px;line-height: 40px;}
.activity-time-intro{margin-top: 40px;text-indent: 2em;color: #ffe348;}
.pro-list{margin-top: 20px;}
.pro-list li{float: left;width: 33.333%;height:220px;margin-top: 20px;}
.pro-list li a{display: block;max-width:300px;margin:10px auto;text-align: center;color: #fff;}
.pro-list li a:hover{text-decoration: underline;color: #ace5ff}
.pro-list li:nth-of-type(1) p,.pro-list li:nth-of-type(2) p{margin-top: 34px;}
.pro-list li:nth-of-type(4) img{margin-top: 40px;}
.pro-list li:nth-of-type(6) p{margin-top: 42px;}
.pro-list li:nth-of-type(7){height:260px;padding-top: 70px;}
.pro-list li img{display: block;margin: 0 auto;}
.pro-list li .pro-intro{text-align: center;font-size: 20px;color: #e9e9e9;margin: 20px 0 0 10px;}
.pro-list li:nth-of-type(1) .pro-intro,.pro-list li:nth-of-type(2) .pro-intro,.pro-list li:nth-of-type(3) .pro-intro{margin-bottom: 20px;}
.pro-list li i{display: block;text-align: center;font-size: 16px;color: #c0c0c0;font-family:"regularScript";font-style: normal;}
.activity-rules{padding-top: 100px;}
.activity-rules p{margin: 20px 0;}
.activity-rules .table{border-bottom: 1px solid #ace5ff;border-right: 1px solid #ace5ff;}
.activity-rules .table td{border-top: 1px solid #ace5ff;border-left: 1px solid #ace5ff;text-align: center;padding: 10px 20px;}
.activity-rules .table1{width:900px;}
.activity-rules .table2{width:1200px;}
.sword-list{padding-top: 100px;}
.sword-list li{width: 171px;height: 603px;padding:0 5px 0 10px;box-sizing:border-box;float: left;position: relative;background: url(/static/img/hackmarathonFive/foundation-bg.png) no-repeat center;}
.sword-list li:nth-of-type(2){margin-top: 20px;}
.sword-list li:nth-of-type(4){margin-top: 70px;}
.sword-list li:nth-of-type(5){margin-top: -30px;}
.sword-list li:nth-of-type(6){margin-top: 50px;}
.sword-list li:nth-of-type(7){margin-top: -15px;}
.sword-list li .sword-bg{width:153px;height:436px;background: url("/static/img/hackmarathonFive/sword-bg.png") no-repeat center;position: absolute;left: 50%;margin-left: -72px;top: 75px;}
.sword-list li .sword-bg.active{width:153px;height:436px;background: transparent;position: absolute;left: 50%;margin-left: -72px;top: 75px;}
.sword-list li span{width:121px;height:377px;background: url("/static/img/hackmarathonFive/mowen.png") no-repeat center;position: absolute;left: 50%;margin-left: -66px;top: 38px;}
.sword-list li .shake{-webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 3s; -ms-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
.sword-list li:nth-of-type(2) span{background: url("/static/img/hackmarathonFive/youlong.png") no-repeat center;margin-left: -58px;top: 38px;}
.sword-list li:nth-of-type(3) span{background: url("/static/img/hackmarathonFive/qinggan.png") no-repeat center;margin-left: -80px;top: 33px;}
.sword-list li:nth-of-type(4) span{background: url("/static/img/hackmarathonFive/jingxing.png") no-repeat center;margin-left: -62px;top: 38px;}
.sword-list li:nth-of-type(5) span{background: url("/static/img/hackmarathonFive/riyue.png") no-repeat center;margin-left: -64px;top: 32px;}
.sword-list li:nth-of-type(6) span{background: url("/static/img/hackmarathonFive/tianpu.png") no-repeat center left;margin-left: -30px;top: 38px;}
.sword-list li:nth-of-type(7) span{background: url("/static/img/hackmarathonFive/sheshen.png") no-repeat center left;margin-left: -44px;top: 38px;}
.sword-list li span.active{background: url("/static/img/hackmarathonFive/mowen-active.png") no-repeat center;}
.sword-list li:nth-of-type(2) span.active{background: url("/static/img/hackmarathonFive/youlong-active.png") no-repeat center;}
.sword-list li:nth-of-type(3) span.active{background: url("/static/img/hackmarathonFive/qinggan-active.png") no-repeat center;}
.sword-list li:nth-of-type(4) span.active{background: url("/static/img/hackmarathonFive/jingxing-active.png") no-repeat center;}
.sword-list li:nth-of-type(5) span.active{background: url("/static/img/hackmarathonFive/riyue-active.png") no-repeat center;}
.sword-list li:nth-of-type(6) span.active{background: url("/static/img/hackmarathonFive/tianpu-active.png") no-repeat center left;}
.sword-list li:nth-of-type(7) span.active{background: url("/static/img/hackmarathonFive/sheshen-active.png") no-repeat center left;}
.sword-list li strong{position: absolute;bottom: 44px;left: 6px;right: 0;font-size: 30px;color: #fff;text-align: center;font-family: "bigruixian";}
.sword-list li .common-p-down{position: absolute;bottom: 0;left: 6px;right: 0;font-size: 18px;color: #fff;text-align: center;}
.sword-list li .common-p-up{position: absolute;top: 30px;left: 6px;right: 0;font-size: 18px;color: #fff;text-align: center;}
.sword-list li .common-p-down b,.sword-list li .common-p-up b{color: #ffce24;font-size: 28px;}
.cooperation{margin-top: 70px;}
.cooperation p{line-height: 70px;}
.cooperation img{float: left;margin-left: 40px;}
.bottom a{display: block;width:483px;height:135px;margin: 0 auto;}
.cooperation a{float:left;width: 204px;height: 67px;margin-left: 40px;}
.cooperation a img{float: none;margin-left: 0;}
/*剑抖动动画*/
@-webkit-keyframes shake-base {
    0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
    2% { -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
    4% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
    6% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
    8% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); }
    10% { -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
    12% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
    14% { -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg); }
    16% { -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg); }
    18% { -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
    20% { -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
    22% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
    24% { -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); }
    26% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
    28% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
    30% { -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
    32% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
    34% { -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); }
    36% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); }
    38% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
    40% { -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
    42% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
    44% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
    46% { -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
    48% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
    50% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }
    52% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }
    54% { -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg); }
    56% { -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg); }
    58% { -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
    60% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
    62% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); }
    64% { -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
    66% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
    68% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }
    70% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); }
    72% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }
    74% { -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
    76% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); }
    78% { -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg); }
    80% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
    82% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
    84% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
    86% { -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
    88% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
    90% { -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); }
    92% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
    94% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
    96% { -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg); }
    98% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
}

@-ms-keyframes shake-base {
    0% { -ms-transform: translate(0px, 0px) rotate(0deg); }
    2% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
    4% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
    6% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
    8% { -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
    10% { -ms-transform: translate(1.5px, -2.5px) rotate(-1.5deg); }
    12% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
    14% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
    16% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
    18% { -ms-transform: translate(1.5px, -0.5px) rotate(-1.5deg); }
    20% { -ms-transform: translate(-1.5px, -2.5px) rotate(-0.5deg); }
    22% { -ms-transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
    24% { -ms-transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
    26% { -ms-transform: translate(-1.5px, -2.5px) rotate(0.5deg); }
    28% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
    30% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
    32% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
    34% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
    36% { -ms-transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
    38% { -ms-transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
    40% { -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg); }
    42% { -ms-transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
    44% { -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
    46% { -ms-transform: translate(1.5px, 0.5px) rotate(0.5deg); }
    48% { -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
    50% { -ms-transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
    52% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
    54% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
    56% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); }
    58% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
    60% { -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
    62% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
    64% { -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
    66% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
    68% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
    70% { -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
    72% { -ms-transform: translate(0.5px, -2.5px) rotate(-1.5deg); }
    74% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
    76% { -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
    78% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
    80% { -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg); }
    82% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
    84% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
    86% { -ms-transform: translate(-0.5px, 0.5px) rotate(-1.5deg); }
    88% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); }
    90% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
    92% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
    94% { -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); }
    96% { -ms-transform: translate(1.5px, 1.5px) rotate(0.5deg); }
    98% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
}

@keyframes shake-base {
    0% { transform: translate(0px, 0px) rotate(0deg); }
    2% { transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
    4% { transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
    6% { transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
    8% { transform: translate(-1.5px, -2.5px) rotate(0.5deg); }
    10% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
    12% { transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
    14% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
    16% { transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
    18% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
    20% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); }
    22% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
    24% { transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
    26% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
    28% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
    30% { transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
    32% { transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
    34% { transform: translate(0.5px, -2.5px) rotate(-1.5deg); }
    36% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
    38% { transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
    40% { transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
    42% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
    44% { transform: translate(-2.5px, -2.5px) rotate(0.5deg); }
    46% { transform: translate(0.5px, -2.5px) rotate(0.5deg); }
    48% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
    50% { transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
    52% { transform: translate(1.5px, 0.5px) rotate(0.5deg); }
    54% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); }
    56% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
    58% { transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
    60% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
    62% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
    64% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
    66% { transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
    68% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
    70% { transform: translate(0.5px, 1.5px) rotate(0.5deg); }
    72% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
    74% { transform: translate(1.5px, -0.5px) rotate(0.5deg); }
    76% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
    78% { transform: translate(-0.5px, -2.5px) rotate(0.5deg); }
    80% { transform: translate(1.5px, -0.5px) rotate(0.5deg); }
    82% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
    84% { transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
    86% { transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
    88% { transform: translate(-2.5px, -2.5px) rotate(-1.5deg); }
    90% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
    92% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
    94% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
    96% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
    98% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
}