.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.container > h1 {
    font-size: 30px;
    font-weight: 500;
    margin-top: 35px;
}
.menu_nav {
    padding: 10px 0 10px 0px;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 2px solid #888;
}
.menu_nav li {
    float: left;
    list-style: none;
    padding: 7px 20px;
    border-right: 1px solid #ddd;
    cursor: pointer;
}
.menu_nav li:first-child {
    padding-left: 0;
    font-weight: 900;
}
.menu_nav li:last-child {
    border-right: 0;
    /* color: #888; */
}
.pri_menu {
    width: 100%;
    overflow: hidden;
}
.pri_menu > h3,.classic_menu > h3 {
    width: 100%;
    padding: 40px 0;
    box-sizing: border-box;
}
.pri_article,.classic_article {
    width: calc((100% - (20px * 3)) / 4 - 0.01px);
    /* height: 500px; */
    height: 432px;
    float: left;
    margin: 20px 20px 0 0;
}
.pri_article:nth-of-type(4n),.classic_article:nth-of-type(4n) {
    margin-right:0;
}
.pri_article_img,.classic_article_img {
    width: 100%;
    height: 285px;
    position: relative;
}
.pri_article:nth-of-type(1) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_Dzj9GV1R.jpg) no-repeat center / contain;
}
.pri_article:nth-of-type(2) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_h150V2hn.jpg) no-repeat center / contain;
}
.pri_article:nth-of-type(3) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_6NVSk5po.jpg) no-repeat center / contain;
}
.pri_article:nth-of-type(4) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_oM5eaI1P.jpg) no-repeat center / contain;
}
.pri_article:nth-of-type(5) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_H1VeqWt5.jpg) no-repeat center / contain;
}
.pri_article:nth-of-type(6) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_EdQtA6Bi.jpg) no-repeat center / contain;
}
.pri_article:nth-of-type(7) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_zUI8rPe7.jpg) no-repeat center / contain;
}
.pri_article:nth-of-type(8) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_LD5mwYpF.jpg) no-repeat center / contain;
}
.pri_article:nth-of-type(9) > a > .pri_article_img {
    background: url(../img/menu/pri/20200119_4I5J5Qi4.jpg) no-repeat center / contain;
}
.detail {
    width: 35px;
    height: 35px;
    background: url(../img/menu/plus.PNG) no-repeat center / cover;
    position: absolute;
    bottom:0;
    right:0;
}
.title {
    font-size: 20px;
    font-weight: 900;
    margin: 10px 0;
}
.price_box {
    width: 100%;
    overflow: hidden;
}
.price {
    float: left;
    margin-right: 20px;
    font-weight: 900;
}
.price > p {
    color: red;
    float: left;
    margin-right: 5px;
}
.new {
    width: 37px;
    padding: 2px;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #238ece;
    color: #238ece;
    margin: 5px 0;
}
.tag_box {
    margin-top: 10px;
    color: #888;
    font-size: 15px;
}

.classic_article:nth-of-type(1) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_7X4iAg0q.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(2) > a > .classic_article_img {
    background: url(../img/menu/classic/20200120_56KoSIiZ.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(3) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_x7L67Ugx.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(4) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_o39M6TgO.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(5) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_ToQOODF4.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(6) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_ykffhPKm.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(7) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_SijXr71Q.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(8) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_qPqZlt1D.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(9) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_7S5ix4px.jpg) no-repeat center / contain;
}
.classic_article:nth-of-type(10) > a > .classic_article_img {
    background: url(../img/menu/classic/20200119_DVUs0kXx.jpg) no-repeat center / contain;
}