.container .row {
    justify-content: space-between;
	margin-right: auto;
}
.container {
    padding: 0;
}
.container .row-pd {
    position: relative;
    top: 35px;
    left: 20px;
}

.container .row-button {
    position: relative;
    left: 10px;
    top: 20px;
}
.row{
    margin: 0;
}
.col-lg-12{
    padding: 0;
}
.line01 {
    border-right: 1px solid #ebebeb;
}

.availability{
    position: relative;
    top: 40px;
    left: 28px;
}

.box-title{
	font-size: 20px;
	font-weight: 700;
}


h2{
    font-size: 24px;
    font-weight: 600;
    padding: 20px 0; 
}



h3{
    font-size: 20px;
    padding: 10px 0; 
    font-weight: 600;
}
h4{
    font-size: 18px;
    padding: 10px 0; 
    font-weight: 600;
}
p{
	line-height: 28px;
}
ol{
    margin: 10px 0;
}
ol li{
    padding: 3px 0;
	line-height: 26px;
}
ul li{
    line-height: 26px;
}
.float-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    display: none;
    z-index: 11;
    background-color: #fff;
}

.btn:hover {
    color: #ffffff;
}

.float-box p {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    height: 90px;
    line-height: 90px;
}
.float-box h4 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    height: 90px;
    line-height: 90px;
}
.buy_redbtn {
    height: 54px;
    width: 220px;
    color: #ffffff;
    border-radius: 54px;
    background-color: #ff6550;
}

.buy_redbtn:hover {
    background-color: #d04f3e;
}

.buy_orgbtn {
    height: 54px;
    width: 220px;
    color: #ffffff;
    border-radius: 54px;
    background-color: #ff9a00;
}

.buy_orgbtn:hover {
    background-color: #d88300;
}

.buy_redbtn a {
    color: #ffffff;
}

.buy_orgbtn a {
    color: #ffffff;
}
.pt-10{
    padding-top: 10px; 
}
.pt-20{
    padding-top: 20px; 
}
.pt-30{
    padding-top: 30px; 
}
.pb-30{
    padding-bottom: 30px; 
}
.pb-20{
    padding-bottom: 20px; 
}
.pb-10{
    padding-bottom: 10px; 
}
.artDet-title {
    margin-top: 20px;
    padding: 0;
    margin-left: 20px;
}

.artDet-title .artDet-top-nav {
    margin-left: 3px;
    font-size: 13px;
}

.artDet-title span {
    font-size: 14px;
}

.artDet-title label {
    margin-bottom: 0;
    font-weight: 500;
    color: #555;
}

.artDet-title .faq-cut-active {
    color: #219aea;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}

.artDet-content-box {
    border-top: 1px solid #e5e5e5;
    margin-top: 30px;
    padding: 0;
}
.artDet-content-box h2 {
    position: relative;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 8px 12px;
    background: linear-gradient(45deg, #F0F8FF, rgba(255, 255, 255, 0) 70%);
    border-left: 8px solid #46b1e2;
}
.artDet-features-box .green-btn, 
.artDet-features-box .blue-btn{
    color: #fff !important;
}

.artDet-content-box a, .ado-left-center-box a, .artDet-menu-one a{
    color: #219aea;
}

.artDet-content-box p {
    margin: 10px 0;
    line-height: 28px;
}

.artdet-imgs-box {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.artdet-imgs-box img {
    display: inline-block;
    max-width: 100%;
}

.artDet-features-box {
    margin: 20px 0;
}

.artDet-features-box h5 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}

.artDet-features-box ul,
.artDet-footer-box ul {
    padding: 0 0 0 15px;
    margin-top: 15px;
}
.artDet-features-box ul li, 
.artDet-footer-box ul li {
    margin-top: 5px;
}
.artDet-features-box ul li,
.artDet-footer-box ul li a {
    color: #333;
    font-size: 16px;
}

.artDet-features-box ul li span,
.artDet-footer-box ul li span {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #555;
    margin: 0 15px 3px 0;
}

.artDet-availability {
    margin-top: 40px;
}

.btn img {
    margin-right: 15px;
}

.artDet-step-one {
    margin-top: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.artDet-step-one .artDet-step-title h5 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.artDet-step-one .artDet-step-title p {
    color: #555;
    font-size: 14px;
    margin-top: 30px;
    line-height: 26px;
}

.artDet-step-one .artDet-step-title p span {
    font-weight: bold;
}

.artDet-download {
    margin: 40px 0;
}

.artDet-download h5 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.artDet-download-buttons {
    margin-top: 30px;
}

.artDet-download-buttons .download-type {
    color: #333;
    font-size: 16px;
}

.artDet-buttons {
    margin-top: 30px;
}

.artDet-footer-box {
    margin-top: 20px;
    border-radius: 20px;
}

.artDet-footer-box h3 {
    color: #333;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.ado-left-title {
    color: #000;
}

.ado-left-title h1 {
    color: #000;
    font-size: 30px;
    margin-top: 60px;
    font-weight: 600;
    text-align: center;
}

.ado-left-title h2 {
    position: relative;
    padding: 20px 0 20px 8px;
    font-size: 26px;
    margin: 20px 0;
    font-weight: 600;
}


.ado-left-title h3 {
    position: relative;
    padding: 20px 0;
    margin: 20px 0;
    font-size: 22px;
    font-weight: 600;
}

.ado-left-title h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #219aeb;
    bottom: 0;
    width: 100px;
}

.ado-small-title {
    height: 62px;
    line-height: 32px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;
    background-color: #eee;
}

.ado-left-text {
    margin-top: 40px;
}


.ado-left-center-box h2 {
    position: relative;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 8px 12px;
    background: linear-gradient(45deg, #F0F8FF, rgba(255, 255, 255, 0) 70%);
    border-left: 8px solid #46b1e2;
}

@media ( max-width: 768px) {
  .ado-left-center-box  h2 {font-size: 20px;}
}

.ado-left-center-box h3 {
    position: relative;
    padding: 10px 0;
    margin: 10px 0;
    font-size: 20px;
    font-weight: 600;
}

.ado-left-center-box h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.ado-left-center-box h5 {
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
}

.ado-left-center-box p {
    margin-top: 20px;
    line-height: 26px;
}

.ado-left-center-img-box {
    width: 100%;
    text-align: center;
}

.ado-left-center-img-box img {
    margin-top: 20px;
    max-width: 100%;
    margin: 20px 0;
}

.ado-left-iframe {
    margin: 40px 0;
}

.ado-left-iframe h5 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}

.ado-right-item {
    border-radius: 20px;
    border: 1px solid #eeeeee;
    overflow: hidden;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.ado-right-item ul {
    padding: 0 8px;
    list-style: none;
}

.ado-right-item ul li {
    padding: 10px 3px 10px 22px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 20px;
}

.ado-right-item ul li a {
    color: #333;
    font-size: 14px;
}

.ado-right-box {
    margin-top: 80px;
    /* width: 310px; */
}

.ado-right-title {
    height: 50px;
    padding: 12px 16px;
    background-color: #F4F4F4;
    border: 1px solid #eeeeee;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.feabox {
    width: 60%;
    margin-left: 15px;
    font-size: 14px;
    padding-top: 10px;
}

.directory {
    position: relative;
    margin: 92px 0 40px 0;
    padding: 0.5em 1em;
    border: solid 1px #ebebeb;
}

.directory .box-title {
    position: absolute;
    display: inline-block;
    top: -32px;
    left: -1px;
    padding: 3px 15px;
    height: 32px;
    width: 116px;
    line-height: 25px;
    font-size: 16px;
    background: #219aeb;
    color: #FFF;
    font-weight: 500;
    border-right: 18px double #ffffff;
}

.directory ul li {
    margin-top: 15px;
    color: #219aeb;
}

.directory ul li span {
    color: #219aeb;
}

.directory ul li a {
    color: #000;
}

.circle-step {
    color: #FFF;
    font-weight: bold;
    padding: 5px 18px;
    background: #219aeb;
    margin-right: 10px;
	border-radius: 0.75rem !important;
}

.step {
    background-color: #46b1e2;
    padding: 3px 8px;
    color: #FFF;
    border-radius: 10px;
    margin-right: 5px;
}

.note {
    color: #F00;
    font-weight: bold;
}

.cp_line {
    border-color: #e5e5e5;
    margin: 30px 0;
}

.mrgt30 {
    margin-top: 30px;
}

.mrgt25 {
    margin-top: 25px;
}

.green-sm-btn {
    height: 32px;
    width: 108px;
    color: #ffffff;
    border-radius: 54px;
    background-color: #02cb64;
    margin-right: 5px;
}

.blue-sm-btn {
    height: 32px;
    width: 108px;
    color: #ffffff;
    border-radius: 54px;
    background-color: #46b1e2;
}

.pro_icon {
    margin: 25px 10px 0 10px;
    margin-left: 10px;
}

.pro_icon1 {
    margin: 25px 5px 0 10px;
    margin-left: 10px;
}

.list_box {
	border:#CCC 1px solid;
	border-radius:10px;
	color:#212529;
}
.list_box li {
	color:#212529;
	padding:8px 10px;
}
.artDet-menu-one{
  margin: 30px 10px;
  padding: 15px 20px 15px 15px;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.artDet-content-box ol li{
	padding: 3px 0;
}
.artDet-content-box ul li{
	padding: 3px 0;
}
.artDet-menu-img{
  display: inline-block;
  width: 70px;
  flex-grow: 1000;
  margin-right: 15px;
}
.artDet-menu-content{
  display: inline-block;
  flex-grow: 0;
}
.artDet-menu-content h4{
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0;
}
.more_orgbtn{
  display: inline-block;
  color: #fff;
  border-radius: 50px;
  background-color: #ff9a00;
  margin: 10px 0 15px 0;
}
.more_orgbtn span{
  color: #fff;
  font-size: 16px;
  padding: 0 20px;
  line-height: 40px;
}
.more_orgbtn:hover{
	text-decoration: none;
}
.artDet-table{
  width: 98%;
  border: 1px #ddd solid;
  line-height: 30px;
  margin-top: 20px;
}

.divstyle {
    line-height: 30px;
    border-radius: 20px;
    border: 2px solid #eeeeee;
    padding-top: 15px;
    color: #212529;
    position: relative;
    margin-bottom: 30px;
}
.tbstyle{
    line-height: 30px;
    border-radius: 20px;
    border: 2px solid #eeeeee;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #212529;
	padding-right:50px;
	width: -webkit-fill-available; 
	margin-top:10px
}
.subtitle{
		margin-bottom: 15px!important;
		color: #f6a723;
		font-size: 19px!important;
	}


.ulstyle{
	margin: 30px 0;
    line-height: 30px;
    border-radius: 20px;
    border: 2px solid #eeeeee;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #212529;
}

.ulstyle a{
    color: black;
}
.ulstyle .row a{
	color: #219aea;
}
.ulstyle .flex-row-start a{
	color: #219aea;
}
.ulstylenone{
	margin: 20px 0;
    line-height: 30px;
    border-radius: 20px;
    border: 2px solid #eeeeee;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #212529;
    list-style: none
}

.ulstylenone a{
    color: black;
}


.ulstyle1 li{
    list-style:square;
    line-height: 28px;
    margin-left: -22px;
}

.ulstyle2 li{
    list-style:none;
    line-height: 33px;
    margin-left: -40px;
}


.ulstyle3 li{
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 28px;
    color: #212529;
    list-style: none
}


.liststyle{
    line-height: 28px;
    margin-left: 12px;
}

.pform{
	margin-top: 10px !important;
}
.parttitle{
		color: #F06481; 
		border-bottom: 2px solid #F06481; 
		width: fit-content;
	}    
    
.ulstyle-box{
	margin-top: 0px;
    line-height: 30px;
    border-radius: 20px;
    border: 2px solid #eeeeee;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #212529;
    /*background-color: #F4F4F4;*/
}  
    
.ul-left {
height:auto;
width: 600px auto;
float: left;
position:relative;
}
 
.ul-right {
height:auto;
width: 500px auto;
margin-left: 600px;
margin-left: auto;
position: relative;
}    

	.list-deepblue{
		border: 1px solid rgb(142, 170, 219); 
		border-image: initial; 
		padding: 0px 7px;
		background: #219aeb; 	
	}
	.list-lightblue{
		border: 1px solid rgb(142, 170, 219); 
		border-image: initial; 
		padding: 0px 7px;
		background: #D6EAF8; 	
	}
	.list{
		border: 1px solid rgb(142, 170, 219); 
		border-image: initial; 
		padding: 0px 7px;		
	}
.cms-talk-left {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 20px;
}
.cms-talk-left .cms-talk-text div {
    margin-top: 10px;
    margin-left: 18px;
    padding: 20px 18px;
    box-sizing: border-box;
    background: #F8F8FF;
    position: relative;
    border-radius: 8px;
}
.cms-talk-left .cms-talk-text div span{
    font-size: 22px;
    color:#e56985;
    font-weight:bolder;
}
.cms-talk-left .cms-talk-text div:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 1px;
    width: 12px;
    height: 33px;
    border: 0 solid transparent;
    border-bottom: 8px solid;
    border-radius: 0 0 0 66px;
    color: #F8F8FF;
}
@media (min-width: 350px) {
    .artDet-menu-one{
        display: inline-block;
        margin: 0;
    }
    .artDet-menu-img{
        margin-bottom: 20px;
    }
    .ado-left-img {
        display: none;
    }

}

@media (min-width: 768px) {
    .artDet-menu-one{
        display: inline-flex;
    }
    .ado-right-box {
        width: 100%;
    }
    .float-box {
        width: 768px;
        height: 100%;
        margin: auto;
    }

    .float-box h4 {
        font-size: 20px;
    }

    .artDet-title .artDet-top-nav {
        margin-left: 10px;
        font-size: 14px;
    }

    .container {
        max-width: 768px;
    }
}

@media (min-width: 992px) {
    .ado-right-box {
        width: 310px;
    }

    .btn img {
        margin-right: 36px;
    }

    .float-box {
        width: 992px;
        height: 100%;
        margin: auto;
    }

    .float-box h4 {
        font-size: 22px;
    }

    .artDet-footer-box {
        margin-top: 50px;
    }

    .ado-small-title {
        height: 52px;
        line-height: 52px;
        font-size: 18px;
        border-radius: 15px;
        margin-top: 60px;
    }

    .ado-left-img {
        display: inline-block;
        margin-left: 20px;
    }


    .ado-left-center-box p {
        margin-top: 10px;
        line-height: 28px;
    }

    .container {
        max-width: 992px;
    }
}

@media (min-width: 1200px) {
    .ado-right-box {
        width: 280px;
    }

    .float-box {
        width: 1110px;
        height: 100%;
        margin: auto;
    }

    .container {
        max-width: 1200px;
    }

    .body-box {
        width: 1200px;
    }
}

.language-selector {
        position: relative;
        display: inline-block;
        text-align: right; 
    }
    .language-selector > span {
        padding: 5px;
        cursor: pointer;
    }
    .language-selector > .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 120px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
        list-style-type: none;
        padding: 0;
        margin: 0;
        right: 0; 
        top: 100%; 
    }
    .language-selector > .dropdown-content li {
        padding: 10px;
        cursor: pointer;
        text-align: left;
    }
    .language-selector > .dropdown-content li:hover {
        background-color: #ddd;
    }

    .ainfo {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .ainfo-item {
        margin-right: 20px;
        color: #333;
        text-align: center;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }
    .author {
        font-weight: bold;
    }
    .author-avatar-s {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        margin-right: 5px;
    }
	
    .ainfo-item a:hover {
        text-decoration: underline;
    }
	

    /* 移动端样式 */
    @media (max-width: 600px) {
        .ainfo {
            flex-direction: column;
            align-items: center;
        }
        .ainfo-item {
            margin-right: 0;
            margin-bottom: 10px;
        }
        .author-ainfo {
            margin-bottom: 20px;
        }
    }

    .author-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
    }
    .author-info {
        display: flex;
        align-items: center;
    }
    .author-info img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin-right: 20px;
        object-fit: cover;
    }
    .info {
        line-height: 1.5;
    }
    .name,
    .job-title {
        text-align: center; /* 水平居中对齐 */
    }
    .name {
        font-weight: bold;
        font-size: 1.2em;
        margin-right: 6px;
    }
    .job-title {
        font-size: 16px;
    }
    .description {
        margin-top: 18px;
        font-size: 16px;
        line-height: 1.5;
    }
.info {
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.question{
    font-size: 22px;
    color:cornflowerblue;
    font-weight:bolder;
}
.answer{
	font-size: 22px;
	color:#e56985;
	font-weight:bolder;
}
.fontgreen{
    font-size: 20px;
    color:forestgreen;
    font-weight:bolder;
}

.fontred{
    font-size: 20px;
    color:red;
    font-weight:bolder;
}

.table-small {
    display: block;
    width: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
		}  
.left-img-small {
    margin-top: 25px;
    margin-left: 5px;
    }  

.text-top-small {
    margin-top: 15px;
    }  


.table a:link {
    color: #212529;
}
.table a:visited {
    color: #212529; 
}

.table a:hover {
    color: green;
        }

.table a {
    text-decoration: none;
    color: #212529;
    position: relative; 
}

.table a::before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background-color: yellowgreen; 
    transition: width 0.3s ease, left 0.3s ease;
}
 
.table a:hover::before {
    width: 100%;
    left: 0;
    background-color: yellowgreen; 
}


.video-title {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}

.article-pros-cons{margin:20px 0}.article-pros-cons .article-pros-cons_title{font-size:18px;font-weight:700;line-height:24px;color:#181818;margin-bottom: 15px}.article-pros-cons .article-pros-cons_content{display:flex;justify-content:space-between}@media(max-width:768px){.article-pros-cons .article-pros-cons_content{flex-direction:column}}.article-pros-cons .article-pros-cons_content .article-pros_content{width:49%;padding:30px;border-radius:5px;border:2px solid #20bf75;background-color:#eff8f6}@media(max-width:768px){.article-pros-cons .article-pros-cons_content .article-pros_content{width:100%;margin:0 auto}}.article-pros-cons .article-pros-cons_content .article-pros_content .article-pros_title{display:flex;align-items:center;padding: 0 0 0 10px;font-size:16px;font-weight:700;line-height:24px;color:#181818;margin-left: -25px;}.article-pros-cons .article-pros-cons_content .article-pros_content .article-pros_title::before{display:inline-block;margin-right:5px;content:'';width:20px;height:20px;background:url(/images/icon/happy.png) no-repeat center;background-size:100% 100%}.article-pros-cons .article-pros-cons_content .article-pros_content .article-pros_text{margin:15px 0 0;padding:0}.article-pros-cons .article-pros-cons_content .article-pros_content .article-pros_text li{display:flex;margin-bottom:5px;list-style:none}.article-pros-cons .article-pros-cons_content .article-pros_content .article-pros_text li:last-child{margin-bottom:0}.article-pros-cons .article-pros-cons_content .article-pros_content .article-pros_text li>img{margin-top:7px;margin-right:8px;width:16px;height:12px}.article-pros-cons .article-pros-cons_content .article-pros_content .article-pros_text li>span{flex:1;font-size:16px;font-weight:400;line-height:24px;color:#1b1b1d}.article-pros-cons .article-pros-cons_content .article-cons_content{width:49%;padding:30px;border-radius:5px;border: 2px solid #778899;background-color:#ebe8e8}@media(max-width:768px){.article-pros-cons .article-pros-cons_content .article-cons_content{width:100%;margin:20px auto}}.article-pros-cons .article-pros-cons_content .article-cons_content .article-cons_title{display:flex;align-items:center;padding: 0 0 0 10px;font-size:16px;font-weight:700;line-height:24px;color:#181818;margin-left: -25px}.article-pros-cons .article-pros-cons_content .article-cons_content .article-cons_title::before{display:inline-block;margin-right:5px;content:'';width:20px;height:20px;background:url(/images/icon/sad.png) no-repeat center;background-size:100% 100%}.article-pros-cons .article-pros-cons_content .article-cons_content .article-cons_text{margin:15px 0 0;padding:0}.article-pros-cons .article-pros-cons_content .article-cons_content .article-cons_text li{display:flex;margin-bottom:5px;list-style:none}.article-pros-cons .article-pros-cons_content .article-cons_content .article-cons_text li:last-child{margin-bottom:0}.article-pros-cons .article-pros-cons_content .article-cons_content .article-cons_text li>img{margin-top:7px;margin-right:8px;height:12px}.article-pros-cons .article-pros-cons_content .article-cons_content .article-cons_text li>span{flex:1;font-size:16px;font-weight:400;line-height:24px;color:#1b1b1d}.article-recomment-v2{padding:30px;margin:20px 0;background-color:#eff8f6;border-radius:5px;display:flex;align-items:center}


.article1-pros-cons{margin:20px 0}.article1-pros-cons .article1-pros-cons_title{font-size:18px;font-weight:700;line-height:24px;color:#181818;margin-bottom: 15px}.article1-pros-cons .article1-pros-cons_content{display:flex;justify-content:space-between}@media(max-width:768px){.article1-pros-cons .article1-pros-cons_content{flex-direction:column}}.article1-pros-cons .article1-pros-cons_content .article1-pros_content{width:49%;padding:30px;border-radius:5px;border:2px solid #0b6f94;background-color:#e9faf7}@media(max-width:768px){.article1-pros-cons .article1-pros-cons_content .article1-pros_content{width:100%;margin:0 auto}}.article1-pros-cons .article1-pros-cons_content .article1-pros_content .article1-pros_title{display:flex;align-items:center;padding: 0 0 10px 10px;font-size:16px;font-weight:700;line-height:24px;color:#181818;margin-left: -25px;}.article1-pros-cons .article1-pros-cons_content .article1-pros_content .article1-pros_title::before{display:inline-block;margin-right:5px;content:'';width:20px;height:20px;background:url(/images/icon/happy.png) no-repeat center;background-size:100% 100%}.article1-pros-cons .article1-pros-cons_content .article1-pros_content .article1-pros_text{margin:15px 0 0;padding:0}.article1-pros-cons .article1-pros-cons_content .article1-pros_content .article1-pros_text li{display:flex;margin-bottom:5px;list-style:none}.article1-pros-cons .article1-pros-cons_content .article1-pros_content .article1-pros_text li:last-child{margin-bottom:0}.article1-pros-cons .article1-pros-cons_content .article1-pros_content .article1-pros_text li>img{margin-top:7px;margin-right:8px;width:16px;height:12px}.article1-pros-cons .article1-pros-cons_content .article1-pros_content .article1-pros_text li>span{flex:1;font-size:16px;font-weight:400;line-height:24px;color:#1b1b1d}.article1-pros-cons .article1-pros-cons_content .article1-cons_content{width:49%;padding:30px;border-radius:5px;border: 2px solid #757573;background-color: #faf4fa }@media(max-width:768px){.article1-pros-cons .article1-pros-cons_content .article1-cons_content{width:100%;margin:20px auto}}.article1-pros-cons .article1-pros-cons_content .article1-cons_content .article1-cons_title{display:flex;align-items:center;padding: 0 0 10px 10px;font-size:16px;font-weight:700;line-height:24px;color: #2e2e2e;margin-left: -25px}.article1-pros-cons .article1-pros-cons_content .article1-cons_content .article1-cons_title::before{display:inline-block;margin-right:5px;content:'';width:20px;height:20px;background:url(/images/icon/sad.png) no-repeat center;background-size:100% 100%}.article1-pros-cons .article1-pros-cons_content .article1-cons_content .article1-cons_text{margin:15px 0 0;padding:0}.article1-pros-cons .article1-pros-cons_content .article1-cons_content .article1-cons_text li{display:flex;margin-bottom:5px;list-style:none}.article1-pros-cons .article1-pros-cons_content .article1-cons_content .article1-cons_text li:last-child{margin-bottom:0}.article1-pros-cons .article1-pros-cons_content .article1-cons_content .article1-cons_text li>img{margin-top:7px;margin-right:8px;height:12px}.article1-pros-cons .article1-pros-cons_content .article1-cons_content .article1-cons_text li>span{flex:1;font-size:16px;font-weight:400;line-height:24px;color:#1b1b1d}.article1-recomment-v2{padding:30px;margin:20px 0;background-color:#eff8f6;border-radius:5px;display:flex;align-items:center}

/* Table Styles */

.wrapper-small {
  display: flex;
  overscroll-behavior-x: contain;
  overflow-x: auto;
  margin-inline: calc(var(--page-gutter) * -1);
  padding-inline: var(--page-gutter);
  padding-block: 1rem;
}

.table-small table {
  border-spacing: 0;
  overflow: hidden;
  inline-size: 100%;
  text-align: center;  
  background-color: inherit;
  border: 1px solid lightgray;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 6px -2px rgba(14, 30, 37, 0.12);
}
.table-small th {
 font-weight: bold;
}
.table-small :is(th, td) {
  padding: 5px;
  min-inline-size: 10rem;
  border-style: solid;
    border-color: lightgray;    
}

.table-small :is(th, td):not(:first-child) {
  border-inline-start: 1px solid lightgray;
}

.table-small .visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@media ( max-width: 768px) {
  .mobile-block {
    display: none !important;
  }
   .ado-left-img {
        display: none;
    }
    
}

.comparison-table {
margin: 40px 0;
font-family: Arial, sans-serif;
}

.table-wrapper{
  width:100%;
  overflow-x:auto;
}

.comparison-table h2 {
font-size: 24px;
margin-bottom: 20px;
}

.comparison-table table {
width: 100%;
border-collapse: collapse;
background: #fff;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
border-radius: 8px;
overflow: hidden;
}

.comparison-table th,
.comparison-table td {
padding: 14px 16px;
text-align: center;
border-bottom: 1px solid #eee;
font-size: 15px;
}

.comparison-table th {
background: #f3f3f3;
font-weight: 600;
}

/* 保持表头链接颜色不变 */
.comparison-table th a,
.comparison-table th a:visited,
.comparison-table th a:hover,
.comparison-table th a:active {
color: inherit;
text-decoration: none;
}

.comparison-table th a:hover {
opacity: 0.8;
}

.comparison-table th:first-child {
text-align: left;
background: #f3f3f3;
font-weight: 600;
}

.comparison-table td:first-child {
text-align: left;
font-weight: 500;
}

.comparison-table tr:hover {
background: #fafafa;
}

/* Best Tool Highlight */

.comparison-table .best {
background: #fff8e6;
font-weight: 600;
}

/* Header highlight */

.comparison-table th.best {
color: #e67e22;
}

/* Mobile responsive */

@media (max-width: 768px) {

.comparison-table table {
font-size: 13px;
}

.comparison-table th,
.comparison-table td {
padding: 10px;
}

}

.review-rating{
  margin-bottom:20px;
  font-size:18px;
}

.stars{
  color:#f59e0b;
  font-size:22px;
  margin-right:8px;
}

.pros-cons-container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.pros-box{
  background:#e7f3ec;
  border-left:4px solid #28a745;
  padding:20px;
  border-radius:6px;
}

.cons-box{
  background:#f3e7e7;
  border-left:4px solid #dc3545;
  padding:20px;
  border-radius:6px;
}

.pros-box h4{
  color:#1e7e34;
  margin-bottom:12px;
}

.cons-box h4{
  color:#c82333;
  margin-bottom:12px;
}

.pros-box ul,
.cons-box ul{
  list-style:none;
  padding:0px 0px 10px 10px;
  margin:0;
}

.pros-box li,
.cons-box li{
  list-style:none;
  padding-left:26px;
  margin:10px 0;
  position:relative;
}

.pros-box li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:16px;
  height:12px;
  background:url("/images/icon/pros-icon.png") no-repeat center/contain;
}


.cons-box li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:12px;
  height:12px;
  background:url("/images/icon/cons-icon.png") no-repeat center/contain;
}

@media (max-width:768px){
  .pros-cons-container{
    grid-template-columns:1fr;
  }
}
.mr-20 {
    margin-right: 20px;
}

.download-tip {
  font-size: 14px;
  text-align: center;
  display: block;
}
@media (max-width: 768px) {
  .download-tip {
   text-align: center;
  }
}

.download-tip-long {
  font-size: 14px;
  text-align: center;
  display: block;
}
@media (max-width: 768px) {
  .download-tip-long {
   text-align: left;
  }
}
.glass-review-card{
  max-width:900px;
  margin:40px auto;
  padding:40px;
  border-radius:30px;
  background:rgba(255,255,255,0.12);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,0.2);
  box-shadow:0 10px 40px rgba(0,0,0,0.08);
  display:flex;
  gap:50px;
  align-items:center;
  font-family:Arial,sans-serif;
}

.glass-score{
  flex-shrink:0;
}

.glass-circle{
  width:220px;
  height:220px;
  border-radius:50%;
  background:
    conic-gradient(#6366f1 calc(var(--score) * 1%), #e5e7eb 0);
  display:flex;
  align-items:center;
  justify-content:center;
}

.glass-inner{
  width:170px;
  height:170px;
  border-radius:50%;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.glass-inner span{
  font-size:64px;
  font-weight:700;
}

.glass-inner small{
  font-size:18px;
  color:#6366f1;
}

.glass-content{
  flex:1;
}

.glass-content h3{
  font-size:34px;
  margin-bottom:30px;
}

.glass-item{
  margin-bottom:24px;
}

.glass-top{
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
}

.glass-bar{
  height:10px;
  border-radius:999px;
  background:#eef2ff;
  overflow:hidden;
}

.glass-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#6366f1,#8b5cf6);
}

.glass-fill.purple{
  background:linear-gradient(90deg,#9333ea,#c084fc);
}

.article-review-card {
  max-width: 1100px; 
  margin: 25px auto;
  border: 1px solid #eef2f6;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

.arc-header {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  background: #fff;
  border-bottom: 1px solid #f3f6f9;
}

.arc-num { font-size: 24px; font-weight: bold; color: #2ecc71; }
.arc-num.yellow { color: #f1c40f; }
.arc-total { font-size: 14px; color: #999; margin-left: 2px; }

.arc-v-line {
  width: 1px;
  height: 25px;
  background: #eee;
  margin: 0 40px;
}

.arc-metrics-wrapper {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.arc-metric { text-align: center; }
.arc-metric span { 
  display: block; 
  font-size: 14px; 
  color: #888; 
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}
.stars { font-size: 13px; color: #2ecc71; font-style: normal; letter-spacing: 2px; }
.stars.yellow { color: #f1c40f; }
.stars.red { color: red; }

.arc-content {
  display: flex;
  background: #f9fbfd;
  padding: 20px 30px;
  gap: 60px; 
}

.arc-col { flex: 1; }

.arc-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 12px;
}
.pros-tag { background: #e6f9ed; color: #27ae60; }
.cons-tag { background: #fef2f2; color: #e74c3c; }

.arc-content ul {
  margin: 0;
  padding-left: 18px;
}
.arc-content li {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .arc-header { padding: 15px; flex-direction: column; gap: 15px; }
  .arc-v-line { display: none; }
  .arc-metrics-wrapper { width: 100%; }
  .arc-content { flex-direction: column; gap: 20px; padding: 20px; }
}

.tip-box {
  display: flex;
  align-items: flex-start;
  background-color: #f0f7ff; /* 浅蓝色背景 */
  border-left: 4px solid #007bff; /* 左侧蓝色强调线条 */
  border-radius: 8px;
  padding: 16px;
  margin: 20px 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 移动端自适应优化 */
@media (max-width: 600px) {
  .tip-box {
    padding: 12px;
    flex-direction: column; /* 屏幕太小时图标和文字垂直排列（可选） */
  }
}
/* 左右栏容器 */
.two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

/* 左右栏共同样式 */
.col {
    padding: 1.5rem;
    border-radius: 1rem;
}

/* 左栏（Best For） */
.col.best {
    background: #e8f5e9;
    border-left: 5px solid #2e7d32;
}

/* 右栏（Not Ideal For） */
.col.not-ideal {
    background: #ffebee;
    border-left: 5px solid #c62828;
}

/* 手机端适配：宽度不足时上下堆叠 */
@media (max-width: 768px) {
    .two-columns {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}