body {
	margin: 0px;
	height: 100%;
	/*background-image: url(https://www.sxd.cn/assets/listBackground-da459971.png); */
	background-color: #ADB1B4;
	background-repeat: repeat;
	background-size: cover;
	color: #000000;
	/* font-family: tahoma, arial, helvetica, sans-serif; */
	font-family: '微软雅黑';
}

body.inframe {
	background: transparent none;
	border: none;
}

table {
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	border-collapse: collapse;
	background-color: transparent;
}

.login_table {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;

}

.cspt_sign {
	width: 600px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 3px;
	position: relative;
	overflow: hidden;
}

.cspt_sign::before {
	content: "";
	position: absolute;
	z-index: -2;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: conic-gradient(#FFD700, #D4AF37, #FFDC80, #B8860B, #FFD700);
	animation: loginbd 4s linear infinite;
}

.cspt_sign::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	background-color: white;
	border-radius: 15px;
}

@keyframes loginbd {
	100% {
		transform: rotate(1turn);
	}
}

.main_table {
	background-color: #FEF6F2;
	margin-top: 20px;
	border-radius: 20px;
	width: 80%;
	min-width: 1200px;
	position: relative;
}


table.head {
	background: transparent;
}

table.main {
	border-collapse: collapse;
	border-radius: 10px;
	border-spacing: 0;
	overflow: hidden;
	padding: 3pt;
	margin: 0;
	width: 100%;
}

table.mainouter {}

table.message {
	border-right: #bccad6 1px solid;
	border-top: #bccad6 1px solid;
	border-left: #bccad6 1px solid;
	border-bottom: #bccad6 1px solid
}

table.bottom {
	background: none transparent scroll repeat 0% 0%
}



a.info {
	z-index: 24;
	color: #000;
	position: relative;
	background-color: #ccc;
	text-decoration: none
}

a.info:hover {
	z-index: 25;
	background-color: #ff0
}

a.info span {
	display: none
}

a.info:hover span {
	border-right: #0cf 1px solid;
	border-top: #0cf 1px solid;
	display: block;
	left: 2em;
	border-left: #0cf 1px solid;
	width: 15em;
	color: #000;
	border-bottom: #0cf 1px solid;
	position: absolute;
	top: 2em;
	background-color: #cff;
	text-align: center
}

table.bottom {
	background: none transparent scroll repeat 0% 0%
}

h1 {}

h2 {
	padding-right: 4px;
	background-position: left top;
	padding-left: 4px;
	color: red;
	font-size: 15pt;
	margin-bottom: 0px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-repeat: repeat-x;
}

h2.transparentbg {
	background-color: transparent;
	background-image: none
}

p {}

p.sub {
	margin-bottom: 4pt
}

td {
	border: 1px solid var(--line-color);
}

td.embedded {
	border-right: medium none;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	border-left: medium none;
	padding-top: 0px;
	border-bottom: medium none;

}

td.no_border {
	border-right: medium none;
	padding-right: 2px;
	border-top: medium none;
	padding-left: 2px;
	padding-bottom: 3px;
	border-left: medium none;
	padding-top: 3px;
	border-bottom: medium none;
	background-color: transparent;
	text-align: left
}

td.no_border_wide {
	border-right: medium none;
	padding-right: 16px;
	border-top: medium none;
	padding-top: 0px;
	border-left: medium none;
	padding-left: 0px;
	border-bottom: medium none;
	padding-bottom: 0px;
	background-color: transparent;
	text-align: left;
	vertical-align: top;
}

td.shoutrow {
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	background-color: #ffffff
}

td.bottom {
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none
}

td.heading {
	font-weight: bold
}

td.text {
	border: none;
}

td.comment {
	padding-right: 10pt;
	padding-left: 10pt;
	padding-bottom: 10pt;
	padding-top: 10pt;
	text-align: left;
	box-sizing: border-box;
}

td.colhead {
	white-space: nowrap;
	font-weight: bold;
	background: var(--main-color);
	color: #ffffff;
}

td.colhead a {
	color: var(--white-color);
}

.nowrap {
	white-space: nowrap;
}

td.rowhead_left {
	text-align: left
}

td.rowhead_center {
	text-align: center
}

td.rowhead {}

td.rowfollow {}

.login_rowhead {

	font-family: "微软雅黑", SimHei;
	font-size: 12px;
	vertical-align: top;
	line-height: 40px;
	text-align: right;
	border-radius: 15px 0 0 15px;
	border: none;
}

.login_rowfollw {
	border: none;
}

.main_rowhead {
	font-family: "微软雅黑", SimHei;
	font-size: 13px;
	vertical-align: top;
	line-height: 13px;
	text-align: right;
	border: 1px solid var(--line-color);
	border-collapse: collapse;
}

.main_rowfollw {
	border: 1px solid var(--line-color);
	line-height: 2em;

}
.main-rowfollow fieldset{
  line-height: normal;
}
td.colfollow {
	text-align: center;
	border: 1px solid var(--line-color);
}

table.torrents {
	text-align: center;
}

table.torrents td.rowfollow {
	text-align: left;
	border: 1px solid var(--line-color);
}

td.toolbox {
	text-align: center;
}

.toolbox-new {
	display: flex;
	justify-content: center;
}

.toolbox-input {
	border: 1px solid var(--main-color);
	border-radius: 15px 0 0 15px;
	width: 600px;
	height: 40px;
	padding: 0;
	margin: 0;

}

.toolbox-submit {
	border: 1px solid var(--main-color);
	border-radius: 0 17px 17px 0;
	width: 100px;
	height: 40px;
	padding: 0;
	margin: 0;
	background: var(--main-color);

}

.toolbox-submit>input {
	color: var(--white-color);
	font-size: 15px;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	cursor: pointer;
}

.inseide-select {
	border-top: 1px solid var(--main-color);
	border-bottom: 1px solid var(--main-color);
	border-right: 1px solid var(--main-color);
	padding: 0;
	margin: 0;
}

.inseide-select>select {
	border: none;
	background: none;
	text-align: center;
	height: 100%;
	width: 100px;
	outline: none;
}

.search-help {
	margin: 0;
	padding: 0 0 0 15px;
	width: 100%;
	height: 100%;
	outline: none;
	box-sizing: border-box;
	border: none;
	background: none;
}

td.title {}

td.navigation {
	border-right: medium none;
	border-top: medium none;
	font-weight: bold;
	border-left: medium none;
	border-bottom: medium none
}

td.clear {
	border-right: 0px;
	border-top: 0px;
	background: none transparent scroll repeat 0% 0%;
	border-left: 0px;
	border-bottom: 0px
}

td.nothing {
	border-right: 0px;
	padding-right: 0px;
	border-top: 0px;
	padding-left: 0px;
	background: none transparent scroll repeat 0% 0%;
	padding-bottom: 0px;
	border-left: 0px;
	padding-top: 0px;
	border-bottom: 0px
}

form {
	margin-top: 0px;
	margin-bottom: 0px
}

.sublink {
	font-weight: normal;
	font-style: italic
}

font.gray {
	color: #fff;
	background: var(--bg-green-color);
	text-decoration: underline;
}

.attach img {
	border: 0;
	width: 16px;
	height: 16px;
}

.attach a:link {
	color: #0099CC;
	text-decoration: underline;
}

.attach .size {
	color: gray;
}

a {
	color: #000;
	font-family: "微软雅黑";
}

a:link {
	color: #000;
	text-decoration: none
}

a:visited {
	color: #000;
	text-decoration: none
}

a:hover {
	color: var(--font-link);
}

a.index {
	font-weight: bold
}

a.biglink {
	font-weight: bold;
	text-decoration: none
}

a.altlink:link {
	font-weight: bold;
	color: #a83838;
	text-decoration: none
}

a.altlink:visited {
	font-weight: bold;
	color: #a83838;
	text-decoration: none
}

a.altlink:hover {
	text-decoration: underline
}

a.faqlink:link {
	font-weight: bold;
	color: #a83838;
	text-decoration: none
}

a.faqlink:visited {
	font-weight: bold;
	color: #a83838;
	text-decoration: none
}

a.faqlink:hover {
	text-decoration: underline
}

a.altlink_blue:link {
	font-weight: bold;
	color: #004e98;
	text-decoration: none
}

a.altlink_blue:visited {
	font-weight: bold;
	color: #004e98;
	text-decoration: none
}

a.altlink_blue:hover {
	text-decoration: underline
}

a.altlink_green:link {
	font-weight: bold;
	color: #007800;
	text-decoration: none
}

a.altlink_green:visited {
	font-weight: bold;
	color: #007800;
	text-decoration: none
}

a.altlink_green:hover {
	text-decoration: underline
}

.important {
	font-weight: bold;
}

.red {
	color: #ee0000
}

.yellow {
	color: #997700
}

.green {
	color: #000000
}

.btn2 {
	width: 100px;
	height: 24px;
	cursor: pointer;
	color: var(--white-color);
	background: var(--main-color);
	border: none;
	border-radius: 8px;
}



.toolbox {
	height: 40px;
	border: none;
	color: var(--font-black-color);


}

.toolbox input {
	/* margin-right:10px; */
}


.small {}

.big {
	font-size: 18px;
}

li {
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-left: 16pt
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
	border: 0;
}

img.border {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid
}

.gobutton {
	background: #476ba2;
	color: #fff
}

.codetop {
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	background: url(./code.gif) #f1b000 no-repeat right 50%;
	padding-bottom: 3px;
	margin: 0px auto;
	color: #000;
	padding-top: 3px
}

.codemain {
	border-right: #000 1px solid;
	padding-right: 3px;
	border-top: #000 1px solid;
	padding-left: 3px;
	background: #fff;
	padding-bottom: 3px;
	margin: 0px auto;
	border-left: #000 1px solid;
	color: #000;
	padding-top: 3px;
	border-bottom: #000 1px solid
}

.dropmenu {
	background: #F2F9FD none repeat scroll 0 0;
	border: 3px solid #A6C9D7;
	margin-top: 3px;
	opacity: 0.9;
	position: absolute;
	text-align: left;
}

.dropmenu ul {
	list-style-type: none;
	white-space: nowrap;
	padding: 10px;
}

.dropmenu ul li {
	margin-left: 0px;
	margin-right: 0px;
}


.listitem {
	margin-left: 10px;
	margin-right: 5px
}

.StaffLeader_Name {
	color: #8b0000
}

A.StaffLeader_Name:link {
	color: #8b0000
}

A.StaffLeader_Name:visited {
	color: #8b0000
}

.SysOp_Name {
	color: #a0522d
}

A.SysOp_Name:link {
	color: #a0522d
}

A.SysOp_Name:visited {
	color: #a0522d
}

.Administrator_Name {
	color: #4b0082
}

A.Administrator_Name:link {
	color: #4b0082
}

A.Administrator_Name:visited {
	color: #4b0082
}

.Moderator_Name {
	color: #6495ED
}

A.Moderator_Name:link {
	color: #6495ED
}

A.Moderator_Name:visited {
	color: #6495ED
}

.ForumModerator_Name {
	COLOR: #1cc6d5
}

A.ForumModerator_Name:link {
	COLOR: #1cc6d5
}

A.ForumModerator_Name:visited {
	COLOR: #1cc6d5
}

.Retiree_Name {
	COLOR: #1cc6d5
}

A.Retiree_Name:link {
	COLOR: #1cc6d5
}

A.Retiree_Name:visited {
	COLOR: #1cc6d5
}

.Uploader_Name {
	color: #DC143C
}

A.Uploader_Name:link {
	color: #DC143C
}

A.Uploader_Name:visited {
	color: #DC143C
}

.VIP_Name {
	color: #009F00
}

A.VIP_Name:link {
	color: #009F00
}

A.VIP_Name:visited {
	color: #009F00
}

.NexusMaster_Name {
	color: #38ACEC
}

A.NexusMaster_Name:link {
	color: #38ACEC
}

A.NexusMaster_Name:visited {
	color: #38ACEC
}

.UltimateUser_Name {
	color: #006400
}

A.UltimateUser_Name:link {
	color: #006400
}

A.UltimateUser_Name:visited {
	color: #006400
}

.ExtremeUser_Name {
	color: #FF8C00
}

A.ExtremeUser_Name:link {
	color: #FF8C00
}

A.ExtremeUser_Name:visited {
	color: #FF8C00
}

.VeteranUser_Name {
	color: #483D8B
}

A.VeteranUser_Name:link {
	color: #483D8B
}

A.VeteranUser_Name:visited {
	color: #483D8B
}

.InsaneUser_Name {
	color: #8B008B
}

A.InsaneUser_Name:link {
	color: #8B008B
}

A.InsaneUser_Name:visited {
	color: #8B008B
}

.CrazyUser_Name {
	color: #00BFFF
}

A.CrazyUser_Name:link {
	color: #00BFFF
}

A.CrazyUser_Name:visited {
	color: #00BFFF
}

.EliteUser_Name {
	color: #008B8B
}

A.EliteUser_Name:link {
	color: #008B8B
}

A.EliteUser_Name:visited {
	color: #008B8B
}

.PowerUser_Name {
	color: #DAA520
}

A.PowerUser_Name:link {
	color: #DAA520
}

A.PowerUser_Name:visited {
	color: #DAA520
}

.User_Name {
	color: #000000
}

A.User_Name:link {
	color: #000000
}

A.User_Name:visited {
	color: #000000
}

.Peasant_Name {
	color: #708090
}

A.Peasant_Name:link {
	color: #708090
}

A.Peasant_Name:visited {
	color: #708090
}

.color_bonus {
	color: #1900d1
}

.color_invite {
	color: #1900d1
}

.color_slots {
	color: #1900d1
}

.color_downloaded {
	color: #8b0000
}

.color_uploaded {
	color: #008000
}

.color_ratio {
	color: #1900d1
}

.color_active {
	color: #1900d1
}

.color_connectable {
	color: #1900d1
}


.slogan {
	color: #de9332;
	font-family: tahoma, arial, helvetica, sans-serif;
}

.free {
	color: #f0cc00
}

.twoup {
	color: #aaaaaa
}

.twoupfree {
	color: #99cc66
}

.halfdown {
	color: #7c7ff6
}

.twouphalfdown {
	color: #7ad6ea
}

.thirtypercent {
	color: #70328d
}

.free_bg {
	background-color: #ffff99
}

.twoup_bg {
	background-color: #dddddd
}

.twoupfree_bg {
	background-color: #ccff99
}

.halfdown_bg {
	background-color: #cccdf8
}

.twouphalfdown_bg {
	background-color: #96dbea
}

.thirtypercentdown_bg {
	background-color: #ddc3ea
}

.hot {
	color: #e78d0f
}

.classic {
	color: #77b300
}

.recommended {
	color: #820084
}

.new {
	color: #ff0000
}

.striking {
	color: #ff0000
}

.top_login {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	display: flex;
}

/* 通用样式 */
.top_login a.general-style {
	text-decoration: none;
	color: var(--line-color);
	font-size: 30px;
	/* 设置字体大小 */
	border-bottom: 2px solid transparent;
	text-align: center;
	/* 初始底部边框为透明 */
	justify-content: center;
	/* 水平居中 */
	display: flex;
	line-height: 40px;
}

/* 激活状态样式 */
.top_login a.general-style.active {
	color: var(--bg-green-color);
	border-bottom: 2px solid var(--bg-green-color);
	/* 激活时显示底部边框 */
}

/* span 样式 */
.top_login span {
	display: inline-block;
	padding-bottom: 2px;
}

.denglu {
	flex-grow: 1;
}

.denglu a {
	font-size: 20px;
}

.zhuce {
	flex-grow: 1;
}

.outer {
	border-radius: 15pt;
	border: none;
	padding: 20pt;
}



.index-h2 {
	background: var(--main-color);
	border-radius: 5px;
	color: var(--font-color) !important;
}

.border-line {
	border: 1px solid var(--line-color) !important;
}

.torrent-cat {
	display: flex;
	width: 80px;
	align-items: center;
	justify-content: center;
}

.torrent-info {
	display: grid;
	width: calc(100% - 2.5px - 2.5px);
	grid-template-columns: 12% 26% 26% 12% 12% 12%;
}

.torrent-info-icon {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.torrentupload {
	display: flex;
	width: 100px;

}

.torrentmanage {
	display: flex;
	width: 30px;
	align-items: center;
	justify-content: center;
	z-index: 3;
}

.torrent-preview {
	display: flex;
	padding-right: 10px;
	align-items: center;
	justify-content: center;
}

.progress-hidden {
	opacity: 0;
	pointer-events: none;
}

.torrent-inline {
	display: inline-block;
	width: 100%;
	/* 线条长度 */
	height: 2px;
	/* 线条高度 */
	background: none;
	/* 颜色 */
	vertical-align: middle;
	/* 垂直居中 */
}

.torrent-info-text {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	font-size: 10pt;
	font-weight: 500;
	color: var(--font-black-color);
}

.torrent-manage {
	display: flex;
	width: calc(100% - 80px - 66% - 20%);
	align-items: center;
	justify-content: center;
	column-gap: 15px;
	z-index: 3;
}

.torrentmanage {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 3%;
}

/* .torrent-table-sub-info:hover {
	border-bottom: 1px solid #000;
} */
.torrent-table-sub-info:hover::after {
	/* border-bottom: 1px solid #000; */
	content: " ";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #000;
}

.msgalert_text {
	padding: 10px;
	border: none;
	border-radius: 10px;
}

.nexus-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}

.page-link {
	margin: 0 5px 0 5px;
}

.nav_table {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	font-family: 'YunYou', sans-serif;
	background: #cdcccb;
}

.nav_bg {
	display: flex;
	max-width: 1100px;
	width: 100%;
	height: 750px;
	background: #fff;
	border-radius: 40px;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	justify-content: center;
}

.nav_bg .bg_left {
	position: relative;
	width: 600px;
	height: 100%;
}

.nav_bg .bg_left::before {
	content: '';
	position: absolute;
	left: 0;
	z-index: 6;
	width: 600px;
	height: 750px;
	background-image: url('/pic/caishen.png');
}

.nav_bg .bg_left .left_yellow {
	position: absolute;
	width: 450px;
	height: 550px;
	border-radius: 0% 30% 78% 13% / 30% 26% 29% 10%;
	z-index: 1;
	background-image: var(--bg-yellow);
}

.nav_bg .bg_left .left_grey {
	position: absolute;
	width: 100%;
	height: 245px;
	bottom: 0;
	background: var(--bg-jb-grey);
}

.nav_bg .bg_left .left_text {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 60px;
	left: 50px;
	z-index: 7;
}

.nav_bg .bg_left .left_text .p1 {
	color: #fff;
	font-size: 50px;
	margin-bottom: 10px;
}

.nav_bg .bg_left .left_text .p2 {
	color: #fff;
	font-size: 50px;
}

.nav_bg .bg_right {
	position: relative;
	width: 500px;
	height: 100%;
	display: flex;
	justify-content: center;
}

.bg_right .login_nav {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 355px;
	justify-content: center;
	z-index: 8;
	/*position: absolute;*/
	top: 80px;
}

.nav_bg .bg_right .login_nav .login_tittle {
	font-size: 50px;
	color: var(--font-black-color);
	margin-bottom: 20px;
}

.nav_bg .bg_right .right_grey {
	position: absolute;
	width: 100%;
	height: 245px;
	bottom: 0;
	background: var(--bg-jb-grey);
}

.nav_bg .bg_right .input-group {
	position: relative;
}


.nav_bg .bg_right .input-group label {
	/* 初始状态：定位在输入框内，颜色为提示色 */
	position: absolute;
	top: 50%;
	left: 10px;
	font-size: 14px;
	color: var(--font-grey);
	/* 提示文字颜色，与placeholder一致 */
	pointer-events: none;
	transform: translateY(-50%);
	/* 垂直居中 */
	transition: all 0.3s ease;
	/* 平滑过渡 */
}


.nav_bg .bg_right .input-group input {
	width: 100%;
	height: 24px;
	margin: 12px 0;
	padding: 0 0 0 8px;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid var(--font-green-color);
	box-sizing: border-box;
	outline: none;
	font-size: 16px;
	color: var(--font-black-color);
	background: none;
}

.nav_bg .bg_right .input-group input:focus+label,
.nav_bg .bg_right .input-group input:not(:placeholder-shown)+label {
	top: 0px;
	font-size: 12px;
}

.wjpsw {
	display: flex;
	font-size: 12px;
	justify-content: flex-end;
}

.login_nav .wjpsw>a {
	float: right;
	color: var(--font-green-color);
	text-decoration: none;
	margin-left: 8px;
	font-size: 12px;
	margin-right: 8px;
	margin-bottom: 20px;
}

.login_nav .wjpsw>a:hover {
	color: var(--font-link);
}

.fa-solid {
	top: 50%;
	transform: translateY(-50%);
	color: var(--font-grey);
}

.Advanced_select {}

.Advanced {
	cursor: pointer;
	color: var(--font-grey);
	font-size: 16px;
}

.Advanced_down {
	list-style-type: none;
	padding: 0;
	margin-top: 20px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--font-grey);
}

.Advanced_down.show {
	display: block;
	/* 根据实际内容调整最大高度 */
}

.Advanced_down>li a {
	color: var(--font-green-color);
	text-decoration: none;
}

.Advanced_down>li a:hover {
	color: var(--font-link);
}

.Advanced_down>li {
	padding-bottom: 12px;
	margin: 0;
}

.Advanced_down>li:last-child {
	border-bottom: none;
}


.nav_bg .denglu {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.nav_bg .denglu>button {
	font-family: 'YunYou', sans-serif;
	width: 120px;
	height: 50px;
	background: var(--font-yellow);
	border: none;
	border-radius: 20px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
}

.nav_bg .denglu>button:hover {
	background: var(--bg-yellow);
}


.no_sign {
	margin-top: 15px;
	color: var(--font-grey);
}

.no_sign .sign_zhuce {
	text-decoration: none;
	margin: 0 10px;
	color: var(--font-green);
}

.no_sign .sign_zhuce:hover {
	text-decoration: underline;
}

.footer {
	position: absolute;
	z-index: 6;
	display: flex;
	flex-direction: column;
	text-align: center;
	bottom: 30px;
	color: var(--font-green);
	font-size: 12px;
	font-family: '黑体';
}

.footer .footer_nx {
	margin-bottom: 10px;
}

.input-two-step::placeholder {
	font-size: 12px;
	color: #dddddd;
	transition: transform 0.3s ease;
	transform: translateX(0);
}


.input-two-step:not(:focus)::placeholder {
	transform: translateX(80px);
}

.input-placeholder::placeholder {
	font-size: 12px;
	color: #dddddd;
	transition: transform 0.3s ease;
	transform: translateX(0);
}

.input-placeholder:not(:focus)::placeholder {
	transform: translateX(80px);
}

.ban-log-main {
	max-height: 500px;
	overflow-y: scroll;
}

/* 媒体查询适配手机端 */
@media (max-width: 767px) {
	#mainContent {
		width: 100% !important;
	}

	.nav_bg {
		flex-direction: column;
		height: auto;
		width: 95%;
		border-radius: 20px;
		margin: 0;
	}

	.nav_bg .bg_left {
		/* display: none; */
		filter: blur(10px);
		position: absolute;
	}

	.nav_bg .bg_left::before {
		width: 100%;
		height: 750px;
		background-size: cover;
		background-position: -20px;
	}


	.login_nav .login_tittle {
		margin-top: 30px;
	}

	.nav_bg .bg_right {
		width: 100%;
		height: 750px;
		background-color: rgba(255, 255, 255, 0.6);
	}

	.bg_right .login_nav {
		position: absolute;
		top: 120px;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}

	.nav_bg .bg_left .left_yellow {
		visibility: visible;
		display: none;
	}
}

@media (min-width: 860px) {
	.nav_table {
		padding: 20px;
	}

}

.Advanced .toggle-icon {

	font-size: 14px;

}

.Advanced.active .toggle-icon {
	transform: rotate(180deg);
	/* 点击后箭头旋转180度 */
}

.countrys {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.group-table {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.checkbox-read {
	display: flex;
	align-items: center;
}

.xb,
.group-ok {
	width: 100px;
}

.checkbox-read input {
	width: 12px !important;
	height: 12px !important;
	padding: 0 !important;
	margin: 8px !important;
}

.xb-table {
	display: flex;
	width: 100%;
}

.sign-tip {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.signup-login {
	margin: 10px;
}

.signup-login a {
	color: var(--font-green-color);
}

.signup-login a:hover {
	color: var(--font-link);
}

.no_sign a {
	color: var(--font-green-color);
}

.no_sign a:hover {
	color: var(--font-link);
}

/* 
#usercpnav {
	background: var(--main-color);
} */

/* div#usercpnav .menu li {
	padding-right: 20px;
} */

.table-botoom {
	width: 100%;
}

/*  */
/* .input-rd,
.input-rd input {
	height: 24px;
	border: 1px solid var(--font-green-color);
	border-radius: 5px;
	padding: 0 0 0 8px;
	margin: 0;
	box-sizing: border-box;
	background: none;
	outline: none;
}
*/
.input-bd,
.input-bd input {
	height: 24px;
	border: 1px solid var(--font-green-color);
	border-radius: 5px 0 0 5px;
	padding: 0 0 0 8px;
	margin: 0;
	box-sizing: border-box;
	background: none;
	outline: none;
}


.btn-add {
	width: 50px;
	height: 24px;
	background: var(--bg-green-color);
	border: none;
	border-radius: 0 5px 5px 0;
	text-align: center;
	color: var(--font-color);
	cursor: pointer;
}


.btn-Disable {
	width: 50px;
	height: 24px;
	background: var(--font-grey);
	border: none;
	border-radius: 0 5px 5px 0;
	text-align: center;
	color: var(--font-color);
	cursor: pointer;
}

.input-Disable {
	height: 24px;
	border: 1px solid var(--font-grey);
	border-radius: 5px 0 0 5px;
	padding: 0 0 0 20px;
	margin: 0;
	box-sizing: border-box;
	background: none;
	outline: none;
}

.promotion {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.email-icon {
	width: 30px;
}


/* 通用圆角L0 R5 */

.rdR-\[5px\] {
	border-radius: 0 5px 5px 0;
}

/* 通用圆角L5 R0 */
.radiusL-\[5px\] {
	border-radius: 5px 0 0 5px;
}

/* 通用圆角L5 R5 */
.radius-\[5px\] {
	border-radius: 5px !important;
}

/* 通用绿色边框 */
.bordergreen-\[1px\] {
	border: 1px solid var(--font-green-color);
}

/* 通用黑色边框 */
.borderblack-\[1px\] {
	border: 1px solid var(--font-black-color);
}

/* 通用绿色字体 */
.font-\[green\] {
	color: var(--font-green-color);
}

/* 通用黑色字体 */
.font-\[black\] {
	color: var(--font-black-color);
}

.bg-hover:hover {
	background: var(--font-green-color);
	cursor: pointer;
}

/* -------------------------- */
/* button 黑色圆角方形提交按钮, 绿色圆角方形提交按钮 */
.button-green,
.button-black {
	background: none;
	height: 24px;
	box-sizing: border-box;
	cursor: pointer;
}



.button-black:hover {
	background: var(--font-green-color);
	color: var(--font-color);
	border: 1px solid var(--font-green-color);
}

.button-green:hover {
	background: var(--font-green-color);
	color: var(--font-color);
}

/* ----------------------------------------- */




/* botton  按钮 */
.btn {
	width: 100px;
	height: 24px;
	cursor: pointer;
	background: none;
}

.btn:hover {
	background-color: #0CB288;
	color: var(--font-color);
	top: 1px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}


.all-input {
	height: 24px;
	border: 1px solid var(--font-green-color);
	border-radius: 15px;
	padding-left: 0px;
}

/* ----------------------------------------- */

/* input   黑边input-text */
.input-nexus {
	height: 24px;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	/* margin: 0; */
	outline: none;
}




/* input[type="button"] {
	height: 24px;
	border: 1px solid var(--font-black-color);
	background: none;
	border-radius: 5px;
	color: var(--font-black-color);
	box-sizing: border-box;
	cursor: pointer;
}

input[type="text"] {
	height: 24px;
	border: 1px solid var(--font-black-color);
	background: none;
	border-radius: 5px;
	color: var(--font-black-color);
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

input[type="button"]:hover {
	background: var(--font-green-color);
	color: var(--font-color);
	border: 1px solid var(--font-green-color);
} */


.tbl-indexdata .main_rowhead {
	line-height: 20px;
	width: 170px;
}

.tbl-indexdata .main_rowfollw {
	line-height: 20px;
}

.file-torrent{

}

.file-select{
	display: flex;
}
.file-select input{
	cursor:pointer
}


/**新版首页样式**/
.main-content {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top:25px;
	min-width: 1400px;
}
.content-body{
	width:1400px;
	height:auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.body-top{
	width:100%;
	display: flex;
	justify-content: flex-start;
	position: relative;
}
.poster-area{
	width:930px;
	height:auto;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.poster-top{
	width:930px;
	height:520px;
	border-radius: 15px;
	overflow: hidden;
}
.poster-top .carousel-img img{
	width:930px;
	height:520px;
	min-height: 520px;
	object-fit: cover;
}
.poster-middle{
	width:930px;
	height:220px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	margin-top:20px;
	border-radius: 12px;
}
.poster-bottom{
	width:930px;
	/* height:210px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:20px;
}
.index-part{
	padding:20px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 15px;
	display:flex;
	flex-direction: column;
}
.index-part .part-tab{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	width:100%;
}
.index-part .part-tab .tab-item{
	cursor: pointer;
	padding:0 10px;
	position: relative;
	font-size: 20px;
	padding-bottom:10px;
	margin-right: 40px;
}
.index-part .part-tab .tab-item:last-child{
	margin-right: 0;
}
.index-part .part-tab .tab-item.active::after{
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 3px;
	background-color: #228068;
	right:0;
	border-radius: 3px;
}
.index-part .part-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom:7px;
}
.index-part .part-content{
	margin-top:20px;
}
.index-part .part-title .title-txt{
	font-size: 20px;
	color: #000;
}
.index-part .part-title .title-link{
	
}
.index-part .part-title .title-link a{
	color:red;
	text-decoration: none;
	margin-left:5px;
}
.index-part .part-title .title-link a::after {
	content: "]";
}
.index-part .part-title .title-link a::before {
	content: "[";
}
.index-part .part-title .title-link a:hover {
	text-decoration: underline;
}
.notice-area{
	width:450px;
	box-sizing: border-box;
	margin-left:20px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
}
.body-center{
	width: 1400px;
	margin-top:20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.body-center .left-box{
	width: 930px;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.left-box .top-box{
	width: 930px;
	height: 520px;
	display: flex;
	align-items: center;
}
.left-box .bottom-box{
	width: 930px;
	height: 460px;
	margin-top:20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bottom-box .index-part{
	height:460px;
	width:455px;
}

.body-center .ranking-area{
	width:450px;
	height:1000px;
}
.body-bottom{
	margin-top:20px;
	width:1400px;
}
.index-bottom{
	width:1400px;
	display: flex;
	flex-direction: column;
	margin-top:20px;
}
.index-bottom .bottom-title{
	display:flex;
	align-items: center;
}
.index-bottom .bottom-title .title-txt{
	font-size: 20px;
	color:red;
}
.index-bottom .bottom-content{
	margin-top:10px;
}
.index-bottom .bottom-content p{
	padding:0;
	margin:0;
}
.link-content{
	display:flex;

}
.link-content a{
	margin-right:20px;
}

.statistics-list{
	display: flex;
	width: 100%;
}
.statistics-list .statistics-part{
	height:100%;
	width:33.33%;
	display: flex;
	flex-direction: column;
	border-right: 1px solid #e5e5e5;
	height:320px;
}

.statistics-list .statistics-part:last-child{
	border-right: none;
}
.statistics-part .statistics-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 25px;
	box-sizing: border-box;
}
.statistics-part .statistics-item .item-title{
	font-size: 12px;
	color: #000;
}
.statistics-part .statistics-item .item-value{
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

.topuploader-list{
	position: relative;
	display:flex;
	padding-top:260px;
	flex-direction: column;
}

.topuploader-list .topuploader-item{
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: #EEEEEE;
	margin-top:5px;
}
.topuploader-list .topuploader-item.topuploader-title{
	background-color:#FFF;
}
.topuploader-item div{
	display:flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.topuploader-item .item-rank{
	width:50px;
	flex-shrink: 0;
}
.topuploader-item .user-name{
	width:210px;
	justify-content: flex-start;
}
.topuploader-item .torrent-cnt{
	width:100px;
}
.topuploader-item .all-cnt{
	width:50px;
}
.topuploader-item .item-rank b{ 
	width:25px;
	height:25px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #A1A1A1;
	color:#FFF;
}

.topuploader-item-top{
	position: absolute;
	top: 0;
	width: 111px;
	height: 191px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 20px;
	justify-content: center;
	background-image: url(/img/index-new/bg_index_rank_2.png);
	top:60px;
}

.topuploader-item-top.rank-1{
	width: 124px;
	height: 202px;
	background-image: url(/img/index-new/bg_index_rank_1.png);
	left:143px;
	top:0;
}
.topuploader-item-top.rank-3{
	background-image: url(/img/index-new/bg_index_rank_3.png);
	right:0;
}
.topuploader-item-top .item-rank{
	display: flex;
	position: absolute;
	align-items: center;
	font-size: 12px;
	top: 5px;
	text-align: center;
	color: #295059;
	line-height: 16px;
	left: 50%;
	margin-left: 18px;
}
/* .topuploader-item-top.rank-1 .item-rank{
	right:25px;
} */

.topuploader-item-top .user-photo{
	background: #FFF;
	height: 75px;
	width: 75px;
	border-radius: 50%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.topuploader-item-top.rank-1 .user-photo::before {
	content: "";
	position: absolute;
	width:40px;
	height:40px;
	top:-15px;
	left:-15px;
	background: url(/img/index-new/pic_index_huangguan.png);
	background-size: 40px 40px;
	transform: rotate(-45deg);
}
.topuploader-item-top .user-photo img{
	height: 69px;
	width: 69px;
	border-radius: 50%;
}
.topuploader-item-top .user-name{
	text-align: center;
	width: 90px;
	margin-top: 10px;
}
.topuploader-item-top .torrent-cnt{
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	margin-top:5px;
}
.shoutbox-area{
	width:890px;
}
.content-title{
	display: flex;
	justify-content: space-between;
	color: red;
	font-size: 14px;
}
.shoutbox-top .timer .sp-timer{
	font-size: 20px;

}
.content-title .title-link a{
	color:red;
	margin-left: 10px;
}
.content-title .title-link a::before {
	content: "[";
}
.content-title .title-link a::after {
	content: "]";
}
.shoutbox-content{
	margin-top:20px;
}
.shoutbox-send{
	margin-top:10px;
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.shoutbox-send input{
	margin-right:5px;
}
.shoutbox-content .face-box{
	margin-top:10px;
}
.shoutbox-send  .shoutbox-text{
	width:100%;
}
.funbox-vote{
	margin-top:15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	display: flex;
	align-items: center;
}
.vote-btn{
	display: flex;
	align-items: center;
	
}
.vote-btn input{
	margin-left:5px;
}

.fivepostsbox-main{
	width:890px;
}

.pub-news{
	width:410px;
	border-radius: 15px;
	background: #d6e2d1;
	padding:10px;
	box-sizing: border-box;
	overflow-y: auto;
	margin-top:auto;
	height: 100%;
}
.noticepart-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:1px solid #d4d4d4;
	line-height: 36px;
	width: 100%;
}
.noticepart-title .title-txt{
	font-size: 20px;
	color: #000;
	font-size: 20px;
	position: relative;
	
}
.noticepart-title .title-txt::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -1px;
	left: 0;
	border-radius: 2px;
	background-color: #228068;
}
.noticepart-title .title-link{
	
}
.noticepart-title .title-link a{
	color:red;
	text-decoration: none;
	margin-left:5px;
	font-size: 12px;
}
a.a-manage::after {
	content: "]";
}
a.a-manage::before {
	content: "[";
}

.noticepart-content .a-title{
	font-size: 16px;
	line-height: 40px;
}
.noticepart-content .p-title{
	font-size: 12px;
}
.noticepart-content .bottom-link{
	display: flex;
	justify-content: flex-end;
	font-size: 12px;
}
.noticepart-content .bottom-link a{
	color: red;
	text-decoration: none;
	margin-right: 10px;
	font-size: 12px;
}

.newmsg-notice{
	display: flex;
	align-items: center;
	border-radius: 10px;
	background: #d6e2d1;
	width: 410px;
	margin-bottom: 10px;
	justify-content: flex-start;
	height: 45px;
	overflow: hidden;
	font-size: 14px;
	position: relative;
	flex-shrink: 0;
}
.newmsg-notice a{
	width:100%;
	height:100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding-left:17px;
	padding-right:40px;
}
.newmsg-notice span{
	width:100%;
	height:100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding-left:17px;
}
.newmsg-notice::before{
	content:"";
	height:45px;
	width:10px;
	background: #0C82D0;
	position: absolute;
	left:0;
	top:0;
}
.newmsg-notice.newmsg::before{
	
	background: red;
	
}
.newmsg-notice::after{
	content:"";
	width:30px;
	height:30px;
	position: absolute;
	right:20px;
	top:8px;
	background: url(/pic/icc/email.png);
	background-size: 30px 30px;
}
.notice-top{
	display: flex;
	align-items: center;
	border-radius: 10px;
	background: #d6e2d1;
	width: 410px;
	justify-content: center;
	height: 45px;
	overflow: hidden;
	font-size: 14px;
	flex-shrink: 0;
}
.notice-top a{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	color:red;
	font-size: 20px;
	justify-content: center;
}
.hr-line{
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #dddddd;
}


.top-carousel-container-index {
    width:930px;
		height:520px;
    
    position: relative;
    overflow: hidden;
    /*top: -60px;*/
}

.carousel-list {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease;

}

.carousel-item {
    width: 100%;
    flex-shrink: 0;
    position: relative;
}

.carousel-img img {
    width: 100%;
    height: 68vh;
    min-height: 680px;
    object-fit: cover;

}

.indicator-new {
    position: absolute;
    bottom: 10%;
    left: 70%;
    transform: translateX(-50%);
    display: flex;
}

.indicator-new img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-size: cover;
    filter: brightness(0.5);
    transition: filter 0.3s ease;
		object-fit: cover;
}

.indicator-new a.active img {
    filter: brightness(1);
}

.indicator-new a:hover img {
    filter: brightness(1);
}

.indicator-new a {
    width: 75px;
		height: 120px;
    aspect-ratio: 5 / 8;
    color: #a3a2a2 !important;
    text-align: center;
    margin-right: 20px;
    background-position: 50% 50%;
    display: inline-block;
    cursor: pointer;
		word-break: break-all;
}

.indicator-new a.active {
    color: white !important;
}
.postermiddle-body{
	width:930px;
	position: relative;
	overflow: hidden;
}
.postermiddle-wrapper {
  width:930px;
	position: relative;
	display:flex;
	white-space: nowrap;
	overflow: hidden;
}
.postermiddle-list{
	display: flex;
}


.postermiddle-list a{
	margin-right:15px;
}
.postermiddle-list a img{
	width:150px;
	height:220px;
}
.new-torrents{
	width:930px;
}