.tag_desc .func-table {
margin: 5px 0
}
.tag_desc .Article-Tips {
margin-top: 5px
}
.Article-Tips {
line-height: 24px;
padding: 10px 20px !important;
margin: 15px 0 25px;
background: #ebf7f5;
border: 1px solid #18B89C;
border-left: 3px solid #0ab99d
}
.Article-Tips div {
font-weight: bold;
color: #0ab99d
}
.memu_h2 {
color: #0ab99d;
font-size: 22px;
font-weight: bold;
display: flex;
align-items: center;
margin-top: 15px;
margin-bottom: 8px
}
.memu_h2 > i {
display: inline-block;
width: 24px;
height: 24px;
background: #0ab99d;
border-radius: 5px;
margin-right: 12px;
color: #fff;
font-size: 16px;
line-height: 24px;
text-align: center
}
.clearfix:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: "."
}
.clearfix {
display: block
}
#information-article-body img {
width: auto;
height: auto;
max-width: 100%
}
.sr_list_article {
width: 128px;
height: 80px;
border-radius: 13px;
object-fit: cover
}
#information-article-body img {
cursor: zoom-in
}
#information-article-body a:hover {
color: #0ab99d
}
#information-article-body a {
border-bottom: 1px dashed #0ab99d;
color: #525252
}
#article_content_nav li {
display: block;
height: 1.5em;
overflow: hidden;
margin-bottom: 1em;
position: relative;
padding-left: 14px;
text-overflow: ellipsis
}
#article_content_nav li.current::before, #article_content_nav li:hover::before {
width: 6px;
height: 6px;
background: #ff5c00;
margin-top: -3px
}
#article_content_nav li.current a, #article_content_nav li:hover a {
color: #0ab99d
}
.widget-talk .articleRank {
display: none
}
.yy-container-body .yy-container-con .content li .right .article-title {
font-size: 20px;
display: block;
margin-bottom: 15px;
padding-bottom: 10px;
color: #373d41;
border-bottom: 1px solid #cdcece
}
.yy-container-body .yy-container-con .content li .right .article-list {
font-size: 12px;
line-height: 12px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #373d41
}
.yy-container-body .yy-container-con .content li .right .article-list.first {
margin-bottom: 15px
}
.fx-articles {
width: 840px;
background: #fff
}
.article-menus {
line-height: 20px;
margin: 0 10px;
margin-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #f2f2f2
}
.article-menus .menu {
font-size: 16px;
font-weight: bold;
position: relative;
display: flex;
margin: 0 -8px;
color: #333
}
.article-menus .menu li {
display: block;
padding: 0 8px;
white-space: nowrap
}
.article-menus .menu li a {
display: inline-block;
padding-bottom: 16px;
color: #333;
border-bottom: 4px solid transparent
}
.article-menus .menu li a:hover {
color: #0ab99d
}
.article-menus .menu li a.current {
color: #0ab99d;
border-bottom-color: #0ab99d
}
.article-menus .menu-r {
font-weight: bold;
position: relative;
overflow: hidden;
height: 40px;
margin-left: 15px;
color: #a7a7a7;
flex-grow: 1;
flex-shrink: 0
}
.article-menus .menu-r ul {
position: absolute;
top: 2px;
left: 0;
white-space: nowrap;
flex-shrink: 0
}
.article-menus .menu-r li {
font-size: 16px;
display: inline-block;
padding: 0 12px;
white-space: nowrap
}
.article-menus .menu-r li .current, .article-menus .menu-r li:hover {
color: #0ab99d
}
.article-menus .need-scroll .fy {
position: absolute;
top: 1px;
right: 0;
width: 27px;
height: 22px;
padding: 0 0 0 5px;
background: #fff
}
.article-menus .need-scroll .fy span {
font-size: 9px;
line-height: 20px;
display: inline-block;
width: 20px;
height: 20px;
cursor: pointer;
text-align: center;
color: #bfbfbf;
border: 1px solid #f6f6f6;
background: #fff;
padding: 0;
margin: 0
}
.article-menus .need-scroll .fy span i {
margin: 0
}
.article-menus .need-scroll .fy span:first-child {
border-radius: 3px 0 0 3px
}
.article-menus .need-scroll .fy span:last-child {
margin-left: -1px;
border-radius: 0 3px 3px 0
}
.article-menus .need-scroll .fy span:hover {
color: #fff;
border-color: #0ab99d;
background: #0ab99d
}
.article-menus .need-scroll .fy span.disable {
display: none;
cursor: default
}
.article-menus .need-scroll .fy span.disable:hover {
color: #bfbfbf;
border-color: #f6f6f6;
background: transparent
}
.article-menus .menu::after {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 0;
height: 10px;
height: 20px;
margin-top: -5px;
margin-top: -18px;
content: "";
border-right: 1px solid #dedede
}
.articles {
margin-bottom: 50px
}
.articles .articles-new {
display: none
}
.articles .articles-new:first-child {
display: block
}
.information-article .body-artice {
width: 840px
}
.article-main {
padding: 0 20px 20px 20px;
background: #fff
}
.article-main .tags {
line-height: 32px;
overflow: hidden;
padding-top: 20px
}
.article-main .tags a {
display: inline-block;
float: left;
margin-right: 10px;
padding: 0 10px;
color: #0ab99d;
border-radius: 15px;
background: #ebf7f5
}
.article-main .tags a:hover {
background: #c3e5e0;
color: #009980
}
.article-main .article-top {
border-bottom: 1px solid #eee
}
.article-main .article-top h1 {
font-size: 32px;
line-height: 1.5;
padding: 35px 0
}
.article-top .top-info {
line-height: 30px;
display: block;
height: 30px;
margin-bottom: 15px;
color: #8590a6
}
.article-top .top-info .info {
display: inline-block
}
.article-top .top-info .fy {
padding-right: 0
}
.article-top .top-info .info span {
padding-left: 25px
}
.article-top .top-info .info span.time {
padding-left: 0;
color: #c9ccd0
}
.article-top .top-info .info span.ll {
padding-left: 25px;
color: #c9ccd0
}
.article-top .top-info .info span i {
margin-right: 5px
}
.article-main .article {
font-size: 16px;
line-height: 1.875;
padding: 0 10px;
padding-top: 10px;
word-wrap: break-word;
color: #525252
}
.article-main .article p {
max-width: 100%;
margin-bottom: 10px;
line-height: 25px
}
.article-main .article p a:hover {
color: #0ab99d
}
.article-main .article a {
border-bottom: 1px dashed #0ab99d;
color: #525252
}
.article-main .article a:hover {
color: #0ab99d
}
.article-main .article img {
visibility: visible;
width: auto;
max-width: 100%;
height: auto;
margin: 0;
transition: all 0.2s;
transition: none;
opacity: 1
}
.article-main .article-zan-fav {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 65%;
margin: 20px auto 30px auto;
text-align: center;
justify-content: space-between
}
.article-main .article-zan-fav .fav-div, .article-main .article-zan-fav .zan-div {
display: inline-block;
padding: 0 20px;
flex-grow: 1
}
.article-main .article-zan-fav .btn {
font-size: 18px;
line-height: 52px;
display: inline-block;
cursor: pointer;
text-align: center;
color: #fff;
border: none;
border-radius: 3px;
outline: none
}
.article-main .article-zan-fav .btn em {
font-style: normal
}
.article-main .article-zan-fav .zan i {
font-size: 20px;
font-weight: 700
}
.article-main .article-zan-fav .btn.has_fav {
color: #fff;
border-color: #0ab99d;
background: #0ab99d
}
.article-main .article-zan-fav .btn.has_fav:hover {
border-color: #e65300;
background: #e65300
}
.article-main .article-zan-fav .btn-orange {
padding: 0 55px
}
.article-main .article-zan-fav .btn-orange:hover {
background: #0ab99d
}
.article-main .article-zan-fav .btn-orange-border {
line-height: 50px;
padding: 0 25px;
color: #0ab99d;
border: 1px solid #0ab99d;
background: #fff
}
.article-main .article-zan-fav .fav i {
font-size: 22px;
font-weight: 700
}
.article-main .article-zan-fav .btn-orange-border:hover {
background: #ebf7f5
}
.article-main .article-zan-fav .btn-orange {
background-image: linear-gradient(to right, #009980, #1dceb1)
}
.article-main .article-info-foot {
font-size: 16px;
line-height: 30px;
margin-top: 20px;
padding-top: 33px;
color: #888;
border-top: 1px solid #f3f3f3
}
.article-main .article-info-foot p {
margin-bottom: 5px
}
.article-main .article-info-foot span {
display: inline;
white-space: normal
}
.article-main .article-info-foot .btn {
font-size: 14px;
line-height: 26px;
display: inline-block;
padding: 0 5px;
background: #fff;
margin-right: 10px
}
.article-main .article-info-foot .btn:hover {
background: #ebf7f5
}
.article-main .article-info-foot input.copy-content {
width: 1px;
opacity: 0
}
.article-main .article-info .btn {
font-size: 14px;
line-height: 26px;
display: inline-block;
padding: 0 5px;
background: #fff
}
.information-article .article-paged {
display: box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
box-sizing: border-box;
margin-right: 0;
margin-bottom: 40px;
margin-left: 0;
padding: 0;
border: 1px solid #f3f3f3;
justify-content: space-between
}
.information-article .article-paged .prev_next {
width: 50%
}
.information-article .article-paged .prev_next a {
position: relative;
display: block;
min-height: 78px;
padding: 25px 30px;
padding-left: 170px;
color: #333;
background-image: linear-gradient(to top, #f7f7f7, #fff);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05)
}
.information-article .article-paged .prev_next a:hover {
color: #0ab99d;
background: #fff
}
.information-article .article-paged .prev_next a:hover h5 i {
color: #0ab99d
}
.information-article .article-paged .prev_next a:hover .thumb {
transform: scale(1.1)
}
.information-article .article-paged .prev_next .paged-thumb {
position: absolute;
top: 25px;
left: 30px;
width: 120px;
margin-bottom: 0;
border-radius: 2px
}
.information-article .article-paged .prev_next .paged-thumb .thumb {
padding-top: 63.66667%;
border-radius: 2px;
background-position: left center
}
.information-article .article-paged .prev_next h5 {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px
}
.information-article .article-paged .prev_next h5 i {
font-size: 9px;
display: inline-block;
vertical-align: bottom;
color: #9b9b9b
}
.information-article .article-paged .prev_next h3 {
font-size: 14px;
font-weight: normal;
line-height: 20px;
overflow: hidden;
height: 40px
}
.information-article .article-paged .prev_next:first-child {
position: relative
}
.information-article .article-paged .prev_next:first-child:after {
position: absolute;
top: 0;
right: 0;
display: block;
width: 0;
height: 100%;
content: "";
border-right: 1px solid #eee
}
.article-like {
padding: 20px;
padding-bottom: 0;
background: #fff
}
.article-like-title {
line-height: 35px;
position: relative;
height: 35px;
border-bottom: 1px solid #f3f3f3
}
.article-like-title .nav-title {
font-size: 20px;
font-weight: 700;
display: inline-block
}
.article-like-title .nav-title i {
font-size: 22px;
color: #00c773
}
.article-like-title .nav-tab {
position: absolute;
right: 0;
bottom: -1px;
display: inline-block
}
.article-like-title .nav-tab ul li {
float: left;
margin-left: 10px;
padding: 0 6px;
cursor: pointer
}
.article-like-title .nav-tab ul li.cur {
font-weight: 700;
border-bottom: 2px solid #333
}
.article-like-title .nav-tab ul li:hover {
font-weight: 700;
border-bottom: 2px solid #333
}
.article-like-body ul {
display: none;
overflow: hidden;
padding: 20px 0
}
.article-like-body ul:first-child {
display: block
}
.article-like-body ul li {
float: left;
overflow: hidden;
width: 48%;
height: 64px;
margin-top: 10px;
margin-right: 4%;
margin-bottom: 10px;
padding: 10px 0
}
.article-like-body ul li:nth-child(2n) {
margin-right: 0
}
.article-like-body ul li.wz-top-ad {
height: auto;
padding: 0;
background: none
}
.article-like-body ul li.wz-top-ad .ad_small a {
color: #0ab99d
}
.article-like-body ul li.wz-top-ad:hover {
color: none;
border-radius: 0;
background: none
}
.article-like-body ul li.wz-top-ad:hover a {
color: #0ab99d
}
.article-like-body ul li p {
padding: 0 10px
}
.article-like-body ul li p.t {
font-size: 16px;
line-height: 32px;
display: block;
overflow: hidden;
padding-right: 15px;
white-space: nowrap;
text-overflow: ellipsis
}
.article-like-body ul li p.t .new-img-icon {
display: inline-block;
width: 22px;
height: 20px;
margin: 0;
margin-right: 4px;
vertical-align: middle
}
.article-like-body ul li p.t .new-video-icon {
display: inline-block;
width: 22px;
height: 20px;
margin: 0;
margin-right: 4px;
vertical-align: middle
}
.article-like-body ul li:hover {
border-radius: 5px;
background: #f3f3f3
}
.article-like-body ul li:hover a {
color: #fff
}
.article-like-body ul li:hover a p.f, .article-like-body ul li:hover a p.t, .article-like-body ul li:hover p.f .time {
color: #0ab99d
}
.article-like-body ul li p.f {
color: #8590a6
}
.article-like-body ul li p.f .time {
color: #b7b7b7
}
.article-like-body ul.wd li {
width: 46%;
padding-left: 10px
}
.article-like-body ul.wd li .answers {
font-size: 12px;
display: inline-block;
float: left;
width: 50px;
height: 35px;
margin-top: 5px;
padding: 7px 0;
text-align: center;
background-color: #ebf7f5
}
.article-like-body ul.wd li .answers p {
color: #0ab99d
}
.article-like-body ul.wd li .answers-fh p {
color: #181818
}
.article-like-body ul.wd li a {
display: inline-block;
float: left;
width: 80%
}
.article-like-body ul.wd li.wz-top-ad a {
float: none
}
.answer-page .article-like-body ul.wd li {
margin-top: 10px;
margin-bottom: 0;
background: #fff
}
.answer-page .article-like-body ul.wd li:hover {
color: #0ab99d;
background: #fafafa
}
.answer-page .article-like-body ul.wd li:hover .t {
color: #0ab99d
}
.answer-page .article-like-body ul.wd li.wz-top-ad:hover {
background: none
}
.answer-page .article-like-body ul.wd li a {
color: #181818
}
.answer-page .article-like-body ul.wd li a p {
color: #181818
}
.answer-page .article-like-body ul.wd li a p.f {
color: #8590a6
}
.answer-page .article-like-body ul.wd li p.f .time {
color: #b7b7b7
}
.article-like-body ul.wd li.wz-top-ad a {
color: #0ab99d
}
.fxzj-img-list ul li .article-item {
margin: 0 15px;
background: #cebda2;
border-radius: 5px;
height: 100%;
overflow: hidden
}
.article-item .article-item-img img {
height: 155px;
transform: translatey(-8px);
transition: all 0.25s ease-in
}
.article-item .article-item-content {
padding: 16px 12px
}
.article-item .article-item-content h5 {
font-size: 16px;
line-height: 24px;
height: 48px;
color: #27282d;
font-weight: 500
}
.article-item .article-item-foot {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 30px;
box-sizing: border-box
}
.article-item .article-item-foot span {
display: inline-block;
color: #666
}
.article-item .article-item-user {
padding: 10px 30px;
box-sizing: border-box;
width: 100%;
position: absolute;
bottom: 40px;
left: 0
}
.article-item .article-item-user a {
color: #666
}
.article-item .article-item-user a:hover {
color: #0ab99d
}
.article-item .article-item-user .iconfont {
color: #0ab99d
}
.fxzj-img-list ul li:hover .article-item-img img {
margin-top: -10px;
transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in
}
.information-article .fixed-right .code-div {
position: absolute;
right: 100%;
bottom: -95px;
display: none;
margin-right: -20px;
padding-right: 30px
}
.information-article .fixed-right .code-div .ewmDiv {
padding-bottom: 0
}
.information-article .fixed-right .code-div .code-nav-tab {
height: 40px;
border-bottom: 1px solid #eee;
line-height: 40px;
font-size: 14px;
margin-top: -15px;
margin-bottom: 10px
}
.information-article .fixed-right .code-div .code-nav-tab li {
width: 100px;
height: 40px;
float: left;
position: relative
}
.information-article .fixed-right .code-div .code-nav-tab li span {
position: absolute;
height: 40px;
width: 100px;
left: 0;
bottom: -1px
}
.information-article .fixed-right .code-div .code-nav-tab li.cur {
border-bottom: 2px solid #0ab99d;
color: #0ab99d
}
.information-article .fixed-right .item:hover .code-div .code-nav-tab li span {
color: #888
}
.information-article .fixed-right .item:hover .code-div .code-nav-tab li.cur span {
color: #0ab99d
}
.information-article .fixed-right .item:hover .code-div .code-nav-tab li:hover span {
color: #0ab99d
}
.information-article .fixed-right .code-div .ewm-item {
display: none
}
.information-article .fixed-right .code-div .ewm-item .code-wrap {
width: 90%;
display: inline-block;
float: none;
text-align: center
}
.information-article .fixed-right .code-div .ewm-wechat {
border-bottom: none;
margin-bottom: 0
}
.sp-img-list ul li .sp-article-item {
margin: 0 10px;
background: #eaeaea;
border-radius: 5px;
height: 100%;
overflow: hidden
}
.sp-article-item .article-item-img img {
height: 155px;
transform: translatey(-8px);
transition: all 0.25s ease-in
}
.sp-article-item .article-item-content {
padding: 16px 12px
}
.sp-article-item .article-item-content h5 {
font-size: 16px;
line-height: 24px;
height: 48px;
color: #27282d;
font-weight: 500
}
.sp-article-item .article-item-foot {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 30px;
box-sizing: border-box
}
.sp-article-item .article-item-foot span {
display: inline-block;
color: #bfbfbf;
font-size: 12px
}
.sp-article-item .article-item-user {
padding: 10px 30px;
box-sizing: border-box;
width: 100%;
position: absolute;
bottom: 40px;
left: 0
}
.sp-article-item .article-item-user a {
color: #666
}
.sp-article-item .article-item-user a:hover {
color: #0ab99d
}
.sp-article-item .article-item-user .iconfont {
color: #0ab99d
}
.sp-img-list ul li:hover .article-item-img img {
margin-top: -10px;
transition: all 0.25s ease-in;
-moz-transition: all 0.25s ease-in;
-webkit-transition: all 0.25s ease-in
}
.sp-content .article-like-body ul.wd li .answers.answers-fh {
background: #fafafa
}
.sp-content .article-like-body ul.wd li .answers.answers-fh p {
color: #0ab99d
}
.sp-content .markdown_article_detail .answer_container {
position: relative
}
.sp-content .article {
font-size: 16px;
line-height: 1.875;
padding: 20px;
word-wrap: break-word;
color: #525252
}
.sp-content .article p {
max-width: 100%;
margin-bottom: 10px
}
.sp-content .article img {
visibility: visible;
width: auto;
max-width: 100%;
height: auto;
margin: 0;
transition: all 0.2s;
transition: none;
opacity: 1
}
.tags21-left .articles {
margin-bottom: 30px
}
.tags21-left .articles-new {
padding-top: 10px
}
.tags21-left .article {
font-size: 16px;
line-height: 1.875;
padding: 0 10px;
padding-top: 40px;
word-wrap: break-word;
color: #525252
}
.tags21-left .article p {
max-width: 100%;
margin-bottom: 30px
}
.tags21-left .article img {
visibility: visible;
width: auto;
max-width: 100%;
height: auto;
margin: 0;
transition: all 0.2s;
transition: none;
opacity: 1
}
.allarticle {
color: #08F;
cursor: pointer
}
.func-bd {
padding: 0 24px;
text-align: left
}
.func-table {
margin: 21px 0;
width: 100%;
border-collapse: collapse;
border-spacing: 0
}
.func-module {
font-size: 14px;
color: #666;
line-height: 28px
}
.func-module h3 {
font-size: 16px;
color: #333;
font-weight: 700;
margin-bottom: 10px
}
.func-module ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}
.y-row {
min-width: 600px;
max-width: 675px;
margin-left: auto;
margin-right: auto;
zoom: 1
}
.article .Article-title {
padding: 2px 10px;
font-size: 16px;
font-weight: 600;
position: relative
}
.article .Article-title:before {
content: " ";
display: block;
width: 4px;
height: 17px;
background: #4F9CEE;
position: absolute;
top: 8px;
left: 0
}
.article .Article-title.title2 {
padding: 5px 10px;
font-size: 15px;
font-weight: 800
}
.article .Article-title.title2:before {
display: none
}
#information-article-body h2, #information-article-body h3 {
/*font-family: 'siyuan';*/
font-weight: normal
}
.Article-Tips {
border: 1px solid #ffe3b7;
background: #fff5e5;
line-height: 24px;
padding: 10px 20px !important;
margin: 15px 0 25px
}
.Article-Tips div {
font-weight: bold
}
.func-title {
width: 18px;
text-align: center;
background: #f5f5f5;
color: #999;
font-size: 14px;
padding: 12px;
vertical-align: middle
}
.custom-ol {
padding-left: 32px;
margin: 16px 0;
list-style: none !important
}
.custom-ol li {
line-height: 21px;
font-size: 13px;
word-break: break-all;
margin-bottom: 10px;
color: #7f7f7f !important
}
.common-table {
border-collapse: collapse;
width: 100% !important
}
.common-table td {
border: 1px solid #e5e5e5;
padding: 10px 20px;
word-break: break-all;
text-align: center
}
.dialogue .Head-portrait {
width: 50px;
height: 70px;
float: right;
font-size: 12px;
text-align: center;
margin-left: 10px;
display: inline
}
.dialogue .Head-portrait:before {
content: " ";
display: block;
width: 50px;
height: 50px;
background: url(https://www.yxbabe.com/skin/content/baike_icon.png) no-repeat;
background-position: -58px -223px;
border-radius: 50px
}
.dialogue .Head-portrait:before {
content: " ";
display: block;
width: 50px;
height: 50px;
background: url(/skin/images/baike_icon.png) no-repeat;
background-position: -58px -223px;
border-radius: 50px
}
.dialogue.dialogue-fl .Head-portrait {
float: left;
margin-right: 10px;
display: inline;
position: relative
}
.dialogue.dialogue-fl .Head-portrait:before {
content: " ";
display: block;
width: 50px;
height: 50px;
background: url(/skin/images/yx_consult.jpg) no-repeat;
border-radius: 50px;
background-size: 100% 100%
}
.dialogue.dialogue-fl .Head-portrait.adviser1:after {
background-position: -123px -213px;
display: block
}
.dialogue.dialogue-fl .Head-portrait.adviser2:after {
background-position: -232px -213px;
display: block
}
.dialogue.dialogue-fl .Head-portrait.adviser3:after {
background-position: -341px -213px;
display: block
}
.dialogue.dialogue-fl .Head-portrait.adviser4:after {
background-position: -123px -234px;
display: block
}
.dialogue.dialogue-fl .Head-portrait.adviser5:after {
background-position: -232px -234px;
display: block
}
.dialogue.dialogue-fl .Head-portrait.adviser6:after {
background-position: -341px -234px;
display: block
}
.dialogue.dialogue-fl .Head-portrait.adviser7:after {
background-position: -123px -255px;
display: block
}
.dialogue.dialogue-fl .Head-portrait.adviser8:after {
background-position: -232px -255px;
display: block
}
.dialogue.dialogue-fl .Head-portrait.adviser9:after {
background-position: -341px -255px;
display: block
}
.dialogue .dialogue-content {
width: 540px;
padding: 10px 20px;
background: #fafafa;
border: 2px solid #e7e7e7;
border-radius: 5px;
float: right
}
.dialogue .dialogue-content a {
border-bottom: 1px #f60 dashed
}
.dialogue .dialogue-content a:hover {
color: #f77766
}
.dialogue .dialogue-content img {
padding: 10px 0;
border: none;
outline: none;
margin: 0;
vertical-align: middle;
max-width: 100%
}
.dialogue .dialogue-content {
width: 462px;
padding: 10px 20px;
background: #fafafa;
border: 2px solid #e7e7e7;
border-radius: 5px;
float: right
}
.dialogue .dialogue-content a {
color: #136ec2
}
.dialogue .dialogue-content p {
margin-bottom: 0
}
.dialogue .dialogue-content a:hover {
text-decoration: underline
}
.dialogue.dialogue-fl .dialogue-content {
background: #f6faff;
border: 2px solid #f1f7fe;
float: left
}
.dialogue {
padding: 20px 0
}
.Modular-Article-style {
border-left: 3px solid #0ab99d;
padding: 5px 0 5px 10px;
margin: 15px 0 15px 15px;
font-size: 14px;
color: rgb(153, 153, 153) !important
}
.artcilecontent .dialogueusermsg {
background: #f5f5f5;
border-radius: 4px;
color: #333;
font-size: 15px;
line-height: 27px;
max-width: 60%;
padding: 12px 20px;
word-break: break-all
}
.artcilecontent .longreferencebox {
background: rgba(73, 192, 102, 0.05);
border: 2px dashed #49c066;
border-radius: 4px;
margin: 20px 0;
padding: 0 30px 0 40px;
position: relative
}
.artcilecontent .longreferencebox:before {
background: url(/_nuxt/img/quote.efdd8fa.png) 50%/cover no-repeat;
content: "";
height: 28px;
left: 6px;
position: absolute;
top: 8px;
width: 28px
}
.artcilecontent .dialoguebox {
margin: 20px 0
}
.artcilecontent .dialogueusername {
color: #7f7f7f;
font-size: 14px;
line-height: 22px;
margin-top: 4px;
text-align: center
}
.artcilecontent .dialogueuserinfo {
margin-left: 20px
}
.artcilecontent .dialogueuseravatar {
border-radius: 50%;
height: 50px;
margin: 0 auto;
width: 50px
}
.artcilecontent .longreferencedescribe {
border-top: 2px dashed #e5e5e5;
color: #7f7f7f;
font-size: 14px;
line-height: 22px;
padding: 15px 0 20px;
word-break: break-all
}
.artcilecontent {
background-color: #fff;
margin-top: 12px;
padding-top: 20px
}
.artcilecontent p {
color: #333;
font-size: 15px;
line-height: 27px;
margin: 0 0 16px
}
.artcilecontent span {
font-size: inherit;
line-height: 27px;
margin: 0
}
.artcilecontent h2 {
color: #262626;
font-size: 20px;
font-weight: 700;
line-height: 28px;
margin: 20px 0;
overflow: hidden;
padding-left: 16px;
position: relative;
word-break: break-all
}
.artcilecontent h2:after {
background: #49c066;
border-radius: 3px;
content: "";
height: 22px;
left: 0;
margin-right: 10px;
position: absolute;
top: 3px;
width: 6px
}
.artcilecontent h3 {
color: #333;
font-size: 17px;
font-weight: 700;
line-height: 22px;
margin: 20px 0;
overflow: hidden;
word-break: break-all
}
.artcilecontent h5 {
background: rgba(73, 192, 102, 0.05);
border-left: 2px solid #49c066;
color: #7f7f7f;
font-size: 15px;
font-weight: 400;
line-height: 27px;
margin: 20px 0;
padding: 20px 20px 20px 18px;
word-break: break-all
}
.artcilecontent ul {
margin: 16px 0;
padding-left: 48px
}
.artcilecontent ul li {
list-style-type: disc !important
}
.artcilecontent ol {
margin: 16px 0;
padding-left: 48px
}
.artcilecontent li, .artcilecontent li p {
color: #7f7f7f;
font-size: 15px;
line-height: 27px;
margin-bottom: 10px;
word-break: break-all
}
.artcilecontent li span {
color: #7f7f7f;
font-size: 15px;
line-height: 27px
}
.artcilecontent img {
border-radius: 8px;
box-sizing: border-box;
cursor: pointer;
font-size: 0;
line-height: 0;
max-width: 100%;
min-width: 50%;
outline: none;
vertical-align: top
}
.artcilecontent video {
height: auto !important;
-o-object-fit: cover;
object-fit: cover;
outline: none;
width: 100% !important
}
.artcilecontent video::-webkit-media-controls {
overflow: hidden !important
}
.artcilecontent video::-webkit-media-controls-enclosure {
margin-left: auto;
width: calc(100% + 32px)
}
.artcilecontent a {
color: #49c066;
font-size: inherit
}
.artcilecontent table {
color: #333;
font-size: 15px;
line-height: 27px;
margin: 20px 0;
width: 100% !important
}
.artcilecontent table caption {
padding: 10px 20px
}
.artcilecontent thead {
background: rgba(73, 192, 102, 0.05)
}
.artcilecontent td {
border: 1px solid #e5e5e5;
padding: 10px 20px;
word-break: break-all
}
.artcilecontent h6 {
background: rgba(73, 192, 102, 0.05);
border-radius: 4px;
color: #333;
font-size: 15px;
font-weight: 400;
line-height: 27px;
margin: 20px 0;
padding: 50px 20px 20px;
position: relative
}
.artcilecontent h6:after {
color: #49c066;
content: "Tips：";
font-size: 18px;
font-weight: 700;
left: 20px;
position: absolute;
top: 15px
}
.artcilecontent .catalogbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px 0
}
.artcilecontent .catalogname {
background: #f5f5f5;
color: #7f7f7f;
font-size: 15px;
letter-spacing: 10px;
line-height: 40px;
text-align: center;
width: 40px;
writing-mode: vertical-rl
}
.artcilecontent .cataloginfo {
flex: 1;
padding-left: 20px
}
.artcilecontent .catalogtitle {
color: #333;
font-size: 17px;
padding-top: 20px
}
.artcilecontent .cataloglist {
color: #333;
font-size: 15px;
line-height: 27px
}
.artcilecontent .longreferencetitle {
color: #fc6815;
font-size: 15px;
line-height: 27px;
padding: 20px 0 15px;
word-break: break-all
}
.artcilecontent .dialogueuser {
-webkit-box-pack: end;
-ms-flex-pack: end;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
margin-bottom: 20px
}
.artcilecontent .dialogueplatform {
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
.artcilecontent .dialogueplatforminfo {
margin-right: 20px
}
.artcilecontent .dialogueplatformavatar {
border-radius: 50%;
height: 50px;
margin: 0 auto;
width: 50px
}
.artcilecontent .dialogueplatformname {
color: #7f7f7f;
font-size: 14px;
line-height: 22px;
margin-top: 4px;
text-align: center
}
.artcilecontent .dialogueplatformmsg {
background: rgba(73, 192, 102, 0.05);
border-radius: 4px;
color: #333;
font-size: 15px;
line-height: 27px;
max-width: 60%;
padding: 12px 20px;
word-break: break-all
}
.artcilecontent .briefbox {
border: 1px solid #e5e5e5;
border-radius: 4px;
margin: 20px 0;
padding: 20px 20px 12px
}
.artcilecontent .brieftitle {
color: #333;
font-size: 17px;
font-weight: 700;
line-height: 28px;
margin-bottom: 8px;
overflow: hidden;
padding-left: 16px;
position: relative;
word-break: break-all
}
.artcilecontent .brieftitle:after {
background: #49c066;
border-radius: 3px;
content: "";
height: 22px;
left: 0;
margin-right: 10px;
position: absolute;
top: 3px;
width: 6px
}
.artcilecontent .brieflists {
border-bottom: 1px dashed #e5e5e5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
padding: 0 20px
}
.artcilecontent .brieflists:last-child {
border: none
}
.artcilecontent .brieflist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 0;
width: 50%
}
.artcilecontent .briefname {
color: #333;
font-size: 15px;
line-height: 27px;
width: 80px;
word-break: break-all
}
.artcilecontent .briefcontent {
-webkit-box-flex: 1;
color: #7f7f7f;
flex: 1;
font-size: 15px;
line-height: 27px;
padding: 0 20px;
word-break: break-all
}
.artcilecontent .visiting_time {
border-collapse: collapse;
border-spacing: 0;
width: 758px !important
}
.artcilecontent .visiting_time td, .artcilecontent .visiting_time th, .artcilecontent .visiting_time tr {
font-size: 14px;
padding: 5px 0
}
.infotxt {
font-size: 16px;
line-height: 30px
}
.infotxt img {
display: block;
margin: 0 auto
}
.infotxt video {
display: block;
margin: 0 auto
}
.infotxt * {
max-width: 100%
}
.infotxt h2 {
margin: 20px 0;
line-height: 28px;
color: #262626;
font-size: 20px;
font-weight: 700;
overflow: hidden;
word-break: break-all;
position: relative;
padding-left: 16px
}
.infotxt h2:after {
content: "";
position: absolute;
top: 3px;
left: 0;
margin-right: 10px;
width: 6px;
height: 22px;
background: #49c066;
border-radius: 3px
}
.infotxt h3 {
margin: 20px 0;
line-height: 22px;
color: #333;
font-size: 17px;
font-weight: 700;
overflow: hidden;
word-break: break-all
}
.infotxt h5 {
border-left: 2px solid #49c066;
color: #7f7f7f;
line-height: 27px;
padding: 20px 20px 20px 18px;
background: rgba(73, 192, 102, 0.05);
word-break: break-all;
margin: 20px 0;
font-size: 15px;
font-weight: 400
}
.artcilecontentdetail {
padding: 40px;
margin-bottom: 16px;
background: #fff;
border-radius: 8px
}
.artcilecontent p {
color: #262626;
font-size: 15px;
line-height: 27px;
margin: 0 0 16px
}
.artcilecontent span {
font-size: inherit !important;
line-height: 27px;
margin: 0
}
.artcilecontent h2 {
margin: 20px 0;
line-height: 28px;
color: #262626;
font-size: 20px;
font-weight: 700;
overflow: hidden;
word-break: break-all;
position: relative;
padding-left: 16px
}
.artcilecontent h2:after {
content: "";
position: absolute;
top: 3px;
left: 0;
margin-right: 10px;
width: 6px;
height: 22px;
background: #3eb79d;
border-radius: 3px
}
.artcilecontent h3 {
margin: 20px 0;
line-height: 22px;
color: #262626;
font-size: 17px;
font-weight: 700;
overflow: hidden;
word-break: break-all
}
.artcilecontent h5 {
border-left: 2px solid #3eb79d;
color: #7f7f7f;
line-height: 27px;
padding: 20px 20px 20px 18px;
background: rgba(62, 183, 157, 0.05);
word-break: break-all;
margin: 20px 0;
font-size: 15px;
font-weight: 400
}
.artcilecontent ul {
padding-left: 48px;
margin: 16px 0
}
.artcilecontent ol {
padding-left: 32px;
margin: 16px 0;
list-style: none !important
}
.artcilecontent ol li {
list-style-type: decimal !important;
list-style: none !important
}
.artcilecontent li, .artcilecontent li p {
color: #7f7f7f;
line-height: 27px;
font-size: 15px;
word-break: break-all;
margin-bottom: 10px
}
.artcilecontent li span {
color: #7f7f7f;
line-height: 27px;
font-size: 15px
}
.artcilecontent img {
max-width: 100%;
min-width: 50%;
outline: none;
-webkit-box-sizing: border-box;
font-size: 0;
line-height: 0;
vertical-align: top;
box-sizing: border-box;
cursor: pointer;
border-radius: 8px
}
.artcilecontent video {
width: 100% !important;
height: auto !important;
outline: none;
-o-object-fit: cover;
object-fit: cover
}
.artcilecontent video::-webkit-media-controls-enclosure {
width: calc(100% + 32px);
margin-left: auto
}
.artcilecontent a {
color: #3eb79d;
font-size: inherit
}
.artcilecontent table {
margin: 20px 0;
width: 100% !important;
color: #262626;
font-size: 15px;
line-height: 27px
}
.artcilecontent thead {
background: rgba(62, 183, 157, 0.05)
}
.artcilecontent td {
padding: 10px 20px;
word-break: break-all;
border: 1px solid #e5e5e5
}
.artcilecontent h6 {
margin: 20px 0;
font-size: 15px;
line-height: 27px;
font-weight: 400;
color: #262626;
background: rgba(62, 183, 157, 0.05);
position: relative;
padding: 50px 20px 20px;
border-radius: 4px
}
.artcilecontent h6:after {
content: "Tips：";
position: absolute;
top: 15px;
left: 20px;
color: #3eb79d;
font-size: 18px;
font-weight: 700
}
.artcilecontent .catalogbox {
margin: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.artcilecontent .catalogname {
width: 40px;
line-height: 40px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
background: #f5f5f5;
color: #7f7f7f;
text-align: center;
font-size: 15px;
letter-spacing: 10px
}
.artcilecontent .cataloginfo {
padding-left: 20px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.artcilecontent .catalogtitle {
padding-top: 20px;
font-size: 17px;
color: #262626
}
.artcilecontent .cataloglist {
color: #262626;
font-size: 15px;
line-height: 27px
}
.artcilecontent .longreferencebox {
margin: 20px 0;
border: 2px dashed #3eb79d;
padding: 0 30px 0 40px;
background: rgba(62, 183, 157, 0.05);
position: relative;
border-radius: 4px
}
.artcilecontent .longreferencebox:before {
content: "";
position: absolute;
top: 8px;
left: 6px;
width: 28px;
height: 28px;
background: url(https://sg.ishanin.com//upload/quote.png) 50%/cover no-repeat
}
.artcilecontent .longreferencetitle {
font-size: 15px;
line-height: 27px;
color: #fc6815;
padding: 20px 0 15px;
word-break: break-all
}
.artcilecontent .longreferencedescribe {
border-top: 2px dashed #e5e5e5;
font-size: 14px;
color: #7f7f7f;
padding: 15px 0 20px;
line-height: 22px;
word-break: break-all
}
.artcilecontent .dialogueuser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 20px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.artcilecontent .dialogueusermsg {
color: #262626;
font-size: 15px;
line-height: 27px;
padding: 12px 20px;
background: #f5f5f5;
border-radius: 4px;
max-width: 60%;
word-break: break-all
}
.artcilecontent .dialogueuseravatar {
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0 auto
}
.artcilecontent .dialogueusername {
margin-top: 4px;
font-size: 14px;
color: #7f7f7f;
line-height: 22px;
text-align: center
}
.artcilecontent .dialogueplatform {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.artcilecontent .dialogueplatformavatar {
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0 auto
}
.artcilecontent .dialogueplatformname {
margin-top: 4px;
font-size: 14px;
color: #7f7f7f;
line-height: 22px;
text-align: center
}
.artcilecontent .dialogueplatformmsg {
color: #262626;
font-size: 15px;
line-height: 27px;
padding: 12px 20px;
background: rgba(62, 183, 157, 0.05);
border-radius: 4px;
max-width: 60%;
word-break: break-all
}
.artcilecontent .briefbox {
margin: 20px 0;
border: 1px solid #e5e5e5;
padding: 20px 20px 12px;
border-radius: 4px
}
.artcilecontent .brieftitle {
color: #262626;
font-size: 17px;
padding-left: 16px;
line-height: 28px;
overflow: hidden;
word-break: break-all;
position: relative;
margin-bottom: 8px;
font-weight: 700
}
.artcilecontent .brieftitle:after {
content: "";
position: absolute;
top: 3px;
left: 0;
margin-right: 10px;
width: 6px;
height: 22px;
background: #3eb79d;
border-radius: 3px
}
.artcilecontent .brieflists {
border-bottom: 1px dashed #e5e5e5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 20px
}
.artcilecontent .brieflist {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 0
}
.artcilecontent .briefname {
color: #262626;
line-height: 27px;
font-size: 15px;
word-break: break-all;
width: 80px
}
.artcilecontent .briefcontent {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 20px;
color: #7f7f7f;
line-height: 27px;
font-size: 15px;
word-break: break-all
}
.art-tips {
margin: 20px 0;
background: #fff7f8;
padding: 20px;
border-radius: 5px
}
.art-tips div {
font-size: 18px;
color: #f68;
font-weight: 700;
text-transform: capitalize
}
.art-tips p {
padding-top: 10px;
color: #7f7f7f;
line-height: 26px;
font-size: 15px;
font-weight: 400
}
.art-preface-iconBottom {
width: 28px;
height: 24px;
position: absolute;
bottom: 20px;
right: 16px;
background: url(/static/images/preface-r.png) no-repeat;
background-size: 100% 100%
}
.art-cont {
font-size: 16px;
line-height: 22px;
color: #666;
max-width: 100%
}
.art-cont p {
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.8;
padding-bottom: 10px;
font-size: 16px;
text-indent: 0 !important
}
.art-cont h2 {
margin: 10px 0;
color: #333;
font-size: 18px;
font-weight: 700;
overflow: hidden;
word-break: break-all;
padding-left: 10px;
line-height: 20px;
height: 20px;
margin-bottom: 20px;
border-left: 6px solid #f68
}
.art-cont h3 {
font-size: 16px;
margin-bottom: 10px;
font-weight: 700
}
.art-cont a {
color: #f68
}
.art-cont img {
max-width: 100%;
border-radius: 5px;
cursor: zoom-in
}
.art-cont img:hover {
opacity: 0.8
}
.art-cont ol {
padding-left: 32px;
margin-bottom: 16px;
list-style: none !important
}
.art-cont ol li, .art-cont ol li p {
color: #7f7f7f;
line-height: 26px;
font-size: 15px;
word-break: break-all;
margin-bottom: 10px
}
.art-cont ul {
padding-left: 32px;
margin-bottom: 16px;
list-style: none !important
}
.art-cont ul li, .art-cont ul li p {
color: #7f7f7f;
line-height: 26px;
font-size: 15px;
word-break: break-all;
margin-bottom: 10px
}
.art-preface-text {
font-size: 15px !important;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 24px;
color: #7f7f7f !important;
padding: 0 52px;
text-align: justify;
margin-bottom: 0 !important;
padding-bottom: 0 !important
}
.art-preface {
background: #fff7f8;
opacity: 1;
border-radius: 16px;
margin-top: 24px;
padding: 44px 0;
position: relative;
margin-bottom: 20px
}
.art-preface img {
cursor: auto
}
.art-preface-iconTop {
width: 28px;
height: 24px;
position: absolute;
top: 20px;
left: 16px;
background: url(/static/images/preface-l.png) no-repeat;
background-size: 100% 100%
}
.art-ul li {
list-style-type: disc !important
}
.art-preface-iconBottom {
position: relative;
font-family: "if" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.art-preface-iconBottom::before {
content: "\e63a";
position: absolute;
bottom: -10px;
right: 12px;
font-size: 16px;
color: #76cf8c
}
.detail_article {
color: #333;
font-size: 15px;
line-height: 28px
}
.detail_article p {
color: #333;
font-size: 15px;
line-height: 27px;
margin-bottom: 14px
}
.detail_article p a {
color: #49c066
}
.detail_article img {
max-width: 100%;
min-width: 50%;
outline: none;
-webkit-box-sizing: border-box;
font-size: 0;
line-height: 0;
vertical-align: top;
box-sizing: border-box;
cursor: pointer;
border-radius: 5px
}
.detail_article h2 {
color: #333;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
line-height: 28px;
overflow: hidden;
word-break: break-all;
position: relative;
padding-left: 16px
}
.detail_article h2::after {
content: "";
position: absolute;
top: 5px;
left: 0;
margin-right: 10px;
width: 6px;
height: 20px;
background: #49c066;
border-radius: 5px
}
.art-h3, .detail_article h3 {
margin: 20px 0;
line-height: 22px;
color: #262626;
font-size: 17px;
font-weight: 700;
overflow: hidden;
word-break: break-all
}
.detail_article ol {
padding-left: 32px;
margin-bottom: 16px;
list-style: none !important
}
.detail_article ol li, .detail_article ol li p {
color: #7f7f7f;
line-height: 26px;
font-size: 15px;
word-break: break-all;
margin-bottom: 10px
}
.detail_article ol li a, .detail_article ol li p a {
color: #49c066;
font-size: 15px
}
.detail_article ul {
padding-left: 32px;
margin: 16px 0;
list-style: none !important
}
.detail_article ul li, .detail_article ul li p {
color: #7f7f7f;
line-height: 26px;
font-size: 15px;
word-break: break-all;
margin-bottom: 10px
}
.detail_article ul li {
list-style-type: disc !important
}
.art-preface-iconTop {
position: relative;
font-family: "if" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.art-preface-iconTop::before {
content: "\e63c";
position: absolute;
top: -10px;
left: 12px;
font-size: 16px;
color: #76cf8c
}
.art-preface-text {
font-size: 14px !important;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 24px !important;
color: #7f7f7f !important;
padding: 16px 36px;
text-align: justify;
margin-bottom: 0 !important
}
.art-preface {
background: #f0faf3;
opacity: 1;
padding: 20px 0;
position: relative;
margin-bottom: 20px
}



.art-tips {
margin: 20px 0;
background: rgba(73, 192, 102, 0.05);
padding: 20px;
border-left: 2px solid #49c066
}
.art-tips div {
font-size: 16px;
color: #49c066;
font-weight: 700
}
.art-tips p {
color: #7f7f7f;
line-height: 24px;
font-size: 14px;
font-weight: 400;
padding-top: 4px;
padding-bottom: 0 !important;
margin-bottom: 0 !important
}
.art-table {
margin: 20px 0;
width: 100% !important;
color: #262626;
font-size: 15px;
line-height: 27px;
border-collapse: collapse;
border-spacing: 0
}
.art-table thead, .art-table .firstRow, .art-row {
background: #f0faf3
}
.art-table tr td, .art-table tr th {
padding: 10px 20px;
word-break: break-all;
border: 1px solid #f4f4f4
}
.art-table2-row {
min-width: 600px;
max-width: 675px;
margin-left: auto;
margin-right: auto;
zoom: 1
}
.art-table-list {
margin: 20px 0;
width: 100%;
border-collapse: collapse;
border-spacing: 0
}
.art-table2-title {
width: 18px;
text-align: center;
background: #f0faf3;
color: #7f7f7f;
font-size: 14px;
padding: 12px;
vertical-align: middle
}
.art-table2-cont {
padding: 0 24px;
text-align: left
}
.art-table2-module {
font-size: 15px;
color: #7f7f7f;
line-height: 28px;
padding-left: 0 !important
}
.art-chat-cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px
}
.art-chat-userImg {
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0 auto
}
.art-chat-r .art-chat-userImg::after {
font-family: "if" !important;
content: "";
font-size: 50px;
color: #ff9119;
line-height: 1
}
.art-chat-l .art-chat-userImg {
background: #49c066;
text-align: center
}
.art-chat-l .art-chat-userImg::after {
font-family: "if" !important;
content: "";
font-size: 30px;
color: #ff9119;
line-height: 1;
color: #FFF;
line-height: 50px;
font-weight: 500
}
.art-chat-userName {
margin-top: 4px;
font-size: 12px !important;
color: #7f7f7f !important;
line-height: 22px;
text-align: center
}
.art-chat-r {
-webkit-box-pack: end;
-ms-flex-pack: end;
flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.art-chat-r .art-chat-user {
margin-left: 10px
}
.art-chat-r .art-chat-text {
background: #99eb6b;
border-top-right-radius: 0
}
.art-chat-l .art-chat-user {
margin-right: 10px
}
.art-chat-user {
margin-left: 10px;
width: 60px
}
.art-chat-l .art-chat-text {
background: #f5f5f5;
border-top-left-radius: 0;
word-break: break-all;
text-align: justify
}
.art-chat-text {
color: #262626;
font-size: 15px;
line-height: 27px;
padding: 12px 20px;
max-width: 65%;
word-break: break-all;
text-align: justify
}


.art-qa-q {
color: rgb(52, 167, 221)
}
.art-qa-q:before {
content: "";
display: inline-block;
background-image: url(/static/images/q_icon.png);
background-position: center;
background-repeat: no-repeat;
width: 20px;
height: 20px;
line-height: 25px;
margin-right: 5px;
margin-bottom: -5px
}
.art-qa {
margin-bottom: 20px
}
.art-qa p {
max-width: 100%;
margin-bottom: 10px;
line-height: 25px;
font-size: 16px;
padding-bottom: 0 !important
}
.art-qa-a:before {
content: "";
display: inline-block;
background-image: url(/static/images/a_icon.png);
background-position: center;
background-repeat: no-repeat;
width: 20px;
height: 20px;
line-height: 25px;
margin-right: 5px;
margin-bottom: -5px
}