@charset "utf-8";
body, html {
    width: 100%
}

body {
    padding-top: 72px;
    background-color: #f7f7f7;
    font-size: 14px;
    line-height: 160%;
    font-family: numFont, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

dd, dl, dt, fieldset, form, img, li, ol, table, td, tr, ul {
    margin: 0;
    padding: 0;
    font-weight: 400
}

input, select {
    font-size: 12px;
    vertical-align: middle;
    border: none
}

li, ul {
    list-style-type: none
}

em, i {
    font-style: normal
}

img {
    border: 0 none
}

img.border-radius-5 {
    border-radius: 50%
}

p {
    margin: 0 0 10px
}

a, a:focus, a:hover {
    color: var(--font-color)
}

a:focus, a:hover, button:focus, button:hover {
    text-decoration: none;
    outline: 0
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (min-device-width:768px) {
    ::-webkit-scrollbar-thumb {
        background-color: rgba(130, 130, 130, .5);
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: var(--theme-color);
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: var(--theme-color);
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    ::-webkit-scrollbar-corner {
        background: rgba(0, 0, 0, 0);
        border-radius: 0 0 8px 0
    }

    ::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0);
        height: 2px;
        width: 13px
    }
}

.split-line {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    width: 1px;
    height: 14px;
    vertical-align: -2px;
    background-color: #eee
}

.spot {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 5px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid var(--font-color)
}

.spot.text {
    vertical-align: 1px
}

.spot.no {
    border: 2px solid #eee
}

.border-r-0 {
    border-radius: 0 !important
}

.margin-0 {
    margin: 0 !important
}

.padding-0 {
    padding: 0 !important
}

.font-red, .text-red {
    color: red
}

.text-333 {
    color: #333
}

.text-color {
    color: var(--font-color)
}

.text-muted {
    color: #999
}

.text-fff {
    color: #fff
}

.text-orange {
    color: orange
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-weight-normal {
    font-weight: 400
}

.bgc-red {
    background-color: red !important
}

.bgc-fff {
    background-color: #fff !important
}
.p0 {
    padding: 0px !important
}

.p5 {
    padding: 5px !important
}

.p10 {
    padding: 10px !important
}

.p20 {
    padding: 20px !important
}

.p30 {
    padding: 30px !important
}

.p40 {
    padding: 40px !important
}

.p50 {
    padding: 50px !important
}

.pt0 {
    padding-top: 0 !important
}
.pt20 {
    padding-top: 20px !important
}
.mt10 {
    margin-top: 10px
}

.mb0 {
    margin-bottom: 0
}

.mb10 {
    margin-bottom: 10px
}
.ml10{
    margin-left: 10px;
}
.mr10{
    margin-right: 10px;
}
.mr20{
    margin-right: 20px;
}
.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.media-body, .media-left, .media-right {
    padding-top: 10px
}

.icon-v {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffca3f;
    color: #fff
}

.icon-v.active {
    background-color: var(--font-color)
}

.form-control.code {
    display: inline-block;
    width: 120px;
    margin-right: 10px
}

.form-control-static {
    display: inline-block
}

.help-block {
    margin-bottom: 0
}

.tags a {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    line-height: 25px
}

.tags a.text {
    display: inline-block;
    margin-right: 8px;
    margin-top: 8px;
    padding: 0 8px;
    border-radius: 5px;
    border: 1px solid #eee;
    font-size: 12px
}

.alert {
    padding: 10px 15px;
    margin-bottom: 30px;
    text-align: center
}

.adtips {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px;
    font-size: 12px;
    color: red;
    background-color: #f5f5f5
}

.text-overflow {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap
}

.text-through {
    text-decoration: line-through
}

.magnifier img {
    cursor: pointer
}

.empty-ad {
    display: block;
    width: 100%;
    height: 100%;
    color: #333
}

.empty-ad h4 {
    margin: 0 0 5px
}

.empty-ad span {
    color: #999
}

button:focus {
    outline: 0 !important
}

input[type=radio] {
    -webkit-appearance: none;
    vertical-align: middle;
    margin-top: 0;
    border: var(--font-color) solid 1px;
    border-radius: 50%;
    min-height: 18px;
    min-width: 18px;
    outline: 0;
    position: relative
}

input[type=radio]:checked::after {
    content: '';
    top: 4px;
    left: 3px;
    position: absolute;
    background: 0 0;
    border: var(--font-color) solid 2px;
    border-top: none;
    border-right: none;
    height: 6px;
    width: 10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: var(--font-color)
}

input[type=checkbox] {
    -webkit-appearance: none;
    vertical-align: middle;
    margin-top: 0;
    border: var(--font-color) solid 1px;
    border-radius: 3px;
    min-height: 18px;
    min-width: 18px;
    outline: 0;
    position: relative
}

input[type=checkbox]:checked::after {
    content: '';
    top: 3px;
    left: 2px;
    position: absolute;
    background: 0 0;
    border: var(--font-color) solid 2px;
    border-top: none;
    border-right: none;
    height: 8px;
    width: 12px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: var(--font-color)
}

a.not-logged-in {
    cursor: pointer
}

.add-favorite-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 33px;
    text-align: center;
    border-radius: 100%
}

.add-favorite-btn i {
    font-size: 18px;
    color: #ffcec5;
    cursor: pointer
}

.add-favorite-btn .in_fav, .add-favorite-btn:hover i {
    color: #fa7960
}

.img-box[data-ratio="75"] {
    padding-top: 75%
}

.img-box[data-ratio="50"] {
    padding-top: 50%
}

@media (min-width:768px) {
    .row-flex {
        position: relative;
        display: flex;
        margin-left: -15px;
        margin-right: -15px
    }
}

.txt-ov {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.txt-ov-2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (min-width:768px) {
    .fixedbox-on {
        position: fixed;
        top: 92px;
        z-index: 98;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s
    }

    .fixedbox-off {
        position: absolute;
        bottom: 0;
        z-index: 98
    }
}

.themetips {
    color: var(--font-color)
}

.page-content {
    padding: 20px 0 0
}

.page-breadcrumb {
    background: 0 0;
    padding: 0
}

.page-container-top {
    width: 100%;
    height: 260px;
    margin-bottom: -80px;
    background: url(../img/banner-2.png) no-repeat 100%/cover;
    background-position: top center
}

.page-container-top.active {
    height: 160px
}

.btn {
    padding: 10px 22px;
    border: 0;
    border-radius: .25em;
    line-height: 1.5
}

.btn-min {
    padding: 3px 15px;
    border: 0;
    border-radius: 18px;
    line-height: 1.5;
    font-size: 12px
}

.btn-lg {
    padding: 10px 50px;
    border-radius: 30px;
    font-size: 16px
}

.btn-hollow {
    border: 1px solid var(--font-color);
    border-color: var(--font-color);
    color: var(--font-color)
}

.btn.btn-hollow {
    transition: .5s
}

.btn.btn-hollow:hover {
    background-color: var(--theme-color);
    color: #fff
}

.btn-primary {
    background-color: var(--font-color);
    border-color: var(--font-color);
    color: #fff
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #6956e3;
    border-color: #5241c4
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #6956e3;
    border-color: #5241c4
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #6956e3;
    border-color: #5241c4
}

.btn-default {
    border: 1px solid #eceff1;
    border-color: #eceff1
}

.btn-fff {
    border: 1px solid var(--font-color);
    border-color: #fff;
    color: #fff
}

.dropdown-menu {
    min-width: 90px;
    padding: 0;
    margin-top: -3px;
    border: 1px solid #eceff1;
    box-shadow: 5px 5px rgba(102, 102, 102, .1)
}

.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #eceff1;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: ''
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.dropdown-menu.right:before {
    left: auto;
    right: 9px
}

.dropdown-menu.right:after {
    left: auto;
    right: 10px
}

.dropdown-menu.center:before {
    left: 50%;
    margin-left: -5px
}

.dropdown-menu.center:after {
    left: 50%;
    margin-left: -4px
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px;
    text-align: center
}

.dropdown-menu>li>a:hover {
    background-color: #f5f5f5
}

.bootstrap-touchspin .btn {
    padding: 6px 18px
}

.bootstrap-touchspin .dr_buy_num, .bootstrap-touchspin .order_num {
    border: none;
    border-bottom: 1px solid #e7ecf1;
    height: 35px
}

.panel-group .panel {
    margin-bottom: 10px
}

.panel-title {
    display: block;
    font-size: 14px
}

.panel-default, .panel-default>.panel-heading {
    border-color: #eee
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #eee
}

.nav li {
    float: left
}

.nav-head {
    margin-bottom: 30px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px
}

.nav-head li a {
    position: relative;
    padding: 12px 20px;
    border: 1px solid #eee;
    margin: -1px;
    background-color: #fff;
    color: #333
}

.nav-head li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
    background-color: var(--font-color);
    color: #fff
}

.nav-head li.active a:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 6px 12px 0;
    border-style: solid;
    border-color: var(--font-color) transparent transparent;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -12px
}

.nav-head li:first-child a {
    border-radius: 5px 0 0 5px
}

.nav-tabs {
    padding: 10px 0 0;
    border: 0
}

.nav-tabs li {
    margin-right: 30px;
    color: #999
}

.nav-tabs li:last-child {
    margin-right: 0
}

.nav-tabs li a {
    display: inline-block;
    padding: 0 0 10px;
    color: #999;
    border: 0
}

.nav-tabs li a:focus, .nav-tabs li a:hover {
    background: 0 0;
    border: 0
}

.nav-tabs li.active a, .nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
    border: 0;
    background: 0 0;
    border-bottom: 3px solid var(--font-color);
    color: var(--font-color)
}

.nav-screen {
    margin-bottom: 10px;
    border-bottom: 1px dashed #eee
}

.nav-screen:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.nav-screen.active {
    margin-bottom: 20px
}

.nav-screen li a {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 2px 15px;
    border-radius: 15px;
    font-size: 12px;
    color: #333
}

.nav-screen li.active a {
    background-color: var(--font-color);
    border-color: var(--font-color);
    color: #fff
}

.nav-screen li:first-child {
    padding: 2px 0;
    margin-right: 25px
}

.nav-screen.active li:first-child {
    margin-right: 0
}

.nav-search {
    position: relative;
    padding: 5px 0 15px;
    border-bottom: 1px dashed #eee
}

.nav-search.active {
    padding: 15px 0;
    border-top: 0
}

.nav-search .form-control {
    display: inline-block;
    width: 260px;
    height: 40px;
    border-radius: 5px 0 0 5px
}

.nav-search .submit {
    margin-left: -5px;
    margin-right: 10px;
    border-radius: 0 5px 5px 0
}

.nav-search .tags a {
    margin-left: 10px;
    line-height: 30px;
    color: #333
}


.search-top .nav-search{
    padding: 5px 0;
    border: none;
    margin-bottom: 0;
}

.search-top .nav-search .item a{
     padding: 8px;
    margin-right: 15px;
}

.search-top .nav-search .item a.on{
   
       background-color: #f3f4f8;
       border-radius: 5px;
}


.nav-bbs-category li {
    float: left;
    width: 20%;
    text-align: center;
    border-left: 1px dashed #eceff1
}

.nav-bbs-category li:first-child {
    border-left: 0
}

.nav-bbs-category li a {
    color: #333
}

.nav-syetem {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee
}

.nav-syetem .logo {
    float: left;
    height: 58px
}

.nav-syetem .logo img {
    border-radius: 5px;
    height: 100%
}

.nav-syetem .info {
    padding-left: 70px
}

.nav-syetem .info .title {
    margin: 10px 0 6px;
    font-size: 18px
}

.nav-syetem .info .desc {
    margin-bottom: 15px
}

@media (min-width: 1450px) {
.col-lg-1-5 {
        flex: 0 0 20%;
        width: 20%;
        max-width: 20%;
    }
}

@media (max-width:767px) {
    .nav-syetem .logo {
        height: 50px
    }

    .nav-syetem .info .title {
        margin: 6px 0;
        height: 38px;
        line-height: 38px
    }
}

.nav-syetem-tabs li {
    float: left;
    margin-right: 30px;
    color: #999
}

.nav-syetem-tabs li.active a {
    padding-bottom: 10px;
    border-bottom: 3px solid var(--font-color);
    color: var(--font-color)
}

body.nav-open {
    position: fixed;
    top: 0;
    left: 0
}

.navigation:after {
    content: '';
    background: rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    transition-delay: .05s;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease
}

.navigation.active:after {
    overscroll-behavior: none;
    opacity: 1;
    visibility: visible
}

.navigation .nav-container {
    background: #fff;
    width: 250px;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    box-shadow: 1px 0 2px rgba(0, 0, 0, .15);
    transform: translate3d(-260px, 0, 0);
    transition: transform .4s ease
}

.navigation.active .nav-container {
    transform: translate3d(0, 0, 0);
    left: 0
}

.nav-container .title {
    height: 60px;
    line-height: 30px;
    background-image: -webkit-linear-gradient(0, #7e39fb 0, #20c3f2 100%);
    box-sizing: border-box;
    padding: 15px 25px;
    color: #fff;
    font-size: 22px;
    font-weight: 400
}

.nav-container ul.nav-cate li {
    height: 48px;
    line-height: 48px;
    padding: 0 25px;
    border-bottom: 1px solid #edf1f4;
    position: relative
}

.nav-container ul.nav-cate li a {
    display: block;
    width: 100%;
    height: 100%
}

.nav-container ul.nav-foot {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #edf1f4;
    height: 60px
}

.nav-container ul.nav-foot li {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 15px;
    font-size: 12px
}

.nav-container ul.nav-foot li i {
    display: block;
    height: 36px;
    line-height: 30px;
    font-size: 20px;
    box-sizing: border-box;
    padding-top: 6px
}

.nav-container ul.nav-foot li:first-child a {
    color: #dc3545
}

.nav-container ul.nav-foot li i.avatar {
    width: 24px;
    height: 24px;
    margin: 8px auto 4px;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: cover
}

.portlet {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius:12px
}

.portlet.need {
    height: 320px;
    background-position: center;
    background-color: #4d8eff
}
@media (max-width:991px) {
    .portlet.need {
        height: 250px;
    }
}
.portlet.need {
    position: relative;
    overflow: hidden;
    background-color: #7f39fb;
    background: -moz-linear-gradient(-20deg, #7f39fb 0, #28bbf5 100%);
    background: -webkit-linear-gradient(-20deg, #7f39fb 0, #28bbf5 100%);
    background: linear-gradient(-20deg, #7f39fb 0, #28bbf5 100%)
}

.portlet.need:before {
    right: 0;
    bottom: -35%;
    background-color: rgba(40, 187, 245, .1);
    animation: wawes 6s infinite linear
}

.portlet.need:after {
    left: 0;
    top: -25%;
    background-color: rgba(127, 57, 251, .1);
    animation: wawes 10s infinite
}

.portlet.need:after, .portlet.need:before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    z-index: 0
}

@keyframes wawes {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.portlet.bgnone {
    padding: 0;
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.portlet.noborder {
    border: 0;
    box-shadow: none
}

.portlet.list-top {
    margin-top: 70px
}

.portlet-title {
    margin-bottom: 10px;
    border-bottom: 1px solid #eceff1
}

.portlet-title h1, .portlet-title h3 {
    margin: 0 0 15px;
    font-size: 18px;
    color: #000
}

.portlet-title h3 .fa {
    color: var(--font-color)
}

.portlet-title.mytitle {
    padding-bottom: 15px;
    font-size: 18px;
    color: #333
}

.portlet-title .operate a {
    display: inline-block;
    width: 30px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid #eee;
    border-radius: 4px
}

.portlet-title.active {
    border-bottom: 0
}

.portlet-title.active h2 {
    font-size: 24px
}

.portlet-tabs {
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.portlet-tabs li {
    margin-right: 30px;
    color: #999
}

.portlet-tabs li a {
    display: inline-block;
    padding: 0 0 12px;
    font-size: 15px;
    background: 0 0;
    color: #333;
    border-bottom: 3px solid #fff
}

.portlet-tabs li a:focus, .portlet-tabs li a:hover, .portlet-tabs li.active a, .portlet-tabs li.active a:focus, .portlet-tabs li.active a:hover {
    border: 0;
    background: 0 0;
    border-bottom: 3px solid var(--font-color);
    color: var(--font-color)
}

.portlet-tabs .search {
    position: relative;
    top: -6px
}

.portlet-tabs .search .form-control {
    display: inline-block;
    width: 160px;
    height: 33px;
    border-radius: 4px 0 0 4px
}

.portlet-tabs .search .submit {
    margin-left: -5px;
    border-radius: 0 15px 15px 0
}

.portlet-tabs-sub {
    padding: 10px;
    background-color: #fcfcfc
}

.portlet-tabs-sub a.text {
    display: inline-block;
    margin-right: 10px;
    color: #999
}

.portlet-tabs-sub a.text.active {
    color: var(--font-color)
}

.portlet-pagination {
    text-align: center
}

.portlet-body .form-group {
    margin: 0 !important;
    padding: 15px 0;
    border-top: 1px dashed #eee
}

.portlet-body .form-group:first-child {
    border-top: 0
}

.portlet-foot {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #eceff1
}

.portlet-slide-tab {
    width: 100%;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.portlet-slide-tab li {
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px
}
@media (max-width:767px) {
    .portlet-slide-tab li {
        margin-bottom: 0px
    }
}
.portlet-slide-tab li.active {
    background-color: var(--theme-color)
}

.portlet-slide-tab li a {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    line-height: 20px;
    white-space: nowrap
}

.portlet-slide-tab li.active a {
    border: 0;
    color: #fff
}

.related-cat li {
    padding: 0
}

.related-cat a {
    font-size: 14px;
    width: 98%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.header-alert {
    margin: 0;
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    text-align: left
}

.header-top {
    position: fixed;
    top: 0;
    z-index: 1999;
    width: 100%;
    transition: .3s
}

.header-top.header-bg {
    background-color: #323335
}

.header-logo {
    float: left;
    margin-top: 15px;
    width: 220px
}

.header-logo a {
    color: #333
}

.header-logo a img {
    width: 100%
}

.header-logo span {
    display: inline-block;
    margin: 0 10px;
    color: #ccc
}

.header-menu {
    float: right
}

.header-menu>li {
    position: relative;
    float: left;
    margin-right: 35px
}

.header-menu>li .tips {
    position: absolute;
    top: 15px;
    right: -20px;
    display: block;
    width: 23px;
    height: 15px
}

.header-menu>li .tips-hot {
    background: url(../img/icon_hot.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center
}

.header-menu>li .tips-new {
    background: url(../img/icon_new.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center
}

.header-menu>li>a {
    display: inline-block;
    padding: 25px 0 25px;
    font-size: 16px;
    color: #fff
}

.header-menu li .dropdown-menu {
    padding: 10px;
    margin-top: -10px;
    margin-left: -120px
}

.header-menu li .dropdown-menu li {
    position: relative;
    float: left;
    width: 33.333333%;
    text-align: center
}

.header-menu li .dropdown-menu li .tips {
    top: 0;
    right: 0
}

.header-menu>li:hover .dropdown-menu, .header-user:hover .dropdown-menu {
    display: block
}

.header-login {
    float: right;
    margin-top: 20px
}

.header-login span {
    border-radius: 50px;
    padding: 5px 20px
}

.header-login a, .header-login span, .header-login span:hover {
    color: #fff;
    border-color: #fff
}

.header-login li {
    float: left;
    margin-left: 20px
}

.header-user {
    float: right;
    position: relative;
    padding: 18px 0 12px
}

.header-user .avatar {
    position: relative;
    color: #fff
}

.header-user .avatar img {
    width: 35px;
    height: 35px;
    margin-right: 5px;
    border-radius: 50%
}

.header-user .avatar .headertips {
    display: inline-block;
    position: absolute;
    top: -12px;
    left: 20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: red
}

.header-user .dropdown-menu {
    padding-bottom: 10px;
    min-width: 120px
}

.header-user .dropdown-menu li a {
    text-align: center
}

.header-user .dropdown-menu li.top a {
    padding: 15px;
    border-bottom: 1px solid #f5f5f5
}

.header-user .dropdown-menu li.top span {
    display: block;
    text-align: center
}

.header-user .dropdown-menu li.top .text {
    font-size: 12px;
    color: #999
}

.header-user .dropdown-menu li.top .num {
    font-size: 16px;
    color: red
}

body.index {
    padding-top: 0
}

.index .recommend {
    margin-top: -110px;
}
@media (max-width:991px) {
    .portlet.recommend{
        padding: 15px;
    }
    .recommend-left{
        margin-bottom: 15px;
    }
}
@media (max-width:767px) {
    .portlet.recommend{
        padding: 10px;
    }
    .recommend-left{
        margin-bottom: 10px;
    }
}



.index .recommend .swiper-button-next,.index .recommend .swiper-button-prev {
   color: #fff;
   opacity: 0;
   transition: .5s;
}
.index .recommend .swiper-button-next:hover,.index .recommend .swiper-button-prev:hover{
    opacity: 1;
 }




 .index .recommend .swiper-pagination-bullet-active{
    width: 20px;
    border-radius: 5px;
    background-color: #fff;
 }



     .index .recommend .recommend-center div:first-child{
        margin-bottom: 20px;
     }

   

 .index .recommend .content>h2{
     color: #333;
     font-weight: 700;
     font-size: 30px;
     margin-top: 10px;
 }
.index .recommend .intro{
color: #888;
}
.index .recommend .topic-list{
    margin: 0 -10px;
}
 .index .recommend .topic-list .title {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

.index .recommend .topic-list .item .thumbnail{
    border: none;
    margin-bottom: 0;
}
.index .recommend .topic-list .tips{position:absolute;left:2.5em;padding:0 .5em;border-radius: 5px;color:#fff;background-color:var(--theme-color);text-align:center;display:none;left: 50%;bottom:0;z-index: 1;transform: translate(-50%, -50%);}

.index .recommend .topic-list .item:hover .tips{display:block;transition: .5s;}
.index .recommend .topic-list .item:hover .title{opacity:0;transition: .5s;}















.recommend-list-warp {
    /* display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px */
    margin-top: 10px;
    padding:0 ;
}
.recommend-list-warp>div{
    padding: 0;
}
.recommend-list-warp .recommend-list {
   
    border-radius: 10px;
    padding: 0;
    background-color: #fff;
}

.recommend-list-warp .recommend-list .object-list{
    padding:0 10px ;
}
.object-title {
    display: flex;
    padding: 10px 0;
    margin-bottom: 10px;
    align-items: center;
    color:#555;
    justify-content: space-between;
    border-bottom: 1px solid #eceff1;
}

.object-title .sub-title {
    font-size: 14px;
    color: #888;
}

.object-title a {
    font-size: 14px
}

.object-title .title-left {
    font-size: 20px;
    display: flex;
    gap: 20px;
    align-items: center
}





.recommend-list-warp .main-title {
    position: relative;
    font-size: 18px;
    padding-left: 10px
}
/* 
.recommend-list-warp .main-title:before {
    background-color: var(--theme-color);
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 3px
} */




.recommend-list-warp img {
    width: 100%
}

.recommend-list-warp .object-list .item {
    padding: 10px 10px 10px 0;
    display: flex;
    gap: 10px;
border-bottom: 1px dashed #eee;
}

.recommend-list-warp .object-list .item .item-left {
    width: 15%;
    min-width: 80px;
    flex-shrink: 0;
    position: relative
}

.recommend-list-warp .object-list .item .item-left>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden
}

.recommend-list-warp .object-list .item .item-left>a .thumbnail {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.recommend-list-warp .object-list .item .item-left:before {
    content: '';
    display: block;
    padding-top: 75%
}

.recommend-list-warp .object-list .item .avatar-img {
    height: 20px;
    width: 20px;
    border-radius: 50%
}

.recommend-list-warp .object-list .item .item-right {
    flex: 1;
    width: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.recommend-list-warp .object-list .item .item-right .item-title a{
color: #555;
}
.recommend-list-warp .object-list .item .item-right .item-title a:hover{
    color: var(--font-color);
}
.recommend-list-warp .object-list .item .item-right .item-meta {
    display: flex;
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
    color: var(--font-color)
}
.recommend-list-warp .object-list .item .item-right .item-meta div:last-child{
    color: #888;
}
.recommend-list-warp .object-list .item .item-right .item-meta .author-info {
    display: flex;
    align-items: center;
    gap: 5px
}





















/* 下拉框 */
.combobox {
    position: absolute;
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 100%;
    transition: 0s;
    transition-duration: 0s;
    left: 0;
    right: 0;
    top: 73px;
    bottom: 0;
    margin: 0 auto;
    z-index: 20;
}


.combobox * {
    transition-duration: 0.2s
}
.combobox .container{
    padding-left: 10px;
    padding-right: 10px;
}


.combobox .ranking-list {
    position: relative;
    margin: 0 auto;
    clear: both;
    border: 1px solid #eceff1;
    border-radius: 0 0 10px 10px; 
    box-shadow: 1px 1px 12px rgba(0,0,0,0.08);
    background: #fff;
}
.combobox .ranking-list .ranking-cat{
 
    padding:20px 15px 20px 30px;
    border-bottom: 1px dashed #eceff1;

}
.combobox .ranking-list .ranking-cat ul>li{
    position: relative;
    display: inline-block;
    
text-align: center;
margin-right: 10px;




background-color: #f1f1f1;
border-radius: .25em;

}
.combobox .ranking-list .ranking-cat ul>li .tips {
    position: absolute;
    top: -6px;
    right: -8px;
    display: block;
    width: 23px;
    height: 15px;
    z-index: 9999;
}

.combobox .ranking-list .ranking-cat ul>li .tips-hot {
    background: url(../img/icon_hot.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center
}
.combobox .ranking-list .ranking-cat ul>li .tips-new {
    background: url(../img/icon_new.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center
}

.combobox .ranking-list .ranking-cat ul>li a{
    display: block;
    padding: 8px 40px;
    color: #333;
    font-size: 14px;
    border-radius: 50px;
    
}
.combobox .ranking-list .ranking-cat ul>li:hover{
    background-color: var(--theme-color);
}
.combobox .ranking-list .ranking-cat ul>li:hover a{
    color: #fff;
}
.combobox .ranking-list .znav-in {
    overflow: hidden;
    padding:20px 15px 20px 15px;
}

.combobox .ranking-list h3{
   margin: 10px 0;
   padding-left: 10px;
   font-size: 20px;
}
.combobox .ranking-list .ranking-tag-index h3{
    margin: 15px 0;
    padding-left: 0;
}






/* .list */
.posts-wrapper{
    margin-left: -10px;
    margin-right: -10px;
}
.post-grid {
    float: left;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 12px;
    transition: box-shadow .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1), -webkit-box-shadow .3s cubic-bezier(.215, .61, .355, 1), -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
    transform: translate(0, 0);
    border: 1px solid #eee
}

.post-grid:hover {
    -webkit-box-shadow: 0 34px 20px -24px rgba(136, 161, 206, .3);
    box-shadow: 0 34px 20px -24px rgba(136, 161, 206, .3);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -ms-transform: translateY(-5px)
}

.author-box {
    position: relative;
    float: left;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.author-box .author-image {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid #eee;
    overflow: hidden
}

.content-show .author-box .author-image img {
    margin-top: 0
}
.author-box .author-image img {
    margin-top: -5px;
    width: 100%;
    height: 100%;
}
.author-box .author-image img:hover {
    cursor: pointer
}

.author-box .author-info {
    margin-left: 10px
}

.author-box .author-name {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500
}
.author-box .author-name span{
    padding: 0;
}
.author-box .author-name span img {
    height: 20px;
    margin-top: -5px;
}



.author-box .author-bio {
    font-size: 14px;
    font-weight: 500
}

.author-box .author-meta {
    align-items: center;
    display: flex;
    font-size: 16px;
    margin-top: 10px
}

.author-box .author-meta>a {
    color: #aaa;
    line-height: 1.5
}

.author-box .author-meta>a+a {
    margin-left: 4px
}

.author-box .author-meta>a:last-child {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.author-box .author-meta>a+a:last-child {
    border-left: 1px solid #e6e6e6;
    margin-left: 10px;
    padding-left: 10px
}

.author-box .author-meta>a:last-child:after {
    content: "\f054";
    font-family: "Material Design Icons";
    margin-left: 3px
}

.post-grid .entry-media {
    margin-bottom: 0;
    position: relative
}

.post-grid .entry-media img {
    margin: 0 auto;
    width: 100%;
    border-radius: 12px 12px 0 0
}

.entry-media {
    margin-bottom: 10px;
    position: relative
}

.entry-media .placeholder {
    height: 0;
    overflow: hidden;
    border-radius: 12px 12px 0 0
}
.entry-media .placeholder.slide{
    border-radius: 5px;
}
.entry-media .placeholder.small {
    border-radius: 6px
}
.entry-media img {
    margin: 0 auto;
    width: 100%;
    overflow: hidden
}

.entry-media img:hover {
    opacity: .8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.entry-format {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    height: 25px;
    left: 10px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 25px
}

.entry-star {
    display: block;
    border-radius: 50%;
    font-size: 15px;
    height: 25px;
    right: 10px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 25px;
    opacity: 0;
    visibility: hidden
}

.post-grid:hover .entry-star, .post-list:hover .entry-star {
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    opacity: 1;
    visibility: visible;
    z-index: 99
}

.widget .entry-format, .widget .entry-star {
    display: none
}

.img-badge {
    position: absolute;
    top: .6em;
    left: 0;
    border-radius: 0 50px 50px 0;
    text-shadow: none;
    background-color: var(--theme-color);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    color: #fff;
    z-index: 1;
    padding: .2em .6em;
}
.post-grid .entry-wrapper {
    padding: 10px;
}
.entry-header .entry-meta .meta-category {
   
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: 20px;
    line-height: 19px;
    margin: 0px 0 0 0;
    white-space: unset;
    text-overflow: unset;
}
.entry-header .entry-meta .meta-category a{
    margin-right: 5px;
}
.entry-header {
    word-break: break-word;
    padding-top: 10px;
}
.taozy-box .entry-header {
    padding-top: 0px;
}
.entry-header .entry-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    
    height: 40px;
    line-height: 14px;
    margin: 0px 0 0 0;
    white-space: unset;
    text-overflow: unset;
}
.entry-header .entry-title a {
    
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-weight: bold;
}
.entry-footer {
    display: block
}

.entry-footer .post-meta-box {
    width: 100%;
    float: left;
    padding: 10px 5px;
    font-size: 12px;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #ebeef5;
    color: #b4b4b4;
    margin-top: 10px;
    list-style: none
}

.entry-footer .post-meta-box li:nth-child(1) {
    float: left;
}

.entry-footer .post-meta-box .meta-date {
    padding: 0 5px;
    background: #f6f6f6;
    color: #b4b4b4;
    border-radius: 5px;
}

.entry-footer .post-meta-box .meta-like {
    padding-left: 8px
}

.entry-footer .post-meta-box .meta-comment {
    padding-left: 8px
}

.entry-footer .post-meta-box .meta-views {
    float: left;
    padding-left: 8px
}

.entry-footer .post-meta-box .meta-price {
    float: right;
    margin-left: 8px;
    padding: 3px 6px 2px 6px;
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    line-height: initial
}

.entry-footer .post-meta-box .meta-free {
    float: right;
    margin-left: 8px;
    padding: 3px 6px;
    text-align: center;
    color: #fff;
    background-color: var(--theme-color);
    font-weight: 400;
    border-radius: 5px;
    line-height: initial
}


/* ranking-list */
.ranking-list .post-grid{
margin-bottom: 0;
}

/* ranking-article-list */
.ranking-article-list ul{
    padding-left: 20px;
}
.ranking-article-list>ul>li{
    margin-bottom: 15px;
}
.ranking-article-list>ul>li i{
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background-color: var(--theme-color);
    color: #fff;
    display:inline-block;
    text-align: center;
    line-height: 18px;
    margin-right: 6px;
    font-size: 12px;
}

/* ranking-tag-index */
.ranking-tag-index {
    display: inline-block;
}
.ranking-tag-index a{
display: inline-block;
    color: #333;
    padding: 5px 8px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
    border-radius: 5px;
    margin-right: 10px;
    transition: .5s;
}

.ranking-tag-index a:hover{
background-color: var(--theme-color);
color: #fff;
}
















.index .recommend .portlet-body {
    padding: 0px;
    margin: 0 -10px;
}
.index .recommend .portlet-body img{
    border-radius: 8px;
    width: 100%;
}
.index .header-top {
    background-color: rgba(50, 51, 53, .9)
}

.index .header-top.header-bg {
    background: 0 0 !important
}

.index .left-box .section-head .text {
    margin-top: 15px
}

.index .left-box .section-head .title {
    font-size: 30px;
    font-weight: 700
}

.index .left-box .text, .index .right-box .text {
    color: #666
}

.index .left-box .list .icon i {
    font-size: 18px;
    color: #fa7960
}

.index .left-box .list .list-item {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index .left-box .list .list-item .thumb {
    margin-right: 15px
}

.index .left-box .list p {
    margin-bottom: 0
}

.index .right-box .item {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.index .right-box .item .thumb {
    margin-right: 20px
}

.index-title h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px
}

.index-title p {
    margin-bottom: 30px;
    font-size: 16px;
    color: #676767
}
.home_title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.home_title .title {
    position: relative;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 20px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    width: calc(100% - 48px)
}

.home_title .title .pricing-title {
    font-size: 20px;
    color: #555;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: bottom
}

.index_fenlei {
    margin-left:10px;
    font-size: 14px;
    font-weight: 700;
    color: rgb(135, 135, 135);
    display: inline-block;
    line-height: 16px;
    padding: 3px 0px;
    border-radius: 5px;
}
.fwq_fenlei_title {
    display: inline-block;
    width: 18px;
    height: 30px;
    line-height: 30px;
    padding: 3px 0px;
}
.fwq_fenlei_title::before {
    display: inline-block;
    content: "/";
    color: rgb(255, 92, 0);
    vertical-align: middle;
    position: relative;
    top: -0.2rem;
    font-weight: 600;
    padding: 0px 0.5rem;
}
.fwq_fenlei_title::after {
    display: inline-block;
    content: "/";
    color: var(--theme-color);
    vertical-align: middle;
    position: relative;
    top: -0.2rem;
    left: -14px;
    font-weight: 600;
    padding: 0px 0.8rem;
}

.index-foot {
    margin-bottom: 30px
}

.index-foot .btn {
    transition: .5s
}

.index-foot .btn:hover {
    background-color: var(--theme-color);
    color: #fff
}

.index-banner {
    position: relative;
    left: 0;
    width: 100%;
    height: 500px;
    background: url(../img/banner-2.png) no-repeat 100%/cover;
    background-position: top center;
    background-color: #e7e7e7
}

.index-banner .content {
    margin-top: 140px;
    padding-left: 15px;
    text-align: center
}

.index-banner .content h1 {
    margin: 0 0 20px;
    font-weight: 700;
    color: #fff
}

.index-banner .content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 25px;
    color: #fff
}

.index-banner .content p a {
    display: inline-block;
    margin: 0 10px;
    font-size: 14px
}

.index-site li {
    float: left;
    width: 33.333333%;
    padding: 20px;
    font-size: 14px;
    text-align: center
}

.index-site li .num {
    font-size: 40px;
    line-height: 40px;
    vertical-align: -8px;
    color: #fff
}

.index-news {
    padding: 25px 35px;
    min-height: 88px
}

.index-news dt {
    float: left;
    padding: 15px;
    background-color: #f9f9f9
}

.index-news dd {
    margin-left: 120px
}

.index-news dd h3 {
    margin: 5px 0 5px;
    font-size: 18px;
    line-height: 25px
}

.index-news dd h3 a {
    color: #000
}

.index-news dd h3 a:hover {
    color: var(--font-color)
}

.index-news dd p {
    min-height: 50px;
    margin: 0;
    line-height: 25px;
    color: #999
}

.index-news dt .md {
    margin: 0 0 3px;
    text-align: right;
    font-size: 25px
}

.index-news dt .y {
    margin: 0;
    text-align: right;
    font-size: 14px
}

.index-search {
    position: relative;
    width: 60%;
    margin: 20px auto
}

.index-search .form-control {
    font-size: 14px;
    padding: 0 20px;
    height: 55px;
    border: 1px solid #eee;
    box-shadow: none;
    border-radius: 25px
}

.index-search .submit {
    position: absolute;
    top: 15px;
    right: 15px;
    background: 0 0;
    border: 0;
    font-size: 22px;
    color: #c5c5c5
}

.index-mouth {
    padding: 30px 0 20px
}

.index-mouth h4 {
    margin: 20px 0 10px
}

.index-mouth p {
    color: #999
}

@media (max-width:767px) {
    .index-title h3 {
        font-size: 22px
    }

    .index-title p {
        font-size: 14px
    }
}

.category-banner {
    min-height: 450px;
    background-color: var(--font-color)
}

.category-banner .menu {
    min-height: 450px;
    background-color: rgba(0, 0, 0, .6);
    padding: 20px
}

.category-banner .menu h4 {
    margin: 0 0 20px;
    color: #fff
}

.category-banner .menu .item li {
    margin-bottom: 10px
}

.category-banner .menu .item li a {
    display: block;
    padding: 5px;
    text-align: center;
    border: 1px solid red;
    font-size: 12px;
    color: #fff;
    border-radius: 5px
}

.category-banner .banner {
    padding-top: 20px
}

.cms-list li {
    display: flex;
    margin: 10px auto
}

.cms-list li a {
    display: flex;
    color: #555
}

.cms-list li a:hover {
    color: var(--font-color)
}

.cms-list li .logo {
    width: 58px;
    height: 58px;
    border-radius: 5px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden
}

.cms-list li .logo img {
    height: 100%
}

.cms-list li .info {
    margin-left: 12px;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.cms-list li .info .title {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 28px
}

.cms-list li .info .desc {
    margin-bottom: 0
}

@media (max-width:767px) {
    .cms-list li .logo {
        width: 38px;
        height: 38px
    }

    .cms-list li .info .title {
        font-size: 16px;
        margin-bottom: 0
    }
}

.syetem-top {
    margin: 50px 0;
    text-align: center;
    color: #fff
}

.syetem-top h4, .syetem-top p {
    color: #ddd
}

.side-search {
    position: relative;
    margin-bottom: 10px
}

.side-search .form-control {
    border-radius: 15px
}

.side-search .submit {
    position: absolute;
    top: 5px;
    right: 5px;
    background: 0 0;
    border: 0;
    color: #999
}

.side-text-list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee
}

.side-text-list li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.bbs-list .item li {
    position: relative;
    padding: 20px 0 20px 60px;
    border-bottom: 1px solid #f5f5f5
}

.bbs-list .item li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.bbs-list .item li .avatar {
    position: absolute;
    top: 15px;
    left: 0
}

.bbs-list .item li .avatar img {
    width: 50px;
    height: 50px
}

.bbs-list .item li .avatar .icon-v {
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
    line-height: 14px
}

.bbs-list .item li .avatar .icon-v .fa {
    font-size: 12px
}

.bbs-list .item li .title {
    margin: 0 0 6px;
    font-size: 16px
}

.bbs-list .item li .title .pushpin {
    display: inline-block;
    margin-left: 10px;
    padding: 0 5px;
    background-color: #f6fbff;
    border-radius: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #666
}

.bbs-list .item li .title .glyphicon-pushpin {
    color: #c5bf66
}

.bbs-list .item li .info {
    font-size: 12px;
    color: #999
}

.bbs-list .item li .btn {
    margin-top: 10px;
    font-size: 12px
}

.bbs-list.work .item li:first-child {
    padding-top: 0
}

.bbs-list.work .item li:first-child .avatar {
    top: -5px
}

.need-list .item li {
    position: relative;
    padding: 20px 0 20px;
    border-bottom: 1px solid #f5f5f5
}

.need-list .item li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.need-list .item li .title {
    margin: 0 0 6px;
    font-size: 16px
}

.need-list .item li .title .price {
    font-size: 18px;
    font-weight: 700;
    color: red
}

.need-list .item li .info {
    font-size: 12px;
    color: #999
}

.need-list .item li .info .tag {
    padding: 2px 5px;
    background-color: #f5f5f5;
    border-radius: 2px
}

.need-list .item li .btn {
    margin-top: 10px;
    font-size: 12px
}

.need-centent li {
    margin-bottom: 10px
}

.need-centent li span.text {
    display: inline-block;
    width: 80px;
    margin-right: 10px;
    text-align: right
}

.syetem-list img {
    width: 100%
}

.theme-list .item {
    margin: -10px
}

.theme-list .item li {
    padding: 10px
}

.theme-list .item li .info .tag {
    display: flex;
    flex-wrap: wrap;
    line-height: 35px
}

.theme-list .item li .info .tag a {
    color: #999;
    align-items: center;
    display: flex
}

.theme-list .item li .info .tag a+a {
    margin-left: 8px
}

.theme-list .item li .info .tag .dot {
    display: inline-block;
    border-radius: 50%;
    height: 6px;
    margin-right: 5px;
    width: 6px;
    background-color: #fd721f
}

.theme-list .item li .info .tag a:nth-child(2) .dot {
    background-color: #4caf50
}

.theme-list .item li .info .tag a:nth-child(3) .dot {
    background-color: #2196f3
}

.grid_author_avt {
    position: relative;
    z-index: 9;
    display: block;
    width: 100px;
    height: 25px;
    margin-top: -24px;
    margin-left: -10px;
    transform: translateZ(0)
}

.grid_author_avt:hover {
    opacity: 1 !important
}

.grid_author_avt:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100px 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==);
    top: -3px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1
}

.grid_author_bggo {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 9
}

.bg-cover {
    background-size: cover;
    background-position: 50% 50%
}









.theme-list .item li .box {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #fff
}

.theme-list .item li .cont {
    padding: 0 10px 10px
}

.theme-list .item li .thumb {
    position: relative;
    margin: 10px;
    border-radius: 10px;
    overflow: hidden
}

.theme-list .item li .thumb img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .7s;
    transition: .7s
}

.theme-list .item li:hover .thumb img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.theme-list .item li .thumb .operate {
    display: none;
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%
}

.theme-list .item li .thumb .operate a {
    display: block;
    float: left;
    width: 50%;
    padding: 5px 10px;
    text-align: center;
    background-color: var(--font-color);
    font-size: 12px;
    color: #fff;
    cursor: pointer
}

.theme-list .item li .thumb .operate a:last-child {
    border-left: 1px solid #36c6d3
}

.theme-list .item li .thumb .code {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    padding: 0 6px;
    background-color: #f90;
    color: #fff;
    font-family: "Helvetica Neue", "Hiragino Sans GB", SimSun, serif
}

.theme-list .item li .thumb .img-responsive {
    border-radius: 10px
}

.theme-list .item li .box:hover .operate {
    display: block
}

.theme-list .item li .info {
    line-height: 18px;
    font-size: 12px
}

.theme-list .item li .info p {
    margin: 0
}

.theme-list .item li .info .num {
    color: #999
}

.theme-list .item li .info .price {
    line-height: 40px;
    font-size: 22px;
    font-weight: 500;
    color: #f40
}

.theme-list .item li .title {
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    overflow: hidden
}

.theme-list .item li .title a {
    color: #333
}

.theme-list .item li .title a:hover {
    color: var(--font-color)
}

.theme-list .item li .title .icondiy {
    display: inline-block;
    margin-right: 5px;
    vertical-align: 1px;
    padding: 2px 5px;
    line-height: 12px;
    background-color: var(--font-color);
    color: #fff;
    border-radius: 2px;
    font-size: 10px;
    font-family: "Helvetica Neue", "Hiragino Sans GB", SimSun, serif
}

.theme-list .item li .time {
    padding: 0 10px 10px;
    font-size: 13px;
    line-height: 20px;
    color: #999
}

.theme-list .item li .time a {
    color: #999
}

.theme-list .item li dt.thumb {
    float: left;
    width: 150px
}


.theme-list.plugins-list .item li .plugin-box{
    padding: 0;
    margin-bottom: 0;
}

.theme-list.plugins-list .item li .plugin-box .plugin-box-head{
    padding-bottom: 0;
}






.theme-list.plugins-list .item li dt.thumb {
    width: 88px
}
.theme-list .item li dd.cont {
    margin-left: 170px
}
.theme-list.plugins-list .item li dd.cont {
    margin-left: 108px
}
.theme-list.plugins-list .item li .plugin-box .detail h5{
    width: calc(100% - 80px);
}

.tag-list .theme-list.plugins-list .item li .plugin-box .detail h5{
    width: 100%;
}

.theme-list .item li dd.cont .title {
    margin:10px 0 5px;
    height: auto;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.theme-list .item li dd.cont .info {
    margin-bottom: 5px
}

.theme-list .item li dd.cont .time {
    padding: 0
}

.theme-list .item li dd.cont .operate {
    padding: 25px 20px 18px 30px;
    border-left: 1px solid #eee
}

.theme-list .item li dd.cont .info .price {
    font-size: 20px;
    font-weight: 700
}

.theme-list .item li .info .tag a:hover, .theme-list .item li .time a:hover {
    color: var(--font-color)
}

.theme-content {
    position: relative;
    background-color: #fff
}

.theme-content-thumb .pic {
    margin-bottom: 15px
}

.theme-content-thumb .pic img {
    border-radius: 10px
}

.theme-content-info .title {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700
}

.theme-content-info .desc {
    margin-bottom: 15px;
    font-weight: 700
}

.theme-content-info .data {
    padding: 10px 0;
    line-height: 40px;
    border-top: 1px dashed #eee
}

.theme-content-info .price {
    padding: 10px 0;
    margin-bottom: 20px;
    line-height: 40px;
    border-top: 1px dashed #eee;
    border-bottom: 1px dashed #eee
}

.theme-content-info .price .fc-sku-select-price .btn.active, .theme-content-info .price .fc-sku-select-price .btn:hover {
    background-color: #fff;
    border-color: var(--font-color);
    color: var(--font-color);
    box-shadow: none
}

.theme-content-info .help {
    border-bottom: 1px dashed #eee
}

.theme-content-info .shares {
    margin: 20px auto
}

.theme-content-info .money {
    font-size: 28px;
    font-weight: 700;
    color: var(--font-color)
}

.sale {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    vertical-align: 5px;
    background-color: var(--font-color);
    padding: 2px 5px;
    line-height: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.sale:before {
    content: "";
    position: absolute;
    width: 0;
    display: block;
    font-size: 0;
    left: -4px;
    bottom: 0;
    height: 0;
    border: 3px solid red;
    border-color: transparent var(--font-color) var(--font-color) transparent
}

.theme-content-info dl {
    margin-bottom: 20px
}

.theme-content-info dl dt {
    float: left;
    width: 80px;
    color: #999
}

.theme-content-info dl.data {
    padding-bottom: 15px;
    border-bottom: 1px dashed #eee
}

.theme-show-plugin {
    margin: auto -10px
}

.theme-show-plugin .plugin-box {
    background-color: #f6f6f6;
    padding: 0;
    margin-bottom: 20px
}

.theme-show-plugin .plugin-box .plugin-box-head {
    padding-bottom: 0
}

.theme-show-plugin .plugin-box .icon {
    width: 88px;
    height: 88px;
    padding: 10px
}

.theme-show-plugin .plugin-box .detail {
    width: calc(100% - 88px);
    padding: 10px
}

.theme-show-plugin .plugin-box .detail h5 {
    margin: 3px auto 5px
}










.theme-content-author {
    padding: 10px 15px;
    border-radius: 10px;
    text-align: center;
    background-color: #f5f5f5
}

.theme-content-author li {
    margin: 0 0 10px
}

.theme-content-author li.head {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.theme-content-author li.avatar {
    position: relative
}

.theme-content-author li.avatar .icon-v {
    bottom: 0;
    left: 50%;
    margin-left: 15px
}

.theme-content-author li.avatar img {
    border: 3px solid #fff
}

.theme-content-author li.desc {
    text-align: left;
    font-size: 12px;
    color: #999
}

.theme-content-author li.group {
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.theme-content-author li .btn {
    padding: 5px 22px
}

.theme-attributo {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-radius: 5px
}

.theme-attributo li {
    float: left;
    width: 25%;
    border: 1px solid #eee;
    margin-top: -1px;
    margin-left: -1px;
    font-size: 12px;
    color: #666
}

.theme-attributo.bug li {
    width: 33.333333%
}

.theme-attributo li span {
    display: inline-block;
    padding: 10px
}

.theme-attributo li span.text {
    width: 80px;
    margin-right: 10px;
    background-color: #f8f8f8;
    color: #999
}

.theme-attributo.need li {
    width: 33.333333%
}

.theme-centent-flie {
    margin-bottom: 20px
}

.theme-centent-flie li {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-bottom: -1px
}

.theme-centent-flie li .btn {
    margin-left: 5px;
    padding: 5px 12px
}

.theme-content-body {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 25px;
    background-color: #f5f5f5
}

.theme-content-body.bgnone {
    padding: 0;
    background-color: #fff
}
.theme-content-body.code-show{
    padding: 0 10px;
    background-color: #fff;
}
.theme-content-body.code-show h3 {
    position: relative;
    margin: 20px 0;
    border-left: 5px solid var(--theme-color);
    padding: 12px;
    line-height: 20px;
    background: #f1f5f8;
}

.theme-content-body.code-show h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .3;
    background-image: -webkit-linear-gradient(46deg, #d3b6f1 48%, #f6fdfc 91%);
    background-image: -o-linear-gradient(46deg, #d3b6f1 48%, #f6fdfc 91%);
    background-image: linear-gradient(44deg, #d3b6f1 48%, #f6fdfc 91%);
    width: 30px;
    height: 36px;
    -webkit-border-radius: 100% 0 0 0;
    border-radius: 100% 0 0 0;
}
@media (max-width:767px) {
    .theme-content-body.code-show h3 {
        font-size: 16px;
        line-height: 18px;
    }
}




.theme-content-body img {
    max-width: 100%
}

.theme-content-body li {
    list-style-type: disc
}

.theme-screenshot-body {
    margin: 0 -10px
}

.theme-screenshot-body .img-box {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    border: 5px solid #f5f5f5;
    border-radius: 5px
}

.theme-screenshot-body .img-box img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    background-color: rgba(255, 255, 255, .05);
    font-size: 0;
    transition: transform .2s;
    -o-object-fit: cover;
    object-fit: cover
}

.theme-screenshot-body .title {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px auto
}

.theme-centent-qa li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #eee
}

.theme-centent-qa li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.theme-centent-qa li h4 {
    font-size: 16px
}

.theme-centent-qa li .tips {
    display: inline-block;
    margin-right: 10px;
    padding: 5px;
    background-color: #f90;
    font-size: 12px;
    color: #fff;
    border-radius: 50%
}

.theme-centent-qa li p {
    padding-left: 35px;
    color: #666;
    line-height: 25px
}

.theme-text-content h3 {
    margin: 50px 0 20px;
    font-size: 20px;
    color: #000
}

.theme-content-message p {
    padding-top: 10px;
    border-top: 1px dashed #eee
}

.theme-content-message p:last-child {
    padding-bottom: 0
}

.theme-img-tab {
    margin: 0 -5px 20px -5px
}

.theme-img-tab li {
    float: left;
    padding: 5px;
    width: 16.666666%;
    text-align: center
}

.theme-img-tab li a {
    display: block;
    padding: 6px;
    border-radius: 5px;
    border: 1px solid #eee;
    color: #333
}

.theme-img-tab li.active a {
    background-color: var(--font-color);
    border-color: var(--font-color);
    color: #fff
}


/* down_card */

.down_card {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    border: 1px solid hsla(210, 8%, 51%, .09);
    border-radius: 5px;
}

.down_card .icon {
    width: 48px;
    height: 48px;
    background: var(--theme-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.down_card .content {
    flex: 1;
    min-width: 0;
}
.down_card .content h1{
font-size: 16px;
margin: 5px 0;
color: var(--theme-color);
}
.down_card .title {
    color: #333;
    font-size: 18px;
    margin-bottom: 4px;
    word-break: break-word;
}

.down_card  .subtitle {
    color: #888;
    font-size: 14px;
    margin-bottom: 8px;
}

.down_card .info {
    color: #999;
    font-size: 14px;
    display: flex;
    gap: 10px;
}
.down_card .info  .key {
    color: #ff5c00;
}
.down_card  .login-btn {
    background: var(--theme-color);
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    flex-shrink: 0;
    transition: opacity 0.3s;
}

.down_card .login-btn:hover {
    opacity: 0.9;
    color: #fff;
}

@media (max-width: 768px) {
    .down_card {
        flex-wrap: wrap;
    }
    
    .down_card .login-btn {
        width: 100%;
        text-align: center;
    }
    
    .down_card .title {
        font-size: 16px;
    }
}
/* code-show */

.code-content .row{
    display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
        border-radius: 8px;
}
.breadcrumbs {
    font-size: 13px;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #999;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.breadcrumbs a {
    color: #999
}

@media (max-width:575px) {
    .breadcrumbs {
        margin-bottom: 10px;
        margin-top: -20px
    }
}
.all-info-box{
    padding-right: 10px;
    background-color: #fff;
}
.content-main {
    position: relative
}




@media (max-width:991px) {
.content-main .content-area{
    padding: 20px 0 0 10px;
}
}
@media (min-width: 992px) {
    .main-img {
        background-color: #fff;
        word-wrap: break-word;
        padding: 20px 10px;
        border-radius: 12px 0 0 12px;
    }
}

@media (min-width: 577px) {
    .content-main .content-box{
        flex: 1;
        display: flex;
        align-items: stretch;
        padding: 0 10px 0 0;
    } 
    .content-main .content-box .left-box{
        flex: 1;
    }
    .content-main.right-box{
        flex: 1;
        padding-top: 12px;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        background-color: #fff;
        word-wrap: break-word;
        border-radius:  0 12px  12px 0
    
    }
}

@media (max-width:576px) {
    .content-main .content-box .left-box{
        width: 100%;
    }
    .right-out-box{
        width: 100%;
        margin-top: 15px;
    }
}

.main-img .placeholder {
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    border-radius: 12px;
}
.main-img .placeholder img{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.main-img {
    float: left;
}


@media (max-width:991px) {
    .content-main.right-box{
    padding-left: 15px;
    width: 100%;
    }
    .row-flex>div{
        padding: 0;
        margin: 0 -5px;
    }
    .row-flex .fixed-left .portlet{ 
        padding: 10px;
    }
}
.content-main.right-box .show-title{
    padding-top:20px;
    width: 100%;
}

.show-title h1 {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 500;
    letter-spacing: .5px;
    color: #252525;
    margin-top: 10px;
    font-weight: bold;
}
.show-title h1, .show-title h2 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media (max-width:576px) {

    .show-title h1{
        width: 100%;
        white-space:unset;
    }
}
.content-main .detail-ceshi {
    display: inline-block;
    z-index: 5
}

.content-main .detail-ceshi span {
    position: relative;
    padding: 5px 15px 5px 28px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
    margin-bottom: 3px
}

.content-main .detail-ceshi span i {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    left: 3px;
    top: 4px;
    overflow: hidden;
    background: #fff;
    font-size: 14px
}

.detail-ke-xerhu {
    background-color: #77cf77
}

.detail-ceshi .detail-ke-xerhu i {
    color: #77cf77
}

.detail-yi-xerhu {
    background-color: #fb8f02
}

.detail-ceshi .detail-yi-xerhu i {
    color: #ffa03f
}

.detail-wei-xerhu {
    background-color: #aaa
}

.detail-ceshi .detail-wei-xerhu i {
    color: #aaa
}
.out-box .author-box.btn-group {
    -webkit-user-select: none;
    user-select: none;
    margin-top: 0;
    display: flex
;
    align-items: center;
    flex-shrink: 0;
}

.out-box .author-box {
    margin-top: 10px;
    display: flex
;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.out-box .author-box .author {
    max-width: 100%;
    display: flex
;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.out-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20px;
}
@media (max-width:576px) {

    .out-box{
        padding-right: 0;
    }
}
.out-box .author-box.btn-group {
    -webkit-user-select: none;
    user-select: none;
    margin-top: 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.out-box .author-box {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.out-box .author-box .author {
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.out-box .author-box .author .author-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
}
.out-box .author-box .author .author-avatar img{
    width: 100%;
}

.hover {
    transition: all 0.3s;
    cursor: pointer;
    user-select: none;
}
.hover:hover {
    transition: all 0.3s;
    opacity: 0.8;
}
.out-box .author-box .author .author-nickname {
    flex: 1;
}.out-box .author-box .author .author-nickname .name {
    color: #252525;
    font-size: 18px;
}.out-box .author-box.btn-group .btn-item.attention {
    background: var(--theme-color);
    color: #fff;
}

.out-box .author-box.btn-group .btn-item {
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 24px;
    background: #F3F4F8;
    padding: 9px 14px;
    color: var(--theme-color);
    font-size: 14px;
    flex-shrink: 0;
}

.out-box .author-say-box-2 {
    flex: 1;
    position: relative;
}
.out-box .author-say-box-2:before, .out-box .author-say-box-2:after {
    width: 30px;
    height: 30px;
    content: "";
    display: block;
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjkuNDA0Mjk2ODc1IiBoZWlnaHQ9IjIyLjAwMDM5NjcyODUxNTYyNSIgdmlld0JveD0iMCAwIDI5LjQwNDI5Njg3NSAyMi4wMDAzOTY3Mjg1MTU2MjUiIGZpbGw9Im5vbmUiPgo8cGF0aCBkPSJNNi40OTIwMyAyMi4wMDA0QzYuMjg0MTMgMjIuMDAwNCA2LjA3Njc4IDIxLjk5MDQgNS44Njk2MiAyMS45NzAyQzUuNjYyODIgMjEuOTUwMSA1LjQ1NzMgMjEuOTIgNS4yNTMwNyAyMS44Nzk4QzUuMDQ5MiAyMS44Mzk3IDQuODQ3NTMgMjEuNzg5OCA0LjY0ODI1IDIxLjczMDFDNC40NDkxNSAyMS42NzAzIDQuMjUzMzUgMjEuNjAxMSA0LjA2MDg1IDIxLjUyMjNDMy44NjgzNSAyMS40NDM2IDMuNjgwMjUgMjEuMzU1NiAzLjQ5NjE4IDIxLjI1ODZDMy4zMTI0OCAyMS4xNjE1IDMuMTMzNzMgMjEuMDU1OCAyLjk1OTkzIDIwLjk0MTRDMi43ODYzMiAyMC44MjY5IDIuNjE4NTcgMjAuNzA0MyAyLjQ1Njg3IDIwLjU3MzZDMi4yOTUxNyAyMC40NDI4IDIuMTQwMjUgMjAuMzA0NiAxLjk5MTkzIDIwLjE1ODdDMS44NDM4IDIwLjAxMjkgMS43MDI4MiAxOS44NjAzIDEuNTY5MzUgMTkuNzAwOEMxLjQzNjA3IDE5LjU0MTMgMS4zMTA2NyAxOS4zNzU3IDEuMTkzMzMgMTkuMjA0QzEuMDc2IDE5LjAzMjMgMC45NjcyODMgMTguODU1MyAwLjg2NzE4NCAxOC42NzNDMC43NjcwODQgMTguNDkwOCAwLjY3NTk2OCAxOC4zMDQxIDAuNTk0MDE3IDE4LjExM0MwLjUxMjA2OCAxNy45MjE5IDAuNDM5NDY2IDE3LjcyNzIgMC4zNzY0IDE3LjUyOTFDMC4zMTM1MTcgMTcuMzMwOSAwLjI2MDE2OCAxNy4xMzAxIDAuMjE2NTM0IDE2LjkyNjhDMC4xNzMwODQgMTYuNzIzNCAwLjEzOTUzNCAxNi41MTg1IDAuMTE1ODg1IDE2LjMxMTlDMC4wOTI0MTY4IDE2LjEwNTMgMC4wNzg4NDk4IDE1Ljg5OCAwLjA3NTM2NyAxNS42OTAxQy0wLjA4OTYzMiAxNC4xMDQyIC0wLjA2NTc5OTcgMTEuNzY0OSAxLjAwNjcgOS4wNjQ0QzIuMTAzMDMgNi4zMDM0IDQuMjQwNyAzLjI5MzA2IDguMTQyMDMgMC4zNjcwNjJDOC4yMzg0NyAwLjI5NDgyOCA4LjM0MDc3IDAuMjMyNjc5IDguNDQ5MyAwLjE4MDYxM0M4LjU1NzgzIDAuMTI4NTQ2IDguNjcwNCAwLjA4NzY2MTcgOC43ODcgMC4wNTc3NzkzQzguOTAzNiAwLjAyNzg5NSA5LjAyMjAzIDAuMDA5NTYxNTQgOS4xNDIzIDAuMDAzMTQ1MjJDOS4yNjI1NyAtMC4wMDM0NTQyMSA5LjM4MjEgMC4wMDE2Nzg0NyA5LjUwMTI3IDAuMDE4NzI4M0M5LjYyMDQzIDAuMDM1Nzc4IDkuNzM2ODUgMC4wNjQzNzg3IDkuODUwMzMgMC4xMDQzNDVDOS45NjQgMC4xNDQxMjkgMTAuMDcyNSAwLjE5NDcyOSAxMC4xNzYxIDAuMjU2MTQ1QzEwLjI3OTcgMC4zMTc1NjIgMTAuMzc2MyAwLjM4ODMyOSAxMC40NjYgMC40Njg4MTFDMTAuNTU1NiAwLjU0OTExMiAxMC42MzY1IDAuNjM3NDc4IDEwLjcwODcgMC43MzM3MjhDMTAuNzgwOSAwLjgyOTk3OSAxMC44NDMxIDAuOTMyNDYzIDEwLjg5NTEgMS4wNDA5OUMxMC45NDcyIDEuMTQ5NTMgMTAuOTg4MyAxLjI2MjA5IDExLjAxOCAxLjM3ODY5QzExLjA0OCAxLjQ5NTI5IDExLjA2NjIgMS42MTM3MyAxMS4wNzI3IDEuNzM0QzExLjA3OTMgMS44NTQwOCAxMS4wNzQgMS45NzM3OSAxMS4wNTY4IDIuMDkyOTZDMTEuMDQgMi4yMTIxMyAxMS4wMTE0IDIuMzI4NTQgMTAuOTcxNCAyLjQ0MjAzQzEwLjkzMTYgMi41NTU1MSAxMC44ODEgMi42NjQyMyAxMC44MTk2IDIuNzY3ODFDMTAuNzU4NCAyLjg3MTQgMTAuNjg3NCAyLjk2ODAxIDEwLjYwNjkgMy4wNTc2NkMxMC41MjY2IDMuMTQ3MzEgMTAuNDM4NSAzLjIyODE2IDEwLjM0MiAzLjMwMDRDNy40NzQ3IDUuNDUwOSA1LjgzMjAzIDcuNTQwOSA0Ljg5MTUzIDkuMzY4NzNDNS4wMDE1MyA5LjM0MDUgNS4xMTE5IDkuMzE1MiA1LjIyMyA5LjI5MjgzQzUuMzM0MjggOS4yNzA1OSA1LjQ0NTkzIDkuMjUxMjEgNS41NTgxMyA5LjIzNDcxQzUuNjcwMzMgOS4yMTgzNCA1Ljc4MjkgOS4yMDQ4OCA1Ljg5NTgzIDkuMTk0MzhDNi4wMDg3NyA5LjE4Mzk4IDYuMTIxODggOS4xNzY1NCA2LjIzNTE4IDkuMTcyMDFDNi4zNDg0OCA5LjE2NzYxIDYuNDYxNzggOS4xNjYxNSA2LjU3NTA4IDkuMTY3NjFDNi42ODg1NyA5LjE2OTIxIDYuODAxODcgOS4xNzM3OSA2LjkxNDk4IDkuMTgxMzZDNy4wMjgyOCA5LjE4ODkzIDcuMTQxMDMgOS4xOTk0NiA3LjI1MzYgOS4yMTI5QzcuMzY2MTcgOS4yMjY0NiA3LjQ3ODM3IDkuMjQyOTYgNy41OTAwMiA5LjI2MjRDNy43MDE4NSA5LjI4MTk2IDcuODEyOTUgOS4zMDQzOCA3LjkyMzMyIDkuMzI5NjhDOC4wMzM4NyA5LjM1NTExIDguMTQzNjggOS4zODM0IDguMjUyNTggOS40MTQ1NkM4LjM2MTY3IDkuNDQ1NzMgOC40Njk4MyA5LjQ3OTgzIDguNTc3MDggOS41MTY4NkM4LjY4NDMzIDkuNTUzNzcgOC43OTA0OCA5LjU5MzUgOC44OTU1MyA5LjYzNjAzQzkuMDAwNzcgOS42Nzg1NiA5LjEwNDUzIDkuNzIzODUgOS4yMDcyIDkuNzcxODhDOS4zMDk4NyA5LjgxOTkxIDkuNDExMjUgOS44NzA3IDkuNTExMzUgOS45MjQyM0M5LjYxMTQ1IDkuOTc3NjMgOS43MDk5IDEwLjAzMzcgOS44MDY4OCAxMC4wOTIzQzkuOTA0MDUgMTAuMTUxIDkuOTk5MzggMTAuMjEyMiAxMC4wOTMzIDEwLjI3NTlDMTAuMTg3MSAxMC4zMzk1IDEwLjI3OTIgMTAuNDA1NyAxMC4zNjkzIDEwLjQ3NDRDMTAuNDU5NyAxMC41NDMgMTAuNTQ4MSAxMC42MTM5IDEwLjYzNDYgMTAuNjg3M0MxMC43MjEyIDEwLjc2MDUgMTAuODA1NyAxMC44MzYgMTAuODg4MiAxMC45MTM5QzEwLjk3MDcgMTAuOTkxNiAxMS4wNTEyIDExLjA3MTUgMTEuMTI5NSAxMS4xNTM1QzExLjIwNzcgMTEuMjM1NSAxMS4yODM4IDExLjMxOTUgMTEuMzU3NiAxMS40MDU2QzExLjQzMTQgMTEuNDkxNiAxMS41MDI5IDExLjU3OTYgMTEuNTcyMSAxMS42Njk2QzExLjY0MTMgMTEuNzU5NCAxMS43MDggMTEuODUxIDExLjc3MjUgMTEuOTQ0NEMxMS44MzY4IDEyLjAzNzggMTEuODk4NSAxMi4xMzI4IDExLjk1NzggMTIuMjI5NUMxMi4wMTcxIDEyLjMyNjEgMTIuMDczNyAxMi40MjQzIDEyLjEyNzggMTIuNTIzOUMxMi4xODE5IDEyLjYyMzYgMTIuMjMzMyAxMi43MjQ3IDEyLjI4MiAxMi44MjcxQzEyLjMzMDcgMTIuOTI5NiAxMi4zNzY3IDEzLjAzMzEgMTIuNDE5OCAxMy4xMzc5QzEyLjQ2MzEgMTMuMjQyNyAxMi41MDM1IDEzLjM0ODcgMTIuNTQxMiAxMy40NTU2QzEyLjU3ODcgMTMuNTYyNyAxMi42MTM0IDEzLjY3MDYgMTIuNjQ1MyAxMy43Nzk0QzEyLjY3NzIgMTMuODg4MSAxMi43MDYyIDEzLjk5NzcgMTIuNzMyNCAxNC4xMDgxQzEyLjc1ODQgMTQuMjE4NCAxMi43ODE1IDE0LjMyOTQgMTIuODAxNyAxNC40NDFDMTIuODIxOSAxNC41NTI2IDEyLjgzOTEgMTQuNjY0NiAxMi44NTM0IDE0Ljc3NzJDMTIuODY3NyAxNC44ODk2IDEyLjg3ODkgMTUuMDAyNSAxMi44ODcxIDE1LjExNTZDMTIuODk1NCAxNS4yMjg2IDEyLjkwMDggMTUuMzQxOSAxMi45MDMxIDE1LjQ1NTJDMTIuOTA1MyAxNS41Njg2IDEyLjkwNDYgMTUuNjgyIDEyLjkwMDkgMTUuNzk1M0MxMi44OTcxIDE1LjkwODcgMTIuODkwMyAxNi4wMjE4IDEyLjg4MDUgMTYuMTM0OEMxMi44NzA5IDE2LjI0NzggMTIuODU4MiAxNi4zNjA0IDEyLjg0MjQgMTYuNDcyN0MxMi44MjY3IDE2LjU4NSAxMi44MDgxIDE2LjY5NjggMTIuNzg2NSAxNi44MDgxQzEyLjc2NDkgMTYuOTE5NCAxMi43NDAyIDE3LjAzMDEgMTIuNzEyNiAxNy4xNDAxQzEyLjY4NTEgMTcuMjUwMSAxMi42NTQ3IDE3LjM1OTMgMTIuNjIxNSAxNy40Njc3QzEyLjU4ODIgMTcuNTc2MSAxMi41NTIxIDE3LjY4MzYgMTIuNTEzMSAxNy43OUMxMi40NzQxIDE3Ljg5NjUgMTIuNDMyMyAxOC4wMDE5IDEyLjM4NzcgMTguMTA2MkMxMi4zNDMxIDE4LjIxMDQgMTIuMjk1OCAxOC4zMTM1IDEyLjI0NTggMTguNDE1MkMxMi4xOTU3IDE4LjUxNyAxMi4xNDMgMTguNjE3MyAxMi4wODc2IDE4LjcxNjNDMTIuMDMyMyAxOC44MTUzIDExLjk3NDMgMTguOTEyNyAxMS45MTM4IDE5LjAwODZDMTEuODUzMyAxOS4xMDQ1IDExLjc5MDMgMTkuMTk4NyAxMS43MjQ4IDE5LjI5MTNDMTEuNjU5MyAxOS4zODM4IDExLjU5MTMgMTkuNDc0NiAxMS41MjA5IDE5LjU2MzVDMTEuNDUwNiAxOS42NTI1IDExLjM3OCAxOS43Mzk1IDExLjMwMzEgMTkuODI0NkMxMS4yMjgyIDE5LjkwOTcgMTEuMTUxIDE5Ljk5MjcgMTEuMDcxNiAyMC4wNzM3QzEwLjk5MjMgMjAuMTU0OCAxMC45MTA5IDIwLjIzMzYgMTAuODI3MyAyMC4zMTAzQzEwLjc0MzcgMjAuMzg3IDEwLjY1ODMgMjAuNDYxNCAxMC41NzA4IDIwLjUzMzZDMTAuNDgzNCAyMC42MDU3IDEwLjM5NDEgMjAuNjc1NSAxMC4zMDI4IDIwLjc0M0MxMC4yMTE3IDIwLjgxMDQgMTAuMTE4NyAyMC44NzUzIDEwLjAyNDEgMjAuOTM3OEM5LjkyOTUzIDIxLjAwMDMgOS44MzM0NyAyMS4wNjAzIDkuNzM1NTcgMjEuMTE3N0M5LjYzNzY3IDIxLjE3NTEgOS41Mzg0OCAyMS4yMjk4IDkuNDM3ODMgMjEuMjgyQzkuMzM3MTggMjEuMzM0MSA5LjIzNTA3IDIxLjM4MzUgOS4xMzE2NyAyMS40MzAzQzkuMDI4NDUgMjEuNDc3IDguOTIzOTUgMjEuNTIxIDguODE4MTcgMjEuNTYyMkM4LjcxMjU3IDIxLjYwMzMgOC42MDYwNSAyMS42NDE3IDguNDk4MjUgMjEuNjc3MkM4LjM5MDYzIDIxLjcxMjggOC4yODIxIDIxLjc0NTQgOC4xNzI2NSAyMS43NzUyQzguMDYzMiAyMS44MDUgNy45NTMwMiAyMS44MzE4IDcuODQyMjggMjEuODU1OEM3LjczMTU1IDIxLjg3OTcgNy42MjAwOCAyMS45MDA3IDcuNTA4MDcgMjEuOTE4N0M3LjM5NjIzIDIxLjkzNjggNy4yODM4NSAyMS45NTE4IDcuMTcwOTIgMjEuOTYzOUM3LjA1ODM1IDIxLjk3NiA2Ljk0NTIzIDIxLjk4NTEgNi44MzE5MyAyMS45OTEyQzYuNzE4ODIgMjEuOTk3MiA2LjYwNTUyIDIyLjAwMDMgNi40OTIwMyAyMi4wMDA0Wk0yMi45OTIxIDIyLjAwMDRDMjIuNzg0MSAyMi4wMDA0IDIyLjU3NjcgMjEuOTkwNCAyMi4zNjk3IDIxLjk3MDJDMjIuMTYyNyAyMS45NTAxIDIxLjk1NzIgMjEuOTIgMjEuNzUzMiAyMS44Nzk4QzIxLjU0OTEgMjEuODM5NyAyMS4zNDc1IDIxLjc4OTggMjEuMTQ4MyAyMS43MzAxQzIwLjk0OTEgMjEuNjcwMyAyMC43NTMzIDIxLjYwMTEgMjAuNTYwOSAyMS41MjIzQzIwLjM2ODQgMjEuNDQzNiAyMC4xODAyIDIxLjM1NTYgMTkuOTk2MyAyMS4yNTg2QzE5LjgxMjQgMjEuMTYxNSAxOS42MzM2IDIxLjA1NTggMTkuNDYgMjAuOTQxNEMxOS4yODY0IDIwLjgyNjkgMTkuMTE4NyAyMC43MDQzIDE4Ljk1NyAyMC41NzM2QzE4Ljc5NTMgMjAuNDQyOCAxOC42NDAzIDIwLjMwNDYgMTguNDkyIDIwLjE1ODdDMTguMzQzNyAyMC4wMTI5IDE4LjIwMjkgMTkuODYwMyAxOC4wNjk0IDE5LjcwMDhDMTcuOTM2MSAxOS41NDEzIDE3LjgxMDcgMTkuMzc1NyAxNy42OTM0IDE5LjIwNEMxNy41NzYxIDE5LjAzMjMgMTcuNDY3NCAxOC44NTUzIDE3LjM2NzMgMTguNjczQzE3LjI2NyAxOC40OTA4IDE3LjE3NiAxOC4zMDQxIDE3LjA5NDEgMTguMTEzQzE3LjAxMjEgMTcuOTIxOSAxNi45Mzk1IDE3LjcyNzIgMTYuODc2NSAxNy41MjkxQzE2LjgxMzUgMTcuMzMwOSAxNi43NjAyIDE3LjEzMDEgMTYuNzE2NiAxNi45MjY4QzE2LjY3MzEgMTYuNzIzNCAxNi42Mzk1IDE2LjUxODUgMTYuNjE2IDE2LjMxMTlDMTYuNTkyNCAxNi4xMDUzIDE2LjU3ODggMTUuODk4IDE2LjU3NTQgMTUuNjkwMUMxNi40MTA0IDE0LjEwNDIgMTYuNDM0MyAxMS43NjQ5IDE3LjUwNjggOS4wNjQ0QzE4LjYwMTMgNi4zMDM0IDIwLjc0MDggMy4yOTMwNiAyNC42NDIxIDAuMzY3MDYyQzI0LjczODQgMC4yOTQ4MjggMjQuODQwOCAwLjIzMjY3OSAyNC45NDk0IDAuMTgwNDI5QzI1LjA1NzkgMC4xMjgzNjMgMjUuMTcwNSAwLjA4NzI5NTUgMjUuMjg3MSAwLjA1NzQxMTJDMjUuNDAzOCAwLjAyNzUyODggMjUuNTIyMiAwLjAwOTM3ODQzIDI1LjY0MjQgMC4wMDI3NzkwMUMyNS43NjI3IC0wLjAwMzgyMjMzIDI1Ljg4MjQgMC4wMDEzMTIyNiAyNi4wMDE2IDAuMDE4MzYyQzI2LjEyMDggMC4wMzU0MTE4IDI2LjIzNzIgMC4wNjM4Mjk0IDI2LjM1MDggMC4xMDM3OTZDMjYuNDY0MyAwLjE0Mzc2MyAyNi41NzI5IDAuMTk0MzYzIDI2LjY3NjYgMC4yNTU3NzlDMjYuNzgwMiAwLjMxNzE5NiAyNi44NzY4IDAuMzg3OTYyIDI2Ljk2NjQgMC40NjgyNjJDMjcuMDU2MSAwLjU0ODc0NiAyNy4xMzcgMC42MzcxMTIgMjcuMjA5MyAwLjczMzM2MkMyNy4yODE1IDAuODI5NjEzIDI3LjM0MzcgMC45MzIwOTUgMjcuMzk1NyAxLjA0MDYzQzI3LjQ0NzggMS4xNDkzNSAyNy40ODg3IDEuMjYxOTEgMjcuNTE4NiAxLjM3ODUxQzI3LjU0ODUgMS40OTUxMSAyNy41NjY3IDEuNjEzNTQgMjcuNTczMiAxLjczMzgxQzI3LjU3OTggMS44NTQwOCAyNy41NzQ1IDEuOTczNzkgMjcuNTU3NSAyLjA5Mjk2QzI3LjU0MDQgMi4yMTIxMyAyNy41MTE5IDIuMzI4NTQgMjcuNDcxOSAyLjQ0MjAzQzI3LjQzMTkgMi41NTU2OSAyNy4zODEzIDIuNjY0MjMgMjcuMzE5OSAyLjc2NzgxQzI3LjI1ODUgMi44NzE0IDI3LjE4NzcgMi45NjgwMSAyNy4xMDcyIDMuMDU3NjZDMjcuMDI2OCAzLjE0NzMxIDI2LjkzODQgMy4yMjgxNiAyNi44NDIxIDMuMzAwNEMyMy45NzQ4IDUuNDUwOSAyMi4zMzIxIDcuNTQwOSAyMS4zOTE2IDkuMzY4NzNDMjEuNTAxNCA5LjM0MDUgMjEuNjExOSA5LjMxNTIgMjEuNzIzMSA5LjI5MjgzQzIxLjgzNDMgOS4yNzA1OSAyMS45NDYgOS4yNTEyMSAyMi4wNTgyIDkuMjM0NzFDMjIuMTcwNCA5LjIxODM0IDIyLjI4MjkgOS4yMDQ4OCAyMi4zOTU4IDkuMTk0MzhDMjIuNTA4NyA5LjE4Mzk4IDIyLjYyMTkgOS4xNzY1NCAyMi43MzUyIDkuMTcyMDFDMjIuODQ4NSA5LjE2NzYxIDIyLjk2MTggOS4xNjYxNSAyMy4wNzUyIDkuMTY3NjFDMjMuMTg4NiA5LjE2OTIxIDIzLjMwMTkgOS4xNzM3OSAyMy40MTUgOS4xODEzNkMyMy41MjgyIDkuMTg4OTMgMjMuNjQxIDkuMTk5NDYgMjMuNzUzNiA5LjIxMjlDMjMuODY2MiA5LjIyNjQ2IDIzLjk3ODMgOS4yNDI5NiAyNC4wOSA5LjI2MjRDMjQuMjAxOCA5LjI4MTk2IDI0LjMxMjkgOS4zMDQzOCAyNC40MjM0IDkuMzI5NjhDMjQuNTMzOSA5LjM1NTExIDI0LjY0MzcgOS4zODM0IDI0Ljc1MjcgOS40MTQ1NkMyNC44NjE3IDkuNDQ1NzMgMjQuOTY5OSA5LjQ3OTgzIDI1LjA3NzEgOS41MTY4NkMyNS4xODQzIDkuNTUzNzcgMjUuMjkwNCA5LjU5MzUgMjUuMzk1NiA5LjYzNjAzQzI1LjUwMDcgOS42Nzg1NiAyNS42MDQ2IDkuNzIzODUgMjUuNzA3MyA5Ljc3MTg4QzI1LjgxIDkuODE5OTEgMjUuOTExNCA5Ljg3MDcgMjYuMDExNCA5LjkyNDIzQzI2LjExMTQgOS45Nzc2MyAyNi4yMDk5IDEwLjAzMzcgMjYuMzA3IDEwLjA5MjNDMjYuNDA0IDEwLjE1MSAyNi40OTk0IDEwLjIxMjIgMjYuNTkzMiAxMC4yNzU5QzI2LjY4NyAxMC4zMzk1IDI2Ljc3OTEgMTAuNDA1NyAyNi44Njk0IDEwLjQ3NDRDMjYuOTU5NyAxMC41NDMgMjcuMDQ4MSAxMC42MTM5IDI3LjEzNDYgMTAuNjg3M0MyNy4yMjEyIDEwLjc2MDUgMjcuMzA1NyAxMC44MzU5IDI3LjM4ODIgMTAuOTEzN0MyNy40NzA3IDEwLjk5MTUgMjcuNTUxMSAxMS4wNzE1IDI3LjYyOTQgMTEuMTUzNUMyNy43MDc3IDExLjIzNTUgMjcuNzgzOCAxMS4zMTk1IDI3Ljg1NzYgMTEuNDA1NkMyNy45MzE1IDExLjQ5MTYgMjguMDAzIDExLjU3OTYgMjguMDcyMiAxMS42Njk2QzI4LjE0MTMgMTEuNzU5NCAyOC4yMDgxIDExLjg1MSAyOC4yNzI0IDExLjk0NDRDMjguMzM2NyAxMi4wMzc4IDI4LjM5ODUgMTIuMTMyOCAyOC40NTc4IDEyLjIyOTVDMjguNTE3MSAxMi4zMjYxIDI4LjU3MzcgMTIuNDI0MyAyOC42Mjc4IDEyLjUyMzlDMjguNjgxOSAxMi42MjM2IDI4LjczMzMgMTIuNzI0NyAyOC43ODIgMTIuODI3MUMyOC44MzA3IDEyLjkyOTYgMjguODc2NyAxMy4wMzMxIDI4LjkxOTkgMTMuMTM3OUMyOC45NjMxIDEzLjI0MjcgMjkuMDAzNSAxMy4zNDg3IDI5LjA0MTEgMTMuNDU1NkMyOS4wNzg4IDEzLjU2MjcgMjkuMTEzNSAxMy42NzA2IDI5LjE0NTQgMTMuNzc5NEMyOS4xNzczIDEzLjg4ODEgMjkuMjA2MyAxMy45OTc3IDI5LjIzMjMgMTQuMTA4MUMyOS4yNTg0IDE0LjIxODQgMjkuMjgxNSAxNC4zMjk0IDI5LjMwMTcgMTQuNDQxQzI5LjMyMTkgMTQuNTUyNiAyOS4zMzkyIDE0LjY2NDYgMjkuMzUzNCAxNC43NzcyQzI5LjM2NzcgMTQuODg5NiAyOS4zNzg5IDE1LjAwMjUgMjkuMzg3MiAxNS4xMTU2QzI5LjM5NTUgMTUuMjI4NiAyOS40MDA3IDE1LjM0MTkgMjkuNDAzIDE1LjQ1NTJDMjkuNDA1MyAxNS41Njg2IDI5LjQwNDUgMTUuNjgyIDI5LjQwMDggMTUuNzk1M0MyOS4zOTcxIDE1LjkwODcgMjkuMzkwMyAxNi4wMjE4IDI5LjM4MDYgMTYuMTM0OEMyOS4zNzA5IDE2LjI0NzggMjkuMzU4MSAxNi4zNjA0IDI5LjM0MjQgMTYuNDcyN0MyOS4zMjY3IDE2LjU4NSAyOS4zMDggMTYuNjk2OCAyOS4yODY0IDE2LjgwODFDMjkuMjY0OCAxNi45MTk0IDI5LjI0MDIgMTcuMDMwMSAyOS4yMTI3IDE3LjE0MDFDMjkuMTg1MiAxNy4yNTAxIDI5LjE1NDggMTcuMzU5MyAyOS4xMjE1IDE3LjQ2NzdDMjkuMDg4MiAxNy41NzYxIDI5LjA1MiAxNy42ODM2IDI5LjAxMzEgMTcuNzlDMjguOTc0MSAxNy44OTY1IDI4LjkzMjMgMTguMDAxOSAyOC44ODc3IDE4LjEwNjJDMjguODQzMSAxOC4yMTA0IDI4Ljc5NTggMTguMzEzNSAyOC43NDU4IDE4LjQxNTJDMjguNjk1OCAxOC41MTcgMjguNjQzMSAxOC42MTczIDI4LjU4NzcgMTguNzE2M0MyOC41MzIzIDE4LjgxNTMgMjguNDc0NCAxOC45MTI3IDI4LjQxMzkgMTkuMDA4NkMyOC4zNTMzIDE5LjEwNDUgMjguMjkwMyAxOS4xOTg3IDI4LjIyNDggMTkuMjkxM0MyOC4xNTkzIDE5LjM4MzggMjguMDkxNCAxOS40NzQ2IDI4LjAyMSAxOS41NjM1QzI3Ljk1MDcgMTkuNjUyNSAyNy44NzgxIDE5LjczOTUgMjcuODAzMSAxOS44MjQ2QzI3LjcyODIgMTkuOTA5NyAyNy42NTEgMTkuOTkyNyAyNy41NzE3IDIwLjA3MzdDMjcuNDkyMyAyMC4xNTQ4IDI3LjQxMDkgMjAuMjMzNiAyNy4zMjc0IDIwLjMxMDNDMjcuMjQzOCAyMC4zODcgMjcuMTU4MyAyMC40NjE0IDI3LjA3MDggMjAuNTMzNkMyNi45ODM0IDIwLjYwNTcgMjYuODk0IDIwLjY3NTUgMjYuODAyOSAyMC43NDNDMjYuNzExNyAyMC44MTA0IDI2LjYxODggMjAuODc1MyAyNi41MjQyIDIwLjkzNzhDMjYuNDI5NiAyMS4wMDAzIDI2LjMzMzQgMjEuMDYwMyAyNi4yMzU2IDIxLjExNzdDMjYuMTM3OCAyMS4xNzUxIDI2LjAzODUgMjEuMjI5OCAyNS45Mzc4IDIxLjI4MkMyNS44MzcxIDIxLjMzNDEgMjUuNzM1MSAyMS4zODM2IDI1LjYzMTggMjEuNDMwM0MyNS41Mjg1IDIxLjQ3NyAyNS40MjQgMjEuNTIxIDI1LjMxODMgMjEuNTYyMkMyNS4yMTI3IDIxLjYwMzMgMjUuMTA2IDIxLjY0MTcgMjQuOTk4MyAyMS42NzcyQzI0Ljg5MDYgMjEuNzEyOCAyNC43ODIxIDIxLjc0NTQgMjQuNjcyNyAyMS43NzUyQzI0LjU2MzMgMjEuODA1IDI0LjQ1MzEgMjEuODMxOCAyNC4zNDIzIDIxLjg1NThDMjQuMjMxNCAyMS44Nzk3IDI0LjEyIDIxLjkwMDcgMjQuMDA4MSAyMS45MTg3QzIzLjg5NjEgMjEuOTM2OCAyMy43ODM4IDIxLjk1MTggMjMuNjcxIDIxLjk2MzlDMjMuNTU4MyAyMS45NzYgMjMuNDQ1MyAyMS45ODUxIDIzLjMzMiAyMS45OTEyQzIzLjIxODggMjEuOTk3MiAyMy4xMDU1IDIyLjAwMDMgMjIuOTkyMSAyMi4wMDA0WiIgICBmaWxsPSIjQ0VEMkRCIiA+CjwvcGF0aD4KPC9zdmc+Cg==) no-repeat;
    background-size: contain;
    position: absolute;
    left: 8px;
    top: 28px;
    font-size: 66px;
    font-weight: 700;
    z-index: 1;
}

.out-box .author-say-box-2:after {
    transform: rotate(180deg);
    right: 10px;
    bottom: 25px;
    left: unset;
    top: unset;
}

.out-box .author-say-box-2:before, .out-box .author-say-box-2:after {
    width: 30px;
    height: 30px;
    content: "";
    display: block;
    background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjkuNDA0Mjk2ODc1IiBoZWlnaHQ9IjIyLjAwMDM5NjcyODUxNTYyNSIgdmlld0JveD0iMCAwIDI5LjQwNDI5Njg3NSAyMi4wMDAzOTY3Mjg1MTU2MjUiIGZpbGw9Im5vbmUiPgo8cGF0aCBkPSJNNi40OTIwMyAyMi4wMDA0QzYuMjg0MTMgMjIuMDAwNCA2LjA3Njc4IDIxLjk5MDQgNS44Njk2MiAyMS45NzAyQzUuNjYyODIgMjEuOTUwMSA1LjQ1NzMgMjEuOTIgNS4yNTMwNyAyMS44Nzk4QzUuMDQ5MiAyMS44Mzk3IDQuODQ3NTMgMjEuNzg5OCA0LjY0ODI1IDIxLjczMDFDNC40NDkxNSAyMS42NzAzIDQuMjUzMzUgMjEuNjAxMSA0LjA2MDg1IDIxLjUyMjNDMy44NjgzNSAyMS40NDM2IDMuNjgwMjUgMjEuMzU1NiAzLjQ5NjE4IDIxLjI1ODZDMy4zMTI0OCAyMS4xNjE1IDMuMTMzNzMgMjEuMDU1OCAyLjk1OTkzIDIwLjk0MTRDMi43ODYzMiAyMC44MjY5IDIuNjE4NTcgMjAuNzA0MyAyLjQ1Njg3IDIwLjU3MzZDMi4yOTUxNyAyMC40NDI4IDIuMTQwMjUgMjAuMzA0NiAxLjk5MTkzIDIwLjE1ODdDMS44NDM4IDIwLjAxMjkgMS43MDI4MiAxOS44NjAzIDEuNTY5MzUgMTkuNzAwOEMxLjQzNjA3IDE5LjU0MTMgMS4zMTA2NyAxOS4zNzU3IDEuMTkzMzMgMTkuMjA0QzEuMDc2IDE5LjAzMjMgMC45NjcyODMgMTguODU1MyAwLjg2NzE4NCAxOC42NzNDMC43NjcwODQgMTguNDkwOCAwLjY3NTk2OCAxOC4zMDQxIDAuNTk0MDE3IDE4LjExM0MwLjUxMjA2OCAxNy45MjE5IDAuNDM5NDY2IDE3LjcyNzIgMC4zNzY0IDE3LjUyOTFDMC4zMTM1MTcgMTcuMzMwOSAwLjI2MDE2OCAxNy4xMzAxIDAuMjE2NTM0IDE2LjkyNjhDMC4xNzMwODQgMTYuNzIzNCAwLjEzOTUzNCAxNi41MTg1IDAuMTE1ODg1IDE2LjMxMTlDMC4wOTI0MTY4IDE2LjEwNTMgMC4wNzg4NDk4IDE1Ljg5OCAwLjA3NTM2NyAxNS42OTAxQy0wLjA4OTYzMiAxNC4xMDQyIC0wLjA2NTc5OTcgMTEuNzY0OSAxLjAwNjcgOS4wNjQ0QzIuMTAzMDMgNi4zMDM0IDQuMjQwNyAzLjI5MzA2IDguMTQyMDMgMC4zNjcwNjJDOC4yMzg0NyAwLjI5NDgyOCA4LjM0MDc3IDAuMjMyNjc5IDguNDQ5MyAwLjE4MDYxM0M4LjU1NzgzIDAuMTI4NTQ2IDguNjcwNCAwLjA4NzY2MTcgOC43ODcgMC4wNTc3NzkzQzguOTAzNiAwLjAyNzg5NSA5LjAyMjAzIDAuMDA5NTYxNTQgOS4xNDIzIDAuMDAzMTQ1MjJDOS4yNjI1NyAtMC4wMDM0NTQyMSA5LjM4MjEgMC4wMDE2Nzg0NyA5LjUwMTI3IDAuMDE4NzI4M0M5LjYyMDQzIDAuMDM1Nzc4IDkuNzM2ODUgMC4wNjQzNzg3IDkuODUwMzMgMC4xMDQzNDVDOS45NjQgMC4xNDQxMjkgMTAuMDcyNSAwLjE5NDcyOSAxMC4xNzYxIDAuMjU2MTQ1QzEwLjI3OTcgMC4zMTc1NjIgMTAuMzc2MyAwLjM4ODMyOSAxMC40NjYgMC40Njg4MTFDMTAuNTU1NiAwLjU0OTExMiAxMC42MzY1IDAuNjM3NDc4IDEwLjcwODcgMC43MzM3MjhDMTAuNzgwOSAwLjgyOTk3OSAxMC44NDMxIDAuOTMyNDYzIDEwLjg5NTEgMS4wNDA5OUMxMC45NDcyIDEuMTQ5NTMgMTAuOTg4MyAxLjI2MjA5IDExLjAxOCAxLjM3ODY5QzExLjA0OCAxLjQ5NTI5IDExLjA2NjIgMS42MTM3MyAxMS4wNzI3IDEuNzM0QzExLjA3OTMgMS44NTQwOCAxMS4wNzQgMS45NzM3OSAxMS4wNTY4IDIuMDkyOTZDMTEuMDQgMi4yMTIxMyAxMS4wMTE0IDIuMzI4NTQgMTAuOTcxNCAyLjQ0MjAzQzEwLjkzMTYgMi41NTU1MSAxMC44ODEgMi42NjQyMyAxMC44MTk2IDIuNzY3ODFDMTAuNzU4NCAyLjg3MTQgMTAuNjg3NCAyLjk2ODAxIDEwLjYwNjkgMy4wNTc2NkMxMC41MjY2IDMuMTQ3MzEgMTAuNDM4NSAzLjIyODE2IDEwLjM0MiAzLjMwMDRDNy40NzQ3IDUuNDUwOSA1LjgzMjAzIDcuNTQwOSA0Ljg5MTUzIDkuMzY4NzNDNS4wMDE1MyA5LjM0MDUgNS4xMTE5IDkuMzE1MiA1LjIyMyA5LjI5MjgzQzUuMzM0MjggOS4yNzA1OSA1LjQ0NTkzIDkuMjUxMjEgNS41NTgxMyA5LjIzNDcxQzUuNjcwMzMgOS4yMTgzNCA1Ljc4MjkgOS4yMDQ4OCA1Ljg5NTgzIDkuMTk0MzhDNi4wMDg3NyA5LjE4Mzk4IDYuMTIxODggOS4xNzY1NCA2LjIzNTE4IDkuMTcyMDFDNi4zNDg0OCA5LjE2NzYxIDYuNDYxNzggOS4xNjYxNSA2LjU3NTA4IDkuMTY3NjFDNi42ODg1NyA5LjE2OTIxIDYuODAxODcgOS4xNzM3OSA2LjkxNDk4IDkuMTgxMzZDNy4wMjgyOCA5LjE4ODkzIDcuMTQxMDMgOS4xOTk0NiA3LjI1MzYgOS4yMTI5QzcuMzY2MTcgOS4yMjY0NiA3LjQ3ODM3IDkuMjQyOTYgNy41OTAwMiA5LjI2MjRDNy43MDE4NSA5LjI4MTk2IDcuODEyOTUgOS4zMDQzOCA3LjkyMzMyIDkuMzI5NjhDOC4wMzM4NyA5LjM1NTExIDguMTQzNjggOS4zODM0IDguMjUyNTggOS40MTQ1NkM4LjM2MTY3IDkuNDQ1NzMgOC40Njk4MyA5LjQ3OTgzIDguNTc3MDggOS41MTY4NkM4LjY4NDMzIDkuNTUzNzcgOC43OTA0OCA5LjU5MzUgOC44OTU1MyA5LjYzNjAzQzkuMDAwNzcgOS42Nzg1NiA5LjEwNDUzIDkuNzIzODUgOS4yMDcyIDkuNzcxODhDOS4zMDk4NyA5LjgxOTkxIDkuNDExMjUgOS44NzA3IDkuNTExMzUgOS45MjQyM0M5LjYxMTQ1IDkuOTc3NjMgOS43MDk5IDEwLjAzMzcgOS44MDY4OCAxMC4wOTIzQzkuOTA0MDUgMTAuMTUxIDkuOTk5MzggMTAuMjEyMiAxMC4wOTMzIDEwLjI3NTlDMTAuMTg3MSAxMC4zMzk1IDEwLjI3OTIgMTAuNDA1NyAxMC4zNjkzIDEwLjQ3NDRDMTAuNDU5NyAxMC41NDMgMTAuNTQ4MSAxMC42MTM5IDEwLjYzNDYgMTAuNjg3M0MxMC43MjEyIDEwLjc2MDUgMTAuODA1NyAxMC44MzYgMTAuODg4MiAxMC45MTM5QzEwLjk3MDcgMTAuOTkxNiAxMS4wNTEyIDExLjA3MTUgMTEuMTI5NSAxMS4xNTM1QzExLjIwNzcgMTEuMjM1NSAxMS4yODM4IDExLjMxOTUgMTEuMzU3NiAxMS40MDU2QzExLjQzMTQgMTEuNDkxNiAxMS41MDI5IDExLjU3OTYgMTEuNTcyMSAxMS42Njk2QzExLjY0MTMgMTEuNzU5NCAxMS43MDggMTEuODUxIDExLjc3MjUgMTEuOTQ0NEMxMS44MzY4IDEyLjAzNzggMTEuODk4NSAxMi4xMzI4IDExLjk1NzggMTIuMjI5NUMxMi4wMTcxIDEyLjMyNjEgMTIuMDczNyAxMi40MjQzIDEyLjEyNzggMTIuNTIzOUMxMi4xODE5IDEyLjYyMzYgMTIuMjMzMyAxMi43MjQ3IDEyLjI4MiAxMi44MjcxQzEyLjMzMDcgMTIuOTI5NiAxMi4zNzY3IDEzLjAzMzEgMTIuNDE5OCAxMy4xMzc5QzEyLjQ2MzEgMTMuMjQyNyAxMi41MDM1IDEzLjM0ODcgMTIuNTQxMiAxMy40NTU2QzEyLjU3ODcgMTMuNTYyNyAxMi42MTM0IDEzLjY3MDYgMTIuNjQ1MyAxMy43Nzk0QzEyLjY3NzIgMTMuODg4MSAxMi43MDYyIDEzLjk5NzcgMTIuNzMyNCAxNC4xMDgxQzEyLjc1ODQgMTQuMjE4NCAxMi43ODE1IDE0LjMyOTQgMTIuODAxNyAxNC40NDFDMTIuODIxOSAxNC41NTI2IDEyLjgzOTEgMTQuNjY0NiAxMi44NTM0IDE0Ljc3NzJDMTIuODY3NyAxNC44ODk2IDEyLjg3ODkgMTUuMDAyNSAxMi44ODcxIDE1LjExNTZDMTIuODk1NCAxNS4yMjg2IDEyLjkwMDggMTUuMzQxOSAxMi45MDMxIDE1LjQ1NTJDMTIuOTA1MyAxNS41Njg2IDEyLjkwNDYgMTUuNjgyIDEyLjkwMDkgMTUuNzk1M0MxMi44OTcxIDE1LjkwODcgMTIuODkwMyAxNi4wMjE4IDEyLjg4MDUgMTYuMTM0OEMxMi44NzA5IDE2LjI0NzggMTIuODU4MiAxNi4zNjA0IDEyLjg0MjQgMTYuNDcyN0MxMi44MjY3IDE2LjU4NSAxMi44MDgxIDE2LjY5NjggMTIuNzg2NSAxNi44MDgxQzEyLjc2NDkgMTYuOTE5NCAxMi43NDAyIDE3LjAzMDEgMTIuNzEyNiAxNy4xNDAxQzEyLjY4NTEgMTcuMjUwMSAxMi42NTQ3IDE3LjM1OTMgMTIuNjIxNSAxNy40Njc3QzEyLjU4ODIgMTcuNTc2MSAxMi41NTIxIDE3LjY4MzYgMTIuNTEzMSAxNy43OUMxMi40NzQxIDE3Ljg5NjUgMTIuNDMyMyAxOC4wMDE5IDEyLjM4NzcgMTguMTA2MkMxMi4zNDMxIDE4LjIxMDQgMTIuMjk1OCAxOC4zMTM1IDEyLjI0NTggMTguNDE1MkMxMi4xOTU3IDE4LjUxNyAxMi4xNDMgMTguNjE3MyAxMi4wODc2IDE4LjcxNjNDMTIuMDMyMyAxOC44MTUzIDExLjk3NDMgMTguOTEyNyAxMS45MTM4IDE5LjAwODZDMTEuODUzMyAxOS4xMDQ1IDExLjc5MDMgMTkuMTk4NyAxMS43MjQ4IDE5LjI5MTNDMTEuNjU5MyAxOS4zODM4IDExLjU5MTMgMTkuNDc0NiAxMS41MjA5IDE5LjU2MzVDMTEuNDUwNiAxOS42NTI1IDExLjM3OCAxOS43Mzk1IDExLjMwMzEgMTkuODI0NkMxMS4yMjgyIDE5LjkwOTcgMTEuMTUxIDE5Ljk5MjcgMTEuMDcxNiAyMC4wNzM3QzEwLjk5MjMgMjAuMTU0OCAxMC45MTA5IDIwLjIzMzYgMTAuODI3MyAyMC4zMTAzQzEwLjc0MzcgMjAuMzg3IDEwLjY1ODMgMjAuNDYxNCAxMC41NzA4IDIwLjUzMzZDMTAuNDgzNCAyMC42MDU3IDEwLjM5NDEgMjAuNjc1NSAxMC4zMDI4IDIwLjc0M0MxMC4yMTE3IDIwLjgxMDQgMTAuMTE4NyAyMC44NzUzIDEwLjAyNDEgMjAuOTM3OEM5LjkyOTUzIDIxLjAwMDMgOS44MzM0NyAyMS4wNjAzIDkuNzM1NTcgMjEuMTE3N0M5LjYzNzY3IDIxLjE3NTEgOS41Mzg0OCAyMS4yMjk4IDkuNDM3ODMgMjEuMjgyQzkuMzM3MTggMjEuMzM0MSA5LjIzNTA3IDIxLjM4MzUgOS4xMzE2NyAyMS40MzAzQzkuMDI4NDUgMjEuNDc3IDguOTIzOTUgMjEuNTIxIDguODE4MTcgMjEuNTYyMkM4LjcxMjU3IDIxLjYwMzMgOC42MDYwNSAyMS42NDE3IDguNDk4MjUgMjEuNjc3MkM4LjM5MDYzIDIxLjcxMjggOC4yODIxIDIxLjc0NTQgOC4xNzI2NSAyMS43NzUyQzguMDYzMiAyMS44MDUgNy45NTMwMiAyMS44MzE4IDcuODQyMjggMjEuODU1OEM3LjczMTU1IDIxLjg3OTcgNy42MjAwOCAyMS45MDA3IDcuNTA4MDcgMjEuOTE4N0M3LjM5NjIzIDIxLjkzNjggNy4yODM4NSAyMS45NTE4IDcuMTcwOTIgMjEuOTYzOUM3LjA1ODM1IDIxLjk3NiA2Ljk0NTIzIDIxLjk4NTEgNi44MzE5MyAyMS45OTEyQzYuNzE4ODIgMjEuOTk3MiA2LjYwNTUyIDIyLjAwMDMgNi40OTIwMyAyMi4wMDA0Wk0yMi45OTIxIDIyLjAwMDRDMjIuNzg0MSAyMi4wMDA0IDIyLjU3NjcgMjEuOTkwNCAyMi4zNjk3IDIxLjk3MDJDMjIuMTYyNyAyMS45NTAxIDIxLjk1NzIgMjEuOTIgMjEuNzUzMiAyMS44Nzk4QzIxLjU0OTEgMjEuODM5NyAyMS4zNDc1IDIxLjc4OTggMjEuMTQ4MyAyMS43MzAxQzIwLjk0OTEgMjEuNjcwMyAyMC43NTMzIDIxLjYwMTEgMjAuNTYwOSAyMS41MjIzQzIwLjM2ODQgMjEuNDQzNiAyMC4xODAyIDIxLjM1NTYgMTkuOTk2MyAyMS4yNTg2QzE5LjgxMjQgMjEuMTYxNSAxOS42MzM2IDIxLjA1NTggMTkuNDYgMjAuOTQxNEMxOS4yODY0IDIwLjgyNjkgMTkuMTE4NyAyMC43MDQzIDE4Ljk1NyAyMC41NzM2QzE4Ljc5NTMgMjAuNDQyOCAxOC42NDAzIDIwLjMwNDYgMTguNDkyIDIwLjE1ODdDMTguMzQzNyAyMC4wMTI5IDE4LjIwMjkgMTkuODYwMyAxOC4wNjk0IDE5LjcwMDhDMTcuOTM2MSAxOS41NDEzIDE3LjgxMDcgMTkuMzc1NyAxNy42OTM0IDE5LjIwNEMxNy41NzYxIDE5LjAzMjMgMTcuNDY3NCAxOC44NTUzIDE3LjM2NzMgMTguNjczQzE3LjI2NyAxOC40OTA4IDE3LjE3NiAxOC4zMDQxIDE3LjA5NDEgMTguMTEzQzE3LjAxMjEgMTcuOTIxOSAxNi45Mzk1IDE3LjcyNzIgMTYuODc2NSAxNy41MjkxQzE2LjgxMzUgMTcuMzMwOSAxNi43NjAyIDE3LjEzMDEgMTYuNzE2NiAxNi45MjY4QzE2LjY3MzEgMTYuNzIzNCAxNi42Mzk1IDE2LjUxODUgMTYuNjE2IDE2LjMxMTlDMTYuNTkyNCAxNi4xMDUzIDE2LjU3ODggMTUuODk4IDE2LjU3NTQgMTUuNjkwMUMxNi40MTA0IDE0LjEwNDIgMTYuNDM0MyAxMS43NjQ5IDE3LjUwNjggOS4wNjQ0QzE4LjYwMTMgNi4zMDM0IDIwLjc0MDggMy4yOTMwNiAyNC42NDIxIDAuMzY3MDYyQzI0LjczODQgMC4yOTQ4MjggMjQuODQwOCAwLjIzMjY3OSAyNC45NDk0IDAuMTgwNDI5QzI1LjA1NzkgMC4xMjgzNjMgMjUuMTcwNSAwLjA4NzI5NTUgMjUuMjg3MSAwLjA1NzQxMTJDMjUuNDAzOCAwLjAyNzUyODggMjUuNTIyMiAwLjAwOTM3ODQzIDI1LjY0MjQgMC4wMDI3NzkwMUMyNS43NjI3IC0wLjAwMzgyMjMzIDI1Ljg4MjQgMC4wMDEzMTIyNiAyNi4wMDE2IDAuMDE4MzYyQzI2LjEyMDggMC4wMzU0MTE4IDI2LjIzNzIgMC4wNjM4Mjk0IDI2LjM1MDggMC4xMDM3OTZDMjYuNDY0MyAwLjE0Mzc2MyAyNi41NzI5IDAuMTk0MzYzIDI2LjY3NjYgMC4yNTU3NzlDMjYuNzgwMiAwLjMxNzE5NiAyNi44NzY4IDAuMzg3OTYyIDI2Ljk2NjQgMC40NjgyNjJDMjcuMDU2MSAwLjU0ODc0NiAyNy4xMzcgMC42MzcxMTIgMjcuMjA5MyAwLjczMzM2MkMyNy4yODE1IDAuODI5NjEzIDI3LjM0MzcgMC45MzIwOTUgMjcuMzk1NyAxLjA0MDYzQzI3LjQ0NzggMS4xNDkzNSAyNy40ODg3IDEuMjYxOTEgMjcuNTE4NiAxLjM3ODUxQzI3LjU0ODUgMS40OTUxMSAyNy41NjY3IDEuNjEzNTQgMjcuNTczMiAxLjczMzgxQzI3LjU3OTggMS44NTQwOCAyNy41NzQ1IDEuOTczNzkgMjcuNTU3NSAyLjA5Mjk2QzI3LjU0MDQgMi4yMTIxMyAyNy41MTE5IDIuMzI4NTQgMjcuNDcxOSAyLjQ0MjAzQzI3LjQzMTkgMi41NTU2OSAyNy4zODEzIDIuNjY0MjMgMjcuMzE5OSAyLjc2NzgxQzI3LjI1ODUgMi44NzE0IDI3LjE4NzcgMi45NjgwMSAyNy4xMDcyIDMuMDU3NjZDMjcuMDI2OCAzLjE0NzMxIDI2LjkzODQgMy4yMjgxNiAyNi44NDIxIDMuMzAwNEMyMy45NzQ4IDUuNDUwOSAyMi4zMzIxIDcuNTQwOSAyMS4zOTE2IDkuMzY4NzNDMjEuNTAxNCA5LjM0MDUgMjEuNjExOSA5LjMxNTIgMjEuNzIzMSA5LjI5MjgzQzIxLjgzNDMgOS4yNzA1OSAyMS45NDYgOS4yNTEyMSAyMi4wNTgyIDkuMjM0NzFDMjIuMTcwNCA5LjIxODM0IDIyLjI4MjkgOS4yMDQ4OCAyMi4zOTU4IDkuMTk0MzhDMjIuNTA4NyA5LjE4Mzk4IDIyLjYyMTkgOS4xNzY1NCAyMi43MzUyIDkuMTcyMDFDMjIuODQ4NSA5LjE2NzYxIDIyLjk2MTggOS4xNjYxNSAyMy4wNzUyIDkuMTY3NjFDMjMuMTg4NiA5LjE2OTIxIDIzLjMwMTkgOS4xNzM3OSAyMy40MTUgOS4xODEzNkMyMy41MjgyIDkuMTg4OTMgMjMuNjQxIDkuMTk5NDYgMjMuNzUzNiA5LjIxMjlDMjMuODY2MiA5LjIyNjQ2IDIzLjk3ODMgOS4yNDI5NiAyNC4wOSA5LjI2MjRDMjQuMjAxOCA5LjI4MTk2IDI0LjMxMjkgOS4zMDQzOCAyNC40MjM0IDkuMzI5NjhDMjQuNTMzOSA5LjM1NTExIDI0LjY0MzcgOS4zODM0IDI0Ljc1MjcgOS40MTQ1NkMyNC44NjE3IDkuNDQ1NzMgMjQuOTY5OSA5LjQ3OTgzIDI1LjA3NzEgOS41MTY4NkMyNS4xODQzIDkuNTUzNzcgMjUuMjkwNCA5LjU5MzUgMjUuMzk1NiA5LjYzNjAzQzI1LjUwMDcgOS42Nzg1NiAyNS42MDQ2IDkuNzIzODUgMjUuNzA3MyA5Ljc3MTg4QzI1LjgxIDkuODE5OTEgMjUuOTExNCA5Ljg3MDcgMjYuMDExNCA5LjkyNDIzQzI2LjExMTQgOS45Nzc2MyAyNi4yMDk5IDEwLjAzMzcgMjYuMzA3IDEwLjA5MjNDMjYuNDA0IDEwLjE1MSAyNi40OTk0IDEwLjIxMjIgMjYuNTkzMiAxMC4yNzU5QzI2LjY4NyAxMC4zMzk1IDI2Ljc3OTEgMTAuNDA1NyAyNi44Njk0IDEwLjQ3NDRDMjYuOTU5NyAxMC41NDMgMjcuMDQ4MSAxMC42MTM5IDI3LjEzNDYgMTAuNjg3M0MyNy4yMjEyIDEwLjc2MDUgMjcuMzA1NyAxMC44MzU5IDI3LjM4ODIgMTAuOTEzN0MyNy40NzA3IDEwLjk5MTUgMjcuNTUxMSAxMS4wNzE1IDI3LjYyOTQgMTEuMTUzNUMyNy43MDc3IDExLjIzNTUgMjcuNzgzOCAxMS4zMTk1IDI3Ljg1NzYgMTEuNDA1NkMyNy45MzE1IDExLjQ5MTYgMjguMDAzIDExLjU3OTYgMjguMDcyMiAxMS42Njk2QzI4LjE0MTMgMTEuNzU5NCAyOC4yMDgxIDExLjg1MSAyOC4yNzI0IDExLjk0NDRDMjguMzM2NyAxMi4wMzc4IDI4LjM5ODUgMTIuMTMyOCAyOC40NTc4IDEyLjIyOTVDMjguNTE3MSAxMi4zMjYxIDI4LjU3MzcgMTIuNDI0MyAyOC42Mjc4IDEyLjUyMzlDMjguNjgxOSAxMi42MjM2IDI4LjczMzMgMTIuNzI0NyAyOC43ODIgMTIuODI3MUMyOC44MzA3IDEyLjkyOTYgMjguODc2NyAxMy4wMzMxIDI4LjkxOTkgMTMuMTM3OUMyOC45NjMxIDEzLjI0MjcgMjkuMDAzNSAxMy4zNDg3IDI5LjA0MTEgMTMuNDU1NkMyOS4wNzg4IDEzLjU2MjcgMjkuMTEzNSAxMy42NzA2IDI5LjE0NTQgMTMuNzc5NEMyOS4xNzczIDEzLjg4ODEgMjkuMjA2MyAxMy45OTc3IDI5LjIzMjMgMTQuMTA4MUMyOS4yNTg0IDE0LjIxODQgMjkuMjgxNSAxNC4zMjk0IDI5LjMwMTcgMTQuNDQxQzI5LjMyMTkgMTQuNTUyNiAyOS4zMzkyIDE0LjY2NDYgMjkuMzUzNCAxNC43NzcyQzI5LjM2NzcgMTQuODg5NiAyOS4zNzg5IDE1LjAwMjUgMjkuMzg3MiAxNS4xMTU2QzI5LjM5NTUgMTUuMjI4NiAyOS40MDA3IDE1LjM0MTkgMjkuNDAzIDE1LjQ1NTJDMjkuNDA1MyAxNS41Njg2IDI5LjQwNDUgMTUuNjgyIDI5LjQwMDggMTUuNzk1M0MyOS4zOTcxIDE1LjkwODcgMjkuMzkwMyAxNi4wMjE4IDI5LjM4MDYgMTYuMTM0OEMyOS4zNzA5IDE2LjI0NzggMjkuMzU4MSAxNi4zNjA0IDI5LjM0MjQgMTYuNDcyN0MyOS4zMjY3IDE2LjU4NSAyOS4zMDggMTYuNjk2OCAyOS4yODY0IDE2LjgwODFDMjkuMjY0OCAxNi45MTk0IDI5LjI0MDIgMTcuMDMwMSAyOS4yMTI3IDE3LjE0MDFDMjkuMTg1MiAxNy4yNTAxIDI5LjE1NDggMTcuMzU5MyAyOS4xMjE1IDE3LjQ2NzdDMjkuMDg4MiAxNy41NzYxIDI5LjA1MiAxNy42ODM2IDI5LjAxMzEgMTcuNzlDMjguOTc0MSAxNy44OTY1IDI4LjkzMjMgMTguMDAxOSAyOC44ODc3IDE4LjEwNjJDMjguODQzMSAxOC4yMTA0IDI4Ljc5NTggMTguMzEzNSAyOC43NDU4IDE4LjQxNTJDMjguNjk1OCAxOC41MTcgMjguNjQzMSAxOC42MTczIDI4LjU4NzcgMTguNzE2M0MyOC41MzIzIDE4LjgxNTMgMjguNDc0NCAxOC45MTI3IDI4LjQxMzkgMTkuMDA4NkMyOC4zNTMzIDE5LjEwNDUgMjguMjkwMyAxOS4xOTg3IDI4LjIyNDggMTkuMjkxM0MyOC4xNTkzIDE5LjM4MzggMjguMDkxNCAxOS40NzQ2IDI4LjAyMSAxOS41NjM1QzI3Ljk1MDcgMTkuNjUyNSAyNy44NzgxIDE5LjczOTUgMjcuODAzMSAxOS44MjQ2QzI3LjcyODIgMTkuOTA5NyAyNy42NTEgMTkuOTkyNyAyNy41NzE3IDIwLjA3MzdDMjcuNDkyMyAyMC4xNTQ4IDI3LjQxMDkgMjAuMjMzNiAyNy4zMjc0IDIwLjMxMDNDMjcuMjQzOCAyMC4zODcgMjcuMTU4MyAyMC40NjE0IDI3LjA3MDggMjAuNTMzNkMyNi45ODM0IDIwLjYwNTcgMjYuODk0IDIwLjY3NTUgMjYuODAyOSAyMC43NDNDMjYuNzExNyAyMC44MTA0IDI2LjYxODggMjAuODc1MyAyNi41MjQyIDIwLjkzNzhDMjYuNDI5NiAyMS4wMDAzIDI2LjMzMzQgMjEuMDYwMyAyNi4yMzU2IDIxLjExNzdDMjYuMTM3OCAyMS4xNzUxIDI2LjAzODUgMjEuMjI5OCAyNS45Mzc4IDIxLjI4MkMyNS44MzcxIDIxLjMzNDEgMjUuNzM1MSAyMS4zODM2IDI1LjYzMTggMjEuNDMwM0MyNS41Mjg1IDIxLjQ3NyAyNS40MjQgMjEuNTIxIDI1LjMxODMgMjEuNTYyMkMyNS4yMTI3IDIxLjYwMzMgMjUuMTA2IDIxLjY0MTcgMjQuOTk4MyAyMS42NzcyQzI0Ljg5MDYgMjEuNzEyOCAyNC43ODIxIDIxLjc0NTQgMjQuNjcyNyAyMS43NzUyQzI0LjU2MzMgMjEuODA1IDI0LjQ1MzEgMjEuODMxOCAyNC4zNDIzIDIxLjg1NThDMjQuMjMxNCAyMS44Nzk3IDI0LjEyIDIxLjkwMDcgMjQuMDA4MSAyMS45MTg3QzIzLjg5NjEgMjEuOTM2OCAyMy43ODM4IDIxLjk1MTggMjMuNjcxIDIxLjk2MzlDMjMuNTU4MyAyMS45NzYgMjMuNDQ1MyAyMS45ODUxIDIzLjMzMiAyMS45OTEyQzIzLjIxODggMjEuOTk3MiAyMy4xMDU1IDIyLjAwMDMgMjIuOTkyMSAyMi4wMDA0WiIgICBmaWxsPSIjQ0VEMkRCIiA+CjwvcGF0aD4KPC9zdmc+Cg==) no-repeat;
    background-size: contain;
    position: absolute;
    left: 8px;
    top: 26px;
    font-size: 66px;
    font-weight: 700;
    z-index: 1;
}
.out-box .author-say-box-2:after {
    transform: rotate(180deg);
    right: 10px;
    bottom: 27px;
    left: unset;
    top: unset;
}
.out-box .author-say-box-2 .box {
    border-radius: 6px;
    position: relative;
    height: calc(100% - 36px);
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    background: #f3f4f8;
}
.out-box .download-box {
    padding-bottom: 20px;
}

.out-box .hudong-out-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border-top: none !important; */
}

.out-box .download-box .download-top-box {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}.out-box .hudong-group {
    display: flex;
    align-items: center;
    gap: 12px;
}
.out-box .download-box .download-top-box .download-know {
    color: var(--theme-color);
    display: flex;
    align-items: center;
    gap: 4px;
}.out-box .download-box .download-top-box .download-know .icon {
    width: 13px;
}
.img {
    display: block;
    max-width: 100%;
    -webkit-user-select: none;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    -ms-user-select: none !important;
}
.out-box .btn-item.hudong {
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    background: #F3F4F8;
    padding: 5px 15px;
    color: var(--theme-color);
    font-size: 12px;
    flex-shrink: 0;
}
.out-box .btn-item.hudong a{
    color: var(--theme-color);
}
.all-info-box .right-box .content-box .right-box-info {
    flex-shrink: 0;
    padding: 17px 20px;
    border-radius: 6px;
    background: #f3f4f8;
}.all-info-box .right-box .content-box .right-box-info .item {
    padding: 5px 0;
    font-size: 14px;
    color: #252525;
    display: flex;
    align-items: center;
}.download-box .download-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 20px 0;
    gap: 12px;
}
.download-box .download-btn-group .btn-item {
    font-size: 16px;
    color: #252525;
    background: #F3F4F8;
    border-radius: 6px;
    flex-shrink: 0;
    padding: 10px;
    text-align: center;
    width: 40%;
}
.download-box .download-btn-group .btn-item.blue,.download-box .download-btn-group .btn-item.blue a {
    background: var(--theme-color);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 1;
    justify-content: center;
}
.widget-upload .aside-box {
    height: 182px;
    padding: 16px 41px;
    background: url(../img/upload-bg.png) #fff;
    background-size: contain;
    text-align: center;
}

.widget-upload .aside-box p {
    margin-top: 20px;
}

.widget-upload .aside-box .title {
    font-size: 20px;
    font-weight: 500;
    color: #3a4156;
}

.widget-upload .aside-box .sub-title {
    font-size: 16px;
    color: #848da3;
    margin: 10px 0 15px
}

.widget-upload .aside-box .upload-button {
    height: 42px;
    line-height: 42px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #fff;
    background-size: 300% 100%;
    border-radius: 50px;
    -moz-transition: background .4s ease-in-out;
    -o-transition: background .4s ease-in-out;
    -webkit-transition: background .4s ease-in-out;
    transition: background .4s ease-in-out;
    background-image: linear-gradient(to right, #0F52BA, #0F52BA, #0F52BA, #59c3fb);
    box-shadow: 0 1px 10px 0 rgba(45, 54, 65, 0.25);
}

.widget-upload .aside-box .upload-button:hover {
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.xerhu-widget-posts .posts {
    display: block
}

.xerhu-widget-posts a {
    font-size: 14px
}

.xerhu-widget-posts .posts .left {
    padding: 10px 0 5px 115px;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0
}
.xerhu-widget-posts .posts .left a{
    color: #333
}
.xerhu-widget-posts .posts .entry-media {
    margin-bottom: 10px;
    position: relative;
    width: 100px;
    float: left;
    margin-left: -115px
}

.footer_tougao .item-app-img {
    width: 118px;
}
.tx-flex-col {
    display: flex
;
    align-items: center;
}
.tougao-list-index dd {
    margin: 0
}
.tougao-list-index .home-filter--content {
    margin: 0;
    padding: 80px
}

.tougao-list-index .home-filter--content .form-box {
    background-color: rgba(255, 255, 255, 0)
}

.tougao-list-index .home-filter--content input[type=submit], .tougao-list-index .home-filter--content input[type=text] {
    line-height: 50px;
    border-radius: 8px;
    padding: 0 10px;
    font-size: 14px
}

.tougao-list-index .post-list .entry-media {
    width: 200px
}

.tougao-list-index .entry-header .entry-title {
    font-size: 16px
}

.tougao-list-index .xerhu-taozy .post-list {
    padding: 15px
}

.tougao-list-index .item-box {
    padding: 0px 10px;
    margin-bottom: 20px;
    border: none;
    background: none;
}

.tougao-list-index .item-box .tougao-detail {
    padding: 15px 20px;
    background: #fff;
    border-radius: 12px;
    transition: all .3s;
    border: 1px solid #eee;
}
.tougao-list-index .item-box .tougao-detail dt a{
    color: rgb(85, 85, 85);
}
.tougao-list-index .item-box .tougao-detail:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 34px 20px -24px rgba(136, 161, 206, .3);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}
.item-box .img-box {
    display: block;
    position: relative;
    width: 100%;
    height: 0px;
    overflow: hidden;
    border-radius: 12px;
}
.item-box .img-box img {
    object-fit: cover;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-size: 0px;
    z-index: 1;
    transition: transform 0.2s;
    border-radius: 12px;
}
.bgcolor-fff{
    background-color: #fff;
}
.font-hui {
    color: rgb(136, 136, 136);
}
.font-scheng {
    color: rgb(253, 114, 30);
}
.font-lv, .font-lv a {
    color: rgb(15, 82, 186);
}

/* taozy */

.posts-wrapper .xerhu-taozy .post-list {
    background: #fff
}

.xerhu-taozy .post-list {
    display: flex;
    margin-bottom: 20px;
    position: relative;
    padding: 10px;
    background: #f4f5f8;
    border-radius: 12px;
    transition: all .3s
}

.xerhu-taozy .post-list:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 34px 20px -24px rgba(136, 161, 206, .3);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.xerhu-taozy .entry-wrapper {
    position: relative;
    width: 100%
}

.xerhu-taozy .post-list .entry-media {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 20px;
    width: 100px
}

.xerhu-taozy .entry-header .entry-title {
    font-size: 14px;
    line-height: 1.5;
    height: 45px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}
.xerhu-taozy .entry-header .entry-title a{
    font-size: 14px;
    font-weight: 500;
}
.xerhu-taozy .entry-excerpt {
    font-size: 12px;
    margin-top: 5px;
    color: #aaa;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-bottom: 5px;
    line-height: 1.5
}

.xerhu-taozy .entry-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    word-break: break-word
}

.xerhu-taozy .entry-footer .entry-meta {
    align-items: center;
    color: #aaa;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    letter-spacing: .2px;
    margin-top: 5px;
    text-transform: uppercase;
    text-align: center
}

.xerhu-taozy .entry-footer .meta-author {
    background: #fff;
    color: #aaa;
    border-radius: 4px;
    padding: 3px 5px 3px 0;
    margin-right: 10px;
    line-height: 1;
    align-items: center;
    display: flex
}

.xerhu-taozy .entry-footer .entry-meta .avatar {
    border-radius: 50%;
    height: 15px;
    margin-right: 5px;
    width: 15px
}

[class*=xerhu-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.xerhu-grid>* {
    padding-left: 15px
}

.xerhu-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 8px;
    list-style: none
}

.xerhu-grid .xerhu-width-expand {
    background-color: #fff;
    flex: 1;
    min-width: 1px;
    padding: 15px 20px 0 20px;
    border-radius: 0 12px 12px 0
}
.xerhu-grid .xerhu-width-expand .entry-title a{
    font-size: 14px;
}
@keyframes fade-left {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.article-content {
    border-radius: 12px;
    background-color: #fff;
    word-wrap: break-word;
    padding: 5px
}
.article-content.portlet{
    padding: 20px
}
.article-content img {
    border-radius: 5px;
    cursor: pointer
}
.article-content .code-show{
    padding: 0;
}
/* .article-content pre{margin:20px 0;padding:10px 20px;border:none;background:#03152a;color:#b3b3b3;font:12px/20px 'courier new'} */
.article-content blockquote {
    position: relative;
    margin: 15px 0 20px 0;
    padding: 10px 45px;
    border-radius: 5px;
    border: 2px dashed #0F52BA;
    background-color: #e7faee
}

.article-content blockquote:before {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 16px;
    height: 14px;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat;
    content: ''
}

.article-content blockquote:after {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    width: 16px;
    height: 14px;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat;
    content: ''
}

.article-content blockquote p {
    margin: 0;
    margin-bottom: 10px;
    padding: 0
}

.article-content blockquote p b {
    color: #0F52BA
}

.article-content .entry-header .entry-meta {
    margin-bottom: 10px
}

.article-content .entry-header .entry-title {
    font-size: 1.6em;
    font-weight: 600;
    letter-spacing: .5px;
    height: inherit;
    line-height: normal;
}
.trbbs-list-info {
    position: relative;
    color: #aaa;
    font-size: 13px;
}
.article-copyright {
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fafdff;
    padding: 10px 20px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 25px;
    margin-top: 20px;
}
.article-footer {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    position: relative
}

@media (max-width:576px) {
    .article-footer {
        display: flex
    }

    .author-box {
        display: none
    }
}
/* .author-box {
    position: relative;
    float: left;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.author-box .author-image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #eee;
    overflow: hidden
}

.content-show .author-box .author-image img {
    margin-top: 0
}
.author-box .author-image img {
    margin-top: -5px
}
.author-box .author-image img:hover {
    cursor: pointer
}

.author-box .author-info {
    margin-left: 10px
}

.author-box .author-name {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 500
}

.author-box .author-name span img {
    height: 28px;
}

.author-name .label img{
    margin-top: 0;
}

.author-box .author-bio {
    font-size: 14px;
    font-weight: 500
}

.author-box .author-meta {
    align-items: center;
    display: flex;
    font-size: 16px;
    margin-top: 10px
}

.author-box .author-meta>a {
    color: #aaa;
    line-height: 1.5
}

.author-box .author-meta>a+a {
    margin-left: 4px
}

.author-box .author-meta>a:last-child {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.author-box .author-meta>a+a:last-child {
    border-left: 1px solid #e6e6e6;
    margin-left: 10px;
    padding-left: 10px
}

.author-box .author-meta>a:last-child:after {
    content: "\f054";
    font-family: "Material Design Icons";
    margin-left: 3px
} */


.widget-pay {
    display: block
}

.widget-pay .rateinfo-abs {
    display: inline-block;
    padding-top: 30px
}

.widget-pay .pay--rateinfo {
    margin-bottom: 10px;
    padding: 10px 0;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 11
}

.widget-pay .pay--rateinfo b .price {
    color: #ffc107;
    font-size: 28px;
    margin-right: 5px
}

.widget-pay .pay--rateinfo .desc {
    color: #626a71
}

.widget-pay .boosvip-abs {
    padding: 4px 12px;
    text-align: center;
    background-color: #eee;
    color: #fd721f;
    font-size: 14px
}

.widget-pay .pay--content {
    position: relative
}

.widget-pay .pay-box .pwd {
    padding: 5px;
    margin-top: 10px;
    display: block;
    background-color: #fffacd;
    color: #999;
    border-radius: 4px;
    text-align: center;
    border: 1px dashed #ffc12b
}

.widget-pay .pay-box .pwd .copypaw {
    cursor: copy;
    font-weight: 600;
    background-color: #c1c1c1;
    border-radius: 4px;
    color: #d2d2d2;
    padding: 0 10px;
    background-image: linear-gradient(45deg, #9e9e9e 25%, #fff 0, #fff 50%, #9e9e9e 0, #9e9e9e 75%, #fff 0);
    background-size: 2px 2px
}

.widget-pay .pay-box .pwd .copypaw:hover {
    cursor: copy;
    color: #fff
}

.widget-pay .pay-box .go-pay {
    margin-top: 10px;
    display: none
}

.widget-pay .pay--content p {
    margin-bottom: 10px;
    text-align: center
}

.widget-pay .pay--btn {
    padding-bottom: 20px
}

.widget-pay .pay--content .info {
    display: block;
    padding-bottom: 20px
}

.pay--content .info .price {
    color: #fd721f;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    text-align: center
}

.pay--content .info .price font i {
    margin-right: 10px
}

.pay--content .info .price span {
    font-size: 16px
}

.pay--content .info .vip_rate {
    padding: 6px 12px;
    background-color: #f3f7ff;
    border-radius: 4px;
    text-align: center
}

.pay--content .info .paynum {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px
}

.widget-pay .agent--contact {
    overflow: hidden;
    border-radius: 4px
}
.agent--contact ul li {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    color: #8c8c8c;
    font-size: 13px;
}
.agent--contact .list-paybody {
    padding: 8px;
    background-color: #fafdff;
    border-radius: 12px;
}

.widget-pay .ac_qqhao {
    padding-top: 20px;
    text-align: center
}
.widget-pay ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.widget-pay ul li {
    line-height: 20px;
    padding: 5px 0;
    list-style: none;
}

.xerhu-sidebar-shop-good {
    width: 50% !important;
    float: left;
    height: 45px !important;
    line-height: 45px !important;
}
.xerhu-sidebar-shop-sz {
    width: 100%;
    height: 45px !important;
    line-height: 45px !important;
}
.xerhu-sidebar-shop-good a {
    background: #F3F4F8;
    color: var(--theme-color);
}
.pay-box a, .xerhu-sidebar-shop-good a {
    display: block !important;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    padding:10px 5px;
    border-radius: 50px;
    line-height: 1.4;
}
.bg-color-theme {
    background-color: var(--theme-color);
    color: #fff !important;
}
.btn--block {
    width: 100% !important;
}
.show-copyright {
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    color: #e73d4a;
    padding: 6px 8px;
    line-height: 23px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e73d4a;
}




.serve {
    margin: auto -5px
}

.serve li a {
    display: block;
    margin: auto 5px
}

.article-content .title {
    margin: 0 0 15px;
    font-size: 24px;
    font-weight: 700
}

.article-content .info {
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #888;
    border-bottom: 1px solid #eee
}

.article-content .content h3 {
    position: relative;
    font-size: 18px;
    margin: 20px 0;
    border-left: 5px solid var(--font-color);
    padding: 12px 0 12px 20px;
    line-height: 20px;
    background: #f6f5fc
}

.article-content .content img {
    max-width: 100%;
    border: 5px solid #f5f5f5
}

.article-content ol {
    counter-reset: ol-li
}

.article-content ol li {
    padding: 3px 0
}

.article-content ol li:before {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 4px 12px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    background-color: var(--font-color);
    border-radius: 50%;
    text-align: center;
    content: counter(ol-li);
    counter-increment: ol-li;
    transition: all .5s
}

.article-content .keyword {
    padding-top: 10px;
    border-top: 1px dashed #eee
}

.article-content .keyword a {
    display: inline-block;
    margin-right: 10px
}

.article-content blockquote {
    position: relative;
    font-size: 14px;
    margin: 15px 0 20px 0;
    padding: 10px 45px;
    border-radius: 5px;
    border: 2px dashed var(--font-color);
    background-color: #f0eefe
}

.article-content blockquote:before {
    position: absolute;
    top: 10px;
    left: 20px;
    display: block;
    width: 16px;
    height: 14px;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat;
    content: ''
}

.article-content blockquote:after {
    position: absolute;
    right: 20px;
    bottom: 10px;
    display: block;
    width: 16px;
    height: 14px;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat;
    content: ''
}

.article-content blockquote p {
    margin: 0;
    margin: 5px auto;
    padding: 0
}

.article-content blockquote p b {
    color: var(--font-color)
}

.content-tools {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 30px 0
}

.content-tools a {
    border-radius: 100px;
    display: inline-block;
    padding: 10px 30px;
    font-size: 15px;
    margin: 0 10px;
    color: #fff;
    position: relative;
    border: 0;
    text-align: center;
    opacity: .75
}

.btn-reward {
    background-color: #ff7c00;
    color: #fff
}

.btn-like {
    background-color: #00a4ff;
    color: #fff
}

.btn-report {
    background-color: red;
    color: #fff
}

.content-foot {
    line-height: 32px
}

.content-foot .tag {
    display: inline-block
}

.content-foot .tag a {
    color: #333;
    padding: 5px 8px;
    background-color: #f1f1f1;
    border-radius: 5px;
    margin-right: 10px;
    transition: .5s
}

.content-foot .tag a:hover {
    background-color: var(--theme-color);
    color: #fff
}

.article-reply .item {
    position: relative;
    padding: 20px 0 20px 60px;
    border-bottom: 1px solid #eee
}

.article-reply .item:last-child {
    border-bottom: 0
}

.article-reply .item:first-child {
    padding-top: 0
}

.article-reply .item .avatar {
    position: absolute;
    top: 20px;
    left: 0
}

.article-reply .item .avatar .icon-v {
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
    line-height: 14px
}

.article-reply .item .avatar .icon-v .fa {
    font-size: 12px
}

.article-reply .item:first-child .avatar {
    top: 0
}

.article-reply .item .caption {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #f5f5f5
}

.article-reply .item .caption .time {
    margin: 0;
    font-size: 12px
}

.article-reply .item .content {
    font-size: 15px;
    line-height: 25px
}

.article-reply .item .content img {
    max-width: 100%
}

.article-reply .item .content blockquote {
    margin: 10px 0 0;
    padding: 0 0 0 10px;
    margin-bottom: 0;
    font-size: 14px
}

.select_paytype label {
    font-weight: 400;
    cursor: pointer
}

.mod-ct .fc-price-color {
    font-size: 48px;
    margin-top: 10px
}

.mod-title {
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    background: #fff
}

.ico_log {
    display: inline-block;
    width: 176px;
    height: 62px;
    vertical-align: middle;
    margin-right: 7px
}

.ico-weixin {
    background: url(../img/icons/weixinpay.png) no-repeat
}

.mod-ct {
    min-width: 300px;
    max-width: 640px;
    margin: 15px auto;
    background: #fff url(../img/icons/wave.png) top center repeat-x;
    text-align: center;
    color: #333;
    border: 1px solid #e5e5e5;
    border-top: none
}

.mod-ct .amount {
    font-size: 48px;
    line-height: 48px;
    padding-top: 30px
}

.mod-ct .tip {
    margin-top: 32px;
    border-top: 1px dashed #e5e5e5;
    padding: 10px 0 20px 0;
    position: relative
}

#qrcode {
    width: 260px;
    height: 260px
}

#qrcode img {
    width: 100%;
    height: 100%
}

.mod-ct .tip .ico-scan {
    display: inline-block;
    width: 56px;
    height: 55px;
    background: url(../img/icons/wechat-pay.png) 0 0 no-repeat;
    vertical-align: middle
}

.mod-ct .tip .tip-text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-top: 15px;
    margin-left: 23px;
    font-size: 16px;
    line-height: 20px
}

.time-item h1 {
    font-size: 15px;
    margin: 5px 0;
    padding-bottom: 2px;
    letter-spacing: 2px
}

.operate {
    position: relative
}

.operate dd {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed #eee;
    border-bottom: 1px dashed #eee
}

.operate a {
    display: inline-block;
    margin-right: 5px;
    padding: 10px 0;
    width: 120px;
    text-align: center;
    border-radius: .25em
}

.operate {
    text-align: right
}

@media (max-width:767px) {
    .theme-content .operate {
        margin-bottom: 15px
    }
}

.operate a:last-child {
    margin-right: 0
}

.operate .served-num {
    color: #999;
    margin-top: 18px
}

.more-btn-box {
    padding: 0 20px 20px 20px;
    background-color: #fff;
    text-align: right
}

.xerhu-helper-soft .header {
    position: relative;
    padding: 29px;
    border-radius: 8px 8px 0 0;
    background: url(../img/banner-2.png) no-repeat center top
}
@media (max-width:767px) {
    .xerhu-helper-soft .header {
        padding: 15px;
    }
   
}
@media (max-width:991px) {
    .xerhu-helper-soft .buy-btn {
        border-radius: 0 0 8px 8px;
    }
}
.xerhu-helper-soft .p2 .detail-up {
    line-height: 1.5;
    color: #edeff2 !important
}

.xerhu-helper-soft .p2 .detail-up span {
    margin-right: 25px
}

.xerhu-helper-soft .header .proimg {
    width: 126px;
    height: 126px;
    border-radius: 10px;
    float: left;
    padding: 6px;
    margin-right: 24px;
    position: relative
}

.xerhu-helper-soft .header .proimg img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.xerhu-helper-soft .header .p1 {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin-top: 0
}

.xerhu-helper-soft .header .p2 {
    font-size: 12px;
    color: #939aa8;
    margin-top: 13px
}

.xerhu-helper-soft .header .p3 {
    margin-top: 15px
}

.xerhu-helper-soft .header .p3 span {
    padding: 8px 12px;
    margin-right: 10px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 8px
}

.xerhu-helper-soft .header .p3 span {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.xerhu-helper-soft .header .p3 i {
    display: block;
    font-size: 12px;
    color: #999
}

.xerhu-helper-soft .header .p3 span:first-child b {
    color: #ff8c19 !important
}

.xerhu-helper-soft .header .p3 b {
    font-size: 14px;
    font-weight: 500;
    color: #c5c4c4
}

.xerhu-helper-soft .header:after {
    content: "";
    display: block;
    clear: both
}

.xerhu-helper-soft .header .hont {
    padding-left: 18px;
    line-height: 20px;
    font-size: 12px;
    position: absolute;
    right: 18px;
    top: 16px
}

.xerhu-helper-soft .header .hont a {
    color: #edeff2 !important
}

.xerhu-helper-soft .pricelt {
    position: relative;
    z-index: 8;
    padding: 14px 20px
}

.xerhu-helper-soft .pricelt .sellP {
    display: inline-block;
    margin-top: 5px;
    font-size: 25px;
    color: var(--font-color)
}

.sale-price {
    line-height: 18px;
    margin-right: 0
}

.xerhu-helper-soft .pricelt .sellP .priceinfo {
    font-weight: 700
}

.xerhu-helper-soft .pricelt .sellP .pricefree {
    color: #29ae5f;
    font-weight: 700
}

.xerhu-helper-soft .pricelt .p4 {
    display: block;
    font-size: 12px;
    color: #666f80;
    text-align: center
}

.xerhu-helper-soft .pricelt .p4 a {
    padding: 3px 30px
}

.xerhu-helper-soft .pricelt .p4 i {
    font-size: 14px;
    margin-right: 5px
}

.xerhu-helper-soft .buy-btn {
    padding: 15px 20px;
    background-color: #fff;
    border-top: 1px dashed #eee
}

.xerhu-helper-soft .help {
    padding: 15px 20px;
    background: #fff;
    font-size: 12px;
    color: #aeb1b8;
    border-top: 1px dashed #e5e5e5;
    border-radius: 0 0 10px 10px
}

.xerhu-helper-soft .help dl dt {
    float: left;
    width: 80px;
    color: #999
}

.plugin-content .theme-content-author li.desc {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.star-level {
    display: inline-block;
    width: 85px;
    height: 15px;
    background-image: url(../img/stars.png);
    background-repeat: no-repeat;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle
}

.star-0 {
    background-position: 0 0
}

.star-1 {
    background-position: 0 -16px
}

.star-2 {
    background-position: 0 -32px
}

.star-3 {
    background-position: 0 -48px
}

.star-4 {
    background-position: 0 -64px
}

.star-5 {
    background-position: 0 -80px
}

.star-6 {
    background-position: 0 -96px
}

.star-7 {
    background-position: 0 -112px
}

.star-8 {
    background-position: 0 -128px
}

.star-9 {
    background-position: 0 -144px
}

.star-10 {
    background-position: 0 -160px
}

.digg {
    float: right;
    padding: 5px 15px;
    border-radius: 4px;
    color: #ff5473 !important;
    background-color: rgba(255, 84, 115, .1);
    font-size: 12px
}

.add-favorite {
    float: right;
    padding: 5px 15px;
    border-radius: 4px;
    color: var(--font-color) !important;
    background-color: #f6f5fc;
    margin-right: 10px !important;
    font-size: 12px
}

.side-fixed-box .plugin-box {
    padding: 0;
    margin-bottom: 0
}

.side-fixed-box .plugin-box .icon {
    width: 68px;
    height: 68px
}

.side-fixed-box .plugin-box .detail {
    width: calc(100% - 68px);
    padding-left: 10px
}

.side-fixed-box .plugin-box .detail h5 {
    margin-top: 0
}

.side-buy-box {
    display: none;
    margin-bottom: 10px
}

.side-buy-box a {
    width: 100%;
    margin-bottom: 10px
}

.plugins-list.item {
    margin: auto -10px
}

.plugin-box {
    text-align: center;
    background-color: #fff;
    padding: 15px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-radius: 10px
}
.tag-list .plugin-box {
   border-radius: 5px
}
.plugin-box .icon {
    width: 88px;
    height: 88px
}
.tag-list .plugin-box .icon {
    width: 118px;
}
.plugin-box .icon a img {
    width: 100%;
    height: 100%
}




.plugin-box .detail {
    width: calc(100% - 88px);
    padding-left: 15px;
    padding-bottom: 0;
    text-align: left
}
.tag-list .plugin-box .detail {
    width: calc(100% - 118px);
}
.plugin-box .detail .icondiy {
    display: inline-block;
    margin-right: 5px;
    vertical-align: 1px;
    padding: 2px 5px;
    line-height: 12px;
    background-color: var(--font-color);
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    font-family: "Helvetica Neue", "Hiragino Sans GB", SimSun, serif
}

.plugin-box .detail h5 a {
    color: #333;
    font-size: 16px
}

.plugin-box .detail h5 a:hover {
    color: var(--font-color)
}

.plugin-box .detail .desc {
    font-size: 12px;
    line-height: 20px
}

.plugin-box-head {
    position: relative;
    padding-bottom: 15px
}

.plugin-box-head .img-fluid {
    border-radius: 10px
}
.tag-list .plugin-box-head .img-fluid {
    border-radius: 5px
}
.plugin-box-head .price-box{
    position: absolute;
    right: 0;
    top: 7px;
}
.plugin-box-head .price-box .price{

font-size: 22px;
    font-weight: 500;
    color: #f40;
}

.plugin-box-foot {
    font-size: 12px;
    padding-top: 10px;
    color: #bdbdbd;
    border-top: 1px solid #f4f4f4
}

.plugin-box-foot .avatar {
    border-radius: 50px
}

.plugin-box-foot span {
    display: inline-block;
    margin-right: 15px
}

.plugin-box-foot .price {
    font-size: 20px;
    font-weight: 500;
    color: #f40
}
.tag-list .foot{
    font-size: 13px;
    margin-top: 10px;
}
.news-list {
    margin-top: -20px
}

.news-list li {
    padding: 20px 0 15px;
    border-top: 1px solid #eee
}

.news-list li:first-child {
    border-top: 0
}

.news-list li:last-child {
    padding-bottom: 0
}

.news-list li .cont, .news-list li .pic {
    display: table-cell;
    vertical-align: top
}

.news-list li .pic {
    padding-left: 20px
}

.news-list li .pic a {
    display: block;
    width: 210px;
    height: 110px;
    background-color: #f5f5f5;
    overflow: hidden
}

.news-list li .pic img {
    max-width: 100%
}

.news-list li .cont {
    margin: 0 !important;
    padding-left: 15px
}

.news-list li .cont .title {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 24px
}

.news-list li .cont .title .spot {
    margin-left: -15px
}

.news-list li .cont .title a {
    color: #333
}

.news-list li .cont .title a:hover {
    color: var(--font-color)
}

.news-list li .cont .desc {
    margin: 10px 0;
    line-height: 1.8;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #888
}

.news-list li .cont .foot {
    color: #888
}

.flickity {
    position: relative;
    height: 100%;
    white-space: nowrap;
    overflow: hidden
}

.flickity [class^=col-] {
    float: none !important;
    display: inline-block !important
}

.flickity.dots {
    padding-bottom: 20px
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    position: relative;
    height: 100%;
    overflow: hidden;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 25px;
    height: 50px;
    border: none;
    background-color: rgba(0, 0, 0, .6);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease-out .35s;
    transition: all ease-out .35s
}

.flickity-prev-next-button.previous {
    left: 0;
    border-radius: 0 6px 6px 0
}

.flickity-prev-next-button.next {
    right: 0;
    border-radius: 6px 0 0 6px
}

.flickity-prev-next-button:disabled {
    opacity: 0;
    cursor: auto
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-prev-next-button .arrow {
    fill: #fff
}

.flickity-prev-next-button.no-svg {
    color: #fff;
    font-size: 18px
}

.flickity-page-dots {
    position: relative;
    text-align: center
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 15px;
    height: 3px;
    margin: 0 5px;
    opacity: .25;
    background-color: rgba(0, 0, 0, .6);
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.flickity:hover .flickity-prev-next-button {
    opacity: 1
}

.book-media .thumb {
    float: left;
    width: 240px
}

.book-media .cont {
    margin-left: 260px
}

.book-media .cont .info {
    margin-bottom: 20px
}

.help-list li {
    padding-bottom: 15px;
    border-top: 1px dashed #eee
}

.help-list li:first-child {
    border-top: #077ee3
}

.help-list li h3 {
    margin: 15px 0 8px
}

.help-list li h3 a {
    font-size: 16px;
    line-height: 20px;
    color: #333
}

.help-list li h3 a:hover {
    color: var(--font-color)
}

.help-list li .foot {
    padding-left: 15px;
    color: #999
}

.help-kefu {
    position: relative
}

.help-kefu .title {
    position: absolute;
    top: 50px;
    left: 30px
}

.help-kefu .search {
    position: absolute;
    top: 90px;
    left: 30px;
    width: 300px
}

.help-kefu .search .form-control {
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: none
}

.help-kefu .search .submit {
    position: absolute;
    top: 5px;
    right: 5px;
    background: 0 0;
    border: 0;
    color: #999
}

.order-setps {
    position: relative;
    margin: 30px 0
}

.order-setps:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #eee
}

.order-setps .item li {
    position: relative;
    float: left;
    width: 25%;
    padding-top: 20px;
    text-align: center
}

.order-setps .item li:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 12px;
    border: 2px solid #eee;
    border-radius: 50%;
    background-color: #fff
}

.order-setps .item li.active {
    color: var(--font-color)
}

.order-setps .item li.active:before {
    border: 2px solid var(--font-color)
}

.order-setps .item li.active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--font-color)
}

.order-setps .item li.last:after {
    width: 50%
}

.login {
    position: relative
}

.login-form {
    margin-top: 0;
    padding: 30px 50px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.login-form .form-title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px
}

.login-form .form-group {
    padding: 5px 0
}

.pagination {
    margin: 10px auto 30px
}

.pagination li a {
    margin: 0 5px;
    border: 0;
    color: var(--font-color);
    border-radius: 5px;
    transition: .5s
}

.pagination li.active a {
    border-radius: 5px;
    background-color: var(--theme-color);
    border-color: var(--font-color);
    color: #fff
}

.pagination li a:hover {
    background-color: var(--theme-color);
    color: #fff
}

.footer {
    padding-top: 50px;
    background-color: #202935;
    color: #ccc
}

.footer .footer-logo {
    height: 45px
}

.footer .footer-logo img {
    height: 100%
}

.footer a {
    color: #ccc
}

.footer a:hover {
    color: var(--font-color)
}

.footer .item {
    padding-bottom: 30px
}

.footer .item li {
    color: #ccc
}

.footer .item li.left .desc {
    text-indent: 2em;
    line-height: 22px;
    color: #ccc
}

.footer .item li.left .copy, .footer .item li.left .copy a {
    color: #ccc
}

.footer .item li h4 {
    margin: 0 0 20px;
    font-size: 16px;
    color: #fff
}

.footer .link {
    border-top: 1px solid #333;
    padding: 15px 0;
    font-size: 14px
}

.footer .link a {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
    font-size: 12px
}

.footer-fixed {
    position: fixed;
    bottom: 120px;
    right: 50px;
    z-index: 9999
}

.footer-fixed a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 45px;
    border-radius: 50%;
    font-size: 35px;
    text-align: center;
    background-color: #fff;
    color: #333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.footer-fixed a.backtop {
    background-color: rgba(0, 0, 0, .6);
    color: #fff
}

.footer-need {
    text-align: center;
    padding: 20px 0;
    width: 100%;
    z-index: 9999
}

.footer-need h3 {
    margin-bottom: 20px;
    color: #fff
}

.footer-need .btn {
    margin: 0 6px;
    padding: 8px 26px;
    border-radius: 25px;
    transition: .5s
}

.footer-need .btn:hover {
    background-color: #fff;
    color: var(--font-color)
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#kefu .btn-qq {
    background: #28b7f7;
    color: #fff
}

#kefu .btn-wx {
    background: #05d02f;
    color: #fff
}

#kefu {
    padding: 50px 20px 80px 20px
}

#kefu p {
    margin-bottom: 20px
}

#kefu img {
    width: 80px
}

.footer-kefu {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: fixed;
    bottom: 0;
    right: 40px;
    opacity: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
    box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
    z-index: 700;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
    transition: all 1s cubic-bezier(.86, 0, .07, 1)
}

.footer-kefu:focus {
    outline: 0
}

.footer-kefu.animated {
    opacity: 1;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px)
}

.footer-kefu:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom, #8c7bfd, #8c7bfd);
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 50
}

.footer-kefu .girl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 50
}

.footer-kefu .animated-circles .circle {
    background: rgba(140, 123, 253, .25);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    z-index: 49;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.footer-kefu .animated-circles.animated .c-1 {
    animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
}

.footer-kefu .animated-circles.animated .c-2 {
    animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
}

.footer-kefu .animated-circles.animated .c-3 {
    animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
}

.footer-kefu .animation-stopped .circle {
    opacity: 0 !important
}

.footer-kefu .animation-stopped .circle {
    opacity: 0 !important
}

.footer-kefu .livechat-hint {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    z-index: 0;
    -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
    transition: all .3s cubic-bezier(.86, 0, .07, 1)
}

.footer-kefu .livechat-hint.show_hint {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 1
}

.footer-kefu .livechat-hint.hide_hint {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.footer-kefu .livechat-hint.rd-notice-tooltip {
    max-width: 1296px !important
}

.footer-kefu .livechat-hint.rd-notice-tooltip .rd-notice-content {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis
}

.footer-kefu .rd-notice-tooltip {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    font-size: 14px;
    border-radius: 3px;
    line-height: 1.25;
    position: absolute;
    z-index: 65;
    max-width: 350px;
    opacity: 1
}

.footer-kefu .rd-notice-tooltip:after {
    position: absolute;
    display: block;
    content: '';
    height: 20px;
    width: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 50
}

.footer-kefu .rd-notice-tooltip .rd-notice-content {
    background: 0;
    border-radius: 3px;
    width: 100%;
    color: #fff;
    position: relative;
    z-index: 60;
    padding: 20px;
    font-weight: 400;
    line-height: 1.45
}

.footer-kefu .rd-notice-type-success {
    background-color: #8c7bfd;
    -webkit-box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2);
    box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2)
}

.footer-kefu .rd-notice-type-success .rd-notice-content {
    background-color: #8c7bfd
}

.footer-kefu .rd-notice-type-success:after {
    background-color: #8c7bfd;
    -webkit-box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2);
    box-shadow: 0 5px 10px 0 rgba(38, 199, 252, .2)
}

.footer-kefu .rd-notice-position-left {
    margin-left: -20px
}

.footer-kefu .rd-notice-position-left:after {
    right: -6px;
    top: 50%;
    margin-top: -10px
}

.footer-kefu .rd-notice-tooltip.single-line .rd-notice-content {
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    white-space: nowrap
}

.close-box .box {
    -webkit-animation: rotate .4s linear alternate infinite;
    animation: rotate .4s linear alternate infinite
}

.close-box .close-btn {
    position: absolute;
    z-index: 1;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

#login_box, #register_box {
    position: fixed;
    z-index: 9999;
    border-radius: 10px;
    max-width: 90%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.mask-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden
}

.mask-body-dark {
    background: rgba(52, 73, 94, .9);
    background-color: rgba(52, 73, 94, .9);
    pointer-events: auto;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.login_pop {
    font-size: 14px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between
}

.login_pop label {
    font-weight: 400
}

.login_pop .l {
    color: #fff;
    height: 450px;
    background: url(../img/login_bg.png);
    background-size: 100% 100%;
    background-position: center center;
    padding: 180px 30px 30px;
    border-radius: 10px 0 0 10px
}

.login_pop .l li {
    background: url(../img/login_01.png) left no-repeat;
    padding-left: 25px;
    margin-bottom: 25px
}

.login_pop .r {
    height: 450px;
    padding: 30px;
    position: relative
}

.login_pop .r_block {
    width: 100%;
    display: none
}

.login_pop .r_block.wx {
    display: block
}

.login_pop .r_block.wx {
    text-align: center
}

.login_pop .r .title {
    font-size: 20px;
    font-weight: 700;
    width: 100%
}

.login_pop .r .title p {
    text-align: left;
    width: 100%;
    display: inline-block
}

.login_pop .r_block .login_type {
    text-align: center;
    width: calc(100% - 60px);
    border-top: 1px solid #ddd;
    position: absolute;
    left: 30px;
    bottom: 20px
}

.login_pop .r_block .login_type span {
    color: #8d949e;
    font-size: 13px;
    background: #fff;
    padding: 0 15px;
    position: relative;
    top: -12px
}

.login_pop .r_block .login_type ul {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center
}

.login_pop .r_block .login_type li {
    width: 26px;
    height: 26px;
    margin: 0 10px
}

.login_pop .r_block .login_type li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden
}

.login_pop .r_block .login_type li a img {
    width: 100%;
    height: 100%
}

.login_pop .r_block .input_box {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.login_pop .r_block.register .input_box {
    margin-top: 14px
}

.login_pop .r_block .input_box .layui-input {
    height: 44px;
    border: 1px solid #e4e9f0;
    border-radius: 4px;
    padding: 0 20px
}

.login_pop .r_block .input_box .img_code, .login_pop .r_block .input_box .phone_code {
    width: calc(100% - 120px)
}

.login_pop .r_block .login_links {
    width: 100%;
    margin-top: 15px;
    display: flex;
    justify-content: space-between
}

.login_pop .r_block .login_links span {
    color: var(--font-color);
    cursor: pointer
}

.login_pop .r_block .input_box .imgCode {
    width: 100px;
    height: 40px
}

.login_pop .r_block .input_box .layui-btn-fluid {
    font-size: 18px;
    width: 100%;
    height: 45px;
    border-radius: 4px;
    background: #7091fb
}

.login_pop .r_block .input_box .phone_code_btn {
    color: #666;
    width: 100px;
    height: 40px;
    background: #f2f2f2;
    border-radius: 4px
}

.login_pop .r_block .back_login {
    display: flex;
    justify-content: right;
    position: absolute;
    right: 30px;
    top: 30px
}

.login_pop .r_block .back_login span {
    font-size: 14px;
    padding-left: 25px;
    cursor: pointer
}

.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px
}

.layui-btn {
    height: 38px;
    line-height: 38px;
    border: 1px solid transparent;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer
}

.identify-btn {
    display: block;
    width: 120px;
    height: 40px;
    border-radius: 2px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 14px;
    border: 1px solid #e6e6e6
}

.close_login {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 9999
}

.close_login i {
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    opacity: .3
}

.alert-info {
    color: var(--theme-color);
    background-color: #e6e3ff;
    border: #e6e3ff
}

.shares .digg {
    float: right;
    padding: 3px 10px;
    border-radius: 4px;
    color: #ff5473 !important;
    background-color: rgba(255, 84, 115, .1);
    margin-right: 10px !important;
    font-size: 12px;
    background: rgba(255, 84, 115, .1);
    box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}

.shares .favorite {
    float: right;
    padding: 3px 10px;
    border-radius: 4px;
    color: #0084ff !important;
    background: rgba(0, 132, 255, .1);
    margin-right: 10px !important;
    font-size: 12px;
    box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}

.shares .fenxiang {
    float: right;
    padding: 3px 10px;
    border-radius: 4px;
    color: #0084ff !important;
    background: rgba(0, 132, 255, .1);
    font-size: 12px;
    box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}

.shares strong {
    line-height: 32px;
    display: inline-block;
    font-weight: 400
}

.shares a[class^=share] {
    position: relative;
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    margin-right: 8px;
    opacity: .8;
    cursor: pointer;
    border-radius: 50px;
    text-align: center
}

.shares a[class^=share] i {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.shares a:hover {
    opacity: .8
}

.shares a:hover .share-popover {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0
}

.shares a:before {
    height: 32px;
    width: 10px
}

.shares a:hover:before {
    -webkit-transition: right .5s;
    -moz-transition: right .5s;
    transition: right .5s;
    right: -70%
}

.shares .share-popover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 110px;
    height: 116px;
    margin-bottom: 20px;
    padding-bottom: 6px;
    background-color: transparent;
    z-index: 9999
}

.shares .share-popover .share-popover-inner {
    display: block;
    background-color: #fff;
    border: 1px solid #999;
    padding: 4px;
    border-radius: 2px;
    position: relative;
    bottom: 6px;
    height: 110px
}

.shares .share-popover .share-popover-inner::after, .shares .share-popover .share-popover-inner::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 9px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.shares .share-popover .share-popover-inner::before {
    border-top: 5px solid #555
}

.shares .share-popover .share-popover-inner::after {
    border-top: 5px solid #fff;
    margin-bottom: 1px
}

.shares a:hover .share-popover {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0
}

.shares a:hover:before {
    -webkit-transition: right .5s;
    -moz-transition: right .5s;
    transition: right .5s;
    right: -70%
}

.shares a.share-tsina {
    background-color: #ff6b60
}

.shares a.share-weixin {
    background-color: #07c160
}

.shares a.share-qzone {
    background-color: #fbc440
}

.shares a.share-sqq {
    background-color: #00a9ee
}

.shares a.share-renren {
    background-color: #95b4ec
}

.shares a.share-tqq {
    background-color: #5fb2d7
}

.shares a.share-douban {
    background-color: #67ce9b
}

.shares a.share-huaban {
    background-color: #dc5e5e
}

.shares a.share-twitter {
    background-color: #41b8fc
}

.shares a.share-facebook {
    background-color: #4867aa
}

.shares a.share-linkedin {
    background-color: #0a66c2
}

/* tag */

.tag-index>ul>li{
    display: inline-block;
    margin: 0 15px 15px 0;
    text-align: center;
  
}
.tag-index>ul>li a{
   display: block;
    padding: 6px 20px;
    border-radius: 5px;
    border: 1px solid var(--theme-color);
}

.tag-index>ul>li a:hover{
    background-color: var(--theme-color);
    color: #fff;
}
.tag-index .portlet{
    padding:30px 30px 20px 30px;
}
@media (max-width:767px) {
    #login_box {
        width: 90%
    }
}

@media (min-width:768px) {
    #login_box {
        width: 70%
    }
}

@media (min-width:1200px) {
    #login_box {
        width: 700px
    }
}

.page-prefooter {
    background-color: #181f27
}

.dropdown-menu {
    -webkit-animation: fadeInDown .3s .2s ease both;
    -moz-animation: fadeInDown .3s .2s ease both
}

.fadeInDown {
    -webkit-animation: fadeInDown 1s .2s ease both;
    -moz-animation: fadeInDown 1s .2s ease both
}

@keyframes scaleToggleOne {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    50% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleTwo {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    20% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    60% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleThree {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    33% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    66% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px)
    }

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

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(5deg)
    }
}

@media (min-width:992px) {
    .col-md-55 {
        width: 20%
    }
}

@media (max-width:990px) {
    .header-menu {
        float: left
    }

    .header-menu>li {
        margin-right: 25px
    }

    .xerhu-helper-soft {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    body {
        padding-top: 64px
    }

    h1 {
        font-size: 24px
    }

    h4 {
        font-size: 16px
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 10px;
        padding-right: 10px
    }

    .form-control {
        -webkit-appearance: none
    }

    .app-text-center {
        padding: 10px 0;
        text-align: center !important
    }

    .page-container-top, .page-container-top.active {
        height: 100px;
        margin-bottom: -40px;
        background-size: 100%
    }

    .container {
        width: 100%
    }

    .nav {
        margin-bottom: 20px;
        width: 100%;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .nav li {
        float: none;
        display: inline-block
    }

    .nav-search .form-control {
        width: 200px
    }

    .nav-screen {
        padding-bottom: 10px
    }

    .nav-screen li:first-child {
        margin-right: 0
    }

    .nav-screen li a {
        margin: 0
    }

    .nav-syetem .operate {
        padding-top: 0;
        padding-bottom: 10px;
        text-align: left !important
    }

    .portlet {
        margin-bottom: 20px
    }

    .header-top {
        padding: 0
    }

    .header-navico {
        display: block;
        margin: 20px 0;
        font-size: 24px;
        color: #999
    }

    .header-navico i {
        color: #fff
    }

    .header-login {
        margin-top: 15px;
        padding-bottom: 10px
    }

    .header-menu {
        display: none;
        float: none;
        margin-top: 20px;
        padding: 20px 0;
        border-top: 1px solid #eee
    }

    .header-menu:after, .header-menu:before {
        content: " ";
        display: table;
        clear: both
    }

    .header-menu>li {
        margin: 0;
        padding: 5px;
        width: 33.333333%
    }

    .header-menu>li>a {
        display: block;
        padding: 0;
        text-align: center;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        background-color: #f5f5f5;
        color: #000;
        border-radius: 5px
    }

    .header-user {
        padding-top: 15px
    }

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

    .header-user .dropdown-menu:after, .header-user .dropdown-menu:before {
        left: auto;
        right: 20px
    }

    .header-menu>li:hover .dropdown-menu, .header-user:hover .dropdown-menu {
        display: none
    }

    .index .recommend {
        margin-top: -50px
    }

    .index .recommend .portlet-body {
        padding: 0
    }

    .index .left-box .section-head .title {
        font-size: 24px
    }

    .index-banner {
        height: 330px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(0, #7e39fb 0, #20c3f2 100%)
    }

    .index-banner .content {
        margin-top: 80px
    }

    .index-search {
        width: 100%
    }

    .index-site li {
        width: 50%;
        border: 0
    }

    .index-site li span {
        display: block
    }

    .index-news {
        padding: 20px 0
    }

    .index-news dd h3 {
        margin: 0;
        line-height: 30px
    }

    .footer-need h3 {
        font-size: 20px
    }

    .theme-list .item li .thumb {
        margin: 5px
    }

    .theme-list .item li .thumb .operate a {
        padding: 5px
    }

    .theme-list .item li .title {
        height: 70px
    }

    .theme-list .item li .info .price {
        line-height: 20px;
        font-size: 14px
    }

    .theme-list .item li .time {
        font-size: 12px
    }

    .theme-list .item li dt.thumb {
        width: 120px
    }

    .theme-list .item li dd.cont {
        margin-left: 120px
    }

    .theme-list .item li dd.cont .title {
        margin: 15px 0 10px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .theme-list .item li dd.cont .info {
        margin-bottom: 10px
    }

    .theme-list .item li dd.cont .info .price {
        font-size: 14px;
        font-weight: 400
    }

    .theme-content-thumb {
        margin-bottom: 10px
    }

    .theme-content-info dl dt {
        width: auto
    }

    .theme-content-info dl dd {
        margin-left: 0
    }

    .theme-content-info .operate.show a {
        width: 99px
    }

    .theme-attributo li, .theme-attributo.bug li {
        width: 100%
    }

    .theme-img-tab li {
        width: 33.333333%
    }

    .news-list li .pic {
        padding-left: 10px
    }

    .news-list li .pic a {
        width: 120px;
        height: 74px
    }

    .news-list li .cont .title {
        margin-bottom: 5px
    }

    .news-list li .cont .title a {
        font-size: 16px;
        line-height: 24px
    }

    .help-kefu .title {
        top: 10px;
        font-size: 14px
    }

    .help-kefu .search {
        top: 40px
    }

    .help-list li {
        padding-left: 15px
    }

    .help-list li .spot {
        margin-left: -15px
    }

    .help-list li .foot {
        padding: 0
    }

    .media-body, .media-left, .media-right {
        padding-top: 0
    }

    .portlet.cart .text-right {
        text-align: left !important
    }

    .pagination {
        margin: 15px 0;
        width: 100%;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }

    .pagination li {
        float: none;
        display: inline-block
    }

    .login-form {
        margin: 0;
        box-shadow: none
    }

    .footer .item li.left .copy {
        text-align: center
    }

    .footer-kefu {
        right: -20px;
        bottom: -45px
    }

    .footer-fixed {
        bottom: 90px;
        right: 10px
    }

    .footer-fixed .backtop {
        width: 35px;
        height: 35px;
        font-size: 25px;
        line-height: 30px
    }
}


/* 弹窗 */
body .layui-layer-msg {
    border-radius: 10px;
    border: 0.5px solid #D3D4D3;
}
body .layui-layer.layui-layer-msg {
    background-color: rgba(255, 255, 255, .88);
}
body .layui-layer-dialog .layui-layer-padding {
    padding: 20px 20px 20px 55px;
}
body .layui-layer-dialog .layui-layer-content .layui-layer-ico {
    top: 18px;
}

body .layui-layer-rim {
    border: none;
    border-radius: 8px;
    box-shadow: none;
}
body .layui-layer-rim .layui-layer-title{
    border-radius: 8px 8px 0 0;
}

@media (max-width:767px) {
    body .layui-layer-rim {
       width: 100%!important;
       
    }
    body .layui-layer-rim .portlet.bgnone {
        padding: 15px!important;
    }
}

/* page/vip */

.page-vip .container{position:relative;}
.focusbox {
    position: relative;
    padding: 60pt 0 60px;
    background-image: url(https://wangpan.bdstatic.com/n/box-static/pan-center-cdn/images/pageBackground/bg_banner_svip_bd6d90c.png);
    background-color: #f6f6f6;
    background-position: center center;
    color: #eee;
    text-align: center;
    transition: all .3s ease-in-out
}
h3.nbvip-title {
    font-size: 50px;
    color: #f9c117;
    font-weight: 700;
    margin-bottom: 36px;
    line-height: 60px
}

.focusbox .focusbox-title {
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 1.45rem
}

.pagination {
    margin-bottom: 1.8rem;
    text-align: center;
    font-size: 1.25rem
}

.focusbox .container {
    text-align: center;
    height: 10pc
}

.excerpts {
    min-height: 0;
    margin-right: -1%;
    margin-left: -1%;
    margin-bottom: 15px;
    min-height: 540px
}

.excerpt-c5 {
    width: 18%
}

.excerpt {
    position: relative;
    display: inline-block;
    margin-right: .6%;
    margin-bottom: 2.5%;
    padding: 10px;
    border-radius: 6px;
    background-color: #fff;
    background-clip: padding-box;
    vertical-align: top;
    opacity: 1;
    transition: box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);
    transform: translate(0,0);
    margin-left: 1%
}

.excerpt .tool-img {
    margin-bottom: 6px;
    height: 106px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    transition: all .4s
}

.excerpts-wrapper {
    margin-top: 24px
}


.user-usermeta-vip {
    position: relative;
    width: 100%;
    min-height: 35pc
}

.vip-row {
    margin-bottom: 20px
}
.schbg-white {
    background-color: #fff !important;
    overflow: hidden;
    padding-bottom: 30px
}.module-line {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}.module-line .text {
    font-size: 26px;
    color: #4c4c4c;
    margin: 0 10px;
}
.module-line span {
    display: inline-block;
}.vip-slogan {
    border-radius: 5px;
    height: 280px;
    width: 1300px;
    background: #fff;
    box-sizing: border-box;
    font-size: 0;
    margin: 40px auto auto auto;
}
.vip-slogan-box:nth-of-type(-n+3) {
    border-bottom: 0
}

.vip-slogan-box:nth-child(1) {
    border: 0
}

.vip-slogan-box {
    padding-top: 20px;
    display: inline-block;
    height: 50%;
    width: 410.2px;
    box-sizing: border-box;
    vertical-align: middle
}

.vip-slogan-box:nth-child(3) {
    border: 0
}

.vip-slogan-box:nth-child(4) {
    border: 0
}

.vip-slogan-box:nth-child(6) {
    border: 0
}

.vip-slogan-box i {
    width: 100px;
    line-height: 100px;
    display: inline-block;
    background-image: linear-gradient(90deg, #ed1c24 0, #fb8f02 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 45px;
    text-align: center;
    vertical-align: middle
}

.vip-slogan-text {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #898989
}

.vip-slogan-text p:first-child {
    font-size: 18px;
    color: #575959
}
.vipinfo-page {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    padding-bottom: 3rem !important;
}
.vipinfo-page:before {
    background-color: #0F52BA;
    opacity: .88;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 1s cubic-bezier(.77, 0, .175, 1);
}
    .tongue {
        display: inline-block;
        position: absolute;
        top: -1px;
        left: 50%;
        z-index: 1;
        -webkit-transform: rotate(180deg) translateX(50%);
        -ms-transform: rotate(180deg) translateX(50%);
        transform: rotate(180deg) translateX(50%);
        width: 138px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #8492a6;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='35' viewBox='0 0 138 35'%3E%3Cpath fill='%23FFF' d='M 3.15027 34.4375C 1.74207 34.6025 0.68396 34.7266 0 35L 68.9982 35C 68.9982 35 68.9998 28.6387 69 19.5132C 69 20.7261 69.0001 21.8892 69.0001 22.9956L 69.0018 35L 138 35C 137.316 34.7266 136.258 34.6025 134.85 34.4375C 131.11 33.9995 124.903 33.2729 116.678 28.6875C 111.015 25.3901 106.523 20.9771 102.07 16.6025C 93.5474 8.23096 85.1685 -1.97984e-15 69.0018 3.55056e-31C 69.0006 5.271 69 10.4292 69 15.0952C 69 10.4287 68.9994 5.27148 68.9982 3.55056e-31C 52.8314 1.97986e-15 44.4526 8.23096 35.9302 16.6025C 31.4772 20.9771 26.985 25.3901 21.3221 28.6875C 13.0974 33.2729 6.88965 33.9995 3.15027 34.4375Z'/%3E%3C/svg%3E")
    }
    .tongue i {
    -webkit-animation: floating-sm 2s ease infinite;
    animation: floating-sm 2s ease infinite;
}.schtext-center {
    padding-top: 3rem !important;
    text-align: center !important;
}.text-uppercase {
    text-transform: uppercase !important;
    color: #fff !important;
    font-size: 1rem;
}.schtext-white {
    color: #fff !important;
    font-size: 1.75rem;
}
.navbar .menu-item-mega>.sub-menu, .row {
    display: flex
;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.plugin-content .row{
    display: block;
}
.page-vip .container .row .card {
    width: 23.5%;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 12px
}

.page-vip .container .row .card.active {
    box-shadow: 4px 8px 40px 0 rgba(0, 0, 0, .1)
}

.page-vip .container .row .card {
    margin: 10px
}

.page-vip .container .row .card.ent-base:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3)
}

.page-vip .container .row .card.ent-base {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    margin-bottom: 60px
}

.page-vip .container .row .card.ent-base .btn {
    background-image: -webkit-linear-gradient(bottom, #fff 30%, #fff);
    background-image: linear-gradient(to top, #fff 30%, #fff)
}

.page-vip .container .row .card .version {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 7pc;
    -ms-flex-align: center;
    align-items: center
}

.page-vip .container .row .header {
    border-radius: 12px 12px 0 0;
    height: 228px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px;
    font-weight: 300;
    z-index: 1
}

.page-vip .container .row .header .price-year {
    margin: 12px 0 15px 0;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 400
}

.page-vip .container .row .header .pricing-deco {
    width: 100%
}

.page-vip .container .row .header .price-year .dollar {
    font-size: 18px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 3px;
    font-weight: 300
}

.page-vip .container .row .header .price-year .price {
    font-size: 30px;
    letter-spacing: 1.7px;
    font-weight: 700;
    font-family: Helvetica
}

.page-vip .container .row .header .btn {
    width: 160px;
    border-radius: 5px;
    color: rgba(0, 0, 0, .7);
    font-size: 14px;
    border: 0;
    font-weight: 500;
    font-family: PingFangSC;
    cursor: pointer
}

.page-vip .container .row .header .btn:hover {
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .14)
}

.page-vip .container .row .content {
    position: relative;
    font-size: 14px;
    padding: 30px 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 90
}

.page-vip .container .row .content .desc {
    line-height: 1;
    padding-left: 37px;
    margin-bottom: 18px;
    color: rgba(62, 62, 62, .8);
    position: relative
}

.page-vip .container .row .content .desc:before {
    position: absolute;
    content: "";
    height: 6px;
    width: 9px;
    border: 2px solid #3e3e3e;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 20%;
    left: 16px;
    border-top: 0;
    border-right: 0;
    opacity: .6
}

@media screen and (max-width:1450px) {
    .page-vip .container .row .card {
        width: 31.8%
    }
}

@media screen and (max-width:750px) {
    .page-vip .container .row .card {
        width: 100%
    }
}

@media (min-width:1460px) {
    .page-vip .container .row .card {
        width: 31.8%
    }
}

.page-vip .container .row .pricing-deco .deco-layer {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}

.page-vip .container .row .pricing-deco:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0)
}

.page-vip .container .row .pricing-deco:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0)
}

.vip-row {
    margin-bottom: 20px
}
.vip-row .vip-item {
    display: block;
    margin: 0 auto;
    text-align: center
}

.vip-row .vip-item .sc {
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px
}

.vip-row .vip-item .sc-hd strong {
    display: block;
    color: #001529;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 34px
}

.vip-row .vip-item .sc-hd span {
    display: block;
    color: #999;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1
}

.vip-row .vip-item .sc-bd {
    background: #fff;
    border-radius: 4px;
    padding: 30px;
    border-radius: 8px
}

.vip-row .vip-item .sc-bd .faq-list {
    text-align: left
}

.vip-row .vip-item .faq-list .item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer
}

.vip-row .vip-item .faq-list .item .hd {
    position: relative;
    background-color: #fff;
    color: #001529;
    font-size: 1rem
}

.vip-row .vip-item .faq-list .item .bd {
    display: none;
    padding-top: 1rem
}

.vip-row .vip-item .faq-list .item.active .bd {
    display: block
}

.vip-row .vip-item .faq-list .item .hd:after {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #cacaca;
    border-right: 2px solid #cacaca;
    content: '';
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    transform: rotate(45deg)
}

.vip-row .vip-item .faq-list .item.active .hd:after {
    transform: rotate(135deg)
}