@charset "utf-8";
.translateNow_box{ width: 100%;background: rgb(242,242,246);margin-top: 60px;font-family: SourceHanSansSC-regular; }
.translateNow_content{ width: 1322px;margin: 60px auto 0;padding-top: 24px;position: relative;display: flex;justify-content: space-between; }
.translateNow_content ul{ margin-bottom: 16px; }
.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: 50px 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: 40px;margin:0 auto;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 a{ width: 46.6%;margin-left: 1.7%;border-radius: 2px;display: block; }
.translate_message a img{ width: 100%;height: 100%; }
.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;transition: all .2s;opacity: 0; }
.upload_btn_text3{ font-size: 14px;text-align: center; }
.upload_box_cover{ width: 100%;height: 100%;position: absolute;top: 0;left: 0; }
.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: 131px;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;
	 }
 }
/*UploadFile*/
.UploadFile_box{ background: #f0f2f5;margin-top: 60px;padding-top: 20px;box-sizing: border-box; }
.UploadFile{ background: #fff;width: 1160px;margin:0 auto;border-radius: 2px;padding:24px;box-sizing: border-box; }
.UploadFile_top{ height: 54px;border-bottom:1px solid #e8e8e8;background:#f0f2f5;display: flex;text-align: center;line-height: 54px;color: rgba(0,0,0,.65);font-size: 14px; }
.UploadFile_name{ width: 400px;height: 54px;text-align: left;padding-left: 24px;box-sizing: border-box; }
.UploadFile_pageNum{ width: 161px; }
.UploadFile_oldLan{ width: 200px; }
.UploadFile_consumption{ width: 190px; }
.UploadFile_operation{ width: 161px; }
.UploadFile_con .UploadFile_operation{ cursor: pointer; }
.UploadFile_con{ height: 75px;border-bottom:1px solid #e8e8e8;display: flex;text-align: center;line-height: 75px;color: rgba(0,0,0,.65);font-size: 14px; }
.UploadFile_con .UploadFile_name{ display: flex;align-items: center;height: 100%; }
.UploadFile_con .UploadFile_name span{ line-height: 1.5;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis; }
.UploadFile_con .UploadFile_name i{ font-size: 28px;margin-right: 5px; }
.UploadFile_con .UploadFile_name i.icon-file-word{ color: #188CFF; }
.UploadFile_con .UploadFile_name i.icon-txt2{ color: #55D7E0; }
.UploadFile_con .UploadFile_name i.icon-file-excel{ color: #2D9B03; }
.UploadFile_con .UploadFile_name i.icon-file-pdf{ color: #FF2525; }
.UploadFile_con .UploadFile_name i.icon-file-ppt{ color: #F17F53; }
.show_lan_box{ display: flex;height: 220px;position: relative;padding-top: 45px;box-sizing: border-box;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9; }
.show_lan_title{ color: rgba(0,0,0,.65);padding-top: 11px;box-sizing: border-box; }
.show_lan_list{ position: absolute;display: flex;top: 25px;left: 121px; }
.show_lan_list span{ width: 79px;height:26px;font-size: 14px;text-align: center;margin-right: 100px;display: flex;align-items: center; }
.show_lan_list span i{ font-style: normal;color: red;font-size: 19px;padding-top: 4px; }
.UploadFile_lan_list{ position: absolute;width: 295px;display: flex;flex-wrap: wrap;justify-content: space-between;top: 86px;left: 100px; }
.UploadFile_lan_item{ cursor: pointer;border-radius: 24px;background-color: #eee;color: #101010;font-size: 14px;text-align: center;font-family: Roboto;padding: 4px 4px;width: 134px;margin-top: 12px;box-sizing: border-box; }
.UploadFile_field{ width: 270px;display: flex;position: absolute;top: 53px;left: 605px;color: rgba(0,0,0,.65);font-size: 14px; }
.UploadFile_field_title{ width: 70px;padding-top: 4px; }
.UploadFile_field_show{ width: 200px;box-sizing: border-box; }
.field_top{ box-sizing: border-box;width: 200px;height: 32px;border: 1px solid #d9d9d9;border-radius: 4px;padding-left: 10px;cursor: pointer;line-height: 30px; }
.field_list{ width: 200px;box-sizing: border-box;height: 0px;box-shadow: 0 2px 8px rgb(0 0 0 / 15%);margin-top: 4px;border-radius: 4px;overflow: hidden;overflow-y: scroll;background: #fff;transition: all .2s; }
.field_list li{ cursor: pointer;height: 32px;line-height: 32px;padding-left: 5px;box-sizing: border-box; }
.field_list li:hover{ background: #fff4e5; }
.UploadFile_bom{ padding-top: 20px;padding-right: 20px;box-sizing: border-box;display: flex;justify-content: flex-end;align-items: center;font-size: 14px; }
.UploadFile_bom_all_num{ margin-right: 20px; }
.UploadFile_bom_all_num span{ color: rgb(236, 55, 58);font-size: 20px;margin-right: 5px; }
.UploadFile_btn{ width: 86px;height: 32px;border-radius: 4px;color: #fff;text-align: center;line-height: 32px;background: #ff9100;cursor: pointer; }
.UploadFile_tips{ padding-top: 15px;width: 1160px;margin: 10px auto 0;padding-bottom: 20px;position: relative; }
.UploadFile_tips_title{ color: rgb(51,51,51);padding-bottom: 5px;font-size: 16px; }
.UploadFile_tips_info{ color: rgb(102,102,102);padding-bottom: 5px;font-size: 14px; }
.UploadFile_tips_info span{ color: rgb(98, 143, 224);cursor: pointer; }
.less_lang_mes{ background: #fff;z-index: 1;border-radius: 4px;padding: 10px 20px;box-shadow: 2px 2px 2px 0 hsl(0deg 0% 80% / 61%);border-top: 1px solid rgba(238,235,235,.775);border-left: 1px solid rgba(238,235,235,.775);white-space: nowrap;position: absolute;top: 222px;left: 136px;font-family: SourceHanSansSC-regular;line-height: 1.5;opacity: 0;transition: all .2s; }
.less_lan_title{ font-weight: 600;color: rgb(91, 89, 89);padding-bottom: 10px; }
.less_lan_info{ font-size: 12px;padding-bottom: 10px;color: #101010; }
.less_lan_bom{ color: rgb(139, 139, 139);font-size: 12px; }

.UploadFile_submit_box{ width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0);font-size: 14px;font-family: SourceHanSansSC-regular;z-index: 99;display: none; }
.UploadFile_submit{ width: 576px;background: #fff;border-radius: 4px;box-shadow: 0 2px 8px rgb(0 0 0 / 15%);box-sizing: border-box;margin:0 auto;position: relative;top: 50%;margin-top: -187px;padding-bottom: 15px; }
.UploadFile_submit_head{ font-size: 18px;color: rgba(0,0,0,.65);text-align: center;padding: 24px 0;box-sizing: border-box; }
.UploadFile_submit_con{ padding: 0 24px 24px;font-size: 14px;line-height: 1.5;word-wrap: break-word; }
.UploadFile_submit_desc{ border-radius: 4px;padding: 16px 8px 12px 8px;background-color: rgba(255,222,178,.49); }
.UploadFile_submit_file_desc{ display: flex;align-items: center;height: 38px; }
.icon_WORD_1{ width: 25px;height: 25px;vertical-align: -0.15em;fill: currentColor;overflow: hidden;margin-right: 15px; }
.UploadFile_submit_file_name{ display: flex;align-items: center; }
.UploadFile_submit_file_name span{ color: #000;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;white-space: normal;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;width: 335px; }
.UploadFile_submit_file_name i{ font-size: 28px;margin-right: 5px; }
.UploadFile_submit_file_name i.icon-file-word{ color: #188CFF; }
.UploadFile_submit_file_name i.icon-txt2{ color: #55D7E0; }
.UploadFile_submit_file_name i.icon-file-excel{ color: #2D9B03; }
.UploadFile_submit_file_name i.icon-file-pdf{ color: #FF2525; }
.UploadFile_submit_file_name i.icon-file-ppt{ color: #F17F53; }
.UploadFile_submit_file_lang{ padding-left: 41px;box-sizing: border-box;color: rgba(0,0,0,.65); }
.UploadFile_submit_pageNum{ padding-left: 41px;box-sizing: border-box;color: rgb(139, 139, 139);margin-top: 5px; }
.pay_mode{ padding-top: 12px; }
.pay_mode_title{ color: #101010; }
.pay_mode_list{ display: flex;margin-top: 5px; }
.pay_mode_item{ width: 209px;height: 33px;border: 1px solid transparent;color: #3f3e3e;border-radius: 2px;text-align: center;line-height: 31px;font-size: 14px;background: rgba(224,222,222,.48);margin-right: 10px;cursor: pointer; }
.pay_mode_item_active{ border-color: #ff9100;background: #fff;color: #ff9100; }
.UploadFile_submit_bom{ margin-top: 50px;padding:0 24px;box-sizing: border-box;display: flex;justify-content: space-between;color: rgba(0,0,0,.65); }
.UploadFile_submit_credit_num span{ color: #ff9100;font-size: 16px;margin:0 5px; }
.UploadFile_submit_btn_box{ display: flex; }
.UploadFile_submit_btn{ border: 1px solid #dfdfdf;color: #aeaeae;text-align: center;line-height: 30px;border-radius: 2px;margin-right: 8px;height: 32px;box-sizing: border-box;cursor: pointer; }
.UploadFile_submit_btn_cancel{ width: 80px; }
.UploadFile_submit_btn_primise{ border-color: #ff9100;color: #ff9100;width: 100px;display: flex;justify-content: center; }
.UploadFile_submit_close{ width: 56px;height: 56px;line-height: 56px;text-align: center;cursor: pointer;position: absolute;top: 0;right: 0; }
@keyframes spinner-line-fade-more {
	  0%, 100% {
	    opacity: 0; /* minimum opacity */
	  }
	  1% {
	    opacity: 1;
	  }
	}

	@keyframes spinner-line-fade-quick {
	  0%, 39%, 100% {
	    opacity: 0.25; /* minimum opacity */
	  }
	  40% {
	    opacity: 1;
	  }
	}

	@keyframes spinner-line-fade-default {
	  0%, 100% {
	    opacity: 0.22; /* minimum opacity */
	  }
	  1% {
	    opacity: 1;
	  }
	}

	@keyframes spinner-line-shrink {
	  0%, 25%, 100% {
	    /* minimum scale and opacity */
	    transform: scale(0.5);
	    opacity: 0.25;
	  }
	  26% {
	    transform: scale(1);
	    opacity: 1;
	  }
	}
.Upload_show_lan_box{ position:absolute;top: 33px;left: 0;z-index: 99;box-shadow: 0 0 2px rgb(0 0 0 / 40%);background: #fff;display: none; }
.Upload_show_lan_list{ width: 878px;top: 33px;border-radius: 4px;background: #fff;z-index: 99;left: 0;padding: 0 10px 10px;box-sizing: border-box;max-height: 300px;overflow-y: scroll; }
.lan_list_item{ padding: 10px 0; }
.list_item_box{ flex-wrap: wrap; }
.upload_show_lan_item{ width: 211px;height: 25px;font-size: 14px;color: rgba(0,0,0,.65);line-height: 25px;text-align: left; }
.tips_show{ width: 100%;height: 100vh;line-height: 100vh;text-align: center;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.3);z-index: 99;color: #fff;display: none; }
.Upload_search_lan{ width: 100%;text-align: center;position: relative; }
.Upload_search_lan input{ font-size: 14px;width: 98%;height: 30px;margin: 5px auto 0;border: 1px solid #ddd;border-radius: 2px;box-sizing: border-box;padding-left: 10px; }
.Upload_search_lan input:focus{ border-color: #ff9100; }
.command_list{ padding: 10px 10px; }
.command_lan_list_item{ margin: 0 10px; }
.Upload_search_result{ box-shadow: 0 2px 8px rgb(0 0 0 / 15%);width: 480px;position: absolute;background: #fff;border-radius: 4px;left: 8px;top: 40px;padding: 3px 0;display: block;max-height: 280px;overflow-y: auto; }
.Upload_search_result_item{ height: 32px;text-align: left;box-sizing: border-box;padding-left: 20px;font-size: 16px;line-height: 32px;cursor: pointer;color: rgba(0,0,0,.65); }
.Upload_search_result_item:hover{ background: #fff4e5; }

.shower_top_left_cover{ width: 100%;height: 100%;display: none;position: absolute;left: 0;top: 0; }
.shower_top_right_cover{ width: 100%;height: 100%;display: none;position: absolute;left: 0;top: 0; }
.fixed_source_lan_box{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #fff;color: #fff;z-index: 10000;overflow: hidden;display: none; }
.fixed_search_lan{ position: fixed;width: 50%;margin: 0 auto;margin-left: 3%; }
.fixed_old_lan_search{ width: 100%;box-sizing: border-box;height: 32px;padding-left: 10px;border-radius: 16px;border: 1px solid #ddd;box-shadow: 0 0 2px rgb(0 0 0 / 70%);margin-top: 4px; }
.fixed_old_lan_search:focus{ border-color: #ff9100; }
.fixed_show_lan_list{ display: flex;flex-wrap: wrap;margin-top: 40px;overflow: hidden;overflow-y: scroll;height: calc(100% - 40px); }
.fixed_lan_box_close{ position: fixed;right: 9px;top: 8px;color: #ddd;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;border: 1px solid #ddd; }
.fixed_target_lan_box{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #fff;color: #fff;z-index: 10000;overflow: hidden;display: none; }
.fixed_new_lan_search{ width: 100%;box-sizing: border-box;height: 32px;padding-left: 10px;border-radius: 16px;border: 1px solid #ddd;box-shadow: 0 0 2px rgb(0 0 0 / 70%);margin-top: 4px; }
.fixed_new_lan_search:focus{ border-color: #ff9100; }

.sigle_code_box{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 99;overflow: hidden;display: none; }
.sigle_code{ width: 617px;margin: 0px auto 0;background: #fff;border-radius: 4px;box-shadow: 0 4px 12px rgb(0 0 0 / 15%);pointer-events: auto;position: relative;padding-bottom: 20px;position: relative;top: 50%;margin-top: -130px;padding-bottom: 60px; }
.sigle_code_head{ padding: 16px 24px 0;color: #000;position: relative;text-align: center;font-size: 19px;display: flex;	justify-content: center;align-items: center; }
.sigle_code_head span{ color: #ff0000;font-size: 28px; }
.sigle_code_close{ width: 56px;height: 56px;position: absolute;right: 0;top: 0;color: rgba(0,0,0,.65);text-align: center;line-height: 56px;cursor: pointer;z-index: 2; }
.pay_type_list{ display: flex;justify-content: space-between;width: 450px;margin: 15px auto 0; }
.pay_item{ width: 171px;height: 173px;position: relative;box-sizing: border-box;border: 1px solid #09bb07; }
.pay_item img{ width: 100%;height: 100%; }
.pay_bom{ position: absolute;left: 25px;bottom: -57px;display: flex;justify-content: center;align-items: center; }
.pay_bom .pay_name{ font-size: 18px;margin-left: 3px; }
.sigle_pay{ width: 100px;border-color: #ff9100;color: #ff9100; }
.sigle_pay:hover{ opacity: .8; }

.error_tips_box{ display: none; }
.error_tips{ width: 160px;text-align: center;font-size: 13px;height: 32px;line-height: 32px;background: #fff;border-radius: 6px;position: fixed;left: 50%;top: 50%;box-shadow: 0 0 4px rgb(0 0 0 / 55%);box-sizing: border-box;margin-left: -80px;margin-top: -36px;display: flex;justify-content: center;align-items: center;color: #ff0000;z-index: 1011; }
.error_tips i{ display: block;font-size: 18px;color: #ff0000;margin-right: 2px; }
/*text*/
.shower{ border-radius: 2px;box-shadow: 0 0 14px 1px #d7d9dd;background-color: #fff;box-sizing: border-box;width: 1160px;margin-bottom: 49px; }
.shower_top{ max-width: 480px;margin: 0;padding: 10px 20px;box-sizing: border-box; }
.shower_top_content{ display: flex;justify-content: space-between;align-items: center; }
.shower_top_left{ border: 1px solid #e6e3e3;width: 140px;height: 30px;border-radius: 2px;padding-left: 8px;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box; }
.shower_top_right{ border: 1px solid #e6e3e3;width: 140px;height: 30px;border-radius: 2px;padding-left: 8px;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box; }
.shower_top_text{ font-size: 14px;position: relative;cursor: pointer; }
.shower_top_text i{ padding-top: 5px;padding-right: 4px;color: rgb(213, 212, 212);font-size: 18px;position: absolute;right: -4px;top: -5px; }
.shower_top_text span{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 116px; }
.change_btn{ border: none;background: none;font-size: 14px;padding-top: 4px;color: rgba(0,0,0,.65); }
.trans_btn{ margin-left: 20px;height: 30px;width: 94px;color: #fff;background-color: #ff9100;border: none;border-radius: 2px;cursor: pointer;transition: all .2s;position: relative; }
.trans_btn:hover{ background: rgba(255,145,0,.8); }
.trans_btn .pc_btn{ display: block;width: 100%;height: 100%;line-height: 30px; }
.trans_btn .mobile_btn{ width: 100%;height: 100%;line-height: 30px;position: absolute;left: 0;top: 0;display: none;  }
.trans_btn .btn_cover{ width: 100%;height: 100%;line-height: 30px;position: absolute;left: 0;top: 0;z-index: 2; }
.shower_box{ display: flex;border-top: 1px solid #e9e8e7;background-color: #f0f2f5;position: relative;overflow: hidden; }
.shower_content{ width: 50%;background-color: #fff;height: 310px;border-radius: 0 0 0 2px;position: relative; }
.shower_content2{ border-radius: 0 0 0 0; }
.shower_content span{ box-sizing: border-box;margin: 0;padding: 0;color: rgba(0,0,0,.65);font-size: 14px;font-variant: tabular-nums;line-height: 1.5;list-style: none;font-feature-settings: "tnum";position: relative;display: inline-block;width: 100%;text-align: start;height: 290px; }
.shower_content span textarea{ width: 100%;height: 290px;padding: 15px 20px;box-sizing: border-box;border: none;font-size: 20px;color: rgba(0,0,0,.65);font-family: SourceHanSansSC-regular; }
.text_r{ text-align: right;position: absolute;bottom: 5px;right: 20px;color: #999;font-size: 14px;height: 20px; }
.text_r span{ display: inline;color: #999; }
#copy_content{ opacity: 0;position: absolute;top: 0;right: -174px; }
.shower_content_text{ height: 310px;background-color: #f0f0f0;overflow-y: auto;padding: 15px 20px;font-size: 20px;box-sizing: border-box;color: rgba(0,0,0,.65); }
.shower_content2 .text_r{ bottom: 14px;right: 10px;cursor: pointer; }
.shower_content2 .text_r i{ font-size: 23px; }
.shower_picture{ width: 100%;border-radius: 2px;margin-top:10px; }

.lan_list{ position: absolute;top: 28px;left: -1px;z-index: 9;width: 700px;background: #fff;border: 1px solid #e6e3e3;height: 323px;box-sizing: border-box;border-radius: 0 4px 4px 4px;display: none; }
.lan_list2{  }
.lan_list_container{ position: relative;height: 323px;width: 100%;padding: 10px 0 10px 10px;box-sizing: border-box; }
.lan_list_line{ position: absolute;width: 138px;height: 2px;background: #fff;top: -2px;left: 0;z-index: 9; }
.lan_list_ul{ width: 680px;display: flex;flex-wrap: wrap;white-space: normal;position:initial !important;margin-bottom: 0!important; }
.lan_list_ul li{ width: 169px !important;max-width: 25%;padding-top: 3px !important;cursor: pointer;white-space: nowrap;height: 24px !important;font-size: 13px !important;color: rgba(0,0,0,.65);margin: 0 !important;padding: 0;display: block !important; }
.lanList_con_item_top{ font-weight: 600;color: #c2c1c1;padding-top: 0px; }
.lan_search_box{ position: absolute;width: 95%;padding-bottom: 3px;box-shadow: 0px 1px 2px rgb(0 0 0 / 30%);background: #fff; }
.lan_search_box input{ width: 100%;height: 32px;border: none;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;padding:0 10px 0 35px; }
.lan_search_box i{ position: absolute;left: 10px;top: -8px;font-size: 21px;color: #000;width: 17px;height: 32px; }
.lan_list_container::-webkit-scrollbar { width: 0; height: 0; color: transparent; }
.lanList_nav{ width: 21px;height: 100%;overflow-y: scroll;position:absolute;right:0;top: 0;border: 1px solid #d9d9d9;background: #fff;box-sizing: border-box;border-radius: 2px; }
.lanList_nav::-webkit-scrollbar { width: 0; height: 0; color: transparent; }
.lanList_nav_item{ text-align: center;font-weight: 700;color: rgba(0,0,0,.65);height: 27px;line-height: 27px;cursor: pointer; }
#lanList_con1{ display: flex;padding-left: 15px;box-sizing: border-box;color: rgba(0,0,0,.65); }
#lanList_con2{ display: flex;padding-left: 15px;box-sizing: border-box;color: rgba(0,0,0,.65); }
.lan_used{ display: flex;margin-left: 10px; }
.lan_used div{ margin-right: 8px; }
.lanList_content{ margin-top: 60px;overflow-y: scroll;height: 248px; }
.lan_list2 .lanList_content{ margin-top: 10px; }
.lanList_nav_item_active{ color: #ff9100; }
.lanList_con_item{ margin-bottom: 15px; }
.search_result{ width: 688px;height: 248px;margin-top: 60px;overflow-y: scroll; }
.close_icon{ position: absolute;right: 4px;top: 7px;background: rgba(0,0,0,.6);border-radius: 50%;text-align: center;line-height: 19px;width: 20px;height: 20px;transform: scale(.7);cursor: pointer;display: none; }
.close_icon i{ position:initial;font-size: 12px;padding: 0;color: #fff;width: 15px;height: 15px; }

.target_child_list{ display: flex;flex-wrap: wrap;align-items: center; }
.target_child_list li{ width: 169px !important;max-width: 25%;padding-top: 3px !important;cursor: pointer;white-space: nowrap;height: 24px !important;font-size: 13px !important;color: rgba(0,0,0,.65);margin: 0 !important;padding: 0;display: block !important; }
.text_box{ padding-top: 10px; }
.text_box_tips{ text-align: center;width: 1100px;margin: 0px auto -75px;background: #ff9100;color: #fff; }

/*address*/
.address_box{ border-radius: 2px;background: rgb(255, 255, 255);box-shadow: rgb(215 217 221) 2px 2px 6px 0px;border: 1px solid rgb(246, 243, 243);margin-bottom: 40px; }
.address_top{ max-width: 300px;margin: 0 auto 10px;padding-top: 60px; }
.address_top_box{ display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;color: rgba(0,0,0,.65); }
.address_top_left,.address_top_right{ border: 1px solid #fff;border-bottom: none;padding: 3px;border-radius: 2px;min-width: 100px;display: flex;align-items: center;box-sizing: border-box; }
.address_top_left span,.address_top_right span{ min-width: 100px;max-width: 120px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px; }
.address_top_left i,.address_top_right i{ color: rgb(213, 212, 212);padding-top: 5px;padding-right: 4px; }
.address_change_btn{ border: none;background: none;margin-top: 7px;padding: 0 15px; }
.address_change_btn i{ color: rgba(0,0,0,.65); }

.address_http_search{ width: 600px;margin: 0 auto;padding-bottom: 26px;position: relative;box-sizing: border-box; }
.address_input_box{ display: flex;height: 40px;background: #fff;justify-content: space-between;box-sizing: border-box; }
.address_input_left{ border: 1px solid #ccc;border-radius: 40px 0 0 40px!important;background: #fff;width: 100%;padding-left: 30px;border-right: none;display: flex;align-items: center; }
.address_input_left input{ text-indent: 10px;background: #fff;width: 100%;outline: none;border: none; }
.address_input_left i{ padding-top: 3px;font-size: 18px;color: rgba(0,0,0,.65); }
.address_go_btn{ cursor: pointer;padding: 0 10px;min-width: 100px;border-radius: 0 40px 40px 0;background-color: #ff9100;color: #fff;border: 1px solid #ff9100!important; }
.text_center{ text-align: center; }
.text_center span{ padding-left: 8px;padding-right: 8px;color: rgb(153, 153, 153);font-size: 16px;cursor: pointer; }
.address_active{ color: rgb(255, 145, 0) !important;font-size: 18px !important; }

.complany_box{ position: relative;min-height: 548px;padding-top: 10px; }
.complany_box_con{ width: 100%;min-height: 548px;position: relative; }
.complany_box_con1{ width: 100%; }
.link_list{ display: flex;flex-wrap: wrap;padding: 0 28px;box-sizing: border-box; }
.link_card{ margin: 8px;width: 23.5%;border-radius: 4px;background-color: #fff;color: #101010;font-size: 14px;box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);font-family: Roboto;max-width: 23.5%;height: 140px;padding: 16px;cursor: pointer;box-sizing: border-box; }
.link_card:hover{ background: rgba(255,145,0,.06274509803921569); }
.link_card_pic{ display: flex;align-items: center;justify-content: left; }
.link_card_pic img{ border-radius: 50%;border: 1px solid rgb(187, 187, 187);box-sizing: border-box; }
.link_card_pic span{ padding-left: 12px;color: rgb(255, 145, 0);font-size: 22px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical }
.link_desc{ padding-left: 60px;color: rgb(153, 153, 153);font-size: 16px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; }

.circle_box{ position: absolute;width: 100%;height: 12px;display: flex;justify-content: center;left: 0;bottom: 30px; }
.circle{ margin: 0px 6px;border-radius: 50%;width: 12px;height: 12px;background-color: rgb(223, 223, 223);cursor: pointer; }
.circle_active{ background: #bbb; }

/*formatCon*/
.formatCon{ background: #fff;border-radius: 4px;padding:15px 0 0;font-family: SourceHanSansSC-medium;color: rgba(0,0,0,.65);margin-bottom: 40px; }
.formatCon_head{ color: rgba(16, 16, 16, 100);font-size: 24px;text-align: center;line-height: 40px;margin: 24px 0 28px;font-weight: 600; }
.formatCon_con{ width: 912px;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: space-between; }
.formatCon_con_item{ width: 288px;height: 128px;margin-bottom: 24px;display: flex;justify-content: center;background-color: rgba(241, 241, 241, 100);border-radius: 4px;border: 1px solid rgba(223, 223, 223, 100);box-sizing: border-box;position: relative;padding-top: 15px;cursor: pointer; }
.item_info_box{ margin-left: 12px;width: 190px; }
.item_info_title{ color: #000; }
.item_info_desc{ font-size: 13px;line-height: 1.5; }
.to_go_next{ position: absolute;right: 10px;bottom: 0px;transform: rotate(90deg);font-size: 24px;color: #999; }
.item_pic_box{ width: 36px;height: 36px;text-align: center;line-height: 36px;color: #fff;border-radius: 4px; }
.item_pic_box i{ font-size: 24px; }
.item_pic_word{ background: #188CFF; }
.item_pic_excel{ background: #2D9B03; }
.item_pic_ppt{ background: #F17F53; }
.item_pic_pdf{ background: #FF2525; }


/*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
	.translateNow_content{ width: auto;display: block; }
	.translateNow_content ul{ display: flex;margin-bottom: 0; }
	.UploadFile{ width: auto; }
	.Upload_show_old_box{ left: -80px; }
	.Upload_show_lan_list{ width: 680px; }
	.Upload_show_new_box{ left: -200px; }
	.Upload_show_lan_list{ width: 680px; }
	.UploadFile_field{ left: auto;right: 0; }

	.shower{ width: auto; }

	.lan_list2{ left: -180px; }
	.lan_list_line2{ left: 179px; }

	.formatCon_con{ width: auto;justify-content: center; }
	.formatCon_con_item{ margin: 0 20px 20px; }

	.link_card{ width: 31%;margin: 8px 1%;max-width: 31%; }
}
/*mobile*/
@media screen and (max-width: 750px)
{
	.right_fixed{ display: none; }
	.translateNow_content{ width: auto;display: block; }
	.translateNow_content ul{ display: flex;margin-bottom: 0;flex-wrap: wrap; }
	.translateNow_content ul li{ width: 112px;font-size: 14px;height: 34px;margin-bottom: 10px; }

	.translate_message{ display: block;margin-bottom: 20px; }
	.message_left{ width: 100%; }
	.translate_message a{ width: 100%;margin: 0;margin-top: 10px; }
	.message_left .message_left_p2{ margin-left: 12px; }

	.upload_btn_text1{ margin-bottom: 5px;font-size: 14px; }
	.upload_btn{ width: 100px;height: 30px;line-height: 30px;font-size: 14px; }
	.upload_btn_text2{ font-size: 14px;padding-top: 12px;margin-bottom: 5px; }
	.upload_btn_text3{ font-size: 12px;text-align: left;padding: 0 5px; }

	.UploadFile{ width: 100%; }
	.UploadFile_info{ display: flex;width: 100%;box-sizing: border-box;border-left: 1px solid rgba(0,0,0,.1);border-top: 1px solid rgba(0,0,0,.1);border-right: 1px solid rgba(0,0,0,.1); }
	.UploadFile_top{ display: block;height: auto;line-height: 32px;text-align: left;width: 100px; }
	.UploadFile_name{ width: 100%;height: 56px;padding-left: 10px;border-bottom: 1px solid #ddd; }
	.UploadFile_pageNum{ width: 100px;padding-left: 10px;box-sizing: border-box;border-bottom: 1px solid #ddd; }
	.UploadFile_oldLan{ width: 100px;padding-left: 10px;box-sizing: border-box;border-bottom: 1px solid #ddd; }
	.UploadFile_consumption{ width: 100px;padding-left: 10px;box-sizing: border-box;border-bottom: 1px solid #ddd; }
	.UploadFile_operation{ width: 100px;padding-left: 10px;box-sizing: border-box; }
	.UploadFile_con{ display: block;height: auto;line-height: 32px;text-align: left;box-sizing: border-box;flex: 1;background: rgba(0,0,0,.02); }
	.UploadFile_con .UploadFile_name{ height: 56px;padding-left: 10px;width: auto;border-bottom: 1px solid #ddd; }
	.UploadFile_pageNum{ width: auto;padding-left: 10px;height: 33px;box-sizing: border-box;border-bottom: 1px solid #ddd; }
	.UploadFile_oldLan{ width: auto;height: 33px;padding-left: 10px;box-sizing: border-box;border-bottom: 1px solid #ddd; }
	.UploadFile_consumption{ width: auto;padding-left: 10px;height: 33px;box-sizing: border-box;border-bottom: 1px solid #ddd; }
	.UploadFile_con .UploadFile_operation{ width: auto;padding-left: 10px;height: 33px;box-sizing: border-box; }
	.show_lan_box{ display: block;padding-top: 10px;height: auto; }
	.show_lan_title{ margin-bottom: 20px;font-weight: 600; }
	.show_lan_list{ top: 56px;left: 20px;width: calc(100% - 40px);justify-content: space-around; }
	.show_lan_list span{ margin-right: 0; }
	.UploadFile_lan_list{ top: 115px;left: 20px;width: calc(100% - 40px);position: initial;margin: 0 auto; }
	.UploadFile_lan_item{ font-size: 12px;margin-top: 0;margin-bottom: 10px;height: 30px;line-height: 30px;padding: 0;text-align: center; }
	.UploadFile_tips{ width: auto; }
	.UploadFile_field_box{ margin-top: 10px; }
	.UploadFile_field{ position: initial;display: block; }
	.UploadFile_field_title{ font-weight: 600; }
	.UploadFile_field_show{ margin-left: 24px;margin-top: 7px;position: relative; }
	.field_list{ display: none;position: absolute;z-index: 99;left: 0;top: 30px; }

	.UploadFile_submit_box{ background: rgba(0,0,0,.4);z-index: 10000; }
	.UploadFile_submit{ width: 96%; }
	.UploadFile_submit_head{ padding: 12px 0;font-size: 14px;font-weight: 600; }
	.UploadFile_submit_desc{ padding: 10px 8px 6px 8px; }
	.UploadFile_submit_icon{ display: none; }
	.UploadFile_submit_file_name{ width: 100%;padding-left: 6px; }
	.UploadFile_submit_file_lang{ padding-left: 10px; }
	.UploadFile_submit_pageNum{ padding-left: 10px; }
	.pay_mode_item{ font-size: 12px; }
	.UploadFile_submit_bom{ margin-top: 0px; }
	.UploadFile_submit_btn_cancel{ width: 60px;font-size: 12px;height: 26px;line-height: 24px; }
	.UploadFile_submit_btn_primise{ width: 80px;height: 26px;line-height: 24px;font-size: 12px; }
	.shower_top_left_cover{ display: block; }
	.shower_top_right_cover{ display: block; }
	.upload_show_lan_item{ font-size: 12px;width: 33%;overflow: hidden;box-sizing: border-box;border: 1px solid #f5f5f5;margin-top: 0;height: 30px;line-height: 30px;text-align: center; }
	.fixed_search_result{ width: 300px;background: #fff;box-shadow: 0 0 2px rgb(0 0 0 / 40%);border-radius: 2px; }
	.Upload_search_result_item{ border-bottom: 1px solid rgba(0,0,0,.1); }

	.shower{ width: auto; }
	.shower_top_text{ font-size: 12px;width: 100px;height: 26px; }
	.shower_top_text i{ top: -7px;font-size: 16px; }
	.trans_btn{ width: 80px;height: 26px;font-size: 12px; }
	.shower_box{ display: block; }
	.shower_content{ width: 100%;height: 200px; }
	.shower_content span{ height: 180px; }
	.shower_content span textarea{ height: 180px;font-size: 16px; }
	.shower_content_text{ height: 200px; }
	.shower_content2{ display: none; }
	.trans_btn .pc_btn{ line-height: 26px;display: none; }
	.trans_btn .mobile_btn{ line-height: 26px;display: block; }

	.lan_list{ position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 99; }
	.lan_list_container{ height: 100%; }
	.lan_list_line{ display: none; }
	.lan_search_box{ width: 90%; }
	.lanList_content{ display: block;height: calc(100% - 60px);padding-right: 13px;overflow-x: hidden; }
	.lan_list_ul{ width: auto; }
	.lan_list_ul li{ width: 145px !important;max-width: 33.33333%;font-size: 12px !important; }

	.address_top{ padding-top: 30px; }
	.address_http_search{ width: auto;padding-bottom: 13px;width: 85%; }
	.text_center span{ font-size: 14px; }
	.text_center{ padding: 0 30px; }
	.link_card{ width: 48%;max-width: 48%;margin: 1%;height: auto; }
	.link_card_pic img{ width: 30px;height: 30px; }
	.link_card_pic span{ font-size: 16px;padding-left: 5px; }
	.link_desc{ padding-left: 10px;font-size: 12px;min-height: 40px;margin-top: 4px; }
	.address_input_box{ height: 32px;font-size: 12px; }
	.address_input_left{ padding-left: 13px; }
	.address_input_left input{ font-size: 12px;text-indent: 2px; }
	.address_go_btn{ min-width: 75px;font-size: 12px; }

	.formatCon_head{ font-size: 20px;margin: 0px 0 10px; }
	.formatCon_con{ width: auto; }
	.formatCon_con a{ display: block;width: 46%;margin: 2%; }
	.formatCon_con_item{ width: 100%;margin: 0; }
	.item_pic_box{ width: 26px;height: 32px;line-height: 32px; }
	.item_pic_box i{ font-size: 20px; }
	.item_info_title{ font-size: 14px; }
	.item_info_desc{ font-size: 10px; }
	.item_info_box{ width: 110px; }
}
