/**
moon and nationalday
中秋与国庆

主题: #e6b980 #e6b980  

**/
:root{
--aa:#b96900;
	/*风格色调*/
	--color-theme-1:#682c21;/*主色*/
	--color-theme-2:#b64430;/*次(邻、渐x1)色*/
	--color-theme-3:#fae3d7;/*辅(衬、反、补、渐x2)色*/
	--color-theme-4:#fcc469;/*辅(反、补、渐x3)色*/

	--color-theme:linear-gradient(-20deg, var(--color-theme-1) 0%,var(--color-theme-2) 30% ,var(--color-theme-2) 55% ,var(--color-theme-1) 100%);
	--color-theme-light:#ffc8be;
	--color-theme-dark:#2a0a04;
	--color-theme-shadow:rgb(104, 44, 33,0.5);
	--color-theme-gradual:linear-gradient(-20deg, var(--color-theme-1) 0%,var(--color-theme-2) 20% ,var(--color-theme-2) 60% ,var(--color-theme-1) 100%);


	--color-inv:#fff;
	--color-inv-subtle:#fae3d7;
	--color-inv-emphasis:#fce169;

	/*官网专用*/
	--color-nav-bg:linear-gradient(0deg,var(--color-theme-1) 0%,var(--color-bg-thin) 1%,var(--color-bg) 1%,var(--color-bg-thin) 100%);
	--color-nav-fg:#682c21;

	--color-banner-bg:transparent;
	--color-banner-text:#ffe083;

	--color-footer-bg:rgba(0,0,0,0.5);
	--color-footer-fg:#ca9d54;
	--color-footer-fg-thin:#9b7942;
	/*官网专用 end*/




	/*功能色调 */
	--color-primary:#0f536e;
	--color-secondary:#4ea69d;
    --color-default:#825a29;
	--color-success:#006335;
	--color-warning:#e1ce00;
	--color-danger:#a80065;
	

	/*亮调   210000  562017*/
	--color-primary-light:#24c1ff;
	--color-secondary-light:#7cfff2;
	--color-default-light:#c1b09b;
	--color-success-light:#5ae3a3;
	--color-warning-light:#fff7a1;
	--color-danger-light:#e49bc7;


	/*暗调*/
	--color-primary-dark:#072835;
	--color-secondary-dark:#224845;
	--color-default-dark:#39250c;
	--color-success-dark:#002a16;
	--color-warning-dark:#4d4700;
	--color-danger-dark:#350020;

	/*弱调 */
	--color-primary-shadow:rgba(15, 83, 110,0.5);
	--color-secondary-shadow:rgba(78, 166, 157, 0.5);
	--color-default-shadow:rgba(130, 90, 41, 0.5);
	--color-success-shadow:rgba(0, 99, 53, 0.5);
	--color-warning-shadow:rgba(255, 234, 0, 0.5);
	--color-danger-shadow:rgba(168, 0, 101, 0.5);

	/*炫调*/
	--color-primary-gradual:linear-gradient(-20deg, var(--color-theme-2) 0%,var(--color-primary) 40% ,var(--color-primary) 50% ,var(--color-theme-2) 100%);
	--color-secondary-gradual:linear-gradient(-20deg,var(--color-secondary-light) 0%,var(--color-secondary) 40% ,var(--color-secondary) 50% ,var(--color-econdary-light) 100%);


	/*玻璃调
	--color-glass-darkest:rgba(255,255,255,0.9);
	--color-glass-darker:rgba(255,255,255,0.7);
	--color-glass-dark:rgba(255,255,255,0.6);
	--color-glass:rgba(255,255,255,0.5);
	--color-glass-thin:rgba(255,255,255,0.3);
	--color-glass-thinner:rgba(255,255,255,0.2);
	--color-glass-thinnest:rgba(255,255,255,0.1);
*/

	--color-glass-darkest:rgba(0, 0, 0, 0.9);
	--color-glass-darker:rgba(0, 0, 0, 0.7);
	--color-glass-dark:rgba(0, 0, 0, 0.6);
	--color-glass:rgba(0, 0, 0, 0.5);
	--color-glass-thin:rgba(0, 0, 0, 0.3);
	--color-glass-thinner:rgba(0, 0, 0, 0.2);
	--color-glass-thinnest:rgba(0, 0, 0, 0.1);


	--color-gray-darkest:#301a0e;
	--color-gray-darker:#623f2c;
	--color-gray-dark:#9b7460;
	--color-gray:#bb9682;
	--color-gray-light:#ceac9a;
	--color-gray-lighter:#e4c7b8;
	--color-gray-lightest:#fae3d7;

		/*** only html ***/
		--text-basic:16px;
		/*** only html end ***/

    --color-border-dark:#bb9682;

	/*e4be8f*/
	--color-bg:#fae3d7;
	--color-bg-thin:#e4c7b8;
	--color-bg-thinner:#ceac9a;
	--color-bg-thinnest:#bb9682;

	--color-fg:#2d0d07;
	--color-fg-thin:#521d14;
	--color-fg-thinner:#682c21;
	--color-fg-thinnest:#954e42;
}

body{
	/*font-size:12px;*/
	
}

.wd-btn-primary{
	background-image:linear-gradient(-20deg,var(--color-glass-thinnest) 30%,var(--color-glass-thinner) 50%,var(--color-glass-thinnest) 80% );
	/*background-image: linear-gradient(-20deg, var(--color-theme-4) 0%,var(--color-primary) 40% ,var(--color-primary) 50% ,var(--color-theme-4) 100%);
	*/
}
.wd-btn-primary:hover{

}
.wd-btn-secondary
{/*
	background-image:linear-gradient(-20deg,var(--color-theme-2) 0%,var(--color-secondary) 40% ,var(--color-secondary) 60% ,var(--color-theme-2) 100% );
	background:linear-gradient(-20deg,var(--color-secondary) 0% ,var(--color-secondary-dark) 40% ,var(--color-secondary-dark) 50% ,var(--color-secondary) 100% );
	*/
	background-image:linear-gradient(-20deg,var(--color-glass-thinnest) 30%,var(--color-glass-thinner) 50%,var(--color-glass-thinnest) 80% );
	
}
.wd-btn-secondary:hover{
	
}


/*满屏背景*/
.full-background
{
	/*background-image: linear-gradient(0deg, var(--color-theme-1) 0%, var(--color-theme-2) 100%);*/
	background:var(--color-theme-1);
	width:100vw; 
	height:100vh;
}

.full-background .images .right-top .background
{
	
	background: url("full-background-rt.460.png");
	width:360px;
	height:218px;
	z-index:0;
}

.full-background .images .left-top
{
	z-index:3;
}
.full-background .images .left-top img
{
	
	content:url("full-background-lt.460.png");
	width:auto;
	height:auto;
}


.full-background .images .center-bottom
{
	background-image:url("full-background-b.460.png");
	height:61px;
	background-repeat:repeat-x;
	width:100%;
	z-index:0;
}

.full-background .images .left-bottom .background
{
	
	content: url("full-background-lb.460.png");
	z-index:9;
	height:auto;
	width:auto;
}



/*背景图集*/
.full-background .images .left .background:after,
.full-background .images .center .background:before
{
	position: absolute ;
	opacity: 0;
	content: url("full-background-c2.min.png");
	z-index:2;
	width:412px;
	height:97px;
	animation-name: cloud2;
	animation-delay: 2s;
	animation-duration: 25s;
	animation-timing-function: linear;
	animation-iteration-count:infinite;

	-webkit-animation-name: cloud2;
	-webkit-animation-delay: 2s;
	-webkit-animation-duration: 25s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count:infinite;
}
.full-background .images .left .background:after,
.full-background .images .center .background:after
{
	position: absolute ;
	opacity: 0;
	content: url("full-background-c2.min.png");
	z-index:2;
	width:412px;
	height:97px;
	animation-name: cloud1;
	animation-delay: 0s;
	animation-duration: 15s;
	animation-timing-function: linear;
	animation-iteration-count:infinite;

	-webkit-animation-name: cloud1;
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 15s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count:infinite;	
}

.full-background .images .right-top img
{
	position:absolute;
	opacity: 0;
	bottom:0;
	right:0;
	content: url("full-background-c1.min.png");
	z-index:2;
	width:347px;
	height:141px;
	animation-name: cloud1;
	animation-delay: 3s;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count:infinite;

	-webkit-animation-name: cloud1;
	-webkit-animation-delay: 3s;
	-webkit-animation-duration: 20s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count:infinite;	
}

.full-background .images .left-bottom img,
.full-background .images .left img,
.full-background .images .center img
{
	position:absolute;
	opacity: 0;
	content: url("full-background-c1.min.png");
	z-index:2;
	width:347px;
	height:141px;
	animation-name: cloud1;
	animation-delay: 0s;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count:infinite;

	-webkit-animation-name: cloud1;
	-webkit-animation-delay: 0s;
	-webkit-animation-duration: 20s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count:infinite;
}




@keyframes cloud1 {

	0% {
		opacity: 0;
		transform: translateX(0px); 
	  }
	50% {
		opacity: 0.3;
		transform: translateX(-50px); 
	  }

	90% {
		opacity: 0;
		transform: translateX(-100px); 
		/*-webkit-transform: scale(1.15);
				transform: scale(1.15);*/
	  }
	100% {
		opacity: 0;
		transform: translateX(-100px); 
		/*-webkit-transform: scale(1.15);
				transform: scale(1.15);*/
	  }
}

@keyframes cloud2 {

	0% {
		opacity: 0;
		transform: translateX(0px); 
				
	  } 
	50% {
		opacity: 0.2;
		transform: translateX(-50px);
			
	  }
	90% {
		opacity: 0;
		transform: translateX(-100px); 
	  }
	100% {
		opacity: 0;
		transform: translateX(-100px); 
	  }
}

/*** only html ***/


@-webkit-keyframes cloud1 {

	0% {
		opacity: 0;
		transform: translateX(0px); 
	  }
	50% {
		opacity: 0.3;
		transform: translateX(-50px); 
	  }

	90% {
		opacity: 0;
		transform: translateX(-100px); 
		/*-webkit-transform: scale(1.15);
				transform: scale(1.15);*/
	  }
	100% {
		opacity: 0;
		transform: translateX(-100px); 
		/*-webkit-transform: scale(1.15);
				transform: scale(1.15);*/
	  }
}

@-webkit-keyframes cloud2 {

	0% {
		opacity: 0;
		transform: translateX(0px); 
				
	  } 
	50% {
		opacity: 0.2;
		transform: translateX(-50px);
			
	  }
	90% {
		opacity: 0;
		transform: translateX(-100px); 
	  }
	100% {
		opacity: 0;
		transform: translateX(-100px); 
	  }
}
/*** only html end ***/



/*** only html ***/
@media (min-width: 768px) 
{
	:root{
		--text-basic:13px;
		--line-height-basic:1.2;
	}

	.login-bd{
		color:var(--color-primary-light);
		/*
		background:none;
		
		background-image: linear-gradient(0deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.2) 100%);
		*/
	}
	.login-footer{
		---color-footer:var(--color-secondary-light);
	}
	/*背景图集*/
	.full-background .images .left .background:after,
	.full-background .images .center .background:before
	{
		position: absolute ;
		opacity: 0;
		content: url("full-background-c2.png");
		z-index:2;
		animation-name: cloud2;
		animation-delay: 2s;
		animation-duration: 25s;
		animation-timing-function: linear;
		animation-iteration-count:infinite;

		-webkit-animation-name: cloud2;
		-webkit-animation-delay: 2s;
		-webkit-animation-duration: 25s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count:infinite;
	}
	.full-background .images .left .background:after,
	.full-background .images .center .background:after
	{
		position: absolute ;
		opacity: 0;
		content: url("full-background-c2.png");
		z-index:2;
		animation-name: cloud1;
		animation-delay: 0s;
		animation-duration: 15s;
		animation-timing-function: linear;
		animation-iteration-count:infinite;

		-webkit-animation-name: cloud1;
		-webkit-animation-delay: 0s;
		-webkit-animation-duration: 15s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count:infinite;	
	}

	.full-background .images .right-top img
	{
		position:absolute;
		opacity: 0;
		bottom:0;
		right:0;
		content: url("full-background-c1.png");
		z-index:2;
		animation-name: cloud1;
		animation-delay: 3s;
		animation-duration: 20s;
		animation-timing-function: linear;
		animation-iteration-count:infinite;

		-webkit-animation-name: cloud1;
		-webkit-animation-delay: 3s;
		-webkit-animation-duration: 20s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count:infinite;	
	}

	.full-background .images .left-bottom img,
	.full-background .images .left img,
	.full-background .images .center img
	{
		position:absolute;
		opacity: 0;
		content: url("full-background-c1.png");
		z-index:2;
		animation-name: cloud1;
		animation-delay: 0s;
		animation-duration: 20s;
		animation-timing-function: linear;
		animation-iteration-count:infinite;

		-webkit-animation-name: cloud1;
		-webkit-animation-delay: 0s;
		-webkit-animation-duration: 20s;
		-webkit-animation-timing-function: linear;
		-webkit-animation-iteration-count:infinite;
	}



	.full-background .images .center-bottom /*img*/
	{
		/*content: url("full-background-lb.png");
		transform: rotateY(180deg);*/
		background-image:url("full-background-b.png");
		background-repeat:repeat-x;
		width:100%;
		height:122px;
		z-index:0;
	}


	/*背景图集-左上角*/
	.full-background .images .left-top img
	{
		content: url("full-background-lt.png");
	}

	.full-background .images .right-top .background
	{

		background: url("full-background-rt.png");
		width:521px;
		height:316px;
	}



	/*背景图集-左下角*/
	.full-background .images .left-bottom .background
	{

		content: url("full-background-lb.png");
		/*transform: rotateY(180deg);*/
		z-index:9;
	}


		/**/
	.skin-bar::after,.skin-bar-0::after{
		
		background-image:url(bar-0-r.png);
		width:64px;
		height:64px;
	}
	.skin-bar-1::after{
		background-image:url(bar-1-r.png);
		width:64px;
		height:64px;
	}
	.skin-bar-2::after{
		background-image:url(bar-2-r.png) ;
		width:64px;
		height:64px;
	}
	.skin-bar-3::after{
		background-image:url(bar-3-r.png) ;
		width:64px;
		height:64px;
	}
	.skin-bar-4::after{
		background-image:url(bar-4-r.png) ;
		width:64px;
		height:64px;
	}

	
	/*内容块*/
	.skin-panel::before
	{
		background-image:url(bar-3-r.png);
		transform: scaleX(-1);
		width:64px;
		height:64px;
	}

	.skin-panel::after
	{
		background-image:url(bar-4-r.png);
		width:64px;
		height:64px;
	}

}
/*** only html end ***/





/*skin*/

.skin-box,[class*="skin-box-"]:after,
.skin-card::after,[class*="skin-card-"]:after,
.skin-bar::before,.skin-bar-0::before,.skin-bar-1::before,.skin-bar-2::before,.skin-bar-3::before,.skin-bar-4::before,
.skin-banner::after,.skin-banner-0::after,.skin-banner-1::after,.skin-banner-2::after,.skin-banner-3::after,.skin-banner-4::after
{
	content:none;
	width:none;
	height:none;
}



.skin-box::before{
	
	background-image:url(box.min.png);
	width:128px;
	height:128px;
}
.skin-box-0::before{
	
	background-image:url(box-0.min.png);
	width:128px;
	height:128px;
}
.skin-box-1::before{
	background-image:url(box-1.min.png);
	width:128px;
	height:128px;
}
.skin-box-2::before{
	background-image:url(box-2.min.png) ;
	width:128px;
	height:128px;
}
.skin-box-3::before{
	background-image:url(box-3.min.png) ;
	width:128px;
	height:128px;
}
.skin-box-4::before{
	background-image:url(box-4.min.png) ;
	width:128px;
	height:128px;
}
.skin-box-5::before{
	background-image:url(box-5.min.png) ;
	width:128px;
	height:128px;
}
.skin-box-6::before{
	background-image:url(box-6.min.png) ;
	width:128px;
	height:128px;
}
.skin-box-7::before{
	background-image:url(box-7.min.png) ;
	width:128px;
	height:128px;
}
.skin-box-8::before{
	background-image:url(box-8.min.png) ;
	width:128px;
	height:128px;
}
.skin-box-9::before{
	background-image:url(box-9.min.png) ;
	width:128px;
	height:128px;
}



/**/
.skin-bar::after,.skin-bar-0::after{
	
	background-image:url(bar-0-r.min.png);
	width:32px;
	height:32px;
}
.skin-bar-1::after{
	background-image:url(bar-1-r.min.png);
	width:32px;
	height:32px;
}
.skin-bar-2::after{
	background-image:url(bar-2-r.min.png) ;
	width:32px;
	height:32px;
}
.skin-bar-3::after{
	background-image:url(bar-3-r.min.png) ;
	width:32px;
	height:32px;
}
.skin-bar-4::after{
	background-image:url(bar-4-r.min.png) ;
	width:32px;
	height:32px;
}



/*内容块*/
.skin-panel::before
{
	background-image:url(bar-3-r.min.png);
	transform: scaleX(-1);
	width:32px;
	height:32px;
}

.skin-panel::after
{
	background-image:url(bar-4-r.min.png);
	width:32px;
	height:32px;
}

/*页*/
.skin-page::before
{
	background-image:url(page-l.min.png);	
	width:423px;
	height:248px;
}
.skin-page::after
{
	background-image:url(page-r.min.png);
	width:273px;
	height:142px;
}


/*卡片*/
.skin-card-0,.skin-card-1,.skin-card-2,.skin-card-3
{
	background:linear-gradient(-20deg, var(--color-theme-1) 10%,var(--color-theme-1) 50%,var(--color-theme-2) 80%);
	color:var(--color-inv-subtle);
}

[class*="skin-card-"]:before
{

	content:url(card-l.min.png);	
	left:5px;
	top:5px;
	width:66px;
	height:54px;
}