.cl:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.vm {vertical-align:middle}
.doudaren_poster_box {position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.85);color:#fff;transition:all .4s ease;-webkit-transition:all .4s ease;opacity:0}
.doudaren_poster_box_show{opacity:1}
.doudaren_poster_fdico {position:fixed;z-index:100}
.doudaren_poster_fdico a {display:block;width:46px;height:46px;text-align:center;border-radius:50%;overflow:hidden;margin-top:10px}
.doudaren_poster_fdico a img {width:16px;height:16px;padding-top:8px;overflow:hidden}
.doudaren_poster_fdico a span {display:block;font-size:calc(20px/2);margin-top:2px;overflow:hidden}
.doudaren_poster_okimg, .doudaren_poster_imgshow {height:calc(100% - 55px);text-align:center}
.doudaren_poster_okimg img {max-width:calc(100% - 40px);max-height:calc(100% - 30px);margin:25px 20px 10px;border-radius:20px;}
.doudaren_poster_oktit {padding:0 10px;height:30px;line-height:30px;font-size:14px;text-align:center;overflow:hidden}
.doudaren_poster_okclose {position:absolute;width:100%;left:0;bottom:0;height:60px;text-align:center;overflow:hidden}
.doudaren_poster_okclose a {display:block;height:60px;line-height:40px;overflow:hidden}
.doudaren_poster_okclose a img {width:40px;height:40px}
.loading_color{width:200px;height:80px;margin:0 auto}
.loading_color span{display:inline-block;width:3px;height:30px;animation-name:scale;-webkit-animation-name:scale;-moz-animation-name:scale;-ms-animation-name:scale;-o-animation-name:scale;animation-duration:1.2s;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;-ms-animation-duration:1.2s;-o-animation-duration:1.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}
.loading_color span.loading_color1{background:#2ecc71}
.loading_color span.loading_color2{background:#3498db}
.loading_color span.loading_color3{background:#9b59b6}
.loading_color span.loading_color4{background:#e67e22}
.loading_color span.loading_color5{background:#c0392b}
.loading_color span.loading_color6{background:#e74c3c}
.loading_color span.loading_color7{background:#e74c8c}
.loading_color1{animation-delay:-1s;-webkit-animation-delay:-1s;-moz-animation-delay:-1s;-ms-animation-delay:-1s;-o-animation-delay:-1s}
.loading_color2{animation-delay:-0.9s;-webkit-animation-delay:-0.9s;-moz-animation-delay:-0.9s;-ms-animation-delay:-0.9s;-o-animation-delay:-0.9s}
.loading_color3{animation-delay:-0.8s;-webkit-animation-delay:-0.8s;-moz-animation-delay:-0.8s;-ms-animation-delay:-0.8s;-o-animation-delay:-0.8s}
.loading_color4{animation-delay:-0.7s;-webkit-animation-delay:-0.7s;-moz-animation-delay:-0.7s;-ms-animation-delay:-0.7s;-o-animation-delay:-0.7s}
.loading_color5{animation-delay:-0.6s;-webkit-animation-delay:-0.6s;-moz-animation-delay:-0.6s;-ms-animation-delay:-0.6s;-o-animation-delay:-0.6s}
.loading_color6{animation-delay:-0.5s;-webkit-animation-delay:-0.5s;-moz-animation-delay:-0.5s;-ms-animation-delay:-0.5s;-o-animation-delay:-0.5s}
.loading_color7{animation-delay:-0.4s;-webkit-animation-delay:-0.4s;-moz-animation-delay:-0.4s;-ms-animation-delay:-0.4s;-o-animation-delay:-0.4s}
@-webkit-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@-moz-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@-ms-keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
@keyframes scale{0%, 40%, 100%{-moz-transform:scaleY(0.2);-ms-transform:scaleY(0.2);-o-transform:scaleY(0.2);-webkit-transform:scaleY(0.2);transform:scaleY(0.2)}20%, 60%{-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);-webkit-transform:scaleY(1);transform:scaleY(1)}}
.doudaren_poster_box_img{position:fixed;top:-9999px;width:640px;height:1000px;overflow:hidden;z-index: -1}

.doudaren_poster_box_img .boxbg {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
}
.doudaren_poster_box_content {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.doudaren_poster_box_title_line{
    margin:80px 0 30px 80px;
    height: 3px;
    width: 100px;
    background: #c97a4f;
}
.doudaren_poster_box_title_text {
    margin:0 80px;
    font-size: 36px;
    color: #222;
    width: 60%;
}
.doudaren_poster_img {
    position: absolute;
    bottom: 160px;
    left: 0px;
    right: 160px;
    /* max-width: 70%; */
    margin-left: 80px;
    text-align: center;
    z-index: 2;
}
.doudaren_poster_imgbg {
    position: absolute;
    bottom: 175px;
    left: 0px;
    right: 145px;
    /* max-width: 70%; */
    margin-left: 65px;
    text-align: center;
    z-index: 1;
    background-image: url(../images/imgbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;

}
.doudaren_poster_box_textbox {
    position: absolute;
    bottom:0px;
    left: 0;
    right: 0;
    height: 360px;
}
.doudaren_poster_box_textbox:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/poster-bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: 3;
}
.doudaren_poster_box_textbox:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../images/poster-bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: 4; 
}
.doudaren_poster_img img {position:relative;width:100%;height:auto; border-radius: 30px;}
.doudaren_poster_img img.soft {width:50%;height:auto;margin: 0 auto;}
.doudaren_poster_img .img_time {position:absolute;left:30px;top:20px;line-height:36px;font-size:55px;text-align:center;font-weight:500;color:#fff;text-shadow:1px 0px 20px rgba(0, 0, 0, 0.5)}
.doudaren_poster_img .img_time span {display:block;margin-top:16px;border-top:3px solid #fff;font-weight:500;font-size:18px}
.doudaren_poster_tit {margin:22px 28px 28px;height:100px;line-height:50px;font-size:36px;font-weight:400;color:#222;overflow:hidden}
.doudaren_poster_tita {
    text-align: center;
    padding: 150px 48px 10px;
    max-height: 88px;
    line-height: 42px;
    font-size: 32px;
    font-weight: 400;
    color: #222;
    overflow: hidden;
    position: relative;
    z-index: 5;}
.doudaren_poster_txta {margin:80px;min-height:68px;max-height:136px;line-height:34px;font-size:23px;font-weight:400;color:#aaa;overflow:hidden;position: relative;z-index: 5;}
.doudaren_poster_user {padding:0 29px 10px;height:46px;line-height:46px;font-size:20px;overflow:hidden}
.doudaren_poster_user .kmdico {float:left;margin-left:2px;margin-top:18px;height:10px}
.doudaren_poster_user .kmuser {float:right;color:#369}
.doudaren_poster_user .kmuser img {float:left;width:46px;height:46px;margin-right:12px;border-radius:50%}
.doudaren_poster_user .kmuser .kmby {float:left;margin-right:15px;color:#ccc}
.doudaren_poster_user_mt {margin-top:20px}
.doudaren_poster_tops {padding:8px 15px;height:40px;line-height:40px;font-size:22px;color:#666;overflow:hidden}
.doudaren_poster_imgs {width:100%;height:300px;position:relative}
.doudaren_poster_imgs .kmbkbg {position:absolute;right:0;top:0;width:100%;height:250px;overflow:hidden}
.doudaren_poster_imgs .kmbkbg img {width:100%;height:auto;object-fit:cover;overflow:hidden}
.doudaren_poster_imgs .kmbkimg {position:absolute;left:50%;bottom:0;background:#fff;margin-left:-55px;width:110px;height:110px;border-radius:6px}
.doudaren_poster_imgs .kmbkimg img {width:100px;height:100px;margin:5px;border-radius:6px}
.doudaren_poster_tits {text-align:center;padding:15px 28px 10px;height:40px;line-height:40px;font-size:32px;font-weight:400;color:#369;overflow:hidden}
.doudaren_poster_txts {margin:5px 28px;min-height:68px;max-height:170px;line-height:34px;font-size:24px;font-weight:400;color:#666;overflow:hidden}
.doudaren_poster_dico {padding:20px 29px}
.doudaren_poster_nqmpfhx {background:none}
.doudaren_poster_x {width:100%;height:45px;background:url(../img/poster_x.jpg) repeat-x center;overflow:hidden}
.doudaren_poster_foot {position:relative;padding:13px 28px 30px;height:100px;box-sizing:initial;overflow:hidden;z-index: 6}
.doudaren_poster_foot .logo {
    width: 80px;
    height: auto;
    vertical-align: -5px;
}
.doudaren_poster_foot .kmzw {float:left;margin-left:1px;margin-right:20px;width:100px;height:100px}
.doudaren_poster_foot .kmzwtip {float:left;margin-top:13px;height:68px;line-height:36px;font-size:22px;color:#222;max-width: 360px;white-space: pre;}
.doudaren_poster_foot .kmzwtips {float:left;margin-top:12px;height:68px;line-height:36px;font-size:18px;color:#222;max-width: 360px;}
.doudaren_poster_foot .kmewm {float:right;width:100px;height:100px}
.doudaren_poster_fdico *,#doudaren_poster_box * {-moz-box-sizing:content-box;box-sizing:content-box;}
.doudaren_poster_fdico{bottom:82px; left:12px;}
.doudaren_poster_a,.doudaren_footer_scroll a.doudaren_poster_a{background:rgba(0,0,0,0.6);color:#FFFFFF;}
.doudaren_poster_a span,.doudaren_poster_a i{color:#FFFFFF;}
em, cite, i {
    font-style: normal;
}
.doudaren_footer_scroll a em {
    font-size: calc(20px/2);
}
.doudaren_poster_a span, .doudaren_poster_a i {
    color: #FFFFFF;
}
.doudaren_footer_scroll a span {
    display: block;
    margin-top: -2px;
    overflow: hidden;
}
.doudaren_footer_scroll a .doudaren_font {
    display: block;
    font-size: 20px;
    margin-top: 2px;
    height: 22px;
    line-height: 20px;
    overflow: hidden;
}
.doudaren_footer_scroll a .doudaren_font img {
    width: 20px;
    height: 20px;
}
.doudaren_footer_scroll a {
    display: block;
    width: .55rem;
    height: .55rem;
    text-align: center;
    background: #1f2129;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}
.doudaren_poster_a, .doudaren_footer_scroll a.doudaren_poster_a {
    background: #1f2129;
    color: #FFFFFF;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 0.55rem;
    line-height: .25rem;
    padding-top: 0.05rem;
}
.doudaren_footer_scroll {
    position: fixed;
    bottom: 1.4rem;
    right: 10px;
    z-index: 100;
    transition: all .2s ease;
    transform: translateX(100px);
    -webkit-transition: all .2s ease;
    -webkit-transform: translateX(100px);
}
.doudaren_footer_scroll_show {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}
a.doudaren_poster_a{text-decoration: none}

/* 海报图片容器：相对定位，让阴影容器绝对定位 */

/* 模拟阴影的div：放在图片下层，用背景色+模糊实现阴影 */
.doudaren_poster_image_shadow {
    position: absolute;
    left: -28px;
    top: -25px;
    width: calc(100% + 60px);
    height: calc(100% + 56px);
    background: url(/skin/poster/images/shadowbg.png) no-repeat center / 100% 100%;
    border-radius: 20px;
    z-index: 1;
}

/* 图片本身：相对定位，层级高于阴影 */
#doudaren_poster_image {
  position: relative;
  z-index: 2;
  /* 移除原有 box-shadow，改用模拟元素 */
}