@charset "utf-8";
/* CSS Document */
/**
 * Copyright(C), Spaceflight Technology Co., Ltd.
 * Version: v2.0.1
 * Description: CSS Reset & Public Components
*/
@media screen and (max-width: 1200px) {
.th_bottom .reason_box{ width: 28.3%;}
}
@media screen and (max-width: 1024px) {
.go_it_now .desc{ max-width: 50%; width: auto;}
.conment_box .box .item{ width: 14.7%;}
.view_screenshots .right_box{ max-width: 50%;}
.view_screenshots .right_box img{ max-width: 100%; height: auto; display: block;}
.amazing-features .box{ width: 224px;}
.row{ margin: 0;}
.fea_pro .fea_pro_img_right img{ max-width: 100%; height: auto; display: block;}
.system-download_buddton{ width: 250px;}
.th_bottom .reason_box{ width: 28.3%;}
.guide_left{ max-width: 100%; padding: 0d;}
.t_right{ display: none;}
.t_main .right{ display: none;}
.guide-top-wrap h2{ font-size: 20px;}
.guide_left h3{ font-size: 18px;}
.guide_left img{ max-width: 100%; height: auto; display: block;}
}
@media screen and (max-width: 1000px) {
.footer{ height: auto;}
.pros-page-2 .tab_cont .box{ width: 28.33%; margin: 0;}
.support .content .hot_all .share{ padding: 0;}
.store-detail .main_buy{ padding: 0;}
.product-img{ display: none;}
.accept-box{ text-align: center;}
.accept-box img{ max-width: 100%; height: auto; display: block;}
.iconbox{ margin: 25px 0 0 0;}
.system_info .columnInfo{ width: 100%;}
.system{ height: auto;}
.system-download_buddton{ width: 100%;}
.system-download{width: 100%;}
.table1 td, .table1 th{ padding: 15px 10px;}
.mobile_header{ display: block;}
#header{ display: none;}
.rollTop{ display: none !important;}
.banner{ height: 500px;}
.pro1{ width: 100%; margin-bottom: 20px;}
.pro2{ width: 100%;}
.itunes_recovery,
.office_password_bg{ background-size: cover;}
.peobox{ padding: 0 15px;}
.peobox .item{ width: 100%; margin-left: 0;}
.artia{ width: 100%; height: auto; display: none;}
.bigimgHover h3{ left: 323px;}
.artib{ width: 100%;}

.banner_text{ padding: 55px 15px 0;}
.article-banner{ display: none;}
.part02_rt{ display: none;}
.part02_lt{ width: 100%;}
.big_box_hot{ width: 100%;}
.part02_list li{ width: 100%;}
.part02_list li div{ margin-right: 0;}
.part02_list li div img{ width: 100%;}
.t_right{ display: none;}
.container_main .leftbox{ padding-left: 0;}
.Q-tpListInner .innertext{ margin-left: 0;}
.th_store .content .box .pic { margin: 0 0;}
.th_store .content{ padding: 37px 15px;}
.th_bottom .reason_box{ width: 26.3%;}
.price-box .buy p{ margin-right: 0;}
.gura_index{ height: 130px;}
}

@media screen and (max-width: 768px) {

.span_1_of_4{ width: 45%; min-height: 270px;}
.bottom{ padding-top: 0;}
.support_topic h1{ font-size: 22px;}
.pros-page-2 .tab_cont .box{ width: 98%; margin: 0;}
.gura_index li{ width: 49%; padding-bottom: 20px;}
.go_it_now .img{ text-align: center; width: 100%; box-shadow:0 0 0;}
.go_it_now .desc{ max-width: 100%; margin: 20px 0;}
.conment_box .box .item{ width: 93%;}
.conment_box .box .item .dd{ min-height: 100px;}
.phone_support li{ width: 49%;}
.fea_pro .fea_pro_text_left{ max-width: 100%; width: auto; padding: 0 15px;}
.fea_pro .fea_pro_img_right{ text-align: center; width: 100%;}
.fea_pro .fea_pro_img_right img{ max-width: 100%; height: auto; display: block; margin: 0 auto;}
.view_screenshots .left_box{ width: 100%; margin: 0; height: 340px; padding-left: 0;}
.view_screenshots .right_box{ max-width: 100%;}
.amazing-features .box{ width: 36%;}
.iconbox .item{ width: 73%; padding: 0 40px 25px 70px;}
.th_store .content .box .pro{ width: 100%; text-align: center;}
.th_store .content .box .pic{ width: 100%;}
.th_store .content .box .price-buy{ width: 100%; border-left: 0;}
.th_store .content .box .price-buy .price{text-align: center;}
.th_store .content .box .price-buy .price span{ margin: 0 auto; text-align: center;}
.th_store .content .box .price-buy .buy{ text-align: center;}
.th_store .content .box .price-buy .buy a{ width: 190px;}
.bundle .bundle_box .bundle_box_left{ width: 100%; text-align: center;}
.bundle .bundle_box .bundle_box_right{ border-left: 0;}
.ths_content .box .price-buy{ padding-left: 25px;}
.content .box .mid{margin: 0 20px;font-size: 14px;}
.note p:not(.p1){ line-height: 21px;}
.payment img{ display: none;}
.payment img.xy{ display: block; margin: 0 auto;}
.service .services span{ width: 99%;}
.th_bottom h3{ font-size: 24px;}
.th_bottom .reason_box{ width: 100%; margin: 0;}
.ths_banner{ text-align: center;}
.ths_banner h1{ font-size: 24px; line-height: 30px;}
.ths_banner img { margin-right: 0; margin-bottom: 20px;}
.ths_banner ul{ border-left: 0; padding-left: 0;}
.banner li span { width: 90%;}
.ths_banner li::before{ position: relative; display: none;}
.bundle .bundle_box .bundle_box_left .price_buy .buy a.win{ margin-right: 0; margin-bottom: 15px;}
.bundle .bundle_box .bundle_box_left .price_buy .buy{ margin-left: 0; padding: 15px 0;}
.support .content .hot_all .box .pic, .support .content .hot_all .box .word{ padding: 0;}
.gura_index{ height: 200px;}
}
@media screen and (max-width: 479px) {
.span_1_of_4{ padding-bottom: 20px;}
.gura_index li{ width: 99%;}
.amazing-features .box{ width: 68%;}
.gura_index{ height: 310px;}
}
@media screen and (max-width: 320px) {
.span_1_of_4{ width: 100%; min-height: auto;}
.support_topic h1{ font-size: 20px;}
.support_topic_bg h2{ font-size: 18px;}
.th_store .content .box .price-buy .buy a{ width: 130px; padding-left: 0;}
.mobile_nav ul li.search .form-control{ width: 92%;}
}