/* CSS Document */
ul,ol,li,p,h1,h2,h3,h4,h5,form,table,td,img,div,a,dl,dt,dd{margin:0;padding:0;border:0;}
body,select,input{padding:0;margin:0;text-align:left;font-size:12px;}
body{font-size:14px;font-family:"微软雅黑"; }
ul,li,ol{list-style-type:none; line-height:20px;}
input{outline:none;}
img{vertical-align:bottom;}
table{border-collapse:collapse;}
a img{border:none;}
a{color:#333;text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
.clear{ clear:both;}
.cl:after{ content:""; display:block;visibility:hidden; height:0; clear:both;}
.cl {zoom:1;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
/*common end*/
.wy_container{ width:1200px; margin:0 auto; overflow:hidden;zoom:1;}
.wy_white{ background:#fff;}
.wy_bg01{background:url(../images/wy_bg01.jpg) no-repeat center bottom; height:401px;}
.wy_bgc01{ background:#F5F5F5;}
.wy_yqlj{ background:#FFC801; padding:20px 0px;}
.wy_footer{ background:#5A5A5A; border-top:#5C5129 solid 10px;}
.wy_links{ font-size:24px; color:#000; line-height:30px; margin-bottom:15px; }
.wy_div01{ overflow:hidden;zoom:1; margin-bottom:12px;}
.wy_div01 span{ float:left; display:inline-block; background:url(../images/wy_icon01.jpg) no-repeat center top; width:115px; height:29px; line-height:28px;padding-left:5px; color:#FFC801; font-size:14px; margin-right:10px;}
.wy_div01 p{ float:right; width:1070px; font-size:14px; line-height:22px; overflow:hidden;zoom:1;}
.wy_div01 p a{ color:#000; float:left; display:inline-block; margin:0 5px;}
.wy_ewm{ float:right; width:244px; display:inline-block;}
.wy_div02{ float:left; width:850px; display:inline-block;}
.wy_lm{ overflow:hidden; margin-top:20px; text-align:center; width:850px; border-bottom:#AD8C47 solid 1px; text-align:center; font-size:14px; height:35px;line-height:35px; color:#DEDEDE; padding-bottom:5px;}
.wy_lm a{ color:#DEDEDE; display:inline-block; margin:0 5px;}
.wy_bq{ overflow:hidden;zoom:1; background:url(../images/wy_icon02.jpg) no-repeat 270px top;}
.wy_tel{ background:url(../images/wy_icon03.jpg) no-repeat left center; padding-left:33px; margin-left:50px;min-height:30px; margin-top:22px; float:left; display:inline; width:200px;}
.wy_tel span{ display:block; font-size:12px; color:#ccc;}
.wy_tel strong{ display:block; font-size:18px; color:#FFC801; font-weight:bold;}
.wy_bqp{ font-size:12px; color:#ccc; line-height:25px; margin-left:60px; display:inline-block; width:500px; margin-top:20px;}
.wy_bqp a{ color:#ccc; margin:0 2px;}
.wy_h01{ height:30px; clear: both;}
.wy_mbx{ width:1180px; margin:15px auto; border-bottom:#CCC solid 1px; padding-bottom:10px; font-size:14px; color:#333;}
.wy_mbx span{ color:#999;}
.wy_mbx a{ color:#333;}
.wy_mbx img{ vertical-align:middle; display:inline-block; margin-right:5px;}
.wy_hdgk{ width:1150PX; margin:0 auto;}
.wy_hdgk p{ color:#333; font-size:14px; line-height:24px; text-indent:2em;}
.wy_hdgk p.wy_title01{ text-indent:0em; font-size:30px; line-height:60px; text-align:center; margin-bottom:10px;}
.wy_hdgk p span{ font-size:18px; display:block; margin:2px 0;}
.wy_hdgk p strong{ font-size:24px; display:block; margin:12px 0;}
.wy_bgc02{ background:url(../images/wy_bg02.jpg) no-repeat bottom center #F5F5F5;}
.wy_tm{ background:url(../images/wy_icon01.png); overflow:hidden;zoom:1;}
.wy_title02{font-size:30px; line-height:60px; text-align:center; margin-bottom:10px; color:#333;}
.wy_page{text-align:right; margin-right:20px; margin-top:10px; margin-bottom:50px;}
.wy_page a{font-size:12px; padding:0px 10px; line-height:25px;display:inline-block; margin:0 2px; color:#333;}
.wy_page a:hover,.wy_page a.wy_a02{color:#FFC801; background:#666;}
.wy_dls01{ overflow:hidden;zoom:1; padding-left:25px;}
.wy_dls01 dl{ float:left; width:370px; height:245px; margin-right:20px; margin-bottom:30px; overflow:hidden;zoom:1;}
.wy_dls01 dt{ width:370px; height:205px; overflow:hidden;zoom:1;}
.wy_dls01 img{ width:370px; height:205px;transition: all 0.8s;}
.wy_dls01 dd>a{ display:block; width:350px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; overflow:hidden;zoom:1; white-space:nowrap; text-overflow:ellipsis; background:#587ABC; padding:0 10px;}
.wy_dls01 dl:hover{ -webkit-box-shadow: 3px 3px 5px #666; -moz-box-shadow: 3px 3px 5px #666; box-shadow: 3px 3px 5px #666;}
.wy_dls01 dl:hover img{transform: scale(1.2);}
.wy_dls01 dl:hover a{ background:#FBC010;}
.wy_div03{ width:1160px; margin:20px auto; background:#00A0DF; padding:5px 0; overflow:hidden;zoom:1;}
.wy_div03 a{ display:inline-block; float:left; padding-right:16px; padding-left:36px;width:180px; color:#fff; font-size:14px; height:40px; line-height:40px; background:url(../images/wy_icon05.jpg) no-repeat 16px center; white-space:nowrap; overflow:hidden;zoom:1; text-overflow:ellipsis;}
.wy_jqjd{ width:1150PX; margin:0 auto;}
.wy_jqjd p{ color:#666; font-size:14px; line-height:24px; text-indent:2em;}
.wy_jqjd strong{ font-weight:bold;}
.wy_jqjd p.wy_pimg{ text-indent:0em; text-align:center; margin:10px 0;}
.wy_title03{ font-size:36px; color:#666; height:50px;line-height:50px; margin-top:30px; margin-bottom:30px;}
.wy_title03 a img{ vertical-align:middle;}
.wy_share{ text-align:right; margin-top:30px; margin-bottom:50px; width:220px; float:right;margin-right:227px;}
.wy_div04{ overflow:hidden; width:1180px; margin:15px auto; border-bottom:#ccc solid 1px; padding-bottom:15px; line-height:24px; font-size:14px;}
.wy_div04 p{ margin-bottom:8px; margin-top:8px;}
.wy_div04 span{padding-left:10px; background:url(../images/wy_icon08.jpg) no-repeat 16px center; width:84px; padding-left:16px;height:24px; display:inline-block; color:#fff; text-align:center; line-height:22px; margin-right:10px;}
.wy_div04 a{ color:#666; display:inline-block; margin:0 3px; padding:0 2px; border-radius:3px;}
.wy_div04 a:hover,.wy_div04 a.wy_now01{ background:#2788D1; color:#fff;}
.wy_dls02{ overflow:hidden;zoom:1; padding-left:30px; padding-top:20px;}
/* .wy_dls02 dl{ width:270px; height:330px;float:left; display:inline-block; margin-right:20px; overflow:hidden;zoom:1; margin-bottom:30px; box-shadow:0px 0px  3px 3px #ddd;} */
.wy_dls02 dl{ width:370px; height:300px;float:left; display:inline-block; margin-right:20px; overflow:hidden;zoom:1; margin-bottom:30px; box-shadow:0px 0px  3px 3px #ddd;}
/* .wy_dls02 dl dt{ width:266px; height:270px; padding:2px; overflow:hidden;zoom:1; display:flex; align-items: center; justify-content:center; } */
.wy_dls02 dl dt{ width:370px; height:250px;  box-sizing: border-box; padding:2px; overflow:hidden;zoom:1; display:flex; align-items: center; justify-content:center; }
.wy_dls02 dl dt img{ display: block; max-width: 370px; transition: all 0.8s;}
/* .wy_dls02 dl dd{ width:260px; margin:0 auto; height:50px; line-height:25px; font-size:14px;} */
.wy_dls02 dl dd{ margin:0 auto; height:40px; padding: 5px 10px; font-size:14px;}
.wy_dls02 dl dd a{ color:#000;}
.wy_dls02 dl:hover{ box-shadow:0px 0px  3px 3px #FEC166;}
.wy_dls02 dl:hover dt img{transform: scale(1.2);}
.wy_dls03{ overflow:hidden;zoom:1; padding-left:30px; padding-top:20px;}
.wy_dls03 dl{ width:270px; height:310px;float:left; display:inline-block; margin-right:20px; overflow:hidden;zoom:1; margin-bottom:30px; box-shadow:0px 0px  3px 3px #ddd;}
.wy_dls03 dl dt{ width:266px; height:170px; padding:2px; overflow:hidden;zoom:1;}
.wy_dls03 dl dt img{ width:266px; height:170px;transition: all 0.8s;}
.wy_dls03 dl:hover{ box-shadow:0px 0px  3px 3px #FEC166;}
.wy_dls03 dl:hover dt img{transform: scale(1.2);}
.wy_dd01{ width:260px; padding:0 5px; padding-bottom:10px; margin:5px 0; height:50px; line-height:25px; font-size:14px; border-bottom:#ccc solid 1px;}
.wy_dd01 a{ color:#000;}
.wy_dd02{ overflow:hidden;zoom:1;}
.wy_dd02 span{ float:left; width:120px; margin-left:15px; display:inline-block; font-size:12px; line-height:25px; color:#666;}
.wy_title04{ width:1160px; margin:25px auto; color:#333; font-size:24px;}
.wy_div05{ overflow:hidden;zoom:1;width:1160px; margin:0 auto; }
.wy_js01{ float:left; width:600px; margin-right:30px;}
.wy_ms{ float:right; width:530px;}
#picarea {
	MARGIN:0 auto; WIDTH: 600px; BACKGROUND: #fff; HEIGHT: 420px;
}
#bigpicarea {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 600px; HEIGHT: 482px; OVERFLOW: hidden
}
.image {
	TEXT-ALIGN: center
}
.image IMG {
	BORDER-BOTTOM: #ececec 1px solid; BORDER-LEFT: #ececec 1px solid; MARGIN: 0px auto; BORDER-TOP: #ececec 1px solid; BORDER-RIGHT: #ececec 1px solid
}
#bigpicarea .word {
	TEXT-ALIGN: center; HEIGHT: 50px; COLOR: #333
}
#bigpicarea .word H3 {
	TEXT-ALIGN: center; LINE-HEIGHT: 48px; HEIGHT: 48px; COLOR: #333; FONT-SIZE: 14px
}
#bigpicarea .ui-els-hide {
	DISPLAY: none
}
#thumbs {
	LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH: 590px; HEIGHT: 60px
}
* HTML #thumbs {
	HEIGHT: 100%
}
#thumbs LI {
	MARGIN: 0px 7px; WIDTH: 60px; DISPLAY: inline; FLOAT: left; HEIGHT: 40px
}
#thumbs UL {
	MARGIN-TOP: 3px
}
#thumbs LI.last_img {
	MARGIN-RIGHT: 4px
}
#thumbs LI.first {
	MARGIN: 10px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI.last {
	MARGIN: 10px 10px 0px 15px; WIDTH: 9px; HEIGHT: 16px; CURSOR: pointer
}
#thumbs LI A {
	BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 90px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid; width:60px; height:40px;
}
#thumbs LI A:hover { border:#fff solid 2px;
}
#thumbs LI A.current {
	BORDER-BOTTOM: #FBC010 2px solid; BORDER-LEFT: #FBC010 2px solid; BORDER-TOP: #FBC010 2px solid; BORDER-RIGHT: #FBC010 2px solid
}
#thumbs LI.first IMG {
}
#thumbs LI.last IMG {
}
.bigbtnPrev {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 142px; CURSOR: pointer; LEFT: 20px
}
.bigbtnNext {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 142px; CURSOR: pointer; RIGHT: 20px
}
#big_play_prev {
	BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')
}
#big_play_next {
	BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')
}
#smallpicarea {
	MARGIN: 0px auto; WIDTH: 600; BORDER-TOP: #ececec 1px solid; PADDING-TOP: 10px
}
.wy_ms p{ font-size:16px; color:#333; line-height:40px;}
.wy_ms p strong{ font-weight:normal; color:#666;}
.wy_ms p span{ text-decoration:line-through; color:#666;}
.wy_share01{margin-top:30px; margin-bottom:50px; width:220px; float:left;}
.wy_lyxl{ overflow:hidden;zoom:1; width:1160px; margin:0 auto;}
.wy_title05{ padding-top:10px; height:50px;border-bottom:#ccc solid 1px; margin-bottom:20px;}
.wy_title05 span{ display:block; width:120px; height:50px; line-height:50px; text-align:center; margin-left:15px; font-size:18px; color:#141414; background:#FBC010;}
.wy_lyxl p{ font-size:14px; line-height:30px; color:#333; padding:0 20px;}
.wy_ydxz{ background:#EBEBEB; width:1120px; margin:20px auto 0; padding:10px 20px;}
.wy_ydxz p{font-size:14px; line-height:30px; color:#333;}
.wy_ydxz p strong{ font-size:16px; font-weight:bold;}
.wy_bgc03{ background:url(../images/wy_bg03.jpg) no-repeat bottom center #F5F5F5;}
.wy_tm01{ background:url(../images/wy_icon02.png); overflow:hidden;zoom:1;}
.wy_dls04{ overflow:hidden;zoom:1; padding-left:30px; padding-top:20px;}
.wy_dls04 dl{ width:270px; height:310px;float:left; display:inline-block; margin-right:20px; overflow:hidden;zoom:1; margin-bottom:30px; box-shadow:0px 0px  3px 3px #ddd;}
.wy_dls04 dl dt{ width:266px; height:170px; padding:2px; overflow:hidden;zoom:1;}
.wy_dls04 dl dt img{ width:266px; height:170px;transition: all 0.8s;}
.wy_dls04 dl:hover{ box-shadow:0px 0px  3px 3px #FEC166;}
.wy_dls04 dl:hover dt img{transform: scale(1.2);}
.wy_dd03 a{ width:260px; margin:0 auto; overflow:hidden;zoom:1; text-overflow:ellipsis; white-space:nowrap; font-size:16px; display:block; color:#141414; line-height:30px; height:30px;margin-top:5px;}
.wy_dd04{ width:270px; margin:0 auto; overflow:hidden;zoom:1; border-bottom:#ccc solid 1px; height:40px; line-height:40px;padding-bottom:5px; color:#333;}
.wy_dd04 span{ float:left; font-size:14px; width:110px; padding-left:10px;}
.wy_dd04 strong{ float:right; width:140px; padding-right:10px;}
.wy_dd04 strong i{ font-size:24px; color:#f60; line-height:40px;}
.wy_dd05 { text-align:center; margin-top:12px;}
.wy_pimg01{ text-align:center; margin:20px auto;}
.wy_sjjs{ overflow:hidden;zoom:1; width:1160px; margin:0 auto;}
.wy_sjjs p{ font-size:14px; line-height:30px; color:#333; padding:0 20px; text-indent:2em;}
.wy_lyzx{  height:375px; margin:20px auto;}
.wy_wz{ font-size:14px;color:#666;width:1160px; margin:0 20px;margin-top:-15px; position:relative;}
.wy_zxly{ background:url(../images/wy_img08.jpg) no-repeat center top; overflow:hidden;zoom:1;}
.wy_div06{ background:#eee; width:690px; height:420px; border:#ccc solid 1px; margin:220px auto 80px; padding:40px 30px;}
.wy_div06 p{ font-size:25px; color:#000;}
.wy_form01{ overflow:hidden;zoom:1; margin-top:35px;}
.wy_form01 div{ overflow:hidden;zoom:1; margin-bottom:12px; font-size:14px;}
.wy_form01 div span{ float:left ; width:100px; text-align:right; color:#666; height:40px; line-height:40px;}
.wy_text01{ background:#fff; height:38px; line-height:38px; border:#ccc solid 1px; padding:0 8px; width:300px; font-size:14px; color:#333;}
.wy_form01 textarea{ width:520px; color:#333; height:110px; padding:8px; background:#fff; border:#ccc solid 1px; font-size:14px; line-height:28px;}
.wy_but01{ border:none; cursor:pointer; width:140px; height:40px; line-height:40px; text-align:center; background:#FBC010; font-size:16px; color:#000; margin-top:20px;}
.wy_dl01{ background:url(../images/wy_icon11.jpg) no-repeat center top; width:1160px; margin:15px auto 0; height:255px; overflow:hidden;zoom:1; padding-bottom:15px; border-bottom:#ccc dashed 1px;}
.wy_dl01 dt{ float:left; height:200px; margin:16px; padding:10px; border:#ccc solid 1px; width:345px; overflow:hidden;zoom:1; margin-right:20px; background:#fff;}
.wy_dl01 dt img{ width:345px; height:200px;}
.wy_dl01 dd{ float:left; width:685px; display:inline-block;overflow:hidden;zoom:1;margin:10px auto; font-size:14px; line-height:24px;}
.wy_dl01 dd a{ color:#333;}
.wy_dl01 dd strong{ font-size:21px; color:#000; display:block; margin-top:15px;}
.wy_dl01 dd span{ display:block; text-align:right; color:#999;}
.wy_dl01:hover{ background:url(../images/wy_icon10.jpg) no-repeat center top;}
.wy_dl01:hover dd a,.wy_dl01:hover dd span,.wy_dl01:hover dd strong{ color:#fff;}
.wy_content{ width:1160px; margin:20px auto; overflow:hidden;zoom:1;}
.wy_content p{ font-size:14px; line-height:28px; color:#333; text-indent:2em; margin-bottom:3px;}
.wy_content p.wy_cp01{ text-indent:0em; text-align:center; font-size:30px; line-height:60px;}
.wy_content p.wy_cp02{ text-indent:0em; text-align:center; font-size:14px; color:#999; border-bottom:#B2E2F5 solid 1px; padding-bottom:10px; margin-bottom:20px; margin-top:10px;}
.wy_content p.wy_cp02 span{ display:inline-block; margin:0 10px;}
.wy_content p.wy_cpimg{ text-indent:0em; text-align:center; margin:15px auto;}


.jdmas {
    padding: 20px;
    border: 1px solid #E6E6E6;
    border-top: none;
    overflow: hidden;
    zoom: 1;
}
.jdpicbox {
    width: 460px;
    float: left;
    display: inline;
}
.jdjg {
    width: 447px;
    float: right;
    display: inline;
	margin-right: 115px;
}
.jdpicsm {
    width: 460px;
    height: 51px;
    overflow: hidden;
    zoom: 1;
    margin-top: 15px;
}
.jdpicsm a.CurH {
    background: url(../images/bg01H.png) no-repeat;
}
.p51 {
    margin-bottom: 4px;
    overflow: hidden;
    zoom: 1;
    padding: 1px 0 8px;
}

.sp02 {
    font-family: "微软雅黑";
    font-size: 28px;
    color: #FA6A29;
}

.fl {
    float: left;
    display: inline;
}
.em01 {
    padding-top: 17px;
    padding-left: 12px;
}

.p40 {
    line-height: 29px;
    height: 30px;
    margin-top: 11px;
    clear: both;
}
.p38 {
    margin: 0px 0 10px 0;
    height: 30px;
    line-height: 29px;
    clear: both;
}
.p38 span {
    float: left;
    display: inline-block;
    padding-right: 4px;
}
.in05 {
    color: #838383;
    float: left;
    display: inline;
    margin: 0 5px;
    width: 259px;
    line-height: 27px;
    background: url(../images/icon19.png) no-repeat center right #FFF;
    height: 27px;
    padding-left: 9px;
    border: 1px solid #D2D2D2;
}

.p41 {
    clear: both;
    padding-top: 15px;
    overflow: hidden;
    zoom: 1;
}
.p40 a {
    float: left;
    display: inline;
    width: 27px;
    text-decoration: none;
    height: 25px;
    border: 1px solid #DDD;
    background: #F0F0F0;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    font-family: "宋体";
}
.p40 em {
    float: left;
    display: inline;
    padding-left: 9px;
}
.in04 {
    width: 40px;
    height: 25px;
    line-height: 25px;
    color: #666;
    text-align: center;
    border: 1px solid #DDD;
    border-left: none;
    border-right: none;
    float: left;
    display: inline;
}

.inc {
    border: #e2e2e2 solid 1px;
}
.inc_top {
    background: url(../images/short_inc_top.gif) repeat-x;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-indent: 10px;
    font-weight: bolder;
    color: #f60;
}
.cart .inc_main {
    background: #fff;
}
.pd10 {
    padding: 10px;
}
form {
    display: block;
    margin-top: 0em;
}
#cart_list table {
    width: 100%;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
table {
    border-collapse: collapse;
}

.cart-table th {
    background: #f2f2f2;
    height: 28px;
    line-height: 28px;
}

th {
    font-weight: bold;
    text-align: -internal-center;
}
.cart-icon {
    margin: 0px 10px;
}
.cart a {
    color: #136AAD;
}
.cart-icon img {
    width: 50px;
    height: 50px;
    border: #ccc solid 2px;
}
.f_l {
    float: left;
}
.cart a {
    color: #136AAD;
}
#cart_list .deal-buy-quantity {
    text-align: center;
}
.cart-table td {
    padding: 10px 0px;
}
#cart_list .deal-buy-price {
    text-align: center;
}
#cart_list .deal-buy-total {
    text-align: center;
}
td.deal-buy-price, td.deal-buy-total, td.deal-cart-total {
    color: #f60;
    font-weight: bolder;
}
td.deal-buy-price, td.deal-buy-total, td.deal-cart-total {
    color: #f60;
    font-weight: bolder;
}

.blank {
    height: 10px;
    line-height: 10px;
    clear: both;
    visibility: hidden;
}
#cart_check h2, #cart_check h3 {
    font-size: 12px;
    display: block;
    height: 25px;
    background: #f2f2f2;
    line-height: 25px;
    text-indent: 20px;
}
table {
    border-collapse: collapse;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.table-list td {
    text-indent: 10px;
    padding: 10px 0px;
}
nobr {
    white-space: nowrap;
}
.order-check-form {
    text-align: right;
}

.formbutton {
    background: none repeat scroll 0 0 #FF9900;
    border-color: #FFB940 #C27502 #C27502 #FFB940;
    border-style: solid;
    border-width: 2px;
    color: #FFFFFF;
    cursor: pointer;
    letter-spacing: 0.1em;
    padding: 4px 1em;
    line-height: normal;
}
.f-input {
    border: #ccc 1px solid;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 14px;
    padding-top: 3px;
}


.pagination-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-wrapper .pagination{
    display: flex; align-items: center;
    column-gap: 20px;
}

.pagination-wrapper .pagination .disabled{
    color: #aaa;
}

.pagination-wrapper .pagination .active{
    color: #fff;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background-color: #2788D1;
}
.pagination-wrapper .pagination a:hover{
    color: #2788D1;
}