.template_web {

    font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular;

}



.template_web .row_web {

    margin-left: 0;

    margin-right: 0;

}



.template_web .mainarea_web {

    margin: 24px 0;

    line-height: 28px;

    font-size: 16px;

}



.story_title_web {
     
    font-size: 28px;

    text-align: left;

    color: #333333;

    font-weight: 700;

}



.story_title_web .play_position {

    position: absolute;

    width: 90px;

    height: 90px;

    margin: 55px;

}



.story_title_source_web {

    font-size: 14px;

    font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular;

    font-weight: 400;

    text-align: left;

    color: #999999;

    margin-top: 19px;

}



.published_web {

    font-size: 14px;

    font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular;

    font-weight: 400;

    text-align: left;

    color: #999999;

}



.editor_in_charge_content_web {

    font-size: 14px;

    font-weight: 400;

    text-align: left;

    color: #222222;

    margin: 0 0 72px 0;

    padding-left: 13px;

}



.editor_in_charge_content_web .team_web {

    font-size: 14px;

    color: #222222;

}



.subscribe_number.subscribe_number_web {

    margin: 15px 0;

}



.subscribe_number_web .subscribe_number_position .subscribe_number_image {

    height: 30px;

    margin-top: 9px;

}



.subscribe_number_web .subscribe_number_position .subscribe_number_image img {

    height: 40px !important;

    width: 40px !important;

}



.subscribe_number_position .timetext {

    font-size: 15px;

}



.app_reading_web {

    padding-left: 28pt;

    padding-right: 28pt;

}



.app_reading_web .app_reading_comment {

    margin-left: 0;

    font-size: 18px;

    color: #222222;

    line-height: 29px;

}



.recommendbody.reading_content_web {

    padding: 0 20px;

}



.reading_content_web .reading_cont1 {

    width: calc(100% - 210px - 9px);

    margin-left: 0px;

    margin-top: 13px;

    margin-bottom: 13px;

    margin-right: 9px;

}



.reading_content_web .reading_cont1 .summary_web {

    /* height: 40px; */

    opacity: 1;

    font-size: 14px;

    color: #6e6e6e;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: 10px;

}



.reading_content_web .reading_cont2 {

    width: 100%;
    margin-left: 0px;
    margin-top: 13px;
    margin-bottom: 13px;

}



.reading_content_web .reading_cont2 .summary_web {

    /* height: 40px; */

    opacity: 1;

    font-size: 14px;

    color: #6e6e6e;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: 10px;

}





.reading_content_web .reading_cont1 a,
.reading_content_web .reading_cont2 a {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-break: break-all;

    border: unset !important;

}

.reading_content_web span {

    font-size: 13px;

    font-weight: 400;

    text-align: left;

    color: #949494;

    line-height: 21px;

}



.reading_content_web .reading_dates {

    margin-bottom: 14px;

}



.reading_content_web .reading_img {

    width: 210px;

    margin-left: 0px;

    float: right;

    margin-top: 20px;

}



.reading_content_web .reading_img img {

    width: 210px;

    height: 118px;

}



.app_comment_web {

    margin-top: 110px;

    padding-left: 28pt;

    padding-right: 28pt;

}



.app_comment_web .app_hot_comment_web {

    margin-left: 0;

    font-size: 18px;

    color: #222222;

    line-height: 29px;

}



.recommendbody.discuss_content_web {

    /* height: 80px; */

    padding: 0 !important;

}



.discuss_content_web .discuss_cont {

    margin-right: 0;

}



.discuss_content_web .discuss_cont .discuss_nick_name {

    margin-left: 10px;
    font-size: 15px;

}



.discuss_content_web .discuss_cont .discuss_dates_web {

    font-size: 13px;
    color: rgb(148, 148, 148);
    margin-left: 15px;

}



.discuss_web .discuss_check_all {

    text-align: center;
    margin-bottom: 18px;
    margin-top: 18px;

}



.discuss_content_web .discuss_cont .discuss_inner p {

    font-size: 13px;

    text-align: left;

    color: #4a4a4a;

    line-height: 21px;

    margin-left: 50px;

}



.row_web .audio_img {

    border-radius: 15px;

}



.row_web .img_Mantle {

    position: absolute;

    width: 200px;

    height: 200px;

    background-color: #6b6b6b;

    opacity: 0.3;

    border-radius: 15px;

}



/* audio::-webkit-media-controls{

    overflow:hidden!important;

    border:1px solid #bfc2c3;

    border-radius:5px;

    background:#348ce5;

}

audio::-webkit-media-controls-enclosure{

    background:0 0

}

audio::-webkit-media-controls-panel{

    background:0 0;

    width:calc(100% + 40px)

}

audio::-webkit-media-controls-mute-button{

    display:inherit!important

}

audio::-webkit-media-controls-volume-slider{

    display:none

}

audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-play-button{

    opacity:.5

}



audio ::-webkit-media-controls { background:#348ce5; } */





.column_style ul {

    list-style: none;

    padding: 0;

    margin: 0;

    width: 100px;

    text-align: center;

}



.column_style ul li {

    /* border: 1px solid #fff;

    margin: 9px 0;

    width: 100%;

    height: 27px;

    opacity: 1;

    font-size: 16px;

    font-weight: 400;

    color: #333333;

    line-height: 25px; */

    width: 96px;

    height: 26px;

    line-height: 26px;

    margin-bottom: 20px;

    text-align: center;

    border-radius: 5px;

    cursor: pointer;

    font-size: 16px;

}



.column_style ul li:hover {

    cursor: pointer;

    /* background: #289FDE;

    color: #fff;

    border-radius: 5px; */

}



.column_style ul li.active_column {

    background: #289FDE;

    color: #fff;

    border-radius: 5px;

}



.special_by_col_web .special_main_img {

    overflow: hidden;

    width: 100%;

}



.special_by_col_web .main_special {

    background: #e8e8e8;

    padding-left: 15pt;

    padding-right: 15pt;

}



.special_by_col_web .main_special .special_cont {

    width: 100%;

    display: flex;

    padding: 20px 0;

    color: #4e4e4e;

}



.special_by_col_web .main_special .special_introduction {

    font-size: 24px;

    font-weight: 700;

    text-align: left;

    justify-content: flex-end;

    align-items: center;

    display: flex;

    width: 70px;

    white-space: nowrap;

}



.special_by_col_web .main_special .special_summary {

    width: calc(100% - 70px);

    opacity: 1;

    font-size: 16px;

    line-height: 28px;

    padding-left: 9px;

    justify-content: flex-start;

    display: flex;

    align-items: center;

}



.special_block_list.special_block_cont_web {

    padding-top: 20px;

    z-index: 999;

    background-color: rgb(255, 255, 255);

    padding-left: 0;

}



.special_block_list.special_block_cont_web .special_block_item {

    display: inline-block;

    margin-top: 0px;

    margin-bottom: 24px;

}



.special_block_list.special_block_cont_web .special_block_item .special_block_inner {

    padding: 8px 10px;

    margin: 5px;

    font-size: 15px;

    border-radius: 10px;

    margin-left: 0;

}



.areainterval_web {

    height: 1px;

    background: #e1e1e1;

    margin-right: 0px;

    margin-left: 0px;

}



.special_normal_web {

    padding-left: 0px !important;

}



.special_normal_web .special_normal_cont1 {

    width: calc(100% - 210px - 9px);

    margin-left: 0px;

    margin-top: 20px;

    margin-bottom: 20px;

    margin-right: 9px;

    position: relative;

}



.special_normal_web .special_normal_cont2 {

    width: 100%;

    margin-left: 0px;

    margin-top: 20px;

    margin-bottom: 20px;

    margin-right: 9px;

    position: relative;

}



.special_normal_web .special_normal_cont3 {

    width: 100%;

    margin-left: 0px;

    margin-top: 20px;

    margin-bottom: 20px;

    margin-right: 0px;

}



.special_normal_web .special_normal_cont4 {

    width: 100%;

    margin-left: 0px;

    margin-top: 20px;

    margin-bottom: 20px;

    margin-right: 0px;

}



.special_normal_web .recommend-adiv {

    width: 100%;

    line-height: normal;

}



.special_normal_web .recommend-adiv a {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-break: break-all;



    font-size: 18px;

    text-align: left;

    color: #222222;

    border: unset !important;

}



.special_normal_web .special_normal_summary {

    line-height: normal;

    margin: 18px 0 22px;

}



.special_normal_web .special_normal_summary .summary_web {

    height: 40px;

    opacity: 1;

    font-size: 14px;

    color: #6e6e6e;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: 10px;

}



.special_normal_web .special_normal_cont3 .special_normal_summary {

    line-height: normal;

    margin: 18px 0 0px;

}



.special_normal_web .special_normal_cont3 .special_normal_summary .summary_web {

    height: unset;

    opacity: 1;

    font-size: 14px;

    color: #6e6e6e;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: unset;

}



.special_normal_web .special_normal_publishTime {

    bottom: 0;

    position: absolute;

}



.special_normal_web .special_publishTime_inner {

    font-family: PingFang SC;

    font-size: 14px;

    color: #6e6e6e;

    display: block;

    overflow: hidden;

    word-break: keep-all;

    white-space: nowrap;

    text-overflow: ellipsis;



}



.special_normal_web .special_normal_thumbnail {

    width: 210px;

    margin-left: 0px;

    float: right !important;

    margin-top: 20px;

    margin-bottom: 20px;

}



.special_normal_web .special_normal_img {

    width: 210px;

    height: 118px;

}



.special_normal_web .special_big_cont {

    width: 100%;

    margin-left: 0px;

    float: right;

    margin-top: 0px;

}



.special_normal_web .special_big_cont .special_big_img {

    width: 100%;

    height: 100%;

}



.special_normal_web .special_big_publishTime {

    margin-top: 10px;

}



.special_normal_web .special_no_publishTime {

    margin-top: 20px;

}



.special_normal_web .special_three_cont {

    width: 100%;

    margin-left: 0px;

    margin-top: 0px;

    float: right;

}



.special_normal_web .special_three_cont .special_three_publishTime {

    margin-top: 10px;

}



.special_normal_web .special_three_cont .special_three_thumbnail1 {

    width: 32%;

    height: unset;

}

.special_normal_web .special_three_cont .special_three_thumbnail2 {

    width: 32%;

    height: unset;

    margin-left: 2%;

}



.special_normal_web .three_flex {

    display: flex;

}



.subscription_main_web {

    /* height: 26vw; */

    height: 415px;

}



.subscription_main_web .subscription_main_img {

    overflow: hidden;

    width: 100%;

    height: 100%;

}



.subscription_main_web .subscription_main_img img {

    /* width: 55vw; */

    width: 100%;

    height: 100%;

    position: relative;

}



.subscription_main_web .subscribe_parent_info {

    position: relative;

    top: -100px;

    background-color: unset;

    z-index: 999;

    width: auto;

}



.subscription_main_web .subscribe_parent_info .subscribe_parent_info_cont {

    position: relative;

    height: 67px;

    width: 100%;

    display: flex;

    z-index: 9999;

}



.subscription_main_web .subscribe_parent_info .subscribe_parent_info_cont .subscribe_parent_info_inner {

    position: relative;

    width: 101px;

    height: 67px;

    justify-content: flex-end;

    align-items: center;

    display: flex;

    white-space: nowrap;

    margin-left: 0px;

}



.subscription_main_web .subscribe_parent_info .subscribe_parent_info_cont .subscribe_parent_info_inner1 {

    width: calc(100% - 101px);

}



.subscription_main_web .subscribe_parent_info .subscribe_parent_info_cont .subscribe_parent_info_inner .subscribe_parent_info_img {

    width: 67px;

    height: 67px;

    border-radius: 50%;

}



.subscription_main_web .subscribe_parent_info .subscribe_parent_info_cont .subscribe_parent_info_inner1 .subscribe_parent_info_text {

    justify-content: center;

    align-items: center;

    height: unset;

    line-height: 33px;

}



.subscription_main_web .subscribe_parent_info .subscribe_parent_info_cont .subscribe_parent_info_inner1 .subscribe_parent_info_text .subscribe_parent_info_enterName {

    font-size: 24px;

}



.subscription_main_web .subscribe_parent_info .subscribe_parent_info_cont .subscribe_parent_info_inner1 .subscribe_parent_info_text .subscribe_parent_info_enterDescribe {

    font-size: 16px;

}



.subscribe_list_web .subscribe_parent_info_columns {

    padding-top: 20px;

    padding-left: 0px;

}



.subscribe_list_web .subscribe_parent_info_columns .subscribe_parent_info_columns_cont .subscribe_parent_info_columns_name {

    margin-left: 0px;

}



.subscribe_list_web .areainterval {

    height: 1px;

}



.subscribe_list_web .subscribe_parent_info_separate {

    padding-left: 0;

    padding-right: 0;

}



.subscribe_list_web .story_normal a {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-break: break-all;

    font-size: 18px;

    text-align: left;

    color: #222222;

    border: unset !important;

}



.subscribe_list_web .story_normal .sub_story_list_span {

    font-family: PingFang SC;

    font-size: 14px;

    color: #6e6e6e;

    display: block;

    overflow: hidden;

    word-break: keep-all;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.subscribe_list_web .story_normal .sub_story_list_normal_imgdiv .mormal_img {

    width: 210px;

    height: 118px;

}



.subscribe_list_web .story_normal .sub_story_list_normal {

    width: calc(100% - 210px - 9px);

    margin-top: 20px;

    margin-bottom: 20px;

}



.subscribe_list_web .story_normal .sub_story_list_normal_imgdiv {

    width: 210px;

    margin-top: 20px;

    margin-bottom: 20px;

}



.subscribe_list_web .story_normal .sub_story_list_no {

    margin-top: 20px;

    margin-bottom: 20px;

}



.subscribe_list_web .titletextsize {

    opacity: 1;

    font-size: 14px !important;

    color: #6e6e6e !important;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 15px;

    margin-bottom: 10px;

}



.subscribe_list_web .story_normal .sub_story_list_three_inner .three_img {

    width: 32%;

    height: unset;

}



.subscribe_list_web .story_normal .sub_story_list_three_inner .three_img1 {

    width: 32%;

    height: unset;

    margin-left: 2%;

}



.subscribe_list_web .story_normal .sub_story_list_normal .sub_story_list_normal_cont {

    min-height: unset;

}



.subscribe_list_web .story_normal .sub_story_list_inner {

    margin-top: 25px;

}



.share {

    display: block;

    width: 405px;

    height: 40px;

    margin-top: 12px;

}



.share h2 {

    font-size: 20px;

    color: #333;

    font-weight: 600;

    margin-left: 5px;

}



.share .hr {

    width: 275px;

    margin-top: 22px;

    color: #cecece;

    float: right;

}



.qrcode {

    margin-top: 18px;

    text-align: center;

}



.code_tip_text {

    opacity: 1;

    font-size: 14px;

    font-weight: 400;

    color: #787878;

    line-height: 41px;

    text-align: center;

    margin-top: 6px;

}

.ss2_wrapper a.slideshow_prev,
.ss2_wrapper a.slideshow_next,
.slideshow_box {

    z-index: 20 !important;

}

.ss2_wrapper .slideshow {

    z-index: 10 !important;

}