/* CSS 样式 */
.container[data-v-0c163421] {
    width: 450px;
    height: 300px;
    position: relative;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.title[data-v-0c163421] {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    color: black;
    font-weight: bold;
}

.content[data-v-0c163421] {
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    margin-top: 10px
}

.content .content-left[data-v-0c163421] {
    position: relative;
    -webkit-box-flex: 1.2;
    -ms-flex: 1.2;
    flex: 1.2;
    margin-top: 128px
}

.content .content-left .content-number[data-v-0c163421] {
    position: relative;
    width: 426px;
    height: 200px;
    background: url("/assets/images/fear.png") no-repeat center;
    background-origin: border-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.content .content-left .content-number .span-left[data-v-0c163421] {
    position: absolute;
    bottom: -28px;
    left: 0;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1f8cf8;
    line-height: 20px
}

.content .content-left .content-number .span-right[data-v-0c163421] {
    position: absolute;
    bottom: -28px;
    right: 0;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #f5222d;
    line-height: 20px
}

.content .content-left .nh[data-v-0c163421] {
    width: 148px;
    height: 150px;
    border-radius: 150px;
    position: absolute;
    left: 50%;
    top: 53%;
    margin-left: -82px;
    margin-top: 20px;
    border: 8px solid #f5222d;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.content .content-left .nh .d0[data-v-0c163421] {
    width: 120px;
    height: 120px;
    border-radius: 160px;
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #fff
}

.content .content-left .nh .d1[data-v-0c163421] {
    position: absolute;
    left: -143px;
    top: 70px;
    width: 136px;
    height: 3px;
    background-color: #f5222d
}

.content .content-left .nh .d1 .s1[data-v-0c163421] {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    display: inline-block;
    position: absolute;
    background-color: #f5222d;
    top: -6px;
    left: -10px;
    z-index: 2
}

.content .content-left .nh-hidden[data-v-0c163421] {
    position: absolute;
    background: #fff;
    width: 180px;
    height: 80px;
    left: 50%;
    top: 56%;
    margin-left: -100px;
    margin-top: 88px
}

.content .content-left .num-span[data-v-0c163421] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-70%);
    color: #262626;
    font-weight: 600;
    font-size: 30px;
}