@charset "utf-8";
*{margin:0px;padding:0px;}

html{height: 100%;font-size: 14px;}
img{border:none;vertical-align:top;object-fit:cover;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
address,cite,code,em,th{font-weight:normal; font-style:normal;}
a{outline: none; text-decoration: none;cursor: pointer;}
.fontBold{font-weight: bold;}
.font12{font-size: 12px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font22{font-size: 22px;}
.font24{font-size: 24px;}
.font33{color: #333333;}
.font99{color: #999999;}
.fontFF{color: #FFFFFF;}
.fontBold{font-weight: bold;}
.cursorPointer{cursor: pointer;}
.aClass{cursor: pointer;text-decoration: none;color: #000000;}
.aClass:hover{text-decoration: none;}
.flexRow{display: flex;flex-direction: row;}
.flexColumn{display: flex;flex-direction: column;}
.flexcenter{align-items: center;justify-content: center;}
.overflowclass{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.overflowclassone{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
html, body {
    overflow-x: hidden;background: #FFFFFF;
    font-size: 16px;  
    line-height: 2;
}
input{border:none;outline:none;}
.cBlack a, .cBlack {color: #cccccc;text-decoration: none;}


main{width:1380px;margin:0 auto;}
.conlogo,.conlogo img{width:175px;height: 49px;}
.ctop-top{justify-content: space-between;margin:30px 0 20px 0;}
.contop-middle{margin:3px 0 0 50px;}
.contop-middle a{font-size: 20px;color: #333333;margin:0 33px 0 0;}
.contop-middle a.check,.contop-middle a.hover{font-weight:bold;}
.contop-middle a b,.contop-middle a b{ width:auto;height: 5px;margin: 7px 0 0 0;}
.contop-middle a.check b,.contop-middle a.hover b{ width:auto;height: 5px;background: #01B277;margin: 7px 0 0 0;}
.consearch{ width: 296px;height: 40px;background: #F6F6F6;}
.text1{background: #F6F6F6;width: 100%;margin:0 0 0 14px;color:#999999;font-size: 16px;}
.text1::placeholder{color:#999999;}
.searchtopbtn{ width:24px;height: 24px;margin:0 8px 0 0;}

.cdldlta{font-weight: 500;font-size: 22px;color: #333333;margin-right:35px;display: inline-block;margin-bottom: 10px;}
.cdldlta.check{color: #01B277;}
.cdldlt-more{margin:10px 0 0 0;cursor: pointer;}
.cdld-line{ width: 991px;height: 5px;background: #000000;}
.cdl-down{margin:45px 0 0 0;}
.itemd-right,.itemd-right img{ width: 190px;height: 116px;}
.itemd-right{margin:0 0 0 30px;overflow: hidden;flex-shrink: 0;}
.cdldlt{flex:0 0 963px;flex-wrap: wrap;}
.cdld-list.show{height:auto;}
.cdld-list{height:35px;margin:18px 0 0 0;overflow: hidden;transition: height .3s;}



header{ height: 40px;background: #01B277;}
.head{width:1380px;height: 40px;margin:0 auto;justify-content: space-between;align-items: center;}
.head a{color: #FFFFFF;}
.hdla{margin:0 20px 0 0;position:relative;}
.hdla:last-child{margin:0}
.hdla p{position: absolute;font-size: 12px;color: #FFFFFF;background: #FFA200;    top:-8px;right: -60%;}
.hdra{margin:0 0 0 30px;align-items: center;}
.hdra:nth-child(2){margin:0 0 0 25px;}
.headsearchimg{width:16px;height: 16px;}

.jb-titles{justify-content: space-between;}
.jbtle-left{font-weight:bold;font-size: 22px;color: #333333;line-height: 22px;align-items: center;}
.jbtitle-more{ font-size: 14px; color: #999999;align-items: center;}

.jbtitle-more b{background:url(../image/icon24.png) no-repeat;width:6px;height:11px;background-size: contain;margin:0 0 0 4px;}
.jbtitle-more:hover b{background: url(../image/icon25.png) no-repeat;background-size: contain;}

.cd-right{width:350px;}
.hourcon-icon{font-weight: 500;font-size: 16px;color: #FFFFFF;justify-content: center;flex-shrink: 0;}
.hourcon-icon p{margin:3px 0 0 0; }
.hourcona{font-size: 16px;color: #333333;line-height: 25px;-webkit-line-clamp: 1;margin:0 0 0 13px;transition: all .3s ease;}
.hour-con{align-items: center;margin:0 0 14px 0;}
.hour-con:last-child{margin:0;}
.hours-list{margin:28px 0 0 0;}
.weekcha{ font-size: 16px;color: #333333;transition: all .3s ease;-webkit-line-clamp: 1;margin:0 0 0 10px;}
.weekch-con{margin:0 0 18px 0;align-items: center;}
.weekch-con:last-child{margin:0;}
.weekch-con:hover .weekcha{color:#01B277;}
.weekch-list{position: relative;margin:25px 0 0 0;}
.weekch-list::before {content: "";position: absolute;left:8.5px; top:4px;bottom: 0;width:1px;background: #e5e5e5;}
.cdr-weekchoose {margin:36px 0 0 0;}
.cdr-ai{margin:40px 0 0 0;}
.ailta,.ailta img{ width: 165px;height: 105px;}
.ailta{position:relative;}
.ailta p{position:absolute;top: 50%;transform: translate(0, -50%);width: 165px;height: 58px; background: rgba(0, 0, 0, 0.4);font-size: 16px;color: #FFFFFF;display: flex;}
.ailta p span{margin:8px 20px 8px 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;        -webkit-line-clamp: 2;
}
.ail-top{justify-content: space-between;}
.ai-list{margin:25px 0 0 0;}
.alicon-left{ font-weight: 500;font-size: 16px;color: #FFFFFF;align-items: center;}
.alicon-left span{margin:0 0 0 7px;}
.aliconp{font-size: 16px;color: #333333;line-height:34px; margin:0 0 0 6px;-webkit-line-clamp: 1;}
.ali-con{background: #F5F5F5;margin:20px 0 0 0;}
.ali-con p,.bloga p{transition: all .3s ease;}
.cdr-blog{margin:45px 0 0 0;}

.blogtime{ color:#B8B8B8;font-size: 14px;}
.blogtime span{font-weight: 500;font-size: 20px;color: #B8B8B8;line-height: 20px;}
.bloga p{font-size: 16px;color: #333333;-webkit-line-clamp: 1;}
.bloga{align-items: center;justify-content: space-between;margin:18px 0 0 0;}
.bloga p:hover,.ali-con:hover p,.hour-con:hover a,.vdlt-con:hover .vdcondes,.tckclta:hover,.topswa:hover span{color:#01B277;}
.recommendFixed {position: fixed;display: flex;border-bottom: none;padding-left: 0;width: 100%;box-shadow: 0 0 15px hsla(0, 0%, 39.2%, .1);
    top: 0;left: 0;background: #fff;z-index: 99;margin-top: 0 !important;padding-bottom: 15px;
}
.recommendFixed .cdldtle{width:1380px; display: flex;align-items: center;margin: 0 auto;}
.cdldtled{width:990px;}
.cdld-item{display:none;}
.cdld-item.check{display:flex;}
.itemda-title{font-size: 18px;color: #333333;-webkit-line-clamp: 1;transition: all .3s ease;}
.itemda-title:hover,.freeSize a:hover{color:#01B277;}
.itemda-des{color: #999999;;-webkit-line-clamp: 2;line-height: 22px;margin:14px 0 8px 0;height: 44px;}
.itemdl-down,.itemdl-down a{font-size: 12px;color: #999999;align-items: center;transition: all .3s ease;}
.itedtab{ height: 25px;background: #F5F5F5;padding:0 13px;margin:0 0 0 10px;transition: all .3s ease;}
.itemdl-down{justify-content: space-between;}
.cditemd{border-bottom:1px solid #F3F3F3;padding:23px 0 25px 0;justify-content: space-between;}
.cditemd:hover{ background: #F9F9F9;}

.cditemd:hover .itedtab{background: #ECFCF7;color:#01B277;}
.itemd-left{width:100%;}
.itemd-right img {transition:all .3s ease;object-fit: initial;}
.itemd-right:hover img{transform: scale(1.05); }
.jbshowmore{ width:100%;height: 45px;background: #F8F8F8;font-size: 16px;color: #999999;margin:25px 0 0 0;}
.jbshowmore:hover{ background: #ECFCF7;color:#01B277;}
.cd-left{width:990px;margin:0 40px 0 0;}

.breadcrumb{align-items: center;}
.freeSize a,.breadcrumb{color:#999999;}

.freeSize .lastbreada,.freeSize .lastbreada:hover{color:#333333;}
.breadcrumb img{ width:13px;height: 17px;margin:0 11px 0 0;}

.mngfPage{margin:30px 0 0 0;}
.page{display: flex;justify-content: center;}
.pagination{display: flex;justify-content: center;}
.page a,.page a.disabled_page,.page a.disabled_page:hover{ border: 1px solid #E4E4E4;color: #999999;padding:0 11px;height: 28px;display: flex;align-items: center;margin:0 15px 0 0;transition: all .3s ease;}
.page a:last-child{margin:0;}
.page a.active,.page a:hover{ border: 1px solid #333333;color: #333333;}

.gcwPage{display: flex;margin:30px 0 0 0;justify-content: center}
.gcwPage b{display: flex;}
.gcwPage a,.gcwPage span{ 
	display: inline-block;
	color: #6b7280;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.25rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border: 1px solid #d1d5db;
	background-color: #fff;
}
.gcwPage a:hover,
.gcwPage span:hover{
	background-color: #F9FAFC;
}
.gcwPage a.currentPage,
.gcwPage span.currentPage{
	color: #333333;
	border: 1px solid #333333;
	
}
.gcwPage .first{
	border-top-left-radius: 0.375rem;
	border-bottom-left-radius: 0.375rem;
}
.gcwPage .last{
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}


footer{ height: 343px;background: #222222;display: flex;margin:30px 0 0 0;}
.foot{width:1380px;margin:17px auto 0 auto;}
.foot-left{margin:25px 0 0 0;}
.foot-top{justify-content: space-between;border-bottom: 1px solid #3D3D3D;padding:0 0 20px 0;}
.ftl-top{font-weight: 500;font-size: 30px;color: #FFFFFF;line-height: 35px;align-items: center;}
.ftl-top span{width: 107px;height: 47px;background: #01B277;margin:0 17px 0 0;}
.ftl-down{font-size: 16px;color: #7F7F7F;line-height: 35px;width: 422px;margin:22px 0 0 0;}
.foot-down{font-size: 14px;color: #7F7F7F;line-height: 30px;align-items: center;margin:30px auto 0 auto;}
.ftr-list,.ftr-list a{ font-size: 16px;color: #7F7F7F;line-height: 45px;}
.ftr-list p{color:#FFFFFF;font-size:18px;font-weight: bold;}
.ftr-list:nth-child(2){margin:0 70px;}

.weekch-top{margin:25px 0 0 0;border-bottom: 1px solid #F3F3F3; padding: 0 0 20px 0;}
.wktpa,.wktpa img{ width: 170px;height: 100px;}
.wktpa-right{margin:0 0 0 20px;}
.wktpara{font-size: 16px;color: #000000;line-height: 25px;-webkit-line-clamp: 2;margin:-4px 0 0 0;transition: all .3s ease;}
.wktparp{font-size: 14px;color: #999999;line-height: 22px;-webkit-line-clamp: 2;margin:10px 0 0 0;}
.dtl-zt .weekch-list{margin:17px 0 0 0;}
.dtl-wz{margin:38px 0 0 0;}

.htl-item{justify-content: space-between;align-items: center;padding:0 0 14px 0;border-bottom: 1px solid #F3F3F3;margin:0 0 16px 0;}
.htl-item:last-child{margin:0;}
.htiteml-top{align-items: center;margin:0 0 10px 0;transition: all .3s ease;}
.htiteml-top a{font-size: 16px;color: #333333;-webkit-line-clamp: 1;transition: all .3s ease;}
.htiteml-top span{font-size: 12px;color: #999999;margin:0 0 0 20px;    flex-shrink: 0;}
.htiteml-down{color: #999999;    flex-shrink: 0;transition: all .3s ease;}
.htmitem-right{width: 70px;height: 30px;background: #F5F5F5;color: #333333;flex-shrink: 0;margin:0 0 0 10px;transition: all .3s ease;}
.htmitem-right:hover,.htmitem-right.gz{background: #ECFCF7;color:#01B277;}
.dtlht-list {margin:25px 0 0 0;}
.dtl-zt{margin:40px 0 0 0;}

.wktpara:hover,.htiteml-down:hover,.htiteml-top:hover a,.jbtitle-more:hover{color:#01B277;}










.cdldlt-more i{background:url(../image/icon32.png) no-repeat;background-size: contain;width:28px;height: 9px;}
.cdldlt-more:hover i{background:url(../image/icon33.png) no-repeat;background-size: contain;}
.cdl-video .jbtle-left b{background:url(../image/icon30.png) no-repeat;width:28px;height:23px;background-size: contain;margin:0 10px 0 0 ; }
.cdl-track .jbtle-left b{background:url(../image/icon22.png) no-repeat;width:25px;height:30px;background-size: contain;margin:0 10px 0 0 ; }
.cdr-hours .jbtle-left b{background:url(../image/icon23.png) no-repeat;width:26px;height:25px;background-size: contain;margin:0 10px 0 0 ; }
.cdr-weekchoose .jbtle-left b{background:url(../image/icon40.png) no-repeat;width:30px;height:30px;background-size: contain;margin:0 10px 0 0 ; }
.cdr-ai .jbtle-left b{background:url(../image/icon41.png) no-repeat;width:26px;height:31px;background-size: contain;margin:0 10px 0 0 ; }
.cdr-blog .jbtle-left b{background:url(../image/icon42.png) no-repeat;width:30px;height:28px;background-size: contain;margin:0 10px 0 0 ; }
.weekch-icon b{background:url(../image/icon44.png) no-repeat;background-size: contain;width:18px;height:18px;transition: all .3s ease;z-index:2;flex-shrink: 0;}
.weekch-con:hover .weekch-icon b{background:url(../image/icon43.png) no-repeat;background-size: contain;}
.hour-con:nth-child(1) .hourcon-icon{background:url(../image/icon36.png) no-repeat;background-size: contain; }
.hour-con:nth-child(2) .hourcon-icon{background:url(../image/icon37.png) no-repeat;background-size: contain; }
.hour-con:nth-child(3) .hourcon-icon{background:url(../image/icon38.png) no-repeat;background-size: contain; }
.hourcon-icon{background:url(../image/icon39.png) no-repeat;background-size: contain;width:24px;height:33px;}
.jbshowmore:hover b{background:url(../image/icon35.png) no-repeat;background-size: contain;width:20px;height: 20px;}
.jbshowmore b{background:url(../image/icon34.png) no-repeat;background-size: contain;width:20px;height: 20px;margin:0 0 0 5px;}
.alicon-left{background:url(../image/icon45.png) no-repeat;background-size: contain;width:54px;height:35px;transition: all .3s ease;z-index:2;flex-shrink: 0;}
.dtl-xgtj .jbtle-left b{background:url(../image/icon54.png) no-repeat;width:30px;height:28px;background-size: contain;margin:0 10px 0 0 ; }
.dtl-zt .jbtle-left b{background:url(../image/icon62.png) no-repeat;width:27px;height:34px;background-size: contain;margin:0 10px 0 0 ; }
.dtl-wz .jbtle-left b{background:url(../image/icon63.png) no-repeat;width:27px;height:30px;background-size: contain;margin:0 10px 0 0 ; }
.dtl-ht .jbtle-left b{background:url(../image/icon64.png) no-repeat;width:27px;height:30px;background-size: contain;margin:0 10px 0 0 ; }




.artcons table {
    margin-bottom: 15px;
    max-width: 100%;
    width: 100%
}

.artcons table th {
    font-weight: 700
}

.artcons table td,.artcons table th {
    border: 1px solid #e9ebec;
    padding: .5rem 1rem
}
table td {
    min-width: 1.8rem!important
}

.artcons table td,.artcons table th,.artcons table td,.artcons table th {
    border: 1px solid #ddd;
    padding: 5px
}

.artcons table {
    border-collapse: collapse;
    border-radius: 4px;
    border-spacing: 0;
    display: block;
    margin-bottom: 16px;
    margin-top: 16px;
    max-width: 100%;
    overflow: auto;
    width: 100%
}

.artcons table td,.artcons table th {
    border: 1px solid #ddd;
    line-height: 20px;
    padding: 8px
}

.artcons table tr {
    background-color: none;
    line-height: 20px
}

.artcons table thead,.artcons table tr:nth-child(2n) {
    background-color: rgba(102,128,153,.05)
}

.artcons table thead {
    line-height: 20px
} 
 
 

.artcons pre {
    background: #f7f7f7;
    position: relative;   /* ✅ 关键 */
    width: 100%;
    max-width: 100%;
    overflow-x: auto;     /* 横向滚动 */
    overflow-y: hidden;
    box-sizing: border-box;
    padding: 15px;
    background: #f7f7f7;
}

.artcons .pre-numbering {
    top: 0!important;
    padding-top: 15px;
    padding-bottom: 17px;
    background: #e9e9e9;
    box-sizing: border-box;
    display: none;
    margin-bottom: 0!important;
    position: absolute
}

.artcons .pre-numbering li {
    list-style: none!important
}

.artcons pre.has-pre-numbering {
    position: relative;
    padding: 15px 0 17px 55px!important
}

.artcons ul.pre-numbering {
    position: absolute;
    top: 10px;
    left: 0;
    width: 40px;
    text-align: center;
    margin-left: 0
}

.artcons .CodeMirror {
    background: #f7f7f7;
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 0!important
}

.artcons .CodeMirror-scroll {
    min-height: 300px
}

.artcons .CodeMirror-fullscreen {
    background: #fff;
    position: fixed!important;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    z-index: 9
}

.artcons .CodeMirror-sided {
    width: 50%!important
}

.artcons .hljs-cto {
    position: relative
}
.artcons pre code{
    white-space: pre;
    display: block;
}
.artcons .copy_btn {
    position: relative;
    padding: 5px 10px;
    background-color: #666;
    border: none;
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    top:5px;
    right: 5px;
    z-index: 99;
    float: right;

    display: block;
    margin-bottom: -35px; 
    margin-left: auto; 
    width: max-content;
}

a:active,a:hover {
    color: #e90505
}

.artcons h1 {
    margin: .67em 0
}

.artcons h2 {
    margin: .83em 0
}

.artcons h3 {
    margin: 1em 0
}

.artcons h4 {
    margin: 1.33em 0
}

.artcons h5 {
    margin: 1.67em 0
}

.artcons h6 {
    margin: 2.33em 0
}

.artcons p {
    margin: 1em 0
}

.artcons pre {
    overflow-y: auto
}

.artcons img {
    max-width: 100%;
    height: auto!important
}

.artcons a {
    color: #3e71f6
}

.artcons a:hover {
    color: #e63a3a
}


.artcons blockquote {
    background: #f2f5f9;
    color: #819198;
    padding: 1px 16px
}

.artcons h2,.artcons h3,.artcons h4,.artcons h5,.artcons h6 {
    line-height: 1.5!important;
    color: #333!important;
    margin-top: 1em;
    margin-bottom: .4em
}

.artcons h2 {
    font-size: 28px!important
}

.artcons h3 {
    font-size: 24px!important
}

.artcons h4 {
    font-size: 20px!important
}

.artcons h5 {
    font-size: 18px!important
}

.artcons h6 {
    font-size: 16px!important
}

.artcons p {
    line-height: 2!important;
    font-size: 16px!important;
    margin: .6em 0
}

.artcons a span,.artcons blockquote span,.artcons h1 span,.artcons h2 span,.artcons h3 span,.artcons h4 span,.artcons h5 span,.artcons h6 span,.artcons li span,.artcons p span,.artcons sub span,.artcons sup span,.artcons table span {
    background: none!important;
    font-size: 16px!important;
    color: #333!important
}

.artcons a .wukongfontcolor-emphasize,.artcons blockquote .wukongfontcolor-emphasize,.artcons h1 .wukongfontcolor-emphasize,.artcons h2 .wukongfontcolor-emphasize,.artcons h3 .wukongfontcolor-emphasize,.artcons h4 .wukongfontcolor-emphasize,.artcons h5 .wukongfontcolor-emphasize,.artcons h6 .wukongfontcolor-emphasize,.artcons li .wukongfontcolor-emphasize,.artcons p .wukongfontcolor-emphasize,.artcons sub .wukongfontcolor-emphasize,.artcons sup .wukongfontcolor-emphasize,.artcons table .wukongfontcolor-emphasize {
    color: #2362e1!important
}
.artcons a .data-image-title,.artcons blockquote .data-image-title,.artcons h1 .data-image-title,.artcons h2 .data-image-title,.artcons h3 .data-image-title,.artcons h4 .data-image-title,.artcons h5 .data-image-title,.artcons h6 .data-image-title,.artcons li .data-image-title,.artcons p .data-image-title,.artcons sub .data-image-title,.artcons sup .data-image-title,.artcons table .data-image-title {
    display: block;
    text-align: center;
    font-size: 14px!important;
    color: #686868!important;
    line-height: 26px!important
}

.artcons a em,.artcons blockquote em,.artcons h1 em,.artcons h2 em,.artcons h3 em,.artcons h4 em,.artcons h5 em,.artcons h6 em,.artcons li em,.artcons p em,.artcons sub em,.artcons sup em,.artcons table em {
    font-style: normal!important
}

.artcons a del,.artcons a u,.artcons blockquote del,.artcons blockquote u,.artcons h1 del,.artcons h1 u,.artcons h2 del,.artcons h2 u,.artcons h3 del,.artcons h3 u,.artcons h4 del,.artcons h4 u,.artcons h5 del,.artcons h5 u,.artcons h6 del,.artcons h6 u,.artcons li del,.artcons li u,.artcons p del,.artcons p u,.artcons sub del,.artcons sub u,.artcons sup del,.artcons sup u,.artcons table del,.artcons table u {
    text-decoration: none!important
}

.artcons a {
    color: #333!important;
    border-bottom: 1px solid #333!important;
    padding-bottom: 2px
}

.artcons a:hover {
    color: #acacac!important
}

.artcons p>code {
    color: #128b4e;
    background-color: #e7f3ed!important
}

.artcons p>code span {
    font-size: 12px!important;
    color: #128b4e!important
}

.artcons p>code em {
    font-style: normal
}

.artcons p>code del,.artcons p>code u {
    text-decoration: none
}

.artcons pre .language- {
    color: #595959!important;
    background: none!important;
    font-size: 13px!important
}

.artcons pre .language- span {
    font-size: 13px!important
}

.artcons h1 span,.artcons h2 span,.artcons h3 span,.artcons h4 span,.artcons h5 span,.artcons h6 span {
    font-size: inherit!important
}

.artcons a,.artcons blockquote,.artcons blockquote span,.artcons table,.artcons table span {
    font-size: 16px!important
}

.artcons a span {
    font-size: 16px!important;
    color: #333!important
}

.artcons ul.pre-numbering {
    height: 100%
}


.newsArticle .artcons {
    margin-bottom: 120px
}

.newsArticle .artcons img {
    display: block
}

.artcons {
    word-wrap: break-word;
    margin-bottom: 60px;
    font-size: 16px
}