/*Author：我在成都镐拆除（www.chaichuba.com QQ:39682748）*/
@charset "utf-8";
body { overflow-x: hidden; overflow-y: scroll; margin: 0; padding: 0; font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif, 'MicrosoftYaHeiLight', 'Microsoft YaHei Light'; font-size: 14px; font-weight: normal; color: #333 }
@media (min-width:768px) {
    body { font-weight: 100 }
}
::-moz-selection { color: #fff }
::selection { color: #fff }
*:focus { outline: none }
a { text-decoration: none }
a:hover, a:focus { outline: none; text-decoration: none }
.text-indent { text-indent: 2em }
.navbar { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); height: auto }
@media (max-width:768px) {
    .navbar-brand { display: table; display: -webkit-box\9; float: none; margin-left: auto; margin-right: auto; padding: 8px 0; height: 50px !important }
}
.navbar img { height: 35px }
@media (min-width:768px) {
    .navbar { height: 60px }
    .navbar-brand { float: left; padding: 10px 15px 10px 0 }
    .navbar img { height: 40px }
}
.nav li a { padding: 15px 25px; font-size: 16px }
@media (min-width:768px) {
    .nav li a { border-bottom: none; padding: 20px 25px }
}
ul.nav li { width: 100%; text-align: left }
ul.nav li a { display: block }
ul.nav li:hover>ul { display: block }
ul.nav ul { display: block; position: relative }
ul.nav ul li { position: relative; float: none }
ul.nav ul li a { display: block; padding: 10px 40px }
ul.nav ul ul { display: block; position: absolute; left: 100%; padding: 0 }
ul.nav ul ul li { float: none; position: absolute }
ul.nav ul ul ul { display: block; position: absolute; left: 100%; padding: 0 }
ul.nav ul ul ul li { float: none; position: absolute }
@media (min-width:768px) {
    ul.nav { display: -webkit-flex; display: -ms-flexbox; display: flex }
    ul.nav ul { display: none; position: relative; margin: 0; padding: 0; width: 100%; list-style: none }
    ul.nav li { width: auto; text-align: center }
    ul.nav li:hover>ul { display: block }
    ul.nav ul li { float: none; position: relative }
    ul.nav ul li a { padding: 12px 25px }
    ul.nav ul ul { display: none; position: absolute; left: 100%; top: 0 }
    ul.nav ul ul li { float: none; position: relative }
}
.searchform_button { border: none; cursor: pointer; padding: 15px 15px 15px 0 }
@media (min-width:768px) {
    .searchform_button { margin-right: 5px; padding: 20px 0 20px 15px }
    .login_button { border: none; cursor: pointer; margin-right: 0; padding: 20px 0 20px 15px }
}
#searchform { display: none; position: absolute; z-index: 9999; top: 0; right: 0 }
@media (min-width:768px) {
    #searchform { right: -5px }
}
.form-text { border: 1px solid #ddd; border-radius: 20px; padding: 8px 50px 8px 20px; line-height: 20px; vertical-align: middle }
.form-text.form-input { border: none; width: 200px; color: #fff }
#searchform input::-webkit-input-placeholder { color: #fff }
#searchform input:-moz-placeholder { color: #fff }
#searchform input::-moz-placeholder { color: #fff }
#searchform input:-ms-input-placeholder { color: #fff }
.form-button { position: absolute; border: none; margin: 6px 0 0 160px; color: #eee; background: none }
.form-button:hover, .form-button:focus { color: #fff }
.swiper-container { margin-top: 25px; width: 100%; height: 100% }
@media (max-width:768px) {
    .swiper-container { margin-top: 20px }
    .swiper-pagination { margin-right: 0; text-align: center }
    .swiper-pagination-bullet { width: 12px; height: 12px }
}
.swiper-slide p { z-index: 150; position: absolute; bottom: 0px; left: 0px; margin: 0; padding: 10px; width: 100%; opacity: 0.7 }
.swiper-slide img { display: block }
.multi { border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; padding: 0; height: 18px; line-height: 32px }
.multi i { padding: 0 10px 0 0; font-size: 18px; background: #fff }
.multi .title { padding: 0 20px 0 0; font-size: 18px; font-weight: 600; color: #505050; background: #fff }
.post-istop { margin-top: 25px }
.post-istop .multi { line-height: 33px }
.post-istop .istop { border: 1px #e5e5e5 solid; margin-top: 15px; color: #505050 }
.post-istop .istop a { display: block; overflow: hidden }
.post-istop .istop:hover { box-shadow: 0px 0px 8px #ccc; cursor: pointer }
.post-istop .istop:hover a { color: #fff }
.post-istop .istop span { overflow: hidden; display: block; margin: 0; padding: 0; padding-bottom: 66.66666666%; width: 100%; max-width: 100%; height: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.post-istop .istop:hover span { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05) }
.post-istop .istop p { overflow: hidden; margin: 0; padding: 0 10px; height: 35px; line-height: 35px; font-size: 14px }
.post-istop .istop p a { color: #333 }
.post-multi { margin-top: 25px }
@media (max-width:768px) {
    .post-multi { margin-top: 15px }
}
.post-multi .multi { line-height: 33px }
.post-multi ul { margin: 0; padding-top: 10px }
.post-multi .post-article { border-left: 3px #fff solid; margin: 0; height: 34px; line-height: 34px }
.post-multi .post-article:hover { background: #f6f6f6 }
.post-multi li:nth-child(5n) { border-bottom: 1px dotted #e3e3e3; margin-bottom: 10px; padding-bottom: 10px }
.post-multi .multi-title { overflow: hidden; margin: 0; padding: 0 10px; height: 24px; line-height: 24px }
.post-multi .multi-title a { font-size: 14px; font-weight: normal; color: #333 }
.post-multi .multi-time { padding-right: 10px; font-size: 13px; color: #999 }
.post-multi dl { border: 1px #e5e5e5 solid; overflow: hidden; margin: 20px 0 0 0; background: #fff }
.post-multi dl:hover { box-shadow: 0px 0px 8px #ccc; cursor: pointer }
.post-multi dt a { display: block; overflow: hidden }
.post-multi dt img { display: block; width: 100%; height: auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.post-multi dt img:hover { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05) }
.post-multi .photo-title { margin: 0; padding: 5px 10px 10px 10px; line-height: 14px }
.post-multi .photo-title a { font-size: 14px; color: #505050 }
@media (min-width:768px) {
    .post-multi ul { padding-top: 15px }
    .post-multi .post-article { border-left: 3px #fff solid; margin: 0 0 5px 0; height: 40px; line-height: 40px }
    .post-multi li:nth-child(5n) { margin-bottom: 15px; padding-bottom: 10px }
    .post-multi .multi-title { margin: 0; padding: 0 10px; height: 30px; line-height: 30px }
    .post-multi .multi-title a { font-size: 16px; font-weight: 100 }
    .post-multi .photo-title { margin: 0; padding: 10px 15px; line-height: 24px }
    .post-multi .photo-title a { font-size: 18px; font-weight: 100 }
}
.post-multi .photo-time { padding: 0 15px; color: #666 }
.post-multi .photo-content { padding: 10px 15px; line-height: 25px }
.post-multi blockquote { border: none; border-left: 4px solid #ccc; margin: 30px 0 0 0; padding: 15px 20px; line-height: 25px; font-size: 14px; background: #f6f6f6; quotes: "\201C" "\201D" "\2018" "\2019" }
.post-multi blockquote:before { content: open-quote; margin-right: .18em; line-height: .1em; vertical-align: -.4em; font-size: 4em; color: #ccc }
.post-multi blockquote p { display: inline; line-height: 26px; font-size: 14px }
.media { border-bottom: 1px solid #eee; margin: 0; padding: 15px 0 10px 0 }
.media-left { position: relative; padding: 0 10px 0 0 }
.media-left a { display: block; overflow: hidden }
.media-left img { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.media-left img:hover { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05) }
.media-left span { position: absolute; top: 0; right: 20px; padding: 2px 6px; font-size: 13px; color: #fff; opacity: 1; filter: alpha(opacity=0); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out }
.media-left:hover span { opacity: 1; filter: alpha(opacity=100) }
@media (min-width:992px) {
    .media-left { padding: 0 20px 0 0 }
}
@media (min-width:768px) and (max-width:991px) {
    .media-left { padding: 0 20px 0 0 }
}
.media-heading { overflow: hidden; margin-top: -5px; margin-bottom: 5px; max-height: 45px; line-height: 18px }
.media-heading span { border-radius: 4px; margin-top: 0; margin-right: 10px; padding: 4px 10px; font-size: 13px; color: #fff }
.media-heading a { font-size: 16px; color: #333 }
@media (min-width:768px) {
    .media { padding: 20px 0 }
    .media-heading { margin-top: -8px; margin-bottom: 10px; height: 32px; line-height: 32px }
    .media-heading a { font-size: 20px }
}
.media-body p { overflow: hidden; line-height: 24px; color: #333 }
.media-body p a { color: #333 }
.media-body .media-time { margin: 0; padding: 0; font-size: 12px; color: #666 }
.media-three { overflow: hidden; margin: 0; padding: 3px 0 6px 0 }
.media-three-thumbnail { float: left; position: relative; padding: 0 8px 0 2px; width: 33.33333333% }
.media-three-thumbnail:hover { cursor: pointer }
.media-three-thumbnail a { display: block; overflow: hidden }
.media-three-thumbnail span { overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; max-width: 100%; height: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.media-three-thumbnail:hover span { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05) }
@media (min-width:768px) {
    .media-body .media-time { font-size: 14px; color: #666 }
    .media-body p { overflow: hidden; max-height: 150px; line-height: 25px; color: #333 }
}
#my-gallery-container .item dt { position: relative }
#my-gallery-container .item dt span { position: absolute; top: 0; right: 0; padding: 4px 8px; font-size: 14px; font-weight: 100; color: #fff; opacity: 1; filter: alpha(opacity=0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
#my-gallery-container .item dt:hover span { opacity: 1; filter: alpha(opacity=100) }
.comment-pagebar { margin: 30px 0 0 0; padding: 0; text-align: center }
.pagebar { margin: 30px 0; padding: 0; text-align: center }
@media (min-width:768px) {
    .pagebar { margin: 40px 0 }
}
.pagebar a, .comment-pagebar a { display: inline-block; border: 1px solid #fff; margin: 0 0 5px 0; padding: 0 12px; height: 32px; line-height: 32px; color: #666; background: #eee }
.pagebar a:focus, .pagebar a:hover, .comment-pagebar a:focus, .comment-pagebar a:hover { color: #fff }
.pagebar .now-page, .comment-pagebar .now-page { display: inline-block; padding: 0 12px; height: 30px; line-height: 32px; color: #fff }
.pagebar .page-num, .comment-pagebar .page-num { margin: 0 15px 0 0; color: #666 }
@media (min-width:992px) {
    .pagebar a, .comment-pagebar a { padding: 0 16px; height: 38px; line-height: 38px }
    .pagebar .now-page, .comment-pagebar .now-page { padding: 0 16px; height: 36px; line-height: 38px }
}
#sidebar { margin-bottom: 20px }
#sidebar a:hover, #sidebar a:focus { text-decoration: underline }
#sidebar .function { overflow: hidden; margin-top: 25px }
#sidebar .function_t { margin-bottom: 15px; padding: 0 1px; height: 18px; line-height: 32px; font-size: 18px; font-weight: 600; color: #505050; background: #fff }
#sidebar .function_t:before { padding: 0 10px 0 0; font-family: 'FontAwesome'; font-size: 18px; background: #fff }
#sidebar .function_t:after { border-bottom: 1px solid #e5e5e5; display: inherit; position: relative; margin: -15px 0 0 116px; padding: 0; width: 100%; content: ''; background: #fff }
#divCalendar .function_t:before { content: '\f274' }
#divNavBar .function_t:before { content: '\f0c9' }
#divCatalog .function_t:before { content: '\f1b2' }
#divContorPanel .function_t:before { content: '\f013' }
#divPrevious .function_t:before { content: '\f044' }
#divNewpost .function_t:before { content: '\f040' }
#divLinkage .function_t:before { content: '\f0c1' }
#divSearchPanel .function_t:before { content: '\f002' }
#divFavorites .function_t:before { content: '\f02e' }
#divArchives .function_t:before { content: '\f02d' }
#divComments .function_t:before { content: '\f075' }
#divNewcomm .function_t:before { content: '\f086' }
#divStatistics .function_t:before { content: '\f05a' }
#divMisc .function_t:before { content: '\f03e' }
#divAuthors .function_t:before { content: '\f007' }
#divTags .function_t:before { content: '\f02c' }
#divHottags .function_t:before { content: '\f06d' }
#divHotpost .function_t:before { content: '\f135' }
#divReaders .function_t:before { content: '\f21d' }
#divFollow .function_t:before { content: '\f025' }
#divGuess .function_t:before { content: '\f074' }
#divNavBar ul, #divFavorites ul, #divArchives ul, #divLinkage ul, #divStatistics ul, #divMisc ul, #divAuthors ul, #divCatalog ul { overflow: hidden; list-style: none; margin: 0; padding: 0 }
#divNavBar ul li, #divFavorites ul li, #divArchives ul li, #divLinkage ul li, #divStatistics ul li, #divMisc ul li, #divAuthors ul li { overflow: hidden; float: left; padding: 10px 0 0 5px; width: 50%; font-size: 15px; white-space: nowrap; text-overflow: ellipsis }
#divCatalog ul li { list-style-type: circle; padding: 10px 0 0 5px; font-size: 15px; white-space: nowrap; text-overflow: ellipsis }
#divCatalog ul li ul { padding: 0 0 0 30px }
#divContorPanel div { overflow: hidden; padding: 10px 0; line-height: 28px }
#divContorPanel div span { padding: 0 10px 0 0 }
#divCalendar { overflow: hidden; padding: 0 }
table[id$='Calendar'] { border: none; width: 100%; text-align: center; color: #666 }
table[id$='Calendar'] caption { margin: 0; padding: 15px 0 10px 0; font-size: 15px; text-align: center }
table[id$='Calendar'] th { text-align: center; color: #666 }
table[id$='Calendar'] td { padding: 4px }
table[id$='Calendar'] td a { display: block }
#divPrevious ul, #divComments ul, #divNewpost ul, #divHotpost ul, #divGuess ul { overflow: hidden; list-style: none; margin: 0; padding: 15px 0 0 5px }
#divPrevious li, #divComments li, #divNewpost li, #divHotpost li, #divGuess li { display: block; overflow: hidden; margin-bottom: 20px !important; padding-left: 10px; height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis }
#divPrevious li:nth-child(10n+1), #divComments li:nth-child(10n+1), #divNewpost li:nth-child(10n+1), #divHotpost li:nth-child(10n+1), #divGuess li:nth-child(10n+1) { border-left: 3px #fd5f00 solid }
#divPrevious li:nth-child(10n+2), #divComments li:nth-child(10n+2), #divNewpost li:nth-child(10n+2), #divHotpost li:nth-child(10n+2), #divGuess li:nth-child(10n+2) { border-left: 3px #ffc002 solid }
#divPrevious li:nth-child(10n+3), #divComments li:nth-child(10n+3), #divNewpost li:nth-child(10n+3), #divHotpost li:nth-child(10n+3), #divGuess li:nth-child(10n+3) { border-left: 3px #00a635 solid }
#divPrevious li:nth-child(10n+4), #divComments li:nth-child(10n+4), #divNewpost li:nth-child(10n+4), #divHotpost li:nth-child(10n+4), #divGuess li:nth-child(10n+4) { border-left: 3px #00c3c4 solid }
#divPrevious li:nth-child(10n+5), #divComments li:nth-child(10n+5), #divNewpost li:nth-child(10n+5), #divHotpost li:nth-child(10n+5), #divGuess li:nth-child(10n+5) { border-left: 3px #b92400 solid }
#divPrevious li:nth-child(10n+6), #divComments li:nth-child(10n+6), #divNewpost li:nth-child(10n+6), #divHotpost li:nth-child(10n+6), #divGuess li:nth-child(10n+6) { border-left: 3px #e07e00 solid }
#divPrevious li:nth-child(10n+7), #divComments li:nth-child(10n+7), #divNewpost li:nth-child(10n+7), #divHotpost li:nth-child(10n+7), #divGuess li:nth-child(10n+7) { border-left: 3px #27c790 solid }
#divPrevious li:nth-child(10n+8), #divComments li:nth-child(10n+8), #divNewpost li:nth-child(10n+8), #divHotpost li:nth-child(10n+8), #divGuess li:nth-child(10n+8) { border-left: 3px #5c68ec solid }
#divPrevious li:nth-child(10n+9), #divComments li:nth-child(10n+9), #divNewpost li:nth-child(10n+9), #divHotpost li:nth-child(10n+9), #divGuess li:nth-child(10n+9) { border-left: 3px #00a9da solid }
#divPrevious li:nth-child(10n), #divComments li:nth-child(10n), #divNewpost li:nth-child(10n), #divHotpost li:nth-child(10n), #divGuess li:nth-child(10n) { border-left: 3px #e41a91 solid; margin-bottom: 10px }
#divPrevious li a, #divComments li a, #divNewpost li a, #divHotpost li a, #divGuess li a { font-size: 15px; color: #505050; text-decoration: none }
#divPrevious li a:hover, #divPrevious li a:focus, #divComments li a:hover, #divComments li a:focus, #divNewpost li a:hover, #divNewpost li a:focus, #divHotpost li a:hover, #divHotpost li a:focus, #divGuess li a:hover, #divGuess li a:focus { text-decoration: none }
#divTags ul, #divHottags ul { overflow: hidden; list-style: none; margin: 0; padding: 8px 0 0 0 }
#divTags li, #divHottags li { float: left; margin: 6px 4px }
#divTags li a, #divHottags li a { display: inline-block; border: 1px solid #ddd; border-radius: 20px; padding: 0 20px; width: 100%; height: 34px; line-height: 32px; font-size: 16px; white-space: nowrap; background: none; transition: background-color .3s ease-out 0s, border-color .3s ease-out 0s }
#divTags li a:hover, #divTags li a:focus, #divHottags li a:hover, #divHottags li a:focus { color: #fff; text-decoration: none }
#divTags li .tag-count { font-size: 12px }
#divSearchPanel .function_t { margin: 0 0 25px 0 }
#divSearchPanel form input[type='text'] { border: 1px solid #e5e5e5; margin: 0; padding: 0 10px; width: 78%; height: 35px; line-height: 35px; font-size: 14px; color: #666 }
#divSearchPanel form input[type='text']:hover { border: 1px solid #ddd }
#divSearchPanel form input[type='submit'] { border: none; margin: 0; padding: 0; width: 20%; height: 35px; line-height: 35px; color: #fff }
#divSearchPanel form input[type='submit']:hover { opacity: .95 }
@media (min-width:768px) {
    #divSearchPanel form input[type='text'] { width: 77% }
    #divSearchPanel form input[type='submit'] { width: 20% }
}
#divNewcomm ul { margin: 0; padding: 0 }
#divNewcomm dd dl { border-bottom: 1px dotted #e5e5e5; overflow: hidden; margin: 0; padding: 20px 0 10px 0 }
#divNewcomm dd dt { overflow: hidden; float: left; margin-right: 15px }
#divNewcomm dd dt img { border: 1px solid #eee; border-radius: 50px; display: block; padding: 2px; width: 50px; height: 50px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
#divNewcomm dd dt img:hover { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg) }
#divNewcomm dd dd span { overflow: hidden; display: block; margin: 0; padding: 0 }
#divNewcomm dd dd span em { float: left; font-style: normal; font-weight: 100 }
#divNewcomm dd dd span i { float: right; padding: 0 0 0 10px; font-size: 12px; font-style: normal; color: #999 }
#divNewcomm dd dd p { overflow: hidden; padding: 5px 0 0 0; height: 24px; line-height: 24px; font-size: 14px; color: #505050; white-space: nowrap; text-overflow: ellipsis }
#divNewcomm dd dd p img { margin-top: -4px; padding: 0 2px }
#divNewcomm dd dd p a { color: #505050 }
#divNewcomm dd dd p a:hover { text-decoration: underline }
#divReaders .function_t { margin: 0 0 30px 0 }
#divReaders { overflow: hidden }
#divReaders ul { margin: 0; padding: 0 }
#divReaders li { list-style-type: none }
#divReaders a { float: left; overflow: hidden; margin: 0 5px 10px 4px; width: 60px; height: 80px; color: #505050; text-align: center; text-decoration: none; font-size: 13px; cursor: pointer }
#divReaders img { border-radius: 25px; border: 1px solid #eee; display: block; margin: 0 auto; margin-bottom: 5px; padding: 2px; width: 50px; height: 50px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
#divReaders img:hover { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg) }
#divFollow ul { padding: 0 }
#divFollow dd dl { border-bottom: 1px dotted #e5e5e5; overflow: hidden; margin: 0; padding: 15px 0 5px 0 }
#divFollow dd dt { overflow: hidden; float: left; margin-right: 15px }
#divFollow dt a { display: block; overflow: hidden }
#divFollow dd dt img { display: block; margin: 0 0 10px 0 }
#divFollow dd dd h4 { overflow: hidden; display: block; margin: 0; padding: 0; line-height: 22px; font-size: 14px; font-weight: 100 }
#divFollow dd dd p { overflow: hidden; padding: 5px 0 0 0; height: 24px; line-height: 24px; font-size: 14px; color: #505050; white-space: nowrap; text-overflow: ellipsis }
#divFollow dd dd p img { margin-top: -4px; padding: 0 2px }
#divFollow dd dd p a { color: #505050 }
#divFollow dd dd p a:hover { text-decoration: underline }

.kefu{z-index:999999;position:fixed;bottom:120px;right:10px;cursor:pointer}
.kefu a,.kefu i{color:#fff}
.kefu a:hover,.kefu i:hover{color:#f3f3f3}
.kefu .qq{padding:8px;width:36px;height:36px;background:#12b7f5}
.kefu .weibo{padding:8px;width:36px;height:36px;background:#ea493c}
.kefu .weixin{padding:8px 7px;width:36px;height:36px;background:#24b727}
.kefu .phone{padding:8px 10px;width:36px;height:36px;background:#ff7600}
.kefu .comment{padding:6px 8px;width:36px;height:36px;background:#17c7d1}
.kefu .facebook{padding:8px 12px;width:36px;height:36px;background:#3b5998}
.kefu .linkedin{padding:8px 10px;width:36px;height:36px;background:#1883bb}
.kefu .top{padding:4px 9px;width:36px;height:36px;background:#666666}
.kefu-tip{z-index:1000;position:absolute;display:none;box-shadow:0 0 3px rgba(0,0,0,0.2);background-color:#fff}
.kefu-tip .kefu-tip-arrow,.kefu-tip .kefu-tip-arrow em,.kefu-tip .kefu-tip-arrow ins{width:0;height:0;font-size:0;line-height:0;top:45%;display:block;position:absolute}
.kefu-tip .kefu-tip-arrow em{border:5px solid transparent;_border:5px solid #fff;_filter:chroma(color=#fff)}
.kefu-tip .kefu-tip-arrow ins{border:5px solid transparent;_border:5px solid #fff;_filter:chroma(color=#fff)}
.kefu-tip .kefu-tip-arrow-left{right:0}
.kefu-tip .kefu-tip-arrow-left em{border-right:none;border-left-color:#fff}
.kefu-tip .kefu-tip-arrow-left ins{border-right:none;border-left-color:#fff;left:0}
.kefu .phone .phones{padding:10px 15px;line-height:24px;color:#333;font-size:14px;background:#fff}
.kefu .phone .phones i{color:#333}
.kefu .phone .phones a,.kefu .phone .phones a:hover,.kefu .phone .phones a:focus{color:#333}
.kefu .phone .phones a:hover,.kefu .phone .phones a:focus{color:#333;text-decoration:underline}
.kefu .top{display:none}
@media (max-width:768px){.kefu{bottom:50px;right:5px;cursor:pointer}
}

/* ========== 修复图片变形 Start ========== */

/* 1. 所有图片基础响应式（解决90%变形问题） */
img { max-width: 100%; height: auto; vertical-align: middle; }

/* 2. 特别关注模块图片（强制3:2比例，与210x140对应） */
#divFollow dl dt { position: relative; overflow: hidden; width: 100%; aspect-ratio: 3 / 2;  /* 210:140 = 3:2 */ }
#divFollow dl dt img { width: 100%; height: 100%; object-fit: cover;  /* 图片覆盖整个区域，超出裁剪，保持比例 */ display: block; }

/* 3. 文章列表缩略图（媒体对象） */
.media-left { position: relative; overflow: hidden; width: 120px;  /* 固定宽度 */ aspect-ratio: 4 / 3;  /* 宽高比4:3 */ }
@media (min-width:768px) {
    .media-left { width: 180px;  /* PC端稍大 */ }
}
.media-left img { width: 100%; height: 100%; object-fit: cover; }

/* 4. 三图模式（.media-three-thumbnail） */
.media-three-thumbnail { position: relative; overflow: hidden; aspect-ratio: 4 / 3; }
.media-three-thumbnail span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }

/* 5. 幻灯片图片 */
.swiper-slide img { width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 9;  /* 宽屏比例 */ }

/* 6. 推荐文章置顶区域（.post-istop） */
.post-istop .istop span { position: relative; overflow: hidden; padding-bottom: 0 !important; height: auto !important; aspect-ratio: 3 / 2; }
.post-istop .istop span img { width: 100%; height: 100%; object-fit: cover; }

/* 7. 多图模式（.post-multi dt） */
.post-multi dt { position: relative; overflow: hidden; aspect-ratio: 16 / 9; }
.post-multi dt img { width: 100%; height: 100%; object-fit: cover; }

/* 8. 友情链接图片 */
.links .links-pic li img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }

/* 9. 手机端特殊处理 - 手机端用不同的宽高比 */
@media (max-width:768px) {

    /* 手机端特别关注模块用1:1正方形 */
    #divFollow dl dt { aspect-ratio: 1 / 1; }

    /* 手机端文章缩略图用1:1 */
    .media-left { width: 90px; aspect-ratio: 1 / 1; }

    /* 手机端三图模式用1:1 */
    .media-three-thumbnail { aspect-ratio: 1 / 1; }

    /* 手机端幻灯片用4:3 */
    .swiper-slide img { aspect-ratio: 4 / 3; }
}

/* 10. 全局通用 - 任何图片容器保持比例（后备方案） */
[class*="thumbnail"] img, [class*="thumb"] img, [class*="pic"] img { width: 100%; height: auto; }

/* ========== 修复图片变形 End ========== */