/*0-420 手机竖版*//*跳动的箭头*/
@media screen and (orientation : portrait){
@media screen and (max-width: 420px){
.go-btn img{width: auto; height: 35px;}
.go-btn{ opacity:1;
animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;

 transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg); 
 -ms-transform:rotate(-90deg); 
 -moz-transform:rotate(-90deg); 
 -o-transform:rotate(-90deg); 

  position:absolute; 
  bottom:0px; left:45%;
  width:35px; height:40px; 
  text-align:center; 
  overflow:hidden}

@keyframes go-btn{
%0,%100{bottom:0px; opacity:1;}
50%{bottom:10px; opacity:.5}
  }
@-webkit-keyframes go-btn{
%0,%100{bottom:0px; opacity:1;}
50%{bottom:10px; opacity:.5}
  }
@-ms-keyframes go-btn{
%0,%100{bottom:0px; opacity:1;}
50%{bottom:10px; opacity:.5}
  }
@-moz-keyframes go-btn{
%0,%100{bottom:0px; opacity:1;}
50%{bottom:10px; opacity:.5}
  }
@-o-keyframes go-btn{
%0,%100{bottom:0px; opacity:1;}
50%{bottom:10px; opacity:.5}
  }

}}

/*320-800 手机横版*/  /*跳动的箭头*/
@media screen and (orientation : landscape) {
@media screen and (min-width: 320px) and (max-width: 800px){

.go-btn img{height: 35px;}
.go-btn{ 
opacity:1;
animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;

 transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg); 
 -ms-transform:rotate(-90deg); 
 -moz-transform:rotate(-90deg); 
 -o-transform:rotate(-90deg);

  position:absolute;
  bottom:10px; left:46%;
  width:35px; height:45px; 
 line-height:60px;
 overflow:hidden;}

@keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-webkit-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-ms-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-moz-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-o-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
}}









/*420-800 pad竖版*/  /*跳动的箭头*/
@media screen and (orientation : portrait){
@media screen and (min-width: 420px) and (max-width: 800px){
.go-btn img{height: 48px;}
.go-btn{  
  opacity:1;
animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;

 transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg); 
 -ms-transform:rotate(-90deg); 
 -moz-transform:rotate(-90deg); 
 -o-transform:rotate(-90deg);

  position:absolute;
  bottom:10px; left:46%;
  width:55px; height:60px; 
 line-height:60px;
 overflow:hidden ；}

@keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
@-webkit-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
@-ms-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
@-moz-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
@-o-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
}}

/*800-1024 pad横版*/  /*跳动的箭头*/
@media screen and (orientation : landscape) {
@media screen and (min-width: 800px) and (max-width: 1024px){

.go-btn img{height: 45px;}
.go-btn{ 
    opacity:1;
animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;

 transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg); 
 -ms-transform:rotate(-90deg); 
 -moz-transform:rotate(-90deg); 
 -o-transform:rotate(-90deg);

  position:absolute;
  bottom:10px; left:46%;
  width:55px; height:60px; 
 line-height:60px;
 overflow:hidden；  }

@keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
@-webkit-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
@-ms-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
@-moz-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
@-o-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:30px; opacity:.5}
  }
}}







/*800-2100 pad pro竖版*/  /*跳动的箭头*/
@media screen and (orientation : portrait){
@media screen and (min-width: 800px) and (max-width: 2100px){

.go-btn img{height: 60px;}
.go-btn{ 
opacity:1;
animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;

 transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg); 
 -ms-transform:rotate(-90deg); 
 -moz-transform:rotate(-90deg); 
 -o-transform:rotate(-90deg);

  position:absolute;
  bottom:10px; left:47%;
  width:65px; height:70px; 
 line-height:60px;
 overflow:hidden }

@keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-webkit-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-ms-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-moz-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-o-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }

}}

/*1100-1500 pad横版*/  /*跳动的箭头*/
@media screen and (orientation : landscape) {
@media screen and (min-width: 1100px) and (max-width: 1500px){

.go-btn img{height: 60px;}
.go-btn{ 
    opacity:1;
animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 2s cubic-bezier(0.5,0,0.1,1)infinite;

 transform:rotate(-90deg);
 -webkit-transform:rotate(-90deg); 
 -ms-transform:rotate(-90deg); 
 -moz-transform:rotate(-90deg); 
 -o-transform:rotate(-90deg);

  position:absolute;
  bottom:10px; left:46%;
  width:65px; height:70px; 
 line-height:60px;
 overflow:hidden；  }

@keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-webkit-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-ms-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-moz-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
@-o-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:20px; opacity:.5}
  }
}}