body {background-color: #f5f5f5;}

.dt-wrap {position: relative;padding-bottom: 50px;}
.dt-wrap-box {width: 1020px;margin: -80px auto 0;position: relative;padding:0 0 50px;max-height: 1800px;overflow: hidden;}

.dt-logo {width: 153px;height: 61px;position: absolute;top: 28px;left: 50%;margin-left: -510px;}
.dt-logo a {display: block;position: relative;width: 100%;height: 100%;background: url(https://p2.cri.cn/resource/a5383119-f1c9-409b-8739-1ff8972e3a12/2025/details/tiktok/pc/images.logo-cri_03.png) no-repeat top center;}

.dt-banner {min-width: 1020px;}
.dt-banner-pc {background-position: top center;background-repeat: no-repeat;}
.dt-banner-m {display: none;}
.dt-banner-m img {display: block;width: 100%;height: auto;}
.dt-title {font-size: 40px;text-align: center;font-weight: bold;line-height: 66px;margin-bottom: 15px;}
.dt-brief {font-size: 20px;text-align: center;line-height: 26px;margin-bottom: 40px;}
.dt-brief span {color: #888;margin-left: 45px;}
.dt-abody {line-height: 36px;text-align: justify;}
.dt-abody p {margin: 15px 0;}
.dt-abody img,.dt-abody video {max-width: 100%;height: auto;}
.dt-abody video {background-color: #000;}
.dt-abody audio {max-width: 100%;}

.dt-wrap-box-bottom {width: 1020px;margin: 0 auto;}

.dt-btn-open {text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;/* background: linear-gradient(to bottom, transparent 0%, #fff 70%, #f5f5f5 100%); */background: url(https://p2.cri.cn/resource/a5383119-f1c9-409b-8739-1ff8972e3a12/2025/details/tiktok/pc/images.bg-1.png) repeat-x top center;background-size: auto 100%;padding: 140px 0 20px;}
.dt-btn-open span {color:#2a9b16;border-bottom: 2px #2a9b16 solid;padding-bottom: 10px;cursor: pointer;}
.dt-wrap-box.openover {max-height: none;}
.dt-wrap-box.openover .dt-btn-open {display: none;}

.dt-wrap-box-share {width: 1020px;margin: 0 auto;padding: 20px 0;display: none;}

.dt-wrap-box-bottom-con {padding: 50px 0;}
.dt-wrap-box-bottom-con a {display: block;border-radius: 10px;overflow: hidden;}
.dt-wrap-box-bottom-con img {display: block;width: 100%;height: auto;}
.dt-wrap-box-bottom-con .con-pc {}
.dt-wrap-box-bottom-con .con-m {display: none;}

@media only screen and (min-width: 768px) and (max-width: 1021px) {
    .dt-logo {margin-left: 0;left: 0;}
}

@media only screen and (min-width: 0) and (max-width:768px) {
    .dt-wrap {width: 16rem;margin: 0 auto;}
    .dt-wrap-box {width: calc(100% - 1.2rem);padding: 0 .6rem 0;margin-top: -2.1333rem;}
    .dt-logo {width: 2.6453rem;height: 1.0667rem;margin-left: 0;top: 1.4933rem;left: 1.6213rem;}
    .dt-logo a {background-size: 100% 100%;}
    .dt-banner {min-width: 0;}
    .dt-banner-m {display: block;}
    .dt-banner-pc {display: none;}
    .dt-title {font-size: .8533rem;line-height: 1.152rem;text-align: left;margin-bottom: .5rem;}
    .dt-brief {font-size: .45rem;line-height: .8rem;text-align: left;margin-bottom: .8rem;}
    .dt-brief span {margin-left: .3rem;}
    .dt-abody {font-size: .512rem;line-height: .8rem;}
    .dt-abody p {margin: .3rem 0;}
    .dt-abody p,.dt-abody span,.dt-abody a {font-size: .55rem !important;line-height: 1rem !important;}
    .dt-abody video {max-width: none;height: 7.68rem;width: 100%;}
    .dt-abody h1 {font-size: 1.4em;}
    .dt-abody h2,.dt-abody h3,.dt-abody h4,.dt-abody h5,.dt-abody h6 {font-size: 1.2em;line-height: 1.5em;}
    .dt-wrap-box-bottom {width: 14.72rem;}
    .dt-btn-open {font-size: .512rem;line-height: .8rem;padding: 5rem 0 1rem;}
    .dt-wrap-box {max-height: 66rem;}

    .float-shaer {display: none;}
    .dt-wrap-box-share {width: 16rem;display: block;}
    .dt-wrap-box-share::after {content: "";display: block;clear: both;}
    
    .dt-wrap-box-bottom-con {padding: 2rem 0;}
    .dt-wrap-box-bottom-con .con-pc {display: none;}
    .dt-wrap-box-bottom-con .con-m {display: block;}
}