/* AB模版网 Www.AdminBuy.Cn */



/* QQ：9490489 */



/* 仿站：Fang.AdminBuy.Cn */



/* 素材：Sc.AdminBuy.Cn */



.header {



	position: absolute;



	background: #fff;



	-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.08);



	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.08);



	color: #303030; overflow:hidden



}



.header .item-list>li.active>a {



	color: #ffa000;



	height: 66px;



	border-bottom: 4px solid #ffa000



}



.header .item-list>li:hover>a {



	color: #ffa000;



	height: 66px;



	border-bottom: 4px solid #ffa000



}



.header .logo .area {



	background: rgba(0,0,0,0.05);



	color: #666



}



.header .logo .area::before {



	background: url("../images/icon-location-1.png")



}



.center-contianer {



	width: 1200px;



	margin: 0 auto



}



.banner {



	position: relative;



	padding-top: 70px;



	background: #1a1a1a;



	color: #fff;



	font-size: 18px;



	min-width: 1200px;;



	cursor: pointer;



	overflow: hidden;



	box-sizing: border-box



}



.banner .banner-swiper {



	width: 100%



}





.banner .banner-swiper .swiper-wrapper {



	height: auto



}





.banner .banner-swiper .swiper-slide {



	height: auto



}



.banner .banner-swiper .swiper-slide img {



	width: 100%;



	height: auto;



	display: block



}



.banner .center-contianer {



	position: absolute;



	top: 70px;



	left: 0;



	right: 0;



	z-index: 2



}



.banner .classify-list {



	position: relative;



	width: 200px;



	height: 320px;



	margin-top: 130px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	background: rgba(0, 0, 0, 0.55);



	padding-top: 25px



}



.banner .classify-list>li {



	width: 100%;



	height: 54px;



	line-height: 54px



}



.banner .classify-list>li.active, .banner .classify-list>li:hover {



	background: #ffffff;



	color: #ffa000



}



.banner .classify-list>li.active .sub-list-wrap, .banner .classify-list>li:hover .sub-list-wrap {



	display: block



}



.banner .classify-list>li.active .icon.icon-1, .banner .classify-list>li:hover .icon.icon-1 {



	background: url("../images/icon-b-1-1.png") no-repeat



}



.banner .classify-list>li.active .icon.icon-2, .banner .classify-list>li:hover .icon.icon-2 {



	background: url("../images/icon-b-2-1.png") no-repeat



}



.banner .classify-list>li.active .icon.icon-3, .banner .classify-list>li:hover .icon.icon-3 {



	background: url("../images/icon-b-3-1.png") no-repeat



}



.banner .classify-list>li.active .icon.icon-4, .banner .classify-list>li:hover .icon.icon-4 {



	background: url("../images/icon-b-4-1.png") no-repeat



}



.banner .classify-list>li.active .icon.icon-5, .banner .classify-list>li:hover .icon.icon-5 {



	background: url("../images/icon-b-5-1.png") no-repeat



}



.banner .classify-list>li.active .icon.icon-6, .banner .classify-list>li:hover .icon.icon-6 {



	background: url("../images/icon-b-6-1.png") no-repeat



}



.banner .classify-list>li.active h3::after, .banner .classify-list>li:hover h3::after {



	background: url("../images/icon-sj-1.png")



}



.banner .classify-list>li h3 {



	position: absolute;



	width: 100%;



	height: 100%;



	font-size: 16px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	padding-left: 30px



}



.banner .classify-list>li h3::after {



	content: '';



	position: absolute;



	top: 22px;



	right: 20px;



	width: 7px;



	height: 12px;



	/*background: url("../images/icon-sj-0.png")*/



}



.banner .classify-list>li h3 .icon {



	display: inline-block;



	vertical-align: top;



	position: relative;



	top: 18px;



	line-height: 65px;



	margin-right: 20px;



	width: 18px;



	height: 18px;



	margin-right: 15px



}



/*.banner .classify-list>li h3 .icon.icon-1 {



	background: url("../images/icon-b-1-0.png") no-repeat



}



.banner .classify-list>li h3 .icon.icon-2 {



	background: url("../images/icon-b-2-0.png") no-repeat



}



.banner .classify-list>li h3 .icon.icon-3 {



	background: url("../images/icon-b-3-0.png") no-repeat



}



.banner .classify-list>li h3 .icon.icon-4 {



	background: url("../images/icon-b-4-0.png") no-repeat



}



.banner .classify-list>li h3 .icon.icon-5 {



	background: url("../images/icon-b-5-0.png") no-repeat



}



.banner .classify-list>li h3 .icon.icon-6 {



	background: url("../images/icon-b-6-0.png") no-repeat



}*/



.banner .classify-list .sub-list-wrap {



	display: none;



	position: absolute;



	left: 200px;



	top: 0;



	width: 360px;



	height: 320px;



	background: rgba(255,255,255,0.9)



}



.banner .classify-list .sub-list-wrap .sub-list {



	position: relative;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.1);



	padding-top: 25px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box



}



.banner .classify-list .sub-list-wrap .sub-list>li {



	float: left;



	width: 180px;



	padding: 0 30px;



	height: 14px;



	line-height: 14px;



	margin: 20px 0;



	font-size: 14px;



	color: #333;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	padding-left: 30px



}



.banner .classify-list .sub-list-wrap .sub-list>li::before {



	content: '';



	display: inline-block;



	width: 5px;



	height: 5px;



	border-radius: 50%;



	margin-right: 9px;



	margin-top: 5px;



	background: #333333;



	vertical-align: top



}



.banner .classify-list .sub-list-wrap .sub-list>li:hover {



	color: #ffa000



}



.banner .classify-list .sub-list-wrap .sub-list>li:hover::before {



	background: #ffa000



}



.miji-wrap {



	min-width: 1200px;



	overflow: hidden



}



.miji-wrap .promise-wrap {



	padding-top: 21px;



	padding-bottom: 21px;



	background: #f8f8f8



}



.miji-wrap .promise {



	overflow: hidden



}



.miji-wrap .promise>li {



	float: left;



	width: 200px



}



.miji-wrap .promise>li .icon {



	width: 47px;



	height: 50px;



	margin: 0 auto



}



.miji-wrap .promise>li .icon.icon-1 {



	background: url("../images/icon-proimse-1.png") no-repeat;



	background-size: 100% 100%



}



.miji-wrap .promise>li .icon.icon-2 {



	background: url("../images/icon-proimse-2.png") no-repeat;



	background-size: 100% 100%



}



.miji-wrap .promise>li .icon.icon-3 {



	background: url("../images/icon-proimse-3.png") no-repeat;



	background-size: 100% 100%



}



.miji-wrap .promise>li .icon.icon-4 {



	background: url("../images/icon-proimse-4.png") no-repeat;



	background-size: 100% 100%



}



.miji-wrap .promise>li .icon.icon-5 {



	background: url("../images/icon-proimse-5.png") no-repeat;



	background-size: 100% 100%



}



.miji-wrap .promise>li .icon.icon-6 {



	background: url("../images/icon-proimse-6.png") no-repeat;



	background-size: 100% 100%



}



.miji-wrap .promise>li>p {



	text-align: center;



	line-height: 36px;



	font-size: 16px;



	margin-top: 10px;



	color: #666



}



.miji-wrap .module-title {



	margin-top: 50px;



	padding-bottom: 20px



}



.miji-wrap .module-title span {



	font-size: 28px;



	font-weight: 500



}



.miji-wrap .module-title i {



	font-size: 13px;



	margin-left: 20px



}



.miji-wrap .puzzle {



	overflow: hidden



}



.miji-wrap .puzzle .img-link {



	position: relative;



	width: 262px;



	height: 175px;



	overflow: hidden



}



.miji-wrap .puzzle .img-link:hover .bg {



	-webkit-transform: scale(1.2);



	-ms-transform: scale(1.2);



	transform: scale(1.2)



}



.miji-wrap .puzzle .img-link img {



	width: 100%;



	height: 100%



}



.miji-wrap .puzzle .img-link .bg {



	position: absolute;



	width: 100%;



	height: 100%;



	-webkit-transition: all .5s ease;



	transition: all .5s ease



}



.miji-wrap .puzzle .img-link .bg::before {



	content: '';



	position: absolute;



	top: 0;



	left: 0;



	display: block;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.06)



}



.miji-wrap .puzzle .img-link h4 {



	position: absolute;



	bottom: 0;



	left: 0;



	width: 100%;



	height: 60px;



	line-height: 60px;



	color: #ffffff;



	padding-left: 20px;



	padding-right: 10px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)));



	background: -webkit-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0));



	background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap



}



.miji-wrap .puzzle .col-1 {



	float: left



}



.miji-wrap .puzzle .col-1 .img-link {



	width: 540px;



	height: 360px



}



.miji-wrap .puzzle .col-1 .img-link h4 {



	height: 80px;



	line-height: 80px;



	padding-left: 30px



}



.miji-wrap .puzzle .col-2 {



	float: left;



	margin-left: 10px



}



.miji-wrap .puzzle .col-2 .img-link:first-child {



	margin-bottom: 10px



}



.miji-wrap .puzzle .col-3 {



	float: left;



	margin-left: 10px;



	width: 378px;



	height: 360px;



	overflow: hidden



}



.miji-wrap .puzzle .col-3 .swpie-item {



	position: relative;



	width: 378px;



	height: 360px



}



.miji-wrap .puzzle .col-3 .swpie-item .bg {



	width: 100%;



	height: 100%



}



.miji-wrap .puzzle .col-3 .swpie-item .bg img {



	width: 100%;



	height: 100%



}



.miji-wrap .puzzle .col-3 .swpie-item .content {



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	z-index: 1;



	background: rgba(0,0,0,0.5);



	color: #ffffff



}



.miji-wrap .puzzle .col-3 .swpie-item .content h4 {



	font-size: 30px;



	font-weight: bold;



	margin-top: 100px;



	text-align: center



}



.miji-wrap .puzzle .col-3 .swpie-item .content p {



	text-align: center;



	margin-top: 60px;



	padding: 0 30px;



	line-height: 2;



	font-weight: lighter



}



.miji-wrap .classify-title {



	overflow: hidden;



	padding: 40px 0 30px



}



.miji-wrap .classify-title ul {



	float: left



}



.miji-wrap .classify-title ul li {



	float: left;



	padding-right: 25px;



	cursor: pointer;



	font-size: 14px



}



.miji-wrap .classify-title ul li::before {



	content: '·';



	margin-right: 25px



}



.miji-wrap .classify-title ul li:first-child::before {



	content: '';



	margin-right: 0



}



.miji-wrap .classify-title ul li:hover span, .miji-wrap .classify-title ul li.active span {



	color: #ffa000



}



.miji-wrap .classify-title .btn-more {



	float: right;



	font-size: 14px;



	color: #9b9b9b



}



.miji-wrap .classify-content .result-list {



	overflow: hidden



}



.miji-wrap .classify-content .result-list li {



	float: left;



	width: 570px;



	margin-bottom: 30px;



	overflow: hidden



}



.miji-wrap .classify-content .result-list li:nth-child(2n) {



	float: right



}



.miji-wrap .classify-content .result-list li a {



	display: block;



	width: 570px;



	overflow: hidden



}



.miji-wrap .classify-content .result-list li .thumbnail {



	position: relative;



	float: left;



	width: 240px;



	height: 160px;



	overflow: hidden



}



.miji-wrap .classify-content .result-list li .thumbnail:hover img {



	-webkit-transform: scale(1.2);



	-ms-transform: scale(1.2);



	transform: scale(1.2)



}



.miji-wrap .classify-content .result-list li .thumbnail::before {



	content: '';



	position: absolute;



	top: 0;



	left: 0;



	display: block;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.06)



}



.miji-wrap .classify-content .result-list li .thumbnail img {



	width: 100%;



	height: 100%;



	-webkit-transition: all .5s ease;



	transition: all .5s ease



}



.miji-wrap .classify-content .result-list li .content {



	float: left;



	width: 300px;



	margin-left: 30px



}



.miji-wrap .classify-content .result-list li .content h4 {



	margin-top: 8px;



	font-size: 18px;



	font-weight: bold;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap



}



.miji-wrap .classify-content .result-list li .content .info {



	margin-top: 16px;



	font-size: 13px;



	color: #c8c8c8



}



.miji-wrap .classify-content .result-list li .content .info .time {



	margin-left: 40px



}



.miji-wrap .classify-content .result-list li .content .desc {



	margin-top: 25px;



	font-size: 13px;



	line-height: 25px;



	max-height: 71px;



	word-break: break-all



}



.seek-help-wrap {



	min-width: 1200px;



	background: #f8f8f8;



	padding-bottom: 40px;



	padding-top: 40px



}



.seek-help-wrap .module-title {



	overflow: hidden



}



.seek-help-wrap .module-title h3 {



	float: left



}



.seek-help-wrap .module-title h3 span {



	font-size: 28px;



	font-weight: 500



}



.seek-help-wrap .module-title h3 i {



	font-size: 13px;



	margin-left: 20px



}



.seek-help-wrap .module-title .btn-more {



	float: right;



	font-size: 14px;



	color: #9b9b9b



}



.seek-help-wrap .help-banner {



	height: 180px;



	width: 100%;



	margin-top: 20px;



	background: url("../images/bg-help.png") no-repeat



}



.seek-help-wrap .help-banner .center-box {



	width: 800px;



	margin: 0 auto;



	padding-top: 50px;



	padding-left: 100px



}



.seek-help-wrap .help-banner .center-box .text {



	float: left



}



.seek-help-wrap .help-banner .center-box .text h3 {



	font-size: 30px;



	font-weight: bold



}



.seek-help-wrap .help-banner .center-box .text p {



	font-size: 16px;



	margin-top: 30px



}



.seek-help-wrap .help-banner .center-box .btn-to-seek-help {



	position: relative;



	float: right;



	width: 180px;



	height: 60px;



	border-radius: 60px;



	background: #ffa000;



	text-align: center;



	cursor: pointer



}



.seek-help-wrap .help-banner .center-box .btn-to-seek-help:hover .help-qr-code-wrap {



	display: block



}



.seek-help-wrap .help-banner .center-box .btn-to-seek-help span {



	color: #ffffff;



	line-height: 60px;



	font-size: 18px



}



.seek-help-wrap .help-banner .center-box .btn-to-seek-help .help-qr-code-wrap {



	display: none;



	position: absolute;



	top: -240px;



	left: 0;



	height: 220px;



	width: 180px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	padding: 20px;



	background: #fff;



	border-radius: 10px;



	-webkit-box-shadow: 0 0 10px 0 #ccc;



	box-shadow: 0 0 10px 0 #ccc



}



.seek-help-wrap .help-banner .center-box .btn-to-seek-help .help-qr-code-wrap .tips {



	font-size: 13px;



	line-height: 1.4



}



.seek-help-wrap .help-banner .center-box .btn-to-seek-help .help-qr-code-wrap img {



	width: 140px;



	height: 140px;



	margin-top: 10px



}



.seek-help-wrap .help-list {



	padding-top: 30px;



	padding-bottom: 40px



}



.seek-help-wrap .help-list li {



	float: left;



	width: 270px;



	height: 335px;



	margin-left: 40px;



	background: #fff;



	-webkit-transition: all .5s ease;



	transition: all .5s ease



}



.seek-help-wrap .help-list li:hover {



	-webkit-box-shadow: 0 5px 10px 0 #e8e8e8;



	box-shadow: 0 5px 10px 0 #e8e8e8



}



.seek-help-wrap .help-list li:first-child {



	margin-left: 0



}



.seek-help-wrap .help-list li .top-wrap {



	position: relative



}



.seek-help-wrap .help-list li .top-wrap .bg {



	height: 180px;



	background: #ccc



}



.seek-help-wrap .help-list li .top-wrap .bg img {



	width: 100%;



	height: 100%



}



.seek-help-wrap .help-list li .top-wrap .content {



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.4);



	z-index: 1;



	color: #ffffff



}



.seek-help-wrap .help-list li .top-wrap .content h3 {



	margin-top: 90px;



	padding: 0 30px;



	-webkit-transform: translateY(-50%);



	-ms-transform: translateY(-50%);



	transform: translateY(-50%);



	text-align: center



}



.seek-help-wrap .help-list li .bottom-wrap {



	width: 230px;



	margin: 0 auto



}



.seek-help-wrap .help-list li .bottom-wrap .tags {



	overflow: hidden;



	padding: 14px 0



}



.seek-help-wrap .help-list li .bottom-wrap .tags span {



	display: block;



	float: left;



	width: 66px;



	height: 26px;



	line-height: 26px;



	border-radius: 26px;



	margin-left: 16px;



	text-align: center;



	background: #fdf2e9;



	font-size: 12px



}



.seek-help-wrap .help-list li .bottom-wrap .tags span:first-child {



	margin-left: 0



}



.seek-help-wrap .help-list li .bottom-wrap .spilt-line {



	height: 0;



	border-top: 1px dashed #e8e8e8



}



.seek-help-wrap .help-list li .bottom-wrap .q-list .q-item {



	display: block;



	color: #666666;



	font-size: 13px;



	margin-top: 11px;



	line-height: 18px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap



}



.seek-help-wrap .help-list li .bottom-wrap .q-list .q-item::before {



	content: '';



	display: inline-block;



	width: 18px;



	height: 18px;



	margin-right: 10px;



	vertical-align: top;



	background: url("../images/icon-q.png") no-repeat



}



.counselor-wrap {



	min-width: 1200px;



	overflow: hidden



}



.counselor-wrap .module-title {



	margin-top: 50px;



	padding-bottom: 20px



}



.counselor-wrap .module-title span {



	font-size: 28px;



	font-weight: 500



}



.counselor-wrap .module-title i {



	font-size: 13px;



	margin-left: 20px



}



.counselor-wrap .classify-title {



	overflow: hidden;



	padding: 40px 0 30px



}



.counselor-wrap .classify-title ul {



	float: left;



	overflow: hidden



}



.counselor-wrap .classify-title ul li {



	float: left;



	padding-right: 25px;



	cursor: pointer;



	font-size: 14px



}



.counselor-wrap .classify-title ul li::before {



	content: '·';



	margin-right: 25px



}



.counselor-wrap .classify-title ul li:first-child::before {



	content: '';



	margin-right: 0



}



.counselor-wrap .classify-title ul li:hover span, .counselor-wrap .classify-title ul li.active span {



	color: #ffa000



}



.counselor-wrap .classify-title .btn-more {



	float: right;



	font-size: 14px;



	color: #9b9b9b



}



.counselor-wrap .result-container .counselors {



	overflow: hidden



}



.counselor-wrap .result-container .counselors li {



	position: relative;



	float: left;



	width: 224px;



	height: 274px;



	margin-left: 20px;



	background: #ccc



}



.counselor-wrap .result-container .counselors li:first-child {



	margin-left: 0



}



.counselor-wrap .result-container .counselors li:hover .mask-box {



	-webkit-transform: translateY(-100%);



	-ms-transform: translateY(-100%);



	transform: translateY(-100%)



}



.counselor-wrap .result-container .counselors li:hover h3 {



	display: none



}



.counselor-wrap .result-container .counselors li a {



	display: block;



	width: 100%;



	height: 100%



}



.counselor-wrap .result-container .counselors li .bg {



	position: relative;



	width: 100%;



	height: 100%



}



.counselor-wrap .result-container .counselors li .bg::after {



	content: '';



	position: absolute;



	width: 100%;



	height: 100%;



	top: 0;



	left: 0;



	background: rgba(0,0,0,0.1)



}



.counselor-wrap .result-container .counselors li .bg img {



	width: 100%;



	height: 100%



}



.counselor-wrap .result-container .counselors li h3 {



	position: absolute;



	bottom: 0;



	left: 0;



	width: 100%;



	height: 60px;



	line-height: 60px;



	color: #ffffff;



	font-size: 18px;



	text-align: center;



	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));



	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0));



	background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0))



}



.counselor-wrap .result-container .counselors li .mask-box {



	position: absolute;



	bottom: -100%;



	left: 0;



	width: 100%;



	height: 100%;



	-webkit-transition: all .3s ease;



	transition: all .3s ease;



	color: #ffffff;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	padding: 30px;



	z-index: 3;



	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,198,0,0.9)), to(rgba(255,150,0,0.9)));



	background: -webkit-linear-gradient(bottom, rgba(255,198,0,0.9), rgba(255,150,0,0.9));



	background: linear-gradient(to top, rgba(255,198,0,0.9), rgba(255,150,0,0.9))



}



.counselor-wrap .result-container .counselors li .mask-box>h4 {



	font-size: 18px



}



.counselor-wrap .result-container .counselors li .mask-box .title {



	margin-top: 20px;



	font-size: 13px



}



.counselor-wrap .result-container .counselors li .mask-box>p {



	line-height: 21px;



	margin-top: 26px;



	font-size: 13px



}



.counselor-wrap .counselor-banner {



	height: 350px;



	background: url("../images/bg-counsoler.png") no-repeat;



	overflow: hidden



}



.counselor-wrap .counselor-banner .search-box {



	width: 365px;



	height: 290px;



	margin-top: 30px;



	margin-left: 30px;



	background: rgba(0,0,0,0.5);



	font-size: 14px;



	padding: 0 30px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box



}



.counselor-wrap .counselor-banner .search-box h3 {



	color: #ffffff;



	text-align: center;



	padding-top: 30px;



	padding-bottom: 25px;



	font-size: 18px



}



.counselor-wrap .counselor-banner .search-box h3::before {



	content: '';



	position: relative;



	top: -5px;



	display: inline-block;



	width: 76px;



	margin-right: 10px;



	border-top: 1px dashed rgba(255,255,255,0.5)



}



.counselor-wrap .counselor-banner .search-box h3::after {



	content: '';



	position: relative;



	top: -5px;



	display: inline-block;



	width: 76px;



	margin-left: 10px;



	border-top: 1px dashed rgba(255,255,255,0.5)



}



.counselor-wrap .counselor-banner .search-box ul {



	overflow: hidden



}



.counselor-wrap .counselor-banner .search-box ul li {



	float: left;



	width: 90px;



	height: 36px;



	line-height: 36px;



	margin: 5px;



	text-align: center;



	border-radius: 4px;



	background: #fff;



	-webkit-transition: all .3s ease;



	transition: all .3s ease



}



.counselor-wrap .counselor-banner .search-box ul li:hover {



	background: #ffa000;



	color: #fff



}



.counselor-wrap .counselor-footer {



	height: 180px;



	width: 100%;



	margin-top: 30px;



	margin-bottom: 30px;



	background: url("../images/300bg.png") no-repeat;



	overflow: hidden



}



.counselor-wrap .counselor-footer .center-box {



	width: 800px;



	margin: 45px auto;



	overflow: hidden;



	padding-left: 100px



}



.counselor-wrap .counselor-footer .center-box .text {



	float: left



}



.counselor-wrap .counselor-footer .center-box .text h3 {



	font-size: 30px;



	font-weight: bold



}



.counselor-wrap .counselor-footer .center-box .text p {



	font-size: 24px;



	margin-top: 30px



}



.counselor-wrap .counselor-footer .center-box .btn-box {



	float: right



}



.counselor-wrap .counselor-footer .center-box .btn-box .btn-look {



	display: block;



	width: 180px;



	height: 60px;



	margin: 0 auto;



	line-height: 60px;



	border-radius: 60px;



	background: #ffa000;



	color: #ffffff;



	text-align: center;



	font-size: 18px



}



.counselor-wrap .counselor-footer .center-box .btn-box .tips {



	margin-top: 20px;



	font-size: 14px



}



.report-wrap {



	background: #fff;



	padding: 50px 0 0;



	min-width: 1200px



}



.report-wrap .title {



	position: relative



}



.report-wrap .title h2 {



	float: left;



	font-size: 24px;



	color: #333



}



.report-wrap .title h2 span {



	display: inline-block;



	width: 10px;



	height: 18px;



	margin-left: 20px;



	background: url("../images/icon-trangle-right.png") no-repeat



}



.report-wrap .title .nav {



	float: left



}



.report-wrap .title .nav .nav-btn {



	position: relative;



	top: 2px;



	font-size: 19px;



	margin-left: 50px;



	cursor: pointer;



	-webkit-transition: all .1s ease;



	transition: all .1s ease



}



.report-wrap .title .nav .nav-btn.active, .report-wrap .title .nav .nav-btn:hover {



	color: #ffa000



}



.report-wrap .title .nav .nav-btn.active::after, .report-wrap .title .nav .nav-btn:hover::after {



	content: '';



	position: absolute;



	left: 50%;



	margin-left: -10px;



	bottom: -10px;



	width: 20px;



	height: 4px;



	background: #ffa000;



	border-radius: 2px



}



.report-wrap .title .btn-more {



	position: absolute;



	right: 0;



	top: 0;



	line-height: 18px;



	font-size: 14px;



	color: #9b9b9b



}



.report-wrap .report-list {



	margin-top: 10px



}



.report-wrap .report-list li {



	float: left;



	width: 380px;



	height: 120px;



	margin-left: 30px;



	margin-top: 20px;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	padding: 25px 47px;



	border-left: 2px solid #ffa000;



	-webkit-box-shadow: 0 5px 10px 0 #e8e8e8;



	box-shadow: 0 5px 10px 0 #e8e8e8



}



.report-wrap .report-list li:hover {



	-webkit-box-shadow: 0 5px 10px 0 #e8e8e8;



	box-shadow: 0 5px 10px 0 #e8e8e8



}



.report-wrap .report-list li.bg1 {



	background: url("../images/bg-report-1.png") no-repeat



}



.report-wrap .report-list li.bg2 {



	background: url("../images/bg-report-2.png") no-repeat



}



.report-wrap .report-list li.bg3 {



	background: url("../images/bg-report-3.png") no-repeat



}



.report-wrap .report-list li:first-child {



	margin-left: 0



}



.report-wrap .report-list li a {



	line-height: 1.2;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 2;



	word-break: break-all;



	font-size: 16px;



	position: relative;



	line-height: 26px;



	max-height: 60px



}



.friend-wrap {



	background: #fff;



	padding: 40px 0;



	min-width: 1200px



}



.friend-wrap h2 {



	font-size: 24px;



	color: #333



}



.friend-wrap .friend-logo {



	margin-top: 20px;



	margin-bottom: 30px



}



.friend-wrap .friend-logo li {



	display: inline-block;



	margin-right: 20px



}



.friend-wrap .friend-link {



	margin-top: 20px



}



.friend-wrap .friend-link li {



	display: inline-block;



	margin-right: 40px;



	color: #9b9b9b;



	font-size: 14px



}



.friend-wrap .friend-link li>a {



	color: #9b9b9b;



	-webkit-transition: all .3s ease;



	transition: all .3s ease



}



.friend-wrap .friend-link li>a:hover {



	color: #ffa000



}







/* ===== 移动端响应式适配 ===== */



.miji-wrap .puzzle .col-3 .swpie-item .swpie-title { display: none }

@media (max-width: 768px) {



	.center-contianer { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box }



	.header { height: 56px; overflow: visible }



	.header .item-list>li.active>a, .header .item-list>li:hover>a { height: 44px; border-bottom: none }



	.banner { min-width: 0; height: auto; padding-top: 56px }



	.banner .banner-swiper { position: relative; top: 0; height: auto }



	.banner .banner-swiper .swiper-slide { height: auto }



	.banner .banner-swiper .swiper-slide img { width: 100%; height: auto }



	.banner .center-contianer { display: none }



	.miji-wrap { min-width: 0 }



	.miji-wrap .center-contianer { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box }



	.miji-wrap .module-title { margin-top: 30px }



	.miji-wrap .module-title span { font-size: 22px }



	.miji-wrap .puzzle .col-1 { display: none }

	.miji-wrap .puzzle .col-2 { display: none }

	.miji-wrap .puzzle .col-3 { float: none; width: 100%; height: 200px; margin-left: 0; display: block }

	.miji-wrap .puzzle .col-3 .swipe { height: 200px }

	.miji-wrap .puzzle .col-3 .swipe .swiper-slide { width: 100% }

	.miji-wrap .puzzle .col-3 .swpie-item { width: 100%; height: 200px }

	.miji-wrap .puzzle .col-3 .swpie-item .bg { height: 200px }

	.miji-wrap .puzzle .col-3 .swpie-item .bg img { width: 100%; height: 200px; object-fit: cover }

	.miji-wrap .puzzle .col-3 .swpie-item .swpie-title { display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 14px 12px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 15px; color: #fff; line-height: 1.4; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

	.miji-wrap .classify-title { padding: 15px 0 }

	.miji-wrap .classify-title ul { float: none; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch }

	.miji-wrap .classify-title ul li { float: none; display: inline-block; padding-right: 16px; font-size: 13px }

	.miji-wrap .classify-title ul li::before { margin-right: 16px }

	.miji-wrap .classify-title .btn-more { display: none }

	.miji-wrap .classify-content .result-list li { float: left; width: 48%; margin-right: 4%; margin-bottom: 20px }

	.miji-wrap .classify-content .result-list li:nth-child(2n) { float: left; margin-right: 0 }

	.miji-wrap .classify-content .result-list li:nth-child(n+7) { display: none }

	.miji-wrap .classify-content .result-list li a { width: 100% }

	.miji-wrap .classify-content .result-list li .thumbnail { float: none; width: 100%; height: 105px }

	.miji-wrap .classify-content .result-list li .thumbnail img { width: 100%; height: 105px; object-fit: cover }

	.miji-wrap .classify-content .result-list li .content { float: none; width: 100%; margin-left: 0 }

	.miji-wrap .classify-content .result-list li .content h4 { margin-top: 10px; font-size: 15px }

	.miji-wrap .classify-content .result-list li .content .info { margin-top: 8px; font-size: 12px }

	.miji-wrap .classify-content .result-list li .content .info .author { display: none }

	.miji-wrap .classify-content .result-list li .content .info .time { margin-left: 0 }

	.miji-wrap .classify-content .result-list li .content .desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8px; font-size: 12px; line-height: 18px; max-height: 36px }

	.miji-wrap .classify-content .result-list li.empty-tip { float: none; width: 100%; margin-right: 0; text-align: center; color: #999; font-size: 14px; padding: 30px 0 }





}




/* ===== 首页核心服务 3D 轮播模块（橙色系） ===== */
.miji-wrap.biz-intro .module-title { text-align: center; }
.miji-wrap.biz-intro .module-title i { display: block; margin-left: 0; margin-top: 8px; }
.miji-wrap.biz-intro .car3d-view { overflow: hidden; position: relative; padding: 14px 6px 40px; }
.miji-wrap.biz-intro .car3d-track { display: flex; transition: transform .55s cubic-bezier(.4,.2,.2,1); perspective: 1400px; }
.miji-wrap.biz-intro .car3d-slide { flex: 0 0 33.3333%; padding: 10px 12px; position: relative; transition: transform .55s cubic-bezier(.4,.2,.2,1), opacity .55s ease; box-sizing: border-box; }
.miji-wrap.biz-intro .car3d-card { display: block; text-decoration: none; box-sizing: border-box; background: linear-gradient(165deg,#ffffff 0%,#fdfaf6 45%,#f6efe9 100%); border-radius: 14px; padding: 14px 16px 22px; position: relative; box-shadow: 0 1px 0 rgba(255,255,255,.9) inset,0 -3px 6px rgba(0,0,0,.04) inset,0 10px 18px rgba(0,0,0,.13),0 4px 0 #d8c9bc,0 5px 12px rgba(0,0,0,.18); transition: transform .25s ease, box-shadow .25s ease; }
.miji-wrap.biz-intro .car3d-card::before { content: ""; position: absolute; top: 12px; bottom: -6px; right: -6px; width: 6px; background: linear-gradient(90deg,#d8c9bc 0%,#cbb9a8 55%,#b5a08c 100%); border-radius: 0 14px 14px 0; }
.miji-wrap.biz-intro .car3d-card::after { content: ""; position: absolute; left: 12px; right: -6px; bottom: -6px; height: 6px; background: linear-gradient(180deg,#d8c9bc 0%,#cbb9a8 55%,#b5a08c 100%); border-radius: 0 0 14px 14px; }
.miji-wrap.biz-intro .car3d-card:hover { transform: translateY(-4px); box-shadow: 0 1px 0 rgba(255,255,255,.9) inset,0 -3px 6px rgba(0,0,0,.04) inset,0 18px 26px rgba(0,0,0,.16),0 5px 0 #d8c9bc,0 8px 16px rgba(0,0,0,.2); }
.miji-wrap.biz-intro .car3d-slide.on { transform: translateY(-6px) scale(1.04); z-index: 3; }
.miji-wrap.biz-intro .car3d-slide.on .car3d-card { background: linear-gradient(165deg,#ffc14d 0%,#ffb020 40%,#ffa000 100%); box-shadow: 0 1px 0 rgba(255,255,255,.45) inset,0 -3px 6px rgba(0,0,0,.06) inset,0 26px 34px rgba(200,120,0,.32),0 5px 0 #c97900,0 11px 20px rgba(200,120,0,.3); }
.miji-wrap.biz-intro .car3d-slide.on .car3d-card::before { background: linear-gradient(90deg,#e08a00 0%,#c97900 55%,#b36a00 100%); }
.miji-wrap.biz-intro .car3d-slide.on .car3d-card::after { background: linear-gradient(180deg,#e08a00 0%,#c97900 55%,#b36a00 100%); }
.miji-wrap.biz-intro .car3d-slide.on .car3d-name { color: #ffffff; }
.miji-wrap.biz-intro .car3d-slide.on .car3d-name::after { background: rgba(255,255,255,.9); box-shadow: 0 2px 3px rgba(0,0,0,.18); }
.miji-wrap.biz-intro .car3d-slide.on .car3d-desc { color: #fff7e6; }
.miji-wrap.biz-intro .car3d-slide.side { opacity: .92; z-index: 2; }
.miji-wrap.biz-intro .car3d-slide.side.left { transform: rotateY(7deg) scale(.95); transform-origin: right center; }
.miji-wrap.biz-intro .car3d-slide.side.right { transform: rotateY(-7deg) scale(.95); transform-origin: left center; }
.miji-wrap.biz-intro .car3d-slide.side .car3d-card { box-shadow: 0 1px 0 rgba(255,255,255,.9) inset,0 -3px 6px rgba(0,0,0,.04) inset,0 14px 20px rgba(0,0,0,.14),0 4px 0 #d8c9bc,0 6px 12px rgba(0,0,0,.18); }
.miji-wrap.biz-intro .car3d-slide.off { opacity: .5; z-index: 1; }
.miji-wrap.biz-intro .car3d-slide.off.left { transform: rotateY(10deg) scale(.88); transform-origin: right center; }
.miji-wrap.biz-intro .car3d-slide.off.right { transform: rotateY(-10deg) scale(.88); transform-origin: left center; }
.miji-wrap.biz-intro .car3d-ph { aspect-ratio: 16/9; border-radius: 10px; overflow: hidden; margin-bottom: 16px; background: #f0e9e1; }
.miji-wrap.biz-intro .car3d-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.miji-wrap.biz-intro .car3d-name { text-align: center; font-size: 20px; font-weight: 700; color: #3a3330; letter-spacing: 3px; font-family: "SimSun","STSong",serif; padding-bottom: 12px; margin-bottom: 12px; position: relative; }
.miji-wrap.biz-intro .car3d-name::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 34px; height: 3px; border-radius: 2px; background: linear-gradient(180deg,#ffb020,#ffa000); box-shadow: 0 2px 3px rgba(255,160,0,.3); }
.miji-wrap.biz-intro .car3d-desc { font-size: 13.5px; line-height: 1.85; color: #6b6259; text-align: left; }
.miji-wrap.biz-intro .car3d-btn { position: absolute; top: 44%; transform: translateY(-50%); width: 44px; height: 44px; border: none; border-radius: 50%; cursor: pointer; z-index: 5; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; line-height: 1; background: linear-gradient(180deg,#ffb020,#ffa000); box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 4px 0 #c97900,0 6px 12px rgba(255,160,0,.35); transition: all .2s ease; outline: none; }
.miji-wrap.biz-intro .car3d-btn:hover { filter: brightness(1.06); }
.miji-wrap.biz-intro .car3d-btn:active { transform: translateY(-50%) translateY(3px); box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 1px 0 #c97900,0 3px 6px rgba(255,160,0,.3); }
.miji-wrap.biz-intro .car3d-prev { left: -8px; }
.miji-wrap.biz-intro .car3d-next { right: -8px; }
@media (max-width: 900px) {
.miji-wrap.biz-intro .car3d-slide { flex: 0 0 50%; }
}
@media (max-width: 700px) {
.miji-wrap.biz-intro .car3d-slide { flex: 0 0 100%; }
.miji-wrap.biz-intro .car3d-prev { left: -4px; }
.miji-wrap.biz-intro .car3d-next { right: -4px; }
}

/* ===== 首页资讯选项卡（借鉴 airan999 感情攻略） ===== */
.miji-wrap.news-tab .news-main { overflow: hidden; }
.miji-wrap.news-tab .news-body { float: left; width: 820px; }
.miji-wrap.news-tab .news-hot { float: right; width: 340px; }

/* 选项卡导航 */
.miji-wrap.news-tab .news-nav { overflow: hidden; border-bottom: 1px solid #eeeeee; margin-bottom: 20px; }
.miji-wrap.news-tab .news-nav ul { float: left; }
.miji-wrap.news-tab .news-nav ul li { float: left; position: relative; margin-right: 36px; padding: 8px 2px 14px; font-size: 16px; color: #333; cursor: pointer; list-style: none; }
.miji-wrap.news-tab .news-nav ul li::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #ffa000; opacity: 0; transition: opacity .3s; }
.miji-wrap.news-tab .news-nav ul li.active, .miji-wrap.news-tab .news-nav ul li:hover { color: #ffa000; }
.miji-wrap.news-tab .news-nav ul li.active::after, .miji-wrap.news-tab .news-nav ul li:hover::after { opacity: 1; }
.miji-wrap.news-tab .news-nav .news-more { float: right; margin-top: 10px; font-size: 13px; color: #9b9b9b; }
.miji-wrap.news-tab .news-nav .news-more:hover { color: #ffa000; }

/* 面板显隐 */
.miji-wrap.news-tab .news-panel { display: none; }
.miji-wrap.news-tab .news-panel.active { display: block; overflow: hidden; }

/* 左侧图文列表 */
.miji-wrap.news-tab .news-thumbs { float: left; width: 490px; }
.miji-wrap.news-tab .news-item { overflow: hidden; padding: 16px 0; border-bottom: 1px dashed #e0e0e0; }
.miji-wrap.news-tab .news-item:first-child { padding-top: 0; }
.miji-wrap.news-tab .news-item-img { float: left; width: 150px; height: 96px; overflow: hidden; background: #f2f2f2; }
.miji-wrap.news-tab .news-item-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.miji-wrap.news-tab .news-item:hover .news-item-img img { transform: scale(1.08); }
.miji-wrap.news-tab .news-item h3 { margin-left: 166px; font-size: 15px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.miji-wrap.news-tab .news-item h3 a { color: #333; }
.miji-wrap.news-tab .news-item h3 a:hover { color: #ffa000; }
.miji-wrap.news-tab .news-item .news-item-meta { margin-left: 166px; margin-top: 5px; font-size: 12px; color: #bbb; }
.miji-wrap.news-tab .news-item .news-item-meta span { color: #ffa000; }
.miji-wrap.news-tab .news-item .news-item-meta em { font-style: normal; margin-left: 12px; }
.miji-wrap.news-tab .news-item p { margin-left: 166px; margin-top: 5px; font-size: 12.5px; color: #999; line-height: 1.65; height: 41px; overflow: hidden; }

/* 右侧更多文章标题列表 */
.miji-wrap.news-tab .news-titles { float: right; width: 310px; }
.miji-wrap.news-tab .news-titles-head { overflow: hidden; border-bottom: 1px solid #eeeeee; padding-bottom: 12px; margin-bottom: 4px; }
.miji-wrap.news-tab .news-titles-head .rz-t { float: left; font-size: 16px; color: #333; border-left: 3px solid #ffa000; padding-left: 10px; line-height: 1; }
.miji-wrap.news-tab .news-titles-head a { float: right; font-size: 12.5px; color: #9b9b9b; line-height: 1; }
.miji-wrap.news-tab .news-titles-head a:hover { color: #ffa000; }
.miji-wrap.news-tab .news-titles-head-extra { margin-top: 40px; }
.miji-wrap.news-tab .news-titles ul li { overflow: hidden; padding: 10px 0; border-bottom: 1px dashed #e8e8e8; list-style: none; }
.miji-wrap.news-tab .news-titles ul li:last-child { border-bottom: none; }
.miji-wrap.news-tab .news-titles ul li i { float: left; width: 4px; height: 4px; border-radius: 50%; background: #ffa000; margin: 10px 9px 0 2px; }
.miji-wrap.news-tab .news-titles ul li a { float: left; width: 215px; font-size: 13.5px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.miji-wrap.news-tab .news-titles ul li a:hover { color: #ffa000; }
.miji-wrap.news-tab .news-titles ul li span { float: right; font-size: 12px; color: #ffa000; }

/* 右侧搜索热词 */
.miji-wrap.news-tab .news-hot-head { border-bottom: 1px solid #eeeeee; padding-bottom: 12px; margin-bottom: 16px; }
.miji-wrap.news-tab .news-hot-head .rz-t { font-size: 16px; color: #333; border-left: 3px solid #ffa000; padding-left: 10px; line-height: 1; }
.miji-wrap.news-tab .news-hot ul { overflow: hidden; }
.miji-wrap.news-tab .news-hot ul li { float: left; width: 50%; box-sizing: border-box; padding: 0 10px 22px 0; list-style: none; }
.miji-wrap.news-tab .news-hot ul li:nth-child(2n) { padding-right: 0; }
.miji-wrap.news-tab .news-hot ul li a { display: block; padding: 18px 0; font-size: 16px; line-height: 1.6; text-align: center; color: #8a6a3a; background: #fff4e0; border-radius: 26px; transition: all .25s; }
.miji-wrap.news-tab .news-hot ul li:nth-child(4n+1) a, .miji-wrap.news-tab .news-hot ul li:nth-child(4n+2) a { background: #ffe9d2; }
.miji-wrap.news-tab .news-hot ul li:nth-child(4n+3) a, .miji-wrap.news-tab .news-hot ul li:nth-child(4n+4) a { background: #fff6e8; }
.miji-wrap.news-tab .news-hot ul li a:hover { background: #ffa000; color: #fff; }

/* ===== 首页四大承诺卡片模块 ===== */
.miji-wrap.promise-wrap, .miji-wrap.promise-wrap * { box-sizing: border-box; }
.miji-wrap.promise-wrap { background: #fff; padding: 50px 0; }
.miji-wrap.promise-wrap .promise-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.miji-wrap.promise-wrap .promise-card { width: calc(25% - 15px); min-width: 220px; padding: 38px 22px 32px; text-align: center; border-radius: 2px; box-shadow: 0 6px 18px rgba(0,0,0,.09); transition: transform .3s ease; background: #ffffff; }
.miji-wrap.promise-wrap .promise-card:hover { transform: translateY(-6px); }
.miji-wrap.promise-wrap .promise-icon-hex { width: 74px; height: 74px; margin: 0 auto 20px; clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%); display: flex; align-items: center; justify-content: center; background: #ffa000; }
.miji-wrap.promise-wrap .promise-icon-hex svg { width: 34px; height: 34px; stroke: #ffffff; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.miji-wrap.promise-wrap .promise-title { font-size: 20px; font-weight: 700; letter-spacing: 3px; color: #333333; }
.miji-wrap.promise-wrap .promise-en { font-size: 10px; letter-spacing: 3px; margin-top: 5px; text-transform: uppercase; color: #c8976a; }
.miji-wrap.promise-wrap .promise-line { width: 48px; height: 2px; margin: 15px auto 17px; background: #ffa000; }
.miji-wrap.promise-wrap .promise-text { font-size: 14px; line-height: 1.85; color: #555555; }
.miji-wrap.promise-wrap .promise-card.main { background: linear-gradient(135deg, #ffa000, #ffbe3d); }
.miji-wrap.promise-wrap .promise-card.main .promise-icon-hex { background: rgba(255,255,255,.25); }
.miji-wrap.promise-wrap .promise-card.main .promise-title { color: #ffffff; }
.miji-wrap.promise-wrap .promise-card.main .promise-en { color: rgba(255,255,255,.85); }
.miji-wrap.promise-wrap .promise-card.main .promise-line { background: rgba(255,255,255,.85); }
.miji-wrap.promise-wrap .promise-card.main .promise-text { color: #ffffff; }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card.main { background: #ffffff; }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card.main .promise-icon-hex { background: #ffa000; }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card.main .promise-title { color: #333333; }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card.main .promise-en { color: #c8976a; }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card.main .promise-line { background: #ffa000; }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card.main .promise-text { color: #555555; }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card:hover { background: linear-gradient(135deg, #ffa000, #ffbe3d); }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card:hover .promise-icon-hex { background: rgba(255,255,255,.25); }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card:hover .promise-title { color: #ffffff; }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card:hover .promise-en { color: rgba(255,255,255,.85); }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card:hover .promise-line { background: rgba(255,255,255,.85); }
.miji-wrap.promise-wrap .promise-grid:hover .promise-card:hover .promise-text { color: #ffffff; }

/* ===== 首页四种婚姻危机图文卡片模块 ===== */
.miji-wrap.crisis-wrap, .miji-wrap.crisis-wrap * { box-sizing: border-box; }
.miji-wrap.crisis-wrap { background: #fdf6ec url('/skin/images/crisis-bg.webp') no-repeat center center / cover; padding: 50px 0 0; }
.miji-wrap.crisis-wrap .crisis-header { text-align: center; padding: 0 0 30px; }
.miji-wrap.crisis-wrap .crisis-h1 { font-size: 30px; font-weight: 700; color: #333333; letter-spacing: 3px; font-family: "SimSun","STSong",serif; margin: 0 0 10px; }
.miji-wrap.crisis-wrap .crisis-h2 { font-size: 15px; color: #c8976a; letter-spacing: 2px; margin: 0; }
.miji-wrap.crisis-wrap .crisis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; padding-bottom: 34px; }
.miji-wrap.crisis-wrap .crisis-card { background: #ffffff; border-radius: 10px; padding: 30px 28px 26px; box-shadow: 0 4px 16px rgba(0,0,0,.07); display: flex; flex-direction: column; gap: 20px; position: relative; overflow: hidden; }
.miji-wrap.crisis-wrap .crisis-imgs { order: -1; display: flex; }
.miji-wrap.crisis-wrap .crisis-ph { flex: 1; aspect-ratio: 16/7; border-radius: 8px; overflow: hidden; background: #fff3e0; }
.miji-wrap.crisis-wrap .crisis-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.miji-wrap.crisis-wrap .crisis-head { text-align: center; }
.miji-wrap.crisis-wrap .crisis-title { font-size: 21px; font-weight: 900; color: #d0021b; letter-spacing: 2px; font-family: "SimSun","STSong",serif; display: inline-block; margin: 0; }
.miji-wrap.crisis-wrap .crisis-text { font-size: 14px; line-height: 1.85; color: #666666; text-align: left; }
/* ===== 移动端响应式 ===== */
@media (max-width: 768px) {
  .miji-wrap.promise-wrap .promise-card { width: calc(50% - 10px); }
  .miji-wrap.crisis-wrap { background: #fdf6ec; }
  .miji-wrap.crisis-wrap .crisis-grid { grid-template-columns: 1fr; gap: 20px; }
  .miji-wrap.crisis-wrap .crisis-card { padding: 24px 20px 22px; }
  .miji-wrap.crisis-wrap .crisis-ph { aspect-ratio: 16/6; }
  .miji-wrap.news-tab .news-body { float: none; width: 100%; }
  .miji-wrap.news-tab .news-hot { float: none; width: 100%; margin-top: 20px; }
  .miji-wrap.news-tab .news-thumbs { float: none; width: 100%; }
  .miji-wrap.news-tab .news-titles { float: none; width: 100%; margin-top: 16px; }
  .miji-wrap.news-tab .news-nav ul li { margin-right: 22px; font-size: 14px; }
  .miji-wrap.news-tab .news-nav .news-more { display: none; }
  .miji-wrap.news-tab .news-item-img { width: 110px; height: 74px; }
  .miji-wrap.news-tab .news-item h3, .miji-wrap.news-tab .news-item .news-item-meta, .miji-wrap.news-tab .news-item p { margin-left: 122px; }
  .miji-wrap.news-tab .news-titles ul li a { width: 72%; }
}
@media (max-width: 480px) {
  .miji-wrap.promise-wrap .promise-card { width: 100%; }
  .miji-wrap.crisis-wrap .crisis-h1 { font-size: 24px; }
}
/* ===== 首页关于我们（走进鹰盾） ===== */
.miji-wrap.about-wrap { background: #fdf6ec; padding: 50px 0 44px; }
.miji-wrap.about-wrap .about-head { text-align: center; padding-bottom: 20px; }
.miji-wrap.about-wrap .about-title { font-size: 36px; font-weight: 700; color: #3a3330; letter-spacing: 8px; font-family: "SimSun","STSong",serif; position: relative; display: inline-block; }
.miji-wrap.about-wrap .about-title::after { content: ""; position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); width: 56px; height: 4px; border-radius: 2px; background: #d0021b; box-shadow: 0 2px 4px rgba(208,2,27,.35); }
.miji-wrap.about-wrap .about-en { font-size: 13px; color: #b09a8a; letter-spacing: 5px; text-transform: uppercase; margin-top: 26px; }
.miji-wrap.about-wrap .about-text { margin: 36px 0 0; text-align: left; }
.miji-wrap.about-wrap .about-text p { font-size: 15px; line-height: 2.05; color: #5c534b; margin-bottom: 16px; text-indent: 2em; }
.miji-wrap.about-wrap .about-text p:last-child { margin-bottom: 0; }
.miji-wrap.about-wrap .about-grid { display: flex; gap: 14px; margin-top: 40px; align-items: stretch; }
.miji-wrap.about-wrap .about-left { flex: 0 0 40%; display: flex; }
.miji-wrap.about-wrap .about-right { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; }
.miji-wrap.about-wrap .about-ph { width: 100%; border-radius: 10px; overflow: hidden; background: #f5efe8; aspect-ratio: 1/1; }
.miji-wrap.about-wrap .about-left .about-ph { aspect-ratio: auto; flex: 1; }
.miji-wrap.about-wrap .about-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.miji-wrap.about-wrap .about-more { text-align: center; margin-top: 30px; }
.miji-wrap.about-wrap .about-more a { display: inline-block; padding: 9px 34px; border: 1px solid #d0021b; border-radius: 22px; color: #d0021b; font-size: 14px; letter-spacing: 2px; text-decoration: none; transition: all .25s; }
.miji-wrap.about-wrap .about-more a:hover { background: #d0021b; color: #ffffff; }
@media (max-width: 900px) {
  .miji-wrap.about-wrap .about-grid { flex-direction: column; }
  .miji-wrap.about-wrap .about-left { flex: auto; }
  .miji-wrap.about-wrap .about-left .about-ph { min-height: 200px; }
}
@media (max-width: 600px) {
  .miji-wrap.about-wrap .about-right { grid-template-columns: 1fr; }
  .miji-wrap.about-wrap .about-text p { font-size: 14px; }
}
/* news-tab center */
.miji-wrap.news-tab .module-title{text-align:center;}
.miji-wrap.news-tab .module-title span{display:block;}
.miji-wrap.news-tab .module-title i{display:block;margin-left:0;margin-top:10px;}
.miji-wrap.news-tab .news-nav{display:flex;justify-content:center;position:relative;}
.miji-wrap.news-tab .news-nav ul{float:none;display:flex;}
.miji-wrap.news-tab .news-nav ul li{float:none;}
.miji-wrap.news-tab .news-nav .news-more{position:absolute;right:0;top:10px;float:none;margin-top:0;}
.flow{max-width:1200px;margin:0 auto;padding:56px 20px;background:#fff;font-family:"Microsoft YaHei","PingFang SC",sans-serif;box-sizing:border-box}
.flow *{box-sizing:border-box;margin:0;padding:0}
.flow-head{text-align:center;padding-bottom:20px}
.flow-title{font-size:34px;font-weight:700;color:#3a3330;letter-spacing:8px;font-family:"SimSun","STSong",serif;position:relative;display:inline-block}
.flow-title::after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:56px;height:4px;border-radius:2px;background:linear-gradient(180deg,#f08aa8,#d84e77);box-shadow:0 2px 4px rgba(216,78,119,.35)}
.flow-en{font-size:13px;color:#b09a8a;letter-spacing:5px;text-transform:uppercase;margin-top:26px}
.flow-steps{display:flex;gap:10px;margin-top:44px;counter-reset:step}
.flow-step{flex:1;position:relative;text-align:center;padding:0 6px}
.flow-step::after{content:"";position:absolute;top:44px;left:calc(50% + 46px);width:calc(100% - 92px);height:0;border-top:2px dashed #e3c9d3}
.flow-step:last-child::after{display:none}
.flow-node{position:relative;width:88px;height:88px;margin:0 auto;border-radius:50%;background:linear-gradient(180deg,#fff,#fdf3f6);border:2px dashed #e05a80;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 4px 10px rgba(216,78,119,.16);display:flex;align-items:center;justify-content:center;z-index:1}
.flow-num{font-size:34px;font-weight:700;color:#d84e77;font-family:"Georgia","SimSun",serif;line-height:1}
.flow-arrow{position:absolute;top:44px;left:calc(50% + 46px);width:calc(100% - 92px);height:0;z-index:2}
.flow-arrow i{position:absolute;right:-1px;top:-5px;border-left:9px solid #e05a80;border-top:5px solid transparent;border-bottom:5px solid transparent}
.flow-name{margin-top:20px;font-size:19px;font-weight:700;color:#d84e77;letter-spacing:2px;font-family:"SimSun","STSong",serif}
.flow-desc{max-width:230px;margin:12px auto 0;font-size:13.5px;line-height:1.9;color:#6b6259;text-align:left;background:linear-gradient(180deg,#fdf8fa,#faf0f3);border:1px solid #f0d8e0;border-radius:10px;padding:12px 14px;box-shadow:0 2px 6px rgba(216,78,119,.08)}
@media(max-width:900px){
.flow-steps{flex-wrap:wrap}
.flow-step{flex:0 0 50%;margin-bottom:34px}
.flow-step::after{display:none}
.flow-arrow{display:none}
}
@media(max-width:600px){
.flow-step{flex:0 0 100%}
}

.miji-wrap.about-wrap .about-title{margin:0;}

/* hero title h1 */
.miji-wrap.hero-title-wrap{background:linear-gradient(180deg,#fff8ef 0%,#ffffff 100%);padding:46px 0 40px}
.miji-wrap.hero-title-wrap .hero-title{text-align:center}
.miji-wrap.hero-title-wrap .hero-kicker{display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;letter-spacing:6px;color:#c8976a;text-transform:uppercase}
.miji-wrap.hero-title-wrap .hero-kicker i{display:block;width:42px;height:1px;background:linear-gradient(90deg,transparent,#e0b48a)}
.miji-wrap.hero-title-wrap .hero-kicker i:last-child{background:linear-gradient(90deg,#e0b48a,transparent)}
.miji-wrap.hero-title-wrap .hero-h1{font-family:"SimSun","STSong",serif;font-size:40px;font-weight:700;color:#3a3330;letter-spacing:6px;margin:18px 0 14px}
.miji-wrap.hero-title-wrap .hero-h1 .hero-accent{background:linear-gradient(120deg,#ffa000,#d0021b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#d0021b}
.miji-wrap.hero-title-wrap .hero-sub{font-size:15px;letter-spacing:2px;color:#8a7a6d;margin:0}
.miji-wrap.hero-title-wrap .hero-divider{margin-top:22px}
.miji-wrap.hero-title-wrap .hero-divider i{display:inline-block;width:56px;height:4px;border-radius:2px;background:linear-gradient(90deg,#ffa000,#d0021b)}
@media (max-width:768px){.miji-wrap.hero-title-wrap .hero-h1{font-size:26px;letter-spacing:3px}.miji-wrap.hero-title-wrap .hero-sub{font-size:13px;letter-spacing:1px}}