/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;*overflow-x:hidden;margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#1a1a1a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family: 'Conv_Montserrat-Light',Arial,"微软雅黑","黑体",'宋体';color:#1a1a1a;font-style: normal;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder {color:#999;}
input::-moz-input-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none !important;}
.relative {position: relative;}
.h100 {overflow:hidden;height:100%;}
.h100 body{ overflow:hidden;height:100%;}

/*顶部绿色头部区域*/
.top-wrap{
  background:#20663b;
  padding:32px 16px 20px;
  text-align:center;
}
.top-wrap h1{
  color:#e9e9e9;
  font-size:25px;
  line-height:1.4;
}
/*产品图容器*/
.product-box{
  background: #20663b;
  padding:16px;
}
.product-box img {
    width: 100%;
    display: block;
    border-radius: 8px;
}
/*反馈模块*/
.feedback-bd {
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.feedback-card {
    background: #20663b;
    padding: 0 16px 20px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.feedback-left h3{
  font-size:18px;
  color:#111;
  margin-bottom:6px;
}
.feedback-left {
    width: 70%;
}
.feedback-left p{
  font-size:14px;
  color:#444;
}
.btn-write {
    border: 1px solid #20663b;
    background: #20663b;
    color: #fff;
    font-size: 15px;
    padding: 22px 16px;
    border-radius: 8px;
}
.doc-content {
    padding: 16px;
}
.doc-pdf {
    padding: 16px 16px 0 16px;
}
/*标题文字*/
.doc-tip {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding: 24px 0 0 16px;
}
.doc-content img{
    max-width:100%;
}
/*底部导航*/
.footer-nav{
  position:fixed;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:480px;
  display:flex;
  border-top:1px solid #eee;
  background:#fff;
}
.footer-nav div{
  flex:1;
  text-align:center;
  padding:16px 0;
  font-size:19px;
}

/* =================弹窗样式================ */
.mask{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.45);
  z-index:99;
  display:none;
}
.pop-bottom{
  position:fixed;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:480px;
  background:#f5f5f5;
  border-radius:16px 16px 0 0;
  padding:24px 20px 30px;
  z-index:100;
}
.pop-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:26px;
}
.pop-header h2{
  font-size:28px;
}
.close-btn{
  font-size:32px;
  color:#333;
}

/*分享弹窗布局*/
.share-grid{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:22px 8px;
  text-align:center;
}
.share-item .icon-box{
  width:70px;
  height:70px;
  background:#fff;
  border-radius:12px;
  margin:0 auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:34px;
}
.share-item p{
  font-size:18px;
}

/*更多操作弹窗列表*/
.more-list{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
}
.more-list-item{
  padding:20px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #eee;
  font-size:21px;
}
.more-list-item:last-child{
  border-bottom:none;
}
.more-list-item span:first-child{
  display:flex;
  gap:12px;
  align-items:center;
}

.file-card {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px dashed #333;
    border-radius: 8px;
    background: #ffeeee;
}
.file-card a {
    display: flex;
    align-items: center;
    padding: 12px;
}
.pdf-icon {
    width: 65px;
    height: 65px;
    flex-shrink: 0;
    background: #e52b2b;
    border-radius: 8px;
    position: relative;
    margin-right: 15px;
}
/*模拟pdf角折效果*/
.pdf-icon::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:24px;
    height:24px;
    background:#f86060;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    border-top-right-radius: 8px;
}
.pdf-icon::before{
    content:"PDF";
    color:white;
    font-size:28px;
    font-weight:bold;
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
}
.file-info{
    flex:1;
}
.file-name{
    font-size:16px;
    font-weight:500;
    margin-bottom:2px;
}
.file-meta {
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 15px;
    color: #888;
}
.icon-eye,.icon-download{
    cursor:pointer;
    user-select:none;
}
span.icon-eye {
    font-size: 20px;
    position: relative;
    top: -2px;
}