/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span,textarea,input{font-family:"Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color: inherit; font-size: inherit;}
html{font:400 12px 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.5; color:inherit;}
img{ max-width: 100%;}

.dft_mt12{margin-top: 12px;}
.dft_mt16{margin-top: 16px;}
.dft_mt20{margin-top: 20px;}
.dft_pw{ max-width: 980px; margin-left: auto; margin-right: auto;}
.dft_pw1200{ max-width: 1200px; margin-left: auto; margin-right: auto;}
.dft_pw1400{ max-width: 1400px; margin-left: auto; margin-right: auto;}
.atplan_banner h1{ font-size: 45px; line-height: 1.2; font-weight: bold;}
.atplan_banner p{ font-size: 16px; line-height: 1.8;}

.atplan_banner{ padding: 60px 0 70px 0; color: #fff;}
.business_banner{ background:#22282b url(https://imobie-resource.com/en/anytrans/img/business_banner.jpg) center no-repeat; background-size: cover;}
.business_banner p{ max-width: 905px; margin: 20px auto 0 auto;}
.dft_color{ color: #ff8b2d;}

.business_block{ margin: 70px auto 80px auto;}

.business_itmes{ width:27%; display: inline-block; margin: 0 1.3%; padding: 50px 0; vertical-align: top; border: 1px solid #eaeaea; border-radius: 10px;}
.business_itmes h3{ font-size: 24px;}
.business_itmes p{ font-size: 18px;}

.price{ margin: 15px auto 1px auto;}
.price span{font-size: 60px; font-weight: bold;}
.business_itmes a{ width: 90%; max-width: 222px; height: 45px; display: inline-block; margin-top: 30px; font-size: 18px; color: #fff; line-height: 45px; background-color: #ff8b2d; border-radius: 5px;}
.business_itmes a:hover{ text-decoration: none; background-color: #f2a15f;}
.business_contact a{max-width: 160px; background-color: #40b0ff;}
.business_contact a:hover{ background-color: #61bbfa;}
.best_value{ padding: 51px 1px; background:linear-gradient(rgba(53,188,255,0.15),rgba(95,140,255,0.15)); border:none;}

.business_service>div{ width: 25%; display: inline-block; vertical-align: top; padding: 0 2.5%;}
.business_service>div:nth-of-type(2){ margin: 0 2%; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
.business_service h4{ margin: 20px auto 10px auto; font-size: 20px;}
.business_service p{ font-size: 14px; color: #666;}

.business_guarantee{ margin: 80px auto 20px auto; padding: 40px; border-top:1px solid #e2e2e2;}


.from_mask{ display: none;}
.form_cont_success{ display: none;}
.from_mask,.form_bg{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 60;}
.form_bg{ background-color: rgba(0,0,0,0.34);}
.form_cont,.form_cont_success{ width: 95%; max-width: 560px; padding: 40px 0; border-radius: 20px;background-color: #fff; position: relative; margin: 0 auto;}

.from_mask .form_cont, .from_mask .form_cont_success{ position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); background:#fff url(https://imobie-resource.com/en/anytrans/img/business_form_bg.jpg) top center no-repeat; z-index: 60;}
.form_cont_success{ padding: 140px 0;}
.form_cont_success h3{ margin-top: 40px; font-size: 22px;}
.form_close{font-style: normal; font-size:30px; cursor: pointer; position: absolute; right: 20px; top: 0;}
.form_cont h2{ font-size: 26px;}
.form_cont>p{width: 100%; max-width: 480px; margin: 30px auto; position: relative;}
.form_cont>p span{opacity: 0; width: 95%; display: block; margin: 0 auto; padding: 0 2.5%; text-align: left; font-size: 12px; line-height: 1; color: red; position: absolute; left: 0; top: 0; transform:translateY(0); transition: all 0.5s ease-out;}


.form_cont input,.form_cont textarea{width: 95%; max-width: 450px; height: 40px; padding: 0 2.5%; display: block; margin: 0 auto 30px auto; border-radius: 3px; border: 1px solid #e2e2e2; font-size: 14px; background-color: #fff; z-index: 2; position: relative;}
.form_cont input:focus, .form_cont textarea:focus{ border-color: #46b7ff; outline: none;}
.form_cont textarea{ padding-top: 10px; height: 70px; resize: none;}
.form_cont .form_submit{ width: 90%; max-width: 415px; height: 40px; padding: 5px 2.5%; display: block; margin: 30px auto 0 auto; background-color: #46b7ff; color: #fff; font-size: 24px; font-weight: bold; border-radius: 3px;}
.form_submit:hover{ text-decoration: none; background-color: #6ec5fd;}
.form_submit img{ display: none;}

.education_banner{ padding: 70px 0 110px 0; background:#22282b url(https://imobie-resource.com/en/anytrans/img/education_banner.jpg) center no-repeat; background-size: cover;}
.education_banner_text{ max-width: 480px;}
.education_banner .education_banner_desc{ margin: 30px 0 20px 0; font-size: 20px;}
/*.education_banner_plan{ margin-top: 40px; padding: 10px 0 30px 40px; background: url(../anytrans/img/education_plan_bg.png) no-repeat; text-align: left;}*/

.education_banner_plan{ display: inline-block; margin-top: 40px; position: relative;}
.education_plan{ display: inline-block; padding: 10px 80px 10px 30px; border-radius: 20px; position: relative; z-index: 2; background:#f7f1ec url(https://imobie-resource.com/en/anytrans/img/education_plan_bg.png) bottom right no-repeat;}
.education_banner_plan:before{ content: ""; width: 100%; height: 95%; display: block; border-radius: 20px; background-color: #4a3623; z-index: 1; position: absolute; bottom: -13px; left: -6px; transform: rotate(3deg);}

.education_banner_plan h2{ font-size: 24px; color: #3a3029;}
.education_banner .education_price{ margin-top: 5px; line-height: 1; font-size: 86px; font-weight: bold; color: #ff7e00;}
.education_banner_form {width: 530px; margin-right: -120px; background-color: #fbfbfb; border-radius: 20px; color: #333;}
.education_banner_form .form_cont{background-color: #fbfbfb;}
.education_banner_form .form_cont h2{ margin-bottom: 20px;}
.education_banner_form .form_cont input, .education_banner_form .form_cont textarea{ max-width: 430px;}
.education_banner_form  .form_cont_success{ min-height: 300px; background:#fff url(https://imobie-resource.com/en/anytrans/img/business_form_bg.jpg) top center no-repeat;}
.form_cont .ipt_err input, .form_cont .ipt_err textarea, .form_cont .ipt_err{ border-color: #ff0000;}
.form_cont .ipt_err span{ transform: translateY(45px);opacity: 1;}

.product_list { width: 95%; max-width: 455px; padding: 20px 0; border: 1px solid #e2e2e2; margin: -34px auto 0 auto; position: absolute; background-color: #fff; z-index: 3; left: 4.7%; border-radius: 3px; display: none;}
.product_list li{text-align: left; padding: 10px 20px;}
.product_list li:hover{ background-color:#46b7ff; color: #fff; cursor: pointer;}

.education_bannerpr .education_banner_text{ max-width:520px;}
.education_bannerpr .education_price{ font-size:48px;}
.education_bannerpr .education_plan{ min-width:390px; padding:10px 30px 10px 30px;}
.education_ios{ background:#f7f1ec url(https://imobie-resource.com/en/phonerescue/img/education_plan_ios.png) bottom right no-repeat;}
.education_android{background:#f7f1ec url(https://imobie-resource.com/en/phonerescue/img/education_plan_android.png) bottom right no-repeat;}

.yeartips i{ left:-250px;}
.yeartips i:after{ left:250px;}

/* 2022.09.06 */
.business_block_new{align-items: flex-start;margin-top: 100px;display: flex;}
.business_left{border-radius: 4px;border: 1px solid #E0E0E0;margin-right: 40px;flex-shrink: 0;width: 450px;background: #F5FAFC;border-radius: 20px;}
.business_left_top{background: #2377FE;border-radius: 20px 20px 0 0;padding: 34.5px 22px;color: white;}
.business_left_top span{font-weight: 600;font-size: 20px;}
.business_left ul{padding: 57px 58px 81px;text-align: left;color: #666;}
.business_left ul li{line-height: 18px;padding-left: 23px;position: relative;margin-bottom: 30px;}
.business_left ul li::before{content: "";position: absolute;left: 0;top: 0;width: 13px;height: 18px;background: url(https://images.imyfone.com/en/assets/purchase/ok.png) no-repeat center;background-size: 100%;}
.business_right{box-sizing: border-box;width: 905px;width: 64.643%;height: auto;min-height: 539px;background: rgba(255, 255, 255, 0.1);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);border-radius: 20px;padding: 28px 42px 30px 43px;}
.business_right .business_right_title{font-family: 'Open Sans';font-style: normal;font-weight: 700;font-size: 36px;line-height: 49px;vertical-align: bottom;color: #000000;}
.business_right .business_right_title span{display: inline-block;line-height: 49px;vertical-align: bottom;}
.business_right .label{font-family: 'Open Sans';font-style: normal;font-weight: 600;font-size: 20px;line-height: 27px;color: #000000;text-align: left;margin-bottom: 10px;}
.yeartips:after {content: "\e923";font-family: iconfont;display: inline-block;font-weight: 400;font-size: 14px;vertical-align: super;}
.business_right input{border: 1px solid #CCCCCC;border-radius: 5px;padding: 6px 15px 7px 15px;font-size: 20px;line-height: 25px;background: white;box-sizing: border-box;color: #000000;}
.license_type{display: flex;justify-content: space-between;}
.license_name input{width: 100%;}
.license_type input{width: 47.56%;font-size: 18px}
.select input{width: 100%; background: white;cursor: pointer;padding-right: 30px;pointer-events: none;}
.select{width: 47.56%; position: relative;}
.select::after{content: '';position: absolute;border-top: 7px solid #D9D9D9;border-left: 6px solid #D9D9D900;border-right: 6px solid #D9D9D900;right: 13px;top: 50%;transform: translateY(-50%) rotateZ(0deg);pointer-events: none;transition: .3s;}
.select_active::after{transform: translateY(-50%) rotateZ(180deg);border-top-color: #46B7FF}
.select ul{
	position: absolute;
	width: 100%;
	height: 0px;
  border: 0px solid #E0E0E0;
  border-radius: 0 0 10px 10px;
	z-index: 9;
	transition: .3s;
	overflow: hidden;
	background: white;
}
.select ul li{
	text-align: left;
	padding: 6px 15px 7px 15px;
	cursor: pointer;
	font-size: 18px;
}
.select ul li:hover{
	background: #207cfb;
	color: #fff;
}
.select_active ul{
	height: 200px;
	display: block;
    border: 1px solid #E0E0E0;

	overflow: auto;
}
.select ul::-webkit-scrollbar{
		width:5px;
		height:10px;
		
}

.select ul::-webkit-scrollbar-thumb{
	background:rgb(216, 216, 216);;
	border-radius:4px;
}

.business_right .price span{
	font-weight: 700;
font-size: 90px;
line-height: 123px;
display: inline-block;
vertical-align: bottom;

color: #F39C11;
}
a.buy_btn{width: 360px;height: 60px;background-color: #f49d06;border-radius: 5px;line-height: 60px;text-align: center;text-decoration: none;display: block;text-align: center;margin: 0 auto 0;font-size: 18px;font-weight: bold;color: #fff;font-weight: 700;font-size: 24.9703px;max-width: 360px;width: 100%;}
a.buy_btn::after{
	content: url(https://imobie-resource.com/en/guide/img/dk_buy_icon.png);
    font-family: iconfont;
    vertical-align: middle;
    margin-left: 8px;
    font-weight: 400;
    font-size: 24px;
}

.from_mask .form_cont_new{
	max-width: 630px;
}

.form_cont_new .p{
	display: flex;
	position: relative;
	justify-content: space-between;
	max-width: 540px;
	width: 95%;
}
.form_cont_new .p input{
	width: 48.14%;
	display: inline-block;
	margin: 0;
}
.form_cont_new input, .form_cont_new textarea{
	height: 46px;
	box-sizing: border-box;
	max-width: 540px;
	margin-bottom: 40px;
}
.form_cont_new textarea{height: 96px;}
.select2{ width: 95%; position: relative;max-width: 540px;margin-left: auto;margin-right: auto;}
.select2 input{width: 100%; background: white; padding-right: 40px;}
.select2>input{cursor: pointer; pointer-events: none;}
.select2::after{
	content: '';
	z-index: 10;
	position: absolute;
	border-top: 7px solid #D9D9D9;
	border-left: 6px solid #D9D9D900;
	border-right: 6px solid #D9D9D900;
	right: 13px;
	top: 50%;
	transform: translateY(-50%) rotateZ(0deg);
	pointer-events: none;
	transition: .3s;
}
.select2_active::after{transform: translateY(-50%) rotateZ(180deg);border-top-color: #46B7FF}
.select2>div{height: 0;transition: .3s; overflow: hidden; box-sizing: border-box; position: absolute;z-index: 9;width: 100%;top: 50px;background-color: white;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);border-radius: 5px;}
.select2>div input{max-width: 520px;margin: 9px auto 10px;height: 50px;border-color: #e2e2e2;}
.select2 ul{
	width: 100%;
    border: 0px solid #E0E0E0;
    border-radius: 0 0 10px 10px;
	z-index: 9;
	transition: .3s;
	overflow-y:auto ;
	/* background: white; */
	height: 300px;

}
.select2 ul li{
	text-align: left;
	padding: 11px 21px 11px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	color: #999;
}
.select2 ul li:hover{
	background: #46B7FF;
	color: #fff;
}
.select2_active>div{
height: 369px;
}

.select2 ul::-webkit-scrollbar{
		width:5px;
		height:10px;
		
}

.select2 ul::-webkit-scrollbar-thumb{
	background:rgb(216, 216, 216);;
	border-radius:4px;
}

.select2 .serach{
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.serach_close{
	font-style: normal;
	font-size: 25px;
	transform: rotate(45deg);
    cursor: pointer;
    position: absolute;
	right: 14px;
	color: #C4C4C4;
	top: 50%;
	font-weight: bold;
	transform: translateY(-50%);
	z-index: 10;
	display: none;
}


@media screen and (max-width: 1200px){
	.education_bannerpr .education_banner_text{ max-width:90%;}
	.dft_pw1200{ width: 100%; overflow: hidden;}
	.business_itmes h3{ font-size:20px;}
	.business_itmes{ width: 30%; padding: 50px 0;}
	
	.education_banner_text{ float: none; max-width: 90%; margin: 0 auto; text-align: center;}
	.education_plan{ margin: 30px auto 40px auto;}
	.education_banner_plan:before{ display: none;}
	.education_banner_form{ float: none; position: relative; margin: 0 auto;}
	.education_banner_plan{ margin: 0 auto;}
	
	.license_type{display: block;}
	.license_type input{width: 100%;}
	.license_type .select{width: 100%;margin-top: 20px;}
}
@media screen and (max-width: 980px){
	.business_banner{padding:40px 20px;}
	.atplan_banner h1{ font-size: 42px;}
	.business_block{ margin: 30px auto;}
	.business_itmes{ width: 40%; padding: 50px 1%; margin:20px 1.5%;}
	.business_contact{ width: 85%; padding:30px 0;}
 
	.business_itmes{ width: 80%; padding: 50px 1%; margin:20px 1.5%;}
	.business_contact{ width: 80%; padding:30px 0; margin: 20px auto;}
	.business_service>div{ width: 100%; margin: 20px auto; padding: 0;}
	.business_service p{ padding: 0 5%;}
	.business_service>div:nth-of-type(2){ padding: 20px 0; margin: 0 auto; border: 1px solid #e2e2e2; border-left: none; border-right: none;}
	.education_banner_plan{ width: 100%;}
	.education_plan{ width: 100%; max-width: 530px; padding: 15px 0;}
	.education_banner_plan h2{ line-height: 1.2; font-size:18px;}
	.education_banner .education_price{ font-size: 50px;}
	.atplan_banner h1{font-size: 30px;}
	.atplan_banner p,.education_banner .education_banner_desc{ font-size:16px;}
	
	.education_banner_form{ max-width: 95%; margin: 0 auto;}
	
	.education_bannerpr .education_plan{ min-width:100%; padding:15px 0;}

	.business_block{display: block;}
	.business_left{width: 80%;margin-left: auto;margin-right: auto;}
	.business_right{width: 80%;margin:40px auto;}
	.business_right .price span {font-size: 60px}
	.form_cont_new input, .form_cont_new textarea{margin-bottom: 20px;}
}
