/*全局样式*/
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y;line-height: 30px;font-family: "微軟雅黑";font-weight: 400; }
html {font: normal 12px "微軟雅黑";-webkit-text-size-adjust: 100%;}
body {position: relative;background: #edf3fd; -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,li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {color: #fff;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{color: #8290f4;}
input::placeholder {color: #8290f4;opacity: 1!important;}
/*input::-webkit-input-placeholder {color: #8290f4;}*/
input.name-work:-moz-placeholder{color: #8290f4;}
/*input:-moz-placeholder {color: #8290f4;}*/
input::-webkit-input-placeholder {color: #8290f4;}
input:-ms-input-placeholder {color: #8290f4;}

.auto{ margin:0 auto;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.wUp,.wzoom,.wfr,.wfi,.wfb{opacity: 0;}
.wUp.animated,.wzoom.animated,.wLeft.animated{opacity: 1;}
.section{position: relative;overflow: hidden;}
.section.active{-webkit-animation: scaleA 1s ease both;}
/*.fp-section.fp-table, .fp-slide.fp-table{display:inherit;}*/
.text-underline{text-decoration:underline ;}
i.sg{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.4), transparent, transparent );transition: all 650ms;-webkit-animation: sg 2s linear infinite;-moz-animation: sg 2s linear infinite;-ms-animation: sg 2s linear infinite;animation: sg 2s linear infinite;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}/*清除浮动代码*/
.clearfloat{zoom:1}
.pic-web{display: block;width: 100%;}
.pic-wap{display: none;}
.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;}
.pm-box{overflow: hidden;position: relative;}
.arrow-page{position: absolute;content: "";width: 1.6%;bottom: 1%;left: 49.2%;z-index: 3;animation: sx 2s ease-in infinite;}
.title{ margin: 0 auto;width: 29%;}
input::-webkit-input-placeholder{color: #8290f4;}
.pic-web{display: block;}
.pic-wap{display: none;}
.btn-dx:hover{transform: scale(0.95);opacity: 0.8; transition: all 1s ease;}
.btn-dx1:hover{transform: translate(0,-3px);opacity: 0.8; transition: all 1s ease;}
.section2{background: url(../images/bg2.jpg)no-repeat bottom center;background-size:100% 100%;padding: 2% 0 8%;margin-top: -1px;}
.section3{background: url(../images/bg3.jpg)no-repeat center center;background-size: 100% 100%;padding: 2% 0 4.5%;}
.section4{background: url(../images/bg4.jpg)no-repeat bottom center;background-size: 100% 100%;padding: 2% 0 7%;margin-top: -1px;}
.foot-rule{background: url(../images/bg5.jpg)no-repeat center center;background-size: 100% 100%;padding: 4% 25% 2%;margin-top: -1px;color: #dbeeff;}



body.dj{overflow: hidden!important;}

@media(max-width:1920px){
	.section2{padding: 1% 0 6%;}
}
@media(max-width:1750px){
	html{font-size:9px;}
    .tel{height: 48px;width: 99%;}
}
@media(max-width:1600px){
	html{font-size:8.5px;}
}

@media(max-width:1400px){
	.tel select{width: 33%;}
    .tel input{width: 67%}
}


@media(max-width:820px){
    html{font-size:10px;}
	.auto-1500{width: 100%;}
}
@media(max-width:540px){
    .section.active{-webkit-animation: scaleA 0s ease both;}
    .pic-web{display: none;}
    .pic-wap{display: block;}
    .red-dot{width: 0.6rem;height: 0.6rem;}
    .arrow-page{width: 6%;left: 47%;bottom: 6%;}
    .title{width: 75%;}
   
    
    .pic-web{display: none;}
    .pic-wap{display: block;}
    
    .section2{background: url(../images/bg2-wap.jpg)no-repeat bottom center;background-size:100% 100%;padding: 4% 0 15%;margin-top: -1px;z-index: 11;}
    .section3{background: url(../images/bg3-wap.jpg)no-repeat center center;background-size: 100% 100%;padding: 5% 0 13.5%;}
    .section4{background: url(../images/bg4-wap.jpg)no-repeat bottom center;background-size: 100% 100%;padding: 6% 0 7%;margin-top: -1px;}
    .foot-rule{background: url(../images/bg5-wap.jpg)no-repeat center center;background-size: 100% 100%;padding: 4% 6% 2%;margin-top: -1px;color: #dbeeff;}
     
    
}
@media(max-width:361px){
	html{font-size:9px;}
}


/*.section1{z-index: 1001;}*/
.section1 .pic{position: relative;}
.banner-video-box{position: absolute;width: 100%;left: 0;top: 0;}
.banner-video-box .bannervideo{background: #000;}
.yyly{position: absolute;top: 58%;width: 36%;left: 32%;}
.yyly .banner-join{width: 43%;display: block;margin: 0 auto 24%;animation: zt 2s linear infinite;}
.yyly .time{text-align: center;font-size: 1.5rem;color: #fff;background: linear-gradient(to right, rgba(159, 120, 32, 0), #8794e8, rgba(159, 120, 32, 0));padding: 1% 0;margin-bottom: 3%;}
.yyly .time p{text-shadow: 0 0 5px #373cc1;-webkit-text-stroke: 4px transparent;position: relative;}
.banner-rule{font-size: 1rem;color: #fce6ee;margin-top: 2%;}

.banner-reward{position: relative;}
.star-box{position: absolute;top: 30%;left: 0%;height: 70%;width: 100%;}
.star-box span{position: absolute;width: 3rem;top: 32%;left: 6.5%;pointer-events: none;z-index: 4;animation: animate-lightzoom 2s linear infinite;display: inline-block;}
.star-box span:nth-child(2){top: 19%;left: 15%;}
.star-box span:nth-child(3){top: 45%;left: 38%;}
.star-box span:nth-child(4){top: 36%;left: 62%;}



.sec2{width: 35%;margin: 3% auto 0;background: url(../images/vote-bg.png) no-repeat center center;background-size: 100% 100%;padding: 4% 3%;}

.from{width: 100%;margin: 0 auto;    display: flex;}
.from .select2-search input{background: #fff;color: #8290f4;}
.gender-idw{width: 50%;position: relative;}
.gender-idw select.gender{line-height: 50px;height: 50px;background: url(../images/form-1.png) no-repeat center center;background-size: 100% 100%;color: #8290f4;width: 97%;font-size: 1.1rem;border-radius: 10px;padding-left: 17%;margin: 0 1%;cursor: pointer;
  -webkit-appearance: none; /* 移除默认样式 */
  -moz-appearance: none; /* 移除默认样式 */
  appearance: none; /* 移除默认样式 */}
.gender-idw i.gender-arrow{position: absolute;
  right: 16%; /* 箭头位置 */
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent; /* 左边边框透明 */
  border-right: 5px solid transparent; /* 右边边框透明 */
  border-top: 5px solid #ffc4e9; /* 上边边框颜色 */
  pointer-events: none; /* 使箭头不响应鼠标事件 */}


.role-idw{width: 50%;position: relative;}
.role-idw select.role{line-height: 50px;height: 50px;background: url(../images/form-1.png) no-repeat center center;background-size: 100% 100%;color: #8290f4;width: 97%;font-size: 1.1rem;border-radius: 10px;padding-left: 17%;margin: 0 1%;cursor: pointer;
  -webkit-appearance: none; /* 移除默认样式 */
  -moz-appearance: none; /* 移除默认样式 */
  appearance: none; /* 移除默认样式 */}
.role-idw i.role-arrow{position: absolute;
  right: 16%; /* 箭头位置 */
  top: 44%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent; /* 左边边框透明 */
  border-right: 5px solid transparent; /* 右边边框透明 */
  border-top: 5px solid #ffc4e9; /* 上边边框颜色 */
  pointer-events: none; /* 使箭头不响应鼠标事件 */}


select.select2-hidden-accessible{    border: 0 !important;clip: rect(0 0 0 0) !important;-webkit-clip-path: inset(50%) !important;clip-path: inset(50%) !important;height: 1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;white-space: nowrap !important;}
.select2-selection{position: relative;display: block;width: 100%!important; margin-bottom: 10px;line-height: 50px;height: 50px;font-size: 1.1rem;margin-bottom: 0;padding-left: 17%;text-align: left;background: url(../images/form-1.png) no-repeat center center;background-size: 100% 100%;border: none;color: #8290f4;border-radius: 10px;}
.select2-selection .select2-selection__arrow{position: absolute;border-color: #ffc4e9 transparent transparent transparent;border-width: 6px 5px 0 5px;border-style: solid;height: 0;right: 14%;margin-top: -2px;position: absolute;top: 50%;width: 0;}
/*.select2-selection .select2-selection__arrow:after{content:"";border-color: #fff transparent transparent transparent;border-width: 7px 3px 0 3px;border-style: solid;position: absolute;top: 10%;}*/
.select2-container--open .select2-dropdown{position: absolute;z-index: 99999;max-height: 184px;overflow: auto;background: #fff;border: 1px #eee solid;}
.select2-results__options li{padding: 1.5% 0 1.5% 3%;background: #8290f4;border: none;color: #fff;text-align: left;    font-size: 1.3rem;}
.select2-container{   box-sizing: border-box;display: inline-block;margin: 0;margin-bottom:2%; position: relative;vertical-align: middle;}
.select2-container--below {width: 50%!important; }
.select2-search__field{line-height: 40px;height: 40px;padding-left: 3%;width: 80%;    border: none;color: #8290f4;font-size: 1.3rem;}

.sec2 .complete{display: flex;width: 49%;margin: 0 1%;}
.sec2 .complete input.name-fill{width: 100%;background: url(../images/form-1.png) no-repeat center center;background-size: 100% 100%;height: 50px;color: #8290f4;font-size: 1.1rem;padding-left: 18%;}


.sec2 .word{display: flex;}
.sec2 .word p{width: 50%;}
.sec2 .word input{width: 100%;background: url(../images/form-1.png) no-repeat center center;background-size: 100% 100%;height: 50px;color: #8290f4;font-size: 1.1rem;padding: 0 17%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sec2 .intro{display: flex;margin-top: 3%;}
.sec2 .intro input{width: 100%;background: url(../images/form-2.png) no-repeat center center;background-size: 100% 100%;height: 50px;color: #8290f4;font-size: 1.1rem;padding-left: 8%;}

.sec2 .mid{margin-top: 9%;}
.sec2 .pic-frame{    border: #8794e8 solid 2px;margin: 3% auto;width: 86%;text-align: center;min-height: 280px;background-size: cover;    background: #fff;}
.sec2 .pic-frame img{max-height: 100%;width: auto;}

.btn-team{    line-height: 50px;margin-top: 3%;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.input1{width: 56%;height: 50px;border: #f7d9c1 solid 2px;float: left;border-top-left-radius: 35px;border-bottom-left-radius: 35px;}
.choose-pic{position: relative;float: left;display: block;width: 24%;height: 50px;background: linear-gradient(to bottom, #a4c2ff, #9ab0ff);color: #fff;font-size: 1.1rem;line-height: 50px;cursor: pointer;text-align: center;    border-top-right-radius: 35px;border-bottom-right-radius: 35px;}
.choose-pic input{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;z-index: 2;}
.btn-choose{color: #fff;text-shadow: 0 0 4px #4758ce;}
a.btn-contri{    float: left;display: block;width: 21%;cursor: pointer;margin-left: 1%;}
.mid .ps{text-align: center;font-size: 0.9rem;color: #5063cb;margin: 1% 0 3%;}
.mid-btn{display: flex;justify-content: center;}
.mid-btn a{    margin: 0 1%;animation: zt 2s linear infinite;}
.mid p.tips{font-size: 1rem;text-align: center;color: #5063cb;margin-top: 1%;}
.sec2 .num{display: flex;color: #fff;font-size: 1.1rem;margin-top: 7%;}
.sec2 .num p:nth-child(1){width: 20%;text-align: center;line-height: 3rem;background: linear-gradient(to bottom, #a4c2ff, #9ab0ff);border-top-left-radius: 35px;border-bottom-left-radius: 35px;text-shadow: 0 0 4px #4758ce;}
.sec2 .num p:nth-child(2){width: 65%;background: #fff;text-align: left;line-height: 3rem;color: #8f9fc9;padding-left: 2%;border-top: #f7d9c1 2px solid;border-right: #f7d9c1 2px solid;border-bottom: #f7d9c1 2px solid;border-top-right-radius: 35px;border-bottom-right-radius: 35px;}
.sec2 .num a{float: left;width: 23%;height: 50px;cursor: pointer;margin-left: 1%;line-height: 50px;}

.sec2-per{position: absolute;width: 18%;top: 20%;left: 17%;}


.sec3{width: 63%;margin: 1% auto;}
.sec3 dl{display: flex;flex-wrap: wrap;}
.sec3 dd{position: relative;width: 49%;background: url(../images/content-bg.jpg) no-repeat center center;background-size: 100% 100%;padding: 2% 2% 6%;margin: 0.5%;}
.sec3 dd .rank{display: flex;justify-content: space-between;font-size: 1.3rem;color: #8595f5;margin-bottom: 3%;}
.sec3 dd .rank-btn{display: flex;position: absolute;width: 57%;left: 37%;top: 77%;justify-content: center;}
.sec3 dd .rank-btn a{width: 45%;margin: 0 1%;position: relative;}
.sec3 dd .rank-btn a.btn-vote:after{position: absolute;content: "";width: 25%;bottom: 19%;height: 2rem;left: -27%;background: url(../images/dot-3.png) no-repeat center center;background-size: 100% 100%;animation: animate-jump 1s linear infinite;}
.sec3 dd .content{display: flex;}
.sec3 dd .content .pic{position: relative;text-align: center;background-size: contain;border: 6px #fff solid;border-radius: 4px;box-shadow: 0px 0px 6px 1px #0b324bb0;margin-right: 1%;width: 41%;background-position: center;background-repeat: no-repeat;}
.sec3 dd .content .pic p{    position: relative;display: inline-block;}
.sec3 dd .content ul{width: 100%;}
.sec3 dd .content ul li{display: flex;font-size: 1.1rem;align-items: center;margin-left: 5%;}
.sec3 dd .content ul li:nth-child(5){    align-items: flex-start;}
.sec3 dd .content ul li p:nth-child(1){    width: 24.2%;color: #8595f5;}
.sec3 dd .content ul li p{    width: 80%;color: #7a8ba0;position: relative;}
.sec3 dd .content ul li p:nth-child(1):after{position: absolute;content: "";width: 15%;bottom: 30%;height: 1rem;left: -19%;background: url(../images/dot-2.png) no-repeat center center;background-size: 100% 100%;}
.sec3 dd .content ul li p:nth-child(2){    border: 1px #9ec4f5 solid;width: 45%;text-align: center;margin: 1% 1.5%;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.sec3 dd .content ul li p.content-word{width: 100%;text-align: left;background: url(../images/word-bg.png) no-repeat center center;background-size: 100% 100%;padding: 2% 1% 2% 5%;border: none;line-height: 1.2rem;font-size: 1rem;color: #885930;margin: 0;height: 8vh;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;white-space: normal;}
.sec3 dd .content ul li:nth-child(5) p:nth-child(1){width: 32%;}
.sec3 dd .ydc{position: absolute;width: 21%;top: 24%;left: 77%;}
.page{     text-align: center;margin-top: 2%;}
.page ul{ display: flex;align-items: center;justify-content: center;}
.page li{display: inline-block;margin: 0 0.5%;}
.page li a{display: flex;width: 40px;height: 40px;font-size: 1.3rem;color: #fff;text-align: center;border-radius: 3px;justify-content: center;align-items: center;border: 1.5px #fff solid;}
.page li.prev a, .page li.next a{border: none;    width:1.5rem;}
.page li.prev a{transform: rotateY(180deg);}
.page li.active a{background: #889cf3;border: none;}



.section4 dl{    width: 59%;margin: 2% auto 0;}
.section4 dl dd{margin: 2% auto 0;position: relative;}
.section4 dl dd .star-box span{top: 27%;left: 17.5%;}
.section4 dl dd .star-box span:nth-child(2){top: 3%;left: 21.5%;}
.section4 dl dd .star-box span:nth-child(3){top: 30%;left: 22.8%;}
.section4 dl dd .star-box span:nth-child(4){top: 21%;left: 30%;}



.foot-rule b{color: #ffeba6;font-size: 1.5rem;    font-weight: normal;}
.foot-rule p{line-height: 1.4rem;font-size: 0.9rem;}


/*移动端底部浮窗样式*/
.fc-bot{position: fixed;bottom: 0;left: 50%;transform: translate(-50%, 0);width: 50%;z-index: 200000;display: none;}
.fc-bot .pic .pic-fc-bot .swiper-slide{opacity: 0!important;}
.fc-bot .pic .pic-fc-bot .swiper-slide-active{opacity: 1!important;}



@media(max-width:1920px){
    .yyly{position: absolute;top: 57%;width: 40%;left: 30%;}
    .yyly .time{color: #fff;padding: 0.5% 0;margin-bottom: 1%;}
    .yyly .time i{top: 2.5%;left: 13%;}
    .yyly .time i:nth-child(3){left: 83%;}
    
    .star-box span{position: absolute;width: 3rem;top: 32%;left: 7%;pointer-events: none;z-index: 4;animation: animate-lightzoom 2s linear infinite;display: inline-block;}
    .star-box span:nth-child(2){top: 20%;left: 15.5%;}
    .star-box span:nth-child(3){top: 45%;left: 38%;}
    .star-box span:nth-child(4){top: 38%;left: 63%;}
    
    .sec2{width: 40%;padding: 3% 4%;margin: 1% auto 0;}
    .sec2 .mid{margin-top: 4%;}
    .sec2 .num{margin-top: 4%;}
    .sec3 dd .content .pic{width:  50%;}
    
    .sec3 dd .rank-btn{width: 57%;left: 41%;top: 79%;}

}



@media(max-width:540px){
    .section1{z-index: 1001;}
    .banner-video-box{height: auto;}
    .yyly{        top: 62%;width: 94%;left: 3%;}
    .yyly .time{font-size: 1.3rem;}
    .yyly .time i{top: 2%;    left: 5%;}
    .yyly .time i:nth-child(3){    left: 91%;}
    .yyly .banner-join{width: 53%;margin: 0 auto 9%;}
    .banner-rule{font-size: 0.9rem;}
    .banner-rule p{line-height: 1.2rem;}
    
    .star-box span{top: 32%;left: 0.5%;}
    .star-box span:nth-child(2){top: 16%;left: 11.5%;}
    .star-box span:nth-child(3){top: 45%;left: 36%;}
    .star-box span:nth-child(4){top: 34%;left: 63%;}
    
    
    .sec2{width: 97%;padding: 9% 5% 10%;background: url(../images/vote-bg-wap.png) no-repeat center center;
    background-size: 100% 100%;margin: 1% auto 0;}
    .sec2-per{display: none;}
    
    .select2-selection{line-height: 40px;height: 40px;padding-left: 14%;}
    .gender-idw select.gender{line-height: 40px;height: 40px;padding-left: 14%;}
    .role-idw select.role{line-height: 40px;height: 40px;padding-left: 14%;}
    .select2-search__field{width: 70%;font-size: 1rem;}
    
    .sec2 .word input{height: 40px;padding: 0 14%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .sec2 .intro input{height: 40px;    padding-left: 7%;}
    .sec2 .complete input{height: 40px;    padding-left: 14%;}
    .sec2 .pic-frame{min-height: 165px;}
    .btn-team{line-height: 35px;}
    .input1{height: 32px;}
    .choose-pic{height: 32px;line-height: 32px;}
    a.btn-contri{width: 31%;}
    .mid .ps{    margin: 2% 0 3%;}
    .mid .ps p{line-height: 1.2rem;}
    .sec2 .num{align-items: center;margin-top: 0%;}
    .sec2 .num p:nth-child(1){width: 21%;line-height: 2.5rem;}
    .sec2 .num p:nth-child(2){line-height: 2.5rem;width: 50%;}
    .sec2 .num a{height: auto;line-height: 0;    width: 28%;}
    
    .sec3{    width: 91%;}
    .sec3 dd{width: 100%;padding: 2.5% 5% 20%;margin: 1% 0;background: url(../images/content-bg-wap.jpg) no-repeat center center;background-size: 100% 100%;}
    .sec3 dd.lostwap{display: none;}
    .sec3 dd .rank{    font-size: 1.5rem;}
    .sec3 dd .content .pic{height: 16rem;width: 76%;border-radius: 3px;box-shadow: 0px 0px 2px 1px #0b324b80;border: 2px #fff solid;}
    .sec3 dd .content ul li{    margin: 3% 0 0 6%;}
    .sec3 dd .content ul li p:nth-child(2){    margin: 0% 1.5%;line-height: 1.8rem;width: 69%;}
    .sec3 dd .rank-btn{width: 90%;left: 6%;top: 81%;}
    .sec3 dd .rank-btn a.btn-vote:after{width: 21%;bottom: 66%;height: 1.5rem;left: -17%;}
    .sec3 dd .content ul li p:nth-child(1){width: 27.2%;line-height: 1.2rem;}
    .sec3 dd .content ul li:nth-child(5){flex-direction: column;}
    .sec3 dd .content ul li p.content-word{width: 105%;margin-left: -3%;line-height: 1.2rem;padding: 4% 5% 2% 6%;}
    .sec3 dd .ydc{    width: 21%;top: 11%;left: 2%;}
    .page{margin-top: 6%;}
    .page li{margin: 0 1%;}
    .page li a{width: 30px;height: 30px;}
    
    
    .section4 dl{width: 93%;}
    .section4 dl dd .star-box span{top: 31%;left: -0.5%;}
    .section4 dl dd .star-box span:nth-child(2){left: 6.5%;}
    .section4 dl dd .star-box span:nth-child(3){left: 11.8%;}
    .section4 dl dd .star-box span:nth-child(4){    top: 29%;left: 18.3%;}
    
    .fc-bot{display: block;width: 100%;z-index: 10;}
    .fc-bot a{position: absolute;width: 34%;top: 58%;right: 2%;z-index: 1001;overflow: hidden;animation: zt 2s linear infinite;}
    
    
}








.fc{padding: 0.1% 1% 0.5% 1%;position: fixed;width: 9%;text-align: center;right: 0%;top: 45%;transform: translate(0, -50%);background: url(../images/fc-bg.png) no-repeat center center;background-size: 100% 100%;z-index: 1000;}
.fc-btn{display: flex;flex-direction: column;align-items: center;}
.fc a{    position: relative;font-size: 1rem;color: #0077e4;overflow: hidden;display: flex;align-items: center;margin: 4% 0;}
.fc a span{    width: 12%;margin-right: 3%;}
.fc a:nth-child(1){    margin: 4% 0 9% 0;color: #fff;width: 100%;justify-content: center;text-shadow: 0 0 3px #e39d79;-webkit-text-stroke: 3px transparent;background: linear-gradient(90deg, #e39d79, #e39d79, #e39d79) top left / 100% 100%;-webkit-background-clip: text;}


@media(max-width:1920px){
    .fc{padding: 0.1% 1% 1% 1%;}
    .fc a{font-size: 1.2rem;}
    
}

@media(max-width:540px){
    .fc{display: none;}
    
    
    
}














.notice{font-size: 1.3rem;position: absolute;z-index: 6;color: #d1dfff;line-height: 3rem;width: 64%;top: 59%;left: 17%;z-index: 2}

.foot-bot{text-align: center;margin-top: -15%;z-index: 2;position: relative;margin-bottom: 6.4%;}
.foot-bot a{display: inline-block;margin: 0 2%;color: #fff;font-size: 1.6rem;}
.foot-bot a b{display: inline-block;max-width: 9rem;}
.foot-bot a span{display: block;}

.foot{padding: 3rem 11%;width: 100%;background: #fff;}
.foot-left{float: left;margin-right: 1%;}
.foot-left a{display: inline-block;margin: 0 5px;width: 5rem;height: 5rem;background: url(../images/foot.png)no-repeat 0 0;background-size: 300% 100%;}
.foot-left a.foot2{background-position: -5rem 0;}
.foot-left a.foot3{background-position: -10rem 0;}
.foot-right{float: left;color: #495174;font-size: 0.9rem;}
.foot-right p{line-height: 1.5rem;}
.ri{float: right;color: #495174;}
.ri p{line-height: 1.5rem;}

@media(max-width:3000px){
    .foot-bot{text-align: center;margin-top: -15%;z-index: 2;position: relative;margin-bottom: 8.4%;}

}

@media(max-width:1920px){
    .foot-bot{text-align: center;margin-top: -15%;z-index: 2;position: relative;margin-bottom: 6.4%;}

}


@media(max-width:1600px){
    .notice{font-size: 1.5rem;line-height: 3rem;top: 56%}
    .notice p:first-child{font-size: 1.3rem;}

}
   

@media(max-width:540px){
    .notice{width: 90%;margin: 0 auto 0;font-size: 1rem;line-height: 1.7rem;padding-bottom: 23%;}
    .notice p{font-size: 0.9rem;line-height: 1.5rem;}
    .notice{top: 60%;left: 6%;}
    .foot-bot{margin-top: -32%;margin-bottom: 5%}
    .foot-bot a{font-size: 1rem;width: 23%;}
    .foot-bot a b{max-width: 4rem;}
    .foot{padding: 3rem 3%;padding-bottom: 25%;}
    .foot-left a{width: 3rem;height: 3rem;}
    .foot-left a.foot2{background-position: -3rem 0;}
    .foot-left a.foot3{background-position: -6rem 0;}
    .foot-right{font-size: 1rem;}
    .foot-right p{line-height: 1.8rem;}
    .ri{float: left;margin-top: 2%;}
    
}
@media(max-width:380px){
    .notice{font-size: 0.9rem;line-height: 1.5rem;}
}

@media(max-width:320px){
    .notice{font-size: 0.8rem;line-height: 1rem;}
}






.foot-pic{width: 64%;position: absolute;top: 20%;left: 50%;transform: translate(-50%, 0);padding-bottom: 15px;border-bottom: 1px #6a6963 solid;}
.btn-store{width: 100%;position: relative;text-align: center;}
.btn-store a{width: 23%;display: inline-block;margin: 2%;position: relative;overflow: hidden;}
.link-pic{width: 100%;position: relative;text-align: center;}
.link-pic a{display: inline-block;margin: 1%;width: 31%;}
.foot-top{width: 55%;position: absolute;top: 67%;left: 28%;}
.foot-top-left{width: 13%;display: inline-block;}
.foot-top-mid{display: inline-block;margin: 2%;vertical-align: bottom;}
.foot-top-right{display: inline-block;margin: 2%;vertical-align: bottom;}
.foot-top p{padding-bottom: 5px;border-bottom: 1px #6a6963 solid;margin-bottom: 12px;font-size: 1.5rem;line-height: 2.8rem;height: 29px;color: #e1d2a9;}
.foot-share{float: left;width: 55%;position: relative;margin-top: -5%;margin-left: 21%;text-align: center;}
.foot-share span{font-size: 1.8rem;line-height: 2.8rem;height: 29px;color: #e1d2a9;margin-right: 1%;}
.foot-share a{position: relative;display: inline-block;width: 4rem;height: 4rem;text-align: center;margin-right: 1rem;background: #76aaeb;border-radius: 50%;vertical-align: middle;}
.foot-share a.icon-yb{background: #1278f4;}
.foot-share a.icon-dc{background: #8c9eff;}
.foot-share a img{position: absolute;width: 60%;height: 52%;top: 50%;left: 50%;transform: translate(-50%,-50%);}

@media(max-width:1600px){
    .foot-pic{width: 71%;top: 20%;}
    .btn-store a{width: 19%;}
    .link-pic a{margin: 0 1%;width: 31%;}
}

@media(max-width:1700px){
    .foot-bot{margin-top: -16%;margin-bottom: 8%;}
    
}

@media(max-width:1500px){
    .foot-bot{margin-top: -16%;margin-bottom: 7%;}
}




@media(max-width:540px){
	.foot-pic{top: 14%;width: 80%;}
    .btn-store a{width: 37%;margin: 2%;}
    .link-pic a{width: 47%;margin-bottom: 4%;}
    .foot-top{width: 80%;top: 50%;left: 10%;}
    .foot-top-left{width: 24%;display: block;margin: 0 auto 3%;}
    .foot-top-mid,.foot-top-right{display: block;vertical-align: bottom;position: relative;text-align: center;}
    .foot-top p{font-size: 1rem;line-height: 1.5rem;margin-bottom: 0;border-bottom: none;}
    .foot-share{width: 61%;margin-top: -20%;margin-left: 18%;}
    .foot-share span{font-size: 1rem;line-height: 2.8rem;margin-right: 1%;}
    .foot-share a{width: 3rem;height: 3rem;}
    .foot-bot{margin-top: -28%;margin-bottom: 4%;}
    
}










/*共用弹框样式*/
.pop-selfclose{ position: fixed;top:50%;left: 50%;transform: translate(-50%,-50%);display: none; z-index: 10001;background:url(../images/dot-5.png)no-repeat center center;background-size: 100% 100%;padding: 0% 2%;}
.pop-selfclose span{ color:#fff; font-size: 1.3rem;line-height:2.2rem; }

.copy{color: #fff2c6;}


.popup{width: 60%;min-height: 20%;position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;display: none;padding: 3% 1%;text-align: center;}
.popup:after{position: absolute;content: "";width: 100%;height: 100%;top: 0%;left: 50%;background: url(../images/pop-bg.png) no-repeat center center;background-size: 100% 100%;transform: translate(-50%, 0);z-index: -1;}


.pop-title{position: relative;background: url(../images/pop-title.png) no-repeat center center;background-size: 100% 100%;padding: 1.5% 1% 1.5%;text-align: center;font-size: 2rem;color: #74bde0;width: 90%;margin: 0 auto;}
.pop-title span{font-size: 1.8rem;}

.pop-inner{position: relative;color: #fcf7ff;font-size: 1.8rem;line-height: 3rem;z-index: 2;padding: 1.5% 5%;text-align: center;height: 495px;overflow: auto;}
.pop-inner p{font-size: 1rem;line-height: 2rem;width: 100%;margin: 0 auto;color: #646262;}
.pop-inner span{color: #bf1b1b;font-size: 1.8rem;}
.pop-inner a{position: relative;font-size: 2.5rem;color: #ffefc3;margin: 4% 2% 0;padding: 1% 3%;display: inline-block;width: 49%;overflow: hidden;}
.pop-inner a.btn{;text-decoration: none;line-height: 5rem;display: inline-block;padding: 0.5% 7%;margin: 2% 2% 0;}
.pop-inner a.btn span{font-size: 1.6rem;color: #fff;}
.popup h3{font-size: 1.5rem;line-height: 2.8rem;position: relative;display: inline-block;color: #6f6f6f;margin-left: 44%;}
.popup h3 span{position: relative;display: inline-block;background: linear-gradient(#a55151,#25557e);-webkit-background-clip: text;color: transparent;}
.popup .close{position: absolute;top: 0%; right: 1%;width: 5%;cursor: pointer;transform: translate(50%,-50%);    -webkit-transition: transform .5s ease-in-out .1s;-o-transition: transform .5s ease-in-out .1s;-moz-transition: transform .5s ease-in-out .1s;transition: transform .5s ease-in-out .1s;z-index: 3;}



.popup-check dl{display: flex;flex-wrap: wrap;}
.popup-check dd{position: relative;width: 48%;background: url(../images/pop-content-bg.jpg) no-repeat center center;background-size: 100% 100%;padding:3% 2% 3%;margin: 1%;}
.popup-check dd .rank{display: flex;justify-content: space-between;font-size: 1.3rem;color: #8595f5;margin-bottom: 3%;}
.popup-check dd .rank-btn{display: flex;position: absolute;width: 57%;left: 37%;top: 77%;justify-content: center;}
.popup-check dd .rank-btn a{width: 45%;margin: 0 1%;position: relative;}
.popup-check dd .rank-btn a.btn-vote:after{position: absolute;content: "";width: 25%;bottom: 19%;height: 2rem;left: -27%;background: url(../images/dot-3.png) no-repeat center center;background-size: 100% 100%;animation: animate-jump 1s linear infinite;}
.popup-check dd .content{display: flex;}
.popup-check dd .content .pic{position: relative;text-align: center;background-size: contain;border: 6px #fff solid;border-radius: 5px;box-shadow: 0px 0px 6px 1px #0b324bb0;margin-right: 1%;width: 42%;background-position: center;background-repeat: no-repeat;}
.popup-check dd .content .pic p{    position: relative;display: inline-block;}
.popup-check dd .content ul{width: 70%;}
.popup-check dd .content ul li{display: flex;font-size: 1.1rem;align-items: center;margin-left: 5%;}
.popup-check dd .content ul li:nth-child(5){    align-items: flex-start;}
.popup-check dd .content ul li p:nth-child(1){    width: 24.2%;color: #8595f5;margin: 0;text-align: left;}
.popup-check dd .content ul li p{    width: 80%;color: #7a8ba0;position: relative;}
.popup-check dd .content ul li p:nth-child(1):after{position: absolute;content: "";width: 15%;bottom: 30%;height: 1rem;left: -19%;background: url(../images/dot-2.png) no-repeat center center;background-size: 100% 100%;}
.popup-check dd .content ul li p:nth-child(2){    border: 1px #9ec4f5 solid;width: 50%;text-align: center;margin: 1% 1.5%;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.popup-check dd .content ul li p.content-word{width: 100%;text-align: left;background: url(../images/word-bg.png) no-repeat center center;background-size: 100% 100%;padding: 2% 1% 2% 5%;border: none;line-height: 1.2rem;font-size: 0.9rem;color: #885930;margin: 0;height: 4.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;white-space: normal;overflow: hidden;}
.popup-check dd .content ul li:nth-child(5) p:nth-child(1){width: 44%;}
.popup-check dd .ydc{position: absolute;width: 21%;top: 24%;left: 76%;display: none;}
.popup-check dd .ydc.active{display: block;}


.popup-normal{width: 34%;}
.popup-normal .pop-inner{height: auto;}
.popup-normal .pop-inner p{line-height: 3rem;}
.popup-normal .pop-inner p a{color: #bf1b1b;font-size: 1.3rem;margin: 0;padding: 0;width: auto;display: initial;}


@media(max-width:1920px){
    .pop-inner{height: 425px;}
    
}




@media(max-width:540px){
    .pop-selfclose{width: 44%;text-align: center;}
    .pop-selfclose span{font-size: 1.4rem;line-height: 0;}
    
    .popup{    width: 95%;padding: 8% 1% 10%;}
    .popup:after{;left: 50%;background: url(../images/pop-bg-wap.png) no-repeat center center;background-size: 100% 100%;}
    .pop-inner{height: 230px;padding: 2.5% 4% 0 6%;}
    .pop-title{font-size: 1.5rem;}
    .pop-title span{font-size: 1.5rem;}
    .popup-check dd{    width: 100%;padding: 4% 4% 3%;margin: 2% 1%;}
    .popup-check dd .content ul li p.content-word{line-height: 1.2rem;font-size: 0.9rem;}
    
    .popup-normal .pop-inner p{line-height: 2rem;}
    
}


/*公共动画样式*/
@keyframes wobble {
    0% {-webkit-transform: none;transform: none}
    15% {-webkit-transform: translate3d(-6%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-6%, 0, 0) rotate3d(0, 0, 1, -5deg)}
    30% {-webkit-transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 3deg)}
    45% {-webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -3deg)}
    60% {-webkit-transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(4%, 0, 0) rotate3d(0, 0, 1, 2deg)}
    75% {-webkit-transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-2%, 0, 0) rotate3d(0, 0, 1, -1deg)}
    100% {-webkit-transform: none;transform: none}
}



@-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)}
}



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



@-webkit-keyframes b { 0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }}
@-moz-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn); }}
@-o-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}
@-ms-keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);
    transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}
@keyframes b {  0% {-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}
    to { -o-transform: rotate(1turn); -webkit-transform: rotate(1turn); -moz-transform: rotate(1turn); -ms-transform: rotate(1turn); transform: rotate(1turn) }}

@-webkit-keyframes b1 { 0% {-o-transform: rotate(0deg) translate(-50%,-50%);-webkit-transform: rotate(0deg) translate(-50%,-50%);-moz-transform: rotate(0deg) translate(-50%,-50%);-ms-transform: rotate(0deg) translate(-50%,-50%);transform: rotate(0deg) translate(-50%,-50%);}
    to { -o-transform: rotate(1turn) translate(-50%,-50%); -webkit-transform: rotate(1turn) translate(-50%,-50%); -moz-transform: rotate(1turn) translate(-50%,-50%); -ms-transform: rotate(1turn) translate(-50%,-50%); transform: rotate(1turn) translate(-50%,-50%); }}



@keyframes sg { from {left:0;}
    to {left:100%;}}
@-webkit-keyframes sg /* Safari 和 Chrome */ { from {left:0;}
    to {left:100%;}}
@-moz-keyframes sg /* Firefox */ { from {left:0;}
    to {left:100%;}}
@-o-keyframes sg /* Opera */ { from {left:0;}
    to {left:100%;}}



@keyframes zt { 0% {transform: scale(0.9);}
                   50% { transform: scale(1);  }
    100% {transform: scale(0.9);}}
@-webkit-keyframes zt /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(0.9);}
                   50% { -webkit-transform: scale(1); }
    100% {-webkit-transform: scale(0.9);}}
@-moz-keyframes zt /* Firefox */ { 0% {-moz-transform: scale(0.9);}
                   50% { -moz-transform: scale(1); }
    100% {-moz-transform: scale(0.9);}}
@-o-keyframes zt /* Opera */ { 0% {-o-transform: scale(0.9);}
                   50% { -o-transform: scale(1); } 
    100% {-o-transform: scale(0.9);}}



@keyframes zt1 { 0% {transform: scale(0.8);}
                   50% { transform: scale(1);  }
    100% {transform: scale(0.8);}}
@-webkit-keyframes zt1 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(0.8);}
                   50% { -webkit-transform: scale(1); }
    100% {-webkit-transform: scale(0.8);}}
@-moz-keyframes zt1 /* Firefox */ { 0% {-moz-transform: scale(0.8);}
                   50% { -moz-transform: scale(1); }
    100% {-moz-transform: scale(0.8);}}
@-o-keyframes zt1 /* Opera */ { 0% {-o-transform: scale(0.8);}
                   50% { -o-transform: scale(1); } 
    100% {-o-transform: scale(0.8);}}



@keyframes zt2 { 0% {transform: scale(1.15) translate(-50%,0);transform-origin:0 50%;}
                   50% { transform: scale(1) translate(-50%,0); transform-origin:0 50%; }
    100% {transform: scale(1.15) translate(-50%,0);transform-origin:0 50%;}}
@-webkit-keyframes zt2 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(1.15) translate(-50%,0);-webkit-transform-origin:0 50%;}
                   50% { -webkit-transform: scale(1) translate(-50%,0);-webkit-transform-origin:0 50%; }
    100% {-webkit-transform: scale(1.15) translate(-50%,0);-webkit-transform-origin:0 50%;}}
@-moz-keyframes zt2 /* Firefox */ { 0% {-moz-transform: scale(1.15) translate(-50%,0);-moz-transform-origin:0 50%;}
                   50% { -moz-transform: scale(1) translate(-50%,0);-moz-transform-origin:0 50%; }
    100% {-moz-transform: scale(1.15) translate(-50%,0);-moz-transform-origin:0 50%;}}
@-o-keyframes zt2 /* Opera */ { 0% {-o-transform: scale(1.15) translate(-50%,0);-o-transform-origin:0 50%;}
                   50% { -o-transform: scale(1) translate(-50%,0); -o-transform-origin:0 50%;} 
    100% {-o-transform: scale(1.15) translate(-50%,0);-o-transform-origin:0 50%;}}

@keyframes zt3 { 0% {transform: scale(1.15) translate(0,-50%);transform-origin:50% 50%;}
                   50% { transform: scale(1) translate(0,-50%); transform-origin:50% 50%; }
    100% {transform: scale(1.15) translate(0,-50%);transform-origin:50% 50%;}}
@-webkit-keyframes zt3 /* Safari 和 Chrome */ { 0% {-webkit-transform: scale(1.15) translate(0,-50%);-webkit-transform-origin:50% 50%;}
                   50% { -webkit-transform: scale(1) translate(0,-50%);-webkit-transform-origin:50% 50%; }
    100% {-webkit-transform: scale(1.15) translate(0,-50%);-webkit-transform-origin:50% 50%;}}
@-moz-keyframes zt3 /* Firefox */ { 0% {-moz-transform: scale(1.15) translate(0,-50%);-moz-transform-origin:50% 50%;}
                   50% { -moz-transform: scale(1) translate(0,-50%);-moz-transform-origin:50% 50%; }
    100% {-moz-transform: scale(1.15) translate(0,-50%);-moz-transform-origin:50% 50%;}}
@-o-keyframes zt3 /* Opera */ { 0% {-o-transform: scale(1.15) translate(0,-50%);-o-transform-origin:50% 50%;}
                   50% { -o-transform: scale(1) translate(-50%,0); -o-transform-origin:50% 50%;} 
    100% {-o-transform: scale(1.15) translate(0,-50%);-o-transform-origin:50% 50%;}}



.fadeBig {-webkit-animation-name: fadeBig;animation-name: fadeBig;}
@keyframes fadeBig{ 0% {transform: scale(1.55);-webkit-transform: scale(1.55);opacity: 0;}
	100% {transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
}



@keyframes fadebigsmall{ 0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}



@keyframes sx { 0% {margin-bottom: 0;}
                50% { margin-bottom: 8px; }
                100% {margin-bottom: 0;}
}



.an-de-1{animation-delay:0.3s;}


/* 动效 */

/*动效-转圈*/
/*调用-转圈*/ /*    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.85);}
    50% {transform: scale(1);}
    100% {transform: scale(0.85);}
}

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

@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(0);opacity: 1;}
	75% { transform: scale(0.8);opacity: 1;}
    100% { transform: scale(1);opacity: 0;}
}

    

/*动效-扫光*/  /*    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}
}

    

/*动效-风吹左右摇晃*/
/*调用-风吹左右摇晃*/ /*    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-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;}
}


/*动效-上下浮动*/
/*调用-上下浮动*/ /*        transition: all 650ms;animation: mg 3s linear infinite;    */
@keyframes mg { 0% {transform:  translate(0,0);}
                   50% { transform: translate(0,-6px);  }
    100% {transform: translate(0,0);}}
@-webkit-keyframes mg /* Safari 和 Chrome */ { 0% {-webkit-transform: translate(0,0);}
                   50% { -webkit-transform: translate(0,-6px);; }
    100% {-webkit-transform: translate(0,0);}}
@-moz-keyframes mg /* Firefox */ { 0% {-moz-transform: translate(0,0);}
                   50% { -moz-transform: translate(0,-6px);; }
    100% {-moz-transform: translate(0,0);}}
@-o-keyframes mg /* Opera */ { 0% {-o-transform: translate(0,0);}
                   50% { -o-transform:translate(0,-6px);; } 
    100% {-o-transform:translate(0,0);}}