
/* 滚动到一定距离，将导航隐藏 */
@media screen and (min-width: 1024px){
  #header.scroll-up #header_bg,
  #header.scroll-up #header_ct{transform: translateY(0%);}
  #header.scroll-down #header_bg,
  #header.scroll-down #header_ct{transform: translateY(-100%);}
}


.temp_d_cry_header_12_x{transition:.3s;opacity: 1;}
/* #header.scroll-center .temp_d_cry_header_12_x{opacity: 0;transform: translateY(-50%);pointer-events: none;} */
@media screen and (max-width: 750px){
  .temp_d_cry_header_12_x{display: none;}
}


/* 背景色 */
#header_bg{height: 1.7rem;width: 100%;pointer-events: none;transition:.3s,height .1s;background: var(--head_bg_color);}
#header.scroll-top #header_bg{height: 1.7rem;}

#header.fixed.scroll-top #header_bg{background: rgba(0, 0, 0, 0.1);}
#header.fixed.scroll-top.opacity_black #header_bg{background-color: rgba(255, 255, 255, 0.1);}

/* #temp_d_cry_header_12_nav_x{background: #f5f5f5;} */
#temp_d_cry_header_12_nav_x .head{height: 1.03rem;transition: .3s;border-bottom: 1px solid #eee;color: var(--head_fz_color);}
#header.fixed.scroll-top #temp_d_cry_header_12_nav_x .head{color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav_x .head{color: #333;}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav_x,
#header.fixed.scroll-top #temp_d_cry_header_12_nav_x{background: transparent;}

/* logo部分 */
#temp_d_cry_header_12_nav_x .weblogo{height: 100%;overflow: hidden;}
#temp_d_cry_header_12_nav_x .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);}
#temp_d_cry_header_12_nav_x .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);}
#header.fixed.scroll-top #temp_d_cry_header_12_nav_x .weblogo .logo_w{display: block;}
#header.fixed.scroll-top #temp_d_cry_header_12_nav_x .weblogo .logo_b{display: none;}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav_x .weblogo .logo_w{display: none;}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav_x .weblogo .logo_b{display: block;}


/* 按钮部分 */
#temp_d_cry_header_12_nav_x .head_btn{font-size: 0.16rem;}
#temp_d_cry_header_12_nav_x .head_btn .text{}
#temp_d_cry_header_12_nav_x .cd_words_wrapper {display: inline-block;position: relative;text-align: left;}
#temp_d_cry_header_12_nav_x .cd_words_wrapper b {display: inline-block;position: absolute;white-space: nowrap;left: 0;top: 0;font-size:0.34rem;color: var(--hoverColor);font-weight:bold;}
#temp_d_cry_header_12_nav_x .cd_words_wrapper b.is-visible {position: relative;}
#temp_d_cry_header_12_nav_x .cd_headline.scale i {display: inline-block;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);font-style:normal;}
#temp_d_cry_header_12_nav_x .cd_headline.scale i.in {-webkit-animation: scale-up 0.6s forwards;-moz-animation: scale-up 0.6s forwards;animation: scale-up 0.6s forwards;}
#temp_d_cry_header_12_nav_x .cd_headline.scale i.out {-webkit-animation: temp_d_cry_header_12-scale-down 0.6s forwards;-moz-animation: temp_d_cry_header_12-scale-down 0.6s forwards;animation: temp_d_cry_header_12-scale-down 0.6s forwards;}


/* 语言切换 */
#temp_d_cry_header_12_nav_x .language{margin-right: 0.26rem;font-size: 0.16rem;}
#temp_d_cry_header_12_nav_x .language i{margin-right: 0.03rem;}



/* 导航 */
#temp_d_cry_header_12_subnav_x .list {box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 10%);color: var(--head_fz_color);}
#temp_d_cry_header_12_subnav_x .list .nav{height:0.7rem;display: flex;justify-content: space-between;align-items: center;font-size: 0.22rem;}
#temp_d_cry_header_12_subnav_x .list .nav .li{padding: 0 0.2rem;}
#temp_d_cry_header_12_subnav_x .list .nav .li:first-child{padding-left: 0;}
#temp_d_cry_header_12_subnav_x .list .nav .li:last-child{padding-right: 0;}
#temp_d_cry_header_12_subnav_x .list .nav .li i{margin-left: 0.05rem;color: var(--hoverColor);}
#temp_d_cry_header_12_subnav_x .list .nav .li:hover i,
#temp_d_cry_header_12_subnav_x .list .nav .li.nav_hover i{transform: rotate(180deg);}

#header.fixed.scroll-top #temp_d_cry_header_12_subnav_x .list{box-shadow: none;color: #fff;}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_subnav_x .list{color: #333;}


.temp_d_cry_header_12{transition: .3s;position: absolute;top: 100%;width: 100%;}
/* #header.scroll-center .temp_d_cry_header_12{opacity: 1;top: 0;left: 0;width: 100%;height: auto;} */
#header .temp_d_cry_header_12{opacity: 0;top: 1.7rem;height: 0;overflow: hidden;}
@media only screen and (max-width: 750px) {
  #header .temp_d_cry_header_12{opacity: 1;top: 1.7rem;position: static;height: var(--head_top_height_app);}
}


#temp_d_cry_header_12_nav{}
#temp_d_cry_header_12_nav .head{height: var(--head_top_height);width: 100%;padding: 0 4%;transition: background-color .3s;border-bottom: 1px solid transparent;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);color: var(--head_fz_color);}
#header.fixed.scroll-top #temp_d_cry_header_12_nav .head{border-bottom-color: rgba(255, 255, 255, 0.2);box-shadow: none;color: #fff;}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav .head{color: #333;}


/* logo部分 */
#temp_d_cry_header_12_nav .weblogo{height: 100%;overflow: hidden;}
#temp_d_cry_header_12_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);}
#temp_d_cry_header_12_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);}
#header.fixed.scroll-top #temp_d_cry_header_12_nav .weblogo .logo_w{display: block;}
#header.fixed.scroll-top #temp_d_cry_header_12_nav .weblogo .logo_b{display: none;}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav .weblogo .logo_w{display: none;}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav .weblogo .logo_b{display: block;}


/* 导航栏目 */
#temp_d_cry_header_12_nav .head_nav{flex: 1;margin: 0 var(--paddingLeft);}
#temp_d_cry_header_12_nav .head_nav .li{font-size: 0.18rem;height: var(--head_top_height);border-bottom: 1px solid transparent;margin-left: var(--paddingLeft);transition: .3s ease-out;}
#temp_d_cry_header_12_nav .head_nav .li > a{line-height: 2;}
#temp_d_cry_header_12_nav .head_nav .li:first-of-type{margin-left: 0;}
#temp_d_cry_header_12_nav .head_nav .li > i{margin-left: 0.05rem;}
#temp_d_cry_header_12_nav .head_nav .li:hover,
#temp_d_cry_header_12_nav .head_nav .li.cur{border-bottom-color: var(--hoverColor);color: var(--hoverColor);}
#temp_d_cry_header_12_nav .head_nav .li:hover > i,
#temp_d_cry_header_12_nav .head_nav .li.nav_hover > i{transform: rotate(180deg);}


/* 对比导航 */
.temp_d_cry_header_12_nav_width_compare{display: inline-flex;pointer-events: none;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;}
.temp_d_cry_header_12_nav_width_compare .head_nav{margin: 0 var(--paddingLeft);}
.temp_d_cry_header_12_nav_width_compare .head_nav .li{font-size: 0.18rem;margin-left: var(--paddingLeft);}
.temp_d_cry_header_12_nav_width_compare .head_nav .li:first-of-type{margin-left: 0;}
.temp_d_cry_header_12_nav_width_compare .head_nav .li > i{margin-left: 0.05rem;}

/* 按钮部分 */
#temp_d_cry_header_12_nav .head_btn{display: flex;align-items: center;font-size: 0.16rem;}
#temp_d_cry_header_12_nav .head_btn > *{padding: 0.1rem 0.15rem;}
#temp_d_cry_header_12_nav .head_btn > *:last-child{padding-right: 0;}
#temp_d_cry_header_12_nav .head_btn > * > i{font-size: 0.2rem;}
#temp_d_cry_header_12_nav .head_btn .cart{padding-right: 0.2rem;}
#temp_d_cry_header_12_nav .head_btn .cart .tips{position: absolute;top: -0.08rem;right: -0.1rem;min-width: 0.26rem;height: 0.2rem;border-radius: 0.1rem;background:#EB860F;color: #fff;text-align: center;line-height: 0.2rem;padding: 0 0.05rem;}



/* 移动端菜单按钮 */
#temp_d_cry_header_12_nav .head .menu{display: none;padding: 0.3rem 0.2rem;position: relative;cursor: pointer;margin-right: -0.2rem;}
#temp_d_cry_header_12_nav .head .menu i{width: 0.36rem;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;}
#temp_d_cry_header_12_nav .head .menu i::before{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(-0.14rem);transition: .3s;}
#temp_d_cry_header_12_nav .head .menu i::after{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(0.14rem);transition: .3s;}
#header.fixed.scroll-top #temp_d_cry_header_12_nav .head .menu i,
#header.fixed.scroll-top #temp_d_cry_header_12_nav .head .menu i::before,
#header.fixed.scroll-top #temp_d_cry_header_12_nav .head .menu i::after{background: #fff;}
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav .head .menu i,
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav .head .menu i::before,
#header.fixed.scroll-top.opacity_black #temp_d_cry_header_12_nav .head .menu i::after{background: #333;}


/*
 menu_expand    侧边栏展开状态
 pc_app         导航栏换行时，控制侧边栏按钮
*/


/* 侧边栏菜单展开状态(右侧)  */
#header.menu_expand #temp_d_cry_header_12_nav .head{box-shadow: none !important;border-bottom-color: transparent !important;}
#header.menu_expand #temp_d_cry_header_12_nav .menu i{background: transparent !important;}
#header.menu_expand #temp_d_cry_header_12_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);}
#header.menu_expand #temp_d_cry_header_12_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);}
#header.menu_expand #temp_d_cry_header_12_nav .head_btn{display: none;}

/* 导航栏放不下时 */
.temp_d_cry_header_12.pc_app #temp_d_cry_header_12_nav .head_nav .li{display: none;}
.temp_d_cry_header_12.pc_app #temp_d_cry_header_12_nav .head .menu{display: block;}

@media only screen and (max-width: 1024px) {
    #temp_d_cry_header_12_nav .head_nav .li{display: none;}
    #temp_d_cry_header_12_nav .head .menu{display: block;}
    #temp_d_cry_header_12_subnav_x .list .nav{font-size: 0.16rem;}
}

@media only screen and (max-width: 900px) {
    #temp_d_cry_header_12_nav .head_btn .search i {font-size: 0.26rem;}
    #temp_d_cry_header_12_nav .head_btn .language{margin-right: 0.2rem;font-size: 0.2rem;}
    #temp_d_cry_header_12_nav .head_btn .language i {font-size: 0.26rem;margin-right: 0.1rem;}
}

@media only screen and (max-width: 750px) {
    #temp_d_cry_header_12_nav .head{height: var(--head_top_height_app) !important;}
    #header_bg{height: var(--head_top_height_app) !important;}

    #temp_d_cry_header_12_nav .head_btn > * > i{font-size: var(--font-big-S);}
    #temp_d_cry_header_12_nav .head_btn .search i {font-size: var(--font-big-S);}
    #temp_d_cry_header_12_nav .head_btn .language{display: none;}

    #temp_d_cry_header_12_nav .head .menu{padding: 0.3rem;}
    #temp_d_cry_header_12_nav .head .menu i{width: 0.46rem;height: 3px;}
    #temp_d_cry_header_12_nav .head .menu i::before{transform: translateY(-0.18rem);height: 3px;}
    #temp_d_cry_header_12_nav .head .menu i::after{transform: translateY(0.18rem);height: 3px;}

    #header.menu_expand #temp_d_cry_header_12_nav .weblogo{opacity: 0;}
}


@-webkit-keyframes scale-up {
  0% {-webkit-transform: scale(0);opacity: 0;}
  60% {-webkit-transform: scale(1.2);opacity: 1;}
  100% {-webkit-transform: scale(1);opacity: 1;}
}
@-moz-keyframes scale-up {
  0% {-moz-transform: scale(0);opacity: 0;}
  60% {-moz-transform: scale(1.2);opacity: 1;}
  100% {-moz-transform: scale(1);opacity: 1;}
}
@keyframes scale-up {
  0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;}
  60% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 1;}
  100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
}

@-webkit-keyframes temp_d_cry_header_12-scale-down {
  0% {-webkit-transform: scale(1);opacity: 1;}
  60% {-webkit-transform: scale(0);opacity: 0;}
}
@-moz-keyframes temp_d_cry_header_12-scale-down {
  0% {-moz-transform: scale(1);opacity: 1;}
  60% {-moz-transform: scale(0);opacity: 0;}
}
@keyframes temp_d_cry_header_12-scale-down {
  0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
  60% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;}
}
#temp_zml_custom_editor_212 .box{color: #666666;padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);}
#temp_zml_custom_editor_212 .box .name{font-size: var(--titleFt-px);font-weight: var(--titleFt-font_weight);color: var(--titleFt-color);line-height: var(--titleFt-line_height);margin-bottom: .3rem;}

@media screen and (max-width:750px) {
    #temp_zml_custom_editor_212 .box .name{font-size: var(--titleMbFt-px);line-height: var(--titleMbFt-line_height);}
    #temp_zml_custom_editor_212 .box .editor * {font-size: var(--font-txt-S) !important;line-height: var(--font-txt-L);}
}

/* 全局 */
.w029_index_footer_20_wrapper{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background-color: var(--bg_color);color: var(--font_color_1);}

@media screen and (max-width: 750px){
    .w029_index_footer_20_wrapper{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
}

#w029_index_footer_20 {border-bottom: 1px solid var(--borderColor);}
#w029_index_footer_20 .title {font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);margin-bottom: 0.43rem;}
#w029_index_footer_20 .form {gap: 0.15rem;}
#w029_index_footer_20 .form .input {width: 21%;height: 0.6rem;background-color: var(--inputBgColor);font-size: 0.18rem;line-height: 0.6rem;color: var(--inputColor);padding: 0 0.15rem;}
#w029_index_footer_20 .form .textarea {width: 43%;height: 0.6rem;background-color: var(--inputBgColor);font-size: 0.18rem;line-height: 0.6rem;color: var(--inputColor);padding: 0 0.15rem;}
#w029_index_footer_20 .form input {width: 100%;}
#w029_index_footer_20 .form .btn {font-size: 0.18rem;line-height: 1;width: calc((15% - 0.15rem*3));height: 0.6rem; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);}
#w029_index_footer_20 .brief {font-size: 0.18rem;line-height: 0.24rem;margin: 0.38rem 0 0.65rem;}


#w029_index_footer_20_msg {padding-top: 0.7rem;}
#w029_index_footer_20_msg .msg {gap: 1.2rem;}
#w029_index_footer_20_msg .msg .logo {width: 1.25rem;height: 1.25rem;}
#w029_index_footer_20_msg .msg .list .text,
#w029_index_footer_20_msg .msg .list .copy {font-size: 0.16rem;line-height: 0.36rem;color: var(--font_color_2);}
#w029_index_footer_20_msg .follow .dt {gap: 0.2rem;}
#w029_index_footer_20_msg .follow .dt .icon {font-size: 0.24rem;line-height: 1;width: 0.4rem;height: 0.4rem;border-radius: 50%;background-color: var(--follow_bg_color);color: #fff;}
#w029_index_footer_20_msg .follow .dt .icon.thicon-weixin {background-color: #7dd25b;}
#w029_index_footer_20_msg .follow .dt .icon.thicon-QQ {background-color: #2a9dff;}
#w029_index_footer_20_msg .follow .dt .icon.thicon-weibo {background-color: #e71f19;}
#w029_index_footer_20_msg .follow .dd {font-size: 0.16rem;line-height: 0.26rem;color: var(--font_color_2);margin-top: 0.2rem;}

@media screen and (max-width:1200px) {
    #w029_index_footer_20 .form .input {width: calc((100% - 0.15rem)/2);}
    #w029_index_footer_20 .form .textarea {width: calc(100% - 2rem - 0.15rem);}
    #w029_index_footer_20 .form .btn {width: 2rem;}
    #w029_index_footer_20_msg .msg {gap: 0.4rem;}
    #w029_index_footer_20_msg .msg .list {width: 100%;}
}
@media screen and (max-width:850px) {
    #w029_index_footer_20_msg {padding-top: 0.4rem;}
    #w029_index_footer_20_msg .msg {width: 100%;margin-bottom: 0.4rem;}
}
@media screen and (max-width:750px) {
    #w029_index_footer_20 .title {font-size: var(--font-big-S);line-height: var(--font-big-L);}
    #w029_index_footer_20 .form .input,
    #w029_index_footer_20 .form .textarea,
    #w029_index_footer_20 .form .btn {height: 0.8rem;line-height: 0.8rem;font-size: var(--font-txt-S);}
    #w029_index_footer_20 .brief {font-size: var(--font-txt-S);line-height: var(--font-txt-L);margin: 0.4rem 0;}
    #w029_index_footer_20_msg .msg .logo {width: 2rem;height: 2rem;}
    #w029_index_footer_20_msg .msg .list .text,
    #w029_index_footer_20_msg .msg .list .copy {font-size: var(--font-bri-S);line-height: var(--font-bri-L);}
    #w029_index_footer_20_msg .follow .dt .icon {width: 0.8rem;height: 0.8rem;font-size: 0.48rem;}
    #w029_index_footer_20_msg .follow .dd {font-size: var(--font-bri-S);line-height: var(--font-bri-L);}
}
