.card-nav{
    display: flex;
    justify-content: space-between;

}
.card-nav>a{
    color:#ff850b;width: 50%;
    display: inline-block;
    border: 1px solid #f2f4fb;
    text-align: center;
    padding: 10px 10px;
}
.card-nav>a>span{
    display: inline-block;
    background: url("../img/docard/card.png");
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    margin-right: 8px;
}
.card-nav>a:nth-child(2){color: #000}
.card-nav>a:nth-child(2)>span{
    background: url("../img/docard/carding-blur.png");
    background-size: 100% 100%;
}
.card-box{
    display:flex;justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 70px;

}
.card-box>.card-item{
    width: 44%;
    margin: 3%;
    border: 1px solid #dcdcdc;
    position: relative;
}
.card-box>.card-item>.card-item-img>img{width: 100%}
.card-item-title{padding:10px 0 8px 4px;line-height: 22px;position: relative;}
.card-item-title>p:first-child{font-weight: bold;}
.card-item-title>p>span{color:#ff850b;}
.card-item-title>p:nth-child(2){font-size: 13px;color:#666;}
.card-item-title>p:nth-child(2)>span{font-size: 17px;}
.card-item-title>p:nth-child(3),.card-item-title>p:nth-child(4){font-size: 14px;}
.card-item-title>button{
    background-color: #000000;
    border-radius: 5px;
    color: #ffffff;
    padding: 4px 8px;
    position: relative;
    left: 25%;
    margin-top: 10px;
}