@charset "UTF-8";
a:link,a:partive,a:visited,a:hover { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;scroll-behavior: smooth;outline: none;}
body {background: #000;}
.wrap{width: 100%;min-width: 1200px;  position: relative;overflow: hidden;z-index: 2;}
.section{ height: 10780px; position: relative; z-index: 3; width: 100%; margin: 0 auto; box-sizing: border-box;
background: 
    url(images/bg_01.jpg) no-repeat 50% 0,
    url(images/bg_02.jpg) no-repeat 50% 1370px
}
.logo { position: absolute; width: 198px; height: 89px; top: 10px; left: 50%; margin-left: -585px; text-indent: -999em; background: url(images/logo.png) no-repeat 0 0; z-index: 3;}

.wrap .section .register {width: 1244px;height: 516px;background: url(images/reg.png) no-repeat 0 0;margin: 0 auto;top: 750px;left: 50%;margin-left: -626px;padding: 70px 0 0 20px;box-sizing: border-box;}
.wrap .section .register .registerLeft { width: 340px; height: 410px;}
.wrap .section .register .registerLeft .register-bar { width: 290px; height: 390px; position: relative; left: 50%; margin-left: -145px; top: 55px;}
.wrap .section .register .registerRight { width: 698px; height: 267px; margin: 49px 0 0 76px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.wrap .section .register .registerRight a {flex: 0 0 218px;height: 122px;display: block;}
.wrap .section  .register .registerRight .down {position: absolute;bottom: -70px;left: 240px;width: 239px;height: 46px;line-height: 46px;text-align: center;font-size: 20px;font-weight: bold;background: #f9c052;box-sizing: border-box;margin: 0px  auto 0 auto;}
.wrap .section  .register .registerRight .down:hover { filter: brightness(1.1) drop-shadow(0 0 4px #000);}
.wrap .section  .register .registerRight .down span { color:#5f3405; display: block; filter:brightness(.8); animation: fontShow .6s infinite ease; animation-direction: alternate}
.wrap .section  .register .registerRight,.wrap .section .register .registerLeft {box-sizing: border-box}

.rrNav { position: fixed; top: 55%; left: 10px; z-index: 10; width:230px ; height:72px ;}
.rrNav .gnav1 a { display: block; width:230px ; height:92px ; text-indent: -999em; background: url(images/btn-download.png) no-repeat 0 0;}
.rrNav .gnav1 a:hover{filter: brightness(1.1) drop-shadow(0 0 4px #000);}


@keyframes fontShow {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.96)
    }
}