@charset "UTF-8";



/* 重设样式 */

* {

	margin: 0;

	padding: 0;

	list-style: none;

	border: none;

	outline: none;

}



body {

	font-style: normal;

	font-variant: normal;

	color: #000000;

	font-family: "SourceHanSansCN-Regular", "SourceHanSansCN";

}



/* 内外边距通常让各个浏览器样式的表现位置不同 */

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

code,

form,

fieldset,

legend,

input,

textarea,

p,

blockquote,

th,

td,

hr,

button,

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

	margin: 0;

	padding: 0;

	font-size: 0.25rem;

}



input,

select,

textarea {

	font-size: 100%;

}



/* 去掉各 Table  cell 的边距并让其边重合 */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* 去除默认边框 */

fieldset,

img {

	border: 0;

}



/* 去掉 firefox 下此元素的边框 */

abbr,

acronym {

	border: 0;

	font-variant: normal;

}



/* 一致的 del 样式 */

del {

	text-decoration: line-through;

}



address,

caption,

cite,

code,

dfn,

em,

th,

var,

i {

	font-size: 100%;

	font-style: normal;

	font-weight: normal;

}



/* 去掉列表前的标识, li 会继承 */

ol,

ul {

	list-style: none;

}



/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,

th {

	text-align: left;

}



/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */

h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



q:before,

q:after {

	content: '';

}



/* 正常链接 未访问 */

/* 鼠标悬停 */

a:hover {

	text-decoration: none;

}



/* 默认不显示下划线，保持页面简洁 */

ins,

a {

	text-decoration: none;

	color: #000000;

	/*-moz-transition:all .3s ease-in;

    -webkit-transition:all .3s ease-in;

    -o-transition:all .3s ease-in;

    -ms-transition:all .3s ease-in;

    transition:all .3s ease-in;*/

}



html {

	overflow-x: hidden;

	background: #F2F5F7;

}



.w1200 {

	width: 1200px;

	margin: 0 auto;

}



.w1160 {

	width: 1160px;

	margin: 0 auto;

}



.w227 {

	width: 227px;

	margin: 0 auto;

}



.w785 {

	width: 785px;

	margin: 0 auto;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.cb {

	clear: both;

}



.w500 {

	width: 525px;

}



.mt40 {

	margin-top: 40px;

}



.ml16 {

	margin-left: 0px !important;

}



.color_ef {

	color: #EFAA22 !important;

}



.color_66 {

	color: #666 !important;

}



.case_des {

	font-family: Source Han Sans CN;

	font-size: 14px;

	color: #666;

	line-height: 50px;

	margin-top: 10px;

}



.case_des span {

	font-size: 14px;

	color: #4C1693;

	font-family: Source Han Sans CN;

}



/*左侧*/

.case_fl {

	width: 865px;

	float: left;

	background-color: #fff;

	margin-bottom: 20px;

	margin-top: 20px;

	box-shadow: 2px 3px 14px 2px #F5F5F5;

	overflow: hidden;

}



.case_fl .tab_art {

	margin-top: 40px;

}



.case_fl .tab_art li {

	width: 116px;

	height: 52px;

	line-height: 52px;

	text-align: center;

	font-family: Source Han Sans CN;

	font-size: 22px;

	color: #333;

	float: left;

	box-shadow: 0px 0px 33px 5px rgba(153, 153, 153, 0.11);

	background-color: #fff;

	border-radius: 16px;

	margin-left: 16px;

	cursor: pointer;

}



.case_fl .tab_art .on {

	color: #fff;

	background: linear-gradient(90deg, #7E55AE, #430A8E);

}



.case_fl .img_art_hot {

	clear: both;

	height: 100%;

	margin-bottom: 30px;

}



.case_fl .img_art_hot .art_list {

	width: 785px;

	height: 186px;

	background: #fff;

	margin-top: 30px;

}



.case_fl .img_art_hot .art_list .art_pto {

	width: 248px;

	height: 186px;

	float: left;

}



.case_fl .img_art_hot .art_list .art_h1 {

	font-family: Source Han Sans CN;

	font-size: 18px;

	font-weight: 500;

	color: #333;

	margin-top: 20px;

	margin-left: 20px;

	line-height: 1;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	height: 30px;

	overflow: hidden;

}

.case_fl .img_art_hot .art_list .art_h1 span{
	font-size: 14px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #333333;
	float: right;
}



.case_fl .img_art_hot .art_list p {

	font-family: Source Han Sans CN;

	font-size: 14px;

	font-weight: 500;

	color: #666;

	margin-left: 20px;

	line-height: 20px;

	height: 40px;

	overflow: hidden;

	margin-left: 20px;

	margin-top: 10px;

}



.case_fl .img_art_hot .art_list .art_bq {

	float: left;

	margin-left: 20px;

	margin-top: 42px;

	width: 300px;

}



.case_fl .img_art_hot .art_list .art_bq span {

	font-family: Source Han Sans CN;

	font-size: 16px;

	color: #4C1693;

	padding: 5px 15px;

	background-color: #E9E3F2;

	border-radius: 16px;

}



.case_fl .img_art_hot .art_list .art_ll {

	float: right;

	margin-top: 37px;

	width: 170px;

	height: 36px;

	background: linear-gradient(90deg, #E8AF65, #DC9A49);

	border-radius: 8px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 15px;

	font-family: Source Han Sans CN;

	font-weight: 500;

	color: #fff;

}



.case_fl .img_art_hot .art_list:hover {

	box-shadow: 2px 3px 14px 2px #F5F5F5;

	cursor: pointer;

}



.case_fl .img_art_hot .art_bor {

	height: 1px;

	width: 785px;

	border-bottom: 1px solid #F3F6FA;

	margin-top: 30px;

}



/*右侧*/

.case_fr {

	width: 275px;

	float: right;

	margin-top: 20px;

}



.case_fr .case_arc {

	width: 275px;

	height: 322px;

	background: linear-gradient(0deg, #FDF5DE, #FFFFFF);

	box-shadow: 2px 3px 14px 2px #F5F5F5;

	border-radius: 16px;

	overflow: hidden;

}



.case_fr .w227 {

	width: 227px;

	margin: 0 auto;

}



/*右侧报名*/

.case_fr .case_bm {

	width: 275px;

	height: 352px;

	background: linear-gradient(0deg, #FDF5DE, #FFFFFF);

	box-shadow: 2px 3px 14px 2px #F5F5F5;

	/* border-radius: 16px; */

	overflow: hidden;

}



.case_fr .case_bm h1 {

	font-family: Source Han Sans CN;

	font-size: 22px;

	font-weight: 500;

	color: #333;

	margin-top: 30px;

	text-align: center;

}



.case_fr .case_bm p {

	font-family: Source Han Sans CN;

	font-size: 16px;

	font-weight: 500;

	color: #666666;

	margin-top: 10px;

	text-align: center;

	margin-bottom: 18px;

}



.case_fr .case_bm i {

	color: #4C1693;

	font-family: Source Han Sans CN;

}



.case_fr .case_bm input {

	width: 212px;

	height: 44px;

	background: #fff;

	color: #999;

	float: left;

	border-radius: 8px;

	padding-left: 15px;

	margin: 0 0 10px 0;

	font-size: 14px;

}



.case_fr .case_bm em {

	position: absolute;

	top: 65px;

	right: 18px;

	color: #999;

	font-size: 14px;

}



.case_fr .case_bm button {

	width: 227px;

	height: 44px;

	background: linear-gradient(45deg, #E8AF65, #DC9A49);

	border-radius: 8px;

	position: relative;

	font-family: Source Han Sans CN;

	font-size: 18px;

	font-weight: 500;

	color: #fff;

	margin-top: 10px;

}



.case_fr .case_bm img {

	width: 24px;

	height: 27px;

	position: absolute;

	top: 9px;

	left: 50px;

}



/*右侧一分钟看懂装修*/

.case_fr .art_one {

	margin-top: 20px;

	position: relative;

}


/* 
.case_fr .art_one a {

	color: #fff;

	font-family: Source Han Sans CN;

	font-size: 16px;

	font-weight: 500;

	width: 106px;

	height: 28px;

	text-align: center;

	line-height: 28px;

	background: linear-gradient(45deg, #7549A9, #4B1492);

	border-radius: 6px;

	display: block;

	position: absolute;

	top: 101px;

	left: 142px;

} */



/*右侧测试风格*/

.case_fr .art_cece {

	margin-top: 20px;

	position: relative;

	margin-bottom: 20px;

}



.case_fr .art_cece button {

	color: #fff;
	font-family: Source Han Sans CN; 
	font-size: 16px; font-weight: 500; 
	width: 106px; 
	height: 28px; 
	text-align: center; 
	line-height: 28px;
	background: linear-gradient(45deg, #E8AF65, #DC9A49);
	border-radius: 6px; 
	display: block;
	position: absolute; 
	top: 99px;
	left: 20px;

}



/*跳转*/

.case_fr .w275 {

	width: 275px;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	height: 188px;

	background: #fff;

	box-shadow: 2px 3px 14px 2px #F5F5F5;

	border: 2px solid #F8F8F8;

	border-radius: 16px;

	overflow: hidden;

}



.case_fr .w275 ol {

	width: 88px;

	height: auto;

	background-color: #F8F8F8;

}



.case_fr .w275 ol li {

	width: 88px;

	height: 50px;

	line-height: 50px;

	font-size: 14px;

	color: #333;

	border-bottom: 1px dashed #F3F3F3;

	box-sizing: border-box;

	text-align: center;

}



.case_fr .w275 ol li img {

	width: 16px;

	height: 16px;

	position: absolute;

	top: 22px;

	left: 36px;

}



.case_fr .w275 ul {

	width: 215px;

	height: 50px;

	padding: 13px 0 0 5px;

	border-bottom: 1px dashed #F3F3F3;

	box-sizing: border-box;

	display: flex;

	flex-wrap: wrap;

}



.case_fr .w275 ol li:last-of-type {

	border-bottom: none;

}



.case_fr .w275 ul:last-of-type {

	border-bottom: none;

}



.case_fr .w275 ul li {

	height: 24px;

	font-size: 14px;

	line-height: 24px;

	text-align: center;

	margin-right: 18px;

	padding: 0 8px;

	border-radius: 4px;

	cursor: pointer;

	color: #333;

}



.case_fr .w275 ul:nth-child(2) {

	height: 90px;

	padding: 14px 0 0 5px;

}



.case_fr .w275 ul:nth-child(3) {

	border-top: 1px dashed #F3F3F3;

}



.case_fr .w275 ul li a {

	width: 100%;

	height: 100%;

	display: block;

}



.case_fr .w275 ul li.active {

	color: white;

	background-color: #DDA45A;

}



.case_fr .w275 ul:nth-child(2) li {

	margin-right: 9px;

}



.case_fr .w275 ul:nth-child(1) li {

	margin-right: 9px;

}



.case_fr .w275 ul:nth-child(3) li {

	margin-right: 9px;

}



.case_fr .w275 ul:nth-child(4) li {

	margin-right: 9px;

}



.case_fr .w275 ul:nth-child(6) li {

	margin-right: 9px;

}



.case_fr .w275 ul li:first-of-type {

	margin-right: 9px;

}



.case_fr .w275 ol li:nth-child(2) {

	height: 90px;

	line-height: 56px;

}



.case_fr .w275 ol li:nth-child(2) img {

	top: 21px;

}



.case_fr .w275 a:hover {

	color: #4C1693;

}



/*热门文章*/

.case_fr .hot {

	width: 275px;

	background: #fff;

	box-shadow: 2px 3px 14px 2px #F5F5F5;

	border-radius: 16px;

	margin-top: 20px;

	overflow: hidden;

}



.case_fr .hot .w220 {

	width: 220px;

	margin: 0 auto;

}



.case_fr .hot .w220 h1 {

	font-family: Source Han Sans CN;

	font-size: 22px;

	font-weight: 500;

	color: #333;

	text-align: center;

	margin-top: 32px;

	margin-bottom: 7px;

}



.case_fr .hot .w220 li {

	cursor: pointer;

	margin-top: 10px;

}



.case_fr .hot .w220 .dis_n {

	display: none;

	position: relative;

}



.case_fr .hot .w220 .dis_b {

	display: block;

}



.case_fr .hot .w220 .dis_n img {

	width: 98px;

	height: 74px;

	float: left;

}



.case_fr .hot .w220 .dis_n .pa_hot {

	width: 50px;

	height: 20px;

	line-height: 20px;

	text-align: center;

	border-radius: 8px 0px 8px 0px;

	background: #5D2F92;

	color: #ffffff;

	font-size: 14px;

	font-weight: 500;

	font-family: Source Han Sans CN;

	position: absolute;

	top: 0px;

	left: 0px;

}



.case_fr .hot .w220 .dis_n h3 {

	float: left;

	width: 117px;

	height: 40px;

	overflow: hidden;

	line-height: 20px;

	margin-left: 5px;

	font-size: 14px;

	color: #333;

	margin-top: 8px;

}



.case_fr .hot .w220 .dis_n p {

	float: left;

	width: 117px;

	height: 20px;

	overflow: hidden;

	line-height: 20px;

	margin-left: 5px;

	margin-bottom: 10px;

	font-size: 12px;

	color: #999;

}



.case_fr .hot .w220 .bq {

	width: 50px;

	height: 20px;

	line-height: 20px;

	text-align: center;

	border-radius: 8px 0px 8px 0px;

	background: #E9E3F2;

	color: #4C1693;

	font-size: 14px;

	font-weight: 500;

	font-family: Source Han Sans CN;

	float: left;

}



.case_fr .hot .w220 h2 {

	float: left;

	width: 165px;

	height: 20px;

	overflow: hidden;

	line-height: 20px;

	margin-left: 5px;

	margin-bottom: 10px;

	font-size: 14px;

	color: #333;

}



.case_fr .hot .w220 .bor_hot {

	width: 220px;

	height: 1px;

	border-bottom: 1px solid #f3f3f3;

	overflow: hidden;

}



/*22年*/

.case_fr .art_nx{width: 275px; height: 300px; background: url('/static/home/skin/newpc/article/images/22-BG.png') no-repeat; background-position-x: center; margin-top: 20px;text-align: center;overflow: hidden;}

.case_fr .art_nx h1{font-family: DIN; font-size: 24px;color: #333;margin-top: 33px;}

.case_fr .art_nx h2{font-family: Source Han Sans CN; font-size: 16px;color: #666;margin-top: 12px;background: url('/static/home/skin/newpc/article/images/underline.png') no-repeat; background-position-y: 13px;background-position-x: center;width: 100%;}

.case_fr .art_nx p{font-family: DIN; font-size: 16px;color: #666;margin-top: 13px; font-weight: bold;}

.case_fr .art_nx i{color: #DDA45A; font-weight: bold !important;}

.case_fr .art_one a{color: #fff;font-family: Source Han Sans CN; font-size: 16px; font-weight: 500; width: 106px; height: 28px; text-align: center; line-height: 28px;background: linear-gradient(45deg, #E8AF65, #DC9A49);border-radius: 6px; display: block;position: absolute; top: 101px;left: 142px;}

/*轮播广告*/

.case_fr .art_lb {

	width: 275px;

	margin-top: 20px;

	overflow: hidden;

	position: relative;

}



.swiper-pagination-bullet-active {

	background: #fff !important;

}



.swiper-pagination-bullet {

	opacity: 0.6 !important;

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	background: #000;

}



/*推荐案例*/

.art_tj {

	clear: both;

	overflow: hidden;

}



.art_tj .case_copy {

	font-family: Source Han Sans CN;

	font-size: 22px;

	color: #333;

	margin-top: 40px;

	float: left;

	overflow: hidden;

	margin-bottom: 10px;

}



.art_tj .caseLine {

	width: 175px;

	height: 2px;

	background: #333;

	border-radius: 1px;

	margin-top: 19px;

}



.art_tj .caseLine01 {

	width: 1160px;

	height: 1px;

	background: #bbb;

}



.art_tj .case_ul {

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	width: 1160px;

	margin: 0 auto;

	padding-bottom: 20px;

}



.art_tj .case_ul li {

	width: 275px;

	height: 261px;

	background: #F7F7F7;

	/* border: 1px solid #f5f5f5; */

	margin-top: 20px;

	overflow: hidden;

	position: relative;

	cursor: pointer;

}



.art_tj .anli {

	/* border-radius: 24px 24px 0 0; */

	width: 275px;

	height: 206px;

}



.art_tj h2 {

	font-family: Source Han Sans CN;

	font-size: 16px;

	color: #333;

	margin-left: 13px;

	height: 25px;

	line-height: 25px;

	overflow: hidden;

	width: 195px;

}



.art_tj h3 {

	font-family: Source Han Sans CN;

	font-size: 12px;

	color: #999;

	margin-left: 13px;

	height: 20px;

	line-height: 20px;

	overflow: hidden;

	width: 195px;

}



.art_tj .pa {

	position: absolute;

	top: 181px;

	right: 6px;

}



.art_tj .pa img {

	border-radius: 50%;

	border: 2px solid #fff;

	width: 46px;

	height: 46px;

}



.art_tj .pa h4 {

	font-family: Source Han Sans CN;

	font-size: 14px;

	color: #666;

	width: 56px;

	text-align: center;

}



.art_tj .case_zz {

	position: absolute;

	top: 169px;

	left: 12px;

}



.art_tj .case_zz .zzc {

	width: 192px;

	height: 27px;

	background: #000;

	opacity: 0.4;

	border-radius: 0px 16px 0px 14px;

}



.art_tj .case_zz h6 {

	position: absolute;

	top: 0px;

	left: 5px;

	font-family: Source Han Sans CN;

	font-size: 14px;

	color: #fff;

	line-height: 27px;

	width: 185px;

	overflow: hidden;

	height: 27px;

}



.art_tj .case_more {

	float: right;

	margin-top: 40px;

}

.art_tj .case_more a{
	font-size: 18px;
}



.art_tj .case_more span {

	font-family: Source Han Sans CN;

	font-size: 18px;

	color: #333;

	cursor: pointer;

}



.art_tj .case_more span:hover {

	color: #4C1693;

}

























.thnum {

	width: 865px !important;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}



.mt25 {

	margin-top: 25px;

}



.mt15 {

	padding-top: 15px;

}





.thnum .swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

	background-image: none;

	left: 37px !important;

}



.content_lunbo .sw_zz {

	width: 77px;

	height: 77px;

	background: #000;

	opacity: 0.3;

	border-radius: 16px;

	transform: rotate(45deg);

	position: absolute;

	z-index: 1;

}



.content_lunbo .swiper-button-prev img {

	position: absolute;

	top: 23px;

	left: 21px;

	z-index: 2;

	transform: rotate(180deg);

}



.thumbnail {

	width: 765px !important;

	margin: 0 auto;

	position: relative;

}



.oh {

	overflow: hidden;

	width: 865px;

	margin: 0 auto;

}



.thumbnail .swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

	background-image: none;

	right: -37px !important;

	top: 37px !important;

}



.thumbnail .sw_zz {

	width: 40px;

	height: 135px;

	background: #dcdedf;

	opacity: 1;

	position: absolute;

	z-index: 1;

}



.thumbnail .swiper-button-next img {

	position: absolute;

	top: 49px;

	left: 6px;

	z-index: 2;

}



.thumbnail .swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

	background-image: none;

	left: -50px !important;

	top: 37px !important;

}



.thumbnail .sw_zz {

	width: 40px;

	height: 135px;

	background: #dcdedf;

	opacity: 1;

	position: absolute;

	z-index: 1;

}



.thumbnail .swiper-button-prev img {

	position: absolute;

	top: 49px;

	left: 4px;

	z-index: 2;

	transform: rotate(180deg);

}



.w180 {

	width: 180px !important;

}



.w180 img {

	width: 180px !important;

}



.content_lunbo {

	width: 100%;

	height: 648px;

	margin-bottom: 18px;

	margin-top: 20px;

}



.content_lunbo>ul {

	width: auto;

	height: 100%;

}



.content_lunbo>ul li {

	width: 865px !important;

	height: 100%;

}



.content_lunbo>ul li img {

	width: 865px;

	height: 100%;

}



/*轮播图结束*/

.content_lunbo2 {

	width: 762px;

	height: 135px;

	margin: 0 auto;

}



.content_lunbo2>ul {

	width: auto;

	height: 100%;

}



.content_lunbo2>ul li {

	width: 180px !important;

	height: 100%;

}



.content_lunbo2>ul li img {

	width: 180px;

	height: 100%;

}



.prev {

	position: absolute;

	top: 286px;

	left: 28px;

	z-index: 1;

	cursor: pointer;

}



.prev .sw_zz {

	width: 77px;

	height: 77px;

	background: #000;

	opacity: 0.3;

	border-radius: 16px;

	transform: rotate(45deg);

	position: absolute;

	z-index: 2;

}



.prev img {

	position: absolute;

	top: 23px;

	left: 21px;

	z-index: 3;

	transform: rotate(180deg);

}



.next {

	position: absolute;

	z-index: 1;

	right: 115px;

	top: 37%;

	cursor: pointer;

}



.next .sw_zz {

	width: 77px;

	height: 77px;

	background: #000;

	opacity: 0.3;

	border-radius: 16px;

	transform: rotate(45deg);

	position: absolute;

	z-index: 2;

}



.next img {

	position: absolute;

	top: 23px;

	left: 21px;

	z-index: 3;

}



.prev2 {

	width: 40px;

	height: 135px;

	position: absolute;

	bottom: 0;

	left: 0;

	background-color: #BBBBBB;

}



.prev2 img {

	position: absolute;

	top: 49px;

	left: 4px;

	z-index: 2;

	transform: rotate(180deg);

}



.next2 {

	width: 40px;

	height: 135px;

	position: absolute;

	bottom: 0;

	right: 0;

	background-color: #BBBBBB;

}



.next2 img {

	position: absolute;

	top: 49px;

	left: 6px;

	z-index: 2;

}



.fl_bbqb_banner {

	width: 865px;

	height: auto;

	margin: 0 auto;

	position: relative;

}





.fl_bbqb_banner .case_pa {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 865px;

	height: 648px;

	z-index: 1;

}



.fl_bbqb_banner .case_pa .des_case {

	position: absolute;

	top: 510px;

	left: 30px;

}



.fl_bbqb_banner .case_pa .des_case h1 {

	font-family: Source Han Sans CN;

	font-size: 28px;

	font-weight: 500;

	color: #fff;

	position: relative;

	z-index: 1;

}



.fl_bbqb_banner .case_pa .des_case img {

	position: absolute;

	top: 18px;

	left: 0px;

	width: 64px;

	height: 16px;

}



.fl_bbqb_banner .case_pa .des_case p {

	width: 800px;

	color: #fff;

	overflow: hidden;

	height: 50px;

	line-height: 25px;

	font-family: Source Han Sans CN;

	font-size: 20px;

	margin-top: 5px;

}



.top_font .top_font_case_copy {

	font-family: Source Han Sans CN;

	font-size: 22px;

	color: #333;

	margin-top: 40px;

	float: left;

	overflow: hidden;

	margin-bottom: 10px;

}



.top_font .top_font_cb {

	clear: both;

}



.top_font .top_font_cb .caseLine {

	width: 175px;

	height: 2px;

	background: #333;

	border-radius: 1px;

	margin-top: 19px;

}



.top_font .top_font_cb .caseLine01 {

	width: 1160px;

	height: 1px;

	background: #bbb;

}



.hot_banner {

	max-width: 1920px;

	height: 524px;

	position: relative;

	overflow: hidden;

	margin: 0 auto;

	background: url('/static/home/skin/newpc/hotList/image/hot-bg.png') no-repeat;

	background-position: center;

}

.hot_banner .hot_banner_bg {

	width: 956px;

	height: 285px;

	background: #000000;

	opacity: 0.82;

	position: absolute;

	top: 120px;

	left: 482px;

	z-index: 1;

}

.hot_banner .hot_banner_content {

	width: 956px;

	height: 285px;

	position: absolute;

	top: 120px;

	left: 482px;

	z-index: 2;

}

.hot_banner .hot_banner_content .hot_banner_content_title {

	font-size: 32px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #FFFFFF;

	margin: 60px 0 24px 74px;

}

.hot_banner .hot_banner_content .hot_banner_content_kuang {

	width: 808px;

	height: 56px;

	background: #FFFFFF;

	border-radius: 12px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-left: 74px;

}

.hot_banner .hot_banner_content .hot_banner_content_kuang input::-webkit-input-placeholder {
	color: #999999;
	font-size: 18px !important;
}

.hot_banner .hot_banner_content .hot_banner_content_kuang input {

	width: 667px;

	margin-left: 20px;

	height: 100%;

	font-size: 18px;

}

.hot_banner .hot_banner_content .hot_banner_content_kuang .hot_banner_content_kuang_right {

	width: 120px;

	height: 56px;

	background: linear-gradient(90deg, #E8AF65, #DC9A49);

	border-radius: 12px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.hot_banner .hot_banner_content .hot_banner_content_kuang .hot_banner_content_kuang_right img {

	width: 32px;

	height: 32px;

	margin-right: 6px;

}

.hot_banner .hot_banner_content .hot_banner_content_kuang .hot_banner_content_kuang_right span {

	font-size: 20px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #FFFFFF;

}

.hot_banner .hot_banner_content .hot_banner_content_tip {
	width: 808px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;

	font-family: Source Han Sans CN;

	font-weight: 400;

	color: #FFFFFF;

	margin-left: 75px;

	margin-top: 27px;
}
}