/* 作用域 #page-home —— 机械转换，勿手改 */
#page-home {  background: #FFFFFF;}
#page-home .hero {  position: relative;
  width: 7.5rem;
  height: 12.23rem;
  overflow: hidden;
  background: #1A1A1A;}
#page-home .hero-img {  display: block;
  width: 7.5rem;
  height: 12.23rem;}
#page-home .hero-shade {  position: absolute;
  left: 0;
  top: 0;
  width: 7.5rem;
  height: 6.2rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.12) 55%, rgba(0, 0, 0, 0) 100%);}
#page-home .hero-body {  position: absolute;
  left: 0.43rem;
  top: 0.96rem;
  right: 0.43rem;}
#page-home .hero-logo {  display: block;
  width: 1.99rem;
  height: auto;}
#page-home .hero-h1 {  margin-top: 0.84rem;
  font-size: 0.62rem;
  line-height: 1;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0.01rem;}
#page-home .hero-line {  font-size: 0.23rem;
  line-height: 2.3;
  color: #FFFFFF;
  letter-spacing: 0.03rem;
  font-weight: 400;}
#page-home .hero-line:first-of-type {  margin-top: 0.24rem;}
#page-home .eco {  padding-top: 0.24rem;
  background: #FFFFFF;}
#page-home .eco-title {  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  color: #B0803F;
  letter-spacing: 0.06rem;}
#page-home .eco-sub {  text-align: center;
  font-size: 0.17rem;
  color: #C9A063;
  letter-spacing: 0.05rem;
  margin-top: 0.12rem;}
#page-home .ring {  position: relative;
  width: 7.5rem;
  height: 6.2rem;
  margin-top: 0.08rem;}
#page-home .ring-line {  position: absolute;
  left: 50%;
  top: 50%;
  width: 3.48rem;
  height: 3.48rem;
  margin-left: -1.74rem;
  margin-top: -1.74rem;
  border: 0.02rem solid #DCC7A8;
  border-radius: 50%;}
#page-home .core {  position: absolute;
  left: 50%;
  top: 50%;
  width: 2rem;
  height: 2rem;
  margin-left: -1rem;
  margin-top: -1rem;
  border-radius: 50%;
  overflow: hidden;
  background: #F2F2F0;}
#page-home .core-img {  display: block;
  width: 2rem;
  height: 2rem;}
#page-home .node {  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;}
#page-home .nd-ico {  position: absolute;
  left: -0.28rem;
  top: -0.28rem;
  width: 0.56rem;
  height: 0.56rem;}
#page-home .nd-cn {  position: absolute;
  font-size: 0.22rem;
  line-height: 1.2;
  color: #6B4423;
  white-space: nowrap;}
#page-home .nd-en {  position: absolute;
  font-size: 0.13rem;
  line-height: 1.2;
  color: #B79A78;
  white-space: nowrap;}
#page-home .node.left .nd-cn {  right: 0.38rem;
  bottom: 0.02rem;
  text-align: right;}
#page-home .node.left .nd-en {  right: 0.38rem;
  top: 0.06rem;
  text-align: right;}
#page-home .node.right .nd-cn {  left: 0.38rem;
  bottom: 0.02rem;
  text-align: left;}
#page-home .node.right .nd-en {  left: 0.38rem;
  top: 0.06rem;
  text-align: left;}
#page-home .node .nd-cn, #page-home .node .nd-en {  width: 1.72rem;
  white-space: normal;
  line-height: 1.3;}
#page-home .sec {  padding: 0 0.24rem;}
#page-home .shead {  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0.56rem 0 0.34rem;}
#page-home .snum {  font-size: 1.16rem;
  line-height: 0.8;
  font-weight: 800;
  color: #ECECE9;
  letter-spacing: 0.02rem;}
#page-home .sttl {  flex: 1;
  margin-left: 0.4rem;
  text-align: right;}
#page-home .st-en {  display: inline-block;
  font-size: 0.2rem;
  line-height: 1.1;
  font-weight: 700;
  color: #1A1A1A;
  letter-spacing: 0.005rem;
  border-bottom: 0.02rem solid #1A1A1A;
  padding-bottom: 0.1rem;}
#page-home .st-cn {  font-size: 0.24rem;
  line-height: 1;
  font-weight: 600;
  color: #1A1A1A;
  margin-top: 0.16rem;
  letter-spacing: 0.01rem;}
#page-home .shead.rev {  align-items: flex-start;
  padding-bottom: 0.24rem;}
#page-home .shead.rev .sttl {  margin-left: 0;
  margin-right: 0.4rem;
  text-align: left;}
#page-home .vcard {  position: relative;
  width: 7.02rem;
  height: 3.95rem;          
  overflow: hidden;
  background: #111111;}
#page-home .vplayer {  display: block;
  width: 7.02rem;
  height: 3.95rem;}
#page-home .mcard {  position: relative;
  width: 7.02rem;
  overflow: hidden;
  background: #EDEDEB;
  margin: 0 auto 0.22rem;}
#page-home .mimg {  display: block;
  width: 7.02rem;
  height: 100%;}
#page-home .scard {  position: relative;
  width: 7.02rem;
  height: 2.78rem;
  overflow: hidden;
  background: #EDEDEB;
  margin: 0 auto 0.22rem;}
#page-home .simg {  display: block;
  width: 7.02rem;
  height: 2.78rem;}
#page-home .card-hover {  opacity: 0.86;}
#page-home .wide {  position: relative;
  width: 7.5rem;
  height: 4.27rem;
  overflow: hidden;
  background: #EDEDEB;
  margin: 0.4rem 0 0;}
#page-home .wide-img {  display: block;
  width: 7.5rem;
  height: 4.27rem;}
#page-home .ice-wrap {  height: 3.79rem;
  margin-top: 0.22rem;}
#page-home .simg.ice {  height: 3.79rem;}
#page-home .mold-head {  position: relative;
  padding: 0.4rem 0.24rem 0.26rem;
  text-align: center;}
#page-home .mold-head::before {  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0.4rem;
  height: 1.86rem;
  background: #EFEFEE;}
#page-home .mold-txt {  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0.26rem 0.34rem;
  background: #FFFFFF;}
#page-home .mold-en {  font-size: 0.19rem;
  line-height: 1.2;
  color: #8A8A84;
  letter-spacing: 0.01rem;}
#page-home .mold-cn {  font-size: 0.4rem;
  line-height: 1.2;
  font-weight: 700;
  color: #1A1A1A;
  letter-spacing: 0.02rem;
  margin-top: 0.12rem;}
#page-home .mold-row {  display: flex;
  justify-content: space-between;
  padding: 0 0.24rem;}
#page-home .mold-item {  width: 2.26rem;
  height: 2.89rem;
  overflow: hidden;
  background: #EDEDEB;}
#page-home .mold-img {  display: block;
  width: 2.26rem;
  height: 2.89rem;}
#page-home .marble-wrap {  height: 4.92rem;
  margin-top: 0.22rem;}
#page-home .simg.marble {  height: 4.92rem;}
#page-home .mat {  padding: 0 0.24rem;
  margin-top: 0.22rem;}
#page-home .page-bottom {  height: 1.5rem;}
#page-home .mimg, #page-home .simg, #page-home .wide-img, #page-home .mold-img {  background-color: #F0EFEA;}