*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
    clear: both
}

a {
    color: #3E8FF7;
}

a,
a:hover,a:active,a:visited,a:focus,a:focus-within{
    text-decoration: none;
}
button:focus {outline:none;}
body {
    overflow-x: hidden;
    font-family: -apple-system, SF UI Text, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Arial, sans-serif;
    background-color: #f3f3f3;
    min-width: 1030px;
}
html,body {
    height: 100%;
}
.hide {
    display: none;
}

li {
    list-style: none;
}

.ellipsis {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bg-w{
    background: #ffffff; 
 }
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    /* margin-top: 70px; */
    padding-top: 70px;
    min-width: 1040px !important;
    max-width: 1040px !important;
    width: 1040px !important;
    min-height: 90%!important;
}

.container:after,
.container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

/*@media (min-width:768px) {*/
    /*.container {*/
        /*width: 750px*/
    /*}*/
/*}*/

/*@media (min-width:992px) {*/
    /*.container {*/
        /*width: 960px*/
    /*}*/
/*}*/

/*@media (min-width:1081px) {*/
    /*.container {*/
        /*width: 1035px*/
    /*}*/
/*}*/


input:-webkit-autofill {
    background-color: #FAFFBD;
    background-image: none;
    color: #000;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #777
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.btn {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.53846154;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.badge {
    display: inline-block;
    min-width: 10px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 10px;
    padding: 3px 6px;
    font-size: 13px !important;
    background-color: rgba(226,1,29,1);
    top: 5px;
    right: 0;
}


.hover-div {
    display: none;
    width: 100%;
    height: 100%;
    top: -100%;
    position: relative;
    background: rgba(0, 0, 0, 1);
    opacity: 0.6;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
}

.hover-div .hover-span {
    display: block;
    width: 90px;
    padding: 8px 12px;
    border: 1px solid #F6F6F6;
    margin: 0 auto;
    position: relative;
    top: 40%;
}

.hover-div.show {
    background: #999;
    padding-top: 30px;
    padding-left: 0;
    opacity: 0.7;
    text-align: center;
}

.hover-div.show:hover {
    opacity: 0.9;
}

.hover-div.show .hover-span {
    display: inline-block;
    width: 120px;
    text-align: center;
}

.article-type {
    background: #008FFF;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 6px;
    float: left;
    text-align: center;
}

.load-div {
    margin-top: 10px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    padding: 20px;
}

.load-div img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    display: block;
}

.load-div .load-content {
    position: relative;
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
}

.load-div .load-ball {
    position: absolute;
    width: 16px;
    height: 16px;
    -webkit-animation: jump 1s ease-in-out infinite;
    /*链接球动画*/
}

@-webkit-keyframes jump {
    0% {
        top: 0;
        -webkit-animation-timing-function: ease-in;
    }

    65% {
        top: 10px;
        height: 14px;
    }

    75% {
        height: 12px;
    }

    100% {
        top: 0;
        height: 16px;
    }
}

.load-div .load-shadow {
    position: absolute;
    width: 14px;
    height: 4px;
    bottom: 0;
}

.load-div .load-span {
    position: absolute;
    width: 100px;
    height: 14px;
    font-size: 14px;
    color: #99A2B6;
    left: 30px;
    text-align: center;
}

.js-load-nomore span {
    display: block;
    margin: 0 auto;
    width: 165px;
    text-align: center;
    border-radius: 4px;
    color: #CCC;
    border: 1px solid #CCC;
    font-size: 18px;
}

.left-block {
    float: left;
    width: 73.1%;
}

.right-block {
    width: 26.9%;
    padding-left: 20px;
    float: left;
}

.tag-span {
    border-radius: 15px;
    padding: 5px 10px;
    border: 1px solid #E4F2F8;
    font-family: PingFangSC-Regular;
    color: rgba(35, 85, 153, 1);
    font-size: 14px;
}

.tag-span.active,
.tag-span:hover {
    background: rgba(36, 85, 153, 1);
    color: #fff;
}

.tag-span i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: rgba(35, 85, 153, 1);
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    margin-right: -5px;
    margin-left: 5px;
}

.tag-span.blue-bg {
    background: rgba(51, 152, 219, 1);
    color: #fff;
}

.tag-span.red-bg {
    background: #ea6f5a;
    color: #fff;
}

.tag-span.no-radius {
    border-radius: 4px;
    padding: 4px 10px;
}

.topic-container {
    background: #fff;
}

.topic-item {
    padding-left: 115px;
    height: 90px;
    position: relative;
    margin-bottom: 30px;
}

.topic-item-content {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: rgba(122, 135, 136, 1);
}

.topic-item-img {
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 4px;
    left: 0;
    top: 0;
}

.topic-item-header {
    padding: 10px 100px 10px 0;
    position: relative;
}

.topic-item-title {
    font-size: 30px;
    font-family: PingFangSC-Regular;
    color: rgba(0, 19, 41, 1);
}

.topic-item-header-right {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.topic-item-header-right a {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: rgba(122, 135, 136, 1);
    padding: 0 5px;
}

.topic-item-header-right a.active,
.topic-item-header-right a:hover {
    color: rgba(0, 143, 255, 1);
}

.note-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.note-list>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    word-wrap: break-word;
}

.note-list .entry-box,
.note-list .editor-warp {
    padding: 18px 25px;
}

.note-list .entry-box:hover {
    background: #FAFBFC;
}

.note-title {
    position: relative;
    padding-right: 80px;
}

.note-title .title {
    font-size: 16px;
    font-family: PingFangSC-Regular;
    color: #2A3C4C;
    /*color: #000;*/
    overflow: hidden;
    margin: 0;
    line-height: 28px;
    max-width: 430px;
    font-weight: bolder;
}

.note-title .title:hover {
    text-decoration: underline;
}

.note-title .tag-span {
    position: relative;
    top: -8px;
    border: none;
}

.title-date {
    position: absolute;
    right: 0;
    bottom: 7px;
    font-size: 12px;
    color: #C0C0C0;
}

.title-date i {
    padding-right: 10px;
    font-size: 16px;
}

.abstract {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 22px;
    color: #777;
    max-height: 46px;
    overflow: hidden;
    text-align: justify;
}

.meta {
    width: 100%;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    white-space: nowrap;
}

.meta a {
    max-width: 120px;
    margin-right: 10px;
    font-size: 12px;
    color: #8590A6;
}

.meta a i {
    padding-right: 5px;
    font-size: 14px;
}

.avatar {
    float: left;
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
    position: relative;
}

.avatar img {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.meta .avatar .avatar_float {
    position: absolute;
    border: none;
    width: 20px;
    height: 20px;
    top: -10px;
    right: -7px;
}

.meta span {
    color: #ccc;
    padding-right: 10px;
}

.note-list li.have-img {
    min-height: 140px;
}

.note-list .have-img .wrap-img {
    position: absolute;
    top: 50%;
    margin-top: -60px;
    left: 0;
    width: 150px;
    height: 120px;
}

.note-list .have-img .wrap-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
}

.note-list .have-img>div {
    padding-left: 160px;
}

.note-list .have-img>div .note-title .title {
    max-width: 280px;
}

.shutter-wrap {
    border-radius: 4px;
}
.aside-item .cooperation-title {
    font-size:18px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(29,31,35,1);
    width: 210px;
    margin-left: 10px;
    padding-top: 10px
}
.aside-item .cooperation-content {
    width:144px;
    height:16px;
    font-size:12px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(29,31,35,1);
    margin: 10px 20px
}
.aside-item .cooperation-image img {
    margin-bottom: 10px;
}
.aside-menu-item{
    width: 260px;
}
.aside-item {
    background: #fff;
    margin-bottom: 10px;
    padding-top: 0;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(91, 113, 149, 0.09);
            box-shadow: 0px 0px 5px 0px rgba(91, 113, 149, 0.09);
}
/*/圈子精选*/
.aside-item .circle-content-title {
    height:57px;
    border-bottom: 1px solid rgba(241,241,241,1);
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.circle-content-title .circle-title-word {
    font-size:18px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(29,31,35,1);
}
.circle-content-title .circle-title-num {
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(0,143,255,1);
}
.aside-item .circle-content-body {
    padding: 5px 20px
}
.aside-item .circle-content-footer {
    width: 100%;
    height: 40px
}
.aside-item .circle-content-footer span {
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(122,122,122,1);
    cursor: pointer
}
.aside-item .circle-content-footer span:hover {
    color: #018FFE;
}
.circle-content-body ul li {
    margin-bottom: 15px;
}
.circle-content-body ul li .item-article-wrap {
    text-align: left;
}
.circle-content-body ul li .item-article-wrap a {
    color:rgba(51,51,51,1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.circle-content-body ul li .item-article-wrap a:hover {
    color:#018FFE;
}
.circle-content-body ul li .item-ask-wrap {
    margin: 10px 0;
    text-align: left;
}
.circle-content-body ul li .item-ask-wrap span {
    font-size:12px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(165,169,174,1);
}
.circle-content-body ul li .zan-comment-wrap {
    text-align: left;
    margin-top: 10px;
    width: 100%;
    background: #FCFCFC;
}
.circle-content-body ul li .zan-comment-wrap a {
    cursor: pointer;
}
.circle-content-body ul li .zan-comment-wrap a span {
    vertical-align: -2px;
    color: #B4B8BD;
}
.circle-product-wrap {
    margin-bottom: 15px;
}
.circle-product-wrap .circle-product-item {
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle-product-wrap .circle-product-item:hover {
    background: #FCFCFC;
    cursor: pointer;
}
.circle-product-wrap .circle-product-item img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}
.circle-product-wrap .circle-product-item p {
    display: inline-block;
    width: 200px;
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin: 0;
}
.circle-product-wrap .circle-product-item p:hover {
    color: #018FFE;
}
.scroll_fixed {
    position: fixed;
    width: 260px;
    top: 70px;
}

.aside-item .title .turn-icon {
    margin-left: 60px;
    margin-bottom: 3px;
}

.aside-item .title img:hover{
    cursor: pointer;
}

.turn {
    transform: rotate(180deg);
    transition: 1s;
}

.refresh {
    opacity: 0;
}

/*相关问答*/
.aside-item .ask-content-body {
    padding: 14px 0;
}
.ask-content-body ul li .item-ask-name {
    padding-left: 23px;
    text-align: left;
    margin-bottom: 8px;
}
.ask-content-body ul li .item-ask-name a {
    font-size:14px;
    font-weight:500;
    color:#72757B;
    cursor: pointer;
}
.ask-content-body ul li .item-ask-name a:hover {
    color:rgba(1,143,254,1);
}
.ask-content-body ul li .item-ask-title {
    padding: 0 23px;
    min-height: 29px;
    text-align: left;
}
.ask-content-body ul li .item-ask-title:hover {
    background: #FCFCFC;
}
.ask-content-body ul li .item-ask-title a {
    font-size:14px;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.ask-content-body ul li .item-ask-title a:hover {
    color:rgba(1,143,254,1);
}
.ask-content-body ul li .item-ask-answer {
    margin: 8px 23px;
    display: flex;
    align-items: center;
}
.ask-content-body ul li .item-ask-answer span {
    font-size:12px;
    font-weight:500;
    color: #B4B8BD;
    cursor: pointer;
}
.ask-content-body ul li .item-ask-answer span:nth-child(1) {
    font-size:12px;
    font-weight:500;
    color: #72757B;
    margin-right: 5px;
}
.ask-content-body ul li .item-ask-answer span:nth-child(2) {
    margin-right: 10px;
}

/*个人信息*/
.aside-item .self-img-bg {
    width: 260px;
    height: 162px;
    position: relative;
    margin-bottom: -35px;
}
/*.aside-item .self-img-bg::before {*/
/*    content: '';*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: url("/tp_static/images/background.png");*/
/*    filter: blur(2px);*/
/*    z-index: -1;*/
/*}*/
.aside-item .self-img-bg img {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.aside-item .self-info-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
}
.aside-item .self-info-wrap .self-header-wrap {
    position: relative;
}
.aside-item .self-info-wrap .header-img {
    width:62px;
    height:62px;
    border-radius: 50%;
    max-width: none;
}
.aside-item .self-info-wrap .gold-img {
    position: absolute;
    top: 48px;
    right: 6px;
}
.aside-item .self-info-wrap .self-info-introduction {
    margin-left: 20px;
}
.aside-item .self-info-wrap .self-info-introduction span {
    font-size:16px;
    font-weight:bold;
    color:rgba(255,255,255,1);
}
.aside-item .self-info-wrap .self-info-introduction a img {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
}
.aside-item .self-info-wrap .self-info-introduction  a img:hover {
    transform: scale(1.1);
    transition: .5s;
}
.aside-item .self-info-wrap .self-info-introduction span:hover {
    cursor: pointer;
    color: #018FFE;
}
.aside-item .self-info-wrap .self-info-introduction div {
    font-size:12px;
    font-weight:500;
    color:rgba(130,146,161,1);
    /*text-align: left;*/
    margin-top: 5px;
    max-width: 140px;
}
.aside-item .self-info-wrap .self-info-introduction .self-author {
    background: #fff;
    color: #018FFE;
    border: 1px solid #018FFE;
    font-size:12px;
    font-weight:400;
    display: block;
    border-radius: 10px;
    padding: 2px;
    width: 100px;
    margin: 0 auto;
}
.aside-item .self-info-wrap .self-info-introduction .self-author:hover {
    background: #018FFE;
    color: #fff;
}
.aside-item .self-dynamic-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    padding-bottom: 20px;
}
.aside-item .self-dynamic-wrap div a{
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }
.aside-item .self-dynamic-wrap div{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aside-item .self-dynamic-wrap div span {
    font-size:16px;
    font-weight:500;
    color:rgba(51,51,51,1);
    cursor: pointer;
}
.aside-item .self-dynamic-wrap div span:hover {
    color:#1296FE;
}

.aside-item .attention-wrapper {
    padding-bottom: 20px;
}

.aside-item .attention-wrapper .btn-info {
    color: #fff;
    border-color: #2b8fff;
    background-color: #2b8fff;
}

.aside-item .attention-wrapper .btn-info:hover {
    background-color: #0380e2;
}

.aside-item .title .clear-more {
    margin-left: 40px;
    margin-bottom: 3px;
}

.aside-item .title .search-more {
    width:39px;
    height:18px;
    font-size:13px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(133,133,133,1);
    float: right;
}
.aside-item .title .search-more:hover {
    color: #018FFE;
}
.aside-item .subscribe-header a{
    display: inline-block;
    margin: 0 10px;
}

.aside-item .subscribe {
    margin: 42px auto 0;
}

.aside-item .subscribe img:hover {
    cursor: pointer;
    transform: scale(1.2);
    transition: .5s;
}

.aside-item .subscribe p {
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(105,110,118,1);
    line-height:18px;
    margin-top: 10px;
}
.aside-item .subscribe p:hover {
    color: #008FFF;
    cursor: pointer;
}

.aside-item .subscribe-footer {
    position: relative;
    width:220px;
    height:30px;
    background:rgba(0,143,255,1);
    box-shadow:0px 4px 6px 0px rgba(173,219,255,1);
    border-radius:14px;
    margin: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family:PingFangSC-Regular;
    line-height: 30px;
}

.aside-item .subscribe-footer .half {
    position: absolute;
    top: 0;
    right: 20px;
}

.aside-item .subscribe-footer a{
    color: #fff;
}

.aside-item .subscribe-footer img:nth-of-type(1) {
    position: absolute;
    left: 42px;
    top: 9px;
}
.aside-item .subscribe-footer img:nth-of-type(2) {
    position: absolute;
    right: 15px;
}

.aside-item .subscribe-footer:hover {
    cursor: pointer;
    /*color: black;*/
    background: #0a67ea;
}

.aside-item-con .user-ul {
    margin-top: 20px;
    margin-bottom: 40px;
}

.aside-item-con li {
    padding: 0 10px;
    margin-bottom: 20px;
    text-align: justify;
}

.showNum {
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #B5BBC9;
    display: inline-block;
    float: right;
    margin-top: -5px;
}

.showNum:before {
    content: ' ';
    display: inline-block;
    width: 16px;
    height: 10px;
    background: url("../images/xianshi.png") no-repeat;
    background-size: 16px 10px;
    margin-right: 5px;
}

.aside-item-con .has-icon-left {
    padding-left: 75px;
    position: relative;
    height: 45px;
}

.aside-item-con .has-icon-left img {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 5px;
    left: 10px;
}

.aside-item-con .article-title {
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    color: #314261;
    font-size: 14px;
    min-width: 230px;
}

.aside-item-con .article-title:hover {
    color: #008FFF !important;
}

.aside-item-con .has-icon-left .article-title {
    min-width: 170px;
}

.aside-item .title {
    background: #fff;
    height: 55px;
    line-height: 55px;
    color: #333;
    padding: 0 20px;
    border-bottom: 1px solid #f0f0f0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aside-item .title span {
    background: #fff;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgba(29, 31, 35, 1);
}

.aside-item .find-more {
    color: #008fff;
    font-size: 15px;
    float: right;
}

.aside-item .aside-item-con {
    background: #fff;
    padding: 5px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.aside-item .author-come {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(241,241,241,1);
    justify-content: center;
}
.aside-item .author-come span {
    font-size:14px;
    font-weight:500;
    color:rgba(0,143,255,1);
    cursor: pointer;
    margin-right: 6px;
}
.aside-item .author-come span:hover {
    color:rgba(10,103,234,1);
}
.aside-item .author-come img {
    cursor: pointer;
}
.aside-item-con>p {
    font-size: 13px;
    font-family: PingFangSC-Regular;
    color: rgba(108, 117, 137, 1);
    line-height: 20px;
    text-align: justify;
    padding: 10px 15px;
}

.aside-item .list {
    text-align: left;
    padding: 5px 10px;
    transition: opacity 1s;
}



.aside-item .list.aside-report-ul{
    padding: 0;
}

.aside-item .list li {
    margin: 15px 0 25px 0;
    padding-left: 55px;
    padding-right: 0;
    position: relative;
}
.aside-item .list.aside-report-ul li{
    padding: 15px 16px 15px 90px;
    margin: 0;
}
.aside-item .list.aside-report-ul li:hover{
    background: #FAFBFC;
}
.aside-item .aside-report-ul .list-li-title{
    margin-bottom: 8px;
}
.aside-item .aside-report-ul .list-li-title a{
    margin-right: 8px;
}
.list .user-level {
    position: absolute;
    top: 52px;
    left: -15px;
    font-size: 12px;
    color: #8891A4;
    width: 65px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list li .list-li-img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    position: absolute;
    /*top: 5px;*/
    left: 0;
}
.list li .list-li-img.report-img {
    width: 47px;
    height: 47px;
    border-radius: 8px;
    top: 13px;
    left: 26px;
}

.list li .avatar_float {
    width: 30px;
    height: 30px;
    left: 14px;
    top: -9px;
    position: absolute;
}
.list-li-con {
    margin-left: 10px;
}
.list-li-con .list-li-title {
    display: flex;
    align-items: center;
}
.list-li-con .list-li-title a{
    width: 84px;
    margin-right: 10px;
}
.list-li-con .list-li-title a img {
    width: 20px;
    height: 20px;
    vertical-align: -3px;
}
.list-li-con .list-li-title a img:hover {
    transform: scale(1.1);
    transition: .5s;
}
.list-li-user .user-comp {
    white-space: nowrap;
}

.list-li-con:hover .user-comp,
.list-li-con:hover .list-li-title>a {
    color: #008FFF;
}

.list-li-title a {
    font-family:PingFangSC-Medium;
    font-weight:500;
    font-size: 16px!important;
    color:rgba(41,41,41,1);
    width: 160px;
}

.list-li-title a:hover,
.aside-item-con .list a:hover,
.list-li-user .service-job:hover,
.aside-item-con .list  .bottom-type:hover{
    cursor: pointer;
}

.aside-item-con .list  .bottom-type {
    width:60px;
    height: 16px;
    border-radius: 9px;
    position: absolute;
    left: -6px;
    top: 38px;
    background:rgba(236,237,253,1);
    text-align: center;
    font-size:11px;
    font-family:PingFangSC-Regular;
    color:rgba(103,106,240,1);
    line-height:16px;
}

.aside-item-con .list  .another-type {
    background:rgba(226,240,251,1);
    color:rgba(0,143,255,1);
}

.list-li-title span {
    background: #008fff;
    padding: 1px 10px;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    float: right;
    display: inline-block;
    line-height: 22px;
    cursor: pointer;
}

.list-li-title span.active {
    background: rgba(182, 188, 201, 1);
}

.list-li-user span {
    color: #35425F;
    font-size: 13px;
    margin-bottom: 5px;
    width: 155px;
    display: inline-block;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(168,168,168,1);
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-li-user .service-job {
    font-size:12px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(114,117,123,1);
    line-height:17px;
}

.list-li-user .service-job:hover, .list-li-title a:hover {
    color: #3E8FF7;
}

.list-li-user .service-comp {
    width:160px;
    height:36px;
    font-size:13px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(165,169,174,1);
    line-height:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.list-li-meta a {
    font-size: 10px;
    font-family: PingFangSC-Regular;
    color: rgba(134, 145, 166, 1);
    display: inline-block;
    /*margin-right: 6px;*/
}

.list-li-meta .fa {
    /*margin-right: 5px;*/
}

.aside-item .list-li-meta .fa:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
}

.aside-item .list-li-meta .icon1:before {
    background: url("../images/icon1.png") 0 2px;
}

.aside-item .list-li-meta .icon2:before {
    background: url("../images/icon3.png") 0 1px;
}

.aside-item .list-li-meta .icon3:before {
    background: url("../images/icon2.png") 0 1px;
}
.aside-item .list-li-meta .zan:before {
    background: url("../images/zan_ico.png") no-repeat 0 1px;
    background-size: 10px 10px;
}
.aside-item .vip:before{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/vip.png") no-repeat 0 2.5px;
}

.word-list {
    padding: 10px 20px;
    padding-left: 0;
}

.word-list li {
    margin: 10px;
    margin-left: 0;
}

.word-list li a {
    display: block;
    width: 100%;
    font-family: PingFangSC-Regular;
    color: rgba(108, 117, 137, 1);
    line-height: 20px;
}

.aside-item .aside-item-con.contact-us-con {
    /*background: #F6F7F9;*/
    overflow: hidden;
}

.contact-us {
    width: 50%;
    height: 176px;
    float: left;
    padding: 5px 2px;
    position: relative;
    vertical-align: center;
}

.contact-us p {
    position: absolute;
    bottom: 5px;
    left: 15px;
}


.contact-us img {
    margin-top: 22px;
}

.contact-us p {
    font-size:13px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(95,100,108,1);
    line-height:18px;
}

/* 简单全局样式 */
.pa0 {
    padding: 0px;
}

.pa5 {
    padding: 5px;
}

.pa10 {
    padding: 10px;
}

.pa15 {
    padding: 15px;
}

.pa20 {
    padding: 20px;
}

.pa25 {
    padding: 25px;
}

.pa30 {
    padding: 30px;
}

.ma0 {
    margin: 0px;
}

.ma5 {
    margin: 5px;
}

.ma10 {
    margin: 10px;
}

.ma15 {
    margin: 15px;
}

.ma20 {
    margin: 20px;
}

.ma25 {
    margin: 25px;
}

.ma30 {
    margin: 30px;
}

.paT5 {
    padding-top: 5px;
}

.paT10 {
    padding-top: 10px;
}

.paT15 {
    padding-top: 15px;
}

.paT20 {
    padding-top: 20px;
}

.paT25 {
    padding-top: 25px;
}

.paB5 {
    padding-bottom: 5px;
}

.paB10 {
    padding-bottom: 10px;
}

.paB15 {
    padding-bottom: 15px;
}

.paB20 {
    padding-bottom: 20px;
}

.paB25 {
    padding-bottom: 25px;
}

.paB36 {
    padding-bottom: 36px;
}

.paL5 {
    padding-left: 5px;
}

.paL10 {
    padding-left: 10px;
}

.paL15 {
    padding-left: 15px;
}

.paL20 {
    padding-left: 20px;
}

.paL25 {
    padding-left: 25px;
}

.paR5 {
    padding-right: 5px;
}

.paR10 {
    padding-right: 10px;
}

.paR15 {
    padding-right: 15px;
}

.paR20 {
    padding-right: 20px;
}

.paR25 {
    padding-right: 25px;
}

.paTB5 {
    padding: 5px 0;
}

.paTB10 {
    padding: 10px 0;
}

.paTB15 {
    padding: 15px 0;
}

.paTB20 {
    padding: 20px 0;
}

.paTB25 {
    padding: 25px 0;
}

.paLR5 {
    padding: 0 5px;
}

.paLR10 {
    padding: 0 10px;
}

.paLR15 {
    padding: 0 15px;
}

.paLR20 {
    padding: 0 20px;
}

.paLR25 {
    padding: 0 25px;
}

.maT5 {
    margin-top: 5px;
}

.maT10 {
    margin-top: 10px;
}

.maT15 {
    margin-top: 15px;
}

.maT20 {
    margin-top: 20px;
}

.maT25 {
    margin-top: 25px;
}

.maB5 {
    margin-bottom: 5px;
}

.maB10 {
    margin-bottom: 10px;
}

.maB15 {
    margin-bottom: 15px;
}

.maB20 {
    margin-bottom: 20px;
}

.maB25 {
    margin-bottom: 25px;
}

.maL5 {
    margin-left: 5px;
}

.maL10 {
    margin-left: 10px;
}

.maL15 {
    margin-left: 15px;
}

.maL20 {
    margin-left: 20px;
}

.maL25 {
    margin-left: 25px;
}

.maR5 {
    margin-right: 5px;
}

.maR10 {
    margin-right: 10px;
}

.maR15 {
    margin-right: 15px;
}

.maR20 {
    margin-right: 20px;
}

.maR25 {
    margin-right: 25px;
}

.maTB5 {
    margin: 5px 0;
}

.maTB10 {
    margin: 10px 0;
}

.maTB15 {
    margin: 15px 0;
}

.maTB20 {
    margin: 20px 0;
}

.maTB25 {
    margin: 25px 0;
}

.maLR5 {
    margin: 0 5px;
}

.maLR10 {
    margin: 0 10px;
}

.maLR15 {
    margin: 0 15px;
}

.maLR20 {
    margin: 0 20px;
}

.maLR25 {
    margin: 0 25px;
}

/* 模态框 */
.div-container {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0, 0, 0, 0.5) !important;
    background: #000;
    filter: Alpha(opacity=60);
    overflow-y: auto;
}

/*设置div-child的父元素主要是将要此元素的父元素透明特性继承过来，故div-child不会半透明，而是不透明，解决了父元素透明，子元素也透明的bug */
.div-child-container {
    position: relative;
    width: 700px;
    margin: 30px auto;
    top: 10%;
    z-index: 250;
    /*z-index要放在父元素之上 */
}

.modal-content {
    width: 700px;
    margin: auto;
    background: #fff;
    z-index: 300;
    /*z-index要放在父元素之上 */
    -webkit-animation-name: modal-anim-open;
            animation-name: modal-anim-open;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    border-radius: 10px;
}

.modal-content .modal-submit {
    text-align: center;
}

.modal-content .modal-submit span {
    vertical-align: middle;
    display: inline-block;
    line-height: 36px;
    width: 250px;
    height: 36px;
    background: #3E8FF6;
    border: none;
    border-radius: 5px;
    color: #fff;
    outline: none;
    position: relative;
    bottom: 36px;
    font-size: 17px;
}

.modal-content .modal-submit span:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff;
    cursor: pointer;
}

.modal-content .modal-content-header {
    width: 100%;
    height: 68px;
    line-height: 68px;
    background: #00A0E9;
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 10px 10px 0 0;
}

.modal-content .modal-content-header .modal-close {
    color: #fff;
    padding: 0px;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 5px;
}

.modal-content-body .body-problem span {
    position: relative;
    top: 23px;
    right: 20px;
}
.modal-content .modal-content-header button.modal-close{
    position: absolute;
    right: 20px;
}
.modal-content-header .modal-close span {
    font-size: 25px;
}

.modal-content-body .body-problem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.modal-content-body div {
    margin: 10px 0;
}

.modal-content-body textarea {
    padding: 5px 10px;
    width: 85%;
    height: 90px;
    background:rgba(247,248,249,1);
    border-radius: 4px;
    margin-top: 10px;
    border: none;
    outline: none;
}
.modal-content-body #editor {
    padding: 5px 10px;
    width: 85%;
    height: 90px;
    background:rgba(247,248,249,1);
    border-radius: 4px;
    margin-top: 10px;
    border: none;
    outline: none;
}

.app-detail {
    width: 568px ;
    height:99px ;
    background:rgba(247,247,247,1)!important;
    border-radius:4px!important;
    /*border:1px solid rgba(0,143,255,1)!important;*/
    padding: 15px 26px 15px 17px!important;
    resize: none;
    margin-left: 20px;
}

.modal-content-body textarea:focus {
    border: 1px solid rgba(0, 127, 255, 1)
}
.modal-content-body .body-problem textarea {
    height: 42px;
    line-height: 30px;
    font-size: 14px;
}

.modal-content .modal-content-body {
    padding: 20px 80px;
}

.experience-input {
    width:690px;
    height:48px;
    background:rgba(247,247,247,1);
    border-radius:4px;
    border:1px solid rgba(241,241,241,1);
    padding-left: 27px;
    margin-left: 12px;
}

.quick-btn-wrap {
    position: absolute;
    display: inline;
    margin-left: -100px;
    margin-top: 10px;
    width:76px;
    height:30px;
    background:rgba(236,237,253,1);
    border-radius:4px;
    font-size:13px;
    font-weight:500;
    color:rgba(0,143,255,1);
    opacity:1;
    text-align: center;
    line-height: 30px;
    /*opacity:0.1;*/
}
.quick-btn-wrap:hover {
    cursor: pointer;
    background: rgba(0,143,255,1);
    color: #fff;
}

.body-label .add-label {
    width: 70px;
    height: 32px;
    background-color: #018FFE;
    border: none;
    color: #fff;
    border-radius: 5px;
    margin-left: 5px;
}

.body-label .add-label:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff;
}

.modal-content-body .body-label,
.body-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.modal-content-body .body-info span {
    font-size: 16px;
}

.modal-content-body .body-info textarea {
    width: 95%;
}

.modal-content-body .body-label span {
    font-size: 10px;
    font-weight: 500;
    color: rgba(188, 193, 196, 1);
    line-height: 26px;
}

.body-label div {
    margin: 10px 5px;
}

.modal-content-body .body-label input {
    background:rgba(247,248,249,1);
    border-radius: 4px;
    border: 1px solid rgba(242,242,243,1);
    width: 200px;
    height: 40px;
    font-size: 14px;
    text-indent: 14px;
    outline: none;
}
.modal-content-body .body-label input:focus{
    border: 1px solid rgba(0,127,255,1);
}
.isanonymous .my-radio-con {
    color: #E6E6E6;
    font-size: 26px;
}

.isanonymous .my-radio-con label {
    height: 42px;
    line-height: 42px;
    position: relative;
    top: 4px;
}

.isanonymous label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.isanonymous .my-radio-con .fa-toggle-on {
    color: #008FFF;
}

.modal-content-body .isanonymous {
    position: relative;
    left: 446px;
    margin-top: -15px;
}
/*专栏作者模态框*/
.columnist-modal-bg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0, 0, 0, 0.5) !important;
    overflow: auto;
}
.organization-modal-bg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0, 0, 0, 0.5) !important;
    overflow: auto;
}
.organization-modal-bg .columnist-modal-wrap {
    position: relative;
    width: 1041px;
    height: 770px;
    margin: 30px auto;
    top: 10%;
    z-index: 250;
}
.organization-modal-bg .columnist-modal-wrap .columnist-modal-content {
    height: 770px;
    background-size: cover;
}
.columnist-modal-bg .columnist-modal-wrap {
    position: relative;
    width: 1041px;
    height: 716px;
    margin: 30px auto;
    top: 10%;
    z-index: 250;
}
.columnist-modal-wrap .columnist-modal-content {
    width: 1041px;
    height: 716px;
    background: url("/tp_static/images/columnist_bg.png");
    margin: auto;
    /*background: #fff;*/
    z-index: 300;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}
.columnist-modal-content .columnist-modal-header {
    flex: .8;
}
.columnist-modal-content .modal-header-title {
    font-size:26px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height: 80px;
}
.columnist-modal-content .modal-header-subtitle {
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(243,243,243,1);
    text-align: center;
    margin-top:-15px;
}
.columnist-modal-content .columnist-modal-body {
    flex: 3;
    padding: 0 30px;
}
.columnist-modal-body .modal-body-equity {

}
.modal-body-equity .equity-title {
    font-size:20px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
}
.modal-body-equity .equity-content-wrap {
    padding-left: 40px;
}
.modal-body-equity .equity-content-wrap div {
    font-size:16px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height: 45px;
}
.modal-body-equity .equity-title:before {
    content: '';
    display: inline-block;
    border: 2px solid rgba(0,143,255,1);
    height:15px;
    margin-right: 20px;
}
.modal-body-requirement .requirement-title {
    font-size:20px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
}
.modal-body-requirement .requirement-content-wrap {
    padding-left: 40px;
}
.modal-body-requirement .requirement-content-wrap div {
    font-size:16px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height: 45px;
}
.modal-body-requirement .requirement-title:before {
    content: '';
    display: inline-block;
    border: 2px solid rgba(0,143,255,1);
    height:15px;
    margin-right: 20px;
}
.columnist-modal-content .columnist-modal-footer {
    flex: 2;
}
.columnist-modal-footer .modal-footer-img {
    margin: 0 auto;
    width: 140px;
    height: 140px;
}
.columnist-modal-footer .modal-footer-img img{
    width: 140px;
    height: 140px;
}
.columnist-modal-footer .modal-footer-auth {
    font-size:16px;
    font-family:PingFang-SC-Bold;
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-align: center;
    margin-top: 15px;
}
/* 来提问处必填项挂类 */
.isrequire-write {
    border: 1px solid red !important;
}

/* 匿名处挂类 */
.toggle-none {
    display: none !important;
}

.toggle-block {
    display: inline-block !important;
}

.body-label .body-label-item {
    display: flex;
    align-items: center;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    background:#E5F4FF;
    padding: 0 1rem;
    letter-spacing: 2px;
    cursor: pointer;
    margin-right: 10px;
    /*margin-bottom: 8px;*/
    position: relative;
}
.body-label .body-label-item span {
    color: #018FFE;
}
.body-label .body-label-item .body-label-span{
    display: inline-block;
    max-width: 520px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*.body-label .body-label-item:hover .body-label-span{*/
/*    color: #fff;*/
/*}*/
/*.body-label .body-label-item:hover  {*/
/*    background-color: #018FFE;*/
/*    color: #fff;*/
/*}*/

.body-label .body-label-item:hover .label-delete {
    display: inline-block;
}

.body-label .body-label-item .label-delete {
    margin-left: 5px;
    width: 14px;
    height: 14px;
    background-image: url('/tp_static/images/say/delete.png');
    background-repeat: round;
    display: none;
    /*position: absolute;*/
    /*top: -5px;*/
    /*right: -5px;*/

}

/* 定义动画 */
@-webkit-keyframes modal-anim-open {
    0% {
        opacity: 0;
        -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    10.4167% {
        -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    20.8333% {
        -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    31.25% {
        -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    41.6667% {
        -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    50% {
        opacity: 1;
        -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    60.4167% {
        -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    70.8333% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    81.25% {
        -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    91.6667% {
        -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

}
@keyframes modal-anim-open {
    0% {
        opacity: 0;
        -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    10.4167% {
        -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    20.8333% {
        -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    31.25% {
        -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    41.6667% {
        -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    50% {
        opacity: 1;
        -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    60.4167% {
        -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    70.8333% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    81.25% {
        -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    91.6667% {
        -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        opacity: 1;
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

}



.header-topic-a .active {
    color: #008FFF !important;
}

#to_top {
    position: fixed;
    display: none;
    bottom: 205px;
    width: 50px;
    height: 50px;
    background: #E8E8E8;
    border-radius: 6px;
    cursor: pointer;
    z-index: 1000;
}

#to_top img {
    width: 24px;
    height: 24px;
    margin: 12px auto;
    display: block;
}
#happy_new_year {
    position: fixed;
    top: 205px;
    width: 184px;
    height: 148px;
    z-index: 200;
}
#happy_new_year .year_warp{
    position: relative;
    width: 184px;
    height: 148px;
}
#happy_new_year img{
    position: absolute;
}
#happy_new_year a{
    position: absolute;
    display: block;
    width: 160px;
    height: 148px;
}
#happy_new_year .close_new_year{
    position: absolute;
    z-index: 205;
    display: block;
    width: 15px;
    height: 15px;
    right: 7px;
    top: 7px;
    cursor: pointer;
    background: RGB(255,77,65);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
}
#happy_new_year .close_new_year:hover{
    width: 16px;
    height: 16px;
    font-size: 16px;

}


/* 富文本编辑器 */
.w-e-text-container {
    border-left: 0px !important;
    border-right: 0px !important;
    font-size: 16px;
    color: #333;
    background-color: #fff !important;
}

.w-e-toolbar {
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 0 5px;
    background-color: #fff !important;
    border: none !important;
    border-bottom: 1px solid #E2E2E2 !important;
    /*flex-wrap: wrap;*/
}

.ground-item li {
    min-width: 107px;
}

/* 打卡历程 */
.clock-course {
    border-bottom: 1px solid rgba(246, 246, 246, 1);
    margin-left: 15px;
    padding-top: 8px;
    overflow: hidden;
    padding-bottom: 8px;
}

.clock-course .photo {
    width: 60px;
    height: 60px;
    /* border-radius: 6px; */
    float: left;
}

.clock-course .photo img {
    border-radius: 6px;
}


.clock-course .course-user {
    text-align: left;
    float: left;
    padding-left: 15px;
}

.clock-course .course-user div:first-child {
    font-weight: 400;
    padding: 5px 0;
}

.clock-course .course-user div:last-child {
    font-weight: 400;
    padding: 5px 0;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

.clock-course-li-img {
    position: absolute;
    top: 5px;
    left: 15px;
}

.black-text {
    font-weight: bold;
    color: black;
}

/* 往期讨论 */
.word-list {
    padding: 10px 20px;
    /* padding-left: 0; */
}

.word-list li a {
    position: relative;
    padding-left: 15px;
    text-align: left;
    /* font-size: 13px; */
}

.word-list li:hover>a {
    color: #008FFF;
}

.word-list li a::before {
    content: "";
    width: 0px;
    height: 0px;
    border-width: 8px;
    border-style: solid;
    position: absolute;
    left: 0px;
    border-color: transparent transparent transparent #779BBD;
}

/* 广告图 */
.ad {
    height: 59px;
    border-radius: 2px;
}

/* flex布局 */
.df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fw {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.df-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
}

.ai {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.ai-b {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.jc-sb {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.jc {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.jc-fe {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.fx1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.fx2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
}

.fs0 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

/* 文章列表 */
.meta-list .item,
.meta-list .item a {
    font-size: 14px;
    color: #6E7587;
}

.meta-list .post {
    display: inline;
    height:17px;
    padding-right: 8px;
    /*background: rgba(9,190,142,1);*/
    border-radius:9px;
    /*opacity:0.12;*/
}

.meta-list .item div {
    text-align: center;
    display: inline;
    padding: 0 10px;
    height:17px;
    border-radius:9px;
    font-size:12px;
    font-weight:500;
    line-height:17px;
    background:rgba(236,237,253,1);
    font-family:PingFangSC-Regular;
    color:rgba(103,106,240,1);
}
.meta-list .item .article {
    color: #F0A70A;
    background: #FCF1DA;
}
.meta-list .item .source {
    color: #1DAFDE;
    background: #E3F5FB
}
.meta-list .item .question {
    color: #2F61D5;
    background: #E6ECFA
}
.meta-list .item .share {
    color: #EE5B23;
    background: #FDEBE4;
}
.meta-list .item .report {
    color: #008FFF;
    background: #E6F4FF
}
.meta-list .item .active {
    color: #09BE8E;
    background: #E1F7F1
}

.meta-list .item.hot {
    font-weight: 500;
    color: #FF3939;
}

.meta-list li {
    width: auto;
    padding: 0;
    display: inline-block;
    border: 0;
}

.meta-list .item.post {
    font-weight: 500;
    color: #FF8B36;
}

.meta-list .post:hover {
    cursor: pointer;
}

.user-popover-box a:hover {
    color: #007fff;
}

.item a:not(:last-child) .tips-list {
    padding:0 7px 0 2px;
    margin: 0;
    border-right: 1px solid #F1F1F1;
}

.item a:last-child .tips-list:after {
    content: "·";
    color: rgb(178, 186, 194);
    margin: 0px 5px;
}

/*.item .tips-list::after {*/
/*    content: "|";*/
/*    color: #DADBDE;*/
/*    margin-left: 8px;*/
/*}*/

.user-popover-box::after {
    content: "·";
    color: rgb(178, 186, 194);
    margin: 0px 2px;
}

.meta-list .item.time::after {
    content: "";
}


.time {
    color: #B4B8BD !important;
}

.meta-list .item.tag {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 0;
}

.title-row {
    margin: 6px 0 0;
}

.title-row .title {
    font-size: 18px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    color: #1D1F23;
    line-height: 1.2;
    max-width: 100%;
}

.title-row .title:visited {
    color: #909090;
}

.title-row .more-list-text {
    font-size: 12px;
    color: #6E7587;
}

.author-row .author-list li {
    float: left;
    margin: 5px 10px 0px 0px;
}

.thumb {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 160px;
    margin-left: 24px;
    position: relative;
}

.thumb .big-banner {
    width: 150px;
    height: 100px;
    border-radius:6px;
}

.thumb .small-banner {
    position: absolute;
    right: 8px;
    top: -2px;
}

.thumb img:hover {
    cursor: pointer;
}

.entry-box .zhiding {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
}
.ui-btn.answer {
    padding: 9px 28px;
    border-radius: 3px;
    height: 40px;
}

.info-box .action-row {
    min-height: 20px;
    margin: 10px 0 0;
    white-space: nowrap;
}

.action-row-left {
    margin-right: 32px;
    width: 130px;
}

.action-row-right {
    position: relative;
}

.active-address {
    padding: 6px 11px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(240,240,240,1);
    border-radius:2px;
    font-size:13px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(180,184,189,1);
    text-align: center;
    margin-right: 40px;
}
.active-address a {
    color:rgba(180,184,189,1);
}
.active-address:hover {
    background:rgba(247,248,250,1);
    cursor: pointer;
}
.action-row  .bottom-btn {
    margin-right: 25px;
    text-decoration: none;
    color: #999;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    position: relative;
    z-index: 8;
}

/*.action-row .action-row-right .js-article-like,.action-row .is-active .fa-thumbs-up {*/
/*    color: #3D8EF6;*/
/*}*/

/*.fa-thumbs-up {*/
/*    width:26px;*/
/*    height:26px;*/
/*    border-radius: 13px;*/
/*    background:rgba(243,243,243,1);*/
/*    margin-bottom: -6px;*/
/*}*/

/*.fa-thumbs-up:before {*/
/*    position: absolute;*/
/*    left: 8px;*/
/*    bottom: 4px;*/
/*}*/

svg {
    font-size: 14px;
    vertical-align: text-bottom;
}

.bottom-btn span {
    padding-left: 5px;
    vertical-align: -2px;
}

.fa-commenting {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: rgba(243,243,243,1);
    margin-bottom: -6px;
}

.fa-commenting:before {
    position: absolute;
    left: 7px;
    bottom: 4px;
}

.meta-row .blue-tag {
    padding: 0px 8px;
    border-radius: 3px;
    margin: 0 2px;
}

.meta-row .meta-list:last-child span {
    color: #72757B;
    position: relative;
}

.bottom-btn span {
    color: #999;
}

.js-love-btn .supports.active {
    color: #008FFF;
}
    /*.meta-row .meta-list:last-child span:after {*/
/*    right: 0;*/
/*    top: 0;*/
/*    height: 100%;*/
/*    width: 1px;*/
/*    background: #DADBDE;*/
/*}*/

.meta-row .meta-list:last-child span:hover {
    color: #008FFF;
}

/* 赞同按钮 */
.VoteButton {
    padding: 0 10px;
    color: #0084FF;
    background: rgba(0, 132, 255, 0.1);
    border-color: transparent;
    line-height: 32px;
    border-radius: 3px;
    outline: none;
}

.VoteButton--down {
    margin-left: 2px;
}

.VoteButton-TriangleUp {
    margin-right: 5px;
}

.VoteButton:hover,
.VoteButton.is-active {
    color: #FFFFFF;
    background: #3E8FF6;
}
.VoteButton:hover .js-zan_num,
.VoteButton:hover a,
.VoteButton.is-active .js-zan_num{
    color: #fff;
}

.entry .list-text {
    font-size: 16px;
    color: #333;
    padding: 20px 5px;
}

.list-block .list-show,
.replace-list-block .list-show {
    cursor: pointer;
    padding-left: 5px;
    border: 1px solid transparent;
    outline: none;
    color: #008FFF;
    padding-left: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    text-align: left;
}

/* 文章详情页的分享 */
.article-share-box {
    position: absolute;
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 0;
    right: -20px;
    z-index: 99999;
    /* padding: 3px; */
    color: #7D7D7D;
    opacity: 0;
}

/* 小三角 */
.Popover-arrow {
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    z-index: 40;
}

.Popover-arrow::after {
    content: '';
    position: absolute;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin: -12px;
    border: 1px solid #EBEBEB;
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: auto;
}

.Popover-arrow--bottom {
    width: 32px;
    height: 16px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.Popover-arrow--bottom::after {
    left: 50%;
    bottom: -8px;
}

.show-box {
    width: 142px;
    position: relative;
    margin-top: 10px;
    border:
        1px solid #EBEBEB;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px rgba(26, 26, 26, 0.1);
            box-shadow: 0 5px 20px rgba(26, 26, 26, 0.1);
    /* margin: 0; */
    padding: 6px 0 20px;
    background: #fff;
}

.ShareMenu-button {
    padding: 0 20px;
    line-height: 40px;
}
.ShareMenu-button:hover {
    cursor: pointer;
}
.ShareMenu-button.copy-btn:hover {
    background: #F6F6F6
}

.ShareMenu-button .Popover-img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

/* 富文本框 */
.note-list .js-editor-warp.editor-warp {
    max-height: 0;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
    overflow: hidden;
    background: #f8f8f8;
    padding: 0;
}

.note-list .js-comment-one {
    padding: 15px 30px;
}

.user-header {
    width: 48px;
}

.user-header img {
    border-radius: 50%;
}

.comment-bottom label {
    font-size: 12px;
    color: #8890A4;
}

.comment-bottom input {
    vertical-align: middle;
    margin: 0;
}

.comment-bottom label,
.comment-bottom .btn {
    margin: 0 0 0 8px;
}

.cancel-btn {
    color: #3D8EF7;
    border: 1px solid #B7BCC8;
    padding: 2px 12px;
}

.edit-tem {
    border: 1px solid #E2E2E2;
}

.edit-tem .w-e-text {
    min-height: 170px;
}

.w-e-text-container {
    background: #ffffff !important;
}

.w-e-toolbar {
    background: #F5F5F5 !important;
}

.user-active #editor {
    background: #fff;
}

/* switch开关按钮 */
.mui-switch {
    width: 36px;
    height: 20px;
    position: relative;
    background-color: #E2E2E2;
    -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
            box-shadow: #dfdfdf 0 0 0 0 inset;
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 10px;
    background-clip: content-box;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none !important;
}

.mui-switch:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 18px;
    height: 18px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(226, 226, 226, 1);
    -webkit-box-shadow: 0px 2px 3px 0px rgba(11, 136, 65, 0.35);
            box-shadow: 0px 2px 3px 0px rgba(11, 136, 65, 0.35);
    border-radius: 50%;
}

.mui-switch:checked {
    border-color: #3D8EF7;
    -webkit-box-shadow: #3D8EF7 0 0 0 3px inset;
            box-shadow: #3D8EF7 0 0 0 3px inset;
    background-color: #3D8EF7;
}

.mui-switch:checked:before {
    left: 16px;
}

.mui-switch.mui-switch-anim {
    -webkit-transition: -webkit-box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
    transition: -webkit-box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
    transition: box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
    transition: box-shadow cubic-bezier(0, 0, 0, 1) 0.4s, -webkit-box-shadow cubic-bezier(0, 0, 0, 1) 0.4s;
}

.mui-switch.mui-switch-anim:before {
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
}

.mui-switch.mui-switch-anim:checked {
    -webkit-box-shadow: #3D8EF7 0 0 0 16px inset;
            box-shadow: #3D8EF7 0 0 0 16px inset;
    background-color: #3D8EF7;
    -webkit-transition: background-color ease 1.2s, -webkit-box-shadow ease 0.4s;
    transition: background-color ease 1.2s, -webkit-box-shadow ease 0.4s;
    transition: box-shadow ease 0.4s, background-color ease 1.2s;
    transition: box-shadow ease 0.4s, background-color ease 1.2s, -webkit-box-shadow ease 0.4s;
}

.mui-switch.mui-switch-anim:checked:before {
    -webkit-transition: left 0.3s;
    transition: left 0.3s;

}

.bg-w {
    background: #fff !important;
}

.commont-warp-top {
    margin-bottom: 18px;
}

.list-comment-body {
    padding: 20px 30px;
}

.list-comment-body .article-comment {
    border: 1px solid rgba(226, 226, 226, 1);
    border-radius: 3px;
    padding: 16px;
}

.list-comment-body .commont-body {
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 15px;
}
.list-comment-body .re-commont-warp:nth-last-child(2) .commont-body {
    border-bottom: 0;
}
.article-comment .user-avatar img {
    border-radius: 50%;
}

.article-comment .commont-body {
    padding: 0 10px 10px;
}
.article-comment .commont-user-info{
    line-height: 1.9;
    color:#6E7587;
}
.commont-warp-top * {
    font-size: 14px;
    font-weight: 400;
    color: rgba(136, 144, 164, 1);
}

.list-comment-body .desc {
    font-size: 16px;
    white-space: initial;
    word-wrap:break-word;
    color: rgba(29, 31, 35, 1);
}

.list-comment-body .commont-reply {
    margin-bottom: 8px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.close-comment {
    border: 1px solid transparent;
    outline: none;
    padding-left: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    text-align: left;
}
.list-comment-body .comment-textarea-wrap{
    padding-top: 15px;
    border-top: 1px solid #F0F0F0;
}
.list-comment-body .comment-textarea {
    position: relative;
    outline: none;
    border: 1px solid #E2E2E2;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    height: 38px;
    line-height: 36px;
    text-indent: 16px;
    padding: 5px;
    background: #F6F6F6;
    /* padding-left: 5px; */
}
.list-comment-body .comment-textarea:focus{
    background: #fff;
}
.list-comment-body .comment-textarea:focus + div .comment-btn {
    width: 58px;
    margin-left: 9px;
    opacity: 1;
}
.list-comment-body .comment-btn {
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 36px;
    /* width: 58px; */
    padding: 0;
    /* margin-left: 9px; */
    background: #018FFE;
    color: #FEFEFE;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 0;
    width: 0;
    opacity: 0;
    margin-left: 0px;
    transition: all 0.3s linear 0.3s;
    -webkit-transition: all 0.3s linear 0.3s;
}
.login-title{
    font-size: 14px;
    color: #1D1F23;
    margin-bottom: 15px;
}
#content{
    height: 264px;
    padding: 12px 20px 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.sign form .input-prepend {
	position:relative;
	width:100%;
	margin-bottom:10px;
}
.sign form .input-prepend input {
	width:100%;
	height:34px;
	margin-bottom:0;
	padding:4px 12px 4px 48px;
	border:1px solid #dfe0e1;
	border-radius:4px;
	background-color:hsla(0,0%,100%,.1);
	vertical-align:middle
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #dfe0e1!important;
}
/* 发现页登录窗口 */
.sign form .input-prepend i {
	position:absolute;
	top: 6px;
    left: 11px;
    font-size: 22px;
	color:#d2d5dc
}
.sign form .input-prepend span {
	color:#333
}
.sign form .input-prepend .ic-show {
	top:18px;
	left:auto;
	right:8px;
	font-size:12px
}
.sign form .restyle {
	margin-bottom:10px;
}
.sign form .restyle input {
	border-radius:3px
}
.sign form .no-radius input {
	border-radius:0
}
.sign .wx-login-button{
    margin-top: 8px;
    width:100%;
    padding: 6px 18px;
    font-size: 14px;
    border:1px solid #488fff;
    border-radius:3px;
    color:#488fff;
    background: #FFF;
    /*box-shadow: 0 0 6px 2px rgba(72,143,255,0.5);*/
    cursor:pointer;
    outline:none;
    display:block;
    clear:both;
    letter-spacing: 1em;
}
.sign .wx-login-button:hover{
    color:#fff;
    background: #488fff;
}
.sign .sign-in-button,.sign .sign-up-button {
	width: 100%;
    padding: 7px 18px;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    color: #fff;
    background: #488fff;
    cursor: pointer;
    outline: none;
    display: block;
    clear: both;
    letter-spacing: 1em;
}
.sign .sign-in-button:hover,.sign .sign-up-button:hover {
	background: #488fff;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(72,143,255,0.5);
	        box-shadow: 0px 0px 6px 2px rgba(72,143,255,0.5);
	letter-spacing: 1em;
}
.sign .sign-in-button {
	background:#488fff;
	/*box-shadow: 0px 0px 6px 2px rgba(72,143,255,0.5);*/
	letter-spacing: 1em;
}
.sign .sign-in-button:hover {
	background:#488fff;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(72,143,255,0.5);
	        box-shadow: 0px 0px 6px 2px rgba(72,143,255,0.5)
}
.sign .to-login-button{
	background: #fff;
	color: #488fff;
	margin-bottom: 55px;
}
.sign .to-login-button:hover {
	background:#fff;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(72,143,255,0.5);
	        box-shadow: 0px 0px 6px 2px rgba(72,143,255,0.5)
}
.logon-box a{
    margin: 12px 0 0;
    color:#999;
    font-size: 13px;
    text-decoration: none;
}
.logon-box a:hover,.logon-box a:active{
    color:#333;
}
.login-input-line {
    position: absolute;
    display: block;
    width: 1px;
    height: 32px;
    background-color: #ccc;
    top: 1px;
    left: 36px;
}

/*图片弹出框*/

.image-div .image-mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #000;
    opacity: 0.3;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.image-div section{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    width:1067px;
    height:697px;
    margin: 95px auto;
    border-radius:10px;
    background: #fff;
}
.image-div .image-wrap{
    position: relative;
    width: 100%;
    height: 100%;
}
.image-div .image-wrap .image-content{
    line-height: 600px;
    text-align: center;
}
.image-div .image-content span{
    width:29px;
    height:56px;
    display: inline-block;
    color: #fff;
    background: #292929;
    opacity:0.32;
    cursor: pointer;
    line-height: 56px;
    text-align: center;
    font-size: 18px;
}
.image-div .image-content span:hover{
    opacity:0.67;
}
.image-div .image-content .to-last-img{
    margin-right: 105px;
}
.image-div .image-content .to-next-img{
    margin-left: 105px;
}
.image-div .image-content img{
    max-height: 490px;
    max-width: 600px;
    min-width: 273px;
}
.image-div .image-wrap .image-wrap-foot{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px;
    background: #F7F8F9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 45px;
}
.image-div .image-wrap .image-list-wrap{
    overflow: hidden;
}
.image-div .image-wrap .img-list{
    margin: 24px auto;
    text-align: center;
    white-space: nowrap;
    transition: margin 0.5s;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    margin-left: 0;
}
.image-div .image-wrap .img-list li{
    display: inline-block;
    max-height: 65px;
    height: 65px;
    width: 75px;
    text-align: -webkit-center;
    line-height: 62px;
    border-left: 1px dotted #DDDDDD;
}
.image-div .image-wrap .img-list li:first-child{
    border: none;
}
.image-div .image-wrap .img-list img{
    width: 40px;
    cursor: pointer;
    max-height: 100%;
}
.image-div .image-wrap .img-list img.active{
    border: 2px solid #3D8EF7;
}

#active-user {
    transition: .5s;
}
/*话题详情页头部nav*/
.tag-header-wrap {
    width: 100%;
    height: 150px;
    margin-top: 65px;
    background: #F8F9FA;
}
.tag-header-wrap .tag-header-content {
    width: 1040px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.tag-header-wrap .tag-header-content div {
    font-size:26px;
    font-weight:bold;
    color:rgba(102,102,102,1);
}
.tag-header-wrap .tag-header-content span {
    font-size:13px;
    font-weight:400;
    color:rgba(102,102,102,1);
}
.tag-follow-wrap {
    width: 1040px;
    height: 60px;
    margin: 0 auto 10px;
    display: flex;
    flex-direction: column;
}
.tag-follow-wrap .tag-contain {
    font-size:18px;
    font-weight:bold;
    color:rgba(102,102,102,1);
}
.tag-follow-wrap .tag-subcontain {
    margin: 10px 0;
}
.tag-follow-wrap span,  .tag-follow-wrap a{
    background:rgba(255,255,255,1);
    border-radius:12px;
    font-size:12px;
    font-weight:500;
    color:rgba(140,140,140,1);
    text-align: center;
    height:24px;
    line-height: 24px;
    padding: 4px 12px;
    margin-right: 16px;
    cursor: pointer;
}
.tag-follow-wrap .attention {
    background:rgba(255,255,255,1);
    border:1px solid rgba(0,143,255,1);
    border-radius:12px;
    font-size:12px;
    font-weight:500;
    color:rgba(0,143,255,1);
}
.tag-follow-wrap .attention.active {
    background:rgba(0,143,255,1);
    color: rgba(255,255,255,1);
}
/*推荐作品    */
.aside-item .works-title {
    font-size:18px;
    font-weight:500;
    color:rgba(38,38,38,1);
    width: 100%;
    height: 63px;
    text-align: left;
    padding-left: 22px;
    line-height: 63px;
    border-bottom: 1px solid #F0F0F0;
}
.aside-item .works-content-wrap {
    border-bottom: 1px solid #F0F0F0;
}
.aside-item .works-content-item {
    width: 100%;
    height: 67px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 22px;
}
.aside-item .works-content-item:hover {
    background: #F9F9F9;
}
.aside-item .works-content-item a {
    width: 175px;
    font-size:14px;
    font-weight:500;
    color:rgba(116,122,127,1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.aside-item .works-content-item .header-img {
    width:36px;
    height:36px;
    border-radius: 50%;
    margin-right: 10px;
}
.aside-item .works-content-item .follow-btn {
    width:50px;
    height:28px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    font-size:14px;
    text-align: center;
    line-height: 28px;
    padding: 0 5px;
    font-weight:500;
    color:rgba(165,169,174,1);
    border: 1px solid rgba(226,226,226,1);
}
.aside-item .works-content-item .follow-btn.active {
    background:rgba(0,143,255,1);
    color:rgba(255,255,255,1);
}
.aside-item .works-content-item .follow-btn:hover {
    cursor: pointer;
    background: rgba(0,152,255,1);
    color:rgba(255,255,255,1);
}
.aside-item .works-content-item a:hover {
    color: #008FFF!important;
    cursor: pointer;
}
.aside-item .works-footer {
    width: 100%;
    height: 69px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aside-item .works-footer a {
    font-size:14px;
    font-weight:500;
    color:rgba(122,122,122,1);
    cursor: pointer;
}
.aside-item .works-footer a:hover {
    color:rgba(1,143,254,1);
}
.aside-item .works-footer img {
    cursor: pointer;
}
.aside-item .works-footer span {
    font-size:14px;
    font-weight:500;
    color:rgba(133,133,133,1);
    margin-left: 10px;
    cursor: pointer;
}
/*上传原型*/
.aside-item .upload-wrap {
    width: 100%;
    height: 117px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.aside-item .upload-wrap span {
    font-size:13px;
    font-weight:500;
    color:rgba(98,103,106,1);
    margin-bottom: 10px;
}
.aside-item .upload-wrap a {
    width:200px;
    height:30px;
    background:rgba(0,143,255,1);
    box-shadow:0px 4px 6px 0px rgba(173,219,255,1);
    border-radius:14px;
    font-size:12px;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height: 30px;
}
.aside-item .upload-wrap a:hover{
    background: rgba(0,150,255,1);
    cursor: pointer;
}

/*热门吐槽和吐槽达人*/
.aside-item .popular-tucao{
    height: 45px;
    border-bottom: 1px solid #f0f0f0;
    line-height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding:0 15px;
}
.aside-item .popular-tucao span:first-child{
    font-weight: 600;
    font-size:15px;
    color:#333333;
}
.popular-tucao-avatar{
    width: 42px;
    height:42px;
    margin-right:10px;
}
.popular-tucao-list li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin:15px 0;
}
.popular-tucao-list{
    padding:5px 15px;
}
.popular-tucao-list .popular-tucao-list-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.popular-tucao-list-button{
    width: 50px;
    height: 28px;
    padding: 0;
    color: #468FF7;
    border: 1px solid #E2E2E2;
    background-color: #fff;
    font-size:12px;
    margin:auto 0;
}
.popular-tucao-list-button:hover{
    -webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
            box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    color: #027fff;
    background:#f8f7f72b;
    border: 1px solid rgba(0, 0, 0, 0.05);
     text-decoration: none;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
}
.popular-tucao-list-button2{
    width: 50px;
    height: 28px;
    padding: 0;
    color: #BBBBBB;
    border: 1px solid #E2E2E2;
    background-color:#F0F0F0;
    font-size:12px;
    margin:auto 0;
}
.popular-tucao-list-name span{
    font-weight: 600;
    font-size:15px;
    color:#333333;
    text-align:left;
}
.popular-tucao-list-name{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width:110px;
    text-align: left;
}
.popular-tucao-list-name div span{
    color:#BBBBBB;
    font-size: 12px;
    font-weight: 500;
}
.tucao-avatar{
    margin:auto 0;
}
.tucao-avatar img{
    width: 46px;
    height:46px;
    border-radius: 100%;
    margin-right:10px;
}
/* 充值弹窗 */
.modal-dialog-wrap{
    overflow-y: auto;
}
.get_vip{
    position: fixed;
    top: 120px;
    right: 200px;
    left: 200px;
    bottom: 200px;
    z-index: 500;
    background: #fefefe;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 10008;
    display: none;
}
.get_vip .modal-title-name{
    font-size: 16px;
}
.expenses-list{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 26px;
}
.expenses-ul{
    margin: 0 -15px 0 0;
}
.expenses-list .expenses-item{
    width: 128px;
    color: #000;
    border: 1px solid #e5e5e5;
    padding: 15px 2px 5px;
    /* white-space: nowrap; */
    margin: 14px 17px 20px 0;
    text-align: center;
    cursor: pointer;
}
.expenses-list .expenses-item.active,.expenses-list .expenses-item:hover, .exc-form .js-vip-exc.active{
    color: #2b8fff;
    border: 1px solid #488fff;
}
#vip-exc-input:focus{
    border: 1px solid #488fff;
}
.expenses-list .expenses-item:first-child{
    background: url(/tp_static/images/recommend_ico.png) no-repeat 0 0;
}
.expenses-item .js-vip_spec-item{
    line-height: 2.2;
    font-size: 14px;
    margin-bottom: 6px;
}
.expenses-item .price-wrap{
    line-height: 2.0;
    margin-bottom: 4px;
}
.expenses-item .price{
    font-size: 21px;
}
.s-title{
    color: #666;
}
.expenses-item .tip,.pay-img-wrap .tip{
    font-size: 10px;
    color: #999;
}
.pay-img-wrap .tip{
    font-size: 12px;
}
.expenses-status{
    margin-bottom: 14px;
}
.pay-img-wrap{
    background: #fff;
}
.pay-img-wrap .pay-img-content{
    position: relative;
    width: 186px;
    height: 186px;
    background-image: url(/tp_static/images/ewm_bg.png); 
    background-repeat: no-repeat;
    padding: 20px;
}
.pay-img-wrap .vip-pay-img{
    width: 100%;
    height: 100%;
}
.pay-img-wrap .ewm-loading{
    position: absolute;
    z-index: 11;
}
.pay-complete-wrap .js-vip-pay-success{
    color: #62CDA4;
    font-size: 14px;
}
.success-tip{
    color: #333;
}
.exc-form input{
    font-size: 12px;
    line-height: 22px;
    padding: 0 6px;
    outline: none;
    border: 1px solid #e5e5e5;
}
.exc-form .js-vip-exc{
    background: no-repeat;
    padding: 1px 10px;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 24px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    color: #999;
}

/* 英文强制换行 */
.break-en{
  word-break:break-all
}
.break-cn{
  white-space:pre-wrap
}
/* 中英文强制换行 */
.break-all{
  word-break:break-all;
  white-space:pre-wrap;
}



/*订阅信息*/
.sub-info-wrap{
    padding: 20px 30px 10px;
}
.sub-info-wrap .sub-icon img{
    width:62px;
    height:62px;
    border-radius: 50% 50%;
}
.sub-info-wrap .sub-icon .subscribe-btn-wrap {
    width:50px;
    height:18px;
    background:rgba(0,143,255,1);
    border-radius:15px;
    margin: 4px 75px;
}
.sub-info-wrap .sub-icon .subscribe-btn-wrap a {
    width:32px;
    height:18px;
    font-size:12px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:18px;
    margin: 0 ;
}
.sub-info-wrap .sub-icon .subscribe-btn-wrap span {
    cursor: pointer;
}

.sub-info-wrap h2{
    text-align: center;
    color: #333;
    font-size:18px;
    margin: 10px 0;
}
.sub-info-wrap h3{
    text-align: center;
    color: #666;
    font-size:12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: normal;
    margin: 10px 0;
}
.sub-info-wrap .sub-btn{
    background: #fff;
    color: #028fff;
    border: 1px solid #028fff;
    padding: 5px 10px;
    line-height: 10px;
}
.sub-info-wrap ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 18px;
}
.sub-info-wrap ul>li{
    color: #666;
    font-size: 12px;
}
.sub-info-wrap ul>li span:last-child{
    color: #028fff;
    margin-left: 5px;
}
.sub-info-wrap ul>li a{
    color: #666;
    margin-right: 5px;
}
.sub-info-wrap ul>li:after{
    content: "|";
    margin-right: 10px;
}
.sub-info-wrap ul>li:last-child:after{
    content: " ";
    display: none;
}
.sub-hod-wrap .user-comp{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
}
.sub-hod-wrap .list-li-meta a{
    margin-right: 6px;
}
/* 左侧悬浮按钮 */
.article-suspended-panel {
    position: fixed;
    margin-left: -70px;
    top: 160px;
}
.panel-btn {
    position: relative;
    margin-bottom: 12px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.04);
    cursor: pointer;
    color: #B6BBC0;
    text-align: center;
    display: block;
}
.panel-btn *{
    font-size: 17px;
}
.panel-btn:hover,.circle-btn .fa-link:hover{
    color: #9CA0A5;
}
.panel-btn.active{
    color: #3E8FF7;
}
.comment-btn.panel-btn i{
    background: url(/tp_static/images/talk_ico.png) no-repeat;
    background-size: 100%;
    width: 17px;
    height: 17px;
    vertical-align: sub;
}
.comment-btn.panel-btn:hover i{
    background: url(/tp_static/images/talk_active_ico.png) no-repeat;
    background-size: 100%;
}
.panel-btn.with-badge:after {
    content: attr(badge);
    position: absolute;
    top: 0;
    left: 75%;
    padding: 1px 4px;
    font-size: 10px;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
    background-color: #b2bac2;
    border-radius: 7px;
    transform-origin: left top;
    transform: scale(.75);
}
.panel-btn:not(.share-btn).active.with-badge:after {
    background-color: #3E8FF7;
}
.share-title {
    margin: 25px 0 10px;
    font-size: 10px;
    text-align: center;
    color: #c6c6c6;
    user-select: none;
}
.wechat-qr-code-img{
    position: absolute;
    top: 100%;
    left: 50%;
    width: 110px;
    max-width: 110px;
    height: 110px;
    margin-top: 10px;
    border: 5px solid #fff;
    transform: translateX(-50%);
    display: none;
}
.wechat-btn:hover,.circle-btn .fa-wechat:hover{
    color: #00b200;
}
.wechat-btn:hover .wechat-qr-code-img{
    display: block;
}
.circle-btn{
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    color: #AEB3B9;
    border-radius: 50%;
    border: 1px solid #AEB3B9;
    margin: 0 4px;
    position: relative;
    z-index: 100;
}

.aside-content,.qtCode-content{
    padding: 30px 55px;
}
.aside-content img{
    width: 50px;
}
.aside-content p,.qtCode-content p{
    color: #333;
    font-size: 16px;
    margin-top: 15px;
}
.aside-content p:nth-child(3){
    margin-top: 0;
}
.aside-content .btn,.qtCode-content .btn{
    margin-top: 30px;
    background: #028FFF;
    color: #fff;
    width: 80px;
}
/* 富文本 */
.w-e-text h2,article h3{
    font-size: 22px;
}
.w-e-text h3,article h3{
    font-size: 20px;
}
.w-e-text blockquote,article blockquote{
    border-left: 6px solid #ddd !important;
    padding: 5px 0 5px 10px;
    margin: 15px 0 15px 15px;
}

/*节流按钮*/
a.in-ajax-loading{}

/*分享到朋友圈模板样式*/
.aside-item .share-img {
    width:100px;
    height:100px;
    margin: 10px 0 10px -45px;
}
.aside-item .share-img, .share-wrap {
    display: inline-block;
}
.aside-item  .share-wrap {
    height: 80px;
    vertical-align: -20px;
}
.aside-item .share-wrap div:first-child {
    width:100px;
    height:20px;
    font-size:20px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(29,31,35,1);
    line-height: 20px;
}
.aside-item .share-wrap div:nth-child(2) {
    width:100px;
    height:14px;
    font-size:14px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(83,83,83,1);
    line-height: 14px;
    text-align: center;
    margin-top: 20px;
}
/*相关热门文章*/
.relevant-title-wrap {
    width: 100%;
    height: 50px;
    font-size:18px;
    font-family:PingFangSCRegular;
    font-weight:400;
    color:rgba(29,31,35,1);
    line-height: 50px;
    text-align: left;
    padding-left: 20px;
}
.hot-article-wrap ul li {
    padding: 10px 20px;
}
.hot-article-wrap ul li .hot-article-article {
    font-size:16px;
    font-family:PingFang-SC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
    text-align: left;
}
.hot-article-wrap ul li .hot-article-article a {
    color: #333333;
}
.hot-article-wrap ul li .hot-article-article a:hover {
    color: #018FFE
}
.hot-article-wrap ul li .zan-comment-wrap {
    display: flex;
}
.hot-article-wrap ul li .zan-comment-wrap div {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.hot-article-wrap ul li .zan-comment-wrap div:nth-child(2) {
    flex: 2;
}
.hot-article-wrap ul li .zan-comment-wrap div img {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 5px;
}
.hot-article-wrap ul li .zan-comment-wrap div  span {
    color: #B4B8BD;
}
/* 优质机构榜单 */
.quality-organization-title {
    display: block;
    width: 100%;
    height: 57px;
    border-bottom:1px solid rgba(241,241,241,1);
    line-height: 57px;
    font-size:18px;
    padding-left: 20px;
    text-align: left;
    font-weight:500;
    color:rgba(29,31,35,1);
    cursor: pointer;
}
.first-organization-wrap,
.third-organization-wrap {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 0 21px;
    border-bottom: 1px solid rgba(241,241,241,1);
}
.first-organization-wrap .left-info,
.third-organization-wrap .left-info {
    display: flex;
    align-items: center;
}
.first-organization-wrap .rank-num {
    width:16px;
    height:16px;
    background:rgba(249,186,0,1);
    border-radius:50%;
    font-size:14px;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height: 16px;
}
.third-organization-wrap .rank-num {
    width:16px;
    height:16px;
    background:rgba(216,160,114,1);
    border-radius:50%;
    font-size:14px;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height: 16px;
}
.first-organization-wrap .organization-name,
.third-organization-wrap .organization-name {
    font-size:14px;
    font-weight:500;
    color:rgba(51,51,51,1);
    margin: 0 8px 0 10px;
}
.first-organization-wrap .organization-name:hover,
.third-organization-wrap .organization-name:hover,
.second-organization-wrap .organization-name:hover {
    color: #008FFF!important;
}
.first-organization-wrap .organization-signing,
.third-organization-wrap .organization-signing {
    width: 13px;
    height: 13px;
}
.first-organization-wrap .organization-signing img,
.third-organization-wrap .organization-signing img {
    vertical-align: 2px;
}
.first-organization-wrap .month-rank,
.third-organization-wrap .month-rank {
    font-size:12px;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.second-organization-wrap {
    width: 100%;
    height: 91px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-bottom: 1px solid rgba(241,241,241,1);
}
.second-organization-wrap .head-img {
    width: 62px;
    height: 62px;
    border-radius: 50%;
}
.second-organization-wrap .head-img img{
    width: 62px;
    height: 62px;
    border-radius: 50%;
}
.second-organization-wrap .head-info {
    display: flex;
    align-items: center;
}
.second-organization-wrap .organization-info-wrap {
    margin-left: 14px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.second-organization-wrap .head-info .rank-num {
    width:16px;
    height:16px;
    background:rgba(164,184,196,1);
    border-radius:50%;
    font-size:14px;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-align: center;
    line-height: 16px;
}
.second-organization-wrap .head-info .organization-name {
    font-size:14px;
    font-weight:500;
    color:rgba(51,51,51,1);
    margin: 0 8px 0 10px;
}
.second-organization-wrap .head-info .organization-signing {
    width: 13px;
    height: 13px;
}
.second-organization-wrap .head-info .organization-signing img{
    vertical-align: 2px;
}
.second-organization-wrap .company-position {
    font-size:12px;
    font-weight:500;
    color:rgba(165,169,174,1);
    margin: 4px 0;
}
.second-organization-wrap .time-rank {
    font-size:12px;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.see-all-btn {
    width: 100%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size:14px;
    font-weight:500;
    color:rgba(122,122,122,1);
}
.see-all-btn:hover {
    color: #008FFF;
    cursor: pointer;
}
/* pmtalk入驻 */
.entry-pmtalk-title {
    display: block;
    width: 100%;
    height: 57px;
    border-bottom:1px solid rgba(241,241,241,1);
    line-height: 57px;
    font-size:18px;
    padding-left: 21px;
    text-align: left;
    font-weight:500;
    color:rgba(29,31,35,1);
    cursor: pointer;
}
.entry-pmtalk-wrap {
    display: flex;
    height: 83px;
}
.entry-pmtalk-wrap .author-apply-entry .apply-signing img:hover, 
.entry-pmtalk-wrap .organization-apply-entry .entry-signing img:hover{
    transform: scale(1.1);
    transition: .5s;
}
.entry-pmtalk-wrap .author-apply-entry,
.entry-pmtalk-wrap .organization-apply-entry{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.entry-pmtalk-wrap .author-apply-entry .apply-btn,
.entry-pmtalk-wrap .organization-apply-entry .entry-btn {
    font-size:14px;
    font-weight:500;
    color:rgba(105,110,118,1);
}
.entry-pmtalk-wrap .author-apply-entry .apply-btn:hover,
.entry-pmtalk-wrap .organization-apply-entry .entry-btn:hover {
    color: #008FFF;
}
/* 影响力认可榜单 */
.effect-approval-bg {
    width:260px;
    height:260px;
    border-radius:4px;
    background-image: url('/tp_static/images/report_bg.png');
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 0;
    cursor: pointer;
    position: relative;
}
.effect-approval-bg .effect-list-wrap {
    display: flex;
    align-content: center;
    padding: 0 10px;
    z-index: 1;
}
.effect-approval-bg .effect-list-wrap .effect-list-title,
.effect-approval-bg .effect-list-wrap .organization-list-title {
    font-size:16px;
    font-weight:500;
    color:rgba(255,255,255,1);
    text-shadow:0px 4px 0px rgba(0, 0, 0, 0.24);
}
.effect-approval-bg .effect-list-wrap .effect-list-title:hover,
.effect-approval-bg .effect-list-wrap .organization-list-title:hover {
    color: #008FFF;
    cursor: pointer;
}
.effect-approval-bg .effect-list-wrap .author-signing,
.effect-approval-bg .effect-list-wrap .organization-img {
    margin-left: 10px;
}
.effect-approval-bg .effect-list-wrap .author-signing img,
.effect-approval-bg .effect-list-wrap .organization-img img {
    vertical-align: -6px;
    width: 16px;
    height: 16px;
}
.effect-approval-bg .effect-list-wrap .author-signing img:hover,
.effect-approval-bg .effect-list-wrap .organization-img img:hover {
    transform: scale(1.1);
    transition: .5s;
}
.effect-approval-bg .champion-name {
    display: block;
    text-align: right;
    font-size:36px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-shadow:0px 4px 0px rgba(0, 0, 0, 0.24);
    padding: 0 14px;
}
.effect-approval-bg .champion-name:hover {
    color: #008FFF;
}
.effect-approval-bg .rank-month {
    display: block;
    text-align: right;
    font-size:24px;
    font-weight:bold;
    color:rgba(255,255,255,1);
    text-shadow:0px 4px 0px rgba(0, 0, 0, 0.24);
    padding: 0 14px;
}
/* 右侧优质机构、影响力板块 */
.quality-institutions-title {
    font-size:18px;
    font-weight:500;
    color:rgba(38,38,38,1);
    margin-bottom: 8px;
    position: absolute;
    top: -32px;
}
.effect-institutions-wrap {
    padding-bottom: 15px;
    position: relative;
    margin-top: 40px;
}
.quality-institutions-list,
.effect-rank-list {
    padding: 10px 0;
    border-bottom: 1px solid rgba(240,240,240,1);
}
.quality-institution-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    margin-bottom: 10px;
}
.quality-institution-item:hover {
    background: #f9f9f9;
}
.quality-institution-item .quality-index {
    width:54px;
    height:24px;
    border:1px solid rgba(0,143,255,1);
    border-radius:12px;
    font-size:12px;
    font-weight:400;
    color:rgba(0,143,255,1);
    text-align: center;
    line-height: 24px;
}
.quality-institution-item .quality-index:hover {
    background: rgba(0,143,255,1);
    color: #fff;
    cursor: pointer;
}
.quality-institution-item .institution-info-wrap {
    display: flex;
    align-items: center;
}
.quality-institution-item .institution-info-wrap .head-img-frame {
    position: relative;
    width: 65px;
    height: 60px;
}
.quality-institution-item .institution-info-wrap .head-img-frame .img-frame{
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 60px;
    z-index: 2;
}
.quality-institution-item .institution-info-wrap .head-img-frame .head-img {
    width:48px;
    height:48px;
    border-radius: 50%;
    position: absolute;
    left: 9px;
    top: 8px;
    z-index: 1;
}
.quality-institution-item .info-introduction-wrap {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    margin-left: 10px;
}
.quality-institution-item .info-head-wrap {
    display: flex;
}
.quality-institution-item .institution-info-wrap .institution-name {
    font-size:16px;
    font-weight:500;
    color:rgba(41,41,41,1);
    max-width: 80px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.quality-institution-item .institution-info-wrap .institution-signture {
    vertical-align: 1px;
    margin-left: 4px;
}
.quality-institution-item .institution-info-wrap .institution-signture:hover img {
    transform: scale(1.1);
    transition: .5s;
}
.quality-institution-item .institution-info-wrap .company-position {
    font-size:12px;
    font-weight:400;
    color:rgba(140,140,140,1);
    width: 100px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: left;
}
.quality-institution-item .institution-info-wrap .institution-name:hover,
.quality-institution-item .institution-info-wrap .company-position:hover {
    color: #008FFF;
    cursor: pointer;
}
.effect-institutions-wrap .entry-quantity {
    font-size:12px;
    font-weight:400;
    color:rgba(0,143,255,1);
}
.effect-institutions-wrap .entry-quantity:hover {
    cursor: pointer;
    color: #0a67ea;
}
.effect-institutions-wrap .entry-pmtalk {
    display: block;
    width:220px;
    height:30px;
    background:rgba(0,143,255,1);
    box-shadow:0px 2px 2px 0px rgba(173,219,255,0.89);
    border-radius:15px;
    margin: 15px auto 0;
    font-size:12px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:30px;
    text-align: center;
}
.effect-institutions-wrap .entry-pmtalk:hover {
    background: #0a67ea;
}
.effect-institutions-wrap .institution-effect-tab{
    position: absolute;
    right: -65px;
    top: 0;
}
.effect-institutions-wrap .institution-effect-tab a {
    display: block;
    width:50px;
    height:50px;
    background:rgba(231,231,231,1);
    border-radius:25px;
    font-size:12px;
    font-weight:500;
    color:rgba(38,38,38,1);
    text-align: center;
    margin-bottom: 20px;
    line-height: 50px;
    cursor: pointer;
}
.effect-institutions-wrap .time-select1{
    position: absolute;
    right: -105px;
    top: 0;
    /* visibility: hidden; */
    transition: .3s;
}
.effect-institutions-wrap .time-select2 {
    position: absolute;
    right: -105px;
    top: 68px;
    /* visibility: hidden; */
    transition: .3s;
}
/* .effect-institutions-wrap .time-select1.show,
.effect-institutions-wrap .time-select2.show{
    right: -105px;
    visibility: visible;
} */
.effect-institutions-wrap .time-select1 a,
.effect-institutions-wrap .time-select2 a {
    display: block;
    width:22px;
    height:16px;
    background:rgba(231,231,231,1);
    border-radius:8px;
    font-size:12px;
    font-weight:400;
    color:rgba(38,38,38,1);
    margin-bottom: 10px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}
.effect-institutions-wrap .institution-effect-tab a.active,
.effect-institutions-wrap .time-select1 a.active,
.effect-institutions-wrap .time-select2 a.active {
    background:rgba(0,143,255,1);
    color: #fff;
}
.effect-institutions-wrap .institution-effect-tab a:hover,
.effect-institutions-wrap .time-select1 a:hover,
.effect-institutions-wrap .time-select2 a:hover {
    background:#0a67ea;
    color: #fff;
}
.load-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0)
}
.loader:before,
.loader:after,
.loader {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader {
    margin: 8em auto;
    font-size: 10px;
    text-indent: -9999em;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
}
.loader:before {
    left: -3.5em;
}
.loader:after {
    left: 3.5em;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #e3e3e3;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #e3e3e3;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #e3e3e3;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #e3e3e3;
    }
}