/*自定义css*/
.first a{
	color:#fff;
	font-size:20px;
}
.first a:hover{
	color:#c77;
	font-size:20px;
	background:#111;
}
.submenu a{
	color:#ccc;
	font-size:16px;
	text-align:center;
	margin-left:-100px;
	
}
.submenu a:hover{
	font-size:16px;	

}
.submenu{
	display:none;
}

ul.active-sub{
	display:block;
}

.glyphicon {
	margin-right:5px;
}
.modal-dialog{
	z-index:1041;
}


.ylt-mt5{margin-top:5px;}
.ylt-mt10{margin-top:10px;}
.ylt-mt15{margin-top:15px;}
.ylt-mt20{margin-top:20px;}
.ylt-mt25{margin-top:25px;}
.ylt-mt30{margin-top:30px;}


.ylt-mb5{margin-bottom:5px;}
.ylt-mb10{margin-bottom:10px;}
.ylt-mb15{margin-bottom:15px;}
.ylt-mb20{margin-bottom:20px;}
.ylt-mb25{margin-bottom:25px;}
.ylt-mb30{margin-bottom:30px;}



.ylt-pt5{padding-top:5px;}
.ylt-pt10{padding-top:10px;}
.ylt-pt15{padding-top:15px;}
.ylt-pt20{padding-top:20px;}
.ylt-pt25{padding-top:25px;}
.ylt-pt30{padding-top:30px;}
.ylt-pb5{padding-bottom:5px;}
.ylt-pb10{padding-bottom:10px;}
.ylt-pb15{padding-bottom:15px;}
.ylt-pb20{padding-bottom:20px;}
.ylt-pb25{padding-bottom:25px;}
.ylt-pb30{padding-bottom:30px;}

.fl{float:left;}
.fr{float:right;}
.clearfix:after,
.row:after,
.fl:after,
.fr:after {
    clear:both;
    content:'\0020';
    display:block;
    height:0;    
}


body{
	font-family: "Microsoft YaHei";
}
.ylt-tip{
	height:60px;
	line-height:60px;
	background-color:#fff;
	box-shadow:0px 0px 5px #c1c1c1;
	padding-left:0;
	padding-right:0;
}
.navbar-inverse .navbar-nav>li>a{
	line-height:60px;
	padding-top:0;
	padding-bottom:0;
}
.navbar-inverse .navbar-nav>li>a:hover{
	color:#ff7073;
}
.navbar-nav{
	margin:0;
}
.page-header h2{
	display:none;
}
.ylt-logo{
	width:140px;
	height:60px;
	display: block;
	background-image:url(../images/ylt_logo2.png);
	background-image: -webkit-image-set(url(../images/ylt_logo2.png) 1x, url(../images/ylt_logo2@2x.png) 2x);	
	background-position:center;
	background-repeat:no-repeat;
}
.sidebar{
	width:230px;
	background-color:#fa7473;
	z-index:1031;
	top:0;
	padding:0;
}
.ylt-container-fluid{
	margin-top:20px;
}
.breadcrumb{
	margin:0 10px;
}
.breadcrumb a{
	color:#fa7473;
}
.breadcrumb>.active{
	color:#bbb;
}
.ylt-logo2{
	width:100%;
	height:90px;
	margin:40px 0 10px;
}
.ylt-logo2 a{
	margin:0 auto;
	width:180px;
	height:60px;
	display:block;
	background-image:url(../images/ylt_logo.png);
	background-image: -webkit-image-set(url(../images/ylt_logo.png) 1x, url(../images/ylt_logo@2x.png) 2x);
	background-repeat:no-repeat;
	background-position: center;
}
.navbar-inverse .navbar-toggle{
	border-color: #fa7473;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:active,
.navbar-inverse .navbar-toggle:focus{
	background-color:#fff;
}
.navbar-toggle{
	margin-top:13px;
}
.navbar-inverse .navbar-toggle .icon-bar{
	background-color:#fa7473;
}
.nav-sidebar{
	margin-right: 0px;
    margin-left: 0px;
}
.ylt-nav-sidebar .first a,
.ylt-nav-sidebar .first a:hover{
	font-size:14px;
}
.nav>li>a{
	padding:15px;
}
.nav>li:hover{
	cursor:pointer;
}
.first .active{
	color:#fff;
	background-color:#f79697;
}
.nav li a:hover,
.nav li a:active,
.nav li a:focus{
	color:#fff;
	background-color:#f79697;
}
.ylt-nav-sidebar .glyphicon{
	margin-right:15px;
	margin-left:8px;
}

.ylt-nav-sidebar .caret{
	margin-top:8px;
	border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.submenu{
	background-color:#e85855;
}
.submenu li a .glyphicon{
	display: none;
}
.submenu li a{
	text-indent:2em;
}
.ylt-nav-sidebar .submenu a{
	color:#fff;
}
.ylt-active .caret{
	transform:rotate(-180deg); 
}

.main{
	margin-left:230px;
	padding-right:0;
	padding-left:0;
}
.ylt-container-fluid>.row{
	margin-right:0;
	margin-left:0;
}
.btn-danger{
    margin:2px 0;
}
.btn-primary{
	background-color: #fa7473;
    border-color: #fa7473;
    margin:2px 0;
}
.btn-primary:hover,
.btn-primary:active{
	background-color: #ec5658;
    border-color: #fa7473;
}
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, 
.open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover{
	background-color: #ec5658;
    border-color: #fa7473;
}

.btn-primary.active, 
.btn-primary:active, 
.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary{
	background-color: #fa7473;
    border-color: #fa7473;
    outline:none;
}
h3,
h2,
.table-responsive h3,
.ylt-h4{
	font-size:18px;
	color:#555;
}
.btn-default,
.btn-warning,
.btn-success{
	margin:2px 0;
}


.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th{
	vertical-align:middle;
	min-height:68px;
	border-top-color:#f1f1f1;
	text-align: center;
	min-width:100px;
}


.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover{
	background-color: #ec5658;
    border-color: #fa7473;
}
.pagination>li>a, 
.pagination>li>span,
.pagination>li>a:hover,
.pagination>li>a:active,
.pagination>li>a:focus{
	color:#ec5658;
}
/*.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover{
	background-color:#ffb3b2;
	color:#fff;
}
.pagination>li>a, .pagination>li>span{
	border:1px solid #ffb3b2;
}*/
.table{
	margin-bottom:0;
}
hr{
	margin-top:0;
}
.btn-xs{
	padding: 5px 15px;
	font-size:14px;
}

#myModalLabel{
	font-size: 18px;
    color: #555;
}

.form-control{
	/*height:28px;*/
	/*margin-left:5px;*/
}


.ylt-round-shape{
	width:100%;
	height:20px;
}

.ylt-sub-header h2{
    font-size: 18px;
    color: #555;
}

#ylt .form-control{
	padding:0 8px;
	line-height:30px;
}
#ylt .form-group{
	margin-right:10px;
}
.ylt-from{
	padding:20px;
}
.ylt-from .form-group .col-sm-1{
	line-height:32px;
	margin-left:20px;
	min-width:100px;
	text-align: right;
	color:#555;
}
.form-control:focus{
    box-shadow: inset 0 1px 1px #ffb3b2, 0 0 8px #ffb3b2;
    border-color:#ffb3b2;
    outline:#ffb3b2 !important;
}
.ylt-round-shape-wrap h4{
	line-height:40px;
	color:#ec5658;
	font-size:22px;
}
.ylt-round-shape-wrap .text-muted{

}
button{
	outline:none !important;
}

.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form{
	border-color:#e0e0e0;
}

.table-bordered>tbody>tr>th{
	border-top:2px solid #ddd;
}

.navbar-inverse .navbar-nav > li > a{
	color: #9d9d9d;
	font-size:14px;
}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover{
	color: #ff7073;
}
.navbar-inverse .navbar-nav > li:hover > a{
	border-bottom:none;
}
/*.page-header{
	min-width:1000px;
}
.table{
	min-width:1000px;
}*/
#ylt{
	overflow-x:hidden;
}

.form-group{
	padding:5px 0;
}
@media screen and (max-width: 768px) {
	.navbar-nav{
		background-color:#fa7473;
	}
	.navbar-inverse .navbar-nav>li>a{
		color:#fff;
	}
	.navbar-inverse .navbar-nav>li>a:hover{
		color:#fff;
	}
	.navbar-toggle{
		margin-right:30px;
	}
	.main{
		margin-left:0px;
	}
	.page-header{
		padding:10px;
		min-width:880px;
	}
	.table{
		min-width:880px;
	}
	.page-header .form-group{
		min-width:230px;
	}
	.page-header .form-control{
		max-width:120px;
	}
	.page-header .form-group label{
		float: left;
		line-height:32px;
	}
	.page-header .form-group select{
		float: left;
	}
	#ylt{
		overflow-x:hidden;
	}
}
.main>.page-header{
	width:100%;
	min-width:auto;
	margin-left:0;
}
.main>.page-header>.breadcrumb{
	margin:0;
}
.table-responsive{
	/*margin-bottom:20px;*/
}
.input-group-btn>.btn-file{
	margin-top:0;
}



/* 登录 */
.ylt-login{
	padding:0;
	background-color:#fff;
}
.ylt-login-head{
	height:96px;
}
.ylt-login-in{
	width:1200px;
	margin:0px auto;
	padding:18px 0;
}
.ylt-l-help a{
	font-size:16px;
	color:#646877;
	text-decoration:none;
	line-height:60px;
}
.ylt-l-help a:hover{
	color:#ff6b6b;
}
.ylt-container{
	background-color:#ffe5e5;
	padding:50px 0;
}
.ylt-login-footer{
	margin-top:40px;
}
.ylt-login-footer p{
	font-size:14px;
	color:#a7a8bb;
	text-align:center;
	line-height:16px;
	margin:0;
}
.ylt-login-pic{
	width:435px;
	height:396px;
	background-image: -webkit-image-set(url(../images/login_1.png) 1x, url(../images/login_1@2x.png) 2x);	
}
.ylt-form-signin{
    padding:30px;
    margin: 0 auto;
}

.ylt-login-from{
	width:380px;
	background-color:#fff6f6;
	border-radius:10px;
	color:#434a79;
	margin:40px 0;
}
.ylt-login-from h2{
	font-size:20px;
	line-height:22px;
	margin-top:0;
	margin-bottom:22px;
	font-weight:bold;
	color:#434a79;
}
.ylt-login-from .form-control{
	border:1px solid #a7a8bb;
	height:38px;
	color:#434a79 !important;
	font-size:16px;
	padding-left:45px;
}

#inputUsername::-webkit-input-placeholder,
#inputPassword::-webkit-input-placeholder{
	color:#a7a8bb;
}





.ylt-login-from a,
.ylt-login-from .checkbox label{
	color:#86859f;
}
.ylt-login-from .form-group{
	position: relative;
	padding:0px;
	margin-bottom:22px;
}
.ylt-login-from .form-control:focus,
.ylt-login-from .form-control:active{
	box-shadow: inset 0 1px 1px #ffb3b2, 0 0 8px #ffb3b2;
    border-color: #ffb3b2;
    outline: #ffb3b2 !important;
    border:1px solid #ff6b6b;
}
.ylt-login-from .ylt-form-icon{
	font-size:20px;
	position: absolute;
	left:14px;
	color:#474e7c;
}
.ylt-login-from .checkbox{
	margin:0;
	margin-left:-5px;
}
.ylt-login-from .btn-lg{
	padding:7px 16px;
	margin-top:24px;
	background-color:#ff6b6b;
}
.ylt-login-from .btn-lg:hover{
	background-color:#fd7776;
}

.ylt-login-from .ylt-c-wrap{
	line-height:22px;
	padding-left:0;
}
.ylt-login-from .ylt-c-wrap input{
	margin-top:3px;
}
.ylt-login-from .ylt-c-in{
	width:14px;
	height:14px;
}
.icon-icon053{
	top:3px;
}
.icon-mima{
	top:5px;
}
.ylt-login-from .help-block{
	font-size:12px;
	margin-bottom:0;
	color:#ff6b6b;
}

.piaochecked {
	width: 20px;
	height: 20px;
	float: left;
	cursor: pointer;
	margin-left: 10px;
	text-align: center;
	background-image: url(../images/login_check.png);
	background-repeat: no-repeat;
	background-position:1px 3px;
}

.on_check {
	background-position:-18px 3px;
}
.radioclass {
	opacity: 0;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

@media screen and (max-width: 1200px) {
	.ylt-login-in{
		width:100%;
		margin:0 auto;
		padding:18px;
	}
}
@media screen and (max-width: 900px) {
	.ylt-logo{
		margin-left:20px;
	}
	.ylt-login .ylt-logo{
		margin-left:0;
	}
	.ylt-login-from{
		float:none;
		margin:0 auto;
	}
	.ylt-login-pic{
		display: none;
	}
}
@media screen and (max-width: 500px) {
	.ylt-login{
		min-width:420px;
	}
}


.ylt-login-pic{
	animation: floating 2.5s infinite linear;
}
/* 动画 */
@keyframes floating
{
	0%{transform:translateY(-8px);}
	50%{transform:translateY(0);}
	100%{transform:translateY(-8px);}
}



















