body{overflow-x:hidden;}
.codes a{margin-right: .06rem;display: block;position: relative;}
.codes a span{width: 1.2rem;position: absolute;left: 50%;top: calc(100% + .12rem);z-index: 5;background: #fff;transform: translateX(-50%);display: none;padding: .05rem;}
.codes a span:before{content: '';border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #fff;position: absolute;top:-8px;left: 50%;transform: translateX(-50%);}
.codes a:hover span{display: block;}
.codes i img{height: .3rem}
.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;justify-content: flex-end;}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}