button{
  display: block;
  outline: none;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
button:disabled{
  opacity: 0.7;
}
input{
  -webkit-appearance: none;
}
input::-webkit-input-placeholder{
  color: #c6c6c6;
}
.m-column{
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.m-flex-end{
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.act-general{
  width: 7.5rem;
  overflow-x: hidden;
}
.act-general .gradient-amount{
  font-weight: bolder;
  background-image: -webkit-linear-gradient(180deg, #FF495E 0%, #FF1B50 100%);
  background-image: -moz-linear-gradient(180deg, #FF495E 0%, #FF1B50 100%);
  background-image: -ms-linear-gradient(180deg, #FF495E 0%, #FF1B50 100%);
  background-image: linear-gradient(180deg, #FF495E 0%, #FF1B50 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* 主区域 */
.act-general .page-main{
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
/* logo and rules */
.act-general .main-rules-logo{
  padding-left: .3rem;
  overflow: hidden;
}
.act-general .main-rules-logo .logo{
  width: 1.6rem;
  float: left;
}
.act-general .main-rules-logo .rules{
  width: .46rem;
  height: 1.3rem;
  float: right;
  background-image: url('img/common/rules.png');
  background-size: cover;
  background-repeat: no-repeat;
}
/* 次区域 */
.act-general .page-secondary{
  width: 100%;
  background-color: #FFE5D2;
}
/* dialog */
.act-general-dialog .dialog-box{
  width: 5.6rem;
  margin: 0 auto;
  padding: .76rem .44rem .52rem;
  border-radius: .2rem;
  background-image: -webkit-linear-gradient(#fff9f0, #ffefd7);
  background-image: -moz-linear-gradient(#fff9f0, #ffefd7);
  background-image: -ms-linear-gradient(#fff9f0, #ffefd7);
  background-image: linear-gradient(#fff9f0, #ffefd7);
  position: relative;
}    
.act-general-dialog .dialog-box .title{
  width: 3.16rem;
  height: .8rem;
  color: #b46a2f;
  font-size: .36rem;
  font-weight: bolder;
  text-align: center;
  line-height: .7rem;
  letter-spacing: .02rem;
  background-image: url('img/dialog_title_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -.4rem;
  left: 50%;
  margin-left: -1.52rem;
}
.act-general-dialog .dialog-box .content{
  max-height: 5.5rem;
  color: #d79247;
  font-size: .3rem;
  line-height: .48rem;
  overflow-y: auto;
}
.act-general-dialog .dialog-box .content::-webkit-scrollbar{
  display: none;
}
.act-general-dialog .dialog-close{
  width: .62rem;
  height: .62rem;
  margin-top: .4rem;
  background-image: url('img/close.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
/* no activity code */
.act-general-dialog.noact{
  background-color: rgba(0, 0, 0, .2);
}
.act-general-dialog.noact .dialog-box{
  padding: .9rem 0
};