*{padding:0;margin:0}.bili-share-aimation{transition:all .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,.bili-share-wrap .hidden{display:none}.bili-share-wrap .share-box{position:absolute;bottom:0;background:#fff;box-sizing:border-box;width:100%;padding:.4em 0;transform:translateY(100%)}.bili-share-wrap.wechat{background:rgba(0,0,0,.5) url("https://static.hdslb.com/mobile/img/wx_guide.png") top no-repeat;background-size:contain}.bili-share-wrap .share-box .share-box-content{font-size:.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 50%;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:.9em;color:#999;text-align:center}.bili-share-wrap .share-box .share-box-cancel{border:1px solid #ddd;border-radius:.3em;width:94%;display:block;line-height:2.75em;color:#999;font-size:.32em;text-align:center;margin:.16em auto 0}.bili-share-wrap.show-box{background-color:rgba(0,0,0,.5)}.bili-share-wrap.show-box .share-box{transform:translateX(0)}.bili-share-wrap.show-box .share-box .share-box-list,.bili-share-wrap.show-box .share-box .share-box-list li{animation-name:item-animation;-webkit-animation-name:item-animation;animation-duration:.5s;-webkit-animation-duration:.5s}.bili-share-wrap.show-box .share-box .share-box-list li{animation-timing-function:ease-in;-webkit-animation-timing-function:ease-in}.share-box-list{text-align:left}.share-box-list li{width:25%;display:inline-block;text-align:center}.share-box-list li:first-child{animation-delay:.05s}.share-box-list li:nth-child(2){animation-delay:.1s}.share-box-list li:nth-child(3){animation-delay:.15s}.share-box-list li:nth-child(4){animation-delay:.2s}.share-box-list li:nth-child(5){animation-delay:.25s}.share-box-list li:nth-child(6){animation-delay:.3s}.share-box-list .share-box-item{display:inline-block;text-align:center;text-decoration:none;outline:none;float:none;margin-bottom:.3em;width:100%}.share-box-list .share-box-item span{color:#333;font-size:.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 50%;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 50%;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 50%;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 50%;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 50%;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 50%;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 50%;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 50%;background-size:contain}@keyframes opacity-animation{0%{opacity:0}99%{opacity:0}to{opacity:1}}@-webkit-keyframes opacity-animation{0%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes item-animation{0%{transform:translateY(20%);-ms-transform:translateY(20%);-webkit-transform:translateY(20%);opacity:0}50%{transform:translateY(20%);-ms-transform:translateY(20%);-webkit-transform:translateY(20%);opacity:0}70%{transform:translateY(-6%);-ms-transform:translateY(-6%);-webkit-transform:translateY(-6%);opacity:1}85%{transform:translateY(4%);-ms-transform:translateY(4%);-webkit-transform:translateY(4%)}90%{transform:translateY(-2%);-ms-transform:translateY(-2%);-webkit-transform:translateY(-2%)}to{transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0)}}@-webkit-keyframes item-animation{0%{transform:translateY(20%);-ms-transform:translateY(20%);-webkit-transform:translateY(20%);opacity:0}50%{transform:translateY(20%);-ms-transform:translateY(20%);-webkit-transform:translateY(20%);opacity:0}70%{transform:translateY(-6%);-ms-transform:translateY(-6%);-webkit-transform:translateY(-6%);opacity:1}85%{transform:translateY(4%);-ms-transform:translateY(4%);-webkit-transform:translateY(4%)}90%{transform:translateY(-2%);-ms-transform:translateY(-2%);-webkit-transform:translateY(-2%)}to{transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0)}}.share-dynamic-dialog{transition:all .2s linear;background-color:#fff;position:fixed;z-index:10}.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:.3em;color:#212121;border-bottom:1px solid #e5e9ef}.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:.8em;top:.8em;width:1em;height:1em;background-size:1em;cursor:pointer}.share-dynamic-dialog.mobile .sdd-body-wrap{padding:.24em .24em 0}.share-dynamic-dialog .sdd-input{width:100%;margin-bottom:.24em;color:#222;font-size:.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 .16em .16em;border-radius:.16em}.share-dynamic-dialog .sdd-card .name{height:2.7em;line-height:2.7em;color:#2a68a2;font-size:.28em}.share-dynamic-dialog .sdd-card .sdd-card-content{background-color:#fff;border-radius:.12em;overflow:hidden;padding-bottom:.2em;color:#212121}.share-dynamic-dialog .sdd-card .sdd-card-content .pic{background-position:50%;background-size:contain;background-repeat:no-repeat;width:100%;height:3em}.share-dynamic-dialog .sdd-card .sdd-card-content .title{font-size:.28em;line-height:1.35em;height:1.35em;font-weight:700;padding:.7em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dynamic-dialog .sdd-card .sdd-card-content .summary{font-size:.24em;line-height:1.33em;height:2.67em;overflow:hidden;padding:0 .83em;word-wrap:break-word;word-break:break-all}.share-dynamic-dialog .sdd-action-bar{height:1em;border-top:1px solid #e7e7e7;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:.29em;font-size:.28em;float:right;margin:.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:.14em;color:silver;font-size:.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:.3s;-webkit-transition:.3s;z-index:5}.share-success-mask.on{opacity:.5}.share-success-dialog{transition:all .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:.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:-.8em auto .34em}.share-success-dialog .info{font-size:.38em;line-height:1.19em;color:#212121;margin-bottom:.25em}.share-success-dialog .hint{font-size:.26em;line-height:1.54em;margin-bottom:1em;color:#757575}.share-success-dialog .dialog-close{width:16.5em;height:2.75em;margin:0 auto;background-color:#fb7299;color:#fff;font-size:.38em;line-height:2.75em;cursor:pointer}.center-toast{width:100%;height:1px;position:fixed;top:50%;text-align:center;transition:all .3s ease;z-index:110}.center-toast .info{display:inline-block;color:#fff;padding:.75em;background-color:rgba(34,34,34,.9);border-radius:.5em;font-size:.38em;line-height:1.25em;margin-top:-1.25em}a,article,aside,body,div,footer,h3,h4,header,html,i,img,li,main,p,section,span,ul{margin:0;padding:0}a,button,input{outline:none}html{min-width:320px;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}li,ul{list-style:none}a{color:#222;text-decoration:none}img{max-width:100%;border:none}a,button,input,select,textarea{outline:none;cursor:pointer;color:#00a1d6;text-decoration:none}a:hover{color:#f25d8e}a:focus{-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}#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:50%;background-size:auto;background-repeat:no-repeat}#position_bg{position:fixed;width:100%;height:100%;z-index:0;background-position:top}.bilibili-comment{padding:3%}.activity-main{position:relative;z-index:9}div[flash-anim-wrap=true]{height:100%}body{position:relative}.t-loading-page{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:#e7e7e7}.t-loading-page .t-loading{display:block;margin:0 auto;padding-top:40%;max-width:100%}.t-comm{display:none}.t-lazyload-image{background-image:url("//activity.hdslb.com/blackboard/template-common-image/images/t-common-pageloading.png");background-position:50%;background-size:auto;background-repeat:no-repeat}.temp-model-picture{width:100%;box-sizing:border-box}.temp-model-picture img{display:block;width:100%}.temp-model-picture img.distance{width:92%;margin:0 4%}.temp-model-richtext{padding:0 4%;margin:0 auto;font-size:14px;line-height:1.8}.temp-model-richtext h1,.temp-model-richtext h2,.temp-model-richtext h3{line-height:3;font-weight:800}.temp-model-richtext h1{font-size:28px}.temp-model-richtext h2{font-size:22px}.temp-model-richtext h3{font-size:18px}.temp-model-richtext blockquote,.temp-model-richtext h1,.temp-model-richtext h2,.temp-model-richtext h3,.temp-model-richtext h4,.temp-model-richtext h5,.temp-model-richtext h6,.temp-model-richtext ol,.temp-model-richtext p,.temp-model-richtext pre,.temp-model-richtext ul{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8}.temp-model-richtext p{word-wrap:break-word;word-break:break-word}.temp-model-richtext ol{padding-left:20px}.temp-model-richtext ul{padding-left:8px;list-style:disc inside}.temp-model-richtext ul li{list-style:inherit}.temp-model-richtext ol>li{list-style-type:none}.temp-model-richtext ol{list-style-type:none;position:relative}.temp-model-richtext ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8;counter-increment:list-num}.temp-model-richtext ol li:before{content:counter(list-num,decimal) ". ";margin-right:-16px;position:absolute;right:100%;text-align:right}.temp-model-richtext ol li.ql-indent-1{counter-increment:list-1}.temp-model-richtext ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". ";margin-right:-56px}.temp-model-richtext ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-2{counter-increment:list-2}.temp-model-richtext ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". ";margin-right:-96px}.temp-model-richtext ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-3{counter-increment:list-3}.temp-model-richtext ol li.ql-indent-3:before{content:counter(list-3,decimal) ". ";margin-right:-136px}.temp-model-richtext ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-4{counter-increment:list-4}.temp-model-richtext ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". ";margin-right:-176px}.temp-model-richtext ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-5{counter-increment:list-5}.temp-model-richtext ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". ";margin-right:-216px}.temp-model-richtext ol li.ql-indent-5{counter-reset:list-6 list-7 list-8}.temp-model-richtext ol li.ql-indent-6{counter-increment:list-6}.temp-model-richtext ol li.ql-indent-6:before{content:counter(list-6,decimal) ". ";margin-right:-256px}.temp-model-richtext ol li.ql-indent-6{counter-reset:list-7 list-8}.temp-model-richtext ol li.ql-indent-7{counter-increment:list-7}.temp-model-richtext ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". ";margin-right:-296px}.temp-model-richtext ol li.ql-indent-7{counter-reset:list-8}.temp-model-richtext ol li.ql-indent-8{counter-increment:list-8}.temp-model-richtext ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". ";margin-right:-336px}.temp-model-richtext .ql-indent-1{padding-left:40px}.temp-model-richtext .ql-indent-2{padding-left:80px}.temp-model-richtext .ql-indent-3{padding-left:120px}.temp-model-richtext .ql-indent-4{padding-left:160px}.temp-model-richtext .ql-indent-5{padding-left:200px}.temp-model-richtext .ql-indent-6{padding-left:240px}.temp-model-richtext .ql-indent-7{padding-left:280px}.temp-model-richtext .ql-indent-8{padding-left:320px}.temp-model-richtext .ql-video{display:block;max-width:100%}.temp-model-richtext .ql-video.ql-align-center{margin:0 auto}.temp-model-richtext .ql-video.ql-align-right{margin:0 0 0 auto}.temp-model-richtext .ql-bg-black{background-color:#000}.temp-model-richtext .ql-bg-red{background-color:#e60000}.temp-model-richtext .ql-bg-orange{background-color:#f90}.temp-model-richtext .ql-bg-yellow{background-color:#ff0}.temp-model-richtext .ql-bg-green{background-color:#008a00}.temp-model-richtext .ql-bg-blue{background-color:#06c}.temp-model-richtext .ql-bg-purple{background-color:#93f}.temp-model-richtext .ql-color-white{color:#fff}.temp-model-richtext .ql-color-red{color:#e60000}.temp-model-richtext .ql-color-orange{color:#f90}.temp-model-richtext .ql-color-yellow{color:#ff0}.temp-model-richtext .ql-color-green{color:#008a00}.temp-model-richtext .ql-color-blue{color:#06c}.temp-model-richtext .ql-color-purple{color:#93f}.temp-model-richtext .ql-font-serif{font-family:Georgia,Times New Roman,serif}.temp-model-richtext .ql-font-monospace{font-family:Monaco,Courier New,monospace}.temp-model-richtext .ql-size-small{font-size:10px}.temp-model-richtext .ql-size-large{font-size:18px}.temp-model-richtext .ql-size-huge{font-size:32px}.temp-model-richtext .ql-direction-rtl{direction:rtl;text-align:inherit}.temp-model-richtext .ql-align-center{text-align:center}.temp-model-richtext .ql-align-justify{text-align:justify}.temp-model-richtext .ql-align-right{text-align:right}.temp-model-richtext.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;pointer-events:none;position:absolute}.temp-model-richtext pre{white-space:pre-wrap}.temp-model-richtext a{text-decoration:underline}.temp-model-richtext blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.temp-model-richtext pre.hljs{overflow:visible}.temp-model-richtext code,.temp-model-richtext pre:not(.hljs){background-color:#f0f0f0}.temp-model-richtext code,.temp-model-richtext pre{border-radius:3px}.temp-model-richtext code{font-size:85%;padding-bottom:2px;padding-top:2px}.temp-model-richtext code:after,.temp-model-richtext code:before{content:"\A0";letter-spacing:-2px}.temp-model-richtext :not(pre)+pre,.temp-model-richtext pre:first-of-type{margin-top:5px;padding-top:5px}.temp-model-richtext pre{margin-bottom:5px;padding:0 10px 5px}.temp-model-richtext pre+pre{margin-top:-10px}.temp-model-richtext img{max-width:100%}@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.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; }@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.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: #0088cc;
    -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; }@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/3
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.hana-divider {
  margin: 8px 0;
  height: 1px;
  border: none;
  background-color: #ccc; }@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.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; }@charset "UTF-8";
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 17/1/11
 */
/* Author: ひまわり(dtysky<dtysky@outlook.com>)
 * Github: https://github.com/dtysky
 * Create: 2017/2/23
 */
.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-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); }