/*架构*/ body{font:13px/22px 'Segoe UI',Arial,verdana,Tahoma,Helvetica,sans-serif; color:#303030;padding-bottom:80px;} /*背景图片、icon*/ .tab_title_Store, .tab_tutorial_title, .banner2{ background:url(/images/icon/repeat.png) repeat-x 0 0; } .icon1,.icon2,.icon3,.icon4,.icon5,.icon6,.icon7,.icon8,.icon9,.icon10,.icon13,.icon12,.icon14,.icon15,.icon11,.icon16,.icon17,.icon18,.icon19,.icon20,.icon21,.icon22,.icon23,.icon24,.icon25,.icon26,.icon27,.icon28,.icon40,.icon41,.icon42,.icon43,.icon44,.icon45,.icon46,.icon47,.tab_title_Store li span,.tab_title_Store li a,.drop_box_one dd a,#slides .slidesjs-next,#slides .slidesjs-previous,.slidesjs-pagination li a,.slidesjs-pagination li a.active,.tab_tutorial_title li span,.sub_nav_home,.tab_title_Store_right,.tab_title_Store_left,.logo,.tab_tutorial_title .right,.tab_tutorial_title .left,.buy_icon_win,.buy_icon_mac,.nav li a.home span,.more_lang,.other_lang li,.list li,.full_tutorial_list dd,.benefits_list dd,.product_list li,.sub_nav_a,.win_icon_bg,.mac_icon_bg,.win_icon,.mac_icon,.nav li.dorp a.ft,.nav_brop_bg,.get_win,.get_mac,.sliderbox dt span,.support_more_icon,.category_two dd,.why_icon,.home_fd_bn a,.anchor li,.index-buy-btn .win,.index-buy-btn .mac{background: url(/images/icon/icon.png) no-repeat 0 0;_background:url(/images/icon/icon-ie.png) no-repeat 0 0;} .left_menu dd,.mac_win_title li span,.support_icon_1,.support_icon_2,.support_icon_3,.support_icon_4,.support_icon_5,.support_icon_6,.support_icon_7,.support_icon_8,.download_b strong.win,.com_list li{ background:url(/images/icon/icon3.png) no-repeat 0 0;_background:url(/images/icon/icon3-ie.png) no-repeat 0 0;} .mac_win_title{ background:url(/images/icon/repeat_x.png) repeat-x 0 0;} .mac_win_title li.on,.buy_help_icon{ background:url(/images/icon/icon1.png) no-repeat 0 0;} .down_icon_why{ background:url(../images/download/lrlr_148.png) no-repeat 0 9px;} .down_icon_oh{ background:url(../images/download/lrlr_022.png) no-repeat 0 9px;} .down_icon_tip{ background:url(../images/download/tip.png) no-repeat 0 9px;} .expert_bg{background:url(/images/banner/index/expert.png) no-repeat center center;background-size: cover;} .link_bg{background:url(/images/banner/index/link.png) no-repeat center top;background-size: auto 100%;} /* header_icon*/ .logo{ background: url(/images/icon/org-mobile/logo.png) no-repeat center; display:block;width:100px;text-decoration:none;} /* banner_icon*/ .bannerbg0{background-color: #A9D6FF;} .bannerbg1{background:url(/images/banner/index/banner1.jpg) no-repeat;background-position: center center;background-size: cover;} .bannerbg2{background:url(/images/banner/index/banner2.jpg) no-repeat;background-position: center center;background-size: cover;} .bannerbg3{background:url(/images/banner/index/banner3.jpg) no-repeat;background-position: center center;background-size: cover;} .bannerbg4{background:url(/images/banner/index/banner4.jpg) no-repeat;background-size: cover;} .bannerbg5{background:url(/images/banner/index/banner5.jpg) no-repeat;background-position: center center;background-size: cover;} .bannerbg6{background:url(/images/banner/index/banner6.jpg) no-repeat;background-size: cover;} .bannerbg7{background:url(/images/banner/index/banner7.jpg?v202003301010) no-repeat;background-position: center center;background-size: cover;} .bannerbg8{background:url(/images/banner/index/banner8.gif?v202506121525) no-repeat;background-position: center center;background-size: cover;} .bannerbg9{background:url(/images/banner/index/banner9.jpg?v202107211530) no-repeat;background-position: center center;background-size: cover;} .banner-vcu{height: 444px;background: url(/images/icon/vcu/vcu-v2_05.jpg) repeat-x;} /* win&mac btn icon */ .mac-iconbtn1{display: block;width: 30px;height: 30px;background-image: url(/images/btn/mac-btn1.png);background-repeat: no-repeat;background-position: center center;} .mac-iconbtn2{display: block;width: 30px;height: 30px;background-image: url(/images/btn/mac-btn2.png);background-repeat: no-repeat;background-position: center center;} .win-iconbtn1{display: block;width: 30px;height: 30px;background-image: url(/images/btn/win-btn1.png);background-repeat: no-repeat;background-position: center center;} .win-iconbtn2{display: block;width: 30px;height: 30px;background-image: url(/images/btn/win-btn2.png);background-repeat: no-repeat;background-position: center center;} .mac-iconbtnh1:hover{background-image: url(/images/btn/mac-btn-c1.png);background-repeat: no-repeat;background-position: center center;} .mac-iconbtnh2:hover{background-image: url(/images/btn/mac-btn-c2.png);background-repeat: no-repeat;background-position: center center;} .win-iconbtnh1:hover{background-image: url(/images/btn/win-btn-c1.png);background-repeat: no-repeat;background-position: center center;} .win-iconbtnh2:hover{background-image: url(/images/btn/win-btn-c2.png);background-repeat: no-repeat;background-position: center center;} /* 自定义类 */ .radius-none{border-radius: 0;} .h-auto{height: auto;} .dis-block{display: block;} .dis-ib{display: inline-block;} .img_list li{margin: 0 0 10px;} .img_list li img{margin-right: 10px;} .nav-pills-32aac8>li.active>a, .nav-pills-32aac8>li.active>a:focus, .nav-pills-32aac8>li.active>a:hover{color: #fff;background-color: #32aac8;} /* nav */ #header{font-family: "Arial";font-weight: bold;} #header .lang_box{margin-left: 0;font-weight: normal;} #header .nav-bor li.lang_box .dropdown-menu{top: 100%;} #header .navbar-header .navbar-toggle{margin-top: 20px;} #header .navbar-header .navbar-brand{padding: 21.5px 5px;margin-left: 0;} #header .navbar-header .navbar-brand img.logo{width: 100%;} .nav.nav-bor li a{font-size: 16px;} .nav.nav-bor .dropdown-menu li.active:hover{background-color: #337ab7;} .search_box_toggle{position: relative;} .nav-bor li.search_box_toggle{background: url(/images/icon/search.png) no-repeat center center;background-size: 100% 100%;} .nav-bor li.search_box_toggle:hover{background: url(/images/icon/search_c.png) no-repeat center center;background-size: 100% 100%;} .nav-bor li.search_box_toggle a.dropdown-toggle{color: #fff;padding: 8px 10px;background-color: transparent;} .nav-bor li.search_box_toggle a.dropdown-toggle:hover,.nav-bor li.search_box_toggle a.dropdown-toggle:focus{color: #fff;background-color: transparent;} .nav-bor li.search_box_toggle form.dropdown-menu{background-color: transparent;border:0;} .nav-bor li.search_box_toggle form.dropdown-menu input.form-control{height: 36px;} .nav-bor li.search_box_toggle form.dropdown-menu span.input-group-btn{height: 36px;} .bor-search{margin-top: 22px;padding-right: 10px;} .bor-search .input-group-sm .input-group-btn button{border-radius: 0;} .bor-search button:hover{background-color: #2e97b1;border-color: #2e97b1;} .bor-lang button{background-color: #fff;margin-bottom: 15px;margin-left: 15px;padding: 0 10px;border-radius: 0;color: #000;} .bor-lang .dropdown-toggle{padding: 4px 10px;} .bor-lang .dropdown-toggle:before{display: block;float: left;content: "";width: 1px;height: 19px;background-color: #fff;margin-left: -10px;} /*nav 20210407*/ #bs-example-navbar-collapse-1 li.dropdown .free{color: #ff0000;} #bs-example-navbar-collapse-1 ul.nav>li.package{position: static;} #bs-example-navbar-collapse-1 ul.nav>li.package .dropdown-menu{top: 100%;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu{left: -220px;top: 47px;padding: 20px 0;font-weight: normal;width: auto;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu.navbar-form{padding: 0;} #bs-example-navbar-collapse-1 ul.nav>li.package .dropdown-menu{left: 0;} #bs-example-navbar-collapse-1 ul.nav>li.package.apple .dropdown-menu{left: 50px;} #bs-example-navbar-collapse-1 ul.nav>li.package.others .dropdown-menu{left: 300px;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu.r0{right: 0;left: auto;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-list-nav{border-left: 1px solid #EBEBEB;padding: 0 15px;display: flex;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-list-nav>div{float: left;vertical-align: top;padding: 0 15px;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-list-nav>div:first-child{min-width: 240px;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-list-nav>div.drm{min-width: 320px;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav{padding: 15px 15px 0;min-width: 280px;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav .pro-img{text-align: center;padding-left: 0;padding-right: 30px;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav .pro-img img{height: 181px;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav .more img{width: 180px;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav a{text-align: center;transition: all .3s;font-weight: 600;font-size: 18px;color: #000;} #bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav a:hover{color: #32aac8;} #bs-example-navbar-collapse-1 p.list{line-height: 28px;margin: 12px 0;} #bs-example-navbar-collapse-1 p.list.pro-main{text-align: center;margin-bottom: 0;} #bs-example-navbar-collapse-1 p.list>a{display: inline-block;line-height: 28px;color: #333;vertical-align: bottom;transition: all .3s;position: relative;} #bs-example-navbar-collapse-1 p.list>a.link:hover, #bs-example-navbar-collapse-1 p.list>a.link:focus{color: #32aac8;text-decoration: none;background-color: #F5F5F5;} #bs-example-navbar-collapse-1 p.list>a.link>img{position: absolute;top: 4px;right: -55px;opacity: 1;transition: opacity .3s;} #bs-example-navbar-collapse-1 p.list:hover>a.link>img, #bs-example-navbar-collapse-1 p.list:focus>a.link>img{opacity: 0;} #bs-example-navbar-collapse-1 .pro-nav:hover a.link>img, #bs-example-navbar-collapse-1 .pro-nav:hover a.link>img{opacity: 0;} #bs-example-navbar-collapse-1 p.list:hover .nav-icon, #bs-example-navbar-collapse-1 p.list:focus .nav-icon{opacity: 1;} #bs-example-navbar-collapse-1 .pro-nav:hover a.nav-icon, #bs-example-navbar-collapse-1 .pro-nav:focus a.nav-icon{opacity: 1;} #bs-example-navbar-collapse-1 p.list>a.nav-icon{opacity: 0;width: 19px;height: 21px;vertical-align: middle;margin-left: 7px;} #bs-example-navbar-collapse-1 p.list>a.nav-win-icon{background-image: url('/images/icon/win6.png');background-repeat: no-repeat;background-position: center;} #bs-example-navbar-collapse-1 p.list>a.nav-win-icon:hover{background-image: url('/images/icon/win5.png');} #bs-example-navbar-collapse-1 p.list>a.nav-mac-icon{background-image: url('/images/icon/mac6.png');background-repeat: no-repeat;background-position: center;} #bs-example-navbar-collapse-1 p.list>a.nav-mac-icon:hover{background-image: url('/images/icon/mac5.png');} #bs-example-navbar-collapse-1 .pro-list-nav h4{font-weight: bold;} #bs-example-navbar-collapse-1 .pro-list-nav h4:not(:first-child){margin-top: 25px;} #bs-example-navbar-collapse-1 .pro-list-nav p.title{font-size: 18px;font-weight: bold;margin-top: 10px;} #bs-example-navbar-collapse-1 .pro-list-nav p.title:not(:first-child){margin-top: 25px;} #bs-example-navbar-collapse-1 .search_box_toggle{position: relative;} @media screen and (min-width: 992px){ #bs-example-navbar-collapse-1 .navbar-nav{float: right;} } /*new footer language select 20210520*/ .lang_box .dropdown-menu{top: auto;bottom: 100%;} .lang_box .dropdown-menu>li>a{padding: 3px 30px;} .lang_box .dropdown-menu>li>a:hover{color: #32aac8;} .lang_box:hover .dropdown-menu{display: block;} .lang_box a{font-size: 16px;color: #ffffff;} /* banner */ .carousel-inner .item{overflow: hidden;} .carousel-inner .item .text-white{color: #fff;} .carousel-inner .item h1, .carousel-inner .item h2, .carousel-inner .item h3, .carousel-inner .item h4{margin: 0;font-family: "MyriadPro-Regular";line-height: 1em;} .carousel-inner .item h1{font-weight: bold;} .carousel-inner .item h2,.carousel-inner .item h3{font-weight: normal;} .carousel-inner .item.banner2 h4{color:#d0f55a;} .carousel-inner .item#activity_banner h1, .carousel-inner .item#activity_banner h1 span, .carousel-inner .item#activity_banner h2, .carousel-inner .item#activity_banner h3{text-shadow:5px 0 5px #000;font-family: "Impact";} .carousel-inner .item#activity_banner h1{font-size: 92px;color: #fff601;margin-top: 10px;} .carousel-inner .item#activity_banner h1 span{font-size: 102px;} .carousel-inner .item#activity_banner h2{font-size: 56px;} .carousel-inner .item#activity_banner h2 img{margin-left: 20%;} .carousel-inner .item#activity_banner h3{font-size: 40px;margin-top: 10px;} .carousel-inner .item#activity_banner h3{font-size: 40px;margin-top: 10px;} .carousel-inner .item#activity_banner p{margin:27px 0;} #carousel-example-generic .carousel-inner .item .button_group{margin-top: 3%;text-align: center;margin-bottom: 10px;} #carousel-example-generic .carousel-inner .item .button_group .row{margin-top: 3%;} .button_group .btn-group button,.button_group .btn-group p{font-size: 18px;} .myjumbotron-1 h1{margin:0;} .myjumbotron-1 p{font-size: 18px;line-height: 28px;margin-bottom: 0;} .jumbotron.of{border-radius: 0;} .jumbotron.of h2{margin-top: 0;font-size: 36px;} .myjumbotron-1{background: url(/images/products-banner/default_banner.jpg) no-repeat top center;background-size: cover;color: #fff;} /* content */ .content_text h3{color: #32aac8;font-size: 30px;margin: 0;} .content_text hr{border-width: 4px;} .content_text p{font-size: 22px;line-height: 34px;} .content_text .btn{border-radius: 0;/*padding: 5px 60px;*/font-size: 24px;width: 80%;white-space: normal;} /* expert */ .expert_box h4{color: #32aac8;margin: 0;margin-top: 10px;} .expert_box hr{margin-top: 5px;width: 30%;margin-left: 0;border-color: #32aac8;border-width: 3px;} .expert_box p{font-size: 16px;line-height: 26px;} .expert_box .btn{border-radius: 0;border-width: 2px;padding: 2px 30px;font-size: 12px;} /* link */ .link_box p{color: #fff;font-size: 16px;line-height: 1.8em;} .link_box hr{margin: 30px 0;} .link_box img{width: 100%;} /* share */ .share_box{margin-top: 30px;} /* commend */ .commend_bg{background: url(/images/icon/org-mobile/commend.png) no-repeat top center;background-size: 100%;margin-top: 60px;} .commend_bg h3{margin:0 auto 20px auto;font-size: 30px;font-weight: normal;} .commend_box{text-align: center;margin: 30px 50px;padding: 30px 20px;color: #32aac8;background: url(/images/icon/org-mobile/commend_box.png) no-repeat top center;background-size: 100% 100%;} .commend_box h4{margin-top: 20px;} .commend_box p{text-align: left;margin-bottom: 20px;} .commend_box_main{margin: 0 30px;background: url(/images/icon/org-mobile/commend_box_main.png) no-repeat top center;background-size: 100% 100%;} .commend_box_main img{width: 70%;} .commend_box_main p{font-size: 16px;} /* comments留言页面 */ .comments p{margin-bottom: 20px;} /* 回到头部 */ .rollTop{text-align:right;position:fixed; z-index:16; bottom: 300px;right: 0;width: 46px;height: 46px;display: none;} .go_to_top{ position:absolute;width: 48px;height: 50px; background: url(/images/icon/top1.png) no-repeat;} .go_to_top:hover{background: url(/images/icon/top2.png) no-repeat;} section.left_box{float:left;} aside.right_box{float:left; margin-left:20px;_display:inline;} .br{word-break:break-all; /*支持IE，chrome，FF不支持*/ 　　word-wrap:break-word;/*支持IE，chrome，FF*/} /*链接*/ a{ color: #2066a4; text-decoration:none;} a:hover{ text-decoration:underline;} a.link2{ color:#355d9e; text-decoration:none;} a.link2:hover{ color:#355d9e;text-decoration:underline;} .acolor_1 a{color:#484949;} .acolor_1 a:hover{color:#164b96;} /*价钱*/ .deline{ color:#666; text-decoration:line-through;} .money{ color:#F00; font-size:16px; font-weight:bold;} .money3{ color:#ffea00; font-size:22px; font-weight:bold; text-shadow:0 -1px 1px #000;} .money-l-r-b{color: #f00;font-size: 30px;font-weight: bold;} /*自定义字体*/ @font-face { font-family: 'Myriad_Pro'; src: url('/images/font/MyriadPro-Regular.otf'); } /*边框*/ .bor_1_nt{ border:1px solid #ebebeb; border-top:none; _height:100%;} .bor_1_tn_c4c4c4{border: 1px solid #c4c4c4;border-top: none;} .bor_1_b{ border-bottom:1px solid #ebebeb;} .bor_r_d{ border-right:1px dashed #ebebeb;} .bor_r_d_2{ border-right:1px dashed #ccc;} .bor_r_d_2{ border-right:1px dashed #d2d2d2;} .bor_1{ border:1px solid #e6e5e5;} .bor_2{ border:1px solid #dbf2fc;} .bor_l_c{ border-left:1px solid #CCC;} .bor_t_1,.bor_t{ border-top:1px solid #abd0ea;} .bor_b_1{ border-bottom:1px solid #FFF;} /*背景*/ .bg_1{ background-color:#f5fcff;} .bg_2{ background-color:#f6fafd;} /*圆角*/ .rounded_5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border-radius: 5px;-ms-border-radius:5px;-o-border-radius:5px;} .rounded_8{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;} .rounded_0_5{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} .rounded_2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .rounded_15{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;} .rounded_10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .rounded_5500{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} .rounded_0055{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} .rounded_0550{-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;} /*框框投影*/ .projection{-webkit-box-shadow:0 1px 5px #ccc;-moz-box-shadow:0 1px 5px #ccc;box-shadow:0 1px 5px #ccc;border:1px solid #ccc\9; height:100%\9; border-top:none;} .projection2{-webkit-box-shadow:0 0 7px #bcbbbb;-moz-box-shadow:0 0 7px #bcbbbb;box-shadow:0 0 7px #bcbbbb;border:1px solid #ccc\9; } .projection3{-webkit-box-shadow:0 2px 2px #002957;-moz-box-shadow:0 2px 2px #002957;box-shadow:0 2px 2px #002957;border:1px solid #ccc\9;border-top:none\9; height:100%\9;} /*display*/ .disib{display: inline-block;} /*渐变*/ .gradient{background: #f5f5f5;background: -moz-linear-gradient(top, #f5f5f5, #f1f1f1 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f1f1f1));} .gradient2{background: #ff9e00;background: -moz-linear-gradient(top, #ffc100, #ff9e00 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc100), to(#ff9e00)); } .gradient3{background: #FFF;background: -moz-linear-gradient(top, #FFF, #f6f6f6 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#f6f6f6)); } .gradient7{background: #FFF;background: -moz-linear-gradient(top, #FFF, #eeeeee 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#eeeeee)); } .gradient8{background: #FFF;background: -moz-linear-gradient(50%, #FFF, #eeeeee 100%);background: -webkit-gradient(linear, 0 80%, 0 100%, from(#FFF), to(#eeeeee)); } /*下拉菜单左侧渐变*/.gradient9{background: #f1f5f9;background: -moz-linear-gradient(left, #e4edf8, #f1f5f9 5%);background: -webkit-gradient(linear, 0 0, 5% 0, from(#e4edf8), to(#f1f5f9));} /*购买按钮渐变*/ .gradient4{background: #fffbf2;background: -moz-linear-gradient(top, #fffdf6, #fff2dc 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fffdf6), to(#fff2dc)); } .gradient5{ background-color:#e0eaed;/*background: #f5fcff;background: -moz-linear-gradient(top, #f9fdff, #d9f1fd 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9fdff), to(#d9f1fd)); */} .gradient10{background: #5b97bb;background: -moz-linear-gradient(top, #72a5c4, #4588b2 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#72a5c4), to(#4588b2)); border-radius: 5px;} /*产品页面下载按钮*/.gradient88{background: #0b234d;background: -moz-linear-gradient(top, #35527f, #0b234d 40%, #0b234d 60%, #1b3258 100%);background: -webkit-gradient(linear, left top, left bottom, from(#35527f), to(#1b3258), color-stop(0.4, #0b234d), color-stop(0.6, #0b234d));} .gradient88:hover{background: #284470;background: -moz-linear-gradient(top, #35527f, #284470 40%, #284470 60%, #1b3258 100%);background: -webkit-gradient(linear, left top, left bottom, from(#35527f), to(#1b3258), color-stop(0.4, #284470), color-stop(0.6, #284470));} .gradient9{ background:#c5dfee; /* Mozilla Firefox */ background: -moz-linear-gradient(top, #c5dfee 0%, #FFF 100%); /* Opera */ background: -o-linear-gradient(top, #c5dfee 0%, #FFF 100%); /* Webkit (Chrome 11+) */ background: -webkit-linear-gradient(top, #c5dfee 0%, #FFF 100%); /* W3C Markup, IE10 Release Preview */ background: linear-gradient(to bottom, #c5dfee 0%, #FFF 100%); /* ie 7 -- ie 9 */ } .gradient13{ background:#4e79a5; /* Mozilla Firefox */ background: -moz-linear-gradient(top, #4e79a5 0%, #295c92 100%); /* Opera */ background: -o-linear-gradient(top, #4e79a5 0%, #295c92 100%); /* Webkit (Chrome 11+) */ background: -webkit-linear-gradient(top, #4e79a5 0%, #295c92 100%); /* W3C Markup, IE10 Release Preview */ background: linear-gradient(to bottom, #4e79a5 0%, #295c92 100%); /* ie 7 -- ie 9 */ } /*background*/ .bgfff{background: #fff;} /*color*/ .red{ color:#F00;} .cl_1{ color:#1a54a5;} .col_1{ color:#164b96;} .col_2{ color:#00acff;} .col_3{ color:#aaaaaa;} .cffea00{color:#ffea00;} .cfff{color: #fff;} .c333232{color: #333232;} .c000{color: #000;} .icon_8{ background-position:-107px -627px;} .icon_9{ background-position:-127px -627px;} .icon_10{ background-position:-147px -627px;} .icon_11{ background-position:-107px -647px;} .icon_12{ background-position:-127px -647px;} .icon_13{ background-position:-122px -718px; width:51px; height:51px;} .icon_14{ background-position:-122px -773px; width:51px; height:51px;} .icon_15{ background-position:-120px -827px; width:24px; height:23px;} .icon_16{ background-position:-148px -828px; width:24px; height:23px;} /*底部分享样式 20190319*/ .footer_nsn_icon{ width:30px; height:32px; display:block;background:url(/images/icon/icon1.png) no-repeat 0 0;_background:url(/images/icon/icon1-ie.png) no-repeat 0 0;} .icon_35{ background-position:0 -1363px;} .icon_36{ background-position:-30px -1363px;} .icon_37{ background-position:-60px -1363px;} .icon_38{ background-position:-90px -1363px;} .icon_39{ background-position:-120px -1363px;} .icon_35:hover{ background-position:0 -1395px; text-decoration:none;} .icon_36:hover{ background-position:-30px -1395px;text-decoration:none;} .icon_37:hover{ background-position:-60px -1395px;text-decoration:none;} .icon_38:hover{ background-position:-90px -1395px;text-decoration:none;} .icon_39:hover{ background-position:-120px -1395px;text-decoration:none;} /*订阅*/ a.buy_now_s,.buy_now_s{ padding:5px; font-size:12px; color:#ffefd8; text-shadow:0 -1px 1px #823000; border:1px solid #c54a00;} a.buy_now_s span.win{ background-position:-22px -1316px; padding:3px 10px 2px 35px;} a.buy_now_s span.mac{ background-position:-24px -1360px; padding:3px 10px 2px 35px;} a.buy_now_s:hover{ text-decoration:none;} /*font-size*/ .f24{font-size: 24px;} .f18{font-size: 18px;} .bor_5b9bd5{border-bottom:solid 1px #5b9bd5; } /*padding*/ .pl40{ padding-left:40px;} .pl43{ padding-left:43px;} .pl126{ padding-left:126px;} .pl220{ padding-left:220px;} .pl260{ padding-left:260px;} .p1300{ padding-left:300px;} .pl72{ padding-left:72px;} .p1320{ padding-left:320px;} .ml40{ margin-left:40px;} .pl133{ padding-left:133px;} .ptr7{ padding:7px 0 0 7px;} .pl262{ padding-left:262px;} .pl70{ padding-left:70px;} .pt120{ padding-top:120px;} .p26{ padding:26px;} .pb0{ padding-bottom:0;} .pb125{padding-bottom: 125px;} .p3{ padding:3px;} .pl450{ padding-left:450px;} .pl480{ padding-left:480px;} .pl200{padding-left: 200px;} .pl130{ padding-left:130px;} .pt80{ padding-top:80px;} .pl270{ padding-left:270px;} .pt55{ padding-top:55px;} .pl720{ padding-left:720px;} .mr2{ margin-right:2px;} .ml26{ margin-left:26px;} .ml25{ margin-left:25px;} .bor_r_2{ border-right:1px solid #becfd7;} .bor_l_2{ border-left:1px solid #becfd7;} .bor_l_f{ border-left:1px solid #FFF;} .bor_b_2{border-bottom:1px solid #becfd7 ;} .w33p{width: 26%; padding: 0 3%; } /*newsletter*/ .newsletter{ padding:10px 20px;} .overbox{ z-index:99; position:absolute; top:0; left:0; width:320px; height:50px; filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; background-color:#000; display:none; text-align:center; } .Store .overbox{width:250px;} .newsletter_text_box{ border:1px solid #dcdcdc; padding:3px 10px; margin-right:10px; *width:120px;} .newsletter_submit{ padding: 4px 15px; margin:0; color: #bd5612; font-weight:bold; background: #ddc41a; border: none;} /*灰色按钮*/ .gradient6{background: #cfcfcf;background: -moz-linear-gradient(top, #cfcfcf, #e0dfdf 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#cfcfcf), to(#e0dfdf)); border:#cbcbcb 1px solid;} /*购买页面购买按钮*/.gradient66{background: #c34606;background: -moz-linear-gradient(top, #fa7801, #c34606 40%, #c34606 60%, #fa7801 100%);background: -webkit-gradient(linear, left top, left bottom, from(#fa7801), to(#fa7801), color-stop(0.4, #c34606), color-stop(0.6, #c34606));} .gradient66:hover{background: #fa7801;background: -moz-linear-gradient(top, #fa7801, #df6003 40%, #df6003 60%, #fa7801 100%);background: -webkit-gradient(linear, left top, left bottom, from(#fa7801), to(#fa7801), color-stop(0.4, #df6003), color-stop(0.6, #df6003));} .sub_nav{ height:29px; line-height:29px; background-position:0 -442px; margin:10px 0;text-shadow:0 1px 1px #FFF;} /*.nsn_box{ width: 60px; height:29px; float:right; position: relative;}*/ .nsn_box{ width: 60px; height:29px; right: 100px; top: 400px; position: fixed;z-index: 1000;} .nsn_box a{ display:block;} .addthis_toolbox>a{ display:block; width:100%;} .sub_nav_home{ width: 43px; background-position: right -2711px; height: 29px; margin-left:10px; _display:inline; float:left;} a.sub_nav_home{ text-decoration:none;} .sub_nav_a{ background-position: right -2751px; padding:0 20px 0 0; margin-right:10px; height:29px;float:left;} /*tutorial list*/ .img_big,a>.lazy{cursor: url("/images/highslide/graphics/zoomin.cur"), pointer !important;} /*system icon*/ .win_icon_bg{ background-position:right -1351px;} .mac_icon_bg{ background-position:right -1400px;} /*review*/ .reviews_box{ background-color:#ecf1f1;} .reviews_box h2{font-size: 18px;} .reviews_box h2 span{color: #007EE2;font-size: 12px;font-weight: normal;line-height: 40px;} .get_win{ background-position: -245px -1348px;color:#FFF;text-indent: 20px;background-color: #2F5790;box-shadow: 0 0 5px rgba(0,0,0,0.5);} .get_mac{ background-position: -245px -1398px;color:#FFF;text-indent: 20px;background-color: #2F5790;box-shadow: 0 0 5px rgba(0,0,0,0.5);} .get_win:hover,.get_mac:hover{background-color: #194f7d;color: #fff;} /*========================*/ /*购买页面*/ /*圆角*/ .buy_rounded_00_55{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px; position:relative;behavior:url(/style/pie.htc);} .buy_rounded_55_00{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; position:relative;behavior:url(/style/pie.htc);} /*渐变*/ .buy_gradient{background: #e5e5e5;background: -moz-linear-gradient(top, #FFF, #e5e5e5 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#e5e5e5));-pie-background: linear-gradient(#FFF, #e5e5e5);behavior: url(/style/pie.htc);} /*购买页面购买按钮*/.gradient777{background: #c34606;background: -moz-linear-gradient(top, #fa7801, #c34606 40%, #c34606 60%, #fa7801 100%);background: -webkit-gradient(linear, left top, left bottom, from(#fa7801), to(#fa7801), color-stop(0.4, #c34606), color-stop(0.6, #c34606));} .gradient777:hover{background: #fa7801;background: -moz-linear-gradient(top, #fa7801, #df6003 40%, #df6003 60%, #fa7801 100%);background: -webkit-gradient(linear, left top, left bottom, from(#fa7801), to(#fa7801), color-stop(0.4, #df6003), color-stop(0.6, #df6003));} a.add_to_cart_m{ padding:5px 15px; font-size:18px; color:#ffefd8; text-shadow:0 -1px 1px #823000; border:1px solid #c54a00;} a.add_to_cart_m span{ background-position:-31px -1072px; padding-left:25px;} a.add_to_cart_m:hover{ text-decoration:none;} .no_tatol_bn{} a.gradient6_no{ background:#cdcdcd; border:1px solid #aaaaaa; color:#a6a6a6; text-shadow:0 1px 1px #FFF;} a.gradient6_no:hover{ background:#cdcdcd;} em.year{ font-style:normal; font-size:14px; font-weight:normal; color:#000;} /*tech-support*/ label span{ color:#F00;} .support_from_table td{ padding:5px 0;} .textbox1{ border:1px solid #d6d6d6; height:26px; line-height:26px; width:70%;} #productSelect select{ width:70%; height:26px;} .textbox2{ width:70%; height:100px;border:1px solid #d6d6d6;} .gradient-tech-support{background: #c34606;background: -moz-linear-gradient(top, #fa7801, #c34606 40%, #c34606 60%, #fa7801 100%);background: -webkit-gradient(linear, left top, left bottom, from(#fa7801), to(#fa7801), color-stop(0.4, #c34606), color-stop(0.6, #c34606));} .gradient-tech-support:hover{background: #fa7801;background: -moz-linear-gradient(top, #fa7801, #df6003 40%, #df6003 60%, #fa7801 100%);background: -webkit-gradient(linear, left top, left bottom, from(#fa7801), to(#fa7801), color-stop(0.4, #df6003), color-stop(0.6, #df6003));} .submit_bn{ padding:5px 15px; font-size:12px; color:#ffefd8; text-shadow:0 -1px 1px #823000; border:1px solid #c54a00; font-size:14px; font-weight:bold;} /*newbuy page 14-10-09*/ .buy-content{padding: 18px 7px 0;} .buy-content h2{font-size: 22px;color: #263e63;text-align: center;padding-bottom: 20px;} .buy-content h3,.yellow-bg h3{font-size: 20px;color: #263e63;padding-bottom: 15px;} .buy-content h3{margin-bottom: 0;padding: 30px 35px 20px;color: #303030;} .big-pro{padding: 0 35px;} .small-pro{padding: 0 35px 30px;} .small-pro .pro-list{padding: 8px 0;} .pro-list{margin-bottom: 6px;} .pro-list.active{background-color: #E4E8E9;} .small-pro .pro-list:hover{background-color: #E4E8E9;} .pro-list ul li{float: left;} .pro-list ul li img{width: 50px;height: 50px;margin-left: 15px;} .pro-list ul li span{display: inline-block;font-size: 18px;color: #263e63;border:solid 1px #c4c4c4; padding: 14px 35px; cursor: pointer;position: relative;} .pro-list ul li span:hover,.pro-ripper-box .money-btn span:hover{border:solid 1px #68c900; color: #68c900;} .pro-list ul li span.on{background: #68c900;color: #fff;border: solid 1px #68c900;} .pro-list ul li span.liftime-btn{margin-left: 16px;padding: 14px 40px 14px 60px;} /*20210421 30off*/ .pro-list ul li span>img{position: absolute;left: 0;top: -5px;width: 57px;height: 55px;margin-left: 0;} .pro-list ul li h4{font-size: 18px;font-weight: bold;padding-bottom: 4px;} .pro-list ul li h4.middle-h4{margin-top: 10px;} .pro-list ul li .pro-money{font-size: 20px;font-weight: bold;color: #8e8e8e;} .pro-list ul li .red-money{font-size: 20px;font-weight: bold;color: #f04401;} .pro-list ul li .pro-save{font-size: 13px;color: #8e8e8e;} .pro-list ul li .green-save{font-size: 13px;color: #488408;} .pro-list-li1{width: 10.97%;text-align: center;} .pro-list-li2{width: 45.12%;} .pro-list-li3{width: 33.81%;text-align: center;margin-top: 8px;} .pro-list-li4{width: 10.07%;margin-top: 8px;} @media screen and (max-width: 1000px){ .pro-list-li1{width: 20%;text-align: center;} .pro-list-li2{width: 80%;} .pro-list-li3{width: 100%;text-align: center;} .pro-list-li4{width: 100%;text-align: center;} } .pro-list-li2 p{padding-bottom: 0;} .pro-list-li3 i.shade{display:block;position: absolute;width: 246px;height: 34px;z-index: 999; top: 0;} .yellow-bg{background: #fbecd1;padding: 18px 27px 15px;} .line-bg{background: url(/images/icon/TMCU-buy-page_11.jpg) no-repeat center;height: 2px;margin: 26px 0;} .all-money{color: #404040;font-size: 18px;} .all-money p{padding-bottom: 4px;text-align: right;} .all-money span{color: #fc4b16;font-weight: bold;font-size: 36px;} .all-money .checkOut{background-color: #F16000;border: none;font-size: 30px;color: #ffffff;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-shadow: none;box-shadow: none;padding: 8px 40px 10px;} .pro-ripper-box{padding-bottom: 30px;} .pro-ripper-box ul li{float:left;width: 412px;_display: inline;} .pro-ripper-box ul li.li1{background: url(/images/icon/single-purchase-page_03.jpg) no-repeat right;margin-right: 7px;} .pro-ripper-box ul li img{float: left;margin-right: 30px;} .pro-ripper-box h3{padding-bottom: 0;font-size: 22px;margin-top: 4px;} .pro-ripper-box p{padding-bottom: 0;} .pro-ripper-box .money-btn{padding-top: 20px;cursor: pointer;} .pro-ripper-box .money-btn b{font-size: 22px;color: #8e8e8e;margin-right: 40px;margin-left: 50px;} .pro-ripper-box .money-btn b.red{color: #f04401;} .pro-ripper-box .money-btn span{display: inline-block;font-size: 18px;padding: 4px 30px; border:solid 1px #c4c4c4;position: relative;z-index: 1;} .pro-ripper-box .money-btn span.on{background: #68c900;color: #fff;border: solid 1px #68c900;} .ckeck-list ul li{padding: 4px 0;background: url(/images/icon/single-purchase-page_08.png) no-repeat 0px 11px; padding-left: 20px;font-size: 18px;} .ckeck-list ul li span{font-size: 22px;color: #f04401;float: right;font-weight: bold;} .check-out-now{margin-top: 30px;text-align: center;} .check-out-now p{font-size: 13px;color: #9f1515;margin-top: 10px;} .r-line{background:url(/images/icon/single-purchase-page_03.jpg) no-repeat; } .license-benefits dl{padding-left: 27px;} .license-benefits dt{font-size: 13px;color: #263e63;font-weight: bold;} .license-benefits dd{background: url(/images/icon/single-purchase-page_07.jpg) no-repeat 0px 11px; padding: 3px 22px 0;} /*新改版button模块*/ .buyit-btn,.trial-btn{display: inline-block; width: 133px; height: 35px;border-radius: 4px;line-height: 32px;margin-left: 10px;} .buyit-btn:hover,.trial-btn:hover{text-decoration: none;} .buyit-btn span{color: #ffffff;font-size: 17px;margin-left: 55px;} .trial-btn span{color: #ffffff;font-size: 17px;margin-left: 47px;} .buyit-btn-sm,.trial-btn-sm{display: inline-block; width: 108px; height: 27px;border-radius: 4px;line-height: 27px;margin-left: 10px;} .buyit-btn-sm:hover,.trial-btn-sm:hover{text-decoration: none;} .buyit-btn-sm span{color: #ffffff;font-size: 15px;margin-left: 37px;} .trial-btn-sm span{color: #ffffff;font-size: 15px;margin-left: 35px;} .buy-win{background: #C82828 url(/images/icon/icon.png) no-repeat 15px -2725px;text-indent: 30px;color:#fff;} .buy-win:active{background: #823125 url(/images/icon/icon.png) no-repeat 15px -2725px;color: #000;} .buy-win-sm{background:#C82828 url(/images/icon/icon.png) no-repeat 8px -2732px;text-indent: 30px;color:#fff;} .buy-win-sm:active{background: #823125 url(/images/icon/icon.png) no-repeat 8px -2732px;color: #000;} .buy-win:hover,.buy-win-sm:hover{background-color: #823125;color: #fff;} .buy-mac{background: #2c80b5 url(/images/icon/icon.png) no-repeat 15px -2773px;text-indent: 30px;color: #fff;} .buy-mac:active{background: #48b6fc url(/images/icon/icon.png) no-repeat 15px -2773px;color: #000;} .buy-mac-sm{background: #2c80b5 url(/images/icon/icon.png) no-repeat 8px -2779px;text-indent: 30px;color:#fff;} .buy-mac-sm:active{background: #48b6fc url(/images/icon/icon.png) no-repeat 8px -2779px;color: #000;} .buy-mac:hover,.buy-mac-sm:hover{background-color: #26638a;color: #fff;} .trial-win{background: #32AAC8 url(/images/icon/icon.png) no-repeat 15px -2725px;text-indent: 30px;color:#fff;} .trial-win:active{background: #26778b url(/images/icon/icon.png) no-repeat 15px -2725px;color: #000;} .trial-win-sm{background: #32AAC8 url(/images/icon/icon.png) no-repeat 8px -2732px;text-indent: 30px;color:#fff;} .trial-win-sm:active{background: #26778b url(/images/icon/icon.png) no-repeat 8px -2732px;color: #000;} .trial-win:hover,.trial-win-sm:hover{background-color: #26778b;color: #fff;} .trial-mac{background: #b2c50e url(/images/icon/icon.png) no-repeat 15px -2773px;text-indent: 30px;color:#fff;} .trial-mac:active{background: #e0f70f url(/images/icon/icon.png) no-repeat 15px -2773px;color:#000;} .trial-mac-sm{background: #b2c50e url(/images/icon/icon.png) no-repeat 8px -2779px;text-indent: 30px;color:#fff;} .trial-mac-sm:active{background: #e0f70f url(/images/icon/icon.png) no-repeat 8px -2779px;color: #000;} .trial-mac:hover,.trial-mac-sm:hover{background-color: #93a20d;color: #fff;} /*wordpress style*/ .wp-h2{ background:#e1eff2; color:#164b96;} .wp-content{font: 14px/1.6em 'Segoe UI Regular',Arial,Helvetica,sans-serif;} .wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,.wp-content h6{font-family:'Segoe UI Light',Arial,Helvetica,sans-serif; } .title-single{color: #1d597b;background: #a8d3e3; text-align: center; padding: 20px 0;font-weight: normal;} .anchor-list-dark{background: #daedf3;border-radius: 5px;padding: 15px 3%;} .anchor-list-dark li{padding:3px 15px;} .anchor-list-dark a{color: #265f8b;} .trans{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .wp-part{color: #114f73;background: #a7d4e2;font-size: 30px;padding-top: 20px;padding-bottom: 20px;font-weight: normal;} .wp-h3{font-size: 22px;color: #244762;} .wp-bluebg{background: #daedf3;} .wp-map a{color: #265f8b;} @media screen and (min-width: 992px){ .part1-list ul li{float: left;width: 20%;} .part2-list ul li{float: left;height: 155px;width: 25%;} .part2-list ul li.arrow{width: 130px; background: url(/iphone-transfer/images/How-to-Backup-iPhone-09.png) no-repeat 53px 30px;} } @media screen and (max-width: 991px){ .part1-list ul li{width: 100%;} .part2-list ul li{width: 100%;} .part2-list ul li.arrow{margin: 0 auto;height: 32px;background: url(/iphone-transfer/images/How-to-Backup-iPhone-09.png) no-repeat top center;} } .part1-list ul li{text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; padding: 0 30px;} .part1-list ul li p{margin-top: 15px;} .part2-list ul li{text-align: center;} .part2-tips{background: #daedf3;} .part2-tips ul{padding: 15px 0;} .part2-tips li dt{padding: 5px 10px;cursor: pointer;} .part2-tips li dd{background: #eeeeee;padding: 15px;} .part2-triangle{display: inline-block;margin-left: 20px;width: 15px;height: 9px;margin-top: 6px;background-repeat: no-repeat;} .triangle-l{padding-right: 20px;background-image: url(/iphone-transfer/images/How-to-Backup-iPhone-14.png);background-repeat: no-repeat;background-position: right center;} .triangle-d{padding-right: 20px;background-image: url(/iphone-transfer/images/How-to-Backup-iPhone-13.png);background-repeat: no-repeat;background-position: right center;} .part3-pro-list li{padding-bottom: 25px;padding-top: 40px;border-bottom: solid 1px #e3e4e4;} .column-l{width: 575px;} .column-r{width: 385px;} .down-img{border: 3px solid #dcecf0;} .wp-triangle{ margin-right: 50px;border-top: solid 4px transparent;border-left: solid 8px #164b96;border-bottom: solid 4px transparent;width: 0;height: 0;margin-left: 20px;display: inline-block;} .bd-clnet-button {left: 50%;top: 250px;margin-left: 50px;} .pl25{ padding-left:25px} .w445{ width:445px} /* 适用性wordpress样式（sola编） */ /* 标题栏背景 */ .title-bg-e1eff2{background-color: #e1eff2;} /* 字体 */ .font-cl-20598e{color: #20598e;} /*文章左侧广告图*/ #ad_box{position: fixed;left: 0;bottom: 30px;width: 280px;height: 280px;background-image: url('/images/banner/tutorial/ad.jpg');background-repeat: no-repeat;z-index: 1002;} #ad_box_ios{position: fixed;left: 0;bottom: 30px;width: 280px;height: 280px;background-image: url('/images/banner/ad-ios.jpg');background-repeat: no-repeat;z-index: 1002;} #ad_link{width: 280px;height: 280px;display: block;} .ad_close{cursor: pointer;position: absolute;right: 10%;top: 0;z-index: 1022;} /*产品页底部广告 20200527*/ #ad-top{width: 100%;height: 80px;position: fixed;bottom: 0;z-index: 100;} /*#ad-top+div{margin-top: 80px;}*/ .banner-top{background-repeat: no-repeat;background-position: center center;background-size: cover;width: 100%;height: 80px;z-index:1021;position: absolute;top: 0;} .banner-top>a{display: block;width: 100%;height: 100%;} /*首页广告图片对比 20210721*/ .index-banner-comparison{width: 100%;position: relative;min-height: 592px;z-index: 2;overflow: hidden;} .index-banner-comparison>img{min-height: 592px;position: absolute;display: block;max-width: none!important;} .index-banner-comparison>img.comparison-before{z-index: 20;clip: rect(0px,200px,592px,0px);} .index-banner-comparison>img.comparison-after{z-index: 10;clip: rect(0px,4096px,592px,200px);} .index-banner-comparison .container{position: absolute;z-index: 40;left: 50%;margin-left: -600px;text-align: center;} .banner10 .container>img{margin: 80px auto;max-width: 100%;} .banner10 .container>p{text-align: center;} #carousel-example-generic .carousel-control{z-index: 30;} @media screen and (max-width: 450px){ .banner-top-prom{background-image:url('/images/banner/20250612/450-prom.gif');} .banner-top-special{background-image:url('/images/banner/20200710/450-special.jpg');} .index-banner-comparison .container{width: 100%;left: 0;margin-left: 0;} } @media screen and (min-width: 451px) and (max-width: 991px){ .banner-top-prom{background-image:url('/images/banner/20250612/992-prom.gif');} .banner-top-special{background-image:url('/images/banner/20200710/992-special.jpg');} .index-banner-comparison .container{width: 100%;left: 0;margin-left: 0;} } @media screen and (min-width: 992px){ /*.banner-top-special{background-image:url('/images/banner/20200527/banner-top-special.jpg');}*/ .banner-top-prom{background-image:url('/images/banner/20250612/1920-prom.gif');} .banner-top-special{background-image:url('/images/banner/20200710/1920-special.jpg');} .index-banner-comparison .container{width: 100%;left: 0;margin-left: 0;} } /*article*/ #article{letter-spacing: .03em;text-align: center;padding: 80px 0;} #article h2{font-size: 36px;line-height: 45px;font-weight: 500;margin-top: 0;margin-bottom: 40px;} #article h2>span{font-size: 20px;color: #0c5adb;text-transform: uppercase;letter-spacing: .1em;} #article .articles-header .desc { color: #6e6e6e; font-size: 16px; line-height: 32px } #article .articles-card { background: #fff; border-radius: 8px; box-shadow: 0 0 10px 2px #eee; margin: 20px 12px; position: relative; text-align: center; transition: transform .5s } #article .articles-card:hover { transform: scale(1.03) } #article .articles-card:hover p.desc { color: #173eb8 } #article .articles-card a { color: #000; text-decoration: none } #article .articles-card p.title { color: #64748b; font-size: 16px; margin: 0 auto 14px; position: relative; width: -moz-max-content; width: max-content } #article .articles-card p.title:after,.articles .articles-card p.title:before { background: #64748b; content: ""; display: block; height: 1px; position: absolute; width: 23px } #article .articles-card p.title:before { left: -40px; top: 50%; transform: translateY(-1px) } #article .articles-card p.title:after { right: -40px; top: 50%; transform: translateY(-1px) } #article .articles-card p.desc { color: #000; font-size: 20px; font-weight: 600; min-height: 66px } #article .articles-card img { border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: 0 1px 16px #0000001a; display: block; height: 230px; -o-object-fit: cover; object-fit: cover; width: 100% } #article .articles-card .content { padding: 30px 35px 34px } #article .swiper-blog { max-height: 502px; min-height: 440px; } #article .swiper-button-prev { background: url(/images/pro/icon/left-arrow.webp?v202502241405) top/100% auto; display: block; height: 96px; left: 0; pointer-events: auto; transition: all .2s; width: 94px } #article .swiper-button-prev:hover { transform: scale(1.1) } #article .swiper-button-prev:after { display: none } #article .swiper-button-next { background: url(/images/pro/icon/right-arrow.webp?v202502241405) top/100% auto; display: block; height: 96px; pointer-events: auto; right: 0; transition: all .5s; width: 94px } #article .swiper-button-next:hover { transform: scale(1.1) } #article .swiper-button-next:after { display: none } #article .swiper-slide { max-width: 33.33%; opacity: 1; transition: all .5s } #article .swiper-slide-next+.swiper-slide+.swiper-slide, #article .swiper-slide-prev { opacity: 0 } @media (max-width: 1200px) { #article .swiper-slide { max-width:50% } #article .swiper-slide-next+.swiper-slide, #article .swiper-slide-prev { opacity: 0 } } @media (max-width: 993px) { #article .swiper-slide { max-width:100% } #article .swiper-slide-next, #article .swiper-slide-prev { opacity: 0 } } /*footer*/ #footer{background-color: #00003E;color: #ffffff;padding: 50px 0 30px;} #footer .footer-row{display: flex;align-items: flex-start;justify-content: space-between;column-gap: 4%;row-gap: 20px;padding-bottom: 45px;border-bottom: 2px solid #072476;} #footer .footer-row>div{flex-basis: 21%;} #footer .footer-row>div:last-child{flex-basis: 25%;} #footer .footer-row .title{font-size: 18px;font-weight: bold;margin-bottom: 30px;} #footer .footer-row .title:not(:first-child){margin-bottom: 25px;} #footer .footer-row .title~p:not(.title){font-size: 14px;line-height: 21px;margin: 20px 0;} #footer .footer-row .title~p>a{color: #ffffff;} #footer .footer-row .title~p>a:hover{color: #63a5fa;} #footer .footer-row ul.share-list{display: flex;align-items: center;justify-content: flex-start;gap: 15px;margin-bottom: 35px;} #footer .footer-row ul.share-list a{display: inline-flex;align-items: center;justify-content: center;background-color: rgb(24, 125, 255);border-radius: 6px;width: 44px;height: 44px;transition: background-color .3s ease-in-out;} #footer .footer-row ul.share-list a:hover{background-color: #1055B0;} #footer .footer-row .mb10{margin-bottom: 10px!important;} #footer .submit-box>p{display: inline-flex;background-color: #ffffff;border-radius: 4px;overflow: hidden;width: 240px;max-width: 100%;} #footer .submit-box .newsletter_text_box{color: #000000;outline: none;margin-right: 0;border: 0;padding: 5px 10px;flex-grow: 1;} #footer .submit-box .newsletter_submit{border-radius: 4px;width: 34px;height: 34px;border: 0;transition: background-color .3s ease-in-out;background-color: #187DFF;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuklEQVQYlW3PMUpDURCF4e8lQTAKwd51iEFFwVjYuSWX4D4ERTCxtHEBQoLYaCkYLQS5XGzGZgLPhweGKc4/Z2aaqOUBDU7xpaMeAmPcYfQfcIZH7OIWm13gAyeYYw9TDNsALHGMJxxk0rANwHtCzzjCNdabqKV713auG+Gm1zH7OE/zGxeillWtRS2XUUtELZ9Ry07UYpCTG7jKb96yL2CArbx6jBdM8Np+c5bmHPttcwX84B6HGf9Hv8lmPtK9/wYHAAAAAElFTkSuQmCC');background-repeat: no-repeat;background-position: center;} #footer .submit-box .newsletter_submit:hover{background-color: #1055B0;} /*20180105 new store*/ .banner-store{background-image: url('/images/store/banner.jpg');background-repeat: no-repeat;background-size: cover;padding-top: 60px;} .banner-store .box{background-color: #fff;padding: 23px 33px 40px;text-align: center;} .banner-store .box>img{width: 100%;} .banner-store .box>p.title{font-size: 26px;color: #000;margin: 20px 0 12px;} .banner-store .box>p.text{font-size: 13px;line-height: 23px;color: #000;min-height: 92px;padding: 0 15px;margin-bottom: 10px;} .banner-store del{font-size: 18px;color: #494949;} .banner-store span{font-size: 24px;color: #f22c2c;} .banner-store .box>p.button{margin-top: 15px;} .banner-store .box>p.button>a{width: 172px;height: 39px;font-size: 18px;line-height: 37px;display: inline-block;background-repeat: no-repeat;text-align: left;} .banner-store .win{background-image: url('/images/store/buy_win.png');color: #fff;text-indent: 67px;margin-right: 18px;} .banner-store .mac{background-image: url('/images/store/buy_mac.png');color: #f24d2c;text-indent: 69px;} .nav-store{background-color: #322D2D;padding: 30px 0;} .nav-store li{display: inline-block;font-size: 18px;line-height: 24px;color: #E0E0E0;padding: 0 22px;border-right: 1px solid #ABABAB;} .nav-store li>a{color: #E0E0E0;text-decoration: none;} .nav-store li>a:hover{color: #fe5411;} .nav-store li.li1{padding: 0 118px 0 0;border-right: none;} .nav-store li.li6{border-right: none;} .content-store>.container>p.title{font-size: 24px;color: #010000;padding-top: 50px;} .content-store>.container>p.title.on{color: #4493c6;} .content-store li{display: inline-block;vertical-align: top;} .content-store li.li-left{width: 49.5%;margin-right: 1%;border: 1px solid #DDD;margin-top: 20px;} .content-store li.li-right{width: 49.5%;border: 1px solid #DDD;margin-top: 20px;vertical-align: top;} .content-store li.li1>img{width: 60px;margin-top: 10px;} .content-store li.li1{width: 10%;margin-right: 4%;text-align: center;} .content-store li.li2{width: 47%;margin-right: 4%;} .content-store li.li3{width: 35%;} .content-store .row>li{padding: 18px 15px 15px 10px;} .content-store .row.on>li{background-color: #EEFAFA;border-color: #C2DBDF;} .content-store .row p.title{font-size: 18px;margin-bottom: 10px;} .content-store .row p.text{font-size: 13px;color: #4a4a4a;line-height: 18px;} .content-store .row p.price{font-size: 18px;color: #f22c2c;text-align: right;margin-top: 5px;margin-bottom: 15px;} .content-store .row p.button{text-align: right;} .content-store .row p.button>a{width: 92px;height: 32px;font-size: 13px;line-height: 30px;display: inline-block;background-repeat: no-repeat;text-align: left;text-indent: 30px;} .content-store .row p.button>a.win{background-image: url('/images/store/buy_win_s.png');color: #fff;} .content-store .row p.button>a.mac{background-image: url('/images/store/buy_mac_s.png');color: #f34f2e;margin-left: 7px;} /*guide页面分页导航 20201120*/ .banner_tutorial+div.new-nav, .banner_tutorial+div>.new-nav{background-color: #fff;padding: 27px 0;} .banner_tutorial+div .nav-pc li{float: left;background: url('/images/products-banner/new/nav_division.jpg') no-repeat right center;} .banner_tutorial+div .nav-pc li>a{font-size: 16px;line-height: 30px;display: block;padding: 0 20px;margin: 0 15px;border-radius: 5px;color: #353239;font-family: 'Arial';} .banner_tutorial+div .nav-pc li.active>a{color: #D70000;background-color: #fff;} .banner_tutorial+div .nav-pc li:hover>a{background: none;text-decoration: underline;} .banner_tutorial+div .visible-xs-block.nav-mobile{padding: 0;} .banner_tutorial+div .nav-mobile li>a{font-size: 16px;line-height: 30px;display: block;padding: 10px 20px;border-radius: 5px;color: #353239;font-family: 'Arial';} .banner_tutorial+div .nav-mobile li.active>a{background: none;color: #D70000;} .banner_tutorial+div .nav-mobile li:hover>a{background: none;text-decoration: underline;} /*guide页面文本样式 20201120*/ .content_tutorial{margin-top: 20px;font-size: 14px;position: relative;} .nav_tutorial>li{padding: 8px 18px;height: 64px;display: table;width: 100%;background-color: #F2F5F9;position: relative;transition: background-color .2s;} .nav_tutorial>li:hover{cursor: pointer;background-color: #51dfc2;} .nav_tutorial>li>p{display: table-cell;vertical-align: middle;} .nav_tutorial>li>p>a{font-size: 14px;color: #404040;text-decoration: none;display: block;margin-top: 0;transition: color .2s;} .nav_tutorial>li:hover>p>a{color: #fff;} .nav_tutorial>li>p>a:hover{text-decoration: underline;} .content_tutorial .col-md-9{padding: 0 60px 0 40px;} .nav_tutorial>li.on{background-color: #3CB29A;} .nav_tutorial>li.on>.nav_arrow{display: block;} .nav_tutorial>li.on>p>a{color: #fff;} .nav_arrow{width: 1px;height: 1px;border-top: 11px solid #fff;border-bottom: 11px solid #fff;border-left: 14px solid #3CB29A;position: absolute;right: -14px;top: 50%;margin-top: -11px;display: none;} .guide_content h3.guide_title{color: #3cb29a;margin-top: 30px;font-weight: bold;} .guide_content h3{font-size: 18px;font-weight: normal;margin-top: 40px;margin-bottom: 15px;} .guide_content p{margin-bottom: 20px;} .guide_content img, .content_tutorial img, .img_big{max-width: 100%;} .guide_content>p>img{margin-top: 5px;} .guide_next{text-align: right;margin-top: 30px;padding-right: 40px;} .guide_next>a{font-size: 14px;color: #7d7d7d;} .content_tutorial img.lazy{vertical-align: baseline;} .content_tutorial ul.disc{list-style-type: disc;list-style-position: inside;margin-bottom: 20px;} .content_tutorial ol.dec{list-style-type: decimal;list-style-position: inside;margin-bottom: 20px;} /*guide table 20250307*/ .guide_content table{margin: 20px 0;width: 100%;} .guide_content table th, .guide_content table td{border: 1px solid #444444;padding: 8px 10px;font-size: 14px;line-height: 23px;} .guide_content table th{text-align: center;background-color: #BEBEBE;font-weight: 500;} .guide_content ol{list-style-position: inside;margin: 20px 0;} .nav-bread{padding-left: 30px;margin-top: 25px;font-size: 14px;margin: 30px 0 40px;} .nav-bread a{color: #444444;} .nav_tutorial_sm>li{padding: 0 18px;height: 40px;display: table;width: 100%;background-color: #F2F5F9;border-radius: 8px;margin-bottom: 5px;} .nav_tutorial_sm>li:hover{cursor: pointer;} .nav_tutorial_sm>li>p{display: table-cell;vertical-align: middle;} .nav_tutorial_sm>li>p>a{font-size: 14px;color: #404040;text-decoration: none;} .nav_tutorial_sm>li.on{background-color: #3CB29A;} .nav_tutorial_sm>li.on>p>a{color: #fff;} /*旧guide文档样式 20201207*/ .tutorial_tab_title{ background-color:#e6e6e6;} .tutorial_tab_title li{ position:relative;height:40px; line-height:40px;cursor:pointer;_display:inline; font-size:14px; font-weight:bold; text-shadow:0 1px 1px #FFF;} .tutorial_tab_title li span{ margin-right:5px;display: block;float:left;} .tutorial_tab_title li span.on{ float:none; display:none; position:absolute; left:50%; margin-left:-15px; bottom: -32px;} .tutorial_tab_title li.on{ color:#0072ff;} .tutorial_tab_title li.on span.on{display:block;} .tutorial_tab_title li.br{ line-height:20px;} .tutorial_tab_title1 li{ cursor:pointer; position:relative;float:left; height:40px; line-height:40px;_display:inline; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #FFF;} .tutorial_tab_title1 li span{ float:left; margin-right:5px;} .tutorial_tab_title1 li span.on{ float:none; display:none; position:absolute; left:50%; margin-left:-15px; bottom:-32px;} .tutorial_tab_title1 li.on{ color:#0072ff;} .tutorial_tab_title1 li.on span.on{display:block;} .icon1,.icon2,.icon3,.icon4,.icon16,.icon17,.icon18,.icon19,.icon20,.icon21,.icon22,.icon23,.icon24,.icon25,.icon26,.icon27,.icon28,.icon39{width:41px; height:41px; } .icon1{ background-position:-224px -777px;} .icon2{ background-position:-224px -853px;} .icon3{ background-position:-224px -922px;} .icon4{ background-position:-224px -987px;} /*.icon5{ background-position:-184px -1138px;width:64px; height:40px;}*/ .icon5{ width:40px; height:40px;} .mr30 .icon5{background: url(/images/tutorial/blu-ray-player/Play-Media-Files.png) no-repeat scroll 0 0;_background:url(/images/icon/icon3-ie.png) no-repeat 0 0;} .icon6{ background-position:-59px -1138px;width:39px; height:40px;} .icon7{ background-position:-98px -1138px; width:38px; height:40px;} .icon8{ background-position:-136px -1138px;width:48px; height:40px;} .icon9{ overflow:hidden; border-left: solid 20px transparent; border-top: solid 12px #e6e6e6; background: none; border-right: solid 20px transparent;} .icon10{ background:url(../images/icon/Guide_07.jpg) no-repeat 0 0; width:62px; height:22px; color:#FFF; text-shadow:0 -1px -1px #398dcb;line-height: 22px;} .icon11{ width:133px; height:360px; background-position:0 -778px;} .icon12{ width:207px; height:19px; background-position:0 -15px;} .icon13{ width:265px; height:15px; background-position:0 0;} /*buy buttom*/ .icon14{ width:247px; height:39px; background-position:0 -34px;} .icon14:hover{background-position:0 -1905px;} .icon15{ width:247px; height:39px; background-position:0 -73px;} .icon15:hover{background-position:0 -1944px;} .icon16{ background-position:0 -1983px;} .icon17{ background-position:-41px -1983px;} .icon18{ background-position:-82px -1983px;} .icon19{ background-position:-123px -1983px;} .icon20{ background-position:0 -2024px;} .icon21{ background-position:-41px -2024px;} .icon22{ background-position:-82px -2024px;} .icon23{ background-position:-123px -2024px;} .mr30 .icon23{ background: url(/images/tutorial/blu-ray-player/Share-to-Win.png) no-repeat 0 0;_background:url(/images/icon/icon-ie.png) no-repeat 0 0;} .icon24{ background-position:-164px -1983px;} .icon25{ background-position:-205px -1983px;} .icon26{ background-position:-164px -2024px;} .icon27{ background-position:-205px -2024px;} .icon28{ background-position:0 -2065px;} .icon39{ width:249px; height:43px;background:url(../images/icon/buy-now-mac-sw.jpg);} .icon40{ background-position: 0 -2817px;} .icon41{ background-position:-237px -352px;} .icon42{ background-position: 0 -3014px;} .icon43{ background-position: 0 -3095px;} .icon44{ background-position: 0 -3176px;} .icon45{ background-position: 0 -3257px;} .icon46{ background-position: 0 -3338px;} .icon47{ background-position: 0 -3419px;} .icon29,.icon30,.icon31,.icon32,.icon33,.icon34,.icon35,.icon39{width:50px; height:50px; } .icon29{ background:url(../images/icon/icon_50/recover-from-itunes-backup.png) 0 0 no-repeat;} .icon30{ background:url(../images/icon/icon_50/recover-from-device-directly.png) 0 0 no-repeat;} .icon31{ background:url(../images/icon/icon_50/recover-from-device-under-dfu.png) 0 0 no-repeat;} .icon32{ background:url(../images/icon/icon_50/transfer-files.png) 0 0 no-repeat;} .icon33{ background:url(../images/icon/icon_50/manage_playlists.png) 0 0 no-repeat;} .icon34{ background:url(../images/icon/icon_50/usb.png) 0 0 no-repeat;} .icon35{ background:url(../images/icon/icon_50/options.png) 0 0 no-repeat;} .icon35,.icon36,.icon37,.icon38{width:40px; height:40px; } .icon36{ background:url(../images/icon/icon_50/photo-slideshow-maker.png) 0 0 no-repeat;} .icon37{ background:url(../images/icon/icon_50/screen-recorder.png) 0 0 no-repeat;} .icon38{ background:url(../images/icon/icon_50/webcam-recorder.png) 0 0 no-repeat;} .icon39{ background:url(../images/icon/icon_50/recover-from-icloud.png) 0 0 no-repeat;} .ov_title{ margin-top:30px;margin-bottom:30px;background-color: #E8EFF2;color: #000;} .ov_title h3{font-weight: normal;font-size: 18px;margin: 0 0 5px 0;} /* 响应式 */ @media screen and (max-width: 450px){ #header{width: 100%;} #bs-example-navbar-collapse-1 ul.nav>li .dropdown-menu{left: 0!important;} .nav-bor li.search_box_toggle,.nav-bor li.search_box_toggle:hover{background: none;overflow: hidden;} .nav-bor li.search_box_toggle a.dropdown-toggle{display: none;} .nav-bor li.search_box_toggle form.dropdown-menu{display: block;margin: 0;border-radius: 0;border-left: 0;border-right: 0;text-align: center;position: static;padding-left: 10px;padding-right: 10px;width: 100%;} .tutorial_tab_title li{ text-align: center;overflow: hidden; } .banner .focusbox_list li a img{width: 100%;} .store_btn{display: block;width: 185px;margin: 5px auto;} #carousel-example-generic .carousel-inner .item{text-align: center;height: 380px;} #carousel-example-generic .carousel-inner .item#activity_banner h1{font-size: 60px;margin: 10px 0;} #carousel-example-generic .carousel-inner .item#activity_banner h1 span{font-size: 68px;} #carousel-example-generic .carousel-inner .item#activity_banner h2{font-size: 40px;margin-top: 20px;} #carousel-example-generic .carousel-inner .item#activity_banner h3{font-size: 30px;margin: 10px 0;} #carousel-example-generic .carousel-inner .item.banner0 .banner_img img{display: none;} #carousel-example-generic .carousel-inner .item.banner0 .button img{max-width: 100%;} #carousel-example-generic .carousel-inner .item.banner0 h1{font-size: 30px;font-weight: 500;color: #f8756d;font-family: "Segoe UI";line-height: 1.5;margin-top: 30px;} #carousel-example-generic .carousel-inner .item.banner0 p.subtitle{font-size: 20px;line-height: 32px;color: #18277a;font-weight: bold;} #carousel-example-generic .carousel-inner .item.banner0 p.text{font-size: 18px;line-height: 27px;color: #18277a;font-weight: 500;margin-top: 15px;margin-bottom: 30px;} #carousel-example-generic .carousel-inner .item.banner1 h1{font-size: 30px;margin-top: 10px;text-align: center;} #carousel-example-generic .carousel-inner .item.banner1 h2{font-size: 28px;margin-top: 0px;margin-bottom: 50px;line-height: 44px;} #carousel-example-generic .carousel-inner .item.banner1 h3{font-size: 40px;margin-top: 65px;margin-bottom: 15px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text{margin-top: 70px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text p{text-align: center;clear: both;margin-top: 50px;} #carousel-example-generic .carousel-inner .item.banner1 li{list-style-type: none;font-size: 14px;color: #d63003;} #carousel-example-generic .carousel-inner .item.banner1 li.li1{margin-bottom: 5px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text img{width:70%;} #carousel-example-generic .carousel-inner .item.banner2 h1{font-size: 50px;margin-top: 5px;} #carousel-example-generic .carousel-inner .item.banner2 h2{font-size: 36px;margin: 5px 0;} #carousel-example-generic .carousel-inner .item.banner2 h3{font-size: 30px;} #carousel-example-generic .carousel-inner .item.banner2 h4{font-size: 30px;margin-top: 20px;} #carousel-example-generic .carousel-inner .item.banner3 h1{font-size: 34px;} #carousel-example-generic .carousel-inner .item.banner3 h2{font-size: 30px;margin-top: 20px;} #carousel-example-generic .carousel-inner .item.banner3 h3{font-size: 30px;} #carousel-example-generic .carousel-inner .item.banner3 h4{font-size: 30px;} #carousel-example-generic .carousel-inner .item.banner3 p span{display: block;} #carousel-example-generic .carousel-inner .item.banner4 h1{font-size: 34px;margin-top: 20px;} #carousel-example-generic .carousel-inner .item.banner4 h3{font-size: 26px;margin: 15px 0;} #carousel-example-generic .carousel-inner .item.banner4 h3 span{font-size: 40px;} #carousel-example-generic .carousel-inner .item.banner6 h2{font-size: 24px;line-height: 45px;margin-top: 80px;text-align: center;} #carousel-example-generic .carousel-inner .item.banner6 h3{font-size: 18px;line-height: 42px;text-align: center;} #carousel-example-generic .carousel-inner .item.banner6 .banner_text p{text-align: center;clear: both;margin-top: 30px;} #carousel-example-generic .carousel-inner .item.banner6 .banner_text img{width:70%;} .content_text{padding: 30px;} .expert_box{margin:30px 0;padding: 40px 30px;} .expert_box hr,.expert_box p{margin-bottom: 30px;} footer{padding-left: 30px;padding-right: 30px;} .banner-pic-top{margin-top: 30px;margin-bottom: 20px;} .banner-pic-top img{width: 100%;} .banner-pic-left img{width: 70%;} .banner-button img{margin-top: 20px;width: 200px;} .banner_button{text-align: center;margin-top: 280px;} .banner_button2{text-align: center;margin-top: 290px;} .banner_button img{max-width: 90%;} .banner_button2 img{max-width: 90%;} /*guide页面文本样式 20201120*/ .banner_tutorial .col-md-3>p{text-align: center;} .banner_tutorial h2{margin-top: 30px;} .gallery{display: none;} .banner_tutorial_btn>a{margin-top: 10px;} .img450{width: 90%;} } @media screen and (min-width: 451px) and (max-width: 767px){ /* 基于bootstrap改nav */ .tutorial_tab_title li{ text-align: center;overflow: hidden; } #header{width: 100%;} #bs-example-navbar-collapse-1 ul.nav>li .dropdown-menu{left: 0!important;} .nav-bor li{margin: 0 5px;padding-left: 5px;padding-right: 5px;} .nav-bor.nav.navbar-nav li.dropdown.open .dropdown-menu li.active a{background-color: transparent;} .nav-bor li.search_box_toggle,.nav-bor li.search_box_toggle:hover{background: none;overflow: hidden;} .nav-bor li.search_box_toggle a.dropdown-toggle{display: none;} .nav-bor li.search_box_toggle form.dropdown-menu{display: block;margin: 0;border-radius: 0;border-left: 0;border-right: 0;text-align: center;position: static;padding-left: 10px;padding-right: 10px;width: 100%;} #carousel-example-generic .carousel-inner .item{text-align: center;height: 380px;} #carousel-example-generic .carousel-inner .item#activity_banner h1{font-size: 60px;margin: 10px 0;} #carousel-example-generic .carousel-inner .item#activity_banner h1 span{font-size: 68px;} #carousel-example-generic .carousel-inner .item#activity_banner h2{font-size: 40px;margin-top: 30px;} #carousel-example-generic .carousel-inner .item#activity_banner h3{font-size: 30px;margin: 10px 0;} #carousel-example-generic .carousel-inner .item.banner0 .banner_img img{display: none;} #carousel-example-generic .carousel-inner .item.banner0 h1{font-size: 24px;font-weight: 500;color: #f8756d;font-family: "Segoe UI";line-height: 1.5;margin-top: 30px;} #carousel-example-generic .carousel-inner .item.banner0 p.subtitle{font-size: 36px;line-height: 45px;color: #18277a;font-weight: bold;} #carousel-example-generic .carousel-inner .item.banner0 p.text{font-size: 20px;line-height: 30px;color: #18277a;font-weight: 500;margin-top: 15px;margin-bottom: 30px;} #carousel-example-generic .carousel-inner .item.banner1 h1{font-size: 36px;margin-top: 10px;text-align: center;} #carousel-example-generic .carousel-inner .item.banner1 h2{font-size: 28px;margin-top: 0px;margin-bottom: 50px;line-height: 44px;} #carousel-example-generic .carousel-inner .item.banner1 h3{font-size: 40px;margin-top: 85px;margin-bottom: 15px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text{margin-top: 80px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text p{text-align: center;clear: both;margin-top: 50px;} #carousel-example-generic .carousel-inner .item.banner1 li{list-style-type: none;font-size: 16px;color: #d63003;} #carousel-example-generic .carousel-inner .item.banner1 li.li1{margin-bottom: 10px;} #carousel-example-generic .carousel-inner .item.banner2 h1{font-size: 60px;margin-top: 5px;} #carousel-example-generic .carousel-inner .item.banner2 h2{font-size: 36px;margin: 5px 0;} #carousel-example-generic .carousel-inner .item.banner2 h3{font-size: 30px;} #carousel-example-generic .carousel-inner .item.banner2 h4{font-size: 30px;margin-top: 30px;} #carousel-example-generic .carousel-inner .item.banner3 h1{font-size: 46px;} #carousel-example-generic .carousel-inner .item.banner3 h2{font-size: 40px;margin-top: 20px;} #carousel-example-generic .carousel-inner .item.banner3 h3{font-size: 30px;} #carousel-example-generic .carousel-inner .item.banner3 h4{font-size: 30px;} #carousel-example-generic .carousel-inner .item.banner4 h1{font-size: 50px;margin-top: 30px;} #carousel-example-generic .carousel-inner .item.banner4 h3{font-size: 30px;margin: 15px 0;} #carousel-example-generic .carousel-inner .item.banner4 h3 span{font-size: 40px;} #carousel-example-generic .carousel-inner .item.banner6 h2{font-size: 28px;line-height: 45px;text-align: center;margin-top: 90px;} #carousel-example-generic .carousel-inner .item.banner6 h3{font-size: 28px;line-height: 42px;text-align: center;} #carousel-example-generic .carousel-inner .item.banner6 .banner_text p{text-align: center;clear: both;margin-top: 50px;} .content_text{padding: 50px 70px;} .expert_box{margin:30px 0;padding: 40px 30px;} .expert_box hr,.expert_box p{margin-bottom: 30px;} footer{padding-left: 30px;padding-right: 30px;} .banner-pic-top{margin-top: 40px;margin-bottom: 20px;} .banner-pic-top img{width: 420px;} .banner-pic-left img{width: 320px;} .banner-button img{margin-top: 20px;width: 200px;} .banner_button{text-align: center;margin-top: 280px;} .banner_button2{text-align: center;margin-top: 290px;} /*guide页面文本样式 20201120*/ .banner_tutorial .col-md-3>p{text-align: center;} .banner_tutorial h2{margin-top: 30px;} .gallery{display: none;} .banner_tutorial_btn>a{margin-top: 10px;} } @media screen and (min-width: 768px) and (max-width: 991px){ #header{width: 100%;} #bs-example-navbar-collapse-1 ul.nav>li .dropdown-menu{left: 0!important;} .nav-bor li{margin: 0 5px;padding-left: 5px;padding-right: 5px;} .nav-bor.nav.navbar-nav li.dropdown.open .dropdown-menu li.active a{background-color: transparent;} .nav-bor li.search_box_toggle,.nav-bor li.search_box_toggle:hover{background: none;overflow: hidden;} .nav-bor li.search_box_toggle a.dropdown-toggle{display: none;} .nav-bor li.search_box_toggle form.dropdown-menu{display: block;width: 100%;margin: 0;border-radius: 0;border-left: 0;border-right: 0;text-align: center;position: static;} .tutorial_tab_title li{ float:left; } #carousel-example-generic .carousel-inner .item{text-align: center;height: 374px;} #carousel-example-generic .carousel-inner .item.banner0 .banner_img img{display: none;} #carousel-example-generic .carousel-inner .item.banner0 h1{font-size: 30px;font-weight: 500;color: #f8756d;font-family: "Segoe UI";line-height: 1.5;margin-top: 20px;} #carousel-example-generic .carousel-inner .item.banner0 p.subtitle{font-size: 42px;line-height: 52px;color: #18277a;font-weight: bold;} #carousel-example-generic .carousel-inner .item.banner0 p.text{font-size: 24px;line-height: 36px;color: #18277a;font-weight: 500;margin-top: 15px;margin-bottom: 30px;} #carousel-example-generic .carousel-inner .item.banner1 h1{font-size: 38px;margin-top: 10px;text-align: center;} #carousel-example-generic .carousel-inner .item.banner1 h2{font-size: 40px;margin-top: 0px;margin-bottom: 50px;line-height: 44px;} #carousel-example-generic .carousel-inner .item.banner1 h3{font-size: 60px;margin-top: 45px;margin-bottom: 15px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text{margin-top: 80px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text p{text-align: center;clear: both;margin-top: 40px;} #carousel-example-generic .carousel-inner .item.banner1 li{list-style-type: none;font-size: 16px;color: #d63003;} #carousel-example-generic .carousel-inner .item.banner1 li.li1{margin-bottom: 10px;} #carousel-example-generic .carousel-inner .item.banner2 h1{font-size: 70px;margin-top: 10px;} #carousel-example-generic .carousel-inner .item.banner2 h2{font-size: 40px;margin: 5px 0;} #carousel-example-generic .carousel-inner .item.banner2 h3{font-size: 30px;} #carousel-example-generic .carousel-inner .item.banner2 h4{font-size: 30px;margin-top: 10px;} #carousel-example-generic .carousel-inner .item.banner3 h1{font-size: 60px;} #carousel-example-generic .carousel-inner .item.banner3 h2{font-size: 40px;margin-top: 20px;} #carousel-example-generic .carousel-inner .item.banner3 h3{font-size: 30px;margin-bottom: 1.5px;} #carousel-example-generic .carousel-inner .item.banner3 h4{font-size: 30px;} #carousel-example-generic .carousel-inner .item.banner4 h1{font-size: 60px;margin-top: 30px;} #carousel-example-generic .carousel-inner .item.banner4 h3{font-size: 30px;margin: 10px 0;} #carousel-example-generic .carousel-inner .item.banner4 h3 span{font-size: 40px;} #carousel-example-generic .carousel-inner .item.banner6 h2{font-size: 28px;line-height: 45px;text-align: center;margin-top: 90px;} #carousel-example-generic .carousel-inner .item.banner6 h3{font-size: 28px;line-height: 42px;text-align: center;} #carousel-example-generic .carousel-inner .item.banner6 .banner_text p{text-align: center;clear: both;margin-top: 50px;} .content_text{padding: 50px 70px;} .expert_box{margin:30px 0;padding: 40px 30px;} .expert_box hr,.expert_box p{margin-bottom: 30px;} .banner-pic-top{margin-top: 20px;margin-bottom: 20px;} .banner-pic-top img{width: 70%;} .banner-pic-left img{width: 50%;} .banner-button img{margin-top: 20px;width: 200px;} .banner_button{text-align: center;margin-top: 280px;} .banner_button2{text-align: center;margin-top: 290px;} /*guide页面文本样式 20201120*/ .banner_tutorial .col-md-3>p{text-align: center;} .banner_tutorial h2{margin-top: 30px;} } @media screen and (min-width: 992px) and (max-width: 1199px){ .floatleft{float: left;} .floatright{float: right;} #header{width: 100%;} #header .navbar-header .navbar-brand{width: 5%;} .nav li.dropdown:hover ul.dropdown-menu{display: flex;} .nav-bor{margin-top: 28px;} .nav-bor li{border-bottom:5px solid transparent;padding-bottom: 22px;padding-left: 15px;padding-right: 15px;} .nav-bor li.search_box_toggle{margin-top: -5px;} .nav-bor li.lang_box a{color: #32aac8;font-family: "Segoe UI";} .nav-bor li.search_box_toggle,.nav-bor li.lang_box{padding-bottom: 0;border-bottom:0;} .nav-bor li.active,.nav-bor li:hover{border-bottom:5px solid #1FA5C9;} .nav-bor li.search_box_toggle.active,.nav-bor li.search_box_toggle:hover,.nav-bor li.lang_box:hover{border-bottom:0;} .nav-bor.nav.navbar-nav li.active a{background-color: transparent;} .nav-bor li,.nav-bor li:hover,.nav-bor .dropdown-menu li a,.nav-bor .dropdown-menu li a:hover{ transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; } .nav-bor li a{padding: 0;} .nav-bor li.dropdown ul.dropdown-menu li a{padding: 5px 0;color: #777;} .nav-bor li.dropdown ul.dropdown-menu li a:hover{color: #32aac8;text-indent:1em;background-color: #f5f5f5;} .nav-bor li.dropdown ul.dropdown-menu li.active a{padding: 3px 0;color: #fff;} .nav-bor li.dropdown ul.dropdown-menu li.active a:hover{background-color: transparent;text-indent:0;} .nav-bor li.dropdown ul.dropdown-menu li.dropdown-header{color: #000;font-family: "MyriadPro-Bold";font-size: 18px;margin: 10px 0;} .nav-bor .dropdown-menu{top: 110%;} .nav-bor .dropdown-menu li.dropdown-header:hover{background: none;} .nav-bor .dropdown-menu li.active{background-color: #337ab7;} .nav-bor .dropdown-menu li,.nav-bor .dropdown-menu li:active,.nav-bor .dropdown-menu li:hover{border:0;margin: 5px 0;padding: 0 30px;} .nav-bor .dropdown-menu li.active a,.nav-bor .dropdown-menu li.active a:hover{background: none;border: 0;text-indent: 0;} #bs-example-navbar-collapse-1 .search_box_toggle{padding: 0;} #bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu{left: -100px;} #bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .form-control{width: 200px;height: auto;font-size: 16px;font-family: "Segoe UI";} #bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .btn{font-size: 16px;height: auto;} .bor-lang button{margin-top: 22px;} .tutorial_tab_title li{ float:left; } #carousel-example-generic .carousel-inner .item{height: 413px;} #carousel-example-generic .carousel-inner .item .banner_text{margin-top: 40px;} #carousel-example-generic .carousel-inner .item#activity_banner h2{margin-top: 20px;} #carousel-example-generic .carousel-inner .item.banner0 .banner_img img{display: none;} #carousel-example-generic .carousel-inner .item.banner0 h1{font-size: 30px;font-weight: 500;color: #f8756d;font-family: "Segoe UI";line-height: 1.5;} #carousel-example-generic .carousel-inner .item.banner0 p.subtitle{font-size: 42px;line-height: 52px;color: #18277a;font-weight: bold;} #carousel-example-generic .carousel-inner .item.banner0 p.text{font-size: 24px;line-height: 36px;color: #18277a;font-weight: 500;margin-top: 35px;margin-bottom: 50px;} #carousel-example-generic .carousel-inner .item.banner1 h1{font-size: 34px;margin-top: 10px;text-align: left;} #carousel-example-generic .carousel-inner .item.banner1 h2{font-size: 40px;margin-top: 0px;margin-bottom: 60px;line-height: 44px;} #carousel-example-generic .carousel-inner .item.banner1 h3{font-size: 60px;margin-top: 75px;margin-bottom: 15px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text{margin-top: 80px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text p{text-align: center;clear: both;margin-top: 70px;} #carousel-example-generic .carousel-inner .item.banner1 li{list-style-type: none;float: left;font-size: 16px;color: #d63003;} #carousel-example-generic .carousel-inner .item.banner1 li.li1{margin-right: 40px;} #carousel-example-generic .carousel-inner .item.banner2 h4{font-size: 20px;color: #fff51f;} #carousel-example-generic .carousel-inner .item.banner2 h1{font-size: 68px;} #carousel-example-generic .carousel-inner .item.banner2 h2{font-size: 46px;} #carousel-example-generic .carousel-inner .item.banner2 h3{font-size: 22px;} #carousel-example-generic .carousel-inner .item.banner3 h2{font-size: 32px;color: #fb4d01;} #carousel-example-generic .carousel-inner .item.banner3 h1{font-size: 40px;color: #323232;margin: 5px 0;} #carousel-example-generic .carousel-inner .item.banner3 p{font-size: 16px;color: #323232;margin-top: 10px;} #carousel-example-generic .carousel-inner .item.banner4 h1{font-size: 54px;} #carousel-example-generic .carousel-inner .item.banner4 h3{font-size: 24px;margin: 15px 0;} #carousel-example-generic .carousel-inner .item.banner4 h3 span{font-size: 34px;} #carousel-example-generic .carousel-inner .item.banner6 h2{font-size: 30px;line-height: 54px;margin-top: 45px;text-align: left;} #carousel-example-generic .carousel-inner .item.banner6 .banner_text p{text-align: right;clear: both;margin-top: 90px;} .content_text{padding: 50px 70px;} .expert_box{margin:30px 0;padding: 40px 30px;} .expert_box hr,.expert_box p{margin-bottom: 30px;} .banner-pic-top{margin-top: 30px;margin-bottom: 20px;} .banner-pic-top img{width: 80%;} .banner-pic-left img{width: 80%;} .banner-button{text-align: left;} .banner-button img{margin-top: 60px;width: 70%;} .banner_button{text-align: center;margin-top: 310px;} .banner_button2{text-align: center;margin-top: 310px;} } @media screen and (min-width: 1200px) and (max-width: 1440px){ #header{width: 1185px;margin: 0 auto;} /* 基于bootstrap改nav */ .tutorial_tab_title li{ float:left; } .floatleft{float: left;} .floatright{float: right;} .tutorial_tab_title li{ float:left; } .nav li.dropdown:hover ul.dropdown-menu{display: flex;} .nav-bor{margin-top: 28px;margin-left: 9%;margin-right: 10px;} .nav-bor li{border-bottom:5px solid transparent;padding-bottom: 22px;padding-left: 18px;padding-right: 18px;} .nav-bor li.search_box_toggle{margin-top: -5px;} .nav-bor li.lang_box a{color: #32aac8;font-family: "Segoe UI";} .nav-bor li.search_box_toggle,.nav-bor li.lang_box{padding-bottom: 0;border-bottom:0;} .nav-bor li.active,.nav-bor li:hover{border-bottom:5px solid #1FA5C9;} .nav-bor li.search_box_toggle.active,.nav-bor li.search_box_toggle:hover,.nav-bor li.lang_box:hover{border-bottom:0;} .nav-bor.nav.navbar-nav li.active a{background-color: transparent;} .nav-bor li,.nav-bor li:hover,.nav-bor .dropdown-menu li a,.nav-bor .dropdown-menu li a:hover{ transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; } .nav-bor li a{padding: 0;} .nav-bor li.dropdown ul.dropdown-menu li a{padding: 5px 0;color: #777;} .nav-bor li.dropdown ul.dropdown-menu li a:hover{color: #32aac8;text-indent:1em;background-color: #f5f5f5;padding-right: 1em;} .nav-bor li.dropdown ul.dropdown-menu li.active a{padding: 3px 0;color: #fff;} .nav-bor li.dropdown ul.dropdown-menu li.active a:hover{background-color: transparent;text-indent:0;} .nav-bor li.dropdown ul.dropdown-menu li.dropdown-header{color: #000;font-family: "MyriadPro-Bold";font-size: 18px;margin: 10px 0;} .nav-bor .dropdown-menu{top: 110%;} .nav-bor .dropdown-menu li.dropdown-header:hover{background: none;} .nav-bor .dropdown-menu li.active{background-color: #337ab7;} .nav-bor .dropdown-menu li,.nav-bor .dropdown-menu li:active,.nav-bor .dropdown-menu li:hover{border:0;margin: 5px 0;padding: 0 30px;} .nav-bor .dropdown-menu li.active a,.nav-bor .dropdown-menu li.active a:hover{background: none;border: 0;text-indent: 0;} #bs-example-navbar-collapse-1 .search_box_toggle{margin-left: 50px;padding: 0;} #bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .form-control{width: 200px;height: auto;font-size: 16px;font-family: "Segoe UI";} #bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .btn{font-size: 16px;height: auto;} .bor-lang button{margin-top: 22px;} #carousel-example-generic .carousel-inner .item{height: 501px;} #carousel-example-generic .carousel-inner .item .banner_text{margin-top: 103px;} #carousel-example-generic .carousel-inner .item#activity_banner h2{margin-top: 50px;} #carousel-example-generic .carousel-inner .item.banner0 .banner_text{margin-top: 60px;} #carousel-example-generic .carousel-inner .item.banner0 .banner_img img{margin-left: -130px;width: 800px;} #carousel-example-generic .carousel-inner .item.banner0 h1{font-size: 30px;font-weight: 500;color: #f8756d;font-family: "Segoe UI";line-height: 1.5;} #carousel-example-generic .carousel-inner .item.banner0 p.subtitle{font-size: 42px;line-height: 52px;color: #18277a;font-weight: bold;} #carousel-example-generic .carousel-inner .item.banner0 p.text{font-size: 24px;line-height: 36px;color: #18277a;font-weight: 500;margin-top: 35px;margin-bottom: 50px;} #carousel-example-generic .carousel-inner .item.banner1 h1{font-size: 40px;margin-top: 10px;text-align: left;} #carousel-example-generic .carousel-inner .item.banner1 h2{font-size: 40px;margin-top: 0px;margin-bottom: 90px;line-height: 44px;} #carousel-example-generic .carousel-inner .item.banner1 h3{font-size: 60px;margin-top: 105px;margin-bottom: 15px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text{margin-top: 130px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text p{text-align: center;clear: both;margin-top: 90px;} #carousel-example-generic .carousel-inner .item.banner1 li{list-style-type: none;float: left;font-size: 16px;color: #d63003;} #carousel-example-generic .carousel-inner .item.banner1 li.li1{margin-right: 40px;} #carousel-example-generic .carousel-inner .item.banner2 h4{font-size: 26px;color: #fff51f;} #carousel-example-generic .carousel-inner .item.banner2 h1{font-size: 78px;} #carousel-example-generic .carousel-inner .item.banner2 h2{font-size: 56px;} #carousel-example-generic .carousel-inner .item.banner2 h3{font-size: 28px;} #carousel-example-generic .carousel-inner .item.banner3 h2{font-size: 32px;color: #fb4d01;} #carousel-example-generic .carousel-inner .item.banner3 h1{font-size: 46px;color: #323232;margin: 5px 0;} #carousel-example-generic .carousel-inner .item.banner3 p{font-size: 16px;color: #323232;margin-top: 10px;} #carousel-example-generic .carousel-inner .item.banner4 h1{font-size: 54px;} #carousel-example-generic .carousel-inner .item.banner4 h3{font-size: 24px;margin: 15px 0;} #carousel-example-generic .carousel-inner .item.banner4 h3 span{font-size: 34px;} #carousel-example-generic .carousel-inner .item.banner6 h2{font-size: 36px;line-height: 54px;margin-top: 10px;text-align: left;} #carousel-example-generic .carousel-inner .item.banner6 .banner_text p{text-align: right;clear: both;margin-top: 120px;} .content_text{padding: 50px 70px;} .expert_box{margin:90px 0;padding: 40px 30px;} .expert_box hr{margin-bottom: 30px;} .banner-pic-top{margin-top: 30px;margin-bottom: 20px;} .banner-button{text-align: left;} .banner-button img{margin-top: 60px;} .banner_button{text-align: center;margin-top: 375px;} .banner_button2{text-align: center;margin-top: 400px;} } @media screen and (min-width: 1441px){ #header{width: 1185px;margin: 0 auto;} .floatleft{float: left;} .floatright{float: right;} .tutorial_tab_title li{ float:left; } .nav li.dropdown:hover ul.dropdown-menu{display: flex;} .nav-bor{margin-top: 28px;margin-left: 20px;margin-right: 10px;} .nav-bor li{border-bottom:5px solid transparent;padding-bottom: 22px;padding-left: 18px;padding-right: 18px;} .nav-bor li.search_box_toggle{margin-top: -5px;} .nav-bor li.lang_box a{color: #32aac8;font-family: "Segoe UI";} .nav-bor li.search_box_toggle,.nav-bor li.lang_box{padding-bottom: 0;border-bottom:0;} .nav-bor li.active,.nav-bor li:hover{border-bottom:5px solid #1FA5C9;} .nav-bor li.search_box_toggle.active,.nav-bor li.search_box_toggle:hover,.nav-bor li.lang_box:hover{border-bottom:0;} .nav-bor.nav.navbar-nav li.active a{background-color: transparent;} .nav-bor li,.nav-bor li:hover,.nav-bor .dropdown-menu li a,.nav-bor .dropdown-menu li a:hover{ transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; } .nav-bor li a{padding: 0;} .nav-bor li.dropdown ul.dropdown-menu li a{padding: 5px 0;color: #777;} .nav-bor li.dropdown ul.dropdown-menu li a:hover{color: #32aac8;text-indent:1em;background-color: #f5f5f5;padding-right: 1em;} .nav-bor li.dropdown ul.dropdown-menu li.active a{padding: 3px 0;color: #fff;} .nav-bor li.dropdown ul.dropdown-menu li.active a:hover{background-color: transparent;text-indent:0;} .nav-bor li.dropdown ul.dropdown-menu li.dropdown-header{color: #000;font-family: "MyriadPro-Bold";font-size: 18px;margin: 10px 0;} .nav-bor .dropdown-menu{top: 110%;} .nav-bor .dropdown-menu li.dropdown-header:hover{background: none;} .nav-bor .dropdown-menu li.active{background-color: #337ab7;} .nav-bor .dropdown-menu li,.nav-bor .dropdown-menu li:active,.nav-bor .dropdown-menu li:hover{border:0;margin: 5px 0;padding: 0 30px;} .nav-bor .dropdown-menu li.active a,.nav-bor .dropdown-menu li.active a:hover{background: none;border: 0;text-indent: 0;} #bs-example-navbar-collapse-1 .search_box_toggle{margin-left: 50px;padding: 0;} #bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .form-control{width: 200px;height: auto;font-size: 16px;font-family: "Segoe UI";} #bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .btn{font-size: 16px;height: auto;} .bor-lang button{margin-top: 22px;} #carousel-example-generic .carousel-inner .item{height: 592px;} #carousel-example-generic .carousel-inner .item .banner_text{margin-top: 103px;} #carousel-example-generic .carousel-inner .item#activity_banner h2{margin-top: 50px;} #carousel-example-generic .carousel-inner .item.banner0 .banner_img img{margin-left: -130px;} #carousel-example-generic .carousel-inner .item.banner0 h1{font-size: 30px;font-weight: 500;color: #f8756d;font-family: "Segoe UI";line-height: 1.5;} #carousel-example-generic .carousel-inner .item.banner0 p.subtitle{font-size: 42px;line-height: 52px;color: #18277a;font-weight: bold;} #carousel-example-generic .carousel-inner .item.banner0 p.text{font-size: 24px;line-height: 36px;color: #18277a;font-weight: 500;margin-top: 35px;margin-bottom: 50px;} #carousel-example-generic .carousel-inner .item.banner1 h1{font-size: 40px;margin-top: 10px;text-align: left;} #carousel-example-generic .carousel-inner .item.banner1 h2{font-size: 40px;margin-top: 0px;margin-bottom: 90px;line-height: 44px;} #carousel-example-generic .carousel-inner .item.banner1 h3{font-size: 60px;margin-top: 140px;margin-bottom: 15px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text{margin-top: 120px;} #carousel-example-generic .carousel-inner .item.banner1 .banner_text p{text-align: right;clear: both;margin-top: 100px;} #carousel-example-generic .carousel-inner .item.banner1 li{list-style-type: none;float: left;font-size: 16px;color: #d63003;} #carousel-example-generic .carousel-inner .item.banner1 li.li1{margin-right: 40px;} #carousel-example-generic .carousel-inner .item.banner2 h4{font-size: 26px;} #carousel-example-generic .carousel-inner .item.banner2 h1{font-size: 78px;} #carousel-example-generic .carousel-inner .item.banner2 h2{font-size: 56px;} #carousel-example-generic .carousel-inner .item.banner2 h3{font-size: 28px;} #carousel-example-generic .carousel-inner .item.banner3 h2{font-size: 32px;} #carousel-example-generic .carousel-inner .item.banner3 h1{font-size: 46px;margin: 5px 0;} #carousel-example-generic .carousel-inner .item.banner3 p{font-size: 16px;margin-top: 10px;} #carousel-example-generic .carousel-inner .item.banner4 h1{font-size: 54px;} #carousel-example-generic .carousel-inner .item.banner4 h3{font-size: 24px;margin: 15px 0;} #carousel-example-generic .carousel-inner .item.banner4 h3 span{font-size: 34px;} #carousel-example-generic .carousel-inner .item.banner6 h2{font-size: 36px;line-height: 60px;margin-top: 30px;text-align: left;} #carousel-example-generic .carousel-inner .item.banner6 .banner_text p{text-align: right;clear: both;margin-top: 140px;} .content_text{padding: 50px 70px;} .expert_box{margin:90px 0;padding: 40px 30px;} .expert_box hr,.expert_box p{margin-bottom: 30px;} .banner-pic-top{margin-top: 50px;margin-bottom: 40px;} .banner-button{text-align: left;} .banner-button img{margin-top: 60px;} .banner_button{text-align: center;margin-top: 470px;} .banner_button2{text-align: center;margin-top: 485px;} } /* free product download btn */ .free_download_win{background: #E77D28 url(/images/icon/win-icon.png) no-repeat 20px center;color: #fff;padding-left: 70px;} .free_download_win:hover,.free_download_sm:hover,.free_download_mac:hover{background-color: #bd5e11;color: #fff;} .free_download_win:active{background: #f9b680 url(/images/icon/win-icon.png) no-repeat 20px center;color: #000;} .free_download_sm{background-color: #E77D28;color: #fff;} .free_download_sm:active{background-color: #f9b680;color: #000;} .free_download_mac{background: #E77D28 url(/images/icon/mac-icon.png) no-repeat 20px center;color: #fff;padding-left: 70px;} .free_download_mac:active{background: #E77D28 url(/images/icon/mac-icon.png) no-repeat 20px center;color: #000;} /*addthis样式修改*/ .addthis_floating_style.addthis_counter_style, .addthis_floating_style.addthis_counter_style .addthis_internal_container{ -webkit-box-sizing: content-box; box-sizing: content-box; } /*org related tips*/ .related_title{ font-size: 30px; color: #32aacd; text-align: center; position: absolute; left: 50%; top: -40px; margin-left: -120px; background-color: #fff; width: 240px; } .related{ position: relative; border: 3px solid #E7EEF1; } .related p{ padding-left: 40px; line-height: 24px; background: url('/images/icon/related_tip.png') no-repeat 20px 7px; } .related p>a{ color: #32aac8; } /*广告banner样式*/ #carousel-example-generic .carousel-inner .item.banner1 h1{color: #d63003;font-weight:bold;} #carousel-example-generic .carousel-inner .item.banner1 h2{color: #fff;font-style: italic;font-family: 'Segoe UI';line-height: 120%;} #carousel-example-generic .carousel-inner .item.banner1 h3{color: #0890D0;font-weight: bold;text-shadow: 1px 1px 10px #fff;} #carousel-example-generic .carousel-inner .item.banner1 h3>span{color: #d63003;} #carousel-example-generic .carousel-inner .item.banner1 h2>span{color: #57e22d;} #carousel-example-generic .carousel-inner .item.banner6 h2{color: #0a7b7c;font-weight: normal;font-family: 'Segoe UI';} #carousel-example-generic .carousel-inner .item.banner6 h3{color: #c2cdfd;font-weight:normal;font-family: 'Segoe UI';} #carousel-example-generic .carousel-inner .item.banner6 h2>span{color: #f3506b;font-weight: bold;} /*spec*/ .table_spec{margin-top: 10px;width: 100%;} .table_spec th,.table_spec td{border: 1px solid #303030;padding: 6px 12px;font-size: 14px;} .table_spec td.radic{text-align: center;font-size: 18px;} .spec1 td{width: 50%;} .spec1_title{font-size: 16px;margin-top: 30px;} .spec2 td.td_left{width: 30%;} .spec2 td.td_right{width: 70%;} .spec3 td.td_left{width: 30%;} .spec3 td.td_right{width: 70%;} .spec3 th{font-weight: bold;} .spec4 td.td_left{width: 30%;} .spec4 td.td_right{width: 70%;} .spec4 th{font-weight: bold;} .spec-tab.nav-tabs{border-bottom: 1px solid #19B4DE;} .spec-tab.nav-tabs>li{margin-bottom: 0;} .spec-tab.nav-pills>li.active>a, .spec-tab.nav-pills>li.active>a:hover, .spec-tab.nav-pills>li.active>a:focus{background-color: #19B4DE;} .spec-tab.nav-pills>li>a{border-radius: 0;} .spec-tab a{font-size: 18px;color: #404040;} .spec-tab-win>a{background-image: url('/images/purchase/win_on.png');background-repeat: no-repeat;background-position: 30px center;padding-left: 60px!important;padding-right: 30px!important;} .spec-tab-mac>a{background-image: url('/images/purchase/mac_on.png');background-repeat: no-repeat;background-position: 30px center;padding-left: 60px!important;padding-right: 30px!important;} .spec-tab-win.active>a{background-image: url('/images/purchase/win_off.png');} .spec-tab-mac.active>a{background-image: url('/images/purchase/mac_off.png');} /*banner*/ .banner_tutorial{background-color: #F2F5F9;padding: 45px 0;font-family: 'Segoe UI';} .banner_tutorial_btn>a{display: block;float: left;/*width: 190px;*/height: 45px;font-size: 20px;color: #fff;line-height: 45px;padding-right: 30px;} .banner_tutorial_btn>a:nth-child(1){background: #F44949 url('/images/products-banner/new/itransfer/dl_win.png') no-repeat 30px center;padding-left: 62px;margin-right: 28px;} .banner_tutorial_btn>a:nth-child(2){background: #CBD803 url('/images/products-banner/new/itransfer/buy.png') no-repeat 37px center;padding-left: 70px;} .banner_tutorial_btn>a.special{background: none;padding-left: 0;line-height: 0;} .banner_tutorial_btn>a.upgrade{font-size: 16px;background-position: 15px center;padding-left: 45px;padding-right: 10px;} .banner_tutorial_btn>a.dl_win{background-image: url('/images/products-banner/new/itransfer/dl_win.png');} .banner_tutorial_btn>a.dl_mac{background-image: url('/images/products-banner/new/itransfer/dl_mac.png');} .banner_tutorial_bot{clear: both;padding-top: 17px;} .banner_tutorial_bot>p{float: left;text-align: center;} .banner_tutorial_bot>p:first-child{margin-right: 28px;width: 182px;padding-left: 0;word-break: break-all;} .banner_tutorial_bot>p.sys-switch-btn{width: 179px;cursor: pointer;text-decoration: underline;} .banner_tutorial_bot>p.sys-switch-btn:hover{color: #23527c;} /*404*/ .banner-404{background-image: url('/images/banner/404/banner.jpg');background-repeat: no-repeat;background-size: cover;padding: 140px 0 130px;text-align: center;} .banner-404 p.title{font-size: 48px;font-weight: bold;color: #fff;line-height: 100%;margin-bottom: 25px;} .banner-404 p.text{font-size: 18px;color: #fff;margin-bottom: 65px;} .banner-404 p.hot{font-size: 13px;color: #fff;margin-top: 15px;margin-bottom: 10px;} .banner-404 p.link>a{font-size: 13px;color: #02b7e4;} .form-404 li{display: inline-block;} .form-404 li.li1{width: 50%;margin-right: 13px;} .form-404 li.li2{width: 100px;} .form-404 li.li1>input{border: 1px solid #59AAC7;width: 100%;height: 38px;line-height: 38px;padding: 0 8px;font-size: 18px;line-height: 36px;color: #fff;outline: none;background-color: #367D97;} .form-404 li.li2>button{width: 100%;height: 38px;font-size: 18px;line-height: 36px;background-color: #FC8318;color: #fff;border: none;outline: none;transition: background-color .1s;} .form-404 li.li2>button:hover{background-color: rgba(252,131,24,.9);} .form-404 li.li1>input::-webkit-input-placeholder { /* WebKit browsers */ color:#7BA3B4; } .form-404 li.li1>input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#7BA3B4; } .form-404 li.li1>input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#7BA3B4; } .form-404 li.li1>input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#7BA3B4; } .recommend-404{width: 1200px;margin: 0 auto;padding: 50px 0;} .recommend-404>p.title{font-size: 36px;line-height: 1.1;color: #282727;text-align: center;margin-bottom: 40px;} .recommend-404 li{display: inline-block;width: 25%;} .recommend-404 div.box{padding: 0 8px;} .recommend-404 div.innerbox{border: 1px solid #D6D6D6;padding: 23px 15px 30px;min-height: 390px;text-align: center;} .recommend-404 div.innerbox>img{width: 114px;margin-bottom: 20px;} .recommend-404 div.innerbox>p.title{font-size: 16px;color: #414141;font-weight: bold;margin-bottom: 9px;} .recommend-404 div.innerbox>p.text{font-size: 13px;color: #414141;line-height: 22px;padding: 0 5px;margin-bottom: 38px;} .recommend-404 div.innerbox>p.text.text2{margin-bottom: 60px;} .recommend-404 div.innerbox>p.button>a{display: inline-block;width: 120px;height: 32px;background-repeat: no-repeat;transition: background-color .2s;font-size: 13px;font-weight: bold;color: #fff;line-height: 30px;text-align: left;} .recommend-404 div.innerbox>p.button>a.btn_win{background-color: #2CA0F2;margin-right: 8px;background-image: url('/images/btn/win-404.png');background-position: 20px 8px;text-indent: 45px;} .recommend-404 div.innerbox>p.button>a.btn_mac{background-color: #FF6550;background-image: url('/images/btn/mac-404.png');background-position: 24px 6px;text-indent: 47px;} .recommend-404 div.innerbox>p.button>a:hover{text-decoration: none;} .recommend-404 div.innerbox>p.button>a.btn_win:hover{background-color: rgba(44,160,242,.8);} .recommend-404 div.innerbox>p.button>a.btn_mac:hover{background-color: rgba(255,101,80,.8);} /*search*/ .banner-search{background-color: #63636B;padding: 60px 0;} .banner-search p.title{font-size: 48px;font-weight: bold;color: #fff;text-align: center;line-height: 140%;margin-bottom: 30px;} .banner-search p.text{font-size: 13px;color: #fff;text-align: center;margin-top: 15px;} .form-search{text-align: center;} .form-search li{display: inline-block;} .form-search li.li1{width: 50%;margin-right: 13px;} .form-search li.li2{width: 100px;} .form-search li.li1>input{width: 100%;height: 40px;line-height: 38px;padding: 0 15px;font-size: 18px;outline: none;} .form-search li.li2>button{width: 100%;height: 40px;font-size: 18px;line-height: 38px;background-color: #FC8318;color: #fff;border: none;outline: none;transition: background-color .1s;} .form-search li.li2>button:hover{background-color: rgba(252,131,24,.9);} .form-search li.li1>input::-webkit-input-placeholder { /* WebKit browsers */ color:#7a7a7a; } .search_content_box{border: 1px solid #D3D3D3;width: 70%;padding: 10px 18px;float: left;margin-right: 5%;} .hot_content{float: left;width: 25%;} .hot_content>p.title{font-size: 24px;color: #000;padding-bottom: 15px;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-left: 3px;} .hot_content>p.text{padding-left: 3px;} .hot_content>p.text>a{display: block;font-size: 13px;line-height: 18px;padding-top: 15px;color: #282727;padding-left: 5px;} .hot_content>p.text>a:hover{color: #e54115;} #___gcse_0 a.gs-title{color: #0573b8;font-size: 15px;} #___gcse_0 a.gs-title>b{font-size: 15px;font-weight: normal;} .gsc-table-result{margin: 10px 0 12px;} .gsc-table-cell-thumbnail{padding-right: 30px;} .gs-webResult .gsc-thumbnail-inside{padding: 0;} .gs-webResult .gsc-url-top{margin-top: 2px;padding: 0;} .search_content_box .gsc-adBlock{display: none;} .search_content_box .gcsc-branding{display: none;} .search_content_box .gsc-above-wrapper-area{border-color: #D9D9D9;margin-bottom: 10px;} .search_content_box .gsc-result-info{padding: 8px 8px 0 0;font-size: 13px;color: #282727;} .search_content_box .gsc-results .gsc-cursor-box .gsc-cursor-page{margin-right: 12px;} .search_content_box .gsc-results .gsc-cursor-box .gsc-cursor-current-page{color: #df4400;} /*install*/ .install-title{background-image: url('/images/install/title_bg.jpg');background-repeat: no-repeat;background-position: center top;padding: 60px 0 38px;background-size: cover;} .install-title .title{font-size: 48px;line-height: 60px;color: #0099c5;text-align: center;margin-bottom: 25px;} .install-title .text{font-size: 20px;color: #000000;text-align: center;} .install-video{background-image: url('/images/install/video_bg.jpg');background-repeat: no-repeat;background-position: center top;padding: 65px 0 160px;background-size: cover;} .install-video .title{font-size: 36px;line-height: 48px;color: #ffffff;text-align: center;margin-bottom: 10px;font-weight: 500;} .install-video .text{font-size: 16px;line-height: 28px;color: #ffffff;text-align: center;width: 720px;margin: 0 auto 45px;} .install-video .imgbox{text-align: center;} .install-video .imgbox img{cursor: pointer;transition: opacity .2s;} .install-video .imgbox img:hover{opacity: .7;} .install-nav{background-color: #47BDD9;padding: 24px 0 17px;} .install-nav li{display: inline-block;margin-right: 15px;border-radius: 4px;} .install-nav li>a{display: block;padding: 13px 20px;font-size: 16px;color: #ffffff;line-height: 24px;text-decoration: none;font-weight: 500;} .install-nav li.active{background-color: #ffffff;} .install-nav li.active>a{color: #0187a7;} .install-nav li:hover{background-color: #ffffff;} .install-nav li:hover>a{color: #0187a7;} .install-content .tab-content{padding-bottom: 100px;} .install-content .tab-content .row{margin-top: 80px;} .install-content .tab-imgbox>img{margin-top: 15px;} .install-content .title{margin-bottom: 20px;} .install-content .title>a{font-size: 24px;color: #0b5caf;font-weight: lighter;text-decoration: underline;} .install-content .text{font-size: 16px;line-height: 26px;color: #3b3b3b;} .install-hot-tutorial h3{font-size: 28px;color: #000000;margin-bottom: 40px;} .install-hot-tutorial p>a{font-size: 14px;line-height: 28px;color: #35abdc;text-decoration: none;} .install-hot-tutorial p>a:hover{text-decoration: underline;} .install-content .tab-imgbox>img{max-width: 100%;} /*按钮系统切换 20211027*/ .sys-switch-btn-group{margin: 30px auto 0;width: 182px;height: 36px;border-radius: 18px;background-color: rgba(255,255,255,.3);display: flex;padding: 2px;} .sys-switch-btn-group>p{width: 50%;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: all .1s;} .sys-switch-btn-group .icon{background-image: url('/images/icon/sys-switch-button.png');background-repeat: no-repeat;width: 14px;margin-right: 8px;} .sys-switch-btn-group .icon.win{height: 15px;background-position: 0 0;} .sys-switch-btn-group .icon.mac{height: 18px;background-position: 0 -30px;} .sys-switch-btn-group>.sys-switch-btn.on .icon.win, .sys-switch-btn-group>.sys-switch-btn:hover .icon.win{background-position: 0 -15px;} .sys-switch-btn-group>.sys-switch-btn.on .icon.mac, .sys-switch-btn-group>.sys-switch-btn:hover .icon.mac{background-position: 0 -48px;} .sys-switch-btn-group span{font-size: 15px;color: #fefefe;font-weight: 500;transition: color .1s;} .sys-switch-btn-group>.sys-switch-btn.on, .sys-switch-btn-group>.sys-switch-btn:hover{background-color: #ffffff;border-radius: 18px;} .sys-switch-btn-group>.sys-switch-btn.on span, .sys-switch-btn-group>.sys-switch-btn:hover span{color: #0e0e0e;} /*photoins对比图icon样式 20220510*/ .division.division-1{position: absolute;left: 200px;bottom: 0;background-image: none;width: 2px;height: 100%;background-color: #ffffff;margin-left: 0;} .division.division-1>p{position: absolute;bottom: 100px;font-size: 14px;white-space: nowrap;height: 26px;line-height: 26px;padding: 0 15px;} .division.division-1>p:first-child{background-color: #ffffff;color: #000000;right: 1px;} .division.division-1>p:last-child{background-color: #000000;color: #ffffff;left: 1px;} .division.division-1>p:first-child>span{display: block;width: 20px;height: 20px;position: absolute;bottom: 100%;right: -10px;background-color: #E53736;} .division.division-1>p:first-child>span:before{content: '';width: 0;height: 0;border-left: 10px solid rgba(0,0,0,0);border-right: 10px solid rgba(0,0,0,0);border-bottom: 8px solid #E53736;position: absolute;bottom: 100%;} .division.division-1>p:first-child:before{content: '';width: 0px;height: 0px;border-top: 13px solid rgba(0,0,0,0);border-bottom: 13px solid rgba(0,0,0,0);border-right: 10px solid #ffffff;position: absolute;right: 100%;} .division.division-1>p:last-child:after{content: '';width: 0px;height: 0px;border-top: 13px solid rgba(0,0,0,0);border-bottom: 13px solid rgba(0,0,0,0);border-left: 10px solid #000000;position: absolute;left: 100%;} /*purchase-cover*/ #cover{width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 100;position: fixed;display: none;} #cover>div{width: 100%;height: 100%;display: flex;position: relative;justify-content: center;align-items: center;} #cover .container{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;} #cover .box{max-width: 90%;} #cover .innerbox{position: relative;text-align: center;max-width:100%;width:900px;} #cover .innerbox>div{padding: 30px 0;border: 1px solid #000000;background-color: #2A6ACB;display: flex;align-items: center;justify-content: center;flex-direction: column;} #cover .title{font-size: 36px;line-height: 1.25;font-weight: bold;color: #ffbb00;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;margin-bottom: 10px;} #cover .text{font-size: 16px;line-height: 30px;color: #ffffff;padding: 30px 60px 0;text-align: left;} #cover .text>a{color: #ffffff;} #cover .btn-cover{margin-top: 50px;cursor: pointer;transition:box-shadow .2s ease-in-out;font-size:30px;line-height:40px;color:#fff;font-weight:bold;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;border-radius:15px;border:2px solid #000;background-color:#FC6497;padding:5px 20px;} #cover .btn-cover:hover{box-shadow: 0.1em 0.2em 0.4em rgba(255,255,255,.6);} #cover .cover-close{position: absolute;right: -10px;top: -10px;width: 64px;height: 64px;border-radius: 50%;border: 1px solid #000000;background-color: #ffffff;display: flex;align-items: center;justify-content: center;cursor: pointer;} #cover .cover-close>img{transition: opacity .2s;} #cover .cover-close:hover>img{opacity: .8;} /*产品页面faq 20241029*/ .faq-propage{color: #000000;padding: 80px 0;} .faq-propage h2{font-size: 35px;color: #404040;text-align: center;margin-bottom: 50px;} .faq-propage .box{background-color: #ffffff;border: 1px solid #DFDFDF;border-radius: 12px;padding: 25px 35px;transition: all .4s;margin-bottom: 10px;cursor: pointer;} .faq-propage .box:hover{border-color: #B5D8F3;background-color: #F3FAFD;} .faq-propage .box p.title{font-size: 18px;font-weight: 500;display: flex;justify-content: space-between;align-items: center;margin-top: 0;margin-bottom: 0;padding: 5px 0;} .faq-propage .box p.title:after{content: '';width: 20px;height: 11px;background-image: url(/images/icon/faq-dropdown.png);background-repeat: no-repeat;background-position: 0 0;} .faq-propage .box.on p.title:after{transform: rotate(180deg);} .faq-propage .box:hover p.title:after{background-position: 0 -11px;} .faq-propage .box p:not(.title){font-size: 16px;line-height: 24px;color: #444444;margin-bottom: 0;padding-top: 10px;display: none;} .faq-propage .box:first-child p:not(.title){display: block;} .faq-propage .box.more{padding: 0;} .faq-propage .box.more a{font-size: 18px;color: #4186e1;text-decoration: none;font-weight: 500;display: block;padding: 15px 35px;} /*下载页面 20241217*/ #banner-dl{background-image: url(/images/download/241217/banner.jpg);background-size: 100% 100%;padding: 80px 0 60px;text-align: center;color: #ffffff;} #banner-dl h2{font-size: 36px;margin-bottom: 20px;} #banner-dl .content{display: flex;align-items: center;gap: 20px;justify-content: center;} #banner-dl .content>img{padding-top: 10px;} #banner-dl .content>div{padding-top: 15px;} #banner-dl .content>div>p{font-size: 16px;line-height: 21px;padding: 3px 15px;border-radius: 15px;background-color: rgba(255, 255, 255, .3);cursor: pointer;} #banner-dl .content>div>p:hover{background-color: #3BF3FF;color: #3247B0;} #banner-dl h1{font-size: 60px;margin: 0;} #banner-dl h1>a{color: #ffffff;} #banner-dl p.tip{font-size: 16px;margin-top: 40px;} #banner-dl h3{font-size: 20px;margin-top: 80px;} #banner-dl h3>a{color: #3bf3ff;text-decoration: underline;} #banner-dl h3+h3{margin-top: 20px;} #content-dl{margin-top: 80px;} #content-dl .content{display: flex;column-gap: 6%;row-gap: 30px;justify-content: center;align-items: stretch;margin: 0 -15px;} #content-dl .content .step{flex-basis: 47%;border: 1px solid rgb(214, 218, 221);border-radius: 12px;padding: 30px 0 0 30px;overflow: hidden;display: flex;flex-direction: column;row-gap: 50px;justify-content: space-between;} #content-dl .content .step .top .title>p{font-size: 30px;font-weight: 500;line-height: 35px;color: #008bb3;border-radius: 24px;padding: 5px 25px 8px;background-color: rgb(223, 240, 250);display: inline-block;} #content-dl .content .step .top h3{font-size: 30px;font-weight: bold;margin-top: 30px;margin-bottom: 20px;padding-right: 30px;} #content-dl .content .step .top p{font-size: 16px;color: #333333;padding-right: 30px;} #content-dl .content .step .bot img{max-width: 100%;} @media screen and (max-width: 767px){ #content-dl .content{flex-direction: column;} } /*stripe thankyou*/ #stripe-thank-you{padding: 100px 0 30px;} #stripe-thank-you .email{display: flex;align-items: flex-start;padding: 30px 45px;margin-top: 35px;background-color: #F5F9FF;border-radius: 6px;column-gap: 35px;row-gap: 20px;} #stripe-thank-you h3{margin-top: 50px;margin-bottom: 15px;} #stripe-thank-you p{font-size: 16px;line-height: 24px;color: #444444;} #stripe-thank-you a{color: #0f50bf;} /*产品页面文章轮播 20241029*/ .post-slide{padding: 60px 0 90px;background-color: #E9F7FE;} .post-slide .swiper-container{position: relative;} .post-slide .swiper-wrapper{align-items: stretch;} .post-slide .container>h2{text-align: center;font-size: 35px;color: #404040;margin-bottom: 45px;} .post-slide .swiper-slide{padding: 12px;height: auto;} .post-slide .swiper-slide>div{background-color: #ffffff;transition: all .2s;height: 100%;} .post-slide .swiper-slide:hover>div{transform: scale(1.02);} .post-slide .swiper-slide:hover a{text-decoration: none;} .post-slide .thumb_box{background-repeat: no-repeat;background-position: center;background-size: cover;height: 220px;max-width: 100%;display: block;} .post-slide .content_box{padding: 10px 15px 15px;} .post-slide .content_box>span{font-size: 12px;color: #888888;} .post-slide .content_box>h2{margin: 10px auto;font-size: 16px;line-height: 28px;color: #404040;text-align: left;} .post-slide .content_box>p{font-size: 14px;line-height: 21px;color: #404040;} .post-slide .swiper-button-next, .post-slide .swiper-button-prev{width: 50px;height: 50px;border-radius: 25px;background-color: #D1DEE4;transition: opacity .2s;} .post-slide .swiper-button-next{right: -60px;} .post-slide .swiper-button-prev{left: -60px;} .post-slide .swiper-button-next:after, .post-slide .swiper-button-prev:after{font-size: 20px;color: #ffffff;} .post-slide .swiper-button-next.swiper-button-disabled{opacity: .5;} @media screen and (max-width: 1439px){ .post-slide .container{padding: 0 50px;} .post-slide .swiper-button-next{right: 0px;width: 40px;height: 40px;} .post-slide .swiper-button-prev{left: 0px;width: 40px;height: 40px;} } @media screen and (max-width: 450px){ .banner_tutorial .col-md-3>p{text-align: center;} .banner_tutorial h2{margin-top: 30px;} .gallery{display: none;} .banner_tutorial_btn>a{margin-top: 10px;} .recommend-404{width: 100%;} .recommend-404 li{display: block;width: 90%;margin: 0 auto 30px;} .recommend-404 div.innerbox>p.button>a{display: block;margin: 0 auto;} .recommend-404 div.innerbox>p.button>a.btn_win{margin: 0 auto 10px;} .banner-store .box>p.button>a{display: block;margin-left: auto;margin-right: auto;} .banner-store .win{margin-bottom: 10px;} .content-store li{display: block;} .content-store li.li1{width: 100%;margin-right: 0;} .content-store li.li2{width: 100%;margin-right: 0;} .content-store li.li3{width: 100%;} .content-store li.li-left{width: 100%;margin-right: 0;text-align: center;} .content-store li.li-right{width: 100%;text-align: center;} .content-store .row p.title{margin-top: 15px;} .content-store .row p.price{text-align: center;} .content-store .row p.button{text-align: center;} .search_content_box{width: 100%;margin-right: 0;float: none;padding-left: 15px;padding-right: 15px;} .hot_content{width: 100%;float: none;margin-top: 50px;padding-left: 15px;padding-right: 15px;} .install-title .title{font-size: 40px;} .install-video .text{width: auto;} .install-content .title{margin-top: 20px;} } @media screen and (min-width: 451px) and (max-width: 767px){ .banner_tutorial .col-md-3>p{text-align: center;} .banner_tutorial h2{margin-top: 30px;} .gallery{display: none;} .banner_tutorial_btn>a{margin-top: 10px;} .recommend-404{width: 100%;} .recommend-404 li{display: block;width: 90%;margin: 0 auto 30px;} .banner-store .box>p.button>a{display: block;margin-left: auto;margin-right: auto;} .banner-store .win{margin-bottom: 10px;} .content-store li.li-left{width: 100%;margin-right: 0;} .content-store li.li-right{width: 100%;} .content-store li.li2{width: 54%;margin-right: 2%;} .content-store li.li3{width: 30%;} .content-store .row p.button>a.win{margin-right: 0;margin-bottom: 5px;} .content-store li.li1>img{width: 95%;} .search_content_box{width: 100%;margin-right: 0;float: none;padding-left: 15px;padding-right: 15px;} .hot_content{width: 100%;float: none;margin-top: 50px;padding-left: 15px;padding-right: 15px;} .install-title .title{font-size: 40px;} .install-video .text{width: auto;} .install-content .title{margin-top: 20px;} } @media screen and (min-width: 768px) and (max-width: 991px){ .banner_tutorial .col-md-3>p{text-align: center;} .banner_tutorial h2{margin-top: 30px;} .recommend-404{width: 100%;} .recommend-404 li{display: block;width: 750px;margin: 0 auto 30px;} .content-store li.li-left{width: 100%;margin-right: 0;} .content-store li.li-right{width: 100%;} .content-store li.li2{width: 52%;margin-right: 2%;} .content-store li.li3{width: 32%;} .content-store .row p.button{text-align: right;} .search_content_box{width: 100%;margin-right: 0;float: none;} .hot_content{width: 100%;float: none;margin-top: 50px;} .install-content .title{margin-top: 20px;} } @media screen and (min-width: 992px) and (max-width: 1199px){ .banner_tutorial .col-md-12{padding-left: 100px;} .table_spec{width: 700px;} .recommend-404{width: 100%;} .recommend-404 li{display: block;width: 750px;margin: 0 auto 30px;} .content-store li.li1{width: 12%;} .content-store li.li2{width: 55%;margin-right: 2%;} .content-store li.li3{width: 27%;} .content-store .row p.button>a.win{margin-right: 0;margin-bottom: 5px;} } @media screen and (min-width: 1200px) and (max-width: 1440px){ .banner_tutorial .col-md-12{padding-left: 100px;} .table_spec{width: 700px;} } @media screen and (min-width: 1441px){ .banner_tutorial .col-md-12{padding-left: 150px;} .table_spec{width: 700px;} } /*隐藏搜索框20210903*/ .search_box_toggle{display: none!important;}