* {
	margin: 0;
	padding: 0;
}

dl dd,
ul li {
	list-style: none;
}

input {
	outline: none;
	background-color: rgba(0, 0, 0, 0);

}

input:-webkit-autofill {
	box-shadow: 0 0 0 0 #fff inset;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
	transition: background-color 5000s ease-out 0.5s;
}

.l {
	float: left;
}

.f {
	float: right;
}

html,
body {
	font-size: 12px;
	color: #333;
}

.w {
	width: 1200px;
}

.header {
	width: 100%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999999;
}
.header_box{
	box-shadow:  0 0 8px #bac8cc;
}

.headerNav {
	width: 1200px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
	min-width: 1200px;
}

.headerNav div {
	display: flex;
	justify-content: space-between;
	width: 60%;
	height: 100%;
	align-items: center;
}

.headerNav div a {
	color: #000;
	font-size: 14px;
	padding: 4px 12px;
}

.headerNav div a:hover,
.nav-on {
	cursor: pointer;
	color: #3B43F2 !important;
	background-color: #fff;
	padding: 4px 12px;
	border-radius: 20px;
}

.headerNav div ul {
	display: flex;
	align-items: center;
}

.headerNav div ul .f-l-h-l {
	width: 37px !important;
	height: 23px !important;
	font-size: 14px;
}



.onComputing {
	background-color: #2476FF;
	color: #fff !important;
	border-radius: 30px;
}

.f-l-h-l {
	width: 61px;
	height: 32px;
	background-color: #FD4C5C;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff !important;
	font-size: 16px;
	border-radius: 1px;
	margin-right: 10px;
}

.indexbanner {
	width: 100%;
	background-image: linear-gradient(to right, #072461, #1e3fb7);
	height: 600px;
	overflow: hidden;
}
.indexbannerbox {
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.indexbannerbox-right {
	position: absolute;
	right: 80px;
	top: 120px;
	width: 202px;
}

.indexbannerbox-right div {
	width: 202px;
	height: 52px;
	background-color: rgba(5, 24, 24, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	margin-bottom: 30px;
	font-size: 14px;
	position: relative;
}

.indexbannerbox-right div::after {
	content: "";
	position: absolute;
	left: 0;
	top: -13px;
	width: 100%;
	height: 13px;
	background-size: 100% 13px;
	background-repeat: no-repeat;
}

.indexbannerbox-right_a::after {
	background-image: url("../newsimg/icon-01.png");
}

.indexbannerbox-right_b::after {
	background-image: url("../newsimg/icon-02.png");
}

.indexbannerbox-right_c::after {
	background-image: url("../newsimg/icon-03.png");
}

.indexbannerbox-right_d::after {
	background-image: url("../newsimg/icon-04.png");
}

.indexbannerbox-right div:hover,
.indexbannerboxon {
	color: #00CEFF !important;
	cursor: pointer;
}

.indexbannerbox-left {
	width: 800px;
	height: 530px;
	margin-top: 5%;
	position: relative;
	overflow: hidden;
}
#chartmapindex{
	width: 100%;
	height: 100%;
}
.indexPowerMarket {
	width: 100%;
	height: 166px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	background-color: #F6F6F6;
}

.indexPowerMarket div:nth-child(1) {
	font-size: 28px;
	color: #183B56;
	margin-bottom: 10px;
	font-weight: bold;
}

.indexPowerMarket div:nth-child(2) {
	font-size: 16px;
	color: #183B56;

}

.indexPowerMarket div:nth-child(2) a {
	font-size: 16px;
	color: #F80C00;
	margin-left: 15px;
}

.indexPowerMarketlist {
	width: 1140px;
	margin: 0 auto;
	padding-top: 100px;

}

.indexPowerMarketlist ul {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.indexPowerMarketlist ul li {
	width: 360px;
	height: 400px;
}

.indexPowerMarketlist-img {
	position: relative;
	width: 100%;
	height: 260px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 3px #c2caf2;
	border-radius: 3px;
	background-color: #F5F5F5;
}
.indexPowerMarketlist a:hover .indexPowerMarketlist-img{
	background-color: #e7f2fa;
}
.indexPowerMarketlist-img img {
	width: 100px;
	position: absolute;
}

.indexPowerMarketlist-inco {
	display: none;
	position: absolute;
	left: 20px;
	bottom: 15px;
	z-index: 9999;

}

.indexPowerMarketlist-inco div:nth-child(1) {
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: flex-end;
}

.indexPowerMarketlist-inco div:nth-child(1) span {
	font-size: 16px;
	position: relative;
	margin-right: 5px;
	bottom: 3px;
}

.indexPowerMarketlist-inco div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 30px;
	border-radius: 3px;
	background-color: #FF7C00;
	color: #fff;
	font-size: 13px;
	margin: 7px 0;
}

.indexPowerMarketlist-inco div:nth-child(2) span {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url("../newsimg/icon-05.png");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	margin-right: 8px;
}

.indexPowerMarketlist-inco div:nth-child(3) {
	font-size: 14px;
	color: #fff;
}

.indexPowerMarketlist ul li dl {
	margin-left: 20px;
	margin-top: 15px;
	position: relative;

}

.indexPowerMarketlist ul li dl::after {
	content: "";
	position: absolute;
	width: 4px;
	border-radius: 2px;
	height: 20px;
	background-color: #FAAD13;
	left: -15px;
	top: 0;
}

.indexPowerMarketlist ul li dl dd:nth-child(1) {
	font-size: 16px;
	color: #183B56;
	margin-bottom: 3px;
}

.indexPowerMarketlist ul li dl dd:nth-child(2) {
	font-size: 14px;
	color: #5A7184;
	line-height: 24px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.indexPowerMarketlist-img i {
	position: absolute;
	right: 30px;
	top: -16px;
	width: 37px;
	height: 37px;
	border-radius: 5px;
	background-color: #1565D8;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-size: 18px;
	color: #fff;
}

.indexpowerDemand {
	width: 100%;
	height: 780px;
	background-image: url("../newsimg/icon-06.png");
	background-size: 100% 2225px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}

.indexpowerDemandtitle {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	margin-top: 168px;
}

.indexpowerDemandtitle div:nth-child(1) {
	font-size: 12px;
	color: #36B37E;
}

.indexpowerDemandtitle div:nth-child(2) {
	font-size: 30px;
	color: #183B56;
	margin: 5px 0;
}

.indexpowerDemandtitle div:nth-child(3) {
	height: 2px;
	background-color: #FF9600;
	width: 80px;
	margin-bottom: 10px;
}

.indexpowerDemandtitle div:nth-child(4) {
	font-size: 14px;
	color: #5A7184;
	margin: 5px 0;
	width: 400px;
	text-align: center;
	line-height: 30px;
}
.indexpowerDemandtitle div:nth-child(4) a{
	font-size: 14px;
	color: #F80C00;
	margin-left: 15px;
}

.indexpowerDemandtitle div:nth-child(5) {
	margin-top: 10px;
}

.indexpowerDemandtitle div:nth-child(5) dl {
	display: flex;
	width: 200px;
	justify-content: space-between;
}

.indexpowerDemandtitle div:nth-child(5) dl dd {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #183B56;
	font-weight: 200;
}

.indexpowerDemandtitle div:nth-child(5) dl span {
	display: block;
	width: 24px;
	height: 24px;
	background-image: url("../newsimg/icon-07.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 22px;
	margin-right: 5px;

}

.indexpowerDemandtlist {
	width: 1130px;
	overflow: hidden;
	margin: 40px auto 0 auto;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	padding-bottom: 10px
}

.indexpowerDemandtlistinfo {
	background-color: #fff;
	width: 263px;
	height: 316px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	border-radius: 5px;
	margin-top: 30px;
	border: 1px solid #E5EAF4;

}

.indexpowerDemandtlistinfo:hover {
	cursor: pointer;
	box-shadow: 0 3px 10px #e7e4e9;
}

.indexpowerDemandtlistinfo div img {
	width: 64px;

}

.indexpowerDemandtlistinfo div:nth-child(1) {
	margin-bottom: 16px;
	margin-top: 5px;
}

.indexpowerDemandtlistinfo div:nth-child(2) {
	font-size: 16px;
	font-weight: bold;
	color: #183B56;
	margin-bottom: 10px;
}

.indexpowerDemandtlistinfo div:nth-child(3) {
	font-size: 12px;
	color: #183B56;
	width: 80%;
	text-align: center;
	line-height: 26px;
	height: 83px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.indexpowerDemandtlistinfo div:nth-child(4) {
	align-items: flex-start;
	width: 70%;
	text-indent: 20px;
	position: relative;
	margin: 7px 0;
	font-size: 12px;
}

.indexpowerDemandtlistinfo div:nth-child(4)::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 17px;
	height: 2px;
	margin-top: -1px;
	background-color: #FD4C5C;
}

.indexpowerDemandtlistinfo div:nth-child(5) {
	display: flex;
	margin-top: 10px;
}

.indexpowerDemandtlistinfo div:nth-child(5) a {
	width: 80px;
	height: 28px;
	display: block;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.indexpowerDemandtlistinfo div:nth-child(5) a:nth-child(1) {
	border: 1px solid #4B4B4B;
	background-color: #fff;
	color: #4B4B4B;
	margin-right: 20px;
}

.indexpowerDemandtlistinfo div:nth-child(5) a:nth-child(2) {

	border: 1px solid #FF621A;
	color: #fff;
	background-color: #FF621A;
}

.indexTransactions {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.indexTransactions::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 360px;
	left: 0;
	top: 0;
	background-color: #ECF4FF;
	z-index: 1;
}

.indexTransactionsTitle {
	display: flex;
	justify-content: center;
	flex-flow: column;
	position: relative;
	z-index: 9999;
	margin-top: 70px;
}

.indexTransactionsTitle div {
	display: flex;
	justify-content: center;
}

.indexTransactionsTitle div:nth-child(1) {
	font-size: 30px;
	color: #183B56;
}

.indexTransactionsTitle div:nth-child(2) {
	width: 100px;
	height: 2px;
	background-color: #FF9600;
	margin: 15px auto;
}

.indexTransactionsTitle div:nth-child(3) {
	font-size: 18px;
	color: #868E9C;
	margin-bottom: 7px;
}

.indexTransactionsTitle div:nth-child(4) {
	font-size: 13px;
	color: #36B37E;
}

.indexTransactionsNews {
	width: 1100px;
	height: 316px;
	background-color: #fff;
	border: 1px solid #D7E5FF;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
	box-shadow: 0 3px 13px #e6e6e6;
	border-radius: 5px;
	margin-top: 40px;
	display: flex;
	justify-content: space-around;

}

.indexTransactionsNews div {
	width: 42%;
	display: flex;
	flex-flow: column;
	margin: 40px auto;
	justify-content: space-between;
}

.indexTransactionsNews div a {
	display: block;
	position: relative;
	font-size: 14px;
	color: #242424;
	line-height: 30px;
	padding-left: 30px;
	overflow: hidden;
	margin-bottom: 20px;

}

.indexTransactionsNews div a:hover {
	color: #2476FF;
}

.indexTransactionsNews div a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 20px;
	height: 20px;
	background-image: url("../newsimg/icon-16.png");
	background-size: 20px;
	background-repeat: no-repeat;

}

.indexTransactionsNews::before {
	content: "";
	position: absolute;
	left: 50%;
	height: 236px;
	top: 50%;
	width: 1px;
	margin-top: -118px;
	background-color: #DADADA;
}

.indexCaseExcellent {
	width: 1200px;
	margin: 50px auto;
	margin-top: 100px;
	height: 861px;
	background-image: url("../newsimg/icon-18.png");
	background-size: 702px 861px;
	background-position: right top;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
}

.indexCaseExcellent-left {
	width: 460px;
}

.indexCaseExcellent-left div:nth-child(1) {
	font-size: 14px;
	color: #36B37E;
	margin-bottom: 30px;
}

.indexCaseExcellent-left div:nth-child(2) {
	font-size: 30px;
	color: #183B56;
}

.indexCaseExcellent-left div:nth-child(3) {
	width: 80px;
	height: 2px;
	background-color: #FF9600;
	margin-top: 30px;
}

.indexCaseExcellent-left div:nth-child(4) {
	font-size: 25px;
	color: #183B56;
	margin-top: 30px;
}

.indexCaseExcellent-left div:nth-child(5) {
	font-size: 14px;
	color: #5A7184;
	font-weight: 250;
	line-height: 30px;
	margin-top: 30px;
}

.indexCaseExcellent-left dl {
	display: flex;
	flex-flow: wrap;
	margin-top: 30px;

}

.indexCaseExcellent-left dl dd {
	width: 50%;
	font-size: 14px;
	color: #183B56;
	font-weight: 300;
	height: 40px;
	line-height: 40px;
	text-indent: 35px;
	background-image: url("../newsimg/icon-19.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 26px;
	margin-bottom: 20px;
}

.indexPartners {
	width: 100%;
	height: 367px;
	background: #1565D8 url("../newsimg/icon-20.png");
	background-position: center center;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	flex-flow: column;
}

.indexPartners div:nth-child(1) {
	font-size: 30px;
}

.indexPartners div:nth-child(2) {
	width: 60px;
	height: 2px;
	background-color: #fff;
	margin: 10px auto;
}

.indexPartners div:nth-child(3) {
	font-size: 18px;
}

.indexPartners div:nth-child(4) {
	font-size: 13px;
	margin-top: 5px;
}

.indexPartnersbanner {
	width: 1100px;
	margin: 0 auto;
	height: 230px;
	position: relative;
	top: -80px;
	padding: 30px 50px;

}

.indexPartnersbanner .swiper-wrapper {
	padding-bottom: 30px;
}

.indexPartnersbanner .swiper-slide {
	background: #fff;
	box-shadow: 0 5px 10px #e6e6e6;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 1px solid #D7E5FF;
	background-image: url("../newsimg/icon-21.png");
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: left 30px;
	flex-flow: column;
}

.indexPartnersbanner .swiper-slide dl {
	display: flex;
	width: 80%;
	height: 110px;

}

.indexPartnersbanner .swiper-slide dl img {
	width: 30px;
	margin-right: 10px;
	border-radius: 50%;
}

.indexPartnersbanner .swiper-slide dl dd {
	font-size: 14px
}

.indexPartnersbanner .swiper-slide dl dd:nth-child(2) {
	position: relative;
	top: 5px;
}

.indexPartnersbanner .swiper-slide div {
	position: absolute;
	right: 30px;
	bottom: 30px;
	font-size: 14px;
}

.indexPartnersbanner .swiper-button-next:after,
.indexPartnersbanner .swiper-rtl .swiper-button-prev:after,
.indexPartnersbanner .swiper-button-prev:after,
.indexPartnersbanner .swiper-rtl .swiper-button-next:after {
	font-size: 40px;
	color: #ccc;
}

/* .indexPartnersbanner .swiper-button-prev{
	left: -40px;
}
.indexPartnersbanner .swiper-button-next{
		right: -40px;
} */

.indexPartnerslist {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	position: relative;
	top: -50px;
}

.indexPartnerslist div {
	width: 100px;
	height: 45px;
	background-color: #fff;
	border: 1px solid #D7E5FF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	margin-bottom: 20px;
	box-shadow: 0 2px 4px #f3f1f1;
}

.indexPartnerslist div img {
	width: 65%;
	height: 45px;
	display: block;
	float: left;
	vertical-align: middle;
	object-fit: contain;

}

/* 登录 */
.login {
	width: 100%;
	height: 100%;
	background-image: url("../newsimg/login-bg.png");
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loginbox {
	width: 1080px;
	height: 600px;
	background-color: #fff;
	border-radius: 10px;
}

.loginbox-left {
	width: 50%;
	float: left;
	display: flex;
	justify-content: center;
	flex-flow: column;
}

.loginbox-left div:nth-child(1) {
	margin: 50px 0px 50px 50px;
}

.loginbox-left div:nth-child(2) {
	margin-left: 100px;
}

.loginbox-right {
	float: right;
	width: 450px;
	height: 470px;
	margin-top: 70px;
	margin-right: 70px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);
	border: 1px solid #F5F5F5;
}

.loginbox-right div:nth-child(1) {
	margin: 50px auto 40px auto;
	text-align: center;
}

.loginbox-right div:nth-child(2) {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.loginbox-right div:nth-child(2) span {
	display: block;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
	color: #666666;
}

.loginbox-right div:nth-child(2) span:nth-child(1) {
	margin-right: 30px;
}

.loginbox-right div:nth-child(2) span:hover,
.loginboxTypeOn {
	cursor: pointer;
	color: #0054FE !important;
	border-bottom: 2px solid #0054FE !important;
}

.loginbox-right div:nth-child(3) dl {
	display: none;
	width: 330px;
	margin: 0 auto;
}

.loginbox-right div:nth-child(3) dl dd {
	position: relative;
	margin-bottom: 20px;
	width: 100%;
	border: 1px solid #DEDEDE;
	height: 40px;
	border-radius: 3px;
	background-repeat: no-repeat;
	background-position: 15px center;
}

.loginbox-right div:nth-child(3) dl dd input {
	width: calc(100% - 45px);
	height: 100%;
	border: 0;
	margin-left: 45px;
	font-size: 14px;
}

.loginbox-right div:nth-child(4) {
	width: 330px;
	margin: 0px auto 30px auto;
	text-align: right;
	position: relative;
	top: -9px;
}

.loginbox-right div:nth-child(4) a {
	font-size: 14px;
	color: #999;
	position: relative;
}

.loginbox-right div:nth-child(4) a:hover {
	color: #0054fe;
}

.loginbox-right div:nth-child(4) a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	border-top: 1px solid #999;

}

.loginbox-right div:nth-child(5) {
	width: 350px;
	height: 50px;
	background-color: #0054FE;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-width: 200;
	margin: 0 auto;
	margin-top: 30px;
}

.login-icon-a {
	background-image: url("../newsimg/icon-25.png");
	background-size: 16px;
}

.login-icon-b {
	background-image: url("../newsimg/icon-26.png");
	background-size: 15px;
}

.login-icon-d {
	display: flex;
	background-image: url("../newsimg/icon-271.png");
	background-size: 20px;
}

.login-icon-d span {
	background-color: #0054FE;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	position: relative;
	z-index: 999;
	font-size: 14px;
}

.login-icon-d span:hover {
	cursor: pointer;
}

.login-icon-c {
	background-image: url("../newsimg/icon-27.png");
	background-size: 20px;
}

/* .联系我们 */
.contactUs {
	width: 100%;
	height: 500px;
	display: flex;
	margin-top: 80px;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to right, #003BB6, #001C80);
	position: relative;
}

.contactUsbox {
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	z-index: 9999;
}

.contactUsbox div:nth-child(1) {
	font-size: 40px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	position: relative
}

.contactUsbox div:nth-child(1)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #fff;
	width: 96px;
	height: 1px;
}

.contactUsbox div:nth-child(2) {
	font-size: 14px;
	font-weight: 200;
	width: 600px;
	line-height: 30px;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 40px;
}

.contactUsbox div:nth-child(2)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #fff;
	width: 166px;
	height: 1px;
}

.contactUsbox div:nth-child(3) {
	font-size: 14px;
	font-weight: 200;
	line-height: 30px;
}

.contactUsboxbg {
	width: 647px;
	height: 350px;
	position: absolute;
	right: 0;
	bottom: 0%;
	background-image: url("../newsimg/icon-28.png");
	background-size: 100%;
}

/* 底部导航 */
.footer {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #202124;
	height: 430px;
	position: relative;
}

.footer::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/login-bg.png);
	background-size: cover;
	background-position: left 511px;
}

.footer .footerBox {
	width: 1200px;
	height: 280px;
	z-index: 1;
}

.footerBox-l-header {
	border-bottom: 1px solid rgba(255, 255, 255, .22);
	padding-bottom: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 99999;

}

.footerBox-l-header dl {
	width: 400px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footerBox-l-header dl a {
	color: #fff;
	font-size: 14px;
}

.footerBox-l-header dl ul {
	display: flex;
	align-items: center;
}

.footerBox-l-header dl ul a:nth-child(2) {
	margin-left: 20px;
}

.footerBox-l-url {
	padding-top: 50px;
	display: none;
}

.footerBox-l-url ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footerBox-l-url ul li a {
	font-size: 16px;
	color: #0F6FD4;
}

.footerBox-l-url ul li dl {
	display: flex;
	width: 200px;
	justify-content: space-between;
	align-items: center;
}

.footerBox-l-info {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
	align-items: center;
}

.footerBox-l-info div,
.footerBox-l-info div a,
.footerBox-l-info ul li span {
	color: rgba(255, 255, 255, 0.4);
	line-height: 26px;
}

.footerBox-l-info ul {
	display: flex;
	justify-content: space-around;
}

.footerBox-l-info ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	margin-left: 15px;
}

.footerBox-l-info ul li img {
	width: 80px;
}

/* 新闻资讯 */
.newstopbanner {
	width: 100%;
	height: 329px;
	display: flex;
	margin-top: 80px;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(to right, #003BB6, #001C80);
	position: relative;
}

.newstopbannerbox {
	width: 1200px;
	height: 150px;
	margin: 0 auto;
}

.newstopbannerbox div {
	color: #fff
}

.newstopbannerbox div:nth-child(1) {
	font-size: 38px;
	font-weight: 200;
	padding-bottom: 20px;
	margin-bottom: 10px;
	position: relative;
}

.newstopbannerbox div:nth-child(1)::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	border-top: 1px solid #fff;
}

.newstopbannerbox div:nth-child(2) {
	font-size: 14px;
	font-weight: 200;
	width: 600px;
	line-height: 30px;
	letter-spacing: 1px;
}

.newstopbannerboxbg {
	width: 816px;
	height: 329px;
	background-size: cover;
	background-image: url("../newsimg/icon-30.png");
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}

.news-list {
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	background-image: url('../newsimg/icon-29.png');
	background-position: center bottom;
	background-size: 1920px 909px;
	background-repeat: no-repeat;
	padding-bottom: 200px;
	flex-flow: column;
	align-items: center;
}

.newslistbox {
	width: 1200px;
	margin-top: 80px;

}

.newslistbox a {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.newslistbox a div:nth-child(1) {
	margin-right: 20px;
}

.newslistbox a div img {
	width: 356px;
	height: 204px;
	border-radius: 3px;
}

.newslistbox a div:nth-child(2) {
	padding: 5px 10px 5px 0;
}

.newslistbox a div dl dd:nth-child(1) {
	font-size: 20px;
	color: #242424;
}

.newslistbox a div dl dd:nth-child(2) {
	line-height: 35px;
	font-size: 13px;
	color: #6F6F6F;
	padding-top: 5px;
	font-weight: 350;
}

.newslistbox a div dl dd:nth-child(3) {
	display: flex;
	margin-top: 10px;
	margin-bottom: 14px;
}

.newslistbox a div dl dd:nth-child(3) span {
	margin-right: 10px;
	width: 73px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	background-color: #E6EFFF;
}

.newslistbox a div dl dd:nth-child(4) span {
	font-size: 12px;
	margin: 0 10px;
	color: #242424;
}

.newslistbox a div dl dd:nth-child(4) span:nth-child(1) {
	margin-left: 0;
	position: relative;
}

.newslistbox a div dl dd:nth-child(4) span:nth-child(1)::after {
	content: "";
	position: absolute;
	right: -9px;
	top: 0;
	width: 1px;
	height: 14px;
	border-right: 1px solid #000;
}

.news-page {
	display: flex;
	width: 1200px;
	justify-content: right;
	margin-top: 30px;
}

.news-page div {
	display: flex;

}

.news-page a {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;

}

.newspageon,
.news-page a:hover {
	background-color: #0054FE;
	color: #fff !important;
}

.news-page-up,
.news-page-next {
	width: 60px !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
}

.news-page-up {
	background-image: url("../newsimg/icon-31.png");
}

.news-page-next {
	background-image: url("../newsimg/icon-32.png");
}

.news-page-up:hover {
	background-image: url("../newsimg/icon-31-a.png") !important;
}

.news-page-next:hover {
	background-image: url("../newsimg/icon-32-a.png") !important;
}

.newstopbannerbox span {
	border-left: 1px solid #fff;
	padding-left: 10px;
	font-size: 20px;
	margin-left: 11px;
	position: relative;
	top: 0px;
}

.newsarticle,
.newsarticlecontent {
	width: 1100px;
	overflow: hidden;
}

.newsarticle {
	margin-top: 60px;
}

.newsarticle span {
	font-size: 28px;
	font-weight: 200;
	padding-bottom: 20px;
	display: block;
}

.newsarticle h1 {
	font-size: 30px;
	font-weight: bold;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.newsarticle h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 1px;
	background-color: #ccc;
}

.newsarticle i {
	font-style: normal;
	font-size: 18px;
	color: #999;
	font-weight: 200;
}

.newsarticlecontent {
	margin-top: 30px;
	font-size: 15px;
	font-weight: 300;
	color: #000;
	line-height: 50px;
	letter-spacing: 1px;
}

.newsarticlecontent img {
	display: block;
	margin: 30px auto;
}

.newsarticlehot {
	width: 1100px;
	margin-top: 70px;

}

.newsarticlehot a {
	display: block;
	width: 1100px;
	height: 84px;
	background-color: rgba(202, 202, 202, 0.12);
	border: 1px solid rgba(0, 0, 0, 0.12);
	display: flex;
	align-items: center;
	border-radius: 4px;
	margin-bottom: 20px;
}

.newsarticlehot a:nth-child(1) {
	background-size: 20px;
	background-image: url("../newsimg/icon-33.png");
	background-repeat: no-repeat;
	background-position: 40px 19px;
}

.newsarticlehot a:hover {
	background-color: rgba(187, 224, 255, 0.12);
	border: 1px solid rgba(0, 128, 255, 0.2);
}

.newsarticlehot a:hover dl dd:nth-child(1) {
	color: #008BFF;
}

.newsarticlehot a:nth-child(1):hover {
	background-image: url("../newsimg/icon-33-a.png");
}

.newsarticlehot a:nth-child(2) {
	background-size: 20px;
	background-image: url("../newsimg/icon-34.png");
	background-repeat: no-repeat;
	background-position: 40px 19px;
}

.newsarticlehot a:nth-child(2):hover {
	background-image: url("../newsimg/icon-34-a.png");
}

.newsarticlehot dl {
	margin-left: 70px;
}

.newsarticlehot dl dd:nth-child(1) {
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;
}

.newsarticlehot dl dd:nth-child(2) {
	font-size: 14px;
}

/* 算力需求 */
.demand {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-flow: column;
	align-items: center;
}

.demandtype {
	width: 100%;
	margin-top: 20px;
}

.demandtype-list {
	display: flex;
	align-items: center;
	height: 60px;
}

.demandtype-list div:nth-child(1) {
	font-size: 14px;
	color: #000;
}

.demandtype-list div span {
	font-size: 14px;
	padding: 0 15px;
	line-height: 60px;
}

.demandtype-list div span:hover {
	cursor: pointer;
	color: #008BFF;
}

.demandtype-list div:nth-child(3) {
	font-size: 14px;
	color: #FD4C5C;
}

.demandtype-bb {
	border-bottom: 1px dashed #ccc;
}

.demandtypeon {
	color: #008BFF;
}

.demandtypeicon-a {
	background-size: 50px;
	background-position: left 3px;
	background-image: url("../newsimg/icon-35.png");
	background-repeat: no-repeat;
	text-indent: 40px;
	height: 60px;
	line-height: 60px;
}

.demandtypeicon-b {
	background-size: 45px;
	background-image: url("../newsimg/icon-36.png");
	background-repeat: no-repeat;
	text-indent: 40px;
	height: 60px;
	line-height: 60px;
	background-position: left 8px;
}

.demandtypeicon-c {
	background-size: 50px;
	background-position: left 12px;
	background-image: url("../newsimg/icon-37.png");
	background-repeat: no-repeat;
	text-indent: 40px;
	height: 60px;
	line-height: 60px;
}

.demandtype-list {
	width: 1200px;
	margin: 0 auto;
}

.demandtype-list-box {
	background-color: #F5F5F5;
}

.demandtypeListType {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #1643A3;
	margin-top: 30px;
}

.demandtypeListTypeall {
	display: flex;

}

.demandtypeListTypeall div {
	font-size: 14px;
	padding: 12px 40px;
}

.demandtypeListTypeallOn,
.demandtypeListTypeall div:hover {
	cursor: pointer;
	color: #fff;
	background-image: linear-gradient(to right, #003BB6, #001C80);
}

.demandtypeListTypeNum {
	font-size: 14px;
	display: flex;
	align-items: flex-end;
	line-height: 38px;
	color: #828282;
}

.demandtypeList {
	width: 1200px;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	overflow: hidden;
}

.demandtypeListBox {
	width: 326px;
	height: 250px;
	border: 1px solid #D7E5FF;
	border-radius: 10px;
	padding: 30px 27px;
	background-color: #fff;
	margin-bottom: 20px;
	overflow: hidden;
	box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
	position: relative;
}

.demandtypeListBox:hover {
	cursor: pointer;
	box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15)
}

.demandtypeListBox:hover a {

	background-color: #FD4C5C !important;
	color: #fff;
}

.demandtypeListBox-title {
	font-size: 18px;
	display: block;
}

.demandtypeListBox-title i {
	display: block;
	width: 26px;
	height: 26px;
	margin-right: 5px;
	float: left;
}

.demandtypeListBox-info {
	font-size: 14px;
	margin-top: 10px;
	line-height: 30px;
	color: #858C92;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.demandtypeListBox-tab {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	position: absolute;
	left: 27px;
	bottom: 30px;
	width: calc(100% - 54px);
}

.demandtypeListBox-tab div:nth-child(1) {
	font-size: 14px;
	color: #222A41;
	position: relative;
	text-indent: 40px;
}

.demandtypeListBox-tab div:nth-child(1)::after {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 30px;
	height: 2px;
	background-color: #FD4C5C;
}

.demandtypeListBox-tab a {
	display: block;
	color: #FD4C5C;
	border: 1px solid #FD4C5C;
	color: #FD4C5C;
	padding: 8px 20px;
	border-radius: 3px;
	font-size: 13px;
}

.demandtypeListBoxBg-a {
	background-image: url("../newsimg/icon-35.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px;
}

.demandtypeListBoxBg-b {
	background-image: url("../newsimg/icon-36.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px;
}

.demandtypeListBoxBg-c {
	background-image: url("../newsimg/icon-37.png");
	background-position: center -3px;
	background-repeat: no-repeat;
	background-size: 40px;
}

/* 算力市场 */
.computingmarket {
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
}

.computingmarketType {
	display: flex;
	height: 55px;
	align-items: center;
}

.computingmarketType div:nth-child(1) {
	font-size: 16px;
	width: 70px;
	text-align: right;
	padding-right: 10px;
}

.computingmarketType-a {
	border: 1px solid #1643A3;
	display: flex;
	border-radius: 3px;
}

.computingmarketType-a span {
	display: block;
	padding: 10px 30px;
	border-right: 1px solid #1643A3;
	font-size: 12px;
}

.computingmarketType-a span:hover,
.computingmarketType-a-on {
	cursor: pointer;
	background-color: #1643A3;
	color: #fff;
}

.computingmarketType-a span:last-child {
	border-right: 0px !important
}

.computingmarketType-b span {
	background-color: #E6EFFF;
	padding: 8px 20px;
	border-radius: 3px;
	font-size: 12px;
	color: #5e5e5e;
	margin-right: 10px;
}

.computingmarketType-b span:hover,
.computingmarketType-ts-on {
	cursor: pointer;
	background-color: #1643A3 !important;
	color: #fff !important;
}

.computingmarketType-c span,
.computingmarketType-d span {
	font-size: 14px;
	color: #555;
	margin-right: 30px;
}

.computingmarketType-c span:hover,
.computingmarketType-d span:hover,
.computingmarketType-t-on {
	cursor: pointer;
	color: #1643A3 !important;
	font-weight: bold;
}

.demandtypeListshop {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.demandtypeListshop-a {
	display: flex;
	margin-bottom: 30px;
	position: relative;
}

.demandtypeListshop-img {
	width: 153px;
	height: 153px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #DBDBDB;
	border-radius: 3px;
	margin-right: 20px;
}

.demandtypeListshop-info {
	width: calc(100% - 175px);
	position: relative;
	margin-right: 20px;
}

.demandtypeListshop-info div:nth-child(1) {
	font-size: 16px;
	font-weight: bold;
}

.demandtypeListshop-info div:nth-child(2) {
	font-size: 13px;
	color: #868686;
	margin: 8px auto;
	margin-right: 200px;
	line-height: 24px;
	max-height: 66px;
	overflow: hidden;
}

.demandtypeListshop-info div:nth-child(3) {
	background-color: #F3F6FF;
	padding: 0px 10px;
	width: calc(100% - 190px);
	line-height: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	word-break: break-all;
	-webkit-box-orient: vertical;
	font-size: 12px !important;
	/* height: 14px; */
	line-height: 30px;
}


.demandtypeListshop-info div:nth-child(4) {
	text-indent: 35px;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #333;
}

.demandtypeListshop-info div:nth-child(4)::after {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 25px;
	height: 2px;
	background-color: #333;
}
.demandtypeListshop-money{
	position: absolute;
	right: 0;
	width: 170px;
	background-color: #fff;
	height: 100%;
	padding-left: 20px;
}
.demandtypeListshop-money div:nth-child(1) {
	display: flex;
	align-items: flex-end;
	color: #FD4C5C;
	font-size: 18px;
}

.demandtypeListshop-money div:nth-child(1) div {
	font-size: 12px;
	position: relative;
	top: -3px;
	margin-right: 2px;
	margin-top: 10px;
}

.demandtypeListshop-money div:nth-child(2) {
	color: #fff;
	background-color: #0059FF;
	width: 132px;
	height: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	margin-top: 7px;
	text-indent: 1.6em;
	margin-bottom: 7px;
	position: relative;
}

.demandtypeListshop-money div:nth-child(2):hover {
	cursor: pointer;
}

.demandtypeListshop-money div:nth-child(2)::after {
	content: "";
	position: absolute;
	left: 15px;
	width: 15px;
	height: 15px;
	background-image: url("../newsimg/icon-40.png");
	background-size: 12px;
	background-position: center center;
	background-repeat: no-repeat;
}
.demandtypeListshop-money div:nth-child(2) a{
	color:#fff
}

.demandtypeListshop-money div:nth-child(4) {
	color: #fff;
	background-color: #FFB800;
	width: 132px;
	height: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	margin-top: 7px;
	text-indent: 1.6em;
	margin-bottom: 7px;
	position: relative;
}

.demandtypeListshop-money div:nth-child(4):hover {
	cursor: pointer;
	background-color: #aa7b01;
}

.demandtypeListshop-money div:nth-child(4)::after {
	content: "";
	position: absolute;
	left: 15px;
	width: 15px;
	height: 15px;
	background-image: url("../newsimg/icon/2.png");
	background-size: 12px;
	background-position: center center;
	background-repeat: no-repeat;
}
.demandtypeListshop-money div:nth-child(4) a{
	color:#fff
}

.demandtypeListshop-money div:nth-child(3) {
	color: #6C6C6C;
	font-size: 13px;
}

/* 商品详情 */
.shopDetails {
	width: 1200px;
	margin: 30px auto;
	overflow: hidden;
}

.shopDetails-a {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.shopDetails-a-img {
	width: 208px;
	height: 300px;
	margin-right: 30px;
}

.shopDetails-a-img #magnifier {
	position: relative;
	width: 208px !important;
	margin: 0px 0 0 0px;
}

.shopDetails-a-info {
	width: calc(100% - 238px);
}

.shopDetails-a-info-title {
	font-size: 18px;
	margin-bottom: 10px;
}

.shopDetails-a-info-doc {
	font-size: 12px;
	color: #999;
	width: 70%;
	line-height: 20px;
	letter-spacing: 1px;
	margin-bottom: 10px;

}

.shopDetails-a-info-type {
	display: flex;
	align-items: flex-start;
	margin-bottom: 5px;
}

.shopDetails-a-info-type div:nth-child(1) {
	font-size: 12px;
	color: #000;
	line-height: 26px;
}

.shopDetails-a-info-type div:nth-child(2) {
	width: 80%;
}

.shopDetails-a-info-type div:nth-child(2) span {
	font-size: 12px;
	display: block;
	float: left;
	border: 1px solid #C2C2C2;
	padding: 5px 15px;
	margin-left: -1px;
	color: #AFAFAF;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

.shopDetails-a-info-type div:nth-child(2) span:hover,
.shopDetailsAtypeOn {
	cursor: pointer;
	color: #2C60AB !important;
	background-color: #D9E5FF;
	border-color: #73B4E5 !important;
	z-index: 9 !important;
}

.shopDetails-a-info-txt dl {
	margin-left: 56px;
}

.shopDetails-a-info-txt dl dd:nth-child(1) {
	font-size: 12px;
	color: #FF8A2C;
	width: 72%;
}

.shopDetails-a-info-txt dl dd:nth-child(2) {
	font-size: 12px;
	color: #919191;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 22px;
	width: 72%;
}

.shopDetails-a-info-num {
	display: flex;
	align-items: center;
}

.shopDetails-a-info-num div:nth-child(1) {
	font-size: 12px;
	color: #000;
	line-height: 26px;
}

.shopDetails-a-info-num div:nth-child(2) {
	width: 80%;
	display: flex;
}

.shopDetails-a-info-num .shopDetails-a-info-num-add {
	display: block;
	width: 22px;
	height: 22px;
	background-color: #DDDDDD;
	border: 1px solid #F0F0F0;
	position: relative;
}

.shopDetails-a-info-num .shopDetails-a-info-num-add::after {
	content: "-";
	position: absolute;
	left: 26%;
	top: -50%;
	font-size: 32px;
	font-weight: 120;
}

.shopDetails-a-info-num .shopDetails-a-info-num-reduce {
	display: block;
	width: 22px;
	height: 22px;
	background-color: #DDDDDD;
	border: 1px solid #F0F0F0;
	position: relative;
}

.shopDetails-a-info-num .shopDetails-a-info-num-reduce::after {
	content: "-";
	position: absolute;
	left: 26%;
	top: -50%;
	font-size: 32px;
	font-weight: 120;
}

.shopDetails-a-info-num .shopDetails-a-info-num-add {
	display: block;
	width: 22px;
	height: 22px;
	background-color: #DDDDDD;
	border: 1px solid #F0F0F0;
	position: relative;
}

.shopDetails-a-info-num .shopDetails-a-info-num-add::after {
	content: "+";
	position: absolute;
	left: 29.5%;
	top: -2.2%;
	font-size: 17px;
	font-weight: 120;
}

.shopDetails-a-info-num .shopDetails-a-info-num-add:hover,
.shopDetails-a-info-num .shopDetails-a-info-num-reduce:hover {
	cursor: pointer;
	background-color: #F0F0F0;
}

.shopDetails-a-info-num div:nth-child(2) span input {
	border: 0;
	line-height: 22px;
	text-align: center;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	width: 60px;
}

.shopDetails-a-info-agreement {
	font-size: 12px;
	display: flex;
	margin: 20px auto;
}

.shopDetails-a-info-agreement div:nth-child(1) {
	width: 14px;
	height: 14px;
	border: 1px solid #ccc;
	margin-right: 10px;
}

.shopDetails-a-info-agreement div:nth-child(1):hover {
	cursor: pointer;
}

.shopDetailsAgreementOn {
	position: relative;
}

.shopDetailsAgreementOn::after {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	left: 3px;
	top: 3px;
	background-color: #0059FF;
}



.shopDetails-a-info-agreement div:nth-child(2) {
	color: #8A8A8A;
}

.shopDetails-a-info-agreement div:nth-child(2) a {
	color: #128bff;
}

.shopDetails-a-info-pay {
	display: flex;
	justify-content: space-between;
	background-color: #F5F8FF;
	padding: 15px;
	height: 40px;
	align-items: center;
	width: 60%;
}

.shopDetails-a-info-pay div {
	display: flex;
	align-items: center;
}

.shopDetails-a-info-money {
	font-size: 20px;
	color: #FF7900;
	display: flex;
	align-items: flex-end;
	margin-left: 20px;
}

.shopDetails-a-info-money span {
	font-size: 14px;
	position: relative;
	top: 2px;
	margin-right: 3px;
}

.onbtnorder {
	background-color: #2476FF;
	color: #fff;
	padding: 7px 20px;
	border-radius: 3px;
}
.onbtnorder:hover{
	cursor: pointer;
}
.shopDetailsmore {
	width: 1200px;
	margin: 0 auto;
	height: 39px;
	background-color: #FFFBF3;
	margin-bottom: 100000;
	overflow: hidden;
	text-indent: 2em;
	display: flex;
	align-items: center;
}

.shopDetailsmore a {
	color: #2C9BFF;
	position: relative;
	padding-right: 10px;
	display: flex;
	align-items: center;
}

.shopDetailsmore a span {
	display: block;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-left-color: #2C9BFF;
	margin-left: 5px;
}

.shopDetailsboxTitle {
	width: 1200px;
	margin: 30px auto 15px auto;
	display: flex;
	align-items: center;
	background-color: #F7F7F7;
	height: 55px;
	justify-content: space-between;
}

.shopDetailsboxTitle div:nth-child(1) {
	font-size: 16px;
	color: #000;
	margin-left: 20px;
}

.shopDetailsboxTitle div:nth-child(2) {
	margin-right: 20px;
	font-size: 14px;
	color: #818181;
	font-weight: 200;
	display: flex;
	align-items: center;
}

.shopDetailsboxTitle div:nth-child(2) span {
	display: flex;
	float: right;
	width: 8px;
	height: 8px;
	transform: rotateZ(45deg);
	margin-left: 7px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	position: relative;
}

.shopDetailsboxTitleBtn {
	border-right: 1px solid #F7F7F7 !important;
	border-bottom: 1px solid #F7F7F7 !important;
	border-left: 1px solid #999 !important;
	border-top: 1px solid #999 !important;
}

.shopDetailsboxTitle div:nth-child(2):hover {
	cursor: pointer;
	color: #0059FF;
}

.shopDetailsboxInfo {
	width: 1200px;
	margin: 0 auto 100px auto;

}

.shopDetailsboxInfo-txt {
	margin: 20px;
	font-size: 14px;
	color: #666;
	line-height: 30px;
	font-weight: 300;
	letter-spacing: 1px;
}

.shopDetailsboxTitleBtns i {
	font-style: normal;
}

.shopDetails-com {
	position: absolute;
	right: 0;
	top: 0;
	width: 185px;
	border: 1px solid #eee;
	height: 290px;
	background-image: linear-gradient(to bottom, #D8D8D8, #fff, #fff, #fff, #fff, #fff);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
}

.shopDetails-com img {
	margin-top: 30px;
	margin-bottom: 10px;
}

.shopDetails-com dl {
	background-color: #F5F5F5;
	height: 145px;
	display: flex;
	align-items: center;
	flex-flow: column;
	width: 100%;
	justify-content: center;
	margin-top: 15px;
	padding-top: 10px;
}

.shopDetails-com-text {
	margin-top: 5px;
}


.shopDetails-com dl dd {
	font-size: 12px;
	color: #8D8D8D;
	width: 90%;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.shopDetails-com dl dd span{
	display: flex;
	width: 15px;
	height: 15px;
	margin-left: 3px;
	background-image: url("../newsimg/icon-43.png");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center center;
}
/* 首页补充banner */
.indexbannertop {
	width: 100%;
	height: 654px;
	margin-top: 80px;
}

.indexbannertop .swiper-slide {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1920px 654px;
}

.indexnNewslist {
	width: 100%;
	height: 500px;
	background-image: url("../newsimg/icon-29.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1920px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.indexnNewslistbox {
	width: 1200px;
	height: 402px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.indexnNewslistbox-left {
	width: 494px;
	height: 435px;
	padding-right: 30px;
	border-right: 1px solid #eee;

}

.indexnNewslistbox-left a dl {
	margin-left: 10px;
	margin-top: 15px;
	position: relative;
}

.indexnNewslistbox-left a dl::after {
	content: "";
	position: absolute;
	left: -10px;
	top: 2px;
	width: 5px;
	height: 20px;
	border-radius: 2px;
	background-color: #FAAD13;
}

.indexnNewslistbox-right {
	height: 435px;
	display: flex;
	justify-content: space-between;
	flex-flow: column;
	margin-left: 30px;
}

.indexnNewslistbox-left a dl dd:nth-child(1) {
	color: #242424;
	font-size: 18px;
}

.indexnNewslistbox-left a dl dd:nth-child(2) {
	font-size: 14px;
	margin-top: 6px;
	line-height: 26px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #666;
}

.indexnNewslistbox-left a dl dd:nth-child(3) {
	font-size: 12px;
	color: #000;
	font-weight: 300;
	margin-top: 10px;
	color: #666;
}

.indexnNewslistbox-right dl dd:nth-child(1) {
	color: #242424;
	font-size: 18px;
}

.indexnNewslistbox-right dl dd:nth-child(2) {
	font-size: 12px;
	line-height: 20px;
	margin-top: 6px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #666;
}
.indexnNewslistbox-right dl dd:nth-child(3) {
	font-size: 12px;
	color: #666;
	font-weight: 300;
	margin-top: 10px;
}

/* 算力订单 */
.shopOrderBox {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eee;
	padding-bottom: 100px;
	flex-flow: column;
}

.shopOrdertitle {
	width: 1200px;
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.shopOrdertitle h3 {
	font-size: 18px;
	font-weight: bold;
}

.shopOrdertitleinfo {
	border: 1px solid #FDC693;
	color: #FF8A2C;
	background-color: #FFF5E6;
	border-radius: 2px;
	padding: 2px 5px 2px 5px;
	margin-left: 10px;
	display: flex;
	justify-content: space-between;
}

.shopOrdertitleinfo div:nth-child(1) {
	font-size: 12px;
}

.shopOrdertitleinfo div:nth-child(2) {
	font-size: 10px;
	font-weight: 100;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 3px;
	position: relative;
	top: 1px;
	transform: scale(0.8);
}

.shopOrdertitleinfo div:nth-child(2):hover {
	cursor: pointer;
}

.shopOrderboxlist {
	width: 1160px;
	background-color: #fff;
	overflow: hidden;
	margin-top: 16px;
	padding: 20px;
}

.shopOrderboxlist div:nth-child(1) {
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #EBECF0;
	padding-bottom: 10px;
}

.shopOrderboxlist div:nth-child(2) {
	font-size: 14px;
	color: #000;
	padding-top: 12px;
	padding-bottom: 20px;
}

.shopOrderboxlist table {
	width: 100%;
}

.shopOrderboxlist table tr:nth-child(1) {
	background-color: #EBECF0;
}

.shopOrderboxlist table tr:nth-child(1) td {
	font-size: 13px;
	color: #000;
	padding: 10px 19px;
}

.shopOrderboxlist table tr:nth-child(2) td {
	font-size: 12px;
	color: #7B7B7B;
	line-height: 34px;
	padding: 10px 19px;
}

.shopOrderboxlist table tr td:nth-child(1) {}

.shopOrderboxlist table tr td:nth-child(2) {
	text-align: center;
}

.shopOrderboxlist table tr td:nth-child(3) {
	text-align: center;
}

.shopOrderboxlist table tr td:nth-child(4) {
	text-align: center;
}

.shopOrderboxlist table tr td:nth-child(5) {
	text-align: center;
}

.shopOrderboxlist table tr td:nth-child(6) {
	text-align: right;
	color: #444
}

.shopOrderboxlist table tr td span {
	color: #FF8A01;
	font-size: 14px;
}

.shopOrderAgreement,
.shopOrderPay {
	margin-top: 20px;
	width: 1200px;
	background-color: #fff;
	display: flex;
	justify-content: start;
	align-items: center;
}

.shopOrderAgreementTxt {
	margin-left: 20px;
	font-size: 13px;

}

.shopOrderAgreement .shopDetails-a-info-agreement {
	width: calc(100% - 140px);
}

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

.shopOrderPay div:nth-child(1) {
	margin-right: 30px;
	font-size: 12px;
	color: #333;
}

.shopOrderPay div:nth-child(2) {
	display: flex;
	align-items: flex-end;
	margin-right: 30px;
}

.shopOrderPay div:nth-child(2) i {
	font-style: normal;
	color: #FF7900;
	position: relative;
	top: -1px;
	font-size: 13px;
}

.shopOrderPay div:nth-child(2) h4 {
	color: #FF7900;
	font-size: 18px;
}

.shopOrderPayBtn {
	color: #fff;
	background-color: #FF7900;
	line-height: 30px;
	border-radius: 3px;
	width: 100px;
	text-align: center;
	margin: 15px 20px;
}
.shopOrderPayBtn:hover{
	cursor: pointer;
}
/* 算力中心 */
.cpcheader {
	background-color: rgba(0, 0, 0, 0);
}

.cpcheader .headerNav div a {
	color: #fff;
}

.cpcIndexbanner {
	padding-bottom: 80px;
}

.cpcIndexbanner .indexbannerbox-left {
	margin-top: 130px;
}

.cpcIndexbanner .indexbannerbox-right {
	top: 20px;
}

.cpcindexheader {
	width: 100%;
	height: 70px;
	background-color: #ECF4FF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cpcindexheaderbox {
	width: 1200px;
	display: flex;
	justify-content: space-between;
}

.cpcindexheaderboxtype {
	display: flex;
	align-items: center;
	justify-content: center;

}

.cpcindexheaderboxtype span {
	font-size: 13px;
	padding-right: 30px;
}

.cpcindexheaderboxtype span:hover,
.cpcindexheaderboxtypeOn {
	cursor: pointer;
	color: #008BFF !important;
}

.cpcindexheaderboxSearch {
	border: 1px solid #c3c3c3;
	width: 334px;
	height: 35px;
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.cpcindexheaderboxSearch input {
	height: 100%;
	width: 70%;
	border: 0;
	margin-left: 20px;
}

.cpcindexheaderboxSearch span {
	display: block;
	margin-right: 15px;
	width: 24px;
	height: 24px;
	background-image: url("../newsimg/icon-41.png");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center center;
}

.cpcindexheaderboxSearch span:hover,
.cpcindexheaderboxSearch i{
	cursor: pointer;
}
.cpcindexheaderboxSearch i{
	position: absolute;
	right: 50px;
	top: 9px;
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("../newsimg/icon-41-off.png");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}
.indexpowerDemandlist {
	width: 1090px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	margin: 60px auto 0 auto;
}

.indexpowerDemandlistbox {
	width: 480px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #BDC4D2;
	padding: 24px;
	display: flex;
	flex-flow: column;
	position: relative;
	margin-bottom: 30px;
}

.indexpowerDemandlistbox:hover {
	cursor: pointer;
	border: 1px solid #fff;
	box-shadow: 2px 4px 30px rgba(15, 24, 44, 0.21);
	animation: indexpowerDemandlistbox 0.5s;
	top: -5px;
}
.indexpowerDemandlistbox-off img{
	-webkit-filter: grayscale(100%);
	filter:grayscale(100%);
}
.indexpowerDemandlistbox-off:hover a{
	border-color: #cacaca ;
	background-color: #cacaca ;
}
.indexpowerDemandlistbox:hover a {
	color: #fff ;
	border-color: #FF621A ;
	background-color: #FF621A ;
}

@keyframes indexpowerDemandlistbox {
	0% {
		top: 0px;
	}

	100% {
		top: -5px;
	}
}

.indexpowerDemandlistbox-a {
	display: flex;
	align-items: center;
}

.indexpowerDemandlistbox-a img {
	width: 64px;
	margin-right: 15px;
}

.indexpowerDemandlistbox-a dl dd:nth-child(1) {
	font-size: 16px;
	color: #183B56;
	margin-bottom: 10px;
}

.indexpowerDemandlistbox-a dl dd:nth-child(2),
.cpcshopDetails-a-map {
	font-size: 12px;
	color: #5A7184;
	text-indent: 15px;
	background-image: url("../newsimg/icon-44.png");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: left 2px;
}

.indexpowerDemandlistbox-b {
	border-bottom: 1px solid #eee;
	font-size: 14px;
	margin-top: 20px;
	padding-bottom: 10px;
	color: #183B56;
	font-weight: bold;
}

.indexpowerDemandlistbox-c {
	display: flex;
	flex-flow: column;
	justify-content: space-around;
	height: 120px;
	margin-top: 10px;
}

.indexpowerDemandlistbox-c-a,
.indexpowerDemandlistbox-c-b,
.indexpowerDemandlistbox-c-c {
	display: flex;
}

.indexpowerDemandlistbox-c-a dl {
	display: flex;
}

.indexpowerDemandlistbox-c-a dl dd:nth-child(2) {
	width: 120px;
	display: flex;
	margin-left: 10px;
}

.indexpowerDemandlistbox-c-a dl dd:nth-child(2) span {
	display: block;
	width: 15px;
	height: 15px;
	background-image: url("../newsimg/icon-43.png");
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center center;
}

.indexpowerDemandlistbox-c-a div:nth-child(1),
.indexpowerDemandlistbox-c-b div:nth-child(1),
.indexpowerDemandlistbox-c-c div:nth-child(1) {
	font-size: 12px;
	font-weight: bold;
	margin-right: 2px;
}

.indexpowerDemandlistbox-c-b span,
.indexpowerDemandlistbox-c-c span {
	font-size: 12px;
	color: #222A41;
	font-weight: 200;
}

.indexpowerDemandlistbox-c-c {
	padding-left: 30px;
	position: relative;
}
.indexpowerDemandlistbox-c-c-set{
	display: flex;
	flex-flow: wrap;
	width:calc(100% - 200px);
}
.indexpowerDemandlistbox-c-c-set dl{
	margin-bottom: 15px;
}
.indexpowerDemandlistbox-c-c::after {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 23px;
	height: 2px;
	background-color: #FF621A;
}

.indexpowerDemandlistbox-d {
	border: 1px solid #7A7A7A;
	color: #ce0303;
	position: absolute;
	right: 24px;
	bottom: 24px;
	width: 133px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.indexpowerDemandlistbox-d-off {
	background: #cacaca !important;
	color: #fff !important;
	border: 1px solid #cacaca !important;
}
.cpcshopDetails-a-info {
	width: 80%;
	background-color: #F1F7FF;
	display: flex;
	height: 35px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;

}

.cpcshopDetails-a-map {
	margin-top: 15px;
}

.cpcshopDetails-a-info div {
	margin-left: 20px;
	padding-left: 30px;
	color: #999;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 27px;
}

.cpcshopDetails-a-info div:nth-child(1) {
	background-image: url("../newsimg/icon-35.png");
}

.cpcshopDetails-a-info div:nth-child(2) {
	background-image: url("../newsimg/icon-36.png");
}

.cpcshopDetails-a-info div:nth-child(3) {
	background-image: url("../newsimg/icon-37.png");
	background-position: left -2px;
}




/* 用户中心 */
.ucindexbox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	background-color: #F5F6FA;
}

.uc-index-left {
	width: 260px;
	height: 100%;
	background-color: #fff;
}

.uc-index-left .uc-index-left-logo {
	width: 352px;
	height: 59px;
	border-bottom: 1px solid #F5F6FA;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.uc-index-left .uc-index-left-logo div {
	width: 96%;
	margin: 0 auto;
}

.uc-index-left-tab {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	margin-top: 30px;
}

.uc-index-left-tab div:hover,
.ucl-icon-aOn,
.ucl-icon-bOn,
.ucl-icon-cOn,
.ucl-icon-dOn,
.ucl-icon-eOn,
.ucl-icon-fOn,
.ucl-icon-gOn,
.ucl-icon-hOn {
	cursor: pointer;
	color: #fff;
	background: #0054FE url("../newsimg/icon-46.png");
	border-radius: 4px;
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: 90% center;
}

.uc-index-left-tab div {
	width: 75%;
	height: 40px;
	display: flex;
	align-items: center;
	background-image: url("../newsimg/icon-45.png");
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: 90% center;
	margin-bottom: 10px;
}

.ucl-icon-aOn,
.ucl-icon-bOn,
.ucl-icon-cOn,
.ucl-icon-dOn,
.ucl-icon-eOn,
.ucl-icon-fOn,
.ucl-icon-gOn,
.ucl-icon-hOn {
	background-image: url("../newsimg/icon-46.png") !important;
}

.uc-index-left-tab div span {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 20px;
	margin-right: 15px;
	background-repeat: no-repeat;
}

.uc-index-left-tab ul {
	margin-top: 10px;
	display: none;
}

.uc-index-left-tab ul li {
	height: 45px;
	position: relative;
	display: flex;
}

.uc-index-left-tab ul li i {
	display: flex;
	width: 8px;
	height: 8px;
	border: 1px solid #8c8c8c;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.uc-index-left-tab ul li:hover,.uc-tab-on{
	cursor: pointer;
	color: #0054FE !important;
}

.uc-index-left-tab ul li:hover i,.uc-tab-on i {
	border-color: #0054FE !important;
	background-color: #0054FE !important;
}

.uc-index-right {
	width: calc(100% - 260px);
	height: 100%;
	overflow: hidden;
	background-color: #F5F6FA;
}


.uc-index-right-top {
	height: 60px;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.uc-index-right-top div {
	margin-right: 20px;
	display: flex;
	align-items: center;
}

.uc-index-right-top div i {
	margin-right: 5px;
	position: relative;
	top: 1.5px;
}
.uc-index-right-top div a{
	margin-left: 25px;
}
.uc-index-right-top div:hover {
	cursor: pointer;
	color: #0059FF;
}
.uc-index-right-top-tab{
	display: block;
	margin-left:15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.ucl-icon-a span {
	background-image: url("../newsimg/icon/0-1.png");
	background-size: 20px;
	background-position: center center;
}

.ucl-icon-b span {
	background-image: url("../newsimg/icon/1-1.png");
	background-size: 20px;
	background-position: center center;
}

.ucl-icon-c span {
	background-image: url("../newsimg/icon/2-1.png");
	background-size: 18px;
	background-position: center center;
}

.ucl-icon-d span {
	background-image: url("../newsimg/icon/3-1.png");
	background-size: 18px;
	background-position: center center;
}

.ucl-icon-e span {
	background-image: url("../newsimg/icon/4-1.png");
	background-size: 18px;
	background-position: center center;
}

.ucl-icon-f span {
	background-image: url("../newsimg/icon/5-1.png");
	background-size: 17px;
	background-position: center center;
}

.ucl-icon-g span {
	background-image: url("../newsimg/icon/6-1.png");
	background-size: 20px;
	background-position: center center;
}

.ucl-icon-h span {
	background-image: url("../newsimg/icon/7-1.png");
	background-size: 18px;
	background-position: center center;
}

.ucl-icon-a:hover span,
.ucl-icon-aOn span {
	background-image: url("../newsimg/icon/0.png") !important;
}

.ucl-icon-b:hover span,
.ucl-icon-bOn span {
	background-image: url("../newsimg/icon/1.png") !important;
}


.ucl-icon-c:hover span,
.ucl-icon-cOn span {
	background-image: url("../newsimg/icon/2.png") !important;
}



.ucl-icon-d:hover span,
.ucl-icon-dOn span {
	background-image: url("../newsimg/icon/3.png") !important;
}



.ucl-icon-e:hover span,
.ucl-icon-eOn span {
	background-image: url("../newsimg/icon/4.png") !important;
}


.ucl-icon-f:hover span,
.ucl-icon-fOn span {
	background-image: url("../newsimg/icon/5.png") !important;
}


.ucl-icon-g:hover span,
.ucl-icon-gOn span {
	background-image: url("../newsimg/icon/6.png") !important;
}



.ucl-icon-h:hover span,
.ucl-icon-fOn span {
	background-image: url("../newsimg/icon/7.png") !important;
}

.uc-u-top-data {
	width: calc(100% - 30px);
	margin: 15px;
	display: flex;
	height: 100px;
	background-color: #fff;
	justify-content: space-between;
	align-items: center;

}

.uc-u-top-data div:nth-child(1) dl {
	display: flex;
	align-items: center;
}

.uc-u-top-data div:nth-child(1) dl dd {
	font-size: 14px;
	color: #74798C;
	padding-right: 30px;
	padding-left: 30px;
}

.uc-u-top-data div:nth-child(1) dl dd:nth-child(1) img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.uc-u-top-data div:nth-child(1) dl dd:nth-child(2) {
	display: flex;
	padding-left: 0px;
	border-right: 1px solid #74798C;
	line-height: 16px;
	height: 16px;

}

.uc-u-top-data div:nth-child(1) dl dd:nth-child(3) {
	display: flex;
}

.uc-u-top-data div:nth-child(2) {
	display: flex;
}

.uc-u-top-data div:nth-child(2) dl {
	margin-right: 30px;
}

.uc-u-top-data div:nth-child(2) dl dd {
	text-align: center;
}

.uc-u-top-data div:nth-child(2) dl dd:nth-child(1) {
	font-size: 12px;
	color: #74798C;
	margin-bottom: 10px;
}

.uc-u-top-data div:nth-child(2) dl dd:nth-child(2) {
	font-size: 16px;
	font-weight: 200;
	font-weight: bold;
}

.uc-u-top-data div:nth-child(2) dl dd:nth-child(2) i {
	font-style: normal;
	font-size: 12px;
	margin-left: 6px;
	font-weight: normal;
}

.uc-u-top-data div:nth-child(2) dl:nth-child(2) {
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	padding: 0 30px;
}

.uc-u-data {
	width: clac(100% - 30px);
	display: flex;
	justify-content: space-between;
	overflow: auto;
	height: 100%;
	margin: 0 15px;
}

.uc-u-data-l,
.uc-u-data-r {
	display: block;
	flex-flow: column;
	overflow: auto;
	width: 100%;
}
.uc-u-data-l .layui-table-cell{
	height: 38px;
	display: flex;
	align-items: center;
}

.uc-u-top-search {
	width: calc(100% - 30px);
	margin: 0 15px 15px 15px;
	background-color: #fff;
	height: 62px;
	padding-top: 6px;
	display: flex;
	align-items: center;


}

.uc-u-data-l .layui-table,
.layui-table-view {
	margin: 0;
}

.user-p-i-h {
	width: calc(100% - 30px);
	margin: 15px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.user-p-i-h-tab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 20px;
	height: 55px;
}

.user-p-i-h-tab div {
	text-align: center;
	height: 53px;
	line-height: 55px;
	border-bottom: 2px solid #fff;
	margin-right: 30px;
	padding: 0 10px;
	color: #74798C;
}

.user-p-i-h button {
	margin-right: 20px;
}

.user-p-i-h-tab div:hover,
.user-p-i-h-tabOn {
	cursor: pointer;
	color: #0054FE !important;
	font-weight: bold;
	border-bottom: 2px solid #0054FE !important;
}

.user-p-i-h-tab div:nth-child(3) {
	background-image: url("../newsimg/icon-42.png");
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: right 21px;
	padding-right: 18px;
}

.uc-u-top-searchtype {
	width: 100%;
	display: flex;
	margin: 16px auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #f5f6fa;
}

.uc-u-top-searchtype div {
	margin-left: 15px;
	margin-right: 15px;
}

.uc-u-top-searchtype dl {
	display: flex
}

.uc-u-top-searchtype dl dd {
	margin-right: 20px;
	color: #74798C;
}

.uc-u-top-searchtype dl dd:hover,
.uc-u-top-searchtypeOn {
	cursor: pointer;
	color: #0054FE !important;
	font-weight: bold;
}

.uc-product-shop-list {
	width: 100%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}

.uc-product-shop-listbox {
	width: 18%;
	background-color: #fff;
	margin-bottom: 15px;
	margin-bottom: 20px;
	margin-right: 15px;
}

.uc-product-shop-listbox img {
	width: 100%
}

.uc-product-shop-listbox-text h3 {
	font-size: 14px
}

.uc-product-shop-listbox-text span {
	display: block;
	color: #9BA2AB;
	line-height: 22px;
	margin-top: 5px;
}

.uc-product-shop-listbox-text {
	margin: 15px;
}

.uc-product-shop-listbox-money {
	margin: 15px;
	display: flex;
	justify-content: space-between;
}

.uc-product-shop-listbox-money div:nth-child(1) {
	color: #9BA2AB;
}

.uc-product-shop-listbox-money div:nth-child(2) {
	color: #FF6423;
	display: flex;
	align-items: flex-end;
	font-size: 14px;
}

.uc-product-shop-listbox-money div:nth-child(2) i {
	font-style: normal;
	font-size: 10px;
	transform: scale(0.8);
	position: relative;
	top: 2px;
}

.uc-product-shop-add {
	widht: calc(100% - 30px);
	margin: 15px;
	padding: 30px 0;
	background-color: #fff;
	overflow: auto;
}

.uc-product-demand-box {
	background-color: #fff;
	margin-bottom: 20px;
}

.uc-product-demand-box h3 {
	font-size: 16px;
	margin-bottom: 10px
}

.uc-product-demand-tab {
	display: flex;
	margin-bottom: 10px;

}

.uc-product-demand-tab span {
	color: #74798C;
	background-color: #F2F4F7;
	display: flex;
	padding: 2px 8px;
	margin-right: 10px;
	border-radius: 3px;
	font-size: 12px;
}

.uc-product-demand-box p {
	font-size: 12px;
	color: #74798C;
	font-weight: 200;
	line-height: 26px;
	margin-bottom: 10px;
}

.uc-product-demand-box dl {
	display: flex;
	align-items: center;
}

.uc-product-demand-box dl dd img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 10px;
}

.uc-product-demand-box dl dd:nth-child(2) {
	margin-right: 35px;
}

.uc-product-demand-box dl dd:nth-child(3) {
	margin-right: 15px;
	color: #9BA2AB;
	font-size: 12px;
}

.uc-u-data-transaction-box {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.uc-u-data-transaction-box-title {
	display: flex;
	align-items: center;
}

.uc-u-data-transaction-box-title div:nth-child(1) {
	font-size: 14px;
}

.uc-u-data-transaction-box-title div:nth-child(2) {
	font-size: 12px;
	color: #282D30;
	margin-left: 10px;
}

.uc-u-data-transaction-box table {
	width: 100%;
	margin-top: 15px;
}

.uc-u-data-transaction-box table tr td {
	hieght: 80px;
	text-align: center;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 20px 0;
	color: #74798C
}

.uc-u-data-transaction-box table tr {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}

.uc-u-data-transaction-box table tr td:nth-child(1),
.uc-u-data-transaction-box table tr td:nth-child(3),
.uc-u-data-transaction-box table tr td:nth-child(5) {
	background-color: #F6F9FE;
	color: #282D30;
	width: 120px;
}

.uc-u-data-transactions-box {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.uc-u-data-transactions-box-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.uc-u-data-transactions-box-title div:nth-child(2) {
	display: flex;
}

.uc-u-data-transactions-box-title-btn div {
	width: 70px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	border-radius: 3px;
}

.uc-u-data-transactions-box-title-btn div:hover {
	cursor: pointer;
}

.uc-u-data-transactions-box-title-btn div:nth-child(1) {
	color: #fff;
	background-color: #0054FE;

}

.uc-u-data-transactions-box-title-btn div:nth-child(2) {
	border: 1px solid #222;
}

.uc-u-data-transactions-box-info {
	display: flex;
	justify-content: space-between;
	background-color: #F8F9FB;
	padding: 20px;
	margin-top: 15px;
	align-items: center;
}
.uc-u-data-transactions-box-info table:nth-child(1) {
	width:calc(100% - 260px)
}
.uc-u-data-transactions-box-info table:nth-child(1) tr td {
	color: #74798C;

}

.uc-u-data-transactions-box-info table:nth-child(1) tr td:nth-child(1),
.uc-u-data-transactions-box-info table:nth-child(1) tr td:nth-child(3) {
	width: 60px;
	color: #282D30;
	padding: 10px 0;
}

.uc-u-data-transactions-box-info table:nth-child(2) tr td {
	text-align: right;
}

.uc-u-data-transactions-box-info table:nth-child(2) tr:nth-child(1) td {
	color: #9BA2AB;
	font-size:12px;
	padding: 10px 0;
}
.uc-u-data-transactions-box-info table:nth-child(2) tr td:nth-child(2){
	padding-left: 30px;
}
.uc-u-data-transactions-box-step {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.uc-u-data-transactions-box-stepOne,
.uc-u-data-transactions-box-stepTwo,
.uc-u-data-transactions-box-stepThree,
.uc-u-data-transactions-box-stepFour {
	width: 24%;
	margin-top: 20px;
	display: flex;
	position: relative;
}

.uc-u-data-transactions-box-stepOne div:nth-child(1),
.uc-u-data-transactions-box-stepTwo div:nth-child(1),
.uc-u-data-transactions-box-stepThree div:nth-child(1),
.uc-u-data-transactions-box-stepFour div:nth-child(1) {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .12);
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: rgba(0, 0, 0, .25);
}

.uc-u-data-transactions-box-stepOne h3,
.uc-u-data-transactions-box-stepTwo h3,
.uc-u-data-transactions-box-stepThree h3,
.uc-u-data-transactions-box-stepFour h3 {
	font-size: 14px;
	color: rgba(0, 0, 0, .45);
	margin-bottom: 8px;
	margin-top: 5px;
}

.uc-u-data-transactions-box-stepOne dl dd,
.uc-u-data-transactions-box-stepTwo dl dd,
.uc-u-data-transactions-box-stepThree dl dd,
.uc-u-data-transactions-box-stepFour dl dd {
	font-size: 12px;
	color: rgba(0, 0, 0, .45);
	margin-bottom: 8px;
}

.uc-u-data-transactions-box-stepOne i,
.uc-u-data-transactions-box-stepTwo i,
.uc-u-data-transactions-box-stepThree i,
.uc-u-data-transactions-box-stepFour i {
	position: absolute;
	width: 50%;
	height: 1px;
	background-color: rgba(0, 0, 0, .12);
	right: 0;
	top: 16px;
}

.uc-u-data-transactions-box-stepOn div:nth-child(1) {
	border: 1px solid #0054FE;
	background-color: #0054FE;
	color: rgba(255, 255, 255, 1);
}

.uc-u-data-transactions-box-stepOn h3 {
	color: rgba(0, 0, 0, .85);
}

.uc-u-data-transactions-box-stepOn i {
	background-color: #0054FE;
}

.uc-u-data-recommend-hot {
	width: calc(100% - 30px);
	margin: 0 15px;
	background-color: #fff;
	overflow: hidden;
}

.uc-u-data-recommend-hot h5 {
	margin: 20px 10px 6px 30px;
	font-size: 16px;
}

.uc-u-data-recommend-hot div {
	font-size: 12px;
	color: #74798C;
	margin-left: 30px;
	margin-bottom: 20px;
}

.uc-u-data-recommend-setp {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #fff;
	margin-top: 15px;
	padding: 50px 0 30px 0;
}

.uc-u-data-recommend-from {
	width: calc(100% - 30px);
	padding: 15px;
	background-color: #fff;
}

.uc-u-data-recommend-setp div {
	display: flex;
	align-items: center;
}

.uc-u-data-recommend-setp div h3 {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .12);
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: rgba(0, 0, 0, .25);

}

.uc-u-data-recommend-setp span {
	font-size: 14px;
	color: rgba(0, 0, 0, .25);
}

.uc-u-data-recommend-setp i {
	width: 15%;
	margin: 0 15px;
	border-top: 1px solid rgba(0, 0, 0, .15);
}

.recommend-setpOn h3 {
	background-color: #0054FE;
	color: #fff !important;
}

.recommend-setpOn span {
	color: rgba(0, 0, 0, .85);
}

.recommend-setpOn-b {
	border-top: 1px solid #326de5 !important
}
.uc-u-data-transactions-box-step {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.uc-u-data-transactions-box-stepOne,
.uc-u-data-transactions-box-stepTwo,
.uc-u-data-transactions-box-stepThree,
.uc-u-data-transactions-box-stepFour {
	width: 24%;
	margin-top: 20px;
	display: flex;
	position: relative;
}

.uc-u-data-transactions-box-stepOne div:nth-child(1),
.uc-u-data-transactions-box-stepTwo div:nth-child(1),
.uc-u-data-transactions-box-stepThree div:nth-child(1),
.uc-u-data-transactions-box-stepFour div:nth-child(1) {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .12);
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: rgba(0, 0, 0, .25);
}

.uc-u-data-transactions-box-stepOne h3,
.uc-u-data-transactions-box-stepTwo h3,
.uc-u-data-transactions-box-stepThree h3,
.uc-u-data-transactions-box-stepFour h3 {
	font-size: 14px;
	color: rgba(0, 0, 0, .45);
	margin-bottom: 8px;
	margin-top: 5px;
}

.uc-u-data-transactions-box-stepOne dl dd,
.uc-u-data-transactions-box-stepTwo dl dd,
.uc-u-data-transactions-box-stepThree dl dd,
.uc-u-data-transactions-box-stepFour dl dd {
	font-size: 12px;
	color: rgba(0, 0, 0, .45);
	margin-bottom: 8px;
}

.uc-u-data-transactions-box-stepOne i,
.uc-u-data-transactions-box-stepTwo i,
.uc-u-data-transactions-box-stepThree i,
.uc-u-data-transactions-box-stepFour i {
	position: absolute;
	width: 50%;
	height: 1px;
	background-color: rgba(0, 0, 0, .12);
	right: 0;
	top: 16px;
}

.uc-u-data-transactions-box-stepOn div:nth-child(1) {
	border: 1px solid #0054FE;
	background-color: #0054FE;
	color: rgba(255, 255, 255, 1);
}

.uc-u-data-transactions-box-stepOn h3 {
	color: rgba(0, 0, 0, .85);
}

.uc-u-data-transactions-box-stepOn i {
	background-color: #0054FE;
}

.uc-u-data-recommend-hot {
	width: calc(100% - 30px);
	margin: 0 15px;
	background-color: #fff;
	overflow: hidden;
}

.uc-u-data-recommend-hot h5 {
	margin: 20px 10px 6px 30px;
	font-size: 16px;
}

.uc-u-data-recommend-hot div {
	font-size: 12px;
	color: #74798C;
	margin-left: 30px;
	margin-bottom: 20px;
}

.uc-u-data-recommend-setp {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #fff;
	margin-top: 15px;
	padding: 50px 0 30px 0;
}

.uc-u-data-recommend-from {
	width: calc(100% - 30px);
	padding: 15px;
	background-color: #fff;
}

.uc-u-data-recommend-setp div {
	display: flex;
	align-items: center;
}

.uc-u-data-recommend-setp div h3 {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, .12);
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: rgba(0, 0, 0, .25);

}

.uc-u-data-recommend-setp span {
	font-size: 14px;
	color: rgba(0, 0, 0, .25);
}

.uc-u-data-recommend-setp i {
	width: 15%;
	margin: 0 15px;
	border-top: 1px solid rgba(0, 0, 0, .15);
}

.recommend-setpOn h3 {
	background-color: #0054FE;
	color: #fff !important;
}

.recommend-setpOn span {
	color: rgba(0, 0, 0, .85);
}

.recommend-setpOn-b {
	border-top: 1px solid #326de5 !important
}


.myscroll {  height: 240px; overflow: hidden;}

.updataimg{
	position: relative;
}
.updataimg span{
	position: absolute;
	right: 0;
	top: 0;
	background-color: #0c9600;
	width: 100px;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.updataimg span input{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.cpeclist{
	border: 1px solid #eee;
	margin-top: 24px;
	min-height: 110px;
	margin-bottom: 20px;
	padding-top: 24px;
}
.cpeclist .layui-btn-sm{
	position: relative;
	top: 4px;border-radius: 50%;padding: 0 4px;
}


.cpeclist .layui-input-inline{
	width: 300px !important;
}
.suktypelist{
	display: flex;
	align-items: center;
	min-height: 36px;
	flex-flow: wrap;

}
.suktypelist span:hover{
	color: #1a7bb9;
	cursor: pointer;
}
.suktypelist span{
	display: flex;
	font-size: 13px;
	color: #999;
	margin: 10px 15px 10px 0px;
}
.suktypelist span i{
	border: 1px solid #ccc;
	display: flex;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin-right: 10px;
}
.typetoOn i{
	border: 1px solid #1a7bb9 !important;
	position: relative;
}
.typetoOn i:after{
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -3px;
	margin-left: -3px;
	border-radius: 50%;
	background-color: #1a7bb9;
}
.positonproductdom{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(0,0,0,0.2);
	display: flex;
	justify-content: center;
	align-items: center;
}
.positonproductdombox {
	background-color: #fff;
	width: 400px;
	min-height: 180px;
	position: relative;
}
.positonproductdombox-title{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e3e3e3;
	line-height: 30px;
	padding: 6px 10px;
}
.positonproductdombox-title span:nth-child(2){
	color: #999;
}
.positonproductdombox-title span:nth-child(2):hover{
	cursor: pointer;
}
.positonproductdombox dl {
	display: flex;
	flex-flow: wrap;
}
.positonproductdombox dl dd{
	border: 1px solid #cecece;
	margin: 10px;
	padding: 5px 15px;
	border-radius: 3px;
}
.positonproductdombox dl dd:hover{
	cursor: pointer;
}
.positonproductdomboxOn{
	background-color: #00a65a !important;
	border: 1px solid #00a65a !important;
	color: #fff;
}
.productcheckboxTypes div dl {
	display: flex;
}
.productcheckboxTypes div dl dd{
	margin-right: 20px;
	display: flex;
	align-items: center;
	font-size: 12px;

}
.productcheckboxTypes div dl dd i{
	display: block;
	width: 16px;
	height: 16px;
	border:1px solid #ccc;
	margin-right: 5px;
}
.productcheckboxTypes div dl dd:hover{
	cursor: pointer;
}
.productcheckboxTypesOn{
	border:1px solid #60b878 !important;
	position: relative;
	border-radius: 1px;
}
.productcheckboxTypesOn:after{
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -4px;
	border-radius: 1px;
	background-color: #60b878 !important;
}

.uc-u-data-l-a .layui-form-switch{
	height: 24px;
}
.layui-table-box{
	overflow: initial;
}
.result{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}
.result .success{
	color: #00a65a;
	margin-top: 50px;
}
.result .success svg{
	width: 69px;
}
.result .title{
	color: #666;
	margin: 12px auto;
	font-size: 15px;
	margin-bottom: 90px;
}
.result .desc{
	width: 80%;
	font-size: 12px;
	color: #999;
	background-color: #f7f7f7;
	padding: 20px;
	border-right: 10px;
	line-height: 24px;
}
.layui-table-box .layui-btn-sm{
	line-height: 26px;
}
.uc-u-data-l-a .layui-table-mend{
	display: none;
}
.addShowDom{
	display: flex;align-items: center;justify-content: center;
	line-height: 60px;
	font-size: 14px;
	color: #999;
}
.addShowDom div:hover{
	cursor: pointer;
	color: #1a7bb9;
}