* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.layui-panel {
  border: none !important;
}
[lay-dropdown-id="ID-dropdown-demo-content3"] {
  background-color: #1d1d1d !important;
}
.layui-dropdown {
  top: 70px !important;
}

a {
  text-decoration: none;
  color: #555;
}

li {
  list-style: none;
}
.php_aimain{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.aimain_list{
  width: 250px;
  background: #FAFAFA;
  border-radius: 5px;
  border: 1px solid #F1F1F1;
  padding: 23px 17px;
  flex: 0 0 auto;
  position: relative;
  overflow-y: auto;
  scrollbar-width: none;
}
.aimain_list.is-fixed{
  position: fixed;
  z-index: 101;
}
.aimain_list.is-bottom{
  position: absolute;
  left: 0;
  bottom: 0;
}
.php_aimain.sidebar-is-floating .php_aimainM{
  margin-left: auto;
}
.aimain_list::-webkit-scrollbar{
  display: none;
}
.ai_list{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ai_lists{
  width: 100%;
}
.ai_lists_title{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
  color: #333333;
  line-height: 45px;
  padding: 0 14px;
  border: 1px solid transparent;
}
.ai_lists_title::after{
  display: block;
  width: 8px;
  height: 12px;
  content: "";
  background:url(../lhimages/icon1278.png) no-repeat;
  background-size: contain;
  flex: 0 0 auto;
}
/* .ai_lists_title::before{
  display: block;
  width: 27px;
  height: 27px;
  content: "";
  flex: 0 0 auto;
} */
.ai_lists_title > img{
  display: block;
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
}
.ai_lists1 .ai_lists_title::before{
  background:url(../lhimages/ai_list1.png) no-repeat;
  background-size: contain;
}
.ai_lists1.active .ai_lists_title::before,
.ai_lists1 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list1s.png) no-repeat;
  background-size: contain;
}
.ai_lists2 .ai_lists_title::before{
  background:url(../lhimages/ai_list2.png) no-repeat;
  background-size: contain;
}
.ai_lists2.active .ai_lists_title::before,
.ai_lists2 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list2s.png) no-repeat;
  background-size: contain;
}
.ai_lists3 .ai_lists_title::before{
  background:url(../lhimages/ai_list3.png) no-repeat;
  background-size: contain;
}
.ai_lists3.active .ai_lists_title::before,
.ai_lists3 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list3s.png) no-repeat;
  background-size: contain;
}
.ai_lists4 .ai_lists_title::before{
  background:url(../lhimages/ai_list4.png) no-repeat;
  background-size: contain;
}
.ai_lists4.active .ai_lists_title::before,
.ai_lists4 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list4s.png) no-repeat;
  background-size: contain;
}
.ai_lists5 .ai_lists_title::before{
  background:url(../lhimages/ai_list5.png) no-repeat;
  background-size: contain;
}
.ai_lists5.active .ai_lists_title::before,
.ai_lists5 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list5s.png) no-repeat;
  background-size: contain;
}
.ai_lists6 .ai_lists_title::before{
  background:url(../lhimages/ai_list6.png) no-repeat;
  background-size: contain;
}
.ai_lists6.active .ai_lists_title::before,
.ai_lists6 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list6s.png) no-repeat;
  background-size: contain;
}
.ai_lists7 .ai_lists_title::before{
  background:url(../lhimages/ai_list7.png) no-repeat;
  background-size: contain;
}
.ai_lists7.active .ai_lists_title::before,
.ai_lists7 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list7s.png) no-repeat;
  background-size: contain;
}
.ai_lists8 .ai_lists_title::before{
  background:url(../lhimages/ai_list8.png) no-repeat;
  background-size: contain;
}
.ai_lists8.active .ai_lists_title::before,
.ai_lists8 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list8s.png) no-repeat;
  background-size: contain;
}
.ai_lists9 .ai_lists_title::before{
  background:url(../lhimages/ai_list9.png) no-repeat;
  background-size: contain;
}
.ai_lists9.active .ai_lists_title::before,
.ai_lists9 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list9s.png) no-repeat;
  background-size: contain;
}
.ai_lists10 .ai_lists_title::before{
  background:url(../lhimages/ai_list10.png) no-repeat;
  background-size: contain;
}
.ai_lists10.active .ai_lists_title::before,
.ai_lists10 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list10s.png) no-repeat;
  background-size: contain;
}
.ai_lists11 .ai_lists_title::before{
  background:url(../lhimages/ai_list11.png) no-repeat;
  background-size: contain;
}
.ai_lists11.active .ai_lists_title::before,
.ai_lists11 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list11s.png) no-repeat;
  background-size: contain;
}
.ai_lists12 .ai_lists_title::before{
  background:url(../lhimages/ai_list12.png) no-repeat;
  background-size: contain;
}
.ai_lists12.active .ai_lists_title::before,
.ai_lists12 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list12s.png) no-repeat;
  background-size: contain;
}
.ai_lists13 .ai_lists_title::before{
  background:url(../lhimages/ai_list13.png) no-repeat;
  background-size: contain;
}
.ai_lists13.active .ai_lists_title::before,
.ai_lists13 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list13s.png) no-repeat;
  background-size: contain;
}
.ai_lists14 .ai_lists_title::before{
  background:url(../lhimages/ai_list14.png) no-repeat;
  background-size: contain;
}
.ai_lists14.active .ai_lists_title::before,
.ai_lists14 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list14s.png) no-repeat;
  background-size: contain;
}
.ai_lists15 .ai_lists_title::before{
  background:url(../lhimages/ai_list15.png) no-repeat;
  background-size: contain;
}
.ai_lists15.active .ai_lists_title::before,
.ai_lists15 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list15s.png) no-repeat;
  background-size: contain;
}
.ai_lists16 .ai_lists_title::before{
  background:url(../lhimages/ai_list16.png) no-repeat;
  background-size: contain;
}
.ai_lists16.active .ai_lists_title::before,
.ai_lists16 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list16s.png) no-repeat;
  background-size: contain;
}
.ai_lists17 .ai_lists_title::before{
  background:url(../lhimages/ai_list17.png) no-repeat;
  background-size: contain;
}
.ai_lists17.active .ai_lists_title::before,
.ai_lists17 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list17s.png) no-repeat;
  background-size: contain;
}
.ai_lists18 .ai_lists_title::before{
  background:url(../lhimages/ai_list18.png) no-repeat;
  background-size: contain;
}
.ai_lists18.active .ai_lists_title::before,
.ai_lists18 .ai_lists_title:hover::before{
  background:url(../lhimages/ai_list18s.png) no-repeat;
  background-size: contain;
}
.ai_lists_title > span{
  flex: 1;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ai_lists_item{
  display: flex;
  flex-direction: column;
  max-height: 0;
  margin-top: 0;
  padding: 0 14px;
  gap: 5px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: max-height 0.4s ease, margin-top 0.4s ease, opacity 0.25s ease, visibility 0s linear 0.4s;
}
.ai_lists.active .ai_lists_item{
  max-height: none;
  margin-top: 20px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: max-height 0.4s ease, margin-top 0.4s ease, opacity 0.25s ease, visibility 0s;
}
.ai_lists_item > a{
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333333;
  line-height: 34px;
  padding-left: 38px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ai_lists_item > a.active,
.ai_lists_item > a:hover{
  background: #FEEAEA;
  border-radius: 17px;
  color: #F13536;
}
.ai_lists.active .ai_lists_title,
.ai_lists_title:hover{
  border: 1px solid #F13536;
  border-radius: 23px;
  background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
  color: #ffffff;
}
.ai_lists_title:hover::after{
  width: 8px;
  height: 12px;
  content: "";
  background:url(../lhimages/icon1280.png) no-repeat;
  background-size: contain;
}
.ai_lists.active .ai_lists_title::after{
  width: 12px;
  height: 8px;
  content: "";
  background:url(../lhimages/icon1279.png) no-repeat;
  background-size: contain;
}
.php_aimainM{
  width: 1090px;
}
.php_aimainM_top{
  width: 100%;
  background: linear-gradient(to right, #F9F7FF, #FFF6F6);
  height: 253px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.php_aimainM_top .phpaitool1_title h1{
  font-size: 40px;
  line-height: 55px;
}
.php_aimainM_top .phpaitool1_title img{
  width: 45px;
}
.php_aimainM_top p{
  font-size: 16px;
  color: #666666;
  line-height: 30px;
}
.php_aimainM_top p span{
  color: #F13536;
}
.php_aimainM_top .phpaitool1_input{
  height: 62px;
  border-radius: 31px;
  position: relative;
  overflow: hidden;
}
.php_aimainM_top .phpaitool1_input > div{
  border-radius: 31px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.php_aimainM_top .phpaitool1_input::before{
  content: "";
  position: absolute;
  inset: -100%;
  background: linear-gradient(
    to right,
    rgba(254, 224, 244, 0.6),
    rgba(236, 210, 251, 0.6),
    rgba(213, 243, 253, 0.6)
  );
  opacity: 0;
  pointer-events: none;
}
.php_aimainM_top .phpaitool1_input:hover:not(:has(input:focus))::before{
  opacity: 1;
  animation: phpAiToolInputRotate 2s linear infinite;
}
.php_aimainM_top .phpaitool1_input:has(input:focus)::before{
  animation: none;
  opacity: 0;
}
.php_aimainM_top .phpaitool1_input > div button.active{
  background: url(../lhimages/icon1176s.png) no-repeat;
  background-size: contain;
}
@keyframes phpAiToolInputRotate{
  to{
    transform: rotate(360deg);
  }
}
.php_aimainM_proposal{
  width: 100%;
  margin-top: 40px;
}
.php_aimainM_proposals{
  width: 100%;
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(8,1fr);
  gap: 30px;
}
.php_aimainM_proposals > a{
  width: 110px;
  height: 145px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #F1F1F1;
  padding: 4px;
  transition: transform 0.2s;
}
.php_aimainM_proposals > a:hover{
  border: 1px solid #F13536;
  transform: translateY(-5px);
}
.php_aimainM_proposals > a > div{
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  justify-content: center;
  position: relative;
}
.php_aimainM_proposals > a:hover > div{
  background: #FFF6F6;
}
.php_aimainM_proposals > a > div img{
  width: 71px;
  height: 71px;
  background: #FFCACA;
  border-radius: 15px 15px 15px 15px;
  border: 1px solid #E1E1E1;
}
.php_aimainM_proposals > a > div span{
  font-size: 16px;
  color: #000000;
  line-height: 18px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  text-align: center;
}
.php_aimainM_proposals > a:hover > div span{
  color: #F13536;
}
.php_aimainM_proposals > a:hover > div .indexhot,
.php_aimainM_proposals > a:hover > div .indexnew,
.php_aimainM_proposals > a:hover > div .indexai{
  color: #FFFFFF;
}
.php_aimainM_proposals .indexhot,
.php_aimainM_proposals .indexnew,
.php_aimainM_proposals .indexai{
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  padding: 0 4px;
  border-radius: 5px 5px 5px 0px;
  width: auto;
  min-width: 36px;
}
.php_aimainM_proposals .indexhot{
    background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
}
.php_aimainM_proposals .indexnew{
    background: linear-gradient(to right, #006CFC, #2D86FD, #63A4FA);
}
.php_aimainM_proposals .indexai{
    background: linear-gradient(to right, #6000FF, #A249FC, #D048FD);
}
.ai_listsM_class{
  width: 830px;
  position: relative;
}
.ai_listsM_classs{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 13px;
  height: 35px;
  overflow-x: auto;
  scrollbar-width: none;
  overflow: auto;
}
.ai_listsM_classs::-webkit-scrollbar {
  display: none;
}
.ai_listsM_classs > a{
  height: 32px;
  background: #F7F7F7;
  border-radius: 16px;
  border: 1px solid #F3F3F3;
  font-size: 16px;
  color: #333333;
  line-height: 32px;
  padding: 0 24px;
  flex: 0 0 auto;
  background:
  linear-gradient(180deg, #FFF3F3 0%, #FFF3F3 100%) left top / 0 100% no-repeat,
  #FBFBFB;
  transition: background-size 0.5s ease;
}
.ai_listsM_classs > a:hover{
  background-size: 100% 100%, auto;
  border: 1px solid #F13536;
  color: #F13536;
}
.ai_listsM_classs > a.active{
  border: 1px solid #F13536;
  background: #FFF3F3;
  color: #F13536;
}
.ai_listsM_class_prev{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  cursor: pointer;
  border: none;
  width: 34px;
  height: 35px;
  background: url(../lhimages/icon1274.png) no-repeat;
  background-size: contain;
  z-index: 1;
}
.ai_listsM_class_prev:hover{
  background: url(../lhimages/icon1274s.png) no-repeat;
  background-size: contain;
}
.ai_listsM_class_next{
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
  border: none;
  width: 34px;
  height: 35px;
  background: url(../lhimages/icon1275.png) no-repeat;
  background-size: contain;
  z-index: 1;
}
.ai_listsM_class_next:hover{
  background: url(../lhimages/icon1275s.png) no-repeat;
  background-size: contain;
}
.ai_listsM_class_btn .is-hidden{
  display: none;
}
.ai_listsMs{
  width: 100%;
  margin-top: 40px;
}
.ai_listsMsM{
  width: 100%;
  margin-top: 25px;
  display: none;
  grid-template-columns: repeat(4,1fr);
  row-gap: 30px;
  column-gap: 25px;
  justify-content: space-between;
}
.ai_listsMsM.active{
  display: grid;
  animation: aiListsMsMShow 0.25s ease;
}
@keyframes aiListsMsMShow{
  from{
    opacity: 0;
    transform: translateY(6px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
.ai_listsMsMs{
  width: 253px;
  height: 105px;
  background: #ffffff;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #F1F1F1;
  padding: 4px;
  transition: transform 0.2s;
}
.ai_listsMsMs:hover{
  border: 1px solid #F13536;
  transform: translateY(-6px);
}
.ai_listsMsMs > div{
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 11px;
}
.ai_listsMsMs:hover > div{
  background: #FFF6F6;
}
.ai_listsMsMs_img{
  display: block;
  width: 70px;
  height: 70px;
  border: 1px solid #F1F1F1;
  border-radius: 15px;
  position: relative;
  flex: 0 0 auto;
}
.ai_listsMsMs_img img{
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.ai_listsMsMs_img .indexhot,
.ai_listsMsMs_img .indexnew,
.ai_listsMsMs_img .indexai{
  position: absolute;
  top: -5px;
  right: -10px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  padding: 0 4px;
  border-radius: 5px 5px 5px 0px;
  width: auto;
  min-width: 36px;
}
.ai_listsMsMs_img .indexhot{
    background: linear-gradient(to right, #F13536, #FA595A, #FB6529);
}
.ai_listsMsMs_img .indexnew{
    background: linear-gradient(to right, #006CFC, #2D86FD, #63A4FA);
}
.ai_listsMsMs_img .indexai{
    background: linear-gradient(to right, #6000FF, #A249FC, #D048FD);
}
.ai_listsMsMs > div > div{
  width: calc(100% - 85px);
}
.ai_listsMsMs_title{
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 18px;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ai_listsMsMs:hover .ai_listsMsMs_title{
  color: #F13536;
}
.ai_listsMsMs > div > div p{
  font-size: 14px;
  color: #999999;
  line-height: 24px;
  width: 100%;
  height: 48px;
  overflow: hidden;
  margin-top: 8px;
}
.aiList_top{
  width: 100%;
  background: #FAFAFA;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #F1F1F1;
  padding: 20px;
}
.aiList_top .rightdTitle{
  margin-bottom: 5px;
}
.aiList_top > p{
  width: 100%;
  font-size: 14px;
  color: #999999;
  line-height: 28px;
}
.aiList_top_class_f{
  width: 100%;
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.aiList_top_class{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.aiList_top_class > span{
  font-size: 16px;
  color: #333333;
  line-height: 32px;
  width: 120px;
  text-align: right;
}
.aiList_top_class > div{
  width: calc(100% - 110px);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.aiList_top_class > div > a{
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  padding: 6px 9px;
  text-align: center;
  min-width: 116px;
  border: 1px solid #E9E9E9;
  border-radius: 23px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  background: linear-gradient(180deg, #FFF7F7 0%, #FFF7F7 100%) left top / 0 100% no-repeat, #ffffff;
  transition: background-size 0.5s ease;
}
.aiList_top_class .aiList_top_imgclass{
  padding: 6px 20px;
}
.aiList_top_class > div > a:hover {
  background-size: 100% 100%, auto;
  border: 1px solid #F13536;
  color: #F13536;
}
.aiList_top_class > div > a.active{
  border: 1px solid #F13536;
  background: #FFF7F7;
  color: #F13536;
}
.aiList_top_class > div > a > img{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #E9E9E9;
}
.aiList_bottom{
  width: 100%;
  margin-top: 30px;
}
.aiList_bottom_title{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F3F3F3;
}
.aiList_bottom_title > a{
  font-size: 20px;
  color: rgba(51, 51, 51, 1);
  line-height: 24px;
}
.aiList_bottom_title > a:hover{
  color: #F13536;
}
.aiList_bottom_title > a.active{
  font-size: 22px;
  color: #F13536;
  font-weight: 700;
  position: relative;
}
.aiList_bottom_title > a.active::after{
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #F13536;
  border-radius: 3px 3px 3px 3px;
}
.aiList_bottom_main{
  width: 100%;
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  column-gap: 25px;
  row-gap: 30px;
}
.aiList_bottom .mngfPage{
  margin-top: 30px;
}
.ai_details_top{
  width: 100%;
  background: #FAFAFA;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #F1F1F1;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ai_details_top > img{
  width: 300px;
  height: 180px;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
}
.ai_details_top > div{
  width: calc(100% - 325px);
}
.ai_details_top_title{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.ai_details_top_title > img{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid #D6D6D6;
  flex: 0 0 auto;
}
.ai_details_top_title > a{
  flex: 1;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 24px;
  color: #333333;
  line-height: 28px;
}
.ai_details_top_title > span{
  font-size: 14px;
  color: #999999;
  line-height: 16px;
  flex: 0 0 auto;
}
.ai_details_top > div > p{
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  margin-top: 8px;
}
.ai_details_top_class{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 17px;
  margin-top: 8px;
}
.ai_details_top_class > a{
  line-height: 30px;
  padding: 0 12px;
  border-radius: 15px;
  font-size: 14px;
  transition: background-size 0.5s ease;
}
.ai_details_top_class > a:nth-of-type(4n+1){
  color: #F13536;
  background: linear-gradient(180deg, #F13536 0%, #F13536 100%) left top / 0 100% no-repeat, #FEEEEE;
}
.ai_details_top_class > a:nth-of-type(4n+2){
  color: #0060FF;
  background: linear-gradient(180deg, #0060FF 0%, #0060FF 100%) left top / 0 100% no-repeat, #E5EEFD;
}
.ai_details_top_class > a:nth-of-type(4n+3){
  color: #DF01FF;
  background: linear-gradient(180deg, #DF01FF 0%, #DF01FF 100%) left top / 0 100% no-repeat, #FAE5FD;
}
.ai_details_top_class > a:nth-of-type(4n+4){
  color: #03B133;
  background: linear-gradient(180deg, #03B133 0%, #03B133 100%) left top / 0 100% no-repeat, #D5FDE0;
}
.ai_details_top_class > a:hover {
  background-size: 100% 100%, auto;
  color: #ffffff;
}
.ai_details_top_button{
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.ai_details_top_btn{
  width: 170px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #FFFFFF;
  font-weight: 500;
  border-radius: 20px;
  transition: background-size 0.5s ease;
  background: linear-gradient(to right, #F2007D, #FC5656, #FC0136) left top / 0 100% no-repeat, linear-gradient(to right, #F13536, #FA595A, #FB6529);
}
.ai_details_top_btn:hover{
  background-size: 100% 100%, auto;
  color: #ffffff;
}
.ai_details_main{
  width: 100%;
  background: #FAFAFA;
  border: 1px solid #F1F1F1;
  border-radius: 8px;
  margin-top: 30px;
  padding: 10px 0;
}
.ai_details_main p,
.ai_details_main div,
.ai_details_main ul,
.ai_details_main ol{
  font-size: 16px;
  color: #333333;
  line-height: 36px;
  padding: 0 22px;
  margin: 10px 0;
}
.ai_details_main h3{
  font-size: 18px;
  color: #333333;
  line-height: 36px;
  padding: 0 22px;
  font-weight: 700;
  margin: 10px 0;
}
.ai_details_main h2{
  font-size: 22px;
  color: #333333;
  line-height: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 10px 0;
}
.ai_details_main h2::before{
  content: "";
  display: block;
  width: 5px;
  height: 17px;
  background: #F13536;
  border-radius: 3px 3px 3px 3px;
}
.ai_details_main img{
  display: block;
  margin: 10px auto;
  max-width: calc(100% - 44px);
  border-radius: 5px;
}
.ai_details_xgwz{
  width: 100%;
  margin-top: 30px;
  background: #FAFAFA;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #F1F1F1;
  padding: 20px;
}
.ai_details_xgwz_article{
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.ai_details_xgwzs{
  width: 100%;
  height: 43px;
  background: #FFFFFF;
  border-radius: 22px 22px 22px 22px;
  border: 1px solid #F1F1F1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:  0  20px;
  gap: 13px;
}
.ai_details_xgwzs:hover{
  border: 1px solid #F13536;
  background: #FFF6F6;
}
.ai_details_xgwzs::before{
  content: "";
  width: 13px;
  height: 13px;
  background:url(../lhimages/icon1281.png) no-repeat;
  background-size: contain;
  flex: 0 0 auto;
}
.ai_details_xgwzs:hover::before{
  background:url(../lhimages/icon1281s.png) no-repeat;
  background-size: contain;
}
.ai_details_xgwzs > a{
  width: auto;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #333333;
  line-height: 35px;
}
.ai_details_xgwzs:hover > a{
  color: #F13536;
}
.ai_details_xgwzs > span{
  font-size: 14px;
  color: #999999;
  line-height: 35px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.ai_details_xgwzs > span::before{
  content: "";
  width: 13px;
  height: 13px;
  background:url(../lhimages/icon1282.png) no-repeat;
  background-size: contain;
}
.ai_details_download{
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
.ai_details_downloadL,
.ai_details_downloadR{
  width: calc(50% - 16px);
  background: #FAFAFA;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #F1F1F1;
  padding: 20px;
}
.ai_details_downloadL .rightdTitle,
.ai_details_downloadL .rightdTitle{
  margin-bottom: 20px;
}
.ai_details_downloadL_class{
  display: flex;
  align-items: center;
  gap: 12px;
}
.ai_details_downloadL_class > a{
  padding: 0 10px;
  border: 1px solid #F3F3F3;
  border-radius: 15px;
  color: #212121;
  z-index: 1;
  background: #ffffff;
  position: relative;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  transition: all 250ms;
  overflow: hidden;
 
}
.ai_details_downloadL_class > a.active{
  background: #FFF3F3;
  border: 1px solid #F13536;
  color: #F13536;
}

.ai_details_downloadL_class > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  border-radius: 15px;
  background-color: #FFF3F3;
  z-index: -1;
  -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
  box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
  transition: all 250ms
}
.ai_details_downloadL_class > a:hover {
  color: #F13536;
  border: 1px solid #F13536;
}
.ai_details_downloadL_class > a:hover::before {
  width: 100%;
}
.ai_details_downloadLM,
.ai_details_downloadRM{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ai_details_downloadLs,
.ai_details_downloadRs{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 13px;
  justify-content: space-between;
}
.ai_details_downloadLs::before,
.ai_details_downloadRs::before{
  content: "";
  width: 13px;
  height: 13px;
  background:url(../lhimages/icon1281.png) no-repeat;
  background-size: contain;
  flex: 0 0 auto;
}
.ai_details_downloadLs:hover::before,
.ai_details_downloadRs:hover::before{
  background:url(../lhimages/icon1281s.png) no-repeat;
  background-size: contain;
}
.ai_details_downloadLs > a,
.ai_details_downloadRs > a{
  flex: 1;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #333333;
  line-height: 35px;
}
.ai_details_downloadLs:hover > a,
.ai_details_downloadRs:hover > a{
  color: #F13536;
}
.ai_details_downloadLs > a span{
  color: #999999;
  margin-right: 5px;
}
.ai_details_downloadLs:hover > a span{
  color: #F13536;
}
.ai_details_downloadLs > span,
.ai_details_downloadRs > span{
  font-size: 14px;
  color: #999999;
  line-height: 35px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.ai_details_downloadLs > span::before,
.ai_details_downloadRs > span::before{
  content: "";
  width: 13px;
  height: 13px;
  background:url(../lhimages/icon1282.png) no-repeat;
  background-size: contain;
}
.ai_details_ai{
  width: 100%;
  margin-top: 30px;
}