@charset "utf-8";
@import "base.css?id=202508081100";
@import "card.css?id=202508081100";
@import "page.css?id=202508081100";
@import "patch.css?id=202508081100";
@import "custom.css?id=202508081100";
/*@import "skin.css?id=202508081100";*/

/*
模块相同，每个页面独立的外部容器，通过外部容器补丁方式修改内部模块
W_welfare_h5_con：项目详情
W_welfare_h5_list：一起捐榜单
W_welfare_h5_launch：发起一起捐
W_welfare_h5_details：一起捐详情
W_welfare_h5_initiator：一起捐发起方
*/

/**/
a.icon_index,
a.icon_share,
a.icon_donate{display:inline-block;background:url(../../../images/h5/foot_icon.png?id=202108311200) no-repeat left top;width:0.48rem;height:0.48rem;font-size:0;}
a.icon_index{background-position:0 0;background-size:0.48rem 1.6rem;}
a.icon_share{background-position:0 -0.53rem;background-size:0.48rem 1.6rem;}
a.icon_donate{background-position:0 -1.06rem;background-size:0.48rem 1.6rem;}
.con_status .con_status_c .tit a.icon_share{display:inline-block;background:url(../../../images/h5/icon2x.png?id=201909021400) no-repeat left top;background-size:.48rem 2rem;width:.48rem;height:.48rem;font-size:0;}

.con_public{background:#fff;padding:0 0.32rem;margin-bottom:0.2rem;}
.footer_clearance{background: #fff;padding:0.2rem 0;}
.footer_clearance .con_call_a{border-top:0;}
.W_wbtn_a{display:inline-block;width:100%;height:0.8rem;line-height:0.8rem;text-align:center;font-weight:700;background:rgba(38,173,37,1);border-radius:0.4rem;color:#fff;font-size:0.32rem;}
	.W_wbtn_a:active{background:#1f941f;}
.W_wbtn_a_disable,
.W_wbtn_a_disable:active{background:rgba(38,173,37,0.3);cursor:default;}

.W_wbtn_b{display:inline-block;width:100%;height:0.8rem;line-height:0.8rem;text-align:center;font-weight:700;background:rgba(216,216,216,0.3);border-radius:0.4rem;color:#fff;font-size:0.32rem;}
	.W_wbtn_b:active{background:rgba(216,216,216,1);}

.W_wbtn_c{display:inline-block;width:100%;height:0.88rem;line-height:0.88rem;text-align:center;font-weight:700;background:rgba(38,173,37,1);border-radius:0.56rem;color:#fff;font-size:0.32rem;}
	.W_wbtn_c:active{background:#1f941f;}
.m-btn-text-orange{background: #FF6D00;}
.m-btn-text-orange:active{background: #e17707;}

.M-btn{display:inline-block;width:100%;line-height:0.88rem;border-radius:0.56rem;text-align:center;}
.M-btn-text-white{color:#fff;font-size:0.36rem;}
.M-btn-text-green{color:#26AD25;font-size:0.36rem;}
.M-btn-green{background:#26AD25;}/**/
.M-btn-green:active{background:#1f941f;}/**/
.M-btn-white{background:#fff;}/**/
.M-btn-white:active{background:rgba(216,216,216,0.3);}/**/
.M-btn-transparent{background:none;border:0.04rem solid rgba(255,255,255,1);line-height:0.8rem;}
.M-btn-transparent:active{background:rgba(255,255,255,0.2);}
.M-btn-disabled,
.M-btn-disabled:active{background:#26AD25;opacity:0.5;}
.M-btn-orange{background:#FF6D00;}/**/
.M-btn-orange:active{background: #b94f00;}/**/

.li_alink{display:inline-block;width:1.6rem;height:0.64rem;line-height:0.64rem;font-weight:700;background:rgba(216,216,216,0.3);border-radius:0.32rem;font-size:0.28rem;text-align:center;}
.li_alink:active{background:rgba(216,216,216,1);}


.W_wbtn_a .m-loading{vertical-align:-0.02rem;font-size:0.20rem;}
.M-btn-green .m-loading{vertical-align:-0.02rem;font-size:0.20rem;}/*margin-right:0.6rem;*/
.W_wbtn_a .m-loading span,
.M-btn-green .m-loading span{height:0.35em;}
/*width:auto;height:auto;*/

.con_call{margin:0 -0.16rem;height:1.04rem;background:rgba(255,255,255,1);box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1);border-radius:0.56rem;}
.con_call_call,
.con_call_share,
.con_call_more{white-space:nowrap;}
/*
.con_call_share dt{display:inline-block;vertical-align:top;padding:0.24rem 0.4rem;width:1.42rem;}
.con_call_share dt span{line-height:0.48rem;color:#636363;font-size:0.28rem;vertical-align:top;}
.con_call_share dt a{margin-right:0.08rem;vertical-align:top;}
.con_call_share dd{width:4.5rem;padding:0.12rem 0.16rem;display:inline-block;text-align:right;vertical-align:top;}
*/
.con_call_share{padding:0.12rem 0.16rem;font-size:0;display: -webkit-box;display: -ms-flexbox;display: flex;}

.con_call_share dt,
.con_call_share dd{display:inline-block;vertical-align:top;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }

.con_call_share dt{width:15%;display: inline-block;vertical-align: top;text-align: center;}
.con_call_share dd{margin-left:0.08rem;text-align:right;width:85%;}
.con_call_share dt span{display: block;color:#636363;font-size:0.22rem;line-height: 0.32rem;}
.con_call_share dt i{display:inline-block;width:0.4rem;height:0.34rem;vertical-align:middle;margin-right:0.08rem;background:url(../../../images/h5/h5_icon2x.png?id=202108311200) no-repeat left top;background-position:0 -1.2rem;background-size:1.6rem 8rem;}
.con_call_share dd .W_wbtn_a{margin-left: 0.08rem;}



.con_call_call{padding:0.12rem 0.16rem;font-size:0;display: -webkit-box;display: -ms-flexbox;display: flex;}
.con_call_call dt,
.con_call_call dd{display:inline-block;vertical-align:top;width:50%;
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }

.con_call_call dt{width:15%;display: inline-block;vertical-align: top;text-align: center;}
.con_call_call dd{margin-left:0.08rem;text-align:right;width:85%;}
.con_call_call dt span{display: block;color:#636363;font-size:0.22rem;line-height: 0.32rem;}
.con_call_call dt i{display:inline-block;width:0.4rem;height:0.34rem;vertical-align:middle;margin-right:0.08rem;background:url(../../../images/h5/h5_icon2x.png?id=202108311200) no-repeat left top;background-position:0 -1.2rem;background-size:1.6rem 8rem;}
.con_call_call dd .W_wbtn_a{margin-left: 0.08rem;}
.footer_clearance_b .con_call_call dt.call_together{width: 32%;}
.footer_clearance_b .con_call_call dt.call_together span{display: inline-block;font-size: 0.28rem;}
.footer_clearance_b .con_call_call dd{width: 53%;}


.footer_clearance.footer_more dt{display: flex;width: 30%;}
.footer_clearance.footer_more dt .icon_more span{display: inline-block;vertical-align: middle;}
.footer_clearance.footer_more dt .icon_more em{margin-right:0.08rem;width:0.16rem;height:0.14rem;display: inline-block;vertical-align: middle;
	background:url(../../../images/h5/icon2x.png?id=202108311200) no-repeat left top;background-size:0.48rem 2rem;background-position: 0 -0.5rem;
	transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-o-transform:rotate(270deg);}

.con_call_more dt,
.con_call_more dd{padding:0.12rem 0.16rem;display:inline-block;text-align:right;vertical-align:top;}
.con_call_more dt{width:47%;text-align:left;padding:0.12rem 0;margin: 0 1%;}
.con_call_more dt span{line-height:0.8rem;color:#636363;font-size:0.28rem;vertical-align:top;}
.con_call_more dt a{font-size:0.3rem;}
.con_call_more dt a .m-font{vertical-align:top;color:#636363;}
.con_call_more dd{width:47%;padding:0.12rem 0;margin: 0 1%;}



/**
 * font icon
 */
@font-face {
  font-family: "marvelfont";
  src: url("../../../font/marvelfont.woff2") format("woff2"), url("../../../font/marvelfont.woff") format("woff"), url("../../../font/marvelfont.svg") format("svg"), url("../../../font/marvelfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.m-font {
  font-family: "marvelfont";
  display: inline-block;
  -webkit-font-smoothing: antialiased; }

/*arrow right chart 1*/
.m-font-arrow-right::before {
  content: "\E000"; }

.m-font-dot-more::before {
  content: "\E001"; }

.m-font-download::before {
  content: "\E002"; }

.m-font-comment::before {
  content: "\E003"; }

.m-font-forward::before {
  content: "\E004"; }

.m-font-star {
  position: relative; }
  .m-font-star::before {
    content: "\E005"; }
  .m-font-star::after {
    content: "\E005";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }

.m-font-follow::before {
  content: "\E006"; }

.m-font-followed::before {
  content: "\E007"; }

.m-font-arrow-down::before {
  content: "\E008"; }

.m-font-check::before {
  content: "\E009"; }

.m-font-close::before {
  content: "\E00A"; }

.m-font-exchange::before {
  content: "\E00B"; }

.m-font-minus::before {
  content: "\E00C"; }

.m-font-plus::before {
  content: "\E00D"; }

.m-font-repeat::before {
  content: "\E00E"; }

.m-font-play::before {
  content: "\E00F"; }

.m-font-stop::before {
  content: "\E010"; }

.m-font-down::before {
  content: "\E011"; }

.m-font-up::before {
  content: "\E012"; }

.m-font-chart::before {
  content: "\E013"; }

.m-font-up-s::before {
  content: "\E014"; }

.m-font-search::before {
  content: "\E015"; }

.m-font-bars::before {
  content: "\E016"; }

.m-font-arrow-left::before {
  content: "\E017"; }

.m-font-wb::before {
  content: "\E018"; }

.m-font-wbmsg::before {
  content: "\E019"; }

.m-font-rank-up::before {
  content: "\E020"; }

.m-font-rank-down::before {
  content: "\E021"; }

.m-font-rank-minus::before {
  content: "\E022"; }

.m-font-arrow-right-s::before {
  content: "\E023"; }

.m-font-select::before {
  content: "\E024"; }

.m-font-keyboard::before {
  content: "\E025"; }

.m-font-face::before {
  content: "\E026"; }

.m-font-faq::before {
  content: "\E027"; }

.m-font-wc::before {
  content: "\E01A"; }

.m-font-warn::before {
  content: "\E01B"; }

.m-font-wcmms::before {
  content: "\E01C"; }

.m-font-line-check::before {
  content: "\E01D"; }

.m-font-line-close::before {
  content: "\E01E"; }

/*SVG拼图 16px为基准单位,因为拼图四周有一个单位大小的间隔，所以这里是48px*/
/*29为所有svg的数量*/
.m-icon {
	display: inline-block;
	vertical-align: top;
	background-image: url("../../../img/sprite.svg?id=202502131100");
	background-size: 3em 87em;
	width: 1em;
	height: 1em;
	position: relative;
  }
  
  /*按顺序排列的所有svg(不包含暗黑下的)*/
  .m-icon-yellowv {
	background-position: -1em -1em;
  }
  
  .m-icon-bluev {
	background-position: -1em -4em;
  }
  
  .m-icon-club {
	background-position: -1em -7em;
  }
  
  .m-icon-vgirl {
	background-position: -1em -10em;
  }
  
  .m-icon-greyv {
	background-position: -1em -13em;
  }
  
  .m-icon-goldv {
	background-position: -1em -16em;
  }
  
  .m-icon-orangev {
	background-position: -1em -19em;
  }
  
  .m-icon-redv {
	background-position: -1em -22em;
  }
  
  .m-icon-male {
	background-position: -1em -25em;
  }
  
  .m-icon-female {
	background-position: -1em -28em;
  }
  
  .m-icon-vip {
	background-position: -1em -31em;
  }
  
  .m-icon-nvip {
	background-position: -1em -34em;
  }
  
  .m-icon-like {
	background-position: -1em -37em;
  }
  
  .m-icon-liked {
	background-position: -1em -40em;
  }
  
  .m-icon-warn {
	background-position: -1em -43em;
  }
  
  .m-icon-vipl1 {
	background-position: -1em -46em;
  }
  
  .m-icon-vipl2 {
	background-position: -1em -49em;
  }
  
  .m-icon-vipl3 {
	background-position: -1em -52em;
  }
  
  .m-icon-vipl4 {
	background-position: -1em -55em;
  }
  
  .m-icon-vipl5 {
	background-position: -1em -58em;
  }
  
  .m-icon-vipl6 {
	background-position: -1em -61em;
  }
  
  .m-icon-vipl7 {
	background-position: -1em -64em;
  }
  
  /*暗黑下金V橘V不加rgba(0,0,0,0.1)遮罩；暗黑下红V不修改边框色*/
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-yellowv::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #000;
	  border-radius: 50%;
	  opacity: 0.1;
	}
  }
  :root[data-theme=dark-forever] .m-icon-yellowv::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	opacity: 0.1;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-bluev::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #000;
	  border-radius: 50%;
	  opacity: 0.1;
	}
  }
  :root[data-theme=dark-forever] .m-icon-bluev::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	opacity: 0.1;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-club::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #000;
	  border-radius: 50%;
	  opacity: 0.1;
	}
  }
  :root[data-theme=dark-forever] .m-icon-club::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	opacity: 0.1;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vgirl::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #000;
	  border-radius: 50%;
	  opacity: 0.1;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vgirl::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	opacity: 0.1;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-greyv::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #000;
	  border-radius: 50%;
	  opacity: 0.1;
	}
  }
  :root[data-theme=dark-forever] .m-icon-greyv::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	opacity: 0.1;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-redv::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #000;
	  border-radius: 50%;
	  opacity: 0.1;
	}
  }
  :root[data-theme=dark-forever] .m-icon-redv::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	opacity: 0.1;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-male::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #000;
	  border-radius: 50%;
	  opacity: 0.1;
	}
  }
  :root[data-theme=dark-forever] .m-icon-male::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	opacity: 0.1;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-female::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background-color: #000;
	  border-radius: 50%;
	  opacity: 0.1;
	}
  }
  :root[data-theme=dark-forever] .m-icon-female::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	border-radius: 50%;
	opacity: 0.1;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-yellowv {
	  background-position: -1em -67em;
	}
  }
  :root[data-theme=dark-forever] .m-icon-yellowv {
	background-position: -1em -67em;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-bluev {
	  background-position: -1em -70em;
	}
  }
  :root[data-theme=dark-forever] .m-icon-bluev {
	background-position: -1em -70em;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-club {
	  background-position: -1em -73em;
	}
  }
  :root[data-theme=dark-forever] .m-icon-club {
	background-position: -1em -73em;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vgirl {
	  background-position: -1em -76em;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vgirl {
	background-position: -1em -76em;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-greyv {
	  background-position: -1em -79em;
	}
  }
  :root[data-theme=dark-forever] .m-icon-greyv {
	background-position: -1em -79em;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-goldv {
	  background-position: -1em -82em;
	}
  }
  :root[data-theme=dark-forever] .m-icon-goldv {
	background-position: -1em -82em;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-orangev {
	  background-position: -1em -85em;
	}
  }
  :root[data-theme=dark-forever] .m-icon-orangev {
	background-position: -1em -85em;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vip {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vip {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-nvip {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-nvip {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-like {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-like {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-liked {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-liked {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-warn {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-warn {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vipl1 {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vipl1 {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vipl2 {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vipl2 {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vipl3 {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vipl3 {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vipl4 {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vipl4 {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vipl5 {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vipl5 {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vipl6 {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vipl6 {
	opacity: 0.9;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-vipl7 {
	  opacity: 0.9;
	}
  }
  :root[data-theme=dark-forever] .m-icon-vipl7 {
	opacity: 0.9;
  }
  
  .m-icon {
	font-size: 14px;
  }
  
  .m-icon-large {
	font-size: 22px;
  }
  
  .m-icon-warn {
	font-size: 18px;
  }
  
  /*金V&橘V*/
  .m-icon-goldv,
  .m-icon-orangev {
	position: relative;
  }
  
  .m-icon-goldv::after {
	content: " ";
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url("../../../img/goldv.png?id=202502131100");
	background-size: 1em auto;
	background-position: 0 -10000px;
	animation: sprite 2s steps(15) 3 backwards;
  }
  
  .m-icon-orangev::after {
	content: " ";
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url("../../../img/orangev.png?id=202502131100");
	background-size: 1em auto;
	background-position: 0 -10000px;
	animation: spriteOrangev 1.2s steps(8) 3 backwards;
  }
  
  @media (prefers-color-scheme: dark) {
	:root[data-theme=dark] .m-icon-goldv::after {
	  background-image: url("../../../img/goldv_dark.png?id=202502131100");
	}
	:root[data-theme=dark] .m-icon-orangev::after {
	  background-image: url("../../../img/orangev_dark.png?id=202502131100");
	}
  }
  :root[data-theme=dark-forever] .m-icon-goldv::after {
	background-image: url("../../../img/goldv_dark.png?id=202502131100");
  }
  :root[data-theme=dark-forever] .m-icon-orangev::after {
	background-image: url("../../../img/orangev_dark.png?id=202502131100");
  }
  
  @keyframes sprite {
	from {
	  background-position: 0 0;
	}
	to {
	  background-position: 0 -15em;
	}
  }
  @keyframes spriteOrangev {
	from {
	  background-position: 0 0;
	}
	to {
	  background-position: 0 -8em;
	}
  }
  
  /**
   * adapter
   */
   @media screen and (min-width: 414px) and (max-width: 767px) {
	html {
	  font-size: 16.96px;
	}
	.m-icon {
	  font-size: 15px;
	}
	.m-icon-large {
	  font-size: 24px;
	}
	.m-icon-warn {
	  font-size: 20px;
	}
  }
  @media screen and (min-width: 768px) {
	html {
	  font-size: 20px;
	}
	.m-icon {
	  font-size: 18px;
	}
	.m-icon-large {
	  font-size: 28px;
	}
	.m-icon-warn {
	  font-size: 23px;
	}
  }
  @media screen and (min-width: 769px) {
	.m-container-max {
	  width: 750px;
	  margin: 0 auto;
	}
  }