* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;border:0;}
a {text-decoration:none;outline:none;}
html {font-size:100px;}
body {font-size:16px;font-family: 'Microsoft YaHei';overflow:hidden;}

.zuoyou {display:flex;flex-flow:row nowrap;justify-content:center;align-content:flex-start;align-items:stretch;}
h2 {height:.7rem; line-height:.7rem; text-align: center;}
.zuo {position:relative; height:3.4rem;padding-bottom:.15rem;}
.zuo section {width:100%; position:absolute;left:0;top:0;background:#fff;border:.01rem dashed #ccc;}
.zuo section p {display:block;text-align:center;padding:0 .05rem;color:#d05;font-size:.16rem;}
.zuo section:first-child {z-index:1;}
.zuo section:nth-child(n+2) {z-index:0;}

.you p {display:block;text-align: center;cursor: pointer;
	background:rgba(255, 255, 255, .8);color:#fff;
	margin-left:0;
	animation:jianbian 3s linear infinite;
	-webkit-animation:jianbian 3s linear infinite;
	-moz-animation:jianbian 3s linear infinite;
	-o-animation:jianbian 3s linear infinite;
}

/* .you p:hover {border:.01rem solid #b03;} */
.you p[data-pay='zhifubao'] {animation-delay: 0; background:#29e;}
.you p[data-pay='qq'] {animation-delay: .6s; background:#d57;}
.you p[data-pay='weixin'] {animation-delay: 1.8s; background:#2b6;}

@keyframes jianbian {0% {margin-left:0;} 10% {margin-left:.04rem;} 20% {margin-left:0;} 100% {margin-left:0;}}
@-webkit-keyframes jianbian {0% {margin-left:0;} 10% {margin-left:.04rem;} 20% {margin-left:0;} 100% {margin-left:0;}}
@-moz-keyframes jianbian {0% {margin-left:0;} 10% {margin-left:.04rem;} 20% {margin-left:0;} 100% {margin-left:0;}}
@-o-keyframes jianbian {0% {margin-left:0;} 10% {margin-left:.04rem;} 20% {margin-left:0;} 100% {margin-left:0;}}

.jinggao {text-align:center;}

@media screen and (min-width:720px) {
	.zuo {flex:0 0 3.02rem;margin-right:.08rem;}
	.zuo section {height:3.45rem;}
	.zuo section img {width:3rem;height:3rem;}
	.you {flex:0 0 .64rem;}
	.you p {width:.6rem;padding:.06rem 0;font-size:.14rem;margin-bottom:.08rem;}
}

@media screen and (max-width:719px) {
	.zuo {flex:0 0 2.42rem;margin-right:.06rem;} /* 242+6=248 */
	.zuo section {height:2.8rem;}
	.zuo section img {width:2.4rem;height:2.4rem;}
	.you {flex:0 0 .54rem;} /* 50+4=54 */
	.you p {width:.5rem;padding:.04rem 0;font-size:.12rem;margin-bottom:.06rem;}
	/* 248+54=302 */
}