.cardswitch {
    text-align: right;
    padding-bottom: 5px !important;
}
.card{
    border:none !important;
}

.lnklist {
    display: inline-block;
    background: url(/Images/PC/list.png);
    background-size: 25px;
    width: 25px;
    height: 25px;
}

    .lnklist:hover {
        background: url(/Images/PC/list1.png);
        background-size: 25px;
    }

    .lnklist.active {
        background: url(/Images/PC/list1.png);
        background-size: 25px;
    }


.lnkcard {
    display: inline-block;
    background: url(/Images/PC/card.png);
    background-size: 25px;
    width: 25px;
    height: 25px;
    margin-left: 5px !important;
}

    .lnkcard.active {
        background: url(/Images/PC/card1.png);
        background-size: 25px;
    }

    .lnkcard:hover {
        background: url(/Images/PC/card1.png);
        background-size: 25px;
    }



.card .card-profile {
    background: #FFF;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 5px;
    box-sizing: border-box;
    margin: 0px 5px 10px 5px;
    height: 393px;
    width: 282px;
}

.card .table tr:nth-child(1) .card-profile,
.card .table tr:nth-child(2) .card-profile,
.card .table tr:nth-child(3) .card-profile,
.card .table tr:nth-child(4) .card-profile {
    margin-top: 10px;
}


.card .card-profile .p-header {
    text-align: center;
}

    .card .card-profile .p-header > img {
        width: calc(268px) !important;
        display: inline-block;
        padding: 5px !important;
        border-radius: 8px;
        height: calc(180px);
    }

.card .card-profile .p-info {
    padding: 5px;
    font-size: 12px;
}

    .card .card-profile .p-info > div {
        padding: 0px 5px 5px 5px;
    }

        .card .card-profile .p-info > div > div {
            display: inline-block;
            vertical-align: top;
        }

.card tbody tr {
    display: inline-block;
    width: 25%;
    float: left;
}

    .card tbody tr td {
        width: 25%;
        border-bottom: none !important;
        padding: 0px !important;
    }

.card .service span {
    width: auto;
    display: inline-block;
    margin: 5px 0px !important;
    font-size:14px;
}

.card .areacontainer {
    color: #666;
    height: 18px;
    width: calc(100% - 72.5px);
    vertical-align:top;
}

.card  .goods-price {
    width: 60% !important;
    height: 34px;
    line-height: 34px;
    text-align: left !important;
}

.card .shop-btn-group {
    width: 38%;
}

    .card .shop-btn-group .im-buy-btn {
        width: 100%;
    }

.card .h1-box:hover .account-info-box {
    display: block;
}

.card .account-info-box {
    margin-left: 245px;
    width: 336px;
    margin-top: -70px;
}

.card .shop-btn-group .im-buy-btn {
    display: inline-block;
    height: 34px;
    line-height: 32px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #46B068;
    float: left;
    background: #fff;
}

.card .h1-box h2 {
    margin-bottom: 0px;
}

.card .bootstrap-table table.table-hover tbody tr:hover {
    background: white;
}