/*-----------------------------
              背景  
          ------------------------------*/
     .rbt-page-banner-wrapper {
     	background-image: url('../../imgs/bg/bg-white-banner.png') !important;
     	background-size: cover;
     	background-position: center;
     }

     .rbt-page-banner-wrapper .bg_image {
     	background-image: url('../../imgs/bg/bg-01.jpg') !important;
     	background-size: cover;
     	background-position: center;
     }

     .rbt-my-account-tab-button .side-bg{
		 height: 100px;
     	background-image: url('../../imgs/bg/bg-02.jpg');
     	background-size: cover;
     	background-position: center;
     }

     /*-----------------------------
         主题色  
     ------------------------------*/
     :root {
     	--color-primary: #AA0001;
     	--color-success: #18a058;
     	--color-danger: #d03050;
     	--color-warning: #f0a020;
     	--color-info: #2080f0;
     }

     /*-----------------------------
	     边框  
	 ------------------------------*/
     .border-bottom-primary {
     	border-bottom-color: var(--color-primary);
     }

     .border-bottom-success {
     	border-bottom-color: var(--color-success);
     }

     .border-bottom-danger {
     	border-bottom-color: var(--color-danger);
     }

     .border-bottom-warning {
     	border-bottom-color: var(--color-warning);
     }

     .border-bottom-info {
     	border-bottom-color: var(--color-info);
     }

     /*-----------------------------
	    导航  
	------------------------------*/
     .rbt-header .mainmenu-nav .mainmenu>li:hover>a,
     .rbt-header .mainmenu-nav .mainmenu>li.active>a {
     	color: var(--color-white) !important;
     }

     .rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover {
     	color: var(--color-white) !important;
     	background: var(--black-opacity);
     }

     /*-----------------------------
         轮播图  
     ------------------------------*/
     .rbt-swiper-thumb {
     	width: 100%;
     	height: 60px;
     	position: absolute;
     	left: 0;
     	transform: translateX(0);
     	bottom: 0;
     	=
     }

     .rbt-swiper-thumb .swiper-wrapper {
     	display: flex;
     	align-items: center;
     	justify-content: center;
     }

     .rbt-swiper-thumb .swiper-slide {
     	height: 20px;
     	width: 20px !important;
     }

     .rbt-swiper-thumb .swiper-slide::after {
     	background-color: var(--color-gray);
     	opacity: 1;
     }

     .rbt-swiper-thumb .swiper-slide.swiper-slide-thumb-active::before {
     	background: var(--color-white);
     }

     .rbt-arrow-between .rbt-swiper-arrow::after {
     	border-radius: 0;
     }

     /* rbt article list */
     .rbt-article-list .rbt-article-item {
     	display: flex;
     	justify-content: space-between;
     	line-height: 30px;
     	margin: 5px 0;
     }

     .rbt-article-list .rbt-article-item .rbt-article-title {
     	width: calc(100% - 100px);
     	font-size: 16px;
     	line-height: 30px;
     	display: -webkit-box;
     	-webkit-box-orient: vertical;
     	-webkit-line-clamp: 1;
     	overflow: hidden;
     	text-overflow: ellipsis;
     	word-break: break-word;
     }

     .rbt-article-list .rbt-article-item .rbt-article-meta span {
     	font-size: 16px;
     }

     .rbt-article-list .rbt-article-item .rbt-article-meta .rbt-article-time {
     	width: 100px;
     	font-size: 16px;
     }

     /* rbt article list 1 */

     .rbt-article-list-1 .rbt-article-item {
     	margin: 20px 0;
     }

     .rbt-article-list-1 .rbt-article-item .rbt-article-title {
     	-webkit-line-clamp: 2;
     	padding: 5px 0;
     }

     .rbt-article-list-1 .rbt-article-item .rbt-article-meta {
     	width: 80px;
     }

     .rbt-article-list-1 .rbt-article-item .rbt-article-meta span {
     	display: block;
     	text-align: center;
     }

     .rbt-article-list-1 .rbt-article-item .rbt-article-meta .rbt-article-month {
     	font-size: 16px;
     	line-height: 40px;
     	background-color: var(--color-primary);
     	color: var(--color-white)
     }

     .rbt-article-list-1 .rbt-article-item .rbt-article-meta .rbt-article-day {
     	font-size: 16px;
     	background-color: var(--color-border-2);
     	color: var(--color-primary);
     	line-height: 30px;
     }

     /* rbt-article-list-2 */

     .rbt-article-list-2 .rbt-article-item {
     	border-bottom: 2px dashed var(--color-border-2);
     	margin: 10px 5px;
     	padding-bottom: 5px;
     }

     .rbt-my-account-tab-button a.active,
     .rbt-my-account-tab-button a:hover {
     	background-image: none;
     }