/************** Base **************/
@charset "utf-8";
/*!
 * @功能：1、重设浏览器默认样式
 *       2、设置通用原子类
 */
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    background:white;
    color:black;
}
/* HTML5 */
article,aside,dialog,footer,header,section,nav,figure,menu{display:block;}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
    font:12px 'Microsoft YaHei', \5b8b\4f53,arial,sans-serif;
}
input,select,textarea {
    font-size:100%;
}
/* 去掉 table cell 的边距并让其边重合 */
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* ie bug：th 不继承 text-align */
th {
    text-align:inherit;
}
/* 去除默认边框 */
fieldset,img {
    border:none;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:none;
    font-variant:normal;
}
/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}
address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}
/* 去掉列表前的标识，li 会继承 */
ol,ul {
    list-style:none;
}
/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th {
    text-align:left;
}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}
q:before,q:after {
    content:'';
}
/* 统一上标和下标 */
sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup {
    top:-0.5em;
}
sub {
    bottom:-0.25em;
}
/* 让链接在 hover 状态下显示下划线 */
a:hover {
    text-decoration:underline;
}
/* 默认不显示下划线，保持页面简洁 */
ins,a {
    text-decoration:none;
}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {
    outline:none;
}
/* 清除浮动 */
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; /* for ie6 & ie7 */
}
.clear {
    clear:both;
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    overflow:hidden;
}


/************ Base color ************/

.c-dark-green-1 {
	/* 深绿 */
	color: #0a5a1d;
}

.c-dark-green-2 {
	/* 深绿 */
	color: #247f3a;
}

.c-dark-green-3 {
	/* 深绿 */
	color: #3ba354;
}

.c-green-2 {
	/* 绿 */
	color: #6fc083;
}

.c-green-3 {
	/* 绿 */
	color: #83d396;
}

.c-green-4 {
	/* 淡绿 */
	color: #c0eacb;
}

.c-green-5 {
	/* 淡绿 */
	color: #effff2;
}

.c-green-6 {
	/* 淡绿 */
	color: #f6fee9;
}

.c-orange-1 {
	/* 橘黄 */
	color: #ff9933;
}

.c-orange-2 {
	/* 橘黄2 */
	color: #d0761c;
}

.c-grey-1 {
	/* 灰1 */
	color: #333;
}

.c-grey-2 {
	/* 灰2 */
	color: #666;
}

.c-grey-3 {
	/* 灰3 */
	color: #999;
}

.c-grey-4 {
	/* 浅灰 */
	color: #f1f1f1;
}

.c-grey-5 {
	/* 浅灰2 */
	color: #f6f6f6;
}
.c-grey-6 {
	/* 浅灰 描边 */
	color: #eee;
}

.c-grey-7 {
	/* 浅灰 描边2 */
	color: #ccc;
}

.c-grey-8 {
	color: #ebebeb;
}

.c-yellow-1 {
	color: #f8edcf;
}
/* Base width */
.w-1200 {
	width: 1200px;
}

.w-1190 {
	width: 1190px;
}

.w-979 {
	width: 979px;
}

.w-950 {
	width: 950px;
}

.w-910 {
	width: 910px;
}

.w-848 {
	width: 848px;
}

.w-260 {
	width: 260px;
}

.w-230 {
	width: 230px;
}

/************ Common ************/
html {
	overflow-y: scroll;
}
body {
	/*font-family: Tahoma,"\5b8b\4f53",Arial,Helvetica,sans-serif;*/
	font-family: 'Microsoft YaHei',Tahoma,"\5b8b\4f53",Arial,Helvetica,sans-serif;
}

a,
li {
	transition: all 0.3s ease-in-out;
	/* Firefox 4 */
	-moz-transition: all 0.3s ease-in-out;
	/* Safari & Chrome */
	-webkit-transition: all 0.3s ease-in-out;
	/* Opera */
	-o-transition: all 0.3s ease-in-out;
}

a:hover {
	text-decoration: none;
}

.hidden {
	display: none;
}

/* icons */
.icon-diamond {
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 9px;
	height: 8px;
	background: url(../../img2/icon/icon-diamond.png) no-repeat;
}

/* jquery icons */
.ui-icon-caret-1-s {
	background-position: -65px 0;
}

/* Font color */
.c-red {
	color: red !important;
}

.c-white {
	color: white !important;
}

/* float*/
.fl {
	float: left;
}

.fr {
	float: right;
}

/* width */

.w-200 {
	width: 200px !important;
}

.w-500 {
	width: 500px !important;
}


/* height */

.h-10 {
	height: 10px !important;
}

.h-20 {
	height: 20px !important;
}


/* margin */
.mr-0 {
	margin-right: 0 !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.ml-100 {
	margin-left: 100px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-22 {
	margin-top: 22px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-18 {
	margin-bottom: 18px !important;
}
.mb-30{ margin-bottom: 30px !important;}
.mb-20 {
	margin-bottom: 20px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}


/* padding */
.pt-40 {
	padding-top: 40px !important;
}

.pt-80 {
	padding-top: 80px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

/* jquery hack */
.ui-state-focus, .ui-widget-content .ui-state-focus {
	background: #3ba354 !important;
	color: #fff !important;
}