.main {
    width           : 100%;
    height          : 100%;
    background-color: #ece6e68c;
    display         : flex;
    justify-content : center;
    padding-top     : .375rem;
}

 
/* 左 */

.main-left {
    display       : flex;
    flex-direction: column;
}

.main-left a {
    margin-bottom   : .375rem;
    display         : block;
    width           : 3.55rem;
    height          : 1.55rem;
    background-color: #ffffff;
    border-radius   : 0.1rem;
    text-align      : center;
    line-height     : 1.55rem;
    font-family     : Microsoft YaHei;
    font-size       : .55rem;
}

.main-left a:hover {
    background-color: #D58F00;
    color           : #ffffff;
}


/* 中间 */

.mains {
    margin        : 0 .175rem;
    padding-bottom: 1.75rem;
}

.main-center {
    width   : 30rem;
    overflow: hidden;
}

.main_box {
    margin-bottom   : .375rem;
    background-color: #fff;
    padding         : .375rem;
}

.main_box h3 {
    font-size   : .65rem;
    padding-left: .125rem;
    border-left : .1rem solid #5b5b5b;
    cursor      : pointer;
}

.line {
    margin-top: .125rem;
    height    : 0;
    width     : 100%;
    border    : .025rem solid #333;
}

.itrm-box {
    display           : flex;
    /* justify-content: space-between; */
    flex-flow         : wrap
}

.itrm-box a {
    margin       : .175rem .625rem;
    padding      : .125rem;
    display      : flex;
    align-items  : center;
    width        : 5.75rem;
    height       : 2.1rem;
    border-radius: .125rem;
    box-shadow   : 0px 3px 6px 0px rgb(0 0 0 / 16%)
}

.itrm-box a:hover {
    color     : #4054b2;
    box-shadow: 0px 3px 6px 0px #06268a29;
}

.itrm-box img {
    width : 1.25rem;
    height: 1.25rem;
}

.itrm-box h4 {
    font-size: .4rem;
}

.itrm-box p {
    width             : 4.625rem;
    font-size: 0.005rem;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}


/* 右边 */

.main-right {
    display       : flex;
    flex-direction: column;
    width         : 7.5rem;
}

.ming-top {
    background-color: rgb(255, 255, 255);
    padding         : .125rem;
    margin-bottom   : .25rem;
}

.mitopi {
    display        : flex;
    justify-content: center;
}

.mitopi>img {
    width: 5rem;
}


.aaatext {
    font-size : .4rem;
    text-align: center;
}


.ming-bottom {
    padding         : .125rem;
    background-color: rgb(255, 255, 255);
}

.ming-bottom h3 {
    font-size    : .75rem;
    text-align   : center;
    border-bottom: .125rem solid #D58F00;
    cursor       : pointer;
}

.ming-bottom p {
    margin-top: .5rem;
    text-align: center;
    font-size : .6rem;
}

.fangs {
    background-color: #EDB623;
    color           : #ffffff;
    border-radius   : .125rem;
}