/*
	[DESTOON] Copyright (c) 2008-2021 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
* {word-break:break-all;font-family:"Microsoft Yahei",Tahoma,Verdana,Arial;-webkit-text-size-adjust:none;}
input,select,textarea {font-size:12px;padding:4px;}
img {border:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
/* links */
a:link,a:visited,a:active {color:#333333;text-decoration:none}
a:hover {color:#FF6600;}
a.w:link,a.w:visited,a.w:active{text-decoration:none;color:#FFFFFF;}
a.w:hover{text-decoration:underline;}
a.t:link,a.t:visited,a.t:active{text-decoration:none;color:#225588;}
a.t:hover{text-decoration:underline;}
a.b:link,a.b:visited,a.b:active {color:#014CCC;text-decoration:none;}
a.b:hover {color:#FF6600;}
/* show */
.title {text-align:center;font-size:20px;font-weight:bold;line-height:48px;}
.info {margin:16px 16px 0 16px;background:#F1F1F1;line-height:48px;text-align:center;}
.content {font-size:14px;line-height:180%;padding:20px;}
.content p {margin:0 0 16px 0;}
.property {border:#E6E6E6 1px solid;background:#F6F6F6;padding:16px;margin:0 20px;}
.property li {float:left;width:30%;height:24px;line-height:24px;overflow:hidden;}
.foot {background:#F1F1F1;padding:20px;line-height:32px;}
.foot i,.top i {font-style:normal;color:#999999;padding:0 8px;}
.pos {padding:16px 16px 16px 32px;height:24px;line-height:24px;background:url('../image/pos.png') no-repeat 6px 18px;font-size:14px;}
.pos div {float:right;}
.pos i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.pos em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.pos .f_r {font-size:12px;color:#666666;}

.inp {border:#CCCCCC 1px solid;color:#666666;}
.sbm {height:28px;line-height:28px;border:#CCCCCC 1px solid;color:#333333;background:#EEEEEE;padding:0 10px;cursor:pointer;}
.sbm:hover {background:#DDDDDD;}
.banner {margin-top:20px;}
/* sign */
.sign {z-index:1000;position:absolute;width:180px;height:50px;background:url('../image/vip_bg.gif') no-repeat;margin:32px 0 0 1000px;}
.sign div {padding:23px 0 0 73px;}
.sign strong {font-size:18px;color:red;}
.sign span {font-size:18px;color:red;font-weight:bold;padding:0 0 0 60px;}
/* thumb */
.thumb {padding:16px;}
.thumb img {border:#C0C0C0 1px solid;padding:2px;}
.thumb div {width:90%;height:26px;overflow:hidden;line-height:26px;font-size:13px;margin:6px 0 6px 0;}
.thumb p {font-size:10px;color:#888888;margin:2px;}
.thumb:hover{background:#F1F1F1;}
/* album */
#mid_pos {position:absolute;}
#mid_div {width:400px;height:300px;cursor:crosshair;border:#DDDDDD 1px solid;background:#F2F2F2;}
#zoomer {width:160px;height:120px;background:#FFFFFF url('../image/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:560px;height:420px;border:#DDDDDD 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {cursor:pointer;}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:url('../image/ab-zoom.png') no-repeat center center;position:absolute;z-index:5;margin:270px 0 0 -30px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:#FFFFFF url('../image/ab-play.png') no-repeat center center;position:absolute;z-index:7;margin:-150px 0 0 176px;}
.ab_play:hover {background:#FFFFFF url('../image/ab-play-on.png') no-repeat center center;cursor:pointer;}
.ab_hide {width:30px;height:30px;background:url('../image/ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-300px 0 0 370px;display:none;}
.ab_hide:hover {background:url('../image/ab-hide-on.png') no-repeat center center;cursor:pointer;}
.ab_video {width:400px;height:300px;border:#000000 1px solid;background:#000000;position:absolute;z-index:10;margin:-302px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#C0C0C0 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:50px;height:50px;background:#FF6600;}
/* pages */
.pages {padding:20px 0;text-align:center;font-size:12px;}
.pages a:link,.pages a:visited,.pages a:active  {background:#FFFFFF;border:#E6E6E6 1px solid;padding:6px;text-decoration:none;margin:0 6px;}
.pages a:hover  {background:#F1F1F1;border:#CCCCCC 1px solid;color:#FF6600;}
.pages strong {background:#2E6AB1;padding:6px;border:#CCCCCC 1px solid;color:#FFFFFF;}
.pages_inp {border:#CCCCCC 1px solid;padding:6px;width:30px;text-align:center;color:#666666;}
.pages_btn {width:48px;background:#EEEEEE;border:#CCCCCC 1px solid;font-weight:bold;padding:6px;margin:0 6px;}
.pages label {background:#FFFFFF;border:#CCCCCC 1px solid;padding:6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
/* comment */
.stat {padding:15px 0 10px 0;}
.stat_p {height:10px;line-height:10px;background:#FFF7D2;font-size:1px;}
.stat_p div {height:10px;line-height:10px;background:#FFA40D;border-left:#FFA40D 2px solid;float:left;}

.comment_sp {background:#F9FCFE;}
.comment_content {color:#333333;font-size:14px;line-height:180%;clear:both;padding:5px;}
.comment_title {height:26px;line-height:26px;color:#1B4C7A;padding:0 5px 0 5px;}
.comment_reply {padding:5px 10px 5px 10px;margin:0 5px 0 5px;line-height:180%;border:#E6E6E6 1px solid;background:#FFFFE3;}
.comment_no,.order_no {text-align:center;padding:20px;font-size:13px;}

/* basic */
.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:#FF0000;}
.f_blue {color:#003EAA;}
.f_green {color:#2BA245;}
.f_dblue {color:#225588;}
.f_price {font-weight:bold;font-family:Arial;color:#FF6600;}
.px12 {font-size:12px;}
.px14 {font-size:14px;}
.lh18 {line-height:180%;}
.b10 {font-size:1px;height:10px;}
.pd10 {padding:10px;}
.c_b{clear:both;}
.dsn {display:none;}
.c_p {cursor:pointer;}
.highlight {color:red;}

.btn-act {font-size:16px;width:148px;height:36px;line-height:36px;border:none;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;}
.btn-act {background:#FF6600;border:#FF2200 1px solid;color:#FFFFFF;}
.btn-act:hover {background:#F22D00;}

/*diy css s*/
/* ============================================================
   百度搜索AI回答风格
   主色 #4e6ef2  浅蓝底 #f5f7ff  文字 #1a1a1a
   ============================================================ */

/* ========== h2 大标题（带图标方块感） ========== */
.content h2 {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 32px 0 16px;
  padding: 4px 0 4px 32px;
  line-height: 1.5;
}

/* 左侧蓝色渐变小图标 */
.content h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: linear-gradient(135deg, #4e6ef2 0%, #7b93ff 100%);
  box-shadow: 0 2px 6px rgba(78, 110, 242, 0.3);
}

/* 图标内的白色装饰线 */
.content h2::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  box-shadow: 0 4px 0 #fff, 0 -4px 0 #fff;
}

/* ========== h3 小标题（简洁前缀标记） ========== */
.content h3 {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 22px 0 10px;
  padding-left: 16px;
  line-height: 1.5;
}

/* 左侧蓝色短竖线 */
.content h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 14px;
  background: #4e6ef2;
  border-radius: 2px;
}

/* 第一个 h2 收紧上边距 */
.content h2:first-of-type {
  margin-top: 8px;
}

/* ========== ul 无序列表 ========== */
.content ul {
  margin: 12px 0;
  padding-left: 8px;
  list-style: none;
}

.content ul li {
  position: relative;
  padding: 6px 0 6px 20px;
  font-size: 15px;
  color: #333;
  line-height: 1.7;
}

/* 自定义蓝色圆点 */
.content ul li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 14px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4e6ef2;
}

/* ========== ol 有序列表（步骤圆圈 + 连接线） ========== */
.content ol {
  margin: 12px 0;
  padding-left: 0;
  list-style: none;
  counter-reset: step-counter;
}

.content ol li {
  position: relative;
  padding: 8px 0 8px 36px;
  font-size: 15px;
  color: #333;
  line-height: 1.7;
  counter-increment: step-counter;
}

/* 数字圆圈 */
.content ol li::before {
  content: counter(step-counter);
  position: absolute;
  left: 0;
  top: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #4e6ef2;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  z-index: 1;
}

/* 步骤之间的连接线 */
.content ol li:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 34px;
  bottom: -2px;
  width: 2px;
  background: #e0e6ff;
}

/* ========== img 图片 ========== */
.content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 16px auto;
  border-radius: 10px;
  border: 1px solid #eef0f5;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease;
}

.content img:hover {
  box-shadow: 0 4px 20px rgba(78, 110, 242, 0.15);
}

/* ========== 响应式基础适配 ========== */
@media (max-width: 640px) {
  .content h2 {
    font-size: 18px;
    padding-left: 28px;
  }
  .content h2::before {
    width: 20px;
    height: 20px;
  }
  .content h3 {
    font-size: 15px;
  }
  .content ul li,
  .content ol li {
    font-size: 14px;
  }
}
/*缩进*/

/*diy css e*/