/* 横排图文样式 */
.tableInPicnew {display: table;width: 100%;table-layout: fixed;}
.tableInPicnew > tbody > tr {display: flex;column-gap: 0.025rem; height: 100%; justify-content: space-around;}
.tableInPicnew > tbody > tr > td {display: table-cell;vertical-align: top;padding: 0;background: #efefef;}
.tableInPicnew .tableInPic {margin: auto !important;}
.tableInPicnew .tableInPic tr:nth-child(1) img {width: 100% !important;height:auto !important;max-width: 100%;}

.ke-zeroborder {display: table;/* width: 100%; */table-layout: fixed;}
.ke-zeroborder > tbody > tr {display: flex;column-gap: 0.025rem; height: 100%; justify-content: space-around;}
.ke-zeroborder > tbody > tr > td {display: table-cell;vertical-align: top;padding: 0;background: #efefef;}
.ke-zeroborder .tableInPic {margin: auto !important;}
.ke-zeroborder .tableInPic tr:nth-child(1) img {width: 100% !important;height:auto !important;max-width: 100%;}

table.ke-zeroborder[align="right"] {
    margin-left: 0.1rem !important;
}

/*--------recommend links----------*/
.recomLinks { margin:30px 0px;}
.recomUnits { margin-top:10px;display: flex; flex-wrap:wrap;gap: 0.1rem;justify-content: space-between;}
.recomTitle { background: url(../png/icon-relative.png) no-repeat -5px -5px; padding-left: 30px;}
.tourIcon { background: url(../hot2.html) no-repeat 5px 5px !important; }
.linkUnit { width: 24%;float: left; background:#f2f2f2;margin-right: 0;}
.linkUnit:last-child { margin-right:0px;}
.linkUnit a { font-size: 14px;  text-decoration: none;  color: #333; }
.linkPhoto {  height: 120px;  max-height: 120px !important; overflow: hidden; display: block;}
.linkPhoto img { width: 100%; height: auto; display: block;}
.linkTitle { padding: 5px; display: block; text-align: left; min-height:40px; height:auto;}

#artFlag p {word-break: break-word;}

@media screen and (max-width: 1280px){
    .recomUnits { align-content: space-around;}

    /* table.tableInPic[align="right"] {
        padding: 0 0 0 10px;
    } */

    .tableInPic {margin: auto !important;}
    .tableInPic img {width: 100% !important;height:auto !important;max-width: 100%;}

    .single-table-picture table.tableInPic[align="right"] {padding: 0 0 0 10px;}
}
@media screen and (max-width: 900px)
{
    .linkUnit { width: 48%;}
    .linkPhoto { height:auto; max-height:100%!important;}
    .linkPhoto img { width: 100%; height: auto;}

    .tableInPic {margin: auto !important;}
    .tableInPic img {width: 100% !important;height:auto !important;max-width: 100%;}
}
@media screen and (max-width: 600px)
{
    .linkUnit { width: 100%; margin-right: 0px;margin-bottom: 10px;}
    .linkPhoto { height: auto;  width: 100%;  max-height: 100% !important;}
    .linkTitle { line-height: 18px; padding: 5px 10px;}

    .tableInPicnew > tbody > tr {display: flex;flex-wrap: wrap;gap: 0.1rem;}
    .tableInPicnew > tbody > tr > td {width: 100% !important;display: flex;flex-direction: column;background: transparent;}
    .tableInPicnew tr td {width: 100% !important;}

    .ke-zeroborder > tbody > tr {display: flex;flex-wrap: wrap;gap: 0.1rem;}
    .ke-zeroborder > tbody > tr > td {width: 100% !important;display: flex;flex-direction: column;background: transparent;}
    .ke-zeroborder tr td {width: 100% !important;}

    /* table.tableInPic[align="right"] {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
        padding: 0;
    } */

    .single-table-picture table.tableInPic[align="right"] {padding: 0;}
    .tableInPic {margin: auto !important;}
    .tableInPic img {width: 100% !important;height:auto !important;max-width: 100%;}
}