/* pintuer-detail.css · 由 G:\workBuddy\projects\都市-头条\ROOT\templates\default\booea\pintuer\pintuer.css 抽取（详情页命中+动态DOM兜底）· 2026-10-28 */
html {margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {margin:0;padding:0;border:0;font-size:14px;font:inherit;vertical-align:baseline}
body {font-size:14px;color:#333;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue",Arial,Helvetica,sans-serif}
img {border:0;vertical-align:bottom}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
textarea {overflow:auto}
input:focus,
textarea:focus,
button:focus,
select:focus {outline:0}
audio,
canvas,
progress,
video {display:inline-block;vertical-align:baseline}
a {background:transparent}
a:active,
a:hover {outline:0}
a:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
svg:not(:root) {overflow:hidden}
button,
input,
optgroup,
select,
textarea {margin:0;font:inherit}
button {overflow:visible}
button,
select {text-transform:none}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance:button;cursor:pointer}
input {line-height:normal}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height:auto}
.button {border:solid 1px #ddd;background:transparent;border-radius:4px;font-size:14px;padding:6px 15px;margin:0;display:inline-block;line-height:20px;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.button:active {background-image:none;outline:0;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.button:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.container,
.container-layout {margin:0 auto;padding:0 10px}
@media(min-width:760px) {.container {width:750px}
}
@media(min-width:1200px) {.container {width:1200px}
}
@font-facefont-family:'FontAwesome';font-weight:normal;font-style:normal}
.close {display:inline-block;font-size:24px;cursor:pointer;line-height:24px}
.tag {font-size:75%;border-radius:.25em;background:#999;padding:.1em .5em .2em;color:#fff}
@-webkit-keyframes progress-bar-activefrom{background-position:30px 0}to{background-position:0 0}}
@keyframes progress-bar-activefrom{background-position:30px 0}to{background-position:0 0}}
.tab .tab-nav {list-style:none}
.tab .tab-nav li {display:inline-block}
.tab .tab-nav li a {color:#333;padding:8px 20px;display:block;border:solid 1px #ddd;line-height:20px;border-bottom:0;border-radius:4px 4px 0 0}
.tab .tab-body {border-top:solid 1px #ddd;margin-top:-1px;padding-top:15px}
.tab .tab-body .tab-panel {display:none}
.tab .tab-body .active {display:block}
.nav li {position:relative}
.nav a {color:#333;line-height:20px;padding:5px 0;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;display:block}
.nav a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
@media(min-width:760px) {.nav {padding:0}
}
h1,
.h1 {font-size:24px}
h4,
.h4 {font-size:16px}
h5,
.h5 {font-size:14px}
p,
.p {margin-bottom:15px;line-height:24px}
ul {padding-left:20px}
ol {padding-left:24px}
.float-left {float:left!important}
.float-right {float:right!important}
.clearfix,
.layout,
.container,
.container-layout,
.line,
.line-small,
.line-middle,
.line-big,
.nav-main,
.nav-sub,
.navbar {display:block}
.padding-right {padding-right:10px}
.padding-left {padding-left:10px}
@-webkit-keyframes a-fadein0%{opacity:0}100%{opacity:1}}
@-moz-keyframes a-fadein {0%{opacity:0}100%{opacity:1}}
@-ms-keyframes a-fadein {0%{opacity:0}100%{opacity:1}}
@keyframes a-fadein0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fadeinT0%{opacity:0;-webkit-transform:translateY(-50px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeinT {0%{opacity:0;-moz-transform:translateY(-50px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes fadeinT {0%{opacity:0;-ms-transform:translateY(-50px)}100%{opacity:1;-ms-transform:translateY(0)}}
@keyframes fadeinT0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}
@-webkit-keyframes fadeinR0%{opacity:0;-webkit-transform:translateX(50px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeinR {0%{opacity:0;-moz-transform:translateX(50px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-ms-keyframes fadeinR {0%{opacity:0;-ms-transform:translateX(50px)}100%{opacity:1;-ms-transform:translateX(0)}}
@keyframes fadeinR0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}
@-webkit-keyframes fadeinB0%{opacity:0;-webkit-transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeinB {0%{opacity:0;-moz-transform:translateY(50px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes fadeinB {0%{opacity:0;-ms-transform:translateY(50px)}100%{opacity:1;-ms-transform:translateY(0)}}
@keyframes fadeinB0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}}
@-webkit-keyframes fadeinL0%{opacity:0;-webkit-transform:translateX(-50px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeinL {0%{opacity:0;-moz-transform:translateX(-50px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-ms-keyframes fadeinL {0%{opacity:0;-ms-transform:translateX(-50px)}100%{opacity:1;-ms-transform:translateX(0)}}
@keyframes fadeinL0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}
@-webkit-keyframes a-fadeout0%{opacity:1}100%{opacity:0}}
@-moz-keyframes a-fadeout {0%{opacity:1}100%{opacity:0}}
@-ms-keyframes a-fadeout {0%{opacity:1}100%{opacity:0}}
@keyframes a-fadeout0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes fadeoutT0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px)}}
@-moz-keyframes fadeoutT {0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-100px)}}
@-ms-keyframes fadeoutT {0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-100px)}}
@keyframes fadeoutT0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100px)}}
@-webkit-keyframes fadeoutR0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px)}}
@-moz-keyframes fadeoutR {0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(100px)}}
@-ms-keyframes fadeoutR {0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(100px)}}
@keyframes fadeoutR0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100px)}}
@-webkit-keyframes fadeoutB0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px)}}
@-moz-keyframes fadeoutB {0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(100px)}}
@-ms-keyframes fadeoutB {0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(100px)}}
@keyframes fadeoutB0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100px)}}
@-webkit-keyframes fadeoutL0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px)}}
@-moz-keyframes fadeoutL {0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-100px)}}
@-ms-keyframes fadeoutL {0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(-100px)}}
@keyframes fadeoutL0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-100px)}}
@-webkit-keyframes a-bounce0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}
@-moz-keyframes a-bounce {0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}
@-ms-keyframes a-bounce {0%,20%,50%,80%,100%{-ms-transform:translateY(0)}40%{-ms-transform:translateY(-30px)}60%{-ms-transform:translateY(-15px)}}
@keyframes a-bounce0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
@-webkit-keyframes a-bouncein0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes a-bouncein {0%{opacity:0;-moz-transform:scale(0.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}
@-ms-keyframes a-bouncein {0%{opacity:0;-ms-transform:scale(0.3)}50%{opacity:1;-ms-transform:scale(1.05)}70%{-ms-transform:scale(0.9)}100%{-ms-transform:scale(1)}}
@keyframes a-bouncein0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}
@-webkit-keyframes a-bounceout0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}
@-moz-keyframes a-bounceout {0%{-moz-transform:scale(1)}25%{-moz-transform:scale(0.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(0.3)}}
@-ms-keyframes a-bounceout {0%{-ms-transform:scale(1)}25%{-ms-transform:scale(0.95)}50%{opacity:1;-ms-transform:scale(1.1)}100%{opacity:0;-ms-transform:scale(0.3)}}
@keyframes a-bounceout0%{transform:scale(1)}25%{transform:scale(0.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(0.3)}}
@-webkit-keyframes a-rotatein0%{opacity:0;-webkit-transform:rotate(-200deg)}100%{opacity:1;-webkit-transform:rotate(0)}}
@-moz-keyframes a-rotatein {0%{opacity:0;-moz-transform:rotate(-200deg)}100%{opacity:1;-moz-transform:rotate(0)}}
@-ms-keyframes a-rotatein {0%{opacity:0;-ms-transform:rotate(-200deg)}100%{opacity:1;-ms-transform:rotate(0)}}
@keyframes a-rotatein0%{opacity:0;transform:rotate(-200deg)}100%{opacity:1;transform:rotate(0)}}
@-webkit-keyframes a-rotateout0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}
@-moz-keyframes a-rotateout {0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}
@-ms-keyframes a-rotateout {0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0}}
@keyframes a-rotateout0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}
@-webkit-keyframes a-flash0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@-moz-keyframes a-flash {0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@-ms-keyframes a-flash {0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@keyframes a-flash0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@-webkit-keyframes a-shake0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}
@-moz-keyframes a-shake {0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}
@-ms-keyframes a-shake {0%,100%{-ms-transform:translateX(0)}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px)}20%,40%,60%,80%{-ms-transform:translateX(10px)}}
@keyframes a-shake0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}
@-webkit-keyframes a-swing20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0)}}
@-moz-keyframes a-swing {20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0)}}
@-ms-keyframes a-swing {20%{-ms-transform:rotate(15deg)}40%{-ms-transform:rotate(-10deg)}60%{-ms-transform:rotate(5deg)}80%{-ms-transform:rotate(-5deg)}100%{-ms-transform:rotate(0)}}
@keyframes a-swing20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}
@-webkit-keyframes a-wobble0%{-webkit-transform:translateX(0)}15%{-webkit-transform:translateX(-50px) rotate(-5deg)}30%{-webkit-transform:translateX(40px) rotate(3deg)}45%{-webkit-transform:translateX(-33px) rotate(-3deg)}60%{-webkit-transform:translateX(10px) rotate(2deg)}75%{-webkit-transform:translateX(-10px) rotate(-1deg)}100%{-webkit-transform:translateX(0)}}
@-moz-keyframes a-wobble {0%{-moz-transform:translateX(0)}15%{-moz-transform:translateX(-50px) rotate(-5deg)}30%{-moz-transform:translateX(40px) rotate(3deg)}45%{-moz-transform:translateX(-33px) rotate(-3deg)}60%{-moz-transform:translateX(10px) rotate(2deg)}75%{-moz-transform:translateX(-10px) rotate(-1deg)}100%{-moz-transform:translateX(0)}}
@-ms-keyframes a-wobble {0%{-ms-transform:translateX(0)}15%{-ms-transform:translateX(-50px) rotate(-5deg)}
30%{-ms-transform:translateX(40px) rotate(3deg)}45%{-ms-transform:translateX(-33px) rotate(-3deg)}60%{-ms-transform:translateX(10px) rotate(2deg)}75%{-ms-transform:translateX(-10px) rotate(-1deg)}100%{-ms-transform:translateX(0)}}
@keyframes a-wobble0%{transform:translateX(0)}15%{transform:translateX(-50px) rotate(-5deg)}30%{transform:translateX(40px) rotate(3deg)}45%{transform:translateX(-33px) rotate(-3deg)}60%{transform:translateX(10px) rotate(2deg)}75%{transform:translateX(-10px) rotate(-1deg)}100%{transform:translateX(0)}}
@-webkit-keyframes a-ring0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}
@-moz-keyframes a-ring {0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}
@-ms-keyframes a-ring {0%{-ms-transform:scale(1)}10%,20%{-ms-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}100%{-ms-transform:scale(1) rotate(0)}}
@keyframes a-ring0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}
@-webkit-keyframes a-rotate0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}
@-moz-keyframes a-rotate {0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}
@-ms-keyframes a-rotate {0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}
@keyframes a-rotate0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.text-white,
a.text-white:link,
a.text-white:visited,
.button.border-white,
blockquote.border-white,
.pager.border-white a,
.pager-prev.border-white,
.pager-next.border-white {color:#fff}
.button:hover,
.button:focus,
.button.bg:hover,
.button.bg:focus {background-color:#f5f5f5}
a {color:#333;text-decoration:none}
a:focus,
a:hover {color:#0a8}
.text-main,
a.text-main:link,
a.text-main:visited,
.button.border-main,
blockquote.border-main strong,
.pager.border-main a,
.pager-prev.border-main,
.pager-next.border-main,
.nav a:hover,
.nav-menu.nav-pills .active ul a:hover,
.bg-inverse .nav-menu ul a:hover,
.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,
.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,
.bg-inverse .nav.nav-menu.nav-pills ul a:hover,
.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover {color:#0a8}