@charset "UTF-8";* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; scrollbar-color: #8590a6 #e7eaf1; scrollbar-width: thin;}html { height: 100%; max-height: 100%; padding: 0; margin: 0; -webkit-font-smoothing: antialiased}body { color: #9ca0ad; font-family: Arial, "Microsoft YaHei", "WenQuanYi Micro Hei", "Open Sans", "Hiragino Sans GB", Verdana, sans-serif; font-size: 15px; max-width: 100%; margin: 0 auto; background-color: #F3F4F7; padding: 0; margin: 0; line-height: 1.6em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern";}p { line-height: 1.9em; font-weight: 400; font-size: 16px; white-space: normal; word-break: break-all; color: #393E46;}a { text-decoration: none}a:link,a:visited { opacity: 1; -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -o-transition: all .15s linear; -ms-transition: all .15s linear; transition: all .15s linear; color: #222831;}a:active,a:hover { color: #364cc6}h1 { line-height: 1.35; font-weight: 500}h2,h3,h4 { text-rendering: optimizeLegibility; margin: 2rem 0; font-weight: 500}strong { font-weight: 700}img,video { max-width: 100%; height: auto}ul ul { margin: .4em 0}ol li { margin-left: 20px; list-style: decimal; padding-left: 3px;}ul li { list-style: none; margin: 0; padding: 0;}a img { border: none}sub,sup { font-size: 65%; line-height: 0; position: relative; vertical-align: baseline; margin: 0 4px;}sup { top: -.5em;}::-webkit-scrollbar-track-piece { background-color: #e7eaf1}::-webkit-scrollbar { width: 5px; height: 10px}::-webkit-scrollbar-thumb { background: #8590a6; border-radius: 2px; border: 0}@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px) } 90% { opacity: 1; -webkit-transform: none; transform: none }}@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px) } 90% { opacity: 1; -webkit-transform: none; transform: none }}.csbtn { color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(#ff4740), color-stop(#ffa069), color-stop(#ffab55), to(#ff6c40)); background-image: -o-linear-gradient(left, #ff4740, #ffa069, #ffab55, #ff6c40); background-image: linear-gradient(to right, #ff4740, #ffa069, #ffab55, #ff6c40); background-size: 300% 100%; border: 0;}.danbtn { color: #ea1414; background-color: #ffe6e6; border: 0;}.danbtn:hover,.danbtn:focus,.danbtn:active { color: #fff; border: 0; background: -o-linear-gradient(135deg, #ff2b4f 0%, #ff7f6a 100%); background: linear-gradient(315deg, #ff2b4f 0%, #ff7f6a 100%);}.con { display: none; position: absolute; z-index: 0; top: 20px; left: 15px;}.con i { color: #fff; font-size: 20px;}.bgDiv { width: 100%; height: 100%; background-color: #000; opacity: .5; position: fixed; display: none; z-index: 99; bottom: 0}.mobile-sidebar { width: 75%; position: fixed; top: 0; left: 0; height: 100vh; z-index: 999; background: rgba(0, 0, 0, 0.8); color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-x: hidden; overflow-y: auto; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 300ms ease; -o-transition: 300ms ease; transition: 300ms ease; -webkit-overflow-scrolling: touch;}.mobile-sidebar a { color: #fff;}@media (max-width: 991.98px) and (min-width: 768px) { .mobile-sidebar { width: 300px; }}.mobile-sidebar.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: 300ms ease; -o-transition: 300ms ease; transition: 300ms ease;}.mobile-sidebar-header { padding: 0.5rem 0; text-align: right;}#mico-close { width: 45px; text-align: center; font-size: 26px;}.mobile-sidebar-header .btn-group { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle;}.mobile-sidebar-header .btn-group i { font-size: 20px; margin: 10px;}.navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; list-style: none}.navbar-nav li { position: relative; padding: .5rem 1rem;}.navbar-nav li a { position: relative; display: block; font-size: 16px; padding: .375rem .125rem;}.navbar-nav .sub-nav { padding: 0 0 .25rem 1.75rem; display: none; position: relative; padding: 0.5rem 0; background-color: #000; -webkit-box-shadow: 0px 5px 20px 0px rgba(17, 58, 93, 0.05); box-shadow: 0px 5px 20px 0px rgba(17, 58, 93, 0.05);}.navbar-nav .sub-nav li { margin: 0; padding: 0;}.navbar-nav .sub-nav li a { font-size: .875rem; padding: .75rem 1rem; opacity: .6;}.navbar-nav li ul,#divNavBar li ul { display: none;}.navbar-nav li em[class*="dot"] { position: absolute; top: 0px; right: 0px; width: 48px; height: 48px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0); cursor: pointer;}.navbar-nav li em[class*="dot"] .mico-arrow-down { font-size: 18px; color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: absolute; width: 48px; line-height: 48px; top: 0; left: 0;}.navbar-nav li em[class*="dot"] .mico-arrow-down.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}.main-post,.main-single { width: 100%; margin: 0 auto; margin-top: 90px;}.main {}.content,.single-content { height: auto; margin: 0 auto; max-width: 1200px; width: 96%;}a.logo-text { font-size: 25px; line-height: 60px;}a.logo-text { color: #fff;}a.logo-text:hover { opacity: .8}a.logo-text img { height: 50px; max-height: 50px; margin-top: 20px;}.header { width: 100%; background: #197dff; background-image: linear-gradient(90deg, #9c4dff 0%, #197dff 100%); color: #fff; z-index: 99; position: fixed; top: 0; box-shadow: 0 1px 3px rgba(158, 158, 158, .22); min-height: 0; -moz-transition: min-height, .5s; -o-transition: min-height, .5s; -webkit-transition: min-height, .5s; transition: min-height, .5s;}.header.slideUp { top: -70px;}.navbar-item a i { margin-right: 3px}.page-top { max-width: 1200px; width: 96%; position: relative; z-index: 3; margin: 0 auto; height: 70px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center}.page-top .menu { list-style: none; font-size: 12px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto 0 20px; height: 100%;}.page-top .menu li { position: relative; display: initial; float: left; display: block; padding: 10px 20px; font-size: 16px;}.page-top .menu li a { color: #fff; font-size: 16px; text-decoration: none; white-space: nowrap; transition: color .2s; padding: 1.2rem 0;}.page-top .menu li:before { width: 0; height: 2px; position: absolute; bottom: -13px; left: 50%; background-color: #fff; content: ''; transition: all .6s; z-index: -1;}.page-top .menu li.selected:before,.page-top .menu li:hover:before { width: calc(100% - 40px); left: 0; margin: 0 20px;}.page-top .menu li ul.sub-nav li:before { background-color: transparent;}.page-top .menu li .sub-nav li { padding: 0; float: none;}.page-top .menu .sub-nav li a { color: #fff; font-size: .875rem; padding: .5rem 1rem .5rem 1.5rem; position: relative; display: block;}.page-top .menu li.on>.sub-nav { visibility: visible; opacity: 1; clip: inherit; -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}.page-top .menu .sub-nav { position: absolute; min-width: 200px; background: rgb(0, 0, 0, .6); top: 95%; left: .5rem; list-style: none; visibility: hidden; opacity: 0; z-index: 99; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); -webkit-transition: all 200ms linear 0ms; -o-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; clip: rect(1px, 1px, 1px, 1px); padding: .5rem 0; -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0;}.page-top .menu li em[class*="dot"] { display: inline-block; position: relative; z-index: 1; width: 16px;}.page-top .menu li em[class*="dot"] .mico-arrow-down { font-size: 16px; width: 16px; display: block;}.page-top .menu li .mico-arrow-down:before { display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}.page-top .menu li:hover .mico-arrow-down:before { transform: rotate(180deg); -webkit-transform: rotate(180deg);}.header_search {}.header_search button { padding: 4px 0 4px 10px; background: 0; border: 0; color: #fff; transition: .5s}.header_search button:hover { color: #fff}.header_search button i { font-size: 20px;}.open .mico-search:before { content: "\e741";}#search-form { position: absolute; top: 120px; left: 0; width: 100%; max-height: 0; overflow: hidden; background-color: rgba(255, 255, 255, 0.79); z-index: 1;}#search-form.open { max-height: 60px}.header.open { min-height: 260px; overflow: hidden;}input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none;}input[type=search]::-ms-clear { display: none;}#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px;}#search-form input[type=search] { width: 100%; padding: 0 5px 0 22px; background-color: transparent; border: none; color: #282828; font-size: 15px;}#search-form input[type=submit],#search-form .sobut { position: absolute; bottom: 0; right: 0; width: 50px; margin: 0; padding: 0; font-size: 15px; font-weight: 400; text-transform: uppercase; color: #364cc6; border: none; cursor: pointer; height: 50px;}.open .sobut .mico-search:before { content: "\e680";}.box-middle { float: left; width: 100%;}.post-list,.post-page { margin-right: 360px;}.post,.block-wrap { background-color: #fff; margin: 0 30px 30px 0; padding: 30px 30px 1px; box-shadow: 0 1px 3px rgba(158, 158, 158, .22);}.block-wrap { padding: 0; overflow: hidden;}.place { line-height: 30px; font-size: 0.8rem; margin-bottom: 10px; color: #9ca0ad;}.place i { margin-right: 3px; font-size: 15px}.place a { color: #9ca0ad;}.istop { padding: 3px 5px; font-size: 14px; vertical-align: 3px; margin-right: 5px;}.post strong { color: #364cc6;}.post h2 { text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; font-size: 24px; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative;}.post-list p { margin: 20px 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative; font-size: 15px; line-height: 1.7; color: #868695;}.post-list .post-p-three { margin-top: 10px}.post a { text-decoration: none; letter-spacing: 1px; color: #222831;}.post a:hover { color: #364cc6;}.post .post-img { width: 33.328%; float: left; display: inline; margin: 0 1rem 0 0; overflow: hidden;}.post .post-img a,.post .post-img-three li a { width: 100%; height: 0; padding-bottom: 65%; text-align: center; overflow: hidden; position: relative; display: block;}.post .post-img a img,.post .post-img-three li a img { min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}.post .post-img-three .imgrow { margin: 15px -10px 0 -10px; overflow: hidden;}.post .post-img-three li { list-style-type: none; float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; width: 33.328%; position: relative;}.post .post-footer { background: #fff; font-size: 16px; line-height: 25px; overflow: hidden; clear: both; position: relative; display: block; padding: 10px 0 20px 0;}.post .post-footer .meta { max-width: 100%; height: 25px; color: #9ca0ad}.post .post-footer .meta .info-left { float: left;}.post .post-footer .meta .info-left .date { margin-right: 10px}.post .post-footer .meta .info-right { float: right;}.post .post-footer .meta .info-right .date { margin-left: 10px}.post .post-footer .meta a { text-decoration: none; color: #9ca0ad;}.post .post-footer .meta a:hover { opacity: .8}.post .post-footer .meta i { margin-right: 6px; color: #6C62FF; top: 1px;}.post .post-footer .meta i.mico-archive-drawer { color: #FE6061}.post .post-footer .meta i.mico-qipao { color: #FF7008}.post .post-footer .meta i.mico-time { color: #9C27B0}.post .post-footer .meta i.mico-yan { color: #364CC6}.archive-head { background-color: #fff; margin: 0 30px 30px 0; padding: 30px; color: #212121; box-shadow: 0 1px 3px rgba(158, 158, 158, .22);}.cover-content h1 { font-size: 26px;}.cover-footer p { margin-top: 4px; color: #404040; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}.nextpro { overflow: hidden; position: relative; padding: 0 !important}.nextpro .prev { float: left; width: 50%;}.nextpro .next { float: right; width: 50%; text-align: right;}.nextpro .prev span { float: left;}.nextpro .next span { float: right;}.nextpro .post-overlay { position: relative; overflow: hidden; height: 120px;}.nextpro .post_text { position: relative; width: 100%; min-height: 70px; padding: 30px;}.nextpro .post_text h3 { font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 30px; font-weight: 400;}.nextpro .link-overlay { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.post-pagination { margin: 0 20px 20px 0;}.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 20px 0;}.pageload { padding: 0; position: relative; height: 43px; margin: 20px 30% 20px 30%;}.pageload .view-more-button,.pageload .page-load-status p { position: absolute; top: 0; left: 0; width: 100%; display: inline-block; margin: 0; padding: 10px; width: 100%; border: 0; vertical-align: middle; text-align: center; white-space: nowrap; font-weight: 400; font-size: 14px; line-height: 1.7; height: 42px; background: #364cc6; letter-spacing: 0; color: #fff;}.pageload .view-more-button { padding: 0}.pageload .view-more-button p { padding: 10px 20px; letter-spacing: 0;}.pageload .view-more-button { cursor: pointer;}.pageload .page-load-status p { z-index: 1;}@-webkit-keyframes refresh-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }}@keyframes refresh-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }}.pageload .page-load-status p i { margin-right: 4px;}.pageload .page-load-status p i:before { -webkit-animation: refresh-ring 1.2s linear infinite; animation: refresh-ring 1.2s linear infinite; display: inline-block;}.pageload .page-load-status p.infinite-scroll-last { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #333}.pageload .aload_img { display: inline-block; margin-right: 6px; vertical-align: top; margin-top: 2px;}.pageload .aload_img img { width: 16px; height: 16px; -webkit-animation: loadingRotate .5s linear infinite forwards; animation: loadingRotate .5s linear infinite forwards;}.pagelist a,.pagelist b { display: inline-block; min-width: 38px; height: 38px; margin: 0 0 10px 5px; box-shadow: 0 1px 10px rgba(151, 164, 175, .1); background: #fff; font-size: 14px; line-height: 38px; font-weight: 600; text-align: center; text-decoration: none !important; text-transform: uppercase; border-radius: 50%;}.pagelist a:hover { color: #19585d;}.pagelist b { background: #364cc6; color: #fff;}.post-like { text-align: center; overflow: hidden; margin: 20px 0 30px 0; vertical-align: middle}.post-like .dotGood { background: #ff3e46; color: #fff !important; text-align: center; font-size: 22px !important; min-width: 100px; padding: 8px 20px; margin: 0 auto; border-radius: 100px; display: inline-block; vertical-align: middle}.post-like .dotGood:hover { background: #ff3e46}.post-like .dotGood span { font-size: 18px !important; vertical-align: middle; margin-left: 4px;}.post-like .dotGood i { vertical-align: middle;}.prised .mico-up-line:before { content: "\e77a";}.to-top { text-align: center; line-height: 56px; background-color: rgb(108, 98, 255); width: 46px; height: 46px; display: block; margin-top: 4px; color: #fff !important; position: relative; box-shadow: 0 1px 3px rgba(158, 158, 158, .22); z-index: 999; display: none; border-radius: 50%;}.to-top.active { cursor: pointer; position: fixed; right: 15px; bottom: 30px; display: block;}.to-top em { display: none}.to-top:hover { background-color: #364cc6; color: #fff}.to-top i { font-size: 26px}.post-page { box-shadow: none;}.post-page .post-content p,.post-page .post-content video { margin-bottom: 10px;}.post-page .post-content p img,.post-page .post-content video { max-width: 100% !important; height: auto !important}.tags { padding: 20px 0 0 0;}.tags a { background-color: #f4f5f9; font-size: 14px; padding: 2px 8px; margin: 5px 10px 5px 0; display: inline-block;}.tags a:hover { background-color: #364cc6; color: #fff;}.post-single,.related-list,.nextpro { background-color: #fff; margin: 0 25px 20px 0; color: #444; padding-left: 36px; padding-right: 36px; padding-bottom: 36px; box-shadow: 0 1px 3px rgba(158, 158, 158, .22);}.post-single .post-title { font-size: 21px; color: #444; padding-top: 1px; text-transform: uppercase}.post-single .post-title h1 { line-height: 1.5; margin: 1.5rem 0; font-size: 2rem; color: #222831;}.post-single .post-info { font-size: 16px; line-height: 25px; overflow: hidden; clear: both; position: relative; display: block; margin-top: -10px; margin-bottom: 15px;}.post-single .post-info .single-meta { max-width: 100%; color: #7a7a7a}.post-single .post-info .single-meta a { text-decoration: none; color: #7a7a7a}.post-single .post-info .single-meta a:hover { opacity: .8}.post-single .post-info .single-meta i { margin-right: 6px; color: #6C62FF;}.post-single .post-info .date { margin-right: 10px}.post-single .post-info .single-meta i.mico-archive-drawer { color: #FE6061}.post-single .post-info .single-meta i.mico-qipao { color: #FF7008}.post-single .post-info .single-meta i.mico-time { color: #9C27B0}.post-single .post-info .single-meta i.mico-yan { color: #364CC6}#divCatalog li:before,#divPrevious li:before,#divLinkage li:before,#divNavBar li:before,#divComments li:before,#divAuthors li:before,#divFavorites li:before,#divStatistics li:before { content: "\e916"; margin: 0 5px 0 0; font-size: 12px; color: #868695; font-family: mcico; display: inline-block; vertical-align: top;}#divLinkage ul li,#divFavorites ul li,#divStatistics ul li,#divArchives ul li,#divMisc ul li,#divAuthors ul li { float: left; width: 50%; display: block;}#divSearchPanel .function_t { display: none;}#divSearchPanel { margin: 0; background-color: transparent; padding: 0 0 20px 0; box-shadow: none;}#divSearchPanel form { border: 1px solid #448EF6; background: #448EF6; position: relative;}#divSearchPanel input[type="submit"] { border: 0; background: 0; color: #fff; outline: none; position: absolute; top: 10px; right: 9%}#divSearchPanel input[type="text"] { border: 0; line-height: 36px; height: 36px; width: 72%; padding-left: 10px; outline: none}#divContorPanel { padding-bottom: 30px;}#divContorPanel div { text-align: center;}#divContorPanel .cp-hello { width: 100%; margin-bottom: 10px; padding: 10px 0 10px 0; display: inline-block}#divContorPanel .cp-login a,#divContorPanel .cp-vrs a { text-align: center; line-height: 30px; border: 1px solid #ccc; margin: 4px; padding: 4px 8px;}#divCalendar { padding: 20px;}#divCalendar div { margin-bottom: 0;}#divCalendar table { width: 100%; border-collapse: collapse; font-size: 0.8rem;}#divCalendar table,#divCalendar tr,#divCalendar th,#divCalendar td { border: 1px solid #eee}#divCalendar caption { line-height: 36px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee}#divCalendar caption a { font-size: 15px; color: #123}#divCalendar thead { background: #f6f7f8}#divCalendar th { height: 36px}#divCalendar td { height: 36px; text-align: center}#divCalendar td a { font-weight: 700; color: #123}#divCalendar td a:hover { color: #f63}#sidebar-right { width: 360px; float: right; margin-left: -360px;}.sticky-wrapper { float: left; width: 360px; margin-left: -100%;}#divMisc { padding-top: 1.5em;}.widget { clear: both; width: 100%; position: relative; margin-bottom: 30px; padding-bottom: 10px; background-color: #fff; box-shadow: 0 1px 3px rgba(158, 158, 158, .22); overflow: hidden;}.widget h3.function_t { font-size: 22px; margin: 1.1em 0 0; padding: 0 30px 18px 28px; color: #222831;}.widget h3.function_t:before { content: ''; position: absolute; width: 5px; height: 25px; left: 0; top: 1em; z-index: 1; background: #6C62FF}.widget ul { margin: 0; list-style: none; padding: 0 1.5em 1rem 1.5rem; margin-bottom: -10px; overflow: hidden;}.widget ul li { margin-bottom: 8px; padding-bottom: 8px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}.widget ul li h4 { font-size: 16px; margin: 3px 0 6px; overflow: hidden; line-height: 1.6; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; position: relative;}#side-hot-view-item ul,#side-hot-cmt-item ul,#side-new-article-item ul,#side-tui-article-item ul,#side-rand_article ul,#side-new-comment-item ul { padding: 0; margin-bottom: 0;}#side-hot-view-item ul li,#side-hot-cmt-item ul li,#side-new-article-item ul li,#side-tui-article-item ul li,#side-rand_article ul li,#side-new-comment-item ul li { white-space: normal; margin: 0 30px; padding: 0; border: 0; position: relative;}.widget-list-item .list-footer { margin-bottom: 10px;}.widget#divComments ul li:last-child,.widget#divPrevious ul li:last-child,.widget#divCatalog ul li:last-child,.widget#divNavBar ul li:last-child,.widget#side-new-comment-item ul li:last-child { border: 0;}.widget#divNavBar ul li ul li,.widget#divCatalog ul li ul li { padding: 8px 0 0; margin: 8px 0 0; border-top: 1px dotted #eee !important; border-bottom: 0px dotted #eee;}.widget ul li h4 { font-weight: 400}.widget ul li a:hover { color: #364cc6 !important}.widget img { max-width: 100%; height: auto; transition: .5s}.widget#divTags ul { overflow: hidden; margin: 0 0 5px 0;}.widget#divTags ul li { float: left; display: block; margin: 0; padding: 0; border: 0; font-size: 13px;}#divTags li a { display: block; background: #9DA0B3; border: 1px solid #9DA0B3; float: left; padding: 2px 10px; margin: 4px; border-radius: 16px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #FFF !important}#divTags ul li:nth-child(5n) a { background: #E8BA00; border: 1px solid #E8BA00;}#divTags ul li:nth-child(5n+1) a { background: #108F01; border: 1px solid #108F01;}#divTags ul li:nth-child(5n+2) a { background: #364CC6; border: 1px solid #364CC6;}#divTags ul li:nth-child(5n+3) a { background: #FF4B19; border: 1px solid #FF4B19;}#divTags ul li:nth-child(5n+4) a { background: #A60CEB; border: 1px solid #A60CEB;}#side-new-comment-item ul li { margin-bottom: 20px;}#side-new-comment-item ul li h4 { font-size: 14px; -webkit-line-clamp: 1;}#side-new-comment-item .avatar { float: left; width: 50px; height: 50px; margin-right: 8px; border: 0;}.widget-list { position: relative; overflow: hidden}.widget-list-item { padding: 0; border: 0; line-height: 1.4; font-size: 14px; list-style: none}.widget .widget-post-list img { height: 80px; width: 96px; display: block; -o-object-fit: cover; object-fit: cover;}.widget .widget-post-list { float: left; overflow: hidden; height: 80px; margin: 0 10px 20px 0;}.widget .widget-post-list-item .list-footer { color: #9ca0ad; font-size: 12px;}.widget .list-title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}.flex-avatar { flex-shrink: 0;}.avatar { border-radius: 50%; border: 3px solid #fff;}.related-list ul { overflow: hidden; margin: 0 26px; padding-bottom: 20px;}.related-list li { float: left; width: 25%; padding: 0 10px; overflow: hidden; margin-bottom: 15px; border: 0}.related-list li i { width: 100%; height: 120px; overflow: hidden; display: block; float: none;}.related-list li i img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}.related-list li:hover img { transform: scale(1.05);}.related-list li p { margin-top: 3px; height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative;}.related-list,.comments { background: #fff; padding-bottom: 10px; margin: 0 25px 20px 0; position: relative; padding: 0; box-shadow: 0 1px 3px rgba(158, 158, 158, .22);}.comments-area { margin-bottom: 20px}.psbo-title { font-size: 20px; line-height: 1; color: #222831; z-index: 0; margin: 0; padding: 36px 36px 20px;}.psbo-title i { font-size: 22px; color: #364cc6;}.comment-respond { padding: 10px 36px 36px; overflow: hidden;}.comment-reply-title { font-size: 18px; color: #292929; margin: 0 0 20px; font-weight: 600}.comment-list { padding: 0 36px 0 36px;}ul.msg { margin: 25px 0; padding: 0 0 25px; border-bottom: 1px solid #eee; word-wrap: break-word; position: relative;}ul.msg li { list-style-type: none;}ul.msg img.avatar { border-radius: 50%; float: left; width: 48px; height: 48px; margin: 0 15px 0 0;}li.msgarticle { list-style-position: outside; padding: 10px 0 0; line-height: 160%; padding-left: 65px;}ul.msg small { color: #a6a6a6;}ul.msg small #cancel-reply { float: right;}ul.msg small .revertcomment a { color: #fff; background: #364cc6; padding: 0 5px; line-height: 20px; display: none; font-size: 12px}ul.msg:hover small .revertcomment a { display: block;}ul.msg small .revertcomment { position: absolute; right: 0;}ul.msg ul.msg { padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #f1f1f1; border-bottom: none;}ul.msg ul.msg li.msgarticle { padding-bottom: 0;}ul.msg ul.msg li.msgname { padding: 0;}ul.msg:nth-last-child(3) { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}.comment-form input { width: 50%}.form-submit { margin-top: 5px; float: right}.form-submit input { display: inline-block; width: auto; font-size: 14px}.comment-form-author,.comment-form-email { width: 33.33%; box-sizing: border-box; padding-right: 10px; float: left; padding-bottom: 10px; line-height: 0 !important}.comment-form-url { float: left; width: 33.33%; line-height: 0 !important}.comment-form-author.comment-form50,.comment-form-url.comment-form50 { width: 50%; padding-right: 10px; padding-bottom: 10px;}.comment-form-code,.comment-form-email.comment-form50 { float: left; width: 50%; padding-right: 0; line-height: 0 !important; position: relative;}.comment-form-code img { position: absolute; right: 4px; top: 7px; height: 30px; width: auto;}.comment-form-author i,.comment-form-email i,.comment-form-url i,.comment-form-code i { position: absolute; padding: 0 10px; line-height: 47px; height: 45px; color: #292929; font-size: 10px; z-index: 2; font-size: 14px; display: block}.comment-form-author input,.comment-form-email input,.comment-form-url input,.comment-form-code input { border: 1px solid #f2f2f2; padding: 10px; height: 45px; box-sizing: border-box; background: #fff; width: 100%}.comment-form-author input:hover,.comment-form-email input:hover,.comment-form-url input:hover,.comment-form-code input:hover { background: #fff}.comment-respond textarea { resize: none; width: 100%; height: 160px; box-sizing: border-box; border: 1px solid #f2f2f2; padding: 10px; background: #fff;}.comment-respond textarea:hover { background: #fff}button,input,textarea { -webkit-appearance: none !important; outline: 0; -webkit-tap-highlight-color: transparent}.comments input[type=submit],button { position: relative; letter-spacing: 2px; display: inline-block; border: 1px solid #364cc6; padding: 4px 20px; color: #fff; cursor: pointer; background: #364cc6; height: 42px; transition: .5s}.comments input[type=submit]:hover { opacity: .8}#comments-nav { margin: 2% 0; text-align: center; display: flex; justify-content: center}#footer { clear: both; padding: 50px 0; background: #2d3236; color: rgba(255, 255, 255, .7); box-shadow: 0 1px 3px rgba(158, 158, 158, .22);}#footer p { margin: 0; padding: 0; color: rgba(255, 255, 255, .7); text-transform: uppercase; font-size: 14px}#footer a { color: rgba(255, 255, 255, .7);}#footer .site-footer { max-width: 1200px; width: 96%; margin: 0 auto;}#footer .footer-col { display: inline-block; font-size: 0; vertical-align: middle; margin-right: 32px;}#footer .footer-col-logo img { display: block; max-width: 160px; max-height: 60px; height: auto;}#footer .footer-nav { padding: 0; margin: 0 0 12px; font-size: 14px; list-style: none;}#footer .footer-nav li { display: inline-block; margin-right: 10px; line-height: 18px;}#footer .footer-nav li:after { display: inline-block; font-size: 12px; line-height: 18px; opacity: .8; content: "|"; vertical-align: top;}#footer .footer-nav a { display: inline-block; padding-right: 10px; vertical-align: top;}#footer .footer-nav li:last-child a { padding-right: 0}#footer .footer-nav li:last-child:after { content: "";}#footer .copyright { font-size: 14px;}#footer .footer-col-sns { float: right; margin-right: 0;}#footer .footer-sns { display: inline-block; margin-top: 3px; font-size: 0;}#footer .footer-sns a { display: inline-block; margin: 7px 0 7px 20px; vertical-align: top; position: relative}#footer .footer-sns i { display: inline-block; position: relative; width: 40px; height: 40px; font-size: 20px; line-height: 40px; border-radius: 50%; text-align: center; background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .8); z-index: 0;}#footer .footer-sns i:hover { background: #364cc6; color: #fff;}.footer-sns a.weixin .weixincode { position: absolute; bottom: 50px; left: -40px; z-index: 999; display: none; width: 130px; height: 130px; overflow: hidden; border-radius: 5px; box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 8px 16px 0px rgba(0, 0, 0, 0.1); -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}.footer-sns a.weixin:hover .weixincode { display: block;}@media screen and (max-width:1024px) { .post .post-img a, .post .post-img-three li a { padding-bottom: 70%; } #footer .footer-col-logo { display: none; }}@media screen and (max-width:960px) { a.logo-text img { max-height: 40px; } .main-post, .main-single { margin-top: 80px; } .con { display: block } #sidebar-right { display: none } .page-top { width: 100%; height: 60px; padding: 0; } .post-title h2 { line-height: 1.6 } .post h2 { font-size: 1.1rem; -webkit-line-clamp: 1; } .post-single .post-title { font-size: 18px } .content, .single-content { width: 100%; z-index: 2; padding: 0 15px; } .header { height: 60px } #logo-text { position: absolute; width: 100%; text-align: center; padding: 0; margin: 0 auto } .logo-text { text-align: center; padding: 0; margin: 0 auto } .header_search button { padding: 4px 15px 4px 10px; } #search-form { top: 80px; } #search-form.open { width: calc(100% - 30px); margin-left: 15px; } .header.open { min-height: 175px; } .page-top .menu li { display: none } .post-single { margin-top: 30px } .donate_box { width: 300px; padding: 20px 10px } .doimg img { width: 120px; margin: 0 } .share-icons { margin-bottom: -100px } .post-list, .post-page { max-width: 100%; width: 100% } .post, .post-single, .posts-navigation, .comments, .related-list, .nextpro, .block-wrap, .archive-head, .post-pagination { margin: 20px 0 20px 0 } li.msgarticle { padding-left: 15px; } #footer .footer-col-sns { display: none; } #footer { padding: 25px 10px; text-align: center; } #footer .footer-col { margin-right: 0; }}@media screen and (max-width:767px) { .post-list p { margin-top: 10px; -webkit-line-clamp: 2; } .cover-footer p { margin-top: 2px; } .related-list li { width: 50%; padding: 0 5px; } .post-single .post-title h1 { font-size: 1.625rem; } .post-single .post-info .date:first-child { display: none }}@media screen and (max-width:480px) { .post h2 { font-size: 1rem; -webkit-line-clamp: 1; } .post .post-img { margin-right: 0.5rem; } .main-post, .main-single { margin-top: 70px; } .post, .post-single, .posts-navigation, .comments, .nextpro, .block-wrap, .related-list, .archive-head { margin: 0 0 10px 0; } .archive-head { padding: 15px; } .cover-body { padding: 10px; } .cover-content h1 { font-size: 20px; } .post .post-img-three .imgrow { margin: 10px -5px 0 -5px; } .post .post-img-three li { padding-left: 5px; padding-right: 5px; } .post { padding: 15px 15px 1px; } .post .post-footer { padding: 5px 0 5px 0; font-size: 14px; } .content, .single-content { padding: 0 10px; } .place { line-height: 30px; } .post-single { padding: 15px; } .related-list ul { margin: 0 10px; padding-bottom: 15px; } .post-single .post-title h1 { margin: 0.5rem 0 1rem 0; } .nextpro .background-img, .nextpro .post-overlay { height: 85px; } .nextpro .post_text { padding: 16px; } .comment-respond, .psbo-title { padding: 15px; } .comment-list { padding: 0 15px; }}@media screen and (max-width:375.1px) { .main-post, .main-single { margin-top: 70px; } .info-right { display: none; } .post, .post.index:first-child, .block-wrap, .comments, .related-list, .nextpro, .post-single, .archive-head, .slider__item img { border-radius: 0 !important; } .content, .single-content { padding: 0; } .post, .post-single, .posts-navigation, .comments { margin: 0 0 10px 0; } .place { margin: 0 10px; }}.breadcrumb { margin-bottom: 10px; font-size: 14px;}.post-meta,.post-meta a { font-size: 14px;}