@charset "utf-8";

ins {
    margin: 20px 0;
}

#content-related-search {
    margin: 20px 0;
}

.cg-google-ad-wrap:has(> ins.adsbygoogle[data-adsbygoogle-status="done"][data-ad-status="unfilled"]) {
    display: none !important;
}

/* banner start */
.single_top_banner {
    background: #f8f6ff;
    min-height: 200px;
    color: #313131;
    background-size: cover;
    padding: 30px 0;
}

.single_top_banner .single_h1 {
    font-size: 36px;
    padding: 30px 0 20px;
    text-align: center;
}

.single_top_banner .author-img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 20px;
}

.main a {
    color: #5a35cf;
}

.info3_box a {
    font-weight: bold;
}

.info3_box .title_list a,
.info3_box .post-step-con a {
    font-weight: normal;
}

.main a:hover {
    color: #5a35cf;
}

@media (max-width: 992px) {
    .single_top_banner {
        min-height: auto;
        height: auto;
        padding-bottom: 10px;
    }

    .single_top_banner .single_h1 {
        padding: 0 0 10px;
        font-size: 32px;
    }
}

/* banner end */

/* 折扣 start */
.discount {
    display: none;
    position: fixed;
    top: 0;
    z-index: 101;
    width: 100%;
    height: 240px;
    background: #000 url(https://images.monimaster.com/monimasteren/assets/article/common/pouperBackGround.png) no-repeat 0 0;
}

.discount .base-maxwidth {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 25px;
}

.discount .base-maxwidth .couponImg {
    max-width: 250px;
    max-height: 186px;
}

.discount .base-maxwidth .discount-content {
    max-width: 800px;
    margin-left: 38px;
    font-family: Heebo;
}

.discount .discount-content .discount-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
}

.discount .discount-content .discount-title .discount-value {
    color: #ffe925;
}

.discount .discount-content .discount-copy {
    position: relative;
    width: 235px;
    margin: 17px 0 25px;
}

.discount .discount-content .discount-copy input {
    width: 235px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.37);
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding-left: 20px;
    opacity: 1;
    background-color: #ab92f8;
}

.discount .discount-content .discount-copy .copy-btn {
    position: absolute;
    left: 200px;
    top: 8px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.discount .discount-content .discount-jump .jump-link {
    display: inline-block;
    width: 200px;
    height: 56px;
    border-radius: 10px;
    background: #ffc225;
    padding: 15px 23px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: #403B3B;
}

.discount .base-maxwidth .close-btn {
    position: absolute;
    width: 28px;
    height: 28px;
    right: 20px;
    top: 16px;
    font-size: 26px;
    cursor: pointer;
    color: #fff;
    line-height: 15px;
    text-align: center;
    font-weight: bolder;
}

.discount .base-maxwidth .close-btn img {
    width: 100%;
    height: 100%;
}

.discount .base-maxwidth .popup-copy {
    display: none;
    position: absolute;
    width: 195px;
    height: 46px;
    border-radius: 35px;
    background: rgba(17, 17, 17, 0.77);
    color: #fff;
    text-align: center;
    padding: 12px 0 0 25px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.discount .base-maxwidth .popup-copy::before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/copy-check.svg) 0 0 / 100% 100% no-repeat;
    left: 23%;
}

@media (max-width: 568px) {
    .discount {
        height: 361px;
    }

    .discount .base-maxwidth .couponImg {
        display: none;
    }

    .discount .base-maxwidth {
        padding: 40px 15px;
        background: url(https://images.monimaster.com/monimasteren/assets/article/common/mCouponImg.png) no-repeat 0 150px / 100% 50%;
    }

    .discount .base-maxwidth .discount-content {
        text-align: center;
        margin: 0;
        font-size: 20px;
        line-height: 30px;
    }

    .discount .discount-content .discount-title .first-title {
        display: block;
        margin-bottom: 13px;
    }

    .discount .discount-content .discount-copy {
        margin: 26px auto 28px;
    }

    .discount .discount-content .discount-copy .copy-btn {
        left: 205px;
    }

    .discount .discount-content .discount-jump .jump-link {
        width: 240px;
    }

    .discount .base-maxwidth .close-btn {
        width: 20px;
        height: 20px;
    }
}

/* 广告 end */

/* 作者 start */
.post_author {
    background: #edeff3;
    padding: 30px;
    margin: 50px 0;
}

.post_author .author-img {
    margin: 0 15px;
    width: 10%;
}

.post_author .author-img img {
    border-radius: 50%;
}

.post_author p.desc {
    color: #666666;
    padding-bottom: 5px;
}

@media (max-width: 768px) {
    .post_author {
        flex-direction: column;
        align-items: center;
    }

    .post_author .author-img {
        margin: 0 0 10px;
        width: 100%;
        max-width: 100px;
        max-height: 100px;
    }
}

/* 作者 end */

/* 面包屑 start */
.breadcrumb_box {
    padding: 50px 0 0 0;
}

.breadcrumb_box .post_breadcrumb {
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-radius: none;
    list-style: none;
    flex-wrap: wrap;
}

.breadcrumb_box .post_breadcrumb li,
.breadcrumb_box .post_breadcrumb li a {
    font-size: 14px;
    color: #707070;
}

.breadcrumb_box .post_breadcrumb li span.home {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/home_icon.png) no-repeat 0 0;
    padding-right: 15px;
}

/* 面包屑 end */

/* 左侧边分享栏 start */

.left-menu.fixed-menu {
    position: fixed;
    top: 100px !important;
}

.left-menu {
    width: auto;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: calc((100% - 870px) / 2 - 330px);
    top: 300px;
    z-index: 10;
}

.left-menu .menu-content {
    width: 270px;
    padding-bottom: 30px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 20%);
}

.left-menu .menu-title {
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #2e2e2e;
}

.left-menu .menu-toggle {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 5px;
    color: #5a35cf;
    cursor: pointer;
}

.left-menu ul li {
    display: inline-block;
    line-height: 26px;
    padding: 0 20px;
}

.left-menu ul li:hover {
    background: rgba(90, 53, 207, 0.1);
}

.left-menu li a {
    position: relative;
    padding: 10px 0 10px 20px;
    color: #000;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.left-menu li:hover a {
    color: #5a35cf;
}

.left-menu li a::before {
    width: 0;
    height: 0;
    content: "";
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #666;
    left: 0;
    top: 17px;
    position: absolute;
}

.left-menu .menu-open {
    display: none;
    width: 40px;
    height: 40px;
    background: #5a35cf;
    color: #ffffff;
    cursor: pointer;
    transform: rotateY(180deg);
}

@media (max-width: 1600px) {
    .left-menu {
        left: 0;
    }

    .left-menu .menu-content {
        display: none;
    }

    .left-menu .menu-open {
        display: block;
    }
}

/* 左侧边分享栏 end */

/* 右侧边分享栏 start */
.right-menu.fixed-menu {
    position: fixed;
    top: 100px !important;
}

.right-menu {
    position: absolute;
    width: 280px;
    right: calc((100% - 890px) / 2 - 280px);
    top: 300px;
    z-index: 8;
    border-radius: 15px;
}

.right-menu-one {
    background: linear-gradient(334.16deg, #8470ff 25.96%, #e993ff 97.79%);
}

.right-menu-two {
    background: linear-gradient(160.77deg, #27dc9b -6.93%, #7d92fd 69.6%);
}

.right-menu-three {
    background: linear-gradient(168.89deg, #20e888 -8.11%, #3bb5d0 89.21%);
}

.right-menu-four {
    background: linear-gradient(161.84deg, #ff9cc5 -2.54%, #cc7eff 99.74%);
}

.right-menu-five {
    background: linear-gradient(158.68deg, #58A9FF 13.49%, #7468FF 109.82%)
}

.right-menu-six {
    background: linear-gradient(159.91deg, #3FD2FF -0.36%, #349DFF 110.01%);
}

.right-menu-seven {
    background: linear-gradient(162.14deg, #FF6A97 7.23%, #8A92FF 58.78%, #38F2FF 96.88%);
}

.right-menu-eight {
    background: linear-gradient(353.4deg, #5E69FF 7.86%, #27D4FF 96.18%);
}

.right-menu .right-content {
    padding: 20px 17px;
}

.right-menu .right-icon-box {
    display: flex;
    align-items: center;
}

.right-menu .right-icon-box img {
    width: 28px;
    height: 28px;
}

.right-menu .right-icon-box span {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    margin-left: 10px;
}

.right-menu .right-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    margin: 26px 0 20px;
    text-shadow: 0px 1px 5px #00000040;
}

.right-menu .right-title.no-shadow {
    text-shadow: none;
}

.right-menu.right-menu-seven .right-btn-box .left-btn {
    background: linear-gradient(163.25deg, #FFFFFF 10.99%, #FEE4FF 90.55%);
    color: #5A4EFF;
}

.right-menu.right-menu-eight .right-btn-box .left-btn {
    background: linear-gradient(163.25deg, #FFFFFF 10.99%, #C6DFFF 90.55%);
    color: #0589FF;
}

.right-menu .right-btn-box a {
    display: inline-block;
    width: 115px;
    height: 40px;
    border-radius: 7px;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    padding: 11px 0;
}

.right-menu .right-btn-box .left-btn {
    color: rgba(114, 76, 250, 1);
    background: linear-gradient(163.25deg, #FFFFFF 10.99%, #EBE4FF 90.55%);
}

.right-menu-five .right-btn-box .left-btn {
    color: #5B89FF;
    background: linear-gradient(163.25deg, #FFFFFF 10.99%, #E4EDFF 90.55%);
}

.right-menu .right-btn-box .right-btn {
    margin-left: 10px;
    color: #fff;
    background: linear-gradient(164.89deg, #ffe973 -3.03%, #ef9e24 74.28%);
}

.right-menu2 .right-btn-box .left-btn {
    color: #3c99b6;
    background: linear-gradient(163.25deg, #FFFFFF 10.99%, #E4EDFF 90.55%);
}

.right-menu3 .right-btn-box .left-btn {
    color: #08b4a0;
    background: linear-gradient(163.25deg, #FFFFFF 10.99%, #E4EDFF 90.55%);
}

.right-menu .right-menu-bottom {
    width: 100%;
    height: 100%;
}

.right-menu .right-menu-bottom img {
    width: 280px;
    height: 258px;
}

@media (max-width: 1200px) {
    .right-menu {
        display: none;
    }
}

/* 右侧边分享栏 end */

/* 评论 start */
.author-box .author2 p {
    padding-bottom: 0;
}

.author2 {
    text-align: center;
    padding: 30px 0 35px;
    margin-bottom: 50px;
    background-color: #f2f2f2;
    border-radius: 10px;
    cursor: pointer;
}

.author2 .star-big span {
    display: inline-block;
    transition: all linear 0.1s;
    width: 44px;
    height: 21px;
    margin: 0 -5px;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/star_big.png) no-repeat center -62px;
}

.author2 .star-big span.curr {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/star_big.png) no-repeat center 0;
}

.author2 .link {
    font-size: 14px;
    color: #2e2e2e;
    margin: 7px 0;
}

/* 评论蒙版 .mask */
.mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9999999999;
}

.mask .msg {
    position: absolute;
    top: 50%;
    margin-top: -140px;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    height: 280px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    border: solid 1px #e6e6e6;
    text-align: center;
}

.mask .msg svg {
    position: absolute;
    top: 22px;
    right: 22px;
    cursor: pointer;
}

.mask .msg img {
    margin: 90px 0 30px;
}

@media (max-width: 767px) {
    .mask .msg {
        margin-left: -150px;
        width: 300px;
        padding: 0 20px;
    }
}

/* review form */
/* reply area & Comments*/
.reply-area {
    margin-bottom: 100px;
}

.reply-area .article-maxwidth h3 {
    margin-bottom: 20px;
}

.reply-area .reply-article {
    position: relative;
    margin-bottom: 40px;
    margin-left: 40px;
}

.reply-area .item-more .more-item::before,
.reply-area .reply-card .card-item::before,
.reply-area .reply-article::before {
    position: absolute;
    left: -40px;
    top: 0;
    width: 32px;
    height: 32px;
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiMzMzRCQzAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgcng9IjgiLz48cmVjdCBmaWxsPSIjRkZGIiB4PSIuNjY3IiB5PSIuNjY3IiB3aWR0aD0iMzAuNjY3IiBoZWlnaHQ9IjMwLjY2NyIgcng9IjE1LjMzMyIvPjxwYXRoIGQ9Ik0xNiAwYTE2IDE2IDAgMCAwIDAgMzJjOC44MzcgMCAxNi03LjE2MyAxNi0xNlMyNC44MzcgMCAxNiAwem0tLjEwMiA1LjYwNmE0LjgyMSA0LjgyMSAwIDEgMSAwIDkuNjQzIDQuODIxIDQuODIxIDAgMCAxIDAtOS42NDN6TTcuNDY3IDI0LjczOGMtLjA1LTQuOTQgMi4zNjYtOC4wMDggNS4zOTMtOS4yMTRsMy4xMDggNS4xODYgMy4yNzUtNS4wNjZjMi45MiAxLjI4IDUuMjQxIDQuMzExIDUuMjg4IDkuMDk4LTUuMzcgMi4xMy0xMS4wMyAyLjI4My0xNy4wNjQtLjAwNHoiIGZpbGw9IiMzMzRCQzAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=) no-repeat;
}

.reply-area .reply-article .article-tip {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -95px;
    margin-top: -18px;
    font-size: 24px;
    font-family: "Open-Sans-Bold";
    font-weight: bold;
    color: #707070 !important;
    line-height: 28px;
    z-index: -1;
}

.reply-area .reply-article .article-textarea {
    width: 100%;
    resize: vertical;
    min-height: 132px;
    background: transparent;
    border-radius: 4px;
    border: 1px solid #d8dae6;
    padding: 10px;
    line-height: 28px;
    position: relative;
    font-size: 20px;
}

.reply-area input,
.reply-area textarea {
    border: 0;
    outline: none;
}

.reply-area .reply-card {
    background: #ffffff;
    position: relative;
}

.reply-area .reply-card .card-item::before {
    top: 30px;
    left: -40px;
}

.reply-area .reply-card .card-item {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
    max-width: 780px;
    min-height: 132px;
    padding: 30px 0;
    border-bottom: 1px solid #d8dae6;
    position: relative;
}

.reply-area .reply-card .card-item:first-child {
    border-top: 1px solid #d8dae6;
}

.reply-area .card-item .item-name {
    font-size: 16px;
    font-family: "Open-Sans-Bold";
    font-weight: bold;
    color: #2c2935;
    line-height: 28px;
    margin: 0 0 10px 0;
}

.reply-area .card-item .item-name span {
    color: #545465;
    font-family: "Open Sans";
    font-weight: normal;
}

.reply-area .card-item .item-desc {
    color: #2c2935;
    margin-bottom: 10px;
}

.reply-area .card-item .item-other {
    display: flex;
    justify-content: space-between;
}

.reply-area .item-other .other-date {
    color: #707070;
}

.reply-area .item-other .other-reply {
    position: relative;
    cursor: pointer;
}

.reply-area .item-other .other-reply::before {
    content: "";
    position: absolute;
    left: -23px;
    top: 0;
    width: 18px;
    bottom: 0;
    margin: auto;
    height: 15px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOCAxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4zMTIgNC4wMzhWMEwuMzUyIDYuMTY5YS45ODQuOTg0IDAgMCAwIDAgMS41MDhsNi45NiA2LjE3di00LjA0YzMuOTM4IDAgNy41OTQuODY2IDEwLjY4OCA1LjE5M0MxNi41OTQgNi45MjMgMTAuNjg3IDQuMDM4IDcuMzEyIDQuMDM4IiBmaWxsPSIjNTQ1NDY1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) no-repeat;
}

.reply-area .card-item .item-more {
    background: #f0f2fa;
    padding: 30px 30px 20px;
    margin-top: 20px;
    position: relative;
    order: 1;
    border-radius: 4px;
}

.reply-area .card-item .item-more::before {
    content: "";
    display: block;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 40px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #f0f2fa transparent;
}

.reply-area .item-more .more-item {
    position: relative;
    margin: 0 0 30px 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d8dae6;
}

.reply-area .item-more .more-item:last-of-type {
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: unset;
}

.reply-area .item-more .more-item.unictool::before {
    background: url("https://images.monimaster.com/monimasteren/assets/article/common/CG.svg") no-repeat;
    background-size: cover;
}

.reply-area .reply-card .card-choice,
.reply-area .item-more .more-choice {
    font-family: "Open-Sans-Bold";
    font-weight: bold;
    color: #334bc0;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin-top: -10px;
}

.reply-area .reply-card .card-choice::before,
.reply-area .item-more .more-choice::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 8px;
    margin-left: 94px;
    margin-top: -2px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjIxNSAxLjM3TDYuNDY3IDYuNzk1YTEgMSAwIDAgMS0xLjUwNSAwTC4yMTUgMS4zN2EuODY4Ljg2OCAwIDAgMSAwLTEuMTQzLjY2NC42NjQgMCAwIDEgLjkzNy0uMDYzbC4wNjMuMDYzIDQuNSA1LjE0MyA0LjUtNS4xNDNhLjY2NC42NjQgMCAwIDEgLjkzNy0uMDYzbC4wNjMuMDYzYS44NjguODY4IDAgMCAxIDAgMS4xNDN6IiBmaWxsPSIjMzM0QkMwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
}

.reply-area .item-more .more-choice {
    padding-top: 20px;
    border-top: 1px solid #d8dae6;
    margin-top: 30px;
}

.reply-area .item-more .more-choice::before {
    margin-top: 8px;
}

.reply-area .reply-card .card-choice {
    margin-top: 30px;
}

/* review form */
.review-form {
    margin-top: 30px;
}

.reply-area .reply-article div.error,
.review-form .form-review div.error {
    position: absolute;
    bottom: -27px;
    left: 0;
    font-size: 14px;
    color: #D10000;
    line-height: 20px;
}

.review-form .form-review {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

.base-hidden {
    display: none;
}

.review-form .form-review .flex1 {
    flex: 1;
    width: 100%;
    margin-right: 30px;
}

.review-form .form-review .flex1:last-child {
    margin-right: 0;
}

.review-form .form-review .review-box {
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
}

.review-form .form-review .review-star {
    display: flex;
}

.review-form .form-review .review-label {
    font-size: 16px;
    color: #2c2935;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
}

.review-form .form-review .review-textarea {
    min-height: 132px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #d8dae6;
    padding: 10px;
}

.review-form .review-label span {
    color: #D10000;
    transform: translateY(3px) translateX(-5px);
    display: inline-block;
}

.review-form .form-review input,
.review-form .form-review textarea {
    width: 100%;
    height: 48px;
    padding: 10px;
    background: #ffffff;
    border-radius: 4px;
    border: 1px solid #d8dae6;
    font-size: 16px;
    line-height: 28px;
}

.review-form .review-code {
    display: flex;
    align-items: center;
    width: 100%;
}

.review-form .review-code input {
    display: inline-block;
    max-width: 375px;
}

.review-form .base-btn {
    width: 180px;
    height: 48px;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    cursor: pointer;
    text-align: center;
}

.review-form .base-btn-blue {
    display: inline-block;
    background-color: #334bc0;
    color: #fff;
    margin-right: 15px;
}

.review-form .base-btn-blue:hover {
    background-color: #3356ff;
}

.review-form .base-btn-white {
    border: solid 1px #d8dae6;
    background-color: #fff;
}

.review-form .base-btn-white:hover {
    color: #3356ff;
    border-color: #3356ff;
}

.review-form .review-code .img {
    width: 146px;
    height: 48px;
    margin-left: 30px;
    margin-right: 20px;
    background: #d8d8d8;
    border-radius: 4px;
}

.review-form .review-code a {
    font-size: 16px;
    color: #334bc0;
    line-height: 28px;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .reply-area h3 {
        margin-bottom: 20px;
    }

    .reply-area .reply-article .article-tip {
        font-size: 20px;
    }

    .reply-area .item-more .more-item::before,
    .reply-area .reply-card .card-item::before,
    .reply-area .reply-article::before {
        width: 24px;
        height: 24px;
        left: -34px;
        background-size: cover;
    }

    .reply-area .reply-card .card-item::before {
        top: 20px;
    }

    .reply-area .reply-article {
        margin-left: 34px;
        margin-bottom: 30px;
    }

    .reply-area .reply-article::after {
        bottom: -30px;
    }

    .reply-area .reply-card .card-item {
        margin-left: 34px;
        padding: 20px 0;
    }

    .reply-area .reply-article .article-textarea {
        line-height: 16px;
        min-height: 112px;
    }

    .review-form .form-review .flex1 {
        margin-right: 0;
    }

    .review-form .review-label span {
        transform: translateY(2px) translateX(0);
        margin-right: 5px;
    }

    .review-form .form-review .review-label {
        font-size: 12px;
        line-height: 16px;
    }

    .reply-area .reply-article div.error,
    .review-form .form-review div.error {
        line-height: 14px;
        font-size: 13px;
        transform: scale(0.83) translate(-21px, -12px);
    }

    .review-form .form-review div.error {
        transform: scale(0.83) translate(-25px, -10px);
    }

    .review-form .review-code .img {
        width: 87px;
        margin-left: 12px;
        margin-right: 12px;
    }

    .review-form .form-review input,
    .review-form .form-review textarea {
        font-size: 12px;
    }

    .review-form .form-review {
        flex-direction: column;
    }

    .reply-area .base-btn {
        width: 148px;
        height: 44px;
        line-height: 20px;
    }

    .mr15 {
        margin-right: 13px;
    }

    .mr30 {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .review-form .form-review .mr30 div.error {
        transform: scale(0.83) translate(-15px, -10px);
    }

    .reply-area .card-item .item-name {
        line-height: 18px;
        font-size: 13px;
        margin-bottom: 8px;
    }

    .reply-area .card-item .item-desc {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 14px;
    }

    .reply-area .item-other .other-date {
        font-size: 12px;
        line-height: 16px;
    }

    .reply-area .item-other .other-reply::before {
        width: 16px;
        height: 13px;
        background-size: cover;
    }

    .reply-area .card-item .item-more {
        margin-top: 14px;
        padding: 20px 10px;
    }

    .reply-area .reply-card .card-choice::before,
    .reply-area .item-more .more-choice::before {
        width: 9px;
        height: 5px;
        margin-left: 85px;
        background-size: cover;
    }

    .reply-area .item-more .more-item {
        padding-bottom: 24px;
        margin-left: 34px;
        margin-bottom: 20px;
    }

    .reply-area .item-more .more-item:last-of-type {
        margin-bottom: 0;
    }

    .reply-area .reply-card .card-choice,
    .reply-area .item-more .more-choice {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0;
    }

    .reply-area .reply-card .card-choice {
        margin-top: 30px;
    }

    .reply-area .card-item .review-form {
        margin-top: 24px;
    }

    .reply-area .item-more .base-btn {
        width: 121px;
    }

    .reply-card .form-review div.error {
        transform: scale(0.83) translate(-20px, -10px);
    }

    .review-form .form-review .review-textarea {
        min-height: 116px;
    }

    .reply-area .item-more .more-choice {
        padding-top: 20px;
        border-top: 1px solid #d8dae6;
        margin-top: 24px;
    }

    .reply-area .item-more .more-choice::before {
        top: 20px;
    }
}

@media (max-width: 575px) {

    .reply-area .base-btn,
    .reply-area .item-more .base-btn {
        width: calc(50% - 10px);
        margin-right: 10px;
    }
}

.reply-popups {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 103;
}

.reply-popups .msk {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.reply-popups .popups-main {
    position: absolute;
    width: 30%;
    min-width: 300px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background: #fff;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    padding: 30px;
}

.reply-popups svg {
    position: absolute;
    top: 22px;
    right: 22px;
    cursor: pointer;
}

.reply-popups img {
    margin-bottom: 30px;
}

.reply-popups .popups-info {
    text-align: center;
}

/* 评论 end */

/* 底部文章推荐 start*/
.small_dian {
    padding: 0 !important;
    margin: 30px 0;
}

.small_dian .ul_title {
    background: #ffffff;
    font-size: 30px;
    padding: 10px 0;
    margin: 15px 0;
    line-height: 30px;
    font-weight: 600;
}

.small_dian li {
    margin-left: 20px;
    margin-top: 3px;
    line-height: 1.5;
}

.small_dian li:has(.ul_title) {
    list-style-type: none;
    margin-left: 0;
}

.small_dian li a {
    color: #2e2e2e;
    font-weight: normal;
}

.small_dian li a:hover {
    color: #5a35cf;
}

/* 底部文章推荐 end */

h1,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

h2 {
    font-weight: 600;
}

h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.info3_box {
    background: #edeff3;
    padding: 30px 0 100px;
}

.info3_box ul,
.info3_box ol {
    list-style-type: disc;
    padding-left: 40px;
}

.info3_box ul li,
.info3_box ol li {
    line-height: 26px;
}

.info3_box ul.list-paddingleft,
.info3_box ol.list-paddingleft {
    text-align: left !important;
}

.info3_box ul.list-paddingright,
.info3_box ol.list-paddingright {
    text-align: right !important;
}

.info3_box ul.list-paddingleft.li-mb20 li:not(:last-child) {
    margin-bottom: 20px;
}

.info3_box ul.list-paddingleft-2 li:has(img),
.info3_box li:has( > ul),
.info3_box li:has( > ol) {
    list-style: none;
}

.info3_box p {
    margin: 0 0 10px;
}

.info3_box a:hover {
    text-decoration: underline;
}

.single_box_center {
    background: #fff;
    padding: 30px;
}

[data-product="MoniMaster Video"] .declaration-text {
    display: none;
}

@media (max-width: 1800px) {
    .info3_box {
        padding-bottom: 50px;
    }
}

@media (max-width: 586px) {
    .info3_box {
        background-color: #fff;
    }

    .single_box_center {
        padding: 30px 10px;
    }
}

/* start  */

/* CSS Document */
.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}

.main .container {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.category_box {
    background: #e6e6e6;
}

.hottest_box {
    padding: 30px 0;
}

.hottest_box .text {
    color: #2e2e2e;
}

.hottest_box .text:hover,
.hottest_box .text:focus {
    color: #5a35cf;
    text-decoration: underline;
}

.lasest_box_com {
    display: block;
    padding: 20px 0 0 20px;
    color: #666666;
    margin-bottom: 20px;
}

.col-md-6 .col-md-12 {
    padding: 0;
}

.lasest_box_com:hover {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    border-radius: 10px;
    text-decoration: none;
}

.lasest_box_com .title {
    font-size: 24px;
    color: #2e2e2e;
}

.lasest_box_com .text {
    font-size: 18px;
    margin-top: 20px;
    color: #666;
}

.lasest_box_com .date {
    color: #999;
    padding-bottom: 30px;
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
}

.lasest_box_com:hover .date {
    border-bottom: 1px solid transparent;
}

.singlelistpagination {
    text-align: center;
    margin-bottom: 50px;
}

.singlelistul>li>a {
    margin: 0 5px;
    color: #2e2e2e;
}

.singlelistul>li>a.more {
    border: none;
}

.singlelistul>li>a:hover {
    background: #5a35cf;
    color: #fff;
}

.singlelistul>.active>a,
.singlelistul>.active>span,
.singlelistul>.active>a:hover,
.singlelistul>.active>span:hover,
.singlelistul>.active>a:focus,
.singlelistul>.active>span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #5a35cf;
    border-color: #5a35cf;
}

.single_h3 {
    margin-bottom: 0;
}

.lasest_box_single {
    margin-top: 30px;
}

.lasest_box_com2 {
    padding: 0 0 5px 0;
}

.lasest_box_com2 p {
    margin: 0 0 5px;
}

.lasest_box_com2 .text {
    margin-top: 0;
}

.single_box_center h2 {
    font-size: 30px;
    padding: 10px 0;
    margin-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #dddddd;
    line-height: 40px;
}

.single_box_center h3 {
    font-size: 24px;
    padding-bottom: 5px;
}

.single_box_center h3:before {
    content: "";
    border-left: 6px solid #5a35cf;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    transform: translateY(5px);
}

.single_box_center h4 {
    font-size: 20px;
    padding-bottom: 15px;
}

.single_box_center h5 {
    font-size: 16px;
    padding-bottom: 15px;
    font-weight: 600;
}

.single_box_center h6 {
    font-size: 14px;
    padding-bottom: 15px;
    font-weight: 600;
}

.single_box_center p {
    padding-bottom: 15px;
}

.related_box {
    padding: 20px 0;
}

.related_list {
    background: #edeff3;
    padding: 15px 0;
}

.related_list ul {
    padding: 0 0 0 32px;
}

.related_list ul li {
    line-height: 1.5;
}

.related_list ul li a {
    color: #2e2e2e;
}

.related_list ul li a:hover {
    color: #5a35cf;
}

.single_fixed {
    position: fixed;
    top: 300px;
    left: 6%;
    width: 220px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.single_fixed h2 {
    font-size: 20px;
    color: #fff;
    background: #5a35cf;
    text-align: center;
    padding: 14px 0;
    margin: 0;
}

.single_fixed .tabBox_side {
    margin-top: 40px;
}

.single_fixed .tabNav_side dt {
    cursor: pointer;
    font-size: 20px;
    padding: 10px 0;
}

.single_fixed .tabNav_side dt .icon {
    font-size: 14px;
    float: right;
    top: 6px;
}

.single_fixed .tabNav_side dt a,
.single_fixed .tabNav_side dt a:hover {
    text-decoration: none;
    color: #2e2e2e;
    padding: 0 8px 0 0;
}

.single_fixed .tabNav_side {
    padding: 0 20px 30px 20px;
}

.single_fixed .tabNav_side ul {
    padding-left: 30px;
}

.single_fixed .tabNav_side ul li {
    font-size: 18px;
}

.single_fixed .tabNav_side ul li a {
    font-size: 16px;
    display: block;
    padding: 3px 0;
    line-height: 1.25;
    color: #2e2e2e;
}

.single_fixed .tabNav_side ul li:hover {
    color: #5a34cf;
}

.single_fixed .tabNav_side ul li a:hover {
    text-decoration: none;
    color: #5a34cf;
}

.post_note {
    background: #edeff3;
    padding: 15px;
    margin-top: 50px;
    font-size: 14px;
}

.post_step {
    font-size: 24px;
    color: #5a35cf;
}

.post_step_2 {
    font-size: 16px;
    color: #5a35cf;
}

.post_num {
    font-size: 16px;
    color: #5a35cf;
    font-weight: bold;
}

.post_note_2 {
    border: 1px solid #d2d2dc;
    background: #edeff3;
    color: #666;
    padding: 30px 50px 30px 35px;
    margin-bottom: 25px;
}

.post_note_2 .title {
    font-weight: bold;
    display: block;
    color: #2e2e2e;
}

.post_note_2 .text_padding {
    padding-left: 0 !important;
}

.post_list {
    background: #edeff3;
    padding: 15px 0;
}

.post_list ul li {
    font-size: 12px;
    color: #357cfe;
}

.post_list ul li a {
    font-size: 16px;
    line-height: 1.75;
}

.live-bt {
    width: 200px;
    font-size: 18px;
    height: 52px;
    color: #5a35cf;
    text-decoration: none;
    padding: 13px 0;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    border: 2px solid #5a35cf;
}

.live-bt:hover {
    color: #5a35cf;
    text-decoration: none;
}

embed,
iframe,
object,
video {
    max-width: 100%;
}

.video-box {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*表格*/
.post_box .table-bordered {
    margin: 0px auto 30px;
    text-align: center;
    width: 908px;
    border: 1px solid #ddd;
}

.post_box .table-bordered tr {
    height: 38px;
    line-height: 22px;
    background-color: #e7eff9;
}

.post_box .table-bordered tr td {
    vertical-align: middle;
    padding: 10px;
}

.post_box .table-bordered tr:first-child a {
    color: #fff
}

.post_box .table-bordered tr:first-child a:hover {
    color: #fff
}

.post_box .table-bordered tr:first-child {
    color: #fff;
    height: 22px;
    line-height: 22px;
    background-color: #5a35cf;
}

.post_box .star {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/star.png) no-repeat center;
    display: inline-block;
    height: 15px;
    overflow: hidden;
    vertical-align: middle;
    width: 15px;
}

.post_box ul.two_columns {
    width: 650px;
    overflow: hidden;
}

.post_box ul.two_columns li {
    width: 49%;
    float: left;
}

.list-no-p p {
    padding: 0 !important;
}

.bottom_btlink {
    margin: 20px 0;
}

.bottom_btlink a {
    display: inline-block;
    width: 218px;
    height: 56px;
    font-size: 18px;
    line-height: 56px;
    margin: 0 20px;
    border-radius: 5px;
    vertical-align: top;
}

.bottom_btlink .all {
    background: #5a35cf;
    color: #fff;
}

.bottom_btlink .view {
    border: 2px solid #5a35cf;
    color: #5a35cf;
    width: 216px;
    height: 54px;
    line-height: 54px;
}

.single_box_center li p {
    line-height: 26px;
    padding: 0px;
    margin: 0px;
}

.sign-buy {
    text-align: center;
}

.sign-buy a {
    font-size: 18px;
    display: inline-block;
    width: auto;
    padding: 0 20px;
    min-width: 218px;
    height: 56px;
    line-height: 56px;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    vertical-align: text-top;
    margin: 0 20px;
    cursor: pointer;
    text-decoration: none;
}

.sign-buy a.buy {
    background-color: #5a35cf;
}

.sign-buy a.buy:hover {
    background-color: #4d2eb2;
    text-decoration: none;
    color: #fff;
}

.sign-buy a.sign {
    border: solid 2px #5a35cf;
    color: #5a35cf;
}

.sign-buy a.sign:hover {
    color: #fff;
    border: solid 2px #4d2eb2;
    background: #4d2eb2;
    text-decoration: none;
}

span.triangle::before {
    display: inline-block;
    content: "";
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 7px solid #5a35cf;
    border-bottom: 5px solid transparent;
}

span.triangle {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
}

.indent.curr {
    text-indent: 2em;
}

span.circle {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #5a35cf;
    margin-right: 8px;
}

/*
新增note样式
*/
.article-note {
    margin: 30px 0;
    border: solid 1px #ffc993;
    padding: 25px 30px 0 75px;
    background: #fef7f0 url(https://images.monimaster.com/monimasteren/assets/article/common/note_icon_new.png) no-repeat 25px 25px;
}

.article-note span.note-title {
    color: #A85600;
    font-weight: bold;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
}

.article-note p {
    color: #2e2e2e;
    margin-top: 5px;
    margin-top: 5px;
    line-height: 26px;
}

/*
新增question样式
*/
.aticle-question {
    margin: 30px 0;
    border: solid 1px #96e0ef;
    padding: 25px 30px 25px 75px;
    background: #effbfe url(https://images.monimaster.com/monimasteren/assets/article/common/question_icon.png) no-repeat 25px 25px;
}

.aticle-question .article-title {
    color: #007B94;
    font-weight: bold;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
}

.aticle-question p {
    margin-top: 5px;
    line-height: 26px;
}

.article-hot {
    display: inline-block;
    width: 40px;
    height: 20px;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/icon2.png) no-repeat -135px -160px;
    vertical-align: middle;
}

.article-props,
.article-cons {
    border: solid 2px #5a35cf;
    display: inline-block;
    width: 400px;
    background-color: #ffffff;
    border-radius: 4px;
    vertical-align: text-top;
    margin: 30px 14px 0;
    text-align: left;
    padding-bottom: 24px;
}

.article-props {
    border: solid 2px #5a35cf;
}

.article-props h4,
.article-cons h4 {
    background: #5a35cf;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    color: #fffefe;
    padding-left: 30px;
    margin-top: 0;
}

.article-props h4 {
    background: #5a35cf;
}

.article-cons h4 {
    background: #cd3528;
}

.article-cons {
    border: solid 2px #cd3528;
}

.article-dian .dian-span {
    color: #2e2e2e;
    font-weight: bold;
}

.article-dian {
    line-height: 26px;
}

.post_box p {
    line-height: 26px;
}

.article-dian .dian-span:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #ff9933;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 100%;
}

.article-center {
    text-align: center;
}

.article-center .hotter-box {
    display: flex;
    padding: 40px 50px 40px 30px;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #f2f2f2;
}

.article-center .hotter-box .hotter-left {
    width: 120px;
    flex-shrink: 0;
    margin-right: 40px;
}

.article-center .hotter-box .hotter-left img {
    width: 100%;
}

.article-center .hotter-product {
    margin: 40px 0 40px;
}

.article-center .hotter-product .product-title {
    font-size: 24px;
    color: #3d3c3c;
    font-weight: bold;
    padding-left: 12px;
    border-left: 6px solid #5a35cf;
    margin-bottom: 20px;
}

.article-center .hotter-product .hotter-right .hotter-title {
    font-size: 18px;
    color: #2e2e2e;
    font-weight: bold;
}

.article-center .hotter-product .hotter-right .hotter-title:hover {
    color: #5a35cf;
    text-decoration: none;
}

.article-center .hotter-product .hotter-right .hotter-desc {
    margin: 30px 0 25px;
}

.article-center .hotter-product .hotter-link {
    display: flex;
}

.article-center .hotter-product .hotter-link a {
    font-size: 16px;
    text-align: center;
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
}

.hotter-product .hotter-link .hotter-monitor {
    color: #fff;
    background: #5a35cf;
    margin-right: 20px;
}

.hotter-product .hotter-link .hotter-monitor:hover {
    text-decoration: none;
    background: #4d2eb2;
}

.article-center .hotter-product .hotter-link .hotter-view {
    color: #fff;
    background: #fea211;
}

.article-center .hotter-product .hotter-link .hotter-view:hover {
    background-color: #da8b0f;
    text-decoration: none;
}

.article-center .feature-title {
    margin-top: 40px;
    font-size: 24px;
    color: #3d3c3c;
    font-weight: bold;
    padding-left: 12px;
    border-left: 6px solid #5a35cf;
    margin-bottom: 20px;
}

.features_product {
    padding: 50px 20px 40px;
    border: solid 1px #ddd;
    width: 941px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.features_product .title a{
    text-decoration: underline;
}

.features_product .left_content {
    width: 660px;
    padding: 0 20px 0 0;
    text-align: left;
}

.features_product .left_content .buy_try_link {
    display: inline-block;
    margin-top: 20px !important;
}

.features_product .left_content .buy_try_link a:nth-child(1) {
    margin-left: 0;
}

.features_product .left_content p.title {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin: 0 0 10px 40px;
}

.features_product picture {
    margin-top: 10%;
}

.features_product .left_content ul {
    text-align: left;
    list-style-type: none;
}

.features_product .left_content ul li {
    position: relative;
    color: #666;
    padding-left: 18px;
    margin-bottom: 10px;
}

.features_product .left_content ul li p {
    margin: 0 !important;
}

.features_product .left_content ul li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #f93;
    position: absolute;
    left: 0;
    top: 10px;
}

.features_product .sign-buy {
    display: flex;
    justify-content: flex-start;
    margin-left: 40px;
}

.features_product .sign-buy a {
    margin: 0;
}

.features_product .sign-buy .sign {
    margin-right: 40px;
}

@media (max-width: 1024px) {
    .hotter-product .hotter-link .hotter-monitor {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .article-center .hotter-product .hotter-link {
        display: block;
    }

    .feature-title {
        margin-bottom: 0;
    }

    .video-box .feature-title {
        margin-bottom: 30px;
    }
}

/* article-left */
.article-left {
    -webkit-box-shadow: 0 0 20px #c7c7c7;
    -moz-box-shadow: 0 0 20px #c7c7c7;
    box-shadow: 0 0 20px #c7c7c7;
    padding-bottom: 20px;
    margin: 40px 0;
}

.menu-left ul,
.menu-right ul {
    padding-left: 0;
}

.article-ul li a {
    text-decoration: none;
    color: #2e2e2e;
    line-height: 50px;
    padding-left: 40px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

.article-ul li a:hover {
    color: #5a35cf;
}

.article-ul li a.curr {
    background: rgba(90, 53, 207, 0.1);
    color: #5a35cf;
}

.article-ul li a.curr:before {
    content: "";
    width: 3px;
    height: 50px;
    background: #5a35cf;
    display: inline-block;
    position: absolute;
    left: 0;
}

.how-tos .title-box .col-md-3,
.how-tos .title-box .col-md-6 {
    width: unset !important;
}

.container .col-md-3.menu-left {
    width: 210px;
}

.container .col-md-3.menu-right {
    width: 230px;
}

.container .col-md-3.menu-left,
.container .col-md-3.menu-right {
    padding: 0;
}

.container .col-md-6 {
    padding: 0 20px;
    width: calc(100% - 440px);
}

/* article-right */
.menu-left ul li,
.menu-right ul li {
    list-style: none;
}

.article-right {
    width: 100%;
    border-radius: 10px;
    border: 2px solid #f2f2f2;
    padding: 20px 19px 28px;
    margin: 40px 0;
}

.article-right .hot-title {
    font-size: 18px;
    font-weight: bold;
    color: #2e2e2e;
    line-height: 26px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e6e6e6;
}

.article-right .hot-title::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 20px;
    line-height: 26px;
    margin-right: 6px;
    background: url("https://images.monimaster.com/monimasteren/assets/article/common/hot_article.png") no-repeat;
}

.article-right .hot-article a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
}

.article-right .hot-article a:hover {
    text-decoration: underline;
    color: #5a35cf;
}

.tabBox-title-left,
.tabBox-title-right {
    position: fixed;
    width: 50px;
    height: 50px;
    padding: 0;
    background: rgba(161, 104, 228, 0.7);
    display: none;
}

.tabBox-title-left {
    left: 0;
    top: 105px;
}

.tabBox-title-right {
    right: 0;
    top: 160px;
}

.tabBox-title-left svg {
    margin: 5px 0 0 5px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.tabBox-title-right svg {
    margin: 5px 0 0 5px;
}

/*
新增question样式
*/
@media (min-width: 992px) and (max-width: 1199px) {
    .features_product {
        width: 100%;
    }

    .features_product .left_content {
        width: 70%;
        padding: 0 20px 0 10px;
    }
}

@media (max-width: 991px) {
    .features_product {
        width: 100%;
    }

    .features_product .left_content {
        width: 65%;
        padding: 0 20px 0 10px;
    }

    .features_product .left_content .buy_try_link {
        display: block;
        text-align: center;
    }

    .features_product .left_content .buy_try_link a:nth-child(1) {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .post_box ul.two_columns {
        width: auto;
        padding: 0 0 0 20px;
    }

    .post_box ul.two_columns li {
        width: 45%;
        float: left;
    }

    .post_box ul.two_columns li:nth-child(odd) {
        margin-right: 25px;
    }

    .category_box_ul li {
        width: 100%;
        border-bottom: 1px solid #cccccc;
        border-right: none;
    }

    .category_box_ul li.have_border {
        border-bottom: 1px solid #cccccc;
        border-left: none;
    }

    .more_category {
        width: 100%;
        left: 0;
    }

    .post_note_2 {
        padding: 15px 30px;
    }

    .features_product,
    .features_product .left_content {
        width: auto;
    }

    .features_product .left_content {
        padding: 0 5px;
        margin-top: 20px;
        width: 100%;
    }

    .features_product picture {
        display: block;
        margin: 0 auto;
    }

    .features_product {
        width: 100%;
        flex-direction: column;
        padding: 20px 10px;
    }

    .features_product .left_content ul {
        padding-left: 0;
    }

    .features_product .sign-buy {
        flex-direction: column;
        margin-left: 0;
        align-items: center;
    }

    .features_product .sign-buy .sign {
        margin-right: 0;
    }

    .features_product .sign-buy a {
        margin-top: 20px;
    }

    .features_product .left_content p.title {
        text-align: center;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .category_box_ul li {
        width: 152px;
    }

    /* new-article */
    .article-center .hotter-box {
        text-align: center;
        flex-wrap: wrap;
        padding: 20px;
    }

    .article-center .hotter-product .product-title {
        margin-bottom: 30px;
    }

    .article-center .hotter-box .hotter-left {
        width: 120px;
        margin: 0 auto 20px auto;
    }

    .article-center .hotter-product .hotter-box .hotter-title {
        margin: 0 auto;
    }

    .article-center .hotter-product .hotter-link a {
        font-size: 18px;
        width: 220px;
        height: 50px;
        line-height: 50px;
    }
}

@media (max-width: 1819px) {
    .single_fixed {
        position: relative;
        width: 100%;
        margin-top: 20px;
        top: 0;
        left: 0;
    }
}

@media (max-width: 640px) {
    .single_box_center .sign-buy .sign {
        margin-top: 20px;
    }

    .sign-buy a:nth-child(2) {
        margin-top: 20px;
    }

    .article-props,
    .article-cons {
        max-width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

/* 新增模块 */

@media screen and (max-width: 1024px) {
    .hotter-product .hotter-link {
        display: block;
    }

    .hotter-product .hotter-link .hotter-monitor {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .article-center .hotter-box {
        padding-left: 0;
        padding-right: 0;
    }

    .article-center .hotter-box .hotter-left {
        text-align: center;
        margin-right: 0;
    }

    .hotter-product .hotter-link .hotter-monitor {
        margin-right: 20px;
    }

    .tabBox-title-left,
    .tabBox-title-right {
        display: block;
    }

    .article-left,
    .article-right {
        margin: 0;
        position: absolute;
        right: 0;
        z-index: 99;
        background: #fff;
        border: 1px solid #f2f2f2;
        box-shadow: unset;
        display: none;
    }

    .article-left {
        width: 270px;
        left: 0;
    }

    .article-right {
        width: 260px;
        border-radius: 0;
    }

    .article-left.curr,
    .article-right.curr {
        display: block;
    }

    .tabBox-title-left.curr {
        left: 270px;
        position: absolute;
        background: rgba(161, 104, 228, 0.7);
    }

    .tabBox-title-right.curr {
        right: 260px;
        position: absolute;
        background: rgba(161, 104, 228, 0.7);
    }

    .tabBox-title-left.curr svg {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .tabBox-title-right.curr svg {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    .personal-comments h3 {
        font-size: 24px;
        line-height: 32px;
        font-weight: normal;
    }

    .col-md-3,
    .col-md-6 {
        width: unset !important;
        position: static;
    }

    .col-md-3 {
        padding: 0;
    }

    .col-md-6 {
        padding: 0 15px;
    }

    .col-md-12 {
        position: static;
    }
}

@media screen and (max-width: 767px) {
    .feature-title {
        margin-bottom: 0;
    }

    .video-box .feature-title {
        margin-bottom: 30px;
    }

    .video-box-content {
        flex-wrap: wrap;
    }

    .video-box-content .video-mr-30:not(:last-child) {
        margin-right: 0;
    }

    .video-box-content .video-mr-30 {
        padding: 0 20px;
    }

    .video-box-content .video-img-desc {
        margin-bottom: 30px;
    }

    .video-box {
        margin-bottom: 10px;
    }

    .hotter-box {
        text-align: center;
        flex-wrap: wrap;
        padding: 20px;
    }

    .hotter-product .product-title {
        margin-bottom: 30px;
    }

    .hotter-box .hotter-left {
        width: 120px;
        margin: 0 auto 20px auto;
    }

    .hotter-product .hotter-box .hotter-title {
        margin: 0 auto;
    }

    .hotter-product .hotter-link .hotter-monitor {
        margin: 0 0 20px 0;
    }

    .hotter-product .hotter-link a {
        font-size: 18px;
        width: 220px;
        height: 50px;
        line-height: 50px;
        border-radius: 30px;
    }

    .article-left {
        left: 0;
    }
}

/* 2022-09-28 移动端优化 */
@media (max-width: 767px) {
    .single_top_banner {
        padding-bottom: 15px;
    }

    .single_top_banner .single_h1 {
        padding: 0 0 20px;
        font-size: 26px;
        line-height: 1.25;
    }

    .info3_box ul,
    .info3_box ol {
        padding-left: 15px;
    }

    .article-props .info3_box ul,
    .article-cons .info3_box ol,
    .info3_box .article-props ul,
    .info3_box .article-props ol,
    .info3_box .article-cons ul,
    .info3_box .article-cons ol {
        padding-left: 25px;
    }

    .single_box_center h2 {
        font-size: 24px;
        line-height: 1.25;
    }

    .article-note {
        background: #fef7f0 url(https://images.monimaster.com/monimasteren/assets/article/common/note_icon_new.png) no-repeat 15px 12px;
        padding: 40px 15px 15px;
    }

    .article-note:has(> span) {
        background-position: 15px 28px;
    }

    .article-note span.note-title {
        margin-left: 40px;
    }

    .sign-buy a {
        margin-left: 0;
        margin-right: 0;
    }

    .reply-area {
        margin-bottom: 50px;
    }

    .breadcrumb_box {
        padding: 10px 0 0 0;
    }
}

/* 2022-09-28 移动端优化 */

/* video start */
.youtube-video {
    position: relative;
    text-align: center;
    margin: 30px auto;
}

.youtube-video,
.youtube-video .youtube-video-img {
    max-width: 768px;
    height: auto;
}

.youtube-video .youtube-video-img img {
    width: 100%;
}

.youtube-video .play-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-size: 70px;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/play-video-btn.svg) no-repeat center center;
}

@media (max-width: 768px) {
    .youtube-video iframe {
        width: 100%;
        height: calc((100vw - 38px) * 9 / 16);
    }
}

/* video end */

/* side-share */
.side-share {
    z-index: 10;
    display: block;
    position: fixed;
    right: 0;
    top: 20%;
    width: 50px;
}

.side-share a {
    display: inline-block;
    padding: 6px;
    width: 100%;
    background-color: #5A35CF;
}

.side-share a:hover {
    background-color: #5A35CFCC;
}

.side-share img {
    width: 38px;
    height: 38px;
}

@media (max-width: 768px) {
    .side-share {
        display: none;
    }
}

/* side-share */

/* product-banner start */
.product-banner {
    width: 100%;
    min-height: 378px;
}

.product-banner .base-maxwidth {
    max-width: 1300px;
    height: 100%;
    padding: 0 30px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
}

.product-banner-one {
    background: linear-gradient(98.06deg, #ffe3f7 -3.77%, #b3d2ff 103.43%);
}

.product-banner-two {
    background: linear-gradient(98.06deg, #d9d3ff -3.77%, #b3ffff 103.43%);
}

.product-banner-three {
    background: linear-gradient(98.06deg, #f7d7ff -3.77%, #ffe4ae 103.43%);
}

@media (max-width: 586px) {
    .product-banner.product-banner-three .base-maxwidth .banner-right-content .product-img {
        margin: 0 auto;
    }
}

.product-banner-four {
    background: linear-gradient(100.68deg, #bbceff 9.38%, #c3ffcc 106.79%);
}

.product-banner .base-maxwidth .banner-left-content {
    max-width: 650px;
    height: 100%;
    padding: 50px 0 70px;
}

.product-banner .base-maxwidth .banner-left-icon-box {
    display: flex;
    align-items: center;
}

.product-banner .banner-left-content .banner-left-icon {
    width: 40px;
    height: 40px;
}

.product-banner .banner-left-content .banner-left-icon-box span {
    font-family: Heebo;
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin-left: 14px;
}

.product-banner .banner-left-content .banner-left-title {
    margin: 10px 0 24px;
}

.product-banner .banner-left-content .banner-left-title ul {
    list-style-type: disc;
    padding-left: 15px;
}

.product-banner .banner-left-content .banner-left-title li {
    font-family: Heebo;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    padding: 10px 0;
}

.product-banner .banner-left-content .banner-left-title span {
    font-weight: 700;
}

.product-banner .base-maxwidth .banner-right-content {
    height: 100%;
    display: flex;
    align-items: center;
}

.product-banner .base-maxwidth .banner-right-content .product-img {
    width: 483px;
    height: auto;
    margin-top: 23px;
}

.product-banner .base-maxwidth .banner-btn-box a {
    display: inline-block;
    width: 200px;
    height: 56px;
    border-radius: 10px;
    font-family: Heebo;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
    padding: 15px 0;
    border: 2px solid rgba(90, 53, 207, 1);
}

.product-banner .base-maxwidth .banner-btn-box .left-btn {
    color: rgba(90, 53, 207, 1);
    background: rgba(90, 53, 207, 0.1);
}

.product-banner .base-maxwidth .banner-btn-box .right-btn {
    margin-left: 20px;
    color: rgba(228, 227, 250, 1);
    background: rgba(90, 53, 207, 1);
}

/* 视频 start */
.product-banner .banner-right-content.banner-video {
    width: 43%;
    max-width: 512px;
}

.product-banner .banner-right-content.banner-video .right-new-content {
    width: 100%;
    background: #ffffff;
    border: 6px solid #94cbff;
    box-shadow: 0px 30px 30px -20px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    padding: 8px;
}

.product-banner.product-banner-three .banner-right-content.banner-video .right-new-content {
    margin: 25px 0;
}

@media (max-width: 586px) {
    .product-banner.product-banner-three .banner-right-content.banner-video .right-new-content {
        margin: 0 auto;
    }
}

.product-banner .banner-right-content.banner-video .new-youtube-icon {
    margin-bottom: 10px;
    margin-top: 2px;
}

.product-banner .banner-right-content.banner-video .right-new-video {
    position: relative;
    width: 100%;
    height: 272px;
}

.product-banner .banner-right-content.banner-video .right-new-video .cover-img {
    width: 100%;
    height: 100%;
}

.product-banner .banner-right-content.banner-video .right-new-video .right-new-play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}
.product-function-btn {
    display: flex;
    justify-content: center;
}

@media (max-width: 586px) {
    .product-banner .banner-right-content.banner-video .right-new-content {
        padding: 6px;
        width: 95%;
        height: auto;
        margin: 0 auto;
    }

    .product-banner .banner-right-content.banner-video .new-youtube-icon {
        width: 60px;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .product-banner .banner-right-content.banner-video {
        width: 100%;
        margin: 30px auto;
    }

    .product-banner .banner-right-content.banner-video .right-new-video {
        height: 266px;
    }

    .product-banner .banner-right-content.banner-video .right-new-video .right-new-play {
        width: 80px;
    }
    .product-function-btn {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    }
}

@media (max-width: 380px) {
    .product-banner .banner-right-content.banner-video .right-new-content {
        height: 220px;
    }

    .product-banner .banner-right-content.banner-video .right-new-video {
        height: 172px;
    }
}

/* 视频 end */

@media (max-width: 586px) {
    .product-banner {
        height: auto;
    }

    .product-banner .base-maxwidth {
        padding: 50px 0 0;
        flex-direction: column;
    }

    .product-banner .base-maxwidth .banner-left-icon-box {
        justify-content: center;
    }

    .product-banner .base-maxwidth .banner-btn-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        bottom: 45px;
    }

    .product-banner .base-maxwidth .banner-left-content {
        padding: 0 10px 0;
    }

    .product-banner .banner-left-content .banner-left-title ul {
        list-style-type: disc;
        padding-left: 30px;
    }

    .product-banner .base-maxwidth .banner-btn-box .right-btn {
        margin: 20px 0 0;
    }

    .product-banner .base-maxwidth .banner-right-content .product-img {
        height: auto;
        margin: 20px auto 0;
    }
}

/* product-banner end */

/* 产品广告位无图 start */
.product-adv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    border: 1px solid #b5aff9;
    background: linear-gradient(180deg, #e1deff -13.64%, #f3f0ff 100%);
    margin: 20px 0 30px;
    padding: 22px 31px;
    font-family: Heebo;
}

.product-adv .product-adv-left {
    max-width: 344px;
}

.product-adv .product-adv-left .product-adv-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #2e2e2e;
}

.product-adv .product-adv-left .product-adv-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #545565;
    margin: 14px 0;
}

.product-adv .product-adv-right {
    display: flex;
}

.product-adv .product-adv-right a {
    min-width: 150px;
    min-height: 49px;
    padding: 11px 0;
}

.product-adv .product-adv-right .right-btn {
    margin-left: 19px;
}

@media (max-width: 580px) {
    .product-adv {
        flex-direction: column;
        padding: 20px 22px;
    }

    .product-adv .product-adv-left .product-adv-title {
        text-align: center;
        font-size: 18px;
    }

    .product-adv .product-adv-left .product-adv-content {
        margin: 15px 0 19px;
    }

    .product-adv .product-adv-right {
        flex-direction: column;
    }

    .product-adv .product-adv-right .right-btn {
        margin: 20px 0 14px;
    }
}

/* 产品广告位无图 end */

/* 产品广告位有图 start */
.product-adv-img {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 12px;
    border: 1px solid #b5aff9;
    background: linear-gradient(180deg, #e1deff -13.64%, #f3f0ff 100%);
    margin: 20px 0 30px;
    padding: 22px 31px;
    font-family: Heebo;
}

.product-adv-img .product-adv-left img {
    width: 108px;
    height: 152px;
}

.product-adv-img .product-adv-img-right .product-adv-img-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #2e2e2e;
}

.product-adv-img .product-adv-img-right .product-adv-img-content {
    max-width: 473px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #545565;
    margin: 14px 0 30px;
}

.product-adv-img .product-adv-img-right .product-adv-img-btn {
    display: flex;
}

.product-adv-img .product-adv-img-right .product-adv-img-btn .right-btn {
    margin-left: 19px;
}

@media (max-width: 580px) {
    .product-adv-img {
        flex-direction: column;
        padding: 20px 22px;
    }

    .product-adv-img .product-adv-img-right .product-adv-img-title {
        margin-top: 26px;
        text-align: center;
        font-size: 18px;
    }

    .product-adv-img .product-adv-img-right .product-adv-img-content {
        margin: 15px 0 19px;
    }

    .product-adv-img .product-adv-img-right .product-adv-img-btn {
        flex-direction: column;
        align-items: center;
    }

    .product-adv-img .product-adv-img-right .product-adv-img-btn .right-btn {
        margin: 20px 0 14px;
    }
}

/* 产品广告位有图 end */

/* 产品功能介绍模块 start */
.product-function {
    border-radius: 12px;
    border: 1px solid #b5aff9;
    background: linear-gradient(180deg, #e1deff -13.64%, #f3f0ff 100%);
    margin: 20px 0 30px;
    padding: 32px;
    font-family: Heebo;
}

.product-function .product-function-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #2e2e2e;
}

.product-function .product-function-ul {
    list-style-type: none;
    margin: 18px 0;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.product-function .product-function-ul li {
    position: relative;
    margin: 6px 0;
}

.product-function .product-function-ul li::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/icon_check.svg) 0 0 / 100% 100% no-repeat;
    left: -27px;
    top: 3px;
}

.product-function .right-btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-function .right-btn-box .right-btn {
    margin-left: 20px;
}

@media (max-width: 580px) {
    .product-function {
        padding: 30px 15px;
    }

    .product-function .right-btn-box {
        display: none;
    }

}

/* 产品功能介绍模块 end */

/* 公共btn样式 start */
.info3_box .left-btn,
.info3_box .right-btn {
     min-width: 170px;
    border-radius: 7px;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    line-height: 24px;
    max-width: 200px;
    justify-content: center;
    text-align: center;
    padding: 13px 0;
    border: 1px solid rgba(90, 53, 207, 1);
}
.info3_box .left-btn{
    margin-right: 10px;
}
.info3_box .left-btn:hover,
.info3_box .right-btn:hover,
.product-banner .base-maxwidth .banner-btn-box :hover,
.product-banner .base-maxwidth .banner-btn-box :hover {
    background-color: #4d2eb2;
    color: #fff;
}

.info3_box .left-btn:hover {
    text-decoration: none;
}

.info3_box .right-btn:hover {
    text-decoration: none;
}

.info3_box .left-btn {
    color: rgba(90, 53, 207, 1);
    background: rgba(90, 53, 207, 0.1);
}

.info3_box .right-btn {
    color: rgba(228, 227, 250, 1);
    background: rgba(90, 53, 207, 1);
}

@media (max-width: 580px) {

    .info3_box .left-btn,
    .info3_box .right-btn {
        width: 150px;
        height: 49px;
    }
    .info3_box .left-btn{
        margin: 0 0 10px 0;
    }
}

/* 公共btn样式 end */

/* pros&cons模板 start */
.pros-box,
.cons-box {
    position: relative;
    background: #fffceb;
    border: 2px dashed #ebbd77;
    border-radius: 12px;
    margin: 40px 0 30px;
    padding: 30px;
    font-family: Heebo;
}

.pros-box .pros-box-ul,
.cons-box .cons-box-ul,
.pros-cons-box .pros-content .pros-content-ul,
.pros-cons-box .cons-content .cons-content-ul {
    list-style-type: none;
    margin: 18px 0;
    padding-left: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.pros-box .pros-box-ul li,
.cons-box .cons-box-ul li,
.pros-cons-box .pros-content .pros-content-ul li,
.pros-cons-box .cons-content .cons-content-ul li {
    position: relative;
    margin: 6px 0;
}

.pros-box .pros-box-ul li::before,
.cons-box .cons-box-ul li::before,
.pros-cons-box .pros-content .pros-content-ul li::before,
.pros-cons-box .cons-content .cons-content-ul li::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/orange-check.svg) 0 0 / 100% 100% no-repeat;
    left: -22px;
    top: 3px;
}

.pros-box .pros-box-icon,
.cons-box .cons-box-icon {
    position: absolute;
    width: 100px;
    height: 34px;
    top: -17px;
    left: 50px;
    line-height: 34px;
    font-size: 20px;
    font-weight: 700;
    color: #f28825;
    border-radius: 28px;
    text-align: center;
    padding-left: 20px;
    background: linear-gradient(94.31deg, #fff2aa -5.58%, #ffe193 97.84%);
}

.pros-box .pros-box-icon::before,
.cons-box .cons-box-icon::before {
    content: "";
    width: 38px;
    height: 38px;
    position: absolute;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/pors.png) 0 0 / 100% 100% no-repeat;
    left: -13px;
    top: -3px;
}

.cons-box {
    background: #f7f7ff;
    border: 2px dashed #c5c3d9;
}

.cons-box .cons-box-icon {
    color: #896de2;
    background: linear-gradient(94.31deg, #ecebff -5.58%, #dad7ff 97.84%);
}

.cons-box .cons-box-ul li::before {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/purple-corss.svg) 0 0 / 100% 100%;
}

.cons-box .cons-box-icon::before {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/cons.png) 0 0 / 100% 100%;
}

.pros-cons-box {
    display: flex;
    justify-content: space-around;
    margin: 40px 0 30px;
    font-family: Heebo;
}

.pros-cons-box .pros-content,
.pros-cons-box .cons-content {
    border: 1px solid #f0fff7;
    background: #f0fff7;
    border-radius: 12px;
    padding: 40px 20px;
    border: 1px solid #38c779;
    position: relative;
    width: 100%;
    ;
    flex: 1;
}

.pros-cons-box .pros-content .pros-content-title,
.pros-cons-box .cons-content .cons-content-title {
    position: absolute;
    width: 105px;
    height: 30px;
    top: -14px;
    left: 37%;
    border-radius: 23px;
    background: #2cca74;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #403B3B;
}

.pros-cons-box .cons-content .cons-content-title {
    background: #b6b6bd;
    color: #403B3B;
}

.pros-cons-box .cons-content {
    border: 1px solid #adb2b0;
    background: #f7f7f7;
    position: relative;
}

.pros-cons-box .pros-content .pros-content-ul,
.pros-cons-box .cons-content .cons-content-ul {
    padding-left: 25px;
}

.pros-cons-box .pros-content .pros-content-ul li::before {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/icon_check.svg) 0 0 / 100% 100%;
}

.pros-cons-box .cons-content .cons-content-ul li::before {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/grey-cross.svg) 0 0 / 100% 100%;
}

.pros-cons-box .cons-content {
    margin-left: 20px;
}

@media (max-width: 580px) {

    .pros-box,
    .cons-box {
        padding: 20px 10px;
    }

    .pros-box .pros-box-ul,
    .cons-box .cons-box-ul {
        padding-left: 25px;
    }

    .pros-box .pros-box-icon,
    .cons-box .cons-box-icon {
        width: 92px;
        height: 31px;
        font-size: 18px;
        left: 16px;
    }

    .pros-box .pros-box-icon::before,
    .cons-box .cons-box-icon::before {
        width: 34px;
        height: 34px;
    }

    .pros-cons-box {
        flex-direction: column;
        align-items: center;
    }

    .pros-cons-box .pros-content,
    .pros-cons-box .cons-content {
        width: 100%;
        max-width: 100%;
    }

    .pros-cons-box .cons-content {
        margin: 50px 0 0;
    }

    .pros-cons-box .pros-content .pros-content-title,
    .pros-cons-box .cons-content .cons-content-title {
        left: 35%;
    }
}

/* pros&cons模板 end*/

/* features模板 start */
.features-box-one {
    border-radius: 12px;
    background: #f3f1ff;
    margin: 20px 0 30px;
    padding: 24px;
    font-family: Heebo;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.features-box-one .title a,
.features-box-one .features-box-title a {
    text-decoration: underline;
}

.features-box-one .features-box-left img {
    width: 222px;
    height: 218px;
}

.features-box-one .features-box-right .features-box-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

.features-box-one .features-box-right .features-box-ul {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.features-box-one .features-box-right .features-box-btn {
    display: flex;
    margin-top: 20px;
}

.features-box-one .features-box-right .features-box-btn .right-btn {
    margin-left: 10px;
}

@media (max-width: 580px) {
    .features-box-one {
        flex-direction: column;
        padding: 27px 10px 50px;
    }

    .features-box-one .features-box-left img {
        width: 171px;
        height: 168px;
    }

    .features-box-one .features-box-right .features-box-title {
        text-align: center;
        font-size: 18px;
        margin: 15px 0;
    }

    .features-box-one .features-box-right .features-box-btn {
        flex-direction: column;
        align-items: center;
    }

    .features-box-one .features-box-right .features-box-btn .right-btn {
        margin: 20px 0 0;
    }
}

.features-box-two {
    border-radius: 12px;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/features-bg.png) 0 0 / 100% 100%;
    margin: 20px 0 30px;
    padding: 24px;
    font-family: Heebo;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.features-box-two .features-box-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.features-box-two .features-box-left img {
    width: 100px;
    height: 132px;
}

.features-box-two .features-box-left {
    max-width: 470px;
}

.features-box-two .features-box-left .features-box-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    max-width: 206px;
    margin-top: 11px;
}

.features-box-two .features-box-right .features-box-ul {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.features-box-two .features-box-right .features-box-btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.features-box-two .features-box-right .features-box-btn .right-btn {
    margin-left: 10px;
}

@media (max-width: 580px) {
    .features-box-two {
        flex-direction: column;
        padding: 25px 10px 50px;
        background: url(https://images.monimaster.com/monimasteren/assets/article/common/features-bg-cos.png) 0 0 / 100% 100%;
    }

    .features-box-two .features-box-right .features-box-btn {
        flex-direction: column;
        align-items: center;
    }

    .features-box-two .features-box-right .features-box-btn .right-btn {
        margin: 20px 0 0;
    }
}

.features-box-three {
    border-radius: 12px;
    background: #f3f1ff;
    margin: 60px 0 30px;
    font-family: Heebo;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.features-box-three .features-box-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 24px;
}

.features-box-three .features-box-left .features-box-content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: absolute;
    top: -30px;
    left: 5%;
}

.features-box-three .features-box-left .features-box-content img {
    width: 100px;
    height: 144px;
}

.features-box-three .features-box-left .features-box-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-left: 25px;
}

.features-box-three .features-box-left .features-box-ul {
    margin: 130px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.features-box-three .features-box-left .features-box-ul li {
    list-style-type: none;
    position: relative;
}

.features-box-three .features-box-left .features-box-ul li::before {
    content: "";
    width: 10px;
    height: 7px;
    position: absolute;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/purple-check.svg) 0 0 / 100% 100% no-repeat;
    left: -23px;
    top: 10px;
}

.features-box-three .features-box-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    min-width: 210px;
    border-left: 1px dashed #aca1ee;
    padding: 55px 24px;
}

.features-box-three .features-box-right .right-btn {
    margin-top: 36px;
}

@media (max-width: 580px) {
    .features-box-three {
        flex-direction: column;
    }

    .features-box-three .features-box-right {
        min-width: 210px;
        border-top: 1px dashed #aca1ee;
        border-left: none;
        width: 100%;
        padding: 45px 24px;
    }
}

@media (max-width: 360px) {
    .features-box-three .features-box-left .features-box-content {
        left: 0;
        padding: 0 10px;
    }

    .features-box-three .features-box-left .features-box-title {
        margin-left: 10px;
    }
}

/* features模板 end */

/* 标题样式模板 start */
.post-step-box {
    display: flex;
    margin: 30px 0;
}

h3.post-step-h3::before {
    display: none;
}

.post-step-one,
.post-step-two,
.post-step-three,
.post-step-four {
    width: 42px;
    height: 42px;
    display: inline-block;
    color: #403B3B;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
    margin-right: 8px;
}

.post-step-one {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/post-step-one.svg) no-repeat center;
}

.post-step-two {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/post-step-two.svg) no-repeat center;
}

.post-step-three {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/post-step-three.svg) no-repeat center;
}

.post-step-four {
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/post-step-four.svg) no-repeat center;
}

/* 标题样式模板 end */

/* 下拉展开样式 start */
.collapse-container {
    border-radius: 12px;
    background: linear-gradient(180deg, #fffade -13.64%, #fffdf0 100%);
    border: 1px solid #e5d147;
    margin: 20px 0 30px;
    padding: 30px 25px 10px;
    font-family: Heebo;
}

.collapse-container .collapse-box {
    display: flex;
    padding: 15px 15px 5px;
}

.collapse-container .collapse-box.closed .icon {
    transform: rotate(0);
    transition: all 0.3s ease;
}

.collapse-container .collapse-box .icon {
    width: 16px;
    height: 16px;
    margin: 5px 5px 0 0;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/yellow-arrow.svg) no-repeat center;
    cursor: pointer;
    transform: rotate(90deg);
    transition: all 0.3s ease;
}

.collapse-container .collapse-box .collapse-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #2e2e2e;
    margin-bottom: 10px;
    cursor: pointer;
}

.collapse-container .collapse-box .collapse-detail p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #726978;
}

@media (max-width: 580px) {
    .collapse-container {
        padding: 20px 20px 5px;
    }

    .collapse-container .collapse-box {
        padding: 5px;
    }

    .collapse-container .collapse-box .icon {
        min-width: 16px;
    }
}

/* 下拉展开样式 end */

/* Tips样式 star */
.tips-box {
    padding: 40px 35px 5px;
    border-radius: 12px;
    background: linear-gradient(180deg, #fffade 4.84%, #fffdf0 128.04%);
    border: 1px solid #e5d147;
    margin: 40px 0 30px;
    position: relative;
}

.tips-box .icon-box {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 43px;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/tips.png) 0 0 / 100% 100% no-repeat;
    width: 220px;
    height: 43px;
    left: -1px;
    top: -22px;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    padding-top: 5px;
    color: #fff;
}

.tips-box .icon-box .icon-tip {
    width: 20px;
    height: 25px;
    display: inline-block;
    margin-right: 6px;
    margin-left: -21px;
    background: url(https://images.monimaster.com/monimasteren/assets/article/common/icon-tips.svg) 0 0 / 100% 100% no-repeat;
}

@media (max-width: 580px) {
    .tips-box .icon-box {
        padding-left: 30px;
        width: 189px;
        height: 40px;
        top: -20px;
    }
}

/* Tips样式 end */

/* 重点文字高亮样式 start */
.orange-color,
.blue-color,
.red-color,
.purple-color {
    position: relative;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    z-index: 1;
    background: linear-gradient(#fff 60%, yellow 60%, yellow 80%, #fff 90%);
}

.orange-color {
    color: #ff6006;
}

.blue-color {
    color: #6036e6;
}

.red-color {
    color: #e6364b;
}

.purple-color {
    color: #a717ff;
}

/* 重点文字高亮样式 end */
.download-list {
    margin-bottom: 50px;
    display: flex;
}

.flex-justify-center {
    justify-content: center;
}

.download-list * {
    position: relative;
    z-index: 2;
}

.download-list .download-block a {
    color: #fff;
    -webkit-text-fill-color: #fff;
    -moz-text-fill-color: #fff;
}

.download-list .large-circular a {
    color: #fff;
    border-radius: 6px;
}

.download-list .download-block a,
.download-list .download-border a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    background: linear-gradient(180deg, #E43BFF 0%, #983BFF 100%);
    text-decoration: none;
}

.download-list p {
    font-size: 16px;
    padding-bottom: 0;
    line-height: 0;
    margin: auto;
}

.download-list [class^="icon-"] {
    background-size: contain;
}

.download-list .icon-secure {
    display: flex;
    margin-top: 5px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #707070;
    padding-left: 0;
}

.download-list .icon-secure i {
    margin-right: 6px;
    width: 20px;
    height: 20px;
    background: url(https://images.monimaster.com/monimasteren/images/public/frame_4.svg) no-repeat center left;
    background-size: contain;
}

.download-list .download-block a:hover,
.download-list .download-border a:hover {
    background: linear-gradient(180deg, #EC7BFF 0%, #BD81FF 100%);
}

.right-menu-nine {
    width: 260px;
    height: 324px;
    border-radius: 10px;
    border-width: 1px;
    background: #F9F3FF;
    border: 1px solid #E5CAFC;
    box-shadow: 0px 2px 8px 0px #00000040;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 33px 19px;
    box-sizing: border-box;
}

.right-menu-nine .right-icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.right-menu-nine .right-icon-box img {
    width: 36px;
    height: 36px;
    margin-right: 11px;
}
.right-menu.right-menu-nine .right-content {
    padding: 0;
}
.right-menu-nine .right-icon-box p {
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    vertical-align: middle;
     padding-bottom: 0;
      margin: 0;
}

.right-menu-nine .right-title {
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #000000;
    opacity: 0.6;
    margin: 33px auto 2px;
    padding-bottom: 0;
    line-height: 1;
}

.right-menu-nine .right-btn-box {
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
      margin-top: 31px;
}

.right-menu-nine .right-btn-box a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    background: linear-gradient(270deg, #A138FE 0%, #9373FF 100%) !important;
    width: 180px;
    min-height: 44px;
    height: 44px;
    line-height: 1;
}
.right-menu-nine .right-btn-box a:hover{
    background: linear-gradient(270deg, #9373FF 0%, #A138FE 100%);
}

.right-menu-nine .right-menu-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
}

.right-menu-nine .purple {
    background: linear-gradient(270deg, #A138FE 0%, #9373FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    font-weight: 600;
    margin: 0 auto;
}

.right-menu-nine .gray {
    color: #707070;
    font-size: 12px;
    font-weight: 400;
    margin: 8px auto;
}
.right-menu-nine .right-menu-bottom p {
    line-height: 1;
    padding-bottom: 0;
}
.right-menu-nine .right-menu-bottom img {
    width: 116px;
    height: 20px;
}
@media (max-width: 1200px) {
.right-menu.right-menu-nine{
    display: none !important;
}
}