/* Css for , Version=1768777388 */
 .product-image {text-align: center; max-height: 320px; overflow: hidden;}
.product-image.media-wrapper {height: 300px; line-height: 300px; border: 1px solid #ddd; position: relative;}
.product-image.media-wrapper img {transition: all .2s cubic-bezier(0.175,0.885,0.32,1); width: auto}
.product-image > img {width: 100%;cursor:pointer; max-height: 100%;}
.product-image.media-wrapper:hover {cursor: pointer;}
.product-image.media-wrapper .image-zoom-region {position: absolute; width: 50%; height: 50%; background-color: rgba(0,0,0,.15); border: 2px solid #fff; top: 0; left: 0; border-color: rgba(255,255,255,0.5); display: none}
.product-image.media-wrapper:hover .image-zoom-region {display: block;}
.product-image-2x-wrapper {position: absolute; left: 100%; top: 0; width: 100%; z-index: 100; background-color: #fff; overflow: hidden; height: 300px; border: 1px solid #ddd; display: none}
#productImageWrapper:hover .product-image-2x-wrapper {display: block; opacity: 0; transition: opacity .2s;}
#productImageWrapper .product-image-2x-wrapper.show {opacity: 1;}
.product-image-2x.product-image.media-wrapper {width: 200%; height: 600px; line-height: 600px; position: absolute; border: none; left: 0; top: 0; max-height: none}

.product-image-menu-wrapper {overflow: hidden;}
.product-image-menu-wrapper.scrollable {position: relative; padding-left: 26px; padding-right: 26px;}
.product-image-menu-wrapper.scrollable:before, .product-image-menu-wrapper.scrollable:after {display: block; content: ' '; position: absolute; left: 20px; top: 5px; width: 6px; height: 50px; background-color: #fff; z-index: 11}
.product-image-menu-wrapper.scrollable:after {left: auto; right: 20px;}
.product-image-menu-wrapper .btn-img-scroller {display: none}
.product-image-menu-wrapper.scrollable .btn-img-scroller {display: block; position: absolute; left: 0; top: 5px; z-index: 10; background-color: #fff; border: 1px solid #ddd; height: 50px; width: 20px; text-align: center; padding-left: 0; padding-right: 0; border-radius: 0;}
.product-image-menu-wrapper.scrollable .btn-img-scroller.btn-next-img {right: 0; left: auto;}
.product-image-menu-wrapper.scrollable .product-image-menu {position: relative; transition: left .2s; left: 0}

.product-image-menu {margin: 5px -3px}
.product-image-menu .product-image-wrapper {float: left; padding: 0 3px; overflow: hidden;} 
.product-image-menu .product-image {width: 50px; height: 50px; border: 1px solid #ddd; overflow: hidden; display: table-cell; vertical-align: middle;}
.product-image-menu .product-image:hover {box-shadow: 0 0 4px rgba(0,0,0,0.25); opacity: 0.9; border-color: #bbb;}

.product-property .meta-name {width: 100px; padding-right: 15px;}
.btn-buy .btn {min-width: 120px;}
.product-property, .product-image-menu {margin-bottom: 20px;}
.product-property h1{font-size: 22px;}
.product-property h1,.btn-buy {padding-left: 15px; padding-right: 15px;}
@media (min-width: 992px){.product-property h1,.btn-buy { padding-left: 0; padding-right: 0;} .product-property.product-lack-img h1,.product-lack-img .btn-buy {padding-left: 15px;   padding-right: 15px;}}
.article-content {padding:0; margin-bottom: 10px;}
.product-property.product-lack-img h1{margin-top: 20px; padding-left: 0; padding-right: 0;}
.article-files {margin: 0 -15px; padding: 10px 15px; background: none}

.panel-body {position: relative;}
.panel-body .back2top {position: absolute; bottom: 0; right: -30px; display: block; width: 30px; padding: 5px 8px; border:1px solid #ddd; border-radius: 0 4px 4px 0}
.panel-body .back2top:hover {text-decoration: none; background-color: #E5E5E5}
#buyBtnBox{margin-left:85px; font-weight:400;}
.btn-buy {background:#f40; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
.btn-buy:hover, .btn-buy:visited {background:#f20; color:#FFF;}
.btn-cart{background:#E43E41; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
.btn-cart:hover, .btn-cart:visited {background:#E41a41; color:#FFF;}
.btn-soldout {background:#999; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
#countBox .input-group {width:120px;}
#countBox .input-group span {cursor:pointer; background:inherit;}


<!-- 这里开始新增CSS -->




.price-label{border: 1px solid #b8b7bd; margin: 0 10px 5px 0; padding:5px 3px; cursor:pointer; display: inline-block;}
.price-label:hover, .price-label.active{border: 1px solid #be0106;}

#btnBox{margin-left:85px; font-weight:400;}
#buyBtn {background:#f40; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
#buyBtn:hover, #buyBtn:visited {background:#f20; color:#FFF;}
#cartBtn {background:#E43E41; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
#cartBtn:hover, #cartBtn:visited {background:#E41a41; color:#FFF;}
.btn-soldout {background:#999; font-size:16px; padding:8px 16px; color:#FFF; cursor:pointer;}
.information-boxT .panel-body > .ul-list > li{padding:15px 0px;border-bottom:1px solid #e9e9e9;}.information-boxT .panel-body > .ul-list > li:before{display:none;}.information-boxT .panel-block .panel-body > .ul-list{margin:0px;}a,a:hover{text-decoration:none;}footer .foot-bottom div span{display:inline-block;}span a.footer_span:hover{color:#297286 !important;}.cp-info .content-item#characteristic{clear:both;}.cp-info .content-item#characteristic img{display:block;}#block281 #block267{height:initial !important;}.cp-info .content-item#characteristic{clear:both;}.cp-info .content-item#characteristic img{display:block;}.block-item .tags a{color:#fff !important;border-color:#fff !important;}.block-item .tags a:hover{color:#77d1ff !important;}div.product-content li{width:auto !important;}body:after{height:0 !important;}.poly-r .second-name{display:flex !important;align-items:center;}.poly-r .second-name span{float:none !important;}.poly-r .second-name span a{margin-left:15px;color:#fff !important;background:#0c70bb;padding:0 12px;text-transform:uppercase;font-size:17px;line-height:35px;display:inline-block;border-radius:3px;}.poly-r .second-name span a::after{content:'>';margin-left:5px;}@media screen and (max-width: 1400px){footer .foot-bottom div.medias{display:block !important;float:none !important;margin:5px 0;}}@media screen and (max-width: 750px){footer .foot-bottom div.medias{padding-bottom:16px;}}.spec_img{text-align:center;line-height:35px;}.spec_img p{position:relative;color:white;z-index:2;font-size:48px;margin-top:10px;top:160px;}.spec_img p:nth-child(2){font-size:16px !important;padding-top:14px;}@media screen and (max-width: 768px){.spec_img p{color:#000;font-size:18px;top:0;color:white;margin-top:0px;padding-top:10px;background-color:#01405f;}.spec_img p:nth-child(2){font-size:14px !important;padding-top:0px;}}@media screen and (max-width: 414px){.spec_img p{font-size:16px;}}#product-title.fixed{z-index:999;width:100% !important;}.info-content{padding:0 !important;}@media (min-width: 1024px){.info-content{padding:0 !important;}}.container{padding-left:0;padding-right:0;}.content-item img{margin:auto;}
    ul.parents li img{
        width:15px;
        position: relative;
        top:3px;
    }
    div.parameter{
        margin-bottom:25px;
        margin-top:5px;
        width:100%;
    }
    .parameter a{
        margin-left:25px;
        line-height: 20px;
    }
    .ep-img .img-c{
        margin-bottom: 10px;
    }
    .menu-product{
        position: relative;
    }
    div.menu{
        background-color:#f6f6f6!important;
        transition:all 0.4s ease;
    }
    div.search{
        margin-right:7px;
    }
    .menu .enva div.product-content{
        min-height:300px;
        padding-left:220px;
    }
    div.product-content li{
        margin-top:2px;
        width:200px;
    }
    .parameter div a{
        marigin-top:10px;
    }
    a.prot-link{
        right:0!important;
    }
    a.more-link{
        right:0!important;
        bottom:20px;
        padding:10px 20px;
        background-color: #0C70BB;
        border:1px solid #0C70BB;
        color:white;
    }
    .header-right .search{
        margin-top:30px;
    }
    #search-list{
        top:22px;
    }
    .search span input{
        width:120px;
        height:20px;
        padding:0 10px;
        font-size:12px;
    }
    .search span button{
        width:16px;
        background-size:12px;
        top:64%;
        right:4px;
    }
    .ep-img{
        max-height:200px!important;
    }
    a.language{
        border:initial;
        color:#368ee0;
        width:initial;
        margin-top:-15px;
        right:30px;
    }
    a.language img{
        position: relative;
        top:4px;
        max-width:20px;
    }
    .header-right{
        padding-right:90px!important;
    }
    @media (max-width: 767px){
        #headTitle a.language img {
            height:auto!important;
            min-width: auto;
        }
        a.language{
            right:40px;
        }
        .header-right{
            padding-right:0!important;
        }
    }


#header {padding: 0; margin-bottom: 14px;}
#headNav {min-height: 30px; line-height: 30px; padding: 0; margin-bottom: 8px;}
#headNav, #headTitle {position: static; display: block;}
#headNav > .row {margin: 0}
#headTitle > .row, #headNav > .row {display: table; width: 100%; margin: 0;max-width: 100%;}
#headNav > .row > #siteNav,
#headNav > .row > #siteSlogan,
#headNav > .row > #searchbar,
#headTitle > .row > #siteTitle,
#headTitle > .row > #searchbar {display: table-cell; vertical-align: middle;}

#headTitle {padding: 0;}
#siteNav {text-align: right; float: right; display: inline-block !important;}
@media (max-width: 767px){#siteNav {padding-left: 8px; padding-right: 8px;} }

#searchbar {max-width: initial;}
#searchbar > form {max-width: 200px; float: right;}
#navbar .navbar-nav {width: 100%}
#navbarCollapse {padding: 0;}
#navbar .navbar-nav {margin: 0;}
#navbar li.nav-item-searchbar {float: right;}
#navbar li.nav-item-searchbar #searchbar > form {margin: 4px;}














#headTitle > .row > #navbarWrapper {display: table-cell; vertical-align: middle; padding-left: 8px;}
#headTitle > .row > #navbarWrapper > #navbar {margin:0}
#siteTitle, #siteLogo img {min-width: 150px;}
@media (max-width: 767px)
{
  #headTitle {padding: 0;}
  #headTitle > .row {margin: 0; display: block;}
  #headTitle > .row > #siteTitle {display: block; position: absolute; z-index: 10015; left: 8px;}
  #headTitle > .row > #navbarWrapper {display: block; padding: 0}
  #headTitle > .row > #navbarWrapper > #navbar {margin-bottom: 14px; width: 100%}
  #headTitle #siteLogo img {margin-top: 2px;}
}


#block13{}#block13 .panel-heading{}.menu-industry-l li .img-c{width:199px;height:108px;}header .container{padding:0 !important;}header .container .logo{left:0 !important;}.ty-list：last-of-type{color:#2972b6 !important;}.focus{z-index:1;}.filter{width:80%;position:absolute;top:88%;}.menu{border-top:none !important;}
    .info-tab li{
        text-align:center;
    }
    .cp-tits .product-cp h3{
        font-size:20px;
    }
    @media (max-width: 767px){
        .info-tab li{
            width:23.9%!important;
        }
        a.manual{
            float: right!important;
            margin-right:initial!important;
        }
    }


.summary-body .summary-box{
	padding: 50px 0;
}
.summary-body{
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.8 !important;
	text-align: center;
	font-family: Roboto,sans-serif;
}
.summary-body .summary-box{
	padding-top: 40px;
}
.summary-body .summary-box:nth-of-type(1){
	padding-top: 20px;
}
.summary-body .summary-box:nth-of-type(3){
	padding-top: 40px;
}
.summary-title h3{
	font-size: 40px;
	line-height: 1.5;
	color: #383838;
	font-weight: bold;
}
.summary-title-white p{
	color: #fff;
}
.summary-title p>a:hover{
	color: #383838 !important;
}
.summary-title span{
	display: block;
	width: 105px;
	height: 5px;
	background-color: #4499e9;
	border-radius: 3px;
	margin: 15px auto;
}
.summary-txt{
	margin: 0 auto;
	padding: 30px 0;
}
.summary-txt>p{
	font-size: 16px;
	line-height: 1.8;
	color: #393939;
	text-align: center;
}
.summary-txt-white p{
	color: #fff;
}
.summary-img img{
	max-width: 100%;
	margin: 0 auto;
}
.summary-item{
	display: flex;
	justify-content: center;
	margin-top: 58px;
}
.summary-item>div{
	width: 100px;
	height: 82px;
	border-radius: 12px;
	border: 1px solid #fff;
	background-color: #000;
	color: #fff;
	margin-right: 140px;
}
.summary-item>div:last-child{
	margin-right: 0;
}
.summary-item>div strong{
	display: block;
	font-size: 24px;
	line-height: 1.5;
	margin: 11px 0 3px;
}
.summary-item>div span{
	display: block;
	font-size: 14px;
	line-height: 1.5;
}
.summary-box-top{
	width: 100%;
}
@media (max-width: 900px){
	.summary-txt p {
            display: none;
        }
	.summary-title h3{
		font-size: 36px;
	}
	.summary-item{
		margin-top: 30px;
	}
	.summary-txt>p{
		font-size: 15px;
	}
	.summary-txt{
		padding: 15px 0;
	}
	.summary-item>div{
		margin-right: 60px;
	}
}
@media (max-width: 768px){
	.summary-txt p {
            display: none;
        }
	.summary-title h3{
		font-size: 20px;
	}
	.summary-txt{
		padding: 15px 0;
	}
	.summary-txt>p{
		font-size: 14px;
	}
	.summary-body .summary-box:nth-of-type(1),
	.summary-body .summary-box:nth-of-type(3){
		padding-top: 40px;	
	}	
	.summary-title span{
		width: 80px;
		height: 3px;
		margin: 10px auto;	
	}	
	.summary-txt>img{
		margin-top: 20px;	
	}	
	.summary-item{
		margin-top: 20px;
		justify-content: space-between;	
	}	
	.summary-item>div{
		width: 80px;
		height: 70px;	
	}	
	.summary-item>div strong{
		font-size: 15px;	
	}	
	.summary-item>div span{
		font-size: 12px;	
	}	
}
.video-container {
	max-width: 800px;
	margin: 0 auto;
}
.video-wrapper {
	position: relative;
	padding-bottom: 55%;
	padding-top: 30px;
	height: 0;
}
.video-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (min-width: 768px) {
	.video-iframe {
		width: 800px;
		height: 450px;
	}
}
.headpro {
width: 88%;
margin-right: 20px;
padding-left: 10px;
padding-right: 10px;
}
.forlinx-probtn {
width: 10%;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .headpro {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }
.forlinx-probtn {
width: 100%;
}
}
    #head-product .row { display: flex; flex-wrap: wrap;  margin-left: 0px; margin-right: 0px; }
    #head-product .description p { line-height: 2; color: #000000; margin-bottom: 10px; font-family:Helvetica, Arial, sans-serif; font-size: 16px; }
    #head-product .description h3 { line-height: 2; font-size: 20px; font-weight: bold; margin-bottom: 10px; font-family:Helvetica, Arial, sans-serif; }
  /* 优化列表样式 */
    #head-product .description ul { list-style-type: disc; margin-left: 20px; margin-bottom: 10px; font-family:Helvetica, Arial, sans-serif; }
    #head-product .description li { line-height: 2; margin-bottom: 5px; font-family:Helvetica, Arial, sans-serif; font-size: 16px; }		
  /* 根据分辨率调整字体大小 */
  @media screen and (max-width: 767px) {#head-product .description p,#head-product .description ul,#head-product .description li { font-size: 14px; }}	
  @media screen and (max-width: 767px) {#head-product .description h3 { font-size: 16px; }}		
    #head-product .btn { font-family:Helvetica, Arial, sans-serif; height: 40px; line-height: 25px; font-size: 16px; width: 190px; }
    #head-product .btns-list-head { padding: 0; margin: 0;}
#head-product .btns-list-head ul { list-style-type: none; }
    #head-product .btns-list-head li:first-child { margin-bottom: 15px }
#head-product .btns-list-head li:nth-child(2) { margin-bottom: 15px; }
    #head-product .btns-list-head .head-btn, #evaluation-kit .btns-list-box .orderkit-btn { position: relative; text-align: center }
    #head-product .btns-list-head .head-btn { color: #000000; border: 2px solid #0d0d0d;background: #ffffff; }
    #head-product .btns-list-head .head-btn:hover { color: #fff; border: 2px solid #00B0F0;background: #00B0F0;}
    #head-product .btns-list-head .head-btn span:after, #evaluation-kit .btns-list-box .orderkit-btn span:after { content: ''; background-size: 11px auto !important; width: 13px; height: 100%; position: absolute; right: 15px; top: 0 }  

/* --- 1. 基础布局保持不变 --- */
.img-sbc {
    width: 55%;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
.forlinx-text-sbc {
    width: 45%;
    margin-bottom: 40px;
    margin-top: 30px;
}
@media screen and (max-width: 1280px) {
    .img-sbc {
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    .forlinx-text-sbc {
        width: 100%;
    }
}
/* --- 2. 按钮样式优化（解决移动/下移问题 & 增加圆润感） --- */
#evaluation-kit .btn {
    display: inline-flex;    /* 改为 flex 布局 */
    align-items: center;     /* 垂直居中，彻底解决文字下移问题 */
    justify-content: center; /* 水平居中 */
    text-transform: none;
    text-decoration: none;
    border-radius: 30px;     /* 增加圆润感，Apple 风格 */
    transition: all 0.2s ease-in-out; /* 平滑过渡 */
    box-sizing: border-box;  /* 确保边框不撑开容器 */
    height: 50px;            /* 统一高度 */
}
/* 补充回：PC端按钮尺寸 */
@media screen and (min-width: 769px) {
    #evaluation-kit .btn {
        font-size: 20px;
        width: 315px; /* 恢复您原来的PC端宽度 */
    }
}
/* 移动端按钮尺寸及居中优化 */
@media screen and (max-width: 768px) {
    /* 1. 让按钮容器在手机上整体居中 */
    #evaluation-kit .btns-list-sbc {
        display: flex;          /* 启用弹性布局 */
        flex-direction: column; /* 按钮上下堆叠 */
        align-items: center;    /* 核心：让子元素在水平方向居中 */
        width: 100%;
        padding: 0;
    }
    /* 2. 确保列表项没有偏移 */
    #evaluation-kit .btns-list-sbc li {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-right: 0 !important; /* 清除可能存在的右间距 */
    }
    /* 3. 按钮本身的移动端尺寸 */
    #evaluation-kit .btn {
        font-size: 16px;
        width: 250px;
        height: 48px; /* 稍微增加高度增加圆润感 */
    }
    /* 4. 隐藏文案部分 */
    #evaluation-kit .desc,
    #evaluation-kit .section-title {
        display: none;
    }
}
/* --- 3. 颜色与交互优化 --- */
#evaluation-kit .btns-list-sbc { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
}
#evaluation-kit .btns-list-sbc li:first-child { 
    margin-bottom: 15px; 
}
/* 修正了您原始代码中的类名错误 (.btns-list-box -> .btns-list-sbc) */
#evaluation-kit .btns-list-sbc .orderkit-btn { 
    color: #fff !important; 
    border: 2px solid #2997FF; 
    background: #2997FF; 
}
#evaluation-kit .btns-list-sbc .kitspecs-btn { 
    color: #2997FF !important; 
    border: 2px solid #2997FF; 
    background: #ffffff; 
}
/* 悬停状态：仅改变颜色，不改变布局参数，防止抖动 */
#evaluation-kit .btns-list-sbc .orderkit-btn:hover {
    background: #0071e3;
    border-color: #0071e3;
}
#evaluation-kit .btns-list-sbc .kitspecs-btn:hover { 
    color: #fff !important; 
    background: #2997FF; 
}
/* --- 4. 其他结构样式 --- */
#evaluation-kit .row { 
    display: flex; 
    flex-wrap: wrap; 
    margin-left: 0px; 
    margin-right: 0px; 
    align-items: center; 
}
#evaluation-kit .section-title { 
    font-size: 28px; /* 稍微调大 */
    font-weight: 700; 
    margin: 0 0 16px; 
    font-family: Helvetica, Roboto, Arial, sans-serif; 
}
#evaluation-kit .desc p { 
    line-height: 1.6; 
    color: #333333; 
    margin-bottom: 40px; 
    font-family: Helvetica, Roboto, Arial, sans-serif; 
    font-size: 16px; 
}
#evaluation-kit .img-sbc img { 
    max-width: 100%; 
    height: auto; 
    display: block;
    margin: 0 auto;
}

#documentation * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
/* 按钮样式 */
.forlinx-button {
    display: inline-block;
    margin-top: 16px;
    padding: 15px 30px;
    background-color: #0C70BB;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.forlinx-icon-text {
    display: flex;
    align-items: center; /* 垂直居中图标和文字 */
    gap: 10px; /* 图标和文字之间的间距 */
}
.forlinx-icon-text img {
    width: 30px;
    height: 30px;
    display: block;
}	
/* 容器和行 */
#documentation .container, 
#documentation .row {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* 标题样式 */
#documentation .section-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}
/* 文档卡片 */
#documentation .doc-box-wrap {
  width: calc(33.33% - 1px) !important;
  margin-right: 0 !important;
  padding: 0 !important;
  border-right: 1px solid rgba(0,0,0,0.05);
}
#documentation .doc-box-wrap.col-md-4 {
  flex: 0 0 calc(33.33% - 1px);
  max-width: calc(33.33% - 1px);
}
#documentation .doc-box-wrap:last-child {
  border-right: none !important;
}
/* 标题折叠 */
#documentation .box-title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  padding: 10px;
  font-family: Helvetica, Arial, sans-serif;
}
#documentation .collapse {
  background-color: #fff;
  padding: 10px;
}
/* 文本段落 */
#documentation .files-box p {
  margin-bottom: 20px;
  line-height: 24px;		
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
}
/* 文件列表 */
#documentation .files-list {
  list-style-type: none;
}
/* 文件图标 */
#documentation .filetype.pdf:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.forlinx.net/file.php?f=201911/f_1bcc37e85454a98d4384e6efb2e2fb69&t=png&o=&s=&v=1574819658");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}
#documentation .filetype.dxf:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("path/to/dxf-icon.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}
#documentation .filetype.os:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.forlinx.net/file.php?f=202309/f_d61b050b24f1e5bfbd0063ce592ed73c&t=png&o=&s=&v=1694076003");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}
/* ------------------ 响应式布局 ------------------ */
@media (min-width: 768px) and (max-width: 991px) {
  #documentation .doc-box-wrap {
    width: calc(50% - 1px) !important;
    max-width: calc(50% - 1px) !important;
    border-right: 1px solid rgba(0,0,0,0.05);
  }
  #documentation .doc-box-wrap:nth-child(2n) {
    border-right: none !important;
  }
}
@media (max-width: 767px) {
  #documentation .doc-box-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px;
    border-right: none !important;
  }
  #documentation .doc-box-collapse {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }
}

    .alerts-bg{
        position: fixed;
        z-index: 999;
        background: rgba(0,0,0,.7);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: none;
    }
    .alerts-bg .alerts{
        width: 300px;
        padding: 30px;
        background: #ffffff;
        border-radius: 10px;
        position: absolute;
        top: 30%;
        left: 50%;
        margin-left: -150px;
        text-align: center;
    }
    .alerts-bg .alerts .text{
        margin-bottom: 30px;
    }
    .alerts-bg .alerts button{    
        width:120px;
        height: 40px;
        border: 0 none;
        -webkit-border-radius: 2px;
        border-radius: 5px;
        background: #0b6fba;
        color: #fff;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        outline: 0 none;
        display: inline-block;
        font-size: 14px;
    }
#block284{}#block284 .panel-heading{}.m-index-index .all-bottom,.all-bottom{width:100%;max-width:100%;margin:0px;}.all-bottom .col{padding:0px;}div.fr{float:right;}#block284 .code img{max-width:initial;}#block284 div.tells img{margin-bottom:20px;}#block284 div.tells p{padding:5px 0;}#block284 ul.links li h6{font-size:16px;font-weight:800;}#block284 ul.links li a:hover{color:#297286;}#block284 .footer{background:#444;color:#fff;}#block284 .foot-top{padding:50px 0px;}#block284 .foot-top .fl{width:60%;min-width:500px;}#block284 .phone-number{display:inline-block;vertical-align:top;}#block284 .phone-number p{line-height:20px;margin:10px 0;}#block284 .links{display:inline-block;}#block284 .links li{display:inline-block;float:left;vertical-align:top;padding:0 60px 0 20px;border-right:1px solid #958e8e;position:relative;}#block284 .links li:first-child{border-left:1px solid #958e8e;}#block284 .links li:last-child{border:none;}#block284 .links li h6{font-size:14px;padding:0 10px;margin-bottom:10px;}#block284 .links li a{display:block;color:#fff;padding:10px;color:#999;font-size:12px;}#block284 .code{text-align:center;float:left;}#block284 .code p{margin-top:10px;font-size:14px;}#block284 .code img{width:120px;height:120px;}#block284 .tells img{max-width:170px;}#block284 .tells p{padding:15px 0;font-size:14px;}#block284 .tells p span{font-size:16px;}@media screen and (max-width: 1125px){.fl,.fl ul{width:100% !important;}.fl ul li{width:33.3% !important;}.fr{display:none;}}
        .foot-bottom span{
            margin-left:2px;
        }
        span a{
            color:inherit;
        }
        a:visited{
            color:#999;
        }
        .showy .listing a.toparrow{
            background:url("/myself/image/topArrow.png") no-repeat 10px center  #0b6fba;
            background-size:15%;
        }
        /* 修改后的新侧边栏导航 */
        aside{
            position:fixed;
            right:20px;
            top:300px;
            z-index:750;
        }
        aside ul.listul{
            width:50px;

        }
        aside ul.listul li.list_new{
            width:100%;
            height:50px;
            background-color:#0E66A7;
            text-align:center;
            line-height:65px;
            cursor: pointer;
        }
        aside ul.listul li.list_new:hover  div.list_new_left{
            display:block;
        }
        aside ul.listul li.list_new:first-child{
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            position: relative;
        }
        aside ul.listul li.list_new:nth-child(2){
            position: relative;
        }
        aside ul.listul li.list_new:nth-child(4){
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }
        side ul.listul li.list_new:nth-child(2)::before,
        side ul.listul li.list_new:nth-child(3)::before,
        side ul.listul li.list_new:nth-child(4)::before{
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            transform: translateX(11px);
            display: block;
            width: 56%;
            height: 1px;
            background: #e6e6e6
        }
        aside ul.listul li.list_new:last-child{
            margin-top:10px;
            border-radius:10px;
        }
        aside ul.listul li.list_new img{
            width:50%;
        }
        aside ul.listul li.list_new div.list_new_left{
            display:none;
            border:1px solid lightgrey;
            text-align:left;
            line-height:initial;
            position: absolute;
            padding:10px;
            border-radius:15px;
            right:50px;
            width:220px;
            background: white;
            top:0;
        }
        aside ul.listul li.list_new div.list_new_left p:first-child{
            color:black;
            font-size:14px;
        }
        aside ul.listul li.list_new div.list_new_left p:last-child{
            color:#666;
            font-size:12px;
        }
        aside ul.listul li.list_new div.list_new_left ul{
            width:100%;
        }
        aside ul.listul li.list_new div.list_new_left ul li{
            width:50%;
            float:left;
        }
        aside ul.listul li.list_new div.list_new_left ul li a img{
            width:20px;
        }
        aside ul.listul li.list_new div.list_new_left ul li a span{
            font-size:12px;
            position: relative;
            bottom:5px;
            color:#666;
        }
        aside ul.listul li.list_new div.list_new_left ul li a:hover span{
            color:#145ccd!important;
        }