/* Theme Name:viewlee Theme URI:http://www.liblog.cn/ Description: Version:3.0 Tags: 扁平化,响应式,简洁黑白色,多设备支持 */ html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, figcaption, figure, hgroup, menu, nav, summary, time, audio, video, header, footer { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-size: 13px; } body { cursor: default; width: 100%; height: auto; font-family: 'HarmonyOS Sans SC', 'HarmonyOS Sans', 'Microsoft YaHei', 'WenQuanYi Micro Hei', Arial, Verdana, Tahoma, sans-serif; background: #fafafa; color: #555; line-height: 1.5; margin: 0; font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-size: 15px; color: #555; font-weight: normal; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } header { width: 100%; position: relative; clear: both; background: #0b0b0b; height: 65px; } img { vertical-align: middle; } img, input { display: inline-block; margin: 0; padding: 0; } ol { list-style-type: decimal; } input, textarea, button { outline: none; font-family: inherit; } table { border-collapse: collapse; border-spacing: 0; } a, a:link, a:visited { color: #424242; text-decoration: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a, a.reversed:active, a.reversed:focus, a.reversed:hover, p.tags a:active, p.tags a:focus, p.tags a:hover { text-decoration: none; } a:hover { text-decoration: none; color: #32a5e7; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } article, input, textarea, b, ul, li, i, button, a { -moz-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; } ul, li { list-style: none; } .none { display: none; } .alignleft { float: left; text-align: left; margin-right: 10px; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .alignright { float: right; text-align: right; margin-left: 10px; } input, textarea { -webkit-appearance: none; } input[type='submit'], input[type='reset'], input[type='button'], input { -webkit-appearance: none; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } * { border: 0; margin: 0; padding: 0; } html { -webkit-text-size-adjust: none; } .post video, .post object, .post embed, .post iframe { width: 100% !important; } .clear { clear: both; } .left, .fl { float: left; } .right, .fr { float: right; } #divLinkage ul:after { content: ''; display: table; clear: both; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } i.fa.fa-chevron-circle-right { margin: 0 0 0 5px; } /*ad*/ .ads { position: relative; border: 1px solid #cccccc; background: #fff; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); } .category-ad, .article-ad, .page-ad, .index-ad { width: 100%; margin: 0 auto 15px auto; } .page-ad-tt, .ads.article-ad-b, .ads.article-ad-tt, .ads.article-ad-t { margin-bottom: 20px; } .left-ads { text-align: center; border-top: 1px solid #ddd; padding: 8px 0; } .ads.search-ad { margin-bottom: 15px; } .ads a img { width: 100%; height: 100%; object-fit: cover; } /*header*/ #header { background-color: rgba(255, 255, 255, 0.98); width: 100%; height: 65px; position: fixed; z-index: 80; transform: translate(0); transition: transform 0.3s; box-shadow: 0 0px 18px 0px rgba(0, 0, 0, 0.2); background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(239, 239, 239, 0.98)); } .header { width: 1230px; height: 65px; position: relative; margin: 0 auto; } #header .header { width: 95%; } #logo { width: 205px; position: relative; float: left; z-index: 10; display: block; height: 65px; } #logo a { position: relative; display: block; overflow: hidden; line-height: 63px; } #logo img { width: 100%; } @-webkit-keyframes flashlight { from { left: -20%; } 100% { left: 130%; } } .shan { position: absolute; -webkit-animation: flashlight 2s; -o-animation: flashlight 2s; animation: flashlight 2s; top: 0; width: 35%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.58) 50%, rgba(255, 255, 255, 0.02) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.58) 50%, rgba(255, 255, 255, 0.02) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.58) 50%, rgba(255, 255, 255, 0.02) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.58) 50%, rgba(255, 255, 255, 0.02) 100%); transform: skewX(-30deg); animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } #mainnav { float: left; line-height: 65px; height: 65px; font-size: 14px; } .header-nav li { position: relative; list-style: none; display: block; float: left; min-height: 65px; margin: 0 15px; } .content_infor span i.fa, .header-nav li i.fa { padding-right: 3px; } .header-nav li:before { width: 0; height: 3px; position: absolute; bottom: -1px; left: 50%; background-color: #0188fb; content: ''; transition: all 0.6s; z-index: -1; } .header-nav li.active:before, .header-nav li:hover:before { width: 100%; left: 0; } .header-nav li a { text-transform: none; line-height: 65px; height: 65px; color: #333; display: block; } .header-nav li a, .header-nav li a i.fa { transition: all 0s ease; } /*#mainnav .active a,#mainnav .active a:focus {color:#fff}*/ .header-nav li.active a, .header-nav li.current-menu-item, .header-nav li:hover, .header-nav li.current-menu-ancestor, .header-nav li.current-post-ancestor, .header-nav li a.current-menu-item { color: #0188fb; } .header-nav li.current-menu-item a, .header-nav li:hover a, .header-nav li.current-menu-ancestor a, .header-nav li.current-post-ancestor a { color: #0188fb; position: relative; } #mainnav .sign { border-top: 5px solid #ddd; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; top: 32px; right: 8px; } .sign { display: inline-block; width: 0; height: 0; content: ''; vertical-align: top; } .header-nav li .icons { margin-right: 5px; font-size: 17px; top: 1px; position: relative; } .header-nav li.nav-has > a:after { content: '.'; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; position: relative; left: 5px; overflow: hidden; } .rightnav { float: right; line-height: 65px; height: 65px; } .rightnav ul li { color: #333; } .rightnav ul li i.fa { padding-right: 3px; } .rightnav ul li a { font-size: 12px; color: #333; position: relative; margin-right: 8px; } .rightnav ul li a:last-child { margin-right: 0; } .rightnav ul li a:hover { border-color: #fff; color: #0188fb; } .rightnav ul li.active a:hover { border-color: #1687c7; background-color: #1687c7; } .footernav { overflow: hidden; float: right; } .footernav li { float: left; position: relative; list-style: none; display: block; } .footernav li a { margin: 0 15px 0 0; } #wrapper { position: relative; width: 1230px; margin: 0 auto; padding-top: 80px; overflow: hidden; } #wrapper.index { padding-top: 95px; } #wrap { width: 81%; margin: 0 auto; float: right; margin-bottom: 30px; } #main { width: 100%; margin: 0 auto; position: relative; clear: both; } .header-nav .menu-item-has-children > a:after { content: '.'; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; position: relative; left: 5px; overflow: hidden; } .header-nav li .sub-menu { text-align: left; position: absolute; top: 63px; min-width: 100%; z-index: 10; font-size: 14px; border-top: 2px solid #0188fb; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background: transparent; float: left; margin: 0; padding: 0; list-style: none; opacity: 0; visibility: hidden; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .header-nav .nav-pills > li:hover > .sub-menu { opacity: 1; visibility: visible; transition: 0.35s; } .header-nav li .sub-menu li { float: none; display: block; color: #f1f1f1; height: 35px; min-height: 35px; text-align: center; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; background: #fff; margin-right: 0px; margin: 0 -1px; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .header-nav .nav-pills > li:hover > .sub-menu li { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .nav-pills li:hover .sub-menu li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .nav-pills li:hover .sub-menu li:nth-child(2) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .nav-pills li:hover .sub-menu li:nth-child(3) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .nav-pills li:hover .sub-menu li:nth-child(4) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .nav-pills li:hover .sub-menu li:nth-child(5) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .nav-pills li:hover .sub-menu li:nth-child(6) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .nav-pills li:hover .sub-menu li:nth-child(7) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .nav-pills li:hover .sub-menu li:nth-child(8) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .nav-pills li:hover .sub-menu li:nth-child(9) { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .nav-pills li:hover .sub-menu li:nth-child(10) { -webkit-transition-delay: 450ms; -moz-transition-delay: 450ms; -ms-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; } .nav-pills li:hover .sub-menu li:nth-child(11) { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .nav-pills li:hover .sub-menu li:nth-child(12) { -webkit-transition-delay: 550ms; -moz-transition-delay: 550ms; -ms-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; } .header-nav li .sub-menu li a { line-height: 35px; height: 35px; padding: 0 10px; font-size: 1.1em; color: #555555; white-space: nowrap; background: transparent; } .header-nav li .sub-menu li a:hover { color: #4693e9; } .header-nav li .sub-menu li:last-child { border-bottom: 2px solid #3690cf; margin-bottom: -1px; } /*swiper-banner*/ .wrapper-ban { margin-top: 20px; overflow: hidden; } .site-main { float: left; width: 71.6666%; transition-duration: 0.5s; } .single-content, .page-content { width: 100%; background-color: #fff; border: 1px #eee solid; padding: 12px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; vertical-align: top; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-fles-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .swiper-slide-active { z-index: 999; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button { position: absolute; top: 50%; margin-top: -22px; z-index: 10; cursor: pointer; text-align: center; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-pagination { position: absolute; text-align: right; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { margin: 0 3px; width: 12px; height: 4px; display: inline-block; background-color: #fff; opacity: 0.4; cursor: pointer; border-radius: 50px; -moz-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -ms-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; } .swiper-pagination-bullet-active { width: 26px; opacity: 1; background-color: #32a5e7; } .swiper-container:hover .swiper-pagination-bullet { opacity: 1; } .swiper-pagination-bullet:hover { background-color: #32a5e7; } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 8px; width: 100%; margin: 0 auto; text-align: center; } .swiper-post { background-color: #0077c2; border: 1px solid transparent; top: -1px; color: #fff; height: auto; max-height: 108px; overflow: hidden; left: -1px; padding: 3px 10px 1px 10px; position: absolute; width: auto; max-width: 60%; } .swiper-post p { color: #fff; height: auto; max-height: 78px; width: auto; overflow: hidden; } .swiper-post h3 a { color: #fff; } .slide-main img { display: block; width: 100%; height: auto; } .swiper-button { opacity: 0; font-family: 'salong'; font-size: 20px; color: #fff; } .swiper-button-next { right: 10px; } .swiper-button-prev { left: 10px; } .swiper-home-button-next, .swiper-home-button-prev { background-color: rgba(0, 0, 0, 0.3); padding: 16px 10px; } .swiper-home-button-next:hover, .swiper-home-button-prev:hover { background-color: #de3009; color: #fff; } .swiper-container:hover .swiper-button { opacity: 1; } .swiper-container:hover .swiper-button-next { right: 0; } .swiper-container:hover .swiper-button-prev { left: 0; } .swiper-taji { margin-bottom: 12px; } .swiper-taji .swiper-slide { position: relative; } .swiper-taji .swiper-slide span { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 28px; background-color: rgba(0, 0, 0, 0.2); color: #fff; padding: 2px 8px; } .swiper-taji .swiper-slide img { width: 100%; height: auto; display: block; } .stylelist { margin-right: -20px; } .stylelist .post { padding: 20px 20px 20px 300px; border: 1px #eee solid; overflow: hidden; position: relative; margin: 0 20px 12px 0; background-color: #fff; } /*分享代码*/ .bdsharebuttonbox { position: relative; float: right; display: block; } /**/ .wemedia { margin-bottom: 20px; } .wemedia img { width: 100%; height: auto; overflow: hidden; } /**/ .jumbotrons.pc { position: relative; top: 65px; height: 200px; overflow: hidden; padding: 0; z-index: 10; } .shadow { position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; background: url(images/shadow_img.png) repeat-x bottom; } .jumbotrons img { position: absolute; width: 100%; min-width: 600px; margin-top: -50px; left: 0; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(4px); filter: blur(4px); } .fl-top { width: 100%; background: #fff; margin: 0 auto; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); margin-bottom: 15px; margin-top: 0px; opacity: 1; z-index: 11; position: relative; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border-radius: 2px; } .fl_title { height: 50px; border-bottom: 1px solid #f3f3f3; background: #fafafa; } .nav-list { background: #fff; } .nav-list h2 { height: 49px; line-height: 50px; font-size: 17px; padding-left: 20px; padding-right: 20px; font-weight: 600; color: #4693e9; display: inline-block; } .nav-list h2 a { color: #4693e9; } .nav-list h2 a i.fa { margin-right: 5px; } .nav-list p { height: 49px; line-height: 50px; float: right; color: #999; padding-right: 20px; } .fl_mbx { height: 45px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; background: #ffffff; padding: 0px 20px; font-size: 14px; } .fl_mbx li { height: 44px; line-height: 45px; background: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .fl_mbx a { padding: 5px 5px; color: #666; } #wrapper.author, #wrapper.tag, #wrapper.date, #wrapper.page, #wrapper.category { padding-top: 15px; } #wrapper.page, #wrapper.article { padding-top: 40px; } #wrapper.page.page-tagsh, #wrapper.page.page-search { padding-top: 15px; } /**/ #left-menu ul { margin: 0; padding: 0; list-style: none; position: relative; } #left-menu ul li { list-style: none; position: relative; border-bottom: 1px solid #f4f4f4; height: 60px; display: block; float: left; width: 100%; } #left-menu ul li a { font-size: 16px; line-height: 60px; display: block; height: 60px; text-transform: none; color: #666; padding-left: 35px; } #left-menu ul li.current-menu-item, #left-menu ul li:hover { background: #fbfbfb; } #left-menu ul li a:focus, #left-menu ul li a:hover, #left-menu ul li:hover a { color: #32a5e7; } #left-menu ul .active a, #left-menu ul .active a:hover, #left-menu ul .active a:focus { color: #b3b3b3; text-decoration: none; } #left-menu ul li.current-menu-item a, #left-menu ul li.current-menu-parent a, #left-menu ul li.current_page_item a, #left-menu ul li.current-post-ancestor a { color: #32a5e7; text-decoration: none; } #category_mbx { background: #32a5e7; padding: 10px; } #category_mbx ul { color: #999; background: #fff; padding: 5px 15px; margin-bottom: 10px; text-transform: none; clear: both; font-size: 12px; } #category_mbx ul li { text-transform: none; clear: both; } #category_mbx a, #category_mbx a:visited { color: #999; } #article { width: 70%; min-height: 600px; position: relative; float: left; padding: 0; } #article .article-title, .related_about, #comment-title { padding: 18px; line-height: 35px; text-transform: none; clear: both; font-size: 19px; border-bottom: 1px solid #eeeeee; } #article.tags-jh, #article .loop { margin: 0 0 15px 0; background: #fff; position: relative; overflow: hidden; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; -webkit-box-shadow: 0 0px 5px rgba(188, 188, 188, 0.28); -moz-box-shadow: 0 0px 5px rgba(188, 188, 188, 0.28); box-shadow: 0 0px 5px rgba(188, 188, 188, 0.28); border: 1px solid #ebedf1; transform: translate3d(0, 0, 0); } #article .loop .content { padding: 15px 20px; overflow: hidden; } #article .loop .content-img { overflow: hidden; float: left; width: 170px; height: 128px; border: 1px solid #cacaca; } #article .loop .content-img img { width: 100%; min-height: 100%; align-self: center; object-fit: cover; height: 100%; } #article .loop .content-img:hover img { opacity: 0.8; filter: alpha(opacity=80); } #article .loop .content-img img, #article .loop .content-two-img img { transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; } #article .loop .content-img:hover img, #article .loop .content-two-img:hover img { transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; } #article .loop .content_body { display: block; margin-left: 180px; } #article .loop .content_body h2 { font-size: 18px; line-height: 170%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .content_body h2:after { position: absolute; background: #3690cf; top: 21px; left: 0px; width: 3px; height: 25px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); content: ''; } #article .loop .content_body:hover h2 a { color: #282828; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } .content_body .seacher-info, #article .loop .content_body p { font-size: 13px; color: #9a9898; margin-top: 8px; line-height: 180%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 46px; margin: 10px auto 0; } #article .loop .content_infor { color: #888; font-size: 12px; margin-top: 12px; line-height: 27px; overflow: hidden; } #article .loop .content_infor span.more { margin-right: 0; } #article .loop .content_infor a { color: #888; } #article .loop .content_infor span, #article .loop .content_infor .auther { margin-right: 10px; } #article .loop .content_infor a:hover { color: #32a5e7; } #article .loop .content_infor .avatar { width: 22px; border-radius: 15px; height: auto; margin-right: 10px; } #article .loop .more { margin-left: 10px; float: right; } #article .loop-two { margin-bottom: 40px; } #article .loop-two .content_body { margin-left: 0; padding: 20px; } #article .loop-two .content_body p { margin-bottom: 0; } #article .loop .content-two { width: 100%; height: 255px; margin: 0; overflow: hidden; } #article .loop .content-two img { width: 100%; height: auto; margin: 0; } #article .loop .content-two:hover img { opacity: 0.8; filter: alpha(opacity=80); } #article .loop .content-two a { height: 230px; display: block; } #article .loop .content_body mark { background-color: transparent; color: #cc0000; } .loop-new { background: url(images/new.png); position: absolute; width: 51px; height: 51px; right: 0px; top: 0px; z-index: 9; } .loop-top { background: url(images/top.png); position: absolute; width: 51px; height: 51px; right: 0px; top: 0px; z-index: 9; } .breadcrumb { position: relative; font-size: 12px; color: #555; padding: 10px 0; line-height: 1.5; } .breadcrumb a { font-size: 12px; } .breadcrumb .current, .breadcrumb small { color: #999999; } #wrap.single-one { width: 100%; float: left; } .single-one #article { width: 950px; } #wrap.single-one .authorinfo { } #page { text-align: center; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; } #page .page-numbers, #page .pages { margin: 0 2px 6px 2px; padding: 5px 12px; color: #5f5f5f; white-space: nowrap; display: inline-block; border-radius: 2px; background-color: #e6e6e6; } #page .page-numbers { } #page .pages { color: #999999; background-color: transparent; cursor: default; padding: 4px 12px; } #page a:hover { color: #fff; background: #32a5e7; } #page .current { color: #fff; background: #32a5e7; border: 1px solid #32a5e7; } #page_title { border-bottom: 1px solid #eeeeee; background-color: #ffffff; padding-bottom: 20px; margin-bottom: 20px; } #page_title h2 { line-height: 30px; font-size: 22px; color: #525252; } .author-head { } .author-head img { width: 24px; height: 24px; border-radius: 100%; margin-right: 10px; } .title .date, .title .post_icon { color: #bbb; font-size: 12px; margin-bottom: 15px; } .post_icon span { margin-right: 5px; } .title .date a, .title .post_icon a, .title .date a:visited { color: #bbb; } .title .date, .title .post_icon a:hover { text-decoration: underline; } #post { background: #fff; position: relative; margin-bottom: 20px; overflow: hidden; background-clip: padding-box; border: 1px solid #ebedf1; padding: 20px; transition-duration: 0.5s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); } #post .title { border-bottom: 1px solid #eeeeee; background-color: #ffffff; margin-bottom: 20px; } #post .title h1 { cursor: pointer; font-size: 23px; font-size: 1.8em; line-height: 1.4; margin-bottom: 15px; } #post .title h1:before { content: ' '; background-color: #32a5e7; width: 4px; height: 30px; position: absolute; top: 21px; left: 0; } #post .img { float: left; margin-right: 10px; } .post { font-size: 15px; line-height: 1.8; word-wrap: break-word; word-break: break-all; overflow: hidden; } .post p { margin: 15px 0; } .post p span { text-wrap: unset !important; } .post p img { max-width: 100%; margin: 15px auto auto auto; height: auto; display: block; } .post p img.ue-emoticon { display: inline-block; margin: 0 auto; } .post p img:hover { background-color: #fbfbfb; border-color: #32a5e7; } .post blockquote { line-height: 32px; padding: 10px 16px; margin: 10px 0; border: 1px solid #ddd; background: #f4f4f4; border-radius: 5px; } .post pre { padding: 12px; border: 1px dotted #555; font: 12px Verdana; width: 100% !important; color: black; text-shadow: 0 1px white; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; margin: 0.5em 0; overflow: auto; } .post strong { font-weight: bold; } .post em { font-style: italic; } .post a, .post a:visited { color: #32a5e7; text-decoration: none; } .post a:hover { color: #32a5e7; } .post code { padding: 3px; margin: 0 5px; border: 1px solid #ddd; background: #f4f4f4; } #authorarea { position: relative; background-color: #fafafa; border: 1px solid transparent; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #ebedf1; overflow: hidden; padding: 10px; } .post ol.list-paddingleft-2 { margin-left: 3.5em; } .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { text-indent: 0em !important; } .post h1, .post h2 { font-size: 18px; font-weight: bold; border-left: 4px solid #4693e9; margin: 10px 0px 15px 0px; padding: 10px 0 10px 20px; background: #f5f5f5; } .post h3 { font-size: 16px; border-left: 4px solid #ffae49; margin: 15px 00px 20px 00px; padding: 7px 0 6px 20px; color: #555; font-weight: bold; } .post h4 { font-size: 15px; border-left: 4px solid #02aabb; padding: 5px 0 6px 20px; margin: 10px 0px 15px 0px; } .post h5, .post h6 { font-size: 14px; margin: 10px 0px 12px 0px; padding: 3px 0 3px 20px; padding: 3px 0 3px 20px; border-left: 4px solid #bbbbbb; font-weight: initial; margin-bottom: 7px; } .post p.lvse { text-indent: 1em !important; color: #7da33c; background: #ecf2d6 url('images/wpgo_sc_notice.png') -1px -1px no-repeat; border: 1px solid #aac66d; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } .post p.hongse { text-indent: 1em !important; color: #c66; background: #ffecea url('images/wpgo_sc_error.png') -1px -1px no-repeat; border: 1px solid #ebb1b1; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } .post p.huangse { text-indent: 1em !important; color: #ad9948; background: #fff4b9 url('images/wpgo_sc_warn.png') -1px -1px no-repeat; border: 1px solid #eac946; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } .post p.huise { text-indent: 1em !important; color: #777; background: #eaeaea url('images/wpgo_sc_tips.png') -1px -1px no-repeat; border: 1px solid #ccc; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; } .post p.lanse { text-indent: 0em !important; font-size: 16px; font-weight: normal; color: #fff; margin: 10px 0; padding: 5px 10px; background-color: #169fe6; display: inline-block; } .post p.putong { text-indent: 1em !important; margin: 10px 0; padding: 10px 15px; background: #fff; border: 1px solid #e3e3e3; border-left: 3px solid #3dabce; } .post p.chunse { text-indent: 1em !important; font-family: 微软雅黑; padding: 15px 15px 15px 35px; margin: 20px 0px; border: 1px solid rgb(190, 31, 31); color: rgb(130, 11, 11); position: relative; font-size: 15px; line-height: 18px; white-space: normal; background: rgb(239, 206, 201); } .post p.cjlj a { padding: 8px 20px; text-align: center; transition: all 0.3s; background-color: #ff5f33; border-color: #ff5f33; background: linear-gradient(to right, rgb(255, 115, 92), rgb(243, 37, 103)); color: #f3ffff; display: block; font-weight: bold; line-height: 1.5; border-radius: 10px; margin-top: 15px; } .post table { width: 100% !important; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #eee; margin: auto; margin-bottom: 15px; overflow: auto; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; display: block; } .post table tr th { border: 1px solid #eee; } .post table thead, .post table tfoot { background: #f5f5f5; } .post table thead tr th, .post table tfoot tr th, .post table tbody tr td, .post table tr td, .post table tfoot tr td { line-height: 18px; text-align: left; border: 1px solid #eee; } .post table thead tr th, .post table tfoot tr td { padding: 10px; color: #444; } .post table thead tr th:first-child, .post table tfoot tr td:first-child { border-left: none; } .post table thead tr th:last-child, .post table tfoot tr td:last-child { border-right: none; } .post table tbody tr.even, .post table tbody tr.alt { background: #f8f8f8; } .post table tbody tr:nth-child(even) { background: #f8f8f8; } .post table tbody tr td { padding: 9px 10px; } .post p video#video { width: 100%; height: 100%; background: #000; } .post pre.prism-line-numbers { border-left: 6px solid #737f99; } .post ol.list-paddingleft-2 { margin-left: 3.5em; } .post ol.list-paddingleft-2 li { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: inherit; } .post ol.list-paddingleft-2 li p { overflow: visible; text-indent: 0; margin: 5px 0 8px; } .post ul.list-paddingleft-2 { margin-left: 2.5em; padding: 5px 0; } .post ul.list-paddingleft-2 p { margin: 5px 0 8px; } .post ol.list-paddingleft-2 li p { overflow: visible; text-indent: 0; margin: 5px 0 8px; text-indent: initial !important; } .post ul, .post ol { width: auto !important; margin: 0 0 0 3.5em; padding: 0; } .post ul.list-paddingleft-2, .post ol.list-paddingleft-2 { margin-left: 3.5em; list-style-position: outside; padding: 0; } .post ul li, .post ol li { margin: 0 auto; text-indent: 0; list-style: disc; list-style-type: inherit; } .post ul p, .post ul.list-paddingleft-2 p, .post ol.list-paddingleft-2 li p { overflow: visible; text-indent: 0; margin: 3px 0; } .post ul p, .post ol p { text-indent: 0; margin: 0 auto; } .post strong { font-weight: bold; word-wrap: break-word; } ul.list-paddingleft-1 li { list-style-type: disc; } #authorarea .author-avater { float: left; } #authorarea .author-avater img { border: 1px solid #ddd; position: relative; width: 50px; border-radius: 100%; } .authorinfo { display: inline-block; } .author-des { margin-left: 65px; } .author-des .author-description { font-size: 12px; color: #929292; line-height: 1.7; margin-top: 10px; } .post-author-tatus a { color: #929292; } .post-author-name { font-size: 15px; margin-right: 25px; } .post-author-description { color: #555; margin-top: 10px; } .author-btn { float: right; margin-top: 15px; } .post-author-url a, .post-author-weibo a { font-size: 12px; text-decoration: none; padding: 1px 8px; white-space: nowrap; margin-left: 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border-style: solid; border-width: 1px; } .post-author-url a { border-color: #ec1464; color: #ec1464; } .post-author-url a:hover { background-color: #ec1464; color: #fff; } .post-author-weibo a { border-color: #32a5e7; color: #32a5e7; } .post-author-weibo a:hover { background-color: #32a5e7; color: #fff; } .post-nav { overflow: hidden; font-size: 15px; color: #bbb; background-color: #f8f8fd; border-top: #f2f2f2 solid 1px; border-bottom: #f2f2f2 solid 1px; background: #f3f3f3; border-radius: 4px; margin-left: -20px; margin-right: -20px; } .post-nav span { float: left; position: relative; max-width: 45%; padding: 15px 0; display: block; } .post-nav span i { position: absolute; top: 3px; font-size: 30px; right: 25px; } .post-nav .post-nav-prev { padding-left: 45px; padding-right: 15px; } .post-nav .post-nav-next { padding-right: 45px; } .post-nav .post-nav-prev i { left: 20px; right: inherit; } .post-nav span a { font-size: 14px; display: inline-block; line-height: 1.5; } .post-nav .post-nav-next { float: right; text-align: right; } .post-statement { font-size: 15px; color: #999; margin: 20px 0; padding: 10px; background: #f5f5f5; text-align: center; } .post-statement p { line-height: 180%; } .post-statement p a { color: #4693e9; margin: 0 3px; } .post-tags { font-size: 15px; color: #999; margin: 20px 0; padding: 10px 0 0 0; } .post-tags a { color: #999; margin: 0 4px 12px; background-color: #e8e8e8; border-radius: 2px; box-shadow: none; padding: 2px 8px 4px; display: inline-block; font-size: 13px; } #post .zxk { width: 100px; height: 30px; color: #fff; margin: 20px 20px 10px 0; padding-left: 20px; background: url(images/video.png) no-repeat #32a5e7; } #post .zxk a, #post .zxk a:visited { color: #fff; line-height: 30px; font-size: 16px; text-decoration: none; padding-left: 15px; display: block; } #post .zxk a:hover, #post .download a:hover { color: #0b0b0b; line-height: 30px; font-size: 16px; text-decoration: none; padding-left: 15px; display: block; } #post .download a, #post .download a:visited { color: #fff; line-height: 30px; font-size: 16px; text-decoration: none; padding-left: 15px; display: block; } #post .download { width: 100px; height: 30px; color: #fff; padding-left: 20px; background: url(images/download.png) no-repeat #32a5e7; } .cbtns { margin: 0 15px 0 0; } .c_zxk { color: #666 !important; background-color: #fbfbfb; border: 1px solid #bbb; padding: 3px 8px; } .c_zxk:hover { color: #32a5e7 !important; background-color: #fbfbfb; border: 1px solid #32a5e7; padding: 3px 8px; } #article-index { -moz-border-radius: 6px 6px 6px 6px; border: 1px solid #dedfe1; float: right; position: relative; margin: 15px 0 15px 15px; padding: 0 6px; max-width: 15%; line-height: 23px; font-size: 12px; z-index: 900; } #article-index strong { border-bottom: 1px dashed #dddddd; display: block; line-height: 30px; padding: 0 4px; } #index-ul { margin: 0; padding-bottom: 10px; } #index-ul li { background: none repeat scroll 0 0 transparent; list-style-type: none; padding: 0; text-align: center; } #show-index { cursor: pointer; margin-left: 8px; margin-right: 8px; } .main-left { float: left; width: 18%; position: relative; } /*加载框*/ #zbp_ajax_loading_frame { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: #4c4c4c; opacity: 0.1; filter: alpha(opacity=10); } #zbp_ajax_loading { display: table-cell; left: 0; top: 0; z-index: 9999999; position: fixed; width: 100%; height: 100%; } #zbp_ajax_loading div { left: 49%; top: 49%; position: absolute; width: 30px; height: 30px; background: url('images/zbp_loading.gif') 50% 50% no-repeat; } /*侧栏模块*/ .divSearchPanel input[type='text'] { width: 85%; background-color: #fff; height: 36px; line-height: 36px; color: #a5a5a5; -webkit-transition: all 50s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-indent: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; } .divSearchPanel input.an, .divSearchPanel input[type='submit'] { width: 20px; height: 20px; cursor: pointer; background: transparent url(images/search_icon.gif) no-repeat; position: relative; right: 30px; top: 0px; text-indent: -999px; } .sidebox ul li.zzwx { padding: 0px; text-align: center; } .divSearchPanel form { width: 110%; text-align: center; } ul.sidebar_content.divSearchPanel { padding: 5px 0; } #sidebar-left-xf { width: 100%; float: left; position: relative; z-index: 2; } #left-menu { overflow: hidden; } .sideleft-author { overflow: hidden; margin-bottom: 15px; background: #fff; border: 1px solid #eee; vertical-align: top; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); transform: translate3d(0, 0, 0); } .widget_post_author { font-size: 12px; } .author_info { text-align: center; } .widget_avatar { position: relative; height: 100px; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 54px; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a.widget_avatar { display: block; position: absolute; top: 54px; left: 50%; margin-left: -46px; padding: 6px; background-color: transparent; border-radius: 100%; } a.widget_avatar img { width: 68px; height: 68px; border-radius: 100%; } .weiyu_main i.weiyu-author, a.widget_avatar i.author1 { background-position: -50px -0px; } a.widget_avatar img:hover { opacity: 1; -ms-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } i.weiyu-author, i.author-ident { display: inline-block; background-image: url(images/avatar_img.png); background-repeat: no-repeat; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); vertical-align: -2px; background-position: -50px -25px; position: absolute; bottom: 25px; right: 8px; } .widget-cover { position: absolute; left: 45%; z-index: 29; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background-size: cover; width: 100%; height: 100%; top: -10%; } .widget-cover.vip0 { background-image: url(https://vip.storage.weibo.com/avatargj_img/gj_vip_5028_cover.png); top: -15%; width: 115%; } .widget-cover.vip1 { background-image: url(https://h5.sinaimg.cn/upload/108/914/2019/03/14/gj_vip_319.png); } .widget-cover.vip2 { background-image: url(https://h5.sinaimg.cn/upload/2016/12/27/550/caiyun1.png); } .widget-cover.vip3 { background-image: url(https://vip.storage.weibo.com/avatargj_img/gj_vip_5060_cover.png); width: 125%; } .widget-cover.vip4 { background-image: url(https://h5.sinaimg.cn/upload/2016/12/27/550/gj_vip_011.png); } .author-social { text-align: center; padding: 10px 0 20px; position: relative; } .author-social span { display: inline-block; margin: 0 10px; border-radius: 2px; } .author-social span:hover { background: #363e49; } span.author-weixin { background-color: #4caf50; } span.author-diy a em, span.author-weixin a em { position: absolute; z-index: 99; bottom: 62px; left: 0; margin-left: 16px; width: 100px; height: 100px; background-color: #fff; -webkit-background-size: 95% auto; background-size: 95% auto; background-position: center center; background-repeat: no-repeat; border: 1px solid #dddddd; display: none; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s; transition: all 0.2s ease-out 0.1s; } span.author-diy a em { right: 0; margin-right: 26px; margin-left: inherit; left: inherit; } span.author-diy a em:after, span.author-weixin a em:after { position: absolute; bottom: -16px; left: 50%; width: 0; height: 0; margin-left: -8px; line-height: 0; border: 8px solid transparent; border-top: 8px solid #dddddd; content: ''; } span.author-diy a:hover em, span.author-weixin a:hover em { display: block; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s; transition: all 0.2s ease-out 0.1s; } span.author-qq { background-color: #ff5e5c; } span.author-diy { background-color: #3690cf; } .author-social span a { padding: 6px 20px; font-size: 16px; color: #fff; display: inline-block; } .author_info h3 { text-align: center; margin-bottom: 8px; font-size: 20px; line-height: 26px; margin-top: -10px; } span.admin_field { background-color: #ffa600; color: #fff; font-size: 12px; vertical-align: middle; margin-left: 6px; padding: 4px 6px; line-height: 24px; border-radius: 2px; } .author_info p { padding: 0 20px; font-weight: 500; text-align: justify; margin-bottom: 18px; } .author_count { background-color: #fff; border-top: 1px #efefef solid; } .author_count ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; text-align: center; } .author_count ul li { float: left; width: 50%; border-right: 1px #efefef solid; padding: 8px 0; font-weight: 300; } .author_count ul li:last-child { border-right: 1px solid transparent; } .author_count ul li span { display: block; font-size: 14px; color: #999; } .author_count ul li strong { font-weight: bold; } #article.nowzcl { width: 100%; } #sidebar-right.nowzcl { display: none; } #article.nowzcl img.thumbnail { height: 160px; } #divCatalog h2 { padding-left: 35px; } #divCatalog ul { padding: 0px; } #divCatalog { margin-bottom: 0px; border: 1px solid transparent; border-top: 1px solid #dcdcdc; } #divCatalog ul li { position: relative; border-bottom: 1px solid #f4f4f4; text-align: left; text-indent: 2em; padding: 10px 0; } #divCatalog ul li:last-child { border-bottom: 1px solid #f4f4f400; } #divCatalog ul li:hover { background: #fbfbfb; } ul.divCatalog { padding: 0; } #divCatalog ul li:hover a { color: #32a5e7; } #divPrevious ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #sidebar-left { float: left; width: 185px; position: relative; z-index: 99; } .sidebox div, .sidebox ul { padding: 10px; } .sidebox div > div { padding: 0; } .sidebox ul.sidebar-social { margin: 0 auto; width: 100%; text-align: -moz-center; text-align: center; margin-top: 10px; padding: 0; } .sidebar-social-icon { margin-bottom: 25px; position: relative; clear: both; } .sidebar-social-icons { display: inline-block; padding-right: 1%; padding-left: 1%; } .sidebar-social-icon .weixin { height: auto; width: 100%; } .sidebar-social-icons a { display: inline-block; width: 38px; height: 39px; } .sidebar-social-icons .weibo, .sidebar-social-icons .qq, .sidebar-social-icons .rss, .sidebar-social-icons .email { background: url(images/social.png) no-repeat; } .sidebar-social-icons .weibo { background-position: 0 0; } .sidebar-social-icons .qq { background-position: -44px 0; } .sidebar-social-icons .rss { background-position: -88px 0; } .sidebar-social-icons .email { background-position: -132px 0; } .widget-container { overflow: hidden; } .widget-container li { border-bottom: 1px solid #f7f7f7; font-size: 12px; line-height: 20px; overflow: hidden; padding: 10px 15px; } .widget-container li p { margin-left: 20px; } .widget-container span { width: 20px; height: 20px; float: left; color: #f66; } .widget-container li a { color: #32a5e7; } #sidebar-right { width: 28.5%; float: right; position: relative; } .widget-title, .sidebox h3 { padding: 10px 15px; text-transform: none; font-size: 16px; border-bottom: 1px solid #ebedf1; position: relative; } section.tags h3:before, .sidebox h3:before { content: ' '; background-color: #32a5e7; width: 4px; height: 18px; position: absolute; top: 14px; left: 0; } .sidebox, .widget { margin-bottom: 15px; border-radius: 3px; background: #fff; border: 1px solid #dcdcdc; position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); } .sidebox:last-child, .widget:last-child { margin-bottom: 0px; } .sidebox.widget_vfilm_tab { border-top: 1px solid transparent; border-color: #ebedf1; } .sidebox ul, .textwidget { padding: 0px; padding-bottom: 10px; } h3.sx-title:before { width: 0; } #wangzhanfenlei ul { padding: 0; } #wangzhanfenlei ul li { list-style: none; position: relative; border-bottom: 1px solid #f4f4f4; height: 60px; display: block; float: left; width: 100%; padding: 0px; } #wangzhanfenlei ul li a { font-size: 16px; line-height: 60px; display: block; height: 60px; text-transform: none; color: #666; padding-left: 35px; } /*listree-ol*/ .listree-box { display: none; } #listree-ol { padding: 20px 15px 20px 20px; position: relative; margin: 10px auto; } ul#listree-ol:before, ul#listree-ol:after { position: absolute; left: 15px; width: 11px; height: 11px; border: 2px solid #32a5e7; background: #ffffff; border-radius: 15px; content: ''; transition: 0.15s; bottom: auto; top: 9px; } ul#listree-ol:after { bottom: 9px; top: auto; } #listree-ol li { padding: 0px 0; line-height: 28px; text-align: justify; border-left: 1px solid rgb(243, 243, 243); padding-left: 10px; position: relative; } #listree-ol li:before { position: absolute; bottom: 2px; left: -6px; width: 11px; height: 11px; border-radius: 15px; content: ''; transition: 0.15s; top: 24px; transform: translateY(-50%); border: 3px solid #ffffff; background: #cbcbcb; border-width: 3px; } #listree-ol li a { display: block; border-radius: 4px; padding: 10px 0 0 0; } #listree-ol li.current a { color: #32a5e7; } #listree-ol li:last-child a { padding: 10px 0; } #listree-ol ol { margin: 0 auto !important; } #listree-ol ol li { padding-left: 25px; } /*tgsjh*/ #article.tags-jh { min-height: 100%; margin-bottom: 0; } section.tags h3 { padding: 10px 15px; text-transform: none; font-size: 16px; border-bottom: 1px solid #ebedf1; position: relative; } #article.tags-jh .post { padding: 15px 30px 10px 30px; border-bottom: 1px solid #ddd; } ul.tag_could { overflow: hidden; margin: 20px 15px 5px 15px; } ul.tag_could li { float: left; height: 40px; line-height: 40px; text-align: left; vertical-align: top; width: 20%; margin-bottom: 15px; } ul.tag_could li a { vertical-align: middle; border: 1px solid #dcdcdc; border-radius: 4px; height: 35px; padding: 0 5px; line-height: 34px; margin: 0 10px; text-align: center; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } ul.tag_could li a:hover { background: #dcdcdc; color: #c00; } ul.tag_could li em { font-weight: bold; } /*side_con*/ #side_con ul { padding: 0; } #side_con li { overflow: hidden; padding: 0px 15px; line-height: 40px; height: 40px; border-bottom: 1px #ddd solid; color: #999; position: relative; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } #side_con li:hover { background-color: #f5f5f5; } #side_con li a { height: auto; display: block; line-height: 20px; } #side_con li .hotcom-img { padding: 0; display: none; width: 100px; height: 75px; float: left; margin-right: 10px; overflow: hidden; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #side_con li img { width: 100px; height: 75px; } #side_con li .hotcom-left { overflow: hidden; margin-left: 0; text-align: justify; padding: 0; } .hot-com-title { display: block; height: 39px; line-height: 39px; font-size: 14px; word-wrap: break-word; color: #555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hot-com-clock { color: #9a9a9a; font-size: 13px; font-size: 0.95em; line-height: 27px; text-align: right; } .hot-com-info { color: #9a9a9a; font-size: 14px; line-height: 27px; } #side_con li:last-child { border-bottom: 1px solid transparent; } #side_con li.on { padding: 10px 15px; height: 98px; } #side_con li.on .hotcom-img { display: block; } #side_con li.on .hot-com-title { height: 50px; line-height: 175%; white-space: normal; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #side_con li.on .hot-com-title span { position: absolute; left: 15px; } /*#shangxi*/ #shangxi { overflow: initial; } #shangxi:before { content: ''; display: table; clear: both; border: 0px transparent solid; } h3.sx-title { display: inline-block; padding: 4px 15px; color: #ffffff; font-size: 14px; font-weight: normal; background-color: #3690cf; } h3.sx-title i.fa { height: auto; font-size: 1.1em; text-align: center; line-height: 1.3; color: #fff; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; margin-right: 6px; } .sidebox ul li { list-style: none; padding: 6px 6px 15px 6px; text-align: center; } li.shangxi span.sx-tm { display: block; font-size: 20px; font-weight: normal; line-height: 35px; color: #333333; } li.shangxi span.sx-tm:before { content: '『'; padding-right: 3px; } li.shangxi span.sx-tm:after { content: '』'; padding-left: 3px; } li.shangxi span.sx-zz { color: #3690cf; } li.shangxi em { margin: 0 6px 0 5px; } li.shangxi p { margin-top: 8px; } li.shangxi p.plus { color: #c11e22; font-weight: 500; } /*tab切换*/ #side_tabrmtj .side_tabrmtj { padding: 0; } #side_tabrmtj .side_tabrmtj #con_title { margin: 0 auto; padding: 0; } #tab { padding: 0; border-bottom: none; background: #f5f5f5; } #tab li { box-sizing: border-box; display: block; background-image: none; background-color: #f5f5f5; float: left; padding-left: 0px; height: 40px; line-height: 40px; cursor: pointer; width: 50%; text-align: center; border-bottom: 1px solid #ddd; font-size: 16px; padding: 0; } #tab li:last-child { border-left: 1px solid #ddd; } #tab li.tabhover { background-color: #fff; border-bottom: 1px solid #fff; } #con_one ul { padding: 5px; border-bottom: 0px solid #e1e1e1; overflow: hidden; } #con_one li { width: 100%; line-height: 36px; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px dotted #cbcbcb; text-align: left; padding: 0; } li#con_one { padding: 6px 6px 0px 6px; } #con_one li:last-child { border-bottom: 0; margin-bottom: -2px; } /*#con_one a:hover {margin-left:8px;} */ #con_one li:hover { padding: 0 0 0 5px; border-radius: 4px; } .hot-com-title span, .li-icon { background: #999; font-size: 12px; color: #fff; line-height: 180%; margin: 0 8px 0 0; padding: 0 5px 1px; border-radius: 2px; } span.num1, .li-icon-1 { background: #c00; } span.num2, .li-icon-2 { background: #ef8f31; } span.num3, .li-icon-3 { background: #6bd139; } /*网站项目*/ #divproject ul { width: 100%; overflow: hidden; font-size: 12px; text-align: center; background-color: #fff; padding: 0; border-top: 0px solid #eeeeee; margin-right: -10px; } #divproject ul li.divproject-ebox { position: relative; float: left; width: 50%; padding: 10px 10px 20px; background-color: #fff; color: #777; border-bottom: 1px dashed #ddd; } #divproject ul li.divproject-ebox:hover { background-color: #f9f9f9; } .divproject-01, .divproject-03 { border-right: 1px dashed #ddd; } #divproject ul li.divproject-100 { width: 100%; border-bottom: 1px dashed transparent; padding: 10px 0px 20px 0px; } #divproject ul li h4 { font-size: 18px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 5px; } #divproject ul li p { height: 30px; overflow: hidden; color: #bbb; margin: 0 0 5px; } #divproject ul li a.btn { display: inline; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; font-size: 12px; line-height: 1.5; border-radius: 2px; padding: 5px 12px; border-color: #ddd; color: #666; } #divproject ul li a:hover { color: #fff; } /*页脚*/ .pagination { margin: 20px auto 0; text-align: left; font-size: 12px; display: block; overflow: hidden; } .pagination ul { float: left; } #loadmore { float: right; } a#post_over { font-size: 14px; padding: 8px 20px; background-color: #fff; display: block; border-radius: 2px; color: #666; border: 1px solid #ddd; } a#post_over:hover, a#post_over.disabled { background: #3690cf; color: #fff; } .index-page .pagination { margin-bottom: 20px; } .pagination ul li { display: inline; } .pagination ul li a { margin: 3px 5px 3px 0; float: left; padding: 7px 14px; background-color: #fff; border: 1px solid #ddd; font-size: 12px; color: #666; border-radius: 2px; } .pagination ul li:hover a { color: #ffffff; background-color: rgb(54, 144, 207); border: 1px solid #3690cf; } .pagination ul li.active span { color: #ffffff; background-color: rgb(54, 144, 207); border: 1px solid #3690cf; } .pagination ul li span { background-color: #ffffff; cursor: default; margin: 3px 5px 3px 0; float: left; padding: 7px 14px; border: 1px solid #ddd; font-size: 12px; color: #666; } #divLinkage ul { padding: 5px; } #divLinkage ul li { width: 50%; float: left; padding: 5px 10px; text-align: left; line-height: 26px; } #divLinkage ul li img { width: 16px; height: 16px; position: relative; top: -1px; margin-right: 2px; } /*自定义模块*/ .w_comment li a.comment_r p { line-height: 15px; color: #555; margin-bottom: 5px; } .w_comment li a.comment_r p.comment_author { color: #b5b5b5; } .w_comment li a.comment_r { color: #38485a; position: relative; margin-left: 43px; } .w_comment li a { display: block; } #tab-title { width: 100%; overflow: hidden; margin-bottom: 5px; color: #282828; background-color: #f5f5f5; } #tab-title div { font-size: 16px; width: 50%; line-height: 50px; float: left; height: 50px; text-align: center; color: #808080; cursor: pointer; } #tab-title div.on { color: #32a5e7; background-color: #fff; } #tab-content .investment_con_list { display: none; } #tab-content ul li { line-height: 25px; } .w_comment li { padding: 10px; border-bottom: solid 1px #f0f0f0; line-height: 20px; margin-bottom: 0px; overflow: hidden; } #tab-content ul { position: relative; padding-bottom: 20px; overflow: hidden; } #tab-content ul li { float: left; width: 100%; display: block; position: relative; } #tab-content ul li:before { position: absolute; content: ''; left: 0.1rem; top: 0; bottom: 0; width: 0.1rem; background-color: #efefef; } #tab-content ul li a { display: block; } #tab-content ul li a:hover, .w_comment li a:hover { color: #282828; } #tab-content ul li i { position: absolute; left: -1px; top: 9px; width: 7px; height: 7px; background-color: #32a5e7; border-radius: 50%; -webkit-transition: all 0.2s; transition: all 0.2s; } #tab-content ul li:hover i { width: 11px; height: 11px; background-color: #32a5e7; left: -3px; top: 7px; } #tab-content ul li .tab_post_title { display: block; padding: 0 0 20px 15px; position: relative; font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebox ul.hotpost { padding: 18px; } .hotpost li { clear: both; margin: 0 0 20px 0; border-bottom: 1px solid #eee; padding-bottom: 10px; } .hotpost li a { overflow: hidden; position: relative; display: block; } .hotpost li img { width: 75px; height: 60px; float: left; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .hotpost li .hotpost-left { margin-left: 85px; overflow: hidden; } .hotpost .hot-post-title { display: block; line-height: normal; word-wrap: break-word; overflow: hidden; color: #555; } .hotpost .hot-post-info { color: #9a9a9a; font-size: 12px; line-height: 27px; margin-right: 8px; } .w-readers { overflow: hidden; padding: 10px; } .w-readers li { float: left; margin: 0 10px 10px 0; } .w-readers li a { display: inline; } #sidebar-left .w-readers ul li { width: 42px; height: 42px; border-radius: 10px; } #sidebar-left .w-readers img.avatar { width: 42px; height: 42px; border-radius: 10px; } .w-readers img.avatar { width: 47px; height: auto; border-radius: 10px; } .w-readers img.avatar:hover { opacity: 0.5; } .w_comment img { float: left; margin: 0 8px 0 0; border-radius: 50%; padding: 1px; border: 1px solid #e6e7e8; } .widge_tags { margin: 15px; } .widge_tags a { color: #888; padding: 3px 10px; font-family: inherit; display: inline-block !important; margin: 0 5px 5px 0; list-style: none; background-color: #f5f5f5; } .widge_tags a:hover { background-color: #32a5e7; color: #fff; } .list_bookmarks { padding: 10px; display: block; overflow: hidden; } .list_bookmarks li { line-height: 28px; text-align: -moz-center; text-align: center; width: 50%; white-space: nowrap; overflow: hidden; margin: 5px 0; text-overflow: ellipsis; float: left; } .widget_vfilm_recommend ul { padding: 14px; } /*liuyan*/ #divComments ul { margin-top: -10px; padding: 10px; } #divComments ul li { position: relative; width: 100%; height: 70px; overflow: hidden; padding: 10px 00px 65px 60px; border: 0; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-image: none; } #divComments ul li:last-child { border-bottom: 1px solid transparent; margin-bottom: -15px; } #divComments ul li .zb_avatar { position: absolute; left: 0px; top: 12px; width: 50px; height: 50px; } #divComments ul li img { width: 50px; height: 50px; border-radius: 2px; margin: 0; padding: 0; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform.4s ease-out; transition: transform.4s ease-out; -moz-transition: -moz-transform.4s ease-out; border: 1px solid #dfdfdf; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; } #divComments ul li p { text-align: left; line-height: 30px; height: 30px; font-size: 14px; display: block; margin: 0 0 3px 0; padding: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #divComments ul li small { text-align: left; line-height: 20px; height: 20px; overflow: hidden; font-size: 11px; color: #999; display: block; border: 0; margin: 0; padding: 0; } #divComments ul li small i.fa { padding-right: 3px; } span.avatar_lf { display: inline-block; max-width: 55%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #divComments ul li p a img { width: 22px; height: 22px; border-radius: 0; position: relative; top: 5px; } ul.divStatistics li, ul.authors li { display: inline-block; width: 49%; } /*最新文章替换*/ #divPrevious ul { padding: 10px; margin-top: -10px; } #divPrevious ul li { text-align: left; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; width: 99%; padding: 0; border-bottom: 1px dotted #cbcbcb; } #divPrevious ul li:last-child { border-bottom: 1px dotted transparent; margin-bottom: -15px; } #divPrevious ul li:last-child { border-bottom: 1px dotted transparent; } #divPrevious ul li a { width: 100%; display: block; padding: 9px 0 12px 3px; } li.clr:hover a { margin-left: 6px; } #divPrevious ul li .time { float: left; width: 72px; height: 36px; line-height: 36px; text-align: center; color: #616161; font-size: 9pt; background: #f2f2f2; font-family: arial; padding: 0; } #divPrevious ul li .title { height: 36px; line-height: 18px; overflow: hidden; font-size: 14px; color: #3f3f3f; padding: 0; padding-left: 9pt; white-space: normal; } #divPrevious ul li span.r { font-size: 22px; width: 30px; margin-right: 2px; text-align: right; } #divPrevious ul li span.y { font-size: 9pt; margin-left: 5px; position: relative; bottom: 1px; } /**/ #divCalendar table { width: 100%; text-align: center; } #divCalendar caption { padding: 5px 0 15px; font-size: 15px; text-align: center; } #divCalendar table thead th { padding: 5px 3px; border: 1px solid #eee; background-color: #fbfbfb; text-align: center; } #divCalendar table tbody td { padding: 5px 3px; border: 1px solid #eee; background-color: #fbfbfb; text-align: center; } #divCalendar table tbody td a { display: block; margin: 0 3px; background-color: #22aeec; color: #fff; } /*动态标签*/ ul.divTags, ul.hottags { margin-top: 4px; padding: 4px; line-height: 24px; } #divTags ul li a, #hottags ul li a { height: auto; text-align: center; padding: 0 5px; border: 1px solid #ccc; background: #fafafa; border-radius: 2px; font-size: 12px; transition: background 0.2s; -moz-transition: background 0.2s; -webkit-transition: background 0.2s; -o-transition: background 0.2s; table-layout: fixed; word-break: break-all; float: left; width: 31.3333%; margin: 0 1% 8px 1%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*#divTags ul li,#hottags ul li {width:auto;white-space:nowrap;display:inline-block;padding:0;margin-right:6px;margin-bottom:10px;background:#F8F8F8;} */ #divTags ul li.divTags0 a, #hottags ul li.divTags0 a { color: #003366; opacity: 0.9; } #divTags ul li.divTags1 a, #hottags ul li.divTags4 a { color: #993300; opacity: 0.9; } #divTags ul li.divTags2 a, #hottags ul li.divTags2 a { color: #05792d; opacity: 0.9; } #divTags ul li.divTags3 a, #hottags ul li.divTags3 a { color: #16929d; opacity: 0.9; } #divTags ul li.divTags4 a, #hottags ul li.divTags4 a { color: #cc0000; opacity: 0.9; } #divTags ul li.divTags5 a, #hottags ul li.divTags5 a { color: #0b0b0b; opacity: 0.9; } #divTags ul li.divTags6 a, #hottags ul li.divTags6 a { color: #b433ff; opacity: 0.9; } #divTags ul li.divTags7 a, #hottags ul li.divTags7 a { color: #b37333; opacity: 0.9; } #divTags ul li.divTags8 a, #hottags ul li.divTags8 a { color: #567e95; opacity: 0.9; } #divTags ul li.divTags9 a, #hottags ul li.divTags9 a { color: #428bca; opacity: 0.9; } #divTags ul li.divTags10 a, #hottags ul li.divTags10 a { color: #33b0ca; opacity: 0.9; } #divTags ul li.divTags0 a:hover, #hottags ul li.divTags0 a:hover { background-color: #003366; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags1 a:hover, #hottags ul li.divTags1 a:hover { background-color: #993300; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags2 a:hover, #hottags ul li.divTags2 a:hover { background-color: #05792d; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags3 a:hover, #hottags ul li.divTags3 a:hover { background-color: #16929d; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags4 a:hover, #hottags ul li.divTags4 a:hover { background-color: #cc0000; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags5 a:hover, #hottags ul li.divTags5 a:hover { background-color: #0b0b0b; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags6 a:hover, #hottags ul li.divTags6 a:hover { background-color: #b433ff; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags7 a:hover, #hottags ul li.divTags7 a:hover { background-color: #b37333; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags8 a:hover, #hottags ul li.divTags8 a:hover { background-color: #567e95; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags9 a:hover, #hottags ul li.divTags9 a:hover { background-color: #428bca; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li.divTags10 a:hover, #hottags ul li.divTags10 a:hover { background-color: #33b0ca; text-decoration: none; color: #fff; text-decoration: none; } #divTags ul li a:hover, #hottags ul li a:hover { border: 1px solid transparent; } #divTags ul.divTags, #hottags ul.hottags { margin: 4px 0px -5px 0px; } ul.divTags li { width: auto; line-height: 30px; position: relative; padding: 0; } /*--评论 --*/ #comments h3, #comments h4 { line-height: 2; padding-bottom: 5px; margin: 10px 0 15px; border-bottom: 1px solid #e2e2e2; color: #4693e9; font-weight: 400; font-size: 1.15em; width: 99%; } #comments .comment-tab { line-height: 25px; border-bottom: 1px solid #ddd; padding: 5px 0 5px 5px; } .come-comt { color: #333; } .come-comt i.fa { margin-right: 5px; font-size: 18px; font-size: 1.2em; } .comment-text-center { cursor: pointer; text-align: center; margin: 18px 0; font-size: 16px; font-size: 1.15em; color: #338a9c; font-weight: 500; } .comment-text-center i.fa { position: relative; font-size: 1.2em; top: 1px; } #comments span.come-comt { font-weight: 700; font-size: 16px; color: #888; } span.come-comt i.fa { font-size: 1.3em; } #comments span#comment_count { font-weight: normal; font-size: 14px; color: #666; float: none !important; } #comments h5 { margin: 8px; } #comments h4 span { margin-right: 8px; } #comments h4 span.jubao { float: right; margin-right: 0; } #comments h4 span.jubao small { color: #338a9c; } #comments h4 span.jubao small:hover { color: #f05a28; } .comt-box { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; text-align: center; } .show-comments { width: 69%; float: left; overflow: hidden; } .show-sidebar { width: 30%; float: right; margin-top: 10px; } #frmSumbit #inpName, #frmSumbit #inpEmail, #frmSumbit #inpHomePage, #frmSumbit #inpVerify { border: 1px solid #eee; padding-left: 10px; width: 95.55%; height: 44px; line-height: 44px; color: #333; background: #ffffff; margin-bottom: 0px; } .form-name { margin-right: 10px; } .form-email { margin-right: 10px; } .form-group { margin-bottom: 15px; margin-top: 8px; } .liuyan { float: left; width: 32%; position: relative; } #frmSumbit .input-inpVerify #inpVerify { height: 30px; line-height: 30px; width: 96.4%; padding-left: 10px; } .form-inpVerify { float: left; width: 33%; position: relative; min-height: 1px; padding-right: 15px; } .commentpost .input-group-addon { border-left: 1px solid #eee; position: absolute; right: -1px; top: 1px; height: 32px; padding: 0; font-weight: 400; line-height: 1; color: #555; text-align: center; vertical-align: middle; } .input-inpVerify { position: relative; display: inherit; border-collapse: separate; } .input-group-addon img { height: 100%; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .commentpost label { height: auto; overflow: hidden; clear: left; float: left; line-height: 15px; border-color: #ccc; border-style: solid; border-width: 1px 0 1px 1px; margin: 0; padding: 6px 10px; } #frmSumbit p { padding: 0; margin: 10px 0; line-height: 30px; } #frmSumbit .button { color: #ffffff; background-color: #3690cf; height: 30px; width: 88px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-radius: 4px; } #frmSumbit .button:hover { background-color: #57bdf7; cursor: pointer; } .msg .msgimg img { clear: left; float: left; margin-right: 10px; padding: 2px; height: 60px; width: 60px; border: 1px solid #ddd; background-color: #f1f1f1; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; } .msgarticle img { margin-top: 2px; padding: 0 2px; } #comments .msg { font-size: 12px; line-height: 22px; border: 1px solid #ddd; padding: 10px; margin-top: 18px; margin-bottom: 10px; border-radius: 5px; } #comments .msg:hover { background: #fbfbfb; border: 1px dotted #bbb; } #comments .msg .msgarticle img { margin-top: 0; position: relative; top: 4px; } #cancel-reply small { margin: 0 10px; color: #ff6f3d; font-weight: 500; } #comments .msg .msgname { color: #999999; padding-top: 2px; } #comments .msg .msgarticle { color: #666; padding-top: 5px; padding-bottom: 3px; min-height: 30px; line-height: 30px; margin-left: 70px; word-wrap: break-word; word-break: break-all; overflow: hidden; } #comments .msg .msgarticle strong { font-weight: bold; } #comments .msg .msgarticle .msg { margin-top: 10px; margin-bottom: 5px; padding-top: 10px; padding-left: 12px; border-bottom: none; border-top: none; border: 1px solid #e0dddd; border-radius: 5px; box-shadow: 0 0px 0px transparent; } .msg .msgarticle .msg .msgname .dot { display: none; } a.comment_at { padding: 2px 5px 3px 5px; border: 1px solid #ddd; border-radius: 4px; color: #f35532; font-weight: bold; margin-right: 5px; } #logo404 { background-color: #ffffff; background-image: url(../include/logo.png); background-repeat: no-repeat; background-position: center center; padding-top: 60px; padding-bottom: 60px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9eaa99; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } #cw404 { width: 720px; margin: 20px auto; } #cw404 h1 { font-size: 18px; line-height: 60px; font-weight: normal; text-align: center; } #cw404 .kuang { font-size: 14px; border: 1px solid #9eaa99; border-radius: 3px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); padding: 20px; background-color: #ffffff; } #cw404 #ts404 { text-align: center; } span.LevelName { background-color: #2f889a; color: #fff !important; font-size: 12px; margin: 0 5px 0 1px; opacity: 0.9; padding: 2px 7px 2.5px; border-radius: 3px; cursor: pointer; } span.aulevel1 { background-color: #de3009; } span.aulevel2 { background-color: #d9534f; } span.aulevel3 { background-color: #5cb85c; } span.aulevel4 { background-color: #3ab2ce; } span.aulevel5 { background-color: #428bca; } .msgname a { margin-right: 5px; } .msgname span a { margin-left: 5px; margin-right: 0; } .msgtxt span:last-child { font-size: 12px; } .commentlist .comment { list-style: none; border-top: 1px solid #ddd; } .commentlist li.comment ul.children { margin-left: 20px; } .commentlist .depth-1 { margin: 10px 0 10px 0; } .commentlist li { position: relative; } .commentlist .comment-body { padding: 5px 0 5px 0; } .commentlist .comment-body:hover { background: #fafafa url(images/bg2.png) repeat; } .commentlist p { margin: 5px 0 5px 50px; line-height: 22px; } .reply a:link, .reply a:visited { text-align: center; font-size: 12px; } .datetime { font-size: 12px; color: #aaa; text-shadow: 0px 1px 0px #fff; margin-left: 50px; } .commentmetadata { font-size: 12px; color: #aaa; text-shadow: 0px 1px 0px #fff; margin-left: 50px; } ol.commentlist li div.vcard img.avatar { width: 40px; height: 40px; position: relative; float: left; margin: 4px 6px 0 0; padding: 2px; border: 1px solid #ddd; background: #fff; } ol.commentlist li div.floor { float: right; color: #bbb; } #respond { padding: 5px 10px 10px; overflow: hidden; } #respond_box { clear: both; border-top: 1px solid #ddd; } #respond h3 { margin: 5px 0 6px 0; } #comment { background: #fff; } #comments .msg:hover .commentpost { background: #fbfbfb; } #commentform p { color: #333; } #commentform label { color: #868686; } #commentform input { border: 1px solid #ddd; width: 160px; margin: 4px 5px 4px 0; padding: 3px; box-shadow: inset 2px 3px 5px #eee; } #commentform input:focus { border: 1px solid #ccc; } #commentform textarea { width: 95%; height: 120px; font-size: 13px; padding: 4px; margin: 4px 0 0 0; border: 1px solid #ddd; box-shadow: inset 2px 3px 5px #eee; } #commentform textarea:focus { border: 1px solid #ccc; } #commentform input#submit, #commentform input#reset { width: 110px; height: 32px; background: #606060; color: #fff; border: 1px solid #e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 4px; line-height: 28px; text-align: center; margin-top: 8px; box-shadow: none; } #commentform #submit:hover, #commentform #reset:hover { font-weight: bold; } #real-avatar .avatar { float: right; padding: 2px; border: 1px solid #ddd; background: #fff; margin-right: 20px; _margin-right: 10px; } .commentpost h4 i.fa { margin-right: 5px; } #comments .msg .msgimg img.avatar:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } #comment-tools { width: 100%; overflow: hidden; margin: 0 auto; text-align: center; } .tools_title { float: left; border: 1px solid #ddd; border-bottom: none; display: block; margin: 0; padding: 7px 0px 7px 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; width: 99%; text-align: left; } .tools_text { width: 99%; float: left; border: 1px solid #ddd; } #txaArticle { width: 100%; height: 120px; line-height: 180%; border: 0px solid #ddd; padding: 5px 5px 5px 8px; font-size: 14px; } #comment-tools a { padding: 1px 5px; color: #666; cursor: pointer; font-size: 15px; font-size: 16px; font-size: 1.15em; } #comment-tools i.fa { color: #0069b3; } span.com-title { margin-left: 5px; font-size: 14px; font-size: 1em; color: #333; font-weight: 500; } #faces { padding: 1px 3px; } #faces i.fa { font-size: 1.2em; font-size: 17px; cursor: pointer; } #UbbFrame { margin: 6px 0 0px; /* padding-top:5px;border-top:1px solid #ddd;*/ } #ComtoolsFrame { *display: none; margin-top: -20px; padding: 25px 0 5px; } #ComtoolsFrame img { display: inline-block; margin: 0; padding: 3px 3px 0 3px; } #ComtoolsFrame img:hover { background-color: #eee; cursor: pointer; } #comments .msg .msgarticle .noimg .msgimg img { display: none !important; } #comments .msg .msgarticle ul.msgarticle { margin-left: 0; } #comments .msg .msgarticle .noimg .msgtxt .msgarticle .noimg { margin-left: 0px; margin-top: 15px; margin-bottom: 5px; } #comments .msg .msgarticle .noimg .msgarticle { padding-top: 10px; margin-left: 0; } #comments .msg .msgarticle #comment { visibility: visible !important; animation-name: fadeInDown !important; } #comments .msg .msgarticle p { padding-top: 10px; } #comments .msg .msgarticle form#frmSumbit p { margin-bottom: 5px; padding-top: 5px; } .msgname .dot { font-size: 13px; color: #d1d1d1; display: inline-block; margin-left: 12px; font-weight: 400; letter-spacing: 2px; float: right; opacity: 0.8; } .msgname .dot.shafa { color: #d11a1a; font-size: 12px; } .msgname .dot.yizi { color: #ef8f31; font-size: 12px; } .msgname .dot.bandeng { color: #ba8147; font-size: 12px; } .msgname .dot.liangxi { color: #cd7bfe; font-size: 12px; } .msgname .dot.diban { color: #8ea4ba; font-size: 12px; } .msgarticle #ComtoolsFrame { height: 52px; overflow: hidden; } .msgname:hover .comment-reply-link { display: block; } .msgtxt { position: relative; font-size: 14px; font-size: 1.2em; } .msgname a.comment-reply-link { background: #ededed; display: none; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px; position: relative; top: -1px; font-size: 12px; float: right; } .msgname a.comment-reply-link:hover { background: #3690cf; color: #fff; border: 1px solid transparent; font-size: 12px; } #comments span.iliuyan { float: right; margin-right: 0; } #comments span.iliuyan a { font-size: 13px; font-size: 0.95em; color: #999; } #comments span.iliuyan a:hover { color: #3690cf; } span.WB-OS { position: relative; top: -2px; letter-spacing: 3px; } span.WB-OS img { width: 16px; height: 16px; padding: 0; } #comments .msg .msgarticle span.WB-OS { top: -7px; } #comments-nav { text-align: center; margin-top: 18px; } .com-page-list a { position: relative; margin-right: 5px; padding: 2px 8px; margin-left: -1px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; } .com-page-list a.on, .com-page-list a:hover { color: #fff; background: #3690cf; border: 1px solid transparent; } .com-page-list.pagination { padding: 10px 0 15px 0; } .single-avatar.vip2 { display: inline-block; padding: 3px; width: 70px; height: 70px; background: url(images/avatar_yonghui.png) no-repeat; } .single-avatar.vip1 { display: inline-block; padding: 3px; width: 70px; height: 70px; background: url(images/avatar_puhui.png) no-repeat; } .single-avatar.vip1 img, .single-avatar.vip2 img { padding: 0; } .single-avatar.vip3, .single-avatar.avatar_chunjie { display: inline-block; padding: 4px; width: 70px; height: 70px; background: url(images/avatar_admin.png) -1px 0 no-repeat; } .msgimg { position: relative; } #comments .msg .msgarticle .msg i.author-ident { display: none; } .commentlist .pagination { margin: 0 auto -10px; text-align: center; } .interact-bar { position: relative; cursor: default; min-height: 20px; margin: 5px auto 0; text-align: justify; font-size: 13px; color: #9195a3; } .interact-bar a.comment-reply-link { margin-left: 6px; font-size: 13px; color: #9195a3; } .interact-bar a.comment-reply-link:hover { color: #4693e9; } .interact-bar a.comment_at { padding: 0px 5px 0px 5px; border: 1px solid #ddd; border-radius: 4px; color: #f35532; font-weight: bold; margin-right: 5px; } .interact-bar span.spot { color: #e1e1e1; padding: 0 10px 0 5px; } .interact-bar span.spot:after { content: ''; position: absolute; top: 10px; width: 3px; height: 3px; border-radius: 10px; background-color: #42a1ff; -webkit-transform: rotate(135deg) translate(1px, 2px); transform: translate(25%, -50%); } /*推荐*/ .tuijian { position: relative; margin-bottom: 15px; } .tuijian a { border: 1px solid #ddd; position: relative; display: block; width: 100%; overflow: hidden; color: #fff; } .tuijian a span { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 14px; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.5); padding: 9px 10px; text-shadow: 1px 1px 2px #000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tuijian a:hover span { background: rgba(0, 0, 0, 0.7); } .tuijian img { height: auto; width: 100%; } .widget_vfilmtime_ad { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .widget_vfilmtime_ad img { width: 100%; } .follow-title { text-align: center; font-size: 14px; } .follow-list { text-align: center; margin-top: -5px; margin-bottom: 5px; } .follow-list a { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 40px; height: 41px; margin-top: 16px; background: url(images/follow-icon.png?20150317); background-repeat: no-repeat; margin-right: 5px; } .follow-list a:hover { opacity: 0.8; } .follow-list a:last-child { margin-right: 0; } .follow-list a.follow-weibo { background-position: 0px 0px; } .follow-list a.follow-qzone { background-position: -60px 0px; } .follow-list a.follow-renren { background-position: -120px 0px; } .follow-list a.follow-douban { background-position: -180px 0px; } .follow-list a.follow-tweibo { background-position: -240px 0px; } .follow-list a.follow-app { background-position: 0px -60px; } .follow-list a.follow-mail { background-position: -60px -60px; } .follow-list a.follow-tudou { background-position: -120px -60px; } .follow-list a.follow-youku { background-position: -180px -60px; } .follow-list a.follow-weixin { background-position: -240px -400px; } .follow-list a.follow-tqq { background-position: 0px -200px; } .follow-weixin-img .dialog-close { right: 10px; top: 14px; font-size: 24px; } .follow-2wm { text-align: center; position: relative; } .follow-2wm img { width: 100%; height: auto; } .post-share { position: relative; overflow: hidden; margin: 20px 0; } .post-share p { float: left; position: relative; margin-top: 3px; font-size: 15px; } #post .post-like { float: left; } .post-like .btn-comments { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .post-like .btn-like { color: #ffffff; background-color: #f66; border-color: #f66; margin-right: 10px; } .post-like .btn-like:hover, .post-like .btn-comments:hover { background-color: #ddd; border-color: #ddd; } #related { overflow: hidden; background: #fff; position: relative; margin-bottom: 20px; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); border-top: 1px solid transparent; border-color: #ebedf1; padding-bottom: 10px; } .related-title { padding: 5px 15px; line-height: 35px; text-transform: none; clear: both; font-size: 16px; border-bottom: 1px solid #eeeeee; } .related-title:before { content: ' '; background-color: #32a5e7; width: 3px; height: 23px; position: absolute; top: 11px; left: 0; } .related_img { padding: 10px; overflow: hidden; } .related_img li { float: left; overflow: hidden; width: 25%; } .related_img li a { display: block; position: relative; margin: 10px; float: none; } .related_img li a img { width: 100%; height: 116px; align-self: center; object-fit: cover; } .related_img li a h2 { font-weight: normal; height: 38px; font-size: 14px; line-height: 20px; margin-top: 5px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #comments, #respond_box { position: relative; background: #fff; padding: 0px 20px; border: 1px solid #ebedf1; transition-duration: 0.5s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); } .commentlist { padding-bottom: 20px; } #comments .comments-box, #respond_box { background-color: #fff; margin-bottom: 35px; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); box-shadow: 0px 1px 2px rgba(71, 73, 72, 0.25); border-top: 1px solid transparent; border-color: #ebedf1; } #respond { padding: 15px 28px 30px 28px; } #ds-thread { background: #fff; padding: 15px; } .comment-list { padding: 30px 30px 20px; } .comment-list li { margin: 10px 0; border-bottom: 1px solid #eceef1; margin-left: 70px; position: relative; padding-bottom: 20px; margin-bottom: 20px; } .comment-body { display: block; padding: 10px 0; overflow: hidden; } .comment-text { font-size: 15px; line-height: 25px; color: #31343b; } .comment-text p { } .comment-text a { } .comment-author-right { float: right; font-size: 14px; } .cancel-comment-reply { position: relative; display: block; padding: 10px 0; } .cancel-comment-reply .real-avatar { float: right; } .comment_registration { text-align: center; background-color: #f3f3f3; padding: 50px 0; margin-bottom: 15px; } .comment_registration p { } .datetime, .reply, .comment-floor { color: rgba(0, 0, 0, 0.4); } .reply { text-align: right; font-size: 12px; margin-top: 0; } .reply_floor_first, .reply_floor_second, .reply_floor_third { padding: 4px 8px; color: #fff; font-size: 14px; } .reply_floor_first { background: #ef5e63; } .reply_floor_second { background: #ffa41f; } .reply_floor_third { background: #6698de; } /*.author {position:absolute;left:-70px} .author img {padding:4px;border:1px solid #ddd;width:50px;height:50px;border-radius:50px} */ .comment_right { position: relative; overflow: hidden; padding-bottom: 14px; } .comment-author { margin-bottom: 10px; } .name { font-size: 14px; } .children li { margin-left: 0; padding: 10px; border-bottom-width: 0; border: 1px solid #efefef; border-radius: 2px; background-color: #fbfbfb; margin-bottom: 10px; margin-top: 0; } .children li .author { position: relative; left: initial; float: left; margin-right: 20px; } .children li .comment_right { font-size: 12px; padding-bottom: 0; } .children li .comment_right .comment-author { margin-bottom: 5px; line-height: 20px; } .children li .comment_right span { font-size: 12px; } .children li .comment_right .reply { position: absolute; right: 0; top: 0; } .children .comment-body { padding: 0; } .children img.avatar { width: 35px; height: 35px; } .children .comment-text { border: 0; font-size: 14px; } .children .comment-reply { margin-right: 12px; } .children li .children { margin: 0 8px; margin-top: 20px; } .children li .children li { padding: 5px; } .comment-navi { text-align: right; } .comment-navi a, .comment-navi span { margin: 0 2px; padding: 4px 4px; display: inline-block; } .comment-navi a:hover { border-bottom: 2px solid #999; } .comment-navi a.prev:hover, .comment-navi a.next:hover { border: none; } .comment-navi span.current { border-bottom: 2px solid #999; } #loading-comments { display: none; text-align: center; font-size: 16px; color: #cacaca; margin-bottom: 20px; padding: 30px; } #comments-navi { text-align: center; padding: 0 30px; padding-bottom: 30px; } #comments-navi .page-numbers { margin: 0 2px 2px 2px; padding: 4px 14px; color: #5f5f5f; white-space: nowrap; display: inline-block; border-radius: 2px; background-color: #f9f9f9; } #comments-navi a:hover { background: #32a5e7; color: #fff; } #comments-navi .current { color: #fff; background: #32a5e7; } #commentform #comment-author-info { padding: 5px 0; } #commentform #comment-author-info p { color: #999; font-size: 14px; } .comment-smiley { margin-bottom: 10px; } #commentform input { margin-right: 10px; position: relative; border: 1px solid #d9dada; border-radius: 2px; height: 34px; padding: 3px 5px; outline: none; width: 220px; box-shadow: none; margin-bottom: 10px; } #commentform .comment-textarea { border: 1px solid #ccd4d9; border-radius: 2px; padding: 4px 0 0 4px; background-color: #fff; position: relative; margin-bottom: 20px; } #commentform .comment-textarea textarea { width: 100%; resize: none; overflow-x: hidden; overflow-y: auto; border: none; line-height: 22px; font-size: 14px; outline: 0; color: #666; height: 108px; } #commentform textarea:focus { border: 0; } #commentform input#submit { color: #ffffff; background-color: #32a5e7; border-color: #32a5e7; height: 45px; width: 120px; margin: 0; padding: 0; font-size: 16px; line-height: normal; } #commentform input#submit:hover { background-color: #0b0b0b; border-color: #0b0b0b; } #commentform input#comment_mail_notify { width: 20px; height: 15px; margin-top: 10px; } .msgimg i.author-ident { top: 39px; left: 39px; } #comments .msg .msgarticle .msg .msgimg i.author-ident { top: 43px; } .msgimg i.author-ident.author1 { background-position: -50px -0px; } .msgimg i.author-ident.author2 { background-position: -50px -25px; } .msgimg i.author-ident.author3 { background-position: -50px -50px; } .msgimg i.author-ident.author4 { background-position: -50px -123px; } .msgimg i.author-ident.author5, .msgimg i.author-ident.author6 { background-position: -50px -75px; } .single-avatar.vip2 { display: inline-block; padding: 3px; width: 70px; height: 70px; background: url(images/avatar_yonghui.png) no-repeat; } .single-avatar.vip1 { display: inline-block; padding: 3px; width: 70px; height: 70px; background: url(images/avatar_puhui.png) no-repeat; } .single-avatar.vip1 img, .single-avatar.vip2 img { padding: 0; } .single-avatar.vip3, .single-avatar.avatar_chunjie { display: inline-block; padding: 4px; width: 70px; height: 70px; background: url(images/avatar_admin.png) -1px 0 no-repeat; } /*footer*/ #footer { width: 100%; position: relative; clear: both; z-index: 1; background: #0b0b0b; color: #f1f1f1; overflow: hidden; background-color: #363e49; border-top: 4px solid #32a5e7; text-align: center; background-image: url(images/footbg.jpg); background-repeat: repeat; } #footer-bottom { width: 1230px; margin: 0 auto; position: relative; display: block; overflow: hidden; } #footer-box { width: 100%; margin: 0 auto; } .nav-foot { margin: 20px 0; overflow: hidden; width: 100%; } .nav-foot p, .nav-foot a { color: #f1f1f1; } .credit i.fa, .nav-foot a { margin: 0 5px; } .footernav a:last-child { margin-right: 0; } a.beian-ico img { position: relative; top: -2px; height: 16px; padding-right: 3px; } .nav-foot a:hover, .partners a:hover { color: #fff; } .credit { overflow: hidden; float: left; } #totop { display: none; position: fixed; bottom: 100px; width: 48px; height: 48px; line-height: 48px; background: #282828; color: #fff; text-align: center; cursor: pointer; font-size: 15px; border-radius: 3px; z-index: 9999; } #totop:hover { background: #32a5e7; color: #fff; } .search { margin-bottom: 10px; width: 250px; } .search-input { position: relative; } .search-input i { position: absolute; right: 15px; top: 12px; color: #ddd; background: 0 0; border: none; padding: 0; margin: 0; line-height: normal; font-size: 18px; } .search-input input.search-button { float: right; width: 40px; height: 40px; background: url(images/vficons.png) no-repeat -141px 6px #282828; text-align: center; border: none; right: 0; top: 0; position: absolute; } .search-input input.search-button:hover { background: url(images/vficons.png) no-repeat -141px 6px #32a5e7; } .search-input b.search-liaosheji { width: 24px; display: block; position: absolute; left: 50%; margin-left: -12px; top: 0; background: url(images/xiaojianji.gif) no-repeat left top; } .search-input form label { line-height: 25px; color: #282828; } .search-input input[type='text'] { width: 100%; background-color: #fff; float: left; padding: 12px 0; height: 50px; color: #a5a5a5; -webkit-transition: all 50s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-indent: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .search-input select { padding: 0; } .search-input textarea { display: block; width: 80%; min-height: 60px; } .error { color: #32a5e7; } .search-input btn { cursor: pointer; } .suxing-link { padding: 0 28px; } .link-box { border: 1px solid #eeeeee; margin-bottom: 30px; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; } .link-box h2 { font-size: 16px; padding: 10px 15px; background: #f4f4f4; } .link-box .link-content { display: block; margin-bottom: 20px; width: 100%; } .link-box .link-content ul { clear: both; overflow: hidden; padding: 10px 20px; } .link-box .link-content ul li { width: 20%; float: left; } .link-box .link-content ul li a { display: block; overflow: hidden; margin: 10px 10px 0 0; } .link-box .link-content ul li img { float: left; width: 16px; height: 16px; margin-right: 8px; margin-top: 4px; } .link-box .link-content ul li a:hover { border-color: #45b6f7; } .readers-list { overflow: hidden; list-style: none; margin: 30px 0; } .readers-list li { float: left; text-align: center; font-size: 12px; margin-bottom: 10px; margin-right: 20px; padding: 8px; border: 1px solid #ddd; height: 30px; border-radius: 6px; } .readers-list a, .readers-list a:hover strong { } .readers-list a { } .readers-list img, .readers-list em, .readers-list strong { } .readers-list img { border-radius: 17%; margin-bottom: 5px; width: 30px; height: 30px; margin-right: 10px; } .readers-list span { } .readers-list strong { } .readers-list a:hover { } .readers-list a:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg); } .index-gg { margin-bottom: 25px; overflow: hidden; } .index-gg img { width: 100%; height: auto; } .ad, .post-gg-2 { width: 100%; margin-bottom: 25px; overflow: hidden; } .ad img, .post-gg-2 img { width: 100%; height: auto; } /*search-null*/ .search-null { color: #888; text-align: center; padding: 60px 0px; border-radius: 0; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); border-top: 1px solid transparent; border-color: #ebedf1; } .search-null i.fa { margin-bottom: 10px; font-size: 100px; color: #e4e8eb; display: block; } /*metro*/ .metro { margin-bottom: 30px; width: 100%; overflow: hidden; position: relative; max-height: 300px; height: auto; } .banner { max-height: 300px; height: auto; } .banner .owl-controls .owl-dots { position: absolute; left: 0; bottom: 1%; width: 100%; z-index: 999; text-align: center; } .banner .owl-controls .owl-dot.active span { background: #fff; opacity: 1; } .banner .owl-controls .owl-dot span { width: 25px; height: 3px; background: none; margin: 3px 3px; opacity: 0.5; } .banner .item-title { position: absolute; left: 0; bottom: 10%; width: 100%; z-index: 999; text-align: center; text-shadow: 1px 1px 2px #000; } .banner .item-title h2 { color: #fff; font-size: 26px; padding: 10px; display: none; } .table { width: 100%; border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; margin: 20px 0; } .table th { text-align: center; background-color: #f6f5f2; font-weight: normal; } .table td, .table th { text-align: center; padding: 10px 15px; font-size: 14px; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } .search-title { padding: 7px 15px; line-height: 35px; text-transform: none; clear: both; font-size: 16px; background-color: #fff; margin-bottom: 10px; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25); box-shadow: 0px 1px 2px rgba(71, 73, 72, 0.25); border-top: 1px solid transparent; border-color: #ebedf1; border-left: 5px solid #0b0b0b; } .box404 { margin: 0 auto; margin-bottom: 40px; width: 60%; padding: 30px; text-align: center; } .page404-title { } .page404-title h1 { font-size: 148px; line-height: 150px; } .page404-title h5 { } .box404 .bottons { } .box404 .pull2-left { padding: 30px; } .box404 .pull2-left a { padding: 10px 15px; border: 1px solid #bbb; color: #555; border-radius: 5px; font-size: 12px; } .box404 .pull2-left a:hover { background: #bbb; color: #fff; } .to-top { display: none; padding: 5px 12px; color: #fff; background-color: #282828; } .to-top:hover { color: #fff; background-color: #1b1b1b; } .tagslist { margin: 0; } .tagslist a.tagname { display: inline-block; margin: 0 10px 10px 0; color: #999; background-color: #eee; padding: 5px 10px; font-size: 12px; border-radius: 2px; line-height: normal; } .tagslist a.tagname:hover { color: #fff; background-color: #32a5e7; } .content-two span .favorite { background-color: #fff; color: #f78585; font-size: 12px; width: auto; text-align: right; position: absolute; right: 10px; top: 15px; } .content-two span a { height: 24px !important; line-height: 24px; float: right; padding: 0px 12px 0px 8px; border-radius: 12px; } .content-two span .favorite:hover, .content-two span .done { background-color: #f66; color: #fff !important; } .content-two span .favorite i, .content_infor span .favorite i { margin-right: 1px; font-size: 12px; } .content_infor span .favorite { background-color: #fff; color: #888; font-size: 12px; } .content_infor span .favorite:hover { color: #f66; } .post-info-right { float: right; font-size: 1.5px; } .post-info-right .post-like-right .favorite i { margin-right: 1px; color: #f66; } .post-info-right .post-like-right .favorite { background-color: #fff; color: #bbb; } .post-info-right .post-like-right .favorite:hover { color: #f66; } .mininav { display: none; margin-bottom: 0; border-top: 1px solid #3390ff; overflow: hidden; overflow-x: auto; white-space: nowrap; background-color: rgba(255, 255, 255, 0.98); width: 100%; -webkit-box-pack: justify; border-bottom: 1px solid transparent; border-color: #ebedf1; } .mininav li { display: inline-block; text-align: center; } .mininav li a { color: #0b0b0b; padding: 8px; display: block; font-size: 14px; } .mininav li.active a { color: #4693e9; } .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: url(images/cd-top-arrow.svg) no-repeat center 50%; background-color: #00a2ff; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: 0.6; } .cd-top.cd-fade-out:hover { opacity: 0.85; } .no-touch .cd-top:hover { background-color: #e86256; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .cd-top { height: 45px; width: 50px; right: 35px; bottom: 70px; } } .index-mgg, .post-mgg-2, .adm { overflow: hidden; width: 100%; margin: 10px 0; display: none; } .post-mgg-2 { margin-bottom: 28px; } .index-mgg img, .post-mgg-2 img, .adm img { width: 100%; } .mini_search, #mo-so { display: none; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @media screen and (min-width: 1440px) { #wrapper, #header .header { width: 90%; max-width: 1490px; } } @media screen and (max-width: 1259px) { #sidebar-right { display: none; } #wrapper.index { padding-top: 125px; } #wrapper { width: 95%; padding-top: 125px; overflow: unset; } #article { width: 99%; } } @media screen and (max-width: 1023px) { #sidebar-right { display: none; } #footer-bottom { width: 98%; } .wemedia { width: 95%; margin: 0 auto 10px; } .pagination { margin: 0px 10px 0 10px; } } @media screen and (max-width: 980px) { #header, #left-menu ul li:hover a, #left-menu, .ad img, .ad620 img { width: 100%; } #header { height: auto; } #mainnav { margin-bottom: 0; border-top: 1px solid #3390ff; overflow: hidden; overflow-x: auto; white-space: nowrap; background-color: rgba(255, 255, 255, 0.08); width: 100%; -webkit-box-pack: justify; border-bottom: 1px solid transparent; border-color: #ebedf1; line-height: unset; height: auto; } .header-nav li { display: inline-block; text-align: center; float: none; min-height: auto; height: 39px; line-height: 39px; } .header-nav li a { line-height: unset; height: auto; } #mainnav .sign { display: none; } #wrapper, .breadcrumb, .box404, .header { width: 95%; margin: 0 auto; } #post .title h1:before { height: 23px; top: 16px; } #wrapper.page { padding-top: 41px; } #wrap { width: 100%; float: left; margin-bottom: 20px; } #article .loop .content { padding: 10px; } .metro { width: 100%; } #article .loop .content-two a { height: auto; max-height: 200px; display: block; } .banner_index { width: 100%; height: 250px; } .banner_index .banner_wrap li a img, .widget-weixin img, #article .loop .content-two a img, #article .loop .content img, #article .loop .content-two { width: 100%; height: 100%; min-height: inherit; } #left-menu ul li a { padding: 0 0 0 15%; white-space: nowrap; overflow: hidden; } .single-one #article { width: 100%; } .bdsharebuttonbox { float: left !important; width: 100%; text-align: center; } #post .post-like { width: 100%; text-align: center; margin-bottom: 20px; } .authorinfo { } .author-btn { float: left; width: 100%; text-align: center; } #footer, #footer-bottom { width: 100%; margin: 0 auto; } #article .loop .content-img { width: 150px; height: 112px; max-height: 112px; } .hotpost li .hotpost-left { margin-right: 0; } .hotpost li img { float: none; width: 100%; margin: 0; } .comment-list li { margin-left: 50px; } .comment-list li ul.children li { margin-left: 0; } .author { left: -65px; } #footer-box { width: 95%; padding: 10px; overflow: hidden; position: relative; } #mainnav-foot, .footernav { margin: 0; } .footernav { float: left; } #totop { right: 0px !important; } .main-left, .rightnav, .main-login, #sidebar-left-xf, #sidebar-left, .centered-btns_nav, #sidebar-right, .frendlinks, .partners { display: none; } .wemedia { width: 100%; margin: 0 auto 15px; } .pagination { margin: 0 auto; float: left; } #article .loop .content_body { margin-left: 160px; } .commentlist .pagination { float: inherit; } #article .loop .content_body p { line-height: 22px; height: 43px; margin: 2px 0; } #article .loop .content_infor { margin-top: 0px; } } @media screen and (max-width: 804px) { #article { padding: 0; } .nav-foot { margin: 15px 10px; text-align: center; width: auto; } .credit { margin-bottom: 8px; float: inherit; } .footernav { float: inherit; } #article .loop .content_body { margin-left: 160px; } #article .loop .content_body p { line-height: 21px; } } @media screen and (max-width: 767px) { html { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } .posts { margin-bottom: 15px; } #logo { margin-left: 10px; } #loadmore { display: none; } .mininav { display: block; padding: 0 10px; } .logo img { max-height: 44px; display: inline-block; } .mini_search { padding: 4%; width: 107%; background: #eee; display: none; position: relative; overflow: hidden; top: -40px; left: -3%; z-index: 99; -webkit-box-pack: justify; border-bottom: 1px solid transparent; border-color: #ebedf1; } .mini_search .op { display: none; } .mini_search .searchform { float: none; margin: 0 auto; } .mini_search .searchform #ls { padding: 0 3%; width: 100%; height: 40px; border: 1px solid #e4e3e3; border-radius: 0; } .mini_search .searchform .searchBtn { text-align: center; font-size: 14px; transition: all 0.4s ease; display: inline-block; vertical-align: middle; outline: none; text-decoration: none; padding: 0; width: 40px; text-indent: -9999px; border: none; background: url(images/icon.gif) no-repeat center -23px; cursor: pointer; position: absolute; height: 40px; background-position: center -20px; right: 18px; top: 18px; } #mo-so { position: absolute; top: 0; width: 46px; height: 65px; line-height: 65px; text-align: center; color: #333; display: inline-block; } #mo-so:hover { text-decoration: none; } #mo-so i { font-size: 24px; } #mo-so { right: 2%; } #page_title h2, h2.title { font-size: 20px; line-height: 20px; } #article .loop .content_infor { margin-top: 0; padding: 5px 18px; display: none; } .fl-top { width: 97%; } .box404, .ad620, .ad620 img { width: 100%; } #article, #article .loop { float: none; display: block; padding: 0; } #article .loop-two .content-two { padding: 10px 10px 0; } #article .loop-two .content_body { margin: 3%; } #article .loop .content_body h2 { font-size: 15px; max-height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: inherit; } #article .loop .content-img { width: 120px; max-height: 90px; } #article .loop .content_body { margin-left: 130px; } #article .loop-two .content_body { margin: 0; padding: 10px; } #article .loop-two .content-two span .favorite { right: 25px; top: 25px; } #article .loop .content-two a { height: auto; max-height: 150px; display: block; } #article .loop .content_body p { display: block; font-size: 12px; margin: 5px 0 0; max-height: 44px; height: auto; overflow: hidden; } #post { padding: 15px 10px; } #post .title .post-title h1 { font-size: 18px; line-height: 1.5; font-weight: bold; margin-bottom: 5px; } .post-nav .post-nav-prev, .post-nav .post-nav-next { max-width: none; width: 100%; } .post-nav .post-nav-next { float: left; text-align: left; padding-left: 25px; padding-top: 5px; } #page .page-numbers, #page .pages { margin: 0 1px 6px 1px; padding: 2px 8px; font-size: 12px; } #page .pages { padding: 0; } .page404-title h1 { font-size: 48px; line-height: 50px; } #footer, #footer-bottom { width: 100%; margin: 0 auto; } #footer-box { width: 95%; padding: 10px; overflow: hidden; position: relative; } #mainnav-foot, .footernav { margin: 0; } #post #title { padding: 0; } #post #title .post-title { margin-left: 0; } #post #title .post-title h1 { font-size: 18px; line-height: 22px; } .post-share p, .bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more { float: none !important; line-height: 28px !important; } #post .post-like, .bdsharebuttonbox { float: none; margin-bottom: 10px; text-align: center; } .authorinfo { width: 100%; margin-right: 0; border-right-width: 0; } .author-btn { float: left; margin-top: 20px; width: 100%; text-align: center; } .related_img li { width: 25%; } .related_img li a img { max-height: none; } .post-info-right { float: none; } #page .page a, #page span { } #page span.max_page { margin-left: 0; } .metro { width: 100%; margin-bottom: 0; } .metro, .banner, .owl-carousel .owl-item { max-height: 220px; height: auto; } .banner .item-title { bottom: 11%; } .banner .item-title h2 { font-size: 16px; font-weight: bold; padding: 0 10px; line-height: 1.4; } .owl-theme .owl-dots .owl-dot span { border-radius: 10px; width: 10px; margin: 0 2px; } .index-mgg, .post-mgg-2, .adm { display: block; padding: 0 10px; } .index-mgg { margin: 10px 0; } #frmSumbit p span { display: none; } .content_body h2:after { top: 13px; height: 20px; } #sidebar-left, #sidebar-right, #article .loop .content_infor .auther, .bdsharebuttonbox, .frendlinks, .partners, .author-head, .ad, .owl-nav, .index-gg, .post-gg-2 { display: none !important; } .nav-list p { display: none; } } @media screen and (max-width: 600px) { .liuyan { width: 100%; margin-bottom: 5px; margin-top: 0; } .form-inpVerify { width: 60%; } .related_img li { width: 50%; } #authorarea .author-avater { float: none; text-align: center; margin-bottom: 15px; } .author-des { margin: 0; text-align: center; } #post .title h1 { font-size: 18px; font-size: 1.4em; } #comments span.iliuyan { display: none; } ul.tag_could li { width: 33.333%; } } @media screen and (max-width: 460px) { #article .loop .content-img { max-height: 90px; } #article .loop .content_body h2 { line-height: 1.5; height: 44px; } #article .loop .content_body p { max-height: 40px; line-height: 170%; } .post-author-name { margin-right: 5px; } .post-author-url a, .post-author-weibo a { margin-left: 8px; } .cd-top.cd-fade-out, .msgimg { display: none; } #comments .msg .msgarticle { margin-left: 0; line-height: 20px; } } @media screen and (max-width: 380px) { .jumbotrons img { min-width: 100%; } #post .title h1 { font-size: 18px; font-size: 1.4em; } #post .title h1:before { height: 20px; top: 18px; } .jumbotrons.pc { height: 158px; } .related_img li a img { height: 100px; } ul.tag_could li { width: 50%; } } #ajax-load-posts a:hover, #ajax-load-posts button:hover { background: #0298d4; } #ajax-load-posts a, #ajax-load-posts span, #ajax-load-posts button { cursor: pointer; width: 150px; background: #00a7eb; border-radius: 2px; font-size: 16px; color: #fff; height: 46px; line-height: 46px; display: inline-block; margin: 0 8px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }