@charset "utf-8"; /* CSS Document */ @media screen and (max-width:1080px){ .mainbox{display:none} #headerwarp{ padding-top: 0; height: auto; } #header{ height: auto; padding-bottom: 30px; } #header .menu{ width: 100%; height: auto; } #header .menu li{ float: none; height: auto; } #header .menu li a{ float: none; margin: 0 auto; line-height: 1; padding: 10px 0; } #header .menu li a.title2{ height: auto; } #header .menu li.curr a.title, #header .menu li:hover a.title{ height: auto; } #header .input{ zoom:1; display: block; margin: 0 auto; float: none; margin-top: 10px; } #header .input:before{ display:block;clear:both;content:"";visibility:hidden;height:0 } #header .input:after{ display:block;clear:both;content:"";visibility:hidden;height:0 } #header .menu .logo{display: none } .head{ display:block !important; margin: 10px auto !important;;} body{ width:100%; margin:0 auto;} .head,.banner_box,.banner_box_itunes,.steps_box_itunes,.content_mid,.steps_box,.feature1,.feature2,.content_top,.compare_big_box,.mainbox,.user_review,.bom-buy,.container .related_guide,.footer_bottom{ width:98%; margin:0 auto; padding:0 1%;} .banner_bg{ background-size:100%; height:115px;} .dl-menuwrapper { right:5px !important;} .user_list,.u_list{ width:100%;} .use{ width:100%; height:270px; float:none; margin:10px auto;} .list_txt_box{ width:200px;} .home_box .title{ padding-top:0;} .propic img{ width:80px; height:100%} .list_txt_box{padding-left: 10px;} .propic{padding-right: 10px;} .user_say .wrap{ width:100%; background-color:#fff;} .user_say .left,.user_say .right,.whatnew,.topics{ float:none; width:100%;} .user_say .left img{ width:100%; height:auto;} .user_say .img { margin:0 1%; width: 10%; height:auto;} .user_say .right{ margin-top: 0;padding-top:10px; background-color:#78B949;} .user_say .word dd { width:62%;word-break: break-all;} .user_list { height:auto !important;} .rewiew_awards{ height:auto;} .list_container{ width:100%;} .rollTop { width:100%; height:85px !important;} .wrap1 ul { padding-left:0 !important; width:72% !important;} .wrap1 ul li { width: 24%; height:85px !important; text-align:center;} .wrap1 ul li a { padding:0 !important; font-size: 12px !important; line-height:85px;} .wrap1 a.win-dow { width:56px !important; margin:5px 2px 0px 0px;} .wrap1 a.win-buy { width:56px !important; margin:5px 2px 0px 0px;} .review_list .review_list_item{ float:none; width:100%; padding:0;} .container{ width:100%; margin:0;} .part02 { height:auto;} .part02_lt { width:94%; margin:0 3%; float:none !important;} .part02_list li div { width:94%; margin:0 3%;} .part02_rt { width:94%; margin:0 3%; float:none !important;} .user_say { margin-top:0;} .topics{ margin-top:30px;} .user_say .wrap{ height:auto;} .row-fluid .span:first-child{margin-left: 30px; margin-bottom:30px;} .footer_bottom .row-fluid .span{ margin-top:30px; padding:0;} .banner_box { padding-top:5px !important;} .banner_box_itunes{ background-size:100%; height:auto;margin-top: 10px; padding-top: 10px;} .steps_box_itunes{height:auto;} .ov_btm_cen { width:100%;} .top-banner,.title_width,.home-step,.content_one_bundle,.right_text_bundle,.pro_con .bg_mediumseagreen .word,.wrap,.fea_pro_img img,.content,.list_ti,.home-pro-show,.user_review,.home-b-btn,.down_box,.ov_btm_cen dl{ width:98%; padding:0 1%;height:auto;} .top-banner h1{font-size: 16px;} .img_box img{ width:100%;height:auto;} .pro_con .left{ float:none; width:100%;} .home-pro-show li{ width:40%;} .review_left,.review_right{ float:none; width:100%; height:auto;} .left_img{ width:20%;} .left_img img{ width:100%;height:auto;} .left_text{ width:70%;} .stars_b{ background-size:100%; width:100%;} .blueBtn-b,.orangeBtn-b{ margin-left:30px;} .table_box{ width: 100% !important; overflow-x: scroll;} .slidebox .slides li { float:left !important; width: 48% !important; margin-left: 1% !important;padding: 0 !important;} .span3 p { text-align:center;} .banner_box_office{ height:auto;} .banner_box_office{ background-size:100%; height:auto;} .top-banner .box, .top-banner .box2{ padding:0;} .list,.right_text,.content_one,.left-image,.left-image img,.right_box,.feature2,.left-image-office,.left-image-office img,.fea_pro_img_right,.fea_pro_img_right img{ width:100%; height:auto;box-sizing: border-box;-webkit-box-sizing: border-box;} .left-image,.right_text{ float:none; width:100%;} .home-h1{ font-size:20px;} .banner_box_bundle{ background-size:100%; height:auto;} .right_text_bundle p,.right_text_bundle p img,.right_box_bundle,.compare_box,.desc,.tm_nav ul{ width:100%; height:auto;} .review_left{ padding-left:0;} .tm_nav li{ width: 25%; text-align: center;margin-right:0 !important;} .tm_nav li a{ padding:0; font-size: 12px;} .pro_con .right.word, .pro_con .bg_dark_blue .word, .pro_con .bg_gray .word, .pro_con .bg_mediumseagreen .word{ padding-left:0;} .pro_con .right1{ float:none; width:100%;} .ov_btm_cen dl dd{ padding:0;} .m12 { width:100%;} .all_title,.banner_list,.pro_list_cen table,.pro_list_cen,.article-content-box,.article-content p,.article-content p img,.author_info,.social_btm,.released,.row_tip,DIV.jogger,.page-box,.toppro_nav h1,.main,.feature2 .image_box img,.support_box,.dow_center,.pur_show .fl, .pur_show .fr,.pur_show .fl, .pur_show .fr,.ny_pur_box1,.buy_now,.ny_pur_box1_r,.ny_pur_box1_r img,.ny_pur_box1_r,.ny_pur_bottom,.ny_pur_box1_top3{width: 98%;height: auto; padding: 1%;} .banner_list{ width:100%; height:auto; background-size:100%;} .pro-list-a{ padding:0;} .article-banner{ width:100%; height:auto;background-size:100%;} .article-banner-wrap h1{ font-size:16px;} .article-content{ width:100%; height:auto; margin-left:0;} .articleInfo{height: 250px; padding:0;} .slidebox .slides li div{ padding:0;} .article-banner-wrap .author {width:100% !important;} .article-banner-wrap .stars { padding-left:0 !important;} .float_menu .tab span a{ padding:0; font-size:12px;} .released .thumbnail{ float:none; width:100%;} .released .thumbnail{ margin:0; padding:0;} DIV.jogger,DIV.jogger SPAN.current{ padding:0;} DIV.jogger A { padding:0 6px !important;} DIV.jogger{ margin:7px 0;} .toppro_nav h1{ padding:0;} .released .thumbnail .img{ margin:10px auto;} .ny_pur_box1_top3{ padding:30px 0;} .ny_pur_box1_top3_ti span{ padding:0;} .pro_list li { line-height:16px !important;} .home-step .cen{ margin:0; width:100%;} .feature2 .image_box{ padding:0; float:none; width:100%; } .right_box{ float:none;} .desc{ font-size:13px;} .pur_list_l,.purchase_r{ float:none; width:100%;} .pur_list_nav dd{ float:left; width: 48% !important; margin-left: 2%;} .pur_list_nav dd a { line-height:20px !important; height:30px !important; padding:0 !important;} .pur_show .fl, .pur_show .fr { width:50% !important;} .pur_show dl { padding:0 !important;} .all_title p{ font-size:12px; margin-left:10px;} .pro_box_left,.ny_pur_namu .buying{ float:none;} .ny_pur_box1_top3_2{ left:0; margin-top:10px;} .ny_pur_box1_top3_3{ right:0;} #new_price{ font-size:20px;} #old_price{ font-size:12px;} } /*xiao 修改2018-12-29*/ @media screen and (max-width: 800px){ .pur_show_xiao .fl,.pur_show_xiao .fr{ width: 100% !important; } .buybox_1_xiao{ padding-left: 0; margin: 0 auto; } .pro_list_cen table td{ } .book_td{ width:100%; } .home-step img{ max-width: 100%; } .itr_box6{ width: 100%; } .itr_box6 .pic_left{ float: none; width: 100%; margin: 0; } .itr_box6 .pic_left img{ max-width: 100%!important; display: block; margin: 0 auto; height: auto!important; } .row-fluid .span3{ float: none; width: 100%; } .row-fluid .span3 .text{ padding-right: 30px; } .itr_box6 .text_right{ padding: 15px; } .wrap1 a.mac-dow{ width: 56px !important; margin: 5px 2px 0px 0px; } .feature1_usb_burn{ } .itr_box1 img{ max-width: 100%; } .itr_box5 img{ max-width: 100%; } .guide_box{ width: 99%; margin: 0 auto; } .guide-list{ width: 100%; } .guide-list .guide-left{ width: 100%; float: none; } .guide-list .guide-right{ width: 100%; float: none; } .guide-list dl{ float: none; width: 100%; } .articles>div img{ max-width: 100%; height: auto; } .itr_box1 .pic{ width: 100%; } .iTunes_buy_box{ width: 98%; padding-left: 10px; height: auto; padding-right: 0; padding-bottom: 40px; } .iTunes_buy_box_ti span{ padding-left: 0; } .pur_top_buy_new{ width: auto; } .payment_method{ width: 100%; } .iTunes_buy_box_ti_2{ top: 10px; left: 60%; width: auto; } .pro_txt{ width: 100%; } .iTunes_buy_box_ti_3{ bottom: 5px; right: 5px; top: auto; } .payment_method img{ width: 100%; } .pur_list_l{ display: none; } .store_box{ display: none; } .btn_guide .downBnt-b{display:block} .btn_guide{width:100%} }