div{
  cursor: default;
}

.price-scope {
  	position: relative;
  	background-color: #e9f3fc;
  	margin-top: 0px;
  	padding-top: 130px;
  	box-sizing: border-box;
  	text-align: center;
  	color: #333;
  	z-index: -1;
  	padding-bottom: 2rem;
  	height: 550px;
  }

  .price-title {
  	font-size: 46px;
  	font-weight: 600;
  	margin-bottom: 20px;
  }

  .price-desc {
  	font-size: 20px;
  }

  .z-icon {
  	height: 18px;

  }

  @media screen and (max-width: 960px) {
  	.price-scope {
  		height: 385px;
  	}

  	.price-title {
  		font-size: 46px;
  	}
  }

  ul,
  li {
  	margin: 0;
  	padding: 0;
  }

  ul,
  li {
  	list-style: none;
  }

  a {
  	text-decoration: none;
  }

  ul,
  li {
  	margin: 0px;
  	padding: 0px;
  	font-weight: normal;
  }

  .grey1 {
  	color: #9f9e9e;
  }

  .price-intro {
  	width: 1397px;
  	margin: 0 auto;
  	color: #333;
  	margin-top: -242px;
  }

  .price-intro .version-intro {
  	width: 1160px;
  	display: flex;
  	text-align: center;
  	margin: 0 auto 90px;
  }

  .price-intro .version-intro li {
  	width: 278px;
  	height: 436px;
  	border-radius: 8px;
  	margin-right: 16px;
  	background-color: #fff;
  	padding-top: 39px;
  	box-sizing: border-box;
  	box-shadow: 0px 2px 10px 0px #e6e6e6;
  	transition: 0.3s all linear;
  }

.price-intro .version-intro li:hover {
  transform: translateY(-25px);
  background: #fdfeff;
  border-radius: 12px;
}
  .price-intro .version-intro li:last-child {
  	margin-right: 0;
  }

  .version-intro .version-item .intro-name {
  	font-size: 28px;
  	font-weight: 600;
  	margin-bottom: 8px;
  }

  .version-intro .version-item .intro-name .recommend {
  	display: inline-block;
  	width: 40px;
  	height: 20px;
  	line-height: 20px;
  	background: #f44336;
  	border-radius: 2px;
  	font-size: 12px;
  	color: #fff;
  	vertical-align: middle;
  }

  .version-intro .version-item .intro-desc {
  	font-size: 16px;
  	color: #999;
  	margin-bottom: 32px;
  }

  .version-intro .version-item .price-desc {
  	font-size: 15px;
  	margin-bottom: 5px;
  }

  .version-intro .version-item .price-desc .price-num {
  	font-size: 36px;
  }

  .version-intro .version-item .average {
  	font-size: 20px;
  	font-weight: 500;
  	color: #7e7e7e;
  	line-height: 16px;
  	margin-bottom: 42px;
  }

  .version-intro .version-item .price-btn {
  	display: inline-block;
  	width: 144px;
  	height: 44px;
  	line-height: 44px;
  	border-radius: 4px 4px 4px 4px;
  	border: 1px solid #3476f2;
  	color: #2096f3;
  	cursor: pointer;
  	font-size: 16px;
  }

  .version-intro .version-item .get-btn {
  	background-color: #3476f2;
  	color: #fff;
  	margin-bottom: 15px;
  }

  .version-intro .version-item .contact-text {
  	font-size: 14px;
  	color: #2096f3;
  }

  .service-intro {
  	display: flex;
  	margin-bottom: 135px;
  }

  .service-intro ul {
  	flex: 1;
  	text-align: center;
  	border-radius: 8px;
  	overflow: hidden;
  	position: relative;
  }

  .service-intro .version-scope:hover::after {
  	content: " ";
  	position: absolute;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	display: inline-block;
  	border: 1px solid #2096f3;
  	background-color: transparent;
  	z-index: -1;
  }

  .service-intro ul:first-child {
  	text-align: left;
  }

  .service-intro ul li {
  	margin-top: 36px;
  	padding-bottom: 12px;
  }

  .service-intro ul .intro-name {
  	height: 60px;
  	text-align: center;
  	line-height: 60px;
  	font-weight: 600;
  	font-size: 18px;
  	margin-top: 0;
  	padding: 0;
  }

  .service-intro .version-scope:hover .intro-name {
  	background-color: #3476f2;
  	color: #fff;
  }

  .service-intro ul:first-child .intro-name:hover {
  	background-color: #fff;
  }

  .name-list,
  .name-title,
  .extra-title {
  	position: relative;
  }

  .name-list .title-name,
  .name-title .title-name,
  .extra-title .title-name {
  	position: absolute;
  	top: -25px;
  	left: 12%;
  	font-size: 14px;
  	font-weight: 600;
  	margin-bottom: 28px;
  }

  .service-intro ul li .item {
  	height: 48px;
  	line-height: 48px;
  	font-size: 14px;
  }

  .service-intro ul:first-child {
  	flex: 2;
  	overflow: visible;
  }

  .service-intro ul:first-child li .item {
  	font-weight: 500;
  	color: #666;
  	padding-left: 12%;
  }

  .tip-text {
  	position: relative;
  	background: url(imgs/icon/ask.png) center center no-repeat;
  	background-size: 80%;
  	display: inline-block;
  	width: 22px;
  	height: 22px;
  	vertical-align: middle;
  	color: #dbdbdb;
  }

  .tip-text::after {
  	content: attr(data-tip);
  	position: absolute;
  	top: -50%;
  	left: 30px;
  	background-color: #000;
  	color: #fff;
  	padding: 10px 12px;
  	font-size: 12px;
  	line-height: 18px;
  	min-width: 160px;
  	max-width: 400px;
  	display: none;
  	z-index: 10;
  }

  .tip-text::before {
  	content: "";
  	position: absolute;
  	top: 5px;
  	left: 20px;
  	width: 0;
  	height: 0;
  	border: 5px solid transparent;
  	border-right-color: #000;
  	display: none;
  	z-index: 10;
  }

  .tip-text:hover::before {
  	display: block;
  }

  .tip-text:hover::after {
  	display: block;
  	border-radius: 3px;
  }

  @media screen and (max-width: 1440px) {
  	.price-intro {
  		width: 100%;
  		max-width: 1140px;
  	}

  	.service-intro {
  		max-width: 1140px;
  		margin: 0 auto 135px;
  	}
  }

  @media screen and (max-width: 960px) {
  	.price-intro {
  		margin-top: -140px;
  		width: 848px;
  	}

  	.price-intro .version-intro li {
  		width: 200px;
  		height: 316px;
  	}

  	.version-intro .version-item .intro-name {
  		font-size: 19px;
  	}

  	.version-intro .version-item .intro-desc {
  		font-size: 11px;
  		color: #999;
  		margin-bottom: 22px;
  	}

  	.version-intro .version-item .price-desc .price-num {
  		font-size: 35px;
  		margin-bottom: 5px;
  	}

  	.version-intro .version-item .average {
  		font-size: 13px;
  		margin-bottom: 30px;
  	}

  	.version-intro .version-item .price-btn {
  		width: 100px;
  		height: 32px;
  		line-height: 32px;
  		font-size: 11px;
  		margin-bottom: 14px;
  	}
  }