/* 通用样式 */
*{
    margin: 0;
    padding: 0;
}
body{
    overflow-x: hidden;
}
li { list-style: none; }
a{
    text-decoration: none;
}
.imgwidth{
    width:100% !important;
}








.banner {
    width: 100%;
    height: auto;
    display: block;
}


.x_programBtn{
    display: inline-block;
    width:2.94rem;
    height:.59rem;
    background:rgba(254,141,66,1);
    border-radius:.30rem;
    font-size:.32rem;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height: .68rem;
    text-align: center;
}
.text-center{
    text-align: center !important;
}



.know-server-wrap{
    width:100%;
    background:#fff;
}
.know-server-wrap .know-title{
    font-size:.3rem;
    font-weight:400;
    padding:.37rem 0  .31rem 0;
    text-align: center;
}
.know-server-wrap .know-list{
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    padding-bottom:.2rem
}
.know-server-wrap .know-item{
    width:3.65rem;
    height:1.7rem;
    border:.01rem dashed rgba(232,227,255,1);
    border-collapse: collapse;
    margin:0px 0px -1px -1px;
    display:flex;
    align-items: center;
}
.know-server-wrap .know-item:nth-child(1){
    border-top:.01rem solid rgba(232,227,255,1);
    border-left:.01rem solid rgba(232,227,255,1);
}
.know-server-wrap .know-item:nth-child(2){
    border-top:.01rem solid rgba(232,227,255,1);
    border-right:.01rem solid rgba(232,227,255,1);
}
.know-server-wrap .know-item:nth-child(3){
    border-left:.01rem solid rgba(232,227,255,1);
    border-bottom:.01rem solid rgba(232,227,255,1);
}
.know-server-wrap .know-item:nth-child(4){
    border-right:.01rem solid rgba(232,227,255,1);
    border-bottom:.01rem solid rgba(232,227,255,1);
}
.know-server-wrap .know-item .cont{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.know-server-wrap .know-item img{
    width:.98rem;

    border-radius:50%;
    margin:.2rem .19rem  .16rem;
}
.know-server-wrap .know-item .cont .title{
    font-size:.24rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#333333;
    line-height: 1;
    margin-bottom:.14rem;
}

.know-server-wrap .know-item .cont .desc{
    font-size: .19rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    width:2.1rem;
    /*height:.53rem;*/
    line-height:1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    word-break: break-all;

}
.know-fee{
    width:7.5rem;
    /*height:7.78rem;*/
    /*background:rgba(245,246,249,1);*/
    padding-bottom:.63rem
}
.know-fee .know-fee-title{
    /*width:3.6rem;*/
    text-align: center;
    font-size:0.3rem;

    font-weight:400;

    line-height:1;
    padding:.49rem 0 0 0;
    margin-bottom:.5rem
}
.know-fee .cont1{
    width: 100%;
    text-align: center;
}
.know-fee .cont{
    width: 100%;
    display: flex;
    justify-content: center;
}
.prod{
    /*background: #fff!important;*/
}
.prod .cont{
    position: relative;
}
.prod .cont .desc{
    text-align: center;
    position: absolute;
    bottom:-.30rem;
    /*width:5.05rem;*/
    /*height:1.12rem;*/
    box-shadow:0px .05rem .05rem 0 rgba(239,240,240,1);
    border-radius:.08rem;
    background:rgba(240,130,119,1);
    padding:.22rem .22rem .22rem;
    font-size:.22rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
	    line-height: .35rem;
}
.prod .cont .desc .sj{
    width: 0;
    height: 0;
    border: .3rem solid transparent;
    border-bottom: .2rem solid rgba(240,130,119,1);
    position: absolute;
    left:50%;
    transform: translate(-50%,0);
    top:-.45rem;
}
.white{
    background: #fff;
}
.gray{
background:rgba(245,246,249,1)
}
.shop .cont .desc .sj{
    border-bottom: .2rem solid #978ED9;
}
.shop .cont .desc {
    background:#978ED9;
}
.money .cont .desc .sj{
    border-bottom: .2rem solid #3DB775;
}
.money .know-fee-title{
     padding: .5rem 0 0 0!important;
     margin-bottom: .37rem!important;
 }
.sale .know-fee-title{
    padding: .4rem 0 0 0!important;
    margin-bottom: .37rem!important;
}
.data .know-fee-title{
    padding: .49rem 0 0 0!important;
    margin-bottom: .37rem!important;
}

.money .cont .desc {
    background:#3DB775;
}
.sale .cont .desc .sj{
    border-bottom: .2rem solid #46B8CD;
}
.sale .cont .desc {
    background:#46B8CD;
    /*bottom:-.50rem*/
}
.know-fee.prod.data{
    padding-bottom: 1.13rem!important;
}
.data .cont .desc .sj{
    border-bottom: .2rem solid #619AEF;
}
.data .cont .desc {
    background:#619AEF;
    bottom:-.58rem!important;
}
.prod .know-fee-title{
    /*padding-bottom:.25rem;*/
}
.know-fee.prod{
    padding-bottom: .83rem;
}
.edu-wrap{

}
.edu-wrap .edu-title{
    text-align: center;
    font-size:0.3rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height:1;
    padding:.46rem 0 .42rem
}
.edu-wrap .edu-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.edu-wrap .edu-list .edu-item{
    margin:0 .36rem .35rem;
    width:1rem;
}
.edu-wrap .edu-item img{
    width:0.98rem;
    height:0.98rem;
    border:0px solid rgba(240,130,119,1);
    border-radius:50%;
}

.edu-wrap .edu-item .txt{
    font-size:0.2rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
}

.edu-wrap .btn-wrap{
    display: flex;
    justify-content: center;
    padding-bottom:.7rem;
    margin-top:.25rem
}
.edu-wrap .btn-wrap .free{
    display: inline-block;
    width:2.2rem;
    height:0.66rem;
    background:linear-gradient(90deg,rgba(255,156,0,1),rgba(255,187,0,1));
    border-radius:.33rem;
    text-align: center;
    line-height:.66rem;
    margin-right:.33rem;
    font-size:.26rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    cursor:pointer;
}
.edu-wrap .btn-wrap .detail{
    display: inline-block;
    width:2.2rem;
    height:0.66rem;
    background:linear-gradient(90deg,rgba(58,131,241,1),rgba(112,169,254,1));
    border-radius:.33rem;
    text-align: center;
    line-height:.66rem;
    font-size:.26rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    cursor:pointer;
}

/*tools*/

.tool-wrap{
    width:100%;
    background: #fff;
}
.tool-wrap .tool{
    width:100%;
    margin:0 auto;
    /*padding:80px 0;*/
}

.tool-wrap .tool .tool-title{
    font-size:.3rem;

    font-weight:400;
    color:rgba(51,51,51,1);
    padding:.6rem 0 .48rem;
    text-align: center;
}

.tool-wrap .tool-con{
    display:flex;
    justify-content: space-between;
    /*margin:0 .2rem*/
    padding-bottom:.15rem
}

.tool-wrap .tool .tool-list{
    margin-right:.5rem;
    /*margin-top:240px;*/
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.tool-wrap .tool .tool-list .tool-item{
    width:4.5rem;
    height:1.16rem;
    display: flex;
    /*margin-top:20px;*/
    /*justify-content: center;*/
    align-items: center;
    align-content: center;

}
.tool-wrap .tool .tool-list .tool-item-wrap:hover .tool-item{
    background: url(../images/knowledge/j.jpg) no-repeat #fea168;
	    background-size: contain;
		    margin: 1px;
}

.tool-wrap .tool .tool-list .tool-item .num{
    font-size:.6rem;
    color:#d5d5d5;
    margin:0px .2rem 0 .35rem;
}
.tool-wrap .tool .tool-list .tool-item .txt .title{
     font-size:.24rem;

     margin-bottom:.13rem;
    line-height:1.1;
}
.tool-wrap .tool .tool-list .tool-item .txt .desc{
    font-size:.2rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:#666666;
    line-height:1.3;
}
.tool-wrap .tool .tool-list .tool-item-wrap:hover,.tool-wrap .tool .tool-list .tool-item-wrap:hover .desc,.tool-wrap .tool .tool-list .tool-item-wrap:hover .num{
    color:#fff;
}

.tool-wrap .tool .tool-img{
}
.tool-wrap .tool .tool-img img{
    /*width: 580px;*/
    width:2.85rem;

}

.learn-wrap{
    width:100%;
    /*height:467px;*/
    background:rgba(245,246,249,1);
    padding-bottom:.62rem
}
.learn-wrap .learn{
    /*width:1200px;*/
    /*margin:82px auto 80px;*/
}
.learn-wrap .learn .learn-title{
    font-size:.3rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(51,51,51,1);
    padding:.6rem 0 .48rem;
    text-align: center;
}
.learn-wrap .learn .learn-list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.learn-wrap .learn .learn-list .learn-item:nth-child(1){
    background:rgba(240,130,119,1);
}
.learn-wrap .learn .learn-list .learn-item:nth-child(2){
    background:#978ED9;

}
.learn-wrap .learn .learn-list .learn-item:nth-child(3){
    background:#00A8FF;

}
.learn-wrap .learn .learn-list .learn-item:nth-child(4){
    background:#46B8CD;

}
.learn-wrap .learn .learn-list .learn-item{
    width:1.61rem;
    height:2.07rem;
    border-radius:.35rem;
    position:relative;
    overflow: hidden;
    margin:0 auto;
    text-align: center;
}
.learn-wrap .learn .learn-list .learn-item>img{
    width:1.4rem;
    margin:.2rem auto 0;
    text-align: center;
}
.learn-wrap .learn .learn-list .learn-item .bottom-circle{
    width:1.61rem;
    height:1.61rem;
    border-radius:50%;
    position: absolute;
    bottom:-40%;
    left:0;
}
.learn-wrap .learn .learn-list .learn-item:nth-child(1)  .bottom-circle{
    background:rgba(240,130,119,1);
}
.learn-wrap .learn .learn-list .learn-item:nth-child(2)  .bottom-circle{
    background:#978ED9;

}
.learn-wrap .learn .learn-list .learn-item:nth-child(3)  .bottom-circle{
    background:#00A8FF;
}
.learn-wrap .learn .learn-list .learn-item:nth-child(4)  .bottom-circle{
    background:#46B8CD;

}
.learn-wrap .learn .learn-list .learn-item .bottom-txt{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: .05rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size:.18rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.learn-wrap .learn .learn-list .learn-item .bottom-txt img{
    width:.33rem;
    height:.27rem;
}

.learn-wrap .learn .learn-list .learn-item:hover{
    cursor:pointer;
}
.learn-wrap .learn .learn-list .learn-item .pop{
    position:absolute;
    width:100%;
    height:100%;
    top:100%;
    left:0;
    transition: .4s;
}
/*.learn-wrap .learn .learn-list .learn-item:hover .pop{*/
/*    top:0;*/
/*    transition: .4s;*/
/*    margin: 0 auto;*/
/*}*/
.learn-wrap .learn .learn-list .learn-item:nth-child(1)  .pop{
    background:rgba(240,130,119,1);
}
.learn-wrap .learn .learn-list .learn-item:nth-child(2)  .pop{
    background:#978ED9;

}
.learn-wrap .learn .learn-list .learn-item:nth-child(3)  .pop{
    background:#00A8FF;
}
.learn-wrap .learn .learn-list .learn-item:nth-child(4)  .pop{
    background:#46B8CD;

}
/*.learn-wrap .learn .learn-list .learn-item:hover .pop .tip{*/
/*    margin-top:77px;*/
/*    width: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    font-size:20px;*/
/*    font-family:Microsoft YaHei;*/
/*    font-weight:400;*/
/*    color:rgba(255,255,255,1);*/
/*}*/
/*.learn-wrap .learn .learn-list .learn-item:hover .pop .desc{*/
/*    font-size:16px;*/
/*    font-family:Microsoft YaHei;*/
/*    font-weight:400;*/
/*    color:rgba(255,255,255,1);*/
/*    line-height:24px;*/
/*    !*margin-top:27px;*!*/
/*    margin: 22px auto 0;*/
/*    width: 157px;*/
/*    text-align: center;*/
/*}*/