.flipandglow_l {
   transform: rotateY(-360deg);
    transition: all 1.5s ease-out; 
    -webkit-animation: glowl 800ms ease-out infinite alternate;
    -moz-animation: glowl 800ms ease-out infinite alternate;
    -o-animation: glowl 800ms ease-out infinite alternate;
    -ms-animation: glowl 800ms ease-out infinite alternate;
    animation: glowl 800ms ease-out infinite alternate;
    box-shadow: 0 0 0px 0px rgba(224,51,64,.2);
}
@-webkit-keyframes glowl {
    0% {box-shadow: 0 0 0px 0px rgba(224,51,64,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(224,51,64,.8);}
}
@-moz-keyframes glowl {
    0% {box-shadow: 0 0 0px 0px rgba(224,51,64,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(224,51,64,.8);}
}
@-o-keyframes glowl {
    0% {box-shadow: 0 0 0px 0px rgba(224,51,64,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(224,51,64,.8);}
}
@-ms-keyframes glowl {
    0% {box-shadow: 0 0 0px 0px rgba(224,51,64,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(224,51,64,.8);}
}
@keyframes glowl {
    0% {box-shadow: 0 0 0px 0px rgba(224,51,64,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(224,51,64,.8);}
}


.flipandglow_s {
   transform: rotateY(-360deg);
    transition: all 1.5s ease-out; 
    -webkit-animation: glows 800ms ease-out infinite alternate;
    -moz-animation: glows 800ms ease-out infinite alternate;
    -o-animation: glows 800ms ease-out infinite alternate;
    -ms-animation: glows 800ms ease-out infinite alternate;
    animation: glows 800ms ease-out infinite alternate;
    box-shadow: 0 0 0px 0px rgba(1,121,190,.2);
}
@-webkit-keyframes glows {
    0% {box-shadow: 0 0 0px 0px rgba(1,121,190,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(1,121,190,.8);}
}
@-moz-keyframes glows {
    0% {box-shadow: 0 0 0px 0px rgba(1,121,190,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(1,121,190,.8);}
}
@-o-keyframes glows {
    0% {box-shadow: 0 0 0px 0px rgba(1,121,190,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(1,121,190,.8);}
}
@-ms-keyframes glows {
    0% {box-shadow: 0 0 0px 0px rgba(1,121,190,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(1,121,190,.8);}
}
@keyframes glows {
    0% {box-shadow: 0 0 0px 0px rgba(1,121,190,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(1,121,190,.8);}
}


.flipandglow_m {
   transform: rotateY(-360deg);
    transition: all 1.5s ease-out; 
    -webkit-animation: glows 800ms ease-out infinite alternate;
    -moz-animation: glows 800ms ease-out infinite alternate;
    -o-animation: glows 800ms ease-out infinite alternate;
    -ms-animation: glows 800ms ease-out infinite alternate;
    animation: glows 800ms ease-out infinite alternate;
    box-shadow: 0 0 0px 0px rgba(230,104,7,.2);
}
@-webkit-keyframes glowm {
    0% {box-shadow: 0 0 0px 0px rgba(230,104,7,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(230,104,7,.8);}
}
@-moz-keyframes glowm {
    0% {box-shadow: 0 0 0px 0px rgba(230,104,7,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(230,104,7,.8);}
}
@-o-keyframes glowm {
    0% {box-shadow: 0 0 0px 0px rgba(230,104,7,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(230,104,7,.8);}
}
@-ms-keyframes glowm {
    0% {box-shadow: 0 0 0px 0px rgba(230,104,7,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(230,104,7,.8);}
}
@keyframes glowm {
    0% {box-shadow: 0 0 0px 0px rgba(230,104,7,.2);}    
    100% {box-shadow: 0 0 2px 2px rgba(230,104,7,.8);}
}


#xiabanchang,#shangbanchang {width:28%;}
/*body {background: url(ffb.png) #f3f4f8 no-repeat center center;background-size: 35%;}*/
.shangjing {display: none;}
.toupiao .basic {width: 100%!important;}
.toupiao .swipe {
    width: 100%!important;
}
.s_right{float:left;}
.rivals_big {font-size:0.2rem;}


#bttarea {
float:left;
width:20%;
margin:1.24rem 12% 0;
padding: 0;
}
.btncenter {
    width: 100%;
    margin: 0 auto;
}
.btncenter_only {
    width: 100%;
    margin: 0.32rem auto 0;
}
button {
    display: inline-block;
    text-align: center;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: .12rem;
    text-shadow: 0px 1px 2px #fff;
    outline:none;
    margin: 0.07rem 0 0.19rem;
    width: 100%;
/*    height:0.35rem;
    padding:0.025rem 0.1rem;*/

    height:0.32rem;
    padding:0;

}
button.qie {
    background: rgb(109,213,232);
    box-shadow: 0 0.04rem rgb(1,166,178);
}
button.qie:active {
    transform: translateY(0.025rem);
    box-shadow: 0 0.015rem rgb(1,166,178);
}
button.wuya {
    background: rgb(76,92,154);
    box-shadow: 0 0.04rem rgb(68,80,135);
}
button.wuya:active {
    transform: translateY(0.025rem);
    box-shadow: 0 0.015rem rgb(68,80,135);
}


button.langren {
    background: rgb(252,109,80);
    box-shadow: 0 0.04rem rgb(206,37,0);
}
button.langren:active {
    transform: translateY(0.025rem);
    box-shadow: 0 0.015rem rgb(206,37,0);
}

button.nvwu {
    background: rgb(150,62,248);
    box-shadow: 0 0.04rem rgb(121,44,206);
}
button.nvwu:active {
    transform: translateY(0.025rem);
    box-shadow: 0 0.015rem rgb(121,44,206);
}

button.shouwei {
    background: rgb(58,190,113);
    box-shadow: 0 0.04rem rgb(37,144,81);
}
button.shouwei:active {
    transform: translateY(0.025rem);
    box-shadow: 0 0.015rem rgb(37,144,81);
}