/*K�K�*/ /*.nav { background: #333; width: 100%; min-width: 1200px; z-index: 9; position: relative; }*/ .nav-lis{ z-index: 9; } .nav-lis li{ float: left; height: 40px; line-height: 40px; font-size: 15px; text-align: center; z-index: 9; zoom: 1; } .nav-lis li.crt{ background: #279a3b; } .nav-lis li:hover{ background: #279a3b; } .nav-lis li a{ color: #fff; padding: 0 35px; display: block; letter-spacing: .14px; } /*page*/ .tcdPageCode{ text-align: center;color: #ccc; margin: 0 30px 0 0; } .tcdPageCode a{display: inline-block;color: #999999;display: inline-block;height: 25px; line-height: 25px; padding: 0 10px; margin: 0 2px;border-radius: 4px;vertical-align: middle;} .tcdPageCode a:hover{text-decoration: none;background-color: #3bab6c; color: #FFFFFF;} .tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;background-color: #3bab6c; margin: 0 10px;color: #fff; border-radius: 4px;vertical-align: middle;} .tcdPageCode span.disabled{ display: inline-block;height: 25px;line-height: 25px;padding: 0 10px; margin: 0 2px; color: #bfbfbf;border-radius: 4px; vertical-align: middle;} /*KԌD*/ .hd-wrap{ width: 1198px; height: 340px; border: 1px solid #eeeeed; background: #fafafa; } .banner{ position: relative; width: 703px; height: 340px; text-align: center; } .banner li { list-style: none; } .banner ul li { float: left; position: relative; height: 340px; overflow: hidden; } .banner ul li img { width: 100%; height: auto; margin-top: -79px; } .control-fl,.control-fr{ width: 42px; height: 95px; overflow: hidden; position: absolute; cursor: pointer; top: 114px; z-index: 99; } .control-fl:hover,.control-fr:hover{ width: 42px; height: 95px; overflow: hidden; background: rgba(0,0,0,.5); } .control-fl{ left: 0; } .control-fr{ right: 0; } .banner li span{ width: 553px; display: block; font-size: 18px; color: #fff; line-height: 40px; padding: 0 0 0 25px; height: 40px; position: absolute; left: 0; bottom: 0; background: url(../img/b.png); text-align: left; padding-right: 125px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .banner li span a{ color: #fff; } .banner li span a:hover{ text-decoration: underline; } .banner-fr{ width: 346px; height: 282px; } .banner-fr span{ width: 135px; height: 100px; overflow: hidden; margin: 8px 0 0 8px; } .banner-fr p{ height: 99px; margin: 24px 0 0 0; } .banner-fr ul{ height: 382px; } .banner-fr ul li{ height: 116px; background: #fafafa; margin: 0 0 14px 0; border: 1px solid #eeeeed; } .banner-fr h3{ margin: 17px 0 0 0; } .banner-fr h3 a{ color: #333; font-size: 15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .banner-fr h3 a:hover{ color: #279a3b; } .banner-lis-content{ width: 170px; overflow: hidden; margin: 0 0 0 17px; } .banner-lis-content p{ color: #666; font-size: 12px; line-height: 26px; overflow: hidden; margin: 10px 0 0 0; height: 52px; } /*K�Kbanner*/ #b04 { width: 703px; position: relative; overflow: hidden; } #b04 .dots { position: absolute; right: 30px; bottom: 20px;} #b04 .dots li { display: inline-block; width: 36px; height: 5px; margin: 0 4px; text-indent: -999em; float: left; cursor: pointer; opacity: 1; background: #FFF; } #b04 .dots li.active { background: #279a3b; opacity: 1; } #b04 .arrow { position: absolute; top: 200px;} /*END K�K?/ .banner-fr{ width: 434px; margin: 28px 30px 0 0; } .living-target{ color: #fff; font-size: 18px; width: 100px; height: 30px; background: #f0a735; line-height: 30px; text-align: center; } .banner-fr h2 a{ color: #333; font-size: 24px; line-height: 28px; } .banner-fr p{ line-height: 33px; font-size: 14px; color: #666; } .banner-fr h2 a:hover{ color: #249b3a; } .enter,.enter1,.enter2{ display: none; position: absolute; } .enter { width: 140px; height: 149px; top: -160px; background: url(../img/enter.png) no-repeat; display: none; padding: 10px; } .enter2 { width: 140px; height: 149px; right: -165px; background: url(../img/enter2.png) no-repeat; display: none; padding-top: 10px; padding-left: 20px; bottom: -31px; } .enter1{ width: 108px; height: 100px; right: -120px; background: url(../img/enter1.png) no-repeat; display: none; padding-top: 8px; padding-left: 4px; bottom: -8px; } .enter4{ padding: 23px 23px 58px 23px; background: #fff; color: #fff; border: 1px solid #eeeeed; position: relative; } .enter4 span { display: block; position: absolute; bottom: 0px; text-align: center; width: 270px; line-height: 58px; color: #000; font-size: 18px; letter-spacing: 1px; } .l-phone{ position: relative; } .enter-live,.phone-live{ letter-spacing: 1px; } .enter-live{ color: #fff; display: block; } .enter-live a:hover{ background: url(../img/l1.png) no-repeat 14px 10px #16a27f; } .enter-live a{ width: 154px; height: 55px; border-radius: 5px; line-height: 55px; font-size: 24px; padding-left: 57px; color: #fff; display: block; background: url(../img/l1.png) no-repeat 14px 10px #1bad89; } .phone-live{ width: 154px; height: 55px; border-radius: 5px; line-height: 55px; font-size: 24px; padding-left: 57px; color: #fff; cursor: pointer; background: url(../img/l2.png) no-repeat 14px 10px #4ca55b; position: relative; } .phone-live:hover{ background: url(../img/l2.png) no-repeat 14px 10px #439a52; position: relative; } .live-lis ul li{ width: 1200px; height: 177px; border: 1px solid #eeeeed; margin: 30px 0 0 0; } .live-lis ul li:hover{ background: #fafafa; } .live-wrap{ padding: 21px 0 0 17px; } .live-lis-content{ width: 700px; height: 136px; } .live-lis-content h2 { font-size: 17px; } .live-lis-content h2 a { color: #333; max-width: 602px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .live-lis-content h2 a:hover{ color: #249b3a; } .live-lis-content p { font-size: 14px; color: #999; line-height: 30px; height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .live-lis-content span{ color: #ccc; font-size: 14px; margin: 0 0 0 14px; } .l-enter,.l-phone{ width: 106px; height: 31px; cursor: pointer; color: #fff; font-size: 15px; text-align: center; line-height: 31px; border-radius: 5px; } .l-enter:hover{ background: #50aa5f; } .l-enter{ background: #5bb36a; margin: 0 8px 0 0; } .l-phone:hover{ background: #9b9b9b; } .l-phone{ background: #aaa; } .l-enter a,.l-phone a{ color: #fff; display: block; } .l-content-img{ margin-right: 5px; } .l-content-img p{ float: left; } /*K�K�*/ .l-content-tit{ position: relative; } .l-content-tit span{ background: rgba(0, 0, 0, 0) url("../img/l-bg.png") repeat scroll center center; color: #fff; display: block; font-size: 28px; font-weight: bold; letter-spacing: 3px; line-height: 45px; padding: 8px 14px 14px 14px; position: absolute; text-align: center; bottom: 0px; width: 1172px; } .mnc-cdv{ height: 290px; overflow: hidden; width: 320px; } .lc-tit-wrap{ padding:25px 25px 30px 25px; width: 788px; border: 1px solid #eeeeed; background: #fafafa; overflow:hidden; } .lc-tit-top span{ color: #999; font-size: 14px; margin: 0 20px 0 0; } .lc-time{ background: url(../img/lc-1.png) no-repeat left center; padding: 0 0 0 25px; } .lc-add{ background: url(../img/lc-2.png) no-repeat left center; padding: 0 0 0 25px; } .lc-tit p{ color: #666; font-size: 14px; line-height: 33px; margin: 10px 0 0 0; } .lc-phone,.lc-know{ padding-right: 12px; color: #FFFFFF; height: 35px; line-height: 35px; font-size: 17px; letter-spacing: 1px; cursor: pointer; } .lc-know a{ padding-right: 12px; color: #FFFFFF; display: block; background: url(../img/lc-4.png) no-repeat 10px 7px #5bb36a; padding-left: 42px; margin-left: 13PX; } .lc-know a:hover{ background: url(../img/lc-4.png) no-repeat 10px 7px #4fa85e; } .lc-phone{ background: url(../img/lc-3.png) no-repeat 10px 7px #c96e6e; padding-left: 42px; position: relative; } .lc-phone:hover{ background: url(../img/lc-3.png) no-repeat 10px 7px #d47c7c; } .lc-lis-wrap{ border: 1px solid #eeeeed; border-top: 5px solid #4ca55b; position: relative; } .lc-lis { width: 750px; margin: -5px 0 0 45px; padding-bottom: 15px; } .lc-lis li{ margin: 30px 0 0 0; } .lc-lis li .live-time{ display: block; width: 140px; height: 46px; line-height: 46px; font-size: 14px; margin: 0 0 0 -55px; color: #fff; padding: 5px 0 0 20px; background: url(../img/lc-5.png) no-repeat; } .lc-lis li p{ margin: 11px 0 0 0; color: #666; font-size: 16px; line-height: 28px; line-height: 33px; text-indent: 2px; } .lc-lis li p img { margin: 15px auto 35px auto; display: block; max-width:750px; } .lc-lis li p video { width:100%; max-width:750px; } .order,.refresh{ padding: 0 10px 0 10px; height: 25px; line-height: 25px; border-radius: 5px; color: #6cb478; font-size: 14px; } .order{ width: 92px; cursor: pointer; background: url(../img/lc-6.png) no-repeat 85px center #e2f6e5; } .refresh{ background:#e2f6e5; } .refresh span{ color: #6cb478; } .order-wrap{ position: absolute; right: 45px; top: 50px; } #uyan_frame{ padding: 20px 15px 12px 15px; border: 1px solid #eeeeed; } .lc-tit-top span.lc-read { color: #5BB36A; } .lc-tit-top span.lc-read em { font-size: 16px; font-weight: bold; color: #FB7211; } .lc-note { color: #f6bdbf !important; } #SOHUCS { margin-top: 8px !important; } .foot { /*border-top: 2px solid #2a9c3b;*/ } #htmlSubRec .banner-fr p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 昄3行文?*/ overflow: hidden; text-overflow: ellipsis; /* 使用省略号代替超出部?*/ } /*2023-10-20*/ a.search-icon { position: relative; display: inline-block; margin-right: 15px; text-decoration: underline; color: #0000ee !important; text-indent: initial; /* 或?text-indent: unset; */ } a.search-icon::after { content: ""; background-image: url(/img/default/search-img.png); background-size: cover; width: 15px; height: 15px; position: absolute; top: -0.01em; /* 使用相对单位q行调整 */ right: 0; transform: translateX(100%); /* 图片右Ud文字的右?*/ } 欧美日韩国产精品精品,欧美日韩国产精品线路一,欧美日韩国产人成在线观看,欧美日韩国产日韩在线ay,欧美日韩国产视色