@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{
    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;
}
/*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{
    color: #4c4c4c;
    background-color: #f0f0f0;
    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: 24px;
    font-weight: bold;
    color: #333333;
}
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: 1.375rem;
    color: #4c4c4c;
    line-height: 30px;
}
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;
}
.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: 24px;
    font-weight: bold;
    border-left: 5px #3599ff solid;
    color: #333333;
}
/*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;
    }
}
/*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: 12px;
}
.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: 275px;
    padding-bottom: 20px;
    border-radius: 12px;
    background-color: #fff;
}
.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: 1422px) {
    .sidebar .sideOpen{
        width: 215px;
    }
}
@media (max-width: 1679px) {
    .sidebar{display: none;}
    #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 */
/*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*/

/*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*/
/*extensions-index*/
.extensions-body{
	background-color: #fff; font-family: 'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.extensions-main{
	background: #4a4c5b url(/images/bg/extensions-background.jpg) bottom center no-repeat; background-size: cover;min-height: 1325px;
}
.extensions-main .f-30{
	color: #d8d2ff; font-size: 30px;
}
.extensions-main h1{
	font-size: 60px; font-weight: bold; color: #fff; text-shadow: -1px 2px #a5abe4;
}
.extensions-main .f-18{
	color: #edebff; font-size: 18px; max-width: 700px; margin: auto;
}
.extensions-border{
	position:relative; width: 96%; max-width: 1000px; margin: 42px auto; border-radius: 20px;
}
.extensions-items{
	position:relative; background-color: #faf9ff; border-radius: inherit;
}
.extensions-border:before{
	content: ""; position: absolute; left: 10px; top: 12px; width: 100%; height: 100%; box-shadow: inset 0px 0px 0 3px rgba(256, 256, 256, 0.6); border-radius: inherit; 
}
.extensions-items-text{
	position: relative; z-index: 1; text-align: left; display: inline-block; vertical-align:middle; margin-left: 35px; max-width: 730px; width: calc(100% - 220px); padding: 30px 0 26px;
}
.extensions-items-text h2{
	font-size: 24px; color: #007bff; padding: 0; margin: 0; border: none; text-decoration: underline;
}
.extensions-items-text h2 span{
	font-size: 16px; 
}
.extensions-items-text>p{
	font-size: 16px; color: #4c4c4c; line-height: 1.5; margin: 12px auto 20px;
}
.extensions-items-text .extensions-items-dl{ 
	display: inline-block; width: 198px; line-height: 46px; font-size: 16px; color: #fff; background: #3c3967 url(/images/bg/extensions-button.png) no-repeat; background-size: cover; border-radius: 8px; font-weight: 500; text-align: center; text-decoration: none; box-shadow: 0 2px 2px #3c3967; transition: .15s;
}
.extensions-items-text .extensions-items-dl:hover{
	background: #3c3967 url(/images/bg/extensions-button-hover.png) no-repeat; background-size: cover;
}
.extensions-items-text .extensions-items-size{
	font-size: 18px; color: #808080; line-height: 22px; width: 114px; display: inline-block; margin-left: 30px; border-left: 2px solid #ccc; border-right: 2px solid #ccc; text-align: center;
}
.extensions-discussion{
	margin-top: 130px
}
.extensions-discussion h3{
	display: inline-block; width: 330px; font-size: 60px; color: #333; position: relative; line-height: 1.1; text-align: left;
}
.extensions-discussion h3:before{
	content: ""; position: absolute; width: 154px; height: 179px; background: url(/images/illustration/extensions-trumpet.png) no-repeat; background-size: contain; left: 206px; top: -30px;
}
.extensions-discussion .extensions-discussion-text{
	display: inline-block; vertical-align: bottom; margin-left: 30px; padding: 46px; box-shadow: 0 0 25px #e2e1ef; border-radius: 52px 72px 72px 20px; text-align: left; color: #333; position: relative;
}
.extensions-discussion-text:before{
	content: ""; position: absolute; left: 28px; top: 30px; width: 23px; height: 15px; background: url(/images/illustration/extensions-quote.png) no-repeat;
}
.extensions-discussion-text:after{
	content: ""; position: absolute; right: 48px; bottom: 33px; width: 23px; height: 15px; background: url(/images/illustration/extensions-quote.png) no-repeat;
}
.extensions-discussion .extensions-discussion-text p{
	width: 480px; font-size: 18px; margin: 0; 
}
.extensions-disqus{max-width: 800px; width: 100%; min-height: 100px; margin: 70px auto 100px;}
@media (max-width: 1200px){
	.extensions-discussion .extensions-discussion-text p{width: 460px;}
}
@media (max-width: 767px) {
	.extensions-main{padding-bottom: 60px;}
	.extensions-items>img{
		padding-top: 30px;
	}
	.extensions-items-text{
		display: block; margin:0 auto; width: 90%; text-align: center; padding-top: 10px;
	}
	.extensions-discussion{margin-top: 40px;}
	.extensions-discussion .extensions-discussion-text{
		border-radius: 20px; padding: 30px 20px 20px 30px;
	}
	.extensions-discussion-text:before{
		left: 20px; top: 12px;
	}
	.extensions-discussion-text:after{
		right: 20px; bottom: 16px;
	}
	.extensions-discussion .extensions-discussion-text p{
		width: auto;
	}
}
@media (max-width: 548px) {
	.extensions-main .f-30{font-size: 20px;}
	.extensions-main h1{font-size: 30px;}
	.extensions-main .f-18{font-size: 16px;}
	.extensions-items-text .extensions-items-size{
		display: block; margin: 20px auto 0; border: none;
	}
}
/*extensions-index-end*/