body{background: #f4f4f4 url(../images/goods_bg.jpg) no-repeat 0 60px; padding-top:60px!important;  font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
.goods-map{width:1216px; margin: 20px auto 0; font-size: 14px; color:#999;}
.goods-map a{color: #999;}
.goods-map span{font-family: "宋体"; color: #999; margin: 0 10px;}
.goods-content{width:1216px; padding: 20px 0; margin: 0 auto;}

.jinghua{background-color: #249d66;border-radius: 3px;padding: 3px 8px;font-size: 12px;color: #fff;}
.remen{background-color: #f05400;border-radius: 3px;padding: 3px 8px;font-size: 12px;color: #fff;}
.tuijuan{background-color: #186AF2;border-radius: 3px;padding: 3px 8px;font-size: 12px;color: #fff;}


.goods-top{
        width: 1185px; text-align: center;margin-bottom: 20px;
    padding: 30px 0 50px 0;
    border-radius: 4px;
    background: linear-gradient(rgba(249,246,240,0.7), rgba(249,246,240,0.7)), url(/static/home/images/goodstopbg.jpg);
    background-size: cover;
    background-position: bottom;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 2px 6px rgb(26 26 26 / 8%);
    box-shadow: 0 2px 6px rgb(26 26 26 / 8%);
}
.hero-title {
  font-size: clamp(32px, 6vw, 46px);
  font-weight: 900;
  letter-spacing: clamp(4px, 1.5vw, 10px);
  line-height: 1.25;
  margin-bottom: 14px;      
}

.hl-red {
  color: #D94343;
}  
.hero-subtitle {
      font-size: clamp(14px, 3.5vw, 17px);
      color: #4a433d;
      letter-spacing: 3px; 
      font-weight: 400;
      line-height: 40px;
    }

/*商品左边*/
.goods-left{width: 800px;}

.cate-list{padding:2px 20px 8px; border-radius:4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.atr-list{display: flex;gap: 30px;  flex-wrap: wrap;list-style-position: inside;}
.atr-list li{width: 230px;}
.atr-list dl{padding:20px 0 20px; border-bottom:1px dashed #e2e2e2; }
.atr-list dl.noneimg dt{display:none;}
.atr-list dl.noneimg dd{margin-left:0;}
.atr-list dl:last-child{border-bottom:none;}
.atr-list dt{width:230px; height:230px; overflow:hidden; }
.atr-list dt img{width:230px; height:230px; border-radius:3px; transition: all 0.6s;}
.atr-list dl:hover img{transform: scale(1.2);}
.atr-list dd{}
.atr-list-title{margin-top: 10px;font-size:18px; line-height:23px; min-height: 23px;}
.atr-list-info{padding:5px 0; color:#666; line-height:23px;font-size:14px;word-wrap: break-word;height: 50px;overflow: hidden;}
.atr-list-info a{color:#666;}
.atr-list-tags {color:#999; font-size: 12px;margin-top: 10px;}
.atr-list-tags span{margin-right: 12px!important;}
.atr-list-tags a{margin-right: 6px!important;}



/*商品搜索*/
.goods-search{margin-bottom:15px;}
.goods-search input.search-key{width: 670px; height:45px; line-height: 45px; vertical-align: top; border-radius: 3px 0 0 3px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); text-indent: 10px;}
.goods-search input.search-btn{width: 128px; height:47px; vertical-align: top; line-height: 47px; background-color: #186AF2; border: 1px solid #186AF2; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); border-radius: 0 3px 3px 0; color:#fff; font-size: 16px; cursor: pointer;}
.goods-search input.search-btn:hover{background-color: #2680EB; border: 1px solid #2680EB;}
.goods-keywords{width:100%;  margin:15px 0; color:#999;}
.goods-keywords a{margin-right: 15px; color:#999}
.goods-keywords a:hover{color:#D69D00}

/*右边搜索*/
.goods-min-search{width:370px; padding:16px; border-radius:4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.goods-min-search input.search-key{width: 70%; height:40px; line-height: 40px; vertical-align: top; border-radius: 3px 0 0 3px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); text-indent: 10px;}
.goods-min-search input.search-btn{width: 66px; height:39px; vertical-align: top; line-height: 39px; background-color: #186AF2; border: 1px solid #186AF2; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); border-radius: 0 3px 3px 0; color:#fff; font-size: 14px; cursor: pointer;}
.goods-min-search input.search-btn:hover{background-color: #2680EB; border: 1px solid #2680EB;}


/*商品软件*/
.goods-soft{padding:18px 16px 0; margin-top:16px; border-radius:4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); display:none;}
.goods-soft h3{font-size: 22px; font-weight: 400; line-height:27px;}

/*商品右边*/
.goods-right{width: 400px;}
.goods-title{font-size: 18px; height:40px;}
.goods-title a{float: right; color:#186AF2; font-family: '宋体';font-size: 12px; padding-top: 8px; padding-right: 5px;}


/* 分类 */
.goods-cate{width:370px; margin-top:16px; padding:15px; border-radius:4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.goods-cate li{line-height: 20px; padding:6px 0; font-size: 16px; text-indent: 15px; background: url(../images/dot.png) no-repeat 0 14px;}
.goods-cate li span{display: block; float: right; padding: 0 10px; border-radius:4px; text-indent: 0;  line-height:24px; font-size: 12px; background-color:#eee;}
.goods-cate li:hover{background-position:0 -41px}

/*ad*/
.goods-ad{text-align: center; width:398px; margin-top:16px; border-radius:4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); position: relative;}
.goods-ad img{width:100%; border-radius:4px;}
.goods-ad .goods-ad-span{height: 40px;line-height: 30px;}
.goods-ad .goods-ad-span span{background-color: #186AF2; color: #fff;padding: 2px 5px;border-radius: 5px;}

/*动态*/
.goods-action{width:370px; margin-top:16px; padding:15px 15px 0; border-radius:4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.goods-timeline{ position: relative; padding-left: 32px; padding-bottom:15px;}
.goods-timeline:after {content: ""; position: absolute; top: 5px; left: 8px; width: 1px; height: 100%; background: #e3e9ed;}
.goods-timeline dl{padding-bottom: 8px; position: relative;}
.goods-timeline dt{font-size: 12px; line-height: 2; color: #999;}
.goods-timeline dd{font-size: 14px; line-height: 1.6;word-break: break-all;}
.goods-timeline .date-second-point{width: 10px; height: 10px; display: block; border-radius: 50%; border: 2px solid #FBBC05; background: #fff; position: absolute; z-index: 99; left:-30px; top:5px}

/* 标签云 */
.goods-tags{width:370px; margin-top:16px; padding:15px; border-radius:4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.goods-tags a {margin: 0 6px 5px 0 !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; font-size: 12px;  border-radius: 3px; }
.goods-tags a:nth-child(8n){color: #6044bf; border: 1px solid #6044bf;}
.goods-tags a:nth-child(8n+1) {color: #249d66; border: 1px solid #249d66;}
.goods-tags a:nth-child(8n+2) {color: #186AF2; border: 1px solid #186AF2;}
.goods-tags a:nth-child(8n+3){color: #c6194b; border: 1px solid #c6194b;}
.goods-tags a:nth-child(8n+4){color: #FBBC05; border: 1px solid #FBBC05;}
.goods-tags a:nth-child(8n+5){color: #dccff2; border: 1px solid #dccff2;}
.goods-tags a:nth-child(8n+6){color: #EA4335; border: 1px solid #EA4335;}
.goods-tags a:nth-child(8n+7){color: #3d9037; border: 1px solid #3d9037;}
.goods-tags a:hover{opacity:0.72;}

/* 热门&推荐文章 */
.goods-hot{width:370px; margin-top:16px; padding:15px; border-radius:3px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.goods-hot li{line-height: 23px; padding:3px 0; font-size:14px;}
.goods-hot li span{width:20px; display:inline-block; color:#999; font-style:italic;}
.goods-hot ul li:nth-child(1) span{color:#EA4335}
.goods-hot ul li:nth-child(2) span{color:#F60}
.goods-hot ul li:nth-child(3) span{color:#FBBC05}
.goods-hot li:hover{background-position:0 -42px}

.goods-random{width:370px; margin-top:16px; padding:15px; border-radius:3px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.goods-random li{line-height: 23px; padding:3px 0; font-size:14px; text-indent:15px; background: url(../images/dot.png) no-repeat 0 13px;}
.goods-random li:hover{background-position:0 -42px}


/*商品文章详情*/
.goods-detail{padding:16px 20px; border-radius:4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.goods-detail-title{font-size: 24px; color: #333; font-weight: 400; word-break: break-all;min-height:70px;line-height:70px;}
.goods-detial-ops{line-height: 30px; color:#999; font-size: 12px; padding: 12px 0;}
.goods-detial-ops span{margin-right: 20px;}
.goods-detial-ops a{margin-right:10px;}
.goods-detial-content{padding: 16px 0; color:#333; word-break: break-all; border-top:1px solid #f2f2f2;font-size: 16px!important; line-height: 1.72!important;}
.goods-detial-content .desc{padding: 10px;
    background-color: #FFF8F9;
    border-radius: 5px;
    text-indent: 0;
    background-color: #FFF8F9;
    border-left: 5px solid #FCEBEB;
    color: #333333;
    margin: 2px 0 40px 0;
    font-size: 16px;
    line-height: 34px;}
.goods-detial-content p{padding: 8px 0;}
.goods-detial-content img{max-width:98%!important; margin:0 auto; display:block; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); border-radius: 4px;height: auto !important;}
.goods-detial-content .gougu-video{width: 640px!important; height: 410px!important; margin:10px auto!important; border: 12px solid #F7F7F7; border-radius: 6px;}
.goods-detial-content h1,.goods-detial-content h2,.goods-detial-content h3,.goods-detial-content h4,.goods-detial-content h5{margin-top:10px;}
.goods-detial-content a{color:#186AF2; font-style:italic;}
.goods-detial-content a:hover{text-decoration:underline;}

.goods-detial-content p code,.goods-detial-content pre{color:#dbdbdb; margin:0 3px;font-size: 14px; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: #0f2544; padding: 10px; border-radius: 2px;}
.goods-detial-content p code{ border: 1px solid #eee;padding: 2px 4px;}

.goods-detial-content table {border-collapse: collapse; border-spacing: 0; display: block; width: 100%; overflow: auto;  word-break: normal;word-break: keep-all; margin-top: 0;margin-bottom: 16px;}
.goods-detial-content table tr {background-color: #fff;border-top: 1px solid #ccc;}
.goods-detial-content table tr:nth-child(2n) {background-color: #f8f8f8;}
.goods-detial-content table td, .goods-detial-content table th { padding: 6px 12px;border: 1px solid #ddd; font-size:14px; }
.goods-detial-content table th {font-weight: 800;}
.goods-detial-content li {list-style: initial;margin-left: 20px;}
.goods-detial-ops span#collect{cursor: pointer;}
.goods-detial-ops span#collect:hover{color: #ff0000;}
.goods-detial-ops span.collectcolor{color: #186AF2;}
.goods-detial-ops span#collect i{vertical-align: bottom;font-size: 14px;}



/*----------------文章、文档-----------------*/
.goods-detial-content h3{
  font-size:24px;
}
.goods-detial-content h3::before{
  content: "";
    display: inline-block;
    width: 5px;
    height: 30px;
    background: #F13536;
    border-radius: 3px;
    margin-right: 13px;
    vertical-align: middle;
    margin-top: -3px;
}
blockquote p::before{
    content: "";
    display: inline-block;
    width: 5px;
    height: 30px;
    background: #F13536;
    border-radius: 3px;
    margin-right: 13px;
    vertical-align: middle;
    margin-top: -3px;
}


/*广告位详情页面*/
.AdvertisingBox{padding: 16px 20px; border-radius: 4px; background-color: #fff; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08);}
.AdvertisingDetails{overflow: auto;padding-bottom: 30px;border-bottom: 1px solid #dddddd;}
.AdvertisingBannerBox{width: 50%;box-sizing: border-box;float: left;display: inline-block;padding-right: 4%;}
.AdvertisingBannerImg{width: 100%;overflow: hidden;border-radius: 8px;border: 1px solid #ccc;box-sizing: border-box;line-height: 230px;}
.AdvertisingBannerImg img{width: 100%;display: inline-block;transition: all 0.6s;line-height: 230px;}
.AdvertisingBannerImg:hover img{transform: scale(1.2);}
.AdvertisingTextBox{width: 50%;float: right;padding-top:30px}
.AdvertisingTitleBox h2{font-size: 24px;color: #333;font-weight: 400;word-break: break-all;margin: 0;padding: 0;line-height: 35px;}
.AdvertisingTitleBox p{margin: 0;font-size: 13px;line-height: 22px;color: #666;margin-top: 7px;}
.AdvertisingBlogDetial{margin-top: 15px;}
.AdvertisingBlogDetial p{font-size: 14px;line-height: 23px;color: #666;margin-top: 5px;}
.AdvertisingBlogDetial p strong{font-weight: bold;color: #555;}
.AdvertisingPrice{color: #FF0000;}


.AdvertisingBottom{text-align: center;margin-top: 13px;}
.AdvertisingBottom a{display: inline-block;line-height: 38px; border: 1px solid transparent; padding: 0 30px; background-color: #3c9cff; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border-radius: 5px; cursor: pointer;margin: 5px 3%;}
.AdvertisingBottom a:hover{opacity: 0.7;}
.AdvertisingBottom a.seekfrom{background-color: #FF5722;}
.AdvertisingDetialContent{box-sizing: border-box;padding: 10px 10px;font-size: 14px;color: #666;line-height: 23px;}
.AdvertisingDetialContent p{font-size: 14px;color: #666;line-height: 23px;}
.color-tags a{display: inline-block;margin-right: 10px;font-size: 12px;}
.color-tags a:nth-last-child(1){margin-right: 0px;}

.FormContentDetailsText{padding: 10px 10px;padding-bottom: 0px;}
.FormContentDetailsText p{margin: 0;line-height: 23px;color: #666;}
.FormContentBackTwo{position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);display: none;}
.FormContentPopupTwo{position: fixed;left: 50%;top: 50%;z-index: 1000000;background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 2px 2px 33px rgba(0,0,0,0.3);width: 500px;margin-left: -250px;margin-top: -330px;display: none;}
.FormPopupHeader{padding: 8px 15px;background: #3c9cff;border-bottom: 1px solid #eee;}
.FormPopupHeader img.headericon{display: inline-block;width: 23px;vertical-align: middle;margin-right: 5px;}
.FormPopupHeader span{color: #fff;font-size: 16px;line-height: 20px;display: inline-block;vertical-align: middle;margin-top: 3px;}
.FormPopupHeader span.closeimg{display: inline-block;float: right;width: 50px;margin-top: 3px;cursor: pointer;}
.FormContentDetailsBox{padding: 10px;padding-top: 0px;}
.FormContentDetailsBox ul{margin: 0;padding: 0;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.FormContentDetailsBox ul li{list-style: none;margin-top: 15px;width: 100%;}
.FormDetailsTitleText {display: block;}
.FormDetailsTitleText p{margin: 0;padding: 0;font-size: 14px;line-height: 18px;color: #3c9cff;display: inline-block;vertical-align: middle;}
.FormDetailsTitleText span.required{display: inline-block;font-size: 16px;color: #FF0000;line-height: 18px;vertical-align: middle;margin-left: 3px;}
.FormDetailsInputTwo{margin-top: 5px;}
.FormDetailsInputTwo input.form-input,.FormDetailsInputTwo select{display: block;box-sizing: border-box;border: 1px solid #eee;line-height: 36px;color: rgba(0,0,0,0.85);border-radius: 2px;padding: 0 6px;width: 100%;outline: none;}
.FormDetailsInputTwo textarea{width: 100%;min-height: 110px;display: block;box-sizing: border-box;border: 1px solid #eee;line-height: 26px;color: rgba(0,0,0,0.85);border-radius: 2px;padding: 3px 6px;width: 100%;outline: none;}
.FormDetailsInputTwo input[readonly='readonly']{background-color: #f8f8f8 !important;}
.FormDetailsInputTwo input::-webkit-input-placeholder{color: #aaa;}
.FormContentDetailsBox input.form-input:focus,.FormContentDetailsBox select:focus,.FormDetailsInputTwo textarea:focus{border-color: #3c9cff!important;box-shadow: 0 0 0 3px rgba(0,145,69,.08);}
.FormDetailsInputTwo select{height: 38px;cursor: pointer;background-color: #fff;}
.FormDetailsInputTwo label{display: inline-block;margin-left: 5px;cursor: pointer;margin-top: 5px;margin-right: 13px;}
.FormDetailsInputTwo label:nth-last-child(1){margin-right: 0px;}
.FormDetailsInputTwo label input.from-radio{display: inline-block;width: 18px;height: 18px;vertical-align: middle;cursor: pointer;margin-top: 0px;}
.FormDetailsInputTwo label span.radiotext{display: inline-block;margin-left: 3px;vertical-align: middle;}
.PhoneNumberbox{overflow: hidden;padding-bottom: 1px;}
.PhoneNumberCode{width: 20%;float: left;display: inline-block;}
.PhoneNumberLink{width: 5%;text-align: center;float: left;display: inline-block;margin-top: 7px;}
.PhoneNumberLink p{margin: 0;font-size: 14px;color: #000;display: inline-block;width: 10px;background-color: #666;height: 1px;overflow: hidden;}
.PhoneNumberMobile{width: 75%;float: left;display: inline-block;}
.FromSubmitBox{text-align: center;margin: 13px 0;margin-top: 0px;}
.FromSubmitBox .SubmitBtn{display: inline-block;outline: none;width: 90%;max-width: 260px;line-height: 39px;border-radius: 8px;font-size: 17px;cursor: pointer;font-weight: 600;letter-spacing: 10px;background-color: #3c9cff;color: #fff;border: none;}
.FromSubmitBox .SubmitBtn:hover{box-shadow: 0 0 8px #3c9cff;}
.RequiredTextBox{text-align: center;min-height: 20px;margin-bottom: 8px;}
.FromSubmitBox p.RequiredText{font-size: 12px;color: #d81e06;margin: 0;padding: 0;line-height: 20px;background-image: url(https://trust-data.oss-cn-shenzhen.aliyuncs.com/file/upload/20231225/316_1703489788346764.png);background-position: left top 2px;background-repeat: no-repeat;background-size: 18px;padding-left: 22px;display: inline-block;display: none;}
.AnimOn{animation: zoomIn  0.3s ease 0s 1 both;display: block;}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}

.title-box{text-align: center;margin-bottom: 30px;}
.title-box h3 {
    font-size: 30px;    
    position: relative;
    display: inline-block;
    padding-bottom: 12px;
}
.know-box {
    margin-top: 70px;
    background: #fff;
    padding: 40px 30px;
    border-top: 1px solid #ccc;
}
.know-content {
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
        }
        .know-text {
            flex: 1;
            min-width: 300px;
        }
        .know-text h4 {
            font-size: 22px;            
            margin-bottom: 18px;
        }
        .know-text p {
            line-height: 1.9;
            color: #444;
            margin-bottom: 12px;
        }


@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
/*广告位详情页面 end*/

@media (max-width: 1280px) {
	.goods-content,.goods-map{width: 1116px;}
	.goods-banner img{border-radius:4px; width: 688px; height:206px;}
	.goods-left {width: 700px;}
	.goods-search input.search-key {width: 570px;}
	.goods-action-bg{width: 698px;}
	.doc-list li {width: 362px;margin: 0 15px 20px 0;}
	.doc-title-text p {font-size:12px;}
	.content-text-div{padding-right: 80px;}
}