﻿@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.1.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

body{ background: #fff;font-size:16px;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;}
* {
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
/* 页面宽度 */
.container{ width:1000px; padding: 0; } 
/* a标签颜色 */
a{color: #666; cursor: pointer; } 
a:hover,a:focus{ text-decoration: none; color: #054682; cursor: pointer; } 

/* 文字省略号 */
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 100%;}



/* 重写5列样式 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; text-align: center;}
@media ( min-width : 768px){.col-sm-5ths{width: 20%; float: left;}}
@media ( min-width : 992px){.col-md-5ths{width: 20%; float: left;}}
@media ( min-width : 1200px){.col-lg-5ths{width: 20%; float: left;}}

/*padding*/
.padding-10 			{ padding: 10px!important;}
.padding-20 			{ padding: 20px!important;}
.padding-30 			{ padding: 30px!important;}
.padding-40 			{ padding: 40px!important;}
.padding-50 			{ padding: 50px!important;}
.padding-top-10 		{ padding-top: 10px!important;}
.padding-top-20 		{ padding-top: 20px!important;}
.padding-top-30 		{ padding-top: 30px!important;}
.padding-top-40 		{ padding-top: 40px!important;}
.padding-top-50 		{ padding-top: 50px!important;}
.padding-bottom-10 	{ padding-bottom: 10px!important;}
.padding-bottom-20 	{ padding-bottom: 20px!important;}
.padding-bottom-30 	{ padding-bottom: 30px!important;}
.padding-bottom-40 	{ padding-bottom: 40px!important;}
.padding-bottom-50 	{ padding-bottom: 50px!important;}
.padding-left-10 	{ padding-left: 10px!important;}
.padding-left-20 	{ padding-left: 20px!important;}
.padding-left-30 	{ padding-left: 30px!important;}
.padding-left-40 	{ padding-left: 40px!important;}
.padding-left-50 	{ padding-left: 50px!important;}
.padding-right-10 	{ padding-right: 10px!important;}
.padding-right-20 	{ padding-right: 20px!important;}
.padding-right-30 	{ padding-right: 30px!important;}
.padding-right-40 	{ padding-right: 40px!important;}
.padding-right-50 	{ padding-right: 50px!important;}
/*margin*/
.margin-10 			{ margin: 10px!important;}
.margin-20 			{ margin: 20px!important;}
.margin-30 			{ margin: 30px!important;}
.margin-40 			{ margin: 40px!important;}
.margin-50 			{ margin: 50px!important;}
.margin-top-10 		{ margin-top: 10px!important;}
.margin-top-20 		{ margin-top: 20px!important;}
.margin-top-30 		{ margin-top: 30px!important;}
.margin-top-40 		{ margin-top: 40px!important;}
.margin-top-50 		{ margin-top: 50px!important;}
.margin-bottom-10 	{ margin-bottom: 10px!important;}
.margin-bottom-20 	{ margin-bottom: 20px!important;}
.margin-bottom-30 	{ margin-bottom: 30px!important;}
.margin-bottom-40 	{ margin-bottom: 40px!important;}
.margin-bottom-50 	{ margin-bottom: 50px!important;}
.margin-left-10 		{ margin-left: 10px!important;}
.margin-left-20 		{ margin-left: 20px!important;}
.margin-left-30 		{ margin-left: 30px!important;}
.margin-left-40 		{ margin-left: 40px!important;}
.margin-left-50 		{ margin-left: 50px!important;}
.margin-right-10 	{ margin-right: 10px!important;}
.margin-right-20 	{ margin-right: 20px!important;}
.margin-right-30 	{ margin-right: 30px!important;}
.margin-right-40 	{ margin-right: 40px!important;}
.margin-right-50 	{ margin-right: 50px!important;}

/*去除margin*/
.no-margin 			{         margin: 0!important;}
.no-margin-left 		{    margin-left: 0!important;}
.no-margin-right 	{   margin-right: 0!important;}
.no-margin-top 		{     margin-top: 0!important;}
.no-margin-bottom 	{  margin-bottom: 0!important;}
/*去除padding*/
.no-padding 			{	  	 padding: 0!important;}
.no-padding-left 	{   padding-left: 0!important;}
.no-padding-right 	{  padding-right: 0!important;}
.no-padding-top 		{    padding-top: 0!important;}
.no-padding-bottom 	{ padding-bottom: 0!important;}
.margin-auto 		{ margin-left: auto!important; margin-right: auto!important;}

/*border*/
.no-border 			{         border: 0!important;}
.no-border-left 		{    border-left: 0!important;}
.no-border-right 	{   border-right: 0!important;}
.no-border-top 		{     border-top: 0!important;}
.no-border-bottom 	{  border-bottom: 0!important;}

.radius-border{
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
}

/*字体颜色*/
.text-danger 	{ color: #d73d32 !important; }
.text-warning 	{ color: #f4b400 !important; }
.text-primary  	{ color: #427fed !important; }
.text-success 	{ color: #53a93f !important; }
.text-info 		{ color: #57b5e3 !important; }
.text-pink 		{ color: #e75b8d !important; }
.text-orange		{ color: #fb6e52 !important; }
.text-black 		{ color: black   !important; }
.text-white 		{ color: white   !important; }
.text-red 		{ color: red     !important; }

/*背景颜色*/
.no-bg-color 	{ background-color: transparent !important;}
.bg-white 		{ background-color: #fff !important}
.bg-snow 		{ background-color: #fbfbfb !important}
.bg-f5 			{ background-color: #f5f5f5 !important}
.bg-f3 			{ background-color: #f3f3f3 !important}
.bg-eee 			{ background-color: #eee !important}
.bg-ccc 			{ background-color: #ccc !important}
.bg-ddd 			{ background-color: #ddd !important}
.bg-999 			{ background-color: #999 !important}
.bg-777 			{ background-color: #777 !important}
.bg-666 			{ background-color: #666 !important}
.bg-555 			{ background-color: #555 !important}
.bg-444 			{ background-color: #444 !important}
.bg-333 			{ background-color: #333 !important}
.bg-blue 		{ background-color: #5db2ff !important}
.bg-info 		{ background-color: #57b5e3 !important}
.bg-sky 			{ background-color: #11a9cc !important}
.bg-primary 		{ background-color: #4374e0 !important}
.bg-success 		{ background-color: #53a93f !important}
.bg-green 		{ background-color: #8cc474 !important}
.bg-yellow 		{ background-color: #ffce55 !important}
.bg-warning 		{ background-color: #f4b400 !important}
.bg-gold 		{ background-color: #f9b256 !important}
.bg-orange 		{ background-color: #fb6e52 !important}
.bg-lightred 	{ background-color: #e46f61 !important}
.bg-darkorange 	{ background-color: #ed4e2a !important}
.bg-red 			{ background-color: #df5138 !important}
.bg-danger 		{ background-color: #d73d32 !important}
.bg-pink 		{ background-color: #e75b8d !important}
.bg-darkpink 	{ background-color: #cc324b !important}
.bg-magenta 		{ background-color: #bc5679 !important}
.bg-purple 		{ background-color: #7e3794 !important}
.bg-maroon 		{ background-color: #981b48 !important}


/*标题*/
h1.row-title, h2.row-title, h3.row-title, h4.row-title, h5.row-title,
h6.row-title {
    line-height: 17px;
    margin: 30px 0 15px;
    padding: 5px 10px;
    display: inline-block;
    color: #646464;
    font-weight: 400;
    position: relative;
}
h1.row-title:before, h2.row-title:before, h3.row-title:before,
h4.row-title:before, h5.row-title:before, h6.row-title:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: #0088cc
}
