@charset "UTF-8";

html,
body {
	background-color: #fff;
	margin: unset !important;
	font-family: Poppins, Poppins;
	height: 100vh;

}
[v-cloak] {
	display: none;
}
a {
	text-decoration: none;
	/* 移除默认下划线 */
}

ul {
	list-style: none;
	/* 移除默认圆点 */
}

.rightarrow {
	width: 18px;
    padding-left: 6px;
}

.rightarrow_blue {
	width: 18px;
}
/* button - 蓝色边框--鼠标悬浮--蓝色背景 start */
.readbutton .el-button{
    height: 48px;
    color: #212121;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 36px;
    border-radius: 40px;
    border: 1px solid #0562f7;
}
.readbutton .el-button:hover{
   background-color: #0562f7;
   color: #fff;
}
/* button - 蓝色边框--鼠标悬浮--蓝色背景 end */
/*
以下为公共模块样式
**
nav -- 头部导航栏
price -- 价格卡模块
faq -- 问题模块
Pagination  -- element-分页
CTA
Browser 
footer -- 底部导航栏
**
*/
/* banner start */
.page .top {
	height: 100%;
	width: 100%;
	margin: 160px auto;
}

.top .banner {
	height: auto;
	max-width: 1400px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top .banner .left {
	width: 50%;
	text-decoration: left;
}

.top .banner .left .trust {
	height: 76px;
	width: auto;
	margin-bottom: 20px;
}

.top .banner .bigtitle {
	font-size: 56px;
	font-weight: bold;
	line-height: 78px;
	color: #212121;
	text-align: left;
	padding-bottom: 20px;
}

.top .banner .right {}

.top .banner .right img {
	width: 100%;
	height: 620px;
}

.top .banner .intro {
	font-size: 18px;
	font-weight: 400;
	line-height: 200%;
	color: #212121;
	text-align: left;
	padding-bottom: 60px;
}

.top .oper_button {
	display: flex;
	padding-bottom: 60px;
}

.top .oper_button button {
	height: 40px;
	margin: 0 10px;
}

.top .oper_button .el-button {
	padding: 0 24px;
	border-radius: 10px;
	font-size: 16px;
	border: unset;
	background-color: transparent;
}
.top .oper_button .el-button span{
    display: flex;
    align-items: center;
}
.top .oper_button a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.top .oper_button .create {
	color: #fff;
	border-radius: 40px;
	background-color: #0562F7;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 66px;
	padding: 24px 36px;
	font-size: 18px;
	font-weight: bold;

}

.top .oper_button .sign {
	border-radius: 40px;
	height: 66px;
	font-size: 18px;
	border: 1px solid #212121;
	padding: 0 60px;
}

.top .oper_button .sign img {
	padding: unset;
	margin-right: 10px;
}

.top .oper_button .sign .blackimg {
	display: block;
}

.top .oper_button .sign .whiteimg {
	display: none;
}

.top .oper_button a:hover .sign {
	background-color: #252525;
	border: none;
	color: #fff;
}

.top .oper_button .sign:hover .whiteimg {
	display: block;
}

.top .oper_button .sign:hover .blackimg {
	display: none;
}

.top .oper_button .sign:hover span {
	color: #fff;
}

.top .oper_button .sign span {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	color: rgba(33, 32, 37, 1);
}
.top .left .advinfo{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.top .left .advinfo .info_one{
    width: 47%;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}
.top .left .advinfo .info_one span{
    font-size: 14px;
    color: #86807d;
}
.top .left .advinfo .info_one img{
    padding: 0 6px 0 0;
}
/* banner top - end */

/* nav - start */
.nav {
	height: 80px;
	width: 100%;
	margin: auto;
	position: fixed;
	z-index: 2000;
	background-color: #ffffff;
	box-shadow: 0px 8px 26px 0px #DDE2EA;
	top: 0;
	transition: ease-out .2s;
}

.nav .navmain {
	max-width: 1600px;
	padding: 0 80px;
	height: 100%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav .left,
.right {
	display: flex;
	align-items: center;
	height: 100%;
}

.nav .thunderlogo img {
	/*height: 80px;*/
	width: auto;
}

.nav .left {
	display: flex;
	align-items: center;
}

.nav .left .catalog {
	margin: unset;
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style-type: none;
	width: 100%;
	height: 100%;
}

.nav .catalog li .dropbtn {
	height: 100%;
	font-weight: 400;
	font-size: 16px;
	color: #212121;
	padding: 0 40px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	text-decoration: none;
}

.nav .catalog li .dropbtn .arrow-icon {
	padding: 0 4px;
}

.nav .right .language {
	padding: 0 40px 0 0;
	cursor: pointer;

}

.nav .right .language .dropbtn {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}

.nav .right .el-button {
	border-radius: 10px;
	font-size: 16px;
	height: 40px;
	padding: 0 24px;
	border: none;
}

.nav .create {
	width: 120px;
	border: 1px solid #0562F7 !important;
	background-color: transparent;
	color: #212121;
	margin: 0 10px 0 0;
	height: 54px;
	border-radius: 30px;
	padding: 0 20px;
	font-size: 16px;
	font-weight: 400;
	cursor: pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.nav .login {
	width: 120px;
	background-color: #0562F7;
	color: #fff;
	height: 54px;
	border-radius: 30px;
	padding: 0 20px;
	border: none;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

/* nav - 下拉框 */
.nav_box {
	margin: auto;
	display: flex;
	width: 100%;
	max-width: 1920px;
	background-color: #ffffff;
	border-radius: 0px;
	box-shadow: -1px 3px 8px rgb(131 131 131 / 14%);
	position: relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

.nav_box .flex_item {
	flex: 1;
}

.nav_box .flex_item_left {
	background-color: transparent;
}

.nav_box .flex_item_right {
	background-color: transparent;
}

.nav_box .box_main {
	/*display: none;*/
	/* display: block; */
	width: 100%;
	max-width: 1200px;
	margin: auto;
	background-color: #fff;
	/*padding: 40px 30px;*/
	border-radius: 34px;
}
.catalog .dropdown {
	height: 100%;
}
.nav_box .box_main .select_item {
	display: none;
}
.nav_box .box_main .select_item .modeltitle {
	font-size: 16px;
	font-weight: 500;
	color: #5a6682;
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 8px;
}

.nav_box .box_main .select_main {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 10px;
}

.nav_box .select_item .select_main .one {
	width: 45%;
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

.nav_box .box_resource .locations .select_main .one {}

.nav_box .select_item .select_main .one .oneicon {
	padding: 10px 0 0 10px;
}

.nav_box .select_item .select_main .one .oneicon img {
	width: 24px;
}

.nav_box .box_resource {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.nav_box .box_resource .resource_one {
	width: 30%;
}

.nav_box .box_resource .resource_one .select_main .one {
	width: 100%;
}

.nav_box .select_item .select_main .one:hover {
	/* background-color: #dfe7fa; */
	background-color: #F7F9FF;
	border-radius: 14px;
}

.nav_box .select_item .select_main .one .title {
	font-size: 16px;
	font-weight: 400;
	color: #212121;
	padding: 10px 10px 10px 10px;
}

.nav_box .select_item .select_main .one .onemain {
	display: flex;
	align-items: flex-start;
	padding: 0 10px 10px 10px;
}

.nav_box .select_item .select_main .one .onemain .left {
	width: 80%;
	font-size: 13px;
	font-weight: 400;
	color: #464f43;
	border-right: 1px solid #464f63
}

.nav_box .border_line .left {
	border: unset !important;
}

.nav_box .select_item .select_main .one .onemain .from {
	padding-left: 10px;
	width: auto;
}

.nav_box .select_item .select_main .one .from .text {
	font-weight: 400;
	font-size: 13px;
	color: #212121;
}

.nav_box .select_item .select_main .one .from .price_gb {
	font-size: 12px;
	color: #0562F7;
	font-weight: 500;
}

/* nav - end */

/* public_tab - start */
.public_tab .tab {
    width: 80%;
	background-color: transparent;
	border-radius: 45px;
	padding: 0 10px;
	margin: auto;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #0562F7;
}
.panelfive .meettop .tab .el-tabs.el-tabs--top{
    width: 90%;
}
.public_tab .el-tabs__item:hover {
	color: #0562F7;
}

.public_tab .el-tabs__nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
	display: flex;
	align-items: center;
}

.public_tab .el-tabs__nav-wrap::after {
	background-color: unset;
}

.public_tab .el-tabs__header {
	margin: unset;
}

.public_tab .el-tabs__active-bar {
	background-color: unset;
}

.public_tab .el-tabs__item.is-active {
	background-color: #0562F7;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	border-radius: 40px;
	padding: 0px 10px;
	text-align: center;
	height: 48px;
	display: flex;
	align-items: center;
}

.public_tab .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
	padding-left: 10px;
}

.public_tab .el-tabs--top .el-tabs__item.is-top:last-child {
	padding-right: 10px;
}

/* public_tab - end */

/* 所有板块头部 ---- 标题和副文的样式 start */
.public_text {
	max-width: 1024px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 60px;
}

.public_text .public_texttitle {
	width: 80%;
}

.public_text .public_bigtitle {
	font-weight: 600;
	font-size: 40px;
	color: #212121;
	text-align: center;
}

.public_text .public_intro {
	font-weight: 400;
	font-size: 14px;
	color: #8c8c8c;
	line-height: 25px;
	text-align: center;
	padding-top: 10px;
}
/* 所有正文板块头部 ---- 标题和副文的样式 end */

/* price start */
.publicPrice {
	background: #F1F5FF;
	;
	margin: auto;
	margin-top: 120px;
	padding: 40px 0;
}

.price {
	max-width: 1200px;
	margin: auto;
}

.publicPrice .bigtitle {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 44.8px;
	color: rgba(33, 32, 37, 1);
	text-align: center;
	vertical-align: top;
	padding-bottom: 54px;
}

.price .el-switch {
	margin-bottom: 54px;
	display: flex;
	justify-content: center;
}

.price .el-switch__label.is-active {
	color: #0562F7;
}

.price .el-switch.is-checked .el-switch__core {
	border-color: #0562F7;
	background-color: #0562F7;
}

.price .el-tabs__nav-wrap {
	width: 100%;
}

.price .el-tabs__nav-wrap::after {
	background-color: unset;
}

.price .el-tabs__active-bar {
	background-color: unset;
	display: none;
}

.price .el-tabs__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: transparent;
	border: 1px solid #0562F7;
	width: 30%;
	margin: auto;
	border-radius: 50px;
	height: 58px;
	padding: 0px 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.price .el-tabs__nav {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.price .el-tabs__item.is-active {
	background-color: #0562F7;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: unset;
	border-radius: 40px;
	height: 48px;
	display: flex;
	align-items: center;
	padding: 0 10px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	width: inherit;
	justify-content: center;
}

.price .el-tabs--top .el-tabs__item.is-top:last-child {
	padding-right: 10px;
}

.el-icon-arrow-left:before,
.el-icon-arrow-right:before {
	content: unset;
}

.price .el-tabs__content {
	margin-top: 40px;
}

.price .residential_card {
	/*display: flex;*/
	/*align-items: center;*/
 /*    align-items: flex-start;*/
	justify-content: space-between;
    /*gap: 20px;*/
    background: unset !important;
    background-color: #fff;
    margin: 50px auto 0;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 0 4px;
    gap: 0;
}

.price .residential_card .one {
    color: #212121;
    width: 24%;
    background-color: #DFE7FA;
    border-radius: 34px;
    margin-bottom: 30px;
}
.price .residential_card .popular{
    background: linear-gradient( 90deg, #52D2FF 0%, #5EF7F9 48%, #62F46E 100%);
}
.price .residential_card .one .onemain{
     background-color: #fff;
     border-radius: 34px;
     padding: 24px 14px;
     border: 1px solid #fff;
}
.price .residential_card .one .title {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 44.8px;
	color: #212121;
	vertical-align: top;
}
.price .residential_card .custom .title{
    font-size: 16px;
    font-weight: bold;
    color: #0562F7;
}
.price .residential_card .one .unit{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}
.price .residential_card .one .unit .unit_num{
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 150%;
	color: #212121;
	text-align: center;
	vertical-align: top;
}
.price .residential_card .one .unit .unit_discord{
    background: linear-gradient( 180deg, #434544 0%, #12171A 100%);
    border-radius: 8px 8px 8px 8px;
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
    padding: 4px 20px;

}
.price .residential_card .one .unit .popular_discord{
      border-radius: 8px 8px 8px 8px;
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
    padding: 4px 20px;
    background-color: #0562F7 !important;
}
.price .residential_card .one .unit_price {
    font-weight: bold;
    font-size: 16px;
    color: #444140;
    text-align: left;
    padding-bottom: 20px;
}

.price .residential_card .one .total {
font-weight: 400;
font-size: 18px;
color: #212121;
}
.price .residential_card .one .price_line{
    height: 1px;
    width: 100%;
    background-color: #DFE7FA;
    margin: 24px 0;
    box-sizing: border-box;
}
.price .residential_card .one .unit_price span {
	font-size: 24px;
	font-weight: 500;
}
.price .residential_card .one .unit_price .price-original-price-avg {
	font-size: 12px;
	color: #868f97;
	text-decoration: line-through;
}
.price .res_button{
     padding: 14px;
    box-sizing: border-box;
}
.price .residential_card .public_button .el-button {
	width: 100%;
	border: none;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0562F7;
	height: 48px;
	color: #fff;
	border-radius: 40px;
   
}

.price .residential_card .public_button:hover .el-button {
	background-color: transparent;
	color: #212121;
    border: 1px solid #212121;
}

.price .residential_card .advant ul {
	list-style: none;
	padding: unset;
}

.price .residential_card .advant ul li {
	font-weight: 400;
    font-size: 12px;
    color: #86807D;
    padding-bottom: 12px;
    display: flex;
    align-items: center;
}

.price .residential_card .advant ul li img {
	padding: 0 6px 0 0;
}
.price .residential_card .custom .onemain{
    height: 352px;
}
.price .residential_card .custom .custom_advant ul {
	padding: unset;
	/* height: 202px; */
}

.price .residential_card .custom .custom_advant ul li {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 400;
	padding: 6px 0;
    color: #464f43;
}
.price .residential_card .custom .custom_advant ul li img{
    padding: 0 6px 0;
}
.price .static_card {
	display: flex;
	justify-content: space-between;
}

.price .static_card .left {
	width: 58%;
	background-color: #fff;
	border-radius: 4px;
	height: 620px;
}

.price .static_card .left .main {
	padding: 0 20px;
	overflow: auto;
	height: 500px;
}

.price .static_card .left .main::-webkit-scrollbar-track {
	display: none;
}

.price .static_card .left .main::-webkit-scrollbar {
	width: 6px;
}

.price .static_card .left .main::-webkit-scrollbar-thumb {
	background-color: #0562F7;
	border-radius: 4px;
}

.price .static_card .left .lefttop {
	padding: 20px;
}

.price .static_card .left .lefttop .public_button {
	display: flex;
	flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.price .static_card .left .lefttop .el-input{
    width: 45%;
    height: 48px;
    border-radius: 45px;

}
.price .static_card .left .lefttop .el-input__inner{
    border-radius: 45px;
    height: 48px !important;
    line-height: 48px !important;

}

.price .static_card .left .lefttop .public_button a {
	padding: 0 10px 0 0;
}

.price .static_card .left .lefttop .public_button .sign {
	background-color: #0562F7;
	font-size: 16px;
	color: #fff;
	border-radius: 35px;
	font-weight: 500;
}
.price .static_card .left .lefttop .public_button .el-radio-button__inner{
	background-color: #0562F7;
	font-size: 16px;
	color: #fff;
	border-radius: 35px;
	font-weight: 500;
}
.price .static_card .left .lefttop .public_button .sign:hover {
	border: 1px solid #0562F7;
}
.price .static_card .left .lefttop .public_button .el-radio-button__inner:hover {
	border: 1px solid #0562F7;
}
.price .static_card .left .lefttop .public_button .six {
	background-color: #fff;
	border: 1px solid #252525;
	color: #252525;
	border-radius: 10px;
}

.price .static_card .left .north .north_title {
	font-size: 24px;
	font-weight: 500;
	color: #212121;
	margin-bottom: 20px;
}

.price .static_card .country {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.price .static_card .country .one {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #DFE7FA;
	background-color: #fff;
	border-radius: 4px;
	display: flex;
	/*justify-content: space-between;*/
    align-items: center;
	width: 44%;
    cursor: pointer;

}

.price .static_card .country .one:hover {
	border: 1px solid #0562F7;
    background-color: #EBF1FE;
}

.price .static_card .country .one.selected {
	border: 2px solid #0562F7;
	background-color: #EBF1FE;
	box-shadow: 0 0 0 2px rgba(5, 98, 247, 0.15) inset;
}
.price .static_card .country .one.selected .price_ip {
	color: #0562F7;
}

.price .country .one .countrytitle {
	font-size: 14px;
	padding: 0 10px 0 10px;
	display: flex;
	flex-direction: column;
}

.price .static_card .country .one .countrytitle .title {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
    color: #212121;

}
.price  .one .countrytitle .price_ip{
    font-size: 14px;
    color: #464f43;
    font-weight: 400;
}

.price .static_card .country .one .countrytitle .el-input-number {
	width: 120px;
}

.price .static_card .one .countrytitle .title{
    font-size: 15px;
    font-weight: 400;
    color: #212121;
    display: -webkit-box;  
    -webkit-line-clamp: 1; /* 限制为两行 */  
    -webkit-box-orient: vertical;  
    overflow: hidden; /* 隐藏超出部分 */  
    text-overflow: ellipsis; /* 超出部分用省略号表示 */  
    white-space: normal; /* 允许换行 */
}
.price .static_card .static_right {
	position: relative;
	width: 38%;
	background-color: #fff;
	border-radius: 4px;
	display: flex;
    flex-direction: column;
}
.price .static_card .righttop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 24px;
}
.price .static_card .righttop .cleanimg{
    cursor: pointer;
}
.price .static_card .static_right .main::-webkit-scrollbar {
	width: 6px;
	/* 滚动条宽度 */
}

.price .static_card .static_right .main::-webkit-scrollbar-thumb {
	background-color: #0562F7;
	border-radius: 4px;
}

.price .static_card .static_right .public_button {
	/* padding: 20px; */
	background-color: transparent;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0px;
	color: #434343;
}
.price .static_card .static_right .cleaning {
    cursor: pointer;
}
.price .static_card .static_right .main {
	margin-top: 20px;
	height: 350px;
	overflow: auto;
	padding: 0 20px;
}

.price .static_card .static_right .main .one {
	padding-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.price .static_card .static_right .main .one .mainleft {
	display: flex;
	align-items: center;
}

.price .static_card .static_right .main .one .mainleft .countrytitle {
	padding-right: 20px;
}

.price .static_card .static_right .main .one .mainleft .countrytitle .title {
	font-size: 15px;
	font-weight: 400;
	color: #212121;
    margin-bottom: 6px;
     display: -webkit-box;  
    -webkit-line-clamp: 1; /* 限制为两行 */  
    -webkit-box-orient: vertical;  
    overflow: hidden; /* 隐藏超出部分 */  
    text-overflow: ellipsis; /* 超出部分用省略号表示 */  
    white-space: normal; /* 允许换行 */
    
}

.price .static_card .static_right .main .one .mainright {
	font-size: 16px;
	font-weight: 500;
}

.price .static_card .static_right .main .one .countryimg img {
	padding: 0 10px 0 0;
	width: 33px;
	height: 33px;
}
.price .static_card .static_right .main .one{
    border-bottom: 1px solid #DFE7FA;
    width: 100%;
    margin: 24px 0;
    box-sizing: border-box;
}
.price .static_card .static_right .static_pricedown {
	width: 100%;
	position: absolute;
	bottom: 20px;
	box-shadow: 0px -4px 4px rgba(33, 32, 37, 0.08);
}

.price .static_card .static_right .static_pricedown .static_total {
	font-size: 14px;
	font-weight: 400;
	color: #212121;
	padding: 20px;
}

.price .static_card .static_right .static_pricedown .static_total .zong {
	font-size: 20px;
	font-weight: 500;
	color: #0562F7;
	padding: 0 10px 0 20px;
}

.price .static_card .static_right .total_button {
	padding-top: 40px;
	width: 92%;
	margin: auto;
}

.price .static_card .static_right .el-button {
	border: none;
	width: 100%;
	background-color: #0562F7;
	border-radius: 10px;
	color: #fff;
	padding: 0 20px;
	height: 40px;
	font-size: 16px;
	font-weight: 500;
}

/* pricing end */

/* user start */
.usercomments {
	max-width: 1024px;
	margin: auto;
	padding: 150px 0;
}
.usercomments .usermain{
    display: flex;
    flex-direction: column;
}
.usercomments .usermain .usertop{
    display: flex;
    align-items: center;
}
.usercomments .usermain .user_topright{
    padding-left: 24px;
}
.usercomments .usermain .user_topright .name{
    font-size: 24px;
    font-weight: 600;
    color: #212121;
    padding-bottom: 10px;
}
.usercomments .usermain .userdown .user_content{
    font-size: 18px;
    font-weight: 400;
    line-height: 180%;
    padding: 20px 0;
    color: #131E3A;
}
.usercomments .el-carousel__item h3 {
	color: #475669;
	font-size: 14px;
	opacity: 0.75;
	line-height: 200px;
	margin: 0;
}

.usercomments .el-carousel__item:nth-child(2n) {
	background-color: #99a9bf;
}

.usercomments .el-carousel__item:nth-child(2n+1) {
	background-color: #d3dce6;
}

.usercomments .el-carousel__container {
    display: flex;
    align-items: stretch;
	height: 330px !important;
}

.usercomments .el-carousel__indicator--horizontal {
	padding: 40px 6px;
}

.usercomments .el-carousel__button {
	border-radius: 8px;
	height: 8px;
}

.usercomments .el-carousel__indicators--outside button {
	background-color: #0562F7;
    margin-top: 100px;
}

.usercomments .el-carousel__item:nth-child(2n+1) {
	background-color: #ffffff;
	box-shadow: 0px 7px 14px 0px #D4D8DE;
	border-radius: 24px 24px 24px 24px;
}
.usercomments .el-carousel__item:nth-child(2n){
	background-color: #ffffff;
	box-shadow: 0px 7px 14px 0px #D4D8DE;
	border-radius: 24px 24px 24px 24px;
}
.usercomments .el-carousel__item--card{
    padding: 40px 20px;
}
/* user end */

/* integrating - start */
.integrating{
    max-width: unset !important;
	background: #F1F5FF;
	padding: 80px 0;
}
.integrating .integra_main{
	max-width: 1280px;
	margin: auto;
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.integrating .browser_text{ 
    text-align: left;
}
.integrating .browser_text .texttitle .bigtitle{
    font-size: 40px;
    font-weight: 600;
    line-height: 180%;
    color: #212121;
}
.integrating .browser_text .texttitle .intro{
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
    color: #464f63;
    padding: 16px 0 60px 0;
	min-width: 500px;
}
.integrating .oper_button_border {
    border-radius: 30px;
    background-color: transparent;
    color: #0562F7;
    font-size: 16px;
    font-weight: bold;
    height: 58px;
    /* margin-top: 40px; */
}
.integrating .oper_button_border .el-button {
    height: 58px;
    border-radius: 30px;
    color: #0562F7;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent !important;
}
.integrating .oper_button_border .el-button span{
    display: flex;
    align-items: center;
}
.integrating .oper_button_border .el-button span img{
    padding-left: 8px;
}
.integrating .integra_right .browser{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
.integrating .integra_right .browser .browser_item{
    width: 150px;
    height: 150px;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #212121;
}
.integrating .integra_right .browser .browser_item .browser_name{
    padding-top: 4px;
}
.integrating .integra_right .browser :hover.browser_item {
    background: #F5F8FF;
    /* border: 1px solid #DDE2EA; */
    transition: 0.1s;
}
/* integrating - end */
/* faq - start */
.faq{
    max-width: 1024px;
    margin: auto;
}
.faq .faqmain .title{
    font-size: 46px;
    font-weight: 500;
    color: #212121;
    text-align: center;
    padding: 40px 0;
}
.faq .faqmain{
    margin: 80px 0;
    background-color: #fff;
    border-radius: 34px;
    padding-bottom: 60px;
}
.faq .faqmain .el-collapse{
    margin: 0 20px;
}
.faq .faqmain .el-collapse-item__arrow{
    display: block;
    width: 20px;
    height: 20px;
    font-size: 14px;
}
.faq .faqmain .el-icon-arrow-right:before{
    content: "\e6e0" !important;
}
.faq .faqmain .el-collapse-item__header{
    border-bottom: unset;
    padding: 0 20px;
}
.faq .faqmain .el-collapse-item__header.is-active{
    padding: 0 20px !important;
    color: #212121;
    font-size: 18px;
    font-weight: 500;
}
.faq .faqmain .el-collapse-item__header{
    background-color: unset;
}
.faq .faqmain .el-collapse-item.is-active{
    border: unset;
}
.faq .faqmain .el-collapse-item__wrap{
    padding: 0 20px;
}
.faq .faqmain .el-collapse-item__content{
    font-weight: 400;
    font-size: 14px;
    color: #464f63;
}
.faq .faqmain .el-collapse-item{
    margin: 20px 0;
    border-bottom: 1px solid #ebeef5;
    border-radius: 14px;
}
.el-collapse{
    border-top: none;
    border-bottom: none;
}
.el-collapse-item__arrow{
    color: #0562F7;
}
/* faq - end */
/* CTA - start */
.cta{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1400px;
    margin: auto;
    border-radius: 34px;
    height: 401px;
    background: url('../images/footer_cta_one.jpg') no-repeat 100% 100%;
    padding-top: 150px;
}
 .cta .cta_main{
    padding: 40px;
    text-align: center;
 }
.cta .cta_bigtitle{
    font-size: 54px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 16px;
}
.cta .cta_intro{
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 200%;
    padding-bottom: 40px;
}
.cta .oper_button_border {
    border-radius: 30px;
    background-color: transparent;
    color: #0562F7;
    font-size: 16px;
    font-weight: bold;
    height: 58px;
    margin-top: 40px;
}
.cta .oper_button_border .el-button {
    height: 58px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.cta .oper_button_border .el-button span{
    display: flex;
    align-items: center;
}
.cta .oper_button_border .el-button span img{
    padding-left: 8px;
}
/* CTA - end */

/* 分页 - start */
.pagination{
    width: 100%;
    text-align: center;
	padding-top: 60px;

}
.el-pagination .el-select .el-input .el-input__inner{
    background-color: #0562F7;
    border-radius: 10px;
    color: #fff;
}
.menu_active {
	display: flex !important;
	flex-direction: column;
	padding: 40px 30px;
}
.el-pager li.active{
    color: #0562F7;
}
.el-select-dropdown__item.selected{
    color: #0562F7;
}
.el-select .el-input .el-select__caret{
	color: #fff;
}
/* 分页 - end */

/* usecase - start */
.usecase_team{
	max-width: 1024px;
	margin: 150px auto;
}
.usecase_team .bigtitle{
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #212121;
	padding-bottom: 10px;
}
.usecase_team .intro{
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #8c8c8c;
}
.usecase_team .usecase_teammain{
	margin-top: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 40px 20px;
}
.usecase_team .usecase_teammain .usecase_one{
	display: flex;
	flex: 1 1 31%;
	max-width: 32%;
	flex-direction: column;
	border: 1px solid #DFE7FA;
	border-radius: 12px;
	box-sizing: border-box;
}
.usecase_team .usecase_teammain .usecase_one .usecase_title{
	font-size: 20px;
	font-weight: bold;
	color: #212121;
	padding: 24px 0;
	text-align: center;
}
.usecase_team .usecase_button{
	width: 100%;
	margin-bottom: 34px;
}
.usecase_team .usecase_button .el-button{
	width: 75%;
	max-width: 75%;
	margin: auto;
	border: 1px solid #0562F7;
	border-radius: 34px;
	display: flex;
	justify-content: center;
	font-size: 16px;
	font-weight: 400;
	color: #212121;
}
.usecase_team .usecase_teammain .usecase_one:hover{
	border: 1px solid #0562F7;
	cursor: pointer;
	box-shadow: 0px 6px 24px 0px #DFE7FA;
}
.usecase_team .usecase_button .el-button:hover{
	background-color: #0562F7;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
/* usecase - end */

/* footer start */
.footer {
	margin-top: 150px;
	background: linear-gradient( 180deg, #080814 70%, #0562F7 100%, #95BCFE 100%);
	height: auto;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.footer .footer_dotebg{
    position: absolute;
    bottom: 0;
    right: 0;
}

.footer .footermain {
	max-width: 1200px;
	margin: auto;
}

.footer .footermain .logo {
	padding: 60px 0 60px 0;
	text-align: center;
}

.footer .catalogue {
	color: #fff;
}

.footer .line {
	border-top: 1px solid #e6eaf5;
	padding: 20px 0;
	color: #fff;
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}

.footer .line img {
	padding: 0 0 0 10px;
    width: 24px;
    height: 24px;
}

.footer .catalogue ul {
	margin: 0 0 40px 0;
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	padding: 0;
}

.footer .catalogue ul li {
	font-size: 14px;
	font-weight: 500;
}

.footer .catalogue ul li ul li {
	font-size: 13px;
	font-weight: 400;
	padding: 6px 0;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.footer .catalogue ul li ul li img {
	padding: 0 6px 0 0;
}
.footer .catalogue ul li ul li a{
    color: #fff;
    cursor: pointer;
}
.footer .catalogue ul li ul {
	display: flex;
	flex-direction: column;
	padding-top: 20px;
}

.footer .catalogue li {
	display: inline-block;
	margin-right: 10px;
}

.footer .footermain .customer {
	margin: 0 0 20px 0;
}

.footer .footermain .customer img {
	padding-left: 10px;
	width: 60px;
}

.footer .footermain .website {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: 80px;
	width: 1200px;
}

.footer .footermain .website .title a{
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	padding: 0 20px 6px 0;
	color: #fff;
}

/* footer end */

.price .static_card  .main .north .country .one .countryimg img{
	width: 33px;
}
.big-title{
	font-size: 32px;
	font-weight: 700;
	text-align: center;
}
.small-desc {
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-top: 20px;
}
.main-adv {
	display: flex
;
	justify-content: center;
	margin-top: 20px;
}
.main-adv .advitem {
	display: flex
;
	align-items: center;
	margin-left: 20px;
}
.mg_4 {
	margin-top: 40px;
}

.v-modal{
	z-index : 2000 !important;
}