.pb-2 {padding-bottom: 0.5rem !important;}
.answer_menu ul li {width: calc(100%/2);}
.hot-icon {text-align: left;font-size: 1.2rem;font-weight: bold;}
.hot-icon i {font-size: 1.875rem;color: white;width: 67px;height: 67px;line-height: 67px;border-radius: 99em;text-align: center;margin: 0 0.5rem 0 0;}
.hot-class {padding-left: 1rem;justify-content: space-around;}
.hot-class li {list-style-type: disc;width: calc(100%/2 - 2rem);margin: 0.5rem auto 0.5rem 0.75rem;}
.note {margin-top: 1rem;}
.note li {list-style-type: disc;display: list-item;margin-left: 1.25rem;}
.news a, .answer_content dl dd a {display: inline-flex;margin: 0.25rem auto;}
.news a {width: 98%;}
.answer_item span {width: calc(100%/10);text-align: center;text-decoration: none;padding: .75rem 0;font-weight: bold;font-size: 1.125rem;background: #4baf4f;color: white;cursor: pointer;}
#Answer_tabs .answer-local span {width: calc(100%/8);}
.answer_item span:nth-of-type(n+1):nth-of-type(-n+9) {width: calc(100%/9);}
.answer_content {padding: 2rem;}
.answer_item span.active {background: #71c574 !important;}
.answer_item a {text-decoration: none;}
.answer_item a:hover {position: initial;}
.answer_content {background-color: #f4f4f4;}
.answer_content > div {display: flex;flex-wrap: wrap;}
.answer_content dl {width: calc(100%/2);padding: 0 1.5rem;margin: 0 auto 1.5rem;}
.answer_content dl:nth-of-type(even) {border-left: 1px dotted black;padding-left: 3rem;}
.answer_content dl dt {font-size: 1.25rem;font-weight: bold;text-align: center;}
.answer_content dd tr {padding: 0.5rem 0;display: block;}
#Answer_tabs .senior-answer {margin: auto;border: none;}
.unique-answer dt {background-color: #039be6;font-size: 1.875rem;display: block;text-align: center;color: white;line-height: 60px;}
.unique-answer dd {background-color: #f4f4f4;padding: 1rem 5rem;}
.unique-answer dd tr {width: calc(100%/2);padding: 0.5rem;}
.unique-answer tbody {width: 100%;display: flex;flex-wrap: wrap;}
.twice-answer {width: 100%;}
.twice-answer span {width: calc(100%/2);background-color: #3ebbf9;font-size: 1.75rem;font-weight: initial;padding: initial;line-height: 60px;}
.twice-answer span.active {background-color: #039be6 !important;}

/* 地方特考 */
.answer-local span {width: calc(100%/8);}
.answer_content .hit {padding: 0 0.5rem 0 0.4rem;background-color: #ea6345;color: white;margin-left: 0.75rem;border-radius: 1.5rem;text-decoration: none;font-size: 0.95rem;}
.answer_content .hit::before {position: relative;content: '\2714';left: -1px;color: yellow;}

@media screen and (min-width: 1201px) {
    .hot-class {padding-left: 4rem;}
}

@media screen and (max-width: 1200px) {   
    .news a {width: 97%;}  
    .answer_item span {font-size: initial;}
    .unique-answer dd {padding: 1rem;}
    .answer_menu ul li {width: calc(100%/2);}
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .answer_menu ul li, .hot-class li, .unique-answer dd tr {width: 100%;}      
    .news a {width: 95%;}
    .twice-answer .answer_item span {width: calc(100%/2);}
    .answer_item span, .answer_item span:nth-of-type(n+1):nth-of-type(-n+9) {width: calc(100%/3);padding: 0.25rem 0;}
    .answer_item span:nth-last-of-type(n+1):nth-last-of-type(-n+4), #Answer_tabs .answer-local span {width: calc(100%/4);}
    .answer_content {padding: 0.5rem 1rem;}
    .answer_content dl {width: 100%;margin: 0.5rem;padding: 0;}
    .unique-answer dt {line-height: initial;}    
    #Answer_tabs .answer_content dl {border-top: 1px dotted black;padding: 1rem 0 0 0;border-left: none;}
    #Answer_tabs .answer_content dl:first-of-type {border: none;}
    /* 地方特考 */
    .answer-local span {width: calc(100%/4);}
}