* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html {font: normal 10px "微软雅黑";-webkit-text-size-adjust: 100%;height: 100%;}
body {padding: 0;margin: 0 auto;font-size: 10px;color: #3e1f00;background-color:#10101b;font-family: "微软雅黑";
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight: rgba(0,0,0,0); position: relative;
    min-height: 100%;display: flex;flex-direction: column;
}
pre{
    white-space: pre-wrap!important;
    word-wrap: break-word!important;
    *white-space:normal!important;
}
strong { font-weight: bold;}
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 {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;}
img{border: none;max-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;}
a:active {}
*{font-weight: normal;margin: 0;box-sizing: border-box;    padding: 0; }
img{border: none;max-width: 100%;vertical-align: middle;}
.auto-1400 {margin: 0 auto;max-width: 1400px;}
.auto-1200 {margin: 0 auto;max-width: 1200px;}
.auto-1000 {margin: 0 auto;max-width: 1000px;}
.auto{ margin:0 auto;}
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
input,input:focus,input:active{user-select: text;}
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.gray{-webkit-filter: grayscale(1); /* Webkit */filter: gray; /* IE6-9 */  filter: grayscale(1); /* W3C */}
.jb{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.title{text-align: center;position: relative;padding-bottom: 1%;margin-bottom: 2%;}
.title span{position: relative;font-size: 6rem; background: linear-gradient(to right, #bc9e59, #fcf8e2);-webkit-background-clip: text;color: transparent;}
.title span:before{position: absolute;content: "";width: 40%;height: 100%; top: 0;right: 102%;background:url(../images/title-l.png)no-repeat left top;background-size: contain;}
.title span:after{position: absolute;content: "";width: 40%;height: 100%; top: 0;left: 102%;background:url(../images/title-r.png)no-repeat left top;background-size: contain;}
.title:after{position: absolute;content: "";width: 100%;height: 10%; bottom: 0;left:50%;transform: translate(-50%,0);background:url(../images/title-b.png)no-repeat center bottom;background-size: contain;}
@media(max-width:1650px){
    .title span{font-size: 5rem;    min-width: 214px; }
    .auto-1400 {max-width: 1100px;}
}
@media(max-width:1400px){
    .auto-1400 {max-width: 1000px;}
}
@media(max-width:824px){
    body{font-size: 8px;}
    .title span{font-size: 3rem;}
}


.head{position: fixed;width: 100%;background: url(../images/head-bg.png)no-repeat left top;background-size: cover; line-height: 70px;border-bottom: 1px #38281b solid;text-align: center;z-index: 100;}
.head-mid a{display: inline-block;font-size: 1.8rem; line-height: 70px;padding: 0 2%;position: relative;}
.head-mid a span{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;font-weight: bold;}
.head-mid a:after{position: absolute;content: "";width: 1px;height: 8px; top: 50%;right: 0;transform: translate(0,-50%);background: #f8ead6;}
.head-mid a:last-child:after{display: none;}
.head-l{position: absolute;content: "";top: 0;left: 2%;}
.head-l a img{max-height: 46px;}
.head-r{position: absolute;content: "";top: 0;right: 2%;width: 23%;}
.head-r .language{position: relative;float: right;width: 60%;max-width: 90px;}
.head-r .language a{position: relative;width: 100%; display: inline-block;padding: 0 16% 0 4%; background: #f8ead6;color: #a25922;font-size: 1.6rem;line-height: 36px;}
.head-r .language a:after{position: absolute;content: "";width: 0;height: 0;top: 45%;right: 3%;border: 5px solid;border-color:#a25922 transparent transparent ;}
.language-box{display: none;position: absolute;top: 76%;left: 0;width: 100%;}
.log-out{float: right;position: relative;color: #fff4e3;margin-right: 2%;font-size: 1.6rem;}
.log-out a{font-size: 1.6rem;color: #f8b50b; text-decoration: underline;margin-left:5px;}
.head-r .language .language-box a{padding: 0 0;text-align: center;display: block;margin-bottom: 1px;}
.head-r .language .language-box a:hover{background: rgba(28,25,36,0.8);color: #c0ae87;}
.head-r .language .language-box a:after{display: none;}
.log{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;    margin-right: 2%;float: right;}
.log a{font-size: 1.6rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
@media(max-width:824px){
    .head{display: none;width: 60%;height: 100%;right: 0;top: 0;    background: rgba(28,25,36,0.95);}
    .head-l{top: auto;bottom:12%;z-index: 2;left: auto;right: 5%;}
    .head-l a{display: block;line-height: 46px;}
    .head-r{width: 100%;height: 73%; top: 0;left: 0;z-index: 2;}
    .head-r .language{float: none;position: absolute;bottom: 0;right: 5%;max-width: 129px;z-index: 3;}
    .log{    text-align: right;padding-right: 7%;}
    .head-mid{position: absolute;top: 25%;right: 0;width: 100%;z-index: 3;}
    .head-mid a{display: block;line-height: 54px;}
    .head-mid a:after{width: 26%;height: 1px;left: auto;right: 0;}
    .head-mid a:last-child:after{display: block;}
}
.log-out{float: right;position: relative;color: #fff4e3;margin-right: 2%;font-size: 1.6rem;}


.banner{position: relative; z-index:1;}
.banner img{width: 100%;}
.banner:after{position: absolute;content: "";width: 100%;height:136px;bottom:-6%;left: 0;background: url(../images/banner-b.png)no-repeat center center;background-size: contain;pointer-events: none;}
.banner-web{display: block;}
.banner-wap{display: none;}
.banner-box{position: absolute;text-align: center;bottom: 2%;left: 50%;transform: translate(-50%,0);width: 100%;}
.banner-box .banner-box-top{ justify-content:center;position: relative;background: rgba(0,0,0,0.4);border: 1px rgba(255,255,255,0.4) solid;padding: 5px;display: flex;    width: 26%;margin: 0 auto;}
.banner-box .banner-box-top .banner-box-top-left{display: flex;flex-direction: column;color: #fff;width: 22%;margin-right: 5px;}
.banner-box .banner-box-top .banner-box-top-left a{display: block;margin-bottom: 0.3rem;}
.banner-box .banner-box-top .banner-box-top-left p{text-align: left;font-size: 1.6rem;}
.banner-box .banner-box-top .banner-box-top-left p img{max-width:2rem;}
.banner-box .banner-box-top .banner-box-top-left p span{animation:animate-mo 2s linear infinite; display: inline-block;}
.banner-code{width:  19%;}
.banner-code .btn-apk{display: none;}
.banner-cz{margin-left: 5px;width:  57%;}
.banner-cz a{display: block;}
.banner-box .banner-box-top.noapk{width: 22%;}
.banner-box .banner-box-top.noapk .banner-code .btn-apk{display: block;margin-top: 0.3rem;}
.banner-box .banner-box-top.noapk .banner-box-top-left{display: none;}
.banner-box .banner-box-top.noapk .banner-code{width: 20%}
.banner-box .banner-box-top.noapk .banner-cz{width: 80%;}
/*动效-平移*/
/*调用-平移*/ /*    animation:animate-mo 2s linear infinite;    */
@keyframes animate-mo {
    0% {transform: translate(0,0);opacity: 1;}
    25% {transform: translate(4rem,0);opacity: 0.95;}
    50% {transform: translate(2rem,0);opacity: 1;}
    75% {transform: translate(4rem,0);opacity: 0.8;}
    100% {transform: translate(0,0);opacity: 1;}
}
.banner-store{margin-top: 5px;display: flex;justify-content: center;}
.banner-store a{width: 6.5%;margin: 0 2px;}
.star-box{position: absolute;content: "";width: 100%;height: 100%;top:0;left: 0;}
.star-box span{position: absolute;content: "";width: 100%;height: 100%;top:0;left: 0;animation: discountEffect 1.5s ease-out 0s infinite both;}
.star-box span:nth-child(2){animation: discountEffect 2s ease-out 0.2s infinite both;}
.star-box span:nth-child(3){animation: discountEffect 1.7s ease-out 0s infinite both;}
.discount-box{position: absolute;content: "";width: 16%;bottom: 87%;left: 97%;animation:animate-zoom 1.5s linear infinite;}

@media(max-width:2000px){
    .banner-box .banner-box-top{width: 30%;}
    .banner-box .banner-box-top.noapk{width: 23%;}
    .banner-box .banner-box-top .banner-box-top-left p{font-size: 1.2rem;}
    .banner-store a{width: 7.5%;}
}
@media(max-width:1920px){
    .banner-box .banner-box-top .banner-box-top-left p{font-size: 1rem;}
}
@media(max-width:824px){
    .banner:after{display: none;}
    .banner-box{width: 100%;transform: translate(0,0);left: 0;}
    .banner-web{display: none;}
    .banner-wap{display: block;}
    .banner{padding-top: 0;}
}
@media(max-width:520px){
    .discount-box{bottom: 79%;left: 85%;}
    .banner-box .banner-box-top{width: 96%;}
    .banner-box .banner-box-top.noapk{width: 80%;}
    .banner-box .banner-box-top .banner-box-top-left p{font-size: 0.9rem;}
    .banner-store{padding: 0 10px;}
    .banner-store a{width: 25%;margin: 0 1px;}
    /*动效-平移*/
    /*调用-平移*/ /*    animation:animate-mo 2s linear infinite;    */
    @keyframes animate-mo {
        0% {transform: translate(0,0);opacity: 1;}
        25% {transform: translate(1rem,0);opacity: 0.95;}
        50% {transform: translate(0.5rem,0);opacity: 1;}
        75% {transform: translate(1rem,0);opacity: 0.8;}
        100% {transform: translate(0,0);opacity: 1;}
    }
}


.news .title{padding-top: 6%;}
.video{text-align: center;padding: 4% 0 0;background: url(../images/bg-1.jpg)no-repeat center center;background-size: cover; }
.videobox{position: relative;width: 1015px;height: 388px;margin: 0 auto;}
.videobg{position: relative;height: 388px;z-index: 2;background-position: center center;background-repeat: no-repeat;}
.video .play{position: absolute;width: 98%;height: 92%;top: 0;left: 1%;cursor: pointer;}
.video .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 118px;height: 118px;    pointer-events: none;}
.video .text .video-bg{position: absolute;top: 0;left: 0;-o-animation: b 5s linear infinite; -webkit-animation: b 5s linear infinite; -moz-animation: b 5s linear infinite; -ms-animation: b 5s linear infinite; animation: b 5s linear infinite;}
.video .text .video-btn{position: absolute;top: 0;left: 0;}
.video-sp1{display: none;position: absolute;width: 98%;height:92%;top: 0;left: 1%;z-index: 1;z-index: 10;}
.video-sp{position: absolute;width: 98%;height:92%;top: 0;left: 1%;z-index: 1;}
.video-sp video{position: absolute;width: 98%;height:92%;top: 0;left: 1%;z-index: 1;}
@media(max-width:824px){
    .videobox{width: 100%;height: 200px;}
    .videobg{height: 200px;background-size: contain;}
    .video .text{width: 70px;height: 70px;}
}









.news{position: relative;overflow: hidden;padding-bottom:9%;background: url(../images/bg-2.jpg)no-repeat center center;background-size: cover; }
.news .box{padding: 2px;}
.news .swiper-slide a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.news .pic{position: relative;}
.news .pic time{position: absolute;top: 0;left: 0;font-size: 1.6rem; background: rgba(230,204,162,0.8);padding: 0 2% 0 6%;}
.news h3{font-size: 1.8rem;line-height: 40px;text-align: left;background: linear-gradient( #9c6b37, #6a3e0f);-webkit-background-clip: text;color: transparent; }
.news-bot-t{position: relative;background: rgba(186,148,88,0.4);margin-top: 1%;text-align: center;}
.news-sort a{position: relative;font-size: 3rem; display: inline-block;line-height: 60px; padding: 0 2%; }
.news-sort a span{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
.news-sort a:after{position: absolute;content: "";width: 1px;height: 20px; top: 50%;right: 0;transform: translate(0,-50%);background: #ba9458;}
.news-sort a:last-child:after{display: none;}
.news-sort a.active{background:linear-gradient( #e4ddb4, #fae48d); }
.news-sort a.active span{background:linear-gradient( #a82d03, #6e0e00);-webkit-background-clip: text;color: transparent;  }
.news-sort a.fb{background:linear-gradient( #a82d03, #6e0e00); }
.news-more{position: absolute;width: 34px;height: 34px;color: #e4ddb4;border: 1px #e4ddb4 solid;line-height: 34px;-moz-line-height: 34px;font-size: 4rem; top: 50%;right: 2%;transform: translate(0,-50%);vertical-align: middle;font-family:"Heiti SC","黑体";background-image: url(../images/j.png);background-repeat: no-repeat;background-size: 100% 100%;}
.news-more:hover{background-color:#000;}
.news-bot-b dl{display: none;overflow: hidden;border-top: 1px #655337 solid;border-left: 1px #655337 solid;}
.news-bot-b dl dd{position: relative;float: left;width: 33.333%;border-bottom: 1px #655337 solid;border-right: 1px #655337 solid;padding: 1% ;}
.news-bot-b dl dd:hover{background: rgba(230,190,140,0.3);}
.news-bot-b dl dd a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.news-bot-b dl dd p{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;font-size: 2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-bot-b dl dd p time{font-size: 1.4rem;display: block;}

.news .swiper-container{padding: 40px 0 20px;border-top: 2px #ba9458 solid;position: relative;z-index: 1;}
.news .swiper-slide:before{position: absolute;content: "";width: 2px;height: 40px;background: #b08a48;bottom:100%;left: 50%;z-index: 2;}
.news .swiper-slide:after{position: absolute;content: "";width: 8px;height: 8px;background: #2a0e15;border: 2px #b08a48 solid;bottom: 111%;left:48%;transform: rotate(45deg) translate(0,-50%);z-index: 3;}
.swiper-container {width: 100%;height: 100%;}
.news .swiper-slide {text-align: center;font-size: 1.8rem;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
    align-items: center;transition: 300ms;opacity: 0.5;}
.news .swiper-slide-active,.news .swiper-slide-duplicate-active{opacity: 1;}
.news .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.news .swiper-pagination-bullet{background: #f5e296;border: 2px #e4bf82 solid;border-radius: 0;}
@media(max-width:824px){
    .news .swiper-container{padding: 20px 0 20px}
    .news .swiper-slide:before{height: 20px;}
    .news h3{font-size: 1.6rem;line-height: 24px;}
    .news .pic time{font-size: 1.4rem;}
    .news-bot-t{text-align: left;}
    .news-more{    text-align: center;width: 26px;height: 26px;font-size: 3rem;line-height: 19px;}
    .news-sort a{font-size: 1.8rem;line-height: 50px;}
    .news-bot-b dl dd{width: 100%;line-height: 40px;}
    .news-bot-b dl dd p{position: relative;font-size: 1.6rem;padding-right: 20%;}
    .news-bot-b dl dd p time{position: absolute;right: 0;font-size: 1.4rem;}
}



.roles{overflow: hidden;padding-bottom:9%;padding-top: 5%;background: url(../images/bg-3.jpg)no-repeat center center;background-size: cover; }
.roles .box{position: relative;border: 1px #b28e55 solid;}
.roles .box:after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0; background:rgba(0,0,0,0.7); }
.roles-box{position: relative;overflow: hidden;padding-bottom: 3%;}
.role-box{position: absolute;content: "";bottom: 4%;left: 0;width: 100%;padding: 2%;text-align: center;}
.role-box h3 span{position: relative;font-size: 2.6rem;font-weight: bold;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
.role-box h3 span:before{position: absolute;content: "";width: 50%;height: 1px;background: #dfcb84;top: 50%;left: 110%;transform: translate(0,-50%);}
.role-box h3 span:after{position: absolute;content: "";width: 50%;height: 1px;background: #dfcb84;top: 50%;right: 110%;transform: translate(0,-50%);}
.role-box p{display: none;color: #fff6d7;opacity: 0.5;font-size: 1.6rem;}
.roles .box:hover .role-box{bottom: 0;padding-bottom: 5%; background:  linear-gradient( rgba(0,0,0,0), rgba(0,0,0,1));}
.roles .box:hover .role-box p{display: block;}
.roles .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
.roles .swiper-pagination-bullet{background: #f5e296;border: 2px #e4bf82 solid;border-radius: 0;}
.swiper-slide-active .box:after{display: none;}
.roles .swiper-pagination-bullet{width: 14px;height: 14px;}
@media(max-width:824px){

}



.features{background: url(../images/bg-4.jpg)no-repeat center center;background-size: cover;}
.features ul{position: relative;overflow: hidden; }
.features li{position: relative;float: left;width: 50%;text-align: left;margin-bottom: 1%;z-index: 1;opacity: 0.5;padding:1% 4%;}
.features li:nth-child(1){position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);z-index: 2;}
.features li:nth-child(2){text-align: left;}
.features li:nth-child(3){text-align: right;}
.features li:nth-child(4){text-align: left;}
.features li:nth-child(5){text-align: right;}
.features li.active{opacity: 1;z-index: 3;}
.features li.active img{box-shadow: 0 0 25px #fff;}
@media(max-width:824px){
    .features li:first-child{position: relative;width:100%;top: 0;left: 0;transform: translate(0,0);}
    .features li{padding: 0%;margin-bottom: 0;opacity: 1;}
}


.inner-box{position: relative;z-index: 2;}
.inner-box .auto{position: relative;overflow: auto;background:#1c1924 ;border: 3px #4d3d22 solid;min-height: 550px;}
.inner-left{position: absolute;left: 0;top: 0; height: 100%; width: 26%;background: url(../images/cb-bg.jpg)no-repeat center bottom;background-size: cover;}
.inner-left:after{position: absolute;content: ""; width: 1px;height: 100%;background: #b08a48;top: 0;left: 100%;}
.inner-left a{position: relative;padding: 12% 0;display: block;text-align: center;}
.inner-left a.active{background: url(../images/cb-active.jpg)no-repeat center bottom;background-size: cover;}
.inner-left a:after{position: absolute;content: ""; width: 100%;height: 1px;bottom: 0;right: 0;background: linear-gradient(to right,rgba(255,255,255,0),#93723d);}
.inner-left a span{font-size: 2.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-right{float: right;width: 74%;border-left:1px #b08a48 solid;padding:4% 8% 4% 0;}
@media(max-width:824px){
    .inner-left{position: relative;width: 100%;overflow: hidden;border-bottom: 1px #bc9e59 solid;}
    .inner-left a{float: left;width: 25%;padding:2% 0;border-bottom: 1px #93723d solid;}
    .inner-left a span {font-size: 1.6rem;}
    .inner-left a:after{width: 1px;height: 100%;}
    .inner-right{width: 100%;padding-right: 2%;border-left: none;}
    .inner-box .auto{min-height: inherit;}
}


.inner-new li{position: relative;padding-left: 100px;margin-bottom: 5%;}
.inner-new li a{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.inner-new time{font-size: 1.6rem;color: #aa926d;}
.inner-new h3{position: relative;color: #d5d3de;font-size:2rem;line-height: 60px;border: 1px #493b2f solid;padding-left: 2%;margin: 1% 0; }
.inner-new li:hover h3{background: rgba(230,190,140,0.3);}
.inner-new h3 span{background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-new h3:before{position: absolute;content: "";width: 8px;height: 8px;top:50%;left:-2%; transform: rotate(45deg) translate(0,-50%);background: #facd89;border:3px #655236 solid;z-index: 2;}
.inner-new h3:after{position: absolute;content: "";width: 100px;height: 1px;top:52%;right:100%; background: #facd89;z-index: 1}
.inner-new p{color: #d5d3de;font-size: 1.3rem;line-height: 20px;}
@media(max-width:824px){
    .inner-new li{padding-left: 20px;}
    .inner-new h3{font-size: 1.6rem;}
    .inner-new time{font-size: 1.4rem;}
    .inner-new p{font-size: 1.2rem;}
    .inner-new h3:before{width: 6px;height: 6px;left: -3%;}
    .inner-new h3:after{width: 20px;}
}


.inner-cus1{margin-left:12%; border:1px #665236 solid;background: #2d2a32;}
.inner-cus1 li{position: relative;border-bottom: 1px #665236 solid;}
.inner-cus1 h3{position: relative;padding-left: 6%;cursor: pointer;padding: 2% 0 2% 2%;}
.inner-cus1 h3:after{position: absolute;content: "";width: 0;height: 0;top: 45%;right: 3%;border: 6px solid;border-color:#f4ce90 transparent transparent ;}
.inner-cus1 h3 span{font-size: 1.6rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-cus1 li pre{padding-left: 2%;padding-top: 4%;border-top: 1px #d5d3de dotted; color:#d5d3de;text-align: left;font-size: 1.4rem;line-height: 24px;white-space: pre-wrap!important;
    word-wrap: break-word!important;
    *white-space:normal!important;}

.inner-cus2,.inner-cus4{margin-left:20%;}
.inner-cus form li{list-style: none;overflow: hidden;margin-bottom: 2%;    line-height: 42px;}
.inner-cus li.yzm input{    width: 52%;}
.inner-cus li.yzm img{max-height: 42px;vertical-align:top;margin-left: 2px;}
.inner-cus form li span.cus-title{width: 23%;float: left;font-size: 2rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-cus form li i{color: #cfaa75;list-style: none;display: block;    font-size: 1.4rem;
    line-height: 24px;}
.inner-cus form select,.inner-cus form input{font-family: "微软雅黑";background: #2d272c;border: 1px #8b7357 solid;line-height: 40px;height: 42px;width: 70%;color:#ffebcb;padding-left: 1%;}

.inner-cus form input::-webkit-input-placeholder{
    color:#d5d3de;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#d5d3de;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#d5d3de;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#d5d3de;
}
.inner-cus form textarea{background: #2d272c;border: 1px #8b7357 solid;line-height: 24px;height: 200px;width: 70%;color: #ffebcb;padding: 1%;}
button.imgUp{width: 40px;height: 40px;font-size: 4rem;background: #2d272c;border: 1px #8b7357 solid;line-height: 24px;color: #ffeccd;background-image: url(../images/j.png);background-repeat: no-repeat;background-size: 100% 100%;}
button.imgUp:hover{background-color:#000;}
.inner-cus form .submit{margin: 0 auto;display:block;position: relative;color:#1c1924;font-size: 2rem;text-align: center;background: url(../images/but.png)no-repeat center center;background-size: contain;    line-height: 52px;margin-top: 4%; background: linear-gradient(#cfa269, #f2cd9d);border-radius: 5px;}
.inner-cus4-top ul{text-align: center;margin-bottom: 5%;border-bottom: 1px rgba(255,255,255,0.1) dashed;padding-bottom: 2%;}
.inner-cus4-top ul li{display: inline-block;text-align: center;margin-left: 2%;    }
.inner-cus4-top ul li p{padding: 0% 2%;background: url(../images/zs2.png)no-repeat center center;background-size: contain;font-size: 2.4rem;line-height: 40px;font-weight: bold;color: #cfaa75;}
.inner-cus4-top ul li p i{font-size: 2.2rem;font-weight: bold;background: linear-gradient( #9c6b37, #6a3e0f);-webkit-background-clip: text;color: transparent;font-style: normal;}
.inner-cus4-top ul li span{display: block;font-size: 1.6rem;font-weight: bold;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-pre4 form p span{width: 25%;}
@media(max-width:824px){
    .inner-cus li.yzm input{    width:35%;}
    .inner-cus2,.inner-cus4{margin-left: 2%;}
    .inner-cus form li span.cus-title{font-size: 1.6rem;width:30%;}
    .inner-cus form select, .inner-cus form input,.inner-cus form textarea{width: 70%;}
    .inner-cus form .submit{line-height: 44px;}
    .inner-cus1{margin-left: 3%;}
    .inner-cus4-top ul li{width: 29%;}
    .inner-cus4-top ul li span{font-size: 1.6rem;}
    .inner-cus1 h3{padding: 4% 0 4% 2%;}
}


.inner-cus3{font-size: 1.6rem;}
.inner-cus3 li{position: relative;border-bottom: 1px #655236 solid;padding: 4% 0 4% 6%;}
.inner-cus3 li:before{position: absolute;content: "";width: 12px;height: 12px;bottom:-3%;left:-1.2%; transform: rotate(45deg) ;background: #facd89;border:3px #655236 solid;z-index: 2;}
.inner-cus3 .pic img{max-height: 100px;}
.inner-cus3 pre{color: #d5d3de;line-height: 24px;}
.inner-cus3-top{border-bottom: 1px #d5d3de dashed;}
.inner-cus3-bot .deal{color: #fff;display: inline-block;background: url(../images/btn1.png)no-repeat center center;background-size: 100% 100%;line-height: 40px;padding: 0 4%;}
.inner-cus3-bot p{color: #cfaa75;line-height: 24px;}
@media(max-width:824px){
    .inner-cus3 li:before{width: 8px;height: 8px;left:-2%;}
}




.inner-pre1{padding-left: 4%;}
.inner-pre1 ul{overflow: hidden;}
.inner-pre1 ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 2%;padding: 3%;background: rgba(250,241,228,1);}
.inner-pre1 ul li:nth-child(2n){margin-right: 0;}
.inner-pre1 ul li h3{font-size: 1.8rem;font-weight: bold;margin-bottom: 1%; background: linear-gradient( #9c6b37, #6a3e0f);-webkit-background-clip: text;color: transparent;}
.inner-pre1 ul li p{color: #71483a;font-size: 1.2rem;}
.inner-pre1-del{min-height: 36px;}
.inner-pre1-bot{padding-top: 2%;border-top: 1px #b28d4d dashed;margin-top: 2%;}
.inner-pre1-bot a{display: inline-block;line-height: 52px; padding: 0 7%;font-size: 1.6rem;min-width: 120px;text-align: center;color: #bd3313;background: url(../images/but.png)no-repeat center center;background-size: contain;}
.inner-pre1 ul li p.gift-code{color: #bd3313;font-size: 1.4rem;line-height: 52px;}
@media(max-width:824px){
    .inner-pre1 ul li{width:100%;}
    .inner-pre1-del{min-height: inherit;}
    .inner-pre1 ul li p.gift-code{line-height: 20px;}
}




.inner-pre2{padding-left: 4%;}
.inner-pre2-top{overflow: hidden;background: #322f38;line-height: 32px;padding: 0 2%;}
.inner-pre2 li{margin-bottom: 2%;    }
.inner-pre2-top-l{float: left;}
.inner-pre2-top-l p{font-size: 1.6rem;color: #b79252;}
.inner-pre2-top-l p span{font-size: 2.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.inner-pre2-top time{float: right;color: #ad9a7b;font-size: 1.4rem;}
.inner-pre2-bot{color: #d5d3de; font-size: 1.4rem;line-height: 20px;padding: 1%;border-bottom: 1px #38353f dashed;border-left: 1px #38353f dashed;border-right: 1px #38353f dashed;}
.inner-per3,.inner-pre4,.inner-pre5{margin-left:20%;}
.inner-per3 i{display: inline-block;color: #cfaa75;font-size: 1.6rem;font-style: normal;}
.inner-per3 .sex{width:5%;height: 18px;background: #9a7f61;}
.inner-per3 label{color: #ffebcb;font-size: 1.6rem;}
@media(max-width:824px){
    .inner-per3,.inner-pre4,.inner-pre5{margin-left:3%;}
    .inner-pre2-top-l p span{font-size: 1.8rem;}
}



.login{padding:10% 0 0%;background: url(../images/log-bg.jpg)no-repeat center center;background-size: cover; flex: 1;}
.login .box{overflow: hidden;position: relative;background: rgba(250,205,137,0.05);}
.login a{font-size: 1.6rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent; }
.login-l{position: absolute;width: 40%;height: 100%;padding-top: 6%; text-align: right;background-image: url(../images/login-bg.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.login-l img{display: none;}
.login-l a{display: inline-block;line-height: 60px;padding: 0 10%; font-size: 2.4rem;color: #fff; background: url(../images/but1.png)no-repeat right center;background-size: contain;filter: grayscale(100%);filter: gray; }
.login-l a.active{filter: grayscale(0%);filter: gray;}
.login-l a span{font-size: 2.4rem;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.login-r{float: right;width: 60%;padding:7%;text-align: center;font-size: 2.2rem;}
.login-r li span{color: #d5d3de; font-size: 1.4rem;}
.login-r li.yzm{text-align: left}
.login-r li.yzm input{width: 70%;}
.login-r li.yzm img{margin-left: 2%; vertical-align:top; max-height: 50px;}
.login-r li.agree input{width:20px;height: auto;line-height: 20px;margin-bottom: 0; }
.login-r input{width: 100%;padding-left: 2%; background: #fbf2e5;border: 1px #e6be8c solid;height: 50px;line-height: 48px;color: #966632;font-size: 2rem;margin-bottom: 2%;}
.login-r input::-webkit-input-placeholder{
    color:#966632;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#966632;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#966632;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#966632;
}
.login-r .submit{display: inline-block;padding: 0 15%;line-height: 60px;color: #221c20;border: none;cursor: pointer; font-size: 2.2rem;background: url(../images/but.png)no-repeat center center;background-size: contain;    background: linear-gradient(#cfa269, #f2cd9d);border-radius: 5px;}
.login-r .facebook{background: #1278f4;border-radius: 5px;margin-bottom: 2%;}
.login-r .facebook a{line-height: 50px;font-size: 2.2rem;color: #fff;}
.login-r li a{position: relative;font-size: 1.6rem;display: inline-block;padding: 0 5%;}
@media(max-width:824px){
    .login-l img{display: block;}
    .login{padding-top: 0;}
    .login-l{width: 100%;position: relative;height:auto;min-height:140px;padding-top: 0;background-position:center -60px;background-size: cover;}
    .login-l a{padding: 0 9% 0 25%;line-height:54px;}
    .login-l a span{font-size: 2rem;}
    .login-r{width: 100%;padding:9% 2%;}
    .login-r input{line-height: 44px;height: 42px;font-size: 1.6rem;}
    .login-r .facebook a{line-height: 44px;font-size: 1.6rem;}
    .login-r li.yzm input{width: 60%;}
    .login-r li.yzm img{margin-left:2%; vertical-align:top; max-height: 42px;}
}
.login-r li span.notice{display: block;text-align: left;color: #e6be8c;font-style: normal; font-size: 1.4rem;margin-bottom: 2%;}
.inner-cus form li span.notice{display: block;text-align: left;color: #f8b50b;font-size: 1.4rem;margin-bottom: 2%;margin-left: 23%;width: 70%;font-style: normal;}
.inner-pre4 form li span.notice{margin-left: 25%;font-style: normal;}
@media(max-width:824px){
    .inner-cus form li span.notice{margin-left: 30%;width: 76%;}
}

.nofound{text-align: center;color: #e6be8c;padding-left: 8%;}
.nofound p{border: 1px #d5d3de solid;line-height: 40px;background: #2d272c;}
@media(max-width:824px){
    .nofound{padding-left: 2%;}
}



.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

    filter: gray; }

.center-text{color: #d5d3de;font-size: 1.4rem;text-align: center;}
.center-text h3{font-size: 2rem;color: #bc9e59;line-height: 30px;}
.center-text span{color: #bc9e59;}







.foot{text-align: center;color: #d5d3de;font-size: 1.4rem;line-height: 24px;padding: 4% 0;background: url(../images/bg-5.jpg)no-repeat center center;background-size: cover;}
.foot a{color: #d5d3de;}
.foot a:hover{color: #dfcb84;}
@media(max-width:824px){
    .foot{font-size: 1.2rem;line-height: 20px;padding-bottom:22%;padding-top: 10%;}
    .foot a img{max-height: 44px;}
}








.fc{position: fixed;right: 0;top: 50%;transform: translate(0,-50%);width: 160px;padding: 2% 0%;background: url(../images/fc-bg.jpg)no-repeat left center;background-size: 100% 100%;z-index: 1000;}
.fc a{position: relative;display: block;line-height: 40px;margin: 5px 0; font-size: 2rem; text-align: center;}
.fc a span{background: linear-gradient( #a25922, #f5c239);-webkit-background-clip: text;color: transparent; }
.fc a:after{position: absolute;content: "";width:100%;height: 1px;bottom:-5px;right: 0; background:linear-gradient(to right, rgba(255,255,255,0), rgba(176,138,72,0.5), rgba(255,255,255,0));}
.fc a:last-child:after{display: none;}
.fc a:hover{background:url(../images/fcbt.png)no-repeat center center;background-size: contain;}
.fc a:hover span{background: linear-gradient( #fcf8e2, #e4ce9c);-webkit-background-clip: text;color: transparent;}
.fc a.active{background:url(../images/fcbt.png)no-repeat center center;background-size: contain;}
.fc a.active span{background: linear-gradient( #fcf8e2, #e4ce9c);-webkit-background-clip: text;color: transparent;}
.fc a.nav-close{display: none;position: relative;height: 100%;text-align: center;}
.fc a.nav-close i{position: absolute;content: ""; width:60%;height: 3px;top:12px;left: 20%; border-radius: 2px;background: #fae48e; }
.fc a.nav-close i:nth-child(2){width:40%;top:18px;left: 30%;}
.fc a.nav-close i:nth-child(3){width:60%;top:24px;left: 20%;}
.fc a.nav-close-open i{top:17px;transform:rotate(45deg);-ms-transform:rotate(45deg);  /* IE 9 */-moz-transform:rotate(45deg);  /* Firefox */-webkit-transform:rotate(45deg); /* Safari 和 Chrome */-o-transform:rotate(45deg);transform-origin: center center;}
.fc a.nav-close-open i:nth-child(2){display: none;}
.fc a.nav-close-open i:nth-child(3){transform:rotate(-45deg);-ms-transform:rotate(-45deg);  /* IE 9 */-moz-transform:rotate(-45deg);  /* Firefox */-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */-o-transform:rotate(-45deg);top:17px;}
@media(max-width:824px){
    .fc{bottom: 0;left: 0;width: 100%;top: auto;transform: translate(0,0);padding: 1% 0;display: table;}
    .fc a{display: table-cell; margin: 0;font-size: 1.4rem;}
    .fc a:after{width: 1px;height: 30%;right: 0;top:50%;transform: translate(0,-50%);}
    .fc a.nav-close{display: table-cell;height: 40px;}
}


/*Page002046 */
.Page002046 .Pages{ text-align:center; padding:4% 0 4%;}
.Page002046 .Pages a{margin: 0 2px; display:inline-block; vertical-align:middle;padding:0 15px;font-size: 1.6rem; line-height:36px; color:#999;background: #2d272c;border: 1px #d5d3de solid;}
.Page002046 .Pages em a:hover,
.Page002046 .Pages a.page.active{ background-color:rgba(98,76,38,0.5);border:1px #665236 solid; color:#fae48d;}
.Page002046 .Pages a.page:hover{ background-color:rgba(98,76,38,0.5);border:1px #665236 solid; color:#fae48d;}
.Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page002046 .Pages em a{ float:left; margin-left:-1px;}
.Page002046 .Pages .p_cur,
.Page002046 .Pages .p_count,
.Page002046 .Pages .p_jump,
.Page002046 .Pages .p_total{ display:none;}
.Page002046 .Pages .page_prev,
.Page002046 .Pages .page_next{ padding:0 2%; margin: 0 2px; background-color: rgba(98,76,38,0.5);border: 1px #665236 solid;color: #fae48d; overflow:hidden; line-height:32px; height:38px;}
/*.Page002046 .Pages .page_next{ background-image:url(../images/Page002046-a_next.gif);}*/
.Page002046 .Pages .page_next:hover{}
.Page002046 .Pages .page_prev:hover{ }
@media(max-width:640px){
    .Page002046 .Pages{ text-align:center; padding:4% 0;}
    .Page002046 .Pages .a_first,
    .Page002046 .Pages .a_end{ display:none;}
}



/*.popup{position: relative;min-width: 600px; margin: 0 auto;display: none;     border: 1px #665236 solid;*/
/*    background: rgba(45,42,50,.9);padding: 2%;text-align: center;}*/
/*.popup .pop-title{font-size: 2.8rem;font-weight: bold;background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;margin-bottom: 2%;}*/
/*.popup p{color: #cfaa75;font-size: 1.6rem;}*/
/*.b-close{position: absolute;top:105%;left: 50%;transform: translate(-50%,0);width: 40px;height: 40px;border: 1px #cfaa75 solid;}*/
/*.b-close:before{position: absolute;content: "";width: 20px;height: 4px;top: 45%;left:25%;transform: rotate(45deg);background: #cfaa75;}*/
/*.b-close:after{position: absolute;content: "";width: 20px;height: 4px;top: 45%;left:25%;background: #cfaa75;transform: rotate(-45deg);}*/
/*@media(max-width:824px){*/
/*    .popup{width: 90%;min-width: inherit;}*/
/*}*/

.popup{position: fixed!important;display: none;width: 50%;max-width: 600px;top: 50%!important;left: 50%!important;transform: translate(-50%,-50%);}
.b-close{position: absolute;bottom:100%;left: 100%;width: 20px;height: 20px;cursor: pointer;}
.b-close:before{position: absolute;content: "";width: 100%;height: 2px;top: 50%;left:50%;background: #fff;transform:translate(-50%,-50%) rotate(45deg);transform-origin: center;}
.b-close:after{position: absolute;content: "";width: 100%;height: 2px;top: 50%;left:50%;background: #fff;transform:translate(-50%,-50%) rotate(-45deg);transform-origin: center;}
@media(max-width:824px){
    .popup{width: 90%;max-width: inherit;}
}













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

.newdel{text-align: center;padding-left: 5%;color: #d5d3de;font-size: 1.4rem;}
.newdel h3{font-size: 2.4rem; background: linear-gradient( #fcf8e2, #bc9e59);-webkit-background-clip: text;color: transparent;}
.newdel time{display: block;margin-bottom:1%;line-height: 30px;}
.newdel pre{padding-left: 2%;padding-top:2%;margin-top: 2%; border-top: 1px #d5d3de dotted; color:#d5d3de;text-align: left;font-size: 1.4rem;line-height: 24px;white-space: pre-wrap!important;
    word-wrap: break-word!important;
    *white-space:normal!important;}
.inner-right div.content{padding-left: 2%;padding-top:2%;margin-top: 2%; border-top: 1px #d5d3de dotted; color:#d5d3de;text-align: left;font-size: 1.4rem;
    word-wrap: break-word!important;
    *white-space:normal!important;}
.newdel-sx{margin: 15% 0 2%;color: #d5d3de;text-align: center;}
.newdel-sx a{color: #d5d3de;}
.newdel-sx a:first-child{float: left;}
.newdel-sx a:last-child{float: right;}
.newdel-sx a span{color: #bc9e59;}
.newdel-sx a img{margin-top: 0;}
@media(max-width:824px){
    .newdel{padding-left: 2%;}
    .newdel h3{font-size: 2rem;}
}

.inner-right .submit{display: inline-block;padding: 0 15%;line-height: 60px;color: #6e0e00;border: none;cursor: pointer; font-size: 2.2rem;background: url(../images/but.png)no-repeat center center;background-size: contain;}


.fuzzySearch{float: left;width: 70%;}
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: 40px;height: 40px;font-size: 1.4rem;margin-bottom: 0;padding-left: 1%;text-align: left;border: none;color: #feefcd;}

.select2-selection .select2-selection__arrow{position: absolute;border-color: #feefcd transparent transparent transparent;border-width: 7px 3px 0 3px;border-style: solid;height: 0;right: 2%;margin-top: -2px;position: absolute;top: 50%;width: 0;}
.select2-container--open .select2-dropdown{position: absolute;z-index: 99999;max-height: 184px;overflow: auto;background: #fff;border: 1px #eee solid;left: 0;}
.select2-results__options li{padding: 1.5% 0 1.5% 3%;background: #9c7d66;border: none;color: #feefcd;text-align: left;}
.inner-cus form .select2-results__options li{margin-bottom: 0;line-height: 30px;font-size: 1.4rem;}
.select2-container{ background: #2d272c;border: 1px #8b7357 solid;line-height: 40px;height: 42px;color: #ffebcb;padding-left: 1%;box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;}
.select2-container span.selection{width: 70%;}
.inner-cus form input.select2-search__field{width: 100%;}
.select2-container--below {width: 100%!important; }
.select2-search__field{line-height: 40px;height: 40px;padding-left: 3%;width: 100%;}


.uploadSpan{ font-size:12px; overflow:hidden;}
.uploadInput{ position:absolute; z-index:100; margin-left:-30px;font-size:25px;opacity:0;filter:alpha(opacity=0); margin-top:-5px;}
.uploadSpan a{ font-size:10px;color:black;}
.pic-small {display: inline-block;}

.head-position{position: relative;width: 100%;height: 100px; margin-top: -14%;}
@media(max-width:824px){
    .head-position{height: 150px;margin-top: -170px;}
}


.foot-top{margin-right: 3%;}
.foot-top p{font-size: 1.6rem;    line-height:26px;}
.foot-bot p{font-size: 1.2rem;line-height: 16px;}
.foot .word{display: inline-block;vertical-align: top;}
@media (max-width: 824px){
    .foot-top{margin-bottom: 2%;}
    .foot{text-align: left;}
    .foot-bot .word{width: 84%;vertical-align: top;}
}

.changePassword{position: relative;margin-bottom: 2%;padding: 1%; background: #c85556;}
.changePassword span{position: absolute;top: 0;right: 101%;width: 20px;}
.changePassword p{font-size: 1.4rem;color: #fff;}
.banner img.banner-web,.banner img.banner-wap{margin: 0 auto;}

/*调用 animation:animate-zoom 2s linear infinite;*/
@keyframes animate-zoom {
    0% {transform: scale(0.85);}
    50% {transform: scale(1);}
    100% {transform: scale(0.85);}
}
/*调用 animation: discountEffect 1.7s ease-out 0s infinite both;*/
@keyframes discountEffect{
    0%{  filter: brightness(1);  opacity: 0;  transform: translate3d(0%, -7%, 0) scale(0);}
    50% {  filter: brightness(1.5);  opacity: 1;  transform: translate3d(0%, 20%, 0) scale(1.5);}
    100% {  filter: brightness(1);  opacity: 0;  transform: translate3d(0%, -7%, 0) scale(0);}
}