body {
    background-color: #F2F5F9 !important
}

span.divider {
    content: "";
    display: inline-block;
    margin: 2px 5px 0;
    width: 1px;
    height: 14px;
    background: #ececec
}

.viewtop {
    background: #fff;
    position: relative;
}

.viewtop .docinfobox {
    padding: 20px 20px 0px 20px;
    box-sizing: border-box;
    position: relative
}

.viewtop .docinfobox .title {
    padding: 10px 0 0;
    display: inline-block
}

.viewtop .docinfobox .title .file-icon {
    float: left;
    height: 22px;
    width: 22px;
    line-height: 22px;
    margin-right: 5px
}

.viewtop .docinfobox .title h1 {
    float: left;
    width: 730px;
    line-height: 30px;
    font-size: 22px;
    font-weight: 400;
    color: #000
}

.viewtop .docinfobox .title h1 em {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    padding: 1px 5px;
    margin: 0 0 0 10px;
    border-radius: 3px;
    color: #a37637;
    background: #fff;
    border: 1px solid #a37637;
}

.viewtop .docinfobox .title h1 i.original {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    padding: 1px 5px;
    margin: 0 0 0 10px;
    border-radius: 3px;
    color: #6ec486;
    background: #fff;
    border: 1px solid #6ec486;
}

.viewtop .docinfobox .title h1 i.you {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    padding: 1px 5px;
    margin: 0 0 0 10px;
    border-radius: 3px;
    color: #ffa000;
    background: #fff;
    border: 1px solid #ffa000;
}

.viewtop .docinfobox .title ul.operate {
    float: right;
    width: 152px;
    height: 40px;
    font-size: 22px;
    font-weight: 400;
    color: #111;
}

.viewtop .docinfobox .title ul.operate li {
    float: right;
    text-align: right;
}

.viewtop .docinfobox .intro {
    position: relative;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    overflow: visible;
    height: 44px
}

.viewtop .docinfobox .intro ul.intro-list {
    height: 44px
}

.viewtop .docinfobox .intro ul.intro-list li {
    float: left;
    padding: 0 3px;
    height: 44px;
    line-height: 44px;
    font-size: 12px;
    font-weight: 400;
    color: #888
}

.viewtop .docinfobox .intro ul.intro-list li a {
    font-size: 12px;
    font-weight: 400;
    color: #888
}

.viewtop .docinfobox .intro ul.intro-list li i {
    margin-right: 3px;
    font-size: 12px
}

.shop-box {
    position: relative;
    padding: 20px 20px;
    border: 0 dashed #eee;
    width: 100%;
    box-sizing: border-box
}

.view-down-btn, .view-join-btn {
    color: #fff;
    padding: 0 15px;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    background: #FF4400;
    text-align: center;
    border: none;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600
}

.view-join-btn {
    background: linear-gradient(90deg, #f7e4ad 0, #e5b85f 100%);
    color: #303133;
    font-size: 16px;
    font-weight: 600;
    color: #754e27
}

.view-down-btn:hover {
    color: #fff;
    background: #d51d1d
}

.view-join-btn:hover {
    color: #303133
}

.btn-vip-download {
    background-color: #DFC192 !important;
    border: none;
    color: #91622D !important;
}

.viewleft .pageinfo {
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
    color: #999;
    z-index: 1;
    box-sizing: border-box
}

.viewleft .pageinfo .goto-page {
    float: right
}

.viewleft .pageinfo .goto-page .cur-page {
    color: #999;
    display: inline-block;
    text-align: center;
    padding: 0 6px;
    outline: 0;
    height: 20px;
    line-height: 20px;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    box-sizing: border-box;
    width: 24px
}

.left-box {
    width: 950px;
    position: relative
}

.left-box .view-page-ad {
    background-color: #fff;
    margin: 10px 0
}

.left-box .view-page-ad .default-ad {
    padding: 25px;
    color: #888;
    text-align: center
}

.left-box .view-page-ad img {
    width: 100%
}

.left-box .h5box {
    /*position: relative;*/
    width: 100%
}

.left-box .h5box .pf {
    border: none;
    box-shadow: none;
    margin: 0 auto
}

/*
.view-foot {
    margin-top: 10px;
    padding: 30px 0;
    background: #fff;
    text-align: center;
    font-size: 16px;
    box-shadow: 0 3px 14px 4px #f2f2f2
}

.view-foot > .read-next > .nextread {
    display: inline-block;
    height: 60px;
    line-height: 60px
}

.view-foot > .read-next > .nextread > i {
    font-size: 18px;
    color: #dedede
}

.view-foot > .read-next > .readover > .line1 {
    font-weight: 700
}

.view-foot > .read-next > .readover > .line2 {
    display: block;
    margin-top: 10px
}
*/

.read-vip-tip {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 500px;
    height: 100px;
    line-height: 100px;
    color: #fde0b0;
    background: #222;
    border-radius: 10px
}

.read-tip {
    margin: 0 auto;
    margin-top: 20px;
    font-size: 12px;
    color: #aaa
}

.last-page-num {
    padding: 0 2px;
    color: #f60
}

.last-page-next {
    color: #38f;
    cursor: pointer
}

.last-down-btn, .last-read-btn {
    display: block;
    margin: 30px auto;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer
}

.last-down-btn > i, .last-read-btn > i {
    margin-left: 8px;
    font-size: 12px;
    color: #ddd
}

.last-down-btn {
    color: #fff;
    background: #e33
}

.last-read-btn:hover {
    background: #18a173
}

.last-down-btn:hover {
    background: #d51d1d
}

.view-bar {
    width: 950px;
    bottom: 0;
    z-index: 10;
    height: 75px;
    line-height: 55px;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    border-top: 1px solid #eee;
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 5%);
    box-shadow: 0 15px 30px rgb(0 0 0 / 5%);
    box-sizing: border-box
}

.view-bar.fixed {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #eee;
    box-shadow: 0 -2px 8px 0 #f2f2f2;
    z-index: 1000
}

.bar-page {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #999
}

.bar-page a i {
    padding: 5px;
    font-size: 22px;
    cursor: pointer
}

.bar-page .split {
    margin-left: 2px
}

.bar-page .expand {
    margin-left: 10px;
    padding: 3px;
    color: #aaa;
    cursor: pointer
}

.bar-page .expand:hover {
    color: #f60
}

.bar-page .page-next, .bar-page .page-pre {
    padding: 3px
}

.bar-page > input {
    padding: 0 3px;
    width: 38px;
    height: 26px;
    font-size: 16px;
    color: #999;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #f5f5f5;
    text-align: center
}

.bar-info {
    display: inline-block;
    margin-left: 10px
}

.bar-info a {
    display: inline-block;
    padding: 0 8px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: #666
}

.bar-info a i {
    font-size: 12px
}

.bar-info a:hover {
    color: #f01414
}

.bar-down {
    /*float: right*/
}

.desc-bar {
    margin-left: 30px
}

.desc-bar a {
    width: 60px;
    text-align: center;
    font-size: 12px;
    color: #979797;
    line-height: 18px
}

.desc-bar a:hover {
    color: #f01414
}

.desc-bar a i {
    font-size: 20px;
}

.noticebox .notice_hd {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px
}

.noticebox .notice_hd a {
    margin-right: 35px;
    font-size: 18px;
    position: relative
}

.noticebox .notice_hd a.active:before {
    content: "";
    position: absolute;
    width: 60px;
    bottom: 0;
    left: 50%;
    height: 4px;
    background: #ec3b3b;
    margin-left: -30px;
    margin-bottom: -18px;
    border-radius: 30px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.noticeidtxt {
    overflow: hidden;
    line-height: 28px;
    color: #666;
    font-size: 13px
}

.pre-detail-box {
    position: relative
}

.pre-detail-solle {
    max-height: 260px;
    box-sizing: border-box;
    margin-top: 0;
    overflow: hidden;
    transition: all .5s
}



.pre-detail-more {
    width: 100%;
    vertical-align: middle;
    font-size: 16px;
    color: #38f
}

.pre-detail-more:hover {
    color: #38f;
}

.pre-detail-more i {
    border: solid #38f;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 3px
}

.pre-detail-more i.icon-lower {
    vertical-align: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pre-detail-more i.icon-upper {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    vertical-align: -1px
}

.showview {
    width: auto;
    height: auto
}

.view-ta {
    margin: 10px 0;
    padding: 0 20px 20px 20px
}

.view-ta .doc-list-title {
    height: 70px;
    line-height: 70px;
    display: inline-block
}

.view-ta .doc-list-title h3 {
    font-size: 16px;
    font-weight: 600;
}

.view-ta .list-row {
    display: flex;
    flex-wrap: wrap
}

.view-ta .list-row .list-item {
    width: 19.07%;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    box-shadow: 0 3px 14px 4px #f2f2f2;
    transition: all .2s linear
}

.view-ta .list-row .list-item:nth-child(5n) {
    margin-right: 0
}

.view-ta .list-row .list-item:hover {
    transform: translateY(-4px);
    transition: all .36s;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.view-ta .list-row .list-item-title {
    text-align: left;
    height: 38px
}

.view-ta .list-row .list-item-img {
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #f1f1f1;
    height: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.view-ta .list-row .list-item-img i.tui {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 4px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(255, 160, 0, .9);
    border-radius: 0 5px 0 0
}

.view-ta .list-row .list-item-img i.vip {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 2px;
    font-size: 12px;
    color: #fde0b0;
    background-color: #555;
    border-radius: 5px 0 5px 0
}

.view-ta .list-row .list-item-img i.filetype {
    position: absolute;
    bottom: 2px;
    right: 2px;
    color: #2f97fe;
    margin-right: 0 !important
}

.view-ta .list-row .list-item-img img {
    width: 100%;
}

.view-ta .list-row .list-item-bottom {
    font-size: 11px;
    color: #999;
    margin-top: 10px
}

.view-ta .list-row span {
    margin-right: 5px
}

.doc-content {
    max-height: 300px;
    padding-top: 5px;
    color: #666;
    overflow: auto
}

.right-box {
    width: 320px;
    float: right
}

.list-box {
    padding: 0 20px 20px 20px
}

.list-box-title h3 {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    position: relative;
    padding-left: 10px;
    font-weight: 800;
    color: #333;
    border-bottom: 1px solid #eee
}

.list-box-title h3:before {
    position: absolute;
    top: 22px;
    left: 0;
    width: 4px;
    height: 18px;
    border-radius: 30px;
    background: #f01414;
    content: ''
}

.list-box-body li {
    position: relative;
    padding: 10px 0;
    line-height: 25px;
    border-bottom: 1px dashed #eee
}

.list-box-body li i {
    margin-right: 5px
}

.list-box-body li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tag-hot a {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    color: #999;
    height: 24px;
    line-height: 24px;
    border-radius: 24px;
    padding: 0 10px;
    background: #f9f9f9;
    margin: 10px 10px 0 0;
    border: 1px solid #eee
}

.tag-hot a:hover {
    color: #ec3b3b;
    background: rgba(236, 59, 59, .1);
    border-color: #ec3b3b
}

.ranking-box {
    padding: 0 20px 20px 20px
}

.ranking-box h3 {
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    font-size: 16px;
    background-color: #fbfbfb;
    color: #333;
    font-weight: 800;
    position: relative
}

.ranking-box h3:before {
    position: absolute;
    top: 22px;
    left: 0;
    width: 4px;
    height: 18px;
    border-radius: 30px;
    background: #f01414;
    content: ''
}

.ranking-box .hot {
    overflow: hidden
}

.ranking-box .hot .tab {
    list-style: none;
    margin: 0;
    text-align: center
}

.ranking-box .hot .tab li {
    float: left;
    width: 50%;
    padding-bottom: 10px
}

.ranking-box .hot .tab li.active {
    border-bottom: 2px solid #f01414
}

.ranking-box .hot .tab li a {
    font-size: 16px;
    color: #333;
    text-decoration: none
}

.ranking-box .hot .hotday {
    padding-top: 10px;
    overflow: hidden
}

.ranking-box .hot .hotday li {
    position: relative;
    padding: 10px 0;
    line-height: 25px;
    border-bottom: 1px dashed #eee
}

.ranking-box .hot .hotday li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ranking-box .hot .hotday li i {
    margin-right: 5px
}

.report-modal {
    padding: 10px 20px
}

.report-modal > ul > li {
    height: 32px;
    line-height: 32px
}

.report-modal > span {
    display: block;
    height: 32px;
    line-height: 32px;
    font-weight: 700
}

.report-modal > textarea {
    width: 320px;
    height: 80px
}

.report-modal > input {
    width: 320px
}

.zip-tree ul {
    padding-left: 15px
}

.zip-tree ul li {
    position: relative;
    font-size: 16px;
    line-height: 32px;
    padding-left: 20px
}

.zip-tree ul li em {
    color: #999;
    font-size: 12px;
    margin-left: 10px
}

.zip-tree ul li i {
    margin-top: 8px;
    margin-left: 5px;
}

.zip-tree ul li.folder {
    font-weight: 700
}

.zip-tree ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    border-left: 1px dashed #ddd;
    content: ''
}

.zip-tree ul li:after {
    position: absolute;
    left: 0;
    top: 16px;
    width: 20px;
    content: '';
    border-top: 1px dashed #ddd
}

.view-page {
    position: relative;
    padding: 0 10px;
}

.view-page::before {
/*    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/water.svg);
    content: ''*/
}

.view-body {
    position: relative
}

.view-tabs {
    display: flex;
    padding: 0px 0;
}


.preview-grab {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    z-index: 1
}

.downModel {
    position: relative;
    width: 700px;
}

.downModel .fileinfo {
    padding-bottom: 20px;
}

.downModel .fileinfo p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    color: #FFF;
    padding: 8px 20px;
}

.downModel .viptips {
    line-height: 30px;
    font-size: 15px;
    color: #999;
    text-align: center
}

.downModel .viptips a {
    color: #e33
}

.iconfont.iconloading2:before {
    display: inline-block;
    -webkit-animation-name: loading-rotate;
    animation-name: loading-rotate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.downModel .user-down {
    background-color: #fff;
    text-align: center;
    border-top: 1px solid #ededed;
    width: 100%;
    display: inline-block;
    padding: 20px 20px;
}

.downModel .user-down .user-down-btn {
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: 200px;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    margin: 0 auto 0;
    text-align: center;
    background: #e33;
    box-shadow: 0 5px 23px 0 rgb(238 50 50 / 30%)
}

.downModel .pay-box {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    background: #f5f7fa;
    padding: 20px 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.downModel .pay-box .pay-type {
    text-align: center;
    font-weight: 700;
    color: #303133;
    font-size: 18px;
    vertical-align: middle;
    margin-bottom: 20px
}

.downModel .pay-box .pay-item {
    display: inline-block;
}

.downModel .pay-box .pay-item a {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px solid #dee2e6;
    box-shadow: 0 25px 20px -20px rgba(0, 0, 0, .03), 0 5px 15px rgba(0, 0, 0, .03);
    padding: 0;
    background-color: #f8f9fa;
    justify-content: center;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 70px;
    height: 70px;
    width: 200px;
    float: left;
    margin: 5px 10px;
    border-radius: 5px;
    text-align: center
}

.downModel .pay-box .pay-item a:hover {
    color: #333
}

.downModel .pay-box .pay-item a.active {
    border-color: #fc4e53
}

.downModel .pay-box .pay-item a svg {
    width: 32px;
    height: 32px;
    margin-right: 10px
}

.downModel .pay-box .pay-item a.active:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/jb.png) 100% 100% no-repeat;
    content: ''
}

.downModel .pay-box .pay-item a img {
    width: 28px;
    height: 28px;
    margin-right: 10px
}

.downModel .pay-qrcode {
    background-color: #fff;
    text-align: center;
    padding: 20px 20px;
    height: auto;
}

.downModel .pay-qrcode img {
    width: 140px;
    height: 140px;
}

.downModel .pay-qrcode .pay-type {
    font-size: 16px;
    padding: 5px 0;
}

.downModel .pay-qrcode .scan-rq {
    position: relative;
}

.downModel .pay-qrcode .user-area-acc {
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.downModel .pay-qrcode .scan-rq .rq-desc {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.downModel .pay-qrcode .scan-rq .rq-desc .ico-scan {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon_scan.png);
    background-size: 100%
}

.down-file {
    border-top: 1px solid #ededed;
    background: #f5f7fa;
    padding: 20px 20px;
}

.pay-box-r .scan-rq {
    padding: 10px 10px 0;
    height: 205px;
    position: relative;
    margin-top: 10px;
    background-color: #FFF;
    border: 1px solid #ededed;
    border-radius: 5px;
}

.pay-box-r .scan-rq .rq-img {
    width: 150px;
    height: 150px;
    text-align: center;
    margin: 0 auto
}

.pay-box-r .scan-rq .rq-img img {
    width: 100%;
    height: 100%
}

.pay-box-r .scan-rq .ico-scan {
    display: block;
    width: 21px;
    height: 21px;
    float: left;
    background: url(../images/icon_scan.png);
    background-size: 100%
}

.pay-box-r .scan-rq p {
    font-size: 12px;
    color: #909399;
    line-height: 1.5;
    margin: 5px 0 0 40px;
    padding: 0;
    text-align: center
}

.pay-box-r .scan-rq .expired {
    border-radius: 6px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .95;
    background: #fff url(../images/pay_status_yes.png) center center no-repeat
}

.pay-box-r .scan-rq .expired .paymsg {
    text-align: center;
    color: red;
    padding-top: 135px
}

.scan-area, .user-area {
    text-align: center;
}

.user-credit-low {
    font-size: 16px;
    padding: 65px 0
}

.user-currency {
    padding: 40px 0;
    text-align: center;
    font-size: 16px;
    line-height: 35px
}

.user-down-btn:hover {
    color: #fff
}

.user-vip-btn:hover {
    color: #303133
}

.loading-pay {
    text-align: center
}

.view-tabs {
    margin-bottom: 10px;
    margin-top: 5px
}

.view-tabs .tab {
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #FFF6DC;
    background: #fff6dc;
    color: #F90;
    margin-left: 10px;
}

.full-preview {
    width: 100%;
    height: 110px;
    background: url(../images/full-preview-bj.png);
    text-align: center;
    position: relative;
    z-index: 9;
    padding-top: 55px;
    margin-top: -104px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bar-down ul.operate {
    /*float: right*/
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
}

.bar-down ul.operate li {
    /*float: right;*/
    padding: 0 10px
}

.bar-down ul.operate li a.op {
    position: relative;
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-top: 8px
}

.bar-down ul.operate li a.op i {
    display: block;
    font-size: 20px;
    height: 20px;
    line-height: 20px
}

.bar-down ul.operate li a.op span {
    display: block;
    height: 20px;
    line-height: 20px
}

.bar-down ul.operate li.share a.op small {
    position: absolute;
    right: -8px;
    top: -6px;
    display: block;
    height: 16px;
    text-align: center;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px !important;
    line-height: 16px;
    border-radius: 11px 11px 11px 2px;
    color: #fff;
    background-color: #fc5531
}

.share-content {
    position: relative;
    overflow: auto;
    background: url(../images/share_bg.png) no-repeat;
    z-index: 999;
    width: 602px;
    height: 622px
}

.detail-share {
    position: relative;
    overflow: hidden;
    width: 601px;
    height: 622px
}

.detail-share #share_qrcode_img {
    margin: 0 auto;
    margin-top: 190px;
    width: 132px;
    height: 132px;
    padding: 8px 8px;
    border: 1px solid #aaa
}

.detail-share #share_qrcode_img img {
    width: 132px
}

.detail-share #share_qrcode_img table {
    width: 132px;
    height: 132px
}

.detail-share #share_qrcode_img {
    margin: 0 auto;
    margin-top: 190px;
    width: 132px;
    height: 132px;
    padding: 8px 8px;
    border: 1px solid #aaa
}

.detail-share .tip {
    margin: auto;
    margin-top: 30px;
    margin-right: 120px;
    width: 374px
}

.detail-share .tip span {
    color: #fa0000;
    font-weight: bolder
}

.detail-share .tip p {
    text-indent: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #111
}

.detail-share .copy {
    margin: auto;
    margin-top: 88px;
    width: 382px;
    min-height: 1px;
    height: auto;
    overflow: hidden
}

.detail-share .copy input {
    display: block;
    float: left;
    border: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: 272px;
    height: 36px;
    line-height: 36px;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px;
    font-weight: 400;
    color: #111
}

.detail-share .copy button {
    display: block;
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
    border: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #2878ff;
    text-align: center;
    cursor: pointer
}

.ui-modal-share-content {
    position: relative;
    display: inline-block
}

.ui-modal-share-content .login-modal-share-close {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 95px;
    right: 95px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1000;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.ui-modal-share-content .login-modal-share-close i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    color: #ccc;
    cursor: pointer
}

.ui-modal-share-content .login-modal-share-close i:hover {
    color: #f60
}

.jiuniao_modal_btn {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.jiuniao_modal_btn a.share_user_url {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 125px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #2878ff;
    font-size: 14px;
    color: #2878ff;
    margin: 0 10px
}

.jiuniao_modal_btn a.share_apply_agent {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 125px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #2878ff;
    font-size: 14px;
    color: #fff;
    background-color: #2878ff;
    margin: 0 10px
}

.shop-box .publish {
    position: relative;
    padding: 0
}

.shop-box .publish .info {
    overflow: hidden
}

.shop-box .publish .info .logo {
    float: left;
    position: relative;
    width: 50px;
    height: 50px
}

.shop-box .publish .info .logo a {
    display: block
}

.shop-box .publish .info .logo img {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 25px;
    border: 1px solid #eee;
    cursor: pointer
}

.shop-box .publish .info dl.name {
    float: left;
    width: 230px;
    height: 50px;
    padding: 0 0 0 10px
}

.shop-box .publish .info dl.name dd {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.shop-box .publish .info dl.name dt {
    max-width: 230px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.shop-box .publish .info dl.name dt a {
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.shop-box .publish .info dl.name dd .authen-about {
    float: left;
    margin-right: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative
}

.shop-box .publish .info dl.name dd .authen-about svg {
    margin-right: 3px
}

.shop-box .publish .info dl.name dt a.no-regard {
    float: right;
    font-size: 12px;
    color: #f55;
    font-weight: 400
}

.shop-box .publish .info dl.name dt a.regard {
    float: right;
    font-size: 12px;
    color: #888;
    font-weight: 400
}

.shop-box .publish .intro {
    margin-top: 15px;
    height: 36px;
    line-height: 18px;
    font-size: 12px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.shop-box .publish .bd.crm .btns {
    padding-top: 10px;
    overflow: hidden
}

.shop-box .publish .bd.crm .btns i {
    font-size: 14px
}

.shop-box .publish .bd.crm .btns a.btn-space {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ff5555;
    font-size: 14px;
    float: right;
    width: 135px;
    background: #ff5555;
    color: #fff
}

.shop-box .publish .bd.crm .btns a.btn-fav {
    position: relative;
    float: left;
    display: block;
    height: 40px;
    width: 135px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ff5555;
    font-size: 14px;
    color: #ff5555
}

/*富文本*/
.fulltext-content p {
    font-size: 16px;
    text-align: justify;
    color: #3b3b3b;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 32px;
    margin-bottom: 28px;
    word-break: break-word;
    font-family: "PingFang SC", Microsoft YaHei, Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

.fulltext-content strong {
    color: #141414;
    white-space: pre-wrap;
    border-width: .25em 0;
    display: inline;
    background: #f9fafb
}

.fulltext-content ol, .fulltext-content ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 20px
}

.fulltext-content ol li, .fulltext-content ul li {
    list-style: none;
    padding-left: 5px;
    margin-left: 5px;
    line-height: 2.4
}

.fulltext-content ol li {
    list-style: decimal
}

.fulltext-content ul li {
    position: relative;
    padding-left: 20px
}

.fulltext-content ul li::before {
    position: absolute;
    content: "";
    color: #006abe;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    display: inline-block;
    left: 0;
    top: 15px
}

.fulltext-content p a {
    padding: 0 0 2px;
    position: relative;
    z-index: 0;
    color: #1a75dc;
    cursor: pointer
}

.fulltext-content a:hover {
    color: red
}

.fulltext-content p a.keylink {
    color: #d22222;
    border-bottom: 1px dashed #d22222;
    display: inline-block
}

.fulltext-content p img {
    max-width: 700px;
    box-shadow: 0 1px 3px rgba(27, 95, 160, .1);
    border: 1px solid #eee;
    display: inline-block;
    margin: 0 auto
}

.fulltext-content blockquote {
    position: relative;
    color: #999;
    font-weight: 400;
    border: 0;
    margin: 0;
    padding: 10px 20px;
    display: block;
    background: #f7f7f7;
    border-radius: 2px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0
}

.fulltext-content blockquote:before {
    content: "";
    display: block;
    width: 65px;
    height: 42px;
    position: absolute;
    background: url(../images/big-left.png) 0 0 no-repeat;
    top: 0;
    left: 0;
    background-size: 100%;
    z-index: -1
}

.fulltext-content blockquote:after {
    content: "";
    display: block;
    width: 22px;
    height: 17px;
    position: absolute;
    background: url(../images/small-right.png) 0 0 no-repeat;
    right: 15px;
    bottom: 5px;
    background-size: 100%;
    z-index: -1
}

.fulltext-content blockquote p {
    font-size: 14px;
    color: #999;
    padding: 0
}

.fulltext-content blockquote p strong {
    color: #999;
    background: 0 0
}

.fulltext-content blockquote p:last-child {
    margin: 0
}

.fulltext-content blockquote p a {
    color: #999;
    border-bottom: 1px dashed #999
}