/*公共样式开始*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 license: none (public domain) */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5, h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img, ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b, u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot, thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer, header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* 自定义字体引入 */ @font-face { font-family: youshebiaotihei-2; src: format("truetype"); } /* 加粗字体 */ h1,h2,h3,h4,h5,h6,strong,b { font-weight: 700; color: #333; } button { cursor: pointer; } /* html5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header, hgroup,menu,nav,section { display: block; } /* 取消漂浮样式 */ .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .clearfix:after { clear: both; content: " "; display: block; height: 0; } body { font-family: "microsoft yahei", arial, tahoma, helvetica, "simsun", "hiragino sans gb", sans-serif; line-height: 1; } button { outline: none; } a { text-decoration: none; color: #333; } ol, ul { list-style: none; } li { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input:focus { outline: none; } h2 { font-size: 24px; margin: 30px 0; font-weight: bold; } /* 居中 */ .main { width: 1200px; margin: 0 auto; } /* 头部间距 */ .top20 { margin-top: 20px; } .fl { float: left; } .bo { margin-bottom: 30px; } .fa14 a { font-size: 14px !important; } /*公共样式结束*/ * { margin: 0px; padding: 0px; } html,body { font-family: "microsoft yahei", arial, tahoma, helvetica, "simsun", "hiragino sans gb", sans-serif; height: 100%; background-color: #fff; } /* nav */ .dsh14-nav { height: 50px; background-color: #14ced0; } .dsh14-nav-a2 { display: block; float: left; line-height: 50px; padding:0 10px; font-size: 18px; } dsh14-nav-a2, .dsh14-nav-a1 ul li:nth-child(1):hover .dsh14-nav-a2 { background: none; } .dsh14-nav-a1 ul { height: 50px; border-bottom: 2px solid #f2f2f2; } .dsh14-nav-a1 ul li { display: block; float: left; line-height: 50px; height: 50px; margin-right: 10px; position: relative; } .dsh14-nav-a1 ul li a{ color: #fff; } .dsh14-nav-a2:hover, .dsh14-nav-a { font-weight: bold; color: #fff !important; } .dsh14-nav-b { display: none; width: 100%; position: absolute; top: 50px; z-index: 9999; background-color: rgb(109, 109, 109); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); } .dsh14-nav-b a { font-size: 16px; display: block; text-align: center; width: 80%; height: 50px; overflow: hidden; padding: 0 10%; line-height: 50px; } .dsh14-nav-b a:hover { background-color: #14ced0; color: #fff !important; } .dsh14-nav ul li:hover .dsh14-nav-b, .dsh14-nav-b:hover { display: block !important; } /* nav结束 */ /* logo */ .dsh14-nav img { height: 70px; display: block; float: left; margin-right: 78px; } /* logo结束 */ /* 搜索 */ .dsh14-logo { height: 95px; overflow: hidden; align-items: center; display: flex; justify-content: space-between; } .dsh14-logo img { margin-right: 20px; height: 50px; } .dsh14-se { margin-left: 200px; float: right; width: 400px; height: 34px; background-color: #f3f6f8; border: 1px solid #dfdfdf; border-radius: 10px; overflow: hidden; position: relative; } .dsh14-se .dsh14-in { border: 0; line-height: 34px; width: 80%; text-indent: 0.5em; font-size: 14px; float: left; background-color: #f3f6f8; margin-left: 2%; } .dsh14-se button { border-radius: 0 10px 10px 0; line-height: 34px; background-color: #14ced0; color: #fff; font-size: 15px; height: 34px; width: 20%; border: 0; background-size: 16px 16px; float: right; position: absolute; right: 0; top: 0; } /* 搜索结束 */ /* 我要投稿 */ .dsh14-top_right{ background-color: #ebebeb; border-radius: 40px; } .dsh14-top_right a { color: #fff; margin-left: 7px; display: block; float: left; font-size: 14px; padding: 0 20px 0 35px; background: no-repeat center left 12px; line-height: 34px; } .dsh14-top_right a:nth-child(1) { border-right: #fff 2px solid; background: no-repeat center left 12px; } /* 我要投稿结束 */ /* mian */ .dsh14-site-conten { width: 100%; overflow: hidden; min-height: 100%; } /* 友情链接 */ .dsh14-yq { width: 1200px; margin: 20px auto; padding: 20px 0; background-color: #fff; border-radius: 8px; overflow: hidden; } .dsh14-yq ul { display: flex; justify-content: left; } .dsh14-yq ul li { font-size: 14px; color: #040404; margin-right: 20px; } .dsh14-yq ul li a { color: #9e9e9e; } /* 友情链接结束 */ /* 底部 */ footer { width: 100%; height: 88px; text-align: center; padding: 15px 0; overflow: hidden; background-color: #333; display: flex; justify-content: center; align-items: end; } footer div.a { overflow: hidden; } footer div a { padding: 0 10px; border-right: 1px solid #e2e2e2; } footer div a:nth-child(4) { border: 0; } footer div a, footer div p { font-size: 12px; color: #e2e2e2; opacity: 0.8; line-height: 28px; } /* 底部结束 */ /* banner */ /* 轮播图开始 */ .dsh14-ban-b { padding-top: 16px; overflow: hidden; } #slideshow { width: 520px; height: 290px; overflow: hidden; border-radius: 8px; position: relative; } #slideshow img { width: 520px; height: 290px; /* border-radius: 8px; */ opacity: 0; /*初始不透明度为0,图片都看不见*/ transition: opacity 1s linear; /*--重点--定义一个关于透明度的transition*/ } #slideshow .active img, #slideshow .active em { opacity: 1; /*有active类的图片不透明度为1,即显示图片*/ } /*-- 设置页码的样式 --*/ #slideshow div { z-index: 200; position: absolute; bottom: 14px; right: 3%; padding: 5px; margin-left: -57.5px; /*水平居中,算出来宽度是115px*/ border-radius: 25px; } #slideshow span { float: left; width: 8px; height: 8px; border-radius: 48px; /*设置页码为圆形*/ margin: 0 5px; background: rgba(255, 255, 255); } #slideshow span.active { background: none; background: #14ced0; width: 20px; height: 8px; display: block; } /*-- 设置左右按钮框的样式 --*/ #slideshow p { width: 30px; line-height: 50px; position: absolute; top: 50%; margin-top: -30px; /*设置垂直居中*/ color: white; background: rgba(0, 0, 0, 0.2); font-size: 16px; text-align: center; cursor: pointer; /*设置鼠标*/ /*设置不能选择文本*/ -ms-user-select: none; /*ie10*/ -webkit-user-select: none; /*webkit浏览器*/ user-select: none; display: none; } #slideshow p.left { left: 0; } #slideshow p.right { right: 0; } #slideshow:hover p { display: block; } #slideshow p:hover { background: rgba(0, 0, 0, 0.6); } #slideshow a { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } #slideshow a em { font-size: 16px; opacity: 0; padding: 0 20px 0 40px; display: block; width: 90%; line-height: 50px; position: absolute; bottom: 0; left: 0; z-index: 50; color: #fff; background-color: rgb(24, 24, 24, 0.5); } #slideshow a em::before { content: ''; width: 5px; height: 16px; border-radius: 40px; background-color: #14ced0; display: block; position: absolute; top: 16px; left: 28px; } /* 轮播图下 */ .dsh14-ban-b1{ overflow: hidden; margin-top: 24px; } .dsh14-ban-b1 em{ font-size: 16px; display: block; float: left; width: 20px; text-align: center; padding: 10px 5px; color: #fff; background-color: #14ced0; border-radius: 4px; } .dsh14-ban-b1 div{ overflow: hidden; display: flex; flex-wrap: wrap; padding-left: 10px; height: 56px; } .dsh14-ban-b1 div a{ display: block; width: 47%; line-height: 28px; font-size: 16px; padding-left: 2%; margin-right: 2%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dsh14-ban-b1 div a:nth-child(2n){ margin-right: 0; } .dsh14-ban-b1 div a::before{ content: ''; background-color: #14ced0; width: 4px; height: 4px; border-radius: 40px; display: block; position: absolute; left: 0; top: 12px; } /* 轮播图下结束 */ /* 轮播图结束 */ .dsh14-ban { margin: 13px auto 0 auto; width: 1200px; overflow: hidden; } /* top */ /* top */ /* 左 */ #dsh14-box { height: 432px; overflow: hidden; } .dsh14-ban-a2 { width: 520px; overflow: hidden; float: left; margin-right: 30px; background-color: #fff; } a:hover ,.dsh14-lm-a2 a, .dsh14-lm-b3 em:hover{ color: #14ced0 !important; } /* 左结束 */ /* 右 */ .dsh14-ban-d { float: left; margin-right: 30px; width: 320px; overflow: hidden; } .dsh14-ban-d1 { overflow: hidden; background-color: #ebeaf0; padding: 0 15px; border-radius: 10px; position: relative; } .dsh14-ban-d1::before{ content: ''; background: no-repeat center center; width: 100px; height: 100px; background-size: 100px; display: block; position: absolute; bottom: -38px; right: 14px; } .dsh14-ban-d1 h4 { font-size: 18px; float: left; line-height: 50px; padding-left: 18px; background: no-repeat center left; position: relative; } .dsh14-ban-d ul{ overflow: hidden; margin-top: 10px; } .dsh14-ban-d ul li{ overflow: hidden; padding-left: 26px; background: no-repeat center left; line-height: 42px; } .dsh14-ban-d ul li a{ font-size: 16px; display: block; float: left; width: 85%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dsh14-ban-d ul li i{ display: block; float: right; line-height: 42px; font-size: 12px; color: #999; } /* 右结束 */ /* 2 */ .dsh14-ban-f,.dsh14-ri-a{ width: 300px; float: left; } .dsh14-ban-f ul{ overflow: hidden; margin-top: 10px; } .dsh14-ban-f ul li{ line-height: 42px; height: 42px; overflow: hidden; } .dsh14-ban-f ul li span{ display: block; width: 20px; text-align: center; line-height: 20px; float: left; font-size: 12px; color: #fff; border-radius: 4px; background-color: #ccc; margin: 10px 8px 0 0; } .dsh14-ban-f ul li a{ font-size: 16px; display: block; width: 78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; } .dsh14-ban-f ul li i{ font-size: 12px; float: right; color: #999; } /* 2 */ /* banner结束 */ /* 栏目内容 */ .dsh14-lm2{ margin-top: 20px; width: 1200px; float: left; background-color: #fff; overflow: hidden; } .dsh14-lm-a{ overflow: hidden; border-bottom: #e6e6e6 solid 2px; } .dsh14-lm-a div{ float: right; } .dsh14-lm-a div a{ font-size: 14px; display: block; margin-left: 20px; } .dsh14-lm-a ul{ line-height: 56px; display: flex; float: left; } .genduo{ font-size: 12px !important; color: #999; line-height: 56px; float: left; } .dsh14-lm-a h4{ padding-left: 32px; background: no-repeat center left; float: left; } .dsh14-lm-a h4,.dsh14-lm-a span{ font-size: 20px; font-weight: bold; line-height: 52px; } /* 1 */ .dsh14-lm2 .dsh14-ban-f{ overflow: hidden; margin-top: 20px; } .dsh14-lm-b{ margin-top: 10px; width: 420px; float: left; margin-right: 30px; } .dsh14-lm-b li{ padding: 10px 0; overflow: hidden; } .dsh14-lm-b1 li img{ width: 130px; height: 90px; border-radius: 10px; float: left; margin-right: 10px; } .dsh14-lm-b1 li a span{ display: block; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dsh14-lm-b1 li a em{ margin-top: 5px; font-size: 14px; line-height: 20px; color: #666; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .dsh14-lm-b1 li i{ display: block; font-size: 12px; color: #999; margin-top: 15px; } /* 下 */ .dsh14-lm-b2 li{ line-height: 18px; } .dsh14-lm-b2 li a{ display: block; float: left; width: 83%; padding-left: 4%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; position: relative; } .dsh14-lm-b2 li a::before{ content: ''; background-color: #ccc; width: 4px; height: 4px; border-radius: 40px; display: block; position: absolute; left: 0; top: 8px; } .dsh14-lm-b2 li i{ font-size: 12px; color: #999; float: right; } /* 下结束 */ /* 1 */ /* 2 */ .dsh14-lm-b3 li{ line-height: 20.8px; } .dsh14-lm-b3 li a{ padding-left: 6%; } .dsh14-lm-b3 li:nth-child(1) a:before, .dsh14-lm-b3 li:nth-child(2) a:before, .dsh14-lm-b3 li:nth-child(3) a:before{ background: no-repeat center center; } .dsh14-lm-b3 li a::before{ width: 20px; height: 20px; background: no-repeat center center; top: 1px; } /* 2 */ /* 3 */ /* 推荐 */ .dsh14-lm2 .dsh14-ban-f .dsh14-ban-d1::before{ background: no-repeat center center; } .dsh14-lm .dsh14-lm2:nth-child(2n) .dsh14-ban-f .dsh14-ban-d1::before, .dsh14-ri-a .dsh14-ban-f:nth-child(2) .dsh14-ban-d1::before{ background: no-repeat center center; } .dsh14-ban-f ul li:nth-child(1) span, .dsh14-ban-f ul li:nth-child(2) span, .dsh14-ban-f ul li:nth-child(3) span{ background-color: #14ced0; } .dsh14-lm .dsh14-lm2:nth-child(2n) .dsh14-ban-f ul li a{ width: 88%; } .dsh14-lm .dsh14-lm2:nth-child(2n) .dsh14-ban-f ul li{ line-height: 40px; height: 40px; } .dsh14-ban-f1{ padding-bottom: 10px; position: relative; height: auto !important; } .dsh14-ban-f1 img{ width: 138px; height: 90px; float: left; margin-right: 10px; border-radius: 10px; } .dsh14-ban-f1 a{ white-space: normal !important; width: auto !important; float: none !important; line-height: 24px !important; height: 48px; } .dsh14-ban-f1 i{ position: absolute; bottom: 10px; line-height: 20px !important; } /* 推荐 */ /* 3 */ /* 4 */ .dsh14-lm-e{ margin-top: 10px; width: 870px; float: left; margin-right: 30px; } .dsh14-lm-e li{ padding: 10px 0; overflow: hidden; } .dsh14-lm-e .dsh14-lm-b2{ display: flex; flex-wrap: wrap; } .dsh14-lm-e .dsh14-lm-b2 li{ margin-right: 20px; width: 48%; } .dsh14-lm-e .dsh14-lm-b2 li:nth-child(2n){ margin-right: 0; } /* 4 */ /* 栏目内容结束 */ /* 置顶 */ .dsh14-totop1{ top: 60% !important; background: none !important; box-shadow:none !important; } .dsh14-totop { display: none; position: fixed; right: 10px; top: 20%; } .dsh14-totop .totop1{ width: 60px; height: 60px; background: no-repeat center center; background-size: 60px; } .dsh14-totop .totop1:hover{ background: no-repeat center center; background-size: 60px; } /* 置顶结束 */ /* label */ /* 栏目内容 */ .dsh14-la-a { /* padding-top: 10px; */ width: 1200px; margin: 0 auto; overflow: hidden; } .dsh14-la-b { width: 870px; float: left; margin-right: 30px; overflow: hidden; } /* 当前位置 */ .dsh14-b-b{ line-height: 40px; font-size: 14px; } /* 当前位置结束 */ /* 列表top */ .dsh14-top-a{ width: 870px; float: left; margin-right: 30px; } .dsh14-top-a1,.dsh14-top-a1 #slideshow,.dsh14-top-a1 a img{ width: 390px !important; height: 215px !important; } .dsh14-top-a1{ float: left; margin-right: 30px; } .dsh14-top-a2{ width: 450px; margin-right: 0 !important; } .dsh14-top-a3 h4{ font-size: 18px; } .dsh14-top-a2 ul li,.dsh14-top-a2 ul li i{ line-height: 38px; } .dsh14-top-a4{ float: left; overflow: hidden; } .dsh14-top-a4 a{ font-size: 16px; display: block; margin: 10px 7px 0 0; float: left; padding:10px; background-color: #b9b9b9; color: #fff; border-radius: 40px; } .dsh14-top-a4 a:nth-child(1){ background-color: #12ccce; } .dsh14-top-a4 a:nth-child(2){ background-color: #ffc016; } .dsh14-top-a4 a:nth-child(3){ background-color: #fc5c42; } .dsh14-top-a4 a:hover{ color: #fff !important; background-color: #00b4b6; } /* 右 */ .dsh14-top-b{ width: 300px; float: left; display: block; } .dsh14-top-b ul li{ overflow: hidden; border-bottom: #dedede 1px solid; padding: 14px 0; } .dsh14-top-b ul li a i{ display: block; float: left; font-size: 12px; padding: 0 10px; line-height: 24px; background-color: #12ccce; border-radius: 40px; color: #fff; margin-right: 10px; } .dsh14-top-b ul li a span{ display: block; line-height: 24px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dsh14-top-b ul li a em{ display: block; font-size: 14px; margin-top: 10px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 右 */ /* 列表top结束 */ .dsh14-ri-a .dsh14-ban-f{ margin-bottom: 20px; } /* 今日推荐结束 */ .dsh14-la-d { overflow: hidden; border-radius: 8px; } .dsh14-dd { float: right; font-size: 14px; color: #999999; } .dsh14-fl-a { line-height: 32px; padding-bottom: 10px; border-bottom: #dbdbdb 2px solid; } .dsh14-fl-a h4{ font-size: 18px; } .dsh14-fl ul{ padding-top: 10px; display: flex; flex-wrap: wrap; } .dsh14-fl ul li{ line-height: 32px; width: 48%; margin-right: 4%; } .dsh14-fl ul li:nth-child(2n){ margin-right: 0; } .dsh14-fl ul li i{ display: block; float: left; margin: 5px 8px 0 0; padding: 0 10px; line-height: 22px; background-color: #dedede; font-size: 12px; color: #fff; border-radius: 40px; } .dsh14-fl ul li a{ display: block; float: left; font-size: 16px; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 列表 */ .dsh14-la-d2 li img { position: relative; z-index: 10; width: 180px; height: 100px; float: left; margin-right: 10px; border-radius: 4px; } .dsh14-la-d2 li { overflow: hidden; padding: 20px 0; border-bottom: solid #f2f2f2 1px; } .dsh14-la-d2 li a span { font-weight: 600; display: block; font-size: 18px; color: #343434; line-height: 24px; position: relative; } .dsh14-la-d2 li a:hover span { color: #14ced0; } .dsh14-la-d2 li a em { font-size: 16px; display: block; line-height: 24px; color: #777777; margin: 5px 0 10px 0; overflow: hidden; white-space: normal; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .dsh14-la-d2-a { overflow: hidden; font-size: 12px; color: #b9b9b9; } .dsh14-la-d2-a a { margin-right: 20px; display: block; max-width: 200px; float: right; color: #b9b9b9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dsh14-la-d2-a i { float: left; } /* 列表结束 */ /* 分页 */ .dsh14-paging { padding: 30px 0 10px 0; text-align: center; } .dsh14-pagination { list-style: none; display: inline-block; padding: 0; margin-top: 10px; } .dsh14-pagination li { display: inline; text-align: center; } .dsh14-pagination a { float: left; display: block; font-size: 14px; text-decoration: none; padding: 5px 12px; color: #4a4a4a; margin-left: -1px; border: 1px solid transparent; line-height: 1.5; } .dsh14-pagination a.active { cursor: default; } .dsh14-pagination a:active { outline: none; } .modal-4 a { color: #14ced0; margin: 0 5px; padding: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 5px; background-color: hsl(216, 70%, 58%, 0.1); } .modal-4 a.next { -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0; border-radius: 5px; border: 0 !important; width: 80px; } .modal-4 a:hover { color: #fff !important; border: 1px solid #14ced0; background-color: #14ced0; } .modal-4 a.active, .modal-4 a:active { background-color: #14ced0; border: 1px solid #14ced0; color: #fff; } /* 分页结束 */ /* label结束 */ /* 详情页 */ .dsh14-la-c{ overflow: hidden; background-color: #fff; border-radius: 8px; } .tiem { font-size: 12px; margin-top: 20px; color: #999999; display: flex; justify-content: center; } .tiem a { display: none; float: left; margin-left: 20px; max-width: 200px; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dsh14-art-a { text-align: center; overflow: hidden; margin: 40px 0; } .dsh14-art-a h1 { font-size: 36px; line-height: 40px; } .dsh14-tiem { overflow: hidden; margin: 20px 0; } .dsh14-tiem i, .dsh14-tiem a { font-size: 12px; color: #999999; display: block; float: left; } .dsh14-tiem a { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 20px; } .dsh14-art-b { overflow: hidden; position: relative; } .dsh14-art-b p { text-indent: 2em; font-size: 16px; line-height: 34px; margin-bottom: 20px; overflow: hidden; text-align: justify; } .dsh14-art-b p i { margin-right: 30px; } .dsh14-art-b b { display: block; font-size: 16px; margin-bottom: 20px; overflow: hidden; } /* 篇 */ .dsh14-art-c p { padding-bottom: 20px; border-bottom: #f2f2f2 solid 1px; } .dsh14-art-c p, .dsh14-art-c p a { font-size: 12px; color: #9e9e9e; } .dsh14-art-c1 { margin: 30px 0 10px 0; display: flex; justify-content: space-between; } .dsh14-art-c1 span { font-size: 16px; max-width: 400px; display: flex; } .dsh14-art-c1 em { font-weight: bold; display: block; float: left; width: 64px; } .dsh14-art-c1 a { max-width: 330px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; float: left; } /* 篇结束 */ /* 相关阅读 */ .dsh14-rel { margin: 30px 0; background-color: #fff; overflow: hidden; border-radius: 8px; } .dsh14-rel-a { overflow: hidden; } .dsh14-rel-a h4 { font-size: 20px; line-height: 24px; display: block; float: left; } .dsh14-rel-b { overflow: hidden; } .dsh14-rel-b ul { overflow: hidden; height: 135px; } .dsh14-rel-b ul li { width: 390px; margin: 20px 30px 20px 0; overflow: hidden; float: left; } .dsh14-rel-b ul li:nth-child(2) , .dsh14-rel-c li:nth-child(2n){ margin-right: 0; } .dsh14-rel-b ul li a img { width: 170px; height: 95px; border-radius: 8px; float: left; margin-right: 10px; } .dsh14-rel-b ul li a span { padding-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 18px; font-weight: bold; } .dsh14-rel-b ul li a em { display: block; padding-top: 10px; overflow: hidden; white-space: normal; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; line-height: 20px; color: #777777; } .dsh14-rel-c{ overflow: hidden; margin-top: 20px; } .dsh14-rel-c li { width: 420px; float: left; margin: 0 30px 20px 0; overflow: hidden; } .dsh14-rel-c li a { font-size: 16px; width: 90%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; position: relative; } .dsh14-rel-c li i { font-size: 12px; color: #999999; float: right; } /* 相关阅读结束 */ /* 推荐 */ .dsh14-ban-f2{ overflow: hidden; margin-top: 20px; padding-bottom: 10px; border-bottom: #dbdbdb 1px solid; } .dsh14-ban-f2 a{ color: #12ccce; display: block; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dsh14-ban-f3 ul li a{ width: 85%; } /* 推荐结束 */ /* 详情页结束 */ /* 网站地图 */ .dsh14-la-a1 { width: 1200px; margin: 0 auto; overflow: hidden; } .dsh14-map { overflow: hidden; } .dsh14-la-a1 .dsh14-la-c{ padding-top: 30px; margin-bottom: 20px; } .dsh14-map-b { overflow: hidden; margin: 10px 0; } .dsh14-map-b ul { overflow: hidden; margin-top: 20px; } .dsh14-map-b ul li { float: left; font-size: 16px; margin-right: 20px; margin-bottom: 20px; background-color: #f2f2f2; border-radius: 4px; } .dsh14-map-b ul li a { display: block; line-height: 28px; padding: 0 20px; } /* 网站地图结束 */ .sidenav, .dsh14-jg, .dsh14-lan-ac, .dsh14-lan-a2 img, .dsh14-hot, .dsh14-top_right span,.dsh14-hot, .dsh14-logo a img:nth-child(1), .dsh14-logo3 ,.dsh14-ban-e,.dsh14-lm-b5 i, .dsh14-left{ display: none; }