html,body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color: #666;
}
h1{
    margin: 0;
    font-size: 28px;
    line-height: 32px;
    color: #333;
}
h2{
	
}
h3{
	
}
h4{
	
}
h5{
	
}
audio:focus,video:focus {
    outline: none;
}
audio{
	width: 100%;
	display: block;
    margin: auto;
}
video{
	max-width: 100%;
	display: block;
    margin: auto;
}
textarea{
	resize: none!important;
}
.ys-text-blue{
	color:#01AAED;
}
.ys-text-red{
	color:#FF5722;
}
.ys-text-default{
	color:#393D49;
}
.ys-text-green{
	color:#36b368;
}
.ys-text-orange{
	color:#FFB800;
}
.ys-text-black{
	color:#2F4056;
}
.ys-text-with{
	color:#fff;
}
.ys-video i{
	position: absolute;
    font-size: 50px;
    color: #fff;
    opacity: 0.6;
    text-align: center;
    top: calc(50% - 20px);
    left: calc(50% - 30px);
    transform-origin:center center;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transition: transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	-ms-transition: -ms-transform 0.5s;
}
.ys-video:hover i{
	opacity: 1;
	transform-origin:center center;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transition: transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	-ms-transition: -ms-transform 0.5s;
}
.ys-hide{
	display:none!important;
}
.ys-hiden{
	display:none!important;
}
.ys-hidden{
	visibility:hidden!important;
}
.ys-input{
	padding: 6px;
    height: 20px;
    border: 1px solid #eee;
    line-height: 20px;
    font-size: 16px;
    position: relative;
}
.ys-input+.ys-input,.ys-input+.ys-input_captcha,.ys-input_captcha+.ys-input{
	margin-top:4px;
}
.ys-input:hover{
	border: 1px solid #8bc34a;
}
.ys-input:focus{
	border: 1px solid #80ffff;
}
.ys-input>input{
	background: none;
    border: none;
    width: 100%;
    height: 100%;
    font-size:14px;
}
.ys-input>input:focus{
	outline-offset: 0px;
	outline: none!important;
}
.ys-input>.ys-icon{
	width:20px;
	height:20px;
	position: absolute;
	text-align:center;
}
.ys-input_icon>input{
    padding-left: 30px;
    width:calc(100% - 30px);
    font-size:14px;
}
.ys-input_captcha{
	position: relative;
}
.ys-input_captcha>.ys-input{
	width:calc(100% - 200px);
	display: inline-block;
}
.ys-input_captcha>.ys-captcha{
	height:30px;
	float:right;
	margin-right:8px;
}
.ys-input_captcha>.ys-a{
	float:right;
    margin-top: 10px;
}
.ys-input_captcha>.ys-captcha>img{
	height:30px;
}
.ys-a{
	font-size: 13.5px;
    color: #03A9F4;
    cursor: pointer;
}
.ys-btn{
	background-color:#a4bdcb;
	padding:0 10px;
	text-align: center;
    min-width: 60px;
    height: 34px;
    color: #fff!important;
    cursor: pointer;
    text-decoration: none;
    line-height: 34px;
    font-size: 16px;
    border-radius: 4px;
    opacity: 0.98;
}
.ys-btn.ys-btn_warn{
    background-color: #FF5722;
    color: #fff!important;
    border:none;
}
.ys-btn[disabled=disabled]{
    background-color: #ccc!important;
}
.ys-btn[disabled=disabled]:active{
    opacity: 0.98!important;
}
.ys-btn:active{
	opacity: 0.8;
}
.ys-full_left{
	float:left;
}
.ys-full_right{
	float:right;
}
.ys-m-4{
	margin:4px!important;
}
.ys-m-8{
	margin:8px!important;
}
.ys-m-16{
	margin:16px!important;
}
.ys-m-24{
	margin:24px!important;
}
.ys-m-32{
	margin:32px!important;
}
.ys-m-64{
	margin:64px!important;
}
.ys-m-128{
	margin:128px!important;
}
.ys-ml-4{
	margin-left:4px!important;
}
.ys-ml-8{
	margin-left:8px!important;
}
.ys-ml-16{
	margin-left:16px!important;
}
.ys-ml-24{
	margin-left:24px!important;
}
.ys-ml-32{
	margin-left:32px!important;
}
.ys-ml-64{
	margin-left:64px!important;
}
.ys-ml-128{
	margin-left:128px!important;
}
.ys-mr-4{
	margin-right:4px!important;
}
.ys-mr-8{
	margin-right:8px!important;
}
.ys-mr-16{
	margin-right:16px!important;
}
.ys-mr-24{
	margin-right:24px!important;
}
.ys-mr-32{
	margin-right:32px!important;
}
.ys-mr-64{
	margin-right:64px!important;
}
.ys-mr-128{
	margin-right:128px!important;
}
.ys-mt-4{
	margin-top:4px!important;
}
.ys-mt-8{
	margin-top:8px!important;
}
.ys-mt-16{
	margin-top:16px!important;
}
.ys-mt-24{
	margin-top:24px!important;
}
.ys-mt-32{
	margin-top:32px!important;
}
.ys-mt-64{
	margin-top:64px!important;
}
.ys-mt-128{
	margin-top:128px!important;
}
.ys-mb-4{
	margin-bottom:4px!important;
}
.ys-mb-8{
	margin-bottom:8px!important;
}
.ys-mb-16{
	margin-bottom:16px!important;
}
.ys-mb-24{
	margin-bottm:24px!important;
}
.ys-mb-32{
	margin-bottm:32px!important;
}
.ys-mb-64{
	margin-bottm:64px!important;
}
.ys-mb-128{
	margin-bottm:128px!important;
}
.ys-mh-4{
	margin-right:4px!important;
	margin-left:4px!important;
}
.ys-mh-8{
	margin-right:8px!important;
	margin-left:8px!important;
}
.ys-mh-16{
	margin-right:16px!important;
	margin-left:16px!important;
}
.ys-mh-24{
	margin-right:24px!important;
	margin-left:24px!important;
}
.ys-mh-32{
	margin-right:32px!important;
	margin-left:32px!important;
}
.ys-mh-64{
	margin-right:64px!important;
	margin-left:64px!important;
}
.ys-mh-128{
	margin-right:128px!important;
	margin-left:128px!important;
}
.ys-mv-4{
	margin-top:4px!important;
	margin-bottom:4px!important;
}
.ys-mv-8{
	margin-bottom:8px!important;
	margin-top:8px!important;
}
.ys-mv-16{
	margin-bottom:16px!important;
	margin-top:16px!important;
}
.ys-mv-24{
	margin-bottom:24px!important;
	margin-top:24px!important;
}
.ys-mv-32{
	margin-bottom:32px!important;
	margin-top:32px!important;
}
.ys-mv-64{
	margin-bottom:64px!important;
	margin-top:64px!important;
}
.ys-mv-128{
	margin-bottom:128px!important;
	margin-top:128px!important;
}
.ys-m-4{
	margin:4px!important;
}
.ys-m-8{
	margin:8px!important;
}
.ys-m-16{
	margin:16px!important;
}
.ys-m-24{
	margin:24px!important;
}
.ys-m-32{
	margin:32px!important;
}
.ys-m-64{
	margin:64px!important;
}
.ys-m-128{
	margin:128px!important;
}
.ys-ml-4{
	margin-left:4px!important;
}
.ys-ml-8{
	margin-left:8px!important;
}
.ys-ml-16{
	margin-left:16px!important;
}
.ys-ml-24{
	margin-left:24px!important;
}
.ys-ml-32{
	margin-left:32px!important;
}
.ys-ml-64{
	margin-left:64px!important;
}
.ys-ml-128{
	margin-left:128px!important;
}
.ys-mr-4{
	margin-right:4px!important;
}
.ys-mr-8{
	margin-right:8px!important;
}
.ys-mr-16{
	margin-right:16px!important;
}
.ys-mr-24{
	margin-right:24px!important;
}
.ys-mr-32{
	margin-right:32px!important;
}
.ys-mr-64{
	margin-right:64px!important;
}
.ys-mr-128{
	margin-right:128px!important;
}
.ys-pt-4{
	padding-top:4px!important;
}
.ys-pt-8{
	padding-top:8px!important;
}
.ys-pt-16{
	padding-top:16px!important;
}
.ys-pt-24{
	padding-top:24px!important;
}
.ys-pt-32{
	padding-top:32px!important;
}
.ys-pt-64{
	padding-top:64px!important;
}
.ys-pt-128{
	padding-top:128px!important;
}
.ys-pb-4{
	padding-bottom:4px!important;
}
.ys-pb-8{
	padding-bottom:8px!important;
}
.ys-pb-16{
	padding-bottom:16px!important;
}
.ys-pb-24{
	padding-bottm:24px!important;
}
.ys-pb-32{
	padding-bottm:32px!important;
}
.ys-pb-64{
	padding-bottm:64px!important;
}
.ys-pb-128{
	padding-bottm:128px!important;
}
.ys-ph-4{
	padding-right:4px!important;
	padding-left:4px!important;
}
.ys-ph-8{
	padding-right:8px!important;
	padding-left:8px!important;
}
.ys-ph-16{
	padding-right:16px!important;
	padding-left:16px!important;
}
.ys-ph-24{
	padding-right:24px!important;
	padding-left:24px!important;
}
.ys-ph-32{
	padding-right:32px!important;
	padding-left:32px!important;
}
.ys-ph-64{
	padding-right:64px!important;
	padding-left:64px!important;
}
.ys-ph-128{
	padding-right:128px!important;
	padding-left:128px!important;
}
.ys-pv-4{
	padding-top:4px!important;
	padding-bottop:4px!important;
}
.ys-pv-8{
	padding-bottop:8px!important;
	padding-top:8px!important;
}
.ys-pv-16{
	padding-bottop:16px!important;
	padding-top:16px!important;
}
.ys-pv-24{
	padding-bottop:24px!important;
	padding-top:24px!important;
}
.ys-pv-32{
	padding-bottop:32px!important;
	padding-top:32px!important;
}
.ys-pv-64{
	padding-bottop:64px!important;
	padding-top:64px!important;
}
.ys-pv-128{
	padding-bottop:128px!important;
	padding-top:128px!important;
}
.ys-box{
	min-height: 100%;
    position: relative;
}
.ys-bg{
	width:100%;
	height:100%;
	z-index:-1;
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.ys-blur{
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);   
}
.ys-blur-4{
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);   
}
.ys-blur-8{
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -ms-filter: blur(8px);
    -o-filter: blur(8px);
    filter: blur(8px);   
}
.ys-blur-10{
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);   
}
.ys-blur-12{
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -ms-filter: blur(12px);
    -o-filter: blur(12px);
    filter: blur(12px);   
}
.layui-row>div{
	min-height: 10px;
}
.ys-text-left{
	text-align:left!important;
}
.ys-text-right{
	text-align:right!important;
}
.ys-text-center{
	text-align:center!important;
}
.ys-role>span+span{
	margin-left: 3px;
}
.ys-system{
	background-color: #fff!important;
}
.ys-system .layui-card{
	box-shadow: none;
}
.ys-system blockquote{
	background-color: #eee;
}
.ys-loader-main {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: whitesmoke;
    z-index: 9999999;
}
.ys-loader {
    width: 50px;
    height: 50px;
    margin: 30px auto 40px;
    margin-top: 20%;
    position: relative;
    z-index: 999999;
    background-color: whitesmoke;
}
.ys-loader:before {
    content: "";
    width: 50px;
    height: 7px;
    border-radius: 50%;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    animation: shadow .5s linear infinite;
}
.ys-loader:after {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background-color: #5FB878;
    position: absolute;
    top: 0;
    left: 0;
    animation: loading .5s linear infinite;
}
.loader-main{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: whitesmoke;
	z-index: 9999999;
}
@-webkit-keyframes loading {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		transform: translateY(9px) rotate(22.5deg);
	}

	50% {
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 40px;
	}

	75% {
		transform: translateY(9px) rotate(67.5deg);
	}

	100% {
		transform: translateY(0) rotate(90deg);
	}
}
@keyframes loading {
	17% {
		border-bottom-right-radius: 3px;
	}

	25% {
		transform: translateY(9px) rotate(22.5deg);
	}

	50% {
		transform: translateY(18px) scale(1, 0.9) rotate(45deg);
		border-bottom-right-radius: 40px;
	}

	75% {
		transform: translateY(9px) rotate(67.5deg);
	}

	100% {
		transform: translateY(0) rotate(90deg);
	}
}
@-webkit-keyframes shadow {

	0%,
	100% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1);
	}
}
@keyframes shadow {

	0%,
	100% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1);
	}
}
.layadmin-backlog-body {
    display: block;
    padding: 0 10px;
    line-height:42px;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.layadmin-backlog-body p {
    float:right;
}
.layadmin-backlog-body p cite {
    font-style: normal;
    font-size: 30px;
    font-weight: 300;
    color: #009688;
}
.slider-item,.slider-bg{
	border-radius: 6px;
}
.slider-btn{
	border-radius: 12px;
}
.ys-anim-height{
	transition: height 1s ease 0s;
}
.ys-anim-width{
	transition: width 1s ease 0s;
}