* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y;font-weight: normal; }
html {font:12px "Microsoft YaHei";font-weight: normal;-webkit-text-size-adjust: 100%;}
body {position: relative;color: #000000;background: #fff;-webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
ul,ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {color: #414141;border-radius: 0;-webkit-border-radius: 0;border:none;}
img{border: none;max-width: 100%;width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;cursor: pointer;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {text-decoration: none;}
a:focus {outline: none;-moz-outline: none;}
input,input:focus,input:active{user-select: text;}
input::-webkit-input-placeholder {color: #000000;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.section{position: relative;}
.text-underline{text-decoration:underline ;}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay:0.5s;-webkit-animation-delay:0.5s;}
*::-webkit-scrollbar {width: 4px;height: 8px;}
*::-webkit-scrollbar-thumb {border-radius: 4px;background: #d7d9e2;}
*::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.05);border-radius: 4px;}
i.sg{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( -45deg, transparent,transparent, rgba(255, 244, 227, 0.8), transparent, transparent );animation:animate-wipes 2s linear infinite;}
i.fg{content: "";position: absolute;display: none;top: 0;left:0;width: 100%;height: 100%;border-radius: 50%;background: radial-gradient( circle, #ea71f5, #b135bd,transparent, transparent ); animation:animate-lightzoom1 2s linear infinite;}
a:hover i.fg{display: block;z-index: -1;}
.pic-web{display: block;}
.pic-wap{display: none;}
@media(max-width:540px){
    .pic-web{display: none;}
    .pic-wap{display: block;}
}

.banner .ingots{position: absolute;content: "";width: 4%;top: 75.5%;left: 62.5%;transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;}
.banner .btn-join{position: absolute;content: "";width: 18%;top:83%;left: 41%;transform-origin: center;animation:animate-zoom 2s linear infinite;}
.banner .btn-join:hover{filter: brightness(1.2);}
.sec3 .btn-box{position: absolute;content: "";width: 50%;left: 50%;top:78%;transform: translate(-50%,0);display: flex;align-items: center;justify-content: center;}
.sec3 .btn-box a{width: 28%;margin: 0 2%;}
.sec3 .btn-box a.btn-contribute{animation: animate-zoom 1s linear infinite;}
.sec3 .btn-box a:hover{filter: brightness(1.15);}
.sec3 .copy.link1{position: absolute;content: "";    width: 25%;height: 4%;left: 51%;top: 22%;}
.sec3 .copy.link2{position: absolute;content: "";width: 18%;height: 4%;left: 61%;top: 70%;}
.sec4 .reward{position: absolute;content: "";width: 26%;height: 49%;left: 38%;top: 18%;}
.sec4 .reward span{position: absolute;content: "";width: 72%;left: 14%;top: -2%;animation: animate-wind infinite 0.3s ease-in-out alternate; }
.sec4 .reward span:nth-child(2){left: -2%;top: 26%;transform-origin: center bottom;}
.sec4 .reward span:nth-child(3){left: 15%;top: 57%;transform-origin: center top; }
.sec4 .reward span:nth-child(4){left: 3%;top: 89.5%;}
.sec5{padding: 2% 0; background: url("../images/sec5.jpg")no-repeat center center;background-size: 100% 100%;}
.sec5 .title{width: 40%;margin: 0 auto 2%;}
.video-box{margin: 0 auto;    padding: 2.5%;width: 64%;position: relative; background: url("../images/video-bg.png")no-repeat center center;background-size: 100% 100%; }
.gallery-top{border-radius: 20px;overflow: hidden;border: 3px #adda80 solid;margin-bottom: 2%;}
.gallery-top .swiper-slide{position: relative;}
.gallery-top .swiper-slide .pic{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.gallery-top .swiper-slide iframe{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 21;}
.secpic-small{position: relative;padding: 0 40px;}
.secpic-small .swiper-button-prev{position: absolute;content: "";width: 30px;height: calc(100% - 15px);top: 0;left: 0;right: auto;margin-top: 0;background:linear-gradient(#ffc6aa,#f2d495);border: 1px #faa377 solid;}
.secpic-small .swiper-button-next{position: absolute;content: "";width: 30px;height: calc(100% - 15px);top: 0;left: auto;right: 0;margin-top: 0;background:linear-gradient(#ffc6aa,#f2d495);border: 1px #faa377 solid;}
.secpic-small .swiper-button-prev:after{background:url("../images/arrow.png")no-repeat center center;background-size: contain;color: #fff0;transform: rotateY(180deg)}
.secpic-small .swiper-button-next:after{background:url("../images/arrow.png")no-repeat center center;background-size: contain;color: #fff0;}
.secpic-small .swiper-pagination{bottom: 0;}
.secpic-small .swiper-pagination .swiper-pagination-bullet-active{background: #9fe4b6;}
.gallery-thumbs{padding-bottom: 15px;}
.gallery-thumbs .swiper-slide{border: 2px #fff0 solid;position: relative;cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active{border: 2px #23ffcd solid;}
.gallery-thumbs span.pic{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.gallery-thumbs span.word{position: absolute;content: "";width: 100%;bottom: 0;left: 0;z-index: 1;background: #0000008c;color: #fff;padding: 5px; z-index: 2;   overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sec6 .btn-box{position: absolute;content: "";width: 57.3%;left: 21%;top:60.6%;display: flex;align-items: center;justify-content: space-between;}
.sec6 .btn-box a{width: 13%;}
.sec6 .btn-box a:hover{filter: brightness(1.15);}
.sec6 .btn-box a.active{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}

.foot{padding: 1% 0;width:70%;margin:0 auto;font-size: 1rem;line-height: 1.5rem; }
.copyright{display: flex;align-items: flex-start;justify-content: space-between;}
.copyright .foot-box{display: flex;align-items: flex-start;justify-content: flex-start;flex: 1;}
.foot-left{display: flex;margin-right:1rem;}
.foot-left a{display: inline-block;width: 4rem;margin-right: 2%;}
.foot .ri{font-size: 1rem;line-height: 1.5rem;text-align: right;}


/*公共飘窗样式*/
.fc{position: fixed;width: 9%;right: -50%;top: 50%;z-index: 1000; transform: translate(0,-50%);transition: all 1s ease; text-align: center;z-index: 3;transition: all 1s ease;}
.fc.active{transform:translate(85%,-50%);transition: all 1s ease;}
.fc .pic{position: absolute;width: 96%;bottom: 84%;left:50%;transform:translate(-50%,0);z-index: 1;}
.fc .pic a{position: absolute;width: 100%;top: 0;left: 0;display: block;}
.fc.active .fc-close{opacity: 1;}
.fc .fc-btn{position:absolute;width: 76%;left: 50%;top: 18%;transform: translate(-50%,0);}
.fc .fc-btn a{display: flex;align-items: center;justify-content: center;width: 88%;margin: 0 auto 11%;   border-radius: 0.4rem;position: relative;overflow: hidden;}
/*.fc .fc-btn a:hover{ background: #42695c75;}*/
/*.fc .fc-btn a:after{position: absolute;content: "";width: 100%;height:4px;bottom: 0;left: 0;background: url("../images/dot-zs.png");background-size: 100% 100%;}*/
.fc .fc-btn a.btn-ios,.fc .fc-btn a.btn-google{margin-bottom: 8%;    width: 98%;}
.fc .fc-btn a{display: block;}
.fc .fc-btn a:hover{filter: brightness(1.12);}
.fc-close{position: absolute;width: 15%;top: 50%;left: 0;transform: translate(0,-50%);opacity: 0;}
.btn-top{position: absolute;width: 26%;height:13%;bottom: 4.5%;left: 50%;transform: translate(-50%,0);}

.fc-bot{position: fixed;content: "";width: 100%;bottom: -200px;left: 0;z-index: 1000;transition: all 1s ease;display: none;}
.fc-bot .pic{pointer-events: none;}
.fc-bot .pic span{width: 100%;display: block;position: absolute;}
.fc-bot a{position: absolute;content: "";    width: 28%;bottom: 3%;left: 1.5%;z-index: 3;}

body.scroll .fc{right: 0.2%}
@media(max-width:900px){  }
@media(max-width:540px){
    .banner .ingots{width: 6%;top: 17%;left: 71%;}
    .banner .btn-join{    width: 48%;top: 81%;left: 26%;}
    .sec3 .btn-box{width: 75%;top: 91%;}
    .sec3 .btn-box a{width: 46%;}
    .sec3 .copy.link1{    width: 47%;height: 2.6%;left: 7%;top: 12%;}
    .sec3 .copy.link2{    width: 50%;height: 2.6%;left: 25%;top: 88%;}
    .sec4 .reward{width: 42%;height: 49.5%;left: 30%;top: 19.5%;}
    .sec4 .reward span:nth-child(2){top: 27%;}
    .sec4 .reward span:nth-child(3){top: 58%;}
    .sec4 .reward span:nth-child(4){left: 1%;}
    .sec5{padding: 8% 0; background: url("../images/sec5-wap.jpg")no-repeat center center;background-size: 100% 100%;}
    .sec5 .title{width: 75%;}
    .video-box{width: 94%;}
    .secpic-small{padding: 0 30px;}
    .secpic-small .swiper-button-prev,.secpic-small .swiper-button-next{width: 23px;}
    .secpic-small .swiper-button-prev:after,.secpic-small .swiper-button-next:after{width: 66%;}
    .sec6 .btn-box{width: 92.3%;left: 4%;top: 52%;}
    .sec6 .btn-box a{width: 16%;}
    .foot{padding: 5% 0 15%;width: 93%;font-size: 1rem;    line-height: 1.4rem;}
    .copyright,.copyright .foot-box{display: block;}
    .foot-left{margin-bottom: 2%;}
    .foot .ri{text-align: left;margin-top: 3%;font-size: 1rem;    line-height: 1.4rem;}

    .fc{display: none;}

    body.scroll .fc-bot{bottom: 0px;display: block;}
    }

.copy{color: #c9812b;}

.pop-selfclose{ position: fixed;top:50%;left: 50%;    width: 25rem;transform: translate(-50%,-50%);display: none; z-index: 10001;    background: linear-gradient(to right, #52929500, #529295,#529295,#529295, #52929500);text-align: center;}
.pop-selfclose span{ font-weight: bold;color: #fff; font-size: 2rem;line-height:4rem; }

.popup{width:31%;padding:1% 2% 2%;position: fixed!important;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%)!important;margin: 0 auto;display: none;text-align: center;background:url(../images/pop-bg.png)no-repeat center center;background-size: 100% 100%;   z-index: 10;}
.popup .close{position: absolute;top: -3%;left: 103%;width: 4rem;cursor: pointer; }
.pop-inner{color: #3a4e51;font-size: 1.1rem;line-height: 1.8rem;}
.pop-inner span{color: #c9812b;}
.pop-inner b{font-weight: bold;}
.pop-inner p{margin-bottom: 2%;}

.popup-rule{text-align: left; min-width: 660px;   padding: 2% 2% 1%;}
.popup-rule .close{top: 6%;left: 86%;}
.popup-rule .title{width: 60%;margin: 0 auto 4%;}
.popup-rule .text-right{text-align: right;margin-top: -10%;}
.popup-rule .text-right img{width: 26%;}
@media(max-width:1200px){
    .pop-inner{font-size: 1.2rem;}
}
@media(max-width:900px){
    .popup{}
    .pop-inner{max-height: 32rem;font-size: 1.3rem;line-height: 1.8rem;}
    .popup .close{width: 2.4rem;}
}
@media(max-width:540px){
    .popup{width: 90%;padding: 4% 4% 9%;background:url(../images/pop-bg-wap.png)no-repeat center center;background-size: 100% 100%;}
    .pop-inner{max-height: 32rem;font-size: 1rem;line-height: 1.5rem;overflow: auto;}
    .popup .close{top: auto;left: auto;bottom: 101%;right: 0;}
    .popup .copy{font-size: 1rem}
    .popup-rule .close{top: 4%;left: 86%;}
    .popup-rule{min-width: inherit;padding: 5% 6% 3%;}
    .popup-rule .title{width: 82%;}
    .popup-rule .text-right{margin-top: -4%;}
    .popup-rule .text-right img{width: 40%;}

    .pop-selfclose span{font-size: 1.6rem;}
}



/*动效-转圈*/
/*调用-转圈*/ /*    animation:animate-turn 5s linear infinite;    */
@keyframes animate-turn {
    0% {transform: rotate(0deg);}
    to {transform: rotate(1turn);}
}

@keyframes animate-pos-turn {
    0% {transform: rotate(0deg) translate(-50%,-50%);}
    to {transform: rotate(1turn) translate(-50%,-50%);}
}

/*动效-按钮缩放*/
/*调用-按钮缩放*/ /*    animation:animate-zoom 2s linear infinite;    */
@keyframes animate-zoom {
    0% {transform: scale(0.95);}
    50% {transform: scale(1);}
    100% {transform: scale(0.95);}
}

@keyframes animate-zoom1 {
    0% {transform: scale(1.1);}
    50% {transform: scale(0);}
    100% {transform: scale(1.1);}
}

@keyframes animate-pos-zoom {
    0% {transform: scale(0.85) translate(-50%,0);}
    50% { transform: scale(1) translate(-50%,0);}
    100% {transform: scale(0.85) translate(-50%,0);}
}

@keyframes animate-pos1-zoom {
    0% {transform: scale(0.85) translate(0,-50%);}
    50% { transform: scale(1) translate(0,-50%);}
    100% {transform: scale(0.85) translate(0,-50%);}
}
@keyframes animate-pos2-zoom {
    0% {transform: scale(0.85) translate(-50%,-50%);}
    50% { transform: scale(1) translate(-50%,-50%);}
    100% {transform: scale(0.85) translate(-50%,-50%);}
}



/*动效-光效缩放*/
/*调用-光效缩放*/ /*        animation:animate-lightzoom 2s linear infinite;    */
@keyframes animate-lightzoom {
    0% {transform: scale(1);opacity: 0;}
    75% { transform: scale(0.8);opacity: 1;}
    100% { transform: scale(0);opacity: 1;}
}



/*动效-扫光*/  /*    background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.4), transparent, transparent );    */
/*调用-扫光*/ /*    animation:animate-wipes 2s linear infinite;    */
@keyframes animate-wipes {
    from {left:0;}
    to {left:100%;}
}



/*动效-左右摇晃*/
/*调用-左右摇晃*/ /*    transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;    */
@keyframes animate-shake {
    0%{transform:none}
    15%{transform:translate3d(-2%,0,0) rotate3d(0,0,1,-2deg);}
    30%{transform:translate3d(1%,0,0) rotate3d(0,0,1,1deg);}
    45%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
    60%{transform:translate3d(1%,0,0) rotate3d(0,0,1,2deg);}
    75%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
    100%{transform:none}
}
@keyframes animate-shake1 {
    0%{transform:none}
    15%{transform:translate3d(-1%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    30%{transform:translate3d(0.5%,0,0) rotate3d(0,0,0.5,0.5deg);}
    45%{transform:translate3d(-0.5%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    60%{transform:translate3d(0.5%,0,0) rotate3d(0,0,0.5,0.5deg);}
    75%{transform:translate3d(-0.5%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    100%{transform:none}
}



/*动效-风吹左右摇晃*/
/*调用-风吹左右摇晃*/ /*    transform-origin: center top;animation: animate-wind infinite 1s ease-in-out alternate;    */
@keyframes animate-wind {
    0% {transform: rotate(1deg);}
    100% {transform: rotate(-2deg);}
}

/*动效-云移動*/
/*调用-云移動*/ /*    animation: animate-cloud 0.8s linear infinite;    */
@keyframes animate-cloud {
    0% {transform:translate(0,0);}
    50% { transform:translate(-20%,0);}
    100% {transform:translate(0,0);}
}

/*动效-左右跳动*/
/*调用-左右跳动*/ /*    animation: animate-jump-lr 0.8s linear infinite;    */
@keyframes animate-jump-lr {
    0% {transform:translate(0,0);}
    50% { transform:translate(-6px,0);}
    100% {transform:translate(0,0);}
}

/*动效-左右跳动*/
/*调用-左右跳动*/ /*    animation: animate-jump-lrf 0.8s linear infinite;    */
@keyframes animate-jump-lrf {
    0% {transform:translate(0,0) rotateY(180deg);}
    50% { transform:translate(-6px,0) rotateY(180deg);}
    100% {transform:translate(0,0) rotateY(180deg);}
}

/*动效-上下跳动*/
/*调用-上下跳动*/ /*    animation: animate-jump 0.8s linear infinite;    */
@keyframes animate-jump {
    0% {transform:translate(0,0);}
    50% { transform:translate(0,-6px);}
    100% {transform:translate(0,0);}
}



/*动效-背景逐帧动效*/
/*调用-背景逐帧动效*/ /*    animation: animate-changebg 1s steps(3) infinite;    */
@keyframes animate-changebg {
    from{background-position:0 0;}
    to {background-position: -90px 0;}
}

@-webkit-keyframes scaleA {
    0% {opacity: 0;-webkit-transform: scale(1.4);}
    100% {opacity: 1;-webkit-transform: scale(1);}
}


/*左右摇晃动效*/ 
@-webkit-keyframes error-swing {
    0% {-webkit-transform: rotate(1deg)}
    100% {-webkit-transform: rotate(-2deg)}
}
@-moz-keyframes error-swing {
    0% {-moz-transform: rotate(1deg)}
    100% {-moz-transform: rotate(-2deg)}
}
@keyframes error-swing {
    0% {transform: rotate(1deg)}
    100% {transform: rotate(-2deg)}
}

@keyframes animate-card {
    0%{transform:rotateY(0deg);}
    15%{transform:rotateY(-60deg);}
    30%{transform:rotateY(60deg);}
    45%{transform:rotateY(-60deg);}
    60%{transform:rotateY(60deg);}
    75%{transform:rotateY(-60deg);}
    100%{transform:rotateY(0deg);}
}