@charset "utf-8";
.translateNow_box{ width: 100%;background: rgb(242,242,246);margin-top: 60px;font-family: SourceHanSansSC-regular;padding-bottom: 60px; }
.translateNow_content{ width: 1160px;margin: 60px auto 0;padding-top: 24px;position: relative; }
.translateNow_content ul{ margin-bottom: 16px;position: absolute;top: 24px;left: -162px; }
.translateNow_content ul li{ height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 2px;width: 140px;margin-right: 10px;cursor: pointer;font-size: 16px;background: #fff;margin-bottom: 20px; }
.active_translate{ background: #f18518 100%!important;color: #fff; }
.translateNow_container{ width: 100%; }
.translate_box{ background-color: #fff;padding: 30px 47px;border-radius: 2px; }
.translate_upload_box{ height: 256px;background: transparent;position: relative;width: 100%;text-align: center;border: 1px dashed #d9d9d9;border-radius: 4px;cursor: pointer;transition: border-color .3s; }
.translate_upload_box:hover{ border-color: #f18518; }
.upload_btn_span{ display: table;height: 256px;background: transparent;margin:0 auto;position: relative; }
.upload_btn_span input{ width:100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;font-size: 0;cursor: pointer;  }
.upload_btn_con{ display: table-cell;vertical-align: middle;box-sizing: border-box; }
.upload_btn_text1{ margin-bottom: 18px;color: rgb(49, 49, 49);font-size: 18px;text-align: center; }
.upload_btn{ color: #fff;border-color: #ff9100;border: none;background: rgb(255, 132, 47);width: 160px;height: 40px;line-height: 1.499;font-weight: 400;white-space: nowrap;text-align: center;cursor: pointer;font-size: 18px;border-radius: 2px; }
.upload_btn_text2{ padding-top: 24px;margin-bottom: 12px;color: rgb(49, 49, 49);font-size: 18px;text-align: center; }

.translate_message{ margin-top: 20px;margin-bottom: 45px;display: flex;justify-content: space-between;position: relative; }
.message_left{ width: 51.7%;padding: 28px 14px 24px 20px;box-sizing: border-box;background: #fff; }
.translate_message img{ width: 46.6%;margin-left: 1.7%;border-radius: 2px; }
.message_left .message_left_p1{ color: rgb(51,51,51);padding-bottom: 5px; }
.message_left .message_left_p2{ color: rgb(102,102,102);padding-bottom: 5px;font-size: 14px; }
.message_left .message_left_p2 span{ color: rgb(98, 143, 224);cursor: pointer; }
.less_lang_mes2{ top: 260px !important;left: 157px !important; }
.upload_btn_text3{ font-size: 14px;text-align: center; }

.upload_file_title{ text-align: center;margin-bottom: 24px;font-size: 30px;font-family: SourceHanSansSC-medium;color: rgba(16, 16, 16, 100); }
.format_submit_cover{ width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0; }

.other_nav{ margin-bottom: 16px;position: absolute;top: 0px;left: -162px;display: block;height: auto;background: none; }
.active_translate{ background: #f18518 !important;color: #fff !important; }
.other_nav li{ height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 2px;width: 140px;margin-right: 10px;cursor: pointer;font-size: 16px;background: #fff;margin-bottom: 20px;line-height: 40px;color: #4e4e4e; }

.formatCon_con{ position:relative; }
.formatCon_list{ position: absolute;left: 0px;top: 40px;background: #f9f9f9;z-index: 200;box-shadow: 0 0 2px rgb(0 0 0 / 20%);display: none;border-radius: 2px; }
.formatCon_list_item{ width: 140px;height: 40px;padding-left: 10px;box-sizing: border-box;transition: all .2s; }
.formatCon_list_item a{ display: block; }
.formatCon_list_item:hover{ color: #fff; }
.formatCon_list_item:hover a{ color:#ff9100; }
.formatCon_actve{  }
.formatCon_actve a{ color: #ff9100; }
.caretdown_box{ width: 16px;height: 40px;position: absolute;left: 140px;top: 0;display: none; }
.caretdown_box i{ transform: rotate(-90deg);color: #ddd; }

.fileFormate_list{ background: #fff;box-sizing: border-box;width: 100%;padding: 10px 50px;font-family: SourceHanSansSC-regular; }
.formatCon_list_title{ font-size: 18px;display: flex;align-items: center;color: #ff9100; }
.formatCon_list_title i{ font-size: 24px;margin-right: 8px;transform: rotateY(180deg); }
.fileFormate_list_tab{ display: flex;align-items: center;background: #f5f5f5;height: 64px; }
.fileFormate_file_name{ width: 400px;box-sizing: border-box;padding-left: 20px;padding-right: 20px;display: flex;align-items: center; }
.fileFormate_file_name i{ font-size: 28px;margin-right: 5px; }
.fileFormate_file_name i.icon-file-word{ color: #188CFF; }
.fileFormate_file_name i.icon-txt2{ color: #55D7E0; }
.fileFormate_file_name i.icon-file-excel{ color: #2D9B03; }
.fileFormate_file_name i.icon-file-pdf{ color: #FF2525; }
.fileFormate_file_name i.icon-file-ppt{ color: #F17F53; }
.fileFormate_file_name span{ white-space: normal;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow-wrap: break-word; }
.fileFormate_file_page{ width: 130px;box-sizing: border-box;padding: 0 10px; }
.fileFormate_file_com{ width: 170px;box-sizing: border-box;padding: 0 10px; }
.fileFormate_file_status{ width: 190px;box-sizing: border-box;padding: 0 10px; }
.fileFormate_file_opare{ flex: 1;box-sizing: border-box;padding-left: 10px; }
.fileFormate_list_box{ border-bottom: 1px solid #d9d9d9; }
.fileFormate_list_item{ display: flex;align-items: center;height: 64px;font-size: 14px;border-bottom: 1px solid #f5f5f5;box-sizing: border-box; }
.gofileDown{ color: #ff9100;margin-right: 10px;cursor:pointer; }
.gofileDel{ color:#999;cursor: pointer; }
.fileFormate_item_cover{ display: none; }

.fileFormate_list_null{ display: none;position: relative;z-index: 1;margin-top: -1px;padding: 16px 16px;color: rgba(0,0,0,.25);font-size: 14px;text-align: center;background: #fff;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-radius: 0 0 4px 4px; }
.no_credit{ font-size: 14px;line-height: 22px;text-align: center;margin: 32px 0;color: rgba(0,0,0,.25);padding-top: 130px; }
.no_credit i{ font-size: 65px; }
.no_credit p{ margin-top: 4px; }

.credit_pagination{ font-size: 14px;display: flex;align-items: center;justify-content: flex-end;margin: 16px 0; }
.credit_messages_all_num{ height: 32px;margin-right: 8px;line-height: 30px;vertical-align: middle;color: rgba(0,0,0,.65); }
.credit_messages_change{ font-size: 12px;min-width: 32px;height: 32px;color: rgba(0,0,0,.65);font-family: Arial;line-height: 32px;text-align: center;vertical-align: middle;list-style: none;border-radius: 4px;cursor: pointer;transition: all .3s;padding-top: 1px;box-sizing: border-box; }
.credit_messages_page{ height: 32px;margin-right: 4px;margin-left: 4px;line-height: 32px;vertical-align: middle;min-width: 32px;font-family: Arial;text-align: center;list-style: none;background-color: #fff;outline: 0;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }
.credit_active{ color: #ff9100; }
.credit_messages_right i{ transform: rotate(180deg); }
.credit_messages_page_box{ display: flex; }

.upload_btn_text4{ padding-top: 10px;margin-bottom: 12px;color: red;font-size: 16px;text-align: center; }

.loading_box{ position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.8);left: 0;top: 0;z-index: 99;display: none; }
.loading{ position: relative;margin: 0 auto;width: 100%;height: 100%;text-align: center;display: flex;justify-content: center;align-items: center;color: #f5f5f5; }
.loading_i_box{ position: relative;left: 44px;padding-top: 145px;box-sizing: border-box; }
.loading i{ display:block;width:15px;height:15px;border-radius:50%;background-color:#f5f5f5;position:absolute; }
.loading i:nth-child(1){ top:25px;left:0px;animation:loading-3 1s ease 0s infinite; }
.loading i:nth-child(2){ top:17px;left:17px;animation:loading-3 1s ease -0.12s infinite }
.loading i:nth-child(3){ top:0px;left:25px;animation:loading-3 1s ease -0.24s infinite; }
.loading i:nth-child(4){ top:-17px;left:17px;animation:loading-3 1s ease -0.36s infinite; }
.loading i:nth-child(5){ top:-25px;left:0px;animation:loading-3 1s ease -0.48s infinite; }
.loading i:nth-child(6){ top:-17px;left:-17px;animation:loading-3 1s ease -0.60s infinite; }
.loading i:nth-child(7){ top:0px;left:-25px;animation:loading-3 1s ease -0.72s infinite; }
.loading i:nth-child(8){ top:17px;left:-17px;animation:loading-3 1s ease -0.84s infinite; }
 @keyframes loading-3{
     50%{
	     transform:scale(0.4);
		 opacity:0.3;
	 }
	 100%{
	     transform:scale(1);
		 opacity:1;
	 }
 }

.fixed_opera_box{ width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.8);display: none;z-index: 999; }
.fixed_opera1{ display: none;position: fixed;left: 0;bottom: 0;width: 100%;background: #fff;text-align: center;border-radius: 6px 6px 0 0; }
.fixed_opera1_download{ height: 50px;line-height: 50px;font-size: 18px;letter-spacing: 4px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5; }
.fixed_opera1_read{ height: 50px;line-height: 50px;font-size: 18px;letter-spacing: 4px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5; }
.fixed_opera1_del{ height: 50px;line-height: 50px;font-size: 18px;letter-spacing: 4px;box-sizing: border-box; }
.fixed_opera2{ display: none; }
.fixed_opera2 img{ margin: 0 auto;width: 200px;display: block;margin-top: 190px; }
.fixed_opera2 p{ color: #fff;text-align: center;margin-top: 5px; }
.fixed_opera2_del{ position: fixed;left: 0;bottom: 0;background: #fff;width: 100%;text-align: center;height: 50px;line-height: 50px;font-size: 18px;letter-spacing: 4px; }
.fixed_opera3{ display: none;text-align: center;line-height: 100vh; }
.fixed_opera3 p{ color: #fff; }
.fixed_opera_box_close{ position: fixed;right: 3px;top: 3px;color: #fff;width: 45px;height: 45px;text-align: center;line-height: 45px;border: 1px solid #fff;border-radius: 50%; }
.fixed_opera_box_close i{ font-size: 21px; }

 /*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
	.translateNow_content{ width: auto; }
	.fileFormate_file_status{ text-align: center; }
	.fileFormate_file_opare{ display: none; }
	.fileFormate_list_item{ position: relative; }
	.fileFormate_item_cover{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block; }
}
/*mobile*/
@media screen and (max-width: 750px)
{	
	.right_fixed{ display: none; }
	.translateNow_content{ width: auto; }
	.translate_box{ padding-top: 10px;padding-bottom: 10px; }
	.upload_file_title{ font-size: 24px;margin-bottom: 5px; }
	.translate_upload_box{ height: 150px; }
	.upload_btn_span{ height: 150px; }
	.upload_btn_text1{ font-size: 14px; }
	.upload_btn{ font-size: 14px;width: 100px;height: 32px; }
	.upload_btn_text4{ font-size: 12px; }
	.formatCon_list_title i{ font-size: 18px; }
	.fileFormate_list_item{ position: relative; }
	.fileFormate_file_name{ position: absolute;left: 0;top: 0;width: 250px; }
	.fileFormate_file_name i{ font-size: 20px; }
	.fileFormate_file_name span{ font-size: 12px; }
	.fileFormate_file_page{ position: absolute;right: 0;top: 0;width: auto; }
	.fileFormate_file_com{ position: absolute;left: 0;bottom: 0;width: auto; }
	.fileFormate_file_status{ position: absolute;right: 0;bottom: 0;width: auto; }
	.fileFormate_file_opare{ display: none; }
	.fileFormate_list_tab{ display: none; }
}