/* reset */
body,
div,
p,
ul,
ol,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu { margin: 0; padding: 0; list-style: none; }

body { -webkit-text-size-adjust: none; font-size: 16px; }

header,
nav,
section,
article,
footer,
figure,
figcaption { display: block; }

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

fieldset { border: none; margin: 0; padding: 0; }

a, 
li,
ul,
[onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: transparent; }

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

em,i,strong { font-weight: normal; font-style: normal; }

a { text-decoration: none; }

img { width: 100%; }

:focus { outline: none; }
@font-face { font-family: mb; src: url(../img/font/MaiolaBold.otf); }
@font-face { font-family: spdb; src: url(../img/font/SegoeProDisplay-Bold.ttf); }
/* @font-face { font-family: spdr; src: url(../img/font/SegoeProDisplay-Regular.ttf); }
@font-face { font-family: spdsd; src: url(../img/font/SegoeProDisplay-Semibold.ttf); } */
@font-face { font-family: nsr; src: url(../img/font/NotoSans-Regular.ttf); }
@font-face { font-family: nsb; src: url(../img/font/NotoSans-Bold.ttf); }


html,
body { position: relative; height: 100%; }

body {  font-family: nsr; color: #000; margin: 0; padding: 0;}


@media all and (orientation:portrait){
    html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
    html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}

    body::before{content:"";position:absolute;z-index:99999;height:200px;width:100px;left:50%;top:50%;margin:-160px 0 0 -50px;color:#fff;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");background-repeat:no-repeat;background-position:center center;background-size:100px auto;}
  }


.comicon{ background: url(../img/icon.png) no-repeat; }
.section{ height: 100%; position: relative; }


/* header */
.header { position: fixed; top: 0; width: 100%; height: 78px; background: url(../img/header/topbg.png) center top no-repeat; background-size: cover; z-index: 99; display: flex; justify-content: space-between;-moz-transform-origin:left top; }

.header::after { content: ''; position: absolute; height: 3px; bottom: 0; width: 100%; background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(226, 196, 132, 1) 50%, rgba(255, 0, 0, 0)); }

.header-left,
.header-right { width: auto; position: relative; }

.header-left .logo { display: inline-block; margin-left: 40px; }

.header-left .topNav { display: inline-block; height: 78px; width: auto; vertical-align: top; font-size: 0; line-height: 78px; }

.header-left .topNav li { display: inline-block; font-size: 21px; color: #ffdf91; padding: 0 30px; cursor: pointer; vertical-align: top; }
.header-left .topNav li a{color: #ffdf91;display: block;}
.header-left .topNav li.active a,.header-left .topNav li:hover a { color: #fff; text-shadow: 0px 0px 20px #fff; }

.header-right .topZhuce { 
    font-family: mb;
    display: inline-block;
    color: #ffe699;
    width: 300px;
    line-height: 78px;
    font-size: 28px;
    height: 100%;
    background: url(../img/icon.png) no-repeat;
    background-size: 400px auto;
    background-position: -20px -1842px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
 }

.header-right .boxIcon { display: inline-block; width: auto; vertical-align: middle; margin-left: 40px; font-size: 0; }

.header-right .boxIcon a { display: inline-block; width: 40px; height: 35px; background: url(../img/icon.png) no-repeat; background-size: 190px auto; margin-right: 15px; }

.header-right .boxIcon a:nth-child(1) { background-position: -8px -820px}

.header-right .boxIcon a:nth-child(2) { background-position: -82px -547px}

.header-right .boxIcon a:nth-child(3) { background-position: -6px  -764px}

.header-right .boxIcon a:nth-child(4) { background-position:-8px  -450px}

.header-right .yuyanBox { display: inline-flex; font-size: 0;
    /* width: 160px;  */
    height: 100%; vertical-align: middle; margin-left: 15px; margin-right: 30px; position: relative; cursor: pointer; }

.header-right .yuyanBox i { display: inline-block; width: 40px; height: 35px; background: url(../img/icon.png) no-repeat; background-position:-30px -733px; margin-top: 22px; }

.header-right .yuyanBox span { font-size: 22px; color: #ffdf91; line-height: 79px; display: inline-block; vertical-align: revert; margin-left: 8px; padding-left: 0; }

.header-right .yuyanBox em { display: inline-block; width: 40px; height: 35px; background: url(../img/icon.png) no-repeat; background-position: -20px -163px; margin-top: 22px; }

/* .header-right .yuyanBox .showyy { display: none; position: absolute; width: 155px; height: auto; background: url(../img/icon.png) no-repeat; background-position: -30px -2559px; z-index: 20; top: 65px; left: 5px; border-radius: 10px; border: 1px solid #ffdf91; overflow: hidden; } */
.header-right .yuyanBox .showyy {
    display: none;
    position: absolute;
    width: 200px;
    height: auto;
    background: url(../img/header/langbg.jpg);
    z-index: 20;
    top: 65px;
    left: 5px;
    border-radius: 10px;
    border: 1px solid #ffdf91;
    overflow: hidden;
}
.header-right .yuyanBox .showyy ul { height: 100%; }

.header-right .yuyanBox .showyy li { background: url(../img/icon.png) no-repeat;background-position:  -15px -10px ; height: 55px; line-height: 55px; width: 100%; color: #ffdf91; font-size: 22px; text-align: center; }

.header-right .yuyanBox .showyy li.on { background-color: #7799b3; color: #0e1a36; background-position:-15px -82px;}


.header-right .audio { display: inline-block; width: 37px; height: 37px; margin-right: 30px; vertical-align: middle; background: url(../img/icon.png) no-repeat; background-position: -156px -1011px; }
.header-right .audio.on{
    background: url(../img/icon.png) no-repeat; background-position: -30px -1011px;
    animation: audioplay 1s linear infinite alternate;   
}



/* ipad */
.ipad .subbox .email input{font-size: 22px;}
.ipad .subbox .email .txt{    font-size: 17px;}
.ipad .page3 .toptxt small{font-size: 30px;}

.ipad  .page3 .page3_dian .swiper-pagination-bullet em{    font-size: 20px;}
.ipad  .page3 .lunBox .biaoti{    bottom: 200px;}
.ipad .page3 .page3_dian{bottom: 135px;    margin-right: -744px;}
.ipad .page6 .newsBox .news-list .txt p{font-size: 28px;    line-height: 42px;}

.ipad .page4 .hero .heroimg1,.ipad .page4 .hero .heroimg2{width: 950px;}
.ipad .page4 .hero .heroimg4{width: 750px;}



/* es */


.lang_es .header-right .topZhuce{
    font-size: 22px;
}
.lang_es .page2 .title small{    font-size: 14px;}
.lang_es .thk h3{    font-size: 43px;}
.lang_es .page1 .zhucebtn,.lang_es .page2 .zhucebtn{
    line-height: 109px;
    font-size: 24px;
}
.lang_es .page2 .giftbox .list li:nth-child(2) p,.lang_es .page2 .giftbox .list li:nth-child(3) p{ font-size: 12px;  }
.lang_es  .page2 .ycgift{font-size: 7px;}
.lang_es .page3 .lunBox .biaoti h4{font-size: 48px;}

.lang_es .page3 .lunBox .biaoti small{font-size: 28px;}


/* fr */

.lang_fr .header-right .topZhuce{
    font-size: 26px;
}
.lang_fr .thk h3{    font-size: 40px;}
.lang_fr .page2 .title small{    font-size: 16px;}

.lang_fr .page1 .zhucebtn,.lang_fr .page2 .zhucebtn{
    font-size: 20px;
}
.lang_fr .page2 .giftbox .list li:nth-child(1).get h4{font-size: 26px;}

.lang_fr .page2 .giftbox .list li:nth-child(2) p{font-size: 11px;  }


.lang_fr  .page2 .ycgift{font-size: 7px;}
.lang_fr .page3 .lunBox .biaoti h4{font-size: 46px;}

.lang_fr .page3 .lunBox .biaoti small{font-size: 30px;}


/* de */
.lang_de .page1 .zhucebtn,.lang_de .page2 .zhucebtn{
    font-size: 28px;
}
.lang_de .page2 .title small{    font-size: 16px;}
.lang_de .thk h3{    font-size: 38px;}
.lang_de .page2 .giftbox .list li:nth-child(1).get h4{font-size: 26px;}
.lang_de .page2 .giftbox .list li:nth-child(2) p{font-size: 11px;  }
.lang_de  .page2 .ycgift{font-size: 6px;}

.lang_de .page3 .lunBox .biaoti h4{font-size: 50px;}

.lang_de .page3 .lunBox .biaoti small{font-size: 30px;}

.lang_de .page5 .teseBox .box.on .showtb h5{    font-size: 20px;}


/* id */

.lang_id .page1 .zhucebtn,.lang_id .page2 .zhucebtn{
    font-size: 26px;
}
.lang_id .page2 .title small{    font-size: 18px;}
.lang_id .page2 .giftbox .list li:nth-child(2) p,.lang_id .page2 .giftbox .list li:nth-child(3) p{ font-size: 13px;  }

.lang_id .thk h3{    font-size: 28px;}
.lang_id .page3 .lunBox .biaoti h4{font-size: 50px;}



/* tr */
.lang_tr .page1 .zhucebtn,.lang_tr .page2 .zhucebtn{
    font-size: 29px;
}


.lang_tr .page3 .lunBox .biaoti h4{font-size: 43px;}
.lang_tr .page3 .lunBox .biaoti small{font-size: 26px;    line-height: 32px;}
.lang_tr .page2 .ycgift{font-size: 11px;}


/* pt */
.lang_pt .header-right .topZhuce{
    font-size: 26px;
}
.lang_pt .page2 .title small{    font-size: 16px;}
.lang_pt .page1 .zhucebtn,.lang_pt .page2 .zhucebtn{
    font-size: 20px;
}
.lang_pt .page2 .giftbox .list li:nth-child(2) p,.lang_pt .page2 .giftbox .list li:nth-child(3) p{ font-size: 13px;  }
.lang_pt .page2 .ycgift{font-size: 7px;}

.lang_pt .page3 .lunBox .biaoti h4{font-size: 42px;}

.lang_pt .page3 .lunBox .biaoti small{font-size: 26px;line-height: 32px;}


/* it */
.lang_it .header-right .topZhuce{
    font-size: 26px;
}
.lang_it .page1 .zhucebtn,.lang_it .page2 .zhucebtn{
    font-size: 26px;
}
.lang_it .page2 .title small{    font-size: 18px;}
.lang_it .page2 .giftbox .list li:nth-child(2) p,.lang_it .page2 .giftbox .list li:nth-child(3) p{ font-size: 12px;  }

.lang_it .page3 .lunBox .biaoti h4{font-size: 42px;}

.lang_it .page3 .lunBox .biaoti small{font-size: 26px;line-height: 32px;}

.lang_it  .page4 .hero .herotxtbox .heroicon1 span{    margin-right: 15px;}

.lang_it  .page4 .hero .herotxtbox .heroicon1 .smicon i:nth-child(1){ margin-right: 15px;}



/* th */

.lang_th .header-right .topZhuce{
    font-size: 24px;
}
.lang_th .page1 .zhucebtn,.lang_th .page2 .zhucebtn{
    font-size: 28px;
}
.lang_th .page2 .title small{    font-size: 20px;}

.lang_th .subbox .title small{    margin-top: 7px;}

.lang_th .thk h3{font-size: 29px;}
.lang_th .page3 .toptxt small{width: auto;}
.lang_th .page3 .toptxt small em{display: block;}
.lang_th .page5 .toptxt small{    font-size: 32px;}
.lang_th .page5 .teseBox .box.on .showtb p {width: 795px;}
.lang_th .page5 .teseBox .box.on .showtb p em{display: block;}

/* ar */
.lang_ar .header-left .topNav li{    font-size: 33px;}
.lang_ar .header-right .topZhuce{line-height: 84px;}
.lang_ar .subbox .title small{margin-top: 8px;}
.lang_ar .page1 .zhucebtn,.lang_ar .page2 .zhucebtn{
    font-size:36px;
}
.lang_ar .subbox .email,.lang_ar .thk {direction: rtl;}

.lang_ar .thk h3{font-size: 36px;}
.lang_ar .subbox .email input{font-size: 25px;}
.lang_ar .subbox .email .txt{font-size: 20px;}
.lang_ar .subbox .email .txt span{font-size: 20px;}
.lang_ar .page2 .giftbox .list li h4{direction: rtl}
.lang_ar .page2 .giftbox .list li p{font-size: 14px;  direction: rtl }

.lang_ar .page3 .toptxt{width: 900px;}
.lang_ar .page3 .toptxt small em{text-align: right;direction: rtl;}

.lang_ar .page3 .toptxt small{width: auto;direction: rtl ;    text-align: right;}
.lang_ar .page3 .lunBox .biaoti h4{direction: rtl }
.lang_ar .page4 .hero .herotxtbox h5{font-size: 76px;}

.lang_ar .page5 .toptxt small{font-size:33px ;    margin-top: 40px;}

.lang_ar .page5 .teseBox .box.on .showtb p{direction: rtl;    text-align: right;}

.lang_ar .footerBox .footer span a{direction: rtl;display: inline-block;}
/* hk */

.lang_zh-tw .header-right .yuyanBox span{font-size: 18px;}

.lang_zh-tw .subbox .title small{margin-top: 4px;}

.lang_zh-tw .page1 .zhucebtn,.lang_zh-tw .page2 .zhucebtn{
    font-size: 48px;
    height: 113px;
}
.lang_zh-tw .page2 .giftbox .list li p{font-size: 20px;line-height: 25px;}

/* ch */

.lang_zh-ch .header-right .yuyanBox span{font-size: 18px;}

.lang_zh-ch .subbox .title small{margin-top: 4px;}

.lang_zh-ch .page1 .zhucebtn,.lang_zh-ch .page2 .zhucebtn{
    font-size: 48px;
    height: 113px;
}
.lang_zh-ch .page2 .giftbox .list li p{font-size: 20px;line-height: 25px;}

/* pop */

.pop { display: none; position: absolute; z-index: 999; top: 0; }

.pop .close { position: absolute; right: -15px; top: -20px; width: 31px; height: 32px; background-position:-30px -824px; transition: all .5s ease-in-out; }

.pop .close:hover { transform: rotate(360deg); }

.popvideo { width: 1200px; height: 630px; }

.popvideo .videoCont { width: 100%; height: 100%; }

.subbox { width: 963px; height: 464px; background: url(../img/pop/pop1.jpg) center center no-repeat; background-size: 100% auto; }
.subbox .title{     position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%); }
/* .subbox .title h3{ color: #ffe1a1; font-size: 42px; font-family: mb; text-align: center;display: none; } */
.subbox .title h3{ 
    position: relative;
    margin-top: 56px;
    color: #ffe1a1;
    font-size: 32px;
    font-family: mb;
    text-align: center;
    line-height: 39px;
}
    .subbox .title h3::after{ 
        content: '';
        position: absolute;
        height: 15px;
        width: 223px;
        background: url(../img/icon.png) no-repeat;
        background-size: 250px;
        background-position: -14px -174px;
        left: -240px;
        top: 12px;
     }
    .subbox .title h3::before{
        content: '';
        position: absolute;
        height: 15px;
        width: 223px;
        background: url(../img/icon.png) no-repeat;
        background-size: 250px;
        background-position: -14px -131px;
        right: -240px;
        top: 12px;
    } 

.subbox  .tips{ display: none; position: absolute; color: #ec5353; margin-left: 5px; top: 137px; left: 194px; }

.subbox .email { width: 630px; height: 260px; margin: 170px auto 0; }

.subbox .email p em { font-size: 40px; color: #929292; display: inline-block; vertical-align: top; }

.subbox .email input { height: 40px; width: 590px; margin-left: 10px; text-indent: 20px; font-size: 18px; }

.subbox .email .txt { display: block; margin: 0 auto; width: auto; font-size: 16px; color: #fff; line-height: 30px; position: relative; margin-top: 20px; margin-left: 25px; }

.subbox .email .txt i { display: inline-block; width: 29px; height: 29px; background-position:  -120px -642px; vertical-align: top; margin-right: 20px; cursor: pointer; }
.subbox .email .txt i.on { background-position:  -27px -642px; }
.subbox .email .txt span{ display: inline-block; width: 90%; }

.subbox .email .txt a { color: #ffe1a1;display: inline-block; }

.subbox .email .sub { font-family: mb; display: block; width: 238px; height: 57px; background-position: -30px -1223px; margin: 45px auto 0; text-align: center; color: #222f43; font-size: 23px; font-weight: bold; line-height: 60px; }

.thk{ width: 830px; height: 320px; background: url(../img/pop/pop2.jpg) center center no-repeat; background-size: 100% auto; }

.thk h3{ 
    font-family: mb;
    color: #ffe1a1;
    font-size: 33px;
    text-align: center;
    line-height: normal;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    line-height: 40px;
    white-space: nowrap;
 }
.thk h3::after{ 
    content: '';
    position: absolute;
    height: 15px;
    width: 140px;
    background: url(../img/icon.png) no-repeat;
    background-position: 7px -70px;
    background-size: 140px auto;
    left: -150px;
    top: 13px;
 }
.thk h3::before{ 
    content: '';
    position: absolute;
    height: 15px;
    width: 140px;
    background: url(../img/icon.png) no-repeat;
    background-position: -7px -93px;
    background-size: 140px auto;
    right: -150px;
    top: 13px;
}
.thk h3.tips::after,.thk h3.tips::before{display: none;}
.thk .creator{
    position: absolute;
    top: 67%;
    left: 50%;
    transform: translate(-50%);
    font-family: 'nsr';
    font-size: 22px;
    color: #fff;
    width: 100%;
    text-align: center;
    text-decoration: underline;
    text-underline-position: under;  
}
/* footer */
.page7 { height: auto; }
 .footerBox{ height: auto; width: 100%; border-top: 6px solid; display: block; border-image: linear-gradient(to right, #b49148, #fcf1d2) 1; -moz-transform-origin: left top; }
.footerBox .iconbox{ width: 100%; height:auto; background: url(../img/page7/bg.jpg) center top no-repeat; background-size: 100% auto; line-height: 215px; }

.footerBox .iconbox span{ font-weight: bold; font-family: mb; font-size: 90px; color: #fff; text-shadow: 0 0 10px #c5974d; margin-right: 40px; text-transform: uppercase;}
.footerBox .iconbox a{ display: inline-block; width: 60px; height: 60px; vertical-align: text-bottom; margin-left: 30px; background: url(../img/icon.png) no-repeat; background-size: 320px auto; }

.footerBox .iconbox a:nth-child(2){ background-position: -17px -1380px}
.footerBox .iconbox a:nth-child(3){ background-position: -144px -920px; }
.footerBox .iconbox a:nth-child(4){ background-position: -13px -1285px}
.footerBox .iconbox a:nth-child(5){ background-position: -17px -758px; }

.footerBox  .footer{ height: 200px; background-color: #000; }

.footerBox  .footer img{ width: 150px; margin-top: 40px; }
.footerBox  .footer span{ color: #fff; display: inline-block; height: 90px; vertical-align: text-bottom; margin-left: 50px;text-align: left; }
.footerBox  .footer span a{ font-size: 21px;  color: #fff;    }
.footerBox  .footer span .cookieSet{
    display: inline-block;
    position: relative;
    font-size: 21px;
    color: #fff;
}
.footerBox  .footer span .cookieSet:hover{
    cursor: pointer;
    color: #ffdd40 !important;
}
.footerBox  .footer span .cookieSet a{
    background: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 21px !important;
    width: 100%;
    padding: 0 !important;
    position: absolute;
    left: 0;
    opacity: 0;
}
.footerBox  .footer span em{ color: #d2d2d2; font-size: 20px; display: block; }

.footerBox  .footer span .home{
    text-decoration:underline;
    text-underline-offset: 12px;
}
.footerBox  .footer span a:hover{
    color: #ffdd40 !important;
}
@keyframes audioplay {
    0% {
        transform: scale(0.9);
    }
  
    100% {
        transform: scale(1.1);
    }
  }
  


@keyframes scroll_tip {
    0% {
        transform: translateY(-20%) ;
    }
  
    100% {
        transform: translateY(20%) ;
    }
  }
  
  @keyframes qibingicon{100% {background-position:-1800px  0 ;}}



  @-webkit-keyframes qibingicon{ 100% {background-position:-1800px  0 ;}}

  @keyframes yunshan {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}





  @keyframes mask{from{-webkit-mask-position:0 0;}to{-webkit-mask-position:100% 0;}}
  @keyframes mask{0%{-webkit-mask-position:0 0}100%{-webkit-mask-position:100% 0}}


  @keyframes animate1 {
    0% {
        left: -100%
    }

    50%,100% {
        left: 100%
    }
}

  @keyframes animate2 {
    0% {
        top: -100%
    }

    50%,100% {
        top: 100%
    }
}

  @keyframes animate3 {
    0% {
        opacity: 1;
        right: -100%
    }

    50%,100% {
        opacity: 1;
        right: 100%
    }
}

  @keyframes animate4 {
    0% {
        bottom: -100%
    }

    50%,100% {
        bottom: 100%
    }
}


@-webkit-keyframes lightmove {
    0% {
            left: -150px;
            top: -120px;
    }

    to {
            left: 150px;
            top: 120px
    }
}
@keyframes lightmove {
    0% {
            left: -150px;
            top: -120px;
    }

    to {
            left: 150px;
            top: 120px
    }
}