/* 确保您的 i2soft-blocks-style.css 中的样式也能在预览区域生效 */
/* ... (其他 WordPress 后台自定义样式) ... */
.cke_editable .post-boxdown,
.case_content .post-boxdown,
.post-boxdown {
  max-width: 897px;
  margin: 15px auto;
  background: #fff;
  background-size: 100% 100%;
  border: 3px dashed #2a8de2;
  padding: 1em;
}
.cke_editable .post-boxdown:hover,
.case_content .post-boxdown:hover,
.post-boxdown:hover {
  -webkit-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
}
.cke_editable .post-boxdown .boxdown:after,
.case_content .post-boxdown .boxdown:after,
.post-boxdown .boxdown:after {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  clear: both;
  height: 0;
}
.cke_editable .post-boxdown .boxdown,
.case_content .post-boxdown .boxdown,
.post-boxdown .boxdown {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.cke_editable .post-boxdown .boxtext,
.case_content .post-boxdown .boxtext,
.post-boxdown .boxtext {
  float: left;
  width: calc(100% - 350px);
}
.cke_editable .post-boxdown .boxtext h5,
.case_content .post-boxdown .boxtext h5,
.post-boxdown .boxtext h5 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 5px;
}
.cke_editable .post-boxdown .boxtext > p,
.case_content .post-boxdown .boxtext > p,
.post-boxdown .boxtext > p {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
}
.cke_editable .post-boxdown .post-down,
.case_content .post-boxdown .post-down,
.post-boxdown .post-down {
  display: table;
  margin: auto;
  min-width: 270px;
  text-align: center;
  border: 0;
  position: relative;
  visibility: visible;
  top: 10px;
  color: #63686b;
  text-decoration: none;
  line-height: normal;
  float: right;
}
.cke_editable .post-boxdown .post-down .a-tp,
.case_content .post-boxdown .post-down .a-tp,
.post-boxdown .post-down .a-tp {
  background-color: #16aaef;
  color: #fff;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.cke_editable .post-boxdown .post-down .a-tp:hover,
.case_content .post-boxdown .post-down .a-tp:hover,
.post-boxdown .post-down .a-tp:hover {
  background-image: none;
  background-color: #39c0ff;
}
.cke_editable .post-boxdown .post-down .a-tp:hover::before,
.cke_editable .post-boxdown .post-down .a-tp:hover:before,
.case_content .post-boxdown .post-down .a-tp:hover::before,
.case_content .post-boxdown .post-down .a-tp:hover:before,
.post-boxdown .post-down .a-tp:hover::before,
.post-boxdown .post-down .a-tp:hover:before {
  position: static;
  width: 60px;
  float: left;
}
.cke_editable .post-boxdown .post-down .a-tp > span,
.case_content .post-boxdown .post-down .a-tp > span,
.post-boxdown .post-down .a-tp > span {
  display: block;
  float: right;
  width: calc(100% - 63px);
  padding: 12px 0;
  text-align: center;
  font-weight: 400;
}
.cke_editable .post-boxdown .post-down .a-tp > span > span,
.case_content .post-boxdown .post-down .a-tp > span > span,
.post-boxdown .post-down .a-tp > span > span {
  margin: 0;
  word-break: keep-all;
  white-space: nowrap;
  display: block;
}
.cke_editable .post-boxdown .post-down .a-tp > span > span:first-child,
.case_content .post-boxdown .post-down .a-tp > span > span:first-child,
.post-boxdown .post-down .a-tp > span > span:first-child {
  font-size: 18px;
  padding: 0 15px;
  font-weight: 700;
}
.cke_editable .post-boxdown .post-down .a-tp > span > span:last-child,
.case_content .post-boxdown .post-down .a-tp > span > span:last-child,
.post-boxdown .post-down .a-tp > span > span:last-child {
  font-size: 12px;
  font-weight: 400;
}
.cke_editable .post-boxdown .post-down .a-tp::before,
.cke_editable .post-boxdown .post-down .a-tp:before,
.case_content .post-boxdown .post-down .a-tp::before,
.case_content .post-boxdown .post-down .a-tp:before,
.post-boxdown .post-down .a-tp::before,
.post-boxdown .post-down .a-tp:before {
  content: "";
  background: url(/assets/images/icon-download-0.png) no-repeat center;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  border-right: 1px solid #fff;
  position: static;
}
.cke_editable .post-boxdown .post-down .a-tp::after,
.cke_editable .post-boxdown .post-down .a-tp:after,
.case_content .post-boxdown .post-down .a-tp::after,
.case_content .post-boxdown .post-down .a-tp:after,
.post-boxdown .post-down .a-tp::after,
.post-boxdown .post-down .a-tp:after {
  content: "";
  display: block;
  overflow: hidden;
  visibility: hidden;
  height: 0;
  clear: both;
}
.cke_editable .post-boxdown .post-down .a-bt,
.case_content .post-boxdown .post-down .a-bt,
.post-boxdown .post-down .a-bt {
  display: block;
  margin-top: 4px;
  font-size: 14px;
}
.cke_editable .post-boxdown .post-down .a-bt img,
.case_content .post-boxdown .post-down .a-bt img,
.post-boxdown .post-down .a-bt img {
  display: none;
  vertical-align: middle;
  margin-bottom: 1px;
  max-width: 100%;
}
@media all and (max-width: 1200px) {
  .cke_editable .post-boxdown,
  .case_content .post-boxdown,
  .post-boxdown {
    background: 0 0;
    border: 2px dashed #2a8de2;
    border-radius: 4px;
    padding: 1em;
  }
  .cke_editable .post-boxdown .boxdown,
  .case_content .post-boxdown .boxdown,
  .post-boxdown .boxdown {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-flow: column wrap;
  }
  .cke_editable .post-boxdown .boxtext,
  .cke_editable .post-boxdown .post-down,
  .case_content .post-boxdown .boxtext,
  .case_content .post-boxdown .post-down,
  .post-boxdown .boxtext,
  .post-boxdown .post-down {
    width: auto;
    display: block;
    clear: both;
    float: none;
    text-align: center;
  }
  .cke_editable .post-boxdown .post-down,
  .case_content .post-boxdown .post-down,
  .post-boxdown .post-down {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 767.98px) {
  .cke_editable .post-boxdown .boxtext h5,
  .case_content .post-boxdown .boxtext h5,
  .post-boxdown .boxtext h5 {
    font-size: 14px;
  }
  .cke_editable .post-boxdown .post-down .a-tp > span > span:first-child,
  .case_content .post-boxdown .post-down .a-tp > span > span:first-child,
  .post-boxdown .post-down .a-tp > span > span:first-child {
    font-size: 14px;
  }
  .cke_editable .post-boxdown .post-down .a-tp > span > span:last-child,
  .case_content .post-boxdown .post-down .a-tp > span > span:last-child,
  .post-boxdown .post-down .a-tp > span > span:last-child {
    font-size: 10px;
  }
  .cke_editable .post-boxdown .boxtext > p,
  .case_content .post-boxdown .boxtext > p,
  .post-boxdown .boxtext > p {
    font-size: 12px;
  }
  .cke_editable .post-boxdown .post-down .a-bt,
  .case_content .post-boxdown .post-down .a-bt,
  .post-boxdown .post-down .a-bt {
    font-size: 10px;
  }
}
@media all and (max-width: 400px) {
  .cke_editable .post-boxdown .post-down .a-tp:before,
  .case_content .post-boxdown .post-down .a-tp:before,
  .post-boxdown .post-down .a-tp:before {
    content: none;
  }
  .cke_editable .post-boxdown .post-down .a-tp > span,
  .case_content .post-boxdown .post-down .a-tp > span,
  .post-boxdown .post-down .a-tp > span {
    width: 100%;
    display: block;
  }
  .cke_editable .post-boxdown .post-down,
  .case_content .post-boxdown .post-down,
  .post-boxdown .post-down {
    min-width: auto;
  }
}
.cke_contents .cke_editable .test-block {
  width: 100px;
  height: 100px;
  background: red;
}

#vue-block-app .post-navcon,
.cke_editable .post-navcon,
.case_content .post-navcon,
.post-navcon {
  margin-top: 20px;
  padding: 20px 14px;
  background-color: #f5f8fa;
  list-style: none;
}
#vue-block-app .post-navcon:hover,
.cke_editable .post-navcon:hover,
.case_content .post-navcon:hover,
.post-navcon:hover {
  -webkit-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.1);
}
#vue-block-app .post-navcon li,
.cke_editable .post-navcon li,
.case_content .post-navcon li,
.post-navcon li {
  padding: 5px 0 5px 25px;
  font-size: 16px;
  position: relative;
  list-style: none;
}
#vue-block-app .post-navcon li:before,
.cke_editable .post-navcon li:before,
.case_content .post-navcon li:before,
.post-navcon li:before {
  content: "👉";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  color: #343434;
  border: 0;
}
#vue-block-app .post-navcon li.a-hot:after,
.cke_editable .post-navcon li.a-hot:after,
.case_content .post-navcon li.a-hot:after,
.post-navcon li.a-hot:after {
  content: "🔥";
  display: inline-block;
  width: 14px;
  height: 20px;
  font-size: 12px;
  padding-left: 7px;
  text-align: center;
  position: relative;
  color: red;
  right: 0;
  line-height: 17px;
}
#vue-block-app ul.post-navcon li a {
  box-shadow: none;
  font-weight: 500;
  color: #409eff;
}
#vue-block-app ul.post-navcon li a:hover {
  color: #66b1ff;
}
@media all and (max-width: 767.98px) {
  #vue-block-app .post-navcon li,
  .cke_editable .post-navcon li,
  .case_content .post-navcon li,
  .post-navcon li {
    font-size: 12px;
  }
  #vue-block-app .post-navcon li:before,
  .cke_editable .post-navcon li:before,
  .case_content .post-navcon li:before,
  .post-navcon li:before {
    top: 5px;
  }
}

.cke_editable .post-note,.case_content .post-note,.post-note{padding:1em;border-radius:3px;font-size:14px;line-height:24px}.cke_editable .post-note.bg-ogray,.case_content .post-note.bg-ogray,.post-note.bg-ogray{background-color:#e6e6e6}.cke_editable .post-note.bg-oblue,.case_content .post-note.bg-oblue,.post-note.bg-oblue{background-color:#eef3f3}.cke_editable .post-note.bg-opink,.case_content .post-note.bg-opink,.post-note.bg-opink{background-color:#f8f8f8}.cke_editable .post-note.bg-oyell,.case_content .post-note.bg-oyell,.post-note.bg-oyell{background-color:#f7f3cf}.cke_editable .post-note dt,.case_content .post-note dt,.post-note dt{font-size:14px;font-weight:700;color:#000;padding:0;margin-bottom:8px}.cke_editable .post-note dd,.case_content .post-note dd,.post-note dd{position:relative;padding-left:1em;margin:0 0 5px;font-size:14px;line-height:24px}.cke_editable .post-note dd::before,.case_content .post-note dd::before,.post-note dd::before{content:'•';display:block;position:absolute;left:0;top:-1px}

.cke_editable .post-tip,.case_content .post-tip,.post-tip{border:2px dashed #0075b8;padding:1em;border-radius:3px;font-size:14px;line-height:24px;margin:1em auto}.cke_editable .post-tip.bg-ogray,.case_content .post-tip.bg-ogray,.post-tip.bg-ogray{background-color:#e6e6e6}.cke_editable .post-tip.bg-oblue,.case_content .post-tip.bg-oblue,.post-tip.bg-oblue{background-color:#eef3f3}.cke_editable .post-tip.bg-opink,.case_content .post-tip.bg-opink,.post-tip.bg-opink{background-color:#f8f8f8}.cke_editable .post-tip.bg-oyell,.case_content .post-tip.bg-oyell,.post-tip.bg-oyell{background-color:#f7f3cf}

.cke_editable .post-tips,.case_content .post-tips,.post-tips{border:1px dashed #0075b8;padding:1em;background-color:#f7f3cf;border-radius:3px;font-size:14px;line-height:24px}.cke_editable .post-tips dt,.case_content .post-tips dt,.post-tips dt{font-size:14px;font-weight:700;color:#000;padding:0;margin-bottom:8px}.cke_editable .post-tips dd,.case_content .post-tips dd,.post-tips dd{position:relative;padding-left:2em;margin:0 0 5px;font-size:14px;line-height:24px}.cke_editable .post-tips dd::before,.case_content .post-tips dd::before,.post-tips dd::before{content:'✍';display:block;position:absolute;left:0;top:-1px}

.cke_editable .post-quote,.case_content .post-quote,.post-quote{font-family:'Myriad Pro',Segoe UI,'Helvetica Neue',Helvetica,Arial,sans-serif}.cke_editable .post-quote:after,.case_content .post-quote:after,.post-quote:after{content:'';display:block;overflow:hidden;visibility:hidden;clear:both;height:0}.cke_editable .post-quote>.a-fl,.case_content .post-quote>.a-fl,.post-quote>.a-fl{float:left}.cke_editable .post-quote>.a-fr,.case_content .post-quote>.a-fr,.post-quote>.a-fr{float:left;width:calc(100% - 50px)}.cke_editable .post-quote>.a-fr p,.case_content .post-quote>.a-fr p,.post-quote>.a-fr p{padding-left:10px;height:auto;position:relative;margin:auto;text-align:left;line-height:26px;font-size:14px;color:#848383}.cke_editable .post-quote>.a-fr .queFrom,.case_content .post-quote>.a-fr .queFrom,.post-quote>.a-fr .queFrom{text-align:right}.cke_editable .post-quote h4,.case_content .post-quote h4,.post-quote h4{padding-left:10px;font-size:16px;font-weight:700;color:#000;margin-bottom:5px}.post-quote .a-fl{width: 43px;height: 35px;background-image: url(/assets/images/icon-0.png);}

.cke_editable .post-secdown,.case_content .post-secdown,.post-secdown{display:table;margin:1em auto;min-width:270px;text-align:center;border:0;color:#63686b;text-decoration:none;line-height:normal}.cke_editable .post-secdown .a-tp,.case_content .post-secdown .a-tp,.post-secdown .a-tp{background-color:#16aaef;color:#fff;border-radius:3px;display:flex;justify-content:center;align-items:center;}.cke_editable .post-secdown .a-tp:hover,.case_content .post-secdown .a-tp:hover,.post-secdown .a-tp:hover{background-image:none;background-color:#39c0ff;color:#fff}.cke_editable .post-secdown .a-tp:hover::before,.cke_editable .post-secdown .a-tp:hover:before,.case_content .post-secdown .a-tp:hover::before,.case_content .post-secdown .a-tp:hover:before,.post-secdown .a-tp:hover::before,.post-secdown .a-tp:hover:before{position:static;width:60px;float:left}.cke_editable .post-secdown .a-tp>span,.case_content .post-secdown .a-tp>span,.post-secdown .a-tp>span{display:block;float:right;width:calc(100% - 63px);padding:12px 0;text-align:center;font-weight:400;cursor:pointer;}.cke_editable .post-secdown .a-tp>span>span,.case_content .post-secdown .a-tp>span>span,.post-secdown .a-tp>span>span{margin:0;word-break:keep-all;white-space:nowrap;display:block}.cke_editable .post-secdown .a-tp>span>span:first-child,.case_content .post-secdown .a-tp>span>span:first-child,.post-secdown .a-tp>span>span:first-child{font-size:18px;padding:0 15px;font-weight:700}.cke_editable .post-secdown .a-tp>span>span:last-child,.case_content .post-secdown .a-tp>span>span:last-child,.post-secdown .a-tp>span>span:last-child{font-size:12px;font-weight:400}.cke_editable .post-secdown .a-tp::before,.cke_editable .post-secdown .a-tp:before,.case_content .post-secdown .a-tp::before,.case_content .post-secdown .a-tp:before,.post-secdown .a-tp::before,.post-secdown .a-tp:before{content:'';background:url(/assets/images/icon-download-0.png) no-repeat center;display:block;float:left;width:60px;height:60px;border-right:1px solid #fff;position:static}.cke_editable .post-secdown .a-tp::after,.cke_editable .post-secdown .a-tp:after,.case_content .post-secdown .a-tp::after,.case_content .post-secdown .a-tp:after,.post-secdown .a-tp::after,.post-secdown .a-tp:after{content:'';display:block;overflow:hidden;visibility:hidden;height:0;clear:both}.cke_editable .post-secdown .a-bt,.case_content .post-secdown .a-bt,.post-secdown .a-bt{display:block;margin-top:4px;position:relative}.cke_editable .post-secdown .a-bt::before,.case_content .post-secdown .a-bt::before,.post-secdown .a-bt::before{content:'';display:inline-block;vertical-align:middle;margin-right:4px;width:14px;height:17px;background:url(/assets/images/ic-security-0.png) no-repeat center;-webkit-background-size:contain;background-size:contain;position:relative;top:-2px}.cke_editable .post-secdown .a-bt img,.case_content .post-secdown .a-bt img,.post-secdown .a-bt img{vertical-align:middle;margin-bottom:1px;display:none;max-width:100%}

@media all and (max-width: 767.98px) {
  .cke_editable .post-secdown, .case_content .post-secdown, .post-secdown {
    min-width: 190px;
  }
  .cke_editable .post-secdown .a-tp::before, .cke_editable .post-secdown .a-tp:before, .case_content .post-secdown .a-tp::before, .case_content .post-secdown .a-tp:before, .post-secdown .a-tp::before, .post-secdown .a-tp:before {
    content: none;
  }
}

.cke_editable .post-svideo,.case_content .post-svideo,.post-svideo{margin-bottom:15px;margin-top: 15px;overflow:hidden}.cke_editable .post-svideo:hover iframe,.case_content .post-svideo:hover iframe,.post-svideo:hover iframe{-webkit-box-shadow:0 3px 5px 3px rgba(0,0,0,.1);-moz-box-shadow:0 3px 5px 3px rgba(0,0,0,.1);box-shadow:0 3px 5px 3px rgba(0,0,0,.1)}.cke_editable .post-svideo iframe,.case_content .post-svideo iframe,.post-svideo iframe{display:block;margin:auto;width:100%;height:0;border:0;padding-bottom:56.25%}.cke_editable .post-svideo.as-loaded,.case_content .post-svideo.as-loaded,.post-svideo.as-loaded{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.cke_editable .post-svideo.as-loaded iframe,.case_content .post-svideo.as-loaded iframe,.post-svideo.as-loaded iframe{left:0;top:0;height:100%;width:100%;padding-bottom:0;position:absolute}

#vue-block-app .up-free,
.up-free {
    background: #131313;
    border-radius: 16px 16px 16px 16px;
    opacity: 1;
    padding: 40px;
    background: url(/assets/images/bg-tu1@2x.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0;
}
#vue-block-app .up-text,
.up-text {
    max-width: 660px;
}
#vue-block-app .up-text h2,
.up-text h2 {
    font-size: 30px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 40px;
    margin-bottom: 8px;
    background: none !important;
    border: none !important;
}
#vue-block-app .up-free .up-text h2,
.up-free .up-text h2 {
  margin-top: 0;
  padding-left: 0;
}
#vue-block-app .up-free .up-text h2::before,
.up-free .up-text h2::before {
  content: none;
}
#vue-block-app .up-text p,
.up-text p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
    margin-bottom: 0;
}
#vue-block-app .up-btn,
.up-btn {
    width: 294px;
    height: 64px;
    margin: 20px;
    background: #1D70EC;
    border-radius: 288px 288px 288px 288px;
    opacity: 1;
    text-align: center;
    line-height: 64px;
}
#vue-block-app .up-btn:hover,
.up-btn:hover {
    cursor: pointer;
    background: #2258F6;
}
#vue-block-app .up-btn .btn-box2,
.up-btn .btn-box2 {
    position: relative;
    width: 294px;
    height: 64px;
    background: #1D70EC;
    color: #FFF;
    border-radius: 288px 288px 288px 288px;
    opacity: 1;
    margin: 0 10px;
    line-height: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#vue-block-app .up-btn .btn-box2::after,
.up-btn .btn-box2::after{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/resource/images/answers/ic-download-24.svg) no-repeat;
    background-size: cover;
    margin-right: 8px;
    position: absolute;
    left: 40px;
}

#vue-block-app .up-btn .btn-box2:hover,
.up-btn .btn-box2:hover {
    background: #2258F6;
}
#vue-block-app .up-btn .btn-box2 .down,
.up-btn .btn-box2 .down {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/resource/images/answers/ic-download-24.svg) no-repeat;
    background-size: cover;
    margin-right: 8px;
}
#vue-block-app .up-btn .btn-box2 .bt-txt,
.up-btn .btn-box2 .bt-txt{
    display: inline-block;
    text-align: center;
}
@media all and (max-width: 1200px) {
  #vue-block-app .up-free,
  .up-free {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 767.98px) {
  #vue-block-app .up-free,
  .up-free{
    padding: 20px;
  }
  #vue-block-app .up-free .up-text h2,
  #vue-app .up-free .up-text h2,
  .up-free .up-text h2 {
    font-size: 16px;
  }
  #vue-block-app .up-btn,
  .up-btn {
    width: 240px;
    height: 36px;
    line-height: 36px;
    margin: 20px auto;
  }
}
#vue-block-app .steps h3,
.steps h3 {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    line-height: 26px;
    margin-bottom: 40px;
    background: none !important;
    border: none !important;
}
#vue-block-app .steps span,
.steps span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #d8e1fa;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    margin-right: 8px;
    font-size: 15px;
    font-weight: 600;
    vertical-align: middle;
    margin-top: -5px;
}

.conter-box-citation,.conter-box-citation p {
    font-size: 18px;
    opacity: .8;
    line-height: 1.6;
    position: relative;
    padding-left: 8px;
}
.conter-box-citation::before {
    width: 4px;
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #2258F6;
}

.conter-table {
    margin-bottom: 24px;
    overflow: auto
}

.conter-table table {
    border: 1px solid #D6D6D6
}

.conter-table table th, .conter-table table td {
    border: 1px solid #D6D6D6;
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    padding: 16px;
    text-align: left;
    vertical-align: middle
}
.conter-table table tr td:nth-of-type(2){
    font-weight: normal !important;
}

.conter-table table .table-txt {
    line-height: 24px;
    font-weight: 400
}

.conter-table table th:nth-child(2), .conter-table table td:nth-child(2) {
    width: 58.96%
}

.conter-table table th:nth-child(3), .conter-table table td:nth-child(3) {
    text-align: center
}
.conter-tips {
    background: #F2FBF8;
    margin-top: 40px;
    padding: 24px;
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 32px;
    border-radius: 16px 16px 16px 16px
}
.conter-notes {
    background: #FDF7EB;
    margin-top: 40px;
    padding: 24px;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 40px;
    border-radius: 16px 16px 16px 16px;
}
.conter-warning {
    background: #FEF6F6;
    margin-top: 40px;
    padding: 24px;
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 32px;
    border-radius: 16px 16px 16px 16px
}
@media all and (max-width: 767.98px) {
  .conter-table table th, .conter-table table td {
    font-size: 12px;
    line-height: 1.5;
    padding: 8px;
  }
  .conter-tips, .conter-notes, .conter-warning {
    line-height: 1.5;
  }
}

.conter-down2 {
    margin: 40px 0;
    text-align: center
}

.conter-down2 .btn-item {
    font-size: 12px;
    color: #000;
    height: auto;
    padding: 0;
    min-width: 0
}

.conter-down2 .btn-item .tip {
    margin-top: 16px;
    line-height: 22px;
    font-size: 16px
}

.conter-down2 .btn-item .tip img {
    font-weight: 100;
    vertical-align: -4px
}

.conter-down2 .btn-down {
    line-height: 1;
    height: 64px;
    min-width: 296px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(34, 88, 246, 0.4);
    box-shadow: 0 10px 20px 0 rgba(34, 88, 246, 0.4);
    padding: 7px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.conter-down2 .btn-down .btn-box {
    height: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.conter-down2 .btn-down .down-ic {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/resource/images/ab-theme/ub-article-ab-ic-download-24.svg) no-repeat;
    background-size: 24px 24px;
    margin-right: 10px
}

.conter-down2 .btn-down .txt {
    line-height: 1;
    font-size: 20px;
    margin-left: 35px;
}

.conter-down2 .btn-down .ed {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

.transaction {
    border-radius: 16px 16px 16px 16px;
    background-size: 100% 100%;
    padding: 40px 40px 40px 80px;
    margin-bottom: 40px;
    margin-top: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.transaction .right {
    width: 64.5%;
    margin-left: 9.8%
}

.transaction .right .tt {
    line-height: 26px;
    margin-bottom: 16px;
    font-weight: 600
}

.transaction .right .tt img {
    margin-right: 5px;
    vertical-align: -9px
}

.transaction .right .tt2 {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 16px
}

.transaction .right ul {
    font-size: 14px;
    line-height: 24px
}

.transaction .right ul li {
    position: relative;
    padding-left: 12px
}

.transaction .right ul li::before {
    content: '';
    left: 0;
    top: 9px;
    display: block;
    position: absolute;
    background: #000;
    width: 3px;
    height: 3px;
    border-radius: 50%
}

.transaction .btn-item {
    margin-top: 16px;
    font-size: 12px;
    color: #000;
    line-height: 1;
    padding: 0
}

.transaction .btn-item .tip {
    margin-top: 8px;
    line-height: 18px
}

.transaction .btn-item .tip img {
    font-weight: 100;
    vertical-align: -4px
}

.transaction .btn-down {
    line-height: 1;
    height: 48px;
    min-width: 220px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(34, 88, 246, 0.4);
    box-shadow: 0 10px 20px 0 rgba(34, 88, 246, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.transaction .btn-down .btn-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.transaction .btn-down .down-ic {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/resource/images/download/ab-download-ic-download-white-24@2x.webp) no-repeat;
    background-size: 24px 24px;
    margin-right: 10px
}

.transaction .btn-down .txt {
    line-height: 1;
    font-size: 14px
}

.transaction .btn-down .ed {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

/* ---------- CLI 代码块（Linux / ESXi 等命令行，含复制与 Prism bash 着色） ---------- */
.i2-cli-code {
  background-color: #0d0d0d;
  border-radius: 8px;
  overflow: hidden;
  margin: 1.5em 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.i2-cli-code__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #343541;
  color: #b4b4b4;
  padding: 8px 16px;
  font-size: 12px;
}

.i2-cli-code__copy {
  background: none;
  border: none;
  color: #b4b4b4;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  transition: color 0.2s;
  padding: 0;
}

.i2-cli-code__copy:hover {
  color: #fff;
}

.i2-cli-code__copy:focus {
  outline: none;
}

.i2-cli-code__copy:focus-visible {
  outline: 2px solid #10a37f;
  outline-offset: 2px;
  border-radius: 4px;
}

.i2-cli-code pre {
  margin: 0;
  padding: 16px;
  overflow-x: auto;
  background-color: transparent !important;
}

.i2-cli-code code {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 14px;
  line-height: 1.5;
  color: #e5e5e5;
}

.i2-cli-code pre[class*="language-"],
.cke_editable .i2-cli-code pre[class*="language-"],
.case_content .i2-cli-code pre[class*="language-"] {
  margin: 0;
  padding: 16px;
  overflow-x: auto;
  background: transparent !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.i2-cli-code code[class*="language-"],
.cke_editable .i2-cli-code code[class*="language-"],
.case_content .i2-cli-code code[class*="language-"] {
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 14px;
  line-height: 1.5;
  background: transparent !important;
  white-space: pre;
}

@media all and (max-width: 767.98px) {
  .i2-cli-code code[class*="language-"],
  .cke_editable .i2-cli-code code[class*="language-"],
  .case_content .i2-cli-code code[class*="language-"] {
    font-size: 12px;
  }
}