@charset "utf-8";
/* CSS Document */
/*banner*/
h1 { font-family: myFirstFont; }
.banner { background: url(/images/products-banner-bj.jpg) top center; min-height: 496px; }
.banner_win { background: url(/images/products-banner-win-bj.jpg) top center; min-height: 496px; }
.banner_mac { background: url(https://www.apple-music-downloader.net/images/free_apple_music_downloader_banner.jpg) top center; min-height: 700px; }
.banner_camera { background: url(https://www.apple-music-downloader.net/images/free_apple_music_downloader_banner.jpg) top center; min-height: 700px; }
.banner_card { background: url(https://www.apple-music-downloader.net/images/free_apple_music_downloader_banner.jpg) top center; min-height: 700px; }

.banner_mac_external { background: url(https://www.apple-music-downloader.net/images/free_apple_music_downloader_banner.jpg) top center; min-height: 700px; }
.banner_protector { background: url(/images/products-banner-pro-bj.jpg) top center; }
.banner h1 { margin-top: 80px; }
.banner .p_b_title { height: 48px; width: 64%; margin-bottom: 60px; }
.banner .p_b_title .p_b_t_left { width: 5%; height: 15px; margin-right: 4px; background: url(/images/b-t-bj.png) no-repeat scroll 0 0; }
.banner .p_b_title .p_b_t_right { width: 5%; height: 28px; background: url(/images/b-t-bj.png) no-repeat scroll -28px 0; }
.banner .p_b_title .p_b_t_left_pr { display: none; }
.banner .p_b_title .p_b_t_right_pr { display: none; }
.banner .p_b_title p { margin-top: 10px; }
.banner .p_b_title_pr p { width: 100%; }
.banner_mac .p_b_title .p_b_t_left { margin-right: 10px; }
/*.banner_mac .p_b_t_left { display: none;}*/
/*.banner_mac .p_b_t_right { display: none;}*/
.banner .intro { width: 84%; display: block; margin-bottom: 46px; }
.banner .ico { margin: 0 32px; font-size: 36px; }
.banner .buy { position: relative; background: #0098ff; width: 254px; height: 70px; margin-left: 26% }
.banner .buy a { display: block; width: 254px; height: 70px; color: #fff; transition: all 0.2s; }
.banner .buy a:hover { background: #0078ff; }
.banner .buy a span { position: absolute; top: 20px; left: 16px; font-size: 34px; }
.banner .buy a i { position: absolute; top: 24px; left: 98px; }
.banner .trial { position: relative; background: #10d301; width: 254px; height: 70px; margin-left: 3%; }
.banner .trial a { display: block; width: 254px; height: 70px; color: #fff; transition: all 0.2s; margin-left: 0; }
.banner .trial a:hover { background: #00b522; }
.banner .trial a span { position: absolute; top: 18px; left: 16px; font-size: 36px; }
.banner .trial a i { position: absolute; top: 24px; left: 102px; }
/*drive-manager*/
.banner .free_edition { position: relative; background: #10d301; width: 254px; height: 70px; margin-left: 26% }
.banner .free_edition a { display: block; width: 254px; height: 70px; color: #fff; transition: all 0.2s; }
.banner .free_edition a:hover { background: #00b522; }
.banner .free_edition .ico { margin: 0 16px; }
.banner .free_edition a span { position: absolute; top: 20px; left: 0; font-size: 34px; }
.banner .free_edition a i { position: absolute; top: 24px; left: 58px; }
.banner .drive_manager_buy { position: relative; background: #0098ff; width: 254px; height: 70px; margin-left: 3%; }
.banner .drive_manager_buy a { display: block; width: 254px; height: 70px; color: #fff; transition: all 0.2s; margin-left: 0; }
.banner .drive_manager_buy .tips a { width: 252px; height: 20px; font-size: 14px; color: #666666; margin-left: 2px; margin-top: 6px; }
.banner .drive_manager_buy a:hover { background: #0078ff; }
.banner .drive_manager_buy .tips a:hover { background: none; text-decoration: underline; color: #0098ff; }
.banner .drive_manager_buy a span { position: absolute; top: 18px; left: 16px; font-size: 36px; }
.banner .drive_manager_buy a i { position: absolute; top: 24px; left: 102px; }
.banner .gomac { width: 258px; height: 28px; margin-top: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.banner .gowin { width: 280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.banner .gomac a { display: block; color: #999; font-size: 14px; height: 28px; line-height: 28px; text-align: center; border: 1px #cfcfcf solid; }
.banner .gomac span { display: block; transition: all 0.4s; }
.banner .gomac span:after { content: '<<'; opacity: 0; margin-right: -20px; transition: all 0.4s; }
.banner .gomac:hover span:after { opacity: 1; margin-right: 0; }
.banner .gomac a:hover { color: #0098ff; border: 1px #0098ff solid; opacity: 1; }
@media (max-width: 1200px) {
    .banner .p_b_title .p_b_t_left { display: none; }
    .banner .p_b_title .p_b_t_right { display: none; }
    }
@media (max-width: 992px) {
    .banner .trial { margin-left: 16% }
    .banner .free_edition { margin-left: 2%; }
    .banner .drive_manager_buy { margin-left: 16% }
    .banner .buy { margin-left: 2%; }
    .banner .p_b_title { margin-bottom: 50px; }
    }
/*navbar-wrapper-*/
.navbar-wrapper { width: 100%; min-height: 67px; line-height: 67px; background: #FFF;}
.navbar-wrapper a { display: block; text-align: center; font-size: 16px; color: #666; transition: all 0.1s; }
.navbar-wrapper a:hover { border-bottom: 3px solid #0098ff; background: #f8f8f8; }
.navbar-wrapper a:hover .ico { font-size: 22px; }
.navbar-wrapper .ico { color: #0098ff; font-size: 20px; margin-right: 8px; transition: all 0.1s; }
.actives a { border-bottom: 3px solid #0098ff; }
@media (min-width: 768px) {
    .navbar-wrapper .menuItem { text-align: left; width: 16%; padding: 0; }
    .navbar-wrapper .ico { font-size: 18px; margin-right: 2px; }
    .navbar-wrapper a:hover .ico { font-size: 20px; }
    .navbar-wrapper .menuItem:nth-child(1) { width: 13%; }
    .navbar-wrapper .menuItem:nth-child(2) { width: 22%; }
    .navbar-wrapper .menuItem:nth-child(3) { width: 18%; }
    .navbar-wrapper .menuItem:nth-child(5) { width: 18%; }
    .navbar-wrapper .menuItem:nth-child(6) { width: 11%; }
    }
@media (min-width: 992px) {
    .navbar-wrapper .menuItem { text-align: left; width: 14%; margin: 0 8px; }
    .navbar-wrapper .ico { font-size: 18px; margin-right: 6px; }
    .navbar-wrapper .menuItem:nth-child(1) { width: 13%; margin-left: 20px; }
    .navbar-wrapper .menuItem:nth-child(2) { width: 16%; }
    .navbar-wrapper .menuItem:nth-child(3) { width: 14%; }
    .navbar-wrapper .menuItem:nth-child(5) { width: 14%; }
    .navbar-wrapper .menuItem:nth-child(6) { width: 12%; }
    }
@media (max-width: 767px) {
    .banner .trial { margin-bottom: 22px; margin-left: 10%; }
    .banner .buy { margin-bottom: 22px; margin-left: 10%; }
    .banner .drive_manager_buy { margin-bottom: 22px; margin-left: 10%; }
    .banner .free_edition { margin-bottom: 22px; margin-left: 10%; }
    .navbar-wrapper { padding: 0; margin: 10px 0; }
    .navbar-wrapper .container { padding: 0; }
    .navbar-wrapper .menuItem { height: 40px; line-height: 40px; text-align: center; padding: 0; }
    .navbar-wrapper a:hover { border-bottom: none; background: #f0f0f0; }
    .actives a { border-bottom: none; background: #f0f0f0; }
    }
	
@media (min-width: 768px) {
    .navbar-wrapper .menuItem_mul { text-align: left; width: 20%; padding: 0; }
    .navbar-wrapper .ico { font-size: 18px; margin-right: 2px; }
    .navbar-wrapper a:hover .ico { font-size: 20px; }
    .navbar-wrapper .menuItem_mul:nth-child(1) { width: 13%; }
    .navbar-wrapper .menuItem_mul:nth-child(2) { width: 22%; }
    .navbar-wrapper .menuItem_mul:nth-child(3) { width: 18%; }
    .navbar-wrapper .menuItem_mul:nth-child(5) { width: 18%; }
    .navbar-wrapper .menuItem_mul:nth-child(6) { width: 11%; }
    }
@media (min-width: 992px) {
    .navbar-wrapper .menuItem_mul { text-align: left; width: 20%; margin: 0 8px; }
    .navbar-wrapper .ico { font-size: 18px; margin-right: 6px; }
    .navbar-wrapper .menuItem_mul:nth-child(1) { width: 13%; margin-left: 20px; }
    .navbar-wrapper .menuItem_mul:nth-child(2) { width: 16%; }
    .navbar-wrapper .menuItem_mul:nth-child(3) { width: 14%; }
    .navbar-wrapper .menuItem_mul:nth-child(5) { width: 14%; }
    .navbar-wrapper .menuItem_mul:nth-child(6) { width: 12%; }
    }
@media (max-width: 767px) {
    .banner .trial { margin-bottom: 22px; margin-left: 10%; }
    .banner .buy { margin-bottom: 22px; margin-left: 10%; }
    .banner .drive_manager_buy { margin-bottom: 22px; margin-left: 10%; }
    .banner .free_edition { margin-bottom: 22px; margin-left: 10%; }
    .navbar-wrapper { padding: 0; margin: 10px 0; }
    .navbar-wrapper .container { padding: 0; }
    .navbar-wrapper .menuItem_mul { height: 40px; line-height: 40px; text-align: center; padding: 0; }
    .navbar-wrapper a:hover { border-bottom: none; background: #f0f0f0; }
    .actives a { border-bottom: none; background: #f0f0f0; }
    }
	
/*navbar-wrapper-end--*/
/*nav_affix-affix*/
.nav_affix { width: 100%; min-height: 57px; line-height: 57px; background: #FFF; z-index: 5; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); position: fixed; top: 0; display: none; }
/*.nav_affix .nav_affix_menu{margin-left:1%;}*/
.nav_affix .nav_affix_menu li { float: left; text-align: left; }
.nav_affix .nav_affix_menu li a { display: block; font-size: 16px; color: #666; padding: 0 10px; margin-right: 15px; text-align: left; transition: font-size 400ms; }
.nav_affix .nav_affix_menu li a:hover { border-bottom: 3px solid #0098ff; background: #f8f8f8; }
.nav_affix .nav_affix_menu li a:hover .ico { font-size: 20px; }
.nav_affix .ico { color: #ffffff; font-size: 18px; margin-right: 8px; transition: all 0.1s; }
.active a { border-bottom: 3px solid #0098ff; background: #f8f8f8; }
/*buy-botton*/
.nav_affix .nav_affix_button { margin-left: 26px; }
.nav_affix .nav_affix_button .buy { position: relative; background: #ffae00; width: 140px; height: 60px; }
.nav_affix .nav_affix_button a { display: block; width: 140px; height: 60px; color: #fff; transition: all 0.2s; margin-left: 0; }
.nav_affix .nav_affix_button .buy a:hover { background: #ff9600; }
.nav_affix .nav_affix_button a span { position: absolute; top: 22px; left: 15px; font-size: 26px; }
.nav_affix .nav_affix_button a p { position: absolute; top: 0; left: 48px; }
/*free-botton*/
.nav_affix .nav_affix_button .free { position: relative; background: #0098ff; width: 140px; height: 60px; margin-left: 12px; }
.nav_affix .nav_affix_button a { display: block; width: 140px; height: 60px; color: #fff; transition: all 0.2s; margin-left: 0; }
.nav_affix .nav_affix_button .free a:hover { background: #0078ff; }
.nav_affix .nav_affix_button a span { position: absolute; top: 16px; left: 15px; font-size: 26px; }
.nav_affix .nav_affix_button a p { position: absolute; top: 0; left: 48px; }
.affix-top { top: 640px; }
.affix { top: 0; }
.affix-bottom { bottom: 0; }
/*nav_affix-affix-end*/
/*Features*/
.features { min-height: 600px; background: #f8f8f8; }
.features .title { margin-top: 70px; }
.features .ico { color: #0098ff; display: block; font-size: 38px; float: left; line-height: 136px; margin: 0 16px; }
@media (max-width: 768px) {
    .features .title { margin-top: 30px; }
    .features .ico { line-height: 50px; height: 54px; }
    .features .ico42 { margin-right: 4.6px; }
    .features h4 { line-height: 24px; height: 54px; }
    }
/*editorial*/
.editorial { min-height: 360px; border: 1px #f8f8f8 solid; color: #666; }
.editorial a:hover { color: #444; text-decoration: underline; }
.editorial .editorial_list1 { min-height: 100px; }
.editorial .editorial_name { width: 18%; }
.editorial .editorial_info { }
.editorial .editorial_info p { font-size: 14px; }
@media (min-width: 768px) {
    .editorial .editorial_info { width: 78%; }
    }
@media (min-width: 992px) {
    .editorial .editorial_info { width: 82%; }
    }
@media (max-width: 768px) {
    .editorial .editorial_info { width: 74%; }
    .editorial .editorial_list1 { min-height: 200px; }
    .editorial_info, .editorial_info p { margin-top: 0; }
    }
/*Guide*/
.guide { min-height: 800px; background: #fff; }
.guide .step { position: relative; width: 32%; }
.guide .step_line1 { width: 1px; height: 104px; background: #999; position: absolute; top: 87px; left: 34px; }
.guide .step_line2 { width: 1px; height: 104px; background: #999; position: absolute; top: 230px; left: 34px; }
.guide .step_line3 { width: 1px; height: 128px; background: #999; position: absolute; top: 374px; left: 34px; }
@media (max-width: 992px) {
    .guide .step_line2 { height: 122px; }
    .guide .step_line3 { height: 170px; position: absolute; top: 391px; left: 34px; }
    /*.guide .step_line1,.step_line2,.step_line3{ display: none;}*/
    }
@media (max-width: 768px) {
    .guide .step_line1, .step_line2, .step_line3 { display: none; }
    .guide .step { width: 100%; }
    .guide { min-height: 1120px; padding: 0 15px; }
    }
.guide .step li { margin-bottom: 20px; }
.guide .step h5 { margin-left: 30px; }
.guide .step p { margin-left: 30px; }
.guide .step li span { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 40px; border: #999 solid 1px; background: #fff; font-size: 24px; color: #666; margin-bottom: 16px; }
.guide .step .current > span { background: #0098ff; border: none; color: #fff; /*box-shadow:0 0 12px  rgba(0,125,255,0.4); */ }
.guide .slides { position: relative; }
.guide .slides ul li { box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); display: none; animation: slidesAni 0.6s ease-in-out both; position: absolute; left: 0; top: 0; }
.guide .slides ul li img { width: 100%; }
@keyframes slidesAni {
    0% {
        transform: scale(0.5, 0.5) rotate(20deg);
        }
    }
/*Specification*/
.spec { min-height: 320px; background: url(/images/p-spec-bj.png) #f8f8f8 left top repeat-y; }
@media (max-width: 768px) {
    .spec .container { padding-left: 0; }
    }
/*Reviews*/
.reviews { background: #fff; }
.reviews .icon-star { color: #ffae00; }
.reviews .addrev { width: 200px; height: 38px; line-height: 38px; border-radius: 2px; background: #0098ff; }
.reviews .addrev a { color: #fff; display: block; }
.reviews .addrev a:hover { background: #0078ff; }
.reviews .table tr td { border: none; text-align: left; vertical-align: middle; height: 120px; }
.reviews .table tr { valign: middle; padding: 10px 0; }
.reviews .comments_list p { margin-left: 0; margin-bottom: 0; }
.reviews .comments_list_each { padding: 26px 0; }
.reviews .userinfo { padding-left: 0; }
.reviews .comments_list0 { background: #f8f8f8; }
@media (max-width: 767px) {
    .reviews .comments_list .container, .reviews .container { padding: 0; }
    .reviews .add_btn { padding-right: 15px; }
    }
/*comments*/
.comments_page ul .active2 a { background: #eee; }
/*.comments { min-height: 580px; }*/
.comments .details { display: none; margin-bottom: 60px; }
.details_show .details { display: block; }
.comments .rating li { float: left; margin: 0 2px; }
.comments .rating .ico { font-size: 28px; color: #999; }
.comments .rating .currents .ico { color: #ffae00; }
#rating .active1 .ico { color: #ffae00; }
.comments .btn { width: 150px; height: 46px; font-size: 24px; margin-bottom: 10px; }
.btn-primary { background-color: #0098ff; }
.btn-primary:hover { background-color: #0078ff; }
.form-control { box-shadow: none; margin-bottom: 8px; }
/*FAQ*/
.faq { margin: 10px auto 40px; }
.faq .articles_tips { margin-bottom: 20px; }
.faq .articles_tips h3 { font-size: 16px; color: #666; margin: 0; padding: 4px 0; border-radius: 2px; }
.faq .articles_tips h3 .faq_current { display: inline-block; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.faq .articles_tips .articles_tips_content { display: none; text-indent: 28px; padding: 6px; }
.faq .articles_tips .articles_tips_content p { font-size: 14px; color: #666; }
/*history*/
.history { min-height: 220px; background: #f8f8f8; }
.history ul li { background: url(/images/bullets.png) no-repeat left; text-indent: 12px; font-size: 14px; color: #666; line-height: 24px; }
/*PromiseWrap*/
.promisewrap { border-top: none; }

/* btn */
.tb_btn { margin:30px 0 15px 0; text-align:center;}
.tb_btn .btn_buy, .tb_btn .btn_trial, .tb_btn .btn_download, .tb_btn .btn_upgrade { width:245px; height:68px; display: inline-block; border-radius:0; font-size:1.4rem; text-transform:uppercase; font-weight:normal; line-height:68px; padding:0 20px 0 90px; text-align:left; color: #fff;}
.tb_btn .btn_buy { background:url(https://www.apple-music-downloader.net/images/icon_buy_new.png) no-repeat 35px 15px; background-color: #ff8238;}
.tb_btn .btn_trial, .tb_btn .btn_download { background:url(https://www.apple-music-downloader.net/images/icon_down_new.png) no-repeat 35px 15px; background-color: #0087ff; margin-right:20px;}
.tb_btn .btn_download { background-position: 15px 15px; padding-left:60px; width:280px;}
.tb_btn .btn_trial:hover, .tb_btn .btn_download:hover { background-color:#1eb0f5; text-decoration: none;}
.tb_btn .btn_buy:hover { background-color:#f96f65; text-decoration: none;}


/* btn */
.tb_btn_multi { margin:30px 0 15px 0; text-align:center;}
.tb_btn_multi .btn_buy, .tb_btn_multi .btn_trial, .tb_btn_multi .btn_download, .tb_btn_multi .btn_upgrade { width:300px; height:68px; display: inline-block; border-radius:0; font-size:1.4rem; text-transform:uppercase; font-weight:normal; line-height:68px; padding:0 20px 0 90px; text-align:left; color: #fff;}
.tb_btn_multi .btn_buy { background:url(https://www.apple-music-downloader.net/images/icon_buy_new.png) no-repeat 35px 15px; background-color: #ff8238;}
.tb_btn_multi .btn_trial, .tb_btn_multi .btn_download { background:url(https://www.apple-music-downloader.net/images/icon_down_new.png) no-repeat 35px 15px; background-color: #0087ff; margin-right:20px;}
.tb_btn_multi .btn_download { background-position: 15px 15px; padding-left:60px; width:280px;}
.tb_btn_multi .btn_trial:hover, .tb_btn_multi .btn_download:hover { background-color:#1eb0f5; text-decoration: none;}
.tb_btn_multi .btn_buy:hover { background-color:#f96f65; text-decoration: none;}

/* btn */
.tb_btn_multi_l { margin:30px 0 15px 0; text-align:center;}
.tb_btn_multi_l .btn_buy, .tb_btn_multi_l .btn_trial, .tb_btn_multi_l .btn_download, .tb_btn_multi_l .btn_upgrade { width:350px; height:68px; display: inline-block; border-radius:0; font-size:1.4rem; text-transform:uppercase; font-weight:normal; line-height:68px; padding:0 20px 0 90px; text-align:left; color: #fff;}
.tb_btn_multi_l .btn_buy { background:url(https://www.apple-music-downloader.net/images/icon_buy_new.png) no-repeat 35px 15px; background-color: #ff8238;}
.tb_btn_multi_l .btn_trial, .tb_btn_multi_l .btn_download { background:url(https://www.apple-music-downloader.net/images/icon_down_new.png) no-repeat 35px 15px; background-color: #0087ff; margin-right:20px;}
.tb_btn_multi_l .btn_download { background-position: 15px 15px; padding-left:60px; width:280px;}
.tb_btn_multi_l .btn_trial:hover, .tb_btn_multi_l .btn_download:hover { background-color:#1eb0f5; text-decoration: none;}
.tb_btn_multi_l .btn_buy:hover { background-color:#f96f65; text-decoration: none;}