@charset "utf-8";
/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
html,body{background-color:#fff; overflow-x:hidden; font-size:16px;}

.andwrap{ max-width:750px; margin:0 auto; text-align:center;}
.and_banner{ max-width:100%; padding:40px 0;}
.and_banner h1{ font-size:3.75rem; font-weight:bold; max-width:84%; margin:0 auto;}
.and_banner img{ max-width:100%;}
.and_banner p{ font-size:1.625rem; max-width:84%; margin:0 auto; line-height:2.5rem;}
.and_banner p span{ color:#ff7f0e; font-size:1.75rem; font-weight:bold; vertical-align:middle;}
.and_banner p>a{ color:#ff7f0e; font-size:inherit; vertical-align:middle; text-decoration:none;}
.andcont{ padding-top:2rem;}
.andcont h2,.and_btnbox h2,.and_btnbox h2 span{ font-size:2.625rem; font-weight:bold;}

.and_btnbox{ width:78%; padding:1.875rem 7.5% 2.5rem 7.5%; margin:3.875rem auto; border-radius:5px; -moz-box-shadow:0px 0px 20px #ccc; -webkit-box-shadow:0px 0px 20px #ccc; box-shadow:0px 0px 20px #ccc;}
.and_btnbox h2 span{ color:#ff7f0e;}
.price span{ font-size:2.5rem; color:#999; text-decoration:line-through;}
.price b{ font-size:4rem; color:#ff7f0e; font-weight:bold; margin-left:1.4375rem;}
.andbtn{ display:block; width: 30.625rem; background: -webkit-linear-gradient(#ffcc36, #ff850c); background: -o-linear-gradient(#ffcc36, #ff850c); background: -moz-linear-gradient(#ffcc36, #ff850c); background: linear-gradient(#ffcc36, #ff850c); border-radius:10px; -moz-box-shadow:0px 6px 0 #bf7c12; -webkit-box-shadow:0px 6px 0 #bf7c12;; box-shadow:0px 6px 0 #bf7c12; font-size:3.75rem; line-height: 2.5; margin:30px auto 15px auto;}
.and_btnbox a{ color:#fff;}
.and_btnbox>span{ font-size:1.625rem;}
.andwrap>img{ max-width:80%;}

.bottomurl{ width:100%; padding-top:2.5rem; border-top:1px solid #d1d1d1; margin-top:5rem;}
.bottomurl a{ font-size:1.375rem; color:#3880ec; text-decoration:underline;}
.bottomurl a:after{ display:inline-block; content:''; width:17px; height:20px; background:url(https://imobie-resource.com/en/anytrans/img/anddl_botmp.png) no-repeat; background-size:100%; margin-left:10px; vertical-align:middle;}

footer{ margin-top:40px; font-size:16px;}

/*download*/
.dl_banner{background:#62c0a7 url(https://imobie-resource.com/en/anytrans/img/android_dl_bg.jpg) top center no-repeat;  background-size:cover;}
.dl_banner p span{ color:#ffd16f;}
.dlul{ text-align:left; margin:2.5rem auto; width:90%;}
.dlul li{ font-size:1.625rem; margin-top:1.875rem; /*background:url(../anytrans/img/anddl_li.png) 0 10px no-repeat; padding-left:1.5625rem;*/ list-style:decimal; margin-left:1.5625rem;}

/*buy*/
.buy_banner{background:#def8d8;}
.buy_banner h1{ font-size:2.65rem;}
.buyul{ height:350px;}
.buyul li{ position:absolute; top:0; left:0; margin:auto; opacity:0; list-style:none;}
.buyul .buyul_show{ opacity:1; z-index:2; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.buyul{ max-width:84%; margin:50px auto;}
.buyul li p,.buyul li p span{ font-size:1.875rem; margin-top:40px; display:block;}
.point{ margin:0 auto; text-align:center;}
.point span{ display:inline-block; width:12px; height:12px; border:1px solid #ccc; border-radius:50%; margin:0 10px;}
.buypoint_show{ background:#ccc;}

.mailpop{padding:2rem 0; background-color:#f8f8f8;}
.mailpop a{display:inline-block; width:80%; font-size:1.625rem; line-height:1.6;}


.ios_pop_bg{ background:rgba(0,0,0,0.2); width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:998; }
.ios_pop{width:90%; max-height:540px; position:fixed; top:0; left:0; right:0; bottom:0; margin:auto; background:#fff; background-size:100%; display:none; z-index:999; overflow-y:scroll; }
.ios_pop>p .ios_close{ position:absolute; top:0; right:21px; max-width:36px; width:8%; opacity:0.5; margin-top:20px; display:block;}
.ios_pop>p{width:85%; margin:1.65rem auto 0; text-align:center;}
.send_cont input{width:77%; border-radius:5px; padding:1rem; border:1px solid #c1c1c1; color:#000; display:block; margin:2.5rem auto 0;}
.send_cont input::-webkit-input-placeholder {color:#cacaca;}
.send_cont input:-moz-placeholder { color:#cacaca;}　
.send_cont input::-moz-placeholder {　color:#cacaca;}
.send_cont input:-ms-input-placeholder {　color:#cacaca;}
.send_cont>a{padding:1rem 0; width:84%; font-size:1.875rem; margin:1.875rem auto 0; border-radius:5px; background:linear-gradient(top, #608bff 0%, #33b9f8 100%); background:-moz-linear-gradient(top, #608bff 0%, #33b9f8 100%); background:-webkit-linear-gradient(top, #608bff 0%, #33b9f8 100%); color:#fff; text-align:center; display:block;}
.send_conts>a{ width:84%; }
.send_cont>a:hover{ text-decoration:none;}
.send_cont>p{ max-width:700px; text-align:center; width:85%; margin:1.875rem auto 0; color:#5d8efe; font-size:1rem;}
.send_cont1 p{ font-size:1.25rem; color:#666; }
.send_cont>p img{ vertical-align:middle; margin-right:5px;}
.ios_send a{ display:none;}
.ioc_text{width:90%; margin:20px auto 0 auto;}

.send_main a{color:#0077ce; font-size:1.25rem;}
.send_main p{font-size:1.25rem; line-height:1.5; margin-top:2.5rem;}
.send_sending{margin-top:4.25rem; position:relative;}
.send_error{margin-top:4.5rem;}
.send_error p{margin-top:1.52rem;}
.send_error .ios_close1{margin-top:0;}
.send_succ{margin-top:5.5rem;}
.send_succ p{margin-top:1.25rem;}
.send_sending .send_mails{width:50px; height:50px; margin:0 auto; padding:0; }
.send_sending .send_mails img{ margin-top:15px;}
.email_send{ background:url(https://imobie-resource.com/en/anytrans/img/send-email.png) no-repeat center; position:absolute; animation:spin 1s infinite linear; width:100%; height:100%; margin-left:-25px;}
.email_sendsd{ margin-left:-16px; }
.send_contain{ display:none;}
.mailimg1{width:35%;}
.send_contain h2{font-size:1.5rem;}
.send_contain p,.send_main p{font-size:1.125rem;}
.send_cont input{font-size:1rem;}
.send_cont>a{padding:0.6rem 0; font-size:1.2rem;}
.send_main p{width:90%; margin:1.5rem auto;}

@keyframes spin {
  0%   { transform: rotate(0);}
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0%   { transform: rotate(0);}
  100% { transform: rotate(360deg); }
}

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

.ostab{max-width:320px; border:1px solid #edf3f0; border-radius:16px; margin:1.875rem auto;}
.ostab p{float:left; width:50%; font-size:12px; line-height:33px; position:relative;}
.ostab p:before{font-family:pricon; margin-right:5px; vertical-align:middle;}
.ostab .wintab:before{content:"\eac2";}
.ostab .mactab:before{content:"\e906";}
.ostab .ostab_act{color:#fff; background-color:#00bca5; border-radius:16px;}
.ostab .ostab_act:after{content:""; position:absolute; width:0; height:0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid #00bca5; position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px;}
.buymacs{display:none;}

.in_app_loading{width:100%;height:100%;background-color:rgba(255,255,255,.9);position:fixed;left:0;top:0;z-index:9}
.in_app_loading img{position:absolute;top:45%;left:48%;animation:loading 1s linear infinite;-ms-animation:loading 1s linear infinite;-webkit-animation:loading 1s linear infinite}
@keyframes loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@-ms-keyframes loading{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}
@-webkit-keyframes loading{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}

/*inline*/
.checkout_pop{ width:100%; height:100%; min-height:500px; position:fixed; top:0; left:0; z-index:11; background-color:#000; background:rgba(0, 0, 0, 0.5); display:none;}
.checkout_pop_wrap{width:94%; max-width:433px; position:relative; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.checkout_pop_main{ width:100%; height:100%; border-radius:20px; background: linear-gradient(180deg, #C6F8DC 0%, #FFFFFF 30.21%, #FFFFFF 62.5%, #FFFFFF 100%); overflow:hidden; position:relative;}
.checkout_pop_price p{ font-size:16px; line-height:1.2;}
.checkout_pop_current span{ font-size:36px; font-weight:bold; color:#000; margin-right:8px; font-family: Helvetica,sans-serif;}
.checkout_pop_current del{ font-size:18px; color:#666;}
.checkout_pop_current i{ font-style:normal;}
.checkout_pop_list{ display:inline-block;}
.checkout_pop_list .ptr span{ display:none;}
.checkout_pop_list li{ padding-left:18px; margin-top:8px; background:url(https://imobie-resource.com/fr/anydroid/img/checkout_pop_list@2x.png) no-repeat left center; background-size:12px 12px; text-align:left; font-size:14px; color:#666;}
.checkout_pop_list li b{font-size:inherit;}
.checkout_pop_purchase{ height:100%; padding:0 4% 30px; position:relative;}
.checkout_pop_close{ width:30px; height:30px; display:block; line-height:30px; border-radius:50%; position:absolute; top:10px; right:10px; font-size:30px; cursor:pointer; z-index:9; color:#adadad; border: 1px solid #B6B6B6; text-align:center;}
.checkout-container_loading{ width:100%; height:100%; background-color:#fff;}
.checkout-container_loading img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}   
.checkout_pop_title{ margin:10px auto 0; font-size:24px; font-weight:bold; color:#000; font-family: Helvetica,sans-serif;}
.checkout_pop_device{font-size:14px; color:#666; display:inline-block; padding:7px 0; margin:10px auto; width:163px; border-bottom:1px dashed #b0b2b2;}
.checkout_pop_device:before{content:""; display:inline-block; vertical-align:middle; margin-right:15px; background:url(https://imobie-resource.com/en/anyunlock/img/checkout_pop_devices.png) no-repeat left center; background-size:cover; width:17px; height:21px;}
.checkout_pop_email{ margin:20px auto 10px;}
.checkout_pop_email input{ width:80%; font-size:14px; padding:18px 10px 18px 40px; border:1px solid #ccc; border-radius:5px; outline:none; background:url(https://imobie-resource.com/en/anytrans/img/email_icon.png) 15px center no-repeat;}
.pop_email_error{ display:block; text-align:left; margin:5px 0 0 25px; color:#fff; font-size:14px; opacity:0;}
.checkout_pop .checkout_pop_btn{ width:80%; padding:0px 25px; display:block; margin:0 auto; font-size:24px; line-height:2.2; font-weight:bold; border-radius:5px; color:#fff; background-color:#20B386; border-radius:4px; font-family: Helvetica,sans-serif; text-decoration:none;}
.checkout_pop_email_error input{ border:1px solid #F56C6C;}
.checkout_pop_email_error .pop_email_error{ color:#F56C6C; opacity:1;}
.checkout-container{ width:100%; height:100%; padding:10px 0; background-color:#fff; position:absolute; top:0; right:0; display:none; overflow:hidden;}

@media screen and (max-width: 568px){
	.and_banner h1{ font-size:2.2rem;}
	.and_banner p{ font-size:1.2rem; line-height:1.5; max-width:94%;}
	.and_banner p span{ font-size:1.3rem;}
	.and_banner img{ max-width:94%;}
	.andcont h2, .andcont h2 span{ font-size:1.5rem;}
	.dlul li{ font-size:1.2rem; margin-top:1rem;}
	.price span{font-size: 2.125rem;}
	.price b{ font-size:2.6rem; margin-left:0.5rem;}
	.price em{ display:block;}
	.andbtn{ font-size: 1.625rem; width: 77%; -moz-box-shadow:0px 4px 0 #bf7c12; -webkit-box-shadow:0px 4px 0 #bf7c12;; box-shadow:0px 4px 0 #bf7c12;}
	.and_btnbox{ margin:2.5rem auto;}
	.and_btnbox>span{  font-size: 0.9rem;}
	.bottomurl{margin-top:2rem; padding-top:1.5rem;}
	.bottomurl a{ font-size: 0.875rem;}
	.bottomurl a:after{ width:13px; height:15px;}
	footer{ margin-top:20px; font-size:14px;}
	
	/*buy*/
	.buy_banner h1{ font-size:1.465rem;}
	.buyul li p,.buyul li p span{ font-size:1.2rem; margin-top:20px;}
	.buyul{ margin:20px auto; height:280px;}
	/*download*/
	/*.dlul li{background:url(../anytrans/img/anddl_li.png) 0 7px no-repeat;}*/
	.mailpop{padding:1.4rem 0;}
	.mailpop a{font-size:1.2rem;}
	.ios_pop{max-height:490px; overflow-y:scroll;}
	}
@media screen and (max-width: 375px){
	.and_banner h1{ font-size:2rem;}
	.andcont h2, .andcont h2 span{ font-size:1.3rem;}
	.buy_banner h1{ font-size:1.28rem;}
	footer{ font-size:12px;}	
}