@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
@font-face {
    font-family: "FZZCHJW--GB1";
    src: url("./fonts/方正正粗黑简体.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica";
    src: url("./fonts/Helvetica.ttc") format("truetype");
    font-weight: normal;
    font-style: normal;
}

html{height: 100%;}
img{border:none;vertical-align:top;}
li{list-style-type:none;}
ul,dl,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h2{ font-size:18px; font-family:"PingFangSC, PingFang SC;"; }
body{font-size:14px; font-family:"PingFangSC, PingFang SC;"; }
address,cite,code,em,th{font-weight:normal; font-style:normal;}
a{outline: none;color:#000000;}
.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;
}
.cBlack a, .cBlack {color: #cccccc;text-decoration: none;}


.newindex{margin:0 auto;}
.scbtns{width: 71px;height: 26px;border-radius: 13px;display: flex;color: #FFFFFF;line-height: 16px;cursor: pointer;}
.scbtns:nth-child(1){background: #000000;margin:0 10px;}
.scbtns:nth-child(1):hover{background: linear-gradient( 265deg, #444444 0%, #000000 100%);}
.scbtns:nth-child(2){background: linear-gradient( 270deg, #66AAFF 0%,#8C7DFC 100%);}
.scbtns:nth-child(1) img{margin:0 5px 0 0;width:15px;height:14px;background-size: contain;}
.text1{width:591px;height: 26px;background: #F9FBFD;border-radius: 13px;color: #A6AEBD;line-height: 16px;padding: 0 10px;border:none;letter-spacing: 1px;}
.headtop{justify-content: space-between;align-items: center;margin:0 auto 10px auto;width: 1380px;padding:10px 0 0 0;}
.teachers,.wechats,.login{align-items: center;justify-content: center;text-align: justify;font-style: normal;display: flex;letter-spacing: 2px;}
.wechats{margin:0 30px;position: relative;}
.teachers,.wechats,.login{transition:all .3s ease;}
.teachers:hover,.wechats:hover,.login:hover{color:#D22222;}
.newHead .phpLogo{margin-top:0;width: 116px;height: 29px;}
/* .newHeadnoindex{margin-bottom:20px;} */

.headdown{width:100%;height: 48px;background: #D22222;}
.hddtabs{width: 1380px;margin:0 auto;}
.hddtabA{width:auto;height: 48px;padding:0 22px;font-weight: bold;font-size: 20px;color: #FFFFFF;line-height: 28px;align-items: center;justify-content: center;margin:0 56px 0 0;transition:all .3s ease;}
.hddtabA.check{ background: #F5F5F5;color: #000000;}
.hddtabA:last-child{margin:0;}
.hddtabA:last-child:hover{color:#FFFFFF;}
.hddtabssec{height: 48px;background: #F5F5F5;display:none;}
.hddtabssec.check{display:flex;}
.hddtabssecd{justify-content: flex-start;width: 1380px;margin: 0 auto;}
.hddtabssecall{max-height: 0;opacity: 0;transition: all 0.3s ease;}
.hddtabssecall.active {max-height: 48px; opacity: 1;}
.hddtabsecA{font-size: 16px;color: #000000;line-height: 22px;align-items: center;margin:0 33px 0 0;word-break: keep-all;height: 48px;justify-content: center;}
.hddtabsecA.mores{margin:0;margin: 0 30px 0 auto;}
.hddtabsecA.check,.hddtabsecA.underline-on,.hddtabsecA:hover{color: #D22222;}
.hddtabsecA.mores i{width: 4px;height: 4px;background: #000000;border-radius: 1px;margin:0 4px 0 0;}
.hddtabsecA.mores i:last-child{margin:0;}
.hddtabsecA.check b{width: 28px;height: 2px;background: #D22222;border-radius: 2px;}
.headdownall{width: 100%;}
.mores-menu{background: #F5F5F5;top:48px;right:-5px;border-radius: 5px;min-width: 94px;}
.mores-menu .hddtabsecA{margin:10px 15px;height: auto;}

.hddtabssec {position: relative;}
.hddtabssecd {position: relative;display: flex;}
.hddtabssec a {text-decoration: none;transition: color 0.3s ease-in-out;}
.hddtabssec a:hover {color: #D22222;}
.hddtabssec .underline {width:28px;position: absolute;bottom:12px;height:2px;border-radius: 2px;background-color: #D22222;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);pointer-events: none;}

.lttrimg{width: 251px;height: 146px;border-radius: 8px;transition: transform 0.4s ease;}
.ltt-righta:hover img{transform: scale(1.05); }
.ltt-righta:hover .ltt-botd p{-webkit-line-clamp:2;height:32px;transition: all 0.3s ease;}
.ltt-righta:hover .ltt-botd{background: rgba(0, 7, 32, 0.85);height: 55px;}
.ltt-botd p{margin:10px;line-height: 22px;height: 45px;  -webkit-line-clamp: 2;}
.ltt-righta{width: 251px;height: 146px;border-radius: 8px;position: relative;margin:0 15px 0 0;overflow: hidden;}
.ltt-righta:last-child{margin:0;}
.ltt-righta .ltt-botd p{ font-size: 12px;color: #FFFFFF;line-height: 16px; -webkit-line-clamp:1;height: 16px;margin: 10px ;font-weight: 600;transition: all 0.3s ease;}
.ltt-righta .ltt-botd{position:absolute;bottom: 0; height: 35px;background: linear-gradient( 180deg, rgba(61,61,61,0) 0%, #000000 100%);border-radius: 0px 0px 8px 8px;transition: all 0.3s ease;opacity: 0.83;width:100%;}
.ltt-down,.ltr-down{max-width: 515px;}
.ltdleftatp {width: 10px;height: 10px;background: #CCCCCC;border-radius: 2px;margin:6px 6px 0 0;transition:all .3s ease;}
.conLeft,.left-top{width:100%;}
.left-top{justify-content: space-between;}
.contentAll{max-width: 1050px;}
.content{width: 1380px;margin:40px auto;}
.ltr-lines,.ltt-lines{width:100%;border-bottom: 1px solid #F2F2F2;padding:0 0 20px 0;margin:0 0 15px 0;}
.ltr-lines{margin-left: auto;}
.ltdlefta:nth-child(1) .ltdlefta-down p:nth-child(1){font-size: 18px;line-height: 25px;color:#D22222;font-weight: bold;}
.ltdlefta:nth-child(1):hover .ltdlefta-down p:nth-child(1){text-decoration:underline !important;}
.ltdlefta-down p:nth-child(1){font-size: 16px;color: #060606;line-height: 22px;transition:all .3s ease;}
.ltdlefta-down p:nth-child(2){font-size: 14px;color: #6E6E6E;line-height: 20px;margin:10px 0 0 0;}
.ltdlefta-down p{-webkit-line-clamp: 1;}
.ltdlefta{border-bottom: 1px solid #F2F2F2;margin:0 0 15px 0;padding:0 0 16px 0;}
.ltdlefta:hover .ltdleftatp{background:#D22222;}
.ltdlefta:hover .ltdlefta-down p:nth-child(1){color:#D22222;}
.lttitle{justify-content: space-between;margin:0 0 20px 0;}
.title-left{font-size: 24px;color:#000000;line-height: 32px;font-family: FZZCHJW--GB1;}
.title-left .eng{font-family: Helvetica;font-size: 16px;color: #DCDCDC;line-height: 24px;text-align: left;margin:7px 0 0 4px;}
.title-left p:nth-child(1){color:#D22222;    display: flex;flex-direction: column;align-items: center;}
.title-left p:nth-child(1) b{width: 46px;height: 3px;background: #D22222;border-radius: 2px;}
.zttableft .zttab-top{position: relative;display: block;width: 100%;height: 96px;background: url(../lhimages/icon163.png) no-repeat center/cover;transition: all .3s ease;}
.zttableft .zttab-top:hover{height:100%;background: url(../lhimages/icon192.png) no-repeat  center/cover;}
.zttab-top:hover ~ .zttab-ul{display: none;}
.zttab-top:hover .zttabtdDes{display:block;}
.zttabtdDes{display:none;font-size: 16px;color: #FCFCFC;line-height: 22px;margin:14px 20px 20px 20px;}
.zttabtdDes p{-webkit-line-clamp:9;}
.zttabmiddle .zttab-top{background:url(../lhimages/icon164.png) no-repeat center/cover;position: relative;display: block;width: 100%;height: 96px; transition: all .3s ease;}
.zttabmiddle .zttab-top:hover{height:100%;background: url(../lhimages/icon193.png) no-repeat  center/cover;}

.zttabright .zttab-top{background:url(../lhimages/icon165.png) no-repeat center/cover;position: relative;display: block;width: 100%;height: 96px; transition: all .3s ease;}
.zttabright .zttab-top:hover{height:100%;background: url(../lhimages/icon194.png) no-repeat  center/cover;}
.zttab-top{width: 100%;height:96px;  position: relative;}
.left-zt{margin:25px 0 0 0;}
.zttab-top:hover::before {opacity: 1;}
.zttab{width: 336px;height: 322px;background: #FFFFFF;box-shadow: 0px 0px 8px 0px #ECEDF0;border-radius: 8px;position: relative; overflow: hidden;}
.zttab:nth-child(2){margin:0 20px;}
.zttab-ul{margin:10px 10px 0 10px;}
.zttabtd{width:100%;}
.zttabtd p:nth-child(1){font-weight: bold;font-size: 21px;color: #FFFFFF;line-height: 29px;margin:20px;-webkit-line-clamp:2;}
.zttabtd p:nth-child(2){font-weight: 500;font-size: 14px;color: #DDDDDD;line-height: 20px;-webkit-line-clamp:3;}
.zttab-ul{font-size: 16px;color: #000000;line-height: 20px;}
.zttaba{-webkit-line-clamp: 1;margin:0 0 10px 0;white-space: nowrap;padding: 12px;width:292px;height:20px;background: #FBFCFE;border-radius: 4px;transition:all .3s ease;}
.zttaba:hover{color:#D22222;background:#FFF5F5;}
.aibtnimg{width: 76px;height: 76px;border-radius: 12px;margin:0 16px 0 20px;}
.aibtn-right p:nth-child(1){font-weight: bold;font-size: 18px;color: #000000;line-height: 18px;margin:6px 0 24px 0;-webkit-line-clamp: 1;}
.aibtn-right p:nth-child(2){font-size: 16px;color: #6E6E6E;line-height: 22px;-webkit-line-clamp: 1;}
.aibtns{width: 505px;height: 116px;background: #F1F7FF;border-radius: 8px;margin:0 40px 0 0;align-items: center;transition:all .3s ease;}
.aibtns:nth-child(-n+2){margin-bottom: 20px;}
.aibtns:nth-child(2n+2){margin:0;}
.aibtns:hover{box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);}
.aislide{flex-wrap: wrap;padding:0 0 5px 0;}
.aiswiper{overflow:hidden;}
.left-ai{margin:40px 0 0 0;}
.aiswiper-pagintaion{margin: 5px auto 0 auto;width:1050px;}
.swiper-pagination-bullet{display: inline-block;width: 54px;height: 4px;border-radius: 2px;background: #F3F3F5;margin: 0 18px 0 0;opacity:1;}
.swiper-pagination-bullet-active{background: #C6C6D3;}

.left-article{margin:60px 0 0 0;}
.artleftp{width: 10px;height: 10px;background: #CCCCCC;border-radius: 2px;margin:5px 6px 0 0;transition:all .3s ease;}
.artleft:hover .artleftp{background: #D22222;}
.artleft{width: 505px;border-bottom: 1px solid #EDEDED;margin:0 0 15px 0;}
.artleft:hover .artleft-down p:nth-child(1) {color: #D22222;font-weight: 800;}
.artleft-down .aldatitle{display: flex;align-items: center;;font-size: 16px;line-height: 22px;transition:all .3s ease;position: relative;}
.artleft-down .aldadesc{-webkit-line-clamp: 1;margin:10px 0 12px 0;color: #6E6E6E}
.artleft-down .aldatitle b{flex-shrink: 0;}
.artleft-down .aldatitle p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600;}
.artleft-tab a{max-width:75px;height: 24px;background: #F5F5F5;border-radius: 4px;padding:0 6px; margin:0 10px 0 0;transition:all .3s ease;
    overflow: hidden;line-height: 24px;text-overflow: ellipsis;white-space: nowrap;
}
.artleft-tab a:hover{background: #FFF5F5;color: #D22222;}
.artleft-tab{padding:0 0 10px 0;}
.art-con{justify-content: space-between;}
.artleft-down{width:100%}
.left-video{margin:25px 0 0 0;}
.video-tab{width: 245px;height:auto;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 8px;position: relative;margin:0 24px 0 0;transition:all .3s ease;}
.video-tab:last-child{margin:0;}
.video-tab:hover{ box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15), 0px 0px 1px 1px #F9F9F9;}

.vtaba:hover img{transform: scale(1.05); }
.vtabimg{transition: transform 0.4s ease;}
.vtaba{overflow:hidden;}

.vtdown dt a:hover{color: #D22222;}
.vtdown dt a{color:#000000;transition:all .3s ease;}
.vtaba,.vtabimg{width: 245px;height: 140px;border-radius: 8px 8px 0px 0px;}
.vtdown dt {height: 44px;overflow: hidden;font-size: 16px;color: #000000;line-height: 22px;font-weight: bold;margin:11px 10px 9px 10px;}
.vtdown dt .bg1{font-size: 12px;color: #679CFD;line-height: 12px;background: #E0E7FC;}
.vtdown dt .bg2 {font-size: 12px;color: #BB1114;line-height: 12px;background: #FFEBEF;}
.vtdown dt .bg3 {font-size: 12px;color: #E26A00;line-height: 12px;background: #FBEAD0;}
.vtdown dt i {font-size: 12px;line-height: 12px;width: 32px;height: 16px;border-radius: 2px;font-style: normal;padding: 2px 4px;font-weight: 400;}
.vtdown dd {justify-content: space-between;color:#8E8E8E;margin:0 10px 11px 10px;}
.vtdown dd em a {display: flex;align-items: center;color:#8E8E8E;transition:all .3s ease;}
.vtdown dd em a:hover{color:#D22222;}
.vtdown dd em a:hover b{background: url(../lhimages/icon143.png) no-repeat;background-size: contain;}
.shoucang a {color: #BB1114;}
.vtaba-free{position:absolute;width: 56px;height: 24px;background: #5DBD5D;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);border-radius: 8px 0px 8px 0px;
    font-weight: bold;font-size: 14px;color: #FFFFFF;line-height: 12px;    display: flex;align-items: center;justify-content: center;z-index:2;
}



.allAlist .layui-tab-title {background: linear-gradient( 270deg, #FF3F3F 0%, #C00000 100%);
    border-bottom-style: none;display:flex;height: 44px;    align-items: center;justify-content: space-between;padding:0;
}
.allAlist .layui-tab-content {height: auto !important;padding:0;}

.tabLi{width: 158px;height: 44px;position: relative;color: #FFFFFF;}
.tabLi span{margin:0 0 0 45px;}
.tabLi:not(:first-child) img{display:none;}
.allAlist .layui-tab-title .layui-this:after {border-style: none;}
.allAlist{margin:30px 0 0 0;}
.layui-tab-title li{line-height: 29px;display:flex !important;align-items: center;min-width:auto !important;padding:0 !important;}
.layui-tab-title li span{font-weight: bold;font-size: 21px;line-height: 29px;z-index:2;}
.layui-tab-title li:last-child.check span{margin:0 0 0 37px;}
.tabLi:nth-child(1){margin:0 30px;width: auto;}
.tabLi:nth-child(2) span{margin:0 0 0 46px;}
.tabLi:last-child{margin:0 17px 0 0;}
.tabLi.check{color:#000000;}
.tabLi.check .bg-img {display: block;overflow: visible;position: absolute;top: -6px;left:-8px;}
.tabLi:last-child.check .bg-img{left:0;}
.listtabimg{width:106px;height: 22px;object-fit: contain;}
.blackTab2 {width: 100%;height: auto;background: #F5F5F5;}
.btdiv2 {height:44px;width: 100%;background: #F5F5F5;transition: all 0.5s;overflow:hidden;}
.btabdiv2 {overflow: hidden;width: 100%;transition: all 0.5s;height: 100%;
    display: flex;justify-content: space-between;align-items: flex-start;
}
.btabdiv2 ul {line-height: 46px;flex-wrap: wrap;align-items: center;position: relative;width:100%;max-height: 44px;transition: max-height 0.3s ease;}
.tabA2{font-size:18px;color: #333333;line-height: 25px;margin:0 0 0 30px;}
.btabdiv2 ul li:first-child .tabA2{font-size: 20px;line-height: 28px;}

.tabA2.mores{margin:0 18px;display: none;flex-direction: row;display: none;height: 44px;align-items: center;}
.tabA2.mores i {width: 4px;height: 4px;background: #000000;border-radius: 1px;margin: 0 4px 0 0;display: flex;align-items: center;}
/* .tabA2all,.second-row-first a{margin:0 0 0 16px;} */
.tabA2.check{color:#D22222;font-weight: bold;}
.cldA,.cldaimg{width: 312px;height: 154px;border-radius: 4px;}
.cldA,.aitabtopa,.dlodiva{overflow:hidden;flex-shrink: 0;}
.cldaimg,.aitabtopa img,.dlodImg {transition:all .3s ease;}
.cldA:hover img,.aitabtopa:hover img,.dlodiva:hover img{transform: scale(1.05); }

.cldA{margin:0 20px 0 0;}
.clddTitle{font-size: 18px;color: #000000;line-height: 25px;-webkit-line-clamp:1;transition:all .3s ease;}
.clddTitle:hover{color:#D22222;}
.clddCon{font-size: 16px;color: #6E6E6E;line-height:36px;margin:18px 0 16px 0;-webkit-line-clamp:2;word-break: break-all;}
.cldddh,.clddTime,.cldddh .cldddhlink a,.cldddh a,.cldddh a:hover{font-size: 16px;color: #C3C3C3; line-height: 22px;}
.cldddh .cldddhlink a:nth-child(1){margin:0 5px 0 0;}
.cldddh .cldddhlink a:nth-child(2){margin:0 0 0 5px;}
.cldddh{margin:0 40px 0 0;}
.cldddh a{max-width: 100px;overflow: hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}

.cldddh,.clddTime,.cldddLabels{display: flex;flex-direction: row;align-items: center;}
.clddDown{justify-content: space-between;}
.clddDown-left{width:350px;justify-content: space-between;}
.laytabZt .clddiv{justify-content: space-between;}
.clddls{height: 22px;border-radius: 4px;outline: 1px solid #F5F5F5;padding:0 14px;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #B1B1B1;line-height: 17px;margin:0 10px 0 0;transition:all .3s ease;}
.clddls:last-child{margin:0;}
.clddls:hover{outline: 1px solid #D22222;color: #D22222;}
.clDiv{padding:0 0 17px 0;margin:0 0 15px 0;border-bottom: 1px solid #F4F4F4;}
.clDiv:last-of-type{border-bottom: none;padding:0;margin:0 0 20px 0;}
.clDivmore{width: 1021px;height: 52px;background: #FFF5F5;border-radius: 4px;font-weight: bold;font-size: 18px;color: #D22222;line-height: 25px;
    letter-spacing: 2px;margin:0 auto;cursor: pointer;align-items: center;justify-content: center;
}
.clDivmore:hover{outline: 1px solid #D22222;color:#D22222;}
.laytabZt .cldddh{margin:0 100px 0 0;}
.aitabtopa{width: 336px;height: 188px;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);border-radius: 8px 8px 0px 0px;}
.aitabtopa img{width: 336px;height: 188px;border-radius: 8px 8px 0px 0px;}
.aitab{width: 336px;height: 321px;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 8px;margin:0 0 20px 0;transition:all .3s ease;}
.aitabdowna:hover{color:#BB1114;}
.aitab:hover{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15), 0px 0px 1px 1px #F9F9F9;}
.aitab:nth-child(3n+2){margin:0 20px;}
.aitabdd{margin:20px;}
.aitabdowna{-webkit-line-clamp:1;font-size: 18px;color: #000000;line-height: 25px;transition:all .3s ease;}
.aitabdowntime{font-size: 14px;color: #333333;line-height: 20px;margin:10px 0;}
.aitabdta{flex-shrink: 0;height: 24px;background: #FFFFFF;border-radius: 12px;border: 1px solid #D7D7D7;padding:0 14px;font-family: ArialMT;font-size: 12px;color: #333333;line-height: 14px;margin:0 10px 0 0;transition:all .3s ease;}
.aitabdta:hover{background: #BB1114;color: #FFFFFF;}
.aitabdowntab {display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.laytabAiall{flex-wrap: wrap;}
.layui-tab-items{display:none;}
.laytabStyall{flex-wrap: wrap;}
.study-tabs{margin:0 23px 22px 0;}
.study-tabs:nth-child(4n+4){margin:0 0 22px 0;}
.dloDiv{width: 336px;height: 329px;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 8px;position: relative;}
/* .dloDiv .vtaba-free {background:url(../lhimages/icon181.png);} */
.dloDiv:nth-child(2){margin:0 20px;}
.dlodiva{display:flex;}
.dlodiva ,.dlodImg{width: 336px;height: 178px;border-radius: 8px 8px 0px 0px;object-fit: cover;}
.dlodTitle:hover a{color:#D22222;}
.dlodTitle span {height: 18px;padding:0 4px;white-space: nowrap;background:#D22222;border-radius: 2px;align-items: center;justify-content: center;display: flex;font-size: 12px;color: #FFFFFF;line-height: 16px;}
.dlodZx {background: #FE670B !important;}
.dlodTj {background:#1E90FA !important;}
.dlodTitle a{font-size: 18px;color: #000000;line-height: 25px;-webkit-line-clamp:1;margin:0 0 0 6px;transition:all .3s ease;}
.dlodCon a{font-size: 16px;color: #6E6E6E;line-height:30px;-webkit-line-clamp:2;margin:10px 0;}
.dloDown{margin:10px;justify-content: space-between;}
.dlodtop{height: 110px;}
.dlodTitle{align-items: center;}
.dldowndes{font-size: 14px;color: #A2A2A2;line-height: 20px;justify-content: space-between;}
.dlodType,.dlodTime{align-items: center;}
.downlOne{margin:0 0 20px 0;}
.dtlImg{width: 68px;height: 68px;border-radius: 8px;margin:0 10px 0 0;}
.dtlTitle{height: 100%;}
.dtlTitle a:nth-child(1){font-weight: bold;font-size: 16px;color: #000000;line-height: 22px;-webkit-line-clamp:1;transition:all .3s ease;}
.dtlTitle a:nth-child(2){font-size: 14px;color: #6E6E6E;line-height: 18px;-webkit-line-clamp:2;word-break: break-all;}
.downlTwo ul{flex-wrap:wrap;display:flex;}
.downlTwo{margin:40px 0 0 0;}
.downtLi{width: 336px;height: 88px;background: #FBFCFE;border-radius: 4px;margin-bottom: 20px;transition:all .3s ease;}
.downtLi:nth-child(3n+2){margin:0 20px;}
.downtLi:hover{background: #FFF5F5;}
.dtlTitle:hover a:nth-child(1){color: #D22222;}
.dtliAlld{margin: 10px;align-items: center;justify-content: center;}
.dlfor{width: 336px;height: 386px;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 8px;transition:all .3s ease;}
.dlfor:hover{box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15), 0px 0px 1px 1px #F9F9F9;}
.dlfor:nth-child(2){margin:0 20px;}
.dlfrTop a{padding:0 10px; height: 24px;background: #FFF5F5;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);border-radius: 3px;color: #D22222;}
.dlfrTop a:hover{color:#D22222;}
.dlftTimes{font-size: 14px;color: #A2A2A2;line-height: 20px;}
.dlfrTitle a{font-size: 18px;color: #000000;line-height: 24px;-webkit-line-clamp:2;height: 48px;transition:all .3s ease;}
.dlfrTitle a:hover{color: #D22222;}
.dlfrCon a {font-size: 16px;color: #6E6E6E;line-height:30px;-webkit-line-clamp:2;height: 66px;}
.dlfrDowns,.dlfrTop{justify-content: space-between;}
.dlfrDownload,.dlfrWatch,.dlftTimes,.dlfrTop{align-items: center;}
.dlfrDownload,.dlfrWatch{color: #A2A2A2;}
.dlfrDown{margin:10px;}
.dlfrMiddle{margin:10px 0;}
.dlfrCon{margin:10px 0 0 0;}
.downlThree{flex-wrap: wrap;margin:40px 0 20px 0;}
.dnfor{width: 515px;height: 127px;position: relative;margin:0 20px 20px 0;}
.dnfor:nth-child(2n+2){margin:0 0 20px 0;}
.dnforBg{background:url(../lhimages/icon177.png) no-repeat;transition:all .3s ease;background-size: contain;}
.dnforBg:hover{background:url(../lhimages/icon176.png) no-repeat;background-size: contain;}
.dnforColor{background: linear-gradient( 270deg, #E4F0FC 0%, #FFFFFF 54%, #FBFDFF 100%);box-shadow: 0px -1px 1px 0px rgba(213,209,232,0.07), inset 0px 0px 8px 1px rgba(220,231,248,0.66);}
.downlFour{flex-wrap: wrap;margin:40px 0 0 0;}
.dnfordiv{margin:20px;}
.dnfordWatch ,.dnfordDown ,.dnfordTiem{display:flex;align-items: center;}
.dnfordDown{margin:0 80px;}
.dnforTitles{font-size: 18px;color: #000000;line-height: 25px;transition:all .3s ease;}
.dnforTitles:hover{color: #D22222;}
.dnforConss{font-size: 16px;color: #3F3F3F;line-height: 22px;margin:10px 0;}
.dnforDown{color: #7F7F7F;line-height: 20px;}
.dnfortb{width: 110px;height: 40px;border-radius: 0px 8px 8px 0px;position:absolute;right:5px;
    display: flex;align-items: center;justify-content: center;font-size: 16px; color: #FFFFFF; line-height: 22px;
}
.dnfortb:hover{color: #FFFFFF;}
.downlFive{flex-wrap: wrap;margin:40px 0 20px 0;}
.codeCons{margin:20px 0 0 0;flex-wrap: wrap;}
.codeconA:hover{background: #FFF5F5;}
.codeconA:hover .coderTitle{color: #D22222;}
.coderTitle,.coderDes{-webkit-line-clamp:1;}
.coderTitle{font-weight: bold;font-size: 16px;color: #000000;line-height: 22px;}
.coderDes{color: #6E6E6E;line-height: 18px;margin:8px 0 7px 0;}
.codeconA{cursor: pointer;margin:0 20px 20px 0;width:515px;min-width: 515px;height: 120px;background: #FFFFFF;box-shadow: 0px 0px 1px 1px #F9F9F9;border-radius: 4px;transition:all .3s ease;}
.codeconA:nth-child(2n+2){margin:0 0 20px 0;}
.codeconAd{margin:20px;width:100%;}
.codecRight{width:100%;}
.coderiDown{justify-content: space-between;}
.coderiDown .dnfordDown{margin:0;}
.coderdCheck{width: 109px;height: 25px;background: #FCFDFF;border-radius: 2px;color: #3D3D3D;line-height: 20px;display: flex;align-items: center;justify-content: center;}
.codeconA:hover .coderdCheck{color: #D22222;}
.codeconAd .dtlImg{width: 80px;height: 80px;border-radius: 4px;margin:0 18px 0 0;}
.laytabArt,.laytabZt,.laytabAi,.laytabDown,.laytabStudy{margin:20px 0 0 0;}

/* content right */
.conRight{margin:0 0 0 40px;}
.crightTop{width: 293px;height: 217px;cursor:pointer; background: linear-gradient( 360deg,#FFFFFF 0%, #FEF0F1 100%);box-shadow: 0px 0px 2px 0px #DFDFDF;border-radius: 8px;}
.crighttopLogin{height: auto;}
.crighttopLogin .myselfdiv{margin:0;}
.crighttopLogin .logout{margin:20px auto 0 auto;}
.crighttopLogin .crtModel{width:234px;margin: 0 auto;}
.crtmImg{width: 58px;height: 58px;margin:0 15px 0 0;}
.ritp{margin:20px;}
.logindiv1{width: 253px;height: 36px;margin:20px 0;background: #D22222;box-shadow: 0px 2px 4px 0px rgba(52,0,0,0.2);border-radius: 19px;border:none;outline:none;font-weight: bold;font-size: 16px;color:#FFFFFF;line-height: 22px;transition:all .3s ease;cursor: pointer;}
.logindiv1:hover{background: #000000;color: #FFFFFF;}
.logindiv {position: relative;cursor: pointer;height: 100%;display: flex;align-items: center;}
.avatar {width: 45px;height: 45px;border-radius: 50%;}
.myselfdiv{margin:26px 20px 30px 20px;}
.myself {width: 293px;height: 275px;background: linear-gradient(360deg , #FFFFFF 0%, #FEF0F1 100%);box-shadow: 0px 0px 2px 0px #DFDFDF;border-radius: 8px;
    position: absolute;top: 45px;right:0;z-index: 11;
}
.msdimg {width: 58px;height: 58px;border-radius: 50%;margin: 0 15px 0 0;}
.name {font-size: 18px;width: 170px;overflow: hidden;height: 20px;font-weight: bold;color: #333333;margin: 0 0 12px 0;}
.vipdiv {width: 26px;height: 15px;background: #DADADA;border-radius: 3px;font-size: 12px;font-weight: bold;color: #FFFFFF;padding: 0 0 1px 6px;margin: 0 17px 0 0;}
.vipdivtrue {width: 26px;height: 15px;background: #FDE5BA;border-radius: 3px;font-size: 12px;font-weight: bold;color: #C68109;padding: 0 0 1px 6px;margin: 0 17px 0 0;}
.mybtnA:nth-child(1){margin: 11px 11px 0 0;}
.mybtnA:nth-child(2){margin: 11px 0 0 0;}
.mybtnA:nth-child(3){margin: 0 11px 0 0;}
.mybtns{width: 253px;height: 95px;background: #FFFFFF;box-shadow: 0px 0px 6px 0px rgba(131,131,131,0.08);border-radius: 4px;flex-wrap: wrap;justify-content: center;margin:20px 0;}
.mybtnA {width: 111px;height: 32px;background: #F8FAFC;border-radius: 4px;align-items: center;justify-content: center;color: #494C56;}
.mybtnA span{margin:0 0 0 3px;}
.logout {width: 233px;height: 32px;background: #F0F0F0;border-radius: 16px;font-size: 16px;color: #8E8E8E;line-height: 22px;margin:0 auto;}
.lcaB {width: 16px;height: 16px;margin: 0 8px 0 0;background: url(../lhimages/icon_shijian.png) no-repeat;}
.loginAother a span {flex: 0 0 auto;}
.vipTimes {width: auto;height: 24px;background: #FDE5BA;border-radius:11px;align-items: center;justify-content: center;color: #C47E03;padding: 0 12px;}
.vipTimes:hover{  color: #C47E03;}
.nameDiv a:nth-child(2) {font-size: 16px;}
.logAbuy .vipTimes {color: #FFFFFF;background:#CFCFCF;border: 1px solid #F6F6F6;width: 80px;}
.vipTimes b {width: 16px;height: 14px;margin: 0 3px 0 0;background: url(../lhimages/icon36.png) no-repeat;    background-size: contain;}
.logAbuy .vipTimes b {width: 16px;height: 14px;margin: 0 3px 0 0;background: url(../lhimages/icon37.png) no-repeat;    background-size: contain;}
.grsz b {width: 13px;height: 12px;margin: 2px 6px 0 0;background: url(../lhimages/icon21.png) no-repeat;}
.wdbk b {width: 11px;height: 14px;margin: 2px 6px 0 0;background: url(../lhimages/icon20.png) no-repeat;}
.wdkc b {width: 15px;height: 10px;margin: 2px 6px 0 0;background: url(../lhimages/icon19.png) no-repeat;}
.grzx b {width: 14px;height: 16px;margin: 2px 6px 0 0;background: url(../lhimages/icon18.png) no-repeat;}

.nameDiv a:nth-child(1){font-size: 18px;color: #333333;line-height: 16px;margin:6px 0 0 0;}
.nameDiv a:nth-child(2){font-size: 18px;color: #333333;line-height: 16px;margin:15px 0 0 0;}
.crtma {align-items: center;font-size: 12px;color: #222222;line-height: 17px;transition:all .3s ease;}
.crtma:hover{color: #D22222;}
.crtma b{width:24px;height:24px;transition:all .3s ease;}
.crtma:nth-child(1) b{background:url(../lhimages/icon186.png);background-size: contain;}
.crtma:nth-child(2) b{background:url(../lhimages/icon187.png);background-size: contain;}
.crtma:nth-child(3) b{background:url(../lhimages/icon188.png);background-size: contain;}
.crtma:nth-child(4) b{background:url(../lhimages/icon189.png);background-size: contain;}
.crtma:nth-child(1):hover b{background:url(../lhimages/icon195.png);background-size: contain;}
.crtma:nth-child(2):hover b{background:url(../lhimages/icon196.png);background-size: contain;}
.crtma:nth-child(3):hover b{background:url(../lhimages/icon197.png);background-size: contain;}
.crtma:nth-child(4):hover b{background:url(../lhimages/icon198.png);background-size: contain;}

.crtModel{justify-content: space-between;}
.readCharts{width: 293px;height:auto;background: #F9F9F9;margin:40px 0 0 0;}
.topLine{width:100%;height: 4px;background: #D22222;}
.rcTitle{justify-content: space-between;}
.readDown{margin:20px;}

.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: #D22222;}
.rcTitle p:nth-child(2){color: #D22222;font-size: 14px;}
.rcUl{margin:24px 0 0 0;}
.rclileft{display:flex;}
.rcLi:nth-child(-n+3) .rclileft b:nth-child(1){color: #D22222;}
.rcLi:nth-child(-n+3) .rclileft b:nth-child(2){background:url(../lhimages/icon190.png) no-repeat;width:5px;height:8px;margin:10px 3px 0 0;background-size: contain;}
.readA{font-size: 16px;color: #3B3B3B;line-height: 24px;-webkit-line-clamp:2;transition:all .3s ease;}
.readA:hover{color:#D22222;}
.rcLi:nth-child(1) .rcreadDiv a:nth-child(2){color: #6E6E6E;line-height: 20px;margin:10px 0 0 0;-webkit-line-clamp:2;}
.rcLi{margin:0 0 20px 0;}
.rcLi .rclileft b:nth-child(1){margin:3px 3px 0 0;font-family: FZZCHJW--GB1;font-size: 14px;}
.rcLi:nth-child(n+4) .rclileft b:nth-child(2){background:url(../lhimages/icon191.png) no-repeat;width:5px;height:8px;margin:10px 5px 0 0;background-size: contain;}
.adversitement img{width: 293px;;box-shadow: 0px 0px 8px 0px #ECEDF0;border-radius: 8px;object-fit: cover;}
.adversitement {margin:40px 0 0 0;}
.rightdTitle{justify-content: space-between;margin:0 0 20px 0;}
.rititle-left {font-weight: 600;font-size:18px;color: #000000;line-height:20px;font-family: FZZCHJW--GB1;}
.rititle-left p:nth-child(1) {color: #D22222;display: flex;flex-direction: column;align-items: center;}
.rititle-left p:nth-child(1) b {width: 35px;height: 2px;background: #D22222;border-radius: 2px;margin: 2px 0 0 0;}
/* .rititle-more b {width: 20px;height: 19px;background: url(../lhimages/icon161.png);background-size: cover;}
.rititle-more:hover b{background: url(../lhimages/icon162.png);} */


.rititle-more b {position: relative;display: inline-block;width: 20px;height: 18px;background: url(../lhimages/icon202.png);background-size: cover;margin:-2px 0 0 0;}
.rititle-more b::after {content: "";position: absolute;inset: 0;background: url(../lhimages/icon203.png);background-size: cover;opacity: 0;transition: opacity 0.3s ease;}
.rititle-more:hover b::after {opacity: 1;}
.rightDiv{margin:40px 0 0 0;}
.tecnewA b{width: 6px;height: 6px;background: #CCCCCC;min-width: 6px;margin:7px 5px 0 0;transition: all 0.3s ease;}
.tecnewaRight p:nth-child(1){font-size: 16px;color: #333333;line-height: 24px;-webkit-line-clamp:2;transition: color 0.3s ease;}
.tecnewaRight p:nth-child(2){font-size: 14px;color: #6E6E6E;line-height: 20px;-webkit-line-clamp:2;margin:10px 0 0 0;}
.tecnewA{margin:0 0 20px 0;}
.tecnewA:hover .tecnewaRight p:nth-child(1){color: #D22222;}
.tecnewA:hover b{background:#D22222;}
.ristyAimg{width: 88px;height: 60px;border-radius: 4px;object-fit: cover;margin:0 10px 0 0;}
.rirightp{font-size: 16px;color: #000000;line-height: 22px;-webkit-line-clamp:1;transition:all .3s ease;}
.risrdown{color: #6E6E6E;line-height: 20px;align-items: center;}
.risrdown b{width: 4px;height: 4px; background: #333333;margin:0 5px;}
.ristyaRight{justify-content: space-between;}
.rirightp:hover{color:#D22222;}
.ristyA{margin:0 0 15px 0;}
.ridsA{margin:0 0 15px 0;}
.ridsrp:hover{color:#D22222;}
.ridsrdown p:hover{background: #FFF5F5;color: #D22222;}
.ridsAimg{width: 72px;height: 72px;border-radius: 8px;margin:0 10px 0 0;}
.ridsrp{font-size: 16px;color: #000000;line-height: 22px;-webkit-line-clamp:1;transition:all .3s ease;}
.ridsrpdsc{color: #6E6E6E;line-height: 20px;-webkit-line-clamp:1;margin:4px 0 2px 0;}
.ridsrdown p{padding:0 20px;height: 22px;background: #F5F5F5;border-radius: 11px;font-size: 12px;color: #333333;line-height: 17px;display: flex;align-items: center;transition:all .3s ease;}
















/*  */



        


.friendLink {width: 1382px;height: 145px;background: #FFFFFF;margin: 20px auto 0 auto;}
.flTitle {align-items: center;margin: 0 16px 28px 16px;padding: 25px 0 0 0;}
.flTitle b { width: 28px;height: 24px;margin: 0 8px 0 0;background: url(../lhimages/icon24.png) no-repeat;}
.fllink {font-size: 22px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;}
.flqq {font-size: 14px;color: #999999;}
.flAlllink ul {flex-wrap: wrap;}
.flAlllink li {margin: 0 12px 10px 12px;}
.flAlllink a, .flAlllink a:hover {color: #333333;font-weight: 400;text-decoration: none;}
.phpFoot {width: 100%;margin-top: 60px;}
.phpFootIn {width: 100%;height: 227px;background: #292929;}
.phpFootCont {width: 1380px;margin: auto;}
.phpFootLeft {float: left;width: 685px;margin-top: 50px;position: relative;}
.phpFootLeft dl{display:flex;flex-direction: column;}
.phpFootLeft dl dt {width: 875px;}
.phpFootLeft dl dt a { display: block; float: left; margin-right: 45px; font-weight: bold;}
.phpFootLeft dl dd.cont1 {color: #7b7b7b;margin-top: 25px;height: 18px;line-height: 18px;overflow: hidden;}
.phpFootLeft dl dd.cont2 {margin-top: 30px;}
.phpFootLeft dl dd.cont2 span {display: block;float: left;line-height: 30px;position: relative;height: 40px;}
.phpFootLeft dl dd.cont2 span a {display: block;float: left;font-size: 12px;margin-right: 40px;margin-top: 10px;}
.phpFootLeft dl dd.cont2 span a b.icon1 {background-position: -100px -25px;}
.phpFootLeft dl dd.cont2 span a b {display: block;width: 30px;height: 30px;background: url(../images/bg1.png) no-repeat;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat;float: left;margin: 0px 10px 0px 0px;
}
.phpFootLeft dl dd.cont2 span em {display: block;width: 150px;height: 180px;background: #ffffff;border-radius: 12px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    position: absolute;right: 0px;left: 0px;z-index: 10;top: -180px;
}
.phpFootLeft dl dd.cont2 span em p {line-height: 20px;font-size: 12px;margin-top: 10px;text-align: center;}
.phpFootLeft dl dd.cont2 span em img {width: 110px;height: 110px;margin: 5px 0px 0px 20px;}
.phpFootLeft dl dd.cont2 span a b.icon2 {background-position: -140px -25px;}
.phpAppBox {position: absolute;right: 0px;top: -3px;}
.phpAppTitle a {display: block;color: #ffffff;text-decoration: none;font-weight: bold;position: relative;}
.phpAppSub {position: absolute;left: -30px;top: 20px;background: #ffffff;width: 150px;padding-bottom: 20px;border-radius: 12px;}
.phpAppSub img {width: 110px;height: 110px;margin: 20px 0px 0px 20px;}
.phpAppSub p {text-align: center;font-size: 12px;color: #333333;margin-top: 10px;}
.phpFootRight {float: right;margin-top: 17px;}
.phpFootMsg {float: left;text-align: center;margin: 0px 0px 0px 30px;}
.phpFootMsg span { width: 142px; height: 142px;background: #ffffff;border-radius: 5px;display: block;margin: 0 auto;}
.phpFootMsg span img {width: 94%;height: 94%;margin-top: 4%;margin-left: 1%;}
.phpFootMsg dl dt {height: 16px;line-height: 16px;overflow: hidden;font-size: 12px;color: #cccccc;margin-top: 15px;}
.phpFootMsg dl dd {font-size: 12px;height: 16px;line-height: 16px;overflow: hidden;color: #7d7d7d;margin-top: 10px;}
.phpFootCode { width: 100%; height: 50px;background: #212121;line-height: 50px;}
.phpFootCodeIn {width: 1380px;margin: auto;display: flex;justify-content: center;align-items: center;}
.phpFootCodeIn p {color: #656565;float: left;}
.phpFootCodeIn b {display: block;float: left;width: 12px;height: 14px;background: url(../images/bg1.png) no-repeat -180px -25px;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -180px -25px;
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -180px -25px;margin: 0px 0px 0px 10px;
}
.ylwTopSub1 {
    position: absolute;
    top:40px;
    width: 142px;
    height: 147px;
    background: #ffffff;
    left: -20px;
    border-radius: 12px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    z-index: 11;
}
.phpSubnav1 img {
    width: 100px;
    height: 100px;
    margin: 15px 0px 0px 20px;
}
.phpSubnav1 p {
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
}
.phpSubnav1 p em {
    font-weight: bold;
    color: #fc3930;
}













.coderdCheck b{width:9px;height:9px;background: url(../lhimages/icon184.png) no-repeat;background-size:contain;margin:0 0 0 4px;  }
.codeconA:hover .coderiDown .dnfordDown b{background: url(../lhimages/icon179.png) no-repeat;background-size:contain;}
.codeconA:hover .coderdCheck b{background: url(../lhimages/icon183.png) no-repeat;background-size:contain;}
.coderiDown .dnfordDown b{background: url(../lhimages/icon185.png) no-repeat;transition:all .3s ease;background-size:contain;}
.dnfordWatch b{width:16px;height:12px;background: url(../lhimages/icon180.png) no-repeat;background-size: cover;margin:0 6px 0 0;  }
.dnfordDown b{width:16px;height:16px;background: url(../lhimages/icon179.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dnfordTiem b{width:16px;height:16px;background: url(../lhimages/icon178.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlfrWatch b{width:16px;height:12px;background: url(../lhimages/icon172.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlfrDownload b{width:16px;height:16px;background: url(../lhimages/icon185.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlftTimes b{width:16px;height:16px;background: url(../lhimages/icon185.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlodTime b{width:16px;height:16px;background: url(../lhimages/icon185.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.dlodType b{width:16px;height:15px;background: url(../lhimages/icon173.png) no-repeat;background-size: cover;margin:0 6px 0 0;}
.laytabZt .cldddh b{width:17px;height:12px;background: url(../lhimages/icon172.png) no-repeat;background-size: contain;}
.cldddh b{width: 14px;height: 17px;background: url(../lhimages/icon169.png) no-repeat;margin:0 3px 0 0;background-size: contain;}
.clddTime b{width: 16px;height: 16px;background: url(../lhimages/icon170.png) no-repeat;margin:0 3px 0 0;background-size: contain;}
.cldddLabels b{width: 16px;height: 14px;background: url(../lhimages/icon171.png) no-repeat;margin:0 4px 0 0;background-size: contain;}
.vtdown dd em.shoucang a b {width: 18px;height: 18px;background: url(../lhimages/icon144.png) no-repeat;background-size: contain;}
.vtdown 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;}
.artleft-down .aldatitle b{width:15px;height:18px;background: url(../lhimages/icon166.png);background-size: cover;margin:0 0 0 6px;display: inline-block;vertical-align: text-top;}
.title-more b {position: relative;display: inline-block;width: 22px;height: 20px;background: url(../lhimages/icon161.png) no-repeat center/cover;margin:6px 0 0 0;}
.title-more b::after {content: "";position: absolute;inset: 0;background: url(../lhimages/icon162.png) no-repeat center/cover;opacity: 0;transition: opacity 0.3s ease;}
.title-more:hover b::after {opacity: 1;}
.phpLogo a {display: block;width: 116px;height: 29px;background: url(../lhimages/logoicon.png) no-repeat;background-size: contain;}
.wechatB {width:16px;height:14px;margin: 0 4px 0 0;background: url(../lhimages/icon154.png) no-repeat;transition:all .3s ease;background-size: contain;}
.jscenter {width:14px;height:14px;margin: 0 4px 0 0;background: url(../lhimages/icon153.png) no-repeat;transition:all .3s ease;background-size: contain;}
.loginB {width:13px;height:14px;margin: 0 4px 0 0;background: url(../lhimages/icon155.png) no-repeat;transition:all .3s ease;background-size: contain;}
.wechats:hover .wechatB {width:16px;height:14px;margin: 0 4px 0 0;background: url(../lhimages/icon200.png) no-repeat;background-size: contain;}
.teachers:hover .jscenter {width:14px;height:14px;margin: 0 4px 0 0;background: url(../lhimages/icon199.png) no-repeat;background-size: contain;}
.login:hover .loginB {width:13px;height:14px;margin: 0 4px 0 0;background: url(../lhimages/icon201.png) no-repeat;background-size: contain;}