BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(images/header_bg.gif) #ffffff repeat-x;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	FONT: 12px Arial, Tahoma, sans-serif;
	COLOR: #000;
	PADDING-TOP: 0px
}
A {
	outline: none
}
A:link {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}
A:visited {
	COLOR: #000000;
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0000;
	TEXT-DECORATION: none
}
A:active {
	COLOR: #000000;
	TEXT-DECORATION: none
}
* {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}

IMG {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px
}
A IMG {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px
}
UL {
	LIST-STYLE-TYPE: none
}
OL {
	LIST-STYLE-TYPE: none
}
.clear {
	CLEAR: both;
	HEIGHT: 0px
}
.btn {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	FONT-SIZE: 12px;
	BORDER-BOTTOM-WIDTH: 0px;
	CURSOR: pointer;
	BORDER-RIGHT-WIDTH: 0px
}
A.btn:hover {
	COLOR: #000
}
A.btn2:hover {
	COLOR: #000
}
.bg1 {
	DISPLAY: block;
	BACKGROUND: #000000;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	HEIGHT: auto;
	TEXT-ALIGN: center
}
.bg1:unknown {
 CLEAR: both;
DISPLAY: block;
VISIBILITY: hidden;
HEIGHT: 0px;
content: '.'
}
.bg2 {
	MARGIN-LEFT: auto;
	WIDTH: 960px;
	MARGIN-RIGHT: auto;
	HEIGHT: auto
}
.rightpart {
	MARGIN-LEFT: auto;
	WIDTH: 790px;
	MARGIN-RIGHT: auto;
	HEIGHT: auto;
	float:right;
}
.bg3 {
	BACKGROUND: url(images/footpic.jpg) #cccccc repeat-x;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	HEIGHT: auto
}
.bgartnav {
	BACKGROUND: url(images/top_nav1.jpg) #cccccc no-repeat;
	MARGIN: 10px auto;
	WIDTH: 790px;
	margin-down: 10px;
	HEIGHT: 34px
}
.bgartnav P {
	FLOAT: left;
	MARGIN-LEFT: 11px;
	WIDTH: 790px;
	;
	COLOR: #333333;
	PADDING-TOP: 8px
}
.bg5 {
	MARGIN: 10px auto;
	WIDTH: 960px
}
.clearfix {
	CLEAR: both;
	MARGIN: 10px auto 0px;
	WIDTH: 960px
}

#header_bg1 {
	BACKGROUND: url(images/header_bg.gif) #000 repeat-x;
	FLOAT: left;
	WIDTH: 100%;
	PADDING-TOP: 42px
}

#header {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(images/header_bg2.gif) no-repeat;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	WIDTH: 960px;
	PADDING-TOP: 1px
}
.hhh {
	FLOAT: left;
	WIDTH: 211px;
	HEIGHT: 35px
}

#topNav {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 10px;
	FLOAT: left;
	PADDING-BOTTOM: 11px;
	WIDTH: 400px;
	PADDING-TOP: 11px;
	TEXT-ALIGN: right
}
#topNav A {
	BORDER-RIGHT: #a3a3a3 1px dotted;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	WIDTH: 50px;
	COLOR: #a3a3a3;
	PADDING-TOP: 0px
}
#topNav A:hover {
	COLOR: #1e4b9e
}
#topNav A.zhuce {
	WIDTH: 25px;
	COLOR: #1e4b9e
}
#topNav A.sp {
	WIDTH: 25px;
	BORDER-RIGHT-WIDTH: 0px
}
#topNav SPAN {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 18px;
	PADDING-BOTTOM: 0px;
	MARGIN-LEFT: 5px;
	WIDTH: 80px;
	COLOR:#F6F6F6;
	PADDING-TOP: 0px;
}
#topNav VAR {
	PADDING-LEFT: 10px;
	COLOR: #a3a3a3
}
.searchForm {
	PADDING-RIGHT:10px;
	MARGIN-RIGHT: 180px;
	MARGIN-TOP: 9px;
	PADDING-LEFT: 5px;
	BACKGROUND: url(images/search_bg.gif) no-repeat;
	FLOAT: right;
	PADDING-BOTTOM: 3px;
	WIDTH: 144px;
	PADDING-TOP: 3px;
	HEIGHT: 14px
}
.searchForm INPUT {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	VERTICAL-ALIGN: middle;
	COLOR: #a3a3a3;
	LINE-HEIGHT: 14px;
	HEIGHT: 14px;
	BORDER-RIGHT-WIDTH: 0px
}
.searchForm INPUT.txt {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FLOAT: left;
	WIDTH: 125px;
	MARGIN-RIGHT: 5px
}
.searchForm INPUT.sub {
	BACKGROUND: url(images/search.png) no-repeat;
	FLOAT: left;
	WIDTH: 13px;
	CURSOR: pointer;
	TEXT-INDENT: -9999px
}
.a2a_dd{
	MARGIN-RIGHT: 0px;
	MARGIN-LEFT: 250px;
	MARGIN-TOP: -15px;
	FLOAT: left;
	PADDING-RIGHT:10px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 3px;
	WIDTH: 40px;
}

#nav {
	CLEAR: both;
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	WIDTH: 960px;
	HEIGHT: 67px
}
#nav P {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 8px;
	WIDTH: 960px;
	PADDING-TOP: 2px;
	HEIGHT: 60px
}
#nav P A {
	FLOAT: left;
	MARGIN: 0px 3px 0px 4px;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	HEIGHT: 60px
}
#nav P A.sp {
	BACKGROUND: url(images/nav_bg.gif) no-repeat;
	background-position:center

}
#nav P A:hover {
	BACKGROUND: url(images/nav_bg.gif) no-repeat;
	background-position:center
}
#nav P A SPAN {
	FONT-WEIGHT: bold;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FLOAT: left;
	CURSOR: pointer;
	COLOR: #fff;
	LINE-HEIGHT: 70px;
	TEXT-ALIGN: center;
	font-size:13px
}
.index_banner P {
	MARGIN-TOP: -30px;
	FLOAT: right;
	WIDTH: 150px;
	POSITION: relative
}
.index_banner P SPAN {
	BORDER-RIGHT: #fff 1px solid;
	BORDER-TOP: #fff 1px solid;
	FLOAT: left;
	MARGIN: 0px 5px;
	OVERFLOW: hidden;
	BORDER-LEFT: #fff 1px solid;
	WIDTH: 12px;
	CURSOR: pointer;
	TEXT-INDENT: -9999px;
	BORDER-BOTTOM: #fff 1px solid;
	HEIGHT: 12px
}
.index_banner P SPAN.tab {
	BACKGROUND: #fff
}
.mainbody {
	CLEAR: both;
	MARGIN-TOP: 10px;
	BACKGROUND: url(images/footr_bg.gif) repeat-x;
	FLOAT: left;
	WIDTH: 100%;
	HEIGHT: 87px;
}
#footer {
	CLEAR: both;
	MARGIN: 0px auto;
	WIDTH: 960px;
	LINE-HEIGHT: 72px;
	HEIGHT: 72px
}
#footer P {
	FLOAT: left;
	COLOR: #fff
}
#footer P A {
	COLOR: #fff
}
#footer DIV {
	MARGIN-TOP: 30px;
	FLOAT: right;
	COLOR: #fff;
	LINE-HEIGHT: 14px
}
#footer DIV A {
	BORDER-RIGHT: #fff 1px dotted;
	PADDING-RIGHT: 10px;
	FLOAT: left;
	MARGIN-LEFT: 10px;
	COLOR: #fff;
	HEIGHT: 14px
}
#footer DIV A.sp {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px
}
.page {
	PADDING-RIGHT: 0px;
	BORDER-TOP: #b6b6b6 1px dashed;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 5px;
	WIDTH: 100%;
	PADDING-TOP: 5px;
	TEXT-ALIGN: right;
		COLOR: #FFFFFF

}
.page SPAN {
	MARGIN: 0px 5px
}
.page A {
	MARGIN: 0px 5px
}
.page SPAN {
	COLOR: #FFFFFF
}
.page A:hover {
	COLOR: #FF0000
}
.page IMG {
	VERTICAL-ALIGN: middle
}
.pagecss A{
	COLOR: #FFFFFF

}
.pagecss A:hover {
	COLOR: #FF0000
}

.boxmenunav
{
	FLOAT: left;
	WIDTH: 152px

}
.boxmenunav H2 {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BACKGROUND: url(images/h2_152menu.gif) no-repeat;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 112px;
	COLOR: #fff;
	LINE-HEIGHT: 32px;
	PADDING-TOP: 0px;
	HEIGHT: 35px
}
.boxmenunav .c_boxmenu {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 152px;
	PADDING-TOP: 0px
}

.boxmenunav .bottommenu {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 152px;
	HEIGHT: 7px
}

.left {
	FLOAT: left;
	WIDTH: 155px
}
.left .box {
	FLOAT: left;
	WIDTH: 152px
}
.left .box {
	FLOAT: left;
	MARGIN-BOTTOM: 8px;
	WIDTH: 152px
}
.left .box H2 {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BACKGROUND: url(images/h2_152.gif) no-repeat;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	WIDTH: 112px;
	COLOR: #fff;
	LINE-HEIGHT: 32px;
	PADDING-TOP: 0px;
	HEIGHT: 35px
}
.left .box .c_box {
	BORDER-RIGHT: #9a9898 1px solid;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BACKGROUND: #fff;
	FLOAT: left;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #9a9898 1px solid;
	WIDTH: 140px;
	PADDING-TOP: 5px
}
.left .box .bottom {
	BACKGROUND: url(images/bottom_152.gif) no-repeat;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 152px;
	HEIGHT: 7px
}
.left .box .top {
	BACKGROUND: url(images/top_152.gif) no-repeat;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 152px;
	HEIGHT: 6px
}
.right {
	FLOAT: right;
	WIDTH: 800px
}

.top5 LI {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 140px;
	COLOR: #454545;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #9d9d9f 1px dashed;
	HEIGHT: 24px
}
.top5 LI a {color:#000000;}
.top5 LI a:hover {color:#ff0000;}
.top5 LI A.name {
	MARGIN-LEFT: 5px;
	COLOR: #454545
}
.top5 LI.no1 {
	HEIGHT: 70px
}
.top5 LI.no1 IMG {
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 2px;
	FLOAT: left;
	PADDING-BOTTOM: 6px;
	WIDTH: 42px;
	PADDING-TOP: 2px;
	HEIGHT: 42px
}
.top5 LI.no1 DIV {
	MARGIN-TOP: 5px;
	FLOAT: right;
	WIDTH: 90px
}
.top5 LI.no1 SPAN {
	BACKGROUND: url(images/no1.gif) no-repeat;
	FLOAT: left;
	WIDTH: 16px;
	TEXT-INDENT: -9999px;
	HEIGHT: 19px
}
.top5 LI.no1 P {
	FLOAT: right;
	WIDTH: 70px;
	LINE-HEIGHT: 16px;
	HEIGHT: 32px
}
.top5 LI.no1 P A.name {
	MARGIN: 0px
}
.top5 LI.no1 VAR {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 90px;
	COLOR: #454545
}


.left .guide_left .c_box {
	PADDING-LEFT: 50px;
	BACKGROUND: url(images/guide.gif) #d9d9d9 no-repeat 5px 0px;
	WIDTH: 95px
}
.left .guide_left .c_box A {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	COLOR: #323232
}
.left .guide_left .c_box SPAN {
	DISPLAY: block;
	COLOR: #949496
}
.left .guide_left .c_box SPAN A {
	FONT-WEIGHT: normal;
	COLOR: #949496
}
.left .guide_left .bottom {
	BACKGROUND: url(images/bottom_152_2.gif) no-repeat
}
.left .guide_left .top {
	BACKGROUND: url(images/top_152_2.gif) no-repeat
}
.topnav {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px;
	BACKGROUND: url(images/top_nav.gif) no-repeat;
	FLOAT: right;
	PADDING-BOTTOM: 20px;
	WIDTH: 770px;
	COLOR: #6f432f;
	PADDING-TOP: 10px;
	HEIGHT: 15px
}
.topnav A {
	MARGIN: 0px 5px;
	COLOR: #6f432f
}

#gallery {
	WIDTH: 285px;
	POSITION: relative
}
.grid {
	BORDER-RIGHT: #dcdcdc 1px solid;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 15px 0px;
	PADDING-TOP: 27px;
	HEIGHT: 200px
}
.grid H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	FLOAT: left;
	MARGIN-BOTTOM: 10px;
	WIDTH: 100%;
	COLOR: #1e4b9e
}
.grid P.more {
	MARGIN-TOP: 10px;
	FLOAT: left;
	WIDTH: 100%
}
.grid P.more A {
	PADDING-LEFT: 20px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(images/more.gif) no-repeat;
	FLOAT: right;
	COLOR: #b5b5b5;
	MARGIN-RIGHT: 10px
}
.topcomment {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 0px;
	WIDTH: 300px;
	PADDING-TOP: 27px
}
.topcomment UL {
	FLOAT: left;
	WIDTH: 300px
}
.topcomment UL LI {
	PADDING-LEFT: 20px;
	BACKGROUND: url(images/dian.gif) no-repeat 0px 10px;
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 280px;
	LINE-HEIGHT: 22px;
	HEIGHT: 23px
}
.topcomment UL LI A {
	COLOR: #565656
}
#pictures {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 169px;
	POSITION: relative;
	HEIGHT: 115px
}
#pictures IMG {
	MAX-WIDTH: 169px;
	MAX-HEIGHT: 165px;
	POSITION: absolute;
	TOP: 0px
}
#next {
	PADDING-RIGHT: 11px;
	MARGIN-TOP: 11px;
	PADDING-LEFT: 11px;
	BACKGROUND: url(images/towardright_bg.gif) no-repeat;
	FLOAT: left;
	PADDING-BOTTOM: 33px;
	WIDTH: 28px;
	PADDING-TOP: 33px;
	HEIGHT: 26px
}
#prev {
	PADDING-RIGHT: 11px;
	MARGIN-TOP: 11px;
	PADDING-LEFT: 11px;
	BACKGROUND: url(images/towardleft_bg.gif) no-repeat 20px 0px;
	FLOAT: left;
	PADDING-BOTTOM: 33px;
	WIDTH: 28px;
	PADDING-TOP: 33px;
	HEIGHT: 26px
}
#pictures {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 169px;
	POSITION: relative;
	HEIGHT: 115px
}
#pictures IMG {
	MAX-WIDTH: 169px;
	MAX-HEIGHT: 165px;
	POSITION: absolute;
	TOP: 0px
}
.ggao_index {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px
}

.top6 LI {
	FLOAT: right;
	WIDTH: 140px;
	COLOR: #454545;
	LINE-HEIGHT: 20px;
	BORDER-BOTTOM: #9d9d9f 1px dashed;
	HEIGHT: 20px;
	TEXT-ALIGN: right
}


.index_banner {
	MARGIN: 0px auto;
	WIDTH: 954px;
	HEIGHT: 458px
}

#navproducts a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	background-image:url(Images/h2_152menubg2.gif);
	background-repeat:no-repeat;
	height:35px;
	width:152px;
	line-height: 35px;
	color:#d6d6d6;
	padding-left:15px;
	font-size:12px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#navproducts a{
	margin:0;
}

/* Just sub menu links */
#subMenusContainer a, #navproducts li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#navproducts a:hover, #navproducts a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #navproducts a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	color:#FFF;
	width:152px;
	padding-left:15px;



}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#navproducts a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#navproducts li a:hover,
#navproducts li a:focus{
	color:#FF0000;
}

/* Parent Sub Menu Links ---[javascript users only]
.subMenuParentBtn{ 
	background: url(/Skin/velimotor/Images/arrow_right.gif) right center no-repeat;  
}
*/
/* Parent Sub Menu Links on hover or focus ---[javascript users only]
.subMenuParentBtnFocused{ 
	background: url(/Skin/velimotor/Images/arrow_right_over.gif) right center no-repeat;  
}
*/
/* Parent Main Menu Links ---[javascript users only]
.mainMenuParentBtn{	
	 background: url(/Skin/velimotor/Images/arrow_right.gif) right center no-repeat; 
}
*/
/* Parent Main Menu Links on hover or focus ---[javascript users only]
.mainMenuParentBtnFocused{	
	background: url(/Skin/velimotor/Images/arrow_right_over.gif) right center no-repeat; 
}
*/
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#navproducts ol, #navproducts ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border:0px solid #C3D46A; 
	left:0;
}

/* All ULs and OLs */
#navproducts, #navproducts ul, #navproducts ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#navproducts li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#navproducts{
	display:block;
	list-style:none;
	width:152px;
	z-index:5;
	left:50%;
	text-align: left;
	display:block;
	margin:0; 
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#navproducts li li{	float:none; }

#navproducts li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
	padding-left:15px;
	margin-left:5px;
	width:152px;
}

#navproducts li ul { /* second-level lists */
	position: absolute;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#navproducts li ul ul { margin: -1em 0 0 -1000em; }
#navproducts li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#navproducts li:hover ul{margin-left: 152px; margin-top:-2.5em;}
#navproducts li li:hover ul {	margin-left: 152px; }

/* extra positioning rules for limited noscript keyboard accessibility */
#navproducts li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
#navproducts li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
#navproducts li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
#navproducts li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
#navproducts li:hover a:focus{ margin-left: 0; }
#navproducts li li:hover a:focus + ul { margin-left: 10em; }

.page {
    
    
}

.pagecss {
    /* 为 pagecss 样式设置一些基本属性 */
    display: inline-block;
    padding: 5px;
    
}

.pagination {
    /* 为分页列表设置样式 */
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 5px;
}

.pagination li {
    /* 为分页项设置基本样式 */
    display: inline;
	
}

.pagination li a {
    /* 为分页链接样式 */
    display: block;
    padding: 6px 12px;
    color: #007bff;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
	background:#ffffff;
}

.pagination li.active a {
    /* 为当前页项设置样式 */
    background-color: #007bff;
    color: #ffffff;
    border-color: #007bff;
}

.pagination li a:hover {
    /* 为分页链接的悬停效果设置样式 */
    background-color: #e9ecef;
    color: #0056b3;
}