@charset "utf-8";
.newmanual,.newmanualdetail{overflow:visible;}
.conRight{display:flex;flex-direction:column;width:293px;}
.itemtitle{font-size: 18px;color: #000000;line-height: 25px;transition:all .2s ease;-webkit-line-clamp:1;}
.itemtitle:hover{color: #D22222;}
.excerpta{font-size: 16px;color: #6E6E6E;line-height: 28px;margin:15px 0 19px 0;-webkit-line-clamp:2;height:56px;}
.meta-item{font-size: 14px;color: #A2A2A2;line-height: 20px;align-items:center;cursor: pointer;}
.litema{margin:0 16px 0 0;}
.list-item{margin:16px 0 0 0;padding:0 0 17px 0;border-bottom: 1px solid #F4F4F4;}
.list-item:last-child{border-bottom:none;}
.meta-item:nth-child(2){margin:0 40px;}
.left-list{width:830px;margin:0 40px 0 32px;}
.content-alls{justify-content:space-between;align-items: flex-start; }
.newmanual .content,.newmanualdetail .content{margin:40px auto 0 auto;}
.newcodemanu .content{margin:27px auto 0 auto;}
.left-lists{position: sticky;top:110px;align-self: flex-start;  overflow-y: auto;scrollbar-gutter: stable;height:70vh;padding:0 3px 0 1px;flex-shrink: 0;}
.left-lists::-webkit-scrollbar {
    width: 6px;                    /* 滚动条宽度 */
  }
  
  .left-lists::-webkit-scrollbar-track {
    background: transparent;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  
  .left-lists::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    transition: background-color 0.3s;
  }
  
  .left-lists::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
.codemenu-all .conLeft{margin:0 34px 0 0;}
.litema,.litema img{width: 274px;height: 136px;border-radius: 4px;}
.breadcrumbs,.breadcrumbs a{font-size: 16px;color: #575860;line-height: 22px;align-items: center;}
.breadcrumbs p{display:flex;align-items: center;color: #333333;}
.lists{margin:4px 0 0 0;}

.llatop p{margin-top: 3px;}
/* .llatop p:nth-of-type(1){padding:0 0 0 40px;} */
.llstda{width: 100%;align-items: center;justify-content: space-between;outline: 1px solid #E9E9E9;border-radius: 5px;z-index: 10;background:#FFFFFF;}
.nosels .llstda{justify-content: flex-start;display:flex;}
.llstda span{font-size: 16px;color: #333333;line-height: 42px;height: 42px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;    -webkit-line-clamp: 1;
}
.selall{font-size: 14px;line-height: 22px;display:none;width:100%;background: #F9F9F9;border-radius: 5px 5px 5px 5px;border: 1px solid #E9E9E9;margin: -3px 0 0 0;}
.selall a{height:41px;align-items: center;padding: 0 10px 0 12px;-webkit-line-clamp: 1;line-height: 41px;border-bottom: 1px solid #EFEFEF;transition:all .3s ease;}
.selall a:nth-of-type(1){height:44px;line-height: 44px;}
.selall a:nth-last-of-type(){border-bottom: none;}
.selall a:hover,.selall a.hover{color:#D12121;}
/* .selall a:hover{color:#D22222;} */
.llstda span:nth-of-type(1){padding:0 0 0 12px;}
.llatop p:nth-of-type(1){color:#D22222;}
.llatop p:nth-of-type(2){color:#000000;}
.llstd{width: 180px;min-height: 42px;display:flex;align-items:center;margin:0 0 9px 0;background: #FFFFFF;}
.llsta{width: 180px;min-height: 42px;display:flex;align-items:center;margin:0 0 9px 0;background: #FFFFFF;}
.llstd:not(:first-child) .llstda:hover ,.selall a:hover,.selall.hover, .llsta:not(:first-child):hover{background: #F2F2F2;}
/* .llstd:not(:first-child).hover .selall{display:flex;} */
.llsta:not(:first-child).hover{background: #F2F2F2;}
.llsta img,.llstda img,.llstd img{width:18px;height:18px;margin: 0 10px 0 12px;transition: opacity 0.2s ease;  }
.llsta .check {opacity: 0;width:0;margin:0;}
.llsta .nocheck {opacity: 1;width:auto;}
.llsta:hover .check,.llsta.hover .check {opacity: 1;width:auto;margin:0 10px 0 12px;}
.llsta:hover .nocheck,.llsta.hover .nocheck {opacity: 0;width:0;    margin: 0;}
.llatop img{margin-bottom:3px;}
.llatop{background: #FFEBEF;font-family: "FZZCHJW--GB1";font-size: 18px;height: 48px;outline:1px solid #FFEBEF;border-radius: 5px;}
.rcTitle a:hover{color:#D22222;}
.rcTitle a{transition:all .2s ease;}
/* .codedetailcon .llsta:not(:nth-of-type(1)) span:nth-of-type(1){margin:0 0 0 12px;} */

.dleftcon h1{font-weight: bold;font-size: 24px;color: #000000;line-height: 33px;margin:20px 0;}
.dlc-des{width: 830px;height: 93px;background: #F8F8F8;border-radius: 8px;}
.desd{display:flex;align-items:center;font-size: 14px;color: #9A9BAB;line-height: 20px;margin:0 40px 0 0;cursor: pointer;}
.desd.active{color:#FFA600;}
.desatop{margin:0 0 15px 0;}
.desall{margin:15px;width: 100%;}
.dsda{width:auto;height: 28px;background: #FFFFFF;border-radius: 14px;border: 1px solid #D0D0D0;font-size: 14px;color: #D22222;line-height: 20px;
    align-items:center;justify-content: center;position: relative;transition:all .2s ease;padding:0 10px;
}
.dsda img{width:7px;height:14px;transition: opacity 0.2s ease;position: absolute;top:50%;transform: translateY(-50%);}
.dsdleft img{margin:0 3px 0 0;left: 12px;}
.dsdright img{margin:0 0 0 3px;right: 12px;}
.dsda .nocheck {opacity: 1;}
.dsda .check {opacity: 0;}
.dsda:hover .check {opacity: 1;}
.dsda:hover .nocheck {opacity: 0;}
.dsda:hover{background: #D22222;color: #FFFFFF;border:1px solid #D22222;;}
.dsdleft p{margin:0 0 0 10px;}
.dsdright p{margin:0 10px 0 0 ;}
.dsdleft {margin-right: auto;}
.dsdright {margin-left: auto;}
.codesl{margin:0 0 20px 0;}
.article-intro hr{margin:10px 0 0 0;}
.dlc-title,.article-intro h2{font-size: 18px;color: #000000;line-height: 25px;font-weight:600;margin:20px 0;}
.article-intro h2+p{margin:0;}
.qy-top{font-size: 16px;line-height: 24px;}
.dlc-qy{margin:20px 0 0 0;}
.qytp,.article-intro p{font-size: 16px;color: #333333;line-height: 24px;margin:20px 0 0 0;}
.tation{color:#DE516E;}
.qytpdes{color: #717171;margin:10px 0 0 0;}
.article-intro .prettyprint{margin:10px 0 0 0;}

.atations{width: 830px;height: 52px;background: #FFFFFF;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12);align-items: center;margin:20px 0 0 0;}
.atations p:nth-child(1){width: 4px;height: 52px;background: #D22222;}
.atations p:nth-child(2){margin:0 0 0 15px;font-size: 16px;color: #515151;line-height: 22px;}
.dlc-sl{margin:20px 0 0 0;}
.dlcdown{margin:20px 0 0 0;border-bottom:1px solid #F1F3F6;padding:0 0 20px 0;}
.dlc-down3{border-bottom:none;}
.dlcdown .dlc-title,.article-intro h3{margin:20px 0 10px 0;}
.dlcdown p,.article-intro h3{font-size: 16px;color: #333333;line-height: 24px;font-weight: 500;}
.codevideo{flex-wrap: wrap;}
.codevideo-tab {width: 262px;height:248px;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 8px;position: relative;margin: 0 21px 20px 0;transition: all .3s ease;}
.codevideo-tab:hover{ box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15), 0px 0px 1px 1px #F9F9F9;}
.codevideo-tab:nth-child(3N+3){margin:0 0 20px 0;}
.codevtaba, .codevtabimg {width: 263px;height: 150px;border-radius: 8px 8px 0px 0px;}
.codevtdown dt {height: 44px;overflow: hidden;font-size: 16px;color: #000000;line-height: 22px;font-weight: bold;margin: 11px 10px 9px 10px;}
.codevtdown dt .bg1 {font-size: 12px;color: #679CFD;line-height: 12px;background: #E0E7FC;}
.codevtdown dt .bg2 {font-size: 12px;color: #BB1114;line-height: 12px;background: #FFEBEF;}
.codevtdown dt .bg3 {font-size: 12px;color: #E26A00;line-height: 12px;background: #FBEAD0;}
.codevtdown dt i {font-size: 12px;line-height: 12px;width: 32px;height: 16px;border-radius: 2px;font-style: normal;padding: 2px 4px;font-weight: 400;}
.codevtdown dd {justify-content: space-between;color: #8E8E8E;margin: 0 10px 11px 10px;}
.codevtdown dd em a {display: flex;align-items: center;color: #8E8E8E;transition: all .3s ease;}
.codevtdown dd em a b { width: 18px; height: 18px;background: url(../lhimages/icon142.png) no-repeat;margin: 0 6px 0 0;transition: all .3s ease;background-size: contain;}
.codevtdown dd em a:hover b, .codevtdown dd em a.courseICollectioned b {background: url(../lhimages/icon143.png) no-repeat;background-size: contain;}
.codevtdown dd em a:hover, .codevtdown dd em a.courseICollectioned ,.codevtdown dt a:hover{color: #D22222;}
.left-video{margin:40px 0 0 0;}
.codevtdown dt a{transition:all .3s ease;}

.newmanual .readCharts,.codedetailcon .technology-news{margin:0;}
.codedetailcon .rightStudy,.codedetailcon .rightDowns{margin:40px 0 0 0;}
.pages,.pages .page{display:flex;margin:0 auto;}
.pagea,.page a{padding:0 14px;height: 32px;background: #FFFFFF;border-radius: 4px;border: 1px solid #F2F2F2;display:flex;align-items: center;justify-content:center;margin:0 4px 0 0;}
.pagea.middle{border:none;}
.pagea.middle:hover{background:#FFFFFF;border:none;}
.pagea.now,.page .active{border: 1px solid #D22222;color:#D22222;}
.pagea:hover{background: #F7F8FC;color:#8D9099;border: 1px solid #F0F0F3;}

.chosepage input{width: 34px;height: 32px;background: #FFFFFF;border-radius: 4px;border: 1px solid #F2F2F2;margin:0 6px;}
.chosepage{display:flex;align-items:center;}
.chosepage p{margin:0 7px 0 16px;}
.tecnewA:last-child{margin:0 ;}

.codedetailcon .readDown{margin:0;}
.codedetailcon .readCharts{background:none;}

.rcTitle{justify-content: space-between;transition:all .2s ease;margin:0 0 20px 0;}
.rcTitle p:nth-child(1){font-family: FZZCHJW--GB1;font-size: 18px;color:#000000;line-height: 24px;font-weight: 600;}
.rcTitle p:nth-child(1) span{color: #E2211C;}
.rcTitle p:nth-child(2){color: #E2211C;font-size: 14px;}
.newmanualdetail .rititle-more b ,.newmanual .rititle-more b {width: 20px;height: 19px;background: url(../lhimages/icon161.png);background-size: cover;}
.newmanualdetail .rititle-more:hover b,.newmanual .rititle-more:hover b{background: url(../lhimages/icon162.png);width: 20px;height: 19px;background-size: cover;}
.newmanualdetail .adversitement img,.newmanual .adversitement img{width:100%;}
.newmanualdetail .adversitement ,.newmanual .adversitement{margin:0;}
.newmanualdetail .readCharts,.newmanual .readCharts{width:auto;margin:30px 0 50px 0;}
.newmanualdetail .ristyAimg,.newmanual .ristyAimg{    width: 110px;height: 70px;}
.newmanualdetail .tecna,.newmanualdetail  .tecnAimg,.newmanual .tecna,.newmanual  .tecnAimg{width: 110px;height: 70px;}

/* new codemenu */
.lconl-top{width: 1057px;height: auto;background: #F9F9F9;margin:20px 0 40px 0;}
.topall{margin:22px 14px 21px 15px;border-bottom:1px solid #E9E9E9;padding:0 0 25px 0;}
.topdes{margin:0 14px 21px 15px;}
.titles{justify-content: space-between;margin:0 0 15px 0;}
.tal-other{justify-content:space-between;}
.title{margin:7px 0 0 0;}
.title{font-weight: 500;font-size: 20px;color: #0D0D0D;text-align: left;font-style: normal;text-transform: none;line-height: normal;}
.topdes p:nth-child(1),.topdes p{font-size: 14px;line-height: 30px;}
.topdes p:nth-child(2){font-weight: 400;font-size: 16px;color: #000000;text-align: left;font-style: normal;text-transform: none;line-height: normal;    letter-spacing: 1.7px;margin:25px 0 0 0;}
.collectcode{width: 100px;height: 36px;background: #FFF7F7;border-radius: 5px 5px 5px 5px;border: 1px solid #F60000;    
    align-items: center;justify-content: center;font-weight: 500;font-size: 14px;color: #DD2121;text-align: left;font-style: normal;text-transform: none;
}
.collectcode:hover{color:#DD2121;}
.collectcode.coled{background: #F60000;border-radius: 5px 5px 5px 5px;border: 1px solid #F60000;color:#FFFFFF;}
.collectcode.coled:hover{color:#FFFFFF;}
.other-right p:nth-child(1){margin:0 33px 0 0;}
.other-right p,.tal-other .times{align-items: center;font-weight: 500;font-size: 14px;color: #A7A7A7;text-align: left;font-style: normal;text-transform: none;}
.newcodemanu .rititle-left{font-family: "PingFangSC";}
.lcld-title.lcldcdv{justify-content: space-between;align-items: center;height: 47px;}
.lcldp{font-weight: 400;font-size: 14px;color: #999999;text-align: left;font-style: normal;text-transform: none;}
.lcldc-item{border: 1px solid #ECECEC;margin:0 0 29px 0;}
.lcldc-item:last-child{margin:0;}
.cdvall{justify-content:flex-start;margin:0 15px;width: 100%;height:100%;}
.lcld-title .cdvall{justify-content: space-between;align-items: center;}
.lcdtled{align-items: center;font-size: 16px;color: #EB1C21;font-weight: 500;flex-shrink: 0;}
.lcldcdv{height: 45px;align-items: center;justify-content: center;}
.lcldc-dv .lcldcdv:nth-child(2n+2){background: #F9F9F9;}
.cdvalld{width: 50%;align-items: center;}
.cdvalld h3{font-size: 14px;}
.cdvalld h3,.lcld-title .cdvall h2,.title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.lcdtle{font-size: 18px;color: #212121;font-weight: 500;}
.lcld-titles{justify-content:space-between;align-items: end;margin:0 0 28px 0;}
.morevideo .lcld-titles{margin:0 0 22px 0;}
.rititle-left p:nth-child(1) b{width: 36px;height: 3px;}
.morevideo{margin:37px 0 0 0;}
.videoall{flex-wrap: wrap;}
.newcodemanu .vtaba,.newcodemanu .vtabimg{width:246px;height: 140px;}
.newcodemanu .video-tab{width:246px;margin: 0 24px 24px 0;}
.newcodemanu .video-tab:nth-child(4n+4){margin:0 0 24px 0;}
.newcodemanu .vtdown dt{margin:10px;font-size: 16px;line-height: 22px;height: 46px;}
.newcodemanu .vtdown dt a{font-weight:600;}
.lconl-down{width:1057px;}
.newcodemanu .vtdown dd{margin:0 10px 10px 10px;}



.cdvalld b{width:18px;height:22px;background: url(../lhimages/icon274.png) no-repeat;margin:0 8px 0 0 ;background-size: contain;flex-shrink: 0;}
.lcdtled b{width:17px;height:17px;background: url(../lhimages/icon273.png) no-repeat;margin:2px 0 0 4px;background-size: contain;flex-shrink: 0;}
.other-right p:nth-child(1) b{width:18px;height:18px;background: url(../lhimages/icon271.png) no-repeat;margin:0 4px 0 0;background-size: contain;flex-shrink: 0;}
.other-right p:nth-child(2) b{width:21px;height:15px;background: url(../lhimages/icon270.png) no-repeat;margin:0 4px 0 0;background-size: contain;flex-shrink: 0;}
.tal-other .times b{width:18px;height:18px;background: url(../lhimages/icon272.png) no-repeat;margin:0 7px 0 0;background-size: contain;flex-shrink: 0;}
.collectcode b{width:19px;height:19px;background: url(../lhimages/icon268.png) no-repeat;margin:0 7px 0 0;background-size: contain;flex-shrink: 0;}
.collectcode.coled b{width:19px;height:19px;background: url(../lhimages/icon269.png) no-repeat;margin:0 7px 0 0;background-size: contain;flex-shrink: 0;}
.llstda b{width:6px;height:10px;background: url(../lhimages/icon266.png) no-repeat;margin:0 6px;background-size: contain;flex-shrink: 0;}
.llstda b.shows,.llstd.hover .llstda b{width:10px;height:6px;background: url(../lhimages/icon267.png) no-repeat;margin:0 6px;background-size: contain;flex-shrink: 0;}
.collect.active b{width:16px;height:16px;background: url(../lhimages/icon222.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}
.collect b{width:16px;height:16px;background: url(../lhimages/icon221.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}
.share b{width:16px;height:16px;background: url(../lhimages/icon223.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}
.read b{width:16px;height:16px;background: url(../lhimages/icon224.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}
.times b{width:16px;height:16px;background: url(../lhimages/icon225.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}
.breadcrumbs p b{width:4px;height:9px;background: url(../lhimages/icon208.png) no-repeat;margin: 0 6px;background-size: contain;}
.breadcrumbs b{width: 12px;height: 15px;background: url(../lhimages/icon207.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}
.dot1{width: 16px;height: 16px;background: url(../lhimages/icon204.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}
.dot2{width: 16px;height: 16px;background: url(../lhimages/icon205.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}
.dot3{width: 16px;height: 12px;background: url(../lhimages/icon206.png) no-repeat;margin: 0 6px 0 0;background-size: contain;}