.aitbn_7ree, .ai_reply_btn_7ree{
    display:inline-block;
    height: 26px;
    line-height: 26px;
    padding:0px 12px;
    margin:0px 10px;
    border: none;
    background-color: #06C;
    color: #FFF !important;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    top: 2px;
}

.aitbn_mo_7ree{
  display:inline-block;
  font-size:15px;
  height: 40px;
  line-height: 40px;
  width:100%;
  margin:10px 0px;
  border: none;
  background-color: #FFF;
  border:1px dotted #CDCDCD;
  color:  #06C !important;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  top: 2px;
  text-align: center;
}


#overlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    display: none;
  }
  
  #overlay.show {
    display: block;
  }
  
  #overlay .spinner_7ree {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s infinite linear;
  }
  
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  #overlay .tips_7ree {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 30px), calc(-50% + 70px));
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }

  .hover td b{
    display: block;
    font-weight: 400;
  }

  .hover .log_text_7ree p{
    display:block;
    max-width: 400px !important; 
    max-height: 25px !important; 
    font-size:12px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    word-wrap: break-word; 
  }

  .hover .log_text_7ree .request_7ree:hover{
    background-color: #e6f2ff;
  }

  .hover .log_text_7ree .response_7ree:hover{
    background-color: #e3fcf2;
  }


.hover .log_text_7ree p span{
    display: inline-block;
    width:auto;
    height: 18px;
    line-height: 18px;
    font-size:12px;
    padding: 0 10px;
    text-align:center;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    margin:2px 5px 0 0;    
  }

  .hover .log_text_7ree .request_7ree span{
    color:#012246;
    background-color: #e6f2ff;

  }

  .hover .log_text_7ree .response_7ree{
    height:20px;
    line-height:20px;
    display: flex;
    align-items: center; 
  }

 .hover .log_text_7ree .response_7ree .draw_response_7ree{
    color:#72004e;
    background-color: #fceffa;
  }

  .hover .log_text_7ree .response_7ree .text_response_7ree{
    color:#025435;
    background-color: #e3fcf2;
  }

.response_7ree .icon_aidraw_7ree{
    display: inline-block;
    background:url(icon_aidraw_7ree.svg);
    width:15px;
    height: 15px;
    background-size: cover;
    margin-right:5px;
    padding-left:15px;
  }

  .log_text_7ree .handpoint_7ree{
    cursor: pointer;
  }

  .showAIpic_7ree{
    height:400px;
    width:auto;
  }

  .showAIpic_7ree img{
    width:auto;
    max-height:400px;
  }

  .timer_7ree {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% + 20px), calc(-50% + 100px));
    font-size: 16px;
    color: #fff;
  }





  .tb .test_error_7ree{
    color:#e74c3c;
  }

  .tb .test_success_7ree{
    color:#006400;
  }



  .tb .success_tips_7ree{
    display: inline-block;
    color:rgb(0, 100, 0);
    font-weight: 300;
  }

  .tb .error_tips_7ree{
    display: inline-block;
    color:rgb(159, 0, 0);
    font-weight: 300;
  }

  .tb #api_test_loading_7ree{
    padding-left:30px;
    background:url(loading_cycle_7ree.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    display: none;
  }


  .testaip_7ree h3{
    margin-top:20px;
  }

  .testaip_7ree .tips{
    margin:20px 0px;
    text-align: center;
  }

  .tb2 .hover label{
    margin-left:25px;
    padding:3px 7px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
  }

  .tb2 .hover label:hover{
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
  }

  .tb2 th, .tb2 td{
    padding-left:15px;
  }

  .tb2 ul li{
    list-style:none;
    background: none;
    margin-bottom:5px;
    display: flex; 
    align-items: center; 
  }

  .tb2 ul span{
    display:inline-block;
    width:200px;
  }
  
  .tb2 ul h3{
    display:inline-block;
    width:200px;
    font-weight: 700;
  }

  .tb2 ul input[type="text"], .tb2 ul input[type="file"], .tb2 ul textarea, .tb2 ul select{
    width:400px;
    margin-right:10px;
  }

  .tb2 ul textarea, .tb2 ul .select_multiple_7ree{
    height:160px;
  }



  .tb2 ul p{
    margin-left:20px;
    color:#b1b1b1;
  }

  .tb2 ul .btn{
    margin:0;
  }

  .tb2 ul .partition h3{
    font-weight: 700;
  }

  .tb2 ul .readonly_7ree{
    color: rgb(145, 145, 145);
  }

  .tipsblock li a{
    margin-left:30px;
    color:#2b7acd;
  }

  .yifabu_7ree{
    font-style: normal;
    color:rgb(4, 103, 4);
  }

  .weifabu_7ree{
    font-style: normal;
    color:rgb(132, 132, 132);
  }

  .itemtitle{
    font-size: 15px;
  }


  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
    margin: 0 10px;
  }
  
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    width:60px !important;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    transform: translateX(32px);
  }
  
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  
  .err_tip_7ree{
    color:rgb(110, 6, 6);
  }

  .tipsblock li a {
    margin-left:0;
  }

  .engine_icon_7ree{
      width:auto;
      max-height:60px;
  }


    .qrcodepic_7ree{
        width:180px;
        height:180px;
    }


  .testaip_7ree .engine_icon_7ree{
      margin:20px auto;
  }

  .useing_7ree {
      position: relative;
  }

  .useing_7ree::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: rgb(0, 98, 0);
    border-radius: 50%;
    animation: blink 3s linear infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}


  /* .useing_7ree::after {
      content: 'useing';
      position: absolute;
      top: -6px;
      right: -25px;
      background-color: #163E69;
      color: white;
      padding: 3px 6px;
      border-radius: 6px;
      font-size: 13px;
  } */

  .zhuangpei_1_7ree , .zhuangpei_2_7ree {
      font-style: normal;
  }

  .zhuangpei_1_7ree{
    color:rgb(0, 66, 0);
    font-weight: 700;
  }

  .zhuangpei_2_7ree{
    color:rgb(145, 145, 145);
  }


  .hover #onemonthsbefore, .hover #threemonthsbefore{
    cursor: pointer;
    padding:3px 6px;
    border-radius:4px;
  }

  .hover #onemonthsbefore:hover, .hover #threemonthsbefore:hover{
    background-color:rgb(226, 241, 255);
  }

  .runse_window_7ree .runse_h3_7re,  
  .runse_window_7ree .zongjie_h3_7ree,
  .aidraw_window_7ree .aidraw_h3_7ree{
    padding:5px 10px;
  }

  .runse_window_7ree .runse_h3_7ree{
    color:rgb(2, 74, 145);
    background-color: #d2e8ff;
  }

  .runse_window_7ree .zongjie_h3_7ree{
    color:rgb(1, 97, 72);
    background-color: #e3f6f1;
  }

  .btn_runse_7r, .btn_zongjie_7r, .btn_aidraw_7r{
    display: inline-block;
    width:130px;
    height:30px;
    line-height: 30px;
    text-align: center;
    color:#EFEFEF;
    border-radius: 4px;
    cursor: pointer;
    margin-top:10px;
  }

  .btn_runse_7r{
    background-color: #06C;
    border:1px solid rgb(2, 74, 145);
  }

  .btn_zongjie_7r{
    background-color: rgb(0, 144, 22);
    border: 1px solid rgb(1, 97, 72);
  }

  .btn_icon_runse_7r, .btn_icon_zongjie_7r, .btn_icon_AIdraw_7r{
    display: block;
    width: 86px;
    height: 18px !important;
    line-height: 18px;
    text-align: center;
    color: #EFEFEF;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    text-decoration: none !important;
  }

  .btn_icon_runse_7r{
    background-color: #06C;
    border: 1px solid rgb(2, 74, 145);
  }

  .btn_icon_zongjie_7r{
    background-color: rgb(0, 144, 22);
    border: 1px solid rgb(1, 97, 72);
  }

  .btn_icon_AIdraw_7r{
    background-color: rgb(120, 0, 92) !important;
    border: 1px solid rgb(96, 1, 74) !important;
  }

  .runse_window_7ree {
    width:600px;
    margin:10px auto;
  }

  .runse_window_7ree textarea{
    width:600px;
    height:260px;
    border: #CDCDCD 1px solid;
    border-radius: 3px;
    padding:8px;
    font-size: 12px;

  }

  .runse_window_7ree .yuanwen_7ree{
    margin-top:10px;
    display: block;
    width:584px;
    height:100px;
    overflow-y: scroll;
    font-size: 12px;
    border: #CDCDCD 1px solid;
    border-radius: 3px;
    padding:8px;
  }

  .runse_window_7ree .zongjie_Tarea_7ree{
    width:600px;
    height:110px;
    border: #CDCDCD 1px solid;
    border-radius: 3px;
    padding:8px;
    font-size: 12px;
  }

  .runse_window_7ree .yuanwen2_7ree{
    margin-top:10px;
    display: block;
    width:584px;
    height:270px;
    overflow-y: scroll;
    font-size: 12px;
    border: #CDCDCD 1px solid;
    border-radius: 3px;
    padding:8px;
  }

  .runse_window_7ree h3{
    height:20px;
    line-height: 20px;
    width:580px;
    background-color:#eaeaea;
    font-size: 15px;
    letter-spacing: 2px;
    padding:5px 10px;
    border-radius: 3px;
  }

  .runse_errorinfo_7ree{
    color: rgb(109, 4, 4);
    background: url(../../../../../static/image/common/error.gif);
    background-color: rgb(252, 233, 233);
    background-repeat: no-repeat;
    background-position: 280px 20px;
    padding: 60px 0 30px;
    text-align: center;
  }

  .keylist_7ree{
    position: relative;
    overflow: visible;
  }

  .keylist_7ree .tab1{
    overflow: visible;
  }

  .keylist_7ree .tab1 .current a {
    background:none !important;
  }

  .keylist_7ree .title_7ree{
    display: block;
    text-decoration: none;
    padding: 15px 5px;
    margin-right: 15px;
    color: #333;
    border-bottom: 2px solid transparent;
  }

  .keylist_7ree ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    position: absolute;
    z-index: 1; 
    top: CALC(100% + 1px); 
    left: 0; 
    width: 220px; 
    height: 80vh; 
    background-color: #fff; /* 添加背景颜色，如白色 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 添加阴影以增强视觉层次和分离感 */
    border-radius: 4px; /* 圆角边框，增强美观性 */
    padding: 0; /* 清除内边距 */
    list-style: none; /* 移除默认的列表样式 */
    padding-bottom:10px;
    overflow-y: auto !important;
  }
  

  .keylist_7ree ul::-webkit-scrollbar {
    width: 8px; /* 滚动条宽度 */
  }
  
  .keylist_7ree ul::-webkit-scrollbar-track {
    background: #F7F7F7; /* 轨道背景颜色 */
  }
  
  .keylist_7ree ul::-webkit-scrollbar-thumb {
    background: #f1f1f1; /* 滑块背景颜色 */
  }
  
  .keylist_7ree ul::-webkit-scrollbar-thumb:hover {
    background: #c6c6c6; /* 鼠标悬停时的滑块背景颜色 */
  }


  .keylist_7ree ul li {
    height:32px;
    width: 100%;
    padding: 2px 6px;
    font-weight: 350;
    cursor: pointer; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
  }
  
  
  .keylist_7ree ul li a{
    padding: 8px 5px;
    margin-right:0px !important;
  }

  .keylist_7ree .tab1 .current a, 
  .keylist_7ree .tab1 .current a:hover{
    border-bottom: 2px solid #2b7acd;
  }

  .keylist_7ree .tab1 .current a span, 
  .keylist_7ree .tab1 .current a:hover span{
    color: #2b7acd;
    background:none;
  }

  .keybox_7ree .tb{
    width: CALC(100% - 250px);
    margin-left: 250px;
  }

  .position1_7ree{
    background: url(position_1_7ree.svg);
  }

  .position2_7ree{
    background: url(position_2_7ree.svg);
  }
  
  .position3_7ree{
    background: url(position_3_7ree.svg);
  }
  
  .position4_7ree{
    background: url(position_4_7ree.svg);
  }

  .position1_7ree, .position2_7ree, .position3_7ree, .position4_7ree{
    padding-left:24px;
    font-style: normal;
    background-size: 20px;
    background-repeat: no-repeat;

  }

  .tb2 #ollama_status_7ree {
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
  }
  
  .tb2 #ollama_status_7ree i {
    flex: 1 0 50%; /* 第一个值是flex-grow, 第二个是flex-shrink, 第三个是flex-basis */
    text-align: left; /* 可选，让文本居中 */
    padding: 5px; /* 可选，为li元素添加一些内边距 */
  }

  .AiAnswer_7ree{
    position:absolute;
    width:90%;
    height:180px;
    max-height:290px;
    z-index: 9;
    text-align: left;
    border: 1px solid #E6F2FF;
    background-color: #FFFFFF;
    border-radius: 3px;
  }

  .AiAnswer_7ree h4{
    display: inline-block;
    width: CALC( 100% - 10px );
    font-weight: 600;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #E6F2FF;
    border-radius: 3px;
    margin-bottom: 5px;
    padding-left: 10px;
    color: #0b58ad;
    background-color: #E6F2FF;
  }

  .AiAnswer_7ree #AiAnswer_content_7ree{
    padding:10px;
    overflow-y: auto;
  }


.AiAnswer_7ree .wowenAI_btn_7ree{
  display: block;
  width:100px;
  height:32px;
  line-height: 32px;
  border-radius:3px;
  color: #E6F2FF;
  background-color: #0b58ad;
  text-align: center;
  position: relative;
  top: 30%;
  left: 30px;
  text-decoration: none;
}

.AiAnswer_7ree .wowenAI_btn_7ree:hover{
  color: #ffffff;
  background-color: #0d6ace;
}


.getanswer_7ree{
  padding:10px;
  font-size: 14px;
}


.getanswer_7ree .row {
  width: 98%;
  height: 22px;
  margin: 10px 0;
  background-color: #d6d6d6;
  position: relative;
  overflow: hidden;
}

@keyframes lightEffectRow1 {
  0%, 33.33%, 100% {
      left: -100%;
  }
  16.67% {
      left: 100%;
  }
}

@keyframes lightEffectRow2 {
  0%, 16.67%, 66.67%, 100% {
      left: -100%;
  }
  50% {
      left: 100%;
  }
}

@keyframes lightEffectRow3 {
  0%, 66.67%, 100% {
      left: -100%;
  }
  83.33% {
      left: 100%;
  }
}

.getanswer_7ree .row::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
  animation: 9s infinite;
}

.getanswer_7ree .row-1::before {
  animation-name: lightEffectRow1;
}

.getanswer_7ree .row-2::before {
  animation-name: lightEffectRow2;
}

.getanswer_7ree .row-3::before {
  animation-name: lightEffectRow3;
}

.ai_zongjie_block_7ree{
  padding: 10px;
  background: #F9F9F9;
}

.ai_zongjie_block_7ree h3{
  font-size: 16px;
  font-weight: 700;
  color:#012246;
  padding-left:45px;
  background: url(icon_quote1_7ree.svg) no-repeat 6px 0px;
}

.ai_zongjie_block_7ree p{
  color: #666;
  margin-top:5px;
  padding:5px 45px;
  background: url(icon_quote2_7ree.svg) no-repeat right bottom;
}

.config_table_7ree {
  display: flex; /* 使用Flex布局 */
  width: 100%;   /* 容器宽度占满父元素 */
}

.left_table_7ree {
  width:700px;  /* 左侧表格固定宽度 */
  min-width: 700px;
}

.right_table_7ree {
  flex-grow: 1;  /* 右侧表格扩展填充剩余空间 */
  background-color: #FFFFFF;
}


.left_table_7ree th{
  text-align: center;
}

.left_table_7ree .td_title_7ree{
  width:120px;
  text-align: center;
  font-weight: 700;
  color:rgb(121, 121, 121);
}

.left_table_7ree p{
  word-break: break-all;
  width: 100%;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding:0px;
  box-sizing:border-box;
}

.left_table_7ree p span{
  margin-right:15px;
  padding:2px 5px;
  border:1px solid #FFFFFF;
  border-radius: 3px;
}

.left_table_7ree .url_dynamic_7ree{
  color:#a5a5a5;
}

.left_table_7ree .url_dynamic_7ree span{
  background-color: #ececec;
  color:#a5a5a5;
}

.left_table_7ree .url_statics_7ree .txt{
  color: #006f41;
  font-weight: 700;
}

.left_table_7ree .url_statics_7ree span{
  background-color: #E3FCF2;
  color:#006f41;
}

.right_table_7ree h3{
  font-size: 16px;
  font-weight: 700;
  margin:10px;
}

.right_table_7ree .url_rule_7ree{
  color:#666;
  background-color: #ffffff;
  border:1px solid #CCCCCC;
  padding:10px;
  margin:10px 20px;
  overflow: auto;
  width:500px;
  height: 500px;
  line-height: 30px;
  border-radius: 3px;
  white-space: pre;
  word-wrap: normal;
  word-break: keep-all;
}

.right_table_7ree .btn_copyrewrite_7ree{
  display: inline-block;
  height:30px;
  line-height: 30px;
  width:160px;
  text-align: center;
  background-color: #0b58ad;
  color: #EEEEEE;
  border-radius: 3px;
  cursor: pointer;
  border:1px solid #004ea1;
  margin:20px;
}

.ban_copy_tips_7r{
  display:none;
  color:#c30202;
  margin-left: 20px;
}



.right_table_7ree .btn_copyrewrite_7ree:hover{
  background-color: #0d6ace;
  color: #FFFFFF;
}

.tdstring1_7ree, .tdstring2_7ree, .tdstring3_7ree{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}

.tdstring1_7ree{
  width: 200px;
}

.tdstring2_7ree{
  width: 200px;
}

.tdstring3_7ree{
  width: 300px;
}

.cron_tips_7ree{
  color:#c30202;
}

.cron_tips_7ree a{
  color:#c30202;
  font-weight: 700; 
}

.seo_logdata_7ree .seo_edit_btn_7ree{
  display: block;
  width:40px;
  height:25px;
  line-height: 25px;
  text-align: center;
  color:#004ea1;
  cursor: pointer;
  background-color: #F2F9FD;
  border-radius: 4px;
}

.seo_logdata_7ree .seo_edit_btn_7ree:hover{
  background-color: #FFFFFF;
  font-weight: 700;
}

.seo_logdata_7ree .seo_submit_btn_7ree{
  color:#FFFFFF;
  background-color:#2B7ACD;
}

.seo_logdata_7ree .input_keywords_7ree{
  display:none;
  width:200px;
}

.seo_logdata_7ree .input_description_7ree{
  display:none;
  width:300px;
}

.seo_logdata_7ree .seo_submit_btn_7ree{
  color: #FFFFFF;
  background-color:#2B7ACD;
  border:1px solid #004ea1;
  border-radius:5px;
  display:none;
  cursor: pointer;
}

.seo_logdata_7ree .seo_cancel_btn_7ree{
  display:none;
  margin-right:10px;
  color:#999999;
  float:left;
  cursor: pointer;
  font-style: normal;
}

.drawstyle_7ree {
  display: flex;
  width: 100%;
  overflow-x: auto; /* Allows horizontal scrolling */
  scroll-behavior: smooth; /* Smooth scrolling effect */
  -webkit-overflow-scrolling: touch; /* Enable touch scrolling */
  gap: 3px; /* Space between items */
  padding: 10px;
  box-sizing: border-box; 
  margin-top:-10px;
}

.drawstyle_7ree .aidraw_prompt_7ree{
  height:100px !important;
}

.drawstyle_7ree label {
  width: auto;
  height: auto;
  line-height: normal;
  background-color: rgb(251, 237, 247);
  border: 1px solid rgb(233, 210, 227);
  border-radius: 3px;
  padding: 6px;
  margin: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.drawstyle_7ree label:hover {
  background-color: rgb(252, 210, 241);
  transform: scale(1.05);
}

.drawstyle_7ree input[type="radio"] {
  display: none; /* Hide the radio button */
}

.drawstyle_7ree input[type="radio"]:checked + label {
  background-color: rgb(68, 1, 51);
  color: white;
  transform: scale(1.05);
}

.aidraw_window_7ree .aidraw_h3_7ree{
  color:rgb(68, 1, 51);
  background-color: rgb(252, 210, 241);
  display:flex;
  justify-content: space-between;
  /*垂直居中*/
  align-items: center;
}

.aidraw_window_7ree .aidraw_h3_7ree span{
  font-weight: 300;
  font-size:12px;
}

.aidraw_window_7ree .aidraw_prompt_7ree{
  width: 100%;
  height: 120px;
  padding: 10px;
  box-sizing: border-box; 
}

.btn_aidraw_7r{
  background-color: rgb(68, 1, 51);
  border:1px solid rgb(178, 3, 134);
}

.aidraw_window_7ree #drawing_7ree{
  margin:10px auto;
  display: none;
}

.aidraw_window_7ree #drawing_7ree p{
    font-size:14px;
    height:30px;
    line-height: 30px;
    text-align: center;
  }
  
  .aidraw_window_7ree .drawing_loading_7ree{
    width:280px;
    height:280px;
    margin:60px auto;
    background-image: url(aidraw_loading_7ree.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    animation: loading_7ree 2s linear infinite;
    opacity: 0;
  }
  
  @keyframes loading_7ree {
    0% {
      opacity: 0.25;
    }
    25% {
      opacity: 0.5;
    }
    50% {
      opacity: 1;
    }
    75% {
      opacity: 0.5;
    }
    100% {
      opacity: 0.25;
    }
  }


  .aidraw_window_7ree #result_7ree{
    margin:10px auto;
    display: none;
  }

  .aidraw_window_7ree #result_7ree img{
    display: block;
    width: 300px;
    max-height:300px;
    border:1px solid #cccccc;
    border-radius:10px;
    box-shadow: 0px 0px 3px #939393;
    margin:5px auto;
  }
  
  .aidraw_window_7ree #result_7ree p{
      font-size:16px;
      height:24px;
      line-height: 24px;
      color:rgb(0, 88, 0);
      text-align: center;
      margin-top: 30px;
    }

  .aidraw_window_7ree #result_7ree a{
    color:rgb(0, 88, 0);
    font-weight: 700;
  }

  .api_testbtn_7ree{
    display: inline-block;
    height:26px;
    line-height: 26px;
    width:90px;
    text-align: center;
    background-color: #EFEFEF;
    color: #131313;
    border-radius: 3px;
    cursor: pointer;
    border:1px solid #d1d1d1;
    text-decoration: none;
    font-style: normal;
    font-weight:300;
    margin-right:10px;
  }

  .api_testbtn_7ree:hover{
    background-color: #FFFFFF;
    color: #0e0e0e;
    box-shadow: 0px 0px 1px #9b9b9b;
  }