.menu_son_list{margin-bottom: 0;}
/*单选框*/
.custom-radio {position:relative;display: flex;align-items: center;justify-content:center;cursor: pointer;padding: 8px 10px 8px 35px;border-radius: 8px;user-select: none;}
.custom-radio input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.radio-button {position: absolute;top: 9px;left: 10px;height: 20px;width: 20px;background-color: #fff;border: 2px solid #ccc;border-radius: 50%;transition: all 0.3s;}
.custom-radio input:checked ~ .radio-button {border-color: var(--primary-color);background-color: #fff;}
.custom-radio input:checked ~ .radio-text{color: #333;}
.radio-button:after {content: "";position: absolute;display: none;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;border-radius: 50%;background: var(--primary-color);}
.custom-radio input:checked ~ .radio-button:after {display: block;}
.custom-radio input:checked ~ .radio-button:after {display: block;}
.custom-radio .radio-text{color: #707070;}
/*复选框*/
.custom_checkbox{display: flex;justify-content: center;align-items: center;gap: 5px;}
.custom_checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.custom_checkbox .checkbox {position: relative;display: inline-block;height: 18px;width: 18px;background-color: #fff;border: 2px solid #f0f0f0;border-radius: 4px;margin-right: 8px;vertical-align: middle;}
.custom_checkbox:hover input ~ .checkbox {background-color: #fff;}
.custom_checkbox input:checked ~ .checkbox {background-color: var(--primary-color);border-color: var(--primary-color);}
.custom_checkbox .checkbox:after {content: "";position: absolute;display: none;left: 5px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.custom_checkbox input:checked ~ .checkbox:after {display: block;}

/*视频翻译页*/
#translate header .record{background-color: var(--primary-color);padding:5px 12px;color: #fff;border-radius: 5px;}
#translate .translate_box{display: grid;grid-template-columns:60% auto;gap: 15px;height: 90vh;}
#translate .translate_box .sub_box{padding:20px;background-color: #fff;border-radius: 5px;position: relative;}
#translate .translate_box .l_box .extract_box .form_item{display: flex;align-items: center;gap: 5px;margin-top:30px;}
#translate .translate_box .l_box .extract_box .form_item:first-child{margin-top:0;}
#translate .translate_box .l_box .extract_box .form_item > label{min-width: 65px;}
#translate .translate_box .l_box .extract_box .form_item .source{display: flex;align-items: center;gap: 5px;}
#translate .translate_box .l_box .extract_box .form_item .link_label{margin-top:-130px;}
#translate .translate_box .l_box .extract_box .form_item .link{width: 100%;padding-left:10px;}
#translate .translate_box .l_box .extract_box .form_item .link .tip{color: #999;}
#translate .translate_box .l_box .extract_box .form_item .share_input{width: 100%;height: 180px;margin-top:10px;border:1px solid #f0f0f0;border-radius: 5px;padding:10px;}
#translate .translate_box .l_box .extract_box .bottom_box{padding-left:78px;}
#translate .translate_box .l_box .extract_box .bottom_box .tip{margin-top:6px;color: #666;}
#translate .translate_box .l_box .extract_box .btn_group{margin-top:20px;}
#translate .translate_box .l_box .extract_box .btn_group .extract_btn{background-color: var(--primary-color);padding:6px 15px;color: #fff;border-radius: 5px;}
#translate .translate_box .l_box .extract_box .btn_group .extract_btn:disabled{background-color: #1980FA90;}
#translate .translate_box .l_box .preview_box .v_box{display: flex;justify-content: center;align-items: center;}
#translate .translate_box .l_box .preview_box .v_box video{max-height: 380px;width: 100%;background-color: rgba(0, 0, 0, 0.1);}
#translate .translate_box .l_box .preview_box .set_box{margin-top:15px;}
#translate .translate_box .l_box .preview_box .set_box .top{display: flex;justify-content: space-between;align-items: center;gap: 10px;}
#translate .translate_box .l_box .preview_box .set_box .top .tip{color: #666;}
#translate .translate_box .l_box .preview_box .set_box .top .handle_btn{background-color: var(--primary-color);padding:5px 12px;color: #fff;border-radius: 2px;}
#translate .translate_box .l_box .preview_box .set_box .top .cancel_btn{margin-left:5px;background-color: #fff;border:1px solid #f0f0f0;padding:5px 12px;color: #333;border-radius: 2px;}
#translate .translate_box .l_box .preview_box .set_box .bottom{margin-top:15px;}
#translate .translate_box .l_box .preview_box .set_box .input_box{position:relative;display: flex;align-items: center;gap: 10px;margin-top:20px;}
#translate .translate_box .l_box .preview_box .set_box .input_box.required::before {content: "*";color: red;}
#translate .translate_box .l_box .preview_box .set_box .input_box label{min-width: 85px;text-align: right;}
#translate .translate_box .l_box .preview_box .set_box .input_box select{padding-left:5px;border:1px solid #f0f0f0;height:40px;border-radius: 2px;width: 100%;}
#translate .translate_box .l_box .preview_box .curr_select{padding:5px 8px;border-radius: 2px;border:1px solid #f0f0f0;color: #666;height: 40px;line-height:30px;width: 100%;cursor: pointer;display: flex;align-items: center;gap: 8px;}
#translate .translate_box .l_box .preview_box .curr_select .item{position:relative;border:1px solid #ccc;border-radius: 5px;background-color: #f0f0f0;padding: 0 5px;min-width: 50px;height: 100%;font-size: 12px;display: flex;justify-content: center;align-items: center;}
#translate .translate_box .l_box .preview_box .curr_select .item .delete{cursor:pointer;position:absolute;top:-5px;right:-5px;background-color: #00000060;color: #fff;width: 18px;height: 18px;border-radius: 100px;}
#translate .translate_box .l_box .preview_box .curr_select .item .delete::before,
#translate .translate_box .l_box .preview_box .curr_select .item .delete::after {cursor: pointer;content: '';position: absolute;top:8px;right: -1px;width: 10px;height: 1px;background-color: #fff;transform: translate(-50%, -50%);}
#translate .translate_box .l_box .preview_box .curr_select .item .delete::before {transform: translate(-50%, -50%) rotate(45deg);}
#translate .translate_box .l_box .preview_box .curr_select .item .delete::after {transform: translate(-50%, -50%) rotate(-45deg);}
#translate .translate_box .l_box .preview_box .target_select{position: relative;width: 100%;}
#translate .translate_box .l_box .preview_box .target_select .lang_select{display:none;width: 100%;position: absolute;top:40px;left:0;z-index:2;background-color: #fff;box-shadow: 0 1px 5px 5px #00000010;flex-direction: column;}
#translate .translate_box .l_box .preview_box .target_select .lang_select .item{cursor: pointer;padding:10px;}
#translate .translate_box .l_box .preview_box .target_select .lang_select .item:hover{background-color: #f0f0f0;}
#translate .translate_box .l_box .preview_box .target_select .lang_select .item.selected{color: var(--primary-color);background-color: #1980FA20;font-weight: bold;}
#translate .translate_box .l_box .preview_box .loading_mask{border-radius:5px;position: absolute;top: 0;left: 0;transition: left 0.5s ease;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 2;align-items: center;justify-content: center;display: flex;flex-direction:column;color: #fff;}
#translate .translate_box .l_box .preview_box .loading_mask i{font-size: 3em;}
#translate .translate_box .r_box .empty_box img{width: 100%;}
#translate .translate_box .r_box .result_box .operate_box{display: flex;justify-content: space-between;align-items: center;gap: 10px;}
#translate .translate_box .r_box .result_box .operate_box .save_material_btn{background-color: var(--primary-color);padding:5px 12px;color: #fff;border-radius: 2px;}
#translate .translate_box .r_box .result_box .items_box{margin-top:10px;display: grid;grid-template-columns: repeat(2, 1fr);gap:10px;}
#translate .translate_box .r_box .result_box .items_box .item{background-color:#fff;box-shadow: 1px 5px 10px 1px #00000010;border-radius: 5px;}
#translate .translate_box .r_box .result_box .items_box .item video{max-height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.1);}
#translate .translate_box .r_box .result_box .items_box .item .i_top{position: relative;height: 180px;display: flex;justify-content: center;align-items: center;background-color: #00000010;}
#translate .translate_box .r_box .result_box .items_box .item .i_bottom{padding:10px;display: flex;justify-content: space-between;align-items: center;gap: 10px;}
#translate .translate_box .r_box .result_box .items_box .item .tips{width: 100%;height: 180px;background-color: #fff;color:#333;display: flex;justify-content: center;align-items: center;flex-direction: column;}
#translate .translate_box .r_box .result_box .items_box .item.error .tips{color: red;}
#translate .translate_box .r_box .result_box .items_box .item .custom_checkbox{display: none;}

/*视频翻译记录页*/
#translate_record .search_box{display: flex;align-items: center;justify-content:space-between;gap: 15px;}
#translate_record .search_box .input_box{display: flex;justify-content: center;align-items: center;gap: 10px;}
#translate_record .search_box ._input{display: flex;justify-content: center;align-items: center;}
#translate_record .search_box ._input label{display: flex;justify-content: center;align-items: center;border-radius: 2px 0 0 2px;border:1px solid #f0f0f0;background-color: #fff;width: 120px;height:38px;text-align: center;padding:5px 10px;}
#translate_record .search_box ._input input{border-radius: 0 2px 2px 0;border:1px solid #f0f0f0;width: 170px;padding:5px 10px;height: 38px;}
#translate_record .search_box .btn_box{display: flex;justify-content: center;align-items: center;gap: 10px;}
#translate_record .search_box .btn_box .search_btn{width:80px;height:38px;background-color: var(--primary-color);padding:5px 12px;color: #fff;border-radius: 2px;}
#translate_record .search_box .btn_box .reset_btn{width:80px;height:38px;background-color: #fff;padding:5px 12px;color: #333;border:1px solid #f0f0f0;border-radius: 2px;}
#translate_record .table_box{margin-top:35px;}
#translate_record .operate_box{width: 100%;text-align: right;}
#translate_record .operate_box .create_btn{background-color: var(--primary-color);padding:8px 15px;color: #fff;border-radius: 2px;}
#translate_record .translate_table{width: 100%;margin-top:25px;background-color: #fff;}
#translate_record .translate_table thead{height: 60px;background-color: #f0f0f0;border-bottom: 1px solid #f0f0f0;}
#translate_record .translate_table tbody tr{min-height: 40px;border-bottom: 1px solid #f0f0f0;}
#translate_record .translate_table tbody tr td{padding:10px;text-align: center;}
#translate_record .translate_table .v_box{width: 100%;display: flex;justify-content: center;align-items: center;}
#translate_record .translate_table .v_box video{max-height: 220px;}
#translate_record .translate_table .status{width:70px;line-height: 30px;margin: 0 auto;border:1px solid var(--primary-color);background-color: #fff;border-radius: 2px;padding:2px 5px;color: var(--primary-color);}
#translate_record .translate_table .video_cnt{color: var(--primary-color);}
#translate_record .translate_table .operate{display: flex;justify-content: center;gap:10px;width: 100%;}
#translate_record .translate_table .operate a{color: var(--primary-color);}
#translate_record .translate_table .no_data{height: 500px;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #999;}
#translate_record .translate_table .no_data i{font-size: 4em;color: #f0f0f0;}

/*右侧弹出面板*/
.rightPanel{display:none;position: fixed;top: 0;left: 0;transition: left 0.5s ease;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 20;align-items: center;justify-content: flex-end;}
.rightPanel .box{position: relative;right:-480px;top:0;width:480px;background-color: #fff;padding:0;}
.rightPanel .box .close::before,
.rightPanel .box .close::after {cursor: pointer;content: '';position: absolute;top:34px;left: 28px;width: 20px;height: 2px;background-color: #b5b5b5;transform: translate(-50%, -50%);}
.rightPanel .box .close::before {transform: translate(-50%, -50%) rotate(45deg);}
.rightPanel .box .close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.rightPanel .box .header{padding: 20px;border-bottom:1px solid #f0f0f0;}
.rightPanel .box .header span{font-size: 16px;padding-left:28px;}
.rightPanel .box .content{padding:20px;}
.rightPanel .detail_box{height: 100vh;}
.rightPanel .detail_box .items_box{display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
.rightPanel .detail_box .items_box .item{padding: 10px;box-shadow: 0 1px 5px 5px #00000010;border-radius: 5px;min-height: 257px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.rightPanel .detail_box .items_box .item .i_top{width: 100%;display: flex;justify-content: center;align-items: center;}
.rightPanel .detail_box .items_box .item video{height: 200px;width: 100%;background-color: rgba(0, 0, 0, 0.1);}
.rightPanel .detail_box .items_box .item .i_bottom{width: 100%;padding:8px 0;display: flex;justify-content: space-between;align-items: center;}
.rightPanel .detail_box .items_box .item .tips{height: 200px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.rightPanel .detail_box .items_box .item .tips i{font-size: 20px;}
.rightPanel .detail_box .items_box .item.error .tips{color: red;}
.rightPanel .detail_box .items_box .item .custom_checkbox{display: none;}