.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.top-wrap {
  width: 4.9rem;
  height: 0.91rem;
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-wrap .icon1 {
  width: 0.72rem;
  height: 0.83rem;
  background: url(//www.marvelduel.com/m/gw/20200227122821/img/1_bea8f193.png) no-repeat center;
  background-size: contain;
}
.top-wrap .facebook {
  width: 0.89rem;
  height: 0.89rem;
  background: url(//www.marvelduel.com/m/gw/20200227122821/img/face_7f001039.png) no-repeat center;
  background-size: contain;
}
.top-wrap .twitter {
  width: 0.77rem;
  height: 0.77rem;
  background: url(//www.marvelduel.com/m/gw/20200227122821/img/twitter_bf70b803.png) no-repeat center;
  background-size: contain;
}
.top-wrap .yotobe {
  width: 0.77rem;
  height: 0.77rem;
  background: url(//www.marvelduel.com/m/gw/20200227122821/img/youtobe_d8e4b3ab.png) no-repeat center;
  background-size: contain;
}
.copy {
  width: 2.48rem;
  height: 0.3rem;
  position: relative;
  margin: 0 auto;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.3rem;
  margin-top: 0.8rem;
  text-align: center;
}