@charset 'utf-8'; /* basic 基础样式 */ body { font-family: "微软雅黑"; line-height: 1.625rem; background-color: #f7fcff } a { color: #333 } a:hover { color: #1489f1 } body.ybd-bg-fff,.ybd-bg-fff { background-color: #fff } .ybd-bg-brown { background-color: #1489f1 } .ybd-bg-footer { background-color: #0069d8 } .ybd-bg-gray { background-color: #d9d9d9 } .ybd-bg-f1 { background-color: #f1f1f1 } .ybd-bg-f6 { background-color: #f6f6f6 } .ybd-br-b-f6{border-bottom: 1px solid #f6f6f6} .ybd-mar-bt-s{margin: 8px 0} .ybd-h-img{max-height: 120px;overflow: hidden;} .ybd-float-l { float: left; } .ybd-float-r { float: right; } .ybd-text-c { text-align: center } .ybd-text-l { text-align: left } .ybd-text-r { text-align: right } .ybd-mart-mt-xs { margin-top: 8px } .ybd-mart-md { margin-top: 18px } .ybd-marb-sm { margin-bottom: 8px } .ybd-mart-xs { margin-top: 5px } .ybd-marb-xl { margin-bottom: 15px } .ybd-marb-lg { margin-bottom: 20px } .ybd-marb-l { margin-bottom: 25px } .ybd-padt-xxl { padding-top: 20px } .ybd-padb-xlg { padding-bottom: 30px } .ybd-padt-lg { padding-top: 30px } img.ybd-response { max-width: 100%; } .ybd-radius { border-radius: 5px } .ybd-col-space40 .layui-col-space30>* { padding: 20px; } .ybd-hide { display: none } .ybd-close { display: none !important; } .ybd-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ybd-text-overflow-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ybd-text-overflow-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* .ybd-main>.layui-container { padding-left: 30px; padding-right: 30px } */ .ybd-banner { /* margin-bottom: 20px */ } /* nav 新闻网头部*/ .ybd-news-home { /* background: rgba(0, 37, 139, 0.2); */ } .ybd-news-home a { display: block; text-align: center; color: #fff; font-size: 18px; padding-top: 21px; padding-bottom: 16px; background-color: #de0c00; margin-top: -5px; margin-bottom: -5px } .ybd-news-home a:hover{ background-color: #ea4138 } .ybd-news-home a i { font-size: 2.5rem } .ybd-nav{ background: #0b2be0; background: linear-gradient(180deg, #0b2be0 44%, #0e65e8); } .ybd-nav .layui-nav { padding: 0; background-color: transparent; border-radius: 0; } .ybd-nav .layui-nav .layui-this: after, .ybd-nav .layui-nav-bar, .ybd-nav .layui-nav-tree .layui-nav-itemed:after { position: absolute; left: 0; top: 0; width: 0; height: 5px; background-color: #e05333; transition: all .2s; -webkit-transition: all .2s; } .ybd-nav .layui-nav-child { border: none } .ybd-nav .layui-nav-child dd+dd { border-top: 1px solid #f1f1f1 } .ybd-nav .layui-nav .layui-nav-item { line-height: 42px; } .ybd-nav .layui-nav .layui-nav-item a { padding: 0 35px; color: #f1f1f1 } .ybd-nav .layui-nav .layui-nav-item a:hover{ color: #fff; background: #0c2fe1; } .ybd-nav .layui-nav .layui-nav-item a i { display: none } .ybd-nav .layui-nav li a { font-size: 16px; } .ybd-nav .layui-nav li dd a { font-size: 14px } /* 头条 */ .ybd-top { background: url(../img/top.png) no-repeat right top; padding: 0 50px 0 30px; padding-bottom: 17px; padding-top: 24px; margin-bottom: 20px; box-shadow: 0 1px 14px 0 rgba(0, 0, 0, .1); /* text-align: center */ } .ybd-top i { display: none } .ybd-top h1 { margin-bottom: 1.125rem; text-align: center } .ybd-top h1 a { color: #00258b; } .ybd-top p { color: #666; min-height: 52px; } /* 轮播 */ #ybd-main-imgs p { background: rgba(0, 0, 0, 0.6); color: #fff; height: 40px; line-height: 40px; padding-left: 15px; /* margin-top: -40px; */ position: absolute; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; bottom: 0; z-index: 222; } #ybd-main-imgs img { width: 100%; min-height: 399px } #ybd-main-imgs a{display: block; overflow: hidden; height: 399px; position: relative;} #ybd-main-imgs .owl-dots { position: absolute; width: 100%; bottom: 0; z-index: 1; text-align: right; } .ybd-xw-top {height:40px; line-height:40px; background-color: #3d465f; color: #fff} .ybd-xw-top a{padding-left:10px; color: #fff} /* common 列表样式 */ .ybd-list ul li { height: 2.25rem; line-height: 2.25rem; clear: both; padding: 0 3px 0 0 } .ybd-list ul.ybd-xwindex-list-after li a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px } .ybd-list .layui-card-body { padding: 10px 10px 15px 10px; } .ybd-list ul li span.ybd-float-r { color: #999; font-size: 13px; font-family: Arial, Helvetica, sans-serif } .ybd-list ul li span.ybd-float-r i{ font-size: 12px; margin-right: 3px} .ybd-list ul li a { display: block; height: 100%; } .ybd-list .ybd-pic-txt { box-shadow: 0px 5px 13px -5px #e6e6e6; } .ybd-list .ybd-pic-txt a { display: block } .ybd-list .ybd-pic-txt .ybd-pic-txt-img a { padding: 15px; max-height: 120px; overflow: hidden; display: block } .ybd-list .ybd-pic-txt .ybd-pic-txt-txt a { padding: 15px 10px 10px 10px; } .ybd-list .ybd-pic-txt .ybd-pic-txt-txt a h3 { border-bottom: 1px solid #f1f1f1; height: 50px; line-height: 25px; font-weight: bold } .ybd-list .ybd-pic-txt .ybd-pic-txt-txt a p { padding: 10px 0 6px 0; line-height: 24px; color: #999; height: 48px; overflow: hidden; } .ybd-list .ybd-pic-txt .ybd-pic-txt-txt a span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999; } .ybd-list .ybd-pic-txt .ybd-pic-txt-txt a span i{color: #E91E63; margin-right: 5px; font-size: 14px;} .layui-card-body ul li span.ybd-float-l { width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 单个title */ .ybd-links-title { font-size: 24px; font-weight: bold; line-height: 60px; } .ybd-links-title i { font-size: 40px; vertical-align: -3px; color: #0069d8; } .ybd-links-title span { /* background-color: #0069d8; color: #fff; display: inline-block; padding: 3px 18px; border-top-left-radius: 5px; border-top-right-radius: 5px; */ } .ybd-scroll-news { padding-top: 30px; padding-bottom: 10px; background-color: #005dc0; margin-bottom: 30px } /* .ybd-scroll-news p { height: 271px; overflow: hidden; } .ybd-scroll-news p img { height: 271px !important; } */ .ybd-scroll-news-after p { width: 180px !important; height: 180px; overflow: hidden;border-radius: 50%; border: #0086f7 5px solid } .ybd-scroll-news-after p img{width: 180px !important; min-height: 180px; } /* .ybd-scroll-news .ybd-links-title a { color: #fff } .ybd-scroll-news .ybd-links-title i { color: #fff } */ /* tab 切换 */ .ybd-tab .layui-tab { margin: 1px 0; } .ybd-tab-title { height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px solid #f1f1f1; } .ybd-tab-title h2 { font-size: 18px; border-bottom: 2px solid #0069d8; height: 38px; padding: 0 5px; color: #0069d8; font-weight: bold } .ybd-tab-title .layui-this { color: #fff; background-color: transparent!important; padding: 0 5px; } .ybd-tab-title .layui-this:after { border: none; } .ybd-tab-title ul li { height: 1.75rem; line-height: 1.75rem; border-radius: .875rem; font-size: 12px; } .ybd-tab .layui-tab-content { padding: 10px 0 0 0; } .ybd-tab-more .ybd-tab-title ul li { padding: 0 10px } .ybd-tab-more .layui-tab-item ul li { line-height: 32px } .ybd-tab-more .layui-tab-item ul li a { display: block; clear: both; height: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ybd-tab.ybd-list .layui-tab-content ul li { height: 1.9rem; line-height: 1.9rem; } .ybd-tab-more .ybd-pic-txt h3 { line-height: 26px; font-size: 16px; } .ybd-tab-more .ybd-pic-txt { line-height: 36px; font-size: 16px; } .ybd-tab-more .ybd-pic-txt p.ybd-img-over { height: 180px; overflow: hidden; } .ybd-tab-more .ybd-pic-txt p.ybd-img-txt { margin-top: -34px; background-color: rgba(0, 0, 0, 0.6); color: #fff; height: 34px; position: relative; } /* 人物特写 */ .ybd-person-list .ybd-item { background-color: #fff; box-shadow: 0px 5px 13px -5px #cacaca; } .ybd-person-list .ybd-item-img a, .ybd-person-list .ybd-item-txt a { display: block; padding: 10px } .ybd-person-list .ybd-item-img a img { width: 110px; height: 140px; } .ybd-person-list .ybd-item-txt a h5 { font-size: 16px; color: #0074da; margin-bottom: 14px } .ybd-person-list .ybd-item-txt a p { line-height: 1.25rem; color: #666; transition: all 0.5s } .ybd-person-list .ybd-item-txt a:hover p { margin-top: -5px } .ybd-person-list .ybd-a-more { text-align: center; } .ybd-person-list .ybd-a-more a { padding: 0px 15px; background: #0074da; color: #fff; display: inline-block; height: 1.875rem; line-height: 1.875rem; border-radius: 15px; margin-top: 10px; font-size: 0.75rem; transition: all 0.5s } .ybd-person-list .ybd-a-more a i { font-size: 0.75rem } .ybd-person-list .ybd-a-more a:hover { margin-left: 10px } .ybd-person a{display: block; text-align: center;transition-property: transform; transition-duration: .3s; -moz-transition-property: transform; -moz-transition-duration: .3s; -webkit-transition-property: transform; -webkit-transition-duration: .3s; -o-transition-property: transform; -o-transition-duration: .3s;} .ybd-person a p { width: 180px !important; height: 180px; overflow: hidden; border-radius: 50%; border: #0086f7 5px solid; margin: 0 auto } .ybd-person a p img { width: 180px !important; min-height: 180px; } .ybd-person a dl dt { min-height: 20px; line-height: 40px; font-weight: bold; color: #005dc0; } .ybd-person a dl dd{color: #999} .ybd-person a:hover{ transform: translateY(10px);} /* li 列表 */ .ybd-lis ul li { height: 40px; line-height: 40px; } .ybd-lis ul li+li { border-top: 1px solid #f7f7f7 } .ybd-lis ul li a { clear: both; display: block; padding: 0 15px; height: 100%; } .ybd-lis ul li a:hover { background-color: #0069d8; color: #fff } .ybd-lis .layui-card-body { padding: 0 } /* card 重写card样式*/ .ybd-card .layui-card { border: none; box-shadow: 0 0 0 0 rgba(0, 0, 0, .2); /* box-shadow: 0px 5px 13px -5px #989898; */ } .ybd-card .layui-card .layui-card-header { font-size: 20px; font-weight: bold; /* color: #0069d8; */ border-bottom: 2px solid #0069d8; height: 48px; line-height: 48px; padding-left: 10px } .ybd-card .layui-card .layui-card-header i{font-size: 24px; color: red; margin-right: 5px; font-weight: normal} .ybd-card .layui-card .layui-card-header em{ color: #E91E63; font-style: normal} .ybd-card .layui-card .layui-card-header .ybd-float-r { font-weight: normal; font-size: 12px; color: #fff } .ybd-annonce-list.ybd-card .layui-card { box-shadow: 0px 0px 13px -1px #e1e1e1; } /* ads */ .ybd-ad1 { margin-bottom: 26px; margin-top: 26px; } .ybd-ad2 { margin-top: 18px; margin-bottom: 18px; } /* links 链接*/ .ybd-links-b { margin-top: -50px; padding: 0px 0 30px 0 } .ybd-links-b .ybd-links-title { border-bottom: none } .ybd-links-b .ybd-links-title span { background-color: transparent; border-radius: 0px; font-size: 18px; color: #0069d8; font-weight: bold; } .ybd-links-list { font-size: 0 } .ybd-links-list ul { padding-top: 20px } .ybd-links-list ul li { display: inline-block; width: 20%; overflow: hidden; line-height: 16px; height: 16px; } .ybd-links-list ul li a { font-size: 15px; } /* footer 底部*/ .ybd-footer { /* margin-top: 20px; */ color: #fff; padding: 35px 0 0px 0; background: #0069d8 } .ybd-footer-bg { background: url(../img/footer.png) right top no-repeat; margin-top: -156px; padding-top: 166px; padding-bottom: 50px } .ybd-br { border-right: 1px solid #167bd4; border-left: 1px solid #167bd4 } .ybd-br p { padding-left: 50px } .ybd-footer-link { font-size: 0 } .ybd-footer-link h3 { font-size: 18px; margin-bottom: 10px } .ybd-footer-link a { font-size: 14px; display: inline-block; padding: 0px 15px 0px 0; color: #c7e2f9; } .ybd-footer-link a:hover { color: #fff } .ybd-footer-link-cont { padding-left: 20px; } .ybd-footer-copy { padding: 10px 0 0 0; text-align: center; border-top: 1px solid #177fda; margin-top: 10px; } .ybd-footer-copy a{color: #fff} .layui-fixbar li { background-color: #004ab9; } /* 表单 */ .ybd-icons-list{margin-top: 28px; text-align: right} .ybd-icons-list a { padding: 0 5px; display: inline-block; position: relative;} .ybd-icons-list a i{font-size: 30px; vertical-align: -5px} .ybd-icons-list a.ybd-icon-wechat i{color: #4CAF50;} .ybd-icons-list a.ybd-icon-wechat:hover i{color: #319c35;} .ybd-icons-list a.ybd-icon-wechat p{ display: none; position: absolute; z-index: 1; left: -38px; top: 21px; } .ybd-icons-list a.ybd-icon-weibo i{color: #F44336;} .ybd-icons-list a.ybd-icon-weibo:hover i{color: #ef2e20;} .ybd-form { margin-top: 20px; height: 40px; line-height: 40px; /* border: 1px solid #f1f1f1; */ border-radius: 20px; background-color: #f1f1f1 } .ybd-form button { width: 14%; text-align: right; border: none; background: transparent; vertical-align: -2px; cursor: pointer; /* height: 36px; line-height: 36px; border-radius: 18px; */ } .ybd-form button i{ font-size: 18px; color: #fff; background: #0028c4; padding: 4px 4px 6px 6px; border-radius: 14px; } .ybd-form button:hover i{ background: #204cf7; } .ybd-header .layui-input{margin-left: 0; display: inline-block; width: 80%; border: none; background: transparent;} /* 重写框架css */ .layui-nav .layui-this:after { background-color: transparent; } .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { height: 0; background-color: transparent; } /* 重写owl轮播 */ .ybd-banner .owl-theme .owl-nav.disabled+.owl-dots { margin-top: -30px; position: absolute; width: 100%; } #owl-demo{margin-top: 20px} #owl-demo .owl-dots { /* position: absolute; width: 100%; top: -52px; text-align: right; */ display: none } #owl-demo .owl-nav [class*='owl-'] { margin: 5px 10px; padding: 6px 6px; background: transparent; border-radius: 0; border: 1px solid #06c; color: #06c; font-size: 28px; } #owl-demo .owl-nav [class*='owl-']:hover{ background-color: #06c; color: #fff } #owl-demo .owl-nav { margin-top: 0px;} #owl-demo a{margin-bottom: 0} .ybd-carousel a { position: relative; display: block; margin-bottom: 15px; } .ybd-carousel a dl { background-color: rgba(255, 255, 255, 1); padding: 15px; line-height: 32px; transition: all 0.5s; box-shadow: 0px 5px 13px -5px #0a0808; font-size: 1rem } .ybd-carousel a dl dt { min-height: 50px; line-height: 24px; } .ybd-carousel a dl dd { color: #999; font-family: Arial, Helvetica, sans-serif } .ybd-carousel a:hover dl { background-color: #0069d8; box-shadow: 0px 5px 13px -5px #04489e; color: #fff } .ybd-carousel a:hover dl dd { color: #f1f1f1; } .ybd-carousel.owl-theme .owl-dots .owl-dot.active span, .ybd-carousel.owl-theme .owl-dots .owl-dot:hover span { background: #fd276a; } .ybd-scroll-news .ybd-carousel a{ text-align: center;transition-property: transform; transition-duration: .3s; -moz-transition-property: transform; -moz-transition-duration: .3s; -webkit-transition-property: transform; -webkit-transition-duration: .3s; -o-transition-property: transform; -o-transition-duration: .3s; } .ybd-scroll-news .ybd-carousel a dl { background-color: transparent; padding:0 15px 15px 15px; line-height: 32px; transition: all 0.5s; box-shadow: 0px 0 0 0 #0a0808; font-size: 1rem; } .ybd-scroll-news .ybd-carousel a dl dt { min-height: 20px; line-height: 40px; font-weight: bold; color: #005dc0 } .ybd-scroll-news .ybd-carousel a dl dd { color: #999; font-family: Arial, Helvetica, sans-serif } .ybd-scroll-news .ybd-carousel a:hover dl { background-color: transparent; box-shadow: 0px 0 0 0 #04489e; color: #fff } .ybd-scroll-news .ybd-carousel a:hover dl dd { color: #999; } .ybd-scroll-news .ybd-carousel a p{margin:0 auto} .ybd-scroll-news .ybd-carousel .owl-item a:hover{ transform: translateY(10px);} /* .ybd-scroll-news .ybd-carousel a:hover p{ border:5px solid #fd276a; } */ .ybd-scroll-news .ybd-carousel.owl-theme .owl-dots .owl-dot.active span, .ybd-scroll-news .ybd-carousel.owl-theme .owl-dots .owl-dot:hover span { background: #fd276a; } /* 内页owl */ .ybd-sub-l-owl { padding: 5px 15px 0 15px; } .ybd-sub-l-owl .ybd-carousel img { width: 100%; height: 180px; } .ybd-sub-l-owl .ybd-carousel a {margin-bottom: 0} .ybd-sub-l-owl .ybd-carousel a dl { /* background-color: #0069d8; box-shadow: none; font-size: 14px; color: #fff */ background-color: rgba(0,0,0,0.6); box-shadow: none; font-size: 14px; color: #fff; padding: 0 15px; height: 32px; margin-top: -32px; position: relative; } .ybd-sub-l-owl .ybd-carousel a dl dt { min-height: 32px; line-height: 30px; } /* .ybd-sub-l-owl .ybd-carousel a dl dd { color: #97c6f1; font-family: Arial, Helvetica, sans-serif; } */ /* .ybd-sub-l-owl .ybd-carousel a:hover dl { background-color: #f1f1f1; box-shadow: none; color: #333 } .ybd-sub-l-owl .ybd-carousel a:hover dl dd { color: #333; } */ /* 内页 */ /* 内页通用 */ .ybd-main { height: auto !important; min-height: 580px; height: 580px; padding-bottom: 90px } /* 时间列表模板头部 */ .ybd-list-title { margin-bottom: 20px; } .ybd-sub-title h1 { font-weight: bold; font-size: 32px; line-height: 40px; } /* 左栏 */ .ybd-sub-l { margin: 30px 0 } .ybd-sub-l-cont { background: #fff; margin-bottom: 20px; padding-bottom: 20px; box-shadow: 0px 5px 13px -5px #dadada; } .ybd-sub-l-cont h2 { text-align: center; font-size: 16px; line-height: 60px; border-bottom: 1px solid #ececec; margin-bottom: 15px } .ybd-sub-l-cont h2 i { font-size: 30px; color: #0074da; margin-right: 5px; vertical-align: -4px; font-weight: normal } /* 左栏列表 */ .sub-l-list { padding: 5px 15px } .sub-l-list dl { padding: 10px 0 } .sub-l-list dl+dl { border-top: 1px solid #ececec; } .sub-l-list dl a { display: block } .sub-l-list dl dd { color: #999; padding-left: 10px; font-family: 'Times New Roman', Times, serif } .ybd-sub-cont { line-height: 30px; padding: 15px 0 40px 0; font-size: 16px; /* overflow-x: hidden; */ min-height: 831px; } .ybd-sub-cont article img { max-width: 100%; height: auto !important; margin: 10px 0 } /* 内页人物特写 */ .ybd-sub-cont .ybd-item { background-color: #fff; box-shadow: 0px 5px 13px -5px #cacaca; min-height: 175px; position: relative; } /* .ybd-sub-cont .ybd-item::before{ content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-top: 24px solid #f7fcff; border-left: 26px solid transparent; } .ybd-sub-cont .ybd-item::after{ content: ''; position: absolute; right: 0px; top: 0; width: 0; height: 0; border-bottom: 24px solid #eaebe8; border-right: 26px solid transparent; } */ .ybd-sub-cont .ybd-item-img a, .ybd-sub-cont .ybd-item-txt a { display: block; padding: 10px } .ybd-sub-cont .ybd-item-img a img { width: 110px; height: 140px; } .ybd-sub-cont .ybd-item-txt a h5 { font-size: 18px; color: #0074da; margin-bottom: 14px } .ybd-sub-cont .ybd-item-txt a p { line-height: 1.25rem; color: #888; transition: all 0.5s; font-size: 14px; } .ybd-sub-cont .ybd-item-txt a:hover p { margin-top: -5px } /* 视频列表 */ .ybs-sub-video figure { margin: 0; padding: 0; overflow: hidden; } .ybs-sub-video img { height: 270px; width: 100%; transition: all 0.5s; } .ybs-sub-video a:hover img { transform: scale(1.05); } .ybd-sub-video-txt { transition: all 0.5s; background-color: #fff; line-height: 40px; box-shadow: 0px 5px 13px -5px #cacaca; border-left: 2px solid #005dc0; font-size: 14px } .ybd-sub-video-i { transition: all 0.5s; background-color: #005dc0; color: #fff; position: relative; text-align: center } .ybd-sub-video-i::before { transition: all 0.5s; content: ""; position: absolute; top: 50%; left: -6px; border-left: 37px solid #005dc0; border-top: 21px solid transparent; border-bottom: 40px solid transparent; margin-top: -7px; transform: rotate(47deg); transform-origin: center top; } .ybd-sub-video-i i { font-size: 22px } .ybd-sub-video-txt h5 { padding-left: 10px } .ybs-sub-video a:hover .ybd-sub-video-i { background-color: #fff; color: #005dc0; } .ybs-sub-video a:hover .ybd-sub-video-txt { background-color: #005dc0; color: #fff; } .ybs-sub-video a:hover .ybd-sub-video-i::before { border-top: 22px solid transparent; border-left: 37px solid #fff; } /* 分页 */ .ybd-pages { /* padding-top: 30px; */ padding-bottom: 30px; /* margin-bottom: 80px; */ } .ybd-pages a, .ybd-pages span { display: inline-block; vertical-align: middle; padding: 0 20px; height: 40px; line-height: 40px; margin: 0 5px; background-color: #fff; color: #333; font-size: 14px; border: none; border-radius: 6px; } .ybd-pages span.current, .ybd-pages a:hover { background-color: #0086f7; color: #fff; } .ybd-pages a, .ybd-simple-cont .ybd-pages span { background-color: #f1f1f1; } /* 面包屑导航 */ .ybd-breadcrumb { height: 60px; line-height: 40px; } .ybd-breadcrumb i { font-size: 20px; } .ybd-breadcrumb a:nth-child(2) { display: none } /* 普通文章页面 */ .ybd-arti-mes { /* padding-top: 30px; */ text-align: center; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .ybd-arti-mes h2.ybd-arti-title { line-height: 34px; font-size: 26px; font-weight: bold; padding: 20px 0 15px 0; } .ybd-arti-mes h4.ybd-arti-title2{ font-size: 18px; line-height: 30px; padding-bottom: 10px; font-weight: bold; color: #444; } .ybd-arti-mes small { color: #888 } .ybd-arti-cont { padding:30px 10px 20px 10px; line-height: 30px; overflow: hidden; font-size: 16px; } .txt-indent{text-indent: 2em} .txt-indent img { margin-left: -32px !important; } .ybd-video-arti iframe{ margin:0 auto; display:block} .ybd-arti-author-veri { padding: 0 0 20px 0; margin-top: 20px; font-size: 14px; } .ybd-arti-author-veri .layui-elem-quote { border-left: 5px solid #0074da; } .ybd-pre-next { border-top: 1px solid #eee; margin-top: 30px; padding-top: 20px; font-size: 14px; } /* 人物特写 */ .ybd-person-view .ybd-arti-cont .ybd-person-txt { margin-top: 20px } /* 视频文章页 */ .ybd-video-arti video { /* width: 80%; */ height: auto !important; margin: 0 auto; display: block } /* tiems 重写 */ #timeline .content a { color: #333 } #timeline .item h2 { margin: 15px 0; font-size: 18px; font-weight: bold; height: 51px; } #timeline .item.isLeft h2 { text-align: left; } #timeline .item .content p { color: #888 } #timeline .item .content p.ybd-sub-dates { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #timeline .item .content p.ybd-sub-dates i { margin-right: 5px; vertical-align: -1px; font-size: 14px; color: #fd276a; } #timeline .item .content p.ybd-sub-dates i { margin-right: 5px; vertical-align: -1px; font-size: 14px; color: #fd276a; } i.ybd-color-gry{color: #888!important} #timeline .content a:hover h2 { color: #0074da } /* 普通文章列表 */ .ybd-sub-cont dl { /* padding: 30px; */ /* background-color: #fff; */ position: relative; /* margin-bottom: 20px */ } .ybd-sub-cont dl dt h2 { font-weight: bold; line-height: 40px; /* padding: 10px 0 */ } .ybd-sub-cont dl dt h2 i{ font-weight: normal; color: #E91E63; font-size: 20px; vertical-align: 2px; margin-right: 5px } .ybd-sub-cont dl dd.ybd-sub-descri { margin-top: 5px; color: #888; font-size: 14px; line-height: 22px } .ybd-sub-cont dl dd.ybd-sub-dates { color: #888; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-top: 5px } .ybd-sub-cont dl dd.ybd-sub-dates i { margin-right: 5px; font-size: 14px;color: #E91E63 } .ybd-sub-cont dl dd.ybd-sub-more { margin-top: 20px } .ybd-sub-cont dl dd a { padding: 10px 60px; background-color: #888; color: #fff; transition: all 0.5s; } .ybd-sub-cont dl dd a:hover { background-color: #0074da } .ybd-sub-cont dl::after { /* content: ""; position: absolute; top: 50%; right: -40px; border-left: 40px solid #FFFFFF; border-top: 40px solid transparent; border-bottom: 40px solid transparent; margin-top: -40px */ } /* 响应式 */ @media screen and (min-width: 992px) and (max-width: 1200px) { .ybd-nav .layui-nav .layui-nav-item a { padding: 0 23px; } } @media screen and (max-width: 991px) { /* 首页 */ .ybd-top { background: none; padding-left: 0; padding: 20px 15px; position: relative; } .ybd-top i { display: block; position: absolute; font-size: 34px; color: #e52f2a; left: 0; top: 5px; } .ybd-top h1 { font-size: 20px; font-weight: bold } .ybd-top p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .ybd-nav .layui-col-xs10 { /*position: inherit; */ text-align: right } .ybd-news-home p { display: none } .ybd-news-home a { padding-top: 13px; padding-bottom: 10px; } .ybd-news-home a i { font-size: 28px; } .ybd-hide { display: block } .ybd-close.ybd-hide { display: none } .ybd-nav span.ybd-hide { margin-top: 10px; color: #fff; } .ybd-nav span.ybd-hide i { font-size: 30px; } /* 头部 */ .layui-nav .layui-nav-item { display: block; line-height: 40px; text-align: left } .layui-nav .layui-this:after { background-color: transparent; } .ybd-nav .layui-nav { padding: 8px 0 15px 0; position: absolute; width: 100%; background: #0074da; left: 0; top: 53px; z-index: 9999; display: none; } .ybd-arti-cont.ybd-video-arti{ padding-left:0} .ybd-nav .layui-nav .layui-nav-item { margin: 0; } .ybd-nav .layui-nav .layui-nav-item a { padding: 0 24px; } .ybd-nav .layui-nav .layui-nav-item a i { float: right; display: block; } .ybd-nav .layui-nav .layui-nav-item+.layui-nav-item { border-top: 1px solid #047fea } .ybd-nav .layui-nav li a { font-size: 14px; } .ybd-nav { margin-bottom: 10px } #ybd-main-imgs img { min-height: auto !important; height: auto !important; width: 100% !important; } #ybd-main-imgs a{height: auto !important;} .ybd-main>.layui-container { padding-left: 10px; padding-right: 10px } .ybd-tab-more .layui-tab-item ul li { clear: left; width: 100%; line-height: 32px; } .ybd-tab-more .ybd-tab-title ul li { padding: 0 2px; } .ybd-tab-more ul.ybd-tab-title .ybd-float-r { clear: right } .ybd-tab.ybd-list .layui-tab-content ul li a .ybd-float-l { width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .ybd-person-list .ybd-a-more a { margin-top: 22px } .ybd-ad1 { margin: 15px 0 } .ybd-links-list ul li { width: 50% } .ybd-br { border: none } .ybd-br p { padding-left: 0; } .ybd-lis ul li a:hover { background-color: transparent; color: #0069d8 } .ybd-breadcrumb { line-height: 30px; } .ybd-footer-bg { background: url(../img/footer.png) right bottom no-repeat; padding-bottom: 30px; background-size: 50%; } .ybd-footer-link-cont { padding-left: 0px; } .layui-fixbar { display: none; } /* 人物特写 */ .ybd-person-view .ybd-text-r { text-align: center !important } /* 内页普通列表 */ .ybd-main { overflow-x: hidden } .ybd-sub-cont { padding: 5px 0 0px 0; min-height: 120px; } .ybd-sub-cont dl { box-shadow: 0 0 0 0 rgba(0, 0, 0, .1); box-sizing: border-box } .ybd-sub-cont.ybd-sub-cont-txt dl{ box-shadow: 0 0 0 0 rgba(0, 0, 0, .1); box-sizing: border-box } .ybd-sub-cont .ybd-mar-bt-s { margin: 0; } .ybd-sub-cont.ybd-sub-cont-txt dl dd.ybd-sub-descri{display: none} .ybd-sub-cont.ybd-sub-cont-txt dl dt h2 { font-weight: normal; line-height: 22px; height: 44px; font-size: 16px; } .ybd-sub-cont dl::after { display: none; } /* 发布审核 */ .ybd-arti-author-veri { padding: 10px 10px; /* border-bottom: 1px solid #eee; */ margin-bottom: 20px; } .ybd-arti-author-veri span { margin-right: 10px } /* 视频相关 */ .ybd-sub-video-i::before { border-left: 40px solid #005dc0; margin-top: -7px; transform: rotate(45deg); } .ybd-video-arti video { width: 90%; background-color: #000; min-height: 220px } /* 分页 */ .ybd-pages { font-size: 0; padding-bottom: 10px; margin-bottom: 0; margin-top: 20px; } .ybd-pages a, .ybd-pages span { padding: 0 10px; height: 24px; line-height: 24px; margin: 0 4px; font-size: 12px; border-radius: 3px; } .ybd-pre-next .ybd-text-r { text-align: left !important } .owl-theme .owl-dots .owl-dot span { margin: 5px 5px; } } /* 20190315 update */ .ybd-xw-posi{ height: 80px; line-height: 80px; margin-top: 5px } .ybd-xw-posi h1{font-size: 22px; font-weight: bold; } .ybd-xw-posi h1 i{font-size: 22px; margin-right: 5px } .ybd-sub-cont-after { line-height: 30px; padding: 5px 0 80px 0; font-size: 14px; overflow-x: hidden } .ybd-sub-cont-after dl {margin-bottom: 5px; border-bottom: 1px solid #f1f1f1; padding: 5px 0;} .ybd-sub-cont-after dl h2{font-size: 18px; font-weight: bold} .ybd-sub-cont-after dl h2 i{font-weight: normal; color: #E91E63; font-size: 20px;} .ybd-sub-cont-after dl dd{color: #999; font-family: Arial, Helvetica, sans-serif } .ybd-sub-cont-after dl dd span{margin:0 5px} .ybd-sub-cont-after dl dd span i{margin-right: 5px; vertical-align: -1px; font-size: 14px; } .ybd-no-mar-t.layui-col-space30 { margin-top: 0; } .ybd-no-mar-bt.layui-col-space20 { margin-top: 0; margin-bottom: 0; } .ybd-sub-l-cont-after h2{ font-size: 20px; border-bottom: 1px solid #f7f6f6; font-weight: bold; color: #06c; } .ybd-sub-l-after{margin-top: -15px;} .ybd-sub-l-cont-after{ border-radius: 4px} .ybd-sub-l-cont-after .layui-timeline { margin: 0 15px; } .ybd-sub-l-cont-after .layui-timeline-item a{display: block} .ybd-sub-l-cont-after .layui-timeline-item a:hover .layui-text{ color: #1489f1 } .ybd-sub-l-cont-after .layui-timeline a span.ybd-float-r{color: #888} .ybd-sub-l-cont-after .layui-timeline a span.ybd-float-r i{ margin-right: 5px; vertical-align: -1px; font-size: 14px } .ybd-sub-l-cont-after .layui-text h3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .ybd-sub-l-cont-after .layui-timeline-axis { color: #E91E63; } .ybd-sub-class-list li a{ display: block; clear: both; padding: 10px 5px 10px 10px; font-size: 16px; border-bottom: 1px solid #f1f1f1 } .ybd-sub-class-list li a i{float: right;} .ybd-sub-class-list li a.sub-on,.ybd-sub-class-list li a:hover{ background: #0074da; color: #fff; border-bottom: 1px solid #1986e6 } .ybd-xs-class{display: none; font-size: 0} .ybd-single-img a{ display: block; margin: 15px 15px 0px 15px; position: relative; max-height: 120px; overflow: hidden; } .ybd-single-img p{ position: absolute; width: 100%; bottom: 0; background-color: rgba(0,0,0,0.6); color: #fff; height: 30px; line-height: 30px; font-size: 16px; padding-left: 10px; padding-right: 10px; text-align: center; } .ybd-single-img a:hover p{ background-color: #0069d8; } .ybd-xs-show-after{display: none} .ybd-mar-bt-after{padding:40px 0} .ybd-mar-bt-s-after{padding:30px 0} @media screen and (max-width: 991px) { .ybd-xw-posi{ height: 60px; line-height: 30px; padding:15px 0 10px 0 } .ybd-xw-posi h1{font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 5px } .ybd-xw-posi h1 i{display: none} .ybd-xw-posi .ybd-text-r{text-align: left !important} .ybd-xs-class{display: block; background-color: #fff;border-bottom: 1px solid #f1f1f1;} .ybd-xs-class a{display: inline-block; font-size: 14px; width: 48%; text-align: center; height: 36px; line-height: 36px;border-radius: 18px; background: #f1f1f1; margin:5px 1%} .ybd-xs-class a.sub-on{background: #0074da; color: #fff;} .ybd-list .ybd-pic-txt .ybd-pic-txt-txt a p { padding-bottom: 0; } /* .ybd-xw-top{display: none} */ .ybd-xs-hidden-after{display: none} .ybd-xs-show-after{display: block} .ybd-header.ybd-padt-xxl{padding-top: 10px} .ybd-sub-cont dl dt h2 i { color: #666;} .ybd-sub-cont dl dd.ybd-sub-dates { padding-left: 4px } .ybd-h-img { max-height: 76px; } .ybd-list .ybd-pic-txt .ybd-pic-txt-txt a { padding: 8px 10px 10px 10px; } .ybd-list .ybd-pic-txt .ybd-pic-txt-txt a h3 { height: auto!important; min-height: 30px; height: 30px; } } .ybd-scroll-news-after .layui-elem-field a{ /* background: #0093f3; color: #fff; height: 38px; line-height: 38px; display: inline-block; padding: 0px 60px; border-radius: 19px; font-size: 16px; */ font-weight: bold } .ybd-scroll-news-after .layui-elem-field a i{font-weight: normal} .ybd-scroll-news-after .layui-elem-field a em{color: #E91E63; font-style: normal;} /* .ybd-scroll-news-after .layui-elem-field {border-color: #009df2;} */ .ybd-after-3-c .ybd-card .layui-card { box-shadow: 0px 5px 13px -5px #989898; } .ybd-mar-bt-after-2{padding:0 0 40px 0}