@import url('45cd1a73af3b42c88c4858d27059061c.css');
@font-face {font-family:"DINCond-Medium";src:url("../fonts/DINCond-Medium.otf") format("opentype");}
@font-face {
	font-family:"YouSheBiaoTiHei";
	src:url("../fonts/YouSheBiaoTiHei.TTF") format("truetype");
}
@font-face {
	font-family:'icon';
	src:url('../fonts/icon.eot');
	src:url('../fonts/icon.eot') format('embedded-opentype'),url('../fonts/icon.ttf') format('truetype'),url('../fonts/icon.woff') format('woff'),url('../fonts/icon.svg') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:block;
}
[class^="icon-"],[class*=" icon-"] {
	font-family:'icon' !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.icon-list:before {
	content:"\e900";
}
.icon-calendar:before {
	content:"\e901";
}
.icon-search:before {
	content:"\e902";
}
.icon-copy:before {
	content:"\e903";
}
.icon-security:before {
	content:"\e904";
}
.icon-edit:before {
	content:"\e905";
}
.icon-like:before {
	content:"\e906";
}
.icon-admin:before {
	content:"\e907";
}
.icon-menu:before {
	content:"\e908";
}
.icon-hot:before {
	content:"\e909";
}
.icon-account:before {
	content:"\e90a";
}
.icon-time:before {
	content:"\e90b";
}
.icon-home:before {
	content:"\e90c";
}
.icon-right:before {
	content:"\e90e";
}
.icon-s-down:before {
	content:"\e90d";
}
.icon-s-top:before {
	content:"\e914";
}
.icon-down:before {
	content:"\e90f";
}
.icon-arrow-left:before {
	content:"\e910";
}
.icon-arrow-right:before {
	content:"\e911";
}
.icon-arrow-top:before {
	content:"\e912";
}
.icon-arrow-down:before {
	content:"\e913";
}
:root {
	--web-theme-color:#008CD6;
	--swiper-theme-color:#008CD6;
	--swiper-navigation-size:44px;
}
@-ms-viewport {
	width:device-width;
}
*,*::before,*::after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
* {
	margin:0;
	padding:0;
}
body {
	font-family:'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif;
	color:#ffffff;
	line-height:1;
	font-weight:400;
	background-color: #000000;
}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-ms-overflow-style:scrollbar;
	-webkit-tap-highlight-color:transparent;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:10px;
}
article,aside,dialog2,figcaption,figure,footer,header,hgroup,main,nav,section {
	display:block;
}
address {
	font-style:normal;
	line-height:inherit;
}
b,strong {
	font-weight:bolder;
}
small {
	font-size:80%;
}
sub,sup {
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;
}
sub {
	bottom:-.25em;
}
sup {
	top:-.5em;
}
pre,code,kbd,samp {
	font-family:monospace;
	font-size:1em;
}
summary {
	display:list-item;
}
fieldset {
	min-width:0;
	border:0;
}
legend {
	display:block;
	width:100%;
	max-width:100%;
	margin-bottom:.5rem;
	font-size:1.5rem;
	line-height:inherit;
	color:inherit;
	white-space:normal;
}
progress {
	vertical-align:baseline;
}
table {
	border-collapse:collapse;
}
caption {
	padding-top:0.75rem;
	padding-bottom:0.75rem;
	color:#868e96;
	text-align:left;
	caption-side:bottom;
}
ul,ol,dl {
	list-style:none;
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible;
}
a {
	outline:none;
	color:#c7c7c7;
	text-decoration:none;
	background-color:transparent;
	-webkit-transition:linear .15s color;
	-o-transition:linear .15s color;
	transition:linear .15s color;
	-webkit-text-decoration-skip:objects;
}
a:hover {
	color:#ffffff;
}
a:not([href]):focus {
	outline:0;
}
img,video {
	vertical-align:middle;
	border-style:none;
	max-width:100%;
}
svg:not(:root) {
	overflow:hidden;
}
a,area,button,[role="button"],input,label,select,summary,textarea {
	-ms-touch-action:manipulation;
	touch-action:manipulation;
}
input,button,select,optgroup,textarea {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	outline:0;
}
button,input {
	overflow:hidden;
	border:1px solid #dcdcdc;
	background:none;
}
button,select {
	text-transform:none;
}
button,html [type="button"],[type="reset"],[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
	padding:0;
	border-style:none;
}
input[type="radio"],input[type="checkbox"] {
	box-sizing:border-box;
	padding:0;
}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {
	-webkit-appearance:listbox;
}
textarea {
	overflow:auto;
	resize:vertical;
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
	height:auto;
}
[type="search"] {
	outline-offset:-2px;
	-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}
[role="button"] {
	outline:none;
	cursor:pointer;
}
::-webkit-file-upload-button {
	font:inherit;
	-webkit-appearance:button;
}
output {
	display:inline-block;
}
template,[hidden] {
	display:none !important;
}
hr {
	margin-top:20px;
	margin-bottom:20px;
	border:0;
	border-top:1px solid #eeeeee;
}
h1,h2,h3,h4,h5,h6 {
	font-family:inherit;
	font-weight:inherit;
	line-height:1;
	color:inherit;
}
h1,.h1 {
	font-size:2.8rem;
}
h2,.h2 {
	font-size:2.6rem;
}
h3,.h3 {
	font-size:2.4rem;
}
h4,.h4 {
	font-size:2.2rem;
}
h5,.h5 {
	font-size:2rem;
}
h6,.h6 {
	font-size:1.8rem;
}
::selection {
	background:#04263C;
	color:#fff;
}
::-moz-selection {
	background:#04263C;
	color:#fff;
}
::-webkit-selection {
	background:#04263C;
	color:#fff;
}
body::-webkit-scrollbar-track {
	width:0px;
	display:none;
}
body::-webkit-scrollbar {
	width:0px;
}
body::-webkit-scrollbar-thumb {
	width:0px;
}
[class^="paragraph-limit-"] {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.paragraph-limit {
	-webkit-box-flex:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.paragraph-limit-2 {
	-webkit-line-clamp:2;
}
.paragraph-limit-3 {
	-webkit-line-clamp:3;
}
.paragraph-limit-4 {
	-webkit-line-clamp:4;
}
.pull-right {
	float:right
}
.text-center {
	text-align:center;
}
.hide {
	display:none!important;
}
.swiper-container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1
}
.swiper-container-vertical>.swiper-wrapper {
	flex-direction:column
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
	transform:translate3d(0px,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
	flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap:wrap;
	flex-direction:column
}
.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide {
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	transition-property:transform
}
.swiper-slide-invisible-blank {
	visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height:auto
}
.swiper-container-autoheight .swiper-wrapper {
	align-items:flex-start;
	transition-property:transform,height
}
.swiper-container-3d {
	perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper {
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type:y mandatory
}
.swiper-button-next,.swiper-button-prev {
	position:absolute;
	top:50%;
	width:calc(var(--swiper-navigation-size)/ 44 * 27);
	height:var(--swiper-navigation-size);
	margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity:.35;
	cursor:auto;
	pointer-events:none
}
.swiper-button-next:after,.swiper-button-prev:after {
	font-family:swiper-icons;
	font-size:var(--swiper-navigation-size);
	text-transform:none!important;
	letter-spacing:0;
	text-transform:none;
	font-variant:initial
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	left:10px;
	right:auto
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
	content:'prev'
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	right:10px;
	left:auto
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
	content:'next'
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color:#ffffff
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
	--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display:none
}
.swiper-pagination {
	text-align:center;
	transition:.3s opacity;
	transform:translate3d(0,0,0);
}
.swiper-pagination.swiper-pagination-hidden {
	opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom:10px;
	left:0;
	width:100%
}
.swiper-pagination-bullets-dynamic {
	overflow:hidden;
	font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform:scale(.33);
	position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform:scale(.33)
}
.swiper-pagination-bullet {
	width:8px;
	height:8px;
	display:inline-block;
	border-radius:100%;
	background:#000;
	opacity:.2
}
button.swiper-pagination-bullet {
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor:pointer
}
.swiper-pagination-bullet-active {
	opacity:1;
	background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right:10px;
	top:50%;
	transform:translate3d(0px,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:6px 0;
	display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top:50%;
	transform:translateY(-50%);
	width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display:inline-block;
	transition:.2s transform,.2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition:.2s transform,.2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition:.2s transform,.2s right
}
.swiper-pagination-progressbar {
	background:rgba(0,0,0,.25);
	position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:var(--swiper-pagination-color,var(--swiper-theme-color));
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transform:scale(0);
	transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width:100%;
	height:4px;
	left:0;
	top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width:4px;
	height:100%;
	left:0;
	top:0
}
.swiper-pagination-white {
	--swiper-pagination-color:#ffffff
}
.swiper-pagination-black {
	--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display:none
}
.swiper-scrollbar {
	border-radius:10px;
	position:relative;
	-ms-touch-action:none;
	background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position:absolute;
	left:1%;
	bottom:3px;
	z-index:50;
	height:5px;
	width:98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position:absolute;
	right:3px;
	top:1%;
	z-index:50;
	width:5px;
	height:98%
}
.swiper-scrollbar-drag {
	height:100%;
	width:100%;
	position:relative;
	background:rgba(0,0,0,.5);
	border-radius:10px;
	left:0;
	top:0
}
.swiper-scrollbar-cursor-drag {
	cursor:move
}
.swiper-scrollbar-lock {
	display:none
}
.swiper-zoom-container {
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width:100%;
	max-height:100%;
	object-fit:contain
}
.swiper-slide-zoomed {
	cursor:move
}
.swiper-lazy-preloader {
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	transform-origin:50%;
	animation:swiper-preloader-spin 1s infinite linear;
	box-sizing:border-box;
	border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius:50%;
	border-top-color:transparent
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
	100% {
		transform:rotate(360deg)
	}
}.swiper-container .swiper-notification {
	 position:absolute;
	 left:0;
	 top:0;
	 pointer-events:none;
	 opacity:0;
	 z-index:-1000
 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events:none;
	transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-cube {
	overflow:visible
}
.swiper-container-cube .swiper-slide {
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1;
	visibility:hidden;
	transform-origin:0 0;
	width:100%;
	height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events:auto;
	visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow {
	position:absolute;
	left:0;
	bottom:0px;
	width:100%;
	height:100%;
	background:#000;
	opacity:.6;
	-webkit-filter:blur(50px);
	filter:blur(50px);
	z-index:0
}
.swiper-container-flip {
	overflow:visible
}
.swiper-container-flip .swiper-slide {
	pointer-events:none;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index:0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.content-page-background {
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	z-index:-1;
}
.content-page-background {
	background-image:url(../images/756.jpg);
}
.login-page .content-page-background {
	background-image:url(../images/2345.jpg);
}
.login-header {
	padding:46px 180px;
	display:flex;
	position:relative;
	z-index:2;
}
.login-header .page-title {
	margin-left:40px;
	margin-top:5px;
	margin-bottom:5px;
	line-height:1;
	padding-left:40px;
	border-left:1px solid #fff;
	font-size:33px;
	color:#fff;
}
.login-page .login-header{
	position: fixed;
	top: 30px;
	left: 100px;
	z-index: 999;
	padding: 0;
}
.header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:99;
	background-color:#872E30;
	display:flex;
	justify-content:center;
}
.header:before {
	content:'';
}
.header:after {
	display:table;
	content:'';
}
.header .logo {
	position:absolute;
	z-index: 1;
	left:0;
	top:0;
	padding: 10px 50px 5px 60px;
	display:flex;
	flex-direction:column;
	background-color:#872E30;
	font-size:16px;
	text-align:center;
	color:#e8e8e8;
}
.header .logo:before {
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	bottom:0;
	right:0;
	transform:translateX(100%);
	border-top:40px solid #872E30;
	border-right:30px solid transparent;
}
.header .logo p {
	margin-top:15px;
	margin-bottom:5px;
}
.login-register {
	position:absolute;
	right: 60px;
	top:0;
	height:100%;
	display:flex;
	align-items:center;
}
.login-register a {
	display:inline-block;
	font-size:16px;
	color:#ffffff;
	vertical-align:middle;
}
.nav-bar {
	background-color:#872E30;
}
.nav-bar ul {
	display:flex;
	align-items:center;
}
.nav-bar ul>li {
	position:relative;
}
.nav-bar ul>li>a {
	display:block;
	font-size:16px;
	padding:24px 25.6px;
	position:relative;
}
.nav-bar ul>li>a span {
	color:inherit;
	white-space: nowrap;
	position:relative;
	z-index:1;
}
section {
	margin-top:110px;
	margin-bottom: 80px;
}
.clearfix:before {
	content:'';
	clear:both;
}
.clearfix:after {
	clear:both;
	display:table;
	content:'';
}
.sce-0 {
	width:60%;
	max-width: 1152px;
	padding:0 66px;
	float:left;
}
.sce-1 {
	overflow: hidden;
	width:40%;
	padding:0 66px;
	float:left;
}
.mt-20 {
	margin-top:20px;
}
.mt-40 {
	margin-top:40px;
}
.sce-0-1 {
}.sce-0-1 .row {
	 margin:0 -14px;
	 display:flex;
	 flex-wrap:wrap;
 }
.sce-0-1 .grid {
	width:33.333333%;
	padding:0 14px;
	margin-bottom:25px;
}
.sce-0-1 .grid .grid-head {
	padding:9px 25px;
	max-width: 321px;
	color:#ffffff;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	position:relative;
	background-image:url(../images/20210111131419.png);
	transition:ease all .3s;
}
.sce-0-1 .grid .grid-head {
}.sce-0-1 .grid:hover .grid-head {
	 color:#000000;
	 background-image:url(../images/20210111131406.png);
 }
.sce-0-1 .grid .grid-body {
	position:relative;
	margin-top:4px;
	padding:32px 40px;
	font-size:30px;
	color:#B0B0B0;
	display:flex;
	align-items:center;
	transition:ease all .3s;
}
.sce-0-1 .grid .grid-body:before {
	content:'';
	display:block;
	position:absolute;
	left:0px;
	bottom:0px;
	width:0;
	height:0;
	border-bottom:17.4px solid #676767;
	border-right:17.4px solid transparent;
}
.sce-0-1 .grid .grid-body:after {
	content:'';
	display:block;
	position:absolute;
	left:-2px;
	bottom:-2px;
	width:0;
	height:0;
	border-bottom:20px solid #1D1E23;
	border-right:20px solid transparent;
}
.sce-0-1 .grid .grid-body img,.sce-0-1 .grid .grid-body .layui-icon{
	filter:grayscale(0.85);
	margin-right:32px;
	transition:ease all .3s;
	font-size: 66px;
}
.sce-0-1 .grid:nth-child(1) .grid-body {
	animation:textHide___3M-Ph .1s linear 0,textTwinkle___2-IJG .2s linear 1 1.4s
}
.sce-0-1 .grid:nth-child(1) .grid-body span {
	animation:textHide___3M-Ph .2s linear 0,textTwinkle___2-IJG .2s linear 1 2.2s
}
.sce-0-1 .grid:nth-child(2) .grid-body {
	animation:textHide___3M-Ph .4s linear 0,textTwinkle___2-IJG .2s linear 1 2s
}
.sce-0-1 .grid:nth-child(2) .grid-body span {
	animation:textHide___3M-Ph .2s linear 0,textTwinkle___2-IJG .2s linear 1 2.6s
}
.sce-0-1 .grid:nth-child(3) .grid-body {
	animation:textHide___3M-Ph .4s linear 0,textTwinkle___2-IJG .2s linear 1 1s
}
.sce-0-1 .grid:nth-child(3) .grid-body span {
	animation:textHide___3M-Ph .2s linear 0,textTwinkle___2-IJG .2s linear 1 2s
}
.sce-0-1 .grid:nth-child(4) .grid-body {
	animation:textHide___3M-Ph .2s linear 0,textTwinkle___2-IJG .2s linear 1 1.3s
}
.sce-0-1 .grid:nth-child(4) .grid-body span {
	animation:textHide___3M-Ph .2s linear 0,textTwinkle___2-IJG .2s linear 1 1.6s
}
.sce-0-1 .grid:nth-child(5) .grid-body {
	animation:textHide___3M-Ph .4s linear 0,textTwinkle___2-IJG .2s linear 1 1s
}
.sce-0-1 .grid:nth-child(5) .grid-body span {
	animation:textHide___3M-Ph .2s linear 0,textTwinkle___2-IJG .2s linear 1 1.2s
}
.sce-0-1 .grid:nth-child(6) .grid-body {
	animation:textHide___3M-Ph .2s linear 0,textTwinkle___2-IJG .2s linear 1 1.4s
}
.sce-0-1 .grid:nth-child(6) .grid-body span {
	animation:textHide___3M-Ph .2s linear 0,textTwinkle___2-IJG .2s linear 1 1.6s
}
.sce-0-1 .grid:hover .grid-body {
	color:#EBD393;
}
.sce-0-1 .grid:hover .grid-body img {
	filter:grayscale(0);
}
.sce-0-1 .grid .grid-body a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.boxshadow {
	border:1px solid #676767;
	transition:ease all .3s;
	box-shadow:inset 0 0 40px rgb(255,255,255,30%)
}
.boxshadow:hover {
	box-shadow:inset 0 0 40px rgb(78,78,78,46%);
}
.bulletins {
	padding:23px 37px 10px 37px;
}
.bulletins-head {
	color:#B04346;
	padding-bottom:20px;
	border-bottom:1px solid #989898;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.bulletins-head:after {
	content:'';
	display:block;
	width:150px;
	border-top:4px solid #AE4446;
	position:absolute;
	left:0;
	bottom:-1px;
}
.bulletins-head span {
	font-size:22px;
}
.bulletins-head a {
	color:inherit;
	font-size:14px;
}
.bulletins-body {
}.bulletins-body a {
	 display:block;
	 color:#B0B0B2;
 }
.bulletins-body a>div {
	color:inherit;
	display:flex;
	padding:15px;
}
.bulletins-body a+a {
	border-top:1px solid #464646;
}
.bulletins-body a>div span {
	font-family:"DINCond-Medium";
	font-size:20px;
	font-weight:500;
	color:inherit;
}
.bulletins-body a>div .title {
	margin-left:20px;
	width:55%;
	margin-right:20px;
	font-size:16px;
}
.bulletins-body a>div .date {
	white-space: nowrap;
	font-size:14px;
	opacity:0.65;
	line-height: 1.5;
}
.bulletins-body a:hover {
	color:#EBD393;
}
.tabs {
	font-size:22px;
	color:#9E9FA3;
	display:flex;
	border-bottom:1px solid #989898;
}
.login {
	padding:23px 37px 10px 37px;
}
.login .tabs .tab-item {
	cursor:pointer;
	margin-right:30px;
	padding-bottom:20px;
	position:relative;
	transition:ease all .3s;
}
.login .tabs .tab-item:hover,.login .tabs .tab-item.on {
	color:#AE4446;
}
.login .tabs .tab-item.on:after {
	content:'';
	display:block;
	width:100%;
	border-top:4px solid #AE4446;
	position:absolute;
	left:0;
	bottom:-1px;
}
.login .login-block,.login .register-block {
	margin-top:30px;
	margin-bottom:5px;
}
.login .register-block .form-item,.login .login-block .form-item {
	margin-bottom:25px;
	width:100%;
	display:flex;
	position:relative;
}
.form-item input {
	width:100%;
	padding:16px 23px;
	border:2px solid #4c4c4c;
	font-size:16px;
	color:#9E9FA3;
	position:relative;
	z-index:2;
}
.form-item-input {
	width:100%;
	position:relative;
}
.form-item-input:hover:before,.form-item-input.hover:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	display:block;
	box-shadow:0 0 10px 0px #AE4446;
}
.form-item-input:hover:after,.form-item-input.hover:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	display:block;
	box-shadow:inset 0 0 10px 1px #AE4446;
}
.form-item-input:hover input,.form-item-input.hover input {
	border-color:#AE4446!important;
}
.form-item .get-code {
	display:block;
	padding:0px 40px;
	font-size:16px;
	white-space:nowrap;
	line-height:55px;
	margin-left:25px;
	background-color:#4D2526;
	color:#ffffff;
	transition:ease all .3s;
}
.form-action .login-btn:hover,.form-item .get-code:hover {
	background-color:#6d3233;
}
.form-action {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-top:15px;
	/*border-top:1px solid #989898;*/
	font-size:12px;
}
.form-action a {
	display:inline-block;
}
.form-action .login-btn {
	display:block;
	padding:0px 60px;
	font-size:16px;
	white-space:nowrap;
	line-height:55px;
	margin-left:25px;
	background-color:#AE4446;
	color:#ffffff;
	transition:ease all .3s;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}
.sce-2 {
	padding:0 66px;
	float:left;
	width:100%;
}
.sce-2 .top {
	position: relative;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 20px;
	float: left;
	color: #6D7075;
}
.sce-2 .top:after {
	content:'';
	display:block;
	width:14px;
	position:absolute;
	top:10px;
	left:0;
	border-top:2px solid #AE4446;
}
.sce-2 .top p {
	display:flex;
	margin-bottom:20px;
}
.sce-2 .top p span {
	position:relative;
	overflow:hidden;
}
.sce-2 .top p span:after {
	content:'';
	display:block;
	position:absolute;
	left:100%;
	top:0;
	height:30px;
	background-color:#000;
	-webkit-animation-name:Move___1yLyL;
	-moz-animation-name:Move___1yLyL;
	-o-animation-name:Move___1yLyL;
	animation-name:Move___1yLyL;
	animation-duration:2s;
	animation-iteration-count:1;
}
@-webkit-keyframes Move___1yLyL {
	0% {
		width:10px;
		left:0;
	}
	20% {
		left:50%;
	}
	60% {
		width:40px;
		left:20%;
	}
	80% {
		width:60px;
		left:60%;
	}
	100% {
		width:80px;
		left:100%;
	}
}@keyframes Move___1yLyL {
	 0% {
		 width:10px;
		 left:0;
	 }
	 20% {
		 left:50%;
	 }
	 60% {
		 width:40px;
		 left:20%;
	 }
	 80% {
		 width:60px;
		 left:60%;
	 }
	 100% {
		 width:80px;
		 left:100%;
	 }
 }.sce-2-1 {
	  position:relative;
	  margin-top: 14px;
	  width:100%;
	  overflow:hidden;
	  height:4px;
	  border-bottom:1px solid rgb(174,68,70,23%);
  }
.sce-2-1:before {
	content:'';
	display:block;
	width:60px;
	border-top:2px solid #AE4446;
	position:absolute;
	left:0;
	bottom:0;
	-webkit-animation-name:slide;
	-moz-animation-name:slide;
	-o-animation-name:slide;
	animation-name:slide;
	animation-duration:2s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes slide {
	0% {
		width:60px;
		left:0;
	}
	50% {
		width:20px;
		left:50%;
	}
	100% {
		width:40px;
		left:100%;
	}
}@-moz-keyframes slide {
	 0% {
		 width:60px;
		 left:0;
	 }
	 50% {
		 width:20px;
		 left:50%;
	 }
	 100% {
		 width:40px;
		 left:100%;
	 }
 }@-o-keyframes slide {
	  0% {
		  width:60px;
		  left:0;
	  }
	  50% {
		  width:20px;
		  left:50%;
	  }
	  100% {
		  width:40px;
		  left:100%;
	  }
  }@keyframes slide {
	   0% {
		   width:60px;
		   left:0;
	   }
	   50% {
		   width:20px;
		   left:50%;
	   }
	   100% {
		   width:40px;
		   left:100%;
	   }
   }@-webkit-keyframes textHide___3M-Ph {
		0% {
			opacity:0
		}
		to {
			opacity:0
		}
	}@keyframes textHide___3M-Ph {
		 0% {
			 opacity:0
		 }
		 to {
			 opacity:0
		 }
	 }@-webkit-keyframes textTwinkle___2-IJG {
		  0% {
			  opacity:0
		  }
		  20% {
			  opacity:1
		  }
		  40% {
			  opacity:0
		  }
		  60% {
			  opacity:0
		  }
		  80% {
			  opacity:1
		  }
		  to {
			  opacity:1
		  }
	  }@keyframes textTwinkle___2-IJG {
		   0% {
			   opacity:0
		   }
		   20% {
			   opacity:1
		   }
		   40% {
			   opacity:0
		   }
		   60% {
			   opacity:0
		   }
		   80% {
			   opacity:1
		   }
		   to {
			   opacity:1
		   }
	   }.footer {
			border-top: 1px solid #676767;
			padding: 20px 60px;
			color: #C1C1C1;
			font-size: 16px;
			display: flex;
			justify-content: space-between;
			font-weight: 200;
			text-transform: uppercase;
			position: fixed;
			bottom: 0;
			width: 100%;
			z-index: 2;
			background: #1d1e23;
		}
.footer a {
	color:#C1C1C1;
}
span.inline {
	margin:0 10px;

	height:16px;
	border-left:1px solid #fff;
	display:inline-block;
	vertical-align:middle;
}
.logined {
	height:380px;
	background-color:#1D1E23;
	background-image:url(../images/20210112114130.png);
	padding:0 40px;
	display:flex;
	align-items:center;
}
.logined-main {
	width:100%;
	display:flex;
}
.logined-main .user-avatar {
	width:250px;
	height:250px;
	position:relative;
}
.logined-main .user-avatar .pic {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.logined-main .user-avatar .avatar {
	width:160px;
	height:160px;
	border-radius:50%;
	overflow:hidden;
}
.logined-main .user-avatar .pic:nth-child(2) {
	-webkit-animation-name:sdr-IJG_2;
	-moz-animation-name:sdr-IJG_2;
	-o-animation-name:sdr-IJG_2;
	animation-name:sdr-IJG_2;
	animation-duration:4s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
}
.logined-main .user-avatar .pic:nth-child(3) {
	-webkit-animation-name:sdr-IJG_3;
	-moz-animation-name:sdr-IJG_3;
	-o-animation-name:sdr-IJG_3;
	animation-name:sdr-IJG_3;
	animation-duration:1s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
}
.logined-main .user-avatar .pic:nth-child(4) {
	-webkit-animation-name:sdr-IJG_4;
	-moz-animation-name:sdr-IJG_4;
	-o-animation-name:sdr-IJG_4;
	animation-name:sdr-IJG_4;
	animation-duration:6s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
}
@-webkit-keyframes sdr-IJG_1 {
	0% {
		transform:translate(-50%,-50%)rotate(0deg);
	}
	40% {
		transform:translate(-50%,-50%)rotate(160deg);
	}
	80% {
		transform:translate(-50%,-50%)rotate(60deg);
	}
	100% {
		transform:translate(-50%,-50%)rotate(180deg);
	}
}@keyframes sdr-IJG_1 {
	 0% {
		 transform:translate(-50%,-50%)rotate(0deg);
	 }
	 40% {
		 transform:translate(-50%,-50%)rotate(160deg);
	 }
	 80% {
		 transform:translate(-50%,-50%)rotate(60deg);
	 }
	 100% {
		 transform:translate(-50%,-50%)rotate(180deg);
	 }
 }@-webkit-keyframes sdr-IJG_2 {
	  0% {
		  transform:translate(-50%,-50%)rotate(-60deg);
	  }
	  40% {
		  transform:translate(-50%,-50%)rotate(-20deg);
	  }
	  80% {
		  transform:translate(-50%,-50%)rotate(-100deg);
	  }
	  100% {
		  transform:translate(-50%,-50%)rotate(-180deg);
	  }
  }@keyframes sdr-IJG_2 {
	   0% {
		   transform:translate(-50%,-50%)rotate(-60deg);
	   }
	   40% {
		   transform:translate(-50%,-50%)rotate(-20deg);
	   }
	   80% {
		   transform:translate(-50%,-50%)rotate(-100deg);
	   }
	   100% {
		   transform:translate(-50%,-50%)rotate(-180deg);
	   }
   }@-webkit-keyframes sdr-IJG_3 {
		0% {
			transform:translate(-50%,-50%)rotate(60deg);
		}
		40% {
			transform:translate(-50%,-50%)rotate(20deg);
		}
		80% {
			transform:translate(-50%,-50%)rotate(100deg);
		}
		100% {
			transform:translate(-50%,-50%)rotate(180deg);
		}
	}@keyframes sdr-IJG_3 {
		 0% {
			 transform:translate(-50%,-50%)rotate(60deg);
		 }
		 40% {
			 transform:translate(-50%,-50%)rotate(20deg);
		 }
		 80% {
			 transform:translate(-50%,-50%)rotate(100deg);
		 }
		 100% {
			 transform:translate(-50%,-50%)rotate(180deg);
		 }
	 }@-webkit-keyframes sdr-IJG_4 {
		  0% {
			  transform:translate(-50%,-50%)rotate(40deg);
		  }
		  40% {
			  transform:translate(-50%,-50%)rotate(0deg);
		  }
		  60% {
			  transform:translate(-50%,-50%)rotate(60deg);
		  }
		  80% {
			  transform:translate(-50%,-50%)rotate(120deg);
		  }
		  100% {
			  transform:translate(-50%,-50%)rotate(180deg);
		  }
	  }@keyframes sdr-IJG_4 {
		   0% {
			   transform:translate(-50%,-50%)rotate(40deg);
		   }
		   40% {
			   transform:translate(-50%,-50%)rotate(0deg);
		   }
		   60% {
			   transform:translate(-50%,-50%)rotate(60deg);
		   }
		   80% {
			   transform:translate(-50%,-50%)rotate(120deg);
		   }
		   100% {
			   transform:translate(-50%,-50%)rotate(180deg);
		   }
	   }@-webkit-keyframes Move-right {
			0% {
				transform:translateX(-2px);
			}
			50% {
				transform:translateX(0);
			}
			100% {
				transform:translateX(2px);
			}
		}@keyframes Move-right {
			 0% {
				 transform:translateX(-2px);
			 }
			 50% {
				 transform:translateX(0);
			 }
			 100% {
				 transform:translateX(2px);
			 }
		 }.logined-main .u1 {
			  font-family:"YouSheBiaoTiHei";
			  color:#fff;
			  font-size:16px;
			  display:flex;
			  align-items:center;
			  margin-bottom:18px;
		  }
.logined-main .u1>div {
	overflow:hidden;
}
.logined-main .u1 img {
	transform:translateX(-2px);
	-webkit-animation-name:Move-right;
	-moz-animation-name:Move-right;
	-o-animation-name:Move-right;
	animation-name:Move-right;
	animation-duration:.85s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.logined-main .u1 span {
	margin-left:10px;
}
.logined-main .user-name {
	font-size:40px;
	font-family:"YouSheBiaoTiHei";
	color:#B0B0AE;
	margin-bottom:30px;
}
.logined-main .user-info {
	padding-left:50px;
	max-width: 306px;
	width:calc(100% - 250px)
}
.logined-main .u2 {
	position:relative;
	margin-bottom:30px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.logined-main .u3 {
	font-size:12px;
	font-weight:200;
	line-height:1.2;
	color:#404040;
	white-space:nowrap;
	pointer-events:none;
}
.logined-main .u3 span {
	display:block;
	transform:scale(0.7);
	transform-origin:center left;
}
.logined-main .u2-bg {
	width:110%;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	background-image:url(../images/20210112134500.png);
	background-size:cover;
	background-position:center left;
}
.logined-main .u2>div {
	padding:20px 0;
	color:#fff;
	font-family:"YouSheBiaoTiHei";
	font-size:18px;
}
.login-main {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100vw;
	min-height: 100vh;
	padding: 80px 0 50px 0;
	z-index:1;
}
.login-main .top {
	text-align:center;
	color:#d8d8d8;
	font-size:28px;
	margin-bottom:20px;
}
.login-main .wrapper {
	width:100%;
	max-width:620px;
}
.login-main .login {
	background-color:#1D1E23;
}
.page-center {
	margin-bottom:50px;
}
.page-center .wrapper {
	width:100%;
	max-width:1440px;
	padding: 0 20px;
	margin:auto;
}
.page-center .page-navbar {
	margin-bottom:60px;
	font-size:14px;
	display:flex;
}
.page-center .page-navbar li {
	padding-right:20px;
	margin-right:8px;
	position:relative;
	/*color:#595344;*/
	color: #c7c7c7;
	white-space: nowrap;
	overflow: hidden;
}
.page-center .page-navbar li a {
	/*display:inline-block;*/
	line-height:14px;
	color:inherit;
}
.page-center .page-navbar li:last-child {
	color:#EBD393;
}
.page-center .page-navbar li:last-child a{
	max-width: 100%;
	white-space: nowrap;
	-webkit-box-flex:1;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.page-center .page-navbar li:hover {
	color:#ffffff;
}
.page-center .page-navbar li:not(:last-child):after {
	content:"\e911";
	font-family:'icon' !important;
	font-size:14px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	color:#595344;
}
.course-main,.user-main {
	display:flex;
}
.course-main {
	margin-bottom:100px;
}
.course-main .course-menu-list,.user-main .user-menu-list {
	margin-right:20px;
}
.course-main .course-menu-list li {
	margin-bottom:4px;
	width:250px;
	position:relative;
}
.user-main .user-menu-list li {
	margin-bottom:4px;
	/*width:300px;*/
	position:relative;
}
.course-main .course-menu-list li.on:before,.user-main .user-menu-list li.on:before {
	background-color:#872E30;
}
.course-main .course-menu-list li:before {
	content:'';
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:250px;
	height:100%;
	z-index:-1;
	background-color:rgb(222,222,222,11%);

}
.user-main .user-menu-list li:before {
	content:'';
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:300px;
	height:100%;
	z-index:-1;
	background-color:rgb(222,222,222,11%);
}
@-webkit-keyframes tr-width {
	0% {
		width:0px;
	}
	100% {
		width:100%;
	}
}@keyframes tr-width {
	 0% {
		 width:0px;
	 }
	 100% {
		 width:100%;
	 }
 }.course-main .course-menu-list li:after,.user-main .user-menu-list li:after {
	  content:'';
	  display:block;
	  position:absolute;
	  left:0%;
	  top:0;
	  height:100%;
	  border-left:3px solid rgb(243,243,243,38%);
  }

.course-main .course-menu-list li:nth-child(2n+2):before,.course-main .course-menu-list li:nth-child(2n+2):after {
	animation-delay:0.1s;
}
.course-main .course-menu-list li:nth-child(3n+2):before,.course-main .course-menu-list li:nth-child(3n+2):after {
	animation-delay:0.12s;
}
@-webkit-keyframes Move-toggle {
	0% {
		left:0%;
	}
	25% {
		left:80%;
	}
	50% {
		left:20%;
	}
	75% {
		left:100%;
	}
	100% {
		left:0%;
	}
}@keyframes Move-toggle {
	 0% {
		 left:0%;
	 }
	 25% {
		 left:80%;
	 }
	 50% {
		 left:20%;
	 }
	 75% {
		 left:100%;
	 }
	 100% {
		 left:0%;
	 }
 }.course-main .course-menu-list li a {
	  display:block;
	  width:250px;
	  padding:22px 25px;
	  color:#a9a9a9;
	  font-size:16px;
  }
.course-main .course-menu-list li.on a,.user-main .user-menu-list li.on a {
	color:#ececec;
}
.user-main .user-menu-list li a {
	display:block;
	width:300px;
	text-align:center;
	padding:22px 0;
	color:#a9a9a9;
	font-size:16px;
}
.course-main .course-menu-list li:not(.on) a:hover,.user-main .user-menu-list li:not(.on) a:hover {
	color:#EBD393;
}
.user-main-overview {
	width:100%;
	flex-shrink:1;
	padding:34px 60px;
}
.main-head {
	color:#ffffff;
	padding-bottom:20px;
	font-size:22px;
	border-bottom:1px solid #989898;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:50px;
}
.main-head:after {
	content:'';
	display:block;
	width:150px;
	border-top:4px solid #AE4446;
	position:absolute;
	left:0;
	bottom:-1px;
}
.user-main-body {
	display:flex;
	flex-wrap:wrap;
}
.user-main-avatar {
	width:25%;
}
.user-main-avatar .avatar-pic {
	width:150px;
	height:150px;
	border-radius:50%;
	margin:auto;
	overflow:hidden;
}
.user-main-avatar .avatar-pic img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.user-main-avatar .avatar-to-change {
	width:100%;
	margin-top:20px;
	font-size:16px;
	color:#B0B0B0;
	text-align:center;
}
.user-info-overview {
	font-size:16px;
	width: 75%;
	padding-left:50px;
	color:#B0B0B0;
}
.user-info-overview .item {
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.user-info-overview .item input {
	border:none;
	color:#fff;
	padding-left:10px;
}
.user-data {
	display:flex;
	justify-content:center;
	margin-top:50px;
	width: 80%;
}
.user-data .data-item {
	width: 50%;
}
.user-data .data-item .data-pie {
	width:200px;
	margin:auto;
	height:220px;
}
.security-main-body {
	padding:0 15px;
}
.security-main-body .setting-form {
	font-size:16px;
	color:#ffffff;
}
.security-main-body .setting-form-item {
	width:100%;
	margin-bottom:20px;
	display:flex;
	justify-content:space-between;
}
.security-main-body .setting-form-item label {
	white-space:nowrap;
	width:150px;
	padding:20px 0;
	flex-shrink: 0;
}
.modal-content .security-main-body .setting-form-item label{
	width: 120px;
}
.security-main-body .setting-form-item a.modal-target{
	display:block;
	position:absolute;
	z-index:2;
	top:50%;
	right:20px;
	cursor:pointer;
	transform:translateY(-50%);
}
.announce-main {
}.announce-main .announce-item {
	 width:100%;
	 height:207px;
	 background-image:url(../images/20210113131036.png);
	 background-repeat:no-repeat;
	 background-size:cover;
	 background-position:center;
	 transition:ease all .3s;
	 display:flex;
	 justify-content:space-between;
	 padding:34px 80px 10px 40px;
	 margin-top:50px;
	 position:relative;
 }
.announce-main .announce-item a {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.announce-main .announce-item:hover {
	background-image:url(../images/20210113131309.png);
}
.announce-body {
	width:70%;
}
.announce-name {
	font-size:22px;
	color:#dddddd;
	padding-bottom:20px;
	border-bottom:1px solid #888888;
	margin-bottom:20px;
}
.announce-info {
	color:#888888;
	font-size:14px;
	line-height:2;
}
.announce-pic {
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:305px;
}
.announce-load-more {
	margin-top:50px;
	display:flex;
	justify-content:center;
}
.announce-load-more a {
	display:block;
	width:300px;
	padding:16px 0;
	text-align:center;
	font-size:16px;
	border:1px solid #666;
	border-radius:5px;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0)
	}
	to {
		opacity:1;
		-webkit-transform:translateZ(0);
		transform:translateZ(0)
	}
}@keyframes fadeInUp {
	 0% {
		 opacity:0;
		 -webkit-transform:translate3d(0,100%,0);
		 transform:translate3d(0,100%,0)
	 }
	 to {
		 opacity:1;
		 -webkit-transform:translateZ(0);
		 transform:translateZ(0)
	 }
 }.fadeInUp {
	  -webkit-animation-name:fadeInUp;
	  animation-name:fadeInUp
  }
@-webkit-keyframes fadeIn {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}@keyframes fadeIn {
	 0% {
		 opacity:0
	 }
	 to {
		 opacity:1
	 }
 }.fadeIn {
	  -webkit-animation-name:fadeIn;
	  animation-name:fadeIn
  }
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.announce-detail {
	padding:40px 100px;
	border-radius:8px;
}
.announce-view {
	margin-bottom:50px;
	display:flex;
}
.announce-view .item {
	margin-right:80px;
	color:#666666;
	font-size:14px;
}
.announce-detail-edit {
	font-size:14px;
	line-height:2;
	color:#888;
}
.announce-detail-edit * {
	white-space:normal!important;
	max-width:100%!important;
}
.announce-actions {
	display:flex;
	margin-top:100px;
	line-height:1.5;
	justify-content:space-between;
}
.announce-actions span {
	display:block;
	max-width:40%;
}
.announce-actions a {
	font-size:14px;
	color:#888888;
}
.announce-actions a:hover {
	color:#EBD393
}
.ranking-page .banner {
	padding-top:80px;
	height:550px;
	width:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/20210113142204.jpg);
	display:flex;
	align-items:center;
	justify-content:center;
}
.ranking-page .banner .row {
	max-width:1280px;
	width:100%;
	padding:0 20px;
	display:flex;
	justify-content:space-between;
}
.ranking-page .banner .block {
	width:50%;
}
.ranking-page .banner .info {
	font-size:16px;
	line-height:2;
	color:#fff;
	margin-top:50px;
	padding-right:50px;
}
.ranking-page .banner .grids {
	width:100%;
}
.ranking-page .swiper-slide .item {
	padding:57px 20px;
	display:flex;
	position:relative;
	justify-content:center;
	flex-direction:column;
	margin:20px 0;
}
.ranking-page .swiper-slide .item:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #B05557;
	background-color:rgb(0,0,0,30%);
	z-index:0;
	border-radius:8px;
	box-shadow:inset 0px 0px 30px 0px rgb(135,46,48,88%);
}
.ranking-page .swiper-slide.swiper-slide-active .item:before {
	transform:scale(1.07);
}
.ranking-page .swiper-slide .item-body {
	position:relative;
	z-index:1;
	color:#ffffff;
	text-align:center;
}
.ranking-page .swiper-slide .user-name {
	font-size:22px;
	margin-top:10px;
}
.ranking-page .swiper-slide .user-fraction {
	margin-top:10px;
	font-size:16px;
}
.ranking-page .swiper-slide .user-avatar {
	width:86px;
	height:86px;
	margin:auto;
	border-radius:50%;
	position:relative;
	border:2px solid;
}
.ranking-page .swiper-slide .user-avatar img {
	width:100%;
	height:100%;
	border-radius:50%;
	object-fit:cover;
}
.ranking-page .swiper-slide .user-avatar:before {
	content:'';
	width:100%;
	height:60px;
	bottom:70%;
	left:0;
	z-index:-1;
	position:absolute;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.ranking-page .swiper-slide.swiper-slide-prev .user-avatar {
	border-color:#CDCDCD;
}
.ranking-page .swiper-slide.swiper-slide-active .user-avatar {
	border-color:#FBD112;
}
.ranking-page .swiper-slide.swiper-slide-next .user-avatar {
	border-color:#C7866E;
}
.ranking-page .swiper-slide.swiper-slide-prev .user-avatar:before {
	background-image:url(../images/20210113150615.png);
}
.ranking-page .swiper-slide.swiper-slide-active .user-avatar:before {
	background-image:url(../images/20210113150638.png);
}
.ranking-page .swiper-slide.swiper-slide-next .user-avatar:before {
	background-image:url(../images/20210113150629.png);
}
.ranking-form {
	margin-top:50px;
}
.ranking-form .wrapper {
	max-width:1400px;
	margin:auto;
	width:100%;
	padding: 0 10px;
}
.layui--flexblock {
	display:flex;
	height:100%;
	align-items:center;
}
.layui--flexblock .layui--flexblock--pic {
	width:40px;
	height:40px;
	border-radius:50%;
	overflow:hidden;
	display:inline-block;
}
.layui--flexblock .layui--flexblock--pic img {
	object-fit:cover;
	display:block;
}
.layui--flexblock span {
	margin-left:10px;
}
.rank-list {
	display:flex;
}
.rank-list .rank-list-item {
	margin-right:20px;
	padding:15px 30px;
	cursor:pointer;
	width:130px;
	text-align:center;
	border:1px solid #888;
	font-size:18px;
	color:#888;
	transition:ease all .3s;
	box-shadow:inset 0 0 14px 0px rgb(222,222,222,33%);
}
.rank-list .rank-list-item:hover {
	color:#fff;
}
.rank-list .rank-list-item.on {
	background-color:#872E30;
	border-color:#872E30;
	color:#fff;
	box-shadow:inset 0 0 14px 0px #872E30;
}
.rank-others {
	margin-top:50px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.rank-others .rank-infos {
	color:#888;
	line-height: 1.5;
	font-size:16px;
}
.rank-others .rank-infos span {
	display:inline-block;
	padding-left:10px;
	font-weight:500;
	border-left:2px solid #872E30;
	color:#872E30;
	font-size:20px;
	margin-right:20px;
}
.ranking-form .layui-form {
	margin-top:50px;
	margin-bottom:50px;
}
.ranks-date-select {
	display:flex;
}
.ranks-date-select select {
	border:1px solid #AE4446;
	background-color:#AE4446;
	padding:8px 10px;
	color:#fff;
	font-size:14px;
	margin-left:10px;
}
.course-main-overview {
	width: calc(100% - 270px);
	flex-shrink:1;
	overflow: auto;
}
.course-main-overview ::-webkit-scrollbar-track {
	width: 0px;
	display: none;
}
.course-main-overview ::-webkit-scrollbar {
	width: 0px;
}
.course-main-overview ::-webkit-scrollbar-thumb {
	width: 0px;
}
.course-list {
	position:relative;
	margin-bottom:20px;
	border:1px solid rgba(202,202,202,0.25);
}
/*.course-list:after {
	font-family: 'icon';
    content: "\e90d";
    position: absolute;
    top: 13px;
    right: 8px;
    font-size: 25px;
    color: #fff;
    pointer-events: none;
}*/
.course-list.fold .course-action>i:before {
	content:"\e914";
}
.course-list .course-action>i:before {
	font-family: 'icon';
	content:"\e90d";
	font-size: 25px;
	line-height: 16px;
	display: inline-block;
	color: #ababab ;
	vertical-align: bottom;
}
.course-list.fold {
	padding-bottom:0;
}
.course-chapter{
}
.course-list{
	width: 100%;
	min-width: 1050px;
}
.course-list table {
	width:100%;
	text-align:left;
}
.course-list table a {
	color:#888;
}
.course-list.fold table>thead>tr {
	background-color:transparent;
}
.course-list table>thead>tr {
	cursor:pointer;
	background-color:rgba(202,202,202,0.26);
	font-size:16px;
	color:#ddd;
	font-weight:200;
}
.course-list.fold table>thead>tr {
	color:#888;
}
.course-list table>thead>tr>th {
	padding: 17px 28px;
	white-space: nowrap;
}
.course-list table>tbody.course-body {
	position:relative;
}
.course-list.fold table>tbody.course-body {
	position:absolute;
	top:0;
	left:0;
	transform:scaleY(0);
	overflow:hidden;
}
.course-list table>tbody.course-body>tr {
	color:#888;
	-webkit-transition:linear .15s color;
	-o-transition:linear .15s color;
	transition:linear .15s color;
}
.course-list table>tbody.course-body>tr .course-title {
	padding-left:50px;
	color:#ddd;
}
.course-title>a{
	display: block;
	overflow: hidden;
}
.course-list table>tbody.course-body>tr>th {
	font-weight:400;
	font-size:14px;
	padding:0px 28px 0 28px;
	/*height:40px;*/
	line-height:40px;
}
.course-list table>thead>tr>th.course-score,
.course-list table>thead>tr>th.course-state,
.course-list table>thead>tr>th.course-count,
.course-list table>thead>tr>th.course-action,
.course-list table>tbody.course-body>tr>th.course-score,
.course-list table>tbody.course-body>tr>th.course-state,
.course-list table>tbody.course-body>tr>th.course-count,
.course-list table>tbody.course-body>tr>th.course-action{
	padding-left: 0;
	padding-right: 0;
}
.course-list table>tbody.course-body>tr:hover,
.course-list table>tbody.course-body>tr.success,
.course-list table>tbody.course-body>tr.success a,
.course-list table>tbody.course-body>tr:hover a {
	color:#EBD393;
}
.course-detail-block {
	width:60%;
}
.course-main-detail {
	padding:25px 30px;
	border-radius:8px;
	margin-bottom:50px;
}
.course-detail-actions {
	display:flex;
	line-height:1.5;
	justify-content:space-between;
}
.course-detail-actions span {
	display:block;
	max-width:45%;
}
.course-detail-actions a {
	font-size:14px;
	color:#888888;
}
.course-detail-actions a:hover {
	color:#EBD393;
}
.course-main-detail .course-title {
	font-size:22px;
	color:#ddd;
	line-height:1.5;
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:1px solid #464646;
}
.course-others {
	width:40%;
	padding-left:60px;
}
.course-view {
	margin-bottom:50px;
	display:flex;
}
.course-view .item {
	margin-right:80px;
	color:#666666;
	font-size:14px;
	white-space: nowrap;
}
@media (max-width: 699px){
	.announce-view,
	.course-view{
		flex-wrap: wrap;
	}
	.announce-view .item,
	.course-view .item{
		margin-right: 0;
		width: 100%;
		margin-bottom: 5px;
	}

	.announce-actions{
		flex-wrap: wrap;
	}
	.announce-actions span{
		width: 100%;
		max-width: 100%;
		margin-bottom: 10px;
	}

}

.course-detail-edit {
	font-size:14px;
	line-height:2;
	color:#888;
	padding-bottom:50px;
	margin-bottom:30px;
	border-bottom:1px solid #464646;
}
.course-detail-edit * {
	white-space:normal!important;
	max-width:100%!important;
}
.course-detail-actions {
	display:flex;
	justify-content:space-between;
}
.course-detail-actions a {
	font-size:14px;
	color:#888888;
}
.course-detail-actions a:hover {
	color:#EBD393
}
.course-search {
	display:flex;
	font-size:16px;
}
.course-search input {
	width:100%;
	border:1px solid #464646;
	padding:5px 20px;
	color:#dedede;
	border-radius:4px;
}
.course-search a {
	margin-left:30px;
	width:180px;
	background-color:#EBD393;
	display:block;
	padding:14px 0;
	text-align:center;
	color:#333;
	border-radius:4px;
}
.course-recommend {
	border-radius:8px;
	padding:25px 30px;
	margin-bottom:30px;
}
.course-recommend-title {
	font-size:22px;
	color:#ddd;
	line-height:1.5;
	padding-bottom:20px;
	margin-bottom:15px;
	border-bottom:1px solid #464646;
}
.course-recommend-list {
	padding-bottom:10px;
}
.course-recommend-list-item {
	margin-top:17px;
	font-size:14px;
}
.course-recommend-list-item a {
	display:flex;
	justify-content:space-between;
	align-items:center;
	color:inherit;
}
.course-recommend-list-item p {
	max-width:250px;
}
.course-recommend-list-item:nth-child(3n+1) {
	color:#33C9FF
}
.course-recommend-list-item:nth-child(2n) {
	color:#4CC1B2
}
.course-recommend-list-item:nth-child(3n) {
	color:#C44C4C
}
.course-ranks {
	border-radius:8px;
	padding:25px 30px;
}
.course-ranks table {
	width:100%;
	color:#ddd;
	text-align:left;
}
.course-ranks table thead {
	font-size:20px;
	text-transform:uppercase;
}
.course-ranks table thead>tr>th {
	padding-bottom:20px;
	border-bottom:1px solid #464646;
}
.course-ranks table tbody {
	font-size:14px;
}
.course-ranks table tbody>tr>th {
	padding-top:20px;
	font-weight:200;
}
.cases-search {
	display:flex;
	border-radius:8px;
	overflow:hidden;
}
.cases-search input {
	width:calc(100% - 60px);
	padding:17px 25px;
	font-size:16px;
	color:#333;
	background-color:#C6C7C8;
}
.cases-search a {
	display:block;
	width:60px;
	height:60px;
	background-color:#872E30;
	color:#ffffff;
	font-size:22px;
	line-height:60px;
	text-align:center;
}
.cases-block {
	margin-top:60px;
}
.cases-block-title {
	padding-bottom:20px;
	margin-bottom:20px;
	color:#B04346;
	font-size:22px;
	position:relative;
	border-bottom:1px solid rgba(202,202,202,0.25);
}
.cases-block-title:after {
	content:'';
	display:block;
	width:150px;
	border-top:4px solid #AE4446;
	position:absolute;
	left:0;
	bottom:-1px;
}
.cases-block-main {
	padding:30px;
	display:flex;
	flex-wrap:wrap;
}
.case-item {
	padding:0 12px;
	margin-bottom:24px;
}
.case-item-s {
	width:calc(100%/6);
}
.case-item-l {
	width:calc(100%/3);
}
.case-item-s .case-item-main {
	border-radius:4px;
	font-size:16px;
	text-align:center;
	overflow:hidden;
}
.case-item-s .case-item-main .case-type-to-search {
	color:#888;
	padding:12px 10px 16px 10px;
	box-shadow:inset 0 0 12px rgb(255,255,255,30%);
	display:block;
	transition:ease all .3s;
	cursor:pointer
}
.case-item-s.on .case-item-main .case-type-to-search,.case-item-s .case-item-main .case-type-to-search:hover {
	box-shadow:inset 0 0 15px rgb(229,202,140);
	color:#DFC98D;
}
.case-item-l .case-item-main {
	border:1px solid rgba(202,202,202,0.25);
	border-radius:8px;
	padding:25px;
	overflow:hidden;
	box-shadow:inset 0 0 20px rgb(255,255,255,30%);
	transition:ease all .3s;
}
.case-item-l .case-item-main:hover {
	box-shadow:inset 0 0 24px rgb(229,202,140);
	color:#DFC98D;
	background-color:rgb(229,202,140,10%)
}
.case-item-l .case-item-header {
	font-size:16px;
	color:#888;
	padding-bottom:20px;
	border-bottom:1px solid rgba(202,202,202,0.25);
}
.case-item-info {
	line-height:1.5;
	font-size:22px;
	color:#C6C7C8;
	padding:26px 0 50px 0;
	cursor: pointer;
}
.case-item-view {
	font-size:12px;
	color:#888;
	display:flex;
}
.case-item-view span {
	margin-right:20px;
}
.case-item-info p {
	-webkit-line-clamp:2;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	height: 66px;
}

.modal{
	background-color: rgb(0,0,0,73%);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
	display: none;
}
.modal-content{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.modal-body{
	width: 100%;
	padding: 20px 20px;
	background-color: #000;
	max-width: 650px;
	position: relative;
}
.modal-close{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 12px;
	right: 20px;
	cursor: pointer;
	z-index: 1;
	display: flex;
	align-items: center;justify-content: center;
}
.modal-close span{
	width: 20px;
	height: 20px;
	background-size: cover;
	background-image: url(../images/f9adabc1529443a4b27809baf3e61bf2.gif);
}


.bind-social-account{
	width:100%;
	display: flex;
	align-items: center;
	padding: 16px 0
}
.bind-social-account a{
	display: block;width: 20px;
	height: 20px;
	margin-right: 20px;
}
.bind-social-account a.qq{
	filter: contrast(0);
	width: 20px;
	height: 20px;
	background-size: cover;
	background-image: url(../images/9e5114e4cb69443faf6205c7e9aeb3ef.gif);
}
.bind-social-account a.wechat{
	filter: contrast(0);
	width: 20px;
	height: 20px;
	background-size: cover;
	background-image: url(../images/fe82941903da466e93a9bfb9b1697995.gif);
}
.bind-social-account a.weibo{
	filter: contrast(0);
	width: 20px;
	height: 20px;
	background-size: cover;
	background-image: url(../images/81fbf4ddaf504ad79583fe5e2a98fb0e.gif);
}
.bind-social-account a.qq.on{
	filter: contrast(1);
}
.bind-social-account a.wechat.on{
	filter: contrast(1);
}
.bind-social-account a.weibo.on{
	filter: contrast(1);
}
.layui-form{
	overflow: auto;
}
.ranking-form .layui-table{
	width: auto;
}
.layui-form::-webkit-scrollbar-track {
	width: 0px;
	display: none;
}
.layui-form::-webkit-scrollbar {
	width: 0px;
}
.layui-form::-webkit-scrollbar-thumb {
	width: 0px;
}
.layui-table,
.layui-table-box{
	min-width: 950px;
}

@media (max-width: 1600px){
	.sce-1{
		padding-left: 0;
	}
	.sce-0-1 .grid .grid-body img,.sce-0-1 .grid .grid-body .layui-icon{
		font-size: 50px;
		width: 50px;
	}
	.sce-0-1 .grid .grid-body{
		font-size: 18px;
		padding: 32px 20px;
	}
	.logined{
		height: 250px;
		padding: 0;
	}
	.logined-main .user-info{
		padding-left: 20px;
	}
	.footer{
		position: relative;
	}
	section{
		margin-bottom: 0;
	}
}
@media (max-width: 1366px){
	.bulletins{
		padding: 23px 20px;
	}
	.bulletins-body a>div .title{
		margin-left: 20px;
	}
	.logined-main .user-name{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.header{
		justify-content: flex-end;
	}
	.nav-bar{
		margin-right: 200px;
	}
}
@media (max-width: 1299px){
	.sce-0,
	.sce-1{
		float: unset;
		margin: auto;
		width: 100%;
		padding: 0 66px;
		max-width: 1152px;
	}
	.logined{
		height: auto;
	}
	.logined-main{
		padding: 50px 0;
		justify-content: center;
	}
	.logined-main .user-info{
		padding-left: 50px;
	}
	.bulletins-body a>div .title{
		width: 70%;
	}
}
@media (min-width: 1200px){
	.nav-bar ul>li>a:before {
		content:'';
		display:block;
		position:absolute;
		z-index:0;
		top:0;
		right:0;
		width:0%;
		height:100%;
		background-color:rgb(77,37,38,80%);
		transform:skewX(-35deg);
		transition:linear all .3s;
	}
	.nav-bar ul>li.on>a {
		color:#ffffff;
	}
	.nav-bar ul>li.on>a:before,.nav-bar ul>li>a:hover:before {
		width:100%;
	}
	.nav-bar ul>li.on>a:before {
		background-color:#4D2526;
	}
	.nav-bar ul>li:not(.on)>a:hover:before {
		left:0;
		right:unset;
		background-color:rgb(77,37,38,90%);
	}
}
@media (max-width: 1199px){
	.ranking-page .banner{
		height: auto;
		padding-top: 150px;
	}
	.ranking-page .banner .row{
		flex-wrap: wrap;
		flex-direction: row-reverse;
	}
	.ranking-page .banner .block{
		width: 100%;
		margin-bottom: 50px;
	}

	.nav-bar{
		margin-left: 64px;
		margin-right: 0;
		width: 100%;
		height: 64px;
		position: relative;
	}
	.nav-bar ul{
		position: absolute;
		top: 0%;
		width: 100%;
		right: 0;
		height: 100vh;
		max-width: 400px;
		border-left: 2px solid #4D2526;
		background-color: #872E30;
		/*		flex-wrap: wrap;
                flex-direction: column;
                justify-content: center;
                align-items: center;*/
		z-index: 1;
		display: none;
		padding: 100px 40px 40% 40px;
	}
	.nav-bar ul>li{
		width: 100%;
		height: 20px;
		margin-bottom: 50px;
		display: block;
	}
	.nav-bar ul>li>a{
		padding: 0;
		display: inline-block;
	}
	.nav-bar ul>li.close-menu{
		position: absolute;
		left: 0;
		top: 0;
		width: 64px;
		height: 64px;
		transform: translateX(-100%);
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #4D2526;
	}
	.nav-bar ul>li.close-menu span{
		width: 20px;
		height: 20px;
		background-size: cover;
		background-image: url(../images/f9adabc1529443a4b27809baf3e61bf2.gif)
	}
	.menu-open{
		cursor: pointer;
		width: 70px;
		height: 64px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.menu-open span{
		position: relative;
		display: inline-block;
		width: 20px;
		border-top: 1px solid #ffffff;
	}
	.menu-open span:before{
		content: '';
		display: block;
		position: absolute;
		top: -8px;
		left: 0;
		width: 100%;
		border-top: 1px solid #ffffff;
	}
	.menu-open span:after{
		content: '';
		display: block;
		position: absolute;
		bottom: -8px;
		left: 0;
		width: 100%;
		border-top: 1px solid #ffffff;
	}
	.header .logo {
		padding: 12px 20px;
		font-size: 14px;
	}

	.case-item-s{
		width: 25%;
	}
	.case-item{
		margin-bottom: 10px;
	}

	.case-item-l{
		width: 50%;
	}

	.announce-detail{
		padding: 40px;
	}
}
@media (min-width: 1300px){
	.course-main .course-menu-list li:after, .user-main .user-menu-list li:after{
		-webkit-animation-name: Move-toggle;
		-moz-animation-name: Move-toggle;
		-o-animation-name: Move-toggle;
		animation-name: Move-toggle;
		animation-duration: 2s;
		animation-timing-function: linear;
		animation-iteration-count: 1;
	}
	.user-main .user-menu-list li:before,
	.course-main .course-menu-list li:before {
		-webkit-animation-name:tr-width;
		-moz-animation-name:tr-width;
		-o-animation-name:tr-width;
		animation-name:tr-width;
		animation-duration:1.5s;
		animation-timing-function:cubic-bezier(0.78,0.01,1,1);
		animation-iteration-count:1;
	}
}
@media (max-width: 1299px){
	.course-main, .user-main{
		flex-wrap: wrap;
	}
	.course-main .course-menu-list,
	.user-main .user-menu-list{
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.course-main .course-menu-list ul,
	.user-main .user-menu-list ul{
		display: flex;
		overflow: auto;
	}
	.course-main .course-menu-list ul li,
	.user-main .user-menu-list ul li{
		margin-right: 10px;
	}
	.course-list table>thead>tr{
		font-size: 14px;
	}
	.course-main-overview{
		width: 100%;
	}
	.user-main .user-menu-list li{
		width: 33.333333%;
		max-width: 300px;
		min-width: 160px;
	}
	.user-main .user-menu-list li a,
	.user-main .user-menu-list li:before{
		width: 100%;
	}

	.course-detail-block{
		width: 100%;
		margin-bottom: 50px;
	}
	.course-others{
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	.course-ranks,
	.course-recommend{
		width: 48%;
	}
	.announce-main .announce-item{
		flex-wrap: wrap;
		height: auto;
		padding: 30px 40px;
	}
	.announce-body{
		width: 100%;
	}
	.announce-pic{
		margin-top: 20px;
	}
}
@media (max-width: 699px){
	.sce-0-1 .grid{
		width: 50%;
	}
	.user-main-overview{
		padding: 34px 40px;
	}
}
@media (max-width: 799px){
	.footer{
		padding: 20px;
		font-size: 14px;
		flex-wrap: wrap;
	}
	.copyright{
		margin-bottom: 15px;
	}
	.course-ranks,
	.course-recommend{
		width: 100%;
		margin-bottom: 20px;
	}
	.case-item-s{
		width: 33.3333333%;
	}
	.case-item-l{
		width: 100%;
	}
	.rank-others{
		flex-wrap: wrap;
	}
	.ranks-date-select,
	.rank-infos{
		width: 100%;
	}
	.rank-infos{
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.login-page .login-header{
		left: 20px;		
	}
	.login-page .login-main{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (max-width: 599px){
	.header .logo img{
		width: 120px;
	}
	section{
		margin-top: 120px;
	}
	.sce-0-1 .grid{
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	.sce-2,
	.sce-0,
	.sce-1{
		padding: 0 20px;
	}
	.sce-0-1 .grid .grid-body img{
		width: 40px;
	}
	.sce-0-1 .grid .grid-body{
		font-size: 16px;
	}
	.logined-main{
		flex-wrap: wrap;
	}
	.logined-main .user-info{
		width: 100%;
		padding: 0;
		margin-top: 50px;
	}
	.bulletins-body a>div{
		flex-wrap: wrap;
	}
	.bulletins-body a>div .date{
		width: 100%;
		margin-top: 10px;
		text-align: right;
		font-size: 12px;
	}
	.main-head,
	.bulletins-head span,
	.tabs{
		font-size: 16px;
	}
	.bulletins{
		padding: 23px 15px;
	}
	.bulletins-body a>div{
		padding-top: 20px;
	}
	.user-main-avatar{
		width: 100%;
	}
	.user-info-overview{
		width: 100%;
		padding-left: 0;
		margin: 50px 0;
	}

	.user-data{
		width: 100%;
	}

	.cases-block-main{
		padding: 30px 0;
	}
	.case-item-s{
		width: 50%;
	}
	.login-header .page-title{
		display: none;
	}
	.login-main .top{
		font-size: 24px;
	}
	.announce-main .announce-item{
		padding: 30px 20px;
	}
	.announce-name{
		font-size: 16px;
	}
}
@media (max-width: 499px){
	.header .logo{
		padding: 10px;
		font-size: 12px;
	}
	.login-register a{
		font-size: 14px;
	}
	.sce-0-1 .grid{
		width: 100%;
	}
	.sce-0-1 .grid .grid-body{
		justify-content: center;
	}
	.login{
		padding: 23px 20px 10px 20px;
	}
	.form-action{
		font-size: 14px;
	}
	.form-item .get-code{
		padding: 0 20px;
		line-height: 44px;
		font-size: 14px;
	}
	.form-item input{
		padding: 12px 10px;
		font-size: 12px;
	}
	.login .register-block .form-item, .login .login-block .form-item{
		margin-bottom: 10px;
	}
	.form-action .login-btn{
		padding: 0 30px;
		font-size: 14px;
		line-height: 44px;
	}
	.user-data{
		flex-wrap: wrap;
	}
	.user-data .data-item{
		width: 100%;
		margin-bottom: 20px;
	}
	.security-main-body .setting-form-item label{
		padding: 14px 0;
	}
	.security-main-body{
		padding: 0;
	}
	.user-main-overview{
		padding: 34px 20px;
	}
	.course-main-detail .course-title{
		font-size: 16px;
		line-height: 1.5;
	}
	.course-detail-actions{
		flex-wrap: wrap;
	}
	.course-detail-actions span{
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.case-item-info{
		font-size: 18px;
	}
	.case-item-info p{
		height: 54px;
	}
	.ranking-page .banner .grids{
		width: auto;
		margin-left: -20px;
		margin-right: -20px;
	}
	.ranking-page .banner .info{
		font-size: 14px;
		padding-right: 0;
	}
	.rank-list{
		width: 100%;
		overflow: auto;
	}
	.rank-list .rank-list-item{
		font-size: 14px;
		white-space: nowrap;
	}
}
@media (max-width: 399px){
	.setting-form-item{
		flex-wrap: wrap;
	}
	.case-item-s{
		width: 100%;
	}
}
.header .logo p{transition: all .3s;}
.nav-scroll .logo p{margin-top: -100px;color: transparent}
body .layui-ox .layui-layer-content {
    color: #000;
}

.field-danger{
	border-color: #AE4446!important;
	box-shadow: inset 0 0 10px 1px #ae4446;
	color: #ae4446;
}
.form-item .get-code {
	cursor:pointer;
	background-color:#AE4446;
}
.form-item .get-code.disabled {
	cursor: not-allowed;
	pointer-events: none;
	background-color:#4D2526;
}
.form-action .login-btn:hover,.form-item .get-code:hover {
	background-color:#6d3233;
}


.home-page{
/*	overflow: auto;
	margin: 0;
	padding-top: 110px;
	display: flex;
	align-items: center;
	justify-content: center;*/
	margin-bottom: 0;
}
@media (min-width: 1366px) and (max-height: 990px){
	.home-page{
		margin-top: 100px;
	}
	.home-page .bulletins-body a:last-child{
		display: none;
	}
	.home-page .swiper-slide img{
		height: 230px;
		width: 100%;
		object-fit: cover;
	}
	.home-page .sce-2 .top{
		margin-top: 0;
	}
	.home-page .sce-2 .top img{
		height: 30px;
	}
}
@media (min-width: 1366px) and (max-height: 880px){
	.sce-0-1 .grid .grid-body{
		padding: 20px 40px;
	}
	.sce-0-1 .grid .grid-body img,
	.sce-0-1 .grid .grid-body .layui-icon{
		width: 50px;
		height: 50px;
		font-size: 50px;
	}
	.home-page .bulletins-head span,
	.home-page .tabs{
		font-size: 16px;
	}
	.home-page .form-action{
		padding-top: 0;
	}
	.home-page .login .register-block .form-item,
	.home-page .login .login-block .form-item{
		margin-bottom: 10px;
	}
	.home-page .form-action .login-btn{
		line-height: 40px;
	}
	.home-page .logined{
		height: 310px;
	}
}
a[title='站长统计'] {
	display: none;
}
.geetest_panel .geetest_link,.geetest_panel .geetest_copyright{
	pointer-events: none;
}
.geetest_panel .geetest_link canvas,.geetest_panel .geetest_copyright canvas{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-ms-filter: gray(1);
}
/* 下拉菜单不被内容区遮挡（覆盖amazeui .am-tabs-bd z-index:100） */
.header{ z-index:999 !important; }