@charset "utf-8";
/* CSS Document */
@import url("banner-ad.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@media (min-width: 1423px) {
    .container {
        max-width: 1360px;
    }
    .footer .container {
        max-width: 1140px;
    }
}
/*nav2022*/
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 16px;
    padding-right: 16px;
    color: #ffffff;
}
.navbar-expand-lg .dropdown-divider {
    margin: 0;
}
.navbar-expand-lg .dropdown-item {
    padding: 0.6875rem 1.5rem;
    color: #333333;
}
.navbar-expand-lg .dropdown-item:hover, .navbar-expand-lg .dropdown-item:focus {
    color: #0098ff;
    background-color: #f6f6f6;
}
@media (min-width: 992px) {
    .navbarMasterContent ul li:hover .dropdown-menu, .navbarMainContent ul li:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}
/*navbarMasterContent*/
.navbarMasterContent{
    padding-top: 0;
    padding-bottom: 0;
    background-color: #333333;
}
.navbarMasterContent .icon-iboysoft-logo1 {
    display: block; height: 32px; width: 118px; background: url(/images/iboysoft-logo-1.png) center no-repeat; background-size: auto 100%;
}
.navbarMasterContent .icon-iboysoft-logo1:before{
	content: "";
}
.navbarMasterContent .navbar-nav .nav-link:hover, .navbarMasterContent .navbar-nav .nav-link:focus {
    color: #00c0ff;
}
.navbarMasterContent .language2022 .dropdown-item {
    padding: 5px 12px;
}
.navbarMasterContent .language2022 .dropdown-menu {
    min-width: 6rem;
}
/*navbarMasterContent-end*/
/*languagemenu*/
.english-icon, .french-icon, .germany-icon, .spain-icon, .portugal-icon, .japan-icon, .turkey-icon, .spanish-icon {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin-right: 6px;
}
/* .english-icon {
    background: url("/images/icon.png") no-repeat scroll -334px -315px;
}
.french-icon {
    background: url("/images/icon.png") no-repeat scroll -334px -328px;
}
.germany-icon {
    background: url("/images/icon.png") no-repeat scroll -334px -341px;
}
.spain-icon {
    background: url("/images/icon.png") no-repeat scroll -334px -402px;
}
.portugal-icon {
    background: url("/images/icon.png") no-repeat scroll -334px -415px;
}
.japan-icon {
    background: url("/images/icon.png") no-repeat scroll -334px -428px;
} */
.english-icon {
    background: url("/images/flag/en.svg");
    background-color: #ffffff;
}
.french-icon {
    background: url("/images/flag/fr.svg");
}
.germany-icon {
    background: url("/images/flag/de.svg");
}
.spain-icon {
    background: url("/images/flag/es.svg");
}
.portugal-icon {
    background: url("/images/flag/pt.svg");
}
.japan-icon {
    background: url("/images/flag/jp.svg");
}
.turkey-icon {
    background: url("/images/flag/tr.svg");
}
.spanish-icon {
    background: url("/images/flag/es.svg");
}
/*languagemenu-end*/
/*MainContent*/
.navbarMainContent{
    padding-top: 1.75rem;
    padding-bottom: 0.8125rem;
    background-color: #ffffff;
}
.header-fix{
	min-height: 126px;
}
.header-fix .navbarMainContent{
	position: fixed; top: 0; width: 100%; z-index: 2; box-shadow: 0 0.125rem 0.75rem 0 #e5e5e5;
}
.navbarMainContent .navbar-nav {
    font-size: 18px;
    font-weight: bold;
}
.navbarMainContent .navbar-nav .nav-link {
    color: rgba(0,0,0,.7);
}
.navbarMainContent .navbar-nav .nav-link:hover, .navbarMainContent .navbar-nav .nav-link:focus {
    color: #0098ff;
}
@media (max-width: 767px) {
	.header-fix{
		min-height: 98px;
	}
    .navbarMainContent{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}
/*MainContent-end*/
/*nav2022-end*/
body{
    scroll-behavior:smooth;
}
.articleTitle-h {
    margin-bottom: 26px;
    font-size: 56px;
    font-weight: bold;
    line-height: 1.2;
}
.article-lang{
	font-size: 0.875rem; margin: 60px auto 0; line-height: 1;
}
.article-lang a{
	text-decoration: underline; display: inline-block; margin-top: 10px;
}
.article-lang span{
	vertical-align: middle;
}
.article-lang em{
	font-style: normal; opacity: .8; vertical-align: middle; line-height: 1.2; margin-left: 2px; margin-right: 24px;
}
.article-lang .current em{
	opacity: 1; font-weight: 600;
}
h2 {
    padding-left: 12px;
    margin: 50px 0 30px;
    border-left: 5px #3599ff solid;
    font-size: 35px;
    font-weight: 600;
    color: #26262b;
}
h3 {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    color: #4c4c4c;
    font-weight: bold;
}
p, .main li {
    font-size: 1.1875rem;
}
p {
    margin-bottom: 40px;
    color: #26262b;
    line-height: 32px;
}
p i {
    font-size: 16px;
    font-style: oblique;
    color: #4c4c4c;
}
.bold, b {
    font-weight: bold;
    color: #575757;
}
ul, ol {
    padding-left: 0;
}
ol, ul, li {
    list-style: none;
}
.c-footer {
    color: rgba(255, 255, 255, .5);
}
@media (max-width: 1199px) {
    .articleTitle-h {
        font-size: 50px;
    }
}
@media (max-width: 991px) {
    .articleTitle-h {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    body{
        background-color: #ffffff;
    }
    .articleTitle-h {
        font-size: 24px;
    }
}
/*articleTitle*/
.articleTitle {
    padding-top: 40px;
    padding-bottom: 30px;
    color: #ffffff;
    background: #596893;
    background: -webkit-linear-gradient(#596893, #ea729f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#596893, #ea729f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#596893, #ea729f); /* Firefox 3.6 - 15 */
    background: linear-gradient(#596893, #ea729f); /* 标准的语法 */
}
@media (min-width: 1423px) {
    .articleTitle .container {
        max-width: 1200px;
    }
}
.articleTitle .items{
    position: relative;
    margin-top: 30px;
}
.articleTitle .items p{
    margin-bottom: 0;
}
.articleTitle .portrait{
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
}
.articleTitle .portrait img{
    width: 100%;
    border-radius: 50%;
}
.articleTitle .text{
    padding-left: 65px;
}
.articleTitle .text p{
    font-size: 16px;
    line-height: 22px;
    color: rgba(255,255,255,.4);
}
.articleTitle .text a{
    font-size: 20px;
    font-weight: bold;
}
.articleTitle .img-facebook, .articleTitle .img-twitter, .articleTitle .img-linkedin {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-bottom: -2px;
    background: url("/images/icon.png") no-repeat;
}
.articleTitle .text .img-facebook {
    background-position: -334px -354px;
}
.articleTitle .text .img-twitter {
    background-position: -334px -370px;
}
.articleTitle .text .img-linkedin{
    background-position: -334px -386px;
}
.articleTitle p, .articleTitle a{
    color: #ffffff;
}
@media (max-width: 991px) {
    .articleTitle .items {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .articleTitle .text a{
        font-size: 18px;
    }
}
/*articleTitle-end*/
/*btn-first btn-second*/
.btn-first, .btn-second {
    width: 15rem;
    /*height: 3.75rem;*/
    margin: 1.875rem 0 0.75rem;
    border-radius: 0.375rem;
    background: #1bd76a;
}
.btn-second {
    background: #ffae00;
}
.btn-first a, .btn-second a {
    display: block;
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 3.75rem;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.btn-first a:hover, .btn-second a:hover {
    text-decoration: none;
    border-radius: 0.375rem;
}
.btn-first a:hover {
    background: #26b964;
}
.btn-second a:hover {
    background: #ff9600;
}
.btn-first .icon-mac, .btn-first .icon-win, .btn-second .icon-buy{
    margin-right: 0.625rem;
    font-size: 29px;
    vertical-align: text-bottom;
}
.btn-first .icon-win{
    font-size: 24px;
}
.btn-second .icon-buy{
    font-size: 25px;
}
.btn-long-text a{
	font-size: 1.1rem;
}
.btn-long-text .icon-mac, .btn-long-text .icon-win, .btn-long-text .icon-buy{
	margin-right: .25rem
}
/*btn-first btn-second-end*/
/*main*/
.main {
    padding-top: 20px;
    margin-bottom: 52px;
    position:relative;
}
@media (min-width: 1423px) {
    .main .container{
        max-width: 1200px;
    }
}
@media (min-width: 1200px) {
    .content{
        width: 880px;
    }
}
.main .content {
    position: relative;
    padding: 32px 40px;
    margin-bottom: 26px;
    border-radius: 12px;
    background-color: #ffffff;
    margin: 0 auto;
}
.main .content img {
    max-width: 80%;
    height: auto;
    margin-bottom: 18px;
    /*aspect-ratio: 16/9;*/
}
@media (max-width: 767px) {
    .main .content {
        padding: 0;
    }
}
.main .content h1{
    padding-left: 12px;
    margin-bottom: 20px;
    font-size: 38px;
    font-weight: 600;
    border-left: 5px #3599ff solid;
    color: #26262b;
    line-height: 1.5;
}
/*summary*/
.summary{
    padding-top: 14px;
    padding-bottom: 14px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
    border-radius: 6px;
    font-style: oblique;
    border: 1px #999999 dashed;
    border-top: 3px #596893 solid;
}
.summary .text{
    width: 548px;
    padding-right: 0;
}
.summary .img-box{
    width: 250px;
    height: 147px;
}
.summary .img-box img{
    max-width: 100%;
    height: 147px;
}
.summary .btn-first, .summary .btn-second{
    margin-top: 0;
    font-style: normal;
}
@media (max-width: 1199px) {
    .summary .text{
        width: 598px;
    }
}
@media (max-width: 991px) {
    .summary .img-box{
        margin-bottom: 16px;
    }
    /*.btn-first, .btn-second{
        display: none;
    }*/
}
/*summary-end*/
/*contentTable*/
.content ul {
    padding: 20px 20px 2px;
    border-radius: 8px;
    background-color: #f8fbff;
}
.content ul li {
    margin-bottom: 18px;
}
/*contentTable-end*/
/*圆点无序列表,数字有序列表*/
.list-lines-disc ul, .list-lines-decimal ol{
    padding-left: 36px;
    padding-top: 0;
    background-color: #ffffff;
}
.list-lines-disc ul li, .list-lines-decimal ol li {
    margin-bottom: 20px;
}
.list-lines-disc ul li img, .list-lines-decimal ol li img{
    margin-bottom: 20px;
}
.list-lines-disc ul li {
    list-style-type: disc;
}
.list-lines-decimal ol li {
    list-style-type: decimal;
}
/*圆点无序列表,数字有序列表-end*/
/*inner-link*/
.inner-link {
    position: relative;
    padding: 20px 10px 10px 154px;
    margin: 30px 0;
    border-radius: 8px;
    background-color: #f2f8ff;
}
.inner-link .pic{
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 15px;
    width: 122px;
    height: 76%;
}
.inner-link .pic img{
    max-width: 100%;
    border-radius: 4px;
}
.inner-link p{
    margin-bottom: 10px;
    font-size: 17px;
    color: #666;
    line-height: 24px;
}
.inner-link .title p{
    font-size: 1.25rem;
    font-weight: bold;
    color: #4c4c4c;
}
.inner-link .title p a{text-decoration: none; /*color: inherit;*/}
@media (max-width: 767px) {
    .inner-link {
        padding-left: 15px;
    }
    .inner-link .pic{
        position: static;}
}
/*inner-link-end*/
.serNum{
    padding: 0 6px 1px;
    margin-right: 5px;
    border-radius: .375rem;
    color: #ffffff;
    background-color: #178aff;
}
/*pre*/
.pre{
    display: block;
    padding: 16px;
    margin: 20px 0;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    background: #f7f7f7;
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.pre span{
    margin-bottom: 0;
    font-size: 14px;
    color: #212529;
}
@media(max-width: 575px){
    .pre{
        padding: 6px;
        font-size: 68.7%;
    }
}
.badge{
    padding: 0 4px 2px;
    font-size: 92%;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.1;
    border-radius: .25rem;
    background: #333333;
}
/*pre-end*/
/*note*/
.note, .tips, .warning{
    width: 100%;
    padding: 10px 20px;
    margin: 30px 0;
    border-radius: 8px;
    border: 1px #4298ff dashed;
    background-color: #f0f6ff;
}
.tips{
    border-color: #9191ff;
    background-color: #ebebff;
}
.warning{
    border-color: #ff7100;
    background-color: #ffdbbf;
}
.note .icon-note, .tips .icon-bulb1, .warning .icon-warn{
    margin-right: 7px;
    color: #18a2ff;
    font-size: 1.375rem;
}
.tips .icon-bulb1{
    margin-right: 4px;
    color: #5656ff;
    font-size: 26px;
}
.warning .icon-warn{
    margin-right: 5px;
    color: #ff7100;
    font-size: 1.1875rem;
}
.note p, .tips p, .warning p{
    margin-bottom: 0;
}
/*note-end*/
/*blockquote*/
.main blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    font-style: italic;
    border-left: 5px solid #ccc;
}
.main blockquote p{
    margin-bottom: 8px;
}
/*blockquote-end*/
/*faq*/
.faq h2{
    border-left: none;
    text-align: center;
}
.faq .card {
    margin-bottom: 1rem;
    border: none;
    border-bottom: 0.0625rem #cccccc solid;
    border-radius: 0;
    background-color: transparent;
}
.faq .card .card-header {
    padding: 0;
    border-bottom: none;
    background-color: transparent;
}
.faq .card .card-header a:hover {
    text-decoration: none;
}
.faq .card .card-header .faq-titles {
    display: block;
    padding: 0;
    margin-bottom: 1.125rem;
    font-size: 1.25rem;
    font-weight: bold;
    color: #333333;
    outline: none;
}
.faq .card .card-header .faq-titles::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "-";
}
.faq .card .card-header .faq-titles[aria-expanded="true"]::after {
    content: "|";
}
.faq .card .card-body {
    position: relative;
    padding: 0 0 0 2.1875rem;
}
.faq .card .card-body ul li {
    margin-bottom: 0.375rem;
}
.faq .q, .faq .a {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.625rem;
    border-radius: 0.25rem;
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5rem;
    text-indent: 0;
    background-color: #168eff;
}
.faq .a {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #0ed160;
}
/*faq-end*/
/*productRecommend*/
.productRecommend {
    position: relative;
    padding: 25px 30px;
    margin: 20px 0;
    border-radius: 10px;
    border-top: 5px #3599ff solid;
    background: #f8fbff;
}
.productRecommend h3 {
    margin-top: 0;
    margin-bottom: 16px;
}
.productRecommend ul {
    padding: 0 0 0 18px;
    margin-bottom: 36px;
    background: transparent;
}
.productRecommend ul li {
    margin-bottom: 10px;
    list-style-type: disc;
    font-size: 1rem;
    color: #4c4c4c;
}
.productRecommend .btn-first {
    margin-top: 0;
}

.productRecommend .safety p {
    margin-bottom: 0;
    font-size: 16px;
    color: #666666;
}
.productRecommend .safety .icon-safety {
    margin-right: 2px;
    color: #168eff;
}
.productRecommend .illustration-DataRecoveryMac, .productRecommend .illustration-DataRecoveryWin, .productRecommend .illustration-ntfs, .productRecommend .illustration-DiskGeeker {
    display: block;
    width: 8.3125rem;
    height: 11.875rem;
    margin: 0 auto 1.875rem;
    background: url("/images/icon-4.png") no-repeat;
}
.productRecommend .illustration-DataRecoveryMac {
    background-position: -8.3125rem -43.375rem;
}
.productRecommend .illustration-DataRecoveryWin {
    background-position: 0 -55.25rem;
}
.productRecommend .illustration-ntfs {
    background-position: 0 -43.375rem;
}
.productRecommend .illustration-DiskGeeker{
    background-position: -8.3125rem -55.25rem;
}
@media (max-width: 991px) {
    .productRecommend {padding: 20px 15px;}
    .productRecommend h3 {
        font-size: 1.125rem;
        line-height: 24px;
    }
}
/*productRecommend-end*/
/*videoIframe*/
.videoIframe{
    position: relative;
    height: 360px;
    margin-bottom: 30px;
    border-radius: 0.75rem;
    background: #000000;
    overflow: hidden;
}
.videoIframe iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.videoIframe p{
    height: 100%;
}
.videoIframe .youtube-href{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.videoIframe .icon-video {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin-left: -23px;
    margin-top: -23px;
    font-size: 46px;
    color: rgba(255,255,255,.6);
}
.videoIframe .youtube-href img{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -240px;
    max-width: 100%;
    margin-bottom: 0;
    opacity: .6;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.videoIframe .youtube-href:hover img {
    opacity: .8;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
@media (max-width: 767px) {
    .videoIframe{
        height: 267px;
    }
    .videoIframe .youtube-href img{
        position: static;
        max-width: 100%;
        margin-left: 0;
    }
}
/*videoIframe-end*/
/*tag*/
.tag{
    display: inline-block;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 600;
    color: #666666;
    background-color: #f2f2f2;
}
/*tag-end*/
/*prosList*/
.prosList{
    margin-top: 8px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #f8f8f8;
}
.prosList ul{
    padding-left: 20px;
    background-color: transparent;
}
@media (max-width: 767px) {
    .prosList ul{
        padding-left: 14px;
    }
}
.prosList ul li{
    padding-left: 26px;
    margin-bottom: 16px;
    font-size: 18px;
}
.prosList ul li:first-child{
    font-weight: bold;
}

.prosList .prosListPros ul li{
    background: url("/images/mark-icon/smile.png") no-repeat 0 5px;
}
.prosList .prosListPros ul li:first-child{
    background-image: none;
}

.prosList .prosListCons ul li{
    background: url("/images/mark-icon/cry.png") no-repeat 0 5px;
}
.prosList .prosListCons ul li:first-child{
    background-image: none;
}
/*listParallel-end*/
/*main-end*/
/*sidebar*/
.sidebar{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 100px;
}
.sidebar .sideClosed{
    display: none;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    border-radius: 8px;
    background-color: #dee1e9;
    cursor: pointer;
}
.sidebar .sideClosed .icon-menu{
    font-size: 1.375rem;
    color: #333333;
}
.sidebar .sideOpen{
    width: 260px;
    padding-bottom: 20px;
    border-radius: 12px;
    background-color: #f6f8ff;
}
.sidebar .sideOpen .title{
    position: relative;
    width: 100%;
    padding: 10px 11px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-size: 1.125rem;
    font-weight: bold;
    background-color: #dee1e9;
}
.sidebar .sideOpen .title .icon-arrows-left{
    position: absolute;
    right: 12px;
    top: 16px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
}
.sidebar .sideOpen ul{
    margin-left: 16px;
    border-left: 1px #b3b3b3 dashed;
}
.sidebar .sideOpen ul li{
    position: relative;
    padding: 0 12px;
    margin-bottom: 20px;
    font-size: .9375rem;
}
.sidebar .sideOpen ul li a{color: #4c4c4c;}
.sidebar .sideOpen ul li a:hover{color: #0075ef;}
.sidebar .sideOpen ul li .dot {
    display: inline-block;
    position: absolute;
    top: 9px;
    left: -4px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    vertical-align:middle;
    background-color: #596893;
}
@media (max-width: 1449px) {
    .sidebar .sideOpen{
        width: 215px;
    }
}
@media (max-width: 1369px) {
    .sidebar{display: none;}
}
@media (max-width: 1679px) {
    #faq{max-width: 880px;}
    .faq{max-width: 880px; margin: auto;}
    .question-hot2{max-width: 1000px;}
    .question-hot2 .question-hot-items{padding: 1px 20px 10px;}
}
/*sidebar-end*/
/*articleAuthor*/
@media (min-width: 1200px) {
    .articleAuthor{
        width: 910px;
    }
}
.articleAuthor .items{
    position: relative;
    height: 100%;
    padding: 20px 15px 1px;
    border-radius: 0.5rem;
    background-color: #ffffff;
}
.articleAuthor .head-portrait{
    position: absolute;
    left: 15px;
    top: 20px;
    width: 50px;
    padding-right: 0;
}
.articleAuthor .head-portrait img{
    max-width: 100%;
    border-radius: 50%;
}
.articleAuthor .text{
    padding-left: 65px;
}
.articleAuthor .text .name{
    font-size: 20px;
    font-weight: bold;
    color: #4c4c4c;
    text-decoration: underline;
}
.articleAuthor .text .icon-facebook, .articleAuthor .text .icon-twitter, .articleAuthor .text .icon-linkedin{
    margin: 0 4px;
    color: #385999;
}
.articleAuthor .text .icon-twitter {
    color: #1da1f3;
}
.articleAuthor .text .icon-linkedin{
    color: #0073b2;
}
.articleAuthor .text p{
    margin-top: 1rem;
    font-size: 18px;
    line-height: 26px;
}
@media (max-width: 991px) {
    .articleAuthor .text{
        width: 84%;
    }
}
@media (max-width: 767px) {
    .articleAuthor .items{
        background-color: #f8f8f8;
    }
    .articleAuthor .text{
        width: 100%;
    }
}
/*articleAuthor-end*/
/* footer */
.footer {
    padding: 60px 0;
    background: linear-gradient(180deg,#424242,#1a1a1a);
    background-color:#333;
}
.footer dt {
    margin-bottom: 28px;
    font-size: 24px;
    color: #fff;
    line-height: 28px;
    word-break: keep-all;
}
.footer dd {
    margin-bottom: 0;
}
.footer dd a, .footer dd {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-top: 8px;
}
.footer .friend-link a {
    display: inline-block;
    margin: 0 15px;
}
.footer .friend-link .icon-facebook, .footer .friend-link .icon-twitter, .footer .friend-link .icon-youtube {
    font-size: 34px
}
.footer .footer-right{
	padding-left:60px
}
.footer .footer-right p{
	color:#fff; opacity:.8; line-height:22px; margin-top:1.4rem; font-size:1rem;
}
.footer .footer-right p sup{
	top: 0;
}
.footer .line {
    height: 1px;
    margin: 8px 0;
    background: rgba(255, 255, 255, .2);
}
.footer .icon-iboysoft-logo1 {
    display: inline-block; vertical-align:middle; margin-bottom: 14px;
    height: 48px; width: 176px; background: url(/images/iboysoft-logo-1.png) center no-repeat; background-size: auto 100%;
}
.footer .icon-iboysoft-logo1:before{
	content: "";
}
.footer .friend-link{
	display:inline-block; vertical-align:middle; margin-bottom:12px; margin-left:25px;
}
.footer .friend-link .link-fb{
	color:#5c86d6; font-size:14px;
}
.footer .friend-link .link-tw{
	color:#1da1f3; font-size:12px;
}
.footer .friend-link .link-ytb{
	color:#fe0000; font-size:12px;
}
.dmca-badge img{
	margin-top: 35px;
}
@media (max-width: 1422px) {
    .footer .icon-iboysoft-logo1 {
        height: 40px; width: 148px;
    }
}
@media (max-width: 1199px) {
    .footer .icon-iboysoft-logo1 {
        height: 36px; width: 134px;
    }
}
.footer .icon-twitter, .footer .icon-youtube, .footer .icon-facebook {
    color: #385999;
}
.footer .container {
    position: relative;
}
.footer-language {
    position: absolute;
    right: 15px;
    bottom: 60px;
}
.footer-language a, .footer-language .la-en, .footer-language .la-fr {
    display: inline-block;
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.footer-language a:hover {
    text-decoration: none;
}
.footer-language .english-icon, .footer-language .french-icon {
    position: static;
    display: inline-block;
    width: 20px;
    height: 13px;
    margin-right: 5px;
}
.footer-language .english-icon {
    background: url("/images/icon.png") no-repeat scroll -334px -315px;
}
.footer-language .french-icon {
    background: url("/images/icon.png") no-repeat scroll -334px -328px;
}
@media (max-width: 767px) {
	.footer .footer-right{
		padding-left:15px;
	}
    /*.footer .friend-link {
        text-align: left;
    }
    .footer .friend-link a {
        display: inline-block;
        margin: 0;
    }
    .footer .friend-link .icon-facebook, .footer .friend-link .icon-twitter, .footer .friend-link .icon-youtube {
        font-size: 30px
    }*/
   .footer .ml-4{
   	margin-left:0!important;
   }
    .footer-language {
        position: absolute;
        right: 15px;
        bottom: 64px;
    }
    .footer-language a, .footer-language .la-en, .footer-language .la-fr {
        margin-left: 6px;
        font-size: 14px;
    }
}
@media (max-width: 320px) {
    .footer-language {
        position: absolute;
        bottom: 86px;
    }
}
/* footer-end */
/*footer-new*/
.b-000{
	background-color: #000; 
}
.footer-links dd{
	margin-top: auto; margin-left: 90px;
}
.footer-bottom{
	margin-top: 48px; padding-top: 40px; border-top: 1px solid #616161;
}
.footer-bottom p{
	color: #fff; opacity: .8; font-size: 16px; line-height: 1.8;
}
@media (max-width: 991px){
	.footer-links dd{
		margin-left: auto;
	}
}
@media (max-width: 576px){
	.footer-links dt{
		width: 100%;
	}
	.footer-links dd{
		margin-top: 6px; width: 50%;
	}
}
/*footer-new*/
/*back-top*/
#back-top {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 20px;
    z-index: 10;
    width: 34px;
    height: 30px;
    cursor: pointer;
}
#back-top .icon-top {
    display: inline-block;
    width: 34px;
    height: 30px;
    background: url("/images/icon.png") no-repeat scroll -92px -34px;
}
/*back-top-end*/
/*user_popup*/
.user_popup {
    position: fixed;
    width: 100%;
    text-align: center;
    padding: 4px;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -webkit-opacity: 0.9;
    opacity: 0.9;
    color: #fff;
    font-size: 16px;
    z-index: 999;
}
.user_popup a {
    color: #fff;
    text-decoration: underline;
}
.user_popup .user_button {
    display: inline-block;
    width: 90px;
    margin-left: 24px;
    border-radius: 4px;
    color: #ffffff;
    line-height: 24px;
    cursor: pointer;
    background: #0098ff;
}
/*user_popup-end*/
/*others*/
.sharethis-inline-share-buttons{
	height: 40px;
}
@media (max-width: 767px) {
	.sm-hide{
		display:none;
	}
}

/*others-end*/
/*aside link*/
.aside-links{
	width: 248px; padding: 19px 0; background-color: #fff; border-radius: 0 10px 10px 0; position: absolute; left: 0; top: 0; z-index: 1; transition: left .39s ease-in-out; margin-top: 20px;
}
.aside-links-fix{
	position: fixed; top: 80px;
}
.aside-links-hide{
	left: -248px;
}
.aside-arrow{
	position:absolute; top: -8px; right: -18px; width: 38px; height: 38px; background: url(/images/resource/arrows-circle.svg) center no-repeat; background-size: cover; cursor: pointer; transition: transform .2s .39s ease-in-out, right .2s ease-in-out;
}
.aside-links-hide .aside-arrow{
	transform: rotateY(180deg); right: -30px;
}
.aside-links ul{
	margin-bottom: 0;
}
.aside-links li{
	padding: 6px 19px; margin: 4px 0;
}
.aside-current{
	background-color: #ced6ea;
}
.aside-links a{
	font-size: 14px; color: #4c4c4c; position: relative; padding-left: 13px; display:block; line-height: 1.1;
}
.aside-links a:before{
	content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #4c4c4c; left: 0; top: 5px;
}
@media (max-width: 1440px){
	.aside-links{
		width: 220px;
	}
	.aside-links-hide{
		left: -220px;
	}
}
@media (max-width: 1359px){
	.aside-links{
		display:none;
	}
}
/*aside link end*/

/*btn-rating*/
.btn-rating{
	width: 429px; height: 80px; display: block; border-radius: 6px; background-color: #0ec75c; color: #fff; overflow: hidden; margin-bottom: 20px; margin-top: 20px; text-align: center;
}
.btn-rating p{margin-bottom: 0; font-size: 16px; line-height: 1;}
.btn-rating .btn-rating-left{
	width: 299px; padding-top: 13px; float: left;
}
.btn-rating .btn-rating-left p{
	color: #fff; margin-bottom: 8px;
}
.btn-rating .btn-rating-left strong{
	font-size: 30px; font-weight: 600;
}
.btn-rating .btn-rating-left .icon-down{
	font-size: 30px; margin-right: 10px;
}
.btn-rating .btn-rating-right{
	width: 130px; height: 100%; background-color: #1d4365; padding-top: 10px; float: right;
}
.btn-rating .btn-rating-right p{
	color: #ffc501; margin: 10px auto;
}
.btn-rating-right .icon-star{font-size: 14px;}

@media (max-width: 547px){
	.btn-rating{width: 315px;}
	.btn-rating p{font-size: 14px;}
	.btn-rating .btn-rating-left{width: 210px; padding-top: 18px;}
	.btn-rating .btn-rating-left .icon-down{font-size: 20px; margin-right: 10px;}
	.btn-rating .btn-rating-left strong{font-size: 20px;}
	.btn-rating .btn-rating-right{width: 100px;}
	.btn-rating-right .icon-star{font-size: 12px;}
}
/*btn-rating-end*/
/*download-block*/
.download-block{
	background-color: #002b58; border-radius: 18px; position: relative; display: flex; align-items: center; height: 120px; max-width: 800px; margin: 50px auto 40px;
}
.download-block>div{display: inline-block; vertical-align: middle;}
.download-block-figure{
	position: absolute; left: 39px; top: -26px; width: 141px; height: 169px; background: url(/images/article/engineer.png) center no-repeat; background-size: contain;
	}
.download-block-text{
	margin-left: 203px; width: 360px;
}
.download-block-text p{
	font-size: 14px; margin: auto; color: #fff;
}
.download-block-text p b{
	font-size: 24px; font-weight: bold; color: inherit;
}
.download-block-btn{
	margin-left: 10px;
}
.download-block-btn a{
	display: block; font-size: 16px; font-weight: bold; color: #fff; line-height: 50px; border-radius: 10px; padding: 0 16px 0 21px; background: linear-gradient(#9be752,#2faa43); background-color: #2faa43; text-decoration: none;
}
.download-block-btn a:hover{
	background: linear-gradient(#2faa43,#9be752); 
}
.download-block-btn a .icon-down{
	font-size: 22px; margin-right: 12px; vertical-align: middle;
}
@media (max-width: 991px){
	.download-block-figure{left: 8px; width: 111px;}	
	.download-block-text{margin-left: 130px; width: auto;}
	.download-block-text p b{font-size: 20px;}
}
@media (max-width: 767px){
	.download-block{display: none}
}
/*download-block-end*/

/*question temp*/
.question-body{
	background-color: #f7f9fa;
	font-family: 'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.question-header .container{
	max-width: 1140px;
}
.question-header .navbarMainContent{
	padding-bottom: 1rem;
}
.questionTitle{
	background-color: #0084ff; padding: 80px 0 60px;
}
.questionTitle .container{
	max-width: 1130px;
}
.questionTitle h1{
	font-size:3.75rem; font-weight: 600; color:#fff; max-width: 1020px; line-height: 1.2; margin: 50px 0;
}
.questionTitle p{
	color:#fff; max-width: 890px;
}
.questionTitle a{
	color:#fff;
}
.questionTitle .crumbs{
	font-size:1rem;
}
.question-main{
	margin-top: 65px; padding-bottom: 158px;
}
.question-main .container{
	max-width: 910px;
}
.question-main .by{
	color: #383838; font-weight:500; font-size: 1.75rem; border: none; margin: 0; padding: 0;
}
.question-main p{
	color: #424242; margin-bottom: 1.75rem
}
.question-author {
	margin: 3rem 0 2rem;
}
.question-author img{
	border-radius: 50%; vertical-align:middle;
}
.question-author .question-author-text{
	display:inline-block; vertical-align:middle; margin-left:20px;
}
.question-author .question-author-name{
	color:#007bff; font-size:1.5rem; font-weight: 600; line-height: 1; margin-bottom: 1.2rem;
}
.question-author .question-author-time{
	font-size: 1rem; line-height: 1; margin: 0;
}
.question-main .productRecommend{
	border-top-color: #d6deea; box-shadow: 0 10px 30px #d6dbe1; margin: 110px 0 0; padding: 35px 40px 25px;
}
.question-main .productRecommend h3{
	font-size: 1.875rem; font-weight: 600;
}
.question-main .productRecommend ul{
	padding-left: 28px;
}
.question-main .productRecommend ul li{
	font-size: 1.125rem;
}
.question-body .question-ask{
	padding-top: 100px; padding-bottom: 140px; margin: 0; background: url(/images/bg/b-14.svg) bottom center no-repeat #fff; background-size: 100% auto;
}
.question-ask{
	padding-top: 90px; padding-bottom: 100px; margin-top: 90px; background: #fff; font-family: 'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
h2.question-title{
	color:#333; font-size: 2.375rem; font-weight:500; margin: 0 auto 50px; border: none; padding: 0;
}
.question-ask-items{
	padding: 50px 40px 30px; margin-bottom: 30px; border-radius: 15px; background-color: #fff; box-shadow: 0 8px 20px #e5e5e5; transition: .2s ease;
}
.question-ask-items:hover{
	box-shadow: 0 12px 40px #e5e5e5;
}
.question-ask-items a{
	color:inherit; text-decoration:none;
}
.question-ask-title{
	font-size: 1.75rem; font-weight: 500; line-height: 1.4; color: #333; min-height: 79px; margin: 0 auto 1.375rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.question-ask-text{
	color:#4c4c4c; line-height: 1.8; min-height: 137px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.question-ask-info{
	color:#4b5466; font-size: 1.125rem; margin-top: 40px; display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:space-between;
}
.question-ask-info img{
	border-radius: 50%; margin-right: 9px;
}
.question-ask-more{
	margin-top: 30px;
}
.question-ask-more a{
	font-size:1.125rem; font-weight: 500; color: #383838; text-decoration: underline;
}
.question-hot{
	padding: 30px 0 130px;
}
.question-hot-box{
	border-radius: 10px; overflow:hidden; box-shadow: 0 6px 16px #e5e5e5;
}
.question-hot figure{margin:auto; width:100%; height:170px; overflow:hidden; text-align:center;}
.question-hot figure img{object-fit: cover; width:100%; height:170px; border-radius: 4px 4px 0 0;}
.question-hot-items{
    padding: 20px 30px 10px; border-radius: 0 0 4px 4px; background-color: #fff;
}
.question-hot-titles{
    line-height: 1.5; font-size: 1.5rem; font-weight: 600; color: #333; min-height:72px; margin: 1.375rem auto 1.125rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.question-hot-titles a{
	font:inherit; color:inherit; text-decoration:none;
}
.question-hot-texts{
	margin-bottom: 2.75rem; font-size: 1rem; line-height: 1.625; min-height:76px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.question-hot-info{
    line-height: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;
}
.question-hot-info time{ font-size:.875rem; color:#999;}
.question-hot-info a{text-decoration:underline; font-size: 1rem;}

.question-content{
	background-color: #f4f4f4
}
.question-content .questionTitle{
	padding-bottom: 80px;
}
.question-content .questionTitle h1{
	font-size: 3rem; font-weight: 700; max-width: none; margin: 0 auto 20px;
}
.question-content .questionTitle p{
	font-size: 1.5rem; max-width: none;
}
.question-content .question-ask{
	margin: 0; padding-bottom: 30px; background: none;
}
.question-content h2.question-title{
	font-weight: 600;
}
.question-content .question-ask-title{
	font-weight: 600;
}
.question-content .question-ask-text{
	color: #141d2b;
}
.question-content .question-paging{
	margin-bottom: 140px;
}
.question-content .question-paging span{
	display: inline-block; vertical-align: middle; line-height: 38px; min-width: 38px; background-color:#fff; border: 1px solid #c2c2c2; border-radius: 5px; margin: 3px; cursor:pointer; font-size: 18px; color: #4c4c4c;
}
.question-content .question-paging .paging-current{
	color:#fff; background: #0084ff; border-color: #0084ff;
}
.question-content .question-paging .paging-onblur{
	opacity: .6; cursor: no-drop;
}
.question-content .question-paging .paging-prev,.question-content .question-paging .paging-next{
	margin: 3px 17px;
}
.question-content .question-paging .icon-arrows-left:before,.question-content .question-paging .icon-arrows-right:before{
	font-size: 14px;
}
.question-content .question-paging .paging-ellipsis{
	font-size: 20px; font-weight: 600; margin: 3px 17px;
}
@media (max-width: 1199px) {
	.questionTitle h1{font-size: 3rem;}
	.question-ask-items{padding: 30px 20px;}
	.question-hot figure,.question-hot figure img{height:193px;}
    .question-hot-items{padding:1.75rem .875rem .625rem;}
}
@media (max-width: 991px) {
	.question-hot figure,.question-hot figure img{height:auto;}
}
@media (max-width: 979px) {
	.question-recommend{display: none;}
	.question-ask{margin-top: 0;}
}
@media (max-width: 767px) {
	.questionTitle h1,p.question-title{font-size: 2rem;}
	.question-author img{width: 60px; height:auto;}
	.question-author .question-author-text{margin-left: 10px;}
	.question-author .question-author-name{font-size: 1.05rem; margin-bottom:1rem;}
	.question-author .question-author-time{font-size: .85rem;}
	.question-ask-title{font-size: 1.35rem; min-height: 61px;}
	.question-ask-info{font-size: 1rem;}
	.question-hot figure{height:auto;}
}
/*question temp end*/

/*recommend-pop*/
.recommend-pop-bg,.recommend-pop-bg1{
	position: fixed; z-index: 11; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.5); 
	display: none;
}
.recommend-pop-main .recommend-pop-close{
	font-size: 40px; color: #b6c0ff; opacity: .6; position: absolute; right: -50px; top: -40px; cursor: pointer;
}
.recommend-pop-main{
	position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 1000px; min-height: 566px; margin: auto; background: url(/images/illustration/unregistered-bg.jpg); background-color: #f0f7fc; cursor: default; font-size: 18px; color: #000; padding-top: 1px; border-radius: 10px; font-family: 'Poppins', sans-serif; 
}
.recommend-pop-main .p1{
	margin: 32px auto 0;
}
.recommend-pop-main .p1 img{
	vertical-align: baseline;
}
.recommend-pop-main .recommend-pop-title{
	font-weight: 600; font-size: 48px; margin: 10px auto 26px;
}
.recommend-pop-main .dashed{
	color: #2eaaf7; line-height: 37px; background: url(/images/illustration/unregistered-dashed.png) center no-repeat; margin-bottom: 26px;
}
.recommend-pop-main .dashed img{
	margin-left: 8px;
}
.recommend-pop-main .feature li{
	display: inline-block; text-align: left; margin: 23px 85px;
}
.recommend-pop-main .feature p{
	width: 210px; margin-left: 15px; margin-bottom: auto; display: inline-block; vertical-align: middle; color: #262626;
}
.recommend-pop-main .recommend-pop-btn{
	display: block; width: 380px; line-height: 70px; font-size: 22px; font-weight: bold; color: #fff; border-radius: 10px; background: linear-gradient(#68e0cf,#209cff); background-color: #44bee7; transition: box-shadow ease-in-out .3s; text-decoration: none; margin: 24px auto 10px;
}
.recommend-pop-main .recommend-pop-btn:hover{
	box-shadow: 0 3px 15px #64ddd2;
}
.recommend-pop-main .recommend-pop-btn img{
	margin-left: 30px; transition: transform ease-in-out .3s; display: inline-block;
}
.recommend-pop-main .recommend-pop-btn:hover img{
	transform: translateX(12px);
}
.recommend-pop-main .p-btm{
	color: #4c4c4c; font-size: 16px;
}
@media (max-width: 1200px) {
	.recommend-pop-main .recommend-pop-close{
		top: 10px; right: 10px;
	}
}
@media (max-width: 980px){
	.recommend-pop-main .feature li{
		margin: 23px 40px;
	}
}
@media (max-width: 750px){
	.recommend-pop-bg,.recommend-pop-bg1{
		display: none; visibility: hidden;
	}
}
/*recommend-pop-end*/
/*recommend-pop-main1*/
.recommend-pop-main1{
	width: 100%; max-width: 1100px; height: 580px; border-radius: 50px; background-color: rgba(26,26,26,.8); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
}
.recommend-pop-main1 .recommend-pop-close1{
	font-size: 38px; right: -40px; top: -20px; color: #cacbcc; cursor: pointer; position: absolute;
}
.recommend-pop-main1 .f36{
	font-size: 36px; color: #fff; margin:76px auto 86px;
}
.recommend-pop-main1 .recommend-pop-points div{
	display: inline-block; margin: auto 68px;
}
.recommend-pop-main1 .recommend-pop-points p{
	font-size: 20px; color: #fff; line-height: 30px; margin-top: 20px;
}
.recommend-pop-main1 .recommend-pop-btn1{
	display: block; width: 480px; line-height: 86px; border-radius: 10px; font-size: 24px; font-weight: bold; color: #fff; background: linear-gradient(#6ee776,#12b572); background-color: #12b572; text-decoration: none; margin: 38px auto 0;
}
.recommend-pop-main1 .recommend-pop-btn1:hover{
	background: linear-gradient(#12b572,#6ee776);
}
.recommend-pop-main1 .recommend-pop-btn1 .icon-down{
	margin-right: 12px; font-size: 30px;
}
@media (max-width: 1200px) {
	.recommend-pop-main1 .recommend-pop-close1{
		top: 20px; right: 20px;
	}
}
/*recommend-pop-main1-end*/
/*inner-adv*/
.inner-adv .inner-adv-main{
	width: 100%; max-width: 800px; min-height: 90px; background-color: #185697; border-radius: 10px; margin-top: 40px; margin-bottom: 40px;
}
.inner-adv .inner-adv-text{
	display: inline-block; vertical-align: top; margin-top: 10px; margin-left: 32px;
}
.inner-adv .inner-adv-text p{
	color: #fff; font-size: 16px; margin-bottom: auto; line-height: 1.2; font-weight: bold;
}
.inner-adv .inner-adv-text b,.inner-adv .inner-adv-text strong{
	font-size: 30px; color: inherit;
}
.inner-adv .inner-adv-btn{
	display: inline-block; vertical-align: top; margin: 20px 30px; width: 170px; line-height: 50px; border-radius: 10px; background: linear-gradient(#6ee776,#12b572); background-color: #42cf74; font-size: 18px; text-align: center; color: #fff; text-decoration: none; font-weight: bold; transition: ease-in-out .3s;
}
.inner-adv .inner-adv-btn:after{
	content: ""; display: inline-block; width: 26px; height: 13px; background: url(/images/illustration/arrow-1.png); margin-left: 10px;
}
.inner-adv .inner-adv-btn:hover{
	box-shadow: 0 4px 12px #002e5f;
}
/*inner-adv-end*/
/*download-block-2*/
.download-block-2{
	min-height: 300px; padding: 20px; background: linear-gradient(#ebe3f5,#f9f7df); background-color: #f1eceb; border-radius: 18px; margin: 40px auto; display: flex; justify-content: space-between; position: relative; overflow: hidden;
}
.download-block-2 img{
	max-width: 100%!important; margin: auto!important;
}
.download-block-2 .download-block2-close{
	position: absolute; left: 15px; top: 13px; cursor: pointer;
}
.download-block-2 .download-block2-close .icon-no{
	font-size: 20px; color: #000; opacity: .2;
}
.download-block-2 .download-block2-tab{
	position: absolute; top: 0; right: 0; border-radius: 0 6px; background: linear-gradient(#ff9c00,#ff6600); background-color: #ff8100;
}
.download-block-2 .download-block2-tab p{
	margin-bottom: 0; line-height: 22px; padding: 0 9px; font-size: 14px; font-weight: bold; color: #fff;
}
.download-block-2 .download-block2-text{
	max-width: 340px; font-family: 'Poppins', sans-serif;
}
.download-block-2 .download-block2-text p{
	margin-bottom: auto; font-size: inherit;
}
.download-block-2 .download-block2-text .font-weight-bold{
	font-size: 16px; margin: 4px auto 18px; 
}
.download-block-2 .download-block2-text .f18{
	font-size: 18px; margin-bottom: 16px;
}
.download-block-2 .download-block2-text .font-weight-bold img{
	margin-right: 10px; margin-bottom: auto;
}
.download-block-2 .download-block2-text .download-block2-btn a{
	display: block; font-weight: bold; font-size: 16px; color: #fff; width: 200px; line-height: 50px; background: linear-gradient(#9be752,#2faa43); background-color: #6acc4b; border-radius: 10px; text-decoration: none; text-align: center;
}
.download-block-2 .download-block2-text .download-block2-btn a:hover{
	background: linear-gradient(#2faa43,#9be752);
}
.download-block-2 .download-block2-figure{
	width: 287px; height: 234px; background: url(/images/illustration/illustration18.png) no-repeat; background-size: contain;
}
@media (max-width: 991px){
	.download-block-2{/*padding: 30px;*/ min-height: auto;}
}
@media (max-width: 767px){
	.download-block-2{display: none;}
}
/*download-block-2-end*/
/*video-temp*/
.videoTitle{
	background-color: #f8f8f8; padding-top: 16px; overflow: hidden;
}
.videoTitle .container{
	max-width: 1140px;
}
.videoTitle .video-crumbs{
	margin-bottom: 8px;
}
.videoTitle .video-crumbs a{
	color: inherit;
}
.videoTitle .video-author{
	margin: 20px auto; gap: 50px;
}
.videoTitle .video-author>div{
	display: flex; align-items: center; color: #333;
}
.videoTitle .video-author-head{
	width: 38px; height: 38px;
}
.videoTitle .video-author-head img{
	border-radius: 50%; width: 38px; height: auto;
}
.videoTitle .video-author-name{
	margin-left: 10px;
}
.videoTitle .video-author-name span{
	color: #999; font-size: 14px;
}
.videoTitle .video-author-name a{
	color: #333; font-weight: bold;
}
.videoTitle .img-facebook, .videoTitle .img-twitter, .videoTitle .img-linkedin{
	display: inline-block; width: 16px; height: 16px; margin-left: 6px; margin-bottom: -2px; background: url(/images/icon.png) no-repeat;
}
.videoTitle .video-author .img-facebook {
    background-position: -334px -354px;
}
.videoTitle .video-author .img-twitter {
    background-position: -334px -370px;
}
.videoTitle .video-author .img-linkedin{
    background-position: -334px -386px;
}
.videoTitle h1{
	font-size: 36px; font-weight: bold;
}
.videoTitle .videoIframe{
	height: 624px; margin: 20px auto 28px;
}
.videoTitle .videoIframe p{
	margin-bottom: auto;
}
.videoTitle .videoIframe .youtube-href img{
	width: 80%; height: auto; margin-left: auto; top: 50%; transform: translate(-50%,-50%);
}
.videoTitle .videoIframe .youtube-href:hover img {
    opacity: .8; transform: translate(-50%,-50%) scale(1.03);
}
@media (max-width: 979px) {
	.videoTitle .video-author{gap: 20px;}
	.videoTitle .video-author-date{width: 100%;}
}
@media (max-width: 767px) {
	.videoTitle h1{
		font-size: 30px;
	}
	.videoTitle .videoIframe{
		height: 324px; text-align: center;
	}
	.videoTitle .videoIframe .youtube-href img{
		position: absolute; width: auto; margin: auto;  
	}
}
.videoTitle p,.video-main p{
	font-size: 1.125rem;
}
.video-main{
	padding-bottom: 120px;
}
.video-main img{
	max-width: 100%; height: auto;
}
.video-main .container{
	max-width: 1140px;
}
.video-main .content{
	width: auto;
}
.video-main h2{
	margin: 70px 0 40px; font-size: 30px; padding-left: 20px; border-left: 6px solid #ccc;
}
.video-main .video-moments{
	padding: 22px 50px 20px; margin: 26px 0; border: 2px dashed #e7e7e7; border-radius: 10px;
}
.video-main .video-moments p{
	margin-bottom: 1rem;
}
.video-main .video-moments li{
	font-size: 20px; margin-bottom: 8px;
}
.video-main .video-moments li .icon-clock{
	color: #9f9f9f; margin-right: 12px;
}
.video-main .faq{
	max-width: 100%; margin-bottom: 70px;
}
.video-comment{
	margin-bottom: 60px;
}
.video-comment .comment-item{
	margin: 40px 0; display: flex;
}
.video-comment .comment-avatar .icon-user{
	font-size: 40px; color: #666;
}
.video-comment .comment-text{
	max-width: calc(100% - 56px); margin-left: 16px;
}
.video-comment .comment-text p{
	margin: 0; line-height: 1.4;
}
.video-comment .comment-text span{
	font-size: 13px; font-weight: bold; color: #333;
}
.video-comment .comment-text time{
	font-size: 12px; color: #666; margin-left: 8px;
}
@media (max-width: 767px) {
	.video-main h2{
		font-size: 24px;
	}
    .table {
		font-size: 7px;
	}
}
/*video-temp-end*/

.user-comment{
    color: #4c4c4c;
    margin-bottom: 20px;
}
.user-comment .rating-text{
    font-size: 1.125rem;
}
.user-comment .icon-star{
    font-size: 0.75rem;
    margin-right: 0.125rem;
    color: #ff943e;
}

/*CleanMyApp这个软件的下载按钮-跳转到appstore*/
.btn-clean-appstore {
    position: relative;
    width: 320px;
    height: 70px;
    border-radius: 14px;
    background-color: #000000;
    cursor: pointer;
}
.btn-clean-appstore a{
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
}
.btn-clean-appstore a .icon-mac {
    position: absolute;
    top: 12px;
    left: 18px;
    font-size: 42px;
    margin-right: 12px;
}
.btn-clean-appstore a .text1{
    position: absolute;
    top: 9px;
    left: 70px;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 1;
}
.btn-clean-appstore a .text2{
    position: absolute;
    top: 29px;
    left: 69px;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
}
/*CleanMyApp这个软件的下载按钮-跳转到appstore-end*/
/*article-top-ad*/
.article-top-ad{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
    border-radius: 6px;
    background: linear-gradient(#ebe3f5, #f9f7df);
}
.article-top-ad .text {
    width: 448px;
    padding-right: 0;
    margin-left: 20px;
}
.article-top-ad .ad-title{
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 48px;
    font-weight: bold;
}
.article-top-ad .text p {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 40px;
}
.article-top-ad .img-box {
    margin-top: 40px;
    width: 300px;
    margin-right: 20px;
}
.article-top-ad .img-box img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
}
.article-top-ad .red-text{
    color: red;
    font-size: 13px;
}
.article-top-ad .img-box p{
    margin-bottom: 0;
}
.article-top-ad .btn-promotions {
    position: absolute;
    top: 10px;
    right: 40px;
    background: linear-gradient(180deg, #f59f3e, #fc6500);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 10px;
    border-radius: 0px 20px 0px 10px;
    line-height: 24px;
}
.article-top-ad .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #dfdfdf;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    padding: 8px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}
/*article-top-ad-end*/
.breadcrumb {
    background-color: transparent;
    font-size: 1.1875rem;
    padding: 0;
    margin-bottom: 40px;
    line-height: 32px;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0;
    padding-left: 0;
}