.home {
	flex:1;
	width:100%;
	background:#f9faff
}
.home .banner {
	width:100%;
	height:560px;
	background-color:#3760f4
}
.home .banner .banner-carousel .el-carousel__indicators--horizontal {
	margin-bottom:10px
}
.home .banner .banner-carousel .el-carousel__indicators--horizontal .el-carousel__button {
	height:3px;
	width:54px
}

.el-carousel .el-carousel__item .image-container {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.el-carousel__item {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:inline-block;
	overflow:hidden;
	z-index:calc(var(--el-index-normal) - 1)
}
.el-carousel__item.is-active {
	z-index:calc(var(--el-index-normal) - 1)
}
.el-carousel__item.is-animating {
	transition:transform .4s ease-in-out
}
.el-carousel {
	--el-carousel-arrow-font-size:12px;
	--el-carousel-arrow-size:36px;
	--el-carousel-arrow-background:rgba(31,45,61,0.11);
	--el-carousel-arrow-hover-background:rgba(31,45,61,0.23);
	--el-carousel-indicator-width:30px;
	--el-carousel-indicator-height:2px;
	--el-carousel-indicator-padding-horizontal:4px;
	--el-carousel-indicator-padding-vertical:12px;
	--el-carousel-indicator-out-color:var(--el-border-color-hover);
	position:relative
}
.el-carousel--horizontal {
	overflow-x:hidden
}
.el-carousel--vertical {
	overflow-y:hidden
}
.el-carousel__container {
	position:relative;
	height:300px
}
.el-carousel__arrow {
	border:none;
	outline:0;
	padding:0;
	margin:0;
	height:var(--el-carousel-arrow-size);
	width:var(--el-carousel-arrow-size);
	cursor:pointer;
	transition:var(--el-transition-duration);
	border-radius:50%;
	background-color:var(--el-carousel-arrow-background);
	color:#fff;
	position:absolute;
	top:50%;
	z-index:10;
	transform:translateY(-50%);
	text-align:center;
	font-size:var(--el-carousel-arrow-font-size)
}
.el-carousel__arrow--left {
	left:16px
}
.el-carousel__arrow--right {
	right:16px
}
.el-carousel__arrow:hover {
	background-color:var(--el-carousel-arrow-hover-background)
}
.el-carousel__arrow i {
	cursor:pointer
}
.el-carousel__indicators {
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	z-index:calc(var(--el-index-normal) + 1)
}
.el-carousel__indicators--horizontal {
	bottom:0;
	left:50%;
	transform:translateX(-50%)
}
.el-carousel__indicators--vertical {
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.el-carousel__indicators--outside {
	bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical) * 2);
	text-align:center;
	position:static;
	transform:none
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
	opacity:.64
}
.el-carousel__indicators--outside button {
	background-color:var(--el-carousel-indicator-out-color);
	opacity:.24
}
.el-carousel__indicators--labels {
	left:0;
	right:0;
	transform:none;
	text-align:center
}
.el-carousel__indicators--labels .el-carousel__button {
	height:auto;
	width:auto;
	padding:2px 18px;
	font-size:12px
}
.el-carousel__indicators--labels .el-carousel__indicator {
	padding:6px 4px
}
.el-carousel__indicator {
	background-color:transparent;
	cursor:pointer
}
.el-carousel__indicator:hover button {
	opacity:.72
}
.el-carousel__indicator--horizontal {
	display:inline-block;
	padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)
}
.el-carousel__indicator--vertical {
	padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)
}
.el-carousel__indicator--vertical .el-carousel__button {
	width:var(--el-carousel-indicator-height);
	height:calc(var(--el-carousel-indicator-width)/ 2)
}
.el-carousel__indicator.is-active button {
	opacity:1
}
.el-carousel__button {
	display:block;
	opacity:.48;
	width:var(--el-carousel-indicator-width);
	height:var(--el-carousel-indicator-height);
	background-color:#fff;
	border:none;
	outline:0;
	padding:0;
	margin:0;
	cursor:pointer;
	transition:var(--el-transition-duration)
}






















.home .banner .image-desc {
	height:100%;
	width:1200px;
	margin:0 auto;
	padding-bottom:50px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:flex-start
}
.home .banner .image-desc.middle {
	align-items:center;
	justify-content:center
}
.home .banner .image-desc.top {
	align-items:flex-start
}
.home .banner .image-desc.bottom {
	align-items:flex-end
}
.home .banner .image-desc.left {
	justify-content:flex-start
}
.home .banner .image-desc.right {
	justify-content:flex-end
}
.home .banner .image-desc.right .desc-content {
	align-items:flex-end
}
.home .banner .image-desc .desc-content {
	display:flex;
	flex-direction:column
}
.home .banner .image-desc .desc-content .title {
	font-size:48px;
	color:#fff
}
.home .banner .image-desc .desc-content .desc {
	font-size:16px;
	color:#fff;
	margin-top:10px
}
.home .banner .image-desc .desc-content .desc .desc-tag {
	margin-left:10px;
	display:inline-block;
	padding:6px 12px;
	background:linear-gradient(90deg,#ed7a69 0,#f3a288 100%);
	border-radius:17px
}
.home .banner .image-desc .desc-content .operation {
	margin-top:48px
}
.home .banner .image-desc .desc-content .operation a {
	text-decoration:none
}
.home .banner .image-desc .desc-content .operation .image-btn {
	display:inline-block;
	width:138px;
	height:40px;
	line-height:40px;
	cursor:pointer;
	text-align:center;
	border-radius:2px;
	transition:all .3s ease
}
.home .banner .image-desc .desc-content .operation .image-btn+.image-btn {
	margin-left:20px
}
.home .banner .image-desc .desc-content .operation .primary {
	background:rgba(255,255,255,.8);
	color:#2468f1
}
.home .banner .image-desc .desc-content .operation .primary[data-v-56534b4e]:hover {
	background:#fff
}
.home .banner .image-desc .desc-content .operation .normal {
	border:1px solid #fff;
	box-sizing:border-box;
	color:#fff
}
.home .banner .image-desc .desc-content .operation .normal[data-v-56534b4e]:hover {
	background:rgba(255,255,255,.1)
}
.home .main {
	width:100%
}
.home .main .tag {
	width:100%;
	margin:0 auto;
	box-shadow:0 2px 8px 0 rgba(37,38,94,.1);
	display:flex;
	justify-content:center;
	background:#fff
}
.home .main .tag .item {
	width:300px;
	height:100px;
	cursor:pointer;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	transition:all .3s ease
}
.home .main .tag .item[data-v-56534b4e]:hover {
	background:#f8fafe
}
.home .main .tag .item:hover .title {
	color:#3760f4
}
.home .main .tag .item .title {
	font-size:18px;
	font-weight:700
}
.home .main .tag .item .desc {
	color:#666;
	margin-top:8px
}
.home .main .display-module {
	width:1400px;
	padding:0 120px;
	box-sizing:border-box;
	position:relative;
	margin:44px auto 0
}
.home .main .display-module .header {
	display:flex;
	flex-direction:column;
	align-items:center
}
.home .main .display-module .header .title {
	font-size:28px;
	font-weight:700
}
.home .main .display-module .header .desc {
	margin-top:10px;
	color:#999
}
.home .main .display-module .header .desc .vip {
	cursor:pointer;
	color:#3760f4
}
.home .main .display-module .content {
	margin-top:45px;
	display:flex;
	flex-direction:column
}
.home .main .display-module .content .level-tab {
	width:100%;
	font-size:16px;
	display:flex;
	align-items:center;
	justify-content:space-around;
	border-bottom:1px solid #e1e6f0;
	box-sizing:border-box
}
.home .main .display-module .content .level-tab span {
	display:inline-block;
	padding-bottom:14px;
	box-sizing:border-box;
	border-bottom:2px solid transparent;
	cursor:pointer;
	transition:all .3s ease
}
.home .main .display-module .content .level-tab span.active {
	color:#3760f4;
	border-bottom:2px solid #3760f4
}
.home .main .display-module .content .member-gpu-price {
	margin-top:44px;
	display:grid;
	grid:auto-flow/repeat(auto-fill,minmax(80px,386.6px));
	box-shadow:0 0 8px 0 rgba(37,38,94,.1);
	border-radius:4px;
	background:#fff;
	box-sizing:border-box
}
.home .main .display-module .content .member-gpu-price .gpu-item {
	height:165px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:30px;
	border-bottom:1px solid #e1e6f0;
	border-right:1px solid #e1e6f0
}
.home .main .display-module .content .member-gpu-price .gpu-item[data-v-56534b4e]:first-of-type {
	border-top-left-radius:4px
}
.home .main .display-module .content .member-gpu-price .gpu-item[data-v-56534b4e]:last-of-type {
	border-bottom-right-radius:4px
}
.home .main .display-module .content .member-gpu-price .gpu-item[data-v-56534b4e]:nth-of-type(3) {
	border-top-right-radius:4px
}
.home .main .display-module .content .member-gpu-price .gpu-item[data-v-56534b4e]:nth-last-child(3) {
	border-bottom-left-radius:4px
}
.home .main .display-module .content .member-gpu-price .gpu-item[data-v-56534b4e]:hover {
	background:#f8fafe
}
.home .main .display-module .content .member-gpu-price .gpu-item:hover .name {
	color:#3760f4
}
.home .main .display-module .content .member-gpu-price .gpu-item .name {
	font-size:18px;
	font-weight:700
}
.home .main .display-module .content .member-gpu-price .gpu-item .computing {
	color:#ff502e;
}
.home .main .display-module .content .member-gpu-price .gpu-item .price .unit {
	color:#ff502e
}
.home .main .display-module .content .member-gpu-price .gpu-item .price .text {
	color:#ff502e;
	font-size:24px
}
.home .main .display-module .content .member-gpu-price .gpu-item .price .d-tag {
	margin-left:10px;
	font-size:12px;
	display:inline-block;
	width:64px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-image:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAUCAYAAAA9djs/AAAAAXNSR0IArs4c6QAAA1RJREFUWEfdWDtrFVEQ/iYBRQVFsBK0t7IRhPwDCwsJ2BuQ/IKI6dJrqYKCndZREQtF0N5SkRgCeUisrO5NbrJ394zMvu7ZOa+9F7QwsOxj9pyd75uZb+aG4Pnj35tncbS9iDy7BVNcBeECDJ8uX+VmQXtRP6jvfXb71eD6enO9bfSbnjXs2aB5xAbIhkA2AIrjPczRMtn4mXkevz4vIRuugYuLrc3BGvUS0E4EuLLYtJntPu4QoG806QES8+MKtICHsfffawlg3juFnxuPUIzugM2EGC/WFAGWo8FXI3t4M8ZhoiKts43cUBUAkwNjifYQKMbdPLcCVAItI7//8Rmyw6XqTeWcN4LaS9nKjohlT67v5OHsGVCCPgCyA0nxSWlGMrgiYP/TXWSDp2CuIx8hoDQFc7o2pdZH9kgkl/NtATo+BMajCrSjASpLlJ1KwRtufofJ65qv06gTTStCXhHzRdtXn9OIaFdbWw9MAeSjySFR7wpZ19mEfhHvflhCMXqudpnc/jMNCJSMAJTI5kfVYTKlnR7B6DzyALA1gHfevYHJbwYJ8GZrHxGMCKE3iyQ7CqDIAFFtASpnzt3Wq9drIUxE3S4T4u23O2BzuTcBIeedkglEtFFoASbqLBEWsAJcCPDtbz9zuI/XuNMpHA348WII0BnQHIA5VGcCSPSwOQs91sjQCGF5lr4qF/VZho3yKABTn8trASoA5WhQ2DrRV0dswD6d8bTGSIYQf33s5rPNUgM2JDTBiGnnNMCA852S8/V5JaQaXDMHNP56J8N20YD42xN2JzfFiXeyswHJdWwOSNlDc0Aqwil7YDJs8dCGS0CviEcI8q73CWKfjPAAmLLPJzTgpVsC5Qf6THXT1m+gJHQJReq1GlLtF3SJTGkn3O6pAaoXOhqh7bNEPCCCTo2rQVQTott2UANoCyfPX5lRA3QJ+AjQJPRR+WmzpI8G6Kyo8gjgRVpYXZ9RA2aJuK7nVMRT9lbmI5NhQEMID2hh9V7Z3GfrAqkMSNkt51su+2RIgMSoblg6QcRg8xDvj+/T2pppCNgF86XOJPh/zgFbmJ9foesr6zZWyYAbAOSn8IQEp++nIprqHCn7X5kDBiDsg/EFTK9x4twruras/jMC/AF2WumhqKorQAAAAABJRU5ErkJggg==);
	border-radius:10px 2px 10px 2px
}
.home .main .display-module .content .rank-box {
	margin-top:45px;
	border:1px solid #ebf0fc;
	box-shadow:0 0 8px 1px #ebf0fc;
	border-radius:4px
}
.home .main .display-module .content .rank-box .rank-title {
	background:#f9faff;
	height:42px;
	line-height:42px;
	font-size:16px;
	font-weight:700;
	padding:0 40px 0 0;
	border-top-left-radius:4px;
	border-top-right-radius:4px
}
.home .main .display-module .content .rank-box .rank-title .index {
	text-align:center
}
.home .main .display-module .content .rank-box .rank-item {
	height:64px;
	line-height:64px;
	font-size:16px;
	border-bottom:1px solid #ebf0fc;
	padding:0 40px 0 0;
	background:#fff;
	box-shadow:0 -1px 0 0 #ebf0fc;
	display:flex;
	align-items:center
}
.home .main .display-module .content .rank-box .rank-item[data-v-56534b4e]:last-of-type {
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px
}
.home .main .display-module .content .rank-box .rank-item[data-v-56534b4e]:hover {
	background:#f8fafe
}
.home .main .display-module .content .rank-box .rank-item .index {
	color:#999;
	text-align:center
}
.home .main .display-module .content .rank-box .rank-item .name {
	font-weight:700
}
.home .main .display-module .content .rank-box .rank-item .rank-bar {
	width:87%;
	height:8px;
	background:#ebf0fc;
	border-radius:5px;
	display:inline-block
}
.home .main .display-module .content .rank-box .rank-item .rank-bar .bar {
	background:#3760f4;
	height:100%;
	max-width:100%;
	border-radius:5px
}
.home .main .bottom-module {
	height:180px;
	background:linear-gradient(90deg,#191c43 10%,#2a2960 50%);
	margin-top:45px
}
.home .main .bottom-module .bottom-content {
	width:1400px;
	background-image: url(../images/footer.bd57493f.png);
	height:100%;
	color:#fff;
	margin:0 auto;
	padding:0 120px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:center
}
.home .main .bottom-module .bottom-content .bottom-title {
	font-size:18px;
	font-weight:700
}
.home .main .bottom-module .bottom-content .bottom-desc {
	font-size:16px;
	margin-top:17px
}