/* -------------------------
    section-main_brand_one
----------------------------*/
img:hover {
	opacity: 0.8;
}

.mboro_top_more {
	float: right;
	padding-right: 15px;
	font-size: 13px;
	color: #4e95dd;
	line-height: 45px;
	height: 32px;
}

.mbor_one,
.mbor_tow {
	display: inline-block;
	width: 512px;
	float: left;
}

.mbo_right {
	width: 526px;
	float: right;
}

.mboroc_left {
	padding: 13px;
}

.mboroc_left,
.mboroc_right {
	float: left;
}

.mboroc_left {
	width: 223px;
	height: 223px;
}

.mboroc_left_box {
	background-color: #fe0000;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	padding: 21px 15px 22px 15px;
}

.mboroc_left_content {
	width: 100%;
	height: 100%;
	border: 2px #fff solid;
	position: relative;
}

.mboroc_left_one {
	position: absolute;
	top: -10px;
	text-align: center;
	width: 108px;
	background-color: #fe0000;
	color: #fff;
	left: 27px;
}

.mboroc_left_tow label {
	font-size: 48px;
	color: #fff;
	padding: 41px 33px 15px;
	float: left;
	line-height: 0px;
}

.mboroc_left_three {
	position: absolute;
	bottom: -13px;
	left: 21px;
	font-weight: 700;
	background-color: #fff;
	color: #fe0000;
	width: 125px;
	text-align: center;
}

.mborocr_box {
	width: 258px;
	height: 82px;
	padding: 13px 8px;
	border: 2px solid #fe0000;
	position: relative;
}

.mborocr {
	padding: 15px;
}

.mborocr_top {
	position: absolute;
	top: -12px;
	left: 81px;
	background-color: #fe0000;
	color: #fff;
	padding: 2px 12px;
	font-size: 12px;
}

.mborocr_tow_left {
	display: inline-block;
}

.mborocr_tow_left label {
	padding: 5px;
	background-color: #fe0000;
	color: #fff;
	line-height: 16px;
}

.mborocr_tow_right label {
	color: #fe0000;
	line-height: 3px;
}

.mborocr_tow_center label {
	color: #fe0000;
	font-size: 46px;
	line-height: 56px;
	padding-top: 5px;
	padding-left: 4px;
	width: 182px;
}

.mborocr_ph {
	width: 33%;
	display: inline-block;
	height: 82px;
}

.xsph_mid {
	height: 25px;
}

.xsph_mid span {
	color: #fff;
	font-size: 12px;
	padding: 3px 12px;
	background-color: #fe0000;
	height: 22px;
	line-height: 17px;
	width: 60px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xsph_top {
	font-size: 12px;
	font-weight: 700;
	color: #fe0000;
	height: 18px;
}

.xsph_bot {
	font-size: 12px;
	font-weight: 700;
	color: #303030;
}

.mborocr_tow {
	text-align: center;
}

.brand_h_l,
.brand_h_r {
	width: 199px;
	height: 100%;
}

#goods_items {
	position: relative;
	width: 800px;
	height: 100%;
}

#goods_items div {
	display: flex;
}

#goods_items div>span {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.goods_l_item::before {
	content: "";
	display: block;
	position: absolute;
	top: 14%;
	right: 0;
	width: 1px;
	height: 200px;
	background: linear-gradient(180deg, white, #eeeeee, white);
}

#goods_items div span a {
	width: 140px;
	height: 200px;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
}

#goods_items div span a img {
	width: 140px;
	height: 140px;
}

#goods_items div span a dd {
	display: inline-block;
	width: 140px;
	font-size: 12px;
	font-weight: 400;
	color: #333;
	transition: color 0.2s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

#goods_items div span a dd:hover {
	color: var(--main-color);
}

.price-miaosha {
	position: relative;
	display: flex;
	width: 80px;
	justify-content: center;
	height: 22px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	background: red;
	border: 1px red solid;
}

.price-miaosha>i {
	font-size: 12px;
	font-weight: 400;
	padding-right: 2px;
}

.price-miaosha>span {
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
}

.price-origin {
	position: relative;
	display: flex;
	width: 60px;
	justify-content: center;
	height: 22px;
	color: #999;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	background: #fff;
	border: 1px red solid;
	border-left: none;
	text-decoration: line-through;
	vertical-align: top;
}

.price-origin>i {
	color: #999;
	font-size: 12px;
	line-height: 22px;
}

.price-origin>span {
	height: 100%;
	text-align: center;
	color: #999;
	font-size: 12px;
	font-weight: 700;
	line-height: 22px;
	float: left;
}

.slick-prev {
	left: 0px !important;
}

.slick-next {
	right: 0px !important;
}

#goods_items>div {
	width: 800px;
	height: 100%;
}

#goods_items>.slick-prev {
	width: 21px;
	height: 25px;
	border-radius: 0 50% 50% 0;
	background-color: rgba(0, 0, 0, 0.15);
}

#goods_items>.slick-prev::before {
	font-size: 0;
}

#goods_items>.slick-next {
	width: 21px;
	height: 25px;
	border-radius: 50% 0 0 50%;
	background: rgba(0, 0, 0, 0.2);
}

#goods_items>.slick-next::before {
	font-size: 0;
}

.goods_right_btn {
	position: absolute;
	top: 47%;
	right: 6px;
	padding-top: 1px;
}

.goods_left_btn {
	position: absolute;
	top: 47%;
	left: 6px;
	padding-top: 1px;
}

.goods_right_btn>i,
.goods_left_btn>i {
	color: rgb(216, 214, 214);
	font-size: 16px;
	font-weight: 700;
}

.brand_h_r>div {
	text-align: center;
	width: 199px;
	height: 258px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.brand_h_r div>div {
	margin: 4px auto;
}

.brand_h_r div>img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.dpsg {
	color: var(--red-color);
	border-radius: 14px;
	width: 82px;
	height: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	line-height: 22px;
	font-weight: 700;
	padding-left: 4px;
	font-size: 12px;
	border: 1px solid var(--red-color);
	transition: background-color 0.2s ease;
}

.brand_h_r>.slick-dots {
	bottom: 0;
}

.brand_h_r>.slick-dots li {
	margin: 0;
	transform: scale(0.5);
}

.brand_h_r>.slick-dots li>button::before {
	color: red;
}

.brand_h_l {
	position: relative;
	width: 190px;
	height: 258px;
	color: #fff;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
}

.brand_h_c {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(248, 19, 15, 0.82);
}

.brand_h_c h1 {
	margin: 35px auto;
	font-size: 30px;
	font-weight: 700;
}

.brand_h_c>div {
	margin-top: 15px;
}

.brand_h_c div>i {
	font-size: 45px;
}

.djs_box {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 52px;
	font-size: 25px;
}

.djs_box>div {
	width: 24%;
	height: 75%;
	margin: 0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(27, 27, 27);
	color: white;
	font-size: 25px;
}

/* -------------------------
    section-main_brand_two
 ----------------------------*/
.main_brand_two {
	height: 352px;
	margin-bottom: 25px;
	white-space: nowrap;
}

.brand_t_l {
	width: 574px;
	height: 100%;
	float: left;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
}

.main_brand_two>div,
.three_left_box {
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
}

.main_brand_two>div:hover,
.three_left_box:hover {
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-in-out;
}

/* .brand_t_l:hover {
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0)!important;
}
 */
.three_right_box>div,
.main_brand_four>div {
	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.15);
}

.three_right_box>div:hover,
.main_brand_four>div:hover {
	box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s ease-in-out;
}

.brand_t_two {
	width: 225px;
	height: 100%;
	float: left;
	margin-left: 8px;
	margin-right: 4px;
	background: #fff;
}

#goods_items_twos {
	width: 100%;
	height: 100%;
}

#goods_items_twos button:nth-last-of-type(2) {
	width: 30px;
	height: 30px;
	top: 90%;
	left: 20px !important;
}

#goods_items_twos button::before {
	font-size: 15px;
	color: var(--main-color);
}

#goods_items_twos button:nth-last-of-type(1) {
	width: 30px;
	height: 30px;
	left: 60px !important;
	top: 90%;
}

#goods_items_twos button:hover {
	border: 1px #2661ba solid;
	transition: all 0.4s ease-in-out;
}

.g_item>div {
	float: left;
}

.g_left {
	width: 260px;
	height: 330px;
	margin-top: 15px;
	margin-left: 15px;
}

.g_r {
	width: 230px;
	height: 280px;
	margin-top: 15px;
	margin-left: 36px;
}

.g_left_img {
	width: 235px;
	height: 245px;
}

.g_left_img a>img {
	width: 100%;
	height: 100%;
}

.g_left_info {
	font-size: 11px;
	color: #ba7e7e;
	text-transform: uppercase;
	margin-top: 18px;
}

.g_r>p,
.g_r_two>p {
	font-size: 11px;
	color: #444343;
	text-transform: uppercase;
	white-space: normal;
	word-wrap: break-word;
	margin: 3px 0;
}

.g_r .desc,
.g_r_two .desc {
	font-size: 21px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.g_r h2 {
	color: var(--red-color);
	font-size: 25px;
	font-weight: 600;
	margin: 10px 0;
}

.js_t {
	width: 230px;
	height: 170px;
	overflow: hidden;
	line-height: 22px;
	text-align: justify;
}

.buttons {
	margin-top: 12px;
	text-align: right;
}

.buttons button {
	background: var(--main-color);
	display: inline-block;
	outline: 0;
	border-radius: 29px;
	/* text-transform: uppercase; */
	color: white;
	border: none;
}

.buttons .add {
	font-size: 13px !important;
	width: 100px !important;
	height: 37px !important;
	line-height: 37px !important;
}

.buttons .like {
	width: 22%;
}

.buttons button:hover {
	background: #fff;
	color: var(--main-color);
	transition: all 0.4s ease-in-out;
}

.g_item_two {
	overflow: hidden;
}

.g_r_two {
	margin-top: 15px;
	margin-left: 26px;
	float: left;
}

.pj {
	width: 175px;
	height: 255px;
	display: none;
}

.pj a {
	padding: 20px 0 10px 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.pj img {
	display: block;
	width: auto;
	height: 35px;
	margin: 0 auto;
}

.pj span {
	display: inline-block;
	margin-top: 15px;
	width: 100%;
	height: 30px;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	color: #333;
	line-height: 30px;
	border-radius: 3px;
	background: #eee;
}

.pj div {
	width: 100%;
	height: 186px;
	padding: 10px;
	font-size: 12px;
	color: #444343;
	overflow: hidden;
	line-height: 16px;
	letter-spacing: 1px;
	text-align: justify;
	white-space: normal;
	word-wrap: break-word;
}

.g_left_two {
	float: left;
	display: flex;
	flex-wrap: wrap;
	width: 196px;
	height: 100%;
	overflow: hidden;
	background: #fff;
}

.pp_title {
	width: 95%;
	margin: 0 auto;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #333;
	font-size: 12px;
	border-bottom: 1px #ddd solid;
}

.pp_title>a {
	display: inline-block;
	width: 17px;
	height: 17px;
	border: 1px var(--main-color) solid !important;
	border-radius: 50%;
	line-height: 13px;
	margin-left: 7px;
	text-align: center;
}

.pp_title>span {
	display: inline-block;
	width: 17px;
	height: 17px;
	line-height: 16px;
	margin-left: 7px;
	text-align: center;
	color: var(--main-color);
}

.pp_title a>i {
	color: var(--main-color);
}

.g_left_two>span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 88px;
	height: 50px;
	margin: 5px;
}

.g_left_two>span:hover {
    border-radius: 5px;
    border: 1px solid #dcdcdc;
}

.g_left_two span a {
	width: 100%;
	height: auto;
	border-radius: 5px;
	padding: 5px;
}

.g_left_two span a img {
	width: 100%;
	height: auto;
}

.g_left_three {
	float: left;
	width: 185px;
	height: 352px;
	background: #fff;
	margin-left: 8px;
}

.pp_content {
	width: 186px;
	height: 100%;
}

.pp_c_item {
	display: flex;
	height: 68px;
	justify-content: center;
	margin-top: 10px;
	width: 100%;
}

.c_it_1 {
	padding-top: 19px
}

.c_it_1>img {
	width: 100%;
	height: auto;
}

.c_it_1>div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 17px;
	height: 17px;
	font-size: 12px;
	border: 1px #ddd solid;
	border-radius: 50px;
}

.c_it_2 {
	width: 86px;
	height: 69px;
	overflow: hidden;
	white-space: normal;
	font-size: 11px;
	color: #444343;
	margin: 0 5px;
	text-transform: uppercase;
}

.c_it_2 dl {
	width: 88px;
	height: 36px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 这里是超出几行省略 */
}

.c_it_2>p {
	font-size: 12px;
	color: var(--red-color);
	font-weight: 800;
}

.c_it_3 {
	width: 56px;
	height: 56px;
}

.c_it_3>img {
	width: 100%;
	height: 100%;
}

.pp_content>.slick-prev {
	display: none !important;
}

.pp_content>.slick-next {
	top: -16px;
	margin-right: 20px;
}

.pp_content>.slick-next::before {
	font-size: 0;
}

/* -------------------------
    section-main_brand_three
----------------------------*/
.main_brand_three {
	margin-top: 25px;
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
}

.three_left_box {
	width: 660px;
	height: 433px;
	margin: 3px 0;
	background: #fff;
}

.brand_three_header {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.three_h_left {
	width: 440px;
	height: 38px;
	color: #fff;
	transition: 200ms;
	background: var(--main-color);
	;
	float: left;
	padding-left: 15px;
}

.three_h_left span i {
	font-size: 16px;
	line-height: 38px;
}

.three_h_left:hover {
	background: #3c5fc2;
}

.brand_three_header>span {
	display: inline-block;
	width: 220px;
	height: 38px;
	text-align: right;
	line-height: 38px;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
	padding-right: 20px;
	background: var(--main-color);
	;
}

.three_c_box {
	width: 662px;
	height: 391px;
}

.c_item {
	width: 662px;
	height: 391px;
}

.c_item>div {
	width: 330px;
	height: 390px;
	float: left;
}

.c_item_name {
	margin-left: 51px;
}

.c_item_name>h1 {
	font-weight: 600;
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	line-height: 36px;
	height: 36px;
	color: #444343;
	margin-top: 22px;
	width: 242px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.c_item_name>p {
	width: 200px;
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #686e77;
	font-weight: 300;
	margin-bottom: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.c_item_img {
	width: 240px;
	height: 255px;
	margin: 35px auto;
}

.c_item_img a>img {
	width: 100%;
	height: 100%;
}

.c_item_right {
	padding-left: 30px;
	padding-top: 30px;
}

.c_item_right>span {
	display: inline-block;
	width: 290px;
	height: 136px;
	padding: 5px;
	overflow: hidden;
	text-transform: uppercase;
	white-space: normal;
	line-height: 28px;
	font-size: 13px;
	color: #444343;
}

.c_item_right>h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	color: #a1cc16;
	font-size: 21px;
}

.mall_message_content a {
	padding-left: 5px;
}

.pro_pl {
	margin: 14px 0;
	padding-bottom: 30px;
}

.pro_pl i {
	font-size: 17px;
	color: #f7c01b;
}

.pro_pl span {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	margin-left: 5px;
	color: #555;
}

.pro_tj {
	height: 37px;
	line-height: 37px;
}

.pro_tj span {
	font-size: 14px;
	text-transform: uppercase;
	color: var(--main-color);
}

.pro_tj button {
	border: 1px solid var(--main-color);
	color: #fff;
	background: var(--main-color);
	font-size: 13px;
	width: 100px;
	height: 37px;
	line-height: 37px;
	border-radius: 19px;
	transition: 200ms;
	float: left;
	margin-right: 30px;
}

.pro_tj button:hover {
	background: #fff;
	color: var(--main-color);
}

.three_c_box>.slick-next {
	display: none !important;
}

.three_c_box>.slick-prev {
	top: -28px;
	left: 13px !important;
}

.three_c_box>.slick-prev::before {
	font-size: 0;
}

.three_right_box {
	width: 532px;
	height: 440px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.right_box_item {
	width: 259px;
	height: 213px;
	margin: 3px;
	display: flex;
	flex-direction: column;
	background: #fff;
}

.box_item_text {
	/* display: flex; */
	height: 42px;
	align-items: center;
	padding-left: 14px;
	margin-top: 18px;
}

.box_item_text dt {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	white-space: nowrap;
}

.box_item_text dd {
	font-size: 12px;
	color: #999;
	width: 188px;
	margin: 0;
	/* margin-left: 4px; */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.box_item_img {
	flex: 1;
	display: flex;
	justify-content: space-around;
	align-items: center;

}

.box_item_img>img {
	width: 100px;
	height: 100px;
}

/* -------------------------
    section-main_brand_four
----------------------------*/
.main_brand_four {
	height: 180px;
	margin-bottom: 25px;
	margin-top: 25px;
	white-space: nowrap;
	display: flex;
}

.brand_four_item {
	width: 196px;
	background: #fff;
	margin: 0 2px;
}

.brand_four_item .box_item_img img {
	width: 96px;
	height: 96px;
}

/* -------------------------
    section-main_brand
----------------------------*/
.main_brand {
	display: flex;
	flex-direction: column;
}

.goods_main_content {
	display: flex;
	height: 260px;
}

.goods_main_info {
	position: relative;
	width: 198px;
	height: 100%;
	background-image: url("/Lib/Img/Index/fxhh/tuix.jpg");
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
}

.main_info {
	width: 70%;
	height: 105px;
	margin: 20px auto;
	background: rgb(10, 10, 10, 0.6);
	border-radius: 0 0 30% 0;
	text-align: center;
	padding-top: 20px;
}

.main_info div {
	color: #fff;
}

.main_info div:first-child {
	font-size: 30px;
	margin-bottom: 10px;
}

.main_info div:last-child a {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px #fff solid;
	line-height: 12px;
	text-align: center;
	border-radius: 50%;
	margin: 0 4px;
}

.main_info div:last-child a i {
	color: #fff;
}

.main_info:hover .tuix a {
	border: 1px var(--main-color) solid;
}

.main_info:hover .tuix a i {
	color: var(--main-color);
}

.goods_main {
	flex: 1;
}

.wrap_goods {
	width: 1000px;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.wrap_goods ul {
	position: absolute;
	width: 1600px;
	display: flex;
	transform: translateX(0);
	transition: transform 0s linear;
}

.wrap_goods ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 260px;
	background: #fff;
}

.wrap_goods ul li span {
	width: 100%;
	text-align: center;
	height: 61px;
	line-height: 61px;
}

.wrap_goods ul li img {
	width: 150px;
	height: 150px;
}

.wrap_goods ul .odd {
	flex-direction: column;
}

.wrap_goods ul .even {
	flex-direction: column-reverse;
}

/*----------------------section-content------------------ */
.main_brand_five {
	/* padding-top: 10px; */
	/* border: 1px red solid; */
}

.content {
	height: 564px;
	display: flex;
}

.content_left {
	width: 240px;
	height: 100%;
	color: #fff;
	background: #3498db;
}

.content_center {
	width: 240px;
	height: 100%;
	background: #1bb8e5;
}

.cc_0 {
	background: linear-gradient(to bottom right, var(--main-color), #97daff);
	position: relative;
}

.cc_1 {
	background: linear-gradient(to bottom right, #39cca5, #fce4ff);
	position: relative;
}

.cc_2 {
	background: linear-gradient(to bottom right, #f59191, #c7c9ff);
	position: relative;
}

.cc_3 {
	background: linear-gradient(to bottom right, #9d88ea, #f2d7ec);
	position: relative;
}

.cc_4 {
	background: linear-gradient(to bottom right, #62ddc9, #fddcde);
	position: relative;
}

.cc_5 {
	background: linear-gradient(to bottom right, #45b1d4, #f1dadf);
	position: relative;
}

.cc_6 {
	background: linear-gradient(to bottom right, #7abf2c, #f2ecdc);
	position: relative;
}

.cc_7 {
	background: linear-gradient(to bottom right, #8ca5f4, #a7f5ee);
	position: relative;
}

.cc_8 {
	background: linear-gradient(to bottom right, #24cf93, #f8e3ff);
	position: relative;
}

.cc_9 {
	position: relative;
}

.pp_center_title {
	display: inline-block;
	line-height: 25px;
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	width: 202px;
	/* margin-top: 20px;
	margin-left: 25px; */
	margin: 15px 18px 0px 20px;
	overflow: hidden;
	/*超出部分隐藏*/
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
	white-space: nowrap;
	/*规定段落中的文本不进行换行 */
}

.pp_center_title:hover {
	color: #fff;
	cursor: pointer;
}

.content_center>span {
	width: 240px;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.tip_line {
	display: inline-block;
	width: 80px;
	height: 4px;
	background: #fff;
	margin-left: 21px;
}

.center_pp_box {
	height: 367px;
	overflow: hidden;
	padding: 0 5px;
}

.center_pp_box>div {
	margin: 5px 0px;
	padding-left: 6px;
	float: left;
	display: inline-block;
	width: auto;
}

.center_pp_box div a {
	font-size: 6px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 15px;
	border: 1px solid #fff;
	text-decoration: none;
	max-width: 200px;
	overflow: hidden;
	display: inline-block;
	overflow: hidden;
	/*超出部分隐藏*/
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
	white-space: nowrap;
	/*规定段落中的文本不进行换行 */
}

.center_pp_box div a:hover {
	color: #ffffff;
	border: 1px solid #5c5c5c;
}

.pro_more {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 46px;
	line-height: 46px;
	padding-left: 20px;
	background: rgba(255, 255, 255, 0.2);
}

.pro_more a {
	font-size: 12px;
	color: #fff;
}

.pro_more a i {
	padding-right: 5px;
}

.content_right {
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.content_right_title {
	width: 100%;
	height: 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
}

.content_right_title span a {
	font-size: 14px;
	color: var(--main-color);
	margin-left: 15px;
	font-weight: 800;
}

.content_right_title ul {
	height: 100%;
	margin: 0 10px 0 0 !important;
	;
	line-height: 38px;
	width: 760px;
	overflow: hidden;
}

.content_right_title ul li {
	display: inline-block;
	padding: 0 15px;
	margin-left: 5px;
	float: right;
}

.content_right_title ul li a {
	font-size: 13px;
	color: #000;
}

.content_right_pro {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1;
}

.right_pro_box {
	width: 100%;
	height: 532px;
	display: none;
	overflow: hidden;
	background: #fff;
}

.pro_box_show {
	display: block;
}

.hight_color>a {
	color: var(--main-color) !important;
}

.pro_item {
	float: left;
	width: 236px;
	height: 268px;
	text-align: center;
	background: #fff;
	padding: 5px 21px;
}

.right_pro_one .pro_item a {
	width: 100%;
	height: 254px;
	display: inline-block;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	cursor: pointer;
}

.right_pro_one {
	border-top: none;
}

.pro_item a:hover {
	box-shadow: 0 0 6px 2px #f0f0f0;
	border-radius: 5px;
}

.pro_item a img {
	width: 132px;
	height: 148px;
}

.pro_item a span,
.pro_item a p {
	display: block;
	width: 148px;
	height: 20px;
}

.pro_item a span {
	overflow: hidden;
	font-size: 12px;
	color: #555;
	margin-top: 0px;
	padding: 0 28px;
	width: auto;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis
}

.item_name span {
	float: left;
}

.pro_item a .item_scj {
	font-size: 13px;
	color: var(--red-color);
}

.right_pro_two {
	display: flex;
	width: 100%;
	height: 242px;
}

.right_pro_one a img {
	margin: 15px 0 5px 0;
}

.right_pro_one a p {
	margin-top: -15px;
}

/*------------------section_left_aside---------------*/
.section_left_aside {
	position: fixed;
	top: 100px;
	left: 20px;
	width: 56px;
	background: #fff;
	display: block;
}

.section_left_aside ul {
	margin: 0;
}

.section_left_aside ul li {
	width: 56px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
	transition: all 0.2s ease-in-out;
}

.section_left_aside ul li:first-child{ 
	border-top: 1px solid #eee;
}

.section_left_aside ul li:hover {
	background: var(--main-color);
}

.section_left_aside ul li a:hover {
	color: #fff;
}

.section_left_aside ul li a {
	display: inline-block;
	width: 26px;
	height: 33px;
	overflow: hidden;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}