*{ margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
html{ font-size: 100px; }
html,body{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body{ font-family: AliRegular; font-size: 14px; width: 100vw; overflow-x: hidden; }
input{ border: none; outline: none; -webkit-appearance: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
textarea{ border: none; outline: none; }
button{ border: none; outline: none; }
a{ text-decoration: none; color: #333; font-family: AliRegular; cursor: pointer; }
li{ list-style-type: none; }
h1,h2,h3,h4,h5,h6,b,strong{ font-weight: normal; }
i,em{ font-style: normal; }
/* img 的 width/height 属性用于让浏览器在图片加载前就算出宽高比，避免布局跳动。
   但它们同时是「表现属性」，会在 CSS 未指定该维度时直接生效——本站大量使用
   img{width:100%} 而不写 height，于是宽度被 CSS 拉伸、高度却被属性锁成固定像素，
   图片被压扁（首页 logo 即此）。下面这条把高度交还给宽高比计算。
   选择器特指度只有 0,0,1，低于任何带类名的规则，因此不会覆盖既有样式。 */
img{ height: auto; }
.clear{ width: 0; height: 0; overflow: hidden; clear: both; }

/* 选中文字背景颜色 */
::selection { background: #5A57FD; color: #fff; }
::-webkit-selection { background: #5A57FD; color: #fff; }
::-moz-selection { background: #5A57FD; color: #fff; }

input::selection { background: #5A57FD; color: #fff !important; }
input::-webkit-selection { background: #5A57FD; color: #fff !important; }
input::-moz-selection { background: #5A57FD; color: #fff !important; }

button{ font-family: AliRegular; }

/* .selection ::selection { background: #fff; } */
/* .selection ::-moz-selection { background: #fff; } */

.el-scrollbar .el-scrollbar__bar { opacity: 1 !important; }

.fade-enter,.fade-leave-to{ opacity: 0; }
.fade-enter-active,.fade-leave-active{ transition: opacity 0.3s; }

.el-form-item__error{ color: #D20000 !important; top: initial !important; padding-top: 0 !important; }

/* 中文字体 */
@font-face {
  font-family: AliBoldNew;
  src: url('/public/v1/css/common/fonts/YeZiGongChangAoYeHei-2.ttf');
  /* font-weight: 300; */ }
@font-face {
  font-family: AliLight;
  src: url('/public/v1/css/common/fonts/AlibabaPuHuiTi-Light.ttf');
  /* font-weight: 300; */ }
@font-face {
  font-family: AliRegular;
  src: url('/public/v1/css/common/fonts/AlibabaPuHuiTi-Regular.ttf')
  /* font-weight: 400; */ }
@font-face {
  font-family: AliMedium;
  src: url('/public/v1/css/common/fonts/AlibabaPuHuiTi-Medium.ttf');
  /* font-weight: 500; */ }
@font-face {
  font-family: AliBold;
  src: url('/public/v1/css/common/fonts/AlibabaPuHuiTi-Bold.ttf');
  /* font-weight: 700px; */ }

/* 英文字体 */
@font-face { font-family: RobotoLight; src:url('/public/v1/css/common/fonts/Roboto-Light.ttf'); }
@font-face { font-family: RobotoRegular; src:url('/public/v1/css/common/fonts/Roboto-Regular.ttf'); }
@font-face { font-family: RobotoMedium; src:url('/public/v1/css/common/fonts/Roboto-Medium.ttf'); }
@font-face { font-family: RobotoBold; src:url('/public/v1/css/common/fonts/Roboto-Bold.ttf'); }

@font-face { font-family: DMSTRegular; src:url('/public/v1/css/common/fonts/DMSerifText-Regular.ttf'); }

.container{ max-width: 100% !important; margin: 0 auto; position: relative; }
/* .title{ padding-top: 0.5rem; padding-bottom: 0.4rem; font-family: AliMedium; font-size: 0.4rem; line-height: 0.55rem; color: #000000; text-align: center; } */
/* .title h1{ color: #000000; font-size: 56px; } */

.floatLeft{ float: left; }
.floatRight{ float: right; }

[v-cloak]{
  display: none;
}

/* 动效按钮 */
/* .morebtn{ width: 1.8rem; height: 0.6rem; font-size: 0.24rem; display: block; margin: 0 auto; border-radius: 0.3rem; position: relative; color: #000; background-color: #5A57FD; text-align: center; font-family: AliMedium; }
.morebtn span{ position: absolute; width: 100%; height: 100%; right: 0.04rem; bottom: 0.04rem; border-radius: 0.3rem; border: 0.5px solid #000; background: #FFF; transition: all 0.2s linear; display: flex; align-items: center; justify-content: center; }
.morebtn span i{ font-style: normal; line-height: 1em; }
.morebtn span:hover{ bottom: 0 !important; right: 0 !important; color: #fff; border: none; background-color: #5A57FD; transition: all 0.2s linear; } */
.morebtn{ width: 1.8rem; height: 0.6rem; font-size: 0.24rem; display: block; margin: 0 auto; position: relative; color: #000; text-align: center; font-family: AliMedium; box-sizing: content-box; padding: 0.05rem 0 0 0.05rem; border-radius: 0.3rem; }
.morebtn::after{ position: absolute; content: ''; background-color: #5A57FD; bottom: 0; right: 0; left: 0.05rem; top: 0.05rem; border-radius: 0.3rem; }
.morebtn span{ position: absolute; left: 0; top: 0; right: 0.05rem; bottom: 0.05rem; border-radius: 0.3rem; border: 0.5px solid #000; background: #FFF; transition: all 0.2s linear; display: flex; align-items: center; justify-content: center; z-index: 1; }
.morebtn span i{ font-style: normal; line-height: 1em; }
.morebtn:hover span{ top: 0.05rem !important; left: 0.05rem !important; bottom: 0 !important; right: 0 !important; color: #fff; border: none; background-color: #5A57FD; transition: all 0.2s linear; }


/* 鼠标滑过 */
.hover-btn{ transition: all 0.1s linear; }
.hover-btn:hover{ box-shadow: 0px 0.01rem 0.08rem 0px rgba(0, 0, 0, 0.50); transition: all 0.1s linear; }
.hover-btn.disabled:hover{ box-shadow: none; }

.hover-btn-sick{ transition: all 0.1s linear; }
.hover-btn-sick:hover{ box-shadow: 0px 0.01rem 0.08rem 0px rgba(0, 0, 0, 0.30); transition: all 0.1s linear; }
.hover-btn-sick.disabled:hover{ box-shadow: none; }

/* placeholder动效表单 */
dl.form-dl dd{ width: 100%; position: relative; background-color: #fff; }
dl.form-dl label.form-label{ font-size: 0.22rem; color: #646464; line-height: 0.6rem; position: absolute; top: 0; left: 0; width: 100%; transition: all 0.12s linear; z-index: 1; font-family: AliLight; padding-left: 0.3rem; display: flex; align-items: center; }
/* dl.form-dl label.form-label.top{ line-height: 0.14rem; font-size: 0.14rem; padding-top: 0.09rem; transition: all 0.12s linear; z-index: 4; } */
dl.form-dl label.form-label.top{
  line-height: 0.14rem;
  font-size: 0.14rem;
  padding-top: 0.09rem;
  transition: all 0.12s linear;
}
dl.form-dl .el-autocomplete.auto-input{ width: 100%; }
dl.form-dl .el-input__inner{
  width: 100%;
  height: 0.6rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 3;
  border: 1px solid #C7C7C7;
  border-radius: 0.15rem;
  line-height: 0.15rem;
  padding: 0.32rem 0.28rem 0.11rem;
  color: #000;
  font-size: 0.2rem;
  font-family: AliRegular;
  transition: all 0.2s linear;
  outline: 5px solid transparent;
}
dl.form-dl .el-input__inner:focus{
  outline: 5px solid #D6D5FE;
  border: 1px solid #5A57FD!important;
  transition: all 0.2s linear;
  box-shadow: none;
}

dl.form-dl .el-input__inner:focus,
dl.form-dl dd:hover .el-input__inner{
  outline: 5px solid #D6D5FE;
  border: 1px solid #C7C7C7;
  transition: all 0.2s linear;
  box-shadow: none;
}
dl.form-dl .el-date-editor.el-input,
dl.form-dl .el-date-editor.el-input__inner,
dl.form-dl .el-select{ width: 100%; }
dl.form-dl .el-date-editor.el-input .el-input__prefix,
dl.form-dl .el-date-editor.el-input .el-input__suffix,
dl.form-dl .el-select .el-input__suffix{ display: none; }
dl.form-dl .el-date-editor.el-input .el-input__inner{ padding-right: 0.7rem; }
dl.form-dl .el-date-editor.el-input::after{ content: ''; position: absolute; width: 0.24rem; height: 0.28rem; right: 0.28rem; top: 50%; transform: translateY(-50%); background-image: url('/public/v1/images/time_icon.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; }
dl.form-dl .el-select .el-input__inner{ padding-right: 0.7rem; }
dl.form-dl .el-select .el-input::after{ content: ''; position: absolute; width: 0.3rem; height: 0.3rem; right: 0.3rem; top: 50%; margin-top: -0.15rem; background-image: url('/public/v1/images/select_icon.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; transition: transform .2s; transform: rotateZ(0deg); }
dl.form-dl .el-select .el-input.is-focus::after{ transform: rotateZ(180deg); }
.el-input__wrapper{ padding: 0; background-color: rgba(0,0,0,0); box-shadow: none; }
.el-input__wrapper.is-focus,
.el-input__wrapper:hover{ box-shadow: none; }
dl.form-dl .el-form-item__content{ line-height: inherit; font-size: 0; }

dl.form-dl .el-select.school-select .el-input::after{ display: none !important; }

/* 自动填充样式 */
input:-webkit-autofill {
  -webkit-text-fill-color: #000;
  box-shadow:inset 0px 0px 999px 0px rgba(0,0,0,0);
  -webkit-box-shadow:inset 0px 0px 999px 0px rgba(0,0,0,0);
  transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition-delay: 500000s;
  transition: color 500000s ease-out, background-color 500000s ease-out;
  -webkit-transition-delay: 500000s;
  -webkit-transition: color 500000s ease-out, background-color 500000s ease-out;
}
dl.form-dl input:-webkit-autofill { -webkit-text-fill-color: #000; box-shadow:inset 0px 0px 999px 0px rgba(0,0,0,0); -webkit-box-shadow:inset 0px 0px 999px 0px rgba(0,0,0,0); transition: background-color 500000s ease-in-out 0s; }
dl.form-dl input:-webkit-autofill,
dl.form-dl input:-webkit-autofill:hover,
dl.form-dl input:-webkit-autofill:focus,
dl.form-dl input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s; /* 解决背景色闪烁问题 */
  -webkit-text-fill-color: #000; /* 改变文字颜色 */
  -webkit-box-shadow: 0 0 0px 1000px white inset; /* 改变背景色 */
}


.cover-img{ display: block; width: 100%; }

.fill-icon{ background-position: center; background-repeat: no-repeat; background-size: 100%; }

/* Header */
/* 页头 */
.header-wrap{ position: sticky; top: 0; z-index: 20; }
.header { background-color: #FAFAFF; position: sticky; top: 0; z-index: 20; transition: all 0.15s linear;  }
.header.white{ background-color: #FFFFFF; }
.header .container{ padding: 0 0.6rem 0 0.28rem; display: flex; align-items: center; position: relative; height: 0.86rem; overflow: hidden; }
.header.white .container{ overflow: visible; }

.header .header-mask{ position: fixed; left: 0; right: 0; top: 0.55rem; background-color: #fff; z-index: 1; max-height: 0; overflow: hidden; transition: all 0.3s linear; box-shadow: 0 0.08rem 0.05rem -0.05rem rgba(0, 0, 0, 0.15); }
.header .header-mask.show-mask{ max-height: 3.5rem; transition: all 0.3s linear; }
.header-logo{ cursor: pointer; width: 4.29rem; flex-shrink: 0; z-index: 100 }
.header-logo a{ display: block; width: 1.64rem; }
.header-logo img{ display: block; width: 100%; }

.header-right{ display: flex; justify-content: flex-end; align-items: center; width: 4rem; z-index: 100}
.header-right a{ margin-left: 0.3rem; }
.header-right a.language{ font-size: 0.16rem; line-height: 0.2rem; color: #000000; font-family: RobotoRegular; }
.header-right a.language:hover{ color: #5A57FD; }
.header-right a.language:hover .globe-stroke {stroke: #5A57FD;}
.world-icon { width: 0.22rem;height: 0.22rem;flex-shrink: 0;}
.header-right a.login-btn{ width: 0.98rem; height: 0.4rem; border: 0.8px solid #5A57FD; border-radius: 0.2rem; font-size: 0.16rem; line-height: 0.4rem; color: #5A57FD; font-family: AliMedium; text-align: center; transition: background 0.15s linear; margin-left: 0.3rem; }
.header-right a.login-btn:hover{ background-color: #5A57FD; color: #fff; transition: background 0.15s linear; }
.header-right .header-search{ margin-left: 0.26rem; }
.header-right .el-input--prefix .el-input__inner{ width: 1.3rem; height: 0.4rem; border-radius: 0.4rem; border: 1px solid #666; color: #6F6F6F; line-height: 0.4rem; padding: 0 0.12rem 0 0.36rem; font-size: 0.16rem; }
.header-right .header-search .el-input--prefix .el-input__inner{ width: 1.3rem; height: 0.4rem; border-radius: 0.4rem; border: 1px solid #666;background-color: #FAFAFF; color: #6F6F6F; line-height: 0.4rem; padding: 0 0.12rem 0 0.36rem; font-size: 0.16rem; }
.header-right .header-search .el-input--prefix .el-input__inner::placeholder{ color: #6F6F6F; }
.header-right .el-input__inner:hover,
.header-right .el-input__inner:focus{ border-color: #5A57FD; }
.header-right .el-input__prefix{ top: 0.11rem; left: 0.12rem; }
.header-right .header-search-icon{ display: block; width: 0.18rem; height: 0.18rem; background-image: url(/public/v1/images/header-search.png); }
.header-right .get-quote{ width: 1.1rem; height: 0.4rem; text-align: center; line-height: 0.4rem; border-radius: 0.2rem; border: 0.8px solid #5A57FD; background: #5A57FD; transition: all 0.1s linear; color: #FFF; font-family: AliMedium; font-size: 0.16rem; margin-left: 0.21rem; display: none; margin-right: -0.32rem; }
.header-right .get-quote:hover{ box-shadow: 0px 1px 0.08rem 0px rgba(0, 0, 0, 0.50); transition: all 0.1s linear; }

/* 博客header */
.header-right .blog-header{ width: 110px; height: 40px; border-radius: 20px; background: #5A57FD; text-align: center; line-height: 40px; color: #fff; font-size: 16px; font-family: AliMedium; margin-left: 20px; display: none; }

.blogdetail-container .header-search{ display: block; }
.blogdetail-container .header-right .get-quote{ display: block; }
.blogdetail-container .language{ display: none!important; }

.header-menu{ flex: 1; display: flex; justify-content: center;}
.header-menu .header-menu-nr{ padding: 0 0.29rem;height:0.26rem;line-height: 0.26rem; display: flex}

.header-menu-nr .header-link{ display: flex; align-items: center; line-height: 0.26rem; font-size: 0.16rem; color: #000000; position: relative; }
.header-menu-nr .header-link i{ width: 0.08rem; height: 0.06rem; margin-left: 0.06rem; background-image: url(/public/v1/images/header_sel.png); }
.header-menu .header-menu-nr:hover .header-link{ color: #5A57FD; }
.header-menu .header-menu-nr:hover .header-link::after{ content: ''; position: absolute; width: 100%; height: 0.02rem; background: #5A57FD; left: 0; bottom: 0.03rem; }
.header-menu .header-menu-nr:hover .header-link i{ background-image: url(/public/v1/images/header_sel_cur.png); }

/* header悬浮 */
.header.shadow{ box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.15); transition: all 0.2s linear; }
/* .header.shadow .container{ height: 0.6rem; } */
/* .header.shadow .header-mask{ top: 0.56rem; } */
/* .header.shadow .header-submenu{ height: auto; } */
/* .header.shadow .header-menu .header-menu-nr{ height: 0.6rem; } */
/* .header.shadow .header-menu-nr .header-link{ line-height: 0.6rem; } */
/* .header.shadow .header-menu .header-menu-nr:hover .header-link::after{ bottom: 0.1rem; } */

/* 子菜单 */
.header .header-submenu{ padding: .45rem 0 .45rem 3rem; width: 12.8rem; height: auto; align-items: flex-start; justify-content: center; }
.header .header-submenu .header-text{ height: 1.7rem; padding-right: 0.4rem; width: 2.45rem; border-right: 1px solid rgba(0,0,0,0.25); }
.header .header-submenu .header-text h5, .header .header-submenu .header-text .submenu-title{ font-size: 0.4rem; line-height: 0.55rem; color: #000000; margin-bottom: 0.18rem; padding-top: 0.04rem; }
.header .header-submenu .header-text p{ font-size: 0.16rem; line-height: 0.22rem; color: #000000; }
.header .header-submenu-container{ flex: 1; display: flex; padding-left: 0.72rem; padding-top: 0.16rem; }
.header .header-submenu-container.padding{padding-top: 0;margin-top: -0.16rem; }
.header .header-submenu-container ul li{ margin-bottom: 0.24rem; font-size: 0.22rem; color: #000; line-height: 0.3rem; position: relative; padding-right: 0.4rem; cursor: pointer; }
.header .header-submenu-container ul li a:hover{ color: #5A57FD; }
.header .header-submenu-container ul li:last-child{ margin-bottom: 0; }
.header .header-submenu-container ul li.active{ color: #5A57FD; }
.header .header-submenu-container ul li.active::after{ position: absolute; content: ''; width: 0.24rem; height: 0.24rem; top: 0.03rem; right: 0; background-image: url(/public/v1/images/more.png); background-size: 100%; background-repeat: no-repeat; }
.header .header-submenu-container .menu-item{ padding-left: 0.9rem; }
.header .header-submenu-container .menu-item-nr{ display: flex; flex-direction: column;}
.header .header-submenu-container .menu-item-nr a{ margin-bottom: 0.24rem; font-size: 0.22rem; color: #000; line-height: 0.3rem; cursor: pointer; }
.header .header-submenu-container .menu-item-nr a:hover{ color: #5A57FD; }
.header .header-submenu-container .menu-item-nr a:last-child{ margin-bottom: 0; }

/* 移动端元素 */
.header-toggle{ display: none; }
.header-mobile-language{ display: none; }
.toggle-menu{ display: none; }
.toggle-menu.open{ left: -100%; }

/* Footer */
.footer{ background: #FAFAFF; padding: 0.68rem 0 0.6rem; }
.footer .container{ width: 9.5rem; }
.footer .footer-top{ display: flex; justify-content: space-between; margin-bottom: 0.7rem; }
.footer .footer-links{ display: flex; }
.footer .footer-links dl{ width: 1.3rem; margin-right: 0.2rem; }
.footer .footer-links dl:last-child{ margin-right: 0; }
.footer .footer-links dt{ font-size: 0.2rem; line-height: 0.27rem; font-family: AliBold; color: #000000; margin-bottom: 0.25rem }
.footer .footer-links dd{ font-size: 0.16rem; line-height: 0.22rem; color: #000000; margin-bottom: 0.2rem; }
.footer .footer-links dd a{ color: #000000; font-size: 0.16rem; }
.footer .footer-links dd a:hover{ color: #5A57FD; }
.footer .footer-links dd:last-child{ margin-bottom: 0; }
.footer .footer-logo{ width: 1.95rem; cursor: pointer; }
.footer .footer-logo img{ display: block; width: 100%; }

.footer .footer-center{ display: flex; justify-content: space-between; margin-bottom: 0.68rem; }
.footer .footer-center dl{ height: 0.4rem; width: 5.64rem; background: #FFFFFF; border: 1px solid #000000; border-radius: 0.5rem; display: flex; }
.footer .footer-center dt{ flex: 1 1 0; padding: 0 0.22rem; display: flex; align-items: center; }
.footer .footer-center dt input{ line-height: 0.3rem; color: #5E5E5E; font-size: 0.16rem; width: 100%;}
.footer .footer-center dt input::-webkit-input-placeholder { color: #777; font-size: 0.14rem; }
.footer .footer-center dt input:-ms-input-placeholder { color: #777; font-size: 0.14rem; }
.footer .footer-center dt input::placeholder { color: #5E5E5E; font-size: 0.14rem; }

.footer .footer-center dd{ width: 0.63rem; border-left: 1px solid #000000; position: relative; }
.footer .footer-center dd a{ display: block; width: 100%; height: 100%; line-height: 0.36rem; text-align: center; font-size: 0.18rem; color: #000000; transition: all 0.15s linear; padding-right: 0.02rem; border-radius: 0 0.5rem 0.5rem 0; }
.footer .footer-center dd a:hover{ background: #5A57FD; color: #fff; transition: all 0.15s linear; }
.footer .footer-center dd div{ position: absolute; width: 1.1rem; height: 0.46rem; padding-bottom: 0.08rem; top: 0; margin-top: -0.55rem; left: 50%; margin-left: -0.55rem; background-image: url(/public/v1/images/footer_icon8.png); background-repeat: no-repeat; background-size: 100%; display: none; }
.footer .footer-center dd p{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.16rem; color: #FFF; line-height: 0.22rem; }
.footer .footer-center dd p i{ width: 0.2rem; height: 0.2rem; margin-right: 0.04rem; background-image: url(/public/v1/images/plan_icon14.png); background-repeat: no-repeat; background-size: 100%; flex-shrink: 0; }

.footer .footer-center ul{ display: flex; justify-content: space-between; align-items: center; }
.footer .footer-center li{ width: 0.3rem; height: 0.3rem; margin-right: 0.2rem; position: relative; }
.footer .footer-center li:last-child{ margin-right: 0; }
.footer .footer-center li a{ display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100%; background-position: center; transition: all 0.1s linear; }
.footer .footer-center li.social1 a{ background-image: url(/public/v1/images/footer_icon1.png); }
.footer .footer-center li.social2 a{ background-image: url(/public/v1/images/footer_icon2.png); }
.footer .footer-center li.social3 a{ background-image: url(/public/v1/images/footer_icon3.png); }
.footer .footer-center li.social4 a{ background-image: url(/public/v1/images/footer_icon4.png); }
.footer .footer-center li.social5 a{ background-image: url(/public/v1/images/footer_icon5.png); }
.footer .footer-center li.social6 a{ background-image: url(/public/v1/images/footer_icon6.png); }
.footer .footer-center li a::after{ content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-repeat: no-repeat; background-size: 100%; background-position: center; transition: all 0.1s linear; }

.footer .footer-center li.social1 a::after{ background-image: url(/public/v1/images/footer_icon1_cur.png); }
.footer .footer-center li.social2 a::after{ background-image: url(/public/v1/images/footer_icon2_cur.png); }
.footer .footer-center li.social3 a::after{ background-image: url(/public/v1/images/footer_icon3_cur.png); }
.footer .footer-center li.social4 a::after{ background-image: url(/public/v1/images/footer_icon4_cur.png); }
.footer .footer-center li.social5 a::after{ background-image: url(/public/v1/images/footer_icon5_cur.png); }
.footer .footer-center li.social6 a::after{ background-image: url(/public/v1/images/footer_icon6_cur.png); }
.footer .footer-center li.social1:hover a::after{ opacity: 1; }
.footer .footer-center li.social2:hover a::after{ opacity: 1; }
.footer .footer-center li.social3:hover a::after{ opacity: 1; }
.footer .footer-center li.social4:hover a::after{ opacity: 1; }
.footer .footer-center li.social5:hover a::after{ opacity: 1; }
.footer .footer-center li.social6:hover a::after{ opacity: 1; }

.footer .footer-center li.social6 p{ position: absolute; top: -0.16rem; left: 50%; transform: translate(-50%, -100%); width: 1.5rem; height: 1.5rem; border-radius: 0.15rem; background: #6D71FC; padding: 0.1rem; display: none; opacity: 0; transition: opacity 0.1s linear; }
.footer .footer-center li.social6 p img{ display: block; width: 100%; border-radius: 0.1rem; }
.footer .footer-center li.social6 p i{ position: absolute; width: 0.26rem; height: 0.14rem; bottom: -0.1rem; left: 50%; transform: translateX(-50%); background-image: url(/public/v1/images/footer_icon9.png); background-repeat: no-repeat; background-size: 100%; background-position: center top; }
.footer .footer-center li.social6:hover p{ display: block; opacity: 1; transition: opacity 0.1s linear; }

.footer .footer-bottom p,
.footer .footer-bottom a{ font-size: 0.12rem; color: #000000; line-height: 0.16rem; }
.footer .footer-bottom p{ margin-bottom: 0.12rem; }
.footer .footer-bottom .footer-pagelink{ text-align: center; line-height: 0.16rem; margin-top: 0.36rem; }
.footer .footer-bottom .footer-pagelink a{ text-decoration-line: underline; padding: 0 0.02rem; font-size: 0.11rem; }
.footer .footer-bottom .footer-pagelink a:hover{ color: #5A57FD; }
.footer .footer-pay{ width: 5.37rem; margin: 0.54rem auto 0; }
.footer .footer-pay img{ display: block; width: 100%; }

/* 自定义折叠面板 */
.custom-collapse.el-collapse{ border: none; }
.custom-collapse .el-collapse-item__arrow.el-icon-arrow-right::before{ content: '+'; font-size: 20px; }
.custom-collapse .el-collapse-item__arrow.is-active{ transform: none; }
.custom-collapse .el-collapse-item__arrow.el-icon-arrow-right.is-active::before{ content: '-'; }
.custom-collapse .el-collapse-item{ border: 1px solid #ccc; margin-bottom: 20px; border-radius: 10px; overflow: hidden; padding: 5px 10px; }
.custom-collapse .el-collapse-item__content{ padding-bottom: 10px; }
.custom-collapse .el-collapse-item__header,
.custom-collapse .el-collapse-item__wrap{ border-bottom: none; }
.custom-collapse .el-collapse-item.is-active{ border: 1px solid #6186ff; }
.custom-collapse .el-collapse-item.is-active .el-collapse-item__arrow.el-icon-arrow-right::before{ color: #6186ff; }

/* 各端特定元素 */
.mobile_elem{ display: none; }
.ipad_elem{ display: none; }

/* pc&ipad */
.mobile_page{ display: none; }

/* 表单提交效果 */
.loading-mask{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2002; }
.loading-mask .loading-text{ width: 3.3rem; height: 3.3rem; background-color: #fff; border-radius: 0.3rem; padding: 0.5rem 0.1rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.loading-mask dl{ display: flex; width: 100%; height: 100%; align-items: center; flex-direction: column; justify-content: center; }
.loading-mask dt{ width: 1.3rem; height: 1.3rem; margin: 0 auto 0.5rem; }
.loading-mask .el-loading-spinner{ top: 0; margin: 0; position: initial; }
.loading-mask .el-loading-spinner .circular{ width: 1rem; height: 1rem; }
.loading-mask .el-loading-spinner .path{ stroke: #5A57FD; stroke-width: 3; }
.loading-mask .loading-result{ background-image: url(/public/v1/images/success.png); background-repeat: no-repeat; background-size: 100%; }
.loading-mask dd{ text-align: center; line-height: 0.3rem; font-size: 0.26rem; color: #000; font-family: AliMedium; }
.loading-mask dd.error-tip{ font-size: 0.3rem; line-height: 0.4rem; }


.header-right a.language{ font-size: 0.16rem; line-height: 0.2rem; color: #000000; font-family: RobotoRegular; }
.header-right a.language:hover{ color: #5A57FD; }

/* ipad */
@media (min-width : 751px) and (max-width : 1024px){
  .pc_elem{ display: none; }
  .mobile_elem{ display: none; }
  .ipad_elem{ display: block; }

  .header .container{ padding: 0 0.3rem; width: 100%; }
  .header-logo{ width: 1.2rem; margin-right: 0.2rem; }
  .english .header-logo{ width: 1.2rem; margin-right: 0; }
  .header-logo a{ width: 100%; }
  .header-right{width: auto; }
  .header-right a{ margin-left: 0.22rem; }
  .header-right a.login-btn{ width: 0.8rem; height: 0.4rem; margin-left: 0.2rem; }
  .header-right a.language{ margin-right: 0; }
  .header-right .header-search{ display: none; margin: 0; }
  .header-menu .header-menu-nr{ padding: 0 15px; height: .26rem; line-height: .26rem; display: flex;}
  .header-right .get-quote{ width: 1rem; margin-left: 0.1rem; margin-right: -0.17rem; }

  /* 子菜单 */
  .header .header-submenu{ padding: 0.27rem 0 0.33rem 1rem; }
  .header .header-submenu.helpcenter{ padding: 0.67rem 0 0.63rem 1rem; }
  .header .header-submenu .header-text{ height: 1.7rem; padding-right: 0.3rem; width: 2.3rem; }
  .header .header-submenu-container{ padding-left: 0.5rem; }
  .header .header-submenu-container .menu-item{ padding-left: 0.7rem; }

  /* Footer */
  .footer{ padding: 0.68rem 0 0.64rem; }
  .footer .container{ width: 6.8rem; }
  .footer .footer-top{ flex-wrap: wrap; margin-bottom: 0.3rem; }
  .footer .footer-links{ justify-content: space-between; width: 100%; }
  .footer .footer-links dl{ width: auto; margin-right: 0; }
  .footer .footer-logo{ width: 1.7rem; cursor: pointer; margin-top: 0.5rem; }
  .footer .footer-center{ margin-bottom: 0.53rem; }
  .footer .footer-center dl{ height: 0.35rem; width: 3.78rem; }
  .footer .footer-center dd a{ line-height: 0.34rem; }
  .footer .footer-center dd a:hover{ background: #5A57FD; color: #fff; transition: all 0.15s linear; }
  .footer .footer-center ul li{ width: 0.25rem; height: 0.25rem; margin-right: 0.18rem; }
  .footer .footer-pay{ width: 5.26rem; margin: 0.5rem auto 0; }

  .footer .footer-center li.social6 p{ top: -0.1rem; width: 1.2rem; height: 1.2rem; padding: 0.06rem; }
  .footer .footer-center li.social6 p i{ width: 0.2rem; height: 0.1rem; bottom: -0.06rem; }

  .loading-mask .loading-text{ width: 2.6rem; height: 2.6rem; padding: 0.3rem 0.1rem; }
  .loading-mask dt{ width: 1rem; height: 1rem; margin: 0 auto 0.3rem; }
  .loading-mask .el-loading-spinner .circular{ width: 1rem; height: 1rem; }
  .loading-mask dd{ line-height: 0.3rem; font-size: 0.2rem; }
  .loading-mask dd.error-tip{ font-size: 0.24rem; line-height: 0.3rem; }

}

/* mobile */
@media (max-width : 750px){
  .pc_elem{ display: none; }
  .ipad_elem{ display: none; }
  .mobile_elem{ display: block; }

  .pc_page{ display: none; }
  .mobile_page{ display: block; }

  .container{ max-width: 100%; min-width: 100%; }
  .header .container{ padding: 0.22rem; height: auto; }
  .header.shadow .container{ padding: 0.12rem 0.22rem 0.12rem 0.22rem; }
  .header-mobile-language a.get-quote{ width: 0.8rem; height: 0.36rem; line-height: 0.36rem; border-radius: 0.2rem; border: 0.8px solid #5A57FD; background: #5A57FD; transition: all 0.1s linear; color: #FFF; font-family: AliMedium; font-size: 0.14rem; margin-left: 0; display: none; }

  .blogdetail-container .header-mobile-language a{ display: none; }
  .blogdetail-container .header-mobile-language a.get-quote{ display: block; }

  /* placeholder动效表单 */
  dl.form-dl label.form-label{ font-size: 0.16rem; line-height: 0.46rem; padding-left: 0.14rem; }
  dl.form-dl label.form-label.top{ line-height: 0.14rem; font-size: 0.12rem; padding-top: 0.05rem; padding-left: 0.14rem; }
  dl.form-dl .el-input__inner{ height: 0.46rem; border: 1px solid #CDCDCD; border-radius: 0.1rem; line-height: 0.2rem; padding: 0.2rem 0.14rem 0.04rem; font-size: 0.16rem; }
  dl.form-dl .el-input__inner:focus,
  dl.form-dl .el-input__inner:hover{ box-shadow: 0px 0px 0.01rem 0.01rem #5A57FD; }
  dl.form-dl .el-date-editor.el-input .el-input__inner{ padding-right: 0.4rem; }
  dl.form-dl .el-date-editor.el-input::after{ width: 0.18rem; height: 0.22rem; right: 0.17rem; }
  dl.form-dl .el-select .el-input__inner{ padding-right: 0.4rem; }
  dl.form-dl .el-select .el-input::after{ width: 0.18rem; height: 0.18rem; right: 0.18rem; margin-top: -0.09rem; }

  /* pc展示菜单 */
  .header-menu{ display: none; }
  .header-right{ display: none; }

  .header-toggle{ display: block; width: 0.22rem; margin-right: 0.31rem; }
  .header-logo{ width: 1.22rem; margin-right: 0; }
  .header-logo a{ width: 100%; }
  .header-mobile-language{ flex: 1; display: flex; align-items: center; justify-content: flex-end; }
  .header-mobile-language a{ width: 0.7rem; height: 0.36rem; text-align: center; line-height: 0.36rem; border-radius: 0.5rem; border: 0.8px solid #5A57FD; background: rgba(255, 255, 255, 0.10); color: #5A57FD; font-family:AliMedium; font-size: 0.14rem; transition: all 0.2s linear; }
  .header-mobile-language a:hover{ background-color: #5A57FD; color: #fff; transition: all 0.2s linear; }

  .toggle-menu.open{ left: 0; }
  .toggle-menu{ position: fixed; width: 100%; height: 100%; background: #fff; transition: all .3s linear; -webkit-transition: all .3s linear; z-index: 1000; visibility: visible; overflow-y: auto; /* transition: all .6s cubic-bezier(.77,0,.175,1) 0ms; */ left: -100%; top: 0; display: block; }

  .header-toggle img,
  .toggle-menu-top .close-toggle img{ display: block; width: 100%; }

  .toggle-menu-top{ padding: 0.22rem; display: flex; align-items: center; }
  .toggle-menu-top .close-toggle{ width: 0.2rem; margin-right: 0.34rem; }
  .toggle-menu .collapse{ width: 3.44rem; margin: 0 auto; }
  .toggle-menu .el-collapse{ border: none; }
  .toggle-menu .collapse-level1{ border-bottom: 0.4px solid rgba(0, 0, 0, 0.2); }
  .toggle-menu .collapse-level1:last-child{ border-bottom: 0; }
  .toggle-menu .el-collapse-item__header{ border: none; color: #000; font-size: 0.18rem; height: 0.73rem; line-height: 0.73rem; font-family: AliBold; position: relative; font-weight: normal; padding-left: 0.18rem; }
  .toggle-menu .el-icon-arrow-right{ display: none; }
  .toggle-menu .el-collapse-item__header::after{ position: absolute; content: ''; width: 0.2rem; height: 0.2rem; right: 0.18rem; top: 50%; margin-top: -0.1rem; background-image: url(/public/v1/images/header_collapse.png); background-repeat: no-repeat; background-size: 100%; background-position: center; transform-origin: 50% 50%; transition: all .2s linear; }
  .toggle-menu .is-active .el-collapse-item__header::after{ transform: rotate(180deg); transition: all .2s linear; }
  .toggle-menu .el-collapse-item__wrap{ border-bottom: none; }
  .toggle-menu .el-collapse-item__content{ padding-bottom: 0; }
  .toggle-menu .collapse-links{ padding: 0 0.42rem 0.24rem; }
  .toggle-menu .collapse-links p{ line-height: 0.22rem; margin-bottom: 0.2rem; }
  .toggle-menu .collapse-links p a{ color: #333; font-size: 0.16rem; }
  .toggle-menu .collapse-links p:last-child{ margin-bottom: 0; }

  .toggle-menu .bottom-btn{ width: 3.44rem; margin: 0.22rem auto 0.4rem; }
  .toggle-menu .bottom-btn a{ display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; width: 3.44rem; height: 0.42rem; font-family: AliMedium; font-size: 0.18rem; transition: all 0.1s linear; }
  .toggle-menu .bottom-btn a.toggle-btn1{ background: #5A57FD; color: #FFF; margin-bottom: 0.14rem; }
  .toggle-menu .bottom-btn a.toggle-btn2{ border: 1px solid #5A57FD; color: #5A57FD; }
  .toggle-menu .bottom-btn a.toggle-btn1:hover{ box-shadow: 0px 1px 0.05rem 0px rgba(0, 0, 0, 0.50); transition: all 0.15s linear; }
  .toggle-menu .bottom-btn a.toggle-btn2:hover{ background: #5A57FD; color: #FFF; transition: all 0.15s linear; }

  /* Footer */
  .footer{ padding: 0.46rem 0 0.56rem; }
  .footer .container{ width: 3.02rem; min-width: auto; }
  .footer .footer-top{ display: block; margin-bottom: 0.24rem; }
  .footer .footer-links{ display: block; }
  .footer .footer-links dl{ width: 100%; margin: 0 0 0.24rem; display: flex; flex-wrap: wrap; }
  .footer .footer-links dl:last-child{ margin: 0; }
  .footer .footer-links dt{ font-size: 0.16rem; line-height: 0.22rem; font-family: AliMedium; margin: 0 0 0.1rem 0; padding-left: 0.12rem; width: 100%; }
  .footer .footer-links dd{ margin: 0 0 0.08rem 0.12rem; font-size: 0.14rem; line-height: 0.19rem; }
  .footer .footer-links dd a{ font-size: 0.14rem; }
  .footer .footer-links dd a:hover{ color: #5A57FD; }
  .footer .footer-logo{ width: 1.2rem; margin: 0.34rem 0 0 0.12rem; }
  .footer .footer-center{ display: block; margin-bottom: 0.5rem; }
  .footer .footer-center dl{ height: 0.34rem; width: 100%; margin-bottom: 0.26rem; }
  .footer .footer-center dt input{ font-size: 0.14rem; }
  .footer .footer-center dd a{ line-height: 0.34rem; font-size: 0.16rem; padding-right: 0.02rem; }
  .footer .footer-center dt input::-webkit-input-placeholder { font-size: 0.12rem; }
  .footer .footer-center dt input:-ms-input-placeholder { font-size: 0.12rem; }
  .footer .footer-center dt input::placeholder { font-size: 0.12rem; }

  .footer .footer-center ul{ justify-content: center; }
  .footer .footer-center ul li{ width: 0.2rem; height: 0.2rem; margin-right: 0.2rem; }
  .footer .footer-center ul li:last-child{ margin-right: 0; }
  .footer .footer-bottom .footer-pagelink{ margin-top: 0.26rem; position: relative; width: 100vw; white-space: nowrap; left: 50%; transform: translateX(-50%); }
  .footer .footer-bottom .footer-pagelink a{ padding: 0 0.05rem; }
  .footer .footer-pay{ width: 3.06rem; margin: 0.46rem auto 0; }

  .footer .footer-center li.social6 p{ top: -0.1rem; width: 1rem; height: 1rem; padding: 0.05rem; }
  .footer .footer-center li.social6 p i{ width: 0.2rem; height: 0.1rem; bottom: -0.06rem; }

  .loading-mask .loading-text{ width: 2rem; height: 2rem; padding: 0.3rem 0.1rem; }
  .loading-mask dt{ width: 0.8rem; height: 0.8rem; margin: 0 auto 0.3rem; }
  .loading-mask .el-loading-spinner .circular{ width: 0.8rem; height: 0.8rem; }
  .loading-mask dd{ line-height: 0.24rem; font-size: 0.16rem; }
  .loading-mask dd.error-tip{ font-size: 0.2rem; line-height: 0.3rem; }

}


body.english{ font-family: RobotoRegular; }
.english a{ font-family: RobotoRegular; }
.english .header-logo{ cursor: pointer; flex-shrink: 0; z-index: 100 }
.english button{ font-family: RobotoRegular; }

.english .header-right .header-search{ margin-left: 0.42rem; }
.english .header-menu .header-menu-nr{ padding: 0 0.29rem;height:0.26rem;line-height: 0.26rem; display: flex}
.english .footer .footer-links dt{ font-family: RobotoBold; }
.english .footer .footer-links{ justify-content: space-between; flex: 1; margin-right: 0.68rem; }
.english .footer .footer-links dl{ width: auto; margin-right: 0; }
.english .footer .footer-center dd{ width: 0.8rem; }
.english .footer .footer-center dd a{ font-size: 0.14rem; font-family: RobotoMedium; }
.english .footer .footer-bottom p,
.english .footer .footer-bottom a{ font-family: RobotoRegular; }
.english .footer .footer-center dd p{ font-size: 0.14rem; line-height: 0.16rem; }
.english .loading-mask dd{ font-family: RobotoMedium; }

.english .morebtn{ font-family: RobotoMedium; }
.english dl.form-dl label.form-label{ font-family: RobotoLight; }
.english dl.form-dl .el-input__inner{ font-family: RobotoRegular; }
.english .header-right{ width: 4.5rem; }
.english .header-right .get-quote{ width: 1.5rem; font-family: RobotoMedium; margin-left: 0.2rem; margin-right: -0.1rem; }
.english .header-mobile-language a.get-quote{ font-family: RobotoMedium; }

/* ipad */
@media (min-width : 751px) and (max-width : 1024px){
  .english .header-right a.language{ margin-left: 0.3rem; font-family: AliRegular; margin-right: 0.07rem; }
  .english .header-right a.login-btn{ width: 0.8rem; margin-left: 0; font-family: RobotoMedium; }
  .english .blogdetail-container .header-right a.login-btn{ width: 0.72rem; }
  .english .header-right .get-quote{ width: 1.15rem; margin-left: 0.12rem; }
  .english .header-menu .header-menu-nr{ padding: 0 0.2rem; }
  .english .footer .footer-links{ flex: initial; margin: 0; }
  .english .header-right{ width: auto; }
  .morebtn{ padding: 0.04rem 0 0 0.04rem; }
  .morebtn::after{ left: 0.04rem; top: 0.04rem; }
  .morebtn:hover span{ top: 0.04rem !important; left: 0.04rem !important; }

}

/* mobile */
@media (max-width : 750px){
  .english .header-mobile-language a{ font-family: AliMedium; }
  .english .toggle-menu .el-collapse-item__header{ font-family: RobotoBold;  }
  .english .toggle-menu .bottom-btn a{ font-family: RobotoMedium; }
  .english .header-mobile-language a.get-quote{ width: 1.2rem; }
  .english .footer .footer-links{ margin-right: 0; }
  .english .footer .footer-links dl{ margin-bottom: 0.3rem; }
  .english .footer .footer-logo{ margin-top: 0.52rem; }

  .morebtn{ padding: 0.03rem 0 0 0.03rem; }
  .morebtn::after{ left: 0.03rem; top: 0.03rem; }
  .morebtn:hover span{ top: 0.03rem !important; left: 0.03rem !important; }
}

/*
    font-family: RobotoLight;
    font-family: RobotoRegular;
    font-family: RobotoMedium;
    font-family: RobotoBold;
*/


/* 自定义动画 */
@keyframes fadeInLeftMenu {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-60px,0,0);
    transform: translate3d(-60px,0,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@-webkit-keyframes fadeInLeftMenu {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-60px,0,0);
    transform: translate3d(-60px,0,0)
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInLeftMenu {
  -webkit-animation-name: fadeInLeftMenu;
  animation-name: fadeInLeftMenu
}

/* 自定义动画 */
@keyframes fadeInUpHalf {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUpHalf {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInUpHalf {
  -webkit-animation-name: fadeInUpHalf;
  animation-name: fadeInUpHalf
}

@keyframes fileFlipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,0);
    transform: perspective(400px) rotate3d(0,1,0,0);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1
  }
}
@-webkit-keyframes fileFlipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1;
  }
}
@keyframes fileFlipOutY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,0);
    transform: perspective(400px) rotate3d(0,1,0,0);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
}
@-webkit-keyframes fileFlipOutY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,0);
    transform: perspective(400px) rotate3d(0,1,0,0);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0
  }
}

.fileFlipInY {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: fileFlipInY;
  animation-name: fileFlipInY;
  animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
}
.fileFlipOutY {
  -webkit-backface-visibility: visible!important;
  backface-visibility: visible!important;
  -webkit-animation-name: fileFlipOutY;
  animation-name: fileFlipOutY;
  animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
}