@charset "utf-8";
/*
    MBTXW.COM Copyright (C)2008-2099 www.mbtxw.com
    Author: mbtxw.com, QQ:536205792.
    Special note: do not modify this document without permission.
*/

.swiper {width:100%;height:100%;}

/*banner修复*/
.swiper-side-box {width:98%;height:600px;border-radius:15px;position:relative;display:flex;justify-content:center;align-items:center;}
.swiper-side-box .swiper-slide {display:flex;justify-content:center;align-items:center;}
.swiper-side-box .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.swiper-side-box .swiper-slide-active img, .swiper-side-box .swiper-slide-duplicate-active img {transition:6s linear;transform:scale(1,1);} 
.swiper-side-box .swiper-slide .text-center {z-index:99;position:absolute;color:#FAFAFA;top:35%;text-align:center;width:100%;}
.swiper-side-box .swiper-slide .text-center h2 {font-size:86px;font-family:"aliFangYuan";}
.swiper-side-box .swiper-slide .text-center p {font-size:36px;padding-top:30px;font-family:"aliFangYuan";}

.swiper-side-box .swiper-slide .text-left {z-index:99;position:absolute;color:#FAFAFA;top:35%;left:6%;}
.swiper-side-box .swiper-slide .text-left h2 {font-size:86px;font-family:"aliFangYuan";}
.swiper-side-box .swiper-slide .text-left p {font-size:36px;padding-top:30px;font-family:"aliFangYuan";}

.swiper-side-box .swiper-slide.swiper-slide-active .text-left h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation: bounceInRight ease-in-out 1s 1;}
.swiper-side-box .swiper-slide.swiper-slide-active .text-left p {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}


.swiper-side-box .swiper-slide.swiper-slide-active .text-center h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation: bounceInRight ease-in-out 1s 1;}
.swiper-side-box .swiper-slide.swiper-slide-active .text-center p {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}


.swiper-pagination-bullet {width:20px;height:20px;text-align:center;line-height:20px;font-size:14px;color:#fff;opacity:1;background:none;border:none !important;outline:none !important;margin-right:120px !important;}
.swiper-pagination-bullet:first-child {margin-left:15px !important;}
.swiper-pagination-bullet:last-child {margin-right:15px !important;}
.swiper-pagination-bullet-active {color:#f20;background:none;position:relative;font-weight:600;}
.swiper-pagination-bullet-active::after {content:'';display:inline-block;height:2px;width:60%;background-color:#FFF;position:absolute;left:2px;bottom:-25px;}

.swiper-pagination {position:relative;border-bottom:1px solid rgba(255,255,255,0.2);}
.swiper-number {position:absolute;bottom:8%;left:50%;width:auto;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index: 999;}
.swiper-number span {display:inline-block;font-family:"Myriad Pro","Microsoft YaHei";}

.swiper-side-box .swiper-button-next,.swiper-side-box .swiper-button-prev {width:40px;height:68px;font-size:50px;color:#ffffff;font-family:simsun;font-style:normal;border:none !important;outline:none !important;}
.swiper-side-box .swiper-button-next:hover,.swiper-side-box .swiper-button-prev:hover {background:rgb(0 0 0 / 32%);border-radius:5px}
.swiper-side-box .swiper-button-prev {left:30px;}
.swiper-side-box .swiper-button-next {right:30px}

.video-head {overflow:hidden;margin-top:16px;margin-bottom:20px;font-size:28px;background:url("../images/icon/icon-video.png") no-repeat 0 center;background-size:32px 32px;padding-left:45px;font-family:'aliFangYuan',sans-serif;font-weight:bold;}
.video-head span {background:#faf3f3;border-radius:25px;padding:5px 15px 5px 25px;float:right;font-size:14px;color:#999999;}
.video-head span a {color:#999999;}
.video-head span i {color:#999999;font-style:normal;font-weight:bold;padding-left:12px;font-family:simsun;}
.video-head span:hover {background:#fff;}


/*下载列表*/
.down-list-banner {background-image:url("../images/banner/banner-01.jpg");background-repeat:no-repeat;background-position:center 20%;background-size:cover;width:100%;height:320px;}
.down-list-banner .banner-title {z-index:9;height:300px;padding-top:60px;border-radius:5px;}
.down-list-banner .banner-title h2 {font-size:48px;color:#fff;letter-spacing:10px;text-shadow:-1px -1px #fff,1px 1px #333;font-family:'aliFangYuan',sans-serif;padding-bottom:30px;}
.down-list-banner .banner-title p {font-size:30px;color:#fff;padding-bottom:50px;font-family:'aliFangYuan',sans-serif;}

.down-list-cat {margin-top:-70px;background:#ffffff;border-radius:10px;padding:20px 25px;}

.down-list-cat .cat-nav {margin-bottom:15px;padding:10px 0 15px 25px;height:24px;line-height:24px;background:url('../ico-nav.png') no-repeat 0px 13px;font-size:14px;border-bottom:rgba(232,232,232,0.9) 1px solid;}
.down-list-cat .cat-nav div {float:right;}
.down-list-cat .cat-nav i {font-style:normal;font-weight:bold;color:#CCC;padding:0 6px;font-family:simsun;}
.down-list-cat .cat-nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.down-list-cat .cat-nav s {display:inline-block;width:16px;height:16px;background:url('../ico-cls.png') no-repeat center center;margin:4px 0 0 8px;position:absolute;}
.down-list-cat .cat-nav s:hover {background:url('../ico-cls-on.png') no-repeat center center;}


/*列表筛选*/
.list-filter {overflow:hidden;padding-top:16px;}
.list-filter .filter-left {float:left;width:88px;display:inline;color:#4a4a4a;font-weight:bold;height:30px;line-height:30px;overflow:hidden;font-size:14px;}
.list-filter .filter-right {float:left;width:1462px;display:inline;overflow:hidden;}
.list-filter .filter-right li {float:left;cursor:pointer;padding:0 20px;margin-bottom:10px;height:30px;line-height:30px;overflow:hidden;font-size:14px;}
.list-filter .filter-right li:hover {background:#F2F2F2;border-radius:25px;}
.list-filter .filter-right .side-ok {background:rgb(239,18,18,0.6);color:#FFF;border-radius:25px;}
.list-filter .filter-right .side-ok a {color:#FFF;}
.list-filter .filter-right .side-ok:hover {background:rgb(239,18,18,0.6);}





/*动态视频列表*/
.video-tags {position:relative;margin-left:-20px;}
.video-tags .video-tags-item {float:left;width:385px;height:215px;margin-left:20px;margin-bottom:20px;}
.video-tags .video-tags-item .video-level {display:block;padding:3px 6px;position:absolute;margin:10px 0 0 10px;border-radius:5px;background:#f20;z-index:1;color:#fff;}
.video-tags .video-tags-item .video-tag {height:215px;overflow:hidden;position:relative;border-radius:10px;}
.video-tags .video-tags-item .video-tag video {position:relative;display:block;width:auto;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;}
.video-tags .video-tags-item .video-tag img {width:100%;border-radius:10px;}
.video-tags .video-tags-item .video-tag:hover span {z-index:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.video-tags .video-tags-item .video-tag span {display:block;width:50px;height:50px;position:absolute;top:37%;left:43%;background:url(../images/Play_button.png) center no-repeat;background-size:30px 30px;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all ease-out .25s;transition:all .25s ease-out}

/*楼层视频列表*/
.video-tage {position:relative;margin-left:-20px;}
.video-tage .video-tage-item {float:left;width:385px;margin-left:20px;margin-bottom:20px;height:260px;background:#FFF;border-radius:10px;box-shadow:0 8px 16px rgb(0 0 0 / 10%);}
.video-tage .video-tage-item ul {overflow:hidden;position:relative;border-radius:10px;padding:10px;}
.video-tage .video-tage-item ul i {display:block;padding:3px 6px;position:absolute;margin:10px 0 0 10px;border-radius:5px;background:#f20;z-index:1;color:#fff;}
.video-tage .video-tage-item ul img {width:100%;height:205px;border-radius:10px;}
.video-tage .video-tage-item ul b {display:block;font-size:15px;line-height:38px;height:38px;overflow:hidden;text-align:center;font-weight:500;}
.video-tage .video-tage-item ul:hover span {z-index:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.video-tage .video-tage-item ul span {display:block;width:50px;height:50px;position:absolute;top:30%;left:43%;background:url(../images/Play_button.png) center no-repeat;background-size:50px 50px;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all ease-out .25s;transition:all .25s ease-out}


/*动态视频列表*/
.video-list-tag {position:relative;margin-left:-26px;}
.video-list-tag .video-list-item {float:left;width:360px;margin-left:26px;margin-bottom:26px;background:#FFF;padding:10px;border-radius:10px;box-shadow:0 8px 16px rgb(0 0 0 / 10%);}
.video-list-tag .video-list-item {transition:all .3s;}
.video-list-tag .video-list-item .video-level {display:block;padding:3px 6px;position:absolute;margin:10px 0 0 10px;border-radius:5px;background:#f20;z-index:1;color:#fff;}
.video-list-tag .video-list-item .video-tag {height:203px;overflow:hidden;position:relative;border-radius:10px;}
.video-list-tag .video-list-item .video-tag video {position:relative;display:block;width:auto;height:100%;border-radius:10px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;}
.video-list-tag .video-list-item .video-tag img {width:100%;border-radius:10px;}
.video-list-tag .video-list-item .video-tag:hover span {z-index:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.video-list-tag .video-list-item .video-tag span {display:block;width:50px;height:50px;position:absolute;top:37%;left:43%;background:url(../images/Play_button.png) center no-repeat;background-size:50px 50px;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all ease-out .25s;transition:all .25s ease-out}
.video-list-tag .video-list-item .video-tag .cover-icon {max-width:none;position:absolute;}
.video-list-tag .video-list-item .video-title {padding:10px 10px 0 10px;font-size:15px;line-height:38px;height:38px;overflow:hidden;text-align:center;}


/*详情视频列表*/
.video-show-tag {padding-left:-30px;padding-top:16px;}
.video-show-tag .video-show-item {float:left;width:284px;margin-left:30px;margin-bottom:20px;height:215px;background:#FFF;border-radius:10px;box-shadow:0 8px 16px rgb(0 0 0 / 10%);}
.video-show-tag .video-show-item ul {overflow:hidden;position:relative;border-radius:10px;padding:10px;}
.video-show-tag .video-show-item ul img {width:100%;height:160px;border-radius:10px;}
.video-show-tag .video-show-item ul b {display:block;font-size:14px;line-height:38px;height:38px;overflow:hidden;text-align:center;font-weight:500;}
.video-show-tag .video-show-item ul:hover span {z-index:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.video-show-tag .video-show-item ul span {display:block;width:50px;height:50px;position:absolute;top:29%;left:43%;background:url(../images/Play_button.png) center no-repeat;background-size:50px 50px;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all ease-out .25s;transition:all .25s ease-out}


/*详情页获取相关产品标签*/
.video-show-mall {padding-top:10px;}
.video-show-mall ul {width:243px;float:left;margin-left:20px;margin-bottom:20px;border-radius:5px;position:relative;}
.video-show-mall ul .li-img {border-radius:5px;width:223px;height:223px;overflow:hidden;margin:10px 10px 0 10px;}
.video-show-mall ul .li-img img {-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.video-show-mall ul .li-img:hover img {-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}

.video-show-mall ul .li-info {padding:0 10px 10px 10px;overflow:hidden;}
.video-show-mall ul .li-info b {display:block;height:40px;line-height:40px;color:#ff2200;font-size:20px;font-weight:500;}
.video-show-mall ul .li-info b i {font-size:14px;font-style:normal;}
.video-show-mall ul .li-info b s {font-size:14px;padding-left:15px;color:#999999;}
.video-show-mall ul .li-info b span {color:#999999;font-weight:normal;}
.video-show-mall ul .li-info p {height:42px;line-height:21px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;}

.video-show-mall ul .li-level {position:absolute;z-index:10;}
.video-show-mall ul .li-level img {width:56px;height:56px;border-radius:5px 0 0 0;}
.video-show-mall ul:hover {transform:scale(1.05);transition:all .36s;box-shadow:0 0 15px rgb(0 0 0/50%);}


.video-show {background:#292929;height:805px;}
.video-show .video-m {background:#1f1f1f;margin:auto;width:1600px;clear:both;height:751px;}
.video-show .show-left {float:left;width:1200px;height:100%;position:relative;}
.video-show .show-left video {width:1200px;height:673px;outline:none;}
.video-show .show-left iframe {width:1200px;height:673px;outline:none;}
.video-show .show-left .show-video{position:relative;}
.video-show .show-left .show-video i {position:absolute;background:url('../images/video-logo.png') no-repeat;background-size:160px 45px;width:200px;z-index:90;top:30px;left:30px;height:45px;}
.video-show .show-left .show-video.fd_active {position:fixed;top:1200px;z-index:6;}
.video-show .show-left .show-video.fd_active video {z-index:90;position:fixed;width:284px;height:162px;border-radius:8px;bottom:8px;right:8px;}




.video-show .show-right {float:right;width:400px;background:rgb(32,32,43,1);height:751px;}
.video-show .show-right h1 {color:#ccc;font-size:20px;margin:20px 20px 20px 20px;height:64px;line-height:32px;overflow:hidden;}
.video-show .show-right .hd {overflow:hidden;margin-bottom:15px;font-size:15px;}
.video-show .show-right .hd li {height:42px;line-height:42px;text-align:center;width:177px;float:left;cursor:default;background:rgb(50,60,70,1);color:#999;margin-left:20px;border-radius:25px;}
.video-show .show-right .hd li.on {width:165px;color:#fff;background:rgb(50,60,70,0.8)}
.video-show .show-right .bd {border:0;}

.video-show .show-right .right-play-list {}
.video-show .show-right .right-play-list div {height:95px;padding:10px 20px;}
.video-show .show-right .right-play-list div:hover {background:#1f1f1f;color:#FFF;}
.video-show .show-right .right-play-list div:hover p {color:#FFF;}
.video-show .show-right .right-play-list div:hover em {color:#FFF;}
.video-show .show-right .right-play-list .ul-pic {float:left;width:160px;height:90px;margin-top:3px;position:relative;}
.video-show .show-right .right-play-list .ul-pic em {position:absolute;width:35px;height:35px;z-index:90;top:30px;left:45%;}
.video-show .show-right .right-play-list .ul-pic img {border-radius:5px;width:100%;height:100%;object-fit:cover;}
.video-show .show-right .right-play-list .ul-text {float:left;width:200px;height:95px;}
.video-show .show-right .right-play-list .ul-text p {height:52px;line-height:26px;overflow:hidden;margin-left:10px;margin-bottom:24px;color:#999;font-size:14px;}
.video-show .show-right .right-play-list .ul-text span {color:#999999;margin-left:10px;}
.video-show .show-right .right-play-list .ul-text i {color:#999999;font-style:normal;float:right;}
.video-show .show-right .right-play-list .onn {background:#1f1f1f;}
.video-show .show-right .right-play-list .on-play {background:url('../images/icon/ico-play.gif') no-repeat 0px center;background-size:12px 24px;}

.video-show .show-right .content {font-size:16px;line-height:200%;padding:0px 20px;}
.video-show .show-right .content p {text-indent:0em;color:#999;}
.video-show .show-right .content a:link,.content a:visited,.content a:active {color:#FFF;text-decoration:none;}
.video-show .show-right .content a:hover {color:#FF6600;text-decoration:none;}

.content-scrollbar {height:568px;overflow:scroll;}
.content-scrollbar::-webkit-scrollbar {width:10px;height:0px;}
.content-scrollbar::-webkit-scrollbar-thumb {border-radius:10px;background-color:skyblue;background-image:-webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.2) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.2) 50%,rgba(255, 255, 255, 0.2) 75%,transparent 75%,transparent);}
.content-scrollbar::-webkit-scrollbar-track {box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#ededed;border-radius:10px;}

.video-show .show-right .content-scrollbar.hide-scrollbar {overflow:hidden !important;}



.video-show-box {background:#FFF;border-radius:8px;overflow:hidden;}
.video-show-box h1 {line-height:48px;font-weight:bold;font-size:30px;padding:26px 26px;margin:0;}
.video-show-box h2 {position:relative;padding-left:22px;margin:20px 20px 10px 20px;}
.video-show-box h2::after {content:'';position:absolute;width:5px;height:18px;background:#f20000;left:0;box-shadow:3px 0px 10px -1px #f20000;border-radius:3px;margin-top:3px;}
.video-show-box h2 span {float:right;font-size:14px;color:#d81e06;cursor:pointer;}
.video-show-box h2 span i {font-style:normal;font-weight:bold;padding:0 6px;font-family:simsun;}

.video-data {padding:20px;position:absolute;bottom:0;width:100%;box-sizing:border-box;}
.video-data .video-data-left {float:left;}
.video-data .video-data-left span {display:inline-block;margin-right:30px;color:#999;height:30px;line-height:30px;font-size:14px;}
.video-data .video-data-right {float:right;}
.video-data .video-data-right span {display:inline-block;margin-left:30px;color:#999;height:30px;line-height:30px;cursor:pointer;}
.video-data span a,.video-data span b {color:#999;font-size:14px;}
.video-data span:hover a,.video-data span:hover b {color:#E2E3E5;}

.video-data .no-collect {padding:0 20px 0 39px;background:rgb(50,60,70,1) url('../images/icon/icon-collect.png') no-repeat 15px 7px;background-size:17px;cursor:pointer;border-radius:25px;}
.video-data .no-collect:hover {background:rgb(50,60,70,0.6) url('../images/icon/icon-collect-white.png') no-repeat 15px 7px;background-size:17px;color:#fff;cursor:pointer;border-radius:25px;}
.video-data .ok-collect {padding:0 15px 0 39px;background:rgb(50,60,70,1) url('../images/icon/icon-collect-white.png') no-repeat 15px 7px;color:#E2E3E5;background-size:17px;border-radius:25px;}

.video-data .span-share {padding-left:25px;background:url('../images/icon/icon-share2.png') no-repeat 0px 5px;background-size:19px;}
.video-data .span-share:hover {background:url('../images/icon/icon-share2-white.png') no-repeat 0px 5px;background-size:19px;}

.video-data .span-qrcode {padding-left:25px;position:relative;z-index:68;background:url('../images/icon/icon-mobile.png') no-repeat 0px 5px;background-size:19px;}
.video-data .span-qrcode:hover {background:url('../images/icon/icon-mobile-white.png') no-repeat 0px 5px;background-size:19px;}
.video-data .span-qrcode:hover p {display:block;}
.video-data .span-qrcode p {background:#FFFFFF;padding:10px;margin-left:-43px;z-index:98;display:none;position:absolute;top:39px;border-radius:5px;box-shadow: 0 0 15px rgb(0 0 0/50%);}
.video-data .span-qrcode p::after {content:'';border:10px solid transparent;position:absolute;border-left-color:#FFF;left:45%;margin-top:-170px;transform:rotate(-90deg);z-index:198;}
.video-data .span-qrcode b {font-weight:500;font-size:14px;}



/*视频详情当前位置*/
.video-nav {padding:15px 0px 15px 26px;height:24px;line-height:24px;background:url('../ico-nav.png') no-repeat 0px 18px;font-size:14px;color:#666;}
.video-nav i {font-style:normal;font-weight:bold;color:#666;padding:0 6px;font-family:simsun;}
.video-nav a {color:#666;}
.video-nav a:hover {color:#ccc;}


/*从下到上兼容*/
@-webkit-keyframes bounceInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/*从下到上*/
@keyframes bounceInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    20% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/*从右到左兼容*/
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从右到左*/
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从左到右兼容*/
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
/*从左到右*/
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}