﻿
.more-functions-list{margin-top:50px;}
.more-functions .more-functions__tab{
	width:720px;
	height:40px;
	margin:0 auto 50px;
	border-radius:4px;
	background:#fff;
	overflow:hidden;
}
.more-functions .more-functions__tab a{
	float:left;
	width:33.333%;
	height:40px;
	line-height:40px;
	background:none;
	text-align:center;
	font-size:16px;
	box-sizing:border-box;
	border-right:1px solid #f8f8f8;
	color:#333;
}
.more-functions .more-functions__tab a.on,
.more-functions .more-functions__tab a:hover{
	background:#242ef3;
	color:#fff;
}
.more-functions .more-functions__con{
	width:100%;
	position:relative;
}
.more-functions .more-functions__item{
	height:0;
	font-size:0;
	opacity:0;
	visibility:hidden;
	transition:all 0.5s;
	overflow:hidden;
	
}
.more-functions .more-functions__on{
	opacity:1;
	visibility:visible;
	height:auto;
}
.more-functions .more-functions__item .more-functions__item-wapper{
	overflow:hidden;
	transition:all 0.3s;
}
.more-functions .more-functions__item .more-functions__show{
	max-height:1440px;
}
.more-functions .more-functions__item-wapper a{
	display:inline-block;
	vertical-align:top;
	width:33.333%;
	box-sizing:border-box;
	border-right:2px solid #f8f8f8;
	border-bottom:2px solid #f8f8f8;
	background:#fff;
	font-size:14px;
	text-align:center;min-height:300px;
}

.more-functions .more-functions__item-wapper a i{
	display:inline-block;
	width:90px;
	height:90px;
	line-height:90px;
	border-radius:50%;
	border:1px solid #eaeaea;
	box-sizing:border-box;
	text-align:center;
	font-size:50px;
	color:#242ef3;
	margin:50px 0 0;
}
.more-functions .more-functions__item-wapper a i svg{
	height:70px;
	width:30px;
	fill:#7b69f1;
}
.more-functions .more-functions__item-wapper a h5{
	font-size:24px;
	color:#333;
	font-weight:normal;
	margin:10px 0 5px;
}
.more-functions .more-functions__item-wapper a p{
	font-size:16px;
	color:#999;
	padding: 10px 30px;
}

.more-functions .more-functions__item-wapper a:hover{
	background:#242ef3;
}
.more-functions .more-functions__item-wapper a:hover i{
	background:#fff;
}
.more-functions .more-functions__item-wapper a:hover h5,
.more-functions .more-functions__item-wapper a:hover p{
	color:#fff;
}

.more-functions .more-functions__item .more{
	text-align:center;
}
.more-functions .more-functions__item .more a{
	display:inline-block;
	margin:50px 0 0;
}


.more-functions {width:100%;float:left;}

.liop{width:100%;float:left;margin-top:50px;}
.liop ul li{width:25%;float:left;}
.liop-1{margin:5%;background-color: #242ef3; border-radius:5px;padding:5%; text-align:center;display: flow-root;}
.liop ul{}
.liop-1 span{width:100px;height:100px;color:#242ef3;line-height:100px; background-color:#fff; font-size:26px; font-weight:bold; text-align:center;display: inline flow-root list-item;border-radius:100%;}
.liop-1 p{width:100%;float:left; color:#fff; font-size:18px;line-height:25px;margin-top:20px;}
.hip-shk{width:100%;float:left;margin-top:0px;}
.hip-shk span{width:100%;float:left; text-align:center; font-size: 36px;
color: #121212; font-weight:bold;}
.hip-shk p{width:100%;float:left; text-align:center;color: #666;
font-size: 20px;margin-top:15px;}




.page-land{width:100%;float:left; position:relative;}
.page-land img{max-width:100%;}
.page-land span{ position:absolute; font-size:60px; color:#fff;left:15%;top:40%;}
.page-land p{ position:absolute; font-size:30px; color:#fff;left:15%;top:60%;}
.page-land-1{width:100%;float:left;padding-top:4%;padding-bottom:4%; background-color:#f6fafb;}
.land-1{font-size: 38px;width: 100%;float: left;text-align: center;}
.land-2{font-size: 16px;width: 100%;float: left;text-align: center;margin-top: 1%;color: #666;}
.land-3{width: 100%;float: left;}
.ad-list {
	display: flex;
	justify-content: space-around;
	padding: 30px 20px;
	flex-wrap: wrap;
	background: #fff;
	position: relative;
	z-index: 999;
	box-shadow: 0 0 10px #eee;margin-top:50px;float:left;width:100%;
}

.ad-list .ad-item {
	width: 49%;
	margin-bottom: 20px;
}
.ad-list .ad-item:nth-child(2){float:right;}

.ad-list .ad-item p{ font-size:16px; color:#666;line-height:25px;}

.ad-item img {
	max-width: 120px;
}
.ad-item h4 {
	font-size: 20px;
	padding: 10px 0;
}
.d-item-1{width:20%;float:left; text-align:center;}
.d-item-1 img{ vertical-align:middle;margin-top:20%;}
.d-item-2{width:75%;float:right;}

.page-land-2{width:100%;float:left;padding-top:4%;padding-bottom:4%;background-color:#f6fafb;}
.land-4{width:100%;float:left;}
.land-4-left{width:50%;float:left;}
.land-4-left img{max-width:100%;}
.land-4-right{width:49%;float:right;padding-top:5%;}
.land-4-right span{float:left; font-size:20px;width:100%;margin-top:5%;}
.land-4-right p{float:left; font-size:16px;width:100%;margin-top:5%; color:#666;}
.land-4-right span i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;border-radius: 2px;margin-right: 14px;margin-top: -2px;background-color: #0c80e3;}



.land-5-left{width:50%;float:right;}
.land-5-left img{max-width:100%;}
.land-5-right{width:49%;float:left;padding-top:5%;}
.land-5-right span{float:left; font-size:20px;width:100%;margin-top:5%;}
.land-5-right p{float:left; font-size:16px;width:100%;margin-top:5%; color:#666;line-height:30px;}
.land-5-right span i{display: inline-block;vertical-align: middle;width: 12px;height: 12px;border-radius: 2px;margin-right: 14px;margin-top: -2px;background-color: #0c80e3;}



.page-land-3{width:100%;float:left;padding-top:4%;padding-bottom:4%; }
.land-6{width:100%;float:left;}
.text-sm{ color:#666; font-size:16px;}

.page-land-6{width:100%;float:left;padding-top:4%;padding-bottom:4%; background-color:#0077FF; }
.page-land-6 .land-1{ color:#fff;}
.page-land-6 .land-2{ color:rgba(255,255,255,.6);}

.index-section3 .index-section-tab {
  margin-top: 50px;
}.index-section3 .tab-content {
  width: 100%;
  overflow: hidden;
  position: relative;
}.index-section3 .tab-item.on {
  position: relative;
  transform: none;
}
.index-section3 .tab-item {
  display: flex;
  align-items: center;
  text-align: left;
}.tab-content .tab-img {
  width: 50%;
 float:left;
}.tab-content .tab-img img {
  width: 100%;
}
 .tab-item img {
  max-width: 100%;
  max-height: 540px;
}.tab-content .text {
  width:48%;float:right;padding-top:10%; color:#fff;
}.tab-item .d-flex {
  display: flex;
  align-items: center;
  line-height: 2;
}.tab-item a.btn {
  display: block;
  width: 120px;
  text-align: center;
  border-radius: 20px;
  color: #333;
  background: #fff;float:left;
  margin-top: 30px;
}.index-section3 .d-flex .text-sm {
  color: rgba(255,255,255,.7);
  padding-bottom: 5%;
}
.tab-content .d-flex .text-sm {
  font-size: 16px; color:#fff;
}
.page-land-7{width:100%;float:left;padding-top:4%;padding-bottom:4%; }



.common-price__version-item{ flex: 1; padding: 0 .8vw;}
.common-price__version-item:nth-child(1) .common-price__version-header{background-image:linear-gradient(to right,#05B5DE,#15CCE2)}
.common-price__version-item:nth-child(2) .common-price__version-header{background-image:linear-gradient(to right,#4A84F7,#28A7F9)}
.common-price__version-item:nth-child(3) .common-price__version-header{background-image:linear-gradient(to right,#F2BB22,#F6C739)}
.common-price__version-item:nth-child(4) .common-price__version-header{background-image:linear-gradient(to right,#88a3cb,#a5b9d6)}
.common-price__version-item:nth-child(1) .common-price__version-body-button,
td:nth-of-type(2) .common-price__table-cell_btn {background-color:#19cae2!important;border-color:#19cae2!important}
.common-price__version-item:nth-child(2) .common-price__version-body-button,
td:nth-of-type(3) .common-price__table-cell_btn {background-color:#34ABF9!important;border-color:#34ABF9!important}
.common-price__version-item:nth-child(3) .common-price__version-body-button,
td:nth-of-type(4) .common-price__table-cell_btn {background-color:#F4C434!important;border-color:#F4C434!important}
.common-price__version-item:nth-child(4) .common-price__version-body-button,
td:nth-of-type(5) .common-price__table-cell_btn {background-color: #a0c1d4!important;border-color:#a0c1d4!important}
.common-price__table{width:100%;table-layout:fixed; min-width: 1000px;}
.common-price__table__body{margin-bottom:5%;}
.common-price__table td{border:1px solid #f0f0f5;padding:15px 20px;text-align:center}
.common-price__table__header/*{position:sticky;top:64px;*/background-color:#fff}
.common-price__table__body td{border-top:none}
.common-price__table-cell{background:linear-gradient(to top right,#fff,white 50%,#f0f0f5,white 51%,white);position:relative}
.common-price__table-cell span{position:absolute}
.common-price__table-cell span:nth-child(1){bottom: 40%; left: 15%; transform: translateY(50%);}
.common-price__table-cell span:nth-child(2){top: 40%; right: 15%; transform: translateY(-50%);}

.common-price__tool-item {background: #fff;border-radius: 6px;transition: .4s;flex-direction: column;color: #333;height: 100%;padding: 0 15px;}
.common-price__tool-item:hover {box-shadow: 0px 0px 35px 0px rgba(116, 125, 132, 0.2); text-decoration: none;color: inherit;}
.common-price__tool-item .image {flex-shrink: 0;margin-right: 15px;}
.common-price__tool-item .image img {max-width: 55px;}
.common-price__tool-item .top {display: flex;flex-direction: row;flex-grow: 1;padding: 15px 0;}
.common-price__tool-item .text {text-align: left;padding-top: 0;}
.common-price__tool-item .content {display: flex;flex-direction: row;justify-content: space-between;align-items: center;border-top: 1px solid #eee;}
.common-price__tool-item .description {opacity: .7;}
.common-price__tool-item .price {font-size: 14px;}
.common-price__tool-item .price em{font-style: normal;color: #FF532C;font-weight: 700;font-size: 18px;}
.common-price__tool-item .price em span{font-size: 12px;font-weight: normal;}
.common-price__tool-item .btn {border-color: #aaa;color: inherit;}
.common-price__tool-item .btn:hover {border-color: #0161FF;background-color: #0161FF;color: #fff;}
@media (max-width:992px){
  /* .common-price__table__header{ top: 50px; } */
}
@media (max-width: 567px){
  .overflow-box{ overflow-x: hidden;width: 100%; }
  .overflow-box-item{ overflow-x: auto; }
  /* .common-price__table__header{ top: 0; } */
  .common-price__version-box{ flex-wrap: wrap; }
  .common-price__version-item{ flex: 1 0 auto; width: 100%; margin-bottom: 20px; }
  .common-price__version-item:last-child{ margin-bottom: 0; }
}
@media (min-width:768px) {
  .common-price__tab span {font-size: inherit;}
  .common-price__tool-item {padding: 5vw 15px;}
  .common-price__tool-item .top {display: block;padding: 0;}
  .common-price__tool-item .image {margin-right: 0;}
  .common-price__tool-item .image img {max-width: 40%;}
  .common-price__tool-item {padding-top: 2vw;padding-bottom: 2vw;}
  .common-price__tool-item .price {font-size: 16px;}
  .common-price__tool-item .price em{font-size: inherit;}
  .common-price__tool-item .text {border-top: 1px solid #E4E4E4;margin-top: 2vw;text-align: center;padding-top: 15px;}
  .common-price__tool-item .content {border: 0;flex-direction: column;}
}
@media (max-width:767px) {
  .common-price__tool-item .text .title{font-size: 18px;}
  .common-price__tool-item .text .description{font-size: 14px;}
  .common-price__tool-item .btn {border-color: #e2e2e2;font-size: 14px;color: #333;font-weight: 500;}
  .common-price__tab:first-child {margin-left: 0;}
  .common-price__tab:last-child {margin-right: 0;}
  .more-functions .more-functions__item-wapper a{width:50%;}
  .more-functions .more-functions__item-wapper a h5{ font-size:18px;}
  .more-functions .more-functions__item-wapper a p{ font-size:14px;}
  .liop ul li{width:50%;}
}











  










.btn_go_open{background: none;border:2px solid #fff;color: #fff;font-size: 14px;width: 172px;height:48px;}
.btn_go_open:hover,.btn_go_open:active{background: #fff;border:2px solid #fff;color: #0077FF;}
.bottom_fence_block{padding:3vw 0;}
			
	@media(max-width:1200px){
		.type_title{ font-size:20px;}
		.page-banner span{ font-size:40px;}
		}			
		

      @media (max-width:768px) {
                .btn_go_open{width: 150px;height: 36px;margin-top: 16px;}
                .bottom_fence_block{padding:32px 0;}
				.webpro_top{height:auto;padding-bottom:10px;}
				.page-land span {font-size: 20px;top:30%;left:10%;}
				.land-4-left{width:100%;float:left;}
				.land-4-right{width:100%;float:left;}
				.land-5-left{width:100%;float:left;}
				.land-5-right{width:100%;float:left;}
				.text-sm{ font-size:14px;}
				.page-land p{ font-size:16px;top:55%;left:10%;}
				.ad-list .ad-item{width:100%;}
                .land-1 {font-size: 20px;}.ad-item h4{ font-size:16px;}.ad-list .ad-item p{ font-size:14px;}.land-2{ font-size:14px;}
				.title-md{ font-size:16px;}.land-4-right span{ font-size:16px;}.land-4-right p{ font-size:14px;}
				.land-5-right span{ font-size:16px;}.land-5-right p{ font-size:14px;}
				.tab-content .tab-img{width:100%;}
				.tab-content .text {width:100%;padding-bottom:5%;padding-bottom:5%;}.tab-item a.btn{ font-size:14px;}
			
				
            }
  
  
  