/*
 * @Description: 首页样式
 * @Autor: star
 * @Date: 2020-11-16 11:10:23
 * @LastEditTime: 2022-11-24 16:02:52
 */
body{
  min-width: 1200px;
  font-size: 14px;
  color:#ffffff;
  overflow: hidden auto ;
  width: 100vw;
  background-color: #ffffff;
}
button:focus{
  outline: none;
}
.section1{
  background-image: url("/static/image/home/mask.png");
  background-repeat: no-repeat;
  height: 1228px;
  width: 100%;
  background-size: 100% 100%;
  background-position: center center;
  position: relative;
}

.header{
  height: 570px;
  width: 100%;
  background-size: 100% 100%;
  background: #3861EA;
  position: relative;
}
.section2{
  height: 628px;
  position: relative;
}
.content-1200{
  width: 1200px;
  margin: 0 auto;
}
.guide{
  position: fixed;
  top:0;
  width:100vw;
  background: #3861EA;
  z-index:10;
  height: 64px;
}
.guide .register{
  width: 115px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #FFFFFF;
  background-color: rgba(0, 0, 0, 0.1);
}
.guide.scrolled{
  background: rgba(0, 96, 241, .9);
}
.guide > .top{
  display: flex;
  align-items: center;
  height: 100%;
  position: relative
}
.guide > .top   a{
  color:#ffffff;
  font-size: 14px;
  text-decoration: none;
  position: relative;
}
.guide > .top  .navs > a{
  margin-left: 24px;;
  cursor: pointer;
  font-weight: 700;
}
/* 首页导航栏调整新增 */
  /* 产品中心开始 */
.guide > .top  .navs  .span_class{
  margin-left: 24px;
  cursor: pointer;
  font-weight: 700;
  position: relative;
}
.guide > .top  .navs .span_class .border{
  width: 48px;
  height: 4px;
  background: #F2C94C;
  border-radius: 1px 1px 1px 1px;
  opacity: 1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25.5px;
  z-index: 10000;
  display: none;
}
.guide > .top .product-menu{
  position: absolute;
  left: -26px;
  top: 64px;
  width: 1092px;
  height: 432px;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: 0 32px;
  z-index: 10;
  display: none;
}
.guide > .top .product-menu .items {
  width: 180px;
  cursor: pointer;
}
.guide > .top .product-menu .items .top-title{
  height: 72px;
  position: relative;
  display: flex;
  align-items: center;
}
.guide > .top .product-menu .items .top-title img{
  width: 20px;
  height: 20px;
}
.guide > .top .product-menu .items .top-title .title{
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
  margin-left: 8px;
}
.guide > .top .product-menu .items .top-title .border{
  width: 180px;
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 0px 0px 0px 0px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.guide > .top .product-menu .items .links {
  margin-top: 4px;
  height: 62px;
  padding-top: 9px;
  padding-left: 12px;
}
.guide > .top .product-menu .items .links-bgc {
  border-radius: 4px;
  background: rgba(36, 117, 252, 0.05);
}
.guide > .top .product-menu .items .links .tit{
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
}
.guide > .top .product-menu .items .links .desc{
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  line-height: 20px;
  margin-top: 2px;
}
  /* 产品中心结束 */
  /* 公众号助手开始 */
.guide > .top .official-accounts-menu {
  position: absolute;
  left: 96px;
  top: 64px;
  width: 880px;
  height: 306px;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  padding: 0 32px;
  z-index: 10;
  display: none;
}
.guide > .top .official-accounts-menu .items{
  width: 180px;
  cursor: pointer;
}
.guide > .top .official-accounts-menu .items .top-title{
  height: 72px;
  position: relative;
  display: flex;
  align-items: center;
}
.guide > .top .official-accounts-menu .items .top-title img{
  width: 20px;
  height: 20px;
}
.guide > .top .official-accounts-menu .items .top-title .title{
  font-size: 16px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
  margin-left: 8px;
}
.guide > .top .official-accounts-menu .items .top-title .border{
  width: 180px;
  height: 1px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 0px 0px 0px 0px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.guide > .top .official-accounts-menu .items .links {
  margin-top: 4px;
  height: 38px;
  padding-left: 12px;
}
.guide > .top .official-accounts-menu .items .links-bgc {
  border-radius: 4px;
  background: rgba(36, 117, 252, 0.05);
}
.guide > .top .official-accounts-menu .items .links .tit{
  font-size: 14px;
  font-family: PingFang SC-Semibold, PingFang SC;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.65);
  line-height: 38px;
}
  /* 公众号助手结束 */
  /* 客服系统开始 */
  .guide > .top .customer-service-sys{
    left: 196px;
  }
  /* 客服系统结束 */
/* 结束 */
.guide > .top > .user > a{
  margin-right: 20px;
}
.guide > .top  a:hover{
  color:rgba(255, 255, 255, .8);
  /* color: #2475FC; */
}

.guide > .top  a.active::after{
  content: '';
  display: block;
  height: 2px;
  background-color: #fff;
  position: absolute;
  bottom: -10px;
  width: 100%;
}

.guide-session {
  background: transparent;
}

.guide-session > .top a {
  color: #595959;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.guide-session > .top a.new-expreice-btn {
  color: #2475FC;
}

.guide-session > .top .navs > a {
  margin-left: 32px;
}

.guide-session > .top a:hover {
  color: #2475FC;
}

.guide-session > .top .wk-flex-item .active {
  color: #2475fc;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.guide-session > .top a.active::after {
  background-color: transparent;
}

.guide-session .expreice-btn1 {
  border: 1px solid #595959;
}

.guide-session .new-expreice-btn {
  border: 1px solid #2475FC;
}

.guide-session .user-name_elipps {
  color: #595959;
}

.guide-session .down-icon {
  color: #595959;
}

.guide-session .session-logo {
  height: 28px;
}

.guide-session.scrolled {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.04);
}

.open-chat-btn{
  width: 136px;
  height: 46px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  border: 2px solid #FFFFFF;
  color:#ffffff;
  font-size: 16px;
  cursor: pointer;
  margin-left: 30px;
}
.expreice-btn1{
  width: 102px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid #FFFFFF;
  text-align: center;
  box-sizing: border-box;
  line-height: 28px;
  display: inline-block;
  cursor: pointer;
}
.expreice-btn1:hover,.expreice-btn1:focus{
  background-color: rgba(255, 255, 255, 0.15);
}
.new-expreice-btn:hover,.new-expreice-btn:focus{
  background-color: rgba(36, 117, 252, 0.15);
}
.introduce{
  position: absolute;
  bottom: 130px;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 8;
}
.introduce-img {
  position: absolute;
  bottom: 110px;
  height: 334px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: right;
}
.introduce-img img{
  width: 528px;
  height: 384px;
}
.introduce .title {
  font-size: 36px;
  font-family: PingFangSC-Semibold,
  PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 50px;
  margin: 0;
}
.introduce .two-tit {
  margin-bottom: 16px;
}
.introduce .desc-tit {
  width: 397px;
}
.introduce .desc-tit p{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 24px;
}
.introduce-cont {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: -51px;
  display: flex;
}
.introduce-cont .c-item{
  width: 588px;
  height: 102px;
  background: #FFFFFF;
  box-shadow: 2px 2px 16px 0px rgba(19,61,132,0.16);
  border-radius: 2px;
  position: relative;
}
.introduce-cont .c-item .i-tit{
  font-size: 16px;
  font-weight: 600;
  color: #164799;
  line-height: 24px;
  margin-left: 24px;
  margin-top: 24px;
}
.introduce-cont .c-item .i-desc{
  font-size: 14px;
  font-weight: 400;
  color: rgba(0,0,0,0.65);
  line-height: 22px;
  margin-top: 8px;
  margin-left: 24px;
}
.introduce-cont .c-item .i-img{
  width: 80px;
  height: 80px;
  right: 0;
  bottom: 0;
  position: absolute;
}
.expreice-btn2{
  width: 136px;
  height: 52px;
  font-weight: 400;
  color: #3861EA;
  background: rgba(255,255,255,1);
  border-radius: 4px;
  border:none;
  font-size: 16px;
  cursor: pointer;
  font-size: 20px;
}
.wecom-btn-group{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.wecom-btn-group .wecom-btn img{
  margin-right: 12px;
  background: rgba(255,255,255,1);
  border-radius: 4px;
}


.section2 > .module1{
  position: absolute;
  margin: auto;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-title{
  color: rgba(28, 31, 40, 1);
  font-size: 28px;
  margin-bottom: 80px;
  font-weight: normal;
  text-align: center;
}
.tip{
  font-size: 16px;
  color: #545459;
}
.section-title::after{
  content: '';
  display: block;
  background-image: url("/static/image/home/under-line.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 4px;
  margin-top: 10px;
}
.feature{
  padding:50px 0;
  background-color: #fff;
}
.feature8{
  margin: 60px 0;
}
.b1{
  background-image: url("/static/image/home/b1.png");
  background-size: 100% 100%;
}
.b2{
  background-image: url("/static/image/home/b2.png");
  background-size: 100% 100%;
}
.feature6{
  /* background-image: url("/static/image/home/b1.png"); */
  background-size: 100% 871px;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.b3{
  background-image: url("/static/image/home/b3.png");
  background-size: 100% 100%;
}
.bg1{
  background: #F8FAFC;
}

.feature-list{
  font-size: 14px;
  color: #545459;
}
.feature-list>ul{
  margin: 0;
  list-style: none;
  padding: 0;
}
.feature-list>ul>li{
  display: flex;
  margin-bottom: 20px;
}
.feature-list>ul>li::before{
  content: '';
  width: 20px;
  height: 20px;
  background-image: url("/static/image/home/feature-sign.png");
  margin-right: 20px;
  flex-shrink: 0;
}
.feature-list-title{
  font-size: 30px;
  color: #011F3F;
  margin-bottom: 30px;
}
.module-content{
  text-align: center;
}
.module-content > p{
  color:rgba(1, 31, 63, 1);
  font-size: 14px;
}
.module2{
  margin-top: 100px;
}
.footer{
  margin-top: 100px;
}
.footer-head{
  width: 100%;
  height: 184px;
}
.footer-head > .content-1200{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.expreice-btn3{
  width: 152px;
  height: 46px;
  background: #FFFFFF;
  border-radius: 4px;
  color: rgba(1, 116, 226, 1);
  font-size: 14px;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
}
.footer-content-wraper{
  background: #383B46;
}
.footer-content{
  padding: 50px 0;
}
.flex1{
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.footer-item{
  float: left;
  margin-left: 110px;
}
.footer-item:first-child{
  margin-left: 0;
}
.footer-item > .title{
  color:rgba(29, 38, 44, 1)
}
.new-footer .footer-item > .title{
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 24px;
}
.footer-item > .content,.footer-item > .content > a{
  color:rgba(113, 130, 138, 1);
}
.new-footer .footer-item > .content,.footer-item > .content > a{
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255 , .65);
  line-height: 22px;
}
.copy-write{
  font-size: 12px;
  color: rgba(113, 130, 138, 1);
  text-align: center;
  margin-top: 50px;
  clear: both;
}
.copy-write a{
  color: rgba(113, 130, 138, 1);
}
.new-footer .copy-write{
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255 , .65);
  text-align: center;
  background: #2A2C32;
}
.avatar{
  width: 30px;
  border-radius: 50%;
  height: 30px;
  margin-right: 5px;
}
.ant-dropdown-link{
  color: #fff;
}
.modal-content{
  font-weight: 600;
  text-align: left;
  margin: 16px 0 10px 24px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  color: rgba(0, 0, 0, 1);
}
.modal-content-span{
  margin-left:-68px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
}
.modal-button{
  width: 80px;
  height: 32px;
  background: #2475FC;
  border-radius: 2px;
  line-height: 32px;
  position: relative;
  right: -76%;
  margin-top: 25px;
  cursor: pointer;
}
.modal-button span{
  color: #FFFFFF;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.ant-modal-confirm-btns{
  margin-top:0px !important;
}
.list>.list-item{
  margin-right: 40px;
  padding:40px 30px;
  border-radius: 10px;
  border: 1px solid #E0E0E0;
  width: 270px;
  height: 270px;
  box-sizing: border-box;
}
.list>.list-item>.name{
  margin: 20px 0;
  font-size: 17px;
  color: #1C1F28;
}
.list>.list-item>.desc{
  font-size: 14px;
  line-height: 20px;
  color: #8C949D;
}
.list>div:last-child{
  margin-right: 0;
}
.side-btn{
  position: fixed;
  right: 0;
  top: 40%;
  width: 46px;
  text-align:center;
  height: 130px;
  background: #3882F4;
  border-radius: 4px 0px 0px 4px;
  font-size: 14px;
  color: #FFFFFF;
  border:none;
  line-height: 18px;
}
button{
  cursor: pointer;
  border: none;
  letter-spacing: 1px;
}
button.btn1:hover,button.btn1:focus{
  background: rgba(255,255,255,.8);
}
/* button.btn2:hover,button.btn2:focus{
  background: rgba(0, 0, 0, 0.3);
} */
button.hover-btn:hover,button.hover-btn:focus{
  opacity: 0.8;
}
/* 首页用户下拉框 */
.base-dropdown {
  cursor: pointer;
}
.base-dropdown .base-dropdown-text{
  color: #FFFFFF;
}
.min-width-280{
  min-width: 280px;
}
.menu-container {
  padding: 10px 0 4px;
}
.menu-container .menu-item{
  display: flex;
  justify-content: space-between;
}
/*切换应用弹出框*/
.chang-info{
  border: 1px solid #91d5ff;
  padding: 10px 15px;
  border-radius: 4px;
  background: #e6f7ff;
}
.chang-info .color-mb0{
  color: #ED7B2F;
  margin-bottom: 0;
}
.chang-item{
  cursor: pointer;
  margin: 15px 0;
  border: 1px solid #00000050;
  padding: 10px 15px;
  border-radius: 4px;
}
.chang-item:hover{
  background: #00000009;
}
.chang-action{
  color: rgba(24, 144, 255, 1);
}
.chang-item-action{
  border: 1px solid rgba(24, 144, 255, 1);
}
/*切换应用弹出框  end*/
.menu-container .menu-item-corp{
  display: flex;
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  line-height: 22px;
}
.menu-container .menu-item-icon{
  margin: -3px -1px 0 0;
  width: 14px;
}
/*绑定小客服账号*/
.menu-item-bind-flex{
  display: flex;
  justify-content: space-between;
}
.menu-item-bind-yes-tips{
  color: #2EC77C;
  margin-right:0;
}
.menu-item-bind-not-tips{
  color: #FF9900;
  margin-right:0;
}
.xkf-btn-back{
  margin: 5px !important;
  background: #FAFAFA;
}
.a-block{
  width: 100%;
  display: inline-block;
}

.menu-container .menu-item-order{
  height: 22px;
  background: url(/static/image/home/home-top/not-record.png) no-repeat;
  background-position: 1px;
}
.menu-container .menu-item-order:hover{
  background: url("/static/image/home/home-top/yes-record.png") no-repeat;
  background-position: 1px;
}
.menu-container .menu-item-order:hover a{
  color: #2475FC;
}
.menu-container .menu-item-order a,
.menu-container .menu-item-close a{
  padding-left: 27px;
  color: #595959;
}

.menu-container .menu-item-close{
  height: 22px;
  background: url("/static/image/home/home-top/not-close.png") no-repeat;
  background-position: 1px;
}
.menu-container .menu-item-close:hover{
  background: url("/static/image/home/home-top/yes-close.png") no-repeat;
  background-position: 1px;
}
.menu-container .menu-item-close:hover a{
  color: #FB363F;
}


.menu-container .menu-item-hr{
  width: 100%;
  height: 5px;
  background: #F0F0F0;
}
.menu-container .menu-item span:first-child {
  margin-right: 24px;
}
.menu-container .menu-item span:nth-child(2) {
  margin-right: 0px;
  font-weight: 500;
}
.menu-container .icon {
  height: 18px !important;
  width: 18px !important;
  margin-right: 10px;
}
.menu-container .xkf_link_icon {
  display: block;
  float: left;
  height: 18px !important;
  width: 18px !important;
  margin: 14px 10px 8px 0;
}
.menu-container .xkf-icon {
  display: block;
  float: left;
  height: 18px !important;
  width: 18px !important;
  margin: 2px 10px 8px 0;
}
.menu-item-border {
  border-top: 1px solid #f3f3f3;
  padding: 8px 12px;
}
.menu-item-margin {
  margin: 10px 0;
}
.author-access {
  margin: 20px 55px 0;
  text-align: center;
}
.author-access-modal {
  font-weight: bold;
  color: #000000;
  margin: 28px 0 45px;
  font-size: 24px;
}
.xkf-unbind {
  height: 80px;
  background-color: #F5F5F5;
  padding: 30px;
  margin-bottom: 40px;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
}
.author-confirm-button {
  width: 64px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  background-color: #1890FF;
  color: #FFFFFF;
}
.xkf-unbind-modal {
  padding: 24px;
}
.unbind-modal .unbind-modal-title {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 8px;
}
.unbind-modal .unbind-modal-content {
  color: #8C8C8C;
  margin-bottom: 45px;
}
.unbind-modal .unbind-modal-btn {
  text-align: right;
}
.unbind-modal .unbind-modal-btn .unbind-cancel-btn {
  height: 32px;
  width: 65px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #FFFFFF;
  margin-right: 5px;
}
.unbind-modal .unbind-modal-btn .unbind-confirm-btn {
  height: 32px;
  width: 65px;
  border-radius: 4px;
  border: 1px solid #1890FF;
  background-color: #1890FF;
  color: #FFFFFF;
}
.register-link {
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
}
.unbind-modal .no-bindwk-content, .xkf-bindwk-content {
  color: #444444;
  margin-top: 25px;
  margin-bottom: 30px;
}
.unbind-modal .xkf-bindwk-content span{
  color: #1890FF;
}


/* 开始 */
.feature {
  padding-top: 80px !important;
}

.feature .section-title {
  margin-bottom: 36px !important;
}

.feature .section-title h2 {
  font-size: 34px;
  line-height: 54px;
  margin: 0;
}

.feature .tip {
  margin-top: 16px;
}
.section-title .desc-name-two{
  margin-top: 8px;
}
.feature .section-title .tipClass {
  font-size: 16px;
  width: 614px;
  font-family: PingFangSC-Regular,
    PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 26px;
  margin: 0 auto;
  text-align: left;
  margin-top: 16px;
}

.bgc_fff {
  background-color: #fff !important;
}

.bgc_F7F9FA {
  background-color: #F7F9FA !important;
}
.feature-list-title{
  font-size: 24px;
  font-family: PingFangSC-Medium,
  PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 38px;
  margin-bottom: 0;
}
.list-title-border{
  width: 40px;
  height: 2px;
  background: #0060F1;
  margin-top: 16px;
  margin-bottom: 24px;
}
.list-title-tip{
  font-size: 14px;
  font-family: PingFangSC-Regular,
  PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 22px;
}
.list-title-tip-two{
  margin-top: 30px;
}
.feature .marb-100 {
  margin-bottom: 100px;
}
.logo-tags {
  display: flex;
  width: 1170px;
  margin: 0 auto;
  flex-wrap: wrap;
  margin-bottom: -110px;
}
.logo-tags .tag {
  text-align: center;
  width: 115px;
  margin-bottom: 60px;
}
.logo-tags .tag .img {
  width: 58px;
  height: 58px;
  display: block;
  margin: 0 auto;
}
.logo-tags .tag .name {
  font-weight: 500;
  color: #414141;
  font-size: 12px;
  margin-top: 20px;
}
/* 结束 */

/* 新版cont区域 */
[v-clock] {
  display: none;
}
.flex{
  display: flex;
}
.list-cont-wraper {
  min-height: 100vh;
}
.list-cont-wraper .list-color-2{
  background: #F2F4F9;
}
.list-cont-wraper .list-color-1{
  background: #F7F8FC;
}
.list-cont-wraper h1, h2, h3, h4, h4, h5 {
  margin:0;
  padding:0;
}
.first-wraper {
  padding-top: 100px !important;
}
.list-wraper-item {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  background: #F7F8FC;
}
.list-wraper-item .list-title{
  font-size: 28px;
  font-weight: 600;
  color: #000000;
  line-height: 36px;
  text-align: center;
}
.list-wraper-item .list-tabs{
  margin: 0 auto;
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
.list-wraper-item  .list-c-wra{
  display: flex;
}
.list-wraper-item .list-tabs a {
  margin-left: 32px;
}
.list-wraper-item .list-tabs .tab-item{
  display: flex;
  padding: 12px 32px;
  align-items: center;
  color: #696F7A;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer;
}
.list-wraper-item .list-tabs .tab-item:hover{
  box-shadow: 2px 2px 16px 0px rgba(19,61,132,0.15);
}
.list-wraper-item .list-tabs .tab-item-first{
  margin-left: 0;
}
.list-wraper-item .list-tabs .active {
  background-color: #fff !important;
}
.list-wraper-item .list-tabs .active .tab-tit{
  color: #2475FC !important;
}
.list-wraper-item .list-tabs .tab-item img{
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.list-wraper-item .list-tabs .tab-item .tab-tit{
  font-size: 14px;
  font-weight: 400;
  color: #696F7A;
  line-height: 22px;
}
.list-wraper-item .list-conts{
  margin-top: 66px;
}
.list-wraper-item  .item {
  align-items: center;
  justify-content: center;
}
.list-wraper-item  .left-img{
  width: 480px;
  height: 480px;
  /* margin-right: 62px; */
}
.list-wraper-item .right-cont{
  /* margin-left: 62px; */
}
.list-wraper-item .right-cont .r-tit{
  font-size: 20px;
  font-weight: 600;
  color: rgba(0,0,0,0.85);
  line-height: 28px;
}
.list-wraper-item .right-cont .r-cont{
  margin-top: 32px;
}
.list-wraper-item .right-cont .r-desc{
  font-size: 14px;
  font-weight: 400;
  color: rgba(0,0,0,0.65);
  line-height: 22px;
}
.list-wraper-item .right-cont .a-link{
  width: 96px;
  display: inline-block;
  margin-top: 32px;
}
.list-wraper-item .right-cont .a-link:hover{
  opacity: .8;
}
.list-wraper-item .right-cont .now-use{
  width: 96px;
  height: 40px;
  background: #2475FC;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.04);
  border-radius: 2px;
  border: 1px solid #2475FC;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.list-wraper-item .right-cont .r-cont .r-left-img{
  width: 48px;
  height: 48px;
}
.list-wraper-item .right-cont .r-cont .fir{
  font-size: 16px;
  font-weight: 600;
  color: rgba(0,0,0,0.85);
  line-height: 24px;
}
.list-wraper-item .right-cont .r-cont .r-r-cont{
  margin-left: 8px;
}
.list-wraper-item .right-cont .r-cont .sec{
  font-size: 14px;
  font-weight: 400;
  color: rgba(0,0,0,0.65);
  line-height: 22px;
  margin-top: 4px;
}
.list-wraper-item .right-cont .r-descs {
  margin-top: 16px;
  display: flex;
  align-items: center;
}
.list-wraper-item .right-cont .r-descs img{
  width: 13px;
  height: 13px;
}
.list-wraper-item .right-cont .r-descs div{
  font-size: 16px;
  font-weight: 600;
  color: rgba(0,0,0,0.85);
  line-height: 24px;
  margin-left: 6px;
}
.menu-list{
  width: 100%;
  height: 900px;
  background-image: url('/static/image/home/home-cont/menu-list/menu-list-bgc.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-top: 100px;
}
.menu-list .title{
  font-size: 28px;
  font-weight: 600;
  color: #000000;
  line-height: 36px;
  text-align: center;
}
.menu-list-cont{
  background-color: #fff;
  flex-wrap: wrap;
  margin-top: 32px;
  border-radius: 6px;
}
.menu-list-cont a{
  width: 25%;
  border-right: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
  cursor: pointer;
}
.menu-list-cont a:hover{
  box-shadow: 2px 2px 16px 0px rgba(19,61,132,0.2);
}
.menu-list-cont .me-item{
  padding: 24px;
  height: 100%;
}
.menu-list-cont .me-item .me-top{
  align-items: center;
}
.menu-list-cont .me-item .me-top img{
  width: 32px;
  height: 32px;
}
.menu-list-cont .me-item .me-top .text{
  font-size: 16px;
  font-weight: 600;
  color: rgba(0,0,0,0.85);
  line-height: 24px;
  margin-left: 8px;
}
.menu-list-cont .me-item .me-desc {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0,0,0,0.45);
  line-height: 22px;
  margin-top: 12px;
}
.use-list{
  width: 100%;
  height: 900px;
  background: #F7F8FC;
  padding-top: 100px;
}
.use-list .title{
  font-size: 28px;
  font-weight: 600;
  color: #000000;
  line-height: 36px;
  text-align: center;
}
.use-list .use-list-cont {
  flex-wrap: wrap;
  margin-top: 100px;
}
.use-list .use-list-cont img {
  width: 259px;
  height: 126px;
  margin-top: -16px;
  margin-right: -20px;
}
.new-footer{
  height: 132px;
  background: #EBF2FF;
  width: 100%;
}
.new-footer .footer-desc{
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.new-footer .fo-left .title{
  font-size: 28px;
  font-weight: 600;
  color: #000000;
  line-height: 36px;
}
.new-footer .fo-left .desc{
  font-size: 16px;
  font-weight: 400;
  color: rgba(0,0,0,0.65);
  line-height: 24px;
  margin-top: 8px;
}
.new-footer .fo-right {
  position: relative;
}
.new-footer .fo-right .use-btn{
  width: 220px;
  height: 52px;
  background: #2475FC;
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.04);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #2475FC;
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
  text-align: center;
}
.new-footer .fo-right .bgc-img{
  width: 132px;
  height: 132px;
  position: absolute;
  left: -78px;
  top: -40px;
}

.guide-session > .top .user .session-login-btn {
  display: flex;
  width: 100px;
  padding: 5px 0px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #2475FC;
  color: #ffffff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-right: 0;
}

.guide-session > .top .user .session-login-btn:hover {
  opacity:.8;
}

/* 新版官网导航栏 */
.guide-new-home {
  background: transparent !important;
  backdrop-filter: blur(4px);
}
.guide-new-home:hover{
  background-color: #fff !important;
}
.guide-new-home .logo{
  width: 100px;
  height: 28px;
}
.guide-new-home-shadow{
  background: rgba(255, 255, 255, 1) !important;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04) !important;
}
.guide-new-home.scrolled {
  background: rgba(255, 255, 255, 1) !important;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04) !important;
}
.guide-new-home .login{
  color: #2475FC !important;
}
.guide-new-home .btn2{
  background: #2475FC !important;
  color: #ffffff !important;
  border-radius: 4px;
}
.guide-new-home .expreice-btn1{
  color: #2475FC !important;
  border: 1px solid #2475FC !important;
}
.guide-new-home .expreice-btn1:hover{
  background-color: rgba(36, 117, 252, 0.15);
}
.guide-new-home .user-name_elipps{
  color: #595959;
}
.guide-new-home .anticon-down{
  color: #595959;
}
#new-home-top-nav{
  display: flex;
  align-items: center;
}
#new-home-top-nav .nav-wrap{
  flex: 1;
  display: flex;
  height: 40px;
  align-items: center;
}
#new-home-top-nav .nav-wrap .nav-one{
  color: #595959;
  font-size: 14px;
  margin-left: 32px;
  cursor: pointer;
  font-weight: 500;
  line-height: 40px;
}
#new-home-top-nav .nav-wrap .act{
  color: #2475FC !important;
  font-weight: 600;
}
#new-home-top-nav .nav-wrap .nav-one:hover{
  color: #2475FC !important;
}
.new-home-func-nav-hover-wrap{
  position: fixed;
  left: 0;
  top: 58px;
  background-color: #fff;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 32px 0 #254e901f;
  display: none;
}
.new-home-func-nav-hover-wrap .cont-wrap{
  width: 1200px;
  margin: auto;
  height: 460px;
}
.new-home-func-nav-hover-wrap .cont-wrap .b-tit{
  color: #000000;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  padding-top: 24px;
  padding-bottom: 17px;
  line-height: 32px;
  border-bottom: 1px solid #F0F0F0;
}
.new-home-func-nav-hover-wrap .cont-wrap .items{
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  margin-left: -8px;
  padding-right: 0;
  padding-left: 0;
}
.new-home-func-nav-hover-wrap .cont-wrap .items .one{
  width: 290px;
  padding: 8px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  margin-left: 8px;
  cursor: pointer;
}
.new-home-func-nav-hover-wrap .cont-wrap .items .one:hover{
  background:  #E5EFFF;
  border-radius: 12px;
}
.new-home-func-nav-hover-wrap .cont-wrap .items .one .l-img{
  width: 24px;
  height: 24px;
}
.new-home-func-nav-hover-wrap .cont-wrap .items .one .right{
  margin-left: 12px;
}
.new-home-func-nav-hover-wrap .cont-wrap .items .one .tit{
  color: #262626;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.new-home-func-nav-hover-wrap .cont-wrap .items .one .desc{
  color: #595959;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-top: 2px;
}
.new-home-footer{
  height: 334px;
  background: url('../../../static/image/home/new-home/new-home-footer.png') no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.new-home-footer .tit-fot{
  color: #262626;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 900;
  line-height: 44px;
  margin-bottom: 48px;
}
.new-home-footer .use-wrap .use-btn {
  width: 200px;
  height: 52px;
  border-radius: 12px;
  background-color: #2475FC;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  cursor: pointer;
}
.new-home-footer .use-wrap .use-btn:hover {
  opacity: .8;
}
.new-home-footer .use-wrap .use-btn img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}