body {
	position: relative;
  	padding-top: 100px;
  	padding-bottom: 140px;
}
.layui-row {
	position: relative;
}
.index-classify {
	line-height: 40px;
	font-size: 28px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.index-classify span {
    font-size: 16px;
    color: rgba(0, 0, 0, .65);
    font-weight: 500;
}
.index-sub {
	line-height: 20px;
	margin-top: 10px;
	font-size: 14px;
	color: #424242;
	text-align: center;
}
/*
*	.header
*/
.header {
	position: fixed;
  	top: 0;
  	z-index: 9999;
  	width: 100%;
}
.header-top {
	width: 100%;
	background-color: #2E3130;
}
.header-top-box {
	width: 1200px;
	height: 34px;
	line-height: 34px;
	margin: 0 auto;
}
.header-top .header-item a, .header-top .header-item span{
  	position: relative;
	display: block;
	font-size: 14px;
	color: rgba(255, 255, 255, .8);
}
.header-top .header-item a:hover, .header-top .header-item span:hover {
	color: rgba(255, 255, 255, 1);
}
.header-top .header-item span:hover ul {
	height: 150px;
}
.header-top .header-rg .header-item a:hover, header-top .header-rg .header-items span:hover {
	color: #6d97f5!important;
}
.header-top .header-dropdown {
	position: absolute;
	top: 34px;
  	left: -20px;
	z-index: 999;
	width: 100px;
	height: 0;
	background: #2E3130;
	overflow: hidden;
}
.header-top .header-dropdown a {
	display: block;
	line-height: 30px;
	font-size: 14px;
	color: rgba(255, 255, 255, .8);
	text-align: center;
}
#ewm {
	position: relative;
}
#ewm:hover .ewm {
	height: 124px;
}
.header-top .ewm {
  	position: absolute;
  	top: 34px;
  	left: -30px;
  	z-index: 999999;
  	height: 0;
}
.header-lf {
	width: 50%;
  	height: 100%;
}
.header-rg {
	width: 50%;
  	height: 100%;
}
.header-bottom {
	height: 66px;
	background: #FFF;
}
.header-bottom ul {
	width: 1200px;
	margin: 0 auto;
}
.logo-box img {
	width: 160px;
	height: 46px;
	margin: 10px 30px;
}
.header-bottom .header-item {
	position: relative;
	margin-right: 20px;
}
.header-bottom .header-item a {
	display: inline-block;
	line-height: 64px;
	font-size: 16px;
	color: #424242;
}
.header-bottom .header-item a:hover {
	color: #6d97f5;
}
.search-box {
	position: relative;
	width: 320px;
	height: 40px;
	border: 1px solid #6d97f5;
	margin-top: 13px;
}
.search-box input {
	width: 100%;
	height: 100%;
	padding-left: 10px;
}
.search-img {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 38px;
	background: #6d97f5 url('../images/index/search.png') center center no-repeat;
	cursor: pointer;
}
.sc-middle {
	margin-right: 25px;
}
.sc-middle img {
	width: 160px;
	height: 46px;
	margin: 10px 0;
}
.sc-small {
	padding: 0 20px;
}
.sc-small img{
	width: 160px;
	height: 46px;
	margin: 10px 0;
}
.sc-small>div {
	position: relative;
}
.sc-small input {
	width: 520px;
	height: 40px;
	padding-left: 15px;
	margin: 13px 0;
	border: 1px solid #6d97f5;
}
#auto {
	position: absolute;
  	top: 40px!important;
  	left: 1px!important;
  	z-index: 999;
  	width: 100%!important;
  	box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}
.keyitem {
	line-height: 34px;
  	background: #FFF;
  	padding-left: 10px;
  	font-size: 14px;
  	color: #999
}
/*
*	.banner
*/
.banner {
	position: relative;
	width: 100%!important;
}
.banner-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner-img {
	width: 100%;
	height: 500px;
}
.banner-img_1 {
	background: url('../images/index/banner1.png') center center no-repeat;
  	/*background-size: 100% 100%;*/
}
.banner-img_2 {
	background: url('../images/index/shangmenquyang.png') center center no-repeat;
  	/*background-size: 100% 100%;*/
}
.banner-img_3 {
	background: url('../images/index/banner3.png') center center no-repeat;
  	/*background-size: 100% 100%;*/
}
.banner-img_4 {
	background: url('../images/index/banner4.png') center center no-repeat;
  	/*background-size: 100% 100%;*/
}
.banner-img_5 {
	background: url('../images/index/banner5.png') center center no-repeat;
  	/*background-size: 100% 100%*/
}
.banner-img_6 {
	background: url('../images/index/banner6.png') center center no-repeat; 
}
.banner-img_7 {
	background: url('../images/index/banner7.png') center center no-repeat; 
}
@media screen and (min-width: 1921px) {
  	.banner-img_1, .banner-img_2, .banner-img_3, .banner-img_4, .banner-img_5 {
  		background-size: 100% 100%;
  	}
}
.banner-img a {
	display: block;
	width: 100%;
  	height: 100%;
}
#banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align: center;
}
#banner .dots li {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #FFF;
	/* background: #6d97f5; */
	border-radius: 50%;
	cursor: pointer;
	/* opacity: .2; */
	transition: all .3s;
}
#banner .dots li.active {
	background: #FFF;
	opacity: 1;
}

/*
*	.sic-service
*/
.sci-ser {
	background: #FFF;
}
.sci-ser-container {
	width: 1200px;
	margin: 0 auto;
	padding: 61px 0 9px 0;
	background: #FFF;
}
.ser-item {
	min-height: 210px;
}
.ser-item-img {
  	display: block;
	min-height: 65px;
}
.ser-item-logo {
	display: block;
	margin: 0 auto;
}
.ser-name {
	display: block;
	line-height: 25px;
	margin: 11px 0 8px 0;
	font-size: 18px;
	color: #424242;
	font-weight: bold;
}
.ser-name a:hover {
	color: #6d97f5;
}
.ser-desc {
	line-height: 28px;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.ser-desc a:hover {
	color: #6d97f5;
}
/*
*	.sci-vip
*/
.sci-vip {
	background-color: #F4FBF8;
}
.sci-vip-container {
	width: 1200px;
	margin: 0 auto;
	padding: 33px 0 30px 0;
	background-color: #F4FBF8;
}
.vip-item {
	position: relative;
	width: 570px;
	/* width: 380px; */
	height: 300px;
	box-shadow: 0px 0px 30px 4px #D6E2DD;
}
.vip-item_1 {
	background: #FFF url('../images/index/vip111.png') no-repeat -10px -10px;
}
.vip-item_2 {
	background: #FFF url('../images/index/vip222.png') no-repeat -10px -10px;
}
.vip-item_3 {
	background: #FFF url('../images/index/vip333.png') no-repeat -10px -10px;
}
.vip-item h2 {
	line-height: 22px;
	font-size: 16px;
	color: #333;
	text-align: center;
	font-weight: bold;
}
.vip-item .vip-item-header {
	position: relative;
	min-height: 90px;
	padding-top: 24px;
}
.vip-item p {
	line-height: 20px;
	margin-top: 7px;
	font-size: 14px;
	color: #424242;
	text-align: center;
}
#vip-list_1, #vip-list_2, #vip-list_3 {
	overflow: hidden;
	height: 192px;
	padding-top: 6px;
}
.vip-item ul {
	height: 100%;
	padding: 0 30px;
}
.vip-item ul li {
	min-height: 37px;
	line-height: 37px;
	font-size: 14px;
	color: #666;
	border-bottom: 1px dashed #E1E1E1;
}
.vip-item ul li>div {
	overflow: hidden;
  	white-space: nowrap;
  	text-overflow: ellipsis;
}
.vip-line {
	position: absolute;
	bottom: 0px;
	z-index: 99;
	display: block;
	width: 100%;
	height: 2px;
}
.vip-item_1 .vip-line {
	background-image: linear-gradient(90deg, #F8F1CB 0%, #EFDE9C 100%);
}
.vip-item_2 .vip-line {
	background-image: linear-gradient(90deg,#DDC04F 0%, #EFDE9C 100%);
}
.vip-item_3 .vip-line {
	background-image: linear-gradient(90deg,#BB974F 0%,#DDC04F 100%);
}
.update-time {
	position: absolute;
	top: -13px;
	right: 19px;
	line-height: 17px;
	font-size: 12px;
	color: #999;
}
.vip-apply-btn {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 38px;
	margin: 26px auto 0;
	background: rgba(0, 0, 0, 0);
	font-size: 16px;
	color: #D1AC60;
	text-align: center;
	font-weight: bold;
	border: 1px solid #D1AC60;
	border-radius: 100px;
	cursor: pointer;
}
.vip-apply-btn:hover {
	color: #FFF;
	border-color: #6d97f5;
	background: #6d97f5;
}
/*
*	.sci-progress
*/
.sci-pro {
	padding: 53px 0 70px;
	background-color: #FFF;
	overflow: hidden;
}
.sci-pro-container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	background: #FFF;
}
.sci-pro-bg {
	position: absolute;
	left: -351px;
  	top: 0;
	bottom: 0;
  	margin: auto;
}
#draw-progress {
	display: none;
}
#analysis-progress {
	display: none;
}
.sci-pro-cont {
	width: 100%;
	height: 260px;
	margin-top: 47px;
}
.sci-pro-lf {
	position: relative;
	width: 160px;
	height: 100%;
}
.sci-pro-lf:after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #D6E2DD;
}
.sci-pro-list {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 160px;
	height: 111px;
}
.sci-pro-test {
	background-image: linear-gradient(90deg,#FFF 0%,rgba(50, 214, 147, .2) 100%);
}
.sci-pro-draw {
	background-image: linear-gradient(90deg,#FFF 0%,rgba(96, 141, 247, .2) 100%);	
}
.sci-pro-analysis {
	background-image: linear-gradient(90deg,#FFF 0%,rgba(250, 191, 123, .2) 100%);
}
.sci-pro-test:after, .sci-pro-draw:after, .sci-pro-analysis:after {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	content: '';
	display: block;
	width: 2px;
	height: 32px;
}
.sci-pro-test:after {
	background: #6d97f5;
}
.sci-pro-draw:after {
	background: #608DF7;
}
.sci-pro-analysis:after {
	background: #FABF7B;	
}
.sci-pro-list li {
	position: relative;
	line-height: 32px;
	padding-right: 25px;
	font-size: 16px;
	color: #424242;
	cursor: pointer;
}
.sci-pro-rt {
	width: 1040px;
	height: 260px;
}
.sci-pro-rt>div {
	position: relative;
	min-height: 130px;
}
.sci-pro-rt .sci-pro-img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left:44px;
}
.sci-pro-rt .sci-pro-img img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.sci-pro-rt .sci-pro-desc {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 110px;
	margin: auto;
	height: 75px;
}
.sci-pro-rt div h1 {
	line-height: 22px;
	font-size: 16px;
	color: #424242;
	font-weight: bold;
}
.sci-pro-rt div p {
	line-height: 22px;
	font-size: 14px;
	color: #424242;
	margin-top: 9px;
}

/*
*	.sci-sup
*/
.sci-sup {
	background: #F4F8FB;
}
.sci-sup-container {
	width: 1200px;
	margin: 0 auto;
	padding: 34px 0 55px 0;
	background: #F4F8FB;
}
.sup-item-box {
	position: relative;
	margin-top: 45px;
	padding: 0 10px;
}
.sup-item-active {
	transform: scale(1.1);
}
.sup-item {
	position: relative;
	width: 150px;
	height: 150px;
	border-radius: 20px;
}
.sup-item_1 {
	background: #6d97f5 url('../images/index/cash.png') no-repeat center 34px;
}
.sup-item_2 {
	background: #32D6C8 url('../images/index/group.png') no-repeat center 34px;
}
.sup-item_3 {
	background: #44A3E0 url('../images/index/prestore.png') no-repeat center 36px;
}
.sup-item_4 {
	background: #446CE0 url('../images/index/credit.png') no-repeat center 34px;
}
.sup-item_5 {
	background: #8669EE url('../images/index/card.png') no-repeat center 34px;
}
.sup-name {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 18px;
	color: #FFF;
	text-align: center;
}
.dot-group {
	position: absolute;
	top: 50%;
	margin-top: -6px;
}
.dot-group_2 {
	left: 185px;
}
.dot-group_3 {
	left: 445px;
}
.dot-group_4 {
	left: 700px;
}
.dot-group_5 {
	left: 960px;
}
.dot-group .dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 10px;
}
.dot-group_2 .dot {
	background: #32D6C8;
}
.dot-group_3 .dot {
	background: #44A3E0;
}
.dot-group_4 .dot {
	background: #446CE0;
}
.dot-group_5 .dot {
	background: #8669EE;
}
.sup-desc-hide {
	position: relative;
	width: 100%;
	height: 70px;
	line-height: 70px;
	margin-top: 50px;
	background: #FFF;
	overflow: hidden;
}
.sup-desc-container {
	position: absolute;
	left: 0;
	width: 6000px;
	height: 70px;
}
.sup-desc {
	position: absolute;
	width: 100%;
	line-height: 70px;
	height: 70px;
	padding-left: 50px;
	font-size: 14px;
	color: #333;
}
#onlinePay {
	left: 0px;
}
#groupPay {
	left: 1200px;
}
#prestorePay {
	left: 2400px;
}
#creditPay {
	left: 3600px;
}
#cardPay {
	left: 4800px;
}
/*
*	.sci-adv
*/
.sci-adv {
	background: #FFF;
	/*padding: 34px 0 48px 0;*/
	overflow: hidden;
}
.sci-adv-container {
	width: 1200px;
	margin: 0 auto;
	padding: 34px 0 48px 0;
	position: relative;
	background: #FFF;
}
.sci-adv-bg {
	position: absolute;
	right: -351px;
	bottom: -48px;
}
.adv-item-box {
	margin-top: 45px;
}
.adv-logo {
	display: block;
	margin: auto;
}
.adv-item img {
	min-height: 70px;
}
.adv-item h1 {
	line-height: 33px;
	margin-top: 20px;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.adv-item p {
	line-height: 24px;
	margin-top: 10px;
	font-size: 14px;
	color: #666;
	text-align: center;
}
.adv-item .route-left {
	position: absolute;
	left: 0;
	top: 104px;
	width: 100px;
	height: 100px; 
	background: url('../images/index/route1.png'); 
}
.adv-item .route-right {
	position: absolute;
	right: 0;
	top: 104px;
	width: 100px;
	height: 100px;
	background: url('../images/index/route2.png');
}
.sci-data {
	width: 1200px;
	margin: 67px auto 0;
	padding: 0 110px 0 108px;
}
.data-item {
	width: 20%;
	position: relative;
	text-align: center;
}
.data-item:before {
	display: block;
	content: '';
	width: 70px;
	height: 4px;
	margin: 0 auto;
	background: #D6E2DD;
}
.data-item h1 {
	line-height: 20px;
	margin: 10px 0;
	font-size: 14px;
	color: #333;
	text-align: center;
}
.data-item span {
	font-size: 14px;
	color: #333;
}
.data-item .unit {
	vertical-align: top;
	line-height: 30px;
	margin-left: 5px;
}
.data-item .data {
	font-size: 30px;
	font-weight: bold;
}
/*致谢*/
.sci-thanks-container {
    padding: 48px 0 60px 0;
    background: #F4FBF8;
}
.thanks-list-box {
  	position: relative;
    width: 1200px;
    margin: 24px auto 0;
    /*height: 677px;*/
    padding: 0 30px 25px;
    background: #FFF;
    box-shadow: 0px 0px 30px 4px #D6E2DD;
}
.thanks-list-box > div {
	/*height: 586px;
	overflow: hidden;*/
}
.thanks-list {
  	position: relative;
	width: 100%;
}
.thanks-list tr {
	border-bottom: 1px solid rgba(187, 151, 79, 0.5);
}
.thanks-list .col1 {
	width: 190px;
  	padding-left: 10px;
}
.thanks-list .col1 span {
	display: block;
	line-height: 34px;
	margin-bottom: 7px;
	font-size: 24px;
	color: #FEA000;
	font-weight: bold;
}
.thanks-list .col2 {
	width: 230px;
  	line-height: 20px;
  	padding-right: 15px;
}
.thanks-list .col3 {
	width: 180px;
	padding: 5px 30px 5px 0;
}
.thanks-list .col4 {
	width: 260px;
	padding: 20px 12px 20px 0;
}
.thanks-list .col5 {
	padding: 20px 10px 20px 0;
}
.thanks-list th {
	height: 80px;
	font-size: 16px;
	color: rgba(0, 0, 0, .85);
	font-weight: bold;
	text-align: left;
}
.thanks-list td {
	min-height: 100px;
	font-size: 14px;
	color: rgba(0, 0, 0, .65);
}
.thanks-list td.col1 {
	font-size: 14px;
	color: #1890FF;
}
.thanks-list td a {
  	display: inline-block;
	color: #6d97f5;
}
.thanks-list td a span {
	float: right;
	width: 200px;
	margin-left: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: rgba(0, 0, 0, .65);
}
.thanks-list td a span:hover {
	color: #6d97f5;
}
.thanks-list td span {
	color: #FEA000;
}
.refer_detail {
  	font-size: 14px;
  	color: #424242;
}
.refer_detail:hover {
	color: #6d97f5;
}
.refer_detail span {
	color: #6d97f5;
}
.refer_all {
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #6d97f5;
	margin: 26px auto 0;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	border-radius: 100px;
}
.refer_all:hover {
	color: #FFF;
}
/*
*	.sci-user
*/
.sci-user {
	position: relative;
	background: #FCF5E2;
	padding-top: 45px;
}
.sci-user-box {
	width: 100%;
	margin: 35px auto 0;
	padding-bottom: 41px;
	background: #FCF5E2;
}
.sci-user .img-box-hide{
  	width:750px;
  	overflow:hidden;
  	margin:0 auto;
}
.sci-user .img-box{
  	width:767px;
  	margin:51px auto 0;
  	overflow-y:auto;
  	position:relative;
  	text-align:center
}
.sci-user .img-box:after{
  	content:"";
  	display:block;
  	clear:both
}
.sci-user .img-box img{
  	width:750px;
  	position:absolute;
  	left:0;
}
.user-box-con {
	width: 1200px;
	margin: 0 auto;
	/*padding: 45px 0 41px 0;*/
	position: relative;
	background: #FCF5E2;
}
.user-box-con .conbox {
	position: relative;
	overflow: hidden;
}
.user-box-con .conbox ul {
	position: relative;
}
.user-box-con .conbox ul li {
	width: 260px;
	height: 400px;
	overflow: hidden;
	margin-left: 53px;
}
.user-box-con .conbox ul li:first-child {
	margin-left: 0!important;
}
.user-box-con .conbox ul li img {
	/*display: block;
	width: 260px;
	height: 400px;*/
}
.user-box-con .conbox ul li .img1 {
	display: block;
	width: 100%;
	height: 260px;
	/*background: lightgreen;*/
}
.user-box-con .conbox ul li .cont {
	width: 100%;
	height: 140px;
	background: #F4FbF8;
	padding: 11px 10px 11px 19px;
}
.user-box-con .cont {
	width: 100%;
	height: 100%;
	font-size: 14px;
}
.user-box-con .cont div {
	width: 126px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.user-box-con .cont div p {
	line-height: 24px;
	color: #999;
}
.user-box-con .cont div p.service {
	color: #424242;
}
.user-box-con .cont div p span {
	color: #424242;
}
.user-box-con .cont div p span.font-active {
	color: #6d97f5;
	font-weight: bold;
}
.user-box-con .img2 {
	display: block;
	width: 90px;
	height: 100%;
	background: lightyellow;
}
.Box .BoxSwitch {
	margin-top: 30px;
	text-align: center;
}
.BoxSwitch span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	background: #BDC9C4;
	cursor: pointer;
}
.Box .BoxSwitch span.cur {
	width: 30px;
	border-radius: 5px;
	background: #6d97f5;
	transition: all .5s;
}
			
/*
*	.sci-footer
*/
.sci-footer {
  	position: absolute;
  	bottom: 0;
  	width: 100%;
	min-height: 140px;
	padding-top: 30px;
	background: #2E3130;
}
.ft-item-container {
	position: relative;
	width: 532px;
	min-height: 42px;
	margin: 0 auto;
}
.ft-item-container:after {
	position: absolute;
	bottom: 0;
	left: -39px;
	display: block;
	width: 610px;
	height: 2px;
	background: #FFF;
	opacity: .7;
	filter: alpha(opacity: 80);
}
.ft-item {
	padding: 0 16px;
	line-height: 20px;
	text-align: center;
}
.ft-item a {
	display: inline-block;
	font-size: 14px;
	color: #FFF;
	opacity: .8;
	filter: alpha(opacity: 80);
}
.sci-footer h1 {
	line-height: 20px;
	margin-top: 6px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	opacity: .6;
	filter: alpha(opacity: 80);
}

@media screen and (min-width: 1660px ) {
	.sc-large {
		display: block;
	}
	.sc-middle {
		display: none;
	}
	.sc-small {
		display: none;
	}
}
@media screen and (max-width: 1659px) and (min-width: 1200px) {
	.sc-large {
		display: none;
	}
	.sc-middle {
		display: block;
	}
	.sc-small {
		display: none;
	}
}
@media screen and (max-width: 1199px) {
	.sc-large {
		display: none;
	}
	.sc-middle {
		display: none;
	}
  	.sc-small {
  		display: block;
  	}
	.header-top, .header-top-box{
		width: 100%;
		padding: 0 10px;
	}
	.search-box {
		display: none;
	}
	.header-bottom {
		height: auto;
	}
	.header-bottom ul {
		width: 100%;
		padding: 0 20px;
		border-top: 1px solid #D6DBD9;
	}
	.header-bottom .header-item a {
		height: 34px;
		line-height: 34px;
		margin-right: 35px;
	}
	.sc-small .search-img {
		top: 14px;
	}
}
#kxlogo {
	text-align: center;
}