.header{
    width:100%;
    height:90px;
    background: #FAFAFB;
    position:fixed;
    top:0;
    left:0;
    z-index:99;
    line-height:90px;
}
.headerw{
    width:80%;
    margin:auto;
}
.menu a{
    font-size:26px;
    margin-left:70px;
    color: #000000;
    font-weight:bold;
    text-decoration:none;
}
.menu a.active{
    color: #3D3EFD;
}
.buynow{
    width: 193px;
    height: 60px;
    background: #FFFFFF;
    border: 4px solid #3D3EFD;
    color:#3D3EFD;
    border-radius: 30px;
    display:block;
    font-size:26px;
    font-weight:bold;
    line-height:50px;
    text-align:center;
    margin-left:100px;
    text-decoration:none;
}
.ptbuy{font-size:20px;}
.buynow:hover{
    text-decoration:none;
}
._blank{
    width:100%;
    height:90px;
}
.banner{
    width:100%;
    height:806px;
    background:url(../images/background.webp) repeat-x center;
    background-size:100% 100%;
    padding:90px 0 30px 0;
}
.bannerleft{
    width:56%;
    max-width:1100px;
}
.title{
    font-size:64px;
    color:#fff;
    font-weight:bold
}
.un-remark{
    font-size:32px;
    color:#fff;
    margin-top:30px;
    width:560px;
}
.bannerright{
    width:682px;
    margin-left:-100px;
}
.unlockdog{
    width:682px;
}
.un-btn{
    margin-top:60px;
    width:560px;
}
.un-btn a{
    display:block;
    width:250px;
    height:67px;
    border:1px solid #fff;
    background:#FFFFFF;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    line-height:65px;
    border-radius: 33px;
    font-weight:bold;
    text-decoration:none;
    color:#3D3EFD;
}
.un-btn a img{
    margin-right:4px;
}
.un-btn a:hover{
    background:#f8d254;
    color:#5956E9;
    border-color:#f8d254;
}

.bigtel{
    text-align:center;
    font-weight: bold;
    color: #0A0A0A;
    font-size:36px;
    line-height:30px;
    margin:70px 0 50px 0;
}
.apptab{
    height:450px;
    overflow: hidden;
    width:320px;
}
.apptab ul{
    padding:0 !important;
    margin:0 !important;
}
.apptabright{
    width:986px;
    margin-left:30px;
}
.apptab ul li{
    height:90px;
    background: #F1F1F1;
    border-radius: 20px;
    line-height:30px;
    margin-bottom:30px;
    padding-top:30px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    cursor: pointer;
}
.apptab ul li.twoline{padding-top:10px;}
.apptab ul li.active{background: #3D3EFD;color:#fff;}
.apptabcontent{
    background: #FFFFFF;
    box-shadow: 0px 4px 24px 0px rgba(207,207,207,0.4);
    border-radius: 20px;
    height:450px;
    padding:10px 30px 10px 30px;
}
.appimg{
    height:430px;
}
.apptxt{
    padding-left:40px;
    font-size:24px;
    font-weight:bold;
    max-height:430px;
    overflow: hidden;
}
.div1,.div2,.div3,.div4{
    display:none;
}
.div1.active,.div2.active,.div3.active,.div4.active{
    display:flex;
}


.funcontent{
    box-shadow: 0px 4px 24px 0px rgba(207,207,207,0.4);
    padding:30px 40px;
}
.fun_title{
    font-size:32px;
    font-weight:bold;
    line-height:40px;
    margin:60px 0 60px 0;
}
.fun_txt{
    font-size:24px;
    color: #0A0A0A;
    line-height:38px;
}
.gongneng{
    width:100%;
    max-width:694px;
}

.unc{
background: #FFFFFF;
border: 1px solid #F1F1F1;
box-shadow: 0px 2px 13px 0px rgba(211,211,211,0.42);
padding:40px 30px;
border-radius:20px;
}
.unc-number{
font-family: Microsoft YaHei;
font-weight: bold;
color: #3D3EFB;
text-align:center;
font-size:32px;
}
.uncimg{
    width:100%;
}
.unc h3{
    text-align:center;
    font-weight:bold;
    font-size:24px;
}
.unmsg{
    height:240px;
    color: #606060;
    line-height:30px;
    font-size:18px;
    overflow: hidden;
}
.trust ul{
    display:flex;
    width:100%;
    margin-bottom:0px !important;
}
.trust ul li{
    width: 410px;
    height:90px;
    background: linear-gradient(0deg, #DEF4FF 0%, #DEF4FF 100%), #F1F1F1;
    border-radius: 20px 20px 0px 0px;
    font-size: 24px;
    font-weight: bold;
    color: #0A0A0A;
    text-align:center;
    line-height:90px;
    cursor: pointer;
}
.trust ul li.act{
    background: #3D3EFD;
    color:#fff;
}
.trustdiv{
background: #FFFFFF;
border: 1px solid #F1F1F1;
box-shadow: 0px 2px 13px 0px rgba(211,211,211,0.42);
border-radius: 0px 20px 20px 20px;
padding:50px 50px 50px 20px;
}
.youshi{
    width:100%;
    max-width:720px;
    margin-top:25px;
}
.trust-title{
font-weight: bold;
color: #3D3EFD;
font-size: 46px;
margin-bottom:30px;
}
.trust-ico{
    width:52px;
    height:52px;
    margin-right:8px;
}
.trust-txt{
    font-size:22px;
    color: #1E1E1E;
    line-height:24px;
}
.trust-txt span{
    font-weight:bold;
}
.trust-mbot{
    margin-bottom:35px;
}
.teamimg{
    width:100%;
    max-width:542px;
}
.about-txt{
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
    color: #1E1E1E;
    padding-right:20px;
}
.rea1,.rea2{display:none;}
.rea1.active,.rea2.active{display:block;}

.screen{
    width:100%;
    background: #3D3EFD;
    margin-top:40px;
}
.screendiv{
   padding:28px 0 22px 0
}
.lockscreen{
    width:100%;
    max-width:550px;
}
.screen-title{
    font-size:58px;
    font-weight:bold;
    color:#fff;
    line-height:90px;
}

.swiper{
    height:320px;
    padding-bottom:30px !important;
}
.swiper-slide{
    /* border:1px solid #E1E1E1; */
    /* padding:20px; */
}
.swiper-pagination{
    bottom:-20 !important;
}
.posimg{
    width:186px;
    height:240px;
    background: #EEF1FF;
    padding:10px;
    text-align:center;
    position:absolute;
    top:20px;
    left:20px;
}
.posimg img{
    width:100%;
}
.udiv{
    /* padding-left:221px !important; */
    width:340px !important;
    height:230px !important;
    margin-top:30px;
    background:#F5F3F9;
    border-radius:20px;
}
.levelpic{
    width:200px;
    height:auto;
    position:absolute;
    left:15px;
    top:-10px;
}
.udivtel{
    font-weight:bold;
    font-size:18px;
    margin-top:15px;
}
.udivmsg{
    color:#808285;
    font-size:14px;
    margin-top:5px;
}
.uright{
    position:relative;
    height:245px;
}
.urimg1{width:45px;height:45px;}
.emote img{width:22px;height:22px;}
.ur-content{
    color: #333;
    padding:50px 0 0 40px;
    line-height:28px;
    font-size:18px;
    overflow:hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;
    white-space: normal !important;
    word-break: keep-all;
}
.ur-name{
    padding-right:20px;
}
.urimgbot{
    width:45px;
    height:45px;
    position:absolute;
    bottom:-20px;
    right:0
}
.bdiv1,.bdiv2,.bdiv3,.bdiv4{
    display:none;
}
.bdiv1.active,.bdiv2.active,.bdiv3.active,.bdiv4.active{
    display:block;
}
.uldiv ul{
    padding:10px 0;
}
.uldiv ul li{
    font-size:18px;
    font-weight:bold;
    line-height:66px;
}
.uldiv ul li img{
    width:32px;
    height:32px;
    cursor: pointer;
    margin-left:20px;
}


/* 购买页面 */
.prdiv{
    background: #3D3EFD;
    padding:80px 0;
    height:1080px;
}
.w70{
    max-width:1440px;
    width:90%;
    margin:auto;
}
.pricetel{
    font-size: 46px;
    text-align:center;
    font-weight:bold;
    color:#fff;
}

.pricelist{
    padding-left:50px;
}
.pricelist ul li{
    float: left;
    width:50%;
    font-size:24px;
    font-weight:bold;
    color:#fff;
    line-height:60px;
}

.pricelist ul li img{
 width:30px;
 height:30px;
 margin-right:20px;
}

.prnum{
    padding-top:40px;
}
.prnum .col-md-4{
    padding:0 25px !important;
}
.pricetxt{
    height:680px;
    background: #FFFFFF;
    border-radius:20px;
    padding:30px 40px;
    position:relative;
}
.popu{
    width: 162px;
    height: 44px;
    background: #3D3EFD;
    position:absolute;
    top:58px;
    right:-20px;
    line-height:44px;
    text-align:center;
    font-size:18px;
    color:#fff;
    padding-left:20px;
    transform:rotate(-90deg);
}
.triangleRight{
   width: 0px;
   height: 0px;
   border-left:40px solid #fff;
   border-top: 22px solid transparent;
   border-bottom:22px solid transparent;
   position:absolute;
   left:-2px;
   top:0;
}
.pricetxt_title{
    font-size: 24px;
    text-align:center;
    color: #fff;
    width:70%;
    height:50px;
    background:url(../images/vip_title_bg.png) no-repeat;
    background-size:100% 100%;
    position:absolute;
    top:0;
    left:15%;
    line-height:50px;
}
.pricetxt_num{
    font-size: 55px;
    font-weight:bold;
    text-align:center;
    margin-top:70px;
}
.pricetxt_num_del{
    text-align:center;
    color: #888888;
    text-decoration:line-through
}
.pricetxt_msg{
    color:#808285;
    font-size:18px;
    margin-top:30px;
}
.pricetxt_li{
    margin-top:10px;
}
.pricetxt_li ul li{
    color:#333;
    line-height:42px;
    font-size:20px;
    font-size:16px;
}
.pricetxt_li ul li img{
    width:16px;
    height:16px;
    margin-right:5px;
}
.pricetxt_bug{
    width:90%;
    height: 60px;
    background:#3D3EFD;
    border: 1px solid #3D3EFD;
    border-radius: 5px;
    line-height:58px;
    text-align:center;
    margin:10px auto;
    font-weight:bold;
    color:#fff;
}
.pricetxt:hover{
    cursor: pointer;
    border:6px solid #FD9C3D;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.pricetxt:hover .pricetxt_num,.pricetxt:hover .pricetxt_msg,.pricetxt:hover .pricetxt_li ul li{
    color:#3D3EFD;
}
.pricetxt:hover .pricetxt_title{
   color:#fff !important;
}
.pricetxt:hover .pricetxt_bug{
   background: #3D3EFD;
   color:#fff;
}
.price_pay img{
    width:100%;
}
.weaccept{
    text-align:center;
    font-size:28px;
    margin:70px 0 50px 0;
}
.faqpic{
    width:550px;
    height:550px;
    margin-left:50px;
}
.faqleft ul li{
    margin-bottom:20px;
}
.faqleft ul li .faqtel{background: #FAFAFB;height: 70px;line-height:70px;padding:0 20px;
    font-size: 24px;font-weight: bold;color: #191919;}
.faqleft ul li .faqtel a{color:#191919;text-decoration:none;}
.faqleft ul li .faqtxt{display:none;}
.faqleft ul li.active .faqtxt{display: -webkit-box;}
.faqleft ul li.active .faqtel{background: #3D3EFD;color:#fff;}
.faqleft ul li.active .faqtel a{color:#fff;}
.faqtxt{
    font-size: 18px;
    color: #191919;
    line-height:30px;
    padding:20px;
    max-height:110px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    white-space: normal !important;
}
.fqac{
    cursor:pointer;
}
.fqac img{
  width:30px;
  height:30px;
}

/* 文章列表 */
.articlewen{
    padding:20px 0;
}
.armenu{
box-shadow: 0px 0px 10px 0px rgba(167,167,167,0.29);
border-radius: 0px 20px 20px 0px;
padding:40px 0px 40px 0;
}
.armenu a{
    display:block;
    width:100%;
    line-height:80px;
    border-left:11px solid #fff;
    text-decoration:none;
    color: #000000;
    font-size:22px;
    padding-left:5%;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.armenu a.active{
    background:rgba(197, 197, 197, 0.3  );
    font-weight:bold;
    border-color:#3D3EFD;
}
.artlist{padding:15px 0 0 0;border-bottom:1px solid #C5C5C5;}
.artlist a{display:block;text-decoration:none;}
.artlist_tel{font-size: 36px;font-weight:bold;color:#000000;line-height:50px;}
.artlist_remark{font-size: 22px;margin-top:20px;color:#000;}

.author{
    padding:30px 0 30px 0;
}
.authorimg{
    width:50px;
    height:50px;
    border-radius:100%;
}
.authortxt{
    color:#706D6D;
    font-size:18px;
    margin-left:10px;
}

/* 文章详情 */
.article_content{
    padding:20px 0px 0 0px;
    position:relative;
}

.article_wen{
    padding:0 30px;
}
.Instructions{
    margin-top:10px;
}
.article_wen_tel{
    font-size: 32px;
    color:#000;
    font-weight:bold;
    text-align:center;
}
.authorpic{width:50px;height:50px;border-radius:200px;}
.article_wen_msg{
    color: #706D6D;
    font-size:18px;
    margin-right:20px;
}
.article_wen_mid{
    margin:0 50px;
}
.article_detail{
    color:#706D6D;
    padding-top:50px;
}
.article_bot{
    margin-top:80px;
}
.article_bot_title{
    font-weight:bold;
    font-size: 24px;
    color:#000;
}
.article_bot_ul ul li{
    line-height:24px;
    padding:20px 0 20px 0;
    border-bottom:1px solid #ABABAB;
}
.article_bot_ul ul li a{
    color:#000;
    text-decoration:none;
}
.article_bot_ul ul li a span{
    font-weight:bold;
}
.popularlink{
    margin-top:10px;
}
.popularlink a{
    background: #FAFAFB;
    color:#000000;
    padding:8px 20px;
    display:inline-block;
    margin-bottom:20px;
    text-decoration:none;
    margin-right:10px;
}
.article_leftw{
    width:380px;;
}
.article_left{
    width:380px;;
    box-shadow: 0px 0px 10px 0px rgba(167,167,167,0.29);
    border-radius: 0px 20px 20px 0px;
    position: sticky;
    max-height:610px;
    left:0px;
    top:120px;
    overflow-y:scroll;
    z-index:9;
    background:#fff;
}
.article_left_tel{
    background: #3D3EFD;
    height: 80px;
    color:#fff;
    font-weight:bold;
    line-height:80px;
    padding:0 25px 0 25px;
    font-size: 22px;
    position:sticky;
    left:0;
    width:100%;
    top:0;
}
.article_small_tel{
    padding:15px 25px 15px 25px;
    cursor: pointer;
}
.article_left_ul ul{
    margin:0;
    padding:0;
}
.article_left_ul ul li .article_content_list{
    display:none;
    height:220px;
    overflow-y:scroll;
}
.article_left_ul ul li.active .article_content_list{
    display:block;
}
.article_content_list a{
    display:block;
    background: #F7F7F7;
    box-shadow: 0px 0px 3px 0px rgba(167,167,167,0.29);
    font-size: 16px;
    color: #000000;
    padding:10px 25px 10px 25px;
    text-decoration:none;
}
.article_content_list a:hover,.article_content_list a.on{
    background: #8D8EF5
}
.arrowarticle{
    width:35px;
    height:35px;
}
.article_right{
background: #F7F7F7;
box-shadow: 0px 0px 10px 0px rgba(167,167,167,0.29);
border-radius: 20px;
width:350px;
position:sticky;
height:500px;
overflow-y:scroll;
right:0;
top:120px;
padding:20px 15px;
z-index:9;
}
.article_right a{
    display:block;
    color:#000000;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(167,167,167,0.29);
    border-radius: 20px;
    padding:8px 20px;
    text-decoration:none;
    line-height:22px;
    margin-bottom:10px;
}

.apptabwen{
    padding:20px 0;
}
@media screen and (max-width: 575.98px) {
    .logo{
        height:40px !important;
        width:auto !important;
        display:block!important;
        margin:10px auto 0!important;
    }
    .mbnb{
     border:none !important;
    }
    .mbblock{
        display:block!important;
    }
    .header{
        height:100px!important;
    }
    .headerw{
        width:95% !important;
    }
    .menu{
        flex:1;
        height:40px!important;
        padding:0 60px 0 0 !important;
        display:flex; flex-direction:row; flex-wrap:nowrap;
        justify-content:space-between;
    }
    .menu a{
        margin-left:0px;
        font-size:16px !important;
        padding:0 !important;
        margin:0 10px 0 0 !important;
        line-height:40px;
    }
    .buynow{
        width:120px;
        height:40px;
        font-size:16px !important;
        margin-left:0 !important;
        line-height:32px !important;
    }
    .banner{
        width:100%!important;
    }
    .w80,.w70{
        max-width:100% !important;
        width:100%;
    }
    .bannerleft{
        width:100%!important;
        padding:0 10px!important;
        max-width:100%!important;
    }
    .title{
        font-size:24px;
    }
    .un-remark{
        font-size:18px;
        width:100%!important;
    }
    .un-btn{margin-top:20px !important;width:100%;}
    .un-btn a{
        width:48% !important;
        font-size:16px;
        height:50px;
        line-height:50px;
    }
    .un-btn a img{
        width:26px;
        height:26px; 
    }
    .bannerright{
        width:100%!important;
        margin-left:0 !important;
        margin-top:10px!important;
    }
    .unlockdog{
        width:100%!important;
    }
    .bigtel{
        font-size:28px!important;
        margin:20px 0 20px 0!important;
    }
    .apptab{
        width:100%!important;
        height:auto!important;
    }
    .apptab ul{
        display:flex;  flex-direction:row; flex-wrap:wrap; justify-content:center;
    }
    .apptab ul li{
        width:90%!important;
        padding: 0 !important;
        line-height:22px!important;
        height:auto !important;
        padding:10px 0!important;
        margin-bottom:15px;
    }
    .apptabcontent{
        height:auto!important;
    }
    .apptabright{
        width:100%!important;
        margin-left:0 !important;
    }
    .apptabright div{
        padding:0 10px!important;
    }
    .appimg{
        width:100%!important;
        height:auto!important;
        display:block!important;
    }
    .div1.active, .div2.active, .div3.active, .div4.active{
        display:block!important;
    }
    .apptxt{
        padding-left:0 !important;
        font-size:18px;
    }
    .fun_title{
        margin:0px 0 20px 0!important;
        font-size:24px;
    }
    .trust ul{
        padding-left:0 !important;
    }
    .trust ul li{
        height:60px;
        line-height:60px;
        font-size:20px;
    }
    .trust-title{
        font-size:28px;
    }
    .trust-txt{
        font-size:18px;
    }
    .screen-title{
        font-size:36px;
        line-height:32px;
        text-align:center;
    }
    .udiv{
        width:100%!important;
    }
    .prdiv{
        padding:40px 0 !important;
        height:auto!important;
    }
    .pricetel{
        font-size:32px!important;
    }
    .pricelist{
        padding-left:5px !important;
    }
    .pricelist ul li{
        width:100%!important;
        line-height:24px;
        font-size:18px;
        margin-bottom:15px;
    }
    .pricelist ul li img{
        width:24px;
        height:24px;
    }
    .prnum{
        padding:20px 15px 20px 15px!important;
    }
    .pricetxt{
        height:550px;
        margin-bottom:35px;
    }
    .weaccept{
        margin:20px 0 20px 0!important;
    }
    .faqpic{
        width:100% !important;
        height:auto!important;
        margin-left:0!important;
    }
    .price_pay{
        flex-wrap:wrap;
    }
    .price_pay div{
        width:49.5% !important;
        position: relative;
    }
 }