.selected_journal_none {
    display: block;
}
.selected_journal_selected {
    display: none;
}
.select_another {
    color:#006db4;
    font-size: 17px;
    font-family: 'Inter Bold';
}

.cancle {
    display: inline-block;
    width: 100px;
    height: 38px;
    text-align: center;
    color: #007eb4;
    border: 1px solid #007eb4;
    font-size: 17px;
    font-weight: bold;
    line-height: 38px;
    float: right;
    margin-top: 15px;
    margin-left: 20px;
    border-radius: 2px;
}

.confirm {
    display: inline-block;
    width: 100px;
    height: 40px;
    text-align: center;
    color: #fff;
    background: #007eb4;
    font-size: 17px;
    font-weight: bold;
    line-height: 40px;
    float: right;
    margin-top: 15px;
    border-radius: 2px;
}

.btn_css {
    cursor: pointer;
    height: 41px;
    width: 111px;
    padding: 0px;
    overflow: hidden;
    background-color: #fff;
    border: 2px solid #006db4;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
    margin-left: 12px;
}
.btn_css span {
    font-size: 18px;
    color: #006db4;
    text-align: center;
    line-height: 36px;
    position: absolute;
    margin-left: 22px;
    font-family: Inter Medium;
}
.upload{
    margin-bottom: 5px;
}

/* radio 与文字用 flex 对齐，长文本在自身空间内换行。选择器加 .pop 前缀提高优先级，
   避免被宿主页面里权重相同的 li/ul 样式覆盖。 */
.pop .category_list ul li{
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    border-bottom: 1px solid #eaeaea;
    padding: 0;
}
.pop .category_list ul li label{
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    cursor: pointer;
    box-sizing: border-box;
}
.pop .category_list ul li input{
    flex-shrink: 0;
    margin: 3px 0 0 !important;
}
.pop .category_list ul li span{
    flex: 1;
    min-width: 0;
    color: #565656;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: normal !important;
    margin-left: 0 !important;
}

.journal_error{
    color:red;
    font-size: 15px;
    margin-left: 10px;
    display: inline-block;
    line-height: 34px;
    font-weight: normal;
}
.category_error{
    color:red;
    padding-left: 10px;
}

.apc_high{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: rgb(86, 86, 86);
    line-height: 22px;
    padding: 6px 0px;
    width: 143px;
}
.apc_developing{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: rgb(86, 86, 86);
    line-height: 22px;
    padding: 6px 0px;
    width: 143px;
    border-left: 1px solid #cccccc;
}

.journal_name_both{
    width: 412px!important;
}

.journal_name_single{
    width: 514px!important;
}

.journal_name_only{
    width: 690px!important;
}

/* 表头结构与 .journal_row 保持一致，列宽对齐；.table_title .radio_box 是跟数据行等宽的隐藏占位列 */
.table_title{
    display: none;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    box-sizing: border-box;
}
.table_title .radio_box{
    flex-shrink: 0;
    width: auto;
    padding: 0;
}
/* submission_style.css 里同名的老 .table_journal_title 是给旧版表格布局用的（float/margin-left/line-height），
   这里用更高优先级的组合选择器盖掉，避免把 flex 布局带偏 */
.table_title .table_journal_title{
    float: none;
    margin-left: 0;
    line-height: normal;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    font-weight: bold;
    color: #565656;
}
.table_original_price,
.table_discounted_price{
    flex-shrink: 0;
    width: 86px;
    font-size: 14px;
    font-weight: bold;
    color: #565656;
    text-align: center;
}
.table_original_price .discount_tip{
    display: block;
    font-weight: normal;
    color: #a00;
}

/* 单选框/刊名/价格各自独立分配空间，互不影响 */
.journal_row{
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
}
.journal_row .radio_box{
    flex-shrink: 0;
    width: auto;
    padding: 0;
    text-align: left;
}
.journal_row .journal_name{
    flex: 1;
    min-width: 0;
    width: auto !important;
    border-right: none;
    padding: 0;
    margin: 0;
}
.journal_row .journal_name a{
    display: block;
    font-size: 14px;
    white-space: normal;
    word-break: break-word;
}
.journal_row .journal_original_price,
.journal_row .journal_discounted_price{
    flex-shrink: 0;
    width: 80px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #707070;
}
.journal_row .journal_discounted_price{
    color: #a00;
    font-weight: bold;
}

.head_journal_title_both{
    width: 445px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #565656;
    padding-left: 12px;
    border-right: 1px solid #cccccc;
}

.head_apc_both{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #565656;
    line-height: 34px;
    border-bottom: 1px solid #cccccc;
}


.body_journal_title_both{
    width: 445px;
    border-right: 1px solid #cccccc;
}

.body_apc_high_income{
    font-size: 14px;
    line-height: 36px;
    padding: 0px 16px;
    text-align: center;
    border-right: 1px solid #cccccc;
    width: 111px;
}
.body_apc_high_income span{
    color: #707070;
}
.body_apc_developing{
    font-size: 14px;
    line-height: 36px;
    padding: 0px 16px;
    text-align: center;
}
.body_apc_developing span{
    font-weight: bold;
    color: #000;
}
