.grid{
	display: grid;
}
.grid-gap5{
	grid-gap: 5px;
}
.grid-gap10{
	grid-gap: 10px;
}
.grid-gap15{
	grid-gap: 15px;
}
.grid-gap20{
	grid-gap: 20px;
}
.gr-12{
	grid-row: 1/2;
}
.gr-13{
	grid-row: 1/3;
}
.gr-14{
	grid-row: 1/4;
}
.gr-15{
	grid-row: 1/5;
}
.gr-16{
	grid-row: 1/6;
}
.gr-17{
	grid-row: 1/7;
}
.gr-18{
	grid-row: 1/8;
}
.gr-19{
	grid-row: 1/9;
}

.gr-23{
	grid-row: 2/3;
}
.gr-24{
	grid-row: 2/4;
}
.gr-25{
	grid-row: 2/5;
}
.gr-26{
	grid-row: 2/6;
}
.gr-27{
	grid-row: 2/7;
}
.gr-28{
	grid-row: 2/8;
}
.gr-29{
	grid-row: 2/9;
}
.gr-34{
	grid-row: 3/4;
}
.gr-35{
	grid-row: 3/5;
}
.gr-36{
	grid-row: 3/6;
}
.gr-37{
	grid-row: 3/7;
}
.gr-38{
	grid-row: 3/8;
}
.gr-39{
	grid-row: 3/9;
}
.gr-45{
	grid-row: 4/5;
}
.gr-46{
	grid-row: 4/6;
}
.gr-47{
	grid-row: 4/7;
}
.gr-48{
	grid-row: 4/8;
}
.gr-49{
	grid-row: 4/9;
}
.gr-56{
	grid-row: 5/6;
}
.gr-57{
	grid-row: 5/7;
}
.gr-58{
	grid-row: 5/8;
}
.gr-59{
	grid-row: 5/9;
}
.gr-67{
	grid-row: 6/7;
}
.gr-68{
	grid-row: 6/8;
}
.gr-69{
	grid-row: 6/9;
}
.gr-78{
	grid-row: 7/8;
}
.gr-79{
	grid-row: 7/9;
}
.gr-89{
	grid-row: 8/9;
}


.gc-12{
	grid-column: 1/2;
}
.gc-13{
	grid-column: 1/3;
}
.gc-14{
	grid-column: 1/4;
}
.gc-15{
	grid-column: 1/5;
}
.gc-16{
	grid-column: 1/6;
}
.gc-17{
	grid-column: 1/7;
}
.gc-18{
	grid-column: 1/8;
}
.gc-19{
	grid-column: 1/9;
}

.gc-23{
	grid-column: 2/3;
}
.gc-24{
	grid-column: 2/4;
}
.gc-25{
	grid-column: 2/5;
}
.gc-26{
	grid-column: 2/6;
}
.gc-27{
	grid-column: 2/7;
}
.gc-28{
	grid-column: 2/8;
}
.gc-29{
	grid-column: 2/9;
}
.gc-34{
	grid-column: 3/4;
}
.gc-35{
	grid-column: 3/5;
}
.gc-36{
	grid-column: 3/6;
}
.gc-37{
	grid-column: 3/7;
}
.gc-38{
	grid-column: 3/8;
}
.gc-39{
	grid-column: 3/9;
}
.gc-45{
	grid-column: 4/5;
}
.gc-46{
	grid-column: 4/6;
}
.gc-47{
	grid-column: 4/7;
}
.gc-48{
	grid-column: 4/8;
}
.gc-49{
	grid-column: 4/9;
}
.gc-56{
	grid-column: 5/6;
}
.gc-57{
	grid-column: 5/7;
}
.gc-58{
	grid-column: 5/8;
}
.gc-59{
	grid-column: 5/9;
}
.gc-67{
	grid-column: 6/7;
}
.gc-68{
	grid-column: 6/8;
}
.gc-69{
	grid-column: 6/9;
}
.gc-78{
	grid-column: 7/8;
}
.gc-79{
	grid-column: 7/9;
}
.gc-89{
	grid-column: 8/9;
}

.mw-30{
	max-width: 30px;
}
.mw-40{
	max-width: 40px;
}
.mw-50{
	max-width: 50px;
}
.mw-60{
	max-width: 60px;
}
.mw-70{
	max-width: 70px;
}
.mw-80{
	max-width: 80px;
}
.mw-90{
	max-width: 90px;
}
.mw-100{
	max-width: 100px;
}
.mw-110{
	max-width: 110px;
}
.mw-140{
	max-width: 140px;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.tac{
	text-align: center;
}
.p-3{
	padding: 3px;
}
.p-5{
	padding: 5px;
}
.p-10{
	padding: 10px;
}
.p-15{
	padding: 15px;
}
.p-20{
	padding: 20px;
}
.p-25{
	padding: 25px;
}
.p-30{
	padding: 30px;
}
.pr-5{
	padding-right: 5px;
}
.pr-10{
	padding-right: 10px;
}
.pr-15{
	padding-right: 15px;
}
.pr-20{
	padding-right: 20px;
}
.pr-25{
	padding-right: 25px;
}
.pr-30{
	padding-right: 30px;
}
.pr-40{
	padding-right: 40px;
}
.pr-50{
	padding-right: 50px;
}
.pr-60{
	padding-right: 60px;
}
.pr-80{
	padding-right: 80px;
}
.pr-90{
	padding-right: 90px;
}
.pb-10{
	padding-bottom: 10px;
}
.pb-20{
	padding-bottom:20px;
}
.m-3{
	margin: 3px;
}
.m-5{
	margin: 5px;
}
.m-10{
	margin: 10px;
}
.m-15{
	margin: 15px;
}
.m-20{
	margin: 20px;
}
.mt-2{
	margin-top: 2px;
}
.mt-3{
    margin-top: 3px;
}
.mt-4{
    margin-top: 4px;
}
.mt-5{
	margin-top: 5px;
}
.mt-10{
	margin-top: 10px;
}
.mt-15{
	margin-top: 15px;
}
.mt-20{
	margin-top: 20px;
}
.mb-4{
    margin-bottom: 4px;
}
.mb-5{
	margin-bottom: 5px;
}
.mb-10{
	margin-bottom: 10px;
}
.mb-15{
	margin-bottom: 15px;
}
.mb-20{
	margin-bottom: 20px;
}
.ml-5{
	margin-left: 5px;
}
.ml-10{
	margin-left: 10px;
}
.ml-15{
	margin-left: 15px;
}
.ml-20{
	margin-left: 20px;
}
.mr-5{
	margin-right: 5px;
}
.mr-10{
	margin-right: 10px;
}
.mr-15{
	margin-right: 15px;
}
.mr-20{
	margin-right: 20px;
}
.pb-5{
	padding-bottom:5px;
}
.font10{
	font-size: 10px;
}
.font12{
	font-size: 12px;
}
.font14{
	font-size: 14px;
}
.font15{
	font-size: 15px;
}
.font16{
	font-size: 16px;
}
.font18{
	font-size: 18px;
}
.font20{
	font-size: 20px;
}
.font24{
	font-size: 24px;
}
.font26{
	font-size: 26px;
}
.font28{
	font-size: 28px;
}
.font-fff{
	color: #ffffff;
}
.font-000{
	color: #000000;
}
.font-383{
	color: #383838;
}
.font-484{
	color: #484848;
}
.font-585{
	color: #585858;
}
.font-686{
	color: #686868;
}
.font-868{
	color: #868686;
}
.font-red{
	color: red;
}
.font-yellow{
	color: yellow;
}
.font-ff5900{
    color: #ff5900;
}
.bg-one{
	background-color: #ffffff;
}
.bg-two{
	background-color: #e8e8e8;
}
.bg-three{
	background-color: #dadada;
}
.bg-four{
	background-color: #bcbcbc;
}
.bg-five{
	background-color: #adadad;
}
.bg-blue{
	background-color: blue;
}
.bg-blue1{
	background-color: #00005e;
}
.bg-blue2{
	background-color: #000064;
}
.bg-blue3{
	background-color: #0055ff;
}
.bg-blue4{
	background-color: #00aaff;
}
.bg-blue5{
	background-color: #00ffff;
}
.bg-blue6{
	background-color: #aaffff;
}
.bggc-top-blue{
	background-image: linear-gradient(to top, rgba(94, 94, 94, 1.0), rgba(33, 33, 33, 1.0));
}
.bggc-bottom-blue{
	background-image: linear-gradient(to top, rgba(72, 72, 72, 1.0), rgba(136, 136, 136, 1.0));
}
.bggc-in-blue{
	background-image: linear-gradient(to top, rgba(72, 72, 72, 1.0), rgba(104, 104, 104, 1.0), rgba(72, 72, 72, 1.0));
}
.bggc-toin-blue{
	background-image: linear-gradient(to top, rgba(104, 104, 104, 1.0), rgba(72, 72, 72, 1.0), rgba(104, 104, 104, 1.0));
}
.bggc-left-blue{
	background-image: linear-gradient(to left, rgba(104, 104, 104, 0.8),rgba(56, 56, 56, 0.8));
}
.bggc-right-blue{
	background-image: linear-gradient(to right, rgba(104, 104, 104, 1.0),rgba(56, 56, 56, 1.0));
}
.bggc-inr-blue{
	background-image: linear-gradient(to left, rgba(47, 47, 47, 1.0), rgba(24, 24, 24, 1.0), rgba(47, 47, 47, 1.0));
}
.bggc-toinr-blue{
	background-image: linear-gradient(to left, rgba(37, 37, 37, 1.0), rgba(76, 76, 76, 0.2), rgba(37, 37, 37, 1.0));
}
.shell-outside{
	width: 100%;
}
.shell-within{
	max-width: 1320px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.text-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.w-max{
	width: 100%;
}

.bora-5{
	border-radius: 5px;
}
.bora-10{
	border-radius: 10px;
}
.xhx1{
	border-bottom: #dedede solid 1px;
}
/* 自适应媒体查询start */
@media screen and (max-width:1320px) {
	.shell-within {
		width: 1200px;
	}
	.f-a{
		font-size: 16px;
	}
}
@media  screen and (max-width:1200px) {
	.shell-within {
		width: 1140px;
	}
	.f-a{
		font-size: 15px;
	}
}
@media  screen and (max-width:1140px) {
	.shell-within {
		width: 1030px;
	}
	.f-a{
		font-size: 14px;
	}
}
@media screen and (max-width:1030px) {
	.shell-within {
		width: 960px;
	}
}
@media screen and (max-width:960px) {
	.shell-within {
		width: 100%;
	}
}
/* 自适应媒体查询end */