.fff {
	color: #fff
}

a.fff:hover,
a.fff.active {
	color: #fe741c
}

.c000 {
	color: #000
}

a.c000:hover,
a.c000.active {
	color: #fe741c
}

.c333 {
	color: #333
}

a.c333:hover,
a.c333.active {
	color: #fe741c
}

.c666 {
	color: #666
}

a.c666:hover,
a.c666.active {
	color: #fe741c
}

.c888 {
	color: #888
}

a.c888:hover,
a.c888.active {
	color: #fe741c
}

.c999 {
	color: #999
}

a.c999:hover,
a.c999.active {
	color: #fe741c
}

.ccc {
	color: #ccc
}

a.ccc:hover,
a.ccc.active {
	color: #fe741c
}

.eee {
	color: #eee
}

a.eee:hover,
a.eee.active {
	color: #fe741c
}

.bgccc {
	background: #ccc
}

.bgeee {
	background: #eee
}

.bgfff {
	background: #fff
}

.bgorange {
	background: #fe741c
}

.red {
	color: #CA0606
}

.orange {
	color: #fe741c
}

.cfe741c {
	color: #fe741c
}

a.cfe741c:hover,
a.cfe741c.active {
	color: #f60
}

.cfdb80c {
	color: #fdb80c
}

a.cfdb80c:hover,
a.cfdb80c.active {
	color: #fe741c
}

.cffdc00 {
	color: #ffdc00
}

a.cffdc00:hover,
a.cffdc00.active {
	color: #fe741c
}

.cf12828 {
	color: #f12828
}

a.cf12828:hover,
a.cf12828.active {
	color: #fe741c
}

.c0a0139 {
	color: #0a0139
}

a.c0a0139:hover,
a.c0a0139.active {
	color: #fe741c
}

.cffff00,
.cffff00 a {
	color: #ffff00
}

a.cffff00:hover,
a.cffff00.active,
.cffff00 a:hover {
	color: #fe741c
}

.color1,
.color1 a {
	color: #555ba6
}

.color1 a:hover,
a.color1:hover,
a.color1.active {
	color: #fe741c
}

.color2,
.color2 a {
	color: #44476c
}

.color2 a:hover,
a.color2:hover,
a.color2.active {
	color: #fe741c
}

.color3,
.color3 a {
	color: #28166f
}

.color3 a:hover,
a.color3:hover,
a.color3.active {
	color: #fe741c
}

.color4,
.color4 a {
	color: #8d99b8
}

.color4 a:hover,
a.color4:hover,
a.color4.active {
	color: #fe741c
}

.color5,
.color5 a {
	color: #8d99b8;
	border-color: rgba(141, 153, 184, 0.3)
}

.color5 a:hover,
a.color5:hover,
a.color5.active {
	color: #fe741c
}

.bg1 {
	background: #555ba6
}

.bg2 {
	background: #e6e7f2
}

.bg3 {
	background: #28166f
}

.bg4 {
	background: #f9f9f9
}

.bd1 {
	border-color: #555ba6
}

.bd2 {
	border-color: #e6e7f2
}

.li_1.num1 {
	background: rgba(85, 91, 166, 0.2)
}

.li_1.num2 {
	background: rgba(85, 91, 166, 0.15)
}

.li_1.num3 {
	background: rgba(85, 91, 166, 0.1)
}

.li_1.num1 i {
	background: #555ba6
}

.li_1.num2 i {
	background: rgba(85, 91, 166, 0.7)
}

.li_1.num3 i {
	background: rgba(85, 91, 166, 0.4)
}

.blockstyle2 .color1,
.blockstyle2 .color1 a {
	color: #be0f1b
}

.blockstyle2 .color1 a:hover,
.blockstyle2 a.color1:hover,
.blockstyle2 a.color1.active {
	color: #fe741c
}

.blockstyle2 .color2,
.blockstyle2 .color2 a {
	color: #333333
}

.blockstyle2 .color2 a:hover,
.blockstyle2 a.color2:hover,
.blockstyle2 a.color2.active {
	color: #fe741c
}

.blockstyle2 .color3,
.blockstyle2 .color3 a {
	color: #a91324
}

.blockstyle2 .color3 a:hover,
.blockstyle2 a.color3:hover,
.blockstyle2 a.color3.active {
	color: #fe741c
}

.blockstyle2 .color4,
.blockstyle2 .color4 a {
	color: #de878d
}

.blockstyle2 .color4 a:hover,
.blockstyle2 a.color4:hover,
.blockstyle2 a.color4.active {
	color: #fe741c
}

.blockstyle2 .color5,
.blockstyle2 .color5 a {
	color: #de878d;
	border-color: rgba(222, 135, 141, 0.3)
}

.blockstyle2 .color5 a:hover,
.blockstyle2 a.color5:hover,
.blockstyle2 a.color5.active {
	color: #fe741c
}

.blockstyle2 .bg1 {
	background: #be0f1b
}

.blockstyle2 .bg2 {
	background: #f8e7e8
}

.blockstyle2 .bg3 {
	background: #a91324
}

.blockstyle2 .bg4 {
	background: #F6F1DC
}

.blockstyle2 .bd1 {
	border-color: #be0f1b
}

.blockstyle2 .bd2 {
	border-color: #eed5ca
}

.blockstyle2 .tab.substyle1 .tab2menubox .tabmenu .item.active span {
	background: #be0f1b
}

.blockstyle2 .tab.style1>.tabmenubox .tabmenu .item.active {
	background: #be0f1b;
	border-color: #be0f1b
}

.blockstyle2 .tab.style1>.tabmenubox .tabmenu .item.active a {
	color: #fff;
}

.blockstyle2 .li_1.num1 {
	background: rgba(190, 15, 27, 0.2)
}

.blockstyle2 .li_1.num2 {
	background: rgba(190, 15, 27, 0.15)
}

.blockstyle2 .li_1.num3 {
	background: rgba(190, 15, 27, 0.1)
}

.blockstyle2 .li_1.num1 i {
	background: #be0f1b
}

.blockstyle2 .li_1.num2 i {
	background: rgba(190, 15, 27, 0.7)
}

.blockstyle2 .li_1.num3 i {
	background: rgba(190, 15, 27, 0.4)
}

.blockstyle3 .color1,
.blockstyle3 .color1 a {
	color: #87a5b5
}

.blockstyle3 .color1 a:hover,
.blockstyle3 a.color1:hover,
.blockstyle3 a.color1.active {
	color: #fe741c
}

.blockstyle3 .color2,
.blockstyle3 .color2 a {
	color: #44476c
}

.blockstyle3 .color2 a:hover,
.blockstyle3 a.color2:hover,
.blockstyle3 a.color2.active {
	color: #fe741c
}

.blockstyle3 .color3,
.blockstyle3 .color3 a {
	color: #b7c9d3
}

.blockstyle3 .color3 a:hover,
.blockstyle3 a.color3:hover,
.blockstyle3 a.color3.active {
	color: #fe741c
}

.blockstyle3 .color4,
.blockstyle3 .color4 a {
	color: #abc0cb
}

.blockstyle3 .color4 a:hover,
.blockstyle3 a.color4:hover,
.blockstyle3 a.color4.active {
	color: #fe741c
}

.blockstyle3 .color5,
.blockstyle3 .color5 a {
	color: #97b5c5;
	border-color: rgba(151, 181, 197, 0.3)
}

.blockstyle3 .color5 a:hover,
.blockstyle3 a.color5:hover,
.blockstyle3 a.color5.active {
	color: #fe741c
}

.blockstyle3 .bg1 {
	background: #87a5b5
}

.blockstyle3 .bg2 {
	background: #edf2f4
}

.blockstyle3 .bg3 {
	background: #b7c9d3
}

.blockstyle3 .bg4 {
	background: #f9f9f9
}

.blockstyle3 .bd1 {
	border-color: #87a5b5
}

.blockstyle3 .bd2 {
	border-color: #edf2f4
}

.blockstyle3 .tab.substyle1 .tab2menubox .tabmenu .item.active span {
	background: #87a5b5
}

.blockstyle3 .tab.style1>.tabmenubox .tabmenu .item.active {
	background: #87a5b5;
	border-color: #87a5b5
}

.blockstyle3 .li_1.num1 {
	background: rgba(135, 165, 181, 0.2)
}

.blockstyle3 .li_1.num2 {
	background: rgba(135, 165, 181, 0.15)
}

.blockstyle3 .li_1.num3 {
	background: rgba(135, 165, 181, 0.1)
}

.blockstyle3 .li_1.num1 i {
	background: #87a5b5
}

.blockstyle3 .li_1.num2 i {
	background: rgba(135, 165, 181, 0.7)
}

.blockstyle3 .li_1.num3 i {
	background: rgba(135, 165, 181, 0.4)
}

.bg01 {
	background: rgba(85, 91, 166, .1)
}

.blockstyle2 .bg01 {
	background: rgba(190, 15, 27, 0.1)
}

.blockstyle3 .bg01 {
	background: rgba(135, 165, 181, 0.1)
}

.blockstyle4 .bg01 {
	background: rgba(0, 169, 113, 0.1)
}

.weui_dialog {
	position: fixed;
	z-index: 2147483647;
	width: 400px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fafafc;
	text-align: center;
	border-radius: 11px;
	overflow: hidden
}

.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
	padding: 1em 40px
}

.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
	text-align: left
}

.weui_dialog_hd {
	padding: 0.6em 0
}

.weui_dialog_title {
	font-weight: 400;
	font-size: 24px
}

.weui_dialog_bd {
	padding: 0 30px 10px 30px;
	color: #666;
	line-height: 1.8em;
	text-align: left
}

.weui_dialog_ft {
	position: relative;
	line-height: 60px;
	font-size: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.weui_dialog_ft a {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #3cc51f;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui_dialog_ft a:active {
	background-color: #eee
}

.weui_dialog_ft:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d5d5d6;
	color: #d5d5d6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_dialog_confirm .weui_dialog_ft a {
	position: relative
}

.weui_dialog_confirm .weui_dialog_ft a:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px solid #d5d5d6;
	color: #d5d5d6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5)
}

.weui_dialog_confirm .weui_dialog_ft a:first-child:after {
	display: none
}

.weui_btn_dialog.default {
	color: #353535
}

.weui_btn_dialog.primary {
	color: #383f90
}

@media screen and (min-width:1024px) {
	.weui_dialog {
		width: 400px
	}
}

.weui_toast {
	position: fixed;
	z-index: 2147483647;
	width: 8.6em;
	min-height: 7.6em;
	top: 180px;
	left: 50%;
	margin-left: -3.8em;
	background: rgba(40, 40, 40, .75);
	text-align: center;
	border-radius: 5px;
	color: #fff
}

.weui_icon_toast {
	margin: 10px 0 0;
	display: block;
	font-size: 30px
}

.weui_toast_content {
	margin: 0 0 15px
}

.weui_loading_toast .weui_toast_content {
	margin-top: 64%;
	font-size: 14px
}

.weui_loading {
	position: absolute;
	width: 0;
	z-index: 2147483647;
	left: 50%;
	top: 38%
}

.weui_loading_leaf {
	position: absolute;
	top: -1px;
	opacity: .25
}

.weui_loading_leaf:before {
	content: " ";
	position: absolute;
	width: 16.28px;
	height: 6.16px;
	background: #d1d1d5;
	box-shadow: rgba(0, 0, 0, .0980392) 0 0 1px;
	border-radius: 1px;
	-webkit-transform-origin: left 50% 0;
	transform-origin: left 50% 0
}

.weui_loading_leaf_0 {
	-webkit-animation: a 1.25s linear infinite;
	animation: a 1.25s linear infinite
}

.weui_loading_leaf_0:before {
	-webkit-transform: rotate(0deg) translate(15.84px);
	transform: rotate(0deg) translate(15.84px)
}

.weui_loading_leaf_1 {
	-webkit-animation: b 1.25s linear infinite;
	animation: b 1.25s linear infinite
}

.weui_loading_leaf_1:before {
	-webkit-transform: rotate(30deg) translate(15.84px);
	transform: rotate(30deg) translate(15.84px)
}

.weui_loading_leaf_2 {
	-webkit-animation: c 1.25s linear infinite;
	animation: c 1.25s linear infinite
}

.weui_loading_leaf_2:before {
	-webkit-transform: rotate(60deg) translate(15.84px);
	transform: rotate(60deg) translate(15.84px)
}

.weui_loading_leaf_3 {
	-webkit-animation: d 1.25s linear infinite;
	animation: d 1.25s linear infinite
}

.weui_loading_leaf_3:before {
	-webkit-transform: rotate(90deg) translate(15.84px);
	transform: rotate(90deg) translate(15.84px)
}

.weui_loading_leaf_4 {
	-webkit-animation: e 1.25s linear infinite;
	animation: e 1.25s linear infinite
}

.weui_loading_leaf_4:before {
	-webkit-transform: rotate(120deg) translate(15.84px);
	transform: rotate(120deg) translate(15.84px)
}

.weui_loading_leaf_5 {
	-webkit-animation: f 1.25s linear infinite;
	animation: f 1.25s linear infinite
}

.weui_loading_leaf_5:before {
	-webkit-transform: rotate(150deg) translate(15.84px);
	transform: rotate(150deg) translate(15.84px)
}

.weui_loading_leaf_6 {
	-webkit-animation: g 1.25s linear infinite;
	animation: g 1.25s linear infinite
}

.weui_loading_leaf_6:before {
	-webkit-transform: rotate(180deg) translate(15.84px);
	transform: rotate(180deg) translate(15.84px)
}

.weui_loading_leaf_7 {
	-webkit-animation: h 1.25s linear infinite;
	animation: h 1.25s linear infinite
}

.weui_loading_leaf_7:before {
	-webkit-transform: rotate(210deg) translate(15.84px);
	transform: rotate(210deg) translate(15.84px)
}

.weui_loading_leaf_8 {
	-webkit-animation: i 1.25s linear infinite;
	animation: i 1.25s linear infinite
}

.weui_loading_leaf_8:before {
	-webkit-transform: rotate(240deg) translate(15.84px);
	transform: rotate(240deg) translate(15.84px)
}

.weui_loading_leaf_9 {
	-webkit-animation: j 1.25s linear infinite;
	animation: j 1.25s linear infinite
}

.weui_loading_leaf_9:before {
	-webkit-transform: rotate(270deg) translate(15.84px);
	transform: rotate(270deg) translate(15.84px)
}

.weui_loading_leaf_10 {
	-webkit-animation: k 1.25s linear infinite;
	animation: k 1.25s linear infinite
}

.weui_loading_leaf_10:before {
	-webkit-transform: rotate(300deg) translate(15.84px);
	transform: rotate(300deg) translate(15.84px)
}

.weui_loading_leaf_11 {
	-webkit-animation: l 1.25s linear infinite;
	animation: l 1.25s linear infinite
}

.weui_loading_leaf_11:before {
	-webkit-transform: rotate(330deg) translate(15.84px);
	transform: rotate(330deg) translate(15.84px)
}

@-webkit-keyframes a {

	0%,
	0.01% {
		opacity: .25
	}

	0.02% {
		opacity: 1
	}

	60.01%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes b {

	0%,
	8.34333% {
		opacity: .25
	}

	8.35333% {
		opacity: 1
	}

	68.3433%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes c {

	0%,
	16.6767% {
		opacity: .25
	}

	16.6867% {
		opacity: 1
	}

	76.6767%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes d {

	0%,
	25.01% {
		opacity: .25
	}

	25.02% {
		opacity: 1
	}

	85.01%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes e {

	0%,
	33.3433% {
		opacity: .25
	}

	33.3533% {
		opacity: 1
	}

	93.3433%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes f {
	0% {
		opacity: .270958333333333
	}

	41.6767% {
		opacity: .25
	}

	41.6867% {
		opacity: 1
	}

	1.67667% {
		opacity: .25
	}

	to {
		opacity: .270958333333333
	}
}

@-webkit-keyframes g {
	0% {
		opacity: .375125
	}

	50.01% {
		opacity: .25
	}

	50.02% {
		opacity: 1
	}

	10.01% {
		opacity: .25
	}

	to {
		opacity: .375125
	}
}

@-webkit-keyframes h {
	0% {
		opacity: .479291666666667
	}

	58.3433% {
		opacity: .25
	}

	58.3533% {
		opacity: 1
	}

	18.3433% {
		opacity: .25
	}

	to {
		opacity: .479291666666667
	}
}

@-webkit-keyframes i {
	0% {
		opacity: .583458333333333
	}

	66.6767% {
		opacity: .25
	}

	66.6867% {
		opacity: 1
	}

	26.6767% {
		opacity: .25
	}

	to {
		opacity: .583458333333333
	}
}

@-webkit-keyframes j {
	0% {
		opacity: .687625
	}

	75.01% {
		opacity: .25
	}

	75.02% {
		opacity: 1
	}

	35.01% {
		opacity: .25
	}

	to {
		opacity: .687625
	}
}

@-webkit-keyframes k {
	0% {
		opacity: .791791666666667
	}

	83.3433% {
		opacity: .25
	}

	83.3533% {
		opacity: 1
	}

	43.3433% {
		opacity: .25
	}

	to {
		opacity: .791791666666667
	}
}

@-webkit-keyframes l {
	0% {
		opacity: .895958333333333
	}

	91.6767% {
		opacity: .25
	}

	91.6867% {
		opacity: 1
	}

	51.6767% {
		opacity: .25
	}

	to {
		opacity: .895958333333333
	}
}

.weui_mask {
	background: rgba(0, 0, 0, .3)
}

.weui_mask,
.weui_mask_transition,
.weui_mask_transparent {
	position: fixed;
	z-index: 2147483647;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.weui_mask_transition {
	display: none;
	background: transparent;
	-webkit-transition: background .3s;
	transition: background .3s
}

.weui_fade_toggle {
	background: rgba(0, 0, 0, .6)
}

.weui_actionsheet {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 2147483647;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
	background-color: #efeff4;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	opacity: 0
}

.weui_actionsheet_menu {
	background-color: #fff
}

.weui_actionsheet_action {
	margin-top: 12px;
	background-color: #fff
}

.weui_actionsheet_cell {
	position: relative;
	padding: 20px 0;
	text-align: center;
	font-size: 18px
}

.weui_actionsheet_cell:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d9d9d9;
	color: #d9d9d9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_actionsheet_cell:active {
	background-color: #ececec
}

.weui_actionsheet_cell:first-child:before {
	display: none
}

.weui_actionsheet_toggle {
	-webkit-transform: translate(0);
	transform: translate(0);
	opacity: 1
}

.textToast {
	min-width: 200px;
	max-width: 90%;
	padding: 0.5em;
	max-height: 4.6em;
	font-size: 18px;
	line-height: 1.8em;
	text-align: center;
	color: #fff !important;
	border-radius: 10px;
	background-color: rgba(80, 80, 80, 0.8);
	position: fixed;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
	z-index: 2147483647
}

.textToastShow {
	display: block;
	-webkit-animation: textToastShow 3s .2s ease-in-out;
	animation: textToastShow 3s .2s ease-in-out
}

@-webkit-keyframes textToastShow {
	1% {
		top: 100%
	}

	10% {
		opacity: 1;
		top: 80%
	}

	80% {
		opacity: 1;
		top: 80%
	}

	100% {
		opacity: 0;
		top: 80%
	}
}

@keyframes textToastShow {
	0% {
		top: 100%
	}

	10% {
		opacity: 1;
		top: 80%
	}

	80% {
		opacity: 1;
		top: 80%
	}

	100% {
		opacity: 0;
		top: 80%
	}
}

.tab.style4 .tabmenu {
	padding: 10px 0
}

.tab.style4 .tabmenubox .tabmenu .item {
	color: #fff;
	padding: 0 20px;
	display: table-cell;
	border: 0;
	width: 5%;
	white-space: nowrap
}

.tab.style4 .tabmenubox .tabmenu .item.active {
	color: #fbe01b;
	font-weight: bold;
	position: relative
}

.tab.style4 .tabmenubox .tabmenu .item.active:after {
	position: absolute;
	content: "";
	height: 6px;
	background: #fbe01b;
	bottom: -10px;
	left: 50%;
	width: 40px;
	margin-left: -20px
}

.tab.style4 .tabmenubox .tabmenu .item {
	margin: 0 20px;
	line-height: 2em
}


#pagenav .pagenav .navcont {
	width: 1220px
}

#container {
	width: 1220px
}

#container .rightlay {
	width: 300px
}

#container .rightlay.fixed {
	margin-left: 310px
}

#container .rightlay.fixed2 {
	margin-left: 310px
}

.rightlay #rightmenu .hotblocks .item {
	width: 120px
}

.rightlay .joinbtt a {
	padding: 0 20px
}

#container .rightlay .leftbrandlogo li {
	width: 149px;
	padding: 5px 0;
	background: #fff;
	box-shadow: 0 0 0 1px #e6e7f2
}

#container .rightlay .leftbrandlogo li img {
	width: 138px;
	height: 60px;
	margin: 0 auto;
	display: block
}

.baikecitiao .itembox .item.active .info {
	display: none !important
}

.rightlay #rightmenu .searchhot .contbox .cont.hotsearch a .name {
	width: 140px
}

.rightlay .tab>.tabmenubox>.tabmenu {
	font-size: 14px;
	padding-bottom: 0
}

.rightlay .tab>.tabmenubox .tabmenu .item {
	border-radius: 1em;
	padding: 0 10px;
	margin: 0 5px;
	display: inline-block;
	border: 0;
	background: #d8d8ea
}

.rightlay .tab>.tabmenubox .tabmenu .item.active {
	background: #555ba6;
	color: #fff
}

.rightlay .tab.righttab .tabmenubox {
	background: rgba(85, 91, 166, 0.1)
}

.rightlay .tab.righttab .tabmenubox .tabmenu {
	padding: 0;
	margin: 0;
	display: block
}

.rightlay .tab.righttab .tabmenubox .tabmenu .item {
	padding: 0;
	margin: 0;
	float: left;
	font-size: 15px;
	line-height: 2.4em;
	width: 150px;
	text-align: center;
	background: none
}

.rightlay .tab.righttab .tabmenubox .tabmenu .item.active {
	color: #555ba6;
	font-weight: bold
}

.rightlay .tab.righttab .tabmenubox .tabmenu .item.active::after {
	content: "";
	width: 30px;
	height: 4px;
	background: #555ba6;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -15px
}

.blockstyle2 .rightlay .tab.righttab .tabmenubox {
	background: #f0e4d9
}

.blockstyle2 .rightlay .tab.righttab .tabmenubox .tabmenu .item.active {
	color: #be0f1b
}

.blockstyle2 .rightlay .tab.righttab .tabmenubox .tabmenu .item.active::after {
	background: #be0f1b
}

.rightlay #rightmenu .xglist dd {
	padding: 0 10px 15px 10px
}

.rightlay .blockmorebox {
	padding: 0
}

.rightlay .blockmorebox .morebtn {
	padding: 10px 0;
	background: none;
	font-size: 14px;
	color: #555ba6
}

.rightlay .blockmorebox .morebtn:hover {
	color: #f60
}

.rightlay .blockmorebox .morebtn .icon-gengduo4 {
	float: right;
	margin: 0 0 0 3px
}

.blockstyle2 .rightlay .blockmorebox .morebtn {
	color: #be0f1b
}

.blockstyle2 .rightlay .blockmorebox .morebtn:hover {
	color: #f60
}

.xglist.style2 dd {
	padding: 0 0 10px 0
}

.xglist.style2 dd a {
	display: block;
	width: 80%;
	margin: 0 auto;
	background: #d7d9ea;
	border-radius: 1.1em;
	line-height: 2.2em;
	padding: 0 5%
}

.xglist.style2 dd .col2 a {
	width: 84%;
	padding-left: 6%
}

.xglist.style2 dd .col2.l a {
	text-align: left
}

.rightlay #rightmenu .xglist li .dhidden img {
	width: 20px;
	height: 20px;
	background: rgba(190, 15, 27, 0.1);
	border-radius: 50%;
	padding: 1px;
	margin-right: 5px
}

.blockstyle2 .xglist.style2 dd a {
	background: rgba(190, 15, 27, 0.1)
}

.rightnavlist dd {
	padding: 0 2% 10px 2%
}

.rightnavlist .item {
	width: 46%;
	margin: 10px 2%;
	text-align: center;
	float: left;
	box-shadow: 0 0 0 1px #ddd;
	border-radius: 5px;
	padding: 10px 0
}

.rightnavlist .item a.color1 {
	display: block;
	padding: 5px 10px 10px 10px
}

.rightnavlist .item .iconfont {
	display: block;
	font-size: 32px;
	margin: 0 auto
}

.rightnavlist .item .t {
	font-weight: bold;
	line-height: 2.5em;
	border-bottom: 1px solid #ddd
}

.rightnavlist .item a.c333 {
	font-size: 12px;
	display: inline-block;
	margin: 0 3px
}

.rightlay .xglist .iconlist .iconfont {
	color: #fff;
	font-size: 28px;
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background: #a09be1;
	margin-bottom: 5px
}

.rightlay .xglist .iconlist .iconfont.s1 {
	background: linear-gradient(135deg, #f87b93, #f3113c)
}

.rightlay .xglist .iconlist .iconfont.s2 {
	background: linear-gradient(135deg, #ffd27f, #ffae1a)
}

.rightlay .xglist .iconlist .iconfont.s3 {
	background: linear-gradient(135deg, #95d9e9, #40bbd7)
}

.rightlay .xglist .iconlist .iconfont.s4 {
	background: linear-gradient(135deg, #cb99ee, #a147e0)
}

.rightlay .xglist .iconlist .iconfont.s5 {
	background: linear-gradient(135deg, #a09be1, #544bca)
}

.rightlay .xglist .iconlist .iconfont.s6 {
	background: linear-gradient(135deg, #fb9ebb, #f85084)
}

.rightlay .xglist .iconlist .iconfont.s7 {
	background: linear-gradient(135deg, #ffba7c, #ff8415)
}

.rightlay .xglist .iconlist .iconfont.s8 {
	background: linear-gradient(135deg, #93ccfe, #3fa4fe)
}

.rightlay .xglist .iconlist .iconfont.s9 {
	background: linear-gradient(135deg, #71d7ca, #00b8a0)
}

.rightlay .xglist .iconlist .iconfont.s10 {
	background: linear-gradient(135deg, #f08c88, #e4312a)
}

.rightlay .xglist .iconlist .iconfont.s11 {
	background: linear-gradient(135deg, #a1adea, #586dda)
}

.rightlay .xglist .iconlist .iconfont.s12 {
	background: linear-gradient(135deg, #cde79a, #a5d54b)
}

.rightlay .xglist .iconlist .iconfont.s13 {
	background: linear-gradient(135deg, #97ebe2, #45dccb)
}

.rightlay .xglist .iconlist .iconfont.s14 {
	background: linear-gradient(135deg, #b5ebaf, #7bdc71)
}

.rightlay .xglist .iconlist .iconfont.s15 {
	background: linear-gradient(135deg, #ffb8dd, #ff80c2)
}

.rightlay .xglist .iconlist2 .iconfont {
	color: #555ba6;
	font-size: 28px;
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background: rgba(85, 91, 166, 0.1);
	margin-bottom: 5px
}

.blockstyle2 .rightlay .xglist .iconlist2 .iconfont {
	color: #be0f1b;
	background: rgba(190, 15, 27, 0.1)
}

.rightlay .hotrenwu .itembox {
	padding: 4px 10px 0 10px
}

.rightlay .hotrenwu .itembox .item {
	display: block;
	line-height: 3em;
	border-bottom: 1px solid #ddd
}

.rightlay .hotrenwu .itembox .item .num {
	padding: 0 5px;
	color: #999
}

.rightlay .hotrenwu .itembox .item .num.n1 {
	color: #f60
}

.rightlay .hotrenwu .itembox .item .num.n2 {
	color: #f90
}

.rightlay .hotrenwu .itembox .item .num.n3 {
	color: #fa0
}

.rightlay .meishimenu .hotrenwu .itembox .item {
	color: #555ba6
}

.rightlay .meishimenu .hotrenwu .itembox .item:hover {
	color: #f60
}

.rightlay .fabubtns .desc {
	padding: 5px 17px;
	line-height: 1.8em;
	text-align: justify
}

.rightlay .fabubtns .btns {
	text-align: center;
	padding-bottom: 10px
}

.rightlay .fabubtns .btns a {
	display: inline-block;
	border: 1px solid #cacce3;
	background: #d7d9ea;
	width: 41%;
	margin: 5px 2.5%;
	line-height: 2em
}

.rightlay .fabubtns .btns2 {
	text-align: center;
	padding-bottom: 10px
}

.rightlay .fabubtns .btns2 a {
	display: inline-block;
	background: #555ba6;
	border-radius: 1em;
	width: 41%;
	margin: 5px 2.5%;
	line-height: 2em
}

.rightlay .fabubtns .btns2 a .icon-gengduo4 {
	margin-right: -10px
}

.blockstyle2 .rightlay .fabubtns .btns2 a {
	background: #be0f1b
}

.rightlay .zhuangxiulist .step {
	margin: 12px 14px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
	line-height: 1.8em
}

.rightlay .zhuangxiulist .step.bortop {
	border-top: 1px solid #ddd;
	padding-top: 10px
}

.rightlay .zhuangxiulist .step:last-child {
	margin-bottom: 0
}

.rightlay .zhuangxiulist .list {
	width: 100%
}

.rightlay .zhuangxiulist .list a {
	float: left;
	display: inline-block;
	width: 25%
}

.rightlay .zhishitixi dd {
	padding: 5px 10px 5px 10px
}

.rightlay .zhishitixi .item {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #ddd
}

.rightlay .zhishitixi .item .num {
	width: 20px;
	text-align: center;
	line-height: 40px;
	float: left;
	color: #999
}

.rightlay .zhishitixi .item .num.n1 {
	color: #f60
}

.rightlay .zhishitixi .item .num.n2 {
	color: #f90
}

.rightlay .zhishitixi .item .num.n3 {
	color: #fa0
}

.rightlay .zhishitixi .item .img {
	width: 80px;
	text-align: center;
	line-height: 40px;
	float: left
}

.rightlay .zhishitixi .item .title {
	width: 180px;
	line-height: 20px;
	float: left
}

.rightlay .rightlist .itembox {
	padding: 4px 10px 0 10px
}

.rightlay .rightlist .itembox .item {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #ddd
}

.rightlay .rightlist .itembox .item .numb {
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 0
}

.rightlay .rightlist .itembox .item .numb::after {
	display: none
}

.rightlay .rightlist .itembox .item .img {
	float: left;
	width: 120px;
	margin-right: 10px
}

.rightlay .rightlist .itembox .item .img img {
	width: 100%
}

.rightlay .rightlist .itembox .item .desc {
	float: left;
	width: 150px;
	line-height: 1.8em
}

.rightlay .baikecitiao .itembox .item .title .line {
	border: 1px solid rgba(85, 91, 166, 0.2)
}

.rightlay .baikecitiao .itembox .item .title .inline {
	background: #e6e7f2
}

.rightlay .baikecitiao .itembox .item .title .inline:after {
	border-color: #e6e7f2 #e6e7f2 #e6e7f2 transparent
}

.rightlay .tixibang li {
	display: block;
	padding: 0 5%;
	line-height: 3em;
	height: 3em;
	position: relative
}

.rightlay .tixibang li a {
	display: block;
	border-bottom: dashed 1px #E6E6E6;
	height: 3em;
	width: 100%
}

.rightlay .tixibang li a.n10 {
	border-bottom: 0
}

.rightlay .tixibang li .num {
	width: 10%;
	height: 100%;
	float: left;
	color: #333;
	font-weight: bold;
	text-align: center;
	margin-right: 5%;
	text-align: center;
	position: relative
}

.rightlay .tixibang li .bname {
	width: 60%;
	float: left
}

.rightlay .tixibang li .score {
	color: #bbb;
	width: 25%;
	text-align: right;
	float: left;
	height: 100%;
	position: relative
}

.rightlay .tixibang li .score .progress {
	width: 100%;
	height: 6px;
	background: #e3e3e3;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px
}

.rightlay .tixibang li .score .progress .colorline {
	background-color: #518fea;
	height: 6px
}

.rightlay .tixibang li .score span {
	display: inherit;
	line-height: 1.5em
}

.rightlay .tixibang li:after {
	content: "";
	height: 0;
	clear: both;
	display: block
}

.rightlay .tixibang li .num1 i {
	color: #FFF;
	display: inline-block;
	width: 100%;
	height: 28px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	background: url(../../../images/maigoo/v2019/index/1.png) center center no-repeat;
	background-size: auto 28px
}

.rightlay .tixibang li .num2 i {
	color: #FFF;
	display: inline-block;
	width: 100%;
	height: 28px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	background: url(../../../images/maigoo/v2019/index/2.png) center center no-repeat;
	background-size: auto 28px
}

.rightlay .tixibang li .num3 i {
	color: #FFF;
	display: inline-block;
	width: 100%;
	height: 28px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
	background: url(../../../images/maigoo/v2019/index/3.png) center center no-repeat;
	background-size: auto 28px
}

.rightlay #rightmenu .xglist .jierilist {
	padding: 0
}

.rightlay #rightmenu .xglist .jierilist li {
	box-sizing: border-box;
	height: 62px;
	margin-top: 0
}

.rightlay #rightmenu .xglist .jierilist li a {
	font-size: 14px
}

.articlelist .blocktitle {
	margin-bottom: -20px
}

.articlelist.nomtop .itembox {
	margin-top: 0px
}

.articlelist>ul>.item {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	position: relative
}

.blockstyle2 .articlelist>ul>.item {
	border-bottom-color: #eae5cb
}

.articlelist .img {
	display: table-cell;
	padding-left: 15px;
	position: relative
}

.articlelist .img a {
	display: block;
	width: 220px;
	height: 137px;
	overflow: hidden
}

.articlelist .img img {
	width: 220px;
	display: block;
	transition: all ease-in-out 300ms
}

.articlelist .img a:hover img {
	transform: scale(1.1);
	position: absolute;
	box-shadow: 0 0 15px #666;
	z-index: 1
}

.articlelist .tablecell {
	display: table-cell;
	width: 90%;
	vertical-align: middle;
	text-align: left
}

.articlelist .contbox {
	width: 600px
}

.searchselect .articlelist .contbox {
	width: 560px
}

.articlelist .contbox .title {
	line-height: 1.8em;
	max-height: 1.8em;
	padding-bottom: 6px
}

.articlelist .contbox .description {
	max-height: 3.6em;
	overflow: hidden
}

.articlelist>ul>.item.nopic .contbox .title {
	height: auto
}

.articlelist>ul>.item .biaoshibox {
	display: inline-block;
	position: absolute;
	left: 7px;
	top: 0;
	line-height: 2em;
	z-index: 1;
	padding: 0px 6px 0px 10px
}

.articlelist>ul>.item .biaoshibox .name {
	color: #fff
}

.articlelist>ul>.item .biaoshibox:before {
	contboxent: "";
	display: inline-block;
	border-top: 16px solid;
	border-right: 10px solid transparent;
	position: absolute;
	right: -10px;
	top: 0px
}

.articlelist>ul>.item .biaoshibox:after {
	contboxent: "";
	display: inline-block;
	border-bottom: 16px solid;
	border-right: 10px solid transparent;
	position: absolute;
	right: -10px;
	bottom: 0px
}

.articlelist>ul>.item .biaoshibox .sjx {
	display: inline-block;
	border-top: 8px solid;
	border-left: 8px solid transparent;
	position: absolute;
	left: 0px;
	bottom: -8px
}

.articlelist .contbox .piclist {
	margin-top: 10px;
	position: relative
}

.articlelist>ul>.item .piclist .biaoshibox {
	top: 10px
}

.articlelist .contbox .piclist .picimg {
	width: 32%;
	height: 170px;
	float: left;
	margin-left: 2%;
	background-position: center center;
	background-size: cover
}

.articlelist.tukupiclist .contbox .piclist .picimg {
	height: 260px
}

.articlelist .contbox .piclist .picimg.first {
	margin-left: 0px
}

.articlelist .contbox .piclist .picimg img {
	display: block;
	margin: 0px auto;
	max-width: 100%
}

.articlelist .contbox .other {
	padding-top: 22px;
	position: relative;
	padding-right: 100px
}

.articlelist .contbox .other .isyuan {
	display: inline-block;
	padding: 1px 8px;
	line-height: 1.8em;
	border-radius: 1px;
	margin-right: 3px
}

.articlelist .contbox .other a.biaoqian {
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	padding: 0 5px;
	line-height: 1.8em;
	margin-right: 3px
}

.articlelist .contbox .other a.biaoqian:hover {
	color: #f60
}

.articlelist .contbox .other a.zoneinfo {
	display: inline-block;
	line-height: 1.5em;
	height: 2em
}

.articlelist .contbox .other a.zoneinfo img {
	width: 1.4em;
	height: 1.4em;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px
}

.articlelist .contbox .other .attention {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100px;
	color: #ccc;
	line-height: 2em;
	text-align: right
}

.articlelist>ul>.item.nopic .tablecell {
	display: block;
	width: 100%
}

.articlelist>ul>.item.nopic .contbox {
	width: auto
}

.articlelist ul {
	counter-reset: li
}

.articlelist>ul>.item .productbox {
	display: none
}

.articlelist>ul>.item .probtn {
	border-top: solid 1px #EEE;
	margin-top: 15px;
	padding-top: 15px;
	color: #fc8142
}

.articlelist>ul>.item .probtn:after {
	content: "热销产品∨"
}

.articlelist>ul>.item.active .productbox {
	display: block
}

.articlelist>ul>.item.active .probtn:after {
	content: "收起产品∧"
}

.articlelist>ul>.item.active .productbox:after {
	content: "";
	clear: both;
	display: block
}

.articlelist>ul>.item .productbox .productcol {
	padding: 10px 0 0 0
}

.articlelist>ul>.item.hasbg:hover {
	background-color: #f7f7f7;
	margin: 0 -12px;
	border: solid 2px #fc8142;
	padding: 13px 10px 14px 10px
}

.articlelist .item .brandlist {
	display: inline-block;
	margin-left: 10px
}

.articlelist .item .zsbrandlist {
	display: flex;
	align-items: center
}

.articlelist .item .zsbrandlist .icon-gonggao {
	margin-left: 5px
}

.articlelist .item .zsbrandlist .zslist {
	height: 2em;
	overflow: hidden
}

.articlelist .item .zsbrandlist .zslist a {
	display: inline-block;
	margin: 0px 5px;
	vertical-align: middle
}

.articlelist .item .zsbrandlist img {
	max-height: 1.5em;
	display: inline-block;
	vertical-align: middle
}

.articlelist .item .alevel {
	height: 25px;
	line-height: 22px;
	display: inline-block;
	vertical-align: middle
}

.articlelist .itemscroll {
	overflow: hidden
}

.articlelist.col2 .itembox {
	margin-top: 15px
}

.articlelist.col2 .item {
	width: 49.4%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFF;
	height: 130px
}

.articlelist.col2 .item:nth-child(2n) {
	float: right
}

.articlelist.col2 .contbox {
	width: 400px
}

.articlelist.col2 .contbox .title {
	font-size: 16px;
	padding-bottom: 0
}

.articlelist.col2 .other .bq:nth-child(3) {
	display: none
}

.articlelist.col2 .img {
	vertical-align: middle;
	padding-left: 10px
}

.articlelist.col2 .img a {
	width: 150px;
	height: 93px
}

.articlelist.col2 .img img {
	width: 150px
}

.articlelist.col2 ul:after {
	content: "";
	clear: both;
	display: block
}

#mzsmcontent {
	display: block;
	margin: 40px auto 20px;
	background-color: #FFF;
	position: relative;
	border: 1px solid #eee
}

.mzsm {
	padding: 20px;
	position: relative;
	height: 4em;
	overflow: hidden;
	margin-bottom: 0.5em
}

#mzsmcontent .mzsm_title {
	position: absolute;
	line-height: 40px;
	width: 230px;
	background-color: #FFF;
	left: 50%;
	top: -25px;
	margin-left: -115px;
	border-radius: 10px 10px 0 0;
	z-index: 1;
	padding: 0px 10px;
	border: 1px solid #eee;
	border-bottom: 0
}

#mzsmcontent .mzsm_title::before {
	content: "";
	position: absolute;
	top: 25px;
	left: -1px;
	height: 20px;
	width: 1px;
	background: #fff
}

.mzsm .mzsm_box {
	margin-bottom: 20px
}

#mzsmcontent .mzsm_title::after {
	content: "";
	position: absolute;
	top: 25px;
	right: -1px;
	height: 20px;
	width: 1px;
	background: #fff
}

.mzsm .mzsm_box {
	margin-bottom: 20px
}

.mzsm .mzsm_box:last-child {
	margin-bottom: 0px
}

#mzsmcontent .moremzsm {
	text-align: center;
	height: 0
}

#mzsmcontent .moremzsm img {
	width: 30px;
	height: 30px;
	top: -15px;
	position: relative;
	z-index: 1;
	cursor: pointer
}

.mzsm .mzsm_box a {
	margin-right: 10px
}

.blockstyle2 #mzsmcontent,
.blockstyle2 #mzsmcontent .mzsm_title {
	background-color: #faf7e7
}

.blockstyle2 #mzsmcontent .mzsm_title::before {
	background-color: #faf7e7
}

.blockstyle2 #mzsmcontent .mzsm_title::after {
	background-color: #faf7e7
}

.dhidden1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.rightlay .zhishitixi.style-10 .item .title {
	width: 250px;
	line-height: 30px;
	margin-left: 5px
}

.rightlay .zhishitixi.style-10 .item .num {
	line-height: 30px
}

.rightlay .zhishitixi.style-10 .item {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #ddd
}




*,::after,::before {
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb
}

::after,
::before {
	--tw-content: ''
}



.absolute {
	position: absolute
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mb-1 {
	margin-bottom: 0.25rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-8 {
	margin-bottom: 2rem
}

.ml-2 {
	margin-left: 0.3rem
}

.mt-4 {
	margin-top: 1rem
}

.block {
	display: block
}

.flex {
	display: flex
}

.table-cell {
	display: table-cell
}

.grid {
	display: grid
}

.w-1\/2 {
	width: 50%
}

.w-1\/3 {
	width: 33.333333%
}

.w-1\/5 {
	width: 20%
}

.min-w-full {
	min-width: 100%
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.flex-col {
	flex-direction: column
}

.flex-col h3{
	display: none;
}

.gap-2 {
	gap: 0.5rem
}

.space-x-3> :not([hidden])~ :not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(0.75rem * var(--tw-space-x-reverse));
	margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.divide-y> :not([hidden])~ :not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-200> :not([hidden])~ :not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1))
}

.overflow-x-auto {
	overflow-x: auto
}

.bg-gray-50 {
	--tw-bg-opacity: 1;
	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-xs {
	font-size: 0.75rem;
	line-height: 1rem
}

.font-medium {
	font-weight: 500
}

.font-semibold {
	font-weight: 600
}

.text-gray-500 {
	--tw-text-opacity: 1;
	color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.text-gray-900 {
	--tw-text-opacity: 1;
	color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.card {
	border-radius: 0.5rem;
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
	padding: 1.5rem;
	--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	transition: all 300ms ease-in-out
}

.card:hover {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.input-width .form-input{
	width: 50%;
}

.input-width-40 .form-input{
	width: 30%;
}

.form-input {
	width: 80%;
	border-radius: 0.375rem;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem
}

.form-input:focus {
	border-color: transparent;
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
}

.table-header {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	text-align: left;
	font-size: 0.8rem;
	line-height: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	--tw-text-opacity: 1;
	color: rgb(107 114 128 / var(--tw-text-opacity, 1))
}

.table-cell {
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 0.95rem;
	line-height: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(17 24 39 / var(--tw-text-opacity, 1))
}

.btn {
	border-radius: 0.375rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-weight: 500;
	transition: all 300ms ease-in-out
}

.btn:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-offset-width: 2px
}

.btn-primary {
	--tw-bg-opacity: 1;
	background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	cursor: pointer;
}

.btn-primary:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-primary:focus {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))
}

.btn-secondary {
	--tw-bg-opacity: 1;
	background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	cursor: pointer;
}

.btn-secondary:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-secondary:focus {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1))
}

@media (min-width: 768px) {
	.md\:mt-10 {
		margin-top: 2.5rem
	}
}