/* 全局字体 */ 
body {
	font-family: "Google Sans", "Google Sans Bold", "sans-serif",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	font-size: 0.875rem;
	background-color: #F3F5FC;
}
@font-face {
	font-family:'TCloudNumber';
	src:url(fonts/TCloudNumber-Regular.woff2) format("woff2");
	font-style:normal;
}
@font-face {
	font-family:'TCloudNumber-Bold';
	src:url(fonts/TCloudNumber-Bold.woff2) format("woff2");
	font-style:normal;
}
@font-face {
	font-family:'Google Sans';
	src:url(fonts/GoogleSans-Regular.woff2) format("woff2");
	font-style:normal;
}
@font-face {
	font-family:'Google Sans Bold';
	src:url(fonts/GoogleSans-Bold.woff2) format("woff2");
	font-style:normal;
}


/*
@import url('https://demo.axureux.com/fontawesome/v6/pro/css/all.min.css');
@import url('https://demo.axureux.com/fontawesome/5.7.2/pro/css/all.min.css');
@import url('https://cdn.hmos.dongs.xyz/css/harmonyos_sans_sc.css');

font-family:"HarmonyOS Sans SC Bold","HarmonyOS Sans SC Regular","HarmonyOS Sans SC",'TCloudNumber',"PingFangTC-Regular","OPPOSans-Regular"

@font-face {
	font-family:'OPPOSans-Regular';
	src:url(fonts/OPPOSans-Regular.woff2) format("woff2");
	font-style:normal;
}*/

/* 暗色页面背景 */ 
[data-bs-theme=dark] body {
	background-color: #232529;
}

/* 字体图标 */ 
.fa,.far,.fas {
	font-family: "Font Awesome 6 Pro";
}

/* 全局表单样式 */ 
.btn,.form-control {
	font-family: inherit;
}
.form-label {
	margin-bottom: .5rem;
	font-weight: 900;
}

.form-control {
	background: transparent;
	padding: .6rem .75rem !important;
	border-radius: .5rem !important;
}

.form-control:disabled {
	background-color: var(--ri-form-control-disabled-bg);
	opacity: 1;
}

.form-control:focus {
	background: transparent;
	border-color: #5272EB;
	-webkit-box-shadow: 0 0 2px 2px rgba(82,114,235,.15);
	box-shadow: 0 0 2px 2px rgba(82,114,235,.15);
}

.form-select {
	background-color: transparent;
	padding: .6rem .75rem !important;
	border-radius: .5rem;
}

.form-select::after {
	content: "▼";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
 /* 让点击穿透到select */
	color: #666;
 /* 箭头颜色 */
	font-size: 12px;
}

.form-select:focus {
	border-color: #5272EB;
	-webkit-box-shadow: 0 0 2px 2px rgba(82,114,235,.15);
	box-shadow: 0 0 2px 2px rgba(82,114,235,.15);
}

hr {
	opacity: .1;
}

/* 顶部菜单 */ 
.navbar .sep{
    margin: 0 10px;
}
.navbar .sep:after {
	height: 30%;
}
.site-header::after {
	content: '';
	position: absolute;
	top: -20px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9;
	pointer-events: none;
	background: url(assets/img/header-bg.png) no-repeat top center / 900px;
}
.navbar .nav-list>.menu-item>a {
	font-size: 0.875rem;
	line-height: 61px;
	margin: 0px 15px;
	font-weight: 900;
	/*color:#42506A;*/
}
.navbar .nav-list > .menu-item.current-menu-item > a{
    color: #366EF4 !important;
}


/* 菜单箭头图标 */ 
.navbar .nav-list .menu-item.menu-item-has-children>a:after {
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: 0.7rem;
	margin-left: 4px;
}
/* .navbar .nav-list > .menu-item:last-child >a::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    width: 20px;
    color: #ff7a32;
    text-align: center;
    font-size: 12px;
    content: "\f3a5";
    display: inline-block;
    position: absolute;
    top: -5px;
}
.navbar .nav-list > .menu-item:last-child > a:hover {
    color: #ff7a32;
}
*/ 
.navbar .nav-list > .menu-item:nth-child(5) > .sub-menu{
    width: 380px;
    padding-bottom: 20px;
}
.navbar .nav-list > .menu-item:nth-child(5) > .sub-menu .menu-item{
    float: left;
}
.navbar .nav-list > .menu-item:nth-child(5) > .sub-menu .menu-item a{
    margin-top:10px;
    margin-bottom: 0;
}

.navbar .nav-list > .menu-item:last-child > a {
    width: 100px;
    margin-left:30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    background: linear-gradient(151deg, #fb2334 0%, #ffa41b 100%);
    transition: all .5s cubic-bezier(.215,.61,.355,1), transform .5s cubic-bezier(.215,.61,.355,1), -webkit-box-shadow .5s cubic-bezier(.215,.61,.355,1), -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
}
.navbar .nav-list > .menu-item:last-child > a:hover {
    box-shadow: 0 6px 18px -6px rgb(255 199 115 / 38%);
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

/* 子菜单样式 */ 
.navbar .nav-list .sub-menu {
	background-image: -webkit-gradient(linear, left top, right top, from(#fff2ec), color-stop(42%, #f0f1f6), to(#e1f0ff));
	background-image: linear-gradient(120deg, rgb(255,242,236, .3) 0, rgb(240,241,246, .3) 42%, rgb(225,240,255, .3) 100%);
}

.navbar .nav-list .sub-menu:before {
	display: none;
}

.navbar .nav-list .sub-menu .menu-item>a {
	font-size: 0.8rem;
	padding: 10px 20px 10px 10px;
	width:160px;
	margin: 10px 10px;
	background-color: #F2F2F2;
	border-radius: 10px;
	font-weight: 900;
	background: rgba(82, 114, 234, .1);
}
.navbar .nav-list .sub-menu .menu-item.menu-item-has-children>a{
    justify-content: flex-start;
}

.navbar .nav-list .sub-menu .menu-item .menu-item>a{
    width:180px;
}
.navbar .nav-list .sub-menu .menu-item>a:hover {
	background-color: #5272EB;
	color: #fff;
}
.navbar .nav-list .sub-menu i{
    width: 20px;

    font-size: 10px;
}
/* 子菜单暗黑样式 */ 
[data-bs-theme=dark] .navbar .nav-list .sub-menu {
	background: #191b1d;
}
[data-bs-theme=dark] .navbar .nav-list .sub-menu .menu-item>a {
	background-color: #232529;
}
[data-bs-theme=dark] .navbar .nav-list .sub-menu .menu-item>a:hover {
	background-color: #5272EB;
	color: #fff;
}
/* 顶部图标 */ 
/* .navbar .actions span.action-btn {
    color: #333333;
	font-size:0.875rem;
}*/ 
.navbar .actions span.action-btn {
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	font-size: .75rem;
	padding: 0;
	text-align: center;
	background: #5272EB;
}
[data-bs-theme="dark"] .navbar .actions .action-btn {
	color: #fff;
}

.navbar .actions span.action-btn .fa {
	font-weight: 900;
}
/* 登录按钮 */ 
.navbar .actions .action-btn.login-btn {
	background: linear-gradient(120deg,rgb(82,114,234) 20%,rgb(115,109,244) 80%) !important;
	color: #fff !important;
	padding: .2rem 1rem .2rem .5rem;
	font-size: .875rem;
	border-radius: 20px;
	font-weight: 900;
}

.navbar .actions .action-btn.login-btn:hover {
	background: linear-gradient(80deg,rgb(54,110,244) 20%,rgb(97,79,242) 80%) !important;
	opacity: 1;
	color: #fff !important;
}

.navbar .actions .action-btn.login-btn .far {
	font-weight: 900;
	width: 20px;
}
/* 用户头像 */ 
.navbar .action-hover-menu .avatar-warp .avatar-img {
	width: 25px;
	height: 25px;
	border: 2px solid #eee;
}
/* 用户面板 */ 
.navbar .action-hover-menu .hover-info {
	background-image: linear-gradient(120deg, rgb(255,242,236, 1) 0, rgb(240,241,246, 1) 42%, rgb(225,240,255, 1) 100%);
}

.navbar .action-hover-menu .hover-warp {
	padding-bottom: 15px;
	width: 240px;
}

.navbar .actions .avatar-warp .display-name {
	font-size: 0.75rem;
	max-width: 80px;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 5px !important;
}

.navbar .bg-danger {
	background-color: #5272EB !important;
}

.navbar .bg-danger:hover {
	background-color: #366EF4 !important;
}

.navbar .col-12 .bg-secondary {
	color: #fff !important;
	opacity: 0.75;
	background-color: #5272EB !important;
}
[data-bs-theme=dark] .navbar .col-12 .bg-secondary i {
	color: #fff !important;
}

.hover-info .d-block {
	font-size: .75rem;
}

.hover-info .mt-2 {
	margin-top: .3rem !important;
}

.hover-info .badge {
	margin-top: .3rem;
}

.hover-warp .col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100%;
}

.hover-warp .col-6 .bg-info {
	background-color: transparent !important;
}

.hover-warp .col-6 .mb-2 {
	color: #333;
	border-radius: 20px;
	line-height: 1.75rem;
	display: inline-block;
	float: left;
}

.hover-warp .col-6 .mb-2 i {
	width: 40px;
	text-align: center;
	margin-right: -3px !important;
}

.hover-warp .col-6 .mb-2 span {
	font-weight: 900;
	font-size: 14px;
	color: #ff7a32;
	margin-left: 5px;
  /* text-align: center;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0px 8px;
  border-radius: 5px;
  background: rgba(255,122,50, .15);
  border: 1px solid rgba(255,122,50, .100);*/
}
[data-bs-theme=dark] .hover-warp .col-6 .mb-2 {
	color: #a1a1a8;
}

.hover-warp .col-6 .p-3 {
	padding: 0.1rem !important;
}

.hover-warp .col-6 .w-100 {
	display: inline-block;
	float: right;
	background: rgba(255,91,91,15%);
	width: 50px !important;
	border: 0px !important;
}

.hover-warp .col-6 .text-primary {
	color: #FF5B5B !important;
}

.hover-warp .col-6 .text-primary:hover {
	color: #FF5B5B !important;
	background: rgba(255,91,91,30%) !important;
}

.navbar .action-hover-menu .hover-item {
	padding: 0 1rem !important;
}

.navbar .action-hover-menu .hover-item .hover-link {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding: .5rem 0;
}
[data-bs-theme=dark] .navbar .action-hover-menu .hover-item .hover-link {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
[data-bs-theme=dark] .hover-info {
	color: #a1a1a8 !important;
}

.navbar .action-hover-menu .hover-item .hover-link>a {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	text-align: left;
	display: inline-block;
	font-weight: 400;
	color: #333;
}

.navbar .action-hover-menu .hover-item .hover-link>a>i {
	display: inline-block;
	overflow: inherit;
	font-size: .75rem;
	background: none;
	width: 40px;
	color: #333;
	text-align: center;
}

.navbar .action-hover-menu .hover-warp a {
	color: #333;
	font-weight: 900;
}

.navbar .action-hover-menu .hover-warp a:hover {
	color: #333;
	background: #F5F5F5;
}

.navbar .action-hover-menu .abstop-item {
	position: initial;
	line-height: 35px;
	padding: .5rem 1rem;
	font-size: .75rem;
}

.navbar .action-hover-menu .abstop-item a {
	border-radius: 5px;
	font-weight: 400;
}

.navbar .action-hover-menu .abstop-item a>i {
	text-align: center;
	font-size: .75rem;
	background: none;
	width: 40px !important;
	height: 35px;
	line-height: 35px;
	margin-right: 0rem !important;
}

.fa-user:before {
	content: "\f007";
	font-weight: 900;
}

[data-bs-theme=dark] .navbar .action-hover-menu .hover-item .hover-link>a {
	color: #a1a1a8;
}
[data-bs-theme=dark] .navbar .action-hover-menu .hover-item .hover-link>a:hover {
	background-color: #333;
}
[data-bs-theme=dark] .navbar .action-hover-menu .hover-item .hover-link>a>i {
	background: none;
}
[data-bs-theme=dark] .navbar .action-hover-menu .hover-warp a {
	color: #a1a1a8;
}
[data-bs-theme=dark] .navbar .action-hover-menu .hover-warp a:hover {
	background-color: #333;
}
/* 用户标识样式:顶部导航、作者信息、用户顶部、我的会员、评论列表 */ 
.navbar .text-secondary, .author-header .text-secondary, .user-top-header .text-secondary, .card-body span.text-secondary, #comments .text-secondary {
	font-size: 12px;
	font-weight: 900;
	color: #fff !important;
	background: linear-gradient(151deg, #D7D7D7 0%, #AAAAAA 100%) !important;
	/*color:#fff !important;
	background:linear-gradient(80deg,#AAAAAA,#D7D7D7);*/
}

.navbar .text-secondary .me-1::before, .author-header .text-secondary .me-1::before, .user-top-header .text-secondary .me-1::before, .card-body span.text-secondary .me-1::before, #comments .text-secondary .me-1::before {
	content: "\f007";
}

.navbar .text-success, .author-header .text-success, .user-top-header .text-success, .card-body span.text-success, #comments .text-success {
	font-size: 12px;
	font-weight: 900;
	color: #A47A63 !important;
	background: linear-gradient(151deg,#ffe7de 0%, #efbfa8 100%) !important;
	/*color:#fff !important;
	background:linear-gradient(80deg,#6B8DE5,#88A8F0);*/
}

.navbar .text-warning, .author-header .text-warning, .user-top-header .text-warning, .card-body span.text-warning, #comments .text-warning {
	font-size: 12px;
	font-weight: 900;
	color: #946835 !important;
	background: linear-gradient(151deg,#FEEDC2 0%, #FAC883 100%) !important;
    /*color:#fff !important;
	background:linear-gradient(80deg,#FB2334,#FFA41B);*/
}
.navbar .text-info, .author-header .text-info, .user-top-header .text-info, .card-body span.text-info, #comments .text-info {
	font-size: 12px;
	font-weight: 900;
	color: #4F9EF8 !important;
	background: linear-gradient(151deg,#E4F0FE 0%, #B9D9FC 100%) !important;
    /*color:#fff !important;
	background:linear-gradient(80deg,#FB2334,#FFA41B);*/
}

.navbar .text-secondary, .author-header .text-secondary {
	color: #999999 !important;
	background: transparent !important;
	/*background: rgba(153,153,153, .1) !important;
	border: 1px solid #999999;*/
}

.navbar .text-success, .author-header .text-success {
	color: #A47A63 !important;
	background: transparent !important;
	/*background: rgba(164,122,99, .1) !important;
	border: 1px solid #A47A63;*/
}

.navbar .text-warning, .author-header .text-warning {
    color: #FF9800 !important;
	background: transparent !important;
    /*background: rgba(255, 152, 0, .1) !important;
    border: 1px solid #FF9800;*/
}
.navbar .text-info, .author-header .text-info {
    color: #4F9EF8 !important;
	background: transparent !important;
    /*background: rgba(255, 152, 0, .1) !important;
    border: 1px solid #FF9800;*/
}

.navbar .badge {
	font-size: 12px;
	font-weight: 400;
}

.navbar .hover-warp .badge {
	display: none;
}

.action-hover-menu .me-1, .author-header .me-1, .user-top-header .me-1, .card-body .me-1 {
    /*width:10px;*/
	font-weight: 900;
}

/* 搜索区域 */ 
.home-search-box  {
    position: relative;
    z-index: 2;
}
.home-search-box .search-warp {
	padding-top: 90px;
	padding-bottom: 30px;
	max-width: 800px;
}

.home-search-box .search-title {
	font-size: 2rem;
	margin-bottom: .7rem;
	font-weight: 600;
}

.home-search-box .search-desc {
	margin-bottom: 2rem;
	font-size: 1.4rem;
}

.search-form {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	border-radius: 1rem;
	background: rgb(255 255 255);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 0 0 3px rgba(0,0,0,.1);
}

.search-form:hover {
	box-shadow: 0 0 0 3px rgba(0,0,0,.2);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
[data-bs-theme=dark] .search-form {
	background: rgb(25 27 29 / 70%);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 0 0 3px rgba(255,255,255,.1);
}
[data-bs-theme=dark] .search-form:hover {
	background: rgb(25 27 29 / 80%);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 0 0 3px rgba(255,255,255,.2);
}

.search-form .search-fields input {
	line-height: 2rem;
	font-size: .875rem;
}

.search-form .search-fields, .search-form .search-select .form-select {
	font-size: .875rem;
	padding-right: 2.25rem !important;
	box-shadow: none !important;
}

.search-form .search-select .form-select>.level-0, .search-form .search-select .form-select>option {
	font-size: .875rem;
}

.search-form .search-fields button {
	color: #5272EB !important;
	opacity: 1 !important;
}

.search-form .search-fields button:hover {
	color: #366EF4 !important;
}

.home-search-box .search-hots span {
	line-height: 30px;
	color: rgba(255 255 255);
	background: rgb(255 255 255 / 0%);
	font-size: .8rem;
	display: inline-block;
}

.home-search-box .search-hots span.me-1 {
	display: none;
}

.home-search-box .search-hots a {
	color: rgba(255 255 255);
	background: rgb(255 255 255 / 10%);
	padding: .3rem .7rem;
	border-radius: 15px;
}

.home-search-box .search-hots a:hover {
	background: rgb(255 255 255 / 20%);
}
.search-form .search-select{
   max-width: 120px; 
}

/* 自定义搜索下拉框 */
.custom-select-wrapper {
    position: relative;
    width: 100%;
    margin-left: 5px;
}
/* 触发器样式 */
.custom-select-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-select-trigger:hover {
    border-color: #999;
}

.custom-select-trigger .selected-value {
    font-size: 14px;
}

.custom-select-trigger .select-icon {
    color: #999;
    transition: transform 0.3s ease;
    position: absolute;
    right: 5px;
}

/* 选项容器样式 */
.custom-select-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 5px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}
/* 显示选项容器 */
.custom-select-options.show {
    max-height: 300px;
    padding: 5px 0;
    overflow-y: auto; 
}

/* 选项样式 */
.select-option {
    padding: 10px 15px;
    color: #333;
    cursor: pointer;
    transition: background 0.2s ease;
    text-align: left;
    font-size: 12px;
}
.select-option::before{
    content: "\f1ce";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 0.6rem;
    margin-right: 4px;
}

.select-option.selected {
    background: rgba(82, 114, 234, .1);
    color:#5272EB !important;
    font-weight: bold;
}
.select-option:hover {
    color: #5272EB !important;
    background: rgba(82, 114, 234, .05);
}
.select-option:nth-child(even) {

}
/* 隐藏原生select */
.original-select {
    display: none;
}
[data-bs-theme=dark] .custom-select-options{
     background: #242529;
}
[data-bs-theme=dark] .select-option{
     color: #a1a1a8;
}
/* 首页格式列表样式 */
.format-terms-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    margin: 20px 0;
    justify-content: center;
}

/* 首页背景 */
.jarallax .jarallax-img{
    width: 1920px !important;
    height: 700px !important;
    transform: translate3d(0px, -120.1479px, 0px) !important;
}
/* 单个术语样式 */
.format-term-item {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    padding: 8px 8px;
    color：#333;  
    transition: all 0.2s ease;
    border-radius: 50%;
    color: #fff;
    border: 1px solid rgba(245, 245, 245, 0);
    background: rgb(0, 0, 0, .3);
    background: rgb(255, 255, 255, 0.1);
}

/* 悬停效果 */
.format-term-item:hover {
    background: rgb(255, 255, 255, .5);
    transform: translateY(-2px);
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

/* 悬停提示 */
.format-term-item a:hover:before {
    content: attr(data-title);
    left: 50%;
    bottom: calc(100% + 16px);
    padding: 4px 8px;
    background: #2C2C2C;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #F8F8F8;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.format-term-item a:hover:after{
    content: "";
    left: calc(50% - 6px);
    bottom: calc(100% + 10px);
    width: 12px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%232c2c2c' d='M10.4 0a1 1 0 0 1 .776 1.631L6.777 7.045a1 1 0 0 1-1.552 0L.826 1.631A1 1 0 0 1 1.602 0H10.4z'/%3E%3C/svg%3E");

}
.format-term-item a:hover:before, .format-term-item a:hover:after {
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none; 
}

/* 图标样式 */
.format-icon {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

/* 名称样式 */
.format-name {
    font-size: 14px;
    font-weight: 500;
    display: none;
}
/* 首页菜单 */ 
.home-cat-box .widget-catbox-item::before {
	background: transparent;
}

.home-cat-box .widget-catbox-item {
	background: transparent !important;
	height: 85px;
}

.home-cat-box .owl-item {
	border-radius: .8rem;
	background: url(assets/img/catbox-item-01.svg) no-repeat 80% center;
	background-color: rgb(255 255 255);
	background-size: 40px 40px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.02);
}

.home-cat-box .owl-item:nth-child(1) {
	background: url(assets/img/catbox-item-01.svg) no-repeat 85% center;
	background-color: rgb(255 255 255);
	background-size: 40px 40px;
}

.home-cat-box .owl-item:nth-child(2) {
	background: url(assets/img/catbox-item-02.svg) no-repeat 85% center;
	background-color: rgb(255 255 255);
	background-size: 40px 40px;
}

.home-cat-box .owl-item:nth-child(3) {
	background: url(assets/img/catbox-item-03.svg) no-repeat 85% center;
	background-color: rgb(255 255 255);
	background-size: 40px 40px;
}

.home-cat-box .owl-item:nth-child(4) {
	background: url(assets/img/catbox-item-04.svg) no-repeat 85% center;
	background-color: rgb(255 255 255);
	background-size: 40px 40px;
}

.home-cat-box .owl-item:nth-child(5) {
	background: url(assets/img/catbox-item-05.svg) no-repeat 85% center;
	background-color: rgb(255 255 255);
	background-size: 40px 40px;
}

.home-cat-box .owl-item:hover {
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.03);
}
[data-bs-theme=dark] .home-cat-box .owl-item {
	background-color: rgb(255 255 255 / 3%);
}

.home-cat-box .badge {
	width: 100%;
	text-align: left !important;
	padding-left: 1.5rem;
	background: transparent !important;
	color: #999 !important;
	font-weight: 900;
	font-size: .8rem;
}

.home-cat-box .catbox-title {
	color: #333;
	width: 100%;
	text-align: left !important;
	padding-left: 1.5rem;
}
[data-bs-theme=dark] .home-cat-box .catbox-title {
	color: #fff;
}

.owl-theme .owl-nav {
	padding: 0 0.5rem;
}

.owl-carousel .owl-stage-outer {
	padding: 5px 0;
}

.owl-theme .owl-nav [class*=owl-] {
	width: 30px;
	height: 30px;
	padding: 0px;
	line-height: 30px;
	text-align: center;
	color: #666;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 20px #ccc;
}
[data-bs-theme=dark] .owl-theme .owl-nav [class*=owl-] {
	background: #191b1d;
	box-shadow: 0 1px 20px #191b1d;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: #366EF4;
	color: #fff;
}
/*首页组件*/
.owl-carousel .owl-item img.owl-lazy {
	border-radius: 1rem;
}

.home-scratch-card .scratch-item .code-content {
	border-radius: 1rem
}

.home-scratch-card .scratch-item .code-title {
	margin-bottom: 1rem;
}

.home-scratch-card .scratch-item .txt-code {
	border: 1px dotted #ffdb57;
	margin-top: 1.5rem;
}



/* 内容列表 */ 
.section-title h3 {
	font-size: 1.5rem;
	font-weight: 700;
}

.post-item {
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
	background-color: #fff;
	border-radius: 0.5rem;
}

.post-item .entry-title {
	font-weight: 600;
	line-height: 30px;
}

.post-item.item-list .entry-wrapper {
	padding-right: .8rem;
}

.post-item .tips-badge .badge.bg-warning {
	background: linear-gradient(151deg,rgb(255,110,57, 0.8) 0%,rgb(255,181,0, 1) 100%) !important;
	color: #ffffff !important;
	border-radius: 12px;
}
.post-item .tips-badge .badge.bg-success {
	background: linear-gradient(151deg,rgb(12,188,135, 0.5) 0%,rgb(12,188,135, 0.8) 100%) !important;
	color: #ffffff !important;
	border-radius: 12px;
}
.post-item .tips-badge .badge.bg-dark {
	background: linear-gradient(151deg,rgb(109,201,147, 0.8) 0%,rgb(94,159,215, 1) 100%) !important;
	color: #ffffff !important;
	border-radius: 12px;
	display: none;
}
.post-item.item-grid {
	padding: 10px;
	padding-bottom:5px;
}

.post-item.item-grid .entry-wrapper {
	padding: 5px;
}

.post-item.item-grid .entry-title {
	font-weight: 400;
}

.post-item.item-grid .entry-media .media-img {
	border-radius: 5px;
	background-color: transparent;
}
.post-item.item-grid .ratio::before{
    border-radius: 5px;
    background-color: #a9b9f5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23a9b9f5'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23d4dcfa'/%3E%3Cstop offset='1' stop-color='%23a9b9f5'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.post-item.item-grid  .tips-badge {
	margin: 0.875rem !important;
}


.cms-post-warp .item-grid {
	padding: 0px;
}

.cms-post-warp .entry-title {
    line-height: 25px !important;
	font-weight: 900 !important;
}

.cms-post-warp .item-grid  .tips-badge {
	margin: 0.5rem !important;
}

/* 底部元素 */ 
.site-footer {
	padding-top: 2rem !important;
	padding-bottom: 1.5rem !important;
}

.site-footer .col-md-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 34%;
}

.site-footer .col-md-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 11%;
}

.site-footer .col-md-2 .widget-title {
	font-size: .8rem;
	width: 100%;
	text-align: center;
}

.site-footer .widget-links li a {
	line-height: 30px;
	border: 1px solid #e4e4e4;
	width: 100%;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	margin-top: 10px;
}

.site-footer .widget-links li a:hover {
	background: rgba(54,110,244,.05);
	color: #5272EB;
	border: 1px solid rgba(54,110,244,.50);
}
[data-bs-theme=dark] .site-footer .widget-links li a {
	border: 1px solid #333;
}
[data-bs-theme=dark] .site-footer .widget-links li a:hover {
	border: 1px solid rgba(54,110,244,.50);
}

.site-footer .col-md-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	position: absolute;
	right: 0px;
	padding: 0;
	width: auto;
}

.site-footer .col-md-3 .widget-title {
	text-align: center;
	width: 120px;
}

.site-footer .col-md-3 img {
	border: 1px solid #F2F2F2;
}

.site-footer .mb-3 {
	position: relative;
	margin-bottom: 30px !important;
}

.site-footer .text-center {
	font-size: 12px;
	line-height: 22px;
	color: #d4d4d4;
}

.site-footer .text-center a {
	color: #d4d4d4;
}
[data-bs-theme=dark] .site-footer .text-center {
	color: #666;
}
[data-bs-theme=dark] .site-footer .text-center a {
	color: #666;
}

/* 悬浮工具 */ 
.rollbar {
	right: 20px;
	bottom: 80px;
}

.rollbar .actions {
	border-radius: 10px;
	padding: 10px 0;
	background-image: linear-gradient(180deg, rgba(255,242,223, 1) 5%, rgb(255, 255, 255) 20%);
	background-size: auto auto;
	background-repeat: no-repeat;
}
[data-bs-theme=dark] .rollbar .actions {
	background: #1A1B1D;
}

.rollbar .actions li {
	background: transparent;
}

.rollbar .actions li>a {
	width: 50px;
	border-bottom: 1px solid transparent;
}

.rollbar .actions li:first-child>a {
	color: transparent;
}

.rollbar .actions li:first-child>a>span {
	margin-top: 12px;
	color: #A97539;
}

.rollbar .actions li:first-child {
	background: url(assets/img/vip.svg) no-repeat top center / 36px 36px;
}
/*
.rollbar .actions li:first-child>a>span {
	margin-top:12px;
	color:#6FB0F8;
}
.rollbar .actions li:first-child {
	background:url(assets/img/vip.png) no-repeat top center / 50px 40px;
}
*/
[data-bs-theme=dark] .rollbar .actions li>a {
	border-bottom: 1px solid transparent;
}

.rollbar .actions li>a>i {
	font-size: 1rem;
	margin-bottom: 6px;
	font-weight: 400;
}

.rollbar .actions li>a>span {
	letter-spacing: 0px;
}

.back-top {
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 10px;
}
/* 分类列表 */ 
.archive-hero .archive-title {
	font-size: 1.5rem;
}

.archive-hero .archive-desc {
	font-size: 1rem;
}

.archive-hero .py-md-4 {
	padding-top: 5rem !important;
	padding-bottom: 5rem !important;
}

.archive-hero .archive-hero-bg::before {
	background: rgba(0,0,0,.6);
}
[data-bs-theme=dark] .archive-hero .archive-hero-bg::before {
	background: rgba(0, 0, 0, .6);
}

.filter-warp .container {
	padding: 15px 5px;
}

.filter-warp .filter-item {
	border-bottom: transparent;
	font-size: 12px;
}

.filter-warp .filter-item .filter-name {
	color: #666666;
	min-width: 80px;
	padding-left: 10px;
	font-weight: 900;
	padding-left:15px;
}
.filter-warp .filter-item .filter-name::after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 0.6rem;
  margin-left: 4px;
}

.filter-warp .filter-item .filter-name i {
	display: none;
}

.filter-warp .filter-item .filter-name .fa-sort-amount-down-alt::before {
	content: "\f161";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
}
[data-bs-theme=dark] .filter-warp .filter-item .filter-link>a {
	color: #a1a1a8;
	border: 1px solid rgba(245, 245, 245, .1);
}
.filter-warp .filter-item .filter-link>a {
	border-radius: 30px;
	margin-right: 10px;
	padding: 0 15px;
	line-height: 30px;
	color: #595d69;
	border: 1px solid #eee;
}
.filter-warp .filter-item .filter-link:hover>a {
    color:#366EF4;
}
.filter-warp .filter-item .filter-link.active>a {
	color: #366EF4; 
	background: rgba(54,110,244,.15); 
    border: 1px solid rgba(54, 110, 244, .5); 
}
.filter-warp .filter-item .filter-link.active>a::after,.filter-warp .filter-item .filter-link:hover>a::after {
	border-bottom: 0px;
}


/* 筛选下拉选择框 */ 
.wb-dropdown {
    max-width: 100%;
    position: relative;
}
.sorting-items {
    width: 150px;
    border: 1px solid #eee;
    border-radius: 3px;
    box-sizing: border-box;
    position: absolute;
    top: -40px;
    right: 10px;
}
.wb-dropdown.active {
    z-index: 999;
}
.wb-dd-selected {
    background-color: #fcfcfc;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding-right: 40px;
}
.wb-dd-selected strong {
    display: block;
    font-size: 12px;
    padding: 0 10px;
}
.wb-dd-selected:after {
    content: "\f0d7";
    font-family: "Font Awesome 6 Pro";
    color: #999;
    position: absolute;
    font-weight: 900;
    right: 12px;
    top: 0;
    height: 6px;
    width: 6px;
}
.wb-dropdown.active .wb-dd-items {
    display: block;
}
.wb-dd-items {
    background-color:  #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .01);
    box-sizing: border-box;
    display: none;
    left: -1px;
    position: absolute;
    right: -1px;
    z-index: 2;
    padding-left:0;
}
.wb-dd-items .dropdown-item {
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 10px;
}
.wb-dd-items .dropdown-item+.dropdown-item{
    border-top: 1px solid #f9f9f9;
}
.wb-dd-items .active a{
    color: #366EF4; 
    font-weight: 700;
}
.wb-dd-items a:hover{
    color: #366EF4; 
}


[data-bs-theme=dark] .sorting-items{
    border: 1px solid rgba(245, 245, 245, 0.1);  
}

[data-bs-theme=dark] .wb-dd-selected{
    background: transparent; 
}
[data-bs-theme=dark] .wb-dd-items{
    background: #242529;
    border: 1px solid rgba(245, 245, 245, 0.1);  
}
[data-bs-theme=dark] .wb-dd-items .dropdown-item+.dropdown-item {
   border: 1px solid rgba(245, 245, 245, 0.1);  
}

/* 为空样式 */ 
.posts-warp .fs-4 {
	font-size: 1rem !important;
	padding-top: 300px !important;
	padding-bottom: 100px !important;
	display: block;
	background: url(assets/img/no-data.svg) no-repeat center 100px / 180px 180px;
}

.posts-warp .fs-4 i {
	display: none;
}
/* 分页样式 */ 
.page-nav {
	margin-top: 3rem !important;
}

.pagination {
}

.page-link {
	margin: 0 10px;
	border-radius: 10px;
	border: 1px solid #5272EB;
	color: #5272EB;
	background: #fff;
}

.page-link:hover {
	background: rgba(54,110,244,.15);
	color: #5272EB;
}

.page-item:first-child .page-link {
	border-radius: 10px;
	color: rgba(54,110,244,.70);
}

.page-item:last-child .page-link {
	border-radius: 10px;
}

.disabled>.page-link,.page-link.disabled {
	background: #fff;
}
[data-bs-theme=dark] .page-link {
	background: transparent
}
[data-bs-theme=dark] .disabled>.page-link,.page-link.disabled {
	background: transparent;
}
[data-bs-theme=dark] .page-link:hover {
	background: rgba(54,110,244,.15);
	color: #5272EB;
}

.page-item i {
	font-weight: 400;
}

.active>.page-link,.page-link.active {
	background: #5272EB;
	color: #fff;
}

.page-nav .btn-dark {
	background: #5272EB;
	border: 1px solid #5272EB;
}

.page-nav .btn-dark:hover {
	background: #366EF4;
}
/* 注册和登录 */ 
.ri-popup .ri-popup-body, .login-and-register .col-12 {
	width: 360px !important;
}

.ri-popup .ri-popup-content, .login-and-register .p-4 {
	padding: 2rem !important;
}

#account-from .form-control {
	background-color: var(--ri-form-control-bg) !important;
	;
}

#account-from #captcha-img {
	max-height: 50px;
	border-radius: .5rem !important;
}

#account-from #captcha-mail {
	height: 43px;
	margin-left: 10px;
	color: #5272EB;
	border: 1px solid #5272EB;
	border-radius: .5rem !important;
}

#account-from #captcha-mail:hover {
	background: #5272EB;
	color: #fff;
}

#account-from .text-primary {
	color: #5272EB !important;
}

#account-from .text-primary:hover {
	color: #366EF4 !important;
}

#account-from .mb-3 {
	margin-bottom: 1rem !important;
}

#account-from p.mb-3 {
	text-align: center;
	color: var(--ri-secondary-color) !important;
}

#account-from p.mb-3 a {
	color: var(--ri-body-color) !important;
}

#account-from p.mb-3 a:hover {
	color: #5272EB !important;
}

#account-from p.mb-3 span {
	margin: 0 10px;
	color: #999;
}

#account-from .my-4 .small {
	color: #999;
}

#account-from p.mb-0 {
	margin-top: 20px !important;
}

#account-from .login-btn:hover {
	color: #366EF4 !important;
}

#account-from .btn-primary {
	font-weight: 900;
	padding: 10px;
	border-radius: .5rem;
	background: linear-gradient(120deg,rgb(82,114,234) 20%,rgb(115,109,244) 80%);
	border: 0px;
}

#account-from .btn-primary:hover {
	background: linear-gradient(80deg,rgb(54,110,244) 20%,rgb(97,79,242) 80%);
}

#account-from .form-label a {
	color: var(--ri-secondary-color) !important;
}

#account-from .form-label a:hover {
	color: #5272EB !important;
}

#account-from .gap-2 {
	display: flex;
	grid-template-columns: auto auto;
	justify-content: center;
}

#account-from .btn-sm {
	--ri-btn-padding-x: 0.75rem;
	--ri-btn-border-radius: 5rem;
	padding: 0.25rem 0.75rem !important;
	width: 100px !important;
	margin: 0 auto !important;
	border: 1px solid rgba(82, 114, 234, 1) !important;
	color: #5272EB !important;
	background: transparent !important;
	margin: 0 5px !important;
}

#account-from .btn-sm:hover {
	background: #5272EB !important;
	color: #fff !important;
}

#account-from .mb-3.text-danger {
	background: rgb(54,110,244,.15);
	padding: 10px !important;
	color: #666 !important;
	border-radius: .5rem;
	text-align: left;
}
[data-bs-theme=dark] #account-from .mb-3.text-danger {
	color: #a1a1a8 !important;
	background-color: rgb(255 255 255 / 3%);
}

#account-from .btn-danger {
	font-weight: 900;
	padding: 10px;
	border-radius: .5rem;
	background: linear-gradient(120deg,rgb(82,114,234) 20%,rgb(115,109,244) 80%);
	border: 0px;
}

#account-from .btn-danger:hover {
	background: linear-gradient(80deg,rgb(54,110,244) 20%,rgb(97,79,242) 80%);
}

.form-check-input:checked {
	background-color: #366EF4;
	border-color: #366EF4;
}

.ri-popup-close .svg-close {
	background-image: url(assets/img/close.svg);
	width: 24px;
	height: 24px;
}

.login-and-register {
	background-position: 100%;
}
/* 面包屑样式 */ 
nav.container {
	padding-left: 0 !important;
	padding-bottom: 1rem !important;
	font-size: 0.8rem;
	color: #8f8f8f;
	line-height: 20px;
	border-bottom: 1px solid rgba(245,245,245,1);
}
[data-bs-theme=dark] nav.container {
	border-bottom: 1px solid rgba(245,245,245,0.1);
}

nav.container i {
	line-height: 20px;
	display: inline-block;
}
.single-content-nav{
    margin-top: 1rem;
}

.breadcrumb {
	margin-left: .2rem;
	display: inline-block;
}

.breadcrumb a {
	color: #8f8f8f;
}

.breadcrumb a:hover {
	color: #5272EB;
}

.breadcrumb>li {
	margin-right: 1rem;
	display: inline-block;
}

.breadcrumb>li:not(:last-child)::after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: 0.5rem;
}
/* 内容页面 */ 
.container.mt-2 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.card {
	padding-top: 1rem;
	border-radius: .5rem;
}

/* 文章样式 */ 
.post-content{
    font-size: 15px;
    color: #444;
    line-height: 2;
}
[data-bs-theme=dark] .post-content{
   color: #a1a1a8;
}
.post-content img.alignnone {
    margin-bottom: 0px;
}

.post-content .h3, .post-content h3 {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom:15px;
}
.post-content .h3::before, .post-content h3::before {
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    content: "";
    border: 2px solid #5272EB;
    background-color: transparent !important;
    border-radius: 10px;
}
.post-content p{
    line-height: 2;
}
.post-content a:not(.btn) {
    color: #366EF4;
}
.post-content a:not(.btn):hover {
    color: #fc6711;
}
.post-content blockquote{
    border-radius: 10px;
    padding-left: 40px;
}
.post-content blockquote:before{
    top:8px;
    width: 20px;
    height: 20px;
}
.h-navList{
    display: none;
}

.article-header .post-title {
	font-size: 2rem;
	font-weight: 500;
	margin-top: 15px;
	color: #020000;
}
[data-bs-theme=dark] .article-header .post-title {
	color: #ffffff;
}

.article-header .article-meta a,.article-header .article-meta span {
	font-size: 0.7rem;
	color: #666;
}

.article-header .article-meta>span+span {
	margin-left: 15px;
}

.article-header .article-meta .meta-edit a::before {
	content: "\f14b       ";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	margin-left: 5px;
}

.single-content-nav .nav-item .nav-link {
	background-color: transparent;
	border: solid 1px #e4e6e8;
	font-weight: 500;
	color: #666;
	border-radius: .5rem;
	font-size: .875rem;
	margin-right: 10px;
	line-height: 1.2;
	padding: .5rem .8rem;
}

.single-content-nav .nav-item .nav-comments {
	display: inline-block;
	background-color: transparent;
	border: solid 1px #e4e6e8;
	color: #666;
	font-weight: 500;
	border-radius: .5rem;
	font-size: .875rem;
	margin-right: 0px;
	line-height: 1.2;
	padding: .5rem .8rem;
}
[data-bs-theme=dark] .single-content-nav .nav-item .nav-link {
	border: solid 1px #42475f;
	color: #a1a1a8;
}
[data-bs-theme=dark] .single-content-nav .nav-item .nav-comments {
	border: solid 1px #42475f;
	color: #a1a1a8;
}

.single-content-nav .nav-item .nav-link:hover,.single-content-nav .nav-item .nav-comments:hover {
	border: solid 1px #5272EB;
	color: #5272EB;
}

.single-content-nav .nav-item .nav-link.active {
	color: #fff;
	background-color: #5272EB;
	border-color: transparent;
}

.entry-copyright {
    margin-top:30px;
	padding: .5rem;
	border-radius: 5px;
	background-color: rgba(240,244,245,1);
	font-size: .875rem;
	line-height: 24px;
	color: #1C6074;
	padding: 15px;
	border: 1px solid rgba(198,235,246,0.1) !important;
}
[data-bs-theme=dark] .entry-copyright {
	background-color: rgb(255 255 255 / 3%);
	color: #a1a1a8;
	border: 0 !important;
}

.entry-tags>a {
	margin: 5px;
	margin-left: 0;
	border-radius: .25rem;
	background-color: #f0f1f3;
	color: #555;
	padding: 8px 15px;
	font-size: .875rem;
	border-radius: 30px;
	background-color: rgba(240,244,245,1);
}

.entry-tags>a:hover {
	color: #1C6074;
}
[data-bs-theme=dark] .entry-tags>a:hover {
	color: #5272EB;
}

.entry-tags .me-1 {
	font-size: 12px;
	margin-right: 10px !important;
}

.tab-content .list-group-item {
	color: #333 !important;
	margin: 10px 0;
	padding-bottom: 15px;
	padding-left: 15px;
	border-radius: 10px !important;
	line-height: 30px;
	background: rgba(82,114,234,.05);
	border: 1px solid rgba(82,114,234,.2);
}

.tab-content .list-group-item .fw-bold {
	line-height: 30px;
}

.tab-content .list-group-item .text-muted {
	line-height: 24px;
}
[data-bs-theme=dark] .tab-content .list-group-numbered .list-group-item {
	color: #fff !important;
}

.entry-social {
	border-top: 1px solid rgba(245,245,245,1);
	margin-top: 15px;
	padding-top: 10px;
}
[data-bs-theme=dark] .entry-social {
	border-top: 1px solid rgba(245,245,245,0.1);
}

.entry-social .btn {
	color: #366EF4 !important;
	border-color: rgba(54,110,244,1) !important;
	background: transparent !important;
	padding: 5px 10px;
	border-radius: 1rem;
	margin-left: 5px;
}

.entry-social .btn:hover {
	color: #fff !important;
	background: #366EF4 !important;
}
.entry-social .col-auto{
    padding-left:0;
}
.entry-navigation {
}
.entry-page-next,.entry-navigation .entry-page-prev {
	border-radius: .5rem;
}

.entry-navigation .entry-page-icon i {
	font-weight: 400;
}

.related-posts .related-posts-title {
	font-size: 0.75rem !important;
}

.related-posts .fa-hive::before {
	content: "\f02e";
	font-weight: 400;
	font-family: "Font Awesome 6 Pro";
}
/* 评论样式 */ 
#comments {
	border-radius: .5rem;
}

#comments .comments-title {
	font-size: 1rem !important;
}

#comments .comment-reply-title {
	font-size: .8rem;
	background-color: transparent;
	padding-left: 0;
	color: var(--ri-secondary-color) !important;
	line-height: normal;
}

#comments .comment-form input[type=text],#comments .comment-form textarea {
	padding: .6rem .75rem;
	border-radius: .5rem;
	margin-bottom: 1rem !important;
	background: transparent;
	font-family: inherit;
}

#comments .comment-form input[type=text]:focus,#comments .comment-form textarea:focus {
	border-color: #5272EB;
	-webkit-box-shadow: 0 0 2px 2px rgba(82,114,235,.15);
	box-shadow: 0 0 2px 2px rgba(82,114,235,.15);
	background: transparent;
}

#comments .form-submit input[type=submit] {
	background-color: #5272EB;
	color: #fff;
	font-size: .875rem;
	padding: 5px 15px;
	border: 0px;
}
[data-bs-theme=dark] #comments .form-submit input[type=submit] {
	background-color: #5272EB;
	color: #fff;
}

#comments .form-submit input[type=submit]:hover {
	background-color: #366EF4;
	color: #fff;
}

#comments .login-btn {
	;font-size: .875rem;
	padding: 40px;
	width: 100%;
	border-radius: 10px !important;
	color: var(--ri-secondary-color);
	background-color: #F9F9F9;
	border: 1px solid rgba(245,245,245,1);
}

#comments .login-btn:hover {
	;background-color: #F5F5F5;
}
[data-bs-theme=dark] #comments .login-btn {
	background-color: rgb(255 255 255 / 3%);
	border: 1px solid rgba(245,245,245,0.1);
}
[data-bs-theme=dark] #comments .login-btn:hover {
	color: #999;
}

#comments .login-btn {
	;font-size: .875rem;
	padding: 40px;
	width: 100%;
	border-radius: 10px !important;
	color: var(--ri-secondary-color);
	background-color: #F9F9F9;
	border-bottom: 1px solid rgba(245,245,245,1);
}

#comments .infinite-scroll-button {
	background-color: transparent;
	color: #5272EB;
	border: 1px solid rgba(82,114,234,1) !important;
	font-size: .875rem;
	padding: 5px 15px;
	border: 0px;
}

#comments .comments-list {
	padding-left: 0 !important;
}

#comments .comments-list .comment .comment-author img.avatar {
	width: 30px;
	height: 30px;
	border: 1px solid rgba(0,0,0,.1);
}

#comments .comments-list .comment .comment-body {
	width: auto;
	margin-left: 10px;
}

#comments .comments-list .comment .comment-reply-link,#comments .comment-reply-title #cancel-comment-reply-link {
	text-decoration: none;
	font-size: 12px;
}

#comments .comments-list .comment .comment-body .nickname {
	font-size: 12px;
}

#comments .comments-list .comment .comment-body .nickname span {
	display: none;
}

#comments .comments-list>li+li {
	border-top: 1px solid rgba(245,245,245,1);
}
[data-bs-theme=dark] #comments .comments-list>li+li {
	border-top: 1px solid rgba(245,245,245,0.1);
}

#comments .comment-content p {
	margin-top: 0;
	margin-bottom: 0.3rem;
}

#comments .comments-list .comment .children {
	position: relative;
	padding: 10px;
	list-style: none;
	background: #fdfcff;
	border-radius: 5px;
	border: 1px solid #f5f5f5;
	margin-left: 30px;
	margin-top: 10px;
}
[data-bs-theme=dark] #comments .comments-list .comment .children {
	background: transparent;
	border: 1px solid rgba(245,245,245,0.05);
}
/* 边栏样式 */ 
.sidebar .widget {
	border-radius: .8rem;
}

.sidebar .widget .widget-title {
	font-size: 1rem;
	color: #333;
	display: flex;
	align-items: center;
}

.sidebar .widget .widget-title:before {
	background-color: #5272EB !important;
	border-radius: 12px;
	content: "";
	height: 15px;
	width: 5px;
	margin-right: 8px;
}

/* .sidebar .widget .widget-title {
	font-size:1rem;
	color:#333;
    padding-left:25px;
}
.sidebar .widget .widget-title:before{
    content: '';
    position: absolute;
    left: 23px;
    top: 30px;
    width: 4px;
    height: 16px;
    border-radius: 10px;
    background-color: #5272EB;
    opacity: 1;
    transform: translateY(-50%) rotate(15deg);
    transition: all .4s ease-in-out;
}
.sidebar .widget .widget-title:after{
    content: '';
    position: absolute;
    left: 31px;
    top: 30px;
    width: 4px;
    height: 16px;
    border-radius: 10px;
    background-color: #5272EB;
    opacity: .6;
    transform: translateY(-50%) rotate(15deg);
    transition: all .4s ease-in-out;
} */ 

[data-bs-theme=dark] .sidebar .widget .widget-title {
	font-size: 1rem;
	color: #fff;
}

.sidebar .post-buy-widget {
	border-top: 8px solid #5272EB;
	padding-top: 30px;
	background-image: linear-gradient(180deg, rgba(82, 114, 234, .1) 10%, rgba(255, 255, 255, 0) 70%);
	background-size: auto 50px;
	background-repeat: no-repeat;
}

.ri-down-warp .down-buy-warp .buy-title {
	color: #0cbc87;
	font-size: 1rem;
	margin-bottom: 1rem;
	height: 40px;
	line-height: 40px;
}

.ri-down-warp .down-buy-warp .buy-title .vip-rete-tips {
	color: #fc6711;
}

.ri-down-warp .down-buy-warp .buy-title .vip-rete-tips:hover {
	opacity: 0.75;
}

.down-buy-warp .btn {
	border: 1px solid #5272EB !important;
	background: #5272EB;
	color: #fff;
	padding: 9px 0;
	border-radius: 5px !important;
}

.down-buy-warp .btn:hover {
	background: #366EF4;
}

.btn-group {
	background: #5272EB;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgb(82 114 234 / 30%);
}

.down-buy-warp .copy-pwd {
	font-size: 12px;
}

.down-buy-info {
	margin-bottom: 10px;
}

.down-buy-info .btn {
	border: 1px solid #5272EB !important;
	background: transparent;
	color: #5272EB;
	padding: 9px 0;
	border-radius: 5px !important;
}

.down-buy-info .btn:hover {
	background: rgba(82,114,234,.15);
}

.down-buy-info  ul > li {
	padding: 8px 0 !important;
}

.down-buy-info .list-group-item {
	border: 0 !important;
	padding: 8px 3px !important;
	margin: 0 !important;
	color: var(--ri-secondary-color) !important;
	border-radius: 0px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: transparent !important;
}

.down-buy-info .title {
	color: #555 !important;
	font-weight: 900;
	background: transparent;
	border-bottom: 1px dashed #b1b1b1 !important;
	margin-bottom: 10px !important;
}
[data-bs-theme=dark] .down-buy-info .title {
	color: var(--ri-body-color) !important;
	border-bottom: 1px dashed rgba(245,245,245,0.1) !important;
}

.down-buy-info .list-group-item .data-label {
	width: 80px;
	padding-left: 2px;
	display: inline-block;
}

.down-buy-info .list-group-item .info {
	color: #555;
}
[data-bs-theme=dark] .down-buy-info .list-group-item .info {
	color: var(--ri-body-color) !important;
}

.down-buy-info .list-group {
	position: relative;
}

.down-buy-info .list-group .title {
	overflow: inherit;
}

.down-buy-info .list-group .title:after {
	content: '';
	position: absolute;
	background: #F3F5FC;
	width: 20px;
	height: 20px;
	left: -30px;
	border-radius: 50%;
	top: 25px;
}

.down-buy-info .list-group .title:before {
	content: '';
	position: absolute;
	background: #F3F5FC;
	width: 20px;
	height: 20px;
	right: -30px;
	border-radius: 50%;
	top: 25px;
}
[data-bs-theme=dark] .down-buy-info .list-group .title:after {
	background: #232529;
}
[data-bs-theme=dark] .down-buy-info .list-group .title:before {
	background: #232529;
}

[data-bs-theme=dark] .ri-down-warp {
	background: transparent !important;
}

.ri-down-warp .down-buy-warp {
	white-space: nowrap;
	overflow: clip;
}

.ri-down-warp .down-buy-warp .buy-box {
	margin: 0;
	margin-bottom: 1rem !important;
	display: flex;
	justify-content: center;
	height: 80px;
	border-radius: 10px !important;
	background: rgba(82,114,234,.05);
	border: 1px solid rgba(82,114,234,.03);
}
.ri-down-warp .down-buy-warp .buy-box .price-item>span>sup{
    font-size: .6rem;
    color: #fc6711;
}

.ri-down-warp .down-buy-warp .prices-desc {
	background: transparent;
	width: 33%;
	height: 50px;
	line-height: 24px;
	display: inline-block;
	padding: 0;
	padding-top: 15px;
}

.ri-down-warp .down-buy-warp .prices-desc::after {
	display: none;
}

.ri-down-warp .down-buy-warp .prices-desc .title {
	font-size: 12px !important;
	color: #999999 !important;
	display: block;
	font-weight: 400 !important;
}

.ri-down-warp .down-buy-warp .prices-desc .prices-default {
	color: #333;
	font-size: 12px;
	font-weight: 400;
}

.ri-down-warp .down-buy-warp .prices-desc .prices-default > span {
	font-size: 14px;
	font-weight: 900;
}
[data-bs-theme=dark] .ri-down-warp .down-buy-warp .prices-desc .prices-default {
	color: #fff;
}

.ri-down-warp .prices-rate {
	width: 67%;
	display: inline-block;
}

.ri-down-warp .down-buy-warp .buy-box .prices-ul {
	display: flex;
	justify-content: space-between;
	background: transparent;
	padding-left: 0 !important;
}

.ri-down-warp .down-buy-warp .buy-box .price-item {
	display: block;
	margin: 0 !important;
	line-height: 24px;
	font-size: 14px !important;
	padding-top: 15px !important;
}

.ri-down-warp .down-buy-warp .buy-box .price-item .vip-rete-name {
	color: #999 !important;
}

.ri-down-warp .down-buy-warp .buy-box .price-item .vip-rete-name:hover {
	color: #666 !important;
}

.ri-down-warp .down-buy-warp .buy-box .price-item > span {
	font-size: 14px;
	color: #333;
	font-weight: 900;
}
[data-bs-theme=dark] .ri-down-warp .down-buy-warp .buy-box .price-item > span {
	color: #fff;
}

.ri-down-warp .down-buy-warp .buy-box .price-item .coin-name {
	font-size: 12px  !important;
	font-weight: 400;
	font-style: normal;
}

.ri-down-warp .down-buy-warp .buy-box .specialvip {
	display: none;
}


.down-buy-info .genre-icons{
    font-size: .875em;
    color: var(--ri-secondary-color) !important;
    padding: 8px 3px !important;
}
.down-buy-info .genre-icons span{
    width: 80px;
    padding-left: 2px;
    display: inline-block;
}
.down-buy-info .genre-icons img{
    width:16px;
    height:16px;
    margin-right: 5px;
}

/* 边栏作品展示 */ 
.post-item.item-list .entry-wrapper {
	padding-right: 0px;
}
.item-list .entry-wrapper .entry-meta {
	align-items: flex-end;
}
.post-item .entry-cat-dot > a::before {
	border: 2px solid #7a99f2;
	background-color: transparent !important;
	border-radius: 12px;
	content: "";
	height: 8px;
	width: 8px;
}

.post-item .entry-cat-dot > a:nth-child(1)::before {
	border: 2px solid rgba(33,99,232,.75);
}

.post-item .entry-cat-dot > a:nth-child(2)::before {
	border: 2px solid rgba(247,195,46,.75);
}

.item-list .entry-wrapper .entry-cat-dot {
	margin-right: 5px;
	margin-bottom: 0px;
}
.post-item .entry-cat-dot .genre-icons{
    position: absolute;
    right: 10px;
}
.post-item .entry-cat-dot .genre-icons img{
    width:16px;
    height:16px;
    margin-left:5px;
}
.sidebar .post-item{
    border-radius: 0;
}
.sidebar .sidebar-posts-list .ratio::before{
    background-image: linear-gradient(132deg, #DEE1F8, #F7F8FE);
    border-radius: .5rem;
    height: 58px;
}
.sidebar .sidebar-posts-list .media-img.lazy.loaded{
    background-size: 160%; 
}

.sidebar .sidebar-posts-list .post-item.item-list .entry-title {
	line-height: 18px;
	height: 36px;
	font-size: .8rem !important;
	font-weight: 400 !important;
}
.sidebar .sidebar-ranking-list .post-item:hover {
	box-shadow: none !important;
}
.sidebar .sidebar-ranking-list .ranking-title {
	font-size: .875rem !important;
}

.sidebar .sidebar-ranking-list .ranking-title a {
	line-height: 30px;
}

.sidebar .sidebar-ranking-list .entry-media {
	max-width: 80px;
	margin-right: .5rem;
	display: block;
	position: relative;
	overflow: hidden;
}

.sidebar .sidebar-ranking-list .media-img {
	border-radius: 5px;
}

.sidebar .sidebar-ranking-list .post-item {
	overflow: visible;
}

.sidebar .sidebar-ranking-list .post-item .entry-cat-dot {
	margin-right: 5px;
	margin-bottom: 0px;
	width: 80px;
}

.sidebar .post-item .entry-meta>span:last-child {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




.sidebar-ranking-list .ranking-item .ranking-num {
	position: absolute;
	border-radius: 0 10px 10px 0 !important;
	padding: 0 !important;
	left: -4px;
	top: 10px;
	z-index: 2;
	opacity: 1 !important;
}

.sidebar-ranking-list .ranking-item .ranking-num span {
	display: block;
	padding: 0;
	font-size: 14px;
	font-weight: 900;
	line-height: 20px;
	height: 20px;
	width: 35px;
	text-align: right;
	padding-right: 8px;
	border-radius: 4px !important;
}

.sidebar-ranking-list .ranking-item .ranking-num span:after {
	content: '';
	bottom: -1px;
	left: 1px;
	height: 0;
	width: 0;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	position: absolute;
	transform: rotate(34deg);
}

.sidebar-ranking-list  .bg-primary {
	background-color: rgba(var(--ri-primary-rgb),1) !important;
}

.sidebar-ranking-list  .bg-success {
	background-color: rgba(var(--ri-success-rgb),1) !important;
}

.sidebar-ranking-list  .bg-warning {
	background-color: rgba(var(--ri-warning-rgb),1) !important;
}

.sidebar-ranking-list  .bg-primary span:after {
	border-bottom: 4px solid rgba(var(--ri-primary-rgb));
}

.sidebar-ranking-list  .bg-success span:after {
	border-bottom: 4px solid rgba(var(--ri-success-rgb));
}

.sidebar-ranking-list  .bg-warning span:after {
	border-bottom: 4px solid rgba(var(--ri-warning-rgb));
}

.sidebar-ranking-list .bg-secondary, .sidebar-ranking-list .bg-info {
	color: transparent;
	background: transparent !important;
}

.widget .tagcloud a {
	font-size: 12px !important;
	display: inline-block;
	padding: 5px 8px;
	background: rgba(243, 243, 243, 0.68);
	margin-bottom: 5px;
	margin-right: 5px;
	border-radius: 5px;
}
[data-bs-theme=dark] .widget .tagcloud a {
	background-color: rgb(255 255 255 / 3%);
}

.widget .tagcloud a:hover {
	color: #5272EB;
}
/* 封面图片优化 */ 
.post-item .entry-media .media-img {
	background-repeat: repeat !important;
	background-color: transparent;
}
/* 会员介绍页面 */ 
.vip-prices {
	background-image: url(assets/img/vip-bg.jpg);
	background-color: #F8F9FD;
	background-repeat: no-repeat;
	background-size: 100% 700px;
	background-position: top center;
	padding-bottom: 70px;
	margin-bottom: -50px;
}
[data-bs-theme=dark] .vip-prices {
	background-image: url(assets/img/vip-bg-dark.jpg);
	background-color: #232529;
}

.vip-prices .container {
	max-width: 1200px;
}

.vip-prices .archive-title {
	padding-right: 30px;
	margin-top: 100px !important;
	font-size: 40px;
	background: linear-gradient(45deg, #ffffff, #FEEDC2, #FEBAA0);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	display: inline-block;
}

.vip-prices .archive-title img {
	width: 60px;
	margin-right: 10px;
	margin-top: -10px;
}

.vip-prices .archive-title .far {
	display: none;
}

.vip-prices .archive-hero .archive-desc {
	font-size: 16px;
	line-height: 1.5;
	padding-top: 10px;
}

.vip-prices .archive-hero-bg {
	display: none;
}

.vip-prices .archive-hero {
	margin-bottom: 80px !important;
}

.vip-prices .card {
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.vip-prices .py-5 {
	padding-top: 2rem !important;
	padding-bottom: 1rem !important;
}

.vip-prices .card h3 {
	font-weight: 900;
}

.vip-prices .vip-intro {
	margin-top: 30px;
}

.vip-prices .vip-intro .list-group {
	text-align: center;
	display: block;
	padding: 0 15px;
}

.vip-prices .vip-intro .title {
	font-size: 16px;
	font-weight: 900;
	height: 20px;
	line-height: 20px;
	margin-top: 20px;
}

.vip-prices .service-inquiry {
	margin-top: 25px;
}

.vip-prices .service-inquiry .btn {
	width: 150px;
	color: #fff;
	background: #5272EB;
	border: 0;
	font-size: 16px;
	margin: 0 5px;
	padding: 8px 0;
}

.vip-prices .service-inquiry .btn:hover {
	background: #366EF4;
}

.vip-prices .service-inquiry .text-muted {
	margin-top: 15px;
}
/* 会员卡片样式 */ 
.vip-prices .price-card {
	box-shadow: 0 0 15px rgba(31,45,61,.1);
}

.price-card {
	text-align: left;
	border-radius: 15px !important;
	background: linear-gradient(151deg,#edf5fe 0%, #dcecfe 100%) !important;
	color: #478edf;
	border: 1px solid rgba(79,158,248, .2);
}

.col:nth-child(1) .price-card {
	background: linear-gradient(151deg,#e0edff 0%, #cad3ec 100%) !important;
	color: #5A6A8F;
	border: 1px solid rgba(90,106,143, .2);
}

.col:nth-child(2) .price-card {
	background: linear-gradient(151deg,#ffe7de 0%, #efbfa8 100%) !important;
	color: #A47A63;
	border: 1px solid rgba(164,122,99, .2);
}

.col:nth-child(3) .price-card {
	background: linear-gradient(151deg,#FEEDC2 0%, #FAC883 100%) !important;
	color: #946835;
	border: 1px solid rgba(148,104,53, .2);
}

.price-card .hot-c-tip {
	position: absolute;
	transform: rotate(-45deg);
	top: 10px;
	left: -20px;
	background: #f84730;
	color: #fff;
	font-size: 12px;
	padding: 2px 30px;
	border-radius: 4px;
}

.col:nth-child(1) .price-card .hot-c-tip,.col:nth-child(2) .price-card .hot-c-tip {
	display: none;
}

.home-vip-card .price-card {
	border-width: 1px !important;
}

.card-body .price-card {
	border-width: 0px !important;
}

.price-card::before {
	content: '\f3a5';
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	bottom: 45px;
	font-weight: 400;
	font-size: 160px;
	display: block;
	right: -38px;
	transform: rotate(303deg);
	opacity: 0.05;
}

.price-card .price-header {
	background: transparent !important;
	padding: 1rem 0;
}

.price-card .price-header .price-plan {
	color: inherit !important;
	font-size: 16px !important;
}

.price-card .price-header .price-ammount {
	font-family: TCloudNumber-Bold;
	font-size: 36px;
	font-weight: 900;
	color: inherit !important;
}

.vip-prices .price-card .price-header .price-plan {
	font-size: 20px !important;
}

.vip-prices .price-card .price-header .price-ammount {
	font-size: 48px !important;
	font-family: TCloudNumber-Bold;
}

.price-card .price-header sup {
	font-size: 14px;
	font-weight: 400;
	top: 0;
}

.price-card .price-header .price-sub {
	color: inherit !important;
	font-size: 14px;
}

.price-card .price-body {
	background: rgb(255 255 255 / 50%);
	position: relative;
	border-radius: 8px;
	padding: 4px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin: 0px 10px 20px 10px;
	padding: 20px 20px 10px 20px;
}

.price-card .price-body .price-ammount, .price-card .price-body .price-day {
	display: none;
}

.price-card .price-body .price-permission {
	font-size: 14px;
	font-weight: 900;
	color: inherit !important;
}

.price-card .price-body .price-desc > li {
	font-size: 14px;
	font-weight: 400;
	color: inherit !important;
	padding-left: 5px;
}

.col .price-card .btn {
	background: #478edf !important;
	color: #fff !important;
	border: 1px solid #478edf !important;
}
.col:nth-child(1) .price-card .btn {
	background: #5A6A8F !important;
	color: #fff !important;
	border: 1px solid #5A6A8F !important;
}

.col:nth-child(2) .price-card .btn {
	background: #A47A63 !important;
	color: #fff !important;
	border: 1px solid #A47A63 !important;
}

.col:nth-child(3) .price-card .btn {
	background: #946835 !important;
	color: #fff !important;
	border: 1px solid #946835 !important;
}

.home-vip-card .row, .vip-prices .row {
	--ri-gutter-x: 2rem;
}

.home-vip-card  .price-body, .vip-prices .price-body {
	margin: 0px 20px 20px 20px;
}

.uc-page .price-card .price-body {
	display: none;
}

.uc-page .price-card::before {
	bottom: 0px;
	opacity: 0.03;
}


/* 用户中心 */ 
.user-top-header {
	position: relative;
	padding-bottom: 2rem;
	padding-top: 1rem !important;
}

.user-top-header .rounded-top {
	background-image: url(assets/img/user-top-header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 7.5rem !important;
}

.user-top-header .avatar-container {
	margin-top: -2rem !important;
	margin-right: 1rem !important;
	position: relative;
}

.user-top-header .avatar-container .badge {
	left: 0px;
	position: absolute;
}

.user-top-header h5.mb-1 {
	font-weight: 700;
}
/* 基本资料 */ 
.uc-page .user-infor {
	display: none;
}

.uc-page .user-menu {
	border-radius: 0.5rem !important;
	margin-top: 0 !important;
}

.uc-page .user-menu .text-center {
	display: none;
}

.uc-page .user-menu .title {
	font-size: 12px;
	height: 20px;
	margin-top: 15px;
	line-height: 25px;
	padding-left: 30px;
	font-weight: 900;
}

.uc-page .uc-menu-warp {
	padding: 1.5rem;
	padding-top: 10px;
}

.uc-page .uc-menu-warp .menu-item {
	text-align: center;
	letter-spacing: 0;
}

.uc-page .uc-menu-warp .menu-item a {
	padding: 12px;
	padding-left: 0;
	border-radius: 10px;
}
[data-bs-theme=dark] .uc-menu-warp .menu-item a {
	color: var(--ri-body-color);
}

.uc-page .uc-menu-warp .menu-item a i {
    /*margin-left:20px;*/
	width: 20px;
	text-align: center;
}

.uc-page .uc-menu-warp .menu-item.current-menu-item a {
	color: #5272EB;
	background: rgba(82, 114, 234, .1);
}

.uc-page .uc-menu-warp .menu-item a:hover {
	color: #5272EB;
}

.uc-page .card {
	padding-bottom: 30px;
}

.uc-page .card-header {
	border-bottom: 1px solid rgba(245, 245, 245, 1);
	padding-bottom: 15px;
	padding-top: 10px;
}

.uc-page .card-header .fw-bold {
	color: #333;
	font-size: 16px;
	display: flex;
	position: relative;
	align-items: center !important;
}
[data-bs-theme=dark] .uc-page .card-header {
	border-bottom: 1px solid rgba(245, 245, 245, 0.1);
}

[data-bs-theme=dark] .uc-page .card-header .fw-bold {
	color: #fff;
}

.uc-page .card-header .fw-bold a.badge {
	background-color: transparent !important;
	color: #5272EB;
	padding: 8px;
	font-size: 14px;
	position: absolute;
	right: 0;
}

.uc-page .card-header .fw-bold a.badge:hover {
	color: #366EF4;
}

.uc-page .card-header .fw-bold:before {
	background-color: #5272EB !important;
	border-radius: 12px;
	content: "";
	height: 15px;
	width: 5px;
	margin-right: 8px;
}

.uc-page .card .col-lg-6 {
	width: 100%;
}

.uc-page .card .btn-primary-soft {
	color: #5272EB;
	font-size: 14px;
	background: rgba(54, 110, 244, .15);
	border: 1px solid rgba(54, 110, 244, .3);
}

.uc-page .card .btn-primary-soft:hover {
	background: rgba(54, 110, 244, 1);
	color: #fff;
}

.uc-page .card .d-sm-flex {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify!important;
	justify-content: flex-start !important;
}

.uc-page .card .btn {
	font-size: 14px;
}

.uc-page .card .btn.mb-0 {
	color: #fff !important;
	background: rgba(82, 114, 234, 1) !important;
	border: 0  !important;
	margin-top: 10px;
	padding: 8px 10px;
}

.uc-page .card .btn.mb-0:hover {
	background: rgba(54, 110, 244, 1) !important;
}
/* 我的余额 */ 
.uc-page .coin-balance-body .balance-qiandao {
	position: absolute;
	right: 0rem;
	top: -3.5rem;
}

.uc-page .coin-balance-body {
	padding: 20px;
	margin-bottom: 20px;
	border-radius: .5rem;
	background: rgba(255,152,0, .05) !important;
	border: 1px solid rgba(255,152,0, .2);
	font-family: TCloudNumber;
}

.uc-page .coin-balance-body::before {
	content: '\f81d';
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	font-weight: 400;
	font-size: 70px;
	display: block;
	bottom: 0;
	right: 20px;
	transform: rotate(303deg);
	opacity: 0.15;
	color: #ff9800;
}

.uc-page .coin-balance-body .fs-5 {
	font-size: 16px !important;
}

.uc-page .coin-balance-body .fs-2 {
	font-size: 20px !important;
	margin-top: 5px;
}

.uc-page .coin-balance-body hr {
	display: none;
}

.uc-page .coin-pay-card {
	border: 1px solid rgba(255,152,0, .5);
	background: rgba(255,152,0, .05) !important;
	font-family: TCloudNumber;
}

.uc-page .coin-pay-card:hover {
	border: 1px solid #ffc107;
	background: rgba(255,152,0, .2) !important;
}

.uc-page .coin-pay-card.active {
	border: 1px solid rgba(140,64,22, .5);
	background: rgba(255,152,0, .2) !important;
}

.uc-page .coin-pay-card.active::before {
	content: '\f058';
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 16px;
	display: block;
	position: absolute;
	color: rgba(140,64,22);
	width: 30px;
	height: 30px;
	bottom: 0px;
	right: 0px;
    /*background:  rgba(255,152,0, .5); 
    border-radius: .5rem 0rem 0.5rem 0rem;*/
}

.uc-page .coin-pay-card .text-warning {
	color: #B18973 !important;
	font-size: 14px;
	font-weight: 400;
}

.uc-page .coin-pay-card .text-muted {
	color: #8C4016 !important;
	font-size: 24px;
	font-weight: 900;
}

.uc-page .coin-pay-card .text-muted span {
	font-size: 14px;
}

.uc-page .top-up .js-pay-action {
	margin-top: 10px;
	width: 250px;
	font-weight: 900;
	font-size: 16px !important;
	height: 50px;
	line-height: 1;
	color: #fff !important;
	background: rgba(82, 114, 234, 1) !important;
	border: 0;
	border-radius: 10px;
}

.uc-page .top-up .js-pay-action:hover {
	background: rgba(54, 110, 244, 1) !important;
}

.uc-page .vip-cdk-body .text-center {
	margin-top: 30px;
	text-align: left !important;
}

.uc-page .vip-cdk-body .text-muted {
	font-size: 14px;
}

.uc-page .vip-cdk-body form {
	max-width: 100%;
}

.uc-page .vip-cdk-body #captcha-img {
	max-height: 50px;
	border-radius: .5rem !important;
}

.uc-page .vip-cdk-body .btn {
	width: 150px;
	color: #fff !important;
	background: rgba(82, 114, 234, 1) !important;
	border: 0 !important;
	font-size: 14px;
	padding: 8px 10px;
}

.uc-page .vip-cdk-body a {
	display: none;
}

.uc-page .vip-cdk-body .col-12 {
	padding: 0;
}
/* 我的会员 */ 
.uc-page .vip-info  .d-flex {
	position: relative;
}

.uc-page .vip-info h5.d-flex {
	font-size: 14px;
	font-weight: 900;
}

.uc-page .vip-info .mb-1 span {
	font-size: 12px;
}

.uc-page .vip-info span.badge {
	position: absolute;
	right: 0;
}

.uc-page .card-body .card {
	background-color: rgb(82, 114, 234, .1) !important;
}

.uc-page .card-body .card .fw-bold {
	color: #333 !important;
	font-family: TCloudNumber;
}

.uc-page .card-body .card .fw-bold span {
	font-size: 14px;
}

[data-bs-theme=dark] .uc-page .card-body .card .fw-bold {
	color: #fff !important;
}

.uc-page .card-body .col .user-down::before {
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	font-weight: 900;
	font-size: 36px;
	display: block;
	right: 20px;
	opacity: 0.5;
	color: #5272EB;
}

.uc-page .card-body .col:nth-child(1) .user-down::before {
	content: '\f4fd';
}

.uc-page .card-body .col:nth-child(2) .user-down::before {
	content: '\f4fc';
}

.uc-page .card-body .col:nth-child(3) .user-down::before {
	content: '\f503';
}

.uc-page .card-body .col:nth-child(4) .user-down::before {
	content: '\f6a3';
}
/* 我的推广 */ 
.uc-page .uc-aff-page .card-body h5.text-muted {
	font-size: 14px;
	margin-top: 30px;
}

.uc-page .uc-aff-page .card-body h5.user-select-all {
	font-size: 16px;
}

.uc-page .uc-aff-page .card-body .text-center .bg-success {
	margin-top: 20px;
	background-color: rgb(82, 114, 234, .1) !important;
	border: 1px solid rgba(82, 114, 234, .2) !important;
	padding: 20px 0 !important;
	border-radius: 5px !important;
}

.uc-page .uc-aff-page .card-body .btn {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 250px;
	font-weight: 900;
	font-size: 16px !important;
	height: 50px;
	line-height: 1;
	color: #fff !important;
	background: rgba(82, 114, 234, 1) !important;
	border: 0;
	border-radius: 10px;
}

.uc-page .uc-aff-page .card-body .btn:hover {
	background: #366EF4;
}
/* 工单列表 */ 
.uc-page .ticket-list-title {
	border-bottom: 0;
	padding-bottom: 0;
}

.uc-page .ticket-item {
	color: #333 !important;
	margin: 10px 0;
	padding: 15px;
	border-radius: 10px !important;
	line-height: 30px;
	background: rgba(82, 114, 234, .05);
	border: 1px solid rgba(82, 114, 234, .2);
}

.uc-page .ticket-item .time::before {
	content: "\f017";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	margin-right: 5px;
}

.uc-page .ticket-item .text-muted {
	line-height: normal !important;
	padding-top: 0;
	padding-left: 0;
}

.uc-page .ticket-item .fw-bold {
	padding: 5px 0;
	font-size: 16px;
}

.uc-page .ticket-item .avatar {
	margin-right: 15px !important;
}

.uc-page .ticket-item .fas {
	font-weight: 400;
	margin-right: 5px;
}

.uc-page .ticket-item .bg-opacity-10 {
	color: #5272EB !important;
	background: rgba(54, 110, 244, .15) !important;
}

.uc-page .ticket-view .card-body {
	margin-top: 20px;
}

.uc-page .ticket-view .fw-bold {
	font-size: 16px;
}

.uc-page .ticket-view .fas {
	font-weight: 400;
	margin-right: 5px;
	margin-left: 5px;
}
/* 我的投稿 */ 
.uc-page .user-tougao-warp .card-header {
	border-bottom: 0;
	margin-bottom: 10px !important;
}

.uc-page .user-tougao-warp .col {
	margin-bottom: 10px;
}

.uc-page .user-tougao-warp .card-header .text-muted {
	margin-left: 0;
	margin-right: 15px !important;
}

.uc-page .user-tougao-warp .card-header .text-dark {
	font-size: 12px;
	color: #5272EB !important;
	margin-right: 15px !important;
}

/* 会员中心无数据提示 */ 
.uc-page .card .card-body p.p-4 {
	font-size: 1rem !important;
	padding-top: 300px !important;
	padding-bottom: 100px !important;
	display: block;
	background: url(assets/img/no-data.svg) no-repeat center 100px / 180px 180px;
}

/* 会员中心分页样式 */ 
.custom-nav .pagination a, .custom-nav .pagination>span {
	border-radius: 10px;
	border: 1px solid #5272EB;
	color: #5272EB;
	background: transparent!important;
}

.custom-nav .disabled {
	border-radius: 10px;
	color: rgba(54, 110, 244, .70) !important;
}

.custom-nav .pagination a.current, .custom-nav .pagination>span.current {
	background: #5272EB!important;
	color: #fff;
}

.custom-nav .pagination a, .custom-nav .pagination>span:hover {
	color: #5272EB;
}

.custom-nav .pagination a:hover, .custom-nav .pagination>span:hover {
	background: rgba(54,110,244,.15) !important;
	color: #5272EB;
}

.custom-nav .pagination i {
	font-weight: 400;
}

/* 会员中心列表样式 */ 
.uc-page .card-header .text-muted {
	font-size: 12px;
	margin-left: 10px;
	font-weight: 400;
}

.uc-page .list-group-item .text-muted {
	line-height: 24px;
}

.uc-page .list-group-item .text-muted+.text-muted {
	margin-right: 10px;
}
[data-bs-theme=dark] .uc-page .list-group-item h6 {
	color: #fff !important;
}

.uc-page .list-group-numbered {
	color: #333 !important;
	padding: 15px;
	border-radius: 10px !important;
	line-height: 30px;
	background: rgba(82,114,234,.05);
	border: 1px solid rgba(82,114,234,.2);
}

.uc-page .list-group-numbered .text-muted {
	background: transparent !important;
	border: 0 !important;
	padding: 0;
}

.uc-page .list-group-item-action {
	color: #333 !important;
	margin: 10px 0;
	padding: 15px;
	padding-top: 20px;
	border-radius: 10px !important;
	line-height: 30px;
	background: rgba(82,114,234,.05);
	border: 1px solid rgba(82,114,234,.2);
}

.uc-page .list-group-item-action h6 {
	font-size: 14px;
	line-height: 24px;
	font-weight: 900;
}

.uc-page .list-group-item-action .w-100 .text-muted::before {
	content: "\f017";
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	margin-right: 5px;
}

/* 支付界面 */ 
.pay-select-box p {
	padding: 5px 0;
	text-align: center;
	font-size: 16px;
	font-weight: 900;
}

.pay-select-box .pay-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 10px;
	border: solid 1px #dfdfe3;
	font-size: 14px;
	margin-bottom: 15px;
}

.pay-select-box .pay-item:hover {
	color: #5272EB;
	border: solid 1px #5272EB;
	background: rgba(82, 114, 234, .05);
}

.pay-select-box .pay-item::before {
	content: '\f111';
	font-family: "Font Awesome 6 Pro";
	font-weight: 400;
	font-size: 16px;
	display: block;
	position: absolute;
	color: #dfdfe3;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 10px;
}

.pay-select-box .pay-item:hover::before {
	content: '\f058';
	color: #5272EB;
	font-weight: 900;
}

/*关于我们*/
.about-page .container {
	max-width: 1200px;
}

.about-page .container.py-md-5 {
	padding-bottom: 2rem !important;
}

.about-page .container .row {
	display: flex;
	justify-content: center;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.about-page .card.col-md-12 {
	width: 150px;
	margin-right: 15px;
}

.about-page .uc-menu-warp {
	padding: 10px 0;
	position: relative;
	margin: 0;
	list-style: none;
}

.about-page .uc-menu-warp .menu-item {
	text-align: center;
	letter-spacing: 0;
	margin-top: 5px;
}

.about-page .uc-menu-warp .menu-item a {
	padding: 5px;
	border-radius: 30px;
	color: #595d69;
	width: 100%;
	display: inline-block;
}

.about-page .uc-menu-warp .menu-item a:hover {
	color: #5272EB;
}

.about-page .uc-menu-warp .menu-item.active a {
	color: #5272EB;
	background: rgba(82, 114, 234, .1);
}

.about-page .col-md-12 .card {
	padding-top: 1rem;
}

.about-page .card h3 {
	padding-top: 1rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	color: #333;
	display: flex;
	align-items: center;
	font-weight: 600;
}

.about-page .card h3:before {
	background-color: #5272EB !important;
	border-radius: 12px;
	content: "";
	height: 15px;
	width: 5px;
	margin-right: 8px;
}

.about-page .card h4 {
	padding-top: 1rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	color: #333;
	font-weight: 600;
}

.about-page .card p {
	line-height: 30px;
}

.about-page .card .list {
	list-style: none;
	padding-left: 0;
}

.about-page .card .list li {
	padding: 5px;
}

.about-page .card .grid {
	text-align: center;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
}
/* 网址导航页面 */ 
.links-page h2{
    background: #5961f9 !important;
    border: 0;
    font-size: 0.875rem;
    font-weight: 900;
    height: 35px;
    line-height: 35px;
    padding: 0 15px !important;
    border-radius: 1.1rem;
    width: 140px;
    color:#fff !important;
}
.links-page h2 span{
    display: none;
}
.links-page-warp .link-item{
    box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2);
    transition: background-color .3s;
    border-radius: 1.1rem;
}
.links-page-warp .link-item>:after {
    content: "\f138";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    font-size: 0.875rem;
    margin-left: 4px;
    color:#ccc;
}
.links-page-warp .link-item:hover .text-dark {
  text-decoration: none;
}

.links-page-warp .link-item .link-img{
    background-color: transparent !important;
    border-radius: 0;
}

.links-page-warp .ms-3{
    width: 70%;
}

.links-page-warp p{
    height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 1;
}

/* 网址跳转页面 */ 
body.wpdie {
background-color: #eef5ff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23385acc' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%231b22aa' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%233755c5' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%231128a4' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%233650be' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%230b2d9e' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23354bb7' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23093197' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%233346b1' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%230d3490' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%233241aa' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23143788' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
body.wpdie .dimmer{
    backdrop-filter: blur(0px);
}
body.wpdie .ri-popup-content p{
    color:#666;
}
body.wpdie .text-danger{
    color: #5272EB !important;
    font-size: 18px;
    font-weight: 900;
}
body.wpdie .text-muted a{
    color: #366EF4;
    background: rgba(54, 110, 244, .1);
    border: 1px solid rgba(54, 110, 244, .3);
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 5px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 1;
}
body.wpdie .ri-popup-content {
    box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, .3);
}

/* 移动端样式 */ 

@media (max-width: 767.98px) {
#comments {
    padding: 1rem;
}
.home-vip-card .price-card .price-body {
    padding: 20px 20px 10px 20px;
    display: none;
}
.home-vip-card .price-card .price-body .price-desc {
    display: inherit;
 }
.format-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.format-terms-container{
    gap: 10px;
}
.container.mt-2 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.home-search-box .search-title{
    font-size: 1.5rem;
}
}
@media (max-width: 1200px) {
.navbar .nav-list > .menu-item > a{
    font-size:14px;
    margin: 0px 8px;
}
.navbar .nav-list>.menu-item:nth-last-child(-n + 2) {
    display: none;
}
.navbar .sep {
    display: none;
}
.navbar .badge{
    padding:0;
}
}
@media (min-width: 1300px) {
.container.mt-2{
    max-width: 1300px;
    margin: 0 auto;
  }
}