.article_body_left div{
  text-align:center;
}
  
.article-in-user {
    display:flex;
    margin-top: 50px;
    align-items: flex-start;
    padding: 52px 0;
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    position: relative;
}
  .article-in-user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 21px;
}
  .article-in-user .article-in-user-r-top{
    display: flex;
    display: -webkit-flex;
    display: -moz-box;
    align-items: center;
    -webkit-align-items: center;
  }
  .article-in-user .article-in-user-r-top span {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-right: 5px;
}
  .article-in-user-r-top-shareimg {
    padding-top: 4px;
}
  .article-in-user-r-top-shareimg img {
    display: inline-block;
    width: 33px;
    cursor: pointer;
    height: auto;
    margin-left: 10px;
}
  .article-in-user-r-Introduction {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 100;
}
  .recommend {
  width: 1080px;
  height: auto;
  margin: 0 auto;
}
.recommend .title {
  font-weight: 700;
  padding-top: 30px;
  font-size: 35px;
  line-height: 146.68%;
  text-align: center;
  color: #080F30;
}
.recommend .container {
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.recommend .container .item {
  box-sizing: border-box;
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  border-radius: 10px;
}
.recommend .container .item .itema{
  text-align: center;
}
.recommend .container .item .itema img{
  width: 50%;
}

.recommend .container .item .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 146.68%;
  text-align: center;
  color: #080F30;
  margin: 20px 0;
}
.recommend .container .item p {
  font-weight: 400;
  font-size: 18px;
  line-height: 152.68%;
  text-align: center;
  color: #53576F;
  margin-bottom: 30px;
}
.recommend .container .item .recommend-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 221px;
  height: 52px;
  background: linear-gradient(93.03deg, #4596E5 -9.17%, #4539CC 105.48%);
  border-radius: 8px;
  margin-bottom: 20px;
  color:#fff;
}

.recommend .container .item .recommend-btn i{
    padding-left: 10px;
}  
.recommend .container .item .recommend-btn span {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  margin-right: 10px;
}
.recommend .container .item .recommend-btn:hover {
  background: linear-gradient(93.03deg, #4539CC -9.17%, #4596E5 105.48%);
}
.recommend .container .item1 {
  background: linear-gradient(180deg, rgba(59, 200, 155, 0.13) 0, rgba(31, 191, 161, 1) 100%);
}
.recommend .container .item2 {
  background: linear-gradient(180deg, rgba(185, 135, 248, 0.09) 0, rgba(196, 141, 248, 1) 100%);
}
.recommend .container .item3 {
  background: linear-gradient(180deg, rgba(27, 178, 193, 0.12) 0, rgba(30, 174, 192, 1) 100%);
}

  .interes h2{
    text-align:center;
    margin:30px 0;
    font-size: 42px;
    line-height: 56px;
    color: #101C2C;
    font-weight: 700;
  }
  .interes .text-wrap p{
    font-size:20px;
    padding:20px;
    color:#000;
    opacity:0.7;
  }
  .interes .text-wrap p:hover{
    opacity:1;
  }
  
 .post-banner .boxes{
     margin-top:0;
 }
 .post-banner .button{
     background: linear-gradient(270deg, #673ab7 0%, #9c27b0e3 100%);
 }

    .side_nav_anchor {
        left: -600px;
        position: fixed;
        top: 140px;
        background: rgb(255, 255, 255);
        padding: 20px;
        border-radius: 25px;
        z-index: 1;
        border: 1px solid #45b5ff;
        border-top-left-radius: unset;
        border-bottom-left-radius: unset;
        cursor: pointer;
    }
    .side_nav_anchor a{
        padding: 5px;
        line-height: 30px;
        position: relative;
        
    }
    .side_nav_anchor_btn{
        display: none;
        position: absolute;
        top:-0.5px;
        right:-140px;
        border: 1px solid #45b5ff;
        padding: 20px;
        font-size: 18px;
        background: #45b5ff;
        color: #fff;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
        cursor: pointer;
    }
    .side_nav_anchor_btn:hover{
        background: #fff;
        color: #45b5ff;
    }
    .side_nav_anchor_btn.act{
        display: block;
    }
    .side_nav_anchor a:before{
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 6px;
        background: #45b5ff;
        position: absolute;
        top: 10px;
        left: -14px;
    }
    .side_nav_anchor ul{
        border-left: 2px dashed #45b5ff;
        padding-left: 11px;
    }
    
    
    
    /*test css*/
    @font-face{
        font-family:rubik;
        src:url(/fonts/Rubik-SemiBold.ttf);
        font-weight:700
    }
    @font-face{
        font-family:rubik;
        src:url(/fonts/Rubik-Regular.ttf);
        font-weight:400
    }
    @font-face{
        font-family:rubik;
        src:url(/fonts/Rubik-Light.ttf);
        font-weight:300
    }
*{
    font-family:rubik;
    font-style: normal;
} 
    
.article_body_left div.table-box *{
    text-align: left;
}
.table-box {
    margin: 60px 0 63px;
    background: #fff;
    box-shadow: 0 8px 16px rgba(180, 180, 180, .14);
    border-radius: 18px;
    padding: 14px 26px 21px;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, #E1C9FC 0%, rgba(225, 201, 252, 0) 100%);
}
.table-box .table-title img{
    margin-right:20px;
    padding: 10px;
}
.table-box table {
    width: 100%;
    background: #f2efff;
    border-radius: 14px;
    padding: 27px 30px 25px 36px;
    border: none;
}
.table-box .table-title span {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000;
    vertical-align: middle;
}
.table-box table tr td {
    padding-top: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 210.52%;
    color: #000;
    width: 592px;
    border: none;
}
.table-box table tr td:nth-child(1) {
    font-weight: 600;
    font-size: 20px;
    text-align: right;
    width: 220px;
    vertical-align: top;
}
.table-box table tr td:nth-child(2) {
    padding-left: 42px;
}
.table-box table tr td .purple {
    color: #7860f3;
}

div.flex-box2 *{
    text-align: left;
}
.article_body_left div.flex-box2 p{
    margin-top:0;
    line-height: unset;
    font-size: 16px;
}
.article_body_left .flex-box2 ul{
    padding: 0;
    margin: 0;
}
.flex-box2 {
    background: #f8f8f8;
    border-radius: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 43px 23px 53px 13px;
    margin-top: 43px;
}
.flex-box2 .flex-left {
    flex: 0 0 257px;
    text-align: center;
}
.flex-box2 .flex-right {
    flex: 0 0 625px;
}
.flex-box2 .flex-left img {
    margin-bottom: 24px;
    display: block;
}
.flex-box2 .flex-left a {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #2d8f5d;
}
.flex-box2 .flex-right .flex-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    color: #000;
}
.flex-box2 .flex-right .flex-desc {
    margin: 17px 0 31px;
}
.flex-box2 .flex-right .download-btn {
    display: flex;
    align-items: center;
}
.flex-box2 .flex-right .flex-desc ul li {
    font-weight: 300;
    font-size: 16px;
    line-height: 166%;
    color: #000;
    list-style-type: disc;
    margin: 10px 0 0 20px;
}
.flex-box2 .flex-right .download-btn>div {
    height: 65px;
    overflow: hidden;
    border-radius: 32.5px;
}
.flex-box2 .flex-right .download-btn>div:nth-child(2) {
    margin-left: 27px;
}
.flex-box2 .flex-right .download-btn>div a {
    display: inline-block;
    transform: translateY(-65px);
    transition: all .5s;
    background: #775dfb;
}
.flex-box2 .flex-right .download-btn>div .btn-hide {
    padding: 20px 99px;
}
.flex-box2 .flex-right .download-btn>div .btn-show {
    padding: 11px 29px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}  
.flex-box2 .flex-right .download-btn>div:hover a {
    transform: translateY(0px);
    transition: all .5s;
}
.flex-box2 .flex-right .download-btn>div .btn-show .btn-text {
    color: #fff;
}

div.pros-box *{
    text-align: left;
}
.pros-box {
    padding-left: 49px;
}
.pros-box .pros-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin: 49px 0 21px;
}
.pros-box .flex-box {
    background: #FAFAFA;
    border-radius: 8px;
    display: flex;
}
.pros-box .flex-box .flex-item {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #181818;
    flex: 0 0 456px;
    padding: 20px 41px 20px 35px;
}
.pros-box .flex-box .cons {
    flex: 0 0 413px;
    position: relative;
    padding: 20px 19px 20px 60px;
}
 .pros-box .flex-box .cons::before {
    content: '';
    width: 2px;
    height: 70%;
    position: absolute;
    border-left: 1.13162px solid #EDEDED;
    left: -10px;
    top: 15%;
}
.pros-box .flex-box .flex-item .list {
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    position: relative;
    margin: 10px 0 0 25px;
}
.pros-box .flex-box .flex-item .list::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    left: -25px;
    top: 5px;
    background: url(/images/tick-green.svg) no-repeat;
    background-size: 100% 100%;
}
.pros-box .flex-box .cons .list::before {
    background: url(/images/fork.svg) no-repeat;
    background-size: 100% 100%;
}

div.matter-box *{
    text-align: left;
}
.matter-box .verdict {
    background: #F9F9FF;
    border-left: 5px #4A34BE solid;
    padding: 17px 28px;
    margin: 30px 0;
}
.matter-box .verdict .verdict-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 165.5%;
    color: #000000;
}
.matter-box .verdict .verdict-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 165.5%;
    color: #2E2E2E;
    margin-top: 6px;
}

div.video-box *{
    text-align: left;
}
.video-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.video-box .video-left {
    flex: 0 0 501.92px;
}
.video-box .video-left .video-question {
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    color: #000000;
}
.video-box .video-left .answer {
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #2E2E2E;
    margin-top: 13px;
}
.video-box .video-right {
    border-radius: 7px;
    flex: 0 0 420px;
}

div.limit-box *{
    text-align: left
}
.limit-box {
    background: #F7F7F7;
    border-radius: 10px;
    padding: 27px 74px 26px;
    margin-top: 43px;
}
.limit-box ul li {
    list-style: disc;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #2E2E2E;
    padding-top: 14px;
}
.limit-box ul li:nth-child(1) {
    padding-top: 0;
}
.limit-box ul li span {
    font-weight: 700;
}

div.key-feature *{text-align: left;}
.key-feature {padding: 35px 47px 41px;border: 1px solid #EAEAEA;border-radius: 10px;}
.key-feature .feature-title {font-weight: 600;font-size: 28px;line-height: 33px;color: #000000;}
.key-feature .feature-item {position: relative;padding: 25px 0;}
.key-feature .feature-item .item-list {display: flex;justify-content: space-between;}
.key-feature .feature-item .item-list .feature-text {font-weight: 500;font-size: 20px;line-height: 24px;color: #000000;}
.key-feature .feature-item .item-list .feature-desc {display: none;font-weight: 300;font-size: 16px;line-height: 175%;color: #2E2E2E;margin-top: 22px;}
.key-feature .feature-item .item-list .feature-desc a {text-decoration-line: underline;color: #4A34BE;}
.key-feature .feature-item .item-list .show {display: block;}
.key-feature .feature-item::after {position: absolute;content: '';width: 100%;height: 1px;bottom: 0;border-top: 1px solid rgba(227, 227, 227, 0.67);}
.key-feature .feature-btn {display: flex;margin-top: 35px;}
.key-feature .feature-btn .download {background: #4A34BE;border-radius: 8px;padding: 15px;}
.key-feature .feature-btn .download a {font-weight: 400;font-size: 18px;line-height: 21px;text-align: center;color: #FFFFFF;}
.key-feature .feature-btn .download a img {margin-right: 10px;}
.key-feature .feature-btn .download:hover {background: #3B26AA;}
.key-feature .feature-btn .mac-download {background: #DAD3FF;margin-left: 21px;}
.key-feature .feature-btn .mac-download a {color: #4A34BE;}
.key-feature .feature-btn .mac-download .white {display: none !important;}
.key-feature .feature-btn .mac-download:hover {background: #4A34BE;}
.key-feature .feature-btn .mac-download:hover a {color: #FFFFFF;}
.key-feature .feature-btn .mac-download:hover .white {display: inline-block !important;}
.key-feature .feature-btn .mac-download:hover .purple {display: none;}
  
div.desc-box *{text-align:left;}
.desc-box {font-weight: 300;font-size: 18px;line-height: 36px;color: #2E2E2E;}
.desc-box .desc {margin: 20px 0;}
.desc-box a, 
.desc-box a {display: inline-block;font-weight: 400;font-size: 16px;line-height: 19px;color: #000000;padding: 10px 24px;background: #F3F1FF;border-radius: 29px;margin-left: 31px;}
.desc-box a:nth-child(1) {margin-left: 0;}


div.benefit-box *{
    text-align: left;
}
.benefit-box .benefit-item {margin-top: 57px;display: flex;justify-content: space-between;align-items: center;background: #F9F9F9;border-radius: 15px;padding: 30px 53px 0px 40px;}
.benefit-box .benefit-item .item-left {flex: 0 0 390px;}
.benefit-box .benefit-item .item-left .benefit-title {font-weight: 600;font-size: 22px;line-height: 146.5%;color: #000000;}
.benefit-box .benefit-item .item-left .benefit-desc {font-weight: 300;font-size: 16px;line-height: 203%;color: #2E2E2E;}
.benefit-box .benefit-item:nth-child(even) {background: #F4F3F9;flex-direction: row-reverse;padding: 30px 53px 10px 40px;}
.benefit-box .benefit-item:nth-child(1) {padding: 30px 0 0 40px;}


div.matter-tip {
    text-align: left;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-top: 30px;
}
div.matter-tip span{
    font-weight: 700;
}
div.try-box *{
    text-align: left;
}
.try-box {margin-top: 19px;}
.try-box .try-item, 
.try-box .try-item {display: flex;justify-content: space-between;align-items: center;width: 674px;background: #F5F5F5;border-radius: 7px;padding: 6px 6px 6px 28px;margin-top: 15px;}
.try-box .try-item .item-list {display: flex;align-items: center;font-weight: 300;font-size: 16px;line-height: 19px;color: #000000;}
.try-box .try-item .item-list p{padding:0;margin:0;}
.try-box .try-item .item-list img {margin-right: 21px;}
.try-box .try-item .item-list a {background: #4A34BE;border-radius: 5.60405px;padding: 12px 28px;font-weight: 400;font-size: 16.0116px;line-height: 19px;text-align: center;color: #FFFFFF;word-wrap: normal;white-space: nowrap;}

div.step-box *{text-align:left;}
.step-box {margin-top: 22px;}
.step-box .step-item {padding: 0 0 0 49px;position: relative;margin-top: 34px;}
.step-box .step-item .step-title {font-weight: 600;font-size: 20px;line-height: 24px;color: #000000;position: relative;}
.step-box .step-item .step-title::before {content: '';width: 18px;height: 18px;position: absolute;background: url(/images/circle-green.svg) no-repeat;background-size: 100% 100%;left: -48px;}
.step-box .step-item .step-desc {font-weight: 300;font-size: 18px;line-height: 186%;color: #2E2E2E;margin: 23px 0 25px;} 
.step-box .step-item .step-tip {font-weight: 300;font-size: 18px;line-height: 21px;color: #000000;margin-bottom: 25px;}
.step-box .step-item .step-tip span {font-weight: 700;}
.step-box .step-item::before {content: '';width: 2px;height: 95%;position: absolute;background: url(/images/line.svg) repeat-y;left: 6px;top: 5%;}


.main-title {
    text-align: left;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: #4A34BE;
    margin-bottom: 37px;
}
div.faq-box *{text-align:left;}
.faq-box .faq-item {margin-top: 31px;position: relative;}
.faq-box .faq-item .question {font-weight: 600;font-size: 24px;line-height: 28px;color: #000000;position: relative;padding-bottom: 21px;cursor: pointer;}
.faq-box .faq-item .question::after {position: absolute;content: '';width: 23px;height: 15px;background: url(/images/switch.svg) no-repeat;background-size: 100% 100%;right: 0;top: 20%;transform: rotate(180deg);transition: all 0.5s;}
.faq-box .faq-item .active::after {transform: rotate(0deg);transition: all 0.5s;}
.faq-box .faq-item .answer {display: none;overflow: hidden;}
.faq-box .faq-item .answer .text {font-weight: 300;font-size: 18px;line-height: 36px;color: #2E2E2E;padding: 0 0 19px;}
.faq-box .faq-item .landing-show {display: block;}
.faq-box .faq-item .related {padding-bottom: 50px;}
.faq-box .faq-item .related .text {font-weight: 600;font-size: 18px;line-height: 26px;color: #2E2E2E;width: 731.79px;background: #F7F7F7;border-radius: 10px;padding: 21px 26px;}
.faq-box .faq-item .related .text a {font-weight: 300;line-height: 26px;color: #2E2E2E;text-decoration-line: underline;}
.faq-box .faq-item::after {position: absolute;content: '';width: 100%;height: 1PX;border-bottom: 1px solid #F2F2F2;}

.fixed-box {z-index: 998;position: fixed;width: 235.85px;right: 0;top: 35%;background: linear-gradient(180deg, #4caf50 0%, #4CAF50 100%);border-radius: 10px 10px 30px 30px;display: flex;flex-direction: column;align-items: center;padding: 27px 20px;}
.fixed-box .title {font-weight: 600;font-size: 16px;line-height: 122%;text-align: center;color: #FFFFFF;margin: 15px 0 20px;}
.fixed-box .book-box {width: 194.68px;height: 181.73px;background: #FFFFFF;border-radius: 21.6933px;padding: 10px;}
.fixed-box .book-box .book {background: url(/images/fix-bg.svg) no-repeat;background-size: 100% 100%;padding: 18px 19px 18px 19px;}
.fixed-box .download-btn {margin-top: 26px;}
.fixed-box .download-btn a {padding: 8.5px 22.5px;background: #FFC061;border-radius: 39px;font-weight: 500;font-size: 16px;line-height: 36px;color: #040404;text-align: center;}
.fixed-box .download-btn a:hover {text-decoration-line: underline;}

.post-banner{
    background: linear-gradient(180deg, #4CAF50, #8BC34A);
}
.post-banner .button {
    background: linear-gradient(270deg, #8BC34A 0%, #4CAF50 100%);
}
.post-banner .button.mac{
    color:#55b24f !important;
}
a.mac, a.mac_down{
    border: 1px solid #55b24f !important;
    background: #fff !important;
    
}
a.win:hover, a.win_down:hover {
    background-color: #55b24f !important;
    border-color: #55b24f !important;
    color: #fff !important;
}
a.mac:hover, a.mac_down:hover {
    background-color: #55b24f !important;
    color: #fff !important;
    border-color: #fff !important;
}
ol, ul{
    margin-bottom: 0;
}

div.art-title{
    background: #fff url(../images/smc-banner.jpg) no-repeat center bottom;
    background-size: cover;
}
.guide_content a{
    color:#55b24f !important;
}
.article_body_left .summary{
    background: #55b24f2b;
}
.article_body_left strong,.article_body_left .summary strong{
    
}
.matter-box .verdict{
    border-left: 5px #4CAF50 solid;
    background: #55b24f2b;
}
.matter-box .verdict .verdict-text{
    color:#4CAF50;
}
.article_body_left>h2,.article_body_left>h4{
    border-left: 4px solid #4CAF50;
    background-color: #55b24f2b;
}
.article_body_left h3{
      color:#4CAF50;
  }
  .guide_content .top-download-right a{
      color:#fff !important;
  }
  .flex-box2 .flex-right .download-btn>div a{
      background: #4CAF50;
  }
  .article_body .article_body_left .note{
      background-color: #55b24f2b;
  }
  .side_nav_anchor{
      left: -600px;
      border: 1px solid #4CAF50;
  }
  .side_nav_anchor_btn,.side_nav_anchor a:before{
      background: #4CAF50;
  }
  .side_nav_anchor a{
      color:#4CAF50;
  }
  .side_nav_anchor ul {
    border-left: 2px dashed #4CAF50;
    
}
.side_nav_anchor_btn:hover{
    color:#4CAF50;
    border:1px solid #4CAF50;
}
.side_nav_anchor_btn{
    border:1px solid #4CAF50;
}
.side_nav_anchor_btn{
    color:#fff;
}
  .recommend .container .item .recommend-btn{
      color: #fff !important;
  }
  

  @media (max-width: 768px){
      .ScreenshotDiv_out{
        display: none;  
      }
      .mobile-style {display: block;}.pc-style {display: none !important;}
      .post-banner .boxes{
		              margin:auto;
		          }
		          .post-banner .boxes ul{
		              list-style: disc;
		          }
                .post-banner .boxes ul li {
                    padding: 10px 0;
                    
                }
.recommend{
    width: 100%;
}
  .recommend .container {
    
    flex-wrap: wrap;
}
  .recommend .container .item{
    width: 100%;
  }
  .recommend .container .item .recommend-btn{
      line-height: 52px;
  }
  .article_body_left div.artDet-menu-one{
      display: none;
  }
  .fixed-box{
      display: none !important;
      
  }
  html{font-size:.2666667vw}
  .article_body_left strong{
      font-size: 18px;
  }
  .article_body_left>h2{
      font-size: 20px;
      padding: 5px 0;;
  }
  .key-feature {padding: 25rem 20rem 38rem;border-radius: 10rem;}
  .key-feature .feature-title {font-size: 24rem;line-height: 28rem;}
  .key-feature .feature-item {padding: 17rem 0;}
  .key-feature .feature-item .item-list .feature-text {font-size: 16rem;line-height: 19rem;}
  .key-feature .feature-item .item-list img {width: 16rem;height: auto;}
  .key-feature .feature-item .item-list .feature-desc {font-size: 16rem;margin-top: 17rem;}
  .feature-btn {margin-top:33rem;justify-content:center;}
  .feature-btn .download {border-radius:8rem;padding:13rem 7rem;}
  .feature-btn .download a {font-size:13rem;line-height:18rem;}
  .feature-btn .download a img {width:19rem;height:19rem;margin-right:7rem;}
  .feature-btn .mac-download {margin-left:17rem;}
  .key-feature .feature-btn {margin-top: 33rem;justify-content: center;}
  .key-feature .feature-btn .download {border-radius: 8rem;padding: 13rem 7rem;}
  .key-feature .feature-btn .download a {font-size: 13rem;line-height: 18rem;}
  .key-feature .feature-btn .download a img {width: 19rem;height: 19rem;margin-right: 7rem;}
  .key-feature .feature-btn .mac-download {margin-left: 17rem;}
  .table-box{margin:46rem 0 28rem;border-radius:18rem;padding:12rem 8rem 11rem}
  .table-box .table-title{display:flex;align-items:center;margin-bottom:10rem}
  .table-box .table-title img{width:78rem;height:auto}
  .table-box .table-title span{display:inline-block;font-size:26rem;line-height:31rem}
  .table-box table{border-radius:12rem;padding:15rem 10rem 21rem}
  .table-box table tr{width:100%}
  .table-box table tr td{font-weight:400;padding-top:23rem;font-size:16rem;width:100%}
  .table-box table tr td:nth-child(1){font-weight:400;font-size:16rem;text-align:left;width:100%;vertical-align:middle}
  .table-box table tr:nth-child(odd) td{font-weight:600;font-size:16rem}
  .pros-box{padding-left:0}
  .pros-box .pros-title{font-size:18rem;line-height:140.5%;margin:36rem 0 23rem}
  .pros-box .flex-box{border-radius:8rem;flex-direction:column}
  .pros-box .flex-box .flex-item{font-weight:600;font-size:16rem;line-height:19rem;padding:20rem 13rem 16rem;flex:0}
  .pros-box .flex-box .flex-item .list{font-size:14rem;line-height:22rem;margin:10rem 0 0 26rem}
  .pros-box .flex-box .flex-item .list::before{width:14rem;height:14rem;left:-25rem;top:5rem}
  .try-box .try-item {width: 100%;margin-top: 15rem;border-radius: 7px;padding: 12rem 17rem;}
  .try-box .try-item .item-list {font-size: 14rem;line-height: 135%;}
  .try-box .try-item .item-list img {margin-right: 12rem;width: 21rem;height: auto;}
  .try-box .try-item .item-list a {border-radius: 4.26548rem;padding: 9rem 21rem;font-size: 12.1871rem;line-height: 14rem;}
  .video-box {flex-direction: column;}
  .video-box .video-left {flex: 0;}
  .video-box .video-left .video-question {font-size: 18rem;line-height: 32rem;}
  .video-box .video-left .answer {font-size: 16rem;line-height: 30rem;margin-top: 10rem;}
  .video-box .video-right {border-radius: 6rem;margin-top: 16rem;flex: 0;width: 100%;}
  .video-box .video-right iframe {border-radius: 6rem;width: 345.99rem;height: 213.25rem;}
  .video-box .video-right img {border-radius: 6rem;width: 345.99rem;height: 213.25rem;}
  .flex-box2{border-radius:11rem;flex-direction:column;padding:43rem 22rem 32rem 21rem;margin-top:25rem}
  .flex-box2 .flex-left{flex:0;width:100%}
  .flex-box2 .flex-left img{width:258rem;height:auto}
  .flex-box2 .flex-left a{font-size:16rem;line-height:19rem}
  .flex-box2 .flex-right{flex:0;width:100%;margin-top:24rem}
  .flex-box2 .flex-right .flex-title{font-size:18rem;line-height:21rem}
  .flex-box2 .flex-right .flex-desc{margin:14rem 0 25rem}
  .flex-box2 .flex-right .flex-desc ul li{font-size:14rem;margin:10rem 0 0 20rem}
  .flex-box2 .flex-right .download-btn{justify-content:space-around}
  .flex-box2 .flex-right .download-btn>div{height:42.1rem;border-radius:21.0511rem}
  .flex-box2 .flex-right .download-btn>div a{transform:translateY(-42.1rem)}
  .flex-box2 .flex-right .download-btn>div .btn-hide{padding:12.5rem 60rem}
  .flex-box2 .flex-right .download-btn>div .btn-hide img{width:18rem;height:auto}
  .flex-box2 .flex-right .download-btn>div .btn-show{padding:9rem 12rem}
  .flex-box2 .flex-right .download-btn>div .btn-show .btn-text{overflow:hidden;width:85rem}
  .flex-box2 .flex-right .download-btn>div .btn-show .btn-text .btn-title{font-size:12.9545rem;line-height:15rem}
  .flex-box2 .flex-right .download-btn>div .btn-show .btn-text .btn-desc{font-size:9.06817rem;transform:scale(.7);transform-origin:0 0;white-space:nowrap;line-height:100%}
  .flex-box2 .flex-right .download-btn>div .btn-show img{width:14rem;height:auto}
  .flex-box2 .flex-right .download-btn>div:nth-child(2){margin-left:17rem}
  .faq-box .faq-item{margin-top:20rem}
  .faq-box .faq-item .question{font-size:20rem;line-height:147.5%;padding-right:23rem}
  .faq-box .faq-item .question::after{width:21rem;height:14rem;top:30%}
  .faq-box .faq-item .answer .text{font-size:14rem;line-height:26rem;padding:0 0 19rem}
  .faq-box .faq-item .answer .text .green{font-size:14rem;line-height:26rem}
  .faq-box .faq-item .landing-show{max-height:800rem}
  .faq-box .faq-item .related{padding-bottom:37rem}
  .faq-box .faq-item .related .text{font-size:14rem;line-height:24rem;padding:10rem 18rem;width:90%}
  .faq-box .faq-item .related .text a{font-size:14rem;line-height:24rem}
  .faq-box .faq-item:nth-child(2) .answer .text img{margin-top:20rem;width:100%;height:auto}
  .limit-box {border-radius: 10rem;padding: 18rem 8rem 18rem 28rem;margin-top: 40rem;}
  .limit-box ul li {font-size: 16rem;line-height: 26rem;padding-top: 20rem;}
}