@charset "UTF-8";
/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */
/*评论区*/
.qqFace{margin-top: 4px; background: #fff; padding: 2px;}
.qqFace table td{padding: 0px;}
.qqFace table td img{cursor: pointer; border: 1px #fff solid;transition: all 0.5s; /*transition:过度属性*/}
.qqFace table td img:hover{transform: scale(2); /*transform:变形属性，scale：缩放1.1倍 */}
@media(max-width:979px) {
.qqFace{margin-top: 4px; background: #fff; padding: 2px; border: 1px #dfe6f6 solid;}
.qqFace table td{padding: 0px;}
.qqFace table td img{cursor: pointer; border: 1px #fff solid;transition: all 0.5s; /*transition:过度属性*/}
.qqFace table td img:hover{transform: scale(2); /*transform:变形属性，scale：缩放1.1倍 */}
}
.emotion{width: 42px; height: 20px; background: url(../images/icon.gif) no-repeat 2px 2px; padding-left: 20px; cursor: pointer; color: #999}
.emotion:hover{background-position: 2px -28px; color: #666}
.yzm-comment-list-box{border: 1px solid #ddd; margin: 25px 0 15px; overflow: hidden;}
.yzm-comment-list-top{background: #fbfbfb; color: #555; font-size: 14px; padding: 0 12px; height: 30px; line-height: 30px; border-bottom: 1px dotted #ddd;}
.yzm-comment-list-top a{color:#de1513;}
.yzm-comment-list-body ul{padding: 0 12px;}
.yzm-comment-list-body ul li{padding: 10px 0; border-bottom: 1px dotted #ddd; overflow: hidden;}
.yzm-comment-list-body ul li:last-child{border-bottom: none;}
.yzm-comm-right{margin-left: 50px;}
.yzm-comm-right strong{font-weight:normal;}
.yzm-comm-right .user_name{color: #017cb9}
.yzm-comm-right .user_name:hover{color: #2a6496; text-decoration: underline; transition: all 0.15s linear 0s;}
.yzm-comment-list-body .user_pic{float: left;}
.yzm-comment-list-body p{font-size: 14px; line-height: 1.5em; color: #666; margin: 5px 0;}
.yzm-comment-list-body .original_comment{display: block; margin: 5px 0;}
.yzm-comment-list-body .comm_time{font-size: 12px; color: #999;}
.yzm-comment-list-body .comm_a{font-size: 12px; color: #999; margin: 0 5px; transition: all 0.15s linear 0s;}
.yzm-comment-list-body .comm_a:hover{color: #555}
.none{display: none;}
.original_comment{display: block; margin: 5px 0;background: #f4f4f4; color: #555; font-size: 12px; padding: 0 12px;}
.ripro-dark .original_comment{background-color: #232425;display: block; margin: 5px 0; color: #999; font-size: 12px; padding: 0 12px;}
.user_name{color: #065279;font-weight: 900;}
.ripro-dark .user_name{color: #f4f4f4;font-weight: 900;}
.user_name:hover{color: #2a6496; text-decoration: underline; transition: all 0.15s linear 0s;}
.yzm-comment-explain{font-size:12px;color:red;margin-left:10px}
/* 前端分页白 */
#page{margin:30px 0;font-size:14px;height:10px;line-height:10px;text-align:center}
#page .pageinfo{display: none;}
/* #page .pageinfo{border:1px solid #cecece;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s} */
#page  a{border:1px solid #cecece;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#34495e;text-decoration:none;border:1px solid #cecece;color:#fff;}
#page .nopage{display: none;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #cecece;}
/* 前端分页 */
/*屏幕小于768px分页样式*/
@media (max-width:768px) {
#page{text-align:center}
#page .pageinfo{display: none;}
#page  a{border:1px solid #cecece;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#34495e;text-decoration:none;border:1px solid #cecece;color:#fff;}
#page .nopage{display: none;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #cecece;}
}
/*屏幕小于768px分页样式*/
/* 前端分页黑 */
.ripro-dark #page{margin:30px 0;font-size:14px;height:10px;line-height:10px;text-align:center}
.ripro-dark #page .pageinfo{border:1px solid #cecece;background:#191616;color:#999;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
.ripro-dark #page  a{border:1px solid #cecece;background:#191616;color:#999;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
.ripro-dark #page  a:hover,.ripro-dark #page .curpage{background:#34495e;text-decoration:none;border:1px solid #cecece;color:#fff;}
.ripro-dark #page .nopage{display: none;}
.ripro-dark #page .nopage:hover{background:#191616;color:#fff;border:1px solid #cecece;}
/* 前端分页 */
/*屏幕小于768px分页样式*/
@media (max-width:768px) {
.ripro-dark #page{text-align:center}
.ripro-dark #page .pageinfo{display: none;}
.ripro-dark #page  a{border:1px solid #cecece;background:#191616;color:#999;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
.ripro-dark #page  a:hover,.ripro-dark #page .curpage{background:#34495e;text-decoration:none;border:1px solid #cecece;color:#191616;}
.ripro-dark #page .nopage{display: none;}
.ripro-dark #page .nopage:hover{background:#191616;color:#fff;border:1px solid #cecece;}
}
/*屏幕小于768px分页样式*/
/* 幻灯片 */
.yzm-banner{width: 100%; height: 360px; float: left; overflow: hidden;}
.yzm-banner img{width: 100%; height: 360px;border-radius:8px;}
.swiper-pagination{width: 100%; height: 15px; position: absolute; bottom: 20px;}
.swiper-pagination-bullet{width: 30px; height: 10px; border-radius: 0; background: #2196f3; margin: 0 5px;}
.yzm-button-prev,
.yzm-button-next{height: 28px; width: 15px; position: absolute; z-index: 9; padding: 10px 5px; margin-top: -20px; top: 50%; cursor: pointer;}
.yzm-button-prev{background: url(../images/bannerL.png) no-repeat center; left: 12px; background-color: rgba(0, 0, 0, .0);}
.yzm-button-next{background: url(../images/bannerR.png) no-repeat center; right: 12px; background-color: rgba(0, 0, 0, .0);}
/*.yzm-banner p.title{ position:absolute; left:0; bottom:0; text-indent:10px; line-height:30px;font-family:Verdana; color:#FFF; display:block;width:100%; height:30px; margin: 0 0; font-family:14px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5);}*/ 
/* 新增样式 */
.slide-link {
    position: relative;
    display: block;
    overflow: hidden;
}

.slide-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 2%;
    background: linear-gradient(transparent, rgba(0,0,0,0.5));
    color: #fbfbfb;
    z-index: 2;
	border-radius:8px;
}

.slide-title {
    color: #fbfbfb;
    font-size: 24px;
    margin-bottom: 12px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.4s ease;
}

.slide-desc {
    font-size: 16px;
    line-height: 1.5;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease 0.2s;
}

/* 活动态动画 */
.swiper-slide-active .slide-title {
    transform: translateY(0);
    opacity: 1;
}

.swiper-slide-active .slide-desc {
    max-height: 100px; /* 根据实际内容调整 */
}
/* 内容容器默认状态 */
.slide-content {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 活动态动画 */
.slide-content.active {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 767px) {
    .yzm-banner {width: 100%; height: 188px; float: left; overflow: hidden;}
	.yzm-banner img{width: 100%; height: 188px;}
}
/* 幻灯片 */
/*前端友情链接*/
@media screen and (max-width: 750px) { 
.container .row .card  {width: 100%} 
} 
/*margin-left:-10px;margin-right:-10px;*/
.sucaihu-yqlj{margin-left:0px;margin-right:0px;display:flex;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:6px;box-shadow:0 4px 12px 0 rgba(52,73,94,.1)}
.clearfix1{color:#222529;background:linear-gradient(-125deg,#f2f2f2 0,#eaeaea 100%);margin-top:1rem;padding:1rem 1.5rem;border:1px solid transparent;border-radius:.375rem;max-width:100%}
.ripro-dark .sucaihu-yqlj{margin-left:0px;margin-right:0px;display:flex;background:#141518;border:0px solid rgba(0,0,0,.05);border-radius:6px;box-shadow:0 0px 0px 0 rgba(52,73,94,.1)}
.ripro-dark .clearfix1{color:#f7f8f9;background:linear-gradient(-125deg,#222529 0,#191a1f 100%);margin-top:1rem;padding:1rem 1.5rem;border:1px solid transparent;border-radius:.375rem;max-width:100%}
.mt20{margin-top:20px;margin-bottom:15px}
.card-header{padding:1.25rem 1.5rem;font-size:1.0625rem;background-color:#fff}
.card-header:first-child{border-radius:calc(.375rem - 1px) calc(.375rem - 1px) 0 0}
/*前端友情链接*/

/*Floating navigation Style start*/
.rightList ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
.rightList ul,ol,li{list-style-type:none}
.rightList.bar-v2{position:fixed;right: 18px;bottom:34px;z-index:999;text-align:center;width:50px;height:auto;box-sizing:border-box;padding-bottom:55px;background:transparent;box-shadow:none;}
.rightList.bar-v2 .sidebar{position:relative;transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);width:100%;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);border-radius:6px}
.rightList.bar-v2 .Top{display:none;position:absolute;left: -3px;bottom:0;cursor:pointer;z-index:10;width:100%;height:45px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);border-radius:6px;text-align:center;box-sizing:border-box;padding-top:12px;}
.bar-v2 .Top i{font-size:16px;color:#000;transition:.3s}
.bar-v2 .Top span{display:block;margin: -7px auto 0;width:16px;height:2px;border:0;border-radius:1px;}
.bar-v2 .Top:hover i{color:#ff461f}
.ripro-dark .bar-v2 .Top:hover i{color:#ffa363}
.bar-v2 .sidebar li{position:relative}
.bar-v2 .sidebar li>a{display:block;padding: 8px 0;cursor:pointer;position:relative;border:0;opacity:1;}
.bar-v2 .sidebar li>a:after{content:"";position:absolute;top:0;left:3px;width:44px;height:1px;background:#707070;opacity:.1}
.bar-v2 .sidebar .vip .iconfont{font-size:22px;color:#ffa363;background-image:linear-gradient(to bottom,#ffa363 0,#fd7d5b 100%);background-image:-webkit-gradient(to bottom,#ffa363 0,#fd7d5b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.bar-v2 .sidebar li .right-icon{display:block;margin:0 auto;background-image:url(../images/right-icon-v2.png);background-repeat:no-repeat;background-size:auto 20px}
.bar-v2 .sidebar .iconfont{font-size:22px;color:#ee663f;background-image:linear-gradient(to bottom,#f98b6b 0,#ee663f 100%);background-image:-webkit-gradient(to bottom,#eb4d53 0,#ff461f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ripro-dark .bar-v2 .sidebar .iconfont{color:#FFC107;background-image:linear-gradient(to bottom,#FFC107 0,#ffa363 100%);background-image:-webkit-gradient(to bottom,#FFC107 0,#ffa363 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.slideTxtBox{width:100%;overflow:hidden;margin:30px 0 30px 0;/*20240220底部60px*/}
.link{max-height:100%; overflow:auto;background:#fff;margin:0 auto}
.link ul{padding:0!important;margin:0!important}
.link ul li a{color:#333;}
.link ul>span{float:left;display:block;font-size:14px;/*background:linear-gradient(-125deg,#0aa9e3 0,#34495e 100%);*/background-image: url(../images/footer-bottom-show-bg.png);max-height:100%; overflow:auto;padding:0 30px;padding-top:18px;text-align:center;overflow:hidden;color:#fff;margin:0 auto}
.link ul>span>a{color:#fff;font-weight:bold;}
.link ul>span>a:hover{color:#0aa9e3}
.link ul>span>li{display:block;font-size:14px;overflow:auto;text-align:center;overflow:hidden;margin:0 auto}
.link ul>span>li>a{color:#dddddd;margin-bottom:18px;}
.link ul>span>li>a:hover{color:#0aa9e3}
.slideTxtBox ul li a{display:inline-block;padding:0 10px;float:left;font-size:14px;color:#34495e;padding-top:2px}
.slideTxtBox ul li a:hover{text-decoration:none;color:#0aa9e3;}
.foot_num{width:25%;float:left;color:#fff;line-height:120px;height:120px}
.foot_num div:nth-child(1){font-size:18px;float:left;width:100px;text-align:right}
.foot_num div:nth-child(2){font-family:cursive "微软雅黑";font-size:36px;float:left;margin-left:20px}
.foot_num:hover{background:#FB7256;cursor:pointer}
/*暗黑模式*/
.ripro-dark .slideTxtBox{width:100%;overflow:hidden;margin:30px 0 30px 0;/*20240220底部60px*/}
.ripro-dark .link{max-height:100%; overflow:auto;background:#383636;margin:0 auto}
.ripro-dark .link ul{padding:0!important;margin:0!important}
.ripro-dark .link ul li a{color:#333;}
.ripro-dark .link ul>span{float:left;display:block;font-size:14px;/*background:linear-gradient(-125deg,#605c3c 0,#1c3b3f 100%);*/background: #191616;max-height:100%; overflow:auto;padding:0 30px;padding-top:18px;text-align:center;overflow:hidden;color:#fff;margin:0 auto}
.ripro-dark .link ul>span>a{color:#fff;font-weight:bold;}
.ripro-dark .link ul>span>a:hover{color:#fff}
.ripro-dark .link ul>span>li{display:block;font-size:14px;overflow:auto;text-align:center;overflow:hidden;margin:0 auto}
.ripro-dark .link ul>span>li>a{color:#dddddd;margin-bottom:18px;}
.ripro-dark .link ul>span>li>a:hover{color:#fff}
.ripro-dark .slideTxtBox ul li a{display:inline-block;padding:0 10px;float:left;font-size:14px;color:#fff;padding-top:2px}
.ripro-dark .slideTxtBox ul li a:hover{text-decoration:none;color:#fff;}
.ripro-dark .foot_num{width:25%;float:left;color:#fff;line-height:120px;height:120px}
.ripro-dark .foot_num div:nth-child(1){font-size:18px;float:left;width:100px;text-align:right}
.ripro-dark .foot_num div:nth-child(2){font-family:cursive "微软雅黑";font-size:36px;float:left;margin-left:20px}
.ripro-dark .foot_num:hover{background:#FB7256;cursor:pointer}
@media (max-width:768px){.billboard,.newworklist,.seanggwrap,.slideTxtBox,.subnav,.top-dvertisement,.diamond-vip,.wic_slogin,.free-theme-tag,.jing-theme-tag{display:none}
}

/*前端友情链接*/
/* newArticleGrid */
.newArticleGrid{ margin:-5px -5px 35px;}
.newArticleGrid .itemLi{ width:25%; float:left; padding:5px;}
.newArticleGrid .content{ display:block; height:100px; border:1px solid #eee; padding:25px 20px 25px 95px; position:relative; font-size:12px; color:#999; line-height:1.8; border-radius:5px; background:#fff; overflow:hidden; -webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;}
.ripro-dark .newArticleGrid .content{ display:block; height:100px; border:1px solid #454545; padding:25px 20px 25px 95px; position:relative; font-size:12px; color:#888; line-height:1.8; border-radius:5px; background:#191616; overflow:hidden; -webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;}
.ripro-dark .newArticleGrid .itemLi h2{ line-height:26px; color:#eee; font-size:15px; height:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newArticleGrid .img{ display:block; width:60px; height:60px; position:absolute; left:20px; top:20px; border-radius:4px; background:#f6f6f6; overflow:hidden;}
.newArticleGrid .catName{ display:block; width:60px; height:60px; text-align:center; line-height:60px; padding:0 10px; color:#fff; font-size:13px; font-weight:bold; position:absolute; left:20px; top:20px; border-radius:50%; background:#f6f6f6; overflow:hidden;}
.newArticleGrid .catName.green{ background: linear-gradient(-125deg,#57bdbf,#2f9de2);}
.newArticleGrid .catName.red{ background: linear-gradient(-128deg,#e14062,#a13582);}
.newArticleGrid .catName.grayBlue{ background: linear-gradient(-113deg,#81328d,#592984);}
.newArticleGrid .catName.yellow{ background: linear-gradient(-141deg,#ffc000,#ea942e);}

.newArticleGrid .itemLi h2{ line-height:26px; color:#454545; font-size:15px; height:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newArticleGrid .content:hover { z-index:9; -webkit-transition-delay:.15s; transition-delay:.15s; -webkit-transform:translate3d(0, -7px, 0); transform:ranslate3d(0, -7px, 0); -webkit-box-shadow:0 20px 60px rgba(61, 79, 127, 0.17); box-shadow:0 20px 60px rgba(61, 79, 127, 0.17);}
.newArticleGrid .content:hover h2{ color:#2254f4;}

.newArticleGrid.linkss{ margin-bottom: 20px; }
.newArticleGrid.linkss .itemLi{ /*width:100%; float: none;*/ }
.newArticleGrid.web .itemLi{ width:25%;}
.newArticleGrid.linkss .itemLi h2{ margin-bottom:0; font-size:14px; }
.newArticleGrid.linkss .itemLi p{ line-height:21px; height:21px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newArticleGrid.linkss .content{ height: 70px; padding: 14px 10px 10px 65px; }
.newArticleGrid.linkss .img{ width:40px; height:40px; border-radius:50%; left:15px; top:14px; }
.newArticleGrid.linkss .itemLi h2 { line-height: 20px; font-size: 13px; height: 20px; }

.newArticleGrid.list .content{ height:170px; }
.newArticleGrid.list .btmBox{ height:80px; position:absolute; left:0; right:0; bottom:0; padding:15px 20px; border-top:1px dotted #eee;}
.newArticleGrid.list .itemLi p{ font-size:13px; color:#777;}

.thankGroup{ color:#777;}
.thankGroup .cfBlue, .thankGroup a{ color:#2254f4;}
.titleWrapper{ margin-bottom: 15px; margin-top: -10px; overflow: hidden; display: flex; justify-content: space-between;  }
.titleWrapper .title{ line-height: 40px; color: #454545;}
.titleWrapper .title b{ display: inline-block; border-bottom: 4px solid #2254f4; }
.titleWrapper .title b>small{ padding-left: 10px; font-size: 12px; color: #999; }
.titleWrapper .more{ font-size: 12px; color: #999; line-height: 40px; }

.mb40 { margin-bottom: 40px; }
@media screen and (max-width: 640px){
    .imgTextGrid ul{ margin: 0;}
    .imgTextGrid li { width: 100%; border-left: 0; padding: 0 0 20px; margin-bottom: 20px; }
    .newArticleGrid .itemLi { width: 50%; }
}
@media screen and (max-width: 480px){
    .articleModeGrid{ margin-top:0;}
    .articleModeGrid.w3 .itemLi { width: 100%; }
    .flexBetweenMode.res{ display:block;}
    .flexBetweenMode.res .flexWrapper.max { padding-right: 0; }
    .newArticleGrid .itemLi { width: 100%; }
}

/*友情链接*/
/*合作伙伴*/
.partner .partnerlist {
    overflow: hidden;
}

.partner .partnerlist ul {
    list-style-type: none;
    padding: 0;
    margin: 0 -2% 0 0;
}

.partner .partnerlist li {
    float: left;
    width: 23%;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 15px;
    border: 1px solid #eee;
    background-color: #ffffff;
    border-radius: 2px;
}

.partner .partnerlist li .name {
    background-color: #eee;
    display: inline-block;
    padding: 0 5px 0;
    font-size: 12px;
    color: #666;
}

.partner .partnerlist li .name:hover {
    background-color: #444;
    color: #fff;
}

.partner .partnerlist li:hover {
    border-color: #ccc;
}

.partner .partnerlist li:hover .name {
    background-color: #333;
    color: #fff;
}

.partner .partnerlist li small {
    margin-left: 10px;
    color: #bbb;
}

.partner .partnerlist img {
    margin: 0 auto;
    max-width: 150px; height: auto;
    border-radius: 4px 4px 4px 4px;
}

.partner .partnerlist li p {
    margin: 10px 0 0;
    font-size: 12px;
    height: 17px;
    overflow: hidden;
    display: block;
    line-height: 1.5;
}

.partner .partnerlist li .tit {
    color: #999;
}

.partner .partnerlist li .tit:hover {
    color: #444;
}

.partner .partnerlist a {
    text-decoration: none;
}

@media (max-width: 1024px) {
    .partner .partnerlist li {
        width: 48%;
    }
}

@media (max-width: 768px) {
    .partner .partnerlist li {
        width: 48%;
    }
/*width: 48%;*/
    .mobile-none {
        display: none !important;
    }
}

@media (max-width: 544px) {
    .partner .partnerlist li {
        padding: 10px;
    }
}

/*合作伙伴*/
/*会员中心*/
/*主要部分 右侧*/
/*个人页面*/
.mask-wrapper{
    position: relative;
    display: flex;
    align-items: flex-end;
    background-color: #ccc
}
.mask-wrapper{
    width:100%;
    height:0;
    padding-top:20%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.author.wrapper{
    flex-flow: column;
}
.author-header{
    overflow: hidden;
}
.author-table{
	display: flex;
}
.author-page-right-in{
    padding:16px
}
.author-page-right{
    width:240px;
}
.author-page-left{
    flex: 1;
    width:100%;
}
.post-info .list-footer .text{
    padding:0;
    color:#FF3355;
    margin-left:10px
}

.user-sidebar{
    font-size: 14px
}
.user-count{
    padding-top:16px;
    margin-top:16px;
}
.user-sidebar-info{
    padding:14px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.user-sidebar-count{
    display: flex;
    flex-flow: wrap;
    padding:15px
}
#author-index{
    overflow: hidden;
}
#author-index .user-info{
    padding:6px 20px
}
#author-index .user-info p{
    position: relative;
    padding:14px 0
}
#author-index .user-info p span{
    display: inline-block;
    margin-right:8px
}

.user-info-title{
    color:#154371;
    font-size: 14px;
    line-height: 22px;
}

#author-index .user-info p a{
    font-size: 12px;
    position: absolute;
    right:16px;
    top:12px
}
.user-verify span b{
    margin-right:3px
}
.user-verify span b i.qh-vrenzhengguanli{
    position: initial;
    display: inline-block;
}
.user-sidebar.h0{
    height:0;
    width:0;
    opacity: 0;
    overflow: hidden;
    transition: height .3s ease-in-out;
}
.user-sidebar.h0.show{
    opacity: 1;
    height: 54px;
    width:auto;
    transition: height .3s ease-in-out;
}
.user-sidebar-count li{
    width:25%;
    padding:20px;
    position: relative;
    box-sizing: border-box;
    background-color: #F7F9FA;
    border:5px solid #fff
}
.user-sidebar-count li i{
    position: absolute;
    font-size: 81px;
    color: rgba(209, 233, 255, 0.28);
    right: 0;
    top: -13px;
}
.user-sidebar-count li > div{
    position: relative;
}
.user-item-desc{
    font-size: 12px;
    color:#AAAEB3
}
.user-sidebar-count li p{
    font-size: 24px;
    font-weight: 600;
    margin:10px 0
}
.sidebar-invitation-box{
    margin-top:26px;
    padding:16px
}
.user-money-and-credit > div{
    margin-right:20px;
    width:50%;
    overflow: hidden;
}
.user-money-and-credit > div span{
    width:100%;
    display: block;
    padding:0 20px;
    font-size: 24px;
    height: 68px;
    line-height: 68px;
}
.user-sidebar-gold h2{
    font-size: 20px;
    padding:20px;
    font-weight: 600;
}
.user-money-and-credit{
    display: flex;
    padding:0 0px 20px 20px
}
.user-money,.user-credit{
    background: #f7f9fa;
    padding: 0 10px;
    border-radius: 5px;
    text-shadow: 0px 1px 0px #fff;
    font-size: 14px;
    line-height: 33px;
    height: 33px;
    display: inline-block
}
.user-money b,.user-credit b{
    font-weight: 400
}
.user-money b{
    font-size: 30px;
}
.author-edit-page{
    padding:20px 32px;
}
.author-edit-page .author-edit-list {
    margin-top:20px
}
.author-edit-page .author-edit-list > li{
    padding:20px 0
}
.author-edit-page .edit-name{
    font-weight: 600;
    font-size: 17px
}
.author-edit-page .author-edit-list > li{
    display: flex;
    font-size: 18px;
}
.author-edit-page .author-edit-list > li{
    border-bottom: 1px solid #F5F6F7;
}
.edit-name{
    width:200px;
    flex-grow: 0;
    min-width: 200px;
    max-width: 200px
}
.author-edit-page h2{
    color:#bcbcbc
}
.edit-value ul li .user-address-info{
    font-size: 16px;
    border:1px dashed #ccc;
    padding:5px 10px
}
.edit-value ul li .user-address-info .pos-a{
    display: inline-block
}
.edit-value ul li .user-address-info .pos-a button{
    color:#bcbcbc
}
.user-address-title{
    font-size: 12px;
    color:#bcbcbc;
    margin-bottom:5px
}
.setting-des-add i{
    margin-right:5px
}
.setting-des-add{
    display: flex;
    margin-top:10px
}
.setting-des{
    font-size: 12px;
    color:#bcbcbc;
    margin-top:10px
}
.user-follow{
    margin-top:10px;
    display: flex
}
.user-follow button{
    display: flex;
    margin-left:10px
}
.user-edit-button{
    font-size: 14px;
    margin-left:10px;
    cursor: pointer;
}
.edit-input input[type="text"],.edit-input input[type="password"]{
    width:260px;
    padding:10px;
    font-size: 16px
}
.edit-button{
    text-align: left
}
.edit-button button{
    margin-right:10px
}
.setting-sex button{
    margin-top:10px
}
.setting-sex span{
    margin-right:16px
}
.edit-button{
    margin-top:10px
}
.author-edit-page .author-edit-list > li:hover .user-edit-button{
    opacity: 1;
    visibility: visible
}
.user-edit-button{
    opacity: 0;
    visibility: hidden;
}
.author-edit-list{
    margin-bottom:40px
}
.address-input{
    margin:10px 0;
    background: #F5F6F7;
    padding:10px
}
.address-input.edit-input input{
    display: block;
    width:100%
}
.user-address-list li{
    padding:5px 0
}
.edit-value ul li span{
    margin-right:10px
}
.edit-input.address-input input + input{
    margin-top:10px
}
.user-open-list{
    display: flex
}
.user-setting-password .user-edit-button{
    opacity: 1;
    visibility: visible
}
.user-open-list{
    display: flex
}
.user-open-list li{
    width:30%;
    display: flex
}
.user-open-list{
    margin:20px 0 40px
}
.user-open-avatar{
    width:100px;
    height:100px;
    background: #F5F6F7;
    margin-right:10px
}
.user-open-name{
    font-size: 18px;
    font-weight: 600
}
.user-open-bind{
    margin:10px 0
}
.user-avatar-chose{
    margin:20px 0 40px;
    display: flex
}
.user-avatar-chose li{
    width:100px;
    height:100px;
    position: relative;
    border:1px solid #F5F6F7;
    margin-right:16px;
    cursor: pointer;
}
.user-avatar-chose li img{
    display: block;
    width:100%;
    height:100%
}
.avatar-set{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    background-color: green;
    color: #fff;
    line-height: 19px;
    text-align: center;
}
.user-open-avatar img{
    width:100%;
    height:100%;
    object-fit: cover
}
.author-edit-list .edit-item{
    width:100%
}
.user-qrcode{
    display: flex;
    margin:20px 0 40px;
    align-items: flex-end;
}
.user-qrcode img{
    width:100%;
    display: block;
}
.user-qrcode div{
    width:150px;
    min-height: 150px;
    background-color: #F5F6F7;
    margin-right:20px;
    position: relative;
    border: 1px solid #c0c0c0;
}
.user-qrcode div label{
    top:0;
    left:0;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute
}
.user-qrcode input{
    display: none
}
.user-qrcode i{
    font-style: normal;
    background-color: #0000008f;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    display: none
}
.user-qrcode div:hover i{
    display: block
}
.address-default{
    margin-bottom:20px
}
.user-settings-code{
    margin-top:10px;
    width:260px;
    display: flex
}
.user-settings-code button{
    display: block;
    width: 182px;
    margin-left: 10px;
}
.edit-input .user-settings-code input{
    width:100%
}
.reset-pass input{
    margin-bottom:10px;
    display: block
}
.order-title,.order-money,.order-status,.tracking-number{
    background-color: rgba(53, 73, 94, 0.05);
    padding:16px;
    border-bottom:1px solid #fff
}
.order-status{
    display: flex;
    flex-flow: row
}
.order-list li + li{
    margin-top:20px
}
.order-money > div,.order-status > div{
    width:33.3333%;
    padding:16px;
    border-left:1px solid #fff
}
.order-money,.order-status{
    display: flex;
    flex-flow: row;
    padding:0;
    margin-left:-1px
}
.order-money > div p,.order-status > div p,.tracking-number > div p{
    margin-bottom:5px;
    font-size: 12px;
    color:#AAAEB3
}
.order-money button.text{
    padding:0
}
.order-id{
    margin-bottom:5px;
    color:#bcbcbc
}
.order-list{
    font-size: 13px
}
.order-content{
    word-break: break-all;
    white-space: break-spaces;
}
.order-content a{
    color:blue
}
.order-id,.tracking-number,.order-status{
    display: flex;
    justify-content: space-between;
    align-items: center
}
.order-title-thumb{
    width:30px;
    height:30px;
    display: block;
    margin-right:10px
}
.order-title-thumb img{
    height:30px;
    width:30px;
    min-width: 30px
}
.order-title{
    display: flex;
    align-items: center
}
.order-title a.order-title-name{
    flex: 1;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.order_state_desc{
    font-size: 12px;
    color:#ccc;
}
.order-back{
    text-align: center;
}
.order_state_desc.red{
    color:red;
    cursor: pointer;
}
.p-title-row{
    display: flex;
    justify-content: space-between;
    width:100%;
    align-items: center;
}
.author-page .news-item{
    padding:16px 0
}
.author-page .news-item-header{
    display: flex;
    justify-content: space-between;
}
.news-item-header i{
    font-style: normal;
}
.author-page .news-item ul li{
    margin-top:16px;
    position: relative;
    z-index: 2;
}
.author-page .news-item ul{
    position: relative;
}
.author-page .news-item ul::after{
    content:'';
    position: absolute;
    left:26px;
    top:0;
    width: 1px;
    border-left:1px dashed #ddd;
    height:100%
}
.author-page .news-item-header b{
    font-size: 12px;
    background-color: #F5F6F7;
    padding:4px 10px;
    border-radius: 20px;
}
.author-page .news-item-content{
    margin-left:45px;
    margin-top:16px
}
.author-page .new-tag{
    font-size: 12px;
    color:#AAAEB3
}
/*页面*/
.page .page{
    padding:20px;
    margin-bottom: 24px;
}
.page .page h1{
    font-size: 24px;
    font-weight: 600
}
.error-404{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%
}
.error-404 h1{
    font-size: 20px;
    margin:26px 0 16px;
    font-weight: 600;
    text-align: center
}
.error-404 p{
    text-align: center;
    margin-bottom:5px
}
.empty{
   margin-top: 1rem;
}
/*会员中心  最近访客*/
.right_title{
    font-size:14px;
    font-weight:normal;
    color: #062c52;
    margin:10px 0;
    font-weight:900;
}
.laifang ul li{float:left;width:8%;margin-bottom:10px;}
.laifang ul li p{margin-left:6px;color: #8590A6}
.laifang ul li img{
    height:50px;
    width:50px;
    align-items: center;
    border-radius: 60px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-left:10px;
    border: 2px solid #eee;
}
@media (max-width: 576px) {
    .laifang ul li {
        float:left;
		width:25%;
		margin-bottom:10px;
    }
/* --------- EDITOR STYLES  ---------------------------------------------------------------------------------------- */

.editor__editable,
/* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
	width: 100%;
	background: #fff;
	font-size: 1em;
	line-height: 1.6em;
	min-height: var(--ck-sample-editor-min-height);
	padding: 1.5em 2em;
}

.ck.ck-editor__editable {
	background: #fff;
	border: 1px solid hsl(0, 0%, 70%);
	width: 100%;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
	position: relative;
	z-index: var(--ck-sample-editor-z-index);
}

.editor-container {
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
	width: 100%;
	justify-content: center;
}

/* --------- DECOUPLED (DOCUMENT) BUILD. ---------------------------------------------*/

/*瀑布流*/

/*瀑布流*/