/* CSS Document */

@font-face {
  font-family: '思源黑体';
  src: url('../font/webfont_0q82cltaxst.eot'); /* IE9*/
  src: url('../font/webfont_0q82cltaxst.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/webfont_0q82cltaxst.woff2') format('woff2'),
  url('../font/webfont_0q82cltaxst.woff') format('woff'), /* chrome、firefox */
  url('../font/webfont_0q82cltaxst.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/webfont_0q82cltaxst.svg') format('svg'); /* iOS 4.1- */
}
h1,h2 {
	font-family:"思源黑体-粗", Helvetica,"Microsoft YaHei", Arial, sans-serif;
	font-weight: 800;
}
.f-grey {
	color: #BBBBBB;
}
.pricing__title {
	font-family:"思源黑体", Helvetica,"Microsoft YaHei", Arial, sans-serif;
	font-size: 32px;
	font-weight: 800;
}
.pricing__list {
	font-family:"思源黑体", Helvetica,"Microsoft YaHei", Arial, sans-serif;
	font-size: 16px;
	line-height: 180%;
}
.pricing__grid {
	grid-column-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
}
.pricing__amount {
	font-family:"思源黑体", Helvetica,"Microsoft YaHei", Arial, sans-serif;
}

.pricing__col {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
        
.pricing__col:hover {
	z-index: 100;
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 12%);
}
.tips:hover::after {
	content: attr(data-title);
	display: inline-block;
	padding: 10px;
	position: fixed;
	background:#fff;
	-moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 12%);

}
i {
	font-style: normal;
	font-size: 12px;
}
.button_wechat {
	background: #000;
	border-radius: 8px;
	color: #fff;
	overflow: hidden;
	margin-top: 20px;
	text-align: center;
	padding: 10px;
}
.button_wechat img {
	border: 3px solid #fff;
	margin: 10px;
}
.contact-tel img {
	padding: 5px;
	background: #fff;
	position: absolute;
	top:-60px;
	left: 17%;
	-moz-box-shadow: 0 10px 30px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 12%);
	transform-origin: center bottom;
	transform: scale(0);
	transition: .6s;	
	
}
.contact-tel:hover img {
	transform: scale(1);
}

@media screen and (max-width:768px) {
.pricing__grid {
	grid-column-gap: 20px;
	grid-template-columns:auto;
}
.recent-work__title-block {
	text-align: center;
	}
}