@charset "utf-8";
.boxsize {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.mask_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11111;
  display: none;
}
/*
    * Busy 收集 整理
 */
/*雅虎（YUI 3）reset*/
/*Normalize.css*/
body,
html {
  background: #ffffff;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.viewer{
  width: 7.5rem;
  min-height: 26.5rem;
  margin:0;
  padding: 0;
  position: relative;
  background: url("/static/active2/images/JinCardgrand.png")no-repeat;
  background-size: cover;
}
.viewer .cardtop{
  width: 7.5rem;
  height:7.72rem;
  position: absolute;
  top:0rem;
  left:50%;
  transform: translate(-50%,-0%);
}
.viewer .cardcode{
  width: 7.5rem;
  height:5.1rem;
  position: absolute;
  top:9.5rem;
  left:50%;
  transform: translate(-50%,-0%);
}
.viewer .cardshou{
  width: 7.5rem;
  height:1.46rem;
  position: absolute;
  top:8.1rem;
  left:50%;
  transform: translate(-50%,-0%);
}
.viewer .cardziliao{
  width: 7.5rem;
  height:7.15rem;
  position: absolute;
  top:15rem;
  left:50%;
  transform: translate(-50%,-0%);
}
.viewer .cardbottom{
  width: 7.5rem;
  height:3.64rem;
  position: absolute;
  top:22.5rem;
  left:50%;
  transform: translate(-50%,-0%);
}