html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }

/* S容器*/

.flex {
    display: flex;
}
.flex-inline {
    display: inline-flex;
}

/*垂直对齐*/
.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.align-stretch {
    align-items: stretch;
}

/*水平对齐*/
.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

/*排列方式*/
.flex-direction {
    flex-direction: column;
}

/*换行*/
.flex-wrap {
    flex-wrap: wrap;
}


/* S 项目属性*/

/*项目*/
.flex-1 {
    flex: 1;
}
.flex-sub {
    flex: 1;
}

.flex-twice {
    flex: 2;
}

.flex-treble {
    flex: 3;
}
/*单个项目不缩小*/
.flex-shrink-0{
    flex-shrink: 0;
}

/*单个项目垂直方向对齐*/
.self-start {
    align-self: flex-start;
}

.self-center {
    align-self: flex-center;
}

.self-end {
    align-self: flex-end;
}

.self-stretch {
    align-self: stretch;
}


/*单个项目占比*/
.basis-xs {
    flex-basis: 20%;
}

.basis-sm {
    flex-basis: 40%;
}

.basis-df {
    flex-basis: 50%;
}

.basis-lg {
    flex-basis: 60%;
}

.basis-xl {
    flex-basis: 80%;
}

/* 字数省略 */
.line-clamp2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-clamp1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.header {
	padding: 0 50px;
	height: 100px;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
}
.header .logo-section {}
.header .logo-section .logo{
	width: 177px;
}
.header .logo-section .lline{
	width: 1px;
	height: 46px;
	background: #DDDDDD;
	margin: 0 40px;
}
.header .logo-section .summary{
	width: 213px;
}
.header .navs{}
.header .navs .nav{
	padding: 0 20px;
	text-align: center;
	font-size: 18px;
	color: #333333;
	position: relative;
	height: 80px;
	display: block;
	line-height: 80px;
	text-decoration: none;
}
.header .navs .nav:hover{
	color: #4D59FF;
}
.header .navs .nav.active {
	color: #4D59FF;
}
.header .navs .nav:hover::after {
	content: '';
	height: 2px;
	width: 60%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	background: linear-gradient( 270deg, #5F37CB 0%, #0AC2F3 100%);
	border-radius: 3px 3px 3px 3px;
}
.header .navs .nav.active::after {
	content: '';
	height: 2px;
	width: 60%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	background: linear-gradient( 270deg, #5F37CB 0%, #0AC2F3 100%);
	border-radius: 3px 3px 3px 3px;
}
.header .manages{
	margin-left: 20px;
}
.header .manages .manage{
	background: #E8ECFF;
	border-radius: 6px 6px 6px 6px;
	font-size: 14px;
	color: #333333;
	padding: 10px;
	margin-left: 30px;
	
}
.header .manages .manage.merchant{
	background: linear-gradient( 270deg, #5F37CB 0%, #0AC2F3 100%);
	color: #fff;
}

.layout {
	width: 1200px;
	margin: 0 auto;
}

.layout .layout-title {
	font-weight: bold;
	font-size: 50px;
	color: #333333;
	text-align: center;
}
.layout .layout-summary {
	font-weight: 300;
	font-size: 18px;
	color: #333333;
	text-align: center;
	margin: 20px 0 30px;
}

.banner {
	height: 480px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.core {
	padding: 75px 30px;
}

.core .core-items{
	margin: 60px 0;
	padding: 0 30px;
}
.core .core-items .items{}
.core .core-items .items li{
	width: 360px;
	padding: 30px;
	box-sizing: border-box;
	background: #FFFFFF;
	text-align: center;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
}
.core .core-items .icon{
	width: 192px;
}
.core .core-items .title{
	font-size: 24px;
	color: #333333;
	margin-top: 20px;
}

.core .content{
	margin-top: 20px;
	padding: 10px 30px 10px 90px;
	background: #FFFFFF;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
}
.core .content .left {
	margin-bottom: 20px;
}
.core .content .left .title{
	font-weight: 800;
	font-size: 36px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 0;
}
.core .content .left li{
	font-size: 18px;
	color: #333333;
	line-height: 2;
	display: flex;
	align-items: center;
}
.core .content .left .icon{
	width: 18px;
	margin-right: 10px;
}

.core .content .bicon {
	width: 554px;
}

.service {
	padding: 50px 0;
	
}
.service .service-items{
	width: 100%;
	margin-top: 40px;
}
.service .service-items .info{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	padding: 20px 0;
}
.service .service-items .info .title{
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 10px;
}
.service .service-items .info .btn{
	border-radius: 16px 16px 16px 16px;
	border: 1px solid #FFFFFF;
	padding: 3px 10px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	
}
.service ul li {
	width: 176px;
	height: 380px;
	position: relative;
	opacity: 0.9;
	cursor: pointer;
}
.service ul li:hover {
	opacity: 1;
}
.service ul li:nth-child(1) {
	background: url(../img/consumer_01.png) no-repeat left center / cover;
}

.service ul li:nth-child(2) {
	background: url(../img/consumer_02.png) no-repeat left center / cover;
}

.service ul li:nth-child(3) {
	background: url(../img/consumer_03.png) no-repeat left center / cover;
}

.service ul li:nth-child(4) {
	background: url(../img/consumer_04.png) no-repeat left center / cover;
}

.service ul li:nth-child(5) {
	background: url(../img/consumer_05.png) no-repeat left center / cover;
}

.service ul li:nth-child(6) {
	background: url(../img/consumer_06.png) no-repeat left center / cover;
}
.service .btitle {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin: 30px 0 10px;
	text-align: center;
}

.service .bdesc {
	font-size: 18px;
	color: #333333;
	text-align: center;
}

.city {
	margin-top: 100px;
	padding: 0px 30px;
	background: url(../img/map.png) no-repeat top center;
}

.city .city-items {
	margin-top: 100px;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #C5D3FF;
	margin-bottom: 140px;
}
.city .city-items ul li{
	text-align: center;
	width: 160px;
	padding: 5px 0 20px;
	margin-bottom: -5px;
	cursor: pointer;
	
}
.city .city-items ul li.active{
	background: url(../img/city_line.png) no-repeat center bottom/cover;
}
.city .city-items ul li .icon{
	width:78px;
	margin-top: 5px;
}
.city .city-items ul li .title{
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	margin-top: 20px;
	text-align: center;
}
.city .city-items ul li .product-items{
	position: absolute;
	bottom: -40px;
	left: 0px;
	width: 1100px;
	display: none;
}
.city .city-items ul li.active .product-items{ 
	display: block;
}
.city .city-items ul li .product-items .product-item{
	margin-left: 20px;
	font-size: 14px;
	color: #333333;
}

.city  .guarantee-items {
	margin-top: 70px;
	margin-bottom: 50px;
}

.city  .guarantee-items ul li {
	width: 270px;
	height: 430px;
	background: #FFFFFF;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
}

.city  .guarantee-items ul li .icon {
	width: 100%;
}

.city  .guarantee-items ul li .info {
	padding: 20px 30px;
}
.city  .guarantee-items ul li .info .title {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}
.city  .guarantee-items ul li .info .desc {
	font-size: 14px;
	color: #333333;
	line-height: 26px;
}


.contact {
	
}
.contact .contact-items{
	padding: 50px 150px;
}
.contact .contact-items .left{
	
}
.contact .contact-items .left h2{
	font-weight: bold;
	font-size: 36px;
	color: #333333;
}
.contact .contact-items .left h4{
	font-size: 24px;
	color: #333333;
	margin: 20px 0 30px;
}
.contact .contact-items .left .btn{
	background: linear-gradient( 308deg, #5F37CB 0%, #0AC2F3 100%);
	border-radius: 6px 6px 6px 6px;
	padding: 15px 40px;
	font-size: 20px;
	color: #FFFFFF;
}
.contact .contact-items .right{}
.contact .contact-items .right h4{
	font-size: 20px;
	color: #333333;
	text-align: center;
	margin-bottom: 20px;
}
.contact .contact-items .right .qr{
	width: 256px;
}
.service {
	
}
.service .more {
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	padding: 10px 50px;
	color: #333;
	font-size: 20px;
	margin: 60px auto 20px;
	width: 100px;
	display: block;
	text-align: center;
}
.footer {
	background: #fff;
	padding: 20px 0;
}
.footer {} .copyright {
	text-align: center;
	font-size: 14px;
	color: #333333;
}


.checkin{
	padding: 50px 0;
	text-align: center;
}
.checkin .icon{
	width: 916px;
}

.sale {
	
	padding: 90px 0;
}

.sale .sale-items{
	margin-top: 80px;
}
.sale .sale-items li{
	width: 90px;
	text-align: center;
}
.sale .sale-items li .icon{
	width: 73px;
}
.sale .sale-items li .title{
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	margin: 10px 0;
}
.sale .sale-items li .desc{
	font-size: 14px;
	color: #999999;
}
.sale .sale-items li .arrow {
	width:22px;
	margin-top: 20px;
}
.checkin {
	padding: 90px 0;
	height: 744px;
	box-sizing: border-box;
}
.shades {
	padding: 88px 30px;
}
.shades-section {
	margin: 50px auto 0;
	width: 1180px;
}
.shades-section ul{
	width: 1180px;
}
.shades-section ul li{
	width: 160px;
	height: 418px;
	border-radius: 10px 10px 10px 10px;
	transition: all .2s ease-out;
	cursor: pointer;
	position: relative;
}

.shades-section ul li:nth-child(1) {
	background: url(../img/shades_01.png) no-repeat left center / cover;
}

.shades-section ul li:nth-child(2) {
	background: url(../img/shades_02.png) no-repeat left center / cover;
}

.shades-section ul li:nth-child(3) {
	background: url(../img/shades_03.png) no-repeat left center / cover;
}

.shades-section ul li:nth-child(4) {
	background: url(../img/shades_04.png) no-repeat left center / cover;
}

.shades-section ul li:nth-child(5) {
	background: url(../img/shades_05.png) no-repeat left center / cover;
}

.shades-section ul li:nth-child(6) {
	background: url(../img/shades_06.png) no-repeat left center / cover;
}

.shades-section ul li.active {
	width: 280px;
}

.shades-section ul li .tag{
	width: 82px;
	height: 36px;
	background: #2189FF;
	border-radius: 10px 0px 10px 0px;
	opacity: 0.8;
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	line-height: 36px;
}
.shades-section ul li .tag.red {
	background: #FF2138;
}

.shades-section ul li .tag.red {
	background: #12A83A;
}
.shades-section ul li .info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 30px;
}
.shades-section ul li .title{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
}
.shades-section ul li.active .title {
	text-align: left;
}
.shades-section ul li .desc {
	font-weight: 400;
	font-size: 14px;
	color: #FFFFFF;
	display: none;
	margin-top: 10px;
	word-wrap: break-all;
}
.shades-section ul li.active .desc{
	display: block
}


.join {
	padding: 100px 0;
}
.join .joing-items{
	margin-left: 50%;
}
.join .joing-items h3{
	font-weight: 600;
	font-size: 36px;
	color: #333333;
}

.join .joing-items h4{
	font-size: 18px;
	color: #333333;
	margin: 10px 0 50px;
}

.join .joing-items .btn {
	background: linear-gradient( 308deg, #5F37CB 0%, #0AC2F3 100%);
	border-radius: 6px 6px 6px 6px;
	padding: 15px 40px;
	font-size: 20px;
	color: #FFFFFF;
}

.four-setps {
	padding: 80px 0;
}
.four-setps .four-items{
	margin: 0 auto;
	text-align: center;
}
.four-setps .four-items .icon{
	width: 1103px;
	margin: 50px auto 20px;
}
.four-setps .four-items ul {width: 1120px;margin:0 auto}
.four-setps .four-items ul li {
	text-align: center;
	width: 170px;
}

.four-setps .four-items ul li .tag{
	font-weight: 300;
	font-size: 14px;
	color: #030D95;
}
.four-setps .four-items ul li .title{
	font-size: 18px;
	color: #333333;
	margin: 10px 0;
}
.four-setps .four-items ul li .desc{
	font-size: 14px;
	color: #999999;
}


.management {
	padding: 80px 0;
}
.management .management-section{
		margin-top: 60px;
}
.management .management-section li{
	background: #FFFFFF;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
	padding:0 30px;
	width: 520px;
	height: 200px;
}
.management .management-section li .info{
	width:300px;

}
.management .management-section li .info .title{
	font-weight: bold;
	font-size: 28px;
	color: #333333;
}
.management .management-section li .info .desc{
	font-size: 14px;
	color: #333333;
	margin-top: 10px;
}
.management .management-section li .btn {
	background: linear-gradient( 308deg, #5F37CB 0%, #0AC2F3 100%);
	border-radius: 6px 6px 6px 6px;
	padding: 15px 40px;
	font-size: 20px;
	color: #FFFFFF;
}

.lock {
	padding: 80px 0;
}

.lock .lock-section{
	margin-top: 50px;
}
.lock .lock-section li {
	background: #fff;
	width: 360px;
}
.lock .lock-section .icon{
	width: 360px;
	height: 200px;
}
.lock .lock-section .info{
	padding: 30px;
	height: 90px;
	/* box-sizing: border-box; */
}
.lock .lock-section .info .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 20px;
}
.lock .lock-section .info .desc{
	font-size: 14px;
	color: #333333;
}

.intro {
	padding: 80px 0;
}

.intro .intro-section{
	margin-top: 50px;
	background: #FFFFFF;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
}
.intro .intro-section li{}
.intro .intro-section li .icon{
	width: 563px;
}
.intro .intro-section .info{
	padding: 50px 80px;
	height: 150px;
}
.intro .intro-section .info .title{
	font-size: 18px;
	color: #333333;
	margin-bottom: 70px;
}
.intro .intro-section .info .btn{
	background: linear-gradient( 308deg, #5F37CB 0%, #0AC2F3 100%);
	border-radius: 6px 6px 6px 6px;
	padding: 15px 40px;
	font-size: 20px;
	color: #FFFFFF;
}


.process{
	padding: 80px 0;
}
.process .process-section{
	margin-top: 0px;
	
}
.process .process-section ul {
	margin-left: -30px;
}
.process .process-section li:nth-child(1){
	position: relative;
	width: 348px;
	height: 426px;
}
.process .process-section li:not(:first-child){
	position: relative;
	width: 348px;
	height: 426px;
	margin-left: -120px;
}
.process .process-section li .icon {}
.process .process-section li:nth-child(1) .info {
	left: 50px;
}
.process .process-section li:nth-child(2) .info {
	left: 65px;
}
.process .process-section li:nth-child(3) .info {
	left: 65px;
}
.process .process-section li:nth-child(4) .info {
	left: 70px;
}
.process .process-section li:nth-child(5) .info {
	left: 75px;
}

.process .process-section li .info{
	position: absolute;
	left: 0;
	bottom: 100px;
	right: 0;
	width: 200px;

}
.process .process-section li .info .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
	text-align: center;
}
.process .process-section li .info .desc{
	font-size: 14px;
	color: #333333;
	text-align: center;
}


.line {
	padding: 80px 0;
}
.line .line-section {
	
	margin: 80px auto 0;
	width: 1000px;
}
.line .line-section li{
	text-align: center;
	width: 210px;
}
.line .line-section .icon{
	width: 135px;
	height: 135px;
}
.line .line-section  .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
	text-align: center;
	margin: 10px 0;
}
.line .line-section  .desc{
	font-size: 14px;
	color: #333333;
	text-align: center;
}


.contract {
	padding: 80px 0;
}
.contract .contract-section {
	width: 1120px;
	margin: 80px auto 0;
	background-color: #fff;
}
.contract .contract-section li:first-child{
	width: 420px;
}
.contract .contract-section li:last-child{
	padding: 0 80px;
}
.contract .contract-section .icon{
	width: 420px;
	height: 400px;
}
.contract .contract-section li .info {
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}

.contract .contract-section li .info:last-child {
	border-bottom: none;
}
.contract .contract-section  .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
	margint-bottom: 10px;
	text-align: left;
}
.contract .contract-section  .desc{
	font-size: 14px;
	color: #333333;
	text-align: left;
}


.scene{
	padding: 80px 0;
}
.scene .scene-section{
	margin-top: 90px;
}
.scene .scene-section .items li{
	width: 20%;
	text-align: center;
	margin:0 0 80px;
}
.scene .scene-section .items .icon{
	width: 80px;
	height: 80px;
}
.scene .scene-section .items .title{
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.scene .scene-section .list {
	margin-top: 20px;
	
}
.scene .scene-section .list li{
	background: #FFFFFF;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
}
.scene .scene-section .list .info{
	padding: 20px;
}
.scene .scene-section .list .icon{
	width: 360px;
}

.scene .scene-section .list .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;

}
.scene .scene-section .list .desc{
	font-size: 14px;
	color: #333333;
	font-weight: 400;
}
.scene .scene-section .list .litems{
	padding-right: 30px;
	margin-top: 30px;
	
}

.scene .scene-section .list .litems h3{
	font-weight: 800;
	font-size: 18px;
	color: #333333;
}
.scene .scene-section .list .litems h4{
	font-size: 14px;
	color: #333333;
}

.online {
	padding: 80px 0;
}

.online .online-section{
	margin-top: 50px;
}
.online .online-section li {
	background: #fff;
	width: 360px;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
}
.online .online-section .icon{
	width: 360px;
	height: 200px;
}
.online .online-section .info{
	padding: 20px;
	height: 90px;
	/* box-sizing: border-box; */
}
.online .online-section .info .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}
.online .online-section .info .desc{
	font-size: 14px;
	color: #333333;
}

.solution {
	padding: 80px 0 80px 100px;
}

.solution .layout-title {
	text-align: left;
}

.solution .layout-summary {
	text-align: left;
}

.solution .solution-section{
	background: #FFFFFF;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
	padding: 30px 40px;
	border-radius: 20px 20px 20px 20px;
	width: 1000px;
}
.solution .solution-section li{
	width: 200px;
}
.solution .solution-section .icon{
	width: 200px;
}
.solution .solution-section .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 20px;
}

.solution .solution-section .desc {
	font-size: 14px;
	color: #333333;
}


.four-setps  .list {
	margin-top: 100px;
	
}
.four-setps  .list li{
	background: #FFFFFF;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
}
.four-setps .list .info{
	padding: 20px;
}
.four-setps .four-setps-section .list .icon{
	width: 360px;
}

.four-setps .list .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;

}
.four-setps .list .tip{
	font-size: 14px;
	color: #999999;
	margin-bottom: 10px;
}
.four-setps .list .desc{
	font-size: 14px;
	color: #333333;
	font-weight: 400;
}
.four-setps .list .items{
	margin-top: 30px;
	
}

.four-setps  .list .items h3{
	font-weight: 800;
	font-size: 18px;
	color: #333333;
}

.four-setps  .list .items h3 span{
	font-size: 12px;
}
.four-setps  .list .items h4{
	font-size: 14px;
	color: #333333;
}

.add-services {
	padding: 100px 0;
	
}
.add-services .ser-section {
	width: 1000px;
	margin: 0 auto;
}
.add-services .ser-section li{
	text-align: center;
	width: 250px;
	height: 350px;
}
.add-services .ser-section li {
	
}

.add-services .ser-section .icon{
	width: 150px;
	height: 150px;
}
.add-services .ser-section .title{
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
	text-align: center;
	margin: 10px 0;
}
.add-services .ser-section .desc{
	font-size: 14px;
	color: #333333;
	text-align: center;
}

.service-items {
	
}
.service-items .item{
	padding: 50px 30px 20px;
	text-align: center;
	box-shadow: 0px 0px 30px 1px rgba(148,176,255,0.37);
	background: linear-gradient( 180deg, #DAE8FF 0%, rgba(218,232,255,0) 20%);
	width: 320px;
	height: 493px;
}
.service-items .item h2{
	font-weight: bold;
	font-size: 24px;
	color: #333333;
}
.service-items .item h3{
	font-size: 14px;
	color: #999999;
	margin-top: 5px;
}
.service-items .item h4{
	font-weight: 800;
	font-size: 30px;
	color: #0055FF;
	margin: 50px 0;
}
.service-items .item h4 span{
	font-size: 16px;
}
.service-items .item .list-items{}
.service-items .item .list-items li{
	font-size: 18px;
	color: #333333;
	margin-bottom: 20px;
	
}
.service-items .item .list-items h5{
	display: flex;
	align-items: center;
}
.service-items .item .list-items h5 i{
	width: 7px;
	height: 7px;
	background: #0D56FF;
	border-radius: 7px;
	margin-right: 10px;
}
.service-items .item .list-items h6{
	font-size: 14px;
	color: #999999;
	text-align: left;
	padding-left: 15px;
}

.service-items .item.better{
	background: linear-gradient( 180deg, #CEF0F9 0%, rgba(218,232,255,0) 30%)
}
.service-items .item.best{
	background: linear-gradient( 180deg, #E9E5FB 0%, rgba(218,232,255,0) 20%)
}
.service-items .item.better h4{
	color: #399BD1;
}
.service-items .item.best h4{
	color: #A70DFF;
}
.service-items .item.better .list-items h5 i{
	background: #399BD1;
}
.service-items .item.best .list-items h5 i{
	background: #A70DFF;
}