:root body {
  --idie-gradient-start-color: #2480ee;
  --idie-gradient-end-color: #fff;
  --idie-background-gradient-start-color: #f2f6fd;
  --idie-background-gradient-end-color: #5894e3;
  --idie-text-gradient-start-color: #fff;
  --idie-text-gradient-end-color: #0763e3;
  --idie-text-background-gradient-start-color: #0469d9;
  --idie-text-background-gradient-end-color: transparent;
}
@font-face {  
  font-family: 'HelveticaNowVar';  
  /* -webkit-font-family: 'HelveticaNowVar';  */
  src: url('../assets/fonts/HelveticaNowVar.ttf') format('truetype');  
} 
/** 超出隐藏样式 */
/* stylelint-disable-next-line selector-class-pattern */
.idie-overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}
/** 
 * 默认的滚动条样式
 */

/* 滚动条整体样式 */
*::-webkit-scrollbar {
  width: 10px; /* 高宽分别对应横竖滚动条的尺寸 */
  height: 10px;
}
/* 滚动条里面小方块 */
*::-webkit-scrollbar-thumb {
  border-color: transparent;
  border-style: solid;
  border-width: calc((10px - 6px) / 2);
  border-radius: 6px;
  box-shadow: #dae1ea 0 0 20px 20px inset;
}

*::-webkit-scrollbar-thumb:hover {
  border-width: calc((10px - 8px) / 2);
  box-shadow: #cacedd 0 0 20px 20px inset;
}

/* 滚动条里面轨道 */
*::-webkit-scrollbar-track {
  background: transparent;
}
body {
  font-family: 'HelveticaNowVar', sans-serif;
  
  /* height: 100px; */
  /* global 94%+ browsers support */
  background: linear-gradient(var(--idie-background-gradient-start-color) 30%,var(--idie-background-gradient-end-color));
  /* safari 5.1+,chrome 10+ */
  /* background: -webkit-linear-gradient(#f2f6fd 30%,#5894e3); */
  /* ff 3.6+ */
  /* background: -moz-linear-gradient(#f2f6fd 30%,#5894e3); */
  /* opera 11.10+ */ 
  /* background: -o-linear-gradient(#f2f6fd 30%,#5894e3); */
  /* ie 10+ */
  background: -ms-linear-gradient(#f2f6fd 30%,#5894e3);
}
.idie_container {
  height: auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  /* align-items: stretch; */
  max-width: 1480px;
  min-width: 1280px;
  margin: auto;
  padding: 16px 16px 0px 16px;
  min-height: 100vh;
  
}
.idie_header {
 
  flex: 0 0 auto;

}
.idie_header-img {
  width: 100%;
  
}
.idie_body {
  flex: 1 1 auto;
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  /* align-items: stretch; */
 min-height: 100vh;
   
}
.idie_footer {
  flex: 0 0 auto;
  /* display: block; */
  
}
.idie_menu {
  
  left: 23px;
  flex: 0 0 18.5%;
  min-height: 100vh;
  position: relative;
 
}
.idie_menu-ul, .idie_menu-li {
  list-style: none;
}
.idie_menu-ul {
  /* right: 20px; */
  position: sticky;
  width: auto;
  top: 0;
  padding: 0;
}
.idie_menu-li {
  padding: 5px 0;
  width: 305px;
}
.idie_menu-link {
  text-decoration-line: none;
  color: #000;
}
.idie_content {
 
  flex: 1 1 auto;
  height: 100%;
  padding-bottom: 300px;
  /* position: relative; */
  
}
.idie_section {
  /*padding-right: 0px;*/ 
  display: flex;
  flex: row nowrap;
 
}
.idie_title {
  flex: 0 0 18%;
}
.idie_title2 {
  flex: 0 0 18%;
  width: 260px;
}
.idie_desc {
  /* text-align-last: justify; */
  text-align: justify; 
  flex: 1 1 auto;
  padding-left: 0px;
  padding-right: 20px;
  width: 500px;
  height: auto;
}
.idie_logo-bar-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  
}
.idie_log-img-box {
  background: #fff;
  
  
}
.idie_log-img {
  margin: auto;
  max-width: 1480px;
  min-width: 1280px;
}
.idie_logo-bar-box .gradient {
  --idie-gradient-start-color: #2480ee;
  --idie-gradient-end-color: transparent;
  height: 30px;
  margin: 10px 0;
}
.gradient {
  margin: 30px 0;
  width: 100%;  
  height: 6px;  
  background: linear-gradient(to right, var(--idie-gradient-start-color), var(--idie-gradient-end-color));
  background: -ms-linear-gradient(left,#2480ee,transparent);
  /* filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60) */
  /* background: -webkit-linear-gradient(to right, var(--idie-gradient-start-color), var(--idie-gradient-end-color));
  background: -moz-linear-gradient(to right, var(--idie-gradient-start-color), var(--idie-gradient-end-color));
  background: -o-linear-gradient(to right, var(--idie-gradient-start-color), var(--idie-gradient-end-color));
  background: -ms-linear-gradient(to right, var(--idie-gradient-start-color), var(--idie-gradient-end-color)); */
}
.no-margin-top {
  margin-top: 0;
}

.gradient-txt {
  width: auto;
  display: inline-block;
  display: flex;
  /* background: linear-gradient(to right, var(--idie-text-gradient-start-color) 10%, var(--idie-text-gradient-end-color)); */
  /* background: -ms-linear-gradient(left,#2480ee,transparent); */
  background-clip: text; 
  color: transparent;
  font-size: 18px;
  /* background-clip: text;
  -webkit-text-fill-color: transparent; */
}
.gradient-txt-box {
  width: 50%;
  height: 30px;
  padding-left: 5px;
  display: inline-block;
  background: linear-gradient(to right, var(--idie-text-background-gradient-start-color), var(--idie-text-background-gradient-end-color));
  background: -ms-linear-gradient(left,#2480ee,transparent);
  display: flex;
  
}
.idie_desc a {
  font-weight: bold;

  text-decoration: none;
  
}
a{
  text-decoration: none;
}
.gradient-txt1{
  width: auto;
  max-height: 100%;
  font: inherit;
  text-align: justify; 
}
.gradient-txt1-title{
  font: inherit;
  height:20px;
  width: 300px;
}