@charset "utf-8";
/* @font-face {
  font-family: myFirstFont;
  src: local("myFirstFont"),
       url(https://tlbb.wanmei.com/font-family/FZLTHJW.TTF);
} */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;word-warp: break-warp;word-break: break-all; font-family: myFirstFont;}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
img {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;user-select: none;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0); outline: none;}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
div,p,span,a,ul,li{word-warp: break-warp;word-break: break-all;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a,a:hover{ text-decoration: none;}
img{ display: block; max-width: 100%; margin: 0 auto;}
.cl { zoom: 1; }
.fl,.f_left{ float:left; }
.fr,.f_right{ float:right; }
.ovf {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url(ellipsis.xml#ellipsis);}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8e8e8e; font-size: 24px; }   
input:-moz-placeholder, textarea:-moz-placeholder { color: #8e8e8e; font-size: 24px; }   
input::-moz-placeholder, textarea::-moz-placeholder { color: #8e8e8e;font-size: 24px; }   
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8e8e8e;font-size: 24px; }
.scroll::-webkit-scrollbar  {width: 6px;height: 6px;background-color: #F5F5F5;}   
.scroll::-webkit-scrollbar-track  {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;  }
.scroll::-webkit-scrollbar-thumb  {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555;  } 
html,body{font-size: 62.5%;  font-family: myFirstFont;}
body {font-size: 18px; overflow: hidden; overflow-y:auto; background:url(https://tlbb.wanmei.com/m/images211014/tlbb_mbg20220330.jpg) no-repeat center top;  }
.wrap750{ width: 750px; height: auto; position: relative; margin: 120px auto 0; background: url(https://tlbb.wanmei.com/m/images211014/main.jpg) no-repeat center 1369px; }
.top{width: 100%;height: 1142px;background: url(../images/top.jpg) no-repeat center top; }
.top2{width: 100%;height: 681px;background: url(../images/top2.jpg) no-repeat center center; position: relative;}
.content{width: 100%;height: 3343px;background: url(../images/content.jpg) no-repeat center center;overflow: hidden;}
.content2{width: 100%;height: 2533px;background:#f5f5f5 url(../images/content2.jpg) no-repeat center top;overflow: hidden;}
/* .music{ display: block; width: 48px; height: 48px; position: fixed; right: 32px; top:98px; z-index: 9; background: url(https://tlbb.wanmei.com/images/music.png) no-repeat center bottom; cursor: pointer; }
.music.active{ background-position: center 3px; } */
.slogan{width: 724px;height: 202px;background: url(../images/slogan.png) no-repeat center center;left: 50%;margin: 0 0 0 -362px;position: absolute;top: 500px;}

.conbox{width: 100%;max-width: 1200px;margin: 0px auto 0; }
.conbox .con{width: 550px;height: 490px; margin: 60px auto 0 80px;position: relative;}
.conbox .con .tit{font-size: 24px;color: #6c5e41;height: 50px;line-height: 50px;border-bottom: 2px solid #6c5e41; width: 100%;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .conbox .con .txt{width: 510px;height: 264px;margin: 20px auto 0;font-size: 22px;color: #80745c; overflow: hidden; line-height: 29px;position: relative;}
 
.conbox .con .txt::after {
    content:".";
    font-weight:bold;
    position:absolute;
    bottom:0;
    left:0;
    line-height: 100px;
    width: 100%;
    overflow: hidden;
    text-indent: -100px;
    /* padding:0 20px 1px 45px; */
    
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, 0)), to(#f0eeea), color-stop(80%, #f0eeea));
    background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0), #f0eeea 80%, #f0eeea);
    background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0), #f0eeea 80%, #f0eeea);
    background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0), #f0eeea 80%, #f0eeea);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f0eeea 80%, #f0eeea);
}
.conbox .con .tag{width: 100%;height: 80px;width: 100%;margin: 10px auto 0;}
.conbox .con .time{font-size: 22px; color: #80745c; position: absolute; bottom: 10px;left: 10px;}
.conbox .con .zan{height: 32px;padding: 0 0 0 90px;font-size: 22px;color: #a72f2f;position: absolute;background: url(../images/xin2.png) no-repeat center top;bottom: 10px;right: 10px;}
.conbox .con .tag a{font-size: 20px;color: #6c5e41;display: inline-block;border-radius: 20px;border: 1px solid #6c5e41;padding: 0 10px;height: 25px;line-height: 25px;background:#c8b8a2;margin: 0 5px 0;}
.conbox ul li{ width: 665px;height: 600px;background: url(../images/list.png) no-repeat center top;display: inline-block;margin: 30px 20px 0;background-size: 100%;}
.tabbox{width: 100%;margin: 50px auto 0; max-width: 1200px;}
.pagination1{width: 100%; display: flex; justify-content: center;margin: 50px auto 0;}
.pagination1 .page{  color: #edc264; display: inline-block;border: 1px solid #edc264;margin: 0 5px ;}
.pagination1 a{color: #edc264;height: 30px;font-size: 14px;text-align: center;line-height: 30px;padding: 0 10px; cursor: pointer;}
.pagination1 .active{color: #fff;border: 1px solid #edc264;background: #edc264;}
.pagination1 .active  a {color: #fff;}
.pagination1 .prev,.pagination1 .next,.pagination1 .first,.pagination1 .last{border: 1px solid #edc264;margin: 0 5px ;}
/* .pagination1 .disabled,.pagination1 a.disabled{background: #fff;color: #ba8b46;border: 1px solid #ba8b46;} */
.pagination1 .disabled a{color: #ba8b46;}
.pagination1 li{list-style-type: none;}
.listtxt{width: 100%;text-align: center;}
.btn_post{ width: 218px;height: 70px;background: url(../images/btn_post.png) no-repeat center top; display: block; cursor: pointer;margin: 0px auto 0;}
.btn_post:hover{background-position-y: -100px;}
.btn_hot{width: 180px;height: 60px;background: url(../images/btn_hot.png) no-repeat center top; display: inline-block; overflow: hidden; text-indent: -999px; cursor: pointer;}
.btn_hot.on{background-position-y:-100px;}
.btn_new{width: 180px;height: 60px;background: url(../images/btn_new.png) no-repeat center top; display: inline-block; overflow: hidden; text-indent: -999px; cursor: pointer;}
.btn_new.on{background-position-y:-100px;}
.search{width: 692px;height: 67px;background: url(../images/searchbg.jpg) no-repeat center center;position: relative;  margin: 20px auto 0;}
.search input{width: 490px;height: 60px;margin: 2px 0 0 60px;float: left;background:none;}
.search .btn_search{width: 130px;height: 60px;display: block;float: right;margin: 2px 0 0 0;}
.navbox{width:300px;height: 40px;position: absolute;right: 50px;top: 26px; z-index: 1000;text-align: right;}
.btn_home{width: 147px;height: 39px;background: url(../images/btn_home.png) no-repeat center top;display: inline-block;}
.btn_home:hover{background-position-y: -50px;}
.btn_back{width: 147px;height: 39px;background: url(../images/btn_back.png) no-repeat center top;display: inline-block;}
.btn_back:hover{background-position-y: -50px;}
.loginbox{ background-color: #0f0f12; border: 2px solid #35323a; min-width: 180px; height: 28px; line-height: 28px; border-radius: 10px; -webkit-border-radius: 10px; position: absolute; right: 400px; top:26px; z-index: 9; color: #7b7a7a; font-size: 14px; text-align: center; padding-left: 10px; padding-right: 10px; }
.btnLogin,.quit{ color: #b49b73; font-weight: bold; cursor: pointer; }
.loginout{ display: none;}
.btnPlay{width: 65px;height: 65px;background: url(../images/btn_play.png) no-repeat center center;position: absolute;left: 50%; top: -40px;cursor: pointer; margin: 0 0 0 -30px;}  
.btnYY{width: 322px;height: 105px;background: url(../images/btnyy.png) no-repeat center top;position: absolute;cursor: pointer; left: 50%;margin: 0 0 0 -350px;top: 730px;}
.btnYY:hover{background-position:0 -120px;}
.btn648{width: 322px;height: 105px;background: url(../images/btn648.png) no-repeat center top;position: absolute;cursor: pointer; left: 50%;margin: 0  0 0px 50px;top: 730px;}
.btn648:hover{background-position:0 -120px;}
#pcfooter{display:none; width: 100%; z-index: 99998; position: fixed; left: 50%; bottom: 0; max-width: 1920px; transform:translateX(-50%); -webkit-transform: translateX(-50%);}
.xin{width: 57px;height: 50px;background: url(../images/xin.png) no-repeat center top;}
.noticebox{width: 715px;height: 976px;position: relative;margin: 200px auto 0;}
.noticebox ul li{width: 715px;height: 418px;background: url(../images/listbg.png) no-repeat center top;position: relative;margin: 40px auto 0;}
/* .noticebox ul li:hover{background: url(../images/listbg2.png) no-repeat center top;} */
.noticebox ul li h2{color: #2a3c30;font-size: 45px; display: block;width: inherit;max-width: 680px; height: 65px;line-height: 65px;border-bottom: 2px solid #2a3c30;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;top: 20px;margin: 0 auto;}
/* .noticebox ul li:hover h2{color: #fff;border-bottom: 2px solid #fff; } */
.noticebox ul li .txt{color: #2a3c30;font-size: 28px;overflow: hidden; display: block;width: inherit;max-width: 680px; height: 145px;line-height: 35px;    top: 100px;margin: 0 auto;}
/* .noticebox ul li:hover .txt{color: #fff;} */
.noticebox .xin{position: absolute;left: 340px;top: 260px;}
.noticebox .xin span{color: #6d7871;font-size: 30px;text-align: center;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);left: 50%;position: absolute;bottom: -50px; display: block; width: 150px; white-space: nowrap}
.prompt,.pop_fixed{ position: fixed; left: 50%; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 999; display: none; transform:translateX(-50%); -webkit-transform: translateX(-50%);}
.vbox{ width: 1197px; height: 635px;
     /* background: url(https://tlbb.wanmei.com/images/videobg.png) no-repeat center top;  */
     position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
#myvideo{ width: 100%; position: absolute;  background: #000;}
 
.close1{ width: 78px; height: 78px; position: absolute; right: 14px; top:-10px; background: url(https://tlbb.wanmei.com/images/close1.png) no-repeat center top; cursor: pointer;}
.btnsyy{ display: block; width: 80px; height: 90px; position: absolute; left: 0; top:0; cursor: pointer; }
.toptxt{width: 660px;height: 203px; background: url(../images/toptxt.png) no-repeat center top;background-size: 100%; position: absolute;top: 900px;left: 50%;margin: 0 0 0 -330px; }
.btn_more{width: 378px;height: 90px; background: url(../images/btn_more.png) no-repeat center top;}
 
 .btn_more{width: 378px;height: 90px;background: url(../images/btn_more.png) no-repeat center top;position: relative;margin: 180px auto 0; display: block;}
.featurebox{width: 100%; position: absolute;top: 3100px;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);}
.feature-next{ width: 58px;height: 110px;background: url(../images/feature-next.png) no-repeat center top;left: 50%;margin:35px 0 0 300px ;}
.feature-prev{ width: 58px;height: 110px;background: url(../images/feature-prev.png) no-repeat center top;left: 50%;margin:35px 0 0 -350px}

.codebox{ width: 100%;height: 220px;text-align: center; position: absolute;top: 4200px;}
.code{width: 168px;height: 230px;background: url(../images/codebg.png) no-repeat center top;background-size: 100 auto; display: inline-block;margin:0 5px 0;position: relative;}
.code img{width: 163px;height: 163px;margin:14px auto 0;}
.code .title{font-size: 20px;color: #e5e5e5; text-align: center;position: absolute;bottom: 0; text-align: center; width: 100%;left: 0;}
.banner-container{width: 550px;height: 840px;}
.banner-pagination{width: 100%;text-align: center;margin-top: 110px;}
.banner-pagination .swiper-pagination-bullet{width: 30px;height: 30px;background:url(../images/banner_ico.png) no-repeat center top; background-position-x: -69px;margin:0 10px 0;}
.banner-pagination .swiper-pagination-bullet-active{background-position-x: 0px;}
/*  */
#postShow .pop_cont_bg,#postdetial .pop_cont_bg{ width: 700px;height: 600px;background:url(../images/popbg.png) no-repeat center top;background-size: 100% auto;}
#postShow .popMain,#postdetial .popMain{width: 650px;height: inherit;margin: 0 auto;}
#postShow .title{font-size: 40px; color: #6d583e;text-align: center; width: 100%;margin: 20px auto 0;}
#postShow input{width: 640px;height: 62px;border: 2px solid #3a362f;font-size: 24px;color: #6d583e;margin: 20px auto 0;background:none;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 
#postShow .tag{width: 640px;height: 65px; margin: 10px auto 0;display: block;}
#postShow .tag a{font-size: 20px;color: #6c5e41;display: inline-block;border-radius: 20px;border: 1px solid #6c5e41;padding: 0 10px;height: 25px;line-height: 25px;background:#c8b8a2;margin: 0 5px 0;}
#postShow .tag a.on{background:#3a362f; color: #fff;}
#postShow textarea{ width: 640px;height: 250px;border: 1px solid #6c5e41;margin: 20px auto 0;background:none;padding: 5px;display: block;}
.btn_submit{width: 218px;height: 65px;background:url(../images/btn_submit.png) no-repeat center top;display: block;margin: 10px auto 0; cursor: pointer;}
.btn_zan{width: 218px;height: 65px;background:url(../images/btn_zan.png) no-repeat center top;display: block;margin: 10px auto 0; cursor: pointer;position: relative;}
.btn_zan span{line-height: 65px;position: absolute;color: #fff;left: 100px;font-size: 22px;}
#postdetial .title{font-size: 26px; color: #6d583e;text-align: left; width: 100%;margin: 50px auto 0;}
#postdetial .time{font-size: 22px;color: #6d583e;}
#postdetial .tag{width: 640px;height: 65px;width: 100%;margin: 10px auto 0;}
#postdetial .tag a{font-size: 20px;color: #6c5e41;display: inline-block;border-radius: 20px;border: 1px solid #6c5e41;padding: 0 10px;height: 25px;line-height: 25px;background:#c8b8a2;margin: 0 5px 0;}
#postdetial .tag a.on{background:#3a362f; color: #fff;}
#postdetial .txt{ width: 640px;height: 260px;border: 1px solid #6c5e41;margin: 0px auto 0;background:none;padding: 5px;font-size: 22px;color: #5f4f3b; overflow: auto;
          
 }

 .pop-wxin img,.pop-dou img{ width: 274px; height: 274px;  padding-top: 60px; }
.pop-wxin p,.pop-dou p{font-size: 20px; text-align: center; padding-top: 20px; color: #ad956f; }
.pop-video .vbox{ width: 750px; position: relative; left: 0; top:50%;transform:translateY(-50%); -webkit-transform: translateY(-50%);}
#myvideo{ width: 100%; }
.pop-video .close1{ top: -46px; left: 50%; transform:translateX(-50%); -webkit-transform: translateX(-50%);}
.ul-share{ text-align: center; z-index: 3; position: relative; left: 0; width: 100%;margin: 40px 0 0 0;   }
.ul-share li{ width:120px; height: 160px; display:inline-block; margin: 0 26px; cursor: pointer; position: relative; transition:all .5s; -webkit-transition: all .5s; }
.ul-share li img{ margin-bottom: 10px; }
.ul-share li span{ display:block; text-align: center; color: #a89a75;font-size: 18px; }
.ul-share li a{ display:block; }
.ul-share .code-wrap{ width: 234px; height: 250px; position: absolute; top:-250px;left: 50%; margin-left: -117px; background: url(https://tlbb.wanmei.com/m/images/code-wrap.png) no-repeat; display: none;}
.ul-share .code-wrap img{ width: 200px; height: 200px; display:block; margin: 0 auto; padding-top: 16px; }
.sharebox{position: absolute;bottom: 100px;}

/***动画***/

/**音符跳动**/
@-webkit-keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}
@keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}

/**360度旋转**/
@-webkit-keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 0;transform-origin:0 0}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}

/**3d 旋转**/
@keyframes round{
    0%{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
    50%{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
    100%{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}
}

@-webkit-keyframes round{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}

/**箭头上下飘动**/
@-webkit-keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(6px);transform:translateY(6px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{
    0%{opacity:0}100%{opacity:1}}


@-webkit-keyframes bounceIn{
    0%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9);}
    50%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
    100%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9);}
}
@keyframes bounceIn{
    0%{opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
    50%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
    100%{opacity:1;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
}

@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

/**二维码横线**/
@-webkit-keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
    50%{opacity:1;-webkit-transform:translateY(70px);transform:translateY(70px)}
    100%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    50%{opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)}
    100%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}