.sst-panel-con {
    width: 100%;
    height: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    overflow-x: visible;
    overflow-y: hidden;
}

.sst-panel-con .audio_space {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.sst-panel-con .lec-audio {
    float: none;
    display: block;
}



.sst-panel-con .panel_context {
    margin-top: 20px;
    width: 100%;
    height: 100%;
    background-color: #f5f5fa;
    border-radius: 8px;
    padding: 10px 0;
    overflow: hidden;
}

.sst-panel-con .textCountable {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border: none;
    background-color: transparent;
    padding: 0 20px;
    font-size: 16px;
    color: #333333;
}

.sst-panel-con .wordClickedSpecified {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: transparent;
    padding: 0 20px;
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    text-align: justify;
}

.sst-panel-con .write_records {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: transparent;
    padding: 0 20px;
    font-size: 16px;
    color: #333333;
}



.sst_btns_a {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0;
    flex-shrink: 0;
}

.sst_btns_a .pfbz_btn {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    background-color: transparent;
    border: none;
}

.sst_btns_a .pfbz_btn .btn_icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    background-image: url("/images/2020-12-03/icon_airule.png");
    background-size: 100% 100%;
}

.sst_btns_a .pfbz_btn .btn_text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #595bb2;
    margin-left: 5px;
}

.sst_btns_a .dtjl_btn {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 36px;
    background-color: #e5e5f3;
    border-radius: 6px;
    border: none;
    margin-left: 10px;
}

.sst_btns_a .dtjl_btn[disabled] {
    background-color: #f5f5fa;
}

.sst_btns_a .dtjl_btn.active {
    background-color: #595bb2;
}

.sst_btns_a .dtjl_btn .btn_icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url("/images/2020-12-03/icon_R_1.png");
    background-size: 100% 100%;
}

.sst_btns_a .dtjl_btn[disabled] .btn_icon {
    background-image: url("/images/2020-12-03/icon_R_2.png");
}

.sst_btns_a .dtjl_btn.active .btn_icon {
    background-image: url("/images/2020-12-03/icon_R_2.png");
}

.sst_btns_a .dtjl_btn .btn_text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #595bb2;
    margin-left: 5px;
}

.sst_btns_a .dtjl_btn[disabled] .btn_text {
    color: #ffffff;
}

.sst_btns_a .dtjl_btn.active .btn_text {
    color: #ffffff;
}

.sst_btns_a .answer_btn,
.sst_btns_a .origin_btn {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 36px;
    background-color: #e5e5f3;
    border-radius: 6px;
    border: none;
    font-size: 16px;
    color: #595bb2;
    margin-left: 10px;
}

.sst_btns_a .answer_btn.active,
.sst_btns_a .origin_btn.active {
    background-color: #595bb2;
    color: #ffffff;
}

.sst_btns_a .ztjj_btn {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 36px;
    background-color: #f97f46;
    border-radius: 6px;
    border: none;
    margin-left: 10px;
}

.sst_btns_a .ztjj_btn .btn_icon {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 9px;
    background-image: url("/images/2020-12-03/icon_realq.png");
    background-size: 100% 100%;
}

.sst_btns_a .ztjj_btn .btn_text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 16px;
    color: #ffffff;
}

.sst_btns_a .jx_btn {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 36px;
    background-color: #e5e5f3;
    border-radius: 6px;
    border: none;
    margin-left: 10px;
    font-size: 16px;
    color: #595bb2;
}

.sst_btns_a .jx_btn.active {
    color: #ffffff;
    background-color: #595bb2;
}


.sst_btns_a .write_count {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333333;
    line-height: 36px;
    margin: auto;
}

.sst_btns_a .write_count #wordCount.val {
    display: inline;
    margin: 0;
    color: #333333;
    float: none;
}

.sst_btns_a .swt_clock {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #595bb2;
    line-height: 36px;
    margin: auto;
    margin-left: 10px;
}

.sst_btns_a .submit_btn {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    height: 36px;
    background-color: #595bb2;
    border-radius: 6px;
    font-size: 16px;
    color: #ffffff;
    border: none;
    margin-left: 10px;
}

.sst_btns_a .submit_btn[disabled] {
    background-color: #f5f5fa;
    cursor: not-allowed;
}



.isVip-p {
    font-size: 14px;
    color: #e3253f;
    margin-top: 10px;
    text-align: right;
    cursor: pointer;
}

.sst_foot_res {
    margin-top: 20px;
    flex-shrink: 0;
}

@media only screen and (max-height:800px) {
    .sst_foot_res {
        margin-top: 10px;
    }
}

.sst_foot_res .article-rating-panel {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sst_foot_res .article-rating-item {
    display: block;
    width: 200px;
    height: 80px;
    background-color: #f5f5fa;
    border-radius: 8px;
    padding-top: 15px;
}

.sst_foot_res .article-rating-item:not(:first-child) {
    margin-left: 10px;
}

.sst_foot_res .article-rating-item p {
    text-align: center;
    font-size: 18px;
    line-height: 1;
    color: #b3b3b3;
    margin: 0;
}

.sst_foot_res .article-rating-item.active p {
    color: #333333;
}

.sst_foot_res .article-rating-item .val_text {
    margin-top: 8px;
}

.sst_foot_res .article-rating-item.active .val {
    color: #595bb2;
}

.sst_foot_res .res_info_btn {
    flex-shrink: 0;
    display: block;
    border: none;
    width: 80px;
    height: 80px;
    background-color: #595bb2;
    border-radius: 8px;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 14px;
    color: #ffffff;
}

.sst_foot_res .res_info_btn[disabled] {
    background-color: #f5f5fa;
}

@media only screen and (max-height:800px) {
    .sst_foot_res .article-rating-item {
        width: 240px;
        height: 50px;
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sst_foot_res .article-rating-item .val_text {
        margin-top: 0;
    }

    .sst_foot_res .res_info_btn {
        width: 160px;
        height: 50px;
    }
}