/******************************************************************
  Template Name: Deerhost
  Description:  Deerhost Hosting HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Pricing Section
7.  Achievement Section
8.  Chooseup Section
9.  Contact
10.  Footer Style

-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/
@font-face {
	font-family: "SourceSC";
	src: url("../fonts/SourceSC.ttf");
}

html,
body {
	height: 100%;
	font-family: "Montserrat",sans-serif,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB", "Heiti SC","WenQuanYi Micro Hei";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 14px;
	font-family: "Montserrat", sans-serif;
	color: #444444;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}
a {
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}

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

body {
	--dz-color: #155bd5;
	--dz-colora: #1c3ab6;
	--dz-color2: #f7b113;
	--dz-color3: #007aff;
	--dz-bgs: #fafafa;
	--dz-fff: #ffffff;
	--dz-eee: #eeeeee;
	--dz-ddd: #dddddd;
	--dz-ccc: #cccccc;
	--dz-bbb: #bbbbbb;
	--dz-aaa: #aaaaaa;
	--dz-999: #999999;
	--dz-666: #666666;
	--dz-333: #333333;
	--dz-222: #222222;
	--dz-111: #111111;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 70px;
	text-align: center;
}

.section-title.normal-title {
	text-align: left;
}

.section-title.normal-title h3:after {
	margin: 0;
}

.section-title h3 {
	color: #111111;
	font-family: 'SourceSC';
	font-size: 40px;
	font-weight: 700;
	/*text-transform: uppercase;*/
	position: relative;
}

.section-title h3:after {
	position: absolute;
	left: 0;
	bottom: -30px;
	right: 0;
	height: 13px;
	width: 83px;
	background-image: url(../img/line.png);
	content: "";
	margin: 0 auto;
}

.section-title h5 {
	color: #111111;
	/*text-transform: uppercase;*/
	position: relative;
	padding-top: 50px;
	font-size: 20px;
	font-weight: 500;
}

.section-title h6 {
	color: #111111;
	/*text-transform: uppercase;*/
	position: relative;
	padding-top: 50px;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 10px;
	overflow: hidden;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}


/* icon-section */
.icon-section__item {
	width: 100px;
	text-align: center;
	margin-bottom: 30px;
	padding: 25px 10px;
	border-radius: 10px;
	border: #155bd5 1px solid;
	border-image: linear-gradient(to right, #8f41e9, #578aef) 0.5;
	clip-path: inset(0 round 10px);
}
.icon-section__item span {
	font-size: 40px;
	color: #155bd5;
}

.icon-section__item h2 {
	color: #ffffff;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 5px;
}

.icon-section__item p {
	font-size: 16px;
	color: #155bd5;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 15px;
}

.icon-section .icon-row {
	margin-left: auto;
	margin-right: auto;
}
.icon-row .icon {
	color: #155bd5;
}
.function-icon{
	background-color: #ffffff;
	margin-right: 30px;
	width: auto;
}

.more-btn {
	text-align: center;
	padding: 20px 0px;
}

.more-btn a {
	color: #666666;
}

@media only screen and (max-width: 767px) {
	.function-icon{
		margin-right: -15px;
	}
}



.stat-section-title {
	margin-bottom: 70px;
	text-align: center;
}

.stat-section-title.normal-title {
	text-align: left;
}

.stat-section-title.normal-title h3:after {
	margin: 0;
}

.stat-section-title h2 {
	color: #ffffff;
	font-size: 50px;
	font-weight: 700;
	/*text-transform: uppercase;*/
	position: relative;
}


.stat-section-title h4 {
	color: #ffffff;
	font-size: 25px;
	/*text-transform: uppercase;*/
	position: relative;
	padding-top: 20px;
}


.viewport-head-en {
	font-size: 50px;
	line-height: 80px;
	opacity: .05;
	font-weight: 500;
	width: 100%;
	position: absolute;
	top: -45px;
	text-transform: uppercase;
}

.viewport-head-img{
	position: absolute;
	width: 40px;
	height: 40px;
	opacity: 0.8;
	top: -15px;
	z-index: -1;
	margin-left: -45px;
}

@media only screen and (max-width: 767px) {
	.stat-section-title h2 {
		font-size: 40px;
	}
	.stat-section-title h4 {
		font-size: 20px;
	}
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 15px;
	padding: 14px 25px 12px;
	margin: 10px 5px 0px 0px;
	color: #ffffff;
	background: #4c57d6;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 50px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: #4c57d6;
	border: none;
	border-radius: 50px;
}


.opensource-btn {
	color: #ffffff;
	margin: 20px 0px 0px 10px;
}
.opensource-btn a{
	color: #ffffff;
}



/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/

.header-section {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
}

.header-section.header-normal {
	position: relative;
	background: #120851;
}

.header-section.header-normal .header__logo {
	padding-bottom: 30px;
}

.header-section.header-normal .header__menu {
	padding-bottom: 30px;
}

.header__info {
	padding: 10px 0;
	border-bottom: 1px solid #252163;
}

.header__info-left ul li {
	font-size: 13px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 25px;
}

.header__info-left ul li:last-child {
	margin-right: 0;
}

.header__info-left ul li span {
	height: 30px;
	width: 30px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
}

.header__info-right {
	text-align: right;
}

.header__info-right ul li {
	list-style: none;
	display: inline-block;
	margin-right: 30px;
}

.header__info-right ul li:last-child {
	margin-right: 0;
}

.header__info-right ul li a {
	font-size: 13px;
	color: #ffffff;
	display: block;
}

.header__info-right ul li a span {
	height: 30px;
	width: 30px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
}

.header__logo {
	padding-top: 30px;
	max-width: 210px;
}

.header__logo a {
	display: inline-block;
}

.header__menu {
	text-align: right;
	padding-top: 32px;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 40px;
	position: relative;
}

.header__menu ul li .dropdown {
	position: absolute;
	left: 0;
	top: 40px;
	width: 200px;
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	margin-top: 8px;
	border-radius: 10px;
}

.header__menu ul li .dropdown li {
	display: block;
	text-align: left;
}

.header__menu ul li .dropdown li a {
	color: #111111;
	padding: 10px 15px;
	text-transform: capitalize;
	font-weight: 500;
	font-size: 16px;
}

.header__menu ul li .dropdown li a:after {
	display: none;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li.active a:after {
	opacity: 1;
	height: 50%;
}

.header__menu ul li:hover .dropdown {
	opacity: 1;
	visibility: visible;
	top: 20px;
}

.header__menu ul li:hover a:after {
	opacity: 1;
	height: 50%;
}

.header__menu ul li a {
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	padding: 0 3px;
	position: relative;
	z-index: 1;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 0%;
	/*background: #4c57d6;
	background: -webkit-linear-gradient(#b82dff,#4c57d6);
	 */
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	background: -webkit-linear-gradient( to right, #3c1053, #ad5389 );
	background: linear-gradient( to right, #b82dff,#4c57d6);
	content: "";
	z-index: -1;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
}

.offcanvas__menu__wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*---------------------
  Hero
-----------------------*/
.hero__slider.owl-carousel .owl-item.active .hero__item .hero__text h6 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__item .hero__text h5 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__item .hero__text h4 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__item .hero__text h2 {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-item.active .hero__item .hero__text .primary-btn {
	top: 0;
	opacity: 1;
}

.hero__slider.owl-carousel .owl-dots {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 118px;
	text-align: center;
}

.hero__slider.owl-carousel .owl-dots button {
	height: 5px;
	width: 25px;
	background: #433b76;
	border-radius: 50px;
	margin-right: 10px;
}

.hero__slider.owl-carousel .owl-dots button.active {
	background: #4c57d6;
}

.hero__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.hero__item {
	height: 770px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.hero__item .hero__text {
	padding-top: 30px;
	text-align: center;
}

@media only screen and (max-width: 992px) {
	.hero__item .hero__text {
		padding-top: 184px;
	}

}


.hero__item .hero__text h5 {
	color: #ffffff;
	opacity: 0.7;
	font-weight: 500;
	margin-bottom: 15px;
	position: relative;
	top: 100px;
	line-height: 30px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size: 20px;
	padding-top: 15px;
	padding-bottom: 45px;
}

.hero__item .hero__text h4 {
	color: #ffffff;
	opacity: 0.7;
	font-weight: 500;
	margin-bottom: 15px;
	position: relative;
	top: 100px;
	line-height: 30px;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-size: 25px;
	padding-top: 15px;
	padding-bottom: 45px;
}

.hero__item .hero__text h2 {
	font-family: 'SourceSC';
	font-size: 60px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 28px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	line-height: 70px
}

@media only screen and (max-width: 768px) {
	.hero__item .hero__text h2 {
		font-size: 30px;
		font-weight: 700;
		margin-bottom: 28px;
		top: 50px!important;
		line-height: 60px
	}
	.hero__item .hero__text h4 {
		font-weight: 500;
		margin-bottom: 15px;
		top: 100px;
		line-height: 30px;
		font-size: 16px;
		padding-top: 35px;
	}
	.hero__item .hero__text h5 {
		font-weight: 500;
		margin-bottom: 15px;
		top: 100px;
		line-height: 30px;
		font-size: 16px;
		padding-top: 35px;
	}
}


.hero__item .hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
}

.hero__item .hero__text h6 {
	font-size: 20px;
	color: #ffffff;
	opacity: 0.7;
	font-weight: 500;
	margin-bottom: 60px;
	position: relative;
	top: 100px;
	-webkit-transition: all 1.2s ease-out;
	-o-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
}



/*---------------------
  Kehu
-----------------------*/
.kehu__slider.owl-carousel .owl-item.active .kehu__item .kehu__text h6 {
	top: 0;
	opacity: 1;
}

.kehu__slider.owl-carousel .owl-item.active .kehu__item .kehu__text h5 {
	top: 0;
	opacity: 1;
}

.kehu__slider.owl-carousel .owl-item.active .kehu__item .kehu__text h2 {
	top: 0;
	opacity: 1;
}

.kehu__slider.owl-carousel .owl-item.active .kehu__item .kehu__text .primary-btn {
	top: 0;
	opacity: 1;
}

.kehu__slider.owl-carousel .owl-dots {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 15px;
	text-align: center;
}

.kehu__slider.owl-carousel .owl-dots button {
	height: 5px;
	width: 25px;
	background: #433b76;
	border-radius: 50px;
	margin-right: 10px;
}

.kehu__slider.owl-carousel .owl-dots button.active {
	background: #4c57d6;
}

.kehu__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.kehu__slider .owl-stage-outer {
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
}

.kehu__item {
	height: 380px;
}
.kehu__item .kehu__text {
	padding-top: 300px;
	padding-left: 20px;
}

.kehu__item .kehu__text h5 {
	color: #ffffff;
	opacity: 0.7;
	font-weight: 500;
	margin-bottom: 15px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.kehu__item .kehu__text h2 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 47px;
	text-transform: uppercase;
	margin-bottom: 28px;
	position: relative;
	bottom: 20px;
	opacity: 0;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	text-align: center;
	background-color: rgb(0 0 0 / 40%);
}


.kehu__item .kehu__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
}

.kehu__item .kehu__text h6 {
	color: #ffffff;
	opacity: 0.7;
	font-weight: 500;
	margin-bottom: 15px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 1.2s ease-out;
	-o-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
}

/*---------------------
  客户案例页面部分
 --------------------*/


.kehuanli-section {
	padding-bottom: 60px;
}

.kehuanli__swipe-btn {
	border: 1px solid rgba(76, 87, 214, 0.3);
	border-radius: 50px;
	height: 52px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.kehuanli__swipe-btn label {
	font-size: 15px;
	color: #444444;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 25px 12px;
	border-radius: 50px;
	margin-right: -4px;
	position: relative;
	top: 2px;
	left: 2px;
	cursor: pointer;
}

@media only screen and (min-width: 1200px) {
	.kehuanli__swipe-btn label {
		padding: 12px 46px 12px;
	}

}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.kehuanli__swipe-btn label {
		padding: 12px 25px 12px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.kehuanli__swipe-btn label {
		padding: 12px 10px 12px;
	}

}


@media only screen and (max-width: 768px) {
	.kehuanli__swipe-btn {
		border: 1px solid #4c57d6;
		border-radius: 19px;
		height: auto;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

.kehuanli__swipe-btn label.active {
	/*background: #4c57d6;*/
	background: linear-gradient( to right, #b82dff,#4c57d6);
	color: #ffffff;
}

.kehuanli__swipe-btn label input {
	position: absolute;
	visibility: hidden;
}

.next_case {
	color: #111111;
	font-family: 'SourceSC';
	font-size: 30px;
	padding: 40px 0px;
}

.next_case:hover {
	color: #4c57d6;
	transition: all 0.3s;
}
.next_case:hover:after {
	color: #111111;
	transition: all 0.3s;
}

.case__plans {
	display: none;
}

.case__plans.active {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.kehuanli__text__item {
	padding-bottom: 20px;
	padding-top: 22px;
	background: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 40px;
}
.kehuanli__text__item pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}
.kehuanli__text__item p {
	font-size: 16px;
	line-height: 30px;
	display: block;
	vertical-align: middle;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: #8b8b8b;
}

.kehuanli__text__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}

.kehuanli__text__item:hover h3 {
	background: #4c57d6;
}

.kehuanli__text__item:hover .primary-btn {
	background: #4c57d6;
	color: #ffffff;
}

.kehuanli__text__item h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.kehuanli__text__item h3 {
	background: #120851;
	font-weight: 700;
	color: #ffffff;
	padding: 24px 0 20px;
	margin-bottom: 26px;
	margin-left: -30px;
	border-radius: 10px;
	margin-right: -30px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.kehuanli__text__item h3 span {
	font-size: 16px;
	font-weight: 400;
}

.kehuanli__text__item ul {
	margin-bottom: 26px;
}

.kehuanli__text__item ul li {
	font-size: 14px;
	color: #444444;
	line-height: 40px;
	list-style: none;
}

.kehuanli__text__item .primary-btn {
	color: #111111;
	background: #f2f2f2;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 14px 0 12px;
}

.kehuanli__text {
	text-align: center;
}
.kehuanli__text__item .kehuanli__text h2 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 38px;
	text-transform: uppercase;
	margin-bottom: 29px;
	position: relative;
	top: 10px;
	opacity: 1;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	text-align: center;
	background-color: rgb(0 0 0 / 30%);
	width: fit-content;
	padding: 0px 15px;
	border-radius: 50px;
}

.kehuanli__item {
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	-moz-background-size: 100% 100%;
	min-height: 260px;
	transition: all 2s;
}
.kehuanli__item:hover {
	background-size: 110% 110%;
	/*transform: scale(1.2);*/
}
@media only screen and (max-width: 768px) {
	.kehuanli__item {
		min-height: 200px;
	}
}

.kehuanli__item .kehu__text {
	padding-top: 300px;
	padding-left: 20px;
}
.kehuanli__text__item .kehuanli_images {
	display: flex;
	flex-wrap: wrap;
}
.kehuanli__text__item .kehuanli_images .kehuanli_image {
	margin-top: 30px;
}
.kehuanli__item .kehu__text h5 {
	color: #ffffff;
	opacity: 0.7;
	font-weight: 500;
	margin-bottom: 15px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.kehuanli__item .kehu__text h2 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 47px;
	text-transform: uppercase;
	margin-bottom: 28px;
	position: relative;
	bottom: 20px;
	opacity: 0;
	-webkit-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	text-align: center;
	background-color: rgb(0 0 0 / 40%);
}

.kehuanli__item .kehuanli__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
}

.kehuanli__item .kehuanli__text h6 {
	color: #ffffff;
	opacity: 0.7;
	font-weight: 500;
	margin-bottom: 15px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all 1.2s ease-out;
	-o-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
}


/*---------------------
  Register Domain
-----------------------*/

.register__text .register__form {
	margin-bottom: 34px;
}

.register__text .register__form form {
	position: relative;
}

.register__text .register__form form input {
	width: 100%;
	height: 54px;
	border: 2px solid #4c57d6;
	border-radius: 50px;
	font-size: 14px;
	color: #111111;
	padding-left: 20px;
}

.register__text .register__form form input::-webkit-input-placeholder {
	color: #111111;
}

.register__text .register__form form input::-moz-placeholder {
	color: #111111;
}

.register__text .register__form form input:-ms-input-placeholder {
	color: #111111;
}

.register__text .register__form form input::-ms-input-placeholder {
	color: #111111;
}

.register__text .register__form form input::placeholder {
	color: #111111;
}

.register__text .register__form form .change__extension {
	font-size: 14px;
	color: #111111;
	position: absolute;
	top: 15px;
	right: 170px;
	cursor: pointer;
}

.register__text .register__form form .change__extension:hover ul {
	opacity: 1;
	top: 18px;
	visibility: visible;
}

.register__text .register__form form .change__extension ul {
	width: 60px;
	background: #ffffff;
	position: absolute;
	left: 0;
	top: 38px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 9;
}

.register__text .register__form form .change__extension ul li {
	list-style: none;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
}

.register__text .register__form form .change__extension:before {
	position: absolute;
	left: -30px;
	top: 3px;
	height: 18px;
	width: 1px;
	background: #d7d7d7;
	content: "";
}

.register__text .register__form form .change__extension:after {
	position: absolute;
	right: -20px;
	top: 0;
	content: "3";
	font-family: "ElegantIcons";
}

.register__text .register__form form .site-btn {
	position: absolute;
	right: 4px;
	top: 4px;
}

.register__text .register__result {
	margin-bottom: 24px;
}

.register__text .register__result ul li {
	display: inline-block;
	list-style: none;
	color: #4c57d6;
	font-weight: 700;
	margin-right: 62px;
	font-size: 20px;
}

.register__text .register__result ul li:last-child {
	margin-right: 0;
}

.register__text .register__result ul li span {
	color: #111111;
}

.register__text p {
	margin-bottom: 0;
}

/*---------------------
  Services Section
-----------------------*/

.services-section {
	background: #eeeffb;
	padding-bottom: 60px;
}

.services__item {
	background: #ffffff;
	padding-left: 40px;
	padding-top: 40px;
	padding-right: 45px;
	padding-bottom: 20px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	margin-bottom: 40px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.services__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}

.services__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 8px;
}

.services__item span {
	font-size: 15px;
	color: #4c57d6;
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
}

.services__item p {
	color: #111111;
}


/*---------------------
  Kehu Section
-----------------------*/

.kehu-section {
	padding-bottom: 60px;
}

.kehu__swipe-btn {
	border: 1px solid rgba(76, 87, 214, 0.3);
	border-radius: 50px;
	height: 52px;
	width: 428px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 767px) {
	.kehu__swipe-btn {
		margin-top: 20px;
	}
}

.kehu__swipe-btn label {
	font-size: 15px;
	color: #444444;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 30px 12px;
	border-radius: 50px;
	margin-right: -4px;
	position: relative;
	top: 2px;
	left: 2px;
	cursor: pointer;
}

.kehu__swipe-btn label.active {
	/*background: #4c57d6;*/
	color: #ffffff;
	background: linear-gradient( to right, #b82dff,#4c57d6);
}

.kehu__swipe-btn label input {
	position: absolute;
	visibility: hidden;
}

.gaoyanzhi__plans,
.quanyunying__plans,
.gaofuzai__plans,
.genganquan__plans {
	display: none;
}

.gaoyanzhi__plans.active,
.quanyunying__plans.active,
.gaofuzai__plans.active,
.genganquan__plans.active  {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.kefu__text_span {
	color: #357fff;
	cursor: pointer;
}
.kehu__text__item {
	padding-bottom: 28px;
	padding-top: 22px;
	background: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 40px;
	height: 310px;
	overflow-y: auto;
}
.kehu__text__item p {
	min-height: 260px;
	text-indent: 36px;
	font-size: 16px;
	line-height: 30px;
	display: table-cell;
	height: 260px;
	vertical-align: middle;
}

.kehu__text__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}

.kehu__text__item:hover h3 {
	background: #4c57d6;
}

.kehu__text__item:hover .primary-btn {
	background: #4c57d6;
	color: #ffffff;
}

.kehu__text__item h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.kehu__text__item h3 {
	background: #120851;
	font-weight: 700;
	color: #ffffff;
	padding: 24px 0 20px;
	margin-bottom: 26px;
	margin-left: -30px;
	border-radius: 10px;
	margin-right: -30px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.kehu__text__item h3 span {
	font-size: 16px;
	font-weight: 400;
}

.kehu__text__item ul {
	margin-bottom: 26px;
}

.kehu__text__item ul li {
	font-size: 14px;
	color: #444444;
	line-height: 40px;
	list-style: none;
}

.kehu__text__item .primary-btn {
	color: #111111;
	background: #f2f2f2;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 14px 0 12px;
}



/*---------------------
  Pricing Section
-----------------------*/

.pricing-section {
	padding-bottom: 60px;
}

.pricing__swipe-btn {
	border: 1px solid #4c57d6;
	border-radius: 50px;
	height: 52px;
	width: 266px;
	float: right;
}

.pricing__swipe-btn label {
	font-size: 15px;
	color: #444444;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 30px 12px;
	border-radius: 50px;
	margin-right: -4px;
	position: relative;
	top: 2px;
	left: 2px;
	cursor: pointer;
}

.pricing__swipe-btn label.active {
	background: #4c57d6;
	color: #ffffff;
}

.pricing__swipe-btn label input {
	position: absolute;
	visibility: hidden;
}

.monthly__plans,
.yearly__plans {
	display: none;
}

.monthly__plans.active,
.yearly__plans.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.pricing__item {
	text-align: center;
	padding-bottom: 20px;
	padding-top: 22px;
	background: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.1);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 40px;
}

.pricing__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}

.pricing__item:hover h3 {
	background: #4c57d6;
}

.pricing__item:hover .primary-btn {
	background: #4c57d6;
	color: #ffffff;
}

.pricing__item h4 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.pricing__item h3 {
	background: #120851;
	font-weight: 700;
	color: #ffffff;
	padding: 24px 0 20px;
	margin-bottom: 26px;
	margin-left: -30px;
	border-radius: 10px;
	margin-right: -30px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.pricing__item h3 span {
	font-size: 16px;
	font-weight: 400;
}

.pricing__item ul {
	margin-bottom: 26px;
}

.pricing__item ul li {
	font-size: 14px;
	color: #444444;
	line-height: 40px;
	list-style: none;
}

.pricing__item .primary-btn {
	color: #111111;
	background: #f2f2f2;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding: 14px 0 12px;
}

/*---------------------
  Achievement Section
-----------------------*/

.achievement-section {
	padding-bottom: 450px;
}

.achievement__item {
	text-align: center;
	margin-bottom: 30px;
}

.achievement__item span {
	font-size: 40px;
	color: #4c57d6;
}

.achievement__item h2 {
	color: #ffffff;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 5px;
}

.achievement__item p {
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 0;
}

/*---------------------
  Work Section
-----------------------*/

.work-section {
	margin-top: -405px;
	position: relative;
	z-index: 9;
	border-top: 1px solid #62677d;
	padding-bottom: 0;
}

.work-section .section-title {
	margin-bottom: 82px;
}

.work-section .section-title h3 {
	color: #ffffff;
	font-size: 35px;
}

.work__text {
	-webkit-box-shadow: 0px 5px 10px rgba(18, 8, 81, 0.1);
	box-shadow: 0px 5px 10px rgba(18, 8, 81, 0.1);
	padding: 70px;
	background: #ffffff;
	position: relative;
}

.work__text:after {
	position: absolute;
	left: 0;
	right: 0;
	top: -6px;
	margin: 0 auto;
	height: 15px;
	width: 15px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

.work__item {
	text-align: center;
}

.work__item i {
	font-size: 53px;
	color: #4c57d6;
}

.work__item span {
	display: block;
	font-size: 14px;
	color: #4c57d6;
	margin-bottom: 6px;
	margin-top: 32px;
}

.work__item h3 {
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.work__item p {
	margin-bottom: 32px;
	min-height: 55px;
}

/*---------------------
  Choose Plan
-----------------------*/

.choose-plan-section.pricing-page {
	background: #f5f5f5;
}

.plan__text {
	padding-left: 20px;
}

.plan__text h3 {
	color: #111111;
	font-weight: 700;
	line-height: 39px;
	margin-bottom: 18px;
}

.plan__text ul {
	margin-bottom: 35px;
}

.plan__text ul li {
	list-style: none;
	font-size: 16px;
	font-weight: 500;
	color: #111111;
	line-height: 40px;
}

.plan__text ul li span {
	margin-right: 5px;
	color: #4c57d6;
}

/*---------------------
  Footer
-----------------------*/

.footer__top {
	position: relative;
	z-index: 1;
	padding-top: 50px;
	padding-bottom: 265px;
}

.footer__top::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background: #0B052F;
	content: "";
	z-index: -1;
}

.footer__top::after {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background: #0E0739;
	content: "";
	z-index: -1;
}

.footer__top-call h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 18px;
}

.footer__top-call h2 {
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
}
@media only screen and (max-width: 767px) {
	.footer__top-call h2 {
		font-size: 28px;
	}
	.footer__top {
		padding-bottom: 160px;
	}
}
.footer__top-call h3 {
	font-weight: 600;
	color: #4c57d6;
}
.footer__top-call h4 {
	font-size: 20px;
	font-weight: 500;
	color: #ffffff;
	margin-top: 20px;
}
/*
.footer__top-call h4 {
	font-size: 16px;
	font-weight: 500;
	color: #ebebeb;
	padding: 5px 0px 0px 10px;
}
*/
.footer__top-auth {
	padding-left: 25px;
	display: flex;
}

.footer__top-auth h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 20px;
}

.footer__top-auth .sign-up {
	margin-left: 6px;
	background: transparent;
	border: 2px solid #4c57d6;
	padding: 12px 30px 10px;
}

.footer__top-auth .erweima{
	color: #c4c4c4;
	text-align: center;
	font-size: 14px;
}
.footer__top-auth .erweima .img-fluid{
	padding-bottom: 5px;
}

.footer__text {
	position: relative;
	z-index: 99;
	padding-top: 140px;
	margin-top: -225px;
}

.footer__text-about {
	margin-bottom: 30px;
}

.footer__text-about .footer__logo {
	margin-bottom: 24px;
	width: 240px;
}

.footer__text-about .footer__logo a {
	display: inline-block;
}

.footer__text-about p {
	text-indent: 30px;
	color: #c4c4c4;
	line-height: 24px;
	margin-bottom: 20px;
}

.footer__text-about .footer__social a {
	display: inline-block;
	font-size: 18px;
	color: #c4c4c4;
	margin-right: 26px;
}

.footer__text-about .footer__social a:last-child {
	margin-right: 0;
}

.footer__text-widget {
	margin-bottom: 30px;
}

.footer__text-widget h5 {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer__text-widget ul li {
	list-style: none;
}

.footer__text-widget ul li a {
	font-size: 14px;
	color: #c4c4c4;
	line-height: 30px;
}

.footer__text-widget .footer__widget-info li {
	list-style: none;
	font-size: 14px;
	color: #c4c4c4;
	line-height: 42px;
	position: relative;
	padding-left: 35px;
}

.footer__text-widget .footer__widget-info li span {
	color: #4c57d6;
	position: absolute;
	left: 0;
	top: 14px;
}

.footer__text-copyright {
	font-size: 14px;
	color: #d9d9d9;
	text-align: center;
	padding: 25px 0;
	border-top: 1px solid #2a2163;
	margin-top: 20px;
}

.footer__text-copyright a, .footer__text-copyright p {
	color: #d9d9d9;
}


.scrolltop {position:fixed;bottom:100px;right:50px;z-index:999}
.scrolltop a {display:block;margin-top:10px;background-color:#333333;color:#ffffff;width:50px;height:50px;line-height:50px;text-align:center;border-radius:4px;position:relative}
.scrolltop a .discuz-icon {font-size:26px}
.scrolltop a:hover {background-color:#155bd5;color:#ffffff;}
.scrolltop .scrolltop_ewm {display:none;position:absolute;top:0;right:60px;background:#155bd5;width:170px;text-align:center;line-height:20px;padding:15px;border-radius:6px}
.scrolltop .scrolltop_ewm img {display:block;width:140px;height:140px;margin-bottom:13px;border-radius:6px}
.scrolltop .scrolltop_ewm span {color:#ffffff;font-size:14px}
.scrolltop a.scrolltop_wx:hover .scrolltop_ewm, .scrolltop a.scrolltop_qq:hover .scrolltop_ewm{display: block}
.scrolltop .icon {
	width: 2em; height: 2em;
	vertical-align: middle;
	fill: currentColor;
	color: #ffffff;
	overflow: hidden;
}
@media only screen and (max-width: 767px) {
	.scrolltop {
		display: none;
	}
}

/* ----------------------------------- Other Pages Styles ----------------------------------- */

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb__option {
	border-bottom: 1px solid #ebebeb;
	padding: 15px 0;
}

.breadcrumb__option a {
	font-size: 15px;
	color: #111111;
	font-weight: 500;
	margin-right: 20px;
	display: inline-block;
	position: relative;
}

.breadcrumb__option a:after {
	position: absolute;
	right: -18px;
	top: 0;
	content: "5";
	font-family: "ElegantIcons";
}

.breadcrumb__option a span {
	color: #111111;
	margin-right: 5px;
}

.breadcrumb__option span {
	font-size: 15px;
	color: #888888;
	font-weight: 500;
	display: inline-block;
}

/*---------------------
  About
-----------------------*/

.about__text {
	padding-top: 20px;
}

.about__text h2 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.about__text p {
	color: #111111;
	margin-bottom: 26px;
}

.about__text .about__achievement .about__achieve__item {
	display: inline-block;
	margin-right: 95px;
	margin-bottom: 30px;
}

.about__text .about__achievement .about__achieve__item:last-child {
	margin-right: 0;
}

.about__text .about__achievement .about__achieve__item span {
	font-size: 30px;
	color: #4c57d6;
}

.about__text .about__achievement .about__achieve__item h4 {
	color: #111111;
	font-weight: 700;
	margin-top: 12px;
}

.about__text .about__achievement .about__achieve__item p {
	font-size: 13px;
	text-transform: uppercase;
	color: #444444;
	margin-bottom: 0;
}

/*---------------------
  About
-----------------------*/

.feature-section {
	background: #f5f5f5;
	padding-bottom: 70px;
}

.feature__item {
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	padding: 30px 35px 32px 35px;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 30px;
}
.feature__item2 {
	height: 100px;
	padding: 15px;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 30px;
	align-items: center;
	vertical-align: middle;
	display: flex;
	width: 100%;
}
.feature__item2 .img-link{
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.feature__item:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}

.feature__item span {
	font-size: 42px;
	color: #4c57d6;
}

.feature__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-top: 18px;
	margin-bottom: 10px;
}

.feature__item p {
	color: #111111;
	margin-bottom: 0;
}

/*---------------------
  Team
-----------------------*/

.team-section {
	padding-bottom: 70px;
}

.team__btn {
	text-align: right;
}

.team__item {
	border: 1px solid #d7d7d7;
	padding: 30px 20px 20px 30px;
	margin-bottom: 30px;
}

.team__item .team__pic {
	float: left;
	margin-right: 30px;
}

.team__item .team__pic img {
	height: 120px;
	width: 120px;
	border-radius: 50%;
}

.team__item .team__text {
	overflow: hidden;
}

.team__item .team__text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 5px;
}

.team__item .team__text span {
	font-size: 14px;
	display: block;
	color: #4c57d6;
	margin-bottom: 6px;
}

.team__item .team__text .team__social a {
	display: inline-block;
	font-size: 16px;
	margin-right: 20px;
}

.team__item .team__text .team__social a.facebook {
	color: #3263af;
}

.team__item .team__text .team__social a.twitter {
	color: #40c4ff;
}

.team__item .team__text .team__social a.youtube {
	color: #ff0000;
}

.team__item .team__text .team__social a.instagram {
	color: #b309d7;
}

.team__item .team__text .team__social a:last-child {
	margin-right: 0;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial-section {
	background: #f5f5f5;
}

.testimonial__item {
	text-align: center;
	position: relative;
	-webkit-box-shadow: 0px 2px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 2px 10px rgba(18, 8, 81, 0.15);
	padding: 85px 30px 20px 30px;
	border-radius: 10px;
	background: #ffffff;
}

.testimonial__item img {
	height: 120px!important;
	width: 120px!important;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: -50px;
	margin: 0 auto;
}

.testimonial__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 600;
	margin-bottom: 5px;
}

.testimonial__item span {
	font-size: 13px;
	color: #4c57d6;
	text-transform: uppercase;
	display: block;
	margin-bottom: 12px;
}

.testimonial__item p {
	margin-bottom: 0;
}

.testimonial__item .testimonial__rating i {
	font-size: 12px;
	color: #e9bb3f;
	margin-right: -4px;
}

.testimonial__slider .col-lg-4 {
	max-width: 100%;
}

.testimonial__slider.owl-carousel .owl-item img {
	/* width: auto; */
	box-shadow: 0px 1px 5px rgba(18, 8, 81, 0.1);
}

.testimonial__slider.owl-carousel .owl-stage-outer {
	padding-bottom: 30px;
	padding-top: 50px;
}

.testimonial__slider.owl-carousel .owl-dots {
	text-align: center;
}

.testimonial__slider.owl-carousel .owl-dots button {
	height: 5px;
	width: 25px;
	background: #b7bcef;
	border-radius: 50px;
	margin-right: 10px;
}

.testimonial__slider.owl-carousel .owl-dots button.active {
	background: #4c57d6;
}

.testimonial__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

/*---------------------
  Hosting Section
-----------------------*/

.hosting-section {
	padding-bottom: 0;
}

.hosting__text .nav-tabs {
	border-bottom: none;
	margin-bottom: 10px;
}

.hosting__text .nav-tabs .nav-item {
	margin-bottom: 0;
	width: 20%;
}

.hosting__text .nav-tabs .nav-item .nav-link {
	border: navajowhite;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background: #f5f5f5;
	text-align: center;
	padding: 20px 0;
	position: relative;
}

.hosting__text .nav-tabs .nav-item .nav-link:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	height: 10px;
	width: 10px;
	background: #4c57d6;
	content: "";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 0 auto;
	opacity: 0;
	z-index: 9;
}

.hosting__text .nav-tabs .nav-item .nav-link span {
	font-size: 24px;
	color: #4c57d6;
}

.hosting__text .nav-tabs .nav-item .nav-link span::before {
	font-size: 40px;
}

.hosting__text .nav-tabs .nav-item .nav-link h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
}

.hosting__text .nav-tabs .nav-item .nav-link.active {
	background: #4c57d6;
}

.hosting__text .nav-tabs .nav-item .nav-link.active span {
	color: #ffffff;
}

.hosting__text .nav-tabs .nav-item .nav-link.active h5 {
	color: #ffffff;
}

.hosting__text .nav-tabs .nav-item .nav-link.active:after {
	opacity: 1;
}

.hosting__feature__table table {
	width: 100%;
	border: 1px solid #e1e1e1;
	text-align: center;
}

.hosting__feature__table table thead {
	border-bottom: 1px solid #e1e1e1;
}

.hosting__feature__table table thead th {
	border-right: 1px solid #e1e1e1;
}

.hosting__feature__table table thead th .hosting__feature__plan--choose {
	text-align: left;
	padding-left: 40px;
	padding-right: 10px;
}

.hosting__feature__table table tbody tr {
	border-bottom: 1px solid #e1e1e1;
}

.hosting__feature__table table tbody tr:nth-child(odd) {
	background: #fafafa;
}

.hosting__feature__table table tbody tr td {
	border-right: 1px solid #e1e1e1;
	padding: 24px 0 22px;
	width: 232px;
}

.hosting__feature__table table tbody tr td.hosting__feature--item {
	text-align: left;
	padding-left: 40px;
}

.hosting__feature__table table .hosting__feature__plan--choose span {
	font-size: 16px;
	font-weight: 500;
	color: #4c57d6;
}

.hosting__feature__table table .hosting__feature__plan--choose .chose__title {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 6px;
	font-size: 24px;
}

.hosting__feature__table table .hosting__feature--plan {
	padding: 40px 10px;
}

.hosting__feature__table table .hosting__feature--plan .plan__title {
	color: #111111;
	font-weight: 700;
	margin-bottom: 16px;
	font-size: 24px;
}

.hosting__feature__table table .hosting__feature--plan .hosting__feature--price {
	margin-bottom: 20px;
}

.hosting__feature__table table .hosting__feature--plan .hosting__feature--price .plan__price {
	font-size: 40px;
	color: #4c57d6;
	font-weight: 700;
}

.hosting__feature__table table .hosting__feature--plan .hosting__feature--price span {
	font-size: 16px;
	color: #444444;
}

.hosting__feature__table table .hosting__feature--plan .primary-btn {
	background: #f2f2f2;
	color: #111111;
}

.hosting__feature__table table .hosting__feature--item {
	font-size: 16px;
	color: #111111;
	font-weight: 700;
	width: 470px;
}

.hosting__feature__table table .hosting__feature--info {
	font-size: 14px;
	color: #111111;
	font-weight: 500;
}

.hosting__feature__table table .hosting__feature--check {
	font-size: 16px;
	color: #4c57d6;
}

.hosting__feature__table table .hosting__feature--close {
	font-size: 16px;
	color: #d6002d;
}

/*---------------------
  Question
-----------------------*/

.question__accordin .card {
	border: none;
	border-radius: 0;
}

.question__accordin .card .card-heading a {
	margin-bottom: 16px;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	display: block;
	font-weight: 700;
}

.question__accordin .card .card-body {
	padding: 0;
}

.question__accordin .card-heading a:after {
	position: absolute;
	left: 0;
	top: 4px;
}

.question__accordin .card-heading a:after,
.question__accordin .card-heading>a.active[aria-expanded=false]:after {
	content: "L";
	font-family: "ELegantIcons";
	font-size: 14px;
	height: 15px;
	width: 15px;
	background: #4c57d6;
	line-height: 15px;
	text-align: center;
	color: #ffffff;
}

.question__accordin .card-heading a[aria-expanded=true]:after,
.question__accordin .card-heading>a.active:after {
	content: "K";
	font-family: "ELegantIcons";
	font-size: 14px;
	height: 15px;
	width: 15px;
	background: #4c57d6;
	line-height: 15px;
	text-align: center;
	color: #ffffff;
}

.question-form input {
	font-size: 14px;
	color: #444444;
	width: 100%;
	height: 50px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
	border-radius: 10px;
}

.question-form input::-webkit-input-placeholder {
	color: #444444;
}

.question-form input::-moz-placeholder {
	color: #444444;
}

.question-form input:-ms-input-placeholder {
	color: #444444;
}

.question-form input::-ms-input-placeholder {
	color: #444444;
}

.question-form input::placeholder {
	color: #444444;
}

.question-form textarea {
	font-size: 14px;
	color: #444444;
	width: 100%;
	height: 100px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 14px;
	border-radius: 10px;
	resize: none;
	padding-top: 12px;
}

.question-form textarea::-webkit-input-placeholder {
	color: #444444;
}

.question-form textarea::-moz-placeholder {
	color: #444444;
}

.question-form textarea:-ms-input-placeholder {
	color: #444444;
}

.question-form textarea::-ms-input-placeholder {
	color: #444444;
}

.question-form textarea::placeholder {
	color: #444444;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
	margin-bottom: 40px;
}

.blog__item .blog__pic {
	height: 253px;
	position: relative;
}

.blog__item .blog__pic .label {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	background: #4c57d6;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
	position: absolute;
	left: 30px;
	bottom: -11px;
}

.blog__item .blog__text {
	padding-left: 30px;
	padding-top: 25px;
}

.blog__item .blog__text h5 {
	margin-bottom: 5px;
}

.blog__item .blog__text h5 a {
	font-size: 20px;
	font-weight: 700;
	color: #111111;
	line-height: 27px;
}

.blog__item .blog__text ul li {
	list-style: none;
	display: inline-block;
	color: #666666;
	font-size: 13px;
	margin-right: 20px;
}

.blog__item .blog__text ul li:last-child {
	margin-right: 0;
}

.blog__item .blog__text ul li i {
	height: 30px;
	width: 30px;
	background: #f2f2f2;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin-right: 5px;
}

.load-more {
	text-align: center;
}

.load-more .primary-btn {
	padding: 14px 75px 12px;
	background: #f2f2f2;
	color: #111111;
}

.blog__sidebar .blog__sidebar__item {
	margin-bottom: 70px;
}

.blog__sidebar .blog__sidebar__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar .blog__sidebar__item .sidebar__title {
	margin-bottom: 30px;
}

.blog__sidebar .blog__sidebar__item .sidebar__title h6 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 0 5px;
	z-index: 1;
}

.blog__sidebar .blog__sidebar__item .sidebar__title h6:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: #4c57d6;
	content: "";
	z-index: -1;
	opacity: 0.3;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	height: 46px;
	width: 46px;
	line-height: 46px;
	text-align: center;
	margin-right: 10px;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a:last-child {
	margin-right: 0;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a.facebook {
	background: #3263af;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a.twitter {
	background: #40c4ff;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a.youtube {
	background: #ff0000;
}

.blog__sidebar .blog__sidebar__item .sidebar__social a.instagram {
	background: -o-linear-gradient(45deg, #af00e1, #ff9e35);
	background: linear-gradient(45deg, #af00e1, #ff9e35);
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ebebeb;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item .label {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	background: #4c57d6;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item h6 {
	margin-top: 20px;
	margin-bottom: 5px;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item h6 a {
	color: #111111;
	font-weight: 700;
	line-height: 27px;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item ul li {
	list-style: none;
	color: #666666;
	font-size: 13px;
}

.blog__sidebar .blog__sidebar__item .sidebar__feature__post .sidebar__feature__item ul li i {
	height: 30px;
	width: 30px;
	background: #f2f2f2;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin-right: 5px;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe {
	background: #f5f5f5;
	padding: 30px;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe .sidebar__title {
	margin-bottom: 20px;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input {
	height: 46px;
	border: 1px solid #ebebeb;
	background: transparent;
	border-radius: 10px;
	padding-left: 20px;
	font-size: 14px;
	color: #444444;
	width: 100%;
	margin-bottom: 20px;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input::-webkit-input-placeholder {
	color: #444444;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input::-moz-placeholder {
	color: #444444;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input:-ms-input-placeholder {
	color: #444444;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input::-ms-input-placeholder {
	color: #444444;
}

.blog__sidebar .blog__sidebar__item .sidebar__subscribe form input::placeholder {
	color: #444444;
}

/*---------------------
  Blog Hero
-----------------------*/

.blog-hero-section {
	background: #f2f2f2;
	height: 640px;
	position: relative;
}

.blog-hero-section .blog__hero__pic {
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 640px;
}

.blog__hero__text {
	padding-top: 218px;
}

.blog__hero__text .label {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	background: #4c57d6;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
}

.blog__hero__text h3 {
	color: #111111;
	font-weight: 700;
	line-height: 39px;
	margin-bottom: 12px;
	margin-top: 10px;
}

.blog__hero__text ul li {
	list-style: none;
	color: #666666;
	font-size: 13px;
	display: inline-block;
	margin-right: 20px;
}

.blog__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__hero__text ul li i {
	height: 30px;
	width: 30px;
	background: #ffffff;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	margin-right: 5px;
}

/*---------------------
  Blog Details
-----------------------*/

.blog-details-section {
	padding-top: 60px;
}

.blog__details__text {
	position: relative;
}

.blog__details__social {
	position: absolute;
	left: -90px;
	top: 0;
}

.blog__details__social span {
	font-size: 15px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
	display: block;
}

.blog__details__social ul li {
	list-style: none;
	margin-bottom: 15px;
}

.blog__details__social ul li a {
	display: block;
	font-size: 14px;
	color: #ffffff;
	height: 46px;
	width: 46px;
	line-height: 46px;
	text-align: center;
	margin-right: 10px;
}

.blog__details__social ul li a:last-child {
	margin-right: 0;
}

.blog__details__social ul li a.facebook {
	background: #3263af;
}

.blog__details__social ul li a.twitter {
	background: #40c4ff;
}

.blog__details__social ul li a.youtube {
	background: #ff0000;
}

.blog__details__social ul li a.instagram {
	background: -o-linear-gradient(45deg, #af00e1, #ff9e35);
	background: linear-gradient(45deg, #af00e1, #ff9e35);
}

.blog__details__title {
	margin-bottom: 25px;
}

.blog__details__title p {
	line-height: 27px;
	font-size: 15px;
}

.blog__details__quote {
	background: #f5f5f5;
	padding: 30px 50px;
	margin-bottom: 35px;
	position: relative;
}

.blog__details__quote:after {
	position: absolute;
	left: 50px;
	top: -5px;
	font-family: "FontAwesome";
	content: "";
	font-size: 60px;
	color: #4c57d6;
	opacity: 0.3;
}

.blog__details__quote p {
	font-size: 16px;
	color: #111111;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 0;
	position: relative;
	z-index: 9;
}

.blog__details__title__more {
	margin-bottom: 30px;
}

.blog__details__title__more p {
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 0;
}

.blog__details__item {
	overflow: hidden;
	margin-bottom: 15px;
}

.blog__details__item .blog__details__item__pic {
	float: left;
	margin-right: 30px;
}

.blog__details__item .blog__details__item__text {
	overflow: hidden;
}

.blog__details__item .blog__details__item__text p {
	font-size: 15px;
	line-height: 27px;
}

.blog__details__desc {
	margin-bottom: 30px;
}

.blog__details__desc p {
	font-size: 15px;
	line-height: 27px;
}

.blog__details__tags {
	margin-bottom: 60px;
}

.blog__details__tags a {
	display: inline-block;
	font-size: 13px;
	color: #444444;
	background: #f2f2f2;
	padding: 10px 16px;
	margin-right: 6px;
}

.blog__details__tags a:last-child {
	margin-right: 0;
}

.blog__details__profile {
	background: #f5f5f5;
	padding: 50px;
	margin-bottom: 55px;
}

.blog__details__profile .blog__details__profile__pic {
	float: left;
	margin-right: 30px;
}

.blog__details__profile .blog__details__profile__pic img {
	height: 120px;
	width: 120px;
	border-radius: 50%;
}

.blog__details__profile .blog__details__profile__text {
	overflow: hidden;
}

.blog__details__profile .blog__details__profile__text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.blog__details__profile .blog__details__profile__text p {
	line-height: 27px;
}

.blog__details__profile .blog__details__profile__text .blog__details__profile__social a {
	font-size: 14px;
	color: #444444;
	display: inline-block;
	margin-right: 14px;
}

.blog__details__profile .blog__details__profile__text .blog__details__profile__social a:last-child {
	margin-right: 0;
}

.blog__details__option {
	margin-bottom: 55px;
}

.blog__details__option .blog__details__option__item {
	display: block;
}

.blog__details__option .blog__details__option__item.blog__details__option__item--next {
	text-align: right;
}

.blog__details__option .blog__details__option__item.blog__details__option__item--next h5 i {
	margin-right: 0;
	margin-left: 5px;
}

.blog__details__option .blog__details__option__item h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 20px;
}

.blog__details__option .blog__details__option__item h5 i {
	margin-right: 5px;
}

.blog__details__option .blog__details__option__item .label {
	font-size: 12px;
	color: #ffffff;
	text-transform: uppercase;
	background: #4c57d6;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 5px;
}

.blog__details__option .blog__details__option__item h6 {
	color: #111111;
	font-weight: 700;
	line-height: 27px;
	margin-top: 10px;
}

.blog__details__comment {
	border: 1px solid #ebebeb;
	padding-left: 40px;
	padding-bottom: 50px;
	padding-right: 50px;
	padding-top: 30px;
}

.blog__details__comment h4 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	padding: 0 5px;
	z-index: 1;
	margin-bottom: 55px;
}

.blog__details__comment h4:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: #4c57d6;
	content: "";
	z-index: -1;
	opacity: 0.3;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item {
	padding-bottom: 5px;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 40px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item.blog__details__comment__reply {
	margin-left: 115px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__pic {
	float: left;
	margin-right: 25px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__pic img {
	height: 90px;
	width: 90px;
	border-radius: 50%;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text {
	position: relative;
	overflow: hidden;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 15px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text p {
	font-size: 15px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul {
	position: absolute;
	right: 0;
	top: 0;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul li {
	list-style: none;
	display: inline-block;
	font-size: 12px;
	color: #444444;
	margin-right: 24px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul li i {
	font-size: 14px;
	color: #4c57d6;
	margin-right: 5px;
}

.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul li:last-child {
	margin-right: 0;
}

.blog__details__comment .comment__btn {
	text-align: center;
}

/*---------------------
  Contact
-----------------------*/

.contact-section {
	padding-bottom: 0;
}

.contact__text h3 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.contact__text p {
	color: #111111;
	font-size: 15px;
	margin-bottom: 30px;
}

.contact__text ul li {
	list-style: none;
	position: relative;
	padding-left: 65px;
	margin-bottom: 30px;
}

.contact__text ul li span {
	height: 46px;
	width: 46px;
	background: #4c57d6;
	line-height: 46px;
	text-align: center;
	border-radius: 10px;
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 0;
	top: 0;
}

.contact__text ul li h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 5px;
}

.contact__text ul li p {
	font-size: 15px;
	color: #111111;
	margin-bottom: 0;
}

.contact__text .contact__social a {
	display: inline-block;
	font-size: 30px;
	color: #c4c4c4;
	margin-right: 26px;
}

.contact__text .contact__social a:last-child {
	margin-right: 0;
}

.contact__text .contact__social a.facebook {
	color: #3263af;
}

.contact__text .contact__social a.twitter {
	color: #40c4ff;
}

.contact__text .contact__social a.youtube {
	color: #ff0000;
}

.contact__text .contact__social a.instagram {
	color: #b309d7;
}

.map {
	height: 515px;
}

.map iframe {
	width: 100%;
}

.contact-form h3 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 45px;
}

.contact-form form .input-list {
	margin-right: -20px;
	overflow: hidden;
}

.contact-form form .input-list input {
	font-size: 14px;
	color: #444444;
	width: calc(33.33% - 23px);
	height: 50px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 23px;
	border-radius: 10px;
	margin-right: 20px;
}

.contact-form form .input-list input::-webkit-input-placeholder {
	color: #444444;
}

.contact-form form .input-list input::-moz-placeholder {
	color: #444444;
}

.contact-form form .input-list input:-ms-input-placeholder {
	color: #444444;
}

.contact-form form .input-list input::-ms-input-placeholder {
	color: #444444;
}

.contact-form form .input-list input::placeholder {
	color: #444444;
}

.contact-form form textarea {
	font-size: 14px;
	color: #444444;
	width: 100%;
	height: 130px;
	padding-left: 20px;
	border: 1px solid #e1e1e1;
	margin-bottom: 17px;
	border-radius: 10px;
	resize: none;
	padding-top: 12px;
}

.contact-form form textarea::-webkit-input-placeholder {
	color: #444444;
}

.contact-form form textarea::-moz-placeholder {
	color: #444444;
}

.contact-form form textarea:-ms-input-placeholder {
	color: #444444;
}

.contact-form form textarea::-ms-input-placeholder {
	color: #444444;
}

.contact-form form textarea::placeholder {
	color: #444444;
}

/*---------------------
  404
-----------------------*/

.text__404 {
	text-align: center;
}

.text__404 h3 {
	color: #111111;
	font-weight: 700;
	margin-top: 45px;
	margin-bottom: 13px;
}

.text__404 p {
	font-weight: 500;
	margin-bottom: 35px;
}

.text__404 form {
	width: 500px;
	position: relative;
	margin: 0 auto;
}

.text__404 form input {
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	padding-left: 30px;
	height: 50px;
	border: none;
	background: #4c57d6;
	color: #ffffff;
	border-radius: 50px;
}

.text__404 form input::-webkit-input-placeholder {
	color: #ffffff;
}

.text__404 form input::-moz-placeholder {
	color: #ffffff;
}

.text__404 form input:-ms-input-placeholder {
	color: #ffffff;
}

.text__404 form input::-ms-input-placeholder {
	color: #ffffff;
}

.text__404 form input::placeholder {
	color: #ffffff;
}

.text__404 form button {
	font-size: 16px;
	color: #ffffff;
	background: transparent;
	border: none;
	position: absolute;
	right: 30px;
	top: 0;
	height: 50px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1250px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.register__text .register__result ul li {
		margin-right: 30px;
	}
	.about__text .about__achievement .about__achieve__item {
		margin-right: 60px;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item.blog__details__comment__reply {
		margin-left: 0;
	}
	.blog__item .blog__text ul li {
		margin-right: 5px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.register__text .register__result ul li {
		margin-right: 50px;
	}
	.work__item {
		margin-bottom: 30px;
	}
	.plan__text {
		padding-top: 40px;
	}
	.footer__text {
		padding-top: 240px;
	}
	.about__text {
		padding-top: 40px;
	}
	.footer__top-call {
		margin-bottom: 30px;
	}
	.footer__top-auth {
		padding-left: 0;
	}
	.question__accordin {
		margin-bottom: 20px;
	}
	.hero__item {
		height: auto;
		padding-bottom: 100px;
		padding-top: 100px;
	}
	.header__menu ul li {
		margin-right: 20px;
	}
	.header__info-left ul li {
		margin-right: 5px;
	}
	.header__info-right ul li {
		margin-right: 10px;
	}
	.team__item {
		text-align: center;
	}
	.team__item .team__pic {
		float: none;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.blog__hero__text {
		padding-top: 90px;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item.blog__details__comment__reply {
		margin-left: 50px;
	}
	.blog-hero-section {
		height: 640px;
	}
	.contact__text {
		margin-bottom: 30px;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.blog-hero-section {
		height: auto;
	}
	.blog-hero-section .blog__hero__pic {
		position: relative;
		width: 100%;
		height: 640px;
	}
	.blog__hero__text {
		padding-bottom: 40px;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.header__info {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header-section .container {
		position: relative;
	}
	.offcanvas__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.offcanvas__menu__overlay.active {
		visibility: visible;
	}
	.canvas__open {
		display: block;
		font-size: 20px;
		color: #ffffff;
		height: 30px;
		width: 30px;
		line-height: 30px;
		text-align: center;
		border: 1px solid #ffffff;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 30px;
	}
	.offcanvas__menu__wrapper {
		display: block;
		width: 300px;
		position: fixed;
		left: -300px;
		top: 0;
		background: #155bd5;
		z-index: 999;
		height: 100%;
		overflow-y: auto;
		padding-left: 30px;
		padding-bottom: 30px;
		padding-top: 80px;
		padding-right: 30px;
		opacity: 0;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.offcanvas__menu__wrapper.show__offcanvas__menu {
		opacity: 1;
		left: 0;
	}
	.offcanvas__menu__wrapper .canvas__close {
		font-size: 30px;
		color: #ffffff;
		position: absolute;
		right: 30px;
		top: 20px;
		cursor: pointer;
	}
	.offcanvas__menu__wrapper .offcanvas__logo {
		margin-bottom: 30px;
	}
	.offcanvas__menu__wrapper .offcanvas__menu {
		display: none;
	}
	.offcanvas__menu__wrapper .slicknav_btn {
		display: none;
	}
	.offcanvas__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.offcanvas__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.offcanvas__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.offcanvas__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.offcanvas__menu__wrapper .slicknav_nav a {
		color: #ffffff;
		font-size: 18px;
		font-weight: 500;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.offcanvas__menu__wrapper .slicknav_nav a:hover {
		border-radius: 0;
		background: transparent;
		color: #ffffff;
	}
	.offcanvas__menu__wrapper .slicknav_nav .slicknav_row,
	.offcanvas__menu__wrapper .slicknav_nav a {
		padding: 15px 0;
	}
	.offcanvas__menu__wrapper .offcanvas__info ul li {
		font-size: 16px;
		color: #ffffff;
		list-style: none;
		margin-bottom: 10px;
	}
	.offcanvas__menu__wrapper .offcanvas__info ul li span {
		height: 30px;
		width: 30px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		line-height: 30px;
		text-align: center;
		display: inline-block;
		margin-right: 5px;
	}
	.offcanvas__menu__wrapper .offcanvas__auth {
		margin-bottom: 20px;
	}
	.offcanvas__menu__wrapper .offcanvas__auth ul li {
		list-style: none;
		margin-bottom: 10px;
	}
	.offcanvas__menu__wrapper .offcanvas__auth ul li a {
		font-size: 16px;
		color: #ffffff;
		display: block;
	}
	.offcanvas__menu__wrapper .offcanvas__auth ul li a span {
		height: 30px;
		width: 30px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		line-height: 30px;
		text-align: center;
		display: inline-block;
		margin-right: 5px;
	}
	.hero__item {
		height: auto;
		padding-bottom: 100px;
	}
	.register__text .register__result ul li {
		margin-right: 10px;
	}
	.pricing__swipe-btn {
		float: none;
		margin-bottom: 40px;
	}
	.work__item {
		margin-bottom: 30px;
	}
	.plan__text {
		padding-top: 40px;
	}
	.footer__top-auth {
		padding-left: 0;
	}
	.footer__top-call {
		margin-bottom: 30px;
	}
	.about__text {
		padding-top: 40px;
	}
	.about__text .about__achievement .about__achieve__item {
		margin-right: 45px;
	}
	.team__btn {
		text-align: left;
		margin-bottom: 40px;
	}
	.team__item {
		text-align: center;
	}
	.team__item .team__pic {
		float: none;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.blog__hero__text {
		padding-top: 90px;
	}
	.hosting__text .nav-tabs .nav-item {
		width: 33.33%;
	}
	.hosting__feature__table {
		overflow-x: auto;
	}
	.question__accordin {
		margin-bottom: 20px;
	}
	.blog__sidebar {
		padding-top: 50px;
	}
	.blog__details__item .blog__details__item__pic {
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item.blog__details__comment__reply {
		margin-left: 0;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text ul {
		position: relative;
		margin-bottom: 20px;
	}
	.footer__text {
		padding-top: 210px;
	}
	.blog-hero-section {
		height: auto;
	}
	.blog-hero-section .blog__hero__pic {
		position: relative;
		width: 100%;
		height: 640px;
	}
	.blog__hero__text {
		padding-bottom: 40px;
	}
	.blog__details__option .blog__details__option__item.blog__details__option__item--next {
		padding-top: 40px;
	}
	.text__404 form {
		width: 100%;
	}
	.contact__text {
		margin-bottom: 30px;
	}
	.contact-form form .input-list {
		margin-right: 0;
		overflow: visible;
	}
	.contact-form form .input-list input {
		width: 100%;
		margin-right: 0;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.register__text .register__result ul li {
		margin-bottom: 10px;
	}
	.team__item .team__pic {
		float: none;
		margin-right: 0;
	}
	.team__item .team__text {
		overflow: visible;
		padding-top: 30px;
	}
	.hosting__text .nav-tabs .nav-item {
		width: 50%;
	}
	.blog__details__profile .blog__details__profile__pic {
		float: none;
		margin-right: 0;
	}
	.blog__details__profile .blog__details__profile__text {
		overflow: visible;
		padding-top: 30px;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__pic {
		float: none;
		margin-right: 0;
	}
	.blog__details__comment .blog__details__comment__list .blog__details__comment__item .blog__details__comment__text {
		overflow: visible;
		padding-top: 30px;
	}
	.blog__details__comment {
		padding-left: 30px;
		padding-right: 30px;
	}
	.contact__text {
		margin-bottom: 30px;
	}
	.contact__text ul li p {
		font-size: 13px;
	}
	.register__text .register__form form span:before {
		left: -5px;
	}
	.register__text .register__form form span {
		right: 135px;
	}
	.register__text .register__form form span:after {
		right: -11px;
	}
	.load-more .primary-btn {
		padding: 14px 35px 12px;
	}
}



/* 服务 */
.show_fuwu {margin:0;overflow:hidden}
.show_fuwu .fuwu_left {float:left;width:20%}
.show_fuwu .fuwu_right {float:right;width:80%;padding:0}
.show_fuwu .fuwu_nav {margin:10px 35px 0 0}
.show_fuwu .fuwu_nav a {display:block;margin-bottom:20px;padding:0 20px;height:54px;line-height:54px;background:var(--dz-bgs);border:1px solid var(--dz-eee);font-size:14px;border-radius:6px}
.show_fuwu .fuwu_nav a .discuz-icon {float:left;font-size:22px;color:var(--dz-999);margin-right:10px}
.show_fuwu .fuwu_nav a:hover, .show_fuwu .fuwu_nav a.active {background:var(--dz-color);border-color:var(--dz-color);color:var(--dz-fff)}
.show_fuwu .fuwu_nav a:hover .discuz-icon, .show_fuwu .fuwu_nav a.active .discuz-icon {color:var(--dz-fff)}
.show_fuwu .fuwu_tit {margin:10px 0;padding:14px 20px 12px;line-height:24px;background:#ecf5ff;border:1px solid #b3d8ff;font-size:13px;border-radius:6px}
.show_fuwu .fuwu_tit h2 {margin-bottom:5px;font-size:16px;font-weight:600;color:#3699FF}
.show_fuwu .fuwu_tit p {color:#3699FF}
.show_fuwu .fuwu_tit p.lks {text-indent:2em}
.show_fuwu .fuwu_txt {margin:0;line-height:40px;font-size:18px;color:var(--dz-333);font-weight:400}
.show_fuwu .fuwu_txt::before {content:" ";float:left;margin:12px 10px 0 1px;width:4px;height:16px;background:var(--dz-color);overflow:hidden;border-radius:4px}
.show_fuwu .fuwu_txt span {float:right;font-size:13px;font-weight:400;color:var(--dz-999)}

/* 服务-模块 */
.fuwu_block {margin:0 -10px}
.fuwu_block a {float:left;margin:10px;width:calc(50% - 20px);background-color:var(--dz-fff);padding:20px 20px 16px;border:1px solid var(--dz-eee);border-radius:6px;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease; -ms-transition:.3s ease;-o-transition:.3s ease}
.fuwu_block a:hover {box-shadow:0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16)}
.fuwu_block .img {display:block;background:var(--dz-fff);border:2px solid var(--dz-color);color:var(--dz-color);width:50px;height:50px;line-height:48px;text-align:center;border-radius:50%}
.fuwu_block .img img {margin-top:10px;width:26px;height:26px}
.fuwu_block .img .discuz-icon {font-size:26px}
.fuwu_block .tit {display:block;margin-top:15px;line-height:26px;font-size:16px;font-weight:400}
.fuwu_block a:hover .tit {color:var(--dz-color)}
.fuwu_block a:hover .img {background:var(--dz-color);color:var(--dz-fff)}
.fuwu_block .txt {display:block;margin-top:5px;height:48px;line-height:24px;font-size:13px;font-weight:400;color:var(--dz-999);overflow:hidden}
.fuwu_block .price {display:block;margin-top:15px;padding-top:10px;border-top:1px solid var(--dz-eee);height:35px;line-height:26px;font-size:13px;font-weight:400;color:var(--dz-666);overflow:hidden}
.fuwu_block .price_btn {display:none;float:right;padding:0 12px;height:24px;line-height:24px;background:var(--dz-color);color:var(--dz-fff);font-size:12px;font-weight:400;border-radius:4px}
.fuwu_block a:hover .price_btn {display:block}

/* 服务-表格 */
.fuwu_table {margin-top:10px;overflow:hidden}
.fuwu_table table {border: 1px solid var(--dz-eee);width:100%;overflow:hidden}
.fuwu_table table th, .fuwu_table table td {padding:10px 10px;text-align:center;overflow:hidden;line-height:30px;border:1px solid var(--dz-eee);color:var(--dz-666);font-size:13px}
.fuwu_table table th {width:55%;text-align:left;font-weight:400;overflow:hidden}
.fuwu_table table th .showhide {color:var(--dz-color);padding:0 5px;cursor:pointer;font-size:18px;font-weight:400}
.fuwu_table table th p {display:none;color:var(--dz-999);line-height:24px}
.fuwu_table table th p.show {display:block}
.fuwu_table table td.bg_td {background:var(--dz-bgs);text-align:left;padding-left:13px;color:var(--dz-333);font-weight:600}
.fuwu_table table .valid {color:#00c250}
.fuwu_table table .valid .discuz-icon {font-size:20px}
.fuwu_table table#show_table_qy th {width:44%}
.fuwu_down {display:none;margin:20px auto;text-align:center;overflow:hidden}
.fuwu_down a {display:inline-block;padding:10px 25px 10px 20px;line-height:20px;background:var(--dz-color);color:var(--dz-fff);font-size:14px;font-weight:400;text-align:left;border-radius:60px}
.fuwu_down .discuz-icon {float:left;margin-right:10px;font-size:32px;line-height:38px}
.fuwu_down em {display:block;line-height:18px;font-size:12px;text-align:left;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}

.fuwu_table table#func th.bg_td {vertical-align: middle;}

.fuwu_table #show_table_a3 thead p {
	color: #ffffff;
}
.fuwu_table #show_table_a3 thead .discuz-icon {
	color: #6e6e6e;
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
.fuwu_table #show_table_a3 tbody .icon {
	margin-left: 5px;
	width: 1.3em;
	height: 1.3em;
	color: #6e6e6e;
}
.index_box {
	overflow-x: auto;
	background: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	box-shadow: 0px 0px 10px rgba(18, 8, 81, 0.15);
	margin-bottom: 40px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.index_box:hover {
	-webkit-box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
	box-shadow: 0px 8px 30px rgba(18, 8, 81, 0.2);
}
.index_box_tip {
	display: none;
	text-align: center;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	top: 20px;
}

/* dz下载 */
.download .nav .nt{ height:46px; line-height:46px; padding:15px 0; border-bottom:#e0e0e0 1px dashed;box-sizing: unset;}
.download .nav .nt h1{ color:#ff8400; font-size:28px; font-weight: 600; background:url(../img/icon1.gif) no-repeat 0 center; float:left; padding-left:30px;}
.download .nav .nt a{ float:left;display: block;width:93px; text-align:center; font-size:14px; padding-right:44px; background:url(../img/xzb.gif) no-repeat 0 0; margin-right:20px; color:#0f62a9;box-sizing: unset;}
.download .nav .nt a:hover{ background:url(../img/xzb.gif) no-repeat 0 -46px; color:#fff;}
.download .smb{ margin: 10px 0;padding: 14px 10px 12px 30px;line-height: 24px;background: #ecf5ff;font-size: 13px;border-radius: 6px;}
.download .smb h5{ color:#ff8400; margin-bottom:10px; font-weight:normal; font-size:12px;}
.download .smb div{ line-height:24px;}
.download * {
	word-wrap: break-word;
	webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.download ul, .download  li {
	list-style: none;
}
.download .cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.download .nav .nt{ border-bottom:none; width: 100%;}
.download .code { width: 100%; background-color: #000;color: #FFF;padding: 10px;font-size: 14px; }
.ver { border-bottom:#e0e0e0 1px dashed; margin-bottom: 5px; }
.ver .info { line-height: 25px;font-size: 12px;width:45%;float: left; }
.ver .func { width: 55%;float: left;line-height: 25px;font-size: 14px;padding: 5px 0; }
.ver .func li { list-style-type: circle; }
@media screen and (min-width: 667px) and (max-width: 991px) {
	.topimg .tit { font-size: 22px; }
	.topimg .tit span  { display: none }
	.topimg { height: 80px; }
}
@media screen and (min-width:279px) and (max-width:666px){
	.ver .info { width: 100%; }
	.ver .func { width: auto; }
	.nt_info{width: 150px;margin: 0px auto;}
	.topimg .tit { font-size: 16px; }
	.topimg .tit span  { display: none }
	.topimg { height: 60px; }
}
@media only screen and (max-width: 767px) {
	#b1_qy {
		text-align: center;
	}
}

.osc_git_box{padding: 0px !important;border: 1px solid #E3E9ED;background-color: #FFF;border-radius:3px;}
.osc_git_box *{font-family:helvetica, arial, sans-serif;}
.osc_git_box a{color:#9B9B9B;border:0;text-decoration:none;}
.osc_git_box .row_left{float:left;}
.osc_git_box .row_right{float:right;}
.osc_git_box .row_clear{clear:both;}

.osc_git_box .osc_git_title{position:relative;border-bottom:1px solid #ddd;border-radius:3px 3px 0 0;_height: 1%;overflow: hidden;padding: 0 15px 0 10px;height:46px;line-height:46px;}
.osc_git_box .osc_git_title h3{font-size:16px;color:#0088CC;margin:0;padding: 13px 1px 1px 1px;line-height: 20px;}
.osc_git_box .osc_git_title .osc_git_proname{height:20px;overflow:hidden;line-height:20px;margin-left:10px;max-width: 65%;}
.osc_git_box .osc_git_title .osc_git_forkstar{font-size:12px;background-repeat:no-repeat;font-weight:normal;}

.osc_git_box .osc_git_main{color: #9B9B9B;}
.osc_git_box .osc_git_main .osc_git_info{padding:10px;font-size:14px;}
.osc_git_box .osc_git_main .osc_git_issuecommits{padding:0 10px 10px;overflow:hidden;_height:1%;}
.osc_git_box .osc_git_main ul{width:100%;margin:0;padding:0;padding-top:2px;font-size:14px;list-style-type:none;}
.osc_git_box .osc_git_main ul li{width:inherit;white-space:nowrap;}
.osc_git_box .osc_git_main ul li .row_left{overflow:hidden;max-width:85%;}
.osc_git_box .osc_git_main ul li .row_right{overflow:hidden;}

.osc_git_box .osc_git_footer{padding: 10px;line-height: 1.2;border-top:1px solid #ddd;font-size:14px;}
.osc_git_box .osc_git_copyright{text-align:center;font-weight:bold;}

.osc_pro_color {color: #4183c4 !important;}
.osc_panel_color {background-color: #ffffff !important;}
.osc_background_color {background-color: #ffffff !important;}
.osc_border_color {border-color: #e3e9ed !important;}
.osc_desc_color {color: #666666 !important;}
.osc_link_color * {color: #9b9b9b !important;}

/* 自适应处理 */
@media screen and (min-width:279px) and (max-width:666px){
	.touch_hide {display:none;}
	.touch_show {display:block;}
	.header {height:60px;line-height:60px}
	.header .logo img {height:22px}
	.header .nav_show {display:flex;justify-content:center;align-items:center;width:30px;height:30px;line-height:30px;border:1px solid var(--dz-color);border-radius:4px}
	.header .nav_show img {width:20px;height:20px}
	.header_h {height:60px}
	.header .nav {position:fixed;left:0;top:60px;z-index:200;width:100%;margin:0;display:none;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch;background:var(--dz-222);padding:5px 0;border-radius:0 0 8px 8px}
	.header .nav a {display:block;height:46px;line-height:46px;margin:0 15px;padding:0 15px;text-align:center;color:var(--dz-ccc);border-radius:6px;border-top:1px solid var(--dz-333)}
	.header .nav a:hover {color:var(--dz-fff)}
	.header .nav a.active, .header .nav a.active:hover {background:var(--dz-color);color:var(--dz-fff);border-top:none}
	.header .nav a:first-child {border-top:none}
	.header .nav a:first-child.active {margin-top:15px}
	.header .nav a:last-child.active {margin-bottom:15px}
	#nav{opacity:0}
	#nav.shownav{opacity:1}
	.index_box {padding:40px 0}
	.index_box_tip {
		display: block;
	}
	.box_title h2 {font-size:22px;padding-bottom:15px}
	.box_title p {font-size:15px}
	.index_discuz_box {padding:40px 0 115px}
	.index_discuz_box .tit {font-size:42px;line-height:42px}
	.index_discuz_box .txt {margin-top:20px;line-height:26px;font-size:14px}
	.index_discuz_box .txt span {display:block}
	.index_discuz_box .txt span em {display:none}
	.index_discuz_box .btn {margin-top:20px}
	.index_discuz_box .btn a {height:34px;line-height:35px;margin:10px;padding:0 25px}
	.index_discuz_img {margin-top:-90px;margin-bottom:30px}
	.index_discuz_img img {width:100%;margin:0 auto}
	.index_about_l {display:none;float:none;width:100%;padding-top:30px;padding-bottom:20px;padding-left:100px}
	.index_about .img::after {position:absolute;left:-80px;top:-30px;height:200px;width:150px;border:15px solid var(--dz-color)}
	.index_about .img img:first-child {max-width:98%;margin-right:5px}
	.index_about .img img:last-child {left:-95px;top:55%;width:200px}
	.index_about .img img.mob:last-child {left:-95px;top:50%;width:50%}
	.index_about_r {float:none;width:100%;padding:0}
	.index_about_r .btn {margin-top:20px;text-align:center}
	.index_about_wp {width:90%}
	.index_about_wp .btn {margin-top:20px}
	.index_merit {margin-top:15px;overflow:hidden}
	.index_merit li {float:left;margin:8px 15px;width:calc(100% - 30px);padding:15px 15px 11px}
	.index_merit li .img {width:56px;height:56px;line-height:56px}
	.index_merit li .img img {margin-top:15px;width:26px;height:26px}
	.index_merit li .img .discuz-icon {font-size:26px;line-height:52px}
	.index_merit li .tit {margin-top:10px}
	.index_merit li .txt {height:auto}
	.index_stat_tit {padding:40px 0 80px;font-size:22px;line-height:34px}
	.index_stat_tit span {font-size:16px}
	.index_stat .wp {margin-top:-50px;margin-bottom:40px}
	.index_stat_box ul {margin:0 -7px}
	.index_stat_box li {float:left;margin:8px;width:calc(50% - 16px);padding:20px 0px}
	.index_stat_box li .tit {margin-top:10px;height:34px;line-height:34px;font-size:30px}
	.index_stat_box li .tit em {font-size:18px}
	.index_video .video {width:100%;height:240px;margin:30px auto 10px}
	.index_dksay, .index_dksay_nav {margin-top:20px}
	.index_plan li {float:left;width:50%;height:150px}
	.index_plan li p {bottom:0;padding:5px 15px;font-size:12px;line-height:18px;}
	.index_plan li p span.tit {font-size:14px}
	.index_plan li p span.txt, .index_plan li p span.btn {display:none}
	.index_case_menu {border:none;margin:10px 0 10px}
	.index_case_menu a {margin:8px;background:var(--dz-eee);border-right:none;height:40px;line-height:40px;color:var(--dz-color);width:calc(33% - 16px);padding:0 8px;border-right:none;border-radius:40px}
	.index_case_menu .active, .index_case_menu a:hover {border-right:none}
	.index_case_box {width:100%}
	.index_case_box li {margin:2%;width:45%;height:70px;line-height:70px}
	.index_case_btn {margin-top:15px}
	.index_case_btn a {height:40px;line-height:40px;font-size:14px}
	.index_case_btn a img {margin-top:10px;height:18px}
	.index_case_btn a .discuz-icon {font-size:18px}
	.index_news {margin-top:25px}
	.index_news .news_li {float:none;margin-top:0;padding-bottom:20px;width:100%}
	.index_news .newsinfo h2 {margin-bottom:5px}
	.index_news .newsinfo {padding:15px}
	.index_news .newsimg {height:220px}
	.index_news .newstime {font-size:12px;margin-bottom:8px;padding-bottom:12px}
	.index_news .newstxt {margin-bottom:10px}
	.footer_tip {padding:50px 0;font-size:15px;line-height:14px}
	.footer_tip h2 {font-size:22px;line-height:22px;margin-bottom:20px}
	.footer {padding:15px 5px}
	.footer .wp, .footer_info, .footer_ewm {display:block;width:100%}
	.footer_info {padding-left:0}
	.footer_info .info_box {display:block;margin-right:0}
	.footer_info .info_box h2 {margin-bottom:5px;text-align:center}
	.footer_info .info_box .info_li {text-align:center;margin-top:8px}
	.footer_info .info_a, .footer_info .info_b, .footer_info .info_c {margin-top:20px}
	.footer_ewm {margin-top:25px;padding-right:0;text-align:center}
	.footer_ewm li {float:none;display:inline-block;margin:5px 10px 0}
	.footer_copy {padding:15px 0;line-height:24px;text-align:center}
	.footer_copy em {display:none}
	.footer_copy .z, .footer_copy .y {display:block;float:none;text-align:center}
	.footer_copy .y a {display:block;margin:0}
	.scrolltop {bottom:15px;right:15px}
	.scrolltop a {width:40px;height:40px;line-height:40px;border-radius:50%}
	.scrolltop a .discuz-icon {font-size:18px}
	.scrolltop a.scrolltop_wx, .scrolltop a.scrolltop_qq {display:none}
	.index_box_page {padding:15px 0}
	.index_box_page .index_news {margin-bottom:-10px}
	.topimg {height:200px}
	.topimg .tit {line-height:26px;font-size:26px}
	.topimg .tit span {line-height:20px;font-size:20px}
	.top_pt {height:50px;line-height:50px}
	.top_pt::before, .top_pt img {margin-top:17px}
	.index_box_page .index_about {margin:5px 0}
	.index_box_page .index_about_l {display:block}
	.show_fuwu .fuwu_left, .show_fuwu .fuwu_right {float:none;width:100%}
	.show_fuwu .fuwu_nav {margin:5px -7px;overflow:hidden}
	.show_fuwu .fuwu_nav a {float:left;width:calc(33.33333% - 14px);margin:0 7px 14px;padding:0 10px;height:40px;line-height:40px}
	.show_fuwu .fuwu_nav a .discuz-icon {margin-right:6px;font-size:20px}
	.show_fuwu .fuwu_tit {margin:0 0 8px;padding:10px 15px 10px}
	.show_fuwu .fuwu_tit h2 {font-size:15px;font-weight:600}
	.show_fuwu .fuwu_txt {font-size:16px}
	.show_fuwu .fuwu_txt span {float:none;display:block;line-height:22px}
	.fuwu_block {margin:12px 0 0}
	.fuwu_block a {float:none;display:block;margin:0 0 15px;width:100%;padding:15px}
	.fuwu_block .tit {margin-top:10px;line-height:24px;font-size:16px}
	.fuwu_block .txt {height:auto;line-height:22px}
	.fuwu_block .price {display:block;margin-top:10px;padding-top:10px;font-size:12px}
	.fuwu_block .price_btn {display:block;padding:0 12px;border-radius:30px}
	.fuwu_table, .fuwu_none {display:none}
	.fuwu_down {display:block}
	.download .smb div {padding-left: 0px;}
	.download .nav .nt {height: auto;text-align: center;}
	.download .nav .nt .y {float: unset;}
	.download .nav .nt a {float: unset; padding-right: 44px;margin: 0px auto 10px;}
	.download .nav .nt h1 {background: none;float: unset;margin-bottom: 10px;padding-left: 0px;}
}
@media screen and (min-width:667px) and (max-width:991px){
	.touch_hide {display:none;}
	.touch_show {display:block;}
	.header {height:70px;line-height:70px}
	.header .logo img {height:24px}
	.header .nav_show {display:flex;justify-content:center;align-items:center;width:30px;height:30px;line-height:30px;border:1px solid var(--dz-color);border-radius:4px}
	.header .nav_show img {width:20px;height:20px}
	.header_h {height:70px}
	.header .nav {position:fixed;left:0;top:70px;z-index:200;width:100%;margin:0;display:none;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:stretch;-webkit-justify-content:stretch;-ms-flex-pack:stretch;justify-content:stretch;background:var(--dz-222);padding:5px 0;border-radius:0 0 8px 8px}
	.header .nav a {display:block;height:46px;line-height:46px;margin:0 15px;padding:0 15px;text-align:center;color:var(--dz-ccc);border-radius:6px;border-top:1px solid var(--dz-333)}
	.header .nav a:hover {color:var(--dz-fff)}
	.header .nav a.active, .header .nav a.active:hover {background:var(--dz-color);color:var(--dz-fff);border-top:none}
	.header .nav a:first-child {border-top:none}
	.header .nav a:first-child.active {margin-top:15px}
	.header .nav a:last-child.active {margin-bottom:15px}
	#nav{opacity:0}
	#nav.shownav{opacity:1}
	.index_box {padding:50px 0}
	.box_title h2 {font-size:26px;padding-bottom:15px}
	.index_discuz_box {padding:50px 0 28%}
	.index_discuz_box .tit {font-size:62px;line-height:62px}
	.index_discuz_box .txt {margin-top:20px;line-height:24px}
	.index_discuz_box .btn {margin-top:20px}
	.index_discuz_img {margin-top:-23%;margin-bottom:50px}
	.index_about_l {display:none;float:none;width:100%;padding-top:30px}
	.index_about .img::after {position:absolute;left:-60px;top:-20px;height:200px;width:40%;border:15px solid var(--dz-color)}
	.index_about .img img:first-child {max-width:60%;margin-right:20px}
	.index_about .img img:last-child {left:-30px;top:55%;width:50%}
	.index_about .img img.mob:last-child {left:-30px;top:50%;width:30%}
	.index_about_r {float:none;width:100%;padding:0}
	.index_about_r .tit {font-size:26px;line-height:26px}
	.index_about_r .btn {margin-top:20px;text-align:center}
	.index_about_wp {width:90%}
	.index_about_wp .btn {margin-top:20px}
	.index_merit {margin-top:30px}
	.index_merit ul {margin:-8px}
	.index_merit li {float:left;margin:8px;width:calc(50% - 16px);padding:15px 15px 11px}
	.index_merit li .tit {margin-top:15px}
	.index_stat_tit {padding:50px 0 100px;font-size:24px;line-height:48px}
	.index_stat .wp {margin-top:-70px;margin-bottom:50px}
	.index_stat_box ul {margin:0}
	.index_stat_box li {float:left;margin:10px;width:calc(25% - 20px);padding:30px 0px}
	.index_stat_box li .tit {margin-top:10px;height:40px;line-height:40px;font-size:34px}
	.index_stat_box li .tit em {font-size:20px}
	.index_video .video {width:90%;height:400px;margin:30px auto 10px}
	.index_dksay, .index_dksay_nav {margin-top:30px}
	.index_plan li {float:left;width:50%;height:220px}
	.index_plan li p {bottom:0;padding:15px}
	.index_plan li p span.btn {display:none}
	.index_case_menu {border:none;margin:20px 0}
	.index_case_menu a {margin:10px;background:var(--dz-eee);border-right:none;color:var(--dz-color);width:calc(33% - 20px);padding:0 8px;border-right:none;border-radius:40px}
	.index_case_menu .active, .index_case_menu a:hover {border-right:none}
	.index_case_box {width:100%}
	.index_case_box li {margin:1%;width:30%}
	.index_case_btn {margin-top:25px}
	.index_news {margin:10px -7px 0}
	.index_news .news_li {width:33.333333%;padding:0 8px 16px;margin-top:10px;}
	.index_news .newsinfo h2 {margin-bottom:5px}
	.index_news .newsinfo {padding:15px}
	.index_news .newsimg {height:150px}
	.index_news .newstime {font-size:12px;margin-bottom:8px;padding-bottom:12px}
	.index_news .newstxt {margin-bottom:10px}
	.footer_tip {padding:50px 0;font-size:16px;line-height:16px}
	.footer_tip h2 {font-size:26px;line-height:26px;margin-bottom:20px}
	.footer {padding:15px 0}
	.footer .wp, .footer_ewm {display:block;width:100%}
	.footer_info {width:100%;padding-left:0}
	.footer_info .info_box {margin-top:0px;margin-right:60px}
	.footer_info .info_box h2 {margin-bottom:10px}
	.footer_ewm {margin-top:15px;padding-right:0;text-align:left}
	.footer_ewm li {float:none;display:inline-block;margin:5px 20px 0 0}
	.footer_ewm li img {margin-bottom:15px}
	.footer_copy {margin-top:-1px;padding:20px 0;line-height:24px;text-align:center}
	.footer_copy em {display:none}
	.footer_copy .z, .footer_copy .y {display:block;float:none;text-align:center}
	.footer_copy .y a {display:block;margin:0}
	.scrolltop {bottom:15px;right:15px}
	.scrolltop a {width:40px;height:40px;line-height:40px;border-radius:50%}
	.scrolltop a .discuz-icon {font-size:18px}
	.scrolltop a.scrolltop_wx, .scrolltop a.scrolltop_qq {display:none}
	.index_box_page {padding:10px 0}
	.index_box_page .index_news {margin-top:0}
	.topimg {height:220px}
	.topimg .tit {line-height:30px;font-size:30px}
	.topimg .tit span {line-height:22px;font-size:22px}
	.top_pt {height:50px;line-height:50px}
	.top_pt::before, .top_pt img {margin-top:17px}
	.index_box_page .index_about {margin:5px 0}
	.index_box_page .index_about_l {display:block}
	.show_fuwu .fuwu_left, .show_fuwu .fuwu_right {float:none;width:100%}
	.show_fuwu .fuwu_nav {margin:5px -7px;overflow:hidden}
	.show_fuwu .fuwu_nav a {float:left;width:calc(33.33333% - 14px);margin:0 7px 14px;padding:0 10px;height:40px;line-height:40px}
	.show_fuwu .fuwu_nav a .discuz-icon {margin-right:5px}
	.show_fuwu .fuwu_tit {margin:0 0 8px;padding:10px 15px 10px}
	.show_fuwu .fuwu_tit h2 {font-size:15px;font-weight:600}
	.show_fuwu .fuwu_txt {font-size:16px}
	.show_fuwu .fuwu_txt span {float:none;display:block;line-height:22px}
	.fuwu_block {margin:12px -7px 0}
	.fuwu_block a {display:block;margin:0 7px 15px;width:calc(50% - 14px);padding:15px}
	.fuwu_block .tit {margin-top:10px;line-height:24px;font-size:16px}
	.fuwu_block .price {display:block;margin-top:10px;padding-top:10px;font-size:12px}
	.fuwu_block .price_btn {display:block;padding:0 12px;border-radius:30px}
	.fuwu_table, .fuwu_none {display:none}
	.fuwu_down {display:block}
	.download .smb div {padding-left: 0px;}
	.download .nav .nt {height: auto;text-align: center;}
	.download .nav .nt .y {float: unset;}
	.download .nav .nt a {float: unset;display: block;padding-right: 44px;margin: 0px auto 10px;}
	.download .nav .nt h1 {background: none;float: unset;margin-bottom: 10px;padding-left: 0px;}

}
@media screen and (min-width:992px) and (max-width:1024px){
	.touch_hide {display:none;}
	.touch_show {display:block;}
	.index_box_page {padding:15px 0 10px}
	.index_box_page .index_news {margin-top:0}
	.topimg {height:250px}
	.topimg .tit {line-height:30px;font-size:30px}
	.topimg .tit span {line-height:22px;font-size:22px}
	.top_pt {height:50px;line-height:50px}
	.top_pt::before, .top_pt img {margin-top:17px}
	.index_about .img img.mob:last-child {left:-70px;top:50%;width:200px}
	.index_about_r {padding:0 0 0 30px;}
	.index_plan li {float:left;width:50%;height:250px}
	.index_plan li p {bottom:0;padding:15px}
	.index_plan li p span.btn {display:none}
	.index_news {margin:0 -10px}
	.index_news .news_li {width:33.333333%;padding:0 10px 20px;margin-top:10px;}
	.footer_info {width:70%}
	.footer_info .info_box {margin-right:60px}
	.show_fuwu .fuwu_left, .show_fuwu .fuwu_right {float:none;width:100%}
	.show_fuwu .fuwu_nav {margin:5px -7px;overflow:hidden}
	.show_fuwu .fuwu_nav a {float:left;width:auto;margin:0 7px 14px;padding:0 12px;height:40px;line-height:40px}
	.show_fuwu .fuwu_nav a .discuz-icon {margin-right:5px}
	.show_fuwu .fuwu_tit {margin:0 0 8px;padding:10px 15px 10px}
	.show_fuwu .fuwu_tit h2 {font-size:15px;font-weight:600}
	.show_fuwu .fuwu_txt {font-size:16px}
	.fuwu_block {margin:12px -7px 0}
	.fuwu_block a {display:block;margin:0 7px 15px;width:calc(50% - 14px);padding:15px}
	.fuwu_block .tit {margin-top:10px;line-height:24px;font-size:16px}
	.fuwu_block .price {display:block;margin-top:10px;padding-top:10px;font-size:12px}
	.fuwu_block .price_btn {display:block;padding:0 12px;border-radius:30px}
	.fuwu_table {margin-bottom:5px}
}

.fuwu_table {
	margin-top: 10px;
	overflow: hidden
}

.fuwu_table table {
	border: 0;
	width: 100%;
	overflow: hidden
}

.fuwu_table table th, .fuwu_table table td {
	padding: 10px 10px;
	text-align: center;
	overflow: hidden;
	line-height: 30px;
	color: var(--dz-666);
	font-size: 14px
}

.fuwu_table table th {
	width: 55%;
	text-align: left;
	font-weight: 400;
	overflow: hidden
}

.fuwu_table table th .showhide {
	color: var(--dz-color);
	padding: 0 5px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400
}

.fuwu_table table th p {
	display: none;
	color: var(--dz-999);
	line-height: 24px
}

.fuwu_table table th p.show {
	display: block
}

.fuwu_table table td.bg_td {
	background: var(--dz-bgs);
	text-align: left;
	padding-left: 13px;
	color: var(--dz-333);
	font-weight: 600
}

.fuwu_table table thead td {
	border: 0;
}

.fuwu_table table .valid {
	color: #00c250
}

.fuwu_table table .valid .dismall_icon {
	font-size: 20px
}

.fuwu_table table#show_table_qy th {
	width: 44%
}

.fuwu_table table#show_table_a3 th {
	width: auto;
	text-align: center
}

.fuwu_table table#show_table_a3 td {
	text-align: left
}

.fuwu_table table.qy th, .fuwu_table table.qy td {
	text-align: center !important;
	font-size: 12px;
}

.fuwu_table table.qy td.bg_td {
	text-align: center !important
}

.fuwu_table table.qy i.discuz-icon {
	color: var(--dz-666);
	margin-left: 5px;
	cursor: pointer;
}

.fuwu_table table.qy div.discuz-icon {
	font-weight: normal;
	font-size: 30px;
}

.fuwu_table table.qy tbody.fw td div {
	text-align:left;min-width: 300px;color: var(--dz-aaa);
}

.fuwu_table table#func th {
	width: auto;
}

.fuwu_table table#func th {
	text-align: center;
	background: var(--dz-bgs);
	font-weight: 600;
}

.yes:empty:before {
	content: "✓";
	color: #ff0000;
	font-size: 20px;
	font-weight: bold
}

.no:empty:before {
	content: "✕";
	color: #bbbbbb;
	font-size: 12px;
	font-weight: bold
}

.qrcode {
	text-align: center;
	float: right;
	right: 50px;
	position: absolute;
	color: #ffffff;
}

.qrcodeMobile {
	display: none
}

.mobile {
	display: none
}

.pc {
	display: block
}

@media screen and (min-width: 667px) and (max-width: 991px) {
	.fuwu_table, .fuwu_none {
		display: table !important;
	}

	.topimg .tit { font-size: 22px; }
	.topimg .tit span  { display: none }
}

@media screen and (min-width: 279px) and (max-width: 666px) {
	.fuwu_table, .fuwu_none {
		display: table !important;
	}

	.topimg .qrcode {
		position: initial;
		float: none
	}

	.topimg { height: 60px; }
	.topimg .tit { font-size: 16px; }
	.topimg .tit span  { display: none }

	.mobile {
		display: block
	}

	.pc {
		/* display: none */
	}

	.qrcode {
		display: none
	}

	.qrcodeMobile {
		display: block;
		text-align: center;
		margin-top: 10px
	}

	.fuwu_table table th, .fuwu_table table td {
		line-height: 25px
	}
}


/*
 时间轴
 */


.main-timeline:after {
	content: '';
	display: block;
	clear: both;
}

.main-timeline:before {
	content: '';
	height: 100%;
	width: 2px;
	border: 2px dashed #000;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: 30px;
}

.main-timeline .timeline {
	width: 50%;
	padding: 100px 70px 0 25px;
	margin: 0 50px 0 0;
	float: left;
	position: relative;
}

.main-timeline .timeline-content {
	padding: 15px 15px 15px 40px;
	border: 2px solid #4dd4ac;
	border-radius: 15px 0 15px 15px;
	display: block;
	position: relative;
}

.main-timeline .timeline-content:hover {
	text-decoration: none;
}

.main-timeline .timeline-content:after {
	content: '';
	background-color: #4dd4ac;
	height: 18px;
	width: 15px;
	position: absolute;
	right: -15px;
	top: -2px;
	clip-path: polygon(100% 0,0 0,0 100%);
}

.main-timeline .timeline-year {
	color: #fff;
	background-color: #4dd4ac;
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	line-height: 98px;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	position: absolute;
	right: -120px;
	top: -85px;
}

.main-timeline .timeline-year:after {
	content: '';
	height: 130px;
	width: 130px;
	border: 8px solid #4dd4ac;
	border-left-color: transparent;
	border-radius: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-20deg);
	position: absolute;
	left: 50%;
	top: 50%;
}

.main-timeline .timeline-icon {
	color: #fff;
	background-color: #4dd4ac;
	font-size: 35px;
	text-align: center;
	line-height: 50px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	top: 50%;
	left: -25px;
	transition: all 0.3s;
}

.main-timeline .title {
	color: #222;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 7px 0;
}

.main-timeline .description {
	color: #222;
	font-size: 15px;
	letter-spacing: 1px;
	text-align: justify;
	margin: 0 0 5px;
}

.main-timeline .timeline:nth-child(even) {
	padding: 100px 25px 0 70px;
	margin: 0 0 0 50px;
	float: right;
}

.main-timeline .timeline:nth-child(even) .timeline-content {
	padding: 15px 40px 15px 15px;
	border-radius: 0 15px 15px 15px;
}

.main-timeline .timeline:nth-child(even) .timeline-content:after {
	transform: rotateY(180deg);
	right: auto;
	left: -15px;
}

.main-timeline .timeline:nth-child(even) .timeline-year {
	right: auto;
	left: -120px;
}

.main-timeline .timeline:nth-child(even) .timeline-year:after {
	transform: translateX(-50%) translateY(-50%) rotate(200deg);
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
	left: auto;
	right: -25px;
}

.timeline:nth-child(4n+2) .timeline-content,.timeline:nth-child(4n+2) .timeline-year:after {
	border-color: #8c68cd;
}

.timeline:nth-child(4n+2) .timeline-year:after {
	border-left-color: transparent;
}

.timeline:nth-child(4n+2) .timeline-content:after,.timeline:nth-child(4n+2) .timeline-icon,.timeline:nth-child(4n+2) .timeline-year {
	background-color: #8c68cd;
}

.timeline:nth-child(4n+3) .timeline-content,.timeline:nth-child(4n+3) .timeline-year:after {
	border-color: #fd9843;
}

.timeline:nth-child(4n+3) .timeline-year:after {
	border-left-color: transparent;
}

.timeline:nth-child(4n+3) .timeline-content:after,.timeline:nth-child(4n+3) .timeline-icon,.timeline:nth-child(4n+3) .timeline-year {
	background-color: #fd9843;
}

.timeline:nth-child(4n+4) .timeline-content,.timeline:nth-child(4n+4) .timeline-year:after {
	border-color: #3d8bfd;
}

.timeline:nth-child(4n+4) .timeline-year:after {
	border-left-color: transparent;
}

.timeline:nth-child(4n+4) .timeline-content:after,.timeline:nth-child(4n+4) .timeline-icon,.timeline:nth-child(4n+4) .timeline-year {
	background-color: #3d8bfd;
}

@media screen and (max-width: 767px) {
	.main-timeline:before {
		display:none;
	}

	.main-timeline .timeline {
		width: 100%;
		padding-top: 80px;
		padding-right: 12px;
		margin-bottom: 20px;
	}

	.main-timeline .timeline:nth-child(even) {
		padding-left: 10px;
		padding-top: 80px;
		margin-bottom: 20px;
	}

	.main-timeline .timeline-content,.main-timeline .main-timeline .timeline:nth-child(even) .timeline-content {
		background-color: #fff;
		padding-top: 25px;
	}

	.main-timeline .timeline-content:after {
		display: none;
	}

	.main-timeline .timeline-year {
		font-size: 16px;
		line-height: 70px;
		height: 70px;
		width: 70px;
		right: 0;
		top: -65px;
	}

	.main-timeline .timeline-year:after {
		display: none;
	}

	.main-timeline .timeline:nth-child(even) .timeline-year {
		left: 3px;
	}
}

@media screen and (max-width: 567px) {
	.main-timeline .title {
		font-size:18px;
	}
}



.buy .services_btn {
	height: 35px;
	border-radius: 100px;
	border: 1px solid rgb(255 255 255 / 100%);
	font-size: 14px;
	font-weight: 500;
	padding: 0 22px;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	flex-direction: row;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	background-color: transparent;
	color: rgb(255 255 255 / 100%);
	outline: none;
}
.buy .services_btn:hover {
	background-color: #ffffff;
	color: #155bd5;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

@media (min-width: 576px) {
	.modal {
		--bs-modal-margin: 1.75rem;
		--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	}
}

.modal {
	--bs-modal-zindex: 1055;
	--bs-modal-width: 500px;
	--bs-modal-padding: 1rem;
	--bs-modal-margin: 0.5rem;
	--bs-modal-color: #ffffff;
	--bs-modal-bg: var(--bs-body-bg);
	--bs-modal-border-color: var(--bs-border-color-translucent);
	--bs-modal-border-width: var(--bs-border-width);
	--bs-modal-border-radius: var(--bs-border-radius-lg);
	--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--bs-modal-inner-border-radius: -webkit-calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
	--bs-modal-inner-border-radius: -moz-calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
	--bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
	--bs-modal-header-padding-x: 1rem;
	--bs-modal-header-padding-y: 1rem;
	--bs-modal-header-padding: 1rem 1rem;
	--bs-modal-header-border-color: var(--bs-border-color);
	--bs-modal-header-border-width: var(--bs-border-width);
	--bs-modal-title-line-height: 1.5;
	--bs-modal-footer-gap: 0.5rem;
	--bs-modal-footer-bg: #ffffff;
	--bs-modal-footer-border-color: var(--bs-border-color);
	--bs-modal-footer-border-width: var(--bs-border-width);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1055;
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
}

.fade {
	display: none;
}
.show {
	display: block;
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	-moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	transform: translateY(-50px);
}



.modal-content, .modal-dialog-centered {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
}

.modal-dialog-centered {
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	min-height: -webkit-calc(100% - var(--bs-modal-margin) * 2);
	min-height: -moz-calc(100% - var(--bs-modal-margin) * 2);
	min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: var(--bs-modal-margin);
	pointer-events: none;
}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: var(--bs-modal-width);
		margin-right: auto;
		margin-left: auto;
	}
}
.modal-content {
	position: relative;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	flex-direction: column;
	width: 100%;
	color: var(--bs-modal-color);
	pointer-events: auto;
	background-color: var(--bs-modal-bg);
	background-clip: padding-box;
	border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
	border-radius: var(--bs-modal-border-radius);
	outline: 0;
}
.modal-content, .modal-dialog-centered {
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
}
.modal-content {
	border-radius: 8px!important;
	overflow: hidden;
}
.modal-body {
	position: relative;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	flex: 1 1 auto;
	padding: var(--bs-modal-padding);
}

.modal-body-form {
	padding: 20px 40px!important;
	border-radius: 4px;
	overflow: hidden;
	background-color: #ffffff;
}
.modal-body-form:after, .modal-body-form:before {
	position: absolute;
	content: "";
	display: block;
	background-repeat: no-repeat;
	-moz-background-size: 100%;
	background-size: 100%;
}
.modal-body-form:before {
	top: 0;
	right: 0;
	width: 135px;
	height: 97px;
	background-image: url(../img/buy/dialog-form-before.svg);
}
.modal-body-form:after {
	z-index: 1066;
	bottom: 0;
	left: 0;
	width: 86px;
	height: 61px;
	background-image: url(../img/buy/dialog-form-after.svg);
}

.modal-body-form:after, .modal-body-form:before {
	position: absolute;
	content: "";
	display: block;
	background-repeat: no-repeat;
	-moz-background-size: 100%;
	background-size: 100%;
}
.modal-body-close {
	position: absolute;
	right: 12px;
	top: 12px;
	cursor: pointer;
	background-color: rgba(36,40,48,.05);
	padding: 8px;
	border-radius: 100%;
}
.modal-body-form .modal-body-close+div {
	position: relative;
	z-index: 1;
}

.dialog-form {
	position: relative;
	z-index: 1;
}
.dialog-form-logo {
	height: 22px;
	overflow: hidden;
	margin-bottom: 22px;
	margin-top: 10px;
}
.dialog-form-logo img {
	display: block;
	height: 100%;
}
.modal img, .modal svg {
	vertical-align: middle;
}
.dialog-form-head {
	color: #000000;
	font-family: "SourceSC";
	font-size: 26px;
	line-height: 36px;
	font-weight: 700;
	margin-bottom: 24px;
	text-align: center;
}
.discuz_huoke_layout {
	background-color: #ffffff;
	border-radius: 10px;
}
.dialog-form .discuz_huoke_layout .discuz_huoke_p_qrcode.discuz_huoke_p_qrcode_plugin {
	width: 200px!important;
	margin: 0 auto!important;
	padding: 28px 0 89px!important;
}
.discuz_huoke_layout .discuz_huoke_p_qrcode.discuz_huoke_p_qrcode_plugin {
	margin: unset;
	padding: unset;
}
.discuz_huoke_layout .discuz_huoke_p_qrcode {
	background-color: #ffffff;
	margin: auto 24px;
	padding: 24px 0 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	display: flex;
}
.dialog-form .discuz_huoke_layout .discuz_huoke_p_qrcode .discuz_huoke_body.discuz_huoke_only_plugin {
	width: 200px!important;
}
.discuz_huoke_layout .discuz_huoke_p_qrcode .discuz_huoke_body.discuz_huoke_only_plugin {
	padding: unset;
	width: 100% !important;
}
.discuz_huoke_layout .discuz_huoke_p_qrcode .discuz_huoke_body {
	width: 100%;
	padding: 20px 44px 25px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.discuz_huoke_layout .discuz_huoke_p_qrcode .discuz_huoke_body .discuz_huoke_content {
	width: 100%;
	margin-bottom: 100%;
	position: relative;
}
.discuz_huoke_layout .discuz_huoke_p_qrcode .discuz_huoke_body .discuz_huoke_content .discuz_huoke_qrcodeImage {
	background-color: rgba(0, 0, 0, 0.02);
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	width: 100% !important;
	height: auto !important;
}
.discuz_huoke_layout .discuz_huoke_only_plugin + .discuz_huoke_btn {
	margin-top: 16px;
}
.discuz_huoke_layout .discuz_huoke_btn {
	width: 100%;
	background-color: #2196f3;
	color: #ffffff;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	font-weight: 500;
	border: unset;
	border-radius: 6px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 3px;
}
.modal-body-close i {
	display: block;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
}

.svgicon {
	display: inline-block;
	font-size: 0;
	line-height: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	font-style: normal;
}