/* 全局样式重置 - 解决默认样式导致的错位 */
* {
  margin: 0;
  padding: 0;
   /* 内边距/边框不撑大元素宽度 */
}

ul, li {
  list-style: none; /* 清除列表默认圆点/缩进 */
}
a {
  text-decoration: none;
  color: #333;
}
img {
  border: none;
  vertical-align: middle; /* 清除图片底部空白缝隙 */
}
.clearfix::after { /* 通用浮动清理类 */
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.clearfix {
  zoom: 1; /* 兼容IE6/7 */
}

body{background:#f5f5f5;font-size:14px;color:#333;font-family:"Microsoft Yahei","微软雅黑","MicrosoftJhengHei","华文细黑","Hiragino Sans GB","sans-serif";}
em{font-style:normal;font-weight:normal;}
dl,ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button{vertical-align:middle;font-size:100%;list-style:none;outline:none;border:0;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{content:"\200b";display:block;height:0;clear:both;}
.fl{float:left;}
.fr{float:right;}
i,em,q{font-style:normal;}
img{border:0;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#ff700a;}
.container{width:1200px;margin:0 auto;
     height: 400px;
            position: relative;
            color: white;
            text-align: left;
            padding: 0 20px;
            z-index: 2; 
}
.container:before,.container:after{content:" ";display:table;clear:both;}
.figures_list{min-height:550px;}
span.pageinfo{display:none;}
.button2{background:#ff700a !important;border-radius:20px;}
.button2:hover{background:#e05d00 !important;}
.pc-sjh{background:#ff700a !important;border:1px solid #ff700a !important;font-size:14px;color:#fff;line-height:30px;display:inline-block;width:100px;text-align:center;margin-right:15px;}
.pc-sjh:hover{background:#e05d00 !important;border:1px solid #e05d00 !important;color:#fff;}
.newbtn,.w200,.w300,.login_from{border:1px solid #ddd !important;}
.newbtn:focus,.w200:focus,.login_from:focus{border-color:#ff700a !important;}
.pc-kecheng-xc{width:1200px;height:30px;overflow:hidden;margin:0 auto;}
.top-yey-pc-gl{padding-top:50px;}
.foot-notice{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
/*重写样式*/
.box-operation table thead tr th{background-color:#333 !important;}
.user-info-vip span a{background:#ff700a !important;border-radius:5px !important;}
.pay-method .btn-grey-weixin.on{border-color:#ff700a !important;}
.pay-method li:hover{border-color:#ff700a !important;}
.course-cover-fr li .title:hover{color:#ff700a !important;}
.aui-nav-list-box ul li span:hover{color:#ff700a !important;}
.aui-nav-list-box .aui-current{color:#ff700a !important;}
.pc-video-vip-lst .m-video-viphy{border-radius:5px !important;}
.welcome .welcome-list li a{background:#ff700a !important;}
.recharge .pc-vip-list .money{color:#ff700a !important;}
.recharge .pc-vip-list.active{border:#ff700a 2px solid !important;}
.recharge .pc-vip-list:hover{border:#ff700a 2px solid !important;}
.recharge .pc-vip-list .icon-recomd{background:#ff700a !important;}
/*面包削导航*/
.mianbaoxiao{width:1200px;margin:0 auto;font-size:14px;overflow:hidden;}
.mianbaoxiao .mianbao-min{line-height:20px;color:#999;}
.mianbaoxiao .mianbao-min a{color:#999;}
.mianbaoxiao .mianbao-min a:hover{color:#ff700a;}
/*新闻列表-右侧*/
.star-article-r{width:330px;float:right;}
.article-hot-l{background:#fff;padding:25px 20px;margin-bottom:20px;border-radius:8px;}
.article-hot-l .clear-fix{font-size:18px;line-height:20px;color:#333;display:inline-block;font-weight:700;}
.article-hot-l ul li{height:20px;line-height:20px;margin-top:20px;}
.article-hot-l ul li em{float:left;width:25px;height:20px;line-height:20px;text-align:center;background:#ddd;font-size:13px;color:#fff;border-radius:3px;margin-right:10px;}
.article-hot-l ul li .top{background:#ff700a;}
.article-hot-l ul li:nth-child(-n+3) em{background:#ff700a;}
.article-hot-l ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:14px;}
.article-hot-l ul li a:hover{color:#ff700a;}
/*新闻文章页面*/
.news_aricle{width:1200px;margin:0 auto;margin-bottom:50px;overflow:hidden;}
.aricle_left{width:885px;float:left;}
.min_box{padding:0 25px 15px 25px;background-color:#fff;margin-bottom:20px;border-radius:8px;}
.aricle_tiele{padding:40px 0 20px 0;}
.aricle_tiele h1{color:#333;font-size:28px;font-weight:700;}
.aricle_banquan{line-height:20px;color:#999;padding-bottom:12px;font-size:12px;}
.aricle_banquan .author,.aricle_banquan .time{margin:0 15px 0 0;}
.aricle_content h2{font-size:16px;margin-bottom:10px;font-weight:700;line-height:18px;border-left:3px solid #ff700a;padding-left:10px;}
.aricle_content p{margin-bottom:25px;margin-top:20px;font-size:16px;color:#333;line-height:28px;overflow:hidden;}
.aricle_content p a{color:#1a79ff;}
.aricle_content p img{margin:0 auto;display:block;}
/*相关阅读*/
.aricle-tuijian{border:1px #d0d4c8 dashed;background:#f4f5f6 url(../images/blockquote.gif) 5px 3px no-repeat;padding:8px 12px 8px 36px;margin-bottom:50px;}
.aricle-tuijian p{padding:8px 0;line-height:26px;color:#2a2a2a;}
.aricle-tuijian p a{color:#450A11;font-size:16px;}
.aricle-tuijian p a:hover{color:#ff700a;}
.aricle-tuijian .reading{line-height:26px;padding:8px 0;color:#333;font-size:16px;font-weight:700;}
.yey-banquan-sm{font-size:14px;color:#999;line-height:24px;padding-bottom:50px;margin-top:20px}
.ycwz{display:none}
.min_box{position:relative}
.min_box .first{position:absolute;left:0;top:0;width:50px;height:50px;background:url(../images/article-icon.png) 0 -80px;display:block !important}
/* 隐藏内容容器 - 修复图片遮挡 + 自适应 */
.hidden-content {
  border: 1px solid #dcdfe6;
  border-radius: 6px;
  padding: clamp(8px, 2vw, 16px);
  background-color: #f8f9fa;
  display: block;
  transition: border-color 0.2s;
  /* 取消横向溢出隐藏（避免图片被挡），只保留纵向滚动 */
  overflow-x: visible; 
  overflow-y: auto;
  max-height: clamp(300px, 50vh, 600px);
  width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 100%;
  margin: 0 auto;
  /* 新增：给容器加内边距缓冲，避免图片贴边 */
  position: relative;
}

/* 核心：广告图片自适应容器，不超出、不被挡 */
.hidden-content img {
  /* 图片宽度完全适配容器，自动缩小 */
  width: 100% !important;
  /* 高度自动，保持比例 */
  height: auto !important;
  /* 取消图片的绝对定位/浮动等可能导致遮挡的属性 */
  position: static !important;
  float: none !important;
  /* 图片居中，避免贴边被挡 */
  display: block !important;
  margin: 0 auto !important;
  /* 防止图片边缘被容器边框遮挡 */
  box-sizing: border-box;
  padding: 2px 0;
}

/* 广告链接容器适配 */
.hidden-content a {
  display: block !important;
  width: 100% !important;
  /* 取消链接的溢出隐藏 */
  overflow: visible !important;
}

/* 无缩略图时的适配 */
.min_box.no-thumbnail .hidden-content{
  margin-left:0 !important;
  max-width: 100% !important;
  /* 确保小屏也不遮挡 */
  overflow-x: visible !important;
}

.hidden-content:hover {border-color: #c0c4cc;}

.hidden-content p,
.hidden-content span,
.hidden-content div {
  margin: 0 0 clamp(5px, 1vw, 10px) 0;
  line-height: 1.6;
  color: #303133;
  word-wrap: break-word;
  word-break: break-all;
  font-size: clamp(14px, 1.5vw, 16px);
}

.hidden-content a {
  color: #409eff;
  text-decoration: none;
  word-break: break-word;
}
.hidden-content a:hover {
  color: #66b1ff;
  text-decoration: underline;
}

/* 小屏额外优化 */
@media (max-width: 768px) {
  .hidden-content {
    max-height: 250px;
    padding: 10px;
    border-radius: 4px;
  }
  .hidden-content img {
    /* 小屏图片额外留边，避免贴边 */
    padding: 0 2px;
  }
}

@media (max-width: 480px) {
  .hidden-content {
    max-height: 200px;
    padding: 8px;
  }
  .hidden-content img {
    font-size: 14px;
  }
}
/* 针对小屏设备（手机）的额外优化 */
@media (max-width: 768px) {
  .hidden-content {
    /* 手机端最大高度降低，适配屏幕 */
    max-height: 250px;
    padding: 10px; /* 手机端内边距更小 */
    border-radius: 4px; /* 圆角适配小屏 */
  }
  .hidden-content p,
  .hidden-content span,
  .hidden-content div {
    line-height: 1.5; /* 手机端行高更紧凑 */
    margin-bottom: 8px;
  }
}

/* 针对超小屏（窄屏手机） */
@media (max-width: 480px) {
  .hidden-content {
    max-height: 200px;
    padding: 8px;
  }
  .hidden-content p,
  .hidden-content span,
  .hidden-content div {
    font-size: 14px; /* 固定字号，避免过小 */
  }
}
/* 2. 主容器强制约束：永远不会溢出 */
.page-main-container {
    width: 100%;
    max-width: 1200px; /* 适配PC端最大宽度 */
    margin: 0 auto;
   
    padding: 0 15px; /* 小屏兜底 */
}
/* 3. 文章内容容器兜底：所有内容都在容器内 */
.aricle_content {
    width: 100% !important;
    overflow: hidden !important;
    word-wrap: break-word !important; /* 超长文字自动换行 */
}
/* 4. 侧边栏适配：避免和主内容重叠 */
.star-article-r {
    flex-shrink: 0; /* 防止被挤压 */
    width: 300px;
    max-width: 100%; /* 小屏自适应 */
}
/* 5. 媒体查询：小屏（手机）下强制单列布局 */
@media (max-width: 768px) {
    .news_aricle {
        flex-direction: column !important; /* 取消左右布局，改为上下 */
    }
    .star-article-r {
        width: 100% !important;
        margin-top: 20px;
    }
}


/* 资源下载卡片整体样式 */
.widget.ripro-v2-widget-shop-down {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  padding: 20px;
  margin-bottom: 20px;
  font-family: "Microsoft Yahei", sans-serif;
}

/* 价格标题栏样式 */
.ripro-v2-widget-shop-down .price {
  margin-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}

.ripro-v2-widget-shop-down .price h3 {
  font-size: 16px;
  color: #333333;
  margin: 0;
  font-weight: 600;
}

.ripro-v2-widget-shop-down .price h3 i {
  color: #409eff;
  margin-right: 5px;
}

/* 价格选项列表 */
.ripro-v2-widget-shop-down .pricing-options {
  list-style: none;
  padding: 0;
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ripro-v2-widget-shop-down .pricing-options li {
  background-color: #f8f9fa;
  padding: 8px 15px;
  border-radius: 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.ripro-v2-widget-shop-down .pricing-options li span {
  color: #666666;
}

.ripro-v2-widget-shop-down .pricing-options li b {
  color: #e6a23c;
  font-weight: 600;
}

/* 下载按钮区域 */
.ripro-v2-widget-shop-down .async-shop-down {
  margin: 20px 0;
}

.ripro-v2-widget-shop-down .login-btn {
  background-color: #409eff;
  border: none;
  color: #ffffff;
  padding: 10px 0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
}

.ripro-v2-widget-shop-down .login-btn:hover {
  background-color: #337ecc;
}

/* 其他信息区域 */
.ripro-v2-widget-shop-down .down-info h5 {
  font-size: 14px;
  color: #333333;
  margin: 0 0 10px 0;
  font-weight: 600;
}

.ripro-v2-widget-shop-down .down-info .infos {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ripro-v2-widget-shop-down .down-info .infos li {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 5px 0;
  border-bottom: 1px dashed #f0f0f0;
}

.ripro-v2-widget-shop-down .data-label {
  color: #666666;
  margin: 0;
}

.ripro-v2-widget-shop-down .info {
  color: #333333;
  font-weight: 500;
  margin: 0;
}

/* 帮助提示文字 */
.ripro-v2-widget-shop-down .down-help {
  color: #999999;
  font-size: 12px;
  margin-top: 15px;
  text-align: center;
}

/* 响应式适配 - 小屏幕优化 */
@media (max-width: 768px) {
  .ripro-v2-widget-shop-down {
    padding: 15px;
  }
  
  .ripro-v2-widget-shop-down .pricing-options {
    flex-direction: column;
    gap: 8px;
  }
  
  .ripro-v2-widget-shop-down .pricing-options li {
    justify-content: space-between;
  }
}

/* 下载地址区域整体样式 */
.down-links.whitebg {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  margin-bottom:20px;
  overflow: hidden;
}

/* 标题栏样式 */
.down-links .news-title {
  background-color: #FF8C00;
  border-bottom: 1px solid #eee;
  padding: 12px 20px;
}

.down-links .news-title h2 {
  font-size: 18px;
  color: #333333;
  margin: 0;
  font-weight: 600;
}

/* 下载提示内容容器 */
.down-links > div[style*="padding: 20px;"] {
  padding: 20px !important; /* 覆盖行内样式，保证一致性 */
  line-height: 1.6;
}

/* 价格/会员提示文字样式 */
.down-links div[style*="font-size:22px;"] {
  font-size: 16px !important; /* 调整22px为更舒适的16px，适配大多数页面 */
  color: #666666;
  margin-bottom: 15px;
}

/* 人数统计+购买按钮区域 */
.down-links div[style*="display: flex;"] {
  display: flex !important;
  align-items: center;
  font-size: 14px !important; /* 调整22px为14px，更协调 */
  margin-top: 20px !important;
  color: #666666;
}

/* 付费金额提示 */
.down-links a[style*="color: #ff9600;"] {
  color: #ff7a00 !important; /* 统一使用你指定的橘色 */
  text-decoration: none;
  margin-left: 10px !important; /* 调整20px为10px，间距更合理 */
}

/* 立即开通按钮样式 */
.down-links .layui-btn-primary.layui-border-orange {
  background-color: #ffffff;
  border-color: #ff7a00;
  color: #ff7a00;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  border-radius: 4px;
  margin-left: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.down-links .layui-btn-primary.layui-border-orange:hover {
  background-color: #fff8f0;
}

/* 购买按钮样式 */
.down-links .layui-btn.layui-bg-red {
  background-color: #ff7a00 !important; /* 替换红色为你指定的橘色 */
  border: none;
  color: #ffffff;
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  border-radius: 4px;
  margin-top: 0 !important; /* 覆盖行内-8px，对齐更整齐 */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.down-links .layui-btn.layui-bg-red:hover {
  background-color: #ff6600; /* hover加深橘色 */
}

/* 响应式适配 - 移动端优化 */
@media (max-width: 768px) {
  .down-links .news-title h2 {
    font-size: 16px;
  }

  .down-links > div[style*="padding: 20px;"] {
    padding: 15px !important;
  }

  .down-links div[style*="font-size:22px;"] {
    font-size: 14px !important;
  }

  .down-links div[style*="display: flex;"] {
    flex-direction: column; /* 移动端纵向排列 */
    align-items: flex-start;
    gap: 10px;
  }

  .down-links a[style*="color: #ff9600;"] {
    margin-left: 0 !important;
  }
}

/*************/
/* 整体 widget 容器 */
#text-1.widget_text {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  max-width: 600px;
  margin: 0 auto;
  margin-bottom:20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
}

/* 标题样式：站长简介 */
#text-1 .widget-title {
  color: #FF8C00; /* 橘红色，与您需求一致 */
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #FF8C00;
  display: inline-block;
}

/* 内容区域 */
#text-1 .textwidget {
  color: #333;
  line-height: 1.6;
  font-size: 15px;
}

/* 所有 div 段落（带 ❤ 的行） */
#text-1 .textwidget > div {
  margin: 12px 0;
  padding-left: 20px;
  position: relative;
}

/* ❤ 图标用伪元素替代（更可控） */
#text-1 .textwidget > div::before {
  content: "❤";
  color: #FF8C00;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}

/* 微信信息强调 */
#text-1 .textwidget p:first-of-type {
  font-weight: bold;
  color: #e74c3c;
  margin: 10px 0 16px;
}


.article-box { 
  margin: 0 auto;
  margin-top:29px;
  background: #f7f7f7;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  overflow: hidden;
  
  
}

.content-box {
  align-items: flex-start;
  gap: 10px;
  display: flex;
  flex-wrap: wrap; 
  
  min-width: 700px;
}

.thumb {
    border-radius: 8px; 
    background: #fff;
  width:400px;
  padding: 15px;
  flex: 0 0 370px; 
  box-sizing: border-box; 
}
.course-img {
  width: 370px; 
  height: 240px; 
  border-radius: 4px;
  overflow: hidden; 
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f5f5; 
}
.course-img .iop {
  width: 100%; 
  height: 100%; 
  display: block;
  object-fit: contain; 
}
.main_info_top_b {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  font-size: 12px;
  color: #666;
}
.main_info_top_item{
    border:0.3px #f7f7f7 solid;
    width:180px;
     display: flex;
}

 .item_content1{
      margin:2px 20px;
    text-align:center;
}
.item_content2{
      margin:2px 20px;
    text-align:center;
}
.item_titles{
    padding:2px 10px;
    float:left;
   background: #e2e2e2; 
   
}
.main_info_top_item2{
    border:0.3px #f7f7f7 solid;
     width:150px;
     display: flex;
}
.risktips {
  border:1px orange solid;
    width: 100%;
  padding: 6px;
  background: #fff3cd;
  color: #d63900;
  font-size: 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
    box-sizing: border-box; 
}
.risktips i {
  margin-right: 5px;
}

.meta {
  box-sizing: border-box; 
  min-width: 0; 
  flex: 1;
  padding: 15px;
}
.bannerMid {
  width: 100%;
}
.midTitle {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.midTitle .btn-downnewqr {
  background: #f5f5f5;
  border: none;
  
  border-radius: 4px;
  
  cursor: pointer;
}
.midTitle h1 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin: 0;
  line-height: 1.5;
}


/* 信息栏（管理员/时间等） */
.yfxshop-mall-sc {
  
  color: #999;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.yfxshop-mall-sc a {
  color: #3a41ff;
  text-decoration: none;
}


/* 温馨提醒栏 */
.main_info_price {
  margin-bottom: 15px;
}
.main_info_price_r {
  padding: 10px 15px;
  border-radius: 4px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_info_price_r a {
  color: #fff;
  text-decoration: underline;
}




.priceBtn {
    display: flex;
  align-items: center; 
  margin-bottom: 15px;
  flex-wrap: nowrap; 
  margin-top:10px;
}




.sellP {
   
  font-size: 16px;
  color: #d63900;
  white-space: nowrap; 
}

.sellP #priceinfo {
  font-size: 20px;
  font-weight: 700;
}

.dzsc {
  background: #f5f5f5;
  
  color: #666;
  margin-left: auto; 
  border-radius: 4px;
  white-space: nowrap; 
  
}

.button-group {
  text-align: left; 
  margin: 10px 0; 
}

.makeFunc, .newShop_DiyButton { 
 display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  margin-right: 10px;
}
.makeFunc {
  background: #e63946;
}
.newShop_DiyButton {
  background: #ff8400;
}

@media (max-width: 768px) {
  .content-box {
    flex-direction: column;
  }
  .thumb {
    flex: 0 0 100%;
  }
}