p {
    margin: 0;
}

section.exhibition {
    background-color: #FFFFFF;
    width: calc(100% - 2rem);
}

section.exhibition>header.title>h1 {
    /* text-align: justify; */
    font-size: 1.3rem;
    font-weight: 700;
}

section.exhibition>div.msg-box>p {
    font-size: 1rem;
    margin: 0;
    line-height: 2;
}

section.exhibition>div.f4msg.msg-box>p {
    font-size: 1rem;
}

/* section.exhibition>div.f4msg.msg-box>p::before {
    display: block;
    float: left;
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    margin-right: 0.5em;
    background: #ff5800;
} */

section.follow-box {
    width: calc(100% - 2rem);
    background-color: #FFFFFF;
}

section.follow-box a.follow-msg .msg-info {
    color: #ff5800;
}

div.img-box.avatar {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: -0.5rem;
    border: 0.5px solid rgba(0, 0, 0, 0.12);
}

section.default-panel {
    width: calc(100% - 2rem);
    background-color: #FFFFFF;
}

section.question-body>div.question,
section.answer-body>div.answer {
    background-color: #F6F6F6;
    height: 30px;
    padding: 10px;
}

section.question-body>div.question>input,
section.answer-body>div.answer>input {
    outline: 0;
    border: none;
    line-height: 40px;
    background-color: transparent;
}

section.question-body>div.question>button,
section.answer-body>div.answer>button {
    width: 30%;
    margin-top: 0;
    line-height: 40px;
    text-align: center;
    background: #206BEF;
    padding: 0;
}

section.question-body>p>a,
table.default-table td>a {
    text-decoration: none;
    color: #ff5800;
    font-size: 0.9rem;
}

section.image-box>div.image-body {
    margin-top: 0.5rem;
}

section.image-box>div.image-body.gap-2-1 {
	gap: 1rem .3rem !important;	
}

section.image-box>div.image-body>div.img-box:not(.not-large):first-child {
    grid-column-start: span 2;
    height: calc((100vw - 2rem) * 0.45);
}

section.image-box>div.image-body>div.img-box {
    height: calc((100vw - 2.5rem) / 2 * 0.45);
}

section.image-box>div.image-body>div.img-box.content-center {
	position: relative;
	text-align: center;
}

section.introduce-box>p.introduce {
    padding-top: 0;
    line-height: 1.8rem;
}

.padding-1-2{
	padding: 1rem 1rem 1rem;
}

section.introduce-box>img {
    width: 100%;
}

section.follow-user-box>nav.follow-user>a {
    padding: 0.5rem;
    border: 0.5px solid #E9E9E9;
}

section.follow-user-box>nav.follow-user>a>div.img-box {
    margin: auto;
    width: 50px;
    height: 50px;
    border: 0.5px solid rgba(0, 0, 0, 0.12);
}

section.follow-user-box>nav.follow-user>a>p {
    font-size: 0.9rem;
    /* margin: 0.5rem 0; */
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

section.follow-user-box>nav.follow-user>a>p.follow {
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #E9E9E9;
    font-size: 12px;
    color: #999999;
    margin: 0 auto;
    cursor: pointer;
    transition: 0.3s;
}

section.news-box>nav.news-body>a {
    margin-top: 0.3rem;
}

section.news-box>nav.news-body>a>* {
    font-style: normal;
    font-size: 1rem;
}

section.news-box>nav.news-body>a>em[data-num='1'],
section.news-box>nav.news-body>a>em[data-num='2'],
section.news-box>nav.news-body>a>em[data-num='3'] {
    color: #ff5800;
}

section.news-box>nav.news-body>a>em {
    margin-right: 0.5rem;
}

section.zbf-box>section.zbf-body>div.img-box {
    width: 6rem;
    height: 6rem;
    border: 1px solid #E9E9E9;
}

section.zbf-box>section.zbf-body>div.msg-box>h1,
section.zbf-box>section.zbf-body>div.msg-box>h2,
section.zbf-box>section.zbf-body>div.msg-box>h3,
section.zbf-box>section.zbf-body>div.msg-box>p {
    margin: 0;
}

section.zbf-box>section.zbf-body>div.msg-box {
    margin-left: 0.5rem;
    padding-right: 1rem;
    flex-shrink: 1;
    width: 0;
}

section.zbf-box>section.zbf-body>div.msg-box>h1,
section.zbf-box>section.zbf-body>div.msg-box>h2,
section.zbf-box>section.zbf-body>div.msg-box>h3 {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.5;
}

section.zbf-box>section.zbf-body>div.msg-box>p {
    font-size: 1rem;
}

section.zbf-box>section.zbf-body>div.msg-box>p>img {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.5rem;
}

#service-panel {
    width: 100%;
    background-color: unset;
}

#service-panel>header.title {
    background-color: #FFFFFF;
    padding: 0.5rem 1rem;
}

#service-panel>header.title>h1>div,
#service-panel>header.title>h2>div,
#service-panel>header.title>h3>div {
    overflow-x: auto;
    line-height: 2rem;
    height: 2rem;
}

#service-panel>header.title>h1>div>a.cur,
#service-panel>header.title>h2>div>a.cur,
#service-panel>header.title>h3>div>a.cur {
    border-color: #ff5800;
}

#service-panel>header.title>h1>div>a,
#service-panel>header.title>h2>div>a,
#service-panel>header.title>h3>div>a {
    margin-left: 0.5rem;
    border-bottom: 2px solid transparent;
    font-size: 1rem;
    font-weight: 700;
    flex-shrink: 0;
}

div.question-man>div.img-box {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}

div.question-man>div.msg-box {
    margin-left: 1rem;
}

div.question-man>div.msg-box>p.user-name {
    font-size: 1.5rem;
}

div.question-man>div.msg-box>p.time {
    font-size: 0.9rem;
    color: #777777;
}

div.question-icon {
    background-image: linear-gradient(rgb(255, 135, 77), rgb(240, 100, 33));
}

div.answer-icon {
    background-image: linear-gradient(rgb(123, 238, 248), rgb(0, 188, 200));
}

div.question-icon,
div.answer-icon {
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1.2rem;
    color: #FFFFFF;
    border-radius: 5px;
    margin-right: 1rem;
}

section.answer-body>ul>li:first-child {
    margin-top: 0;
}

section.answer-body>ul>li {
    margin-top: 1rem;
}

section.answer-body>ul>li>div.answer-info>div>div.img-box {
    width: 3rem;
    height: 3rem;
    margin-right: 0.5rem;
    border-radius: 50%;
}

section.answer-box>div.question-man {
    margin-bottom: 0.5rem;
}

.video-list>.video-box:first-child {
    margin-top: 0;
}

.video-list>.video-box {
    margin-top: 0.5rem;
}

p.switch-image-video {
    width: 100%;
    background-color: #FFFFFF;
    line-height: 2.5rem;
    text-align: center;
}

p.switch-image-video>span {
    color: #ff5800;
    border-radius: 5px;
    padding: 0.4rem 1rem;
    line-height: 1.5rem;
    border: 1px solid #ff5800;
    margin-left: 0.5rem;
}

p.switch-image-video>span.cur {
    color: #FFFFFF;
    background-color: #ff5800;
}
.offcanvas-backdrop {
   background-color: #ffffff00;
}
.justify-content{
   justify-content: center;
}
.color{
   color: #ff5800;
   font-weight: 700;
}