* {
  padding: 0;
  margin: 0;
}

.bili-share-aimation {
  transition: all 0.3s;
}

.bili-share-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10055;
  background-color: transparent;
  left: 0;
  top: 0;
  display: none;
  opacity: 1;
  font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei',
    'Droid Sans Fallback', 'Droid Sans', 'HYQiHei', Arial, 'Helvetica Neue',
    'Hiragino Sans GB', sans-serif;
}
.bili-share-wrap.hidden {
  display: none;
}
.bili-share-wrap .hidden {
  display: none;
}
.bili-share-wrap .share-box {
  position: absolute;
  bottom: 0;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  padding: 0.4em 0;
  transform: translateY(100%);
}
.bili-share-wrap.wechat {
  background: rgba(0, 0, 0, 0.5)
    url('https://static.hdslb.com/mobile/img/wx_guide.png') top center no-repeat;
  background-size: contain;
}
.bili-share-wrap .share-box .share-box-content {
  font-size: 0.32em;
  line-height: 2em;
  text-align: center;
}
.bili-share-wrap .share-box .share-box-content i {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/597l50mv64.png')
    no-repeat center;
  width: 2.4em;
  height: 2em;
  display: inline-block;
  vertical-align: top;
  background-size: 100%;
}
.bili-share-wrap .share-box .share-box-content p {
  font-size: 0.9em;
  color: #999;
  text-align: center;
}
.bili-share-wrap .share-box .share-box-cancel {
  border: 1px solid #ddd; /*no*/
  border-radius: 0.3em;
  width: 94%;
  display: block;
  line-height: 2.75em;
  color: #999;
  font-size: 0.32em;
  text-align: center;
  margin: 0.16em auto 0;
}
.bili-share-wrap.show-box {
  background-color: rgba(0, 0, 0, 0.5);
}
.bili-share-wrap.show-box .share-box {
  transform: translateX(0);
}
.bili-share-wrap.show-box .share-box .share-box-list {
  animation-name: item-animation;
  animation-duration: 0.5s;
}
.bili-share-wrap.show-box .share-box .share-box-list li {
  animation-name: item-animation;
  animation-duration: 0.5s;
  animation-timing-function: ease-in;
}

.share-box-list {
  text-align: left;
  letter-spacing: -.34em;
}
@media only screen and (max-width: 500px) {
  .share-box-list li {
    width: 25%;
  }
}

@media only screen and (min-width: 500px) {
  .share-box-list li {
    width: 20%;
  }
}
.share-box-list li {
  /* width: 25%; */
  display: inline-block;
  text-align: center;
  letter-spacing:normal;
}
.share-box-list li:nth-child(1) {
  animation-delay: 0.05s;
}
.share-box-list li:nth-child(2) {
  animation-delay: 0.1s;
}
.share-box-list li:nth-child(3) {
  animation-delay: 0.15s;
}
.share-box-list li:nth-child(4) {
  animation-delay: 0.2s;
}
.share-box-list li:nth-child(5) {
  animation-delay: 0.25s;
}
.share-box-list li:nth-child(6) {
  animation-delay: 0.3s;
}
.share-box-list .share-box-item {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
  float: none;
  margin-bottom: 0.3em;
  width: 100%;
}
.share-box-list .share-box-item span {
  color: #333;
  font-size: 0.29em;
  line-height: 2em;
  display: block;
}
.share-box-list .icon {
  display: block;
  width: 100%;
  height: 1em;
  margin: 0 auto;
}
.share-box-list .icon_weibo {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/597l50mv74.png')
    no-repeat center;
  background-size: contain;
}
.share-box-list .icon_weixin {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/z4pomkzq83.png')
    no-repeat center;
  background-size: contain;
}
.share-box-list .icon_weixin_moments {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/p6z0152pl0.png')
    no-repeat center;
  background-size: contain;
}
.share-box-list .icon_qq {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/890oj1pxm9.png')
    no-repeat center;
  background-size: contain;
}
.share-box-list .icon_qzone {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/q015284qj6.png')
    no-repeat center;
  background-size: contain;
}
.share-box-list .icon_baidu_tieba {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20180102/dfa73b898f143877cbf8ecf001cd9e89/images/q0y9zl5689.png')
    no-repeat center;
  background-size: contain;
}
.share-box-list .icon_bili {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20180110/dfa73b898f143877cbf8ecf001cd9e89/images/29m4yw3zxn.png')
    no-repeat center;
  background-size: contain;
}
.share-box-list .icon_more {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20171215/dfa73b898f143877cbf8ecf001cd9e89/images/x6nmk2zoqo.png')
    no-repeat center;
  background-size: contain;
}

@keyframes opacity-animation {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes item-animation {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  50% {
    transform: translateY(20%);
    opacity: 0;
  }
  70% {
    transform: translateY(-6%);
    opacity: 1;
  }
  85% {
    transform: translateY(4%);
  }
  90% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0);
  }
}

.share-dynamic-dialog {
  transition: all 0.2s linear;
  background-color: #fff;
  /* width: 390px; */
  /* height: 460px; */
  position: fixed;
  /* top: 60%; */
  /* left: 50%; */
  /* margin-left: -185px; */
  /* margin-top: -230px; */
  /* border-radius: 4px; */
  z-index: 10055;
}
.share-dynamic-dialog.mobile {
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 100%;
}
.share-dynamic-dialog.mobile.active {
  top: 0;
}
.share-dynamic-dialog.mobile .sdd-head {
  text-align: center;
  padding: 0;
  height: 2.7em;
  line-height: 2.7em;
  font-size: 0.3em;
  color: #212121;
  border-bottom: 1px solid #e5e9ef; /*no*/
}
.share-dynamic-dialog .sdd-head .sdd-close {
  background: url('https://i0.hdslb.com/bfs/activity-plat/static/20180110/dfa73b898f143877cbf8ecf001cd9e89/images/90w46pyw2p.png');
  position: absolute;
  right: 0.8em;
  top: 0.8em;
  width: 1em;
  height: 1em;
  background-size: 1em;
  cursor: pointer;
}
.share-dynamic-dialog.mobile .sdd-body-wrap {
  padding: 0.24em 0.24em 0;
}
.share-dynamic-dialog .sdd-input {
  width: 100%;
  margin-bottom: 0.24em;
  color: #222;
  font-size: 0.28em;
  line-height: 1em;
  height: 8em;
  box-sizing: border-box;
  border: none;
  resize: none;
  font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei',
    'Droid Sans Fallback', 'Droid Sans', 'HYQiHei', Arial, 'Helvetica Neue',
    'Hiragino Sans GB', sans-serif;
}
.share-dynamic-dialog .sdd-input:focus {
  outline: none;
}
.share-dynamic-dialog .sdd-card {
  background-color: #f4f4f4;
  padding: 0 0.16em 0.16em 0.16em;
  border-radius: 0.16em;
}
.share-dynamic-dialog .sdd-card .name {
  height: 2.7em;
  width: 100%;
  line-height: 2.7em;
  color: #2a68a2;
  font-size: 0.28em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.share-dynamic-dialog .sdd-card .sdd-card-content {
  background-color: #fff;
  border-radius: 0.12em;
  overflow: hidden;
  padding-bottom: 0.2em;
  color: #212121;
}
.share-dynamic-dialog .sdd-card .sdd-card-content .pic {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 3em;
}
.share-dynamic-dialog .sdd-card .sdd-card-content .title {
  font-size: 0.28em;
  line-height: 1.35em;
  /* height: 1.35em; */
  font-weight: bold;
  padding: 0.7em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.share-dynamic-dialog .sdd-card .sdd-card-content .summary {
  font-size: 0.24em;
  line-height: 1.33em;
  height: 2.67em;
  overflow: hidden;
  padding: 0 0.83em;
  word-wrap: break-word;
  word-break: break-all;
}
.share-dynamic-dialog .sdd-action-bar {
  height: 1em;
  border-top: 1px solid #e7e7e7; /*no*/
  width: 100%;
  position: absolute;
  bottom: 0;
}
.share-dynamic-dialog .sdd-action-bar .sdd-submit {
  width: 4.29em;
  height: 2.14em;
  line-height: 2.14em;
  text-align: center;
  border-radius: 0.29em;
  font-size: 0.28em;
  float: right;
  margin: 0.71em;
  background-color: #fb7299;
  color: #fff;
  cursor: pointer;
}
.share-dynamic-dialog .sdd-action-bar .sdd-submit.disable {
  background-color: #e7e7e7;
  color: #999;
}
.share-dynamic-dialog .sdd-action-bar .sdd-input-num {
  float: right;
  margin-right: 0.14em;
  color: #c0c0c0;
  font-size: 0.28em;
  height: 3.6em;
  line-height: 3.6em;
}
.share-dynamic-dialog .sdd-action-bar .sdd-input-num.warning {
  color: #fb7299;
}

.share-success-mask {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  transition: 0.3s;
  z-index: 5;
}
.share-success-mask.on {
  opacity: 0.5;
}

.share-success-dialog {
  transition: all 0.2s linear;
  width: 6.8em;
  height: 4.9em;
  top: 150%;
  left: 50%;
  margin-left: -3.4em;
  margin-top: -2.4em;
  position: fixed;
  background-color: #fff;
  border-radius: 0.24em;
  text-align: center;
  z-index: 10;
}
.share-success-dialog.mobile.active {
  top: 50%;
}
.share-success-dialog .suc-img {
  width: 4.82em;
  height: 2.8em;
  background-image: url(https://s1.hdslb.com/bfs/static/jinkela/article/suc.png);
  background-size: 100% 100%;
  margin: -0.8em auto 0.34em auto;
}
.share-success-dialog .info {
  font-size: 0.38em;
  line-height: 1.19em;
  color: #212121;
  margin-bottom: 0.25em;
}
.share-success-dialog .hint {
  font-size: 0.26em;
  line-height: 1.54em;
  margin-bottom: 1em;
  color: #757575;
}
.share-success-dialog .dialog-close {
  width: 100%;
  height: 2.75em;
  margin: 0 auto;
  background-color: #fb7299;
  color: #fff;
  font-size: 0.38em;
  line-height: 2.75em;
  cursor: pointer;
}
.center-toast {
  width: 100%;
  height: 1px; /*no*/
  position: fixed;
  top: 50%;
  text-align: center;
  transition: all 0.3s ease;
  z-index: 10060;
}
.center-toast .info {
  display: inline-block;
  color: #fff;
  padding: 0.75em;
  background-color: rgba(34, 34, 34, 0.9);
  border-radius: 0.5em;
  /* font-size: 0.38em; */
  line-height: 1.25em;
  margin-top: -1.25em;
}

/**
 * 公用样式
 */

body,
html,
div,
p,
header,
footer,
a,
img,
ul,
li,
h3,
h4,
article,
section,
span,
i,
main,
aside {
  margin: 0;
  padding: 0;
}

input,
a,
button {
  outline: none;
}

html {
  min-width: 320px; /*no*/
  min-height: 100%;

  width: 100%;
  font-size: 62.5%;
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Microsoft Yahei',
    'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
}

body {
  font-size: 12px;
}

ul,
li {
  list-style: none;
}

a {
  color: #222;

  text-decoration: none;
}

img {
  max-width: 100%;
  border: none;
  border: 0;
  vertical-align: middle;
}

a,
input,
button,
select,
textarea {
  outline: none;
  cursor: pointer;
  text-decoration: none;
}

a {
  color: #00a1d6;
}

a:hover {
  color: #f25d8e;
}

a:focus {
  outline-style: none;
  -moz-outline-style: none;
}

textarea {
  overflow: hidden;
  resize: none;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;

  content: '.';
}

.clearfix {
  zoom: 1;
}

body {
  min-width: 320px; /*no*/
}

.reply-list {
  margin-bottom: 0 !important;
}


#app {
  max-width: 750px;
  min-width: 320px;
  margin: auto;
}

#app.t-hide {
  display: none;
}

#app .t-lazyload-image {
  background-image: url('//activity.hdslb.com/blackboard/template-common-image/images/t-common-pageloading.png');
  background-position: center center;
  background-size: auto;
  background-repeat: no-repeat;
}

#position_bg {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-position: top center;
}

.bilibili-comment {
  padding: 3%;
}

.activity-main{
  position: relative;
  z-index: 9;
}

/* 动画库插入的节点高度设置100% */
div[flash-anim-wrap=true] {
  height: 100%;
}
.act-rich-style-init .public-DraftEditor-content,.act-rich-style-init .act-rich-render-content{color:#333}.act-rich-style-init .public-DraftEditor-content ol,.act-rich-style-init .public-DraftEditor-content ul,.act-rich-style-init .act-rich-render-content ol,.act-rich-style-init .act-rich-render-content ul{margin:0px;padding:0px;margin-left:20px}.act-rich-style-init .public-DraftEditor-content p,.act-rich-style-init .act-rich-render-content p{margin-bottom:4px;min-height:16px}.act-rich-style-init .public-DraftEditor-content ul li,.act-rich-style-init .act-rich-render-content ul li{list-style:disc;margin-bottom:4px}.act-rich-style-init .public-DraftEditor-content ol li,.act-rich-style-init .act-rich-render-content ol li{list-style:decimal;margin-bottom:4px}.act-rich-style-init .public-DraftEditor-content img,.act-rich-style-init .act-rich-render-content img{overflow:hidden;display:block;margin:auto}.act-rich-style-init .public-DraftEditor-content *,.act-rich-style-init .act-rich-render-content *{clear:both}.act-rich-style-init .public-DraftEditor-content strong,.act-rich-style-init .act-rich-render-content strong{font-weight:bold}.act-rich-style-init .public-DraftEditor-content em,.act-rich-style-init .act-rich-render-content em{font-style:italic;font-weight:inherit}.act-rich-style-init .public-DraftEditor-content p,.act-rich-style-init .public-DraftEditor-content li,.act-rich-style-init .public-DraftEditor-content h1,.act-rich-style-init .public-DraftEditor-content h2,.act-rich-style-init .public-DraftEditor-content h3,.act-rich-style-init .public-DraftEditor-content h4,.act-rich-style-init .public-DraftEditor-content h5,.act-rich-style-init .public-DraftEditor-content h6,.act-rich-style-init .act-rich-render-content p,.act-rich-style-init .act-rich-render-content li,.act-rich-style-init .act-rich-render-content h1,.act-rich-style-init .act-rich-render-content h2,.act-rich-style-init .act-rich-render-content h3,.act-rich-style-init .act-rich-render-content h4,.act-rich-style-init .act-rich-render-content h5,.act-rich-style-init .act-rich-render-content h6{white-space:pre-wrap}.act-rich-style-init .public-DraftEditor-content h1,.act-rich-style-init .public-DraftEditor-content h2,.act-rich-style-init .public-DraftEditor-content h3,.act-rich-style-init .public-DraftEditor-content h4,.act-rich-style-init .public-DraftEditor-content h5,.act-rich-style-init .public-DraftEditor-content h6,.act-rich-style-init .act-rich-render-content h1,.act-rich-style-init .act-rich-render-content h2,.act-rich-style-init .act-rich-render-content h3,.act-rich-style-init .act-rich-render-content h4,.act-rich-style-init .act-rich-render-content h5,.act-rich-style-init .act-rich-render-content h6{margin:6px 0;color:#333}.act-rich-style-init .public-DraftEditor-content h1,.act-rich-style-init .act-rich-render-content h1{font-size:36px;min-height:36px}.act-rich-style-init .public-DraftEditor-content h2,.act-rich-style-init .act-rich-render-content h2{font-size:24px;min-height:24px}.act-rich-style-init .public-DraftEditor-content h3,.act-rich-style-init .act-rich-render-content h3{font-size:21px;min-height:21px}.act-rich-style-init .public-DraftEditor-content h4,.act-rich-style-init .act-rich-render-content h4{font-size:18px;min-height:18px}.act-rich-style-init .public-DraftEditor-content h5,.act-rich-style-init .act-rich-render-content h5{font-size:16px;min-height:16px}.act-rich-style-init .public-DraftEditor-content h6,.act-rich-style-init .act-rich-render-content h6{font-size:14px;min-height:14px}

.hana-radio-inner{-webkit-box-sizing:content-box;box-sizing:content-box;display:inline-block;position:relative;margin-right:10px;font-size:16px;width:15px;height:15px;border:1px solid #ccc;border-radius:15px;vertical-align:middle;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.hana-radio-inner::after{position:absolute;content:"";left:3px;top:3px;width:9px;height:9px;border-radius:9px;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.hana-radio-custom{display:inline-block;margin-right:10px;font-size:16px;vertical-align:middle}.hana-radio{display:inline-block;cursor:pointer;position:relative;font-size:14px}.hana-radio span{vertical-align:middle;line-height:30px}.hana-radio:hover .hana-radio-inner{border-color:#6cf}.hana-radio-checked .hana-radio-inner{border:1px solid #6cf}.hana-radio-checked .hana-radio-inner::after{display:block;background:#6cf}.hana-radio-disabled{cursor:not-allowed;color:#ccc}.hana-radio-disabled:hover .hana-radio-inner{border-color:#ccc}.hana-radio-disabled.hana-radio-checked .hana-radio-inner{border-color:#ccc}.hana-radio-disabled.hana-radio-checked .hana-radio-inner::after{background:#ccc}.hana-radio-group .hana-radio{margin-right:10px}

.hana-checkbox-inner{-webkit-box-sizing:content-box;box-sizing:content-box;display:inline-block;position:relative;margin-right:10px;font-size:16px;width:15px;height:15px;border:1px solid #ccc;border-radius:2px;vertical-align:middle}.hana-checkbox-inner::after{content:"";position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;left:5px;top:1px;width:5px;height:10px;border-color:#08c;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in}.hana-checkbox-custom{display:inline-block;margin-right:10px;font-size:16px;vertical-align:middle}.hana-checkbox{display:inline-block;cursor:pointer;position:relative;font-size:14px}.hana-checkbox span{vertical-align:middle;line-height:30px}.hana-checkbox:hover .hana-checkbox-inner{border-color:#6cf}.hana-checkbox-checked .hana-checkbox-inner{border:1px solid #6cf}.hana-checkbox-checked .hana-checkbox-inner::after{border-color:#6cf;border-style:solid;border-width:0 1px 1px 0;display:block}.hana-checkbox-disabled{cursor:not-allowed;color:#ccc}.hana-checkbox-disabled:hover .hana-checkbox-inner{border-color:#ccc}.hana-checkbox-disabled.hana-checkbox-checked .hana-checkbox-inner{border-color:#ccc}.hana-checkbox-disabled.hana-checkbox-checked .hana-checkbox-inner::after{border-color:#ccc}.hana-checkbox-group .hana-checkbox{margin-right:10px}

.hana-divider{margin:8px 0;height:1px;border:none;background-color:#ccc}

.hana-button-error,.hana-button-primary,.hana-button-disabled{border:0;color:#fff}.hana-button-error i[class^='hanaicon'],.hana-button-primary i[class^='hanaicon'],.hana-button-disabled i[class^='hanaicon']{color:#fff}.hana-button{background-color:#fff;border-radius:4px;cursor:pointer;display:inline-block;font-size:12px;white-space:nowrap;height:22px;line-height:0;padding:0 10px;-webkit-transition:border-color 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out, position 0.25s ease-out;transition:border-color 0.25s ease-out, color 0.25s ease-out, background-color 0.25s ease-out, position 0.25s ease-out}.hana-button:focus{outline:none}.hana-button-default{border:1px solid #ccd0d7;color:#717171}.hana-button-default i[class^='hanaicon']{color:#717171}.hana-button-default:hover{border-color:#646464;color:#646464;z-index:2}.hana-button-error{background-color:#fa2f2f;padding:15px 18px}.hana-button-error:hover{background-color:#f91616}.hana-button-primary{background-color:#01b5fd;padding:15px 18px}.hana-button-primary:hover{background-color:#01a3e4}.hana-button-disabled{background-color:#ccd0d7;padding:15px 18px}.hana-button-disabled:hover{cursor:not-allowed}.hana-button-small{font-size:12px}.hana-button-middle{font-size:14px;padding:14px 18px}.hana-button-large{font-size:18px;padding:20px 28px}.hana-button-label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.hana-button-label .button-label{cursor:default}.hana-button-label .button-label.label-right{border-bottom-left-radius:0;border-bottom-right-radius:4px;border-top-left-radius:0;border-top-right-radius:4px;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.hana-button-label .button-label-default{background-color:#ccd0d7;border:1px solid #ccd0d7;border-bottom-left-radius:4px;border-top-left-radius:4px;color:#fff;padding:5px 12px}.hana-button-label .button-label-default>i{vertical-align:initial}.hana-button-label>a{border:1px solid #ccd0d7;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#717171;font-weight:bold;padding:5px 20px;text-align:center;text-decoration:none}.hana-button-label>a.label-right{border-bottom-left-radius:4px;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:0}.hana-button-label>a:hover{color:#01b5fd}

.hana-modal-main .hana-modal-title-wrapper .icon-close,.hana-modal-main .hana-modal-content+.icon-close{cursor:pointer;position:absolute;right:15px}.hana-modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;position:fixed;left:0;top:0;z-index:512;-webkit-box-pack:center}.hana-modal-overlay{background-color:rgba(0,0,0,0.46);height:100%;left:0;position:fixed;top:0;width:100%;z-index:512}.hana-modal-main{-webkit-box-pack:center;-ms-flex-item-align:center;-ms-grid-row-align:center;position:relative;background-color:#fff;border-radius:4px;min-height:130px;min-width:600px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-self:center;align-self:center;margin:0 auto;z-index:512}.hana-modal-main .hana-modal-title-wrapper{font-size:18px;min-height:38px;position:relative}.hana-modal-main .hana-modal-title-wrapper .hana-modal-title{padding:10px 15px}.hana-modal-main .hana-modal-title-wrapper .icon-close{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.hana-modal-main .hana-modal-content{margin-bottom:35px;max-height:635px;overflow:auto;padding:15px 20px;overflow-y:auto}.hana-modal-main .hana-modal-button{bottom:5px;position:absolute;right:5px}.hana-overlay-enter{opacity:0;-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in}.hana-overlay-enter.hana-overlay-enter-active{-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in;opacity:1}.hana-overlay-exit{opacity:0;-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in}.hana-overlay-exit.hana-overlay-exit-active{-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in;opacity:1}.hana-modal-enter{opacity:0;-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in}.hana-modal-enter.hana-modal-enter-active{-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in;opacity:1}.hana-modal-exit{opacity:1;-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in}.hana-modal-exit.hana-modal-exit-active{-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in;opacity:0}

.activity-dialog{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10001}.activity-dialog-mask{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(22,22,22,0.7)}.activity-dialog-content{display:inline-block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;background:#fff;border-radius:10px;-webkit-transform-origin:0 0;transform-origin:0 0}.activity-dialog-close{position:absolute;display:block;width:18px;height:18px;top:6px;right:6px;cursor:pointer}.activity-dialog-close:before,.activity-dialog-close:after{content:'';display:block;width:18px;height:2px;border-radius:2px;background:#aaa;position:absolute;left:0px;top:8px;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.activity-dialog-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.activity-dialog-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.activity-dialog-close:hover:before,.activity-dialog-close:hover:after{background:#02a0d8}@-webkit-keyframes activity-dialog-open{0%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}75%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}@keyframes activity-dialog-open{0%{-webkit-transform:scale(0.5) translate(-50%, -50%);transform:scale(0.5) translate(-50%, -50%)}75%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}}@-webkit-keyframes activity-dialog-close{0%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}25%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%)}}@keyframes activity-dialog-close{0%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%)}25%{-webkit-transform:scale(1.08) translate(-50%, -50%);transform:scale(1.08) translate(-50%, -50%)}100%{-webkit-transform:scale(0) translate(-50%, -50%);transform:scale(0) translate(-50%, -50%)}}.activity-dialog-transition-enter .activity-dialog-mask{opacity:0}.activity-dialog-transition-enter-active .activity-dialog-mask{opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.activity-dialog-transition-enter-active .activity-dialog-content{-webkit-animation:activity-dialog-open 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:activity-dialog-open 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}.activity-dialog-transition-exit .activity-dialog-mask{opacity:1}.activity-dialog-transition-exit-active .activity-dialog-mask{opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.activity-dialog-transition-exit-active .activity-dialog-content{-webkit-animation:activity-dialog-close 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:activity-dialog-close 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}

@media screen and (min-width: 768px){.activity-confirm-title{font-size:16px;color:#212121;height:52px;line-height:52px;border-bottom:1px solid #e7e7e7}.activity-confirm-content{font-size:14px;color:#505050;padding:24px 68px;line-height:1.5}.activity-confirm-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;padding-bottom:20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.activity-confirm-buttons>button{outline:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:120px;height:40px;border-radius:2px;font-size:14px;margin:0 6px;border-width:1px;border-style:solid;cursor:pointer;-webkit-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out}.activity-confirm-buttons-cancel{border-color:#C0C0C0;background:#fff;color:#505050}.activity-confirm-buttons-cancel:hover{background:#f2f2f2}.activity-confirm-buttons-confirm{border-color:#00A1D6;background:#00A1D6;color:#fff}.activity-confirm-buttons-confirm:hover{background:#008ebd}.activity-confirm-dialog .activity-dialog-content{border-radius:4px;width:360px;text-align:center}.activity-confirm-dialog .activity-dialog-close{top:17px;right:18px}.activity-confirm-dialog .activity-dialog-close:before,.activity-confirm-dialog .activity-dialog-close:after{background:#757575}.activity-confirm-dialog .activity-dialog-close:hover:before,.activity-confirm-dialog .activity-dialog-close:hover:after{background:#00A1D6}}@media screen and (max-width: 768px){.activity-confirm-title{margin-top:30px;font-size:16px;color:#212121;height:20px;line-height:20px}.activity-confirm-content{font-size:13px;color:#999;padding:6px 20px 22px;line-height:1.5}.activity-confirm-buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-top:1px solid #e7e7e7}.activity-confirm-buttons>button{outline:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:44px;font-size:16px;border:0;background:#fff}.activity-confirm-buttons>button:not(:first-child){border-left:1px solid #e7e7e7}.activity-confirm-buttons-cancel{color:#999}.activity-confirm-buttons-confirm{color:#212121}.activity-confirm-dialog{-webkit-tap-highlight-color:transparent}.activity-confirm-dialog .activity-dialog-content{border-radius:4px;width:280px;text-align:center;overflow:hidden}.activity-confirm-dialog .activity-dialog-close{top:12px;right:12px}.activity-confirm-dialog .activity-dialog-close:before,.activity-confirm-dialog .activity-dialog-close:after{background:#757575}}

.activity-questions{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}.activity-questions-list{padding:0 20px}.activity-questions-alert{position:relative;min-height:169px}.activity-questions-alert-img{width:195px;height:169px;display:block;margin:0 auto}.activity-questions-alert-message{text-align:center;display:block;color:#f25d8e;font-size:18px}.activity-questions-submit{background-color:transparent;cursor:pointer;padding:0;border:0;outline:0;display:block;margin:0 auto}.activity-questions-submit:active{background-color:initial;border-color:initial}.activity-questions-item{padding:10px 0;border-bottom:1px solid #e5e9ef}.activity-questions-item:last-child{margin-bottom:10px}.activity-questions-item-title{padding:5px 0;font-size:16px}.activity-questions-item-hint{color:#e40c0c;padding:0 5px 5px;font-size:12px}.activity-questions-item-content{padding-left:10px}.activity-questions-item-required{color:#e40c0c;margin-right:5px;vertical-align:middle}.activity-questions-item-text,.activity-questions-item-textarea{-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0;outline:0;border:1px solid #ccd0d7;font-size:14px;padding:5px 8px;color:#222;-webkit-transition:.5s all ease-in-out;transition:.5s all ease-in-out}.activity-questions-item-text:focus,.activity-questions-item-textarea:focus{border-color:#6cf}.activity-questions-item-text{border-width:0 0 1px 0;width:100%}.activity-questions-item-textarea{border-radius:4px;width:100%}.activity-questions-item-table{font-size:14px;width:100%;border-collapse:collapse}.activity-questions-item-table tr{border-bottom:1px solid #eee;background:#fff}.activity-questions-item-table th,.activity-questions-item-table td{padding:10px 5px;font-weight:normal;border:1px solid #d8e2fc}.activity-questions-item-table .hana-radio{text-align:center}.activity-questions-item-table .hana-radio-inner{margin-right:0}.activity-questions .hana-radio,.activity-questions .hana-checkbox{display:block}div.hana-modal-main{min-width:calc(100% - 50px)}