@charset "utf-8";
.humanTranslation{ width: 100%;height: 100%;background-color: #fff;margin-top: 60px; }
.human_info{ margin: 0 auto;width: 1080px;padding-top: 17px;-webkit-box-sizing: border-box;box-sizing: border-box; }
.human_lunwen{ display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;padding: 0 60px; }
.human_progressBox{ height: 44px;text-align: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;color: #3f66ff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; }
.human_circular{ display: inline-block;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;font-size: 16px;border: 1px solid #c0c4cc;-webkit-box-sizing: content-box;box-sizing: content-box;font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: #c0c4cb;vertical-align: middle;color: #fff;background: #3f66ff;border: none; }
.human_circulart{ font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: #c0c4cb;vertical-align: middle;margin-left: 10px;height: 44px;line-height: 44px;font-size: 14px; }
.human_progressline{ width: 96px;height: 1px;border-bottom: 1px dashed #c0c4cc;margin: auto 0; }
.progress_active{ border-bottom: 1px dashed #3f66ff; }
.human_active .human_circular{ color: #fff;background: #3f66ff;border: none; }

.human_order{ padding: 20px 30px 41px;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;width: 1090px; }
.human_order_title{ height: 28px;font-size: 20px;font-family: PingFangSC-Semibold,PingFang SC;font-weight: 600;color: #303133;line-height: 28px; }
.human_order_item{ margin:20px 0 22px; }
.human_order_label{ vertical-align: middle;float: left;font-size: 14px;color: #606266;line-height: 40px;padding: 0 12px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: left;width: 96px; }
.human_order_label:before{ content: "*";color: #f56c6c;margin-right: 4px; }
.human_order_label_null:before{ content:""; }
.human_order_con{ position: relative;margin-left: 96px;line-height: 40px;font-size: 14px; }
.human_order_input_box{ width: 400px;height: 40px;position: relative; }
.human_order_input_box input{ width: 100%;height: 100%;border: 1px solid #dcdfe6;border-radius: 4px;cursor: pointer;padding-left: 15px;color: #606266;box-sizing: border-box; }
.human_order_input_box i{ position: absolute;right: 10px;top: 2px;color: #dcdfe6;font-size: 14px; }
.human_order_Lan_list{ display: none; }
.human_order_radio{ display: flex;align-items: center; }

.human_order_con_radio{ display: flex;margin-right: 20px;cursor: pointer;align-items: center; }
.human_order_con_radio input[type='radio']{ margin-right: 5px;cursor: pointer; }
.Chinese_word{ display: flex;align-items: center; }
.Chinese_word i{ font-style: normal; }
.English_word{ display: flex;align-items: center; }
.English_word i{ font-style: normal; }
.human_order_con1{ display: flex;align-items: center; }
.human_order_con_list{ margin-right: 15px; }
.human_order_subject_input_box{ width: 250px;height: 40px;position: relative; }
.human_order_subject_input_box input{ width: 100%;height: 100%;border: 1px solid #dcdfe6;border-radius: 4px;cursor: pointer;padding-left: 15px;color: #606266;box-sizing: border-box; }
.human_order_subject_input_box i{ position: absolute;right: 10px;top: 2px;color: #dcdfe6;font-size: 14px; }
.human_order_subject_list{ width: 248px;overflow-y: scroll;border-radius: 4px;background: #fff;border: 1px solid #e4e7ed;box-sizing: border-box;position: absolute;top: 43px;z-index: 9;left: 0px;display: none; }
.human_order_subject_item{ width: 100%;height: 34px;line-height: 34px;box-sizing: border-box;padding-left: 10px;color: #606266;font-family: PingFangSC-Medium,PingFang SC;transition: all .2s;cursor: pointer; }
.human_order_subject_item:hover{ background: #f5f7fa; }

.validate_success{ position: relative;margin-left: 93px;line-height: 40px;font-size: 14px;display: none; }
.success_text{ color: #ff9100; }
.validate_success i{ color: #3bbfbe;font-size: 18px; }
.change_text{ margin-left: 20px;color: #fa2146;cursor: pointer; }

.text_area{ width: 927px;height: 96px;border: 1px solid #dcdfe6;border-radius: 4px;padding: 5px 15px;line-height: 1.5;color: #606266;box-sizing: border-box;font-family: PingFangSC-Semibold,PingFang SC; }
.textarea_box{ position: relative; }
.text_area_num{ position: absolute;right: 9px;bottom: 11px;color: rgba(0,0,0,.65);font-size: 12px; }
.sendFile{ display: flex;color: #909399;align-items: center;position: relative; }
.input_send_box{ width: 86px;height: 32px;margin: 0 10px;background: #3f66ff;text-align: center;line-height: 32px;border-radius: 4px;color: #fff;position:relative;display: flex;align-items: center;justify-content: center; }
.file_input{ width: 100%;height: 100%;opacity: 0;font-size: 0;width: 100%;height: 100%;opacity: 0;font-size: 0;position: absolute;left: 0;top: 0;cursor: pointer; }
.input_send_box_cover{ width: 100%;height: 100%;opacity: 0;font-size: 0;width: 100%;height: 100%;opacity: 0;font-size: 0;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 2;display: none; }
.input_send_box_cover2{ width: 100%;height: 100%;opacity: 0;font-size: 0;width: 100%;height: 100%;opacity: 0;font-size: 0;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 3;display: none; }
.send_file_info{ position: absolute;top: 35px;left: 0;width: 100%;height: 30px;line-height: 35px;font-size: 12px;color: #ff9100;display: none; }
.human_order_item_top{ display: flex;height: 40px;line-height: 40px;margin-top: 0;background: #f8f9fa;font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: #606266;border: none;width: 927px;border-radius: 4px;padding: 0 18px; }
.human_order_item_title{ width: 300px;box-sizing: border-box;padding-left: 40px; }
.human_order_item_price{ width: 390px; }
.human_order_item_use{ width: 280px; }
.human_order_item_info{ width: 200px; }
.human_order_item_con{ width: 927px;border-radius: 4px; }
.demand_item{ display: flex;height: 96px;align-items: center;border: 1px solid #dcdfe6;border-radius: 4px;cursor: pointer;margin-top: 10px;padding: 0 18px;width: 100%; }
.demand_item_active{ border-color: #3f66ff;background: #f6f9ff; }
.demand_item_active .demand_icon{ background: #3f66ff }
.demand_item_title{ width: 300px;display: flex;align-items: center; }
.demand_icon{ width: 16px;height: 16px;box-sizing: border-box;border: 1px solid #d5d8de;border-radius: 50%;margin-right: 25px; }
.demand_icon i{ width: 4px;height: 4px;box-sizing: border-box;border-radius: 50%;background: #fff;margin:5px auto;display: block; }
.demand_desc{ flex: 1;padding-top: 17px; }
.demand_desc_title{ display: block;height: 22px;font-size: 16px;font-family: PingFangSC-Medium,PingFang SC;font-weight: 500;color: #303133;line-height: 22px;margin-bottom: 10px; } 
.demand_desc_dsec{ font-size: 12px;font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: #606266;width: 228px;height: 34px;line-height: 17px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.demand_item_price{ width: 390px;font-size: 12px; }
.demand_item_price span{ font-size: 16px;font-weight: 500;color: #ff5e52; }
.demand_item_price span i{ font-style: normal; }
.demand_item_use{ width: 280px; }
.demand_item_use span{ font-size: 14px;font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: #303133;line-height: 17px;padding-right: 5px;box-sizing: border-box;display: block; }
.demand_item_info{ width: 200px;font-size: 12px; }
.demand_item_info p{ font-size: 12px;line-height: initial;display: flex;align-items: center; }
.demand_item_info p i{ color: #3bbfbe;margin-right: 2px;margin-top: 2px;font-size: 19px; }
.checkbox_list{ display: flex;align-items: center; }
.checkbox_list_item{ display: flex;align-items: center;margin-right: 10px; }
.checkbox_list_item input{ width: 14px;height: 14px;margin-right: 5px;cursor: pointer; }
.checkbox_list_desc{ font-size: 12px;font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: #909399;line-height: 17px;padding-bottom: 7px; }
.checkbox_list_area textarea{ width: 927px;height: 54px;box-sizing: border-box;border: 1px solid #c0c4cc;border-radius: 4px;color: #606266;padding:5px 15px;line-height: 1.5;font-size: 14px;font-family: PingFangSC-Medium,PingFang SC; }
.tel_input_box{ display: flex;align-items: center; }
.tel_input_box .send_type_input{ width: 400px;height: 40px;border: 1px solid #dcdfe6;border-radius: 4px;margin-right: 20px;box-sizing: border-box;padding-left: 15px; }
.email_input_box .send_type_input{ width: 400px;height: 40px;border: 1px solid #dcdfe6;border-radius: 4px;margin-right: 20px;box-sizing: border-box;padding-left: 15px; }
.send_code{ width: 100px;height: 40px;border: 1px solid #3f66ff;text-align: center;border-radius: 4px;color: #3f66ff;cursor:no-drop;opacity: .5;background: none; }
.input_code{ display: flex;align-items: center;margin-left: 40px; }
.input_code .send_code_input{ width: 252px;height: 40px;border: 1px solid #dcdfe6;border-radius: 4px;margin-right: 20px;box-sizing: border-box;padding-left: 15px; }
.primise_btn{ width: 86px;height: 40px;line-height: 40px;padding: 0;background: #3f66ff;border-radius: 4px;font-size: 14px;font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: #fff;margin-left: 10px;text-align: center;cursor: pointer; }
.email_input_box{ display: flex;align-items: center; }
.email_input_box input{ width: 400px;height: 40px;border: 1px solid #dcdfe6;border-radius: 4px;margin-right: 20px; }
.human_order_message{ padding: 0 20px;width: 1060px;height: 140px;background: #f8f9fa;border-radius: 8px;text-align: left;margin: 16px auto 0;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative; }
.word_num_box{ position: absolute;font-size: 12px;left: 300px;top: 15px; }
.human_order_message p{ width: 100%;height: 48px;line-height: 48px;font-size: 14px; }
.human_order_message p i{ font-style: normal; }
.order_word_num i{ font-size: 12px;color: #606266; }
.order_price span{ color: #ff5e52; }
.order_price i{ font-size: 28px; }
.submit_order{ width: 98px;height: 40px;margin: 25px 0 0 0px;background: #3f66ff;color: #fff;text-align: center;line-height: 40px;border-radius: 4px;cursor: pointer; }

.human_order_Lan_list{ width: 398px;max-height: 257px;overflow-y: scroll;border-radius: 4px;background: #fff;border: 1px solid #e4e7ed;box-sizing: border-box;position: absolute;top: 43px;z-index: 9;left: 0px;padding: 4px 0; }
.human_order_Lan_item{ width: 100%;height: 34px;line-height: 34px;box-sizing: border-box;padding-left: 10px;color: #606266;font-family: PingFangSC-Medium,PingFang SC;transition: all .2s;cursor:pointer; }
.human_order_Lan_item:hover{ background: #f5f7fa; }

@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;
	  }
	}

.sub_discipline_box{ width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.3);z-index: 99;display: none; }
.sub_discipline{ width: 1100px;background: #fff;margin: 0 auto;position: relative;top: 50%;margin-top: -220px;border-radius: 4px;box-shadow: 0 0 4px rgb(0 0 0 / 60%);box-sizing: border-box;padding: 24px; }
.sub_discipline_close{ width: 56px;height: 56px;text-align: center;line-height: 56px;position: absolute;right: 0;top: 0;cursor: pointer; }
.sub_discipline_close i{ font-size: 18px;color: rgba(0,0,0,.65); }
.sub_discipline_head{ width: 100%;text-align: center;font-size: 18px; }
.sub_discipline_con{ font-size: 14px;margin-top: 15px;position: relative;display: flex;flex-wrap: wrap;max-height: 300px;overflow: hidden;overflow-y: scroll;align-items: center;border-left: 1px solid rgba(0,0,0,.2);border-top: 1px solid rgba(0,0,0,.2); }
.sub_discipline_list{ width: 260px;box-sizing: border-box;height: 54px;display: flex;align-items: center;justify-content: flex-start;cursor: pointer;padding: 0 10px;border-right: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.2); }
.sub_discipline_list:hover{ background: #f5f5f5; }
.sub_discipline_list input{ margin-right: 5px;cursor: pointer; }
.sub_discipline_bom{ display: flex;margin-top: 25px;justify-content: center; }
.sub_discipline_btn{ width: 90px;height: 35px;box-sizing: border-box;text-align: center;line-height: 33px;border-radius: 2px;font-size: 14px;margin: 0 10px;cursor: pointer; }
.sub_discipline_cancel{ border: 1px solid #d9d9d9;color: #d9d9d9; }
.sub_discipline_primise{ border: 1px solid #1890ff;color: #fff;background: #1890ff; }

/*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
	.human_info{ width: 100%; }
	.human_lunwen{ padding: 0 10px;font-size: 12px; }
	.human_progressline{ width: 44px; }
	.text_area{ width: 100%; }
	.sendFile p{ font-size: 12px; }
	.human_order_label{ float: none; }
	.human_order_con{ margin-left: 0; }
	.human_order{ width: auto; }
	.human_order_item_top{ width: 100%;box-sizing: border-box; }
	.human_order_item_con{ width: 100%;box-sizing: border-box; }
	.demand_item{ box-sizing: border-box; }
	.demand_desc_dsec{ width: auto; }
	.checkbox_list_area textarea{ width: 100%; }
	.tel_input_box .send_type_input{ width: 200px; }
	.input_code .send_code_input{ width: 200px; }
	.email_input_box .send_type_input{ width: 200px; }
	.human_order_message{ width: 100%; }

	.sub_discipline{ width: auto; }
	.sub_discipline_list{ width: 33.33333%; }
}
/*mobile*/
@media screen and (max-width: 750px)
{	
	.right_fixed{ display: none; }
	.human_info{ display: none; }
	.human_order_input_box{ width: 250px; }
	.human_lunwen{ padding: 0 10px;font-size: 12px; }
	.human_progressline{ width: 44px; }
	.text_area{ width: 100%; }
	.sendFile p{ font-size: 12px;display: none; }
	.human_order_label{ float: none; }
	.human_order_con{ margin-left: 0; }
	.human_order{ width: auto; }
	.human_order_item_top{ width: 100%;box-sizing: border-box;padding: 0 10px; }
	.human_order_item_title{ padding-left: 13px;width: 25.3%; }
	.human_order_item_price{ width: 44.3%;text-align: center; }
	.human_order_item_use{ width: 33.3%;text-align: center; }
	.human_order_item_info{ text-align: center; }
	.human_order_item_con{ width: 100%;box-sizing: border-box; }
	.demand_item{ box-sizing: border-box;height: auto;padding: 7px 10px; }
	.demand_item_title{ width: 25.3%; }
	.demand_icon{ margin-right: 5px; }
	.demand_desc_dsec{ width: auto;display: none; }
	.demand_desc{ padding: 0; }
	.demand_desc_title{ margin-bottom: 0;font-size: 12px;height: auto; }
	.checkbox_list_area textarea{ width: 100%; }
	.tel_input_box .send_type_input{ width: 200px; }
	.input_code .send_code_input{ width: 200px; }
	.email_input_box .send_type_input{ width: 200px; }
	.human_order_message{ width: 100%;height: auto; }
	.word_num_box{ position: initial; }
	.tel_input_box{ display: block; }
	.input_code{ margin-left: 0;margin-top: 10px; }
	.primise_btn{ margin-left: 5px;width: 100px; }
	.demand_item_price{ width: 44.3%; }
	.demand_item_price span{ font-size: 12px; }
	.sub_discipline{ width: auto;padding: 24px 8px; }
	.sub_discipline_list{ width: 33.33333%;line-height: initial;font-size: 12px;height: 70px; }
	.human_order_subject_input_box{ width: 170px; }
	.human_order_subject_input_box input{ font-size: 12px;padding-left: 8px; }
	.human_order_item{ margin: 10px 0 12px; }
	.demand_item_use{ width: 33.3%;font-size: 12px; }
	.demand_item_use span{ font-size: 12px; }
}