/* CSS Document */
@charset "utf-8";

*:focus {
    outline: none;
}

html,
body {
    height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fiedldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

body {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    background: #1f2e51;
}

input,
select,
textarea,
button {
    vertical-align: middle;
    font-family: "Microsoft YaHei";
}

a,
a:link {
    text-decoration: none;
    outline: none;
}



.pr {
    position: relative;
}

.wrap {
    width: 100%;
    max-width: 1920px;
    min-width: 1050px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.header {
    height: 1180px;
    background: url(../img/bg_01.jpg?v1) center top no-repeat;
    position: relative;
}

.header-logo {
    position: absolute;
    top: 54px;
    left: 120px;
}

.header-logo a{
    display: inline-block;
    width: 90px;
    height: 70px;
    margin-left: 30px;
}

.header-logo .xyx{
    margin-left: 39px;
}

.header-logo .yklogo {
    width: 230px;
    height: 70px;
}

.nav-top {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 4;
    background-color: #060f10;
}

.nav-top ul {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    background: url(../img/nav-bg.png) 0 0 no-repeat;
}

.nav-top li {
    width: 200px;
    height: 100px;
    float: left;
    text-align: center;
}

.nav-top li a {
    display: block;
    height: 100%;
}

.nav-top li:hover h4,
.nav-top li:hover p {
    color: #fffefe;
}

.nav-top li.first {
    background-position: -154px 0;
}

.nav-top li.first h4,
.nav-top li.first p {
    color: #fffefe;
}

.nav-top li.first:hover {
    background-position: 0 -560px;
}

.nav-top li.first:hover a {
    color: #fffefe;
}



.nav-top li.to-top {
    display: none;
}

.nav-top li a{
    font: 700 24px/24px 'Microsoft JhengHei';
    margin-top: 28px;
    margin-bottom: 10px;
    color: #3bc1ae;
}

.nav-top li a p{
    font: 700 12px/12px 'Myriad Pro';
    color: #3bc1ae;
}

.nav-top li a:active{
    color:#48f0d7 ;
}

.nav-fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 6;
    height: 84px;
}

.nav-fix ul {
    overflow: hidden;
    width: 1232px;
    margin: 0 auto;
}

.nav-fix li {
    width: 176px;
    float: left;
    text-align: center;
    line-height: 26px;
    position: relative;
    margin-top: 10px;
}

.nav-fix li a {
    width: 90px;
    margin: 0 auto;
    font-size: 16px;
    color: #a8b3cb;
}

.nav-fix li.active a,
.nav-fix li:hover a {
    color: #fad890;
}

.nav-fix li.active::after {
    display: block;
    content: '';
    width: 72px;
    top: 56px;
    left: 50%;
    margin-left: -36px;
    height: 10px;
    background: url(../img/icon.png) -418px 0 no-repeat;
    position: absolute;
}

.content1 {
    background: url(../img/bg_02.png) center top no-repeat;
    height: 2277px;
}

.main {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.newsbox{
    width: 100%;
    height: 413px;
    margin-top: 164px;
    background-color: #fff;
}

.focus {
    width: 617px;
    height: 312px;
    margin-left: 30px;
    margin-top: 40px;
    float: left;
    overflow: hidden;
    position: relative;

}

.focus imf{
    width: 100%;
}

.news {
    width: 500px;
    float: right;
    margin-right: 21px;
    margin-top: 40px;
}

.news-title {
    height: 47px;
    overflow: hidden;
}

.news-title h2 {
    display: block;
    float: left;
    font: 700 50px/50px 'Microsoft JhengHei';
}

.news-more {
    display: block;
    height: 32px;
    margin-top: 19px;
    float: right;
    text-align: center;
}

.news-more p{
    color: #a61f20;
    font: 14px/32px 'Myriad Pro';
}

.news-more:hover {
    background-position: -314px -40px;
}

.news-list {
    overflow: hidden;
    height: 250px;
    margin-top: 10px;
}

.news-list li {
    height: 49px;
    line-height: 49px;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
}

.news-list li :last-child{
    border-bottom:none;
}

.news-list li a {
    display: block;
    color: #000;
}

.news-list li .news-name {
    width: 85%;
    float: left;
}

.news-list li .news-time {
    width: 15%;
    float: left;
    text-align: right;
}

.news-list li:hover a {
    color: #fcd876;
}

.live {
    padding-top: 287px;
    clear: both;
}

.live-all {
    padding: 50px 0;
    background: #fff;
    height: 392px;
}

.live-type {
    width: 101px;
    float: left;
    margin-left: -1px;
    padding-top: 10px;
}

.live-type li {
    height: 26px;
    line-height: 26px;
    font-size: 24px;
    text-align: center;
    margin: 28px 0px;
    cursor: pointer;
}

.live-type li.on {
    background: url(../img/icon.png) no-repeat;
}

.live-room {
    width: 692px;
    height: 388px;
    overflow: hidden;
    background: #000;
    float: left;
}

.live-news {
    width: 342px;
    float: left;
    margin-left: 27px;
}

.notice-nav {
    height: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #344a7a;
    margin-bottom: 28px;
}

.notice-nav li {
    width: 112px;
    float: left;
    padding-top: 5px;
    height: 35px;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
}


.notice-nav li.on,
.notice-nav li:hover {
    color: #9e2627;
}

.notice-nav li:nth-child(1) {
    padding-right: 50px;
    border-right: 1px solid #e2e2e2;
}

.notice-nav li:nth-child(2) {
    margin-left: 50px;
}

.notice-left {
    overflow: hidden;
    height: 336px;
    padding-left: 5px;
}

.notice-left li {
    color: #222222;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
}

.notice-right ul {
    overflow: hidden;
}

.notice-right li {
    height: 118px;
    margin-bottom: 25px;
    overflow: hidden;
}

.notice-img {
    width: 208px;
    height: 118px;
    overflow: hidden;
    float: left;
}

.notice-img img {
    display: block;
    width: 100%;
    min-height: 100%;
}

.notice-name {
    float: left;
    width: 123px;
    float: right;
    color: #b6c6ea;
    line-height: 24px;
    padding-top: 6px;
}

.notice-more {
    display: block;
    width: 339px;
    height: 33px;
    text-align: right;
    line-height: 33px;
}

.process {
    padding-top: 185px;
}

.game {
    width: 1240px;
    margin: 94px auto 0;
    position: relative;
    padding: 0 44px;
}

.game-prev,
.game-next {
    display: block;
    position: absolute;
    width: 14px;
    height: 24px;
    top: 256px;
}

.game-prev{
    background: url(../img/icon.png) 0px -37px no-repeat;
    left: -20px;
}

.game-next {
    left: auto;
    right: 0;
    background: url(../img/icon.png) -25px -37px no-repeat;
}

.game-list {
    overflow: hidden;
    margin: 0 auto;
    width: 1206px;
    height: 544px;
}

.game-list li {
    width: 288px;
    height: 544px;
    margin: 0px 5px;
    position: relative;
    background: url(../img/city.png) 0 0 no-repeat;
    float: left;
    margin: 0 34px;
}

.city-name {
    text-align: center;
    font-size: 30px;
    line-height: 0px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 80px;
}

.city-name span {
    color: #a1813d;
    background-image: -webkit-linear-gradient(bottom, #000, #000, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.city-title {
    width: 61px;
    height: 61px;
    background: url(../img/icon.png) -416px -35px no-repeat;
    position: absolute;
    left: 137px;
    top: 17px;
    line-height: 61px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #c7b05d;
}

.game-list li.end .city-name span {
    /* color: #6e818c; */
    background-image: -webkit-linear-gradient(bottom, #000, #000, #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.game-end {
    text-align: center;
    padding-top: 27px;
}

.game-end p {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
    margin-top: 20px;
}

.end-look {
    display: block;
    width: 188px;
    height: 57px;
    margin: 160px auto 0;
    background: url(../img/icon.png) 0px -194px no-repeat;
    text-align: center;
    line-height: 33px;
    color: #acc1dd;
}

.game-list li.end .city-title {
    background-position: -246px -289px;
    color: #6b7d88;
}

.game-list li.now {
    background-position: 0 0;
}

.now-info {
    color: #cda75d;
    margin-bottom: 20px;
}

.now-info p {
    color: #f2db83;
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0 0 8px;
}

.game-list li.now .city-title {
    color: #fff6d4;
    text-shadow: 0 0 4px #c8a12d;
}

.game-one {
    background: url(../img/line2.png) center 90px no-repeat;
}

.game-two {
    width: 1112px;
}

.game-two li {
    margin: 0 9px;
}

.content2 {
    height: 2124px;
    background: url(../img/bg_03.png) center top no-repeat;
}

.intros {
    overflow: hidden;
    padding-top: 180px;
    height: 906px;
}

.intros li {
    width: 427px;
    height: 742px;
    float: left;
    margin-left: 695px;
    background-image: url(../img/intr_bg.png);
}

.intros li p {
    margin: 0px 18px 0px 18px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
}

.intros li h3 {
    font: 700 24PX 'Microsoft YaHei';
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}


.intros li p a {
    color: #5d89ea;
    text-decoration: underline;
}

.intros a:first-of-type{
    display: inline-block;
    margin: 0 0 0 184px;
    width: 65px;
    height: 65px;
    background: url(../img/icon.png) 0 -69px no-repeat;
}

.for-btn {
    display: block;
    width: 232px;
    height: 78px;
    line-height: 82px;
    margin: 0 auto;
    background: url(../img/icon.png) 0 -252px no-repeat;
    overflow: hidden;
}

.signup{
    display: block;
    width: 232px;
    height: 78px;
    line-height: 82px;
    margin: 60px auto;
    background: url(../img/icon.png) 0 -330px no-repeat;
    overflow: hidden;
}

.for-btn:hover {
    color: #ffdda3;
}

.intro-btn {
    margin: 31px 0 0 98px;
}

.prize {
    padding-top: 160px;
}

.prize-nav{display: flex; display: -webkit-flex; align-items: center;padding: 0 300px;  height: 40px;  margin: 0 0 25px 0; }
.prize-nav li{flex: 1;  padding-top: 5px; height: 35px; position: relative; cursor: pointer; font-size: 20px; color: #181818; text-align: center; }
.prize-nav li.on,.prize-nav li:hover{ color: #9E2627; }
.prize-nav li:nth-child(1){ margin-right: 40px; position: relative;}
.prize-nav li:nth-child(1):after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 21px; background-color: rgba(34, 34, 34, 0.2)}


.prize-list{
    display: flex;
    display: -webkit-flex;
    height: 548px;
}

.prize-count{
    width: 338px;
    height: 544px;
    display: inline-block;
    font: 700 30px 'SimHei';
}

.reward-turn {
    text-align: center;
    margin-top: 10px;
}

.reward-num{
    margin: 10px 0 0 80px;
    font-size: 2em;
    display: inline-block;
}

.reward-logo{
    width: 173px;
    height: 177px;
    margin: 212px auto 0 auto;
}

.reward-rmb{
    display: inline-block;
    width: 22px;
    height: 44px;
    margin-left: 9px;
}

.one{
    background: url(../img/second.png) 0 0 navajowhite;
    color: #d2e9f5;
}

.one .reward-logo{
    background: url(../img/icon.png) -267px -190px no-repeat;
}

.one .reward-rmb{
    background: url(../img/icon.png) 0px -140px no-repeat;
}

.two{
    margin: 0 88px;
    background: url(../img/first.png) 0 0 navajowhite;
    color: #f6d7bc;
}

.two .reward-logo{
    background: url(../img/icon.png) -447px -190px no-repeat;
}

.two .reward-rmb{
    background: url(../img/icon.png) -30px -140px no-repeat;
}

.three{
    background: url(../img/third.png) 0 0 navajowhite;
    color: #f4cec1;
}

.three .reward-logo{
    background: url(../img/icon.png) -627px -190px no-repeat;
}

.three .reward-rmb{
    background: url(../img/icon.png) -62px -140px no-repeat;
}

.prize-inf{
    width: 1200px;
    height: 171px;
    margin: 69px auto;
    background: url(../img/prize-inf.png) 0 0 no-repeat;
    text-align: center;
    overflow: hidden;
}

.five ,
.four{
    margin-top: 51px;
    float: left;
    width: 599px;
}

.four{
    border-right: 1px solid #d1d1d1;
}

.five h3,
.four h3{
    font: 700 1.875em '	SimHei';
    margin-bottom: 18px;
}

.content3 {
    height: 1457px;
    padding-top: 184px;
    background: url(../img/bg_04.png) center top no-repeat;
}

.content3-main{
    width: 1330px;
    margin: 0 auto;
    overflow: hidden;
}

.match {
    height: 770px;
}

.events {
    width: 1328px;
    overflow: hidden;
    position: relative;
    margin: 50px auto 0 auto;
    display: inline-block;  
    overflow: hidden;  
}

.events .page-prev,
.events .page-next{
    display: inline-block;
    width: 14px;
    height: 24px;
    vertical-align: middle;
    cursor: pointer;
}

.page-prev{
    background: url(../img/icon.png) 0 -37px no-repeat;
    float: left;
    margin-top: 18%;
}

.page-next{
    background: url(../img/icon.png) -25px -37px no-repeat;
    float: right;
    margin-top: 18%;
}

.events a.page-prev.award-stop,
.events a.page-next.award-stop {
    opacity: .5;
    cursor: default;
}

.event-list {
    overflow: hidden;
    height: 520px;
    width: 1220px;
    float: left;
    margin-left: 40px;
}

.event-list li {
    width: 379px;
    height: 233px;
    padding: 5px;
    float: left;
    margin: 0 8px 17px;
    position: relative;
    overflow: hidden;
}

.event-list li img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.event-list li a {
    display: block;
    width: 389px;
    height: 243px;
    background: url(../img/ji.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.event-list li p {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 0 5px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #f2f6ff;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    background: rgba(0, 0, 0, .8);
    z-index: 1;
}

.event-list li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.event-img {
    width: 379px;
    height: 233px;
    overflow: hidden;
}

.match-btn {
    margin: 30px auto 0;
}

.partner {
    width: 1300px;
    overflow: hidden;
    position: relative;
    margin: 0 32px;
}
/* 
.partner .hd {
    text-align: center;
    padding-top: 10px;
    position: absolute;
} */


.partner-prev,
.partner-next {
    width: 22px;
    height: 36px;
    background: url(../img/icon.png) 0px -31px no-repeat;
    margin: 212px 20px 0px 0px;
    vertical-align: middle;
    cursor: pointer;
    float: left;
}

.partner-next {
    background-position: -20px -31px;
    margin: 212px 0px 0px 20px;
    float: right;
}

.partner-prev.prevStop,
.partner-next.nextStop {
    opacity: .5;
    cursor: default;
}

.partner .bd {
    height: 471px;
    overflow: hidden;
    float: left;
    width: 1210px;
}

.cooperate {
    overflow: hidden;
    zoom: 1;
}

.cooperate li {
    width: 187px;
    height: 104px;
    float: left;
    margin: 0 7px 15px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.cooperate li img {
    display: block;
    width: 187px;
    height: 104px;
}

.apply {
    height: 1080px;
    background: url(../img/apply.jpg) center top no-repeat;
}

.apply-list {
    overflow: hidden;
    padding-top: 622px;
    width: 1136px;
    margin: 0 auto;
}

.apply-list li {
    width: 232px;
    text-align: center;
    margin: 0 168px;
    float: left;
}

.back-index {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 826px;
    left: 50%;
    margin-left: -50px;
}

.join_bg1 {
    height: 865px;
    padding-top: 215px;
    background: url(../img/join1.jpg) center top no-repeat;
    position: relative;
}

.join_bg2 {
    height: 865px;
    padding-top: 215px;
    background: url(../img/join2.png) center top no-repeat;
    position: relative;
}

.join {
    font-size: 16px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.join-name {
    color: #a61f20;
    display: inline-block;
}

.join-intro {
    text-indent: 2em;
    line-height: 24px;
    padding-top: 5px;
    letter-spacing: 2px;
}

.join-sel {
    padding-left: 103px;
    margin-bottom: 30px;
}

.join-sel .join-name {
    position: absolute;
    left: 0;
    top: 0;
}

.join-sel .join-name em {
    display: block;
    color: #a61f20;
}

.join-sel p {
    float: left;
    margin-right: 55px;
    line-height: 22px;
    padding-bottom: 8px;
}

.join-write {
    margin-left: -45px;
}

.join-write p {
    float: left;
    margin-left: 45px;
}

.join-input {
    height: 32px;
    line-height: 32px;
    background: #1c2845;
    border: 1px solid #6679a4;
    padding: 0 12px;
    width: 183px;
    font-size: 16px;
    color: #3b1430;
    display: inline-block;
    vertical-align: middle;
}

.join-input.w266 {
    width: 266px;
}

.tips {
    color: #f44e59;
    vertical-align: middle;
}

.join-file input {
    display: none;
}

.join-file label {
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url(../img/icon.png) -536px -87px no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.join .for-btn {
    margin: 10px auto 0;
}

.join-student {
    width: 49%;
    float: left;
    margin-bottom: -8px;
}

.join-student .join-name {
    width: 113px;
}

.join-tips {
    color: #a61f20;
    clear: both;
    padding-bottom: 20px;
    font-size: 16px;
}


.join-person {
    font-size: 18px;
    color: #a61f20;
    font-weight: bold;
    height: 32px;
    width: 325px;
    margin: 15px 0;
}

.join-back {
    display: block;
    width: 94px;
    height: 33px;
    background: url(../img/icon.png) -338px -158px no-repeat;
    position: absolute;
    top: 22px;
    left: 22px;
}

.join_bg2 .join-back {
    background-position: -338px -196px;
}

.join_bg2 .join-input {
    background: #f3f2ef;
    border-color: #303030;
}

.join_bg2 .join-file label {
    background-position: -790px -338px;
}

.join-radio input[type=radio] {
    display: none;
}

.join-radio input[type=radio]+label {
    cursor: pointer;
    display: inline-block;
    margin-right: 45px;
    vertical-align: middle;
}

.join-radio input[type=radio]+label::before {
    display: inline-block;
    width: 22px;
    height: 22px;
    content: '';
    background: url(../img/icon.png) -546px -181px no-repeat;
    vertical-align: middle;
    margin: -3px 6px 0 0;
}

.join-radio input[type=radio]:checked+label::before {
    background-position: -501px -181px;
}

.join_bg2 .join-radio input[type=radio]+label::before {
    background-position: -254px -379px;
}

.join_bg2 .join-radio input[type=radio]:checked+label::before {
    background-position: -236px -379px;
}

.join-sel input[type=checkbox] {
    display: none;
}

.join-sel input[type=checkbox]+label {
    cursor: pointer;
    display: inline-block;
    margin-right: 45px;
    vertical-align: middle;
}

.join-sel input[type=checkbox]+label::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    background: url(../img/icon.png) -546px -181px no-repeat;
    vertical-align: middle;
    margin: -3px 6px 0 0;
}

.join-sel input[type=checkbox]:checked+label::before {
    background-position: -501px -215px;
}

.join_bg2 .join-sel input[type=checkbox]+label::before {
    background-position: -254px -377px;
}

.join_bg2 .join-sel input[type=checkbox]:checked+label::before {
    background-position: -236px -377px;
}

.fade {
    position: fixed;
    top: 0%;
    left: 0%;
    background: black;
    z-index: 9;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=85);
    width: 100%;
    height: 100%;
    display: none;
}

.alert {
    position: fixed;
    z-index: 10;
    display: none;
}

.alert-nav {
    position: relative;
    height: 150px;
    padding-top: 65px;
    text-align: center;
}

.rules {
    width: 1200px;
    height: 742px;
    background: url(../img/rule.png) no-repeat;
}

.rule-title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    width: 462px;
    margin: 0 auto 10px;
}

.rule-title span {
    font: 700 30px  'Microsoft YaHei';
}

/* .rule-title::after {
    display: block;
    height: 13px;
    content: '';
    margin-top: 12px;
} */

.rule-info {
    height: 484px;
    margin: 0 25px;
    padding: 0 30px;
    font-size: 16px;
    overflow: auto;
    line-height: 34px;
}

.rule-info h3 {
    color: #dca05a;
}

.rule-info p {
    line-height: 34px;
    padding: 7px 0;
}

.rule-info table {
    margin: 8px 0;
    width: 100%;
}

.rule-info table td {
    border: 1px solid #4d5a81;
    background: #353f5b;
    padding: 7px 0;
    text-align: center;
}

.rule-info::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}

.rule-info::-webkit-scrollbar-thumb {
    background: #3c4867;
}

.rule-info::-webkit-scrollbar-track {
    background: #262e47;
    width: 3px;
    border-left: 1px solid #323b56;
    border-right: 1px solid #323b56;
}

.rule-info strong {
    font-weight: bold;
}

.success {
    width: 477px;
    height: 193px;
    padding: 30px;
    background: url(../img/success.jpg) no-repeat;
}

.success .alert-close {
    top: -30px;
    right: -65px;
}

.rules .alert-close{
    display: inline-block;
    position: absolute;
    z-index: 99;
    width: 22px;
    height: 22px;
    top: 20px;
    right: 20px;
    background: url(../img/close.png) center top no-repeat;
    background-size: contain;
}

.success-tips {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 20px;
    color: #ce9645;
    text-align: center;
    line-height: 28px;
}

.copyright {
    padding: 40px 0 50px;
    background: #000;
    overflow: hidden;
    color: #bbb;
}

.copyright .copy-main {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.copyright a {
    color: transparent;
}

.copyright img {
    margin-right: 12px;
    vertical-align: middle;
}

.copyright .lines {
    width: 1px;
    height: 42px;
    border-left: 1px solid #c9c9c9;
    margin-right: 12px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 11px;
}

.copyright-left {
    width: 515px;
    padding-top: 15px;
    float: left;
}

.copyright-text {
    width: 666px;
    font-size: 12px;
    padding-left: 8px;
    line-height: 18px;
    float: left;
}

.copyright-text span {
    color: #333;
    padding: 0 4px;
}

.file-all {
    display: inline-block;
    width: 54px;
    height: 54px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.file-upbtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
}

.file-upbtn.nobg label {
    background-position: -324px -292px;
}

.join_bg2 .file-upbtn.nobg label {
    background-position: -388px -292px;
}

.file-img {
    width: 54px;
    height: 54px;
    overflow: hidden;
}

.file-img img {
    display: block;
    width: 54px;
    min-height: 54px;
}

.file-url {
    display: inline-block;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 0;
}

.event-icon {
    position: absolute;
    left: 5px;
    top: 5px;
    background: rgba(0, 0, 0, .5);
    width: 379px;
    height: 162px;
    padding-top: 72px;
}

.event-icon i {
    display: block;
    width: 73px;
    height: 73px;
    background: url(../img/play.png) 0px 0px no-repeat;
    margin: 0 auto;
}

.event-list li:hover .event-icon {
    display: none;
}

.join-notice {
    color: #a61f20;
    display: inline-block;
    margin-left: -33px;
    vertical-align: middle;
}

.join-student .join span,
.join-student .join label{
    color: #000;
}

.hide {
    display: none;
}