@charset "utf-8";
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
body,html {width: 100%;height: 100%;}
ol,ul,li {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

*{box-sizing: border-box; margin:0;padding:0;}
html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;vertical-align:middle;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,input[type="button"]:focus,input[type="submit"]:focus{outline:none;}
img{border:0;vertical-align: middle; max-width: 100%;}
svg{fill: currentColor;}

.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.rela{position:relative;}.abso{position:absolute;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;color:#333;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_5,.hr_10,.hr_15,.hr_20,.hr_30{font-size:1px;line-height:1px;clear:both;_overflow:hidden;}
.hr_1{height:1px;}.hr_5{height:5px;}.hr_10{height:10px;}.hr_15{height:15px;}.hr_20{height:20px;}.hr_30{height:30px;}


/*布局
*col_a_		模块宽度 a<768px	b≥768px		c≥992px		d≥1200px
*col_a_l_	模块偏移
*
*/
.box, .box_big {padding-right:15px; padding-left:15px; margin-right: auto; margin-left: auto;}
.row {margin-right: -15px; margin-left: -15px;}
.col_a_1, .col_a_2, .col_a_3, .col_a_4, .col_a_5, .col_a_6, .col_a_7, .col_a_8, .col_a_9, .col_a_10, .col_a_11, .col_a_12,
.col_b_1, .col_b_2, .col_b_3, .col_b_4, .col_b_5, .col_b_6, .col_b_7, .col_b_8, .col_b_9, .col_b_10, .col_b_11, .col_b_12,
.col_c_1, .col_c_2, .col_c_3, .col_c_4, .col_c_5, .col_c_6, .col_c_7, .col_c_8, .col_c_9, .col_c_10, .col_c_11, .col_c_12,
.col_d_1, .col_d_2, .col_d_3, .col_d_4, .col_d_5, .col_d_6, .col_d_7, .col_d_8, .col_d_9, .col_d_10, .col_d_11, .col_d_12
 { float: left;  position: relative;min-height: 1px; padding-right: 15px;padding-left:15px;}
.col_a_12 {width: 100%;}			.col_a_l_12 {left: 100%;}			.col_a_r_12 {right: 100%;}
.col_a_11 {width: 91.66666667%;}	.col_a_l_11 {left: 91.66666667%;}	.col_a_r_11 {right: 91.66666667%;}
.col_a_10 {width: 83.33333333%;}	.col_a_l_10 {left: 83.33333333%;}	.col_a_r_10 {right: 83.33333333%;}
.col_a_9  {width: 75%; }			.col_a_l_9  {left: 75%;}			.col_a_r_9  {right: 75%;}
.col_a_8  {width: 66.66666667%;}	.col_a_l_8  {left: 66.66666667%;}	.col_a_r_8  {right: 66.66666667%;}
.col_a_7  {width: 58.33333333%;}	.col_a_l_7  {left: 58.33333333%;}	.col_a_r_7  {right: 58.33333333%;}
.col_a_6  {width: 50%;}				.col_a_l_6  {left: 50%;}			.col_a_r_6  {right: 50%;}
.col_a_5  {width: 41.66666667%;}	.col_a_l_5  {left: 41.66666667%;}	.col_a_r_5  {right: 41.66666667%;}
.col_a_4  {width: 33.33333333%;}	.col_a_l_4  {left: 33.33333333%;}	.col_a_r_4  {right: 33.33333333%;}
.col_a_3  {width: 25%;}				.col_a_l_3  {left: 25%;}			.col_a_r_3  {right: 25%;}
.col_a_2  {width: 16.66666667%;}	.col_a_l_2  {left: 16.66666667%;}	.col_a_r_2  {right: 16.66666667%;}
.col_a_1  {width: 8.33333333%;}		.col_a_l_1  {left: 8.33333333%;}	.col_a_r_1  {right: 8.33333333%;}
.col_a_0  {width: 0px;}				.col_a_l_0  {left: 0px;}			.col_a_r_0  {right: 0px;}

@media (min-width:768px) {
.box {width: 750px}
.col_b_12 {width: 100%; }			.col_b_l_12 {left: 100%;}			.col_b_r_12 {right: 100%;}
.col_b_11 {width: 91.66666667%;}	.col_b_l_11 {left: 91.66666667%;}	.col_b_r_11 {right: 91.66666667%;}
.col_b_10 {width: 83.33333333%;}	.col_b_l_10 {left: 83.33333333%;}	.col_b_r_10 {right: 83.33333333%;}
.col_b_9  {width: 75%; }			.col_b_l_9  {left: 75%;}			.col_b_r_9  {right: 75%;}
.col_b_8  {width: 66.66666667%;}	.col_b_l_8  {left: 66.66666667%;}	.col_b_r_8  {right: 66.66666667%;}
.col_b_7  {width: 58.33333333%;}	.col_b_l_7  {left: 58.33333333%;}	.col_b_r_7  {right: 58.33333333%;}
.col_b_6  {width: 50%;}				.col_b_l_6  {left: 50%;}			.col_b_r_6  {right: 50%;}
.col_b_5  {width: 41.66666667%;}	.col_b_l_5  {left: 41.66666667%;}	.col_b_r_5  {right: 41.66666667%;}
.col_b_4  {width: 33.33333333%;}	.col_b_l_4  {left: 33.33333333%;}	.col_b_r_4  {right: 33.33333333%;}
.col_b_3  {width: 25%;}				.col_b_l_3  {left: 25%;}			.col_b_r_3  {right: 25%;}
.col_b_2  {width: 16.66666667%;}	.col_b_l_2  {left: 16.66666667%;}	.col_b_r_2  {right: 16.66666667%;}
.col_b_1  {width: 8.33333333%;}		.col_b_l_1  {left: 8.33333333%;}	.col_b_r_1  {right: 8.33333333%;}
.col_b_0  {width: 0px;}				.col_b_l_0  {left: 0px;}			.col_b_r_0  {right: 0px;}

}
@media (min-width:992px) {
.box {width: 970px}
.col_c_12 {width: 100%; }			.col_c_l_12 {left: 100%;}			.col_c_r_12 {right: 100%;}
.col_c_11 {width: 91.66666667%;}	.col_c_l_11 {left: 91.66666667%;}	.col_c_r_11 {right: 91.66666667%;}
.col_c_10 {width: 83.33333333%;}	.col_c_l_10 {left: 83.33333333%;}	.col_c_r_10 {right: 83.33333333%;}
.col_c_9  {width: 75%; }			.col_c_l_9  {left: 75%;}			.col_c_r_9  {right: 75%;}
.col_c_8  {width: 66.66666667%;}	.col_c_l_8  {left: 66.66666667%;}	.col_c_r_8  {right: 66.66666667%;}
.col_c_7  {width: 58.33333333%;}	.col_c_l_7  {left: 58.33333333%;}	.col_c_r_7  {right: 58.33333333%;}
.col_c_6  {width: 50%;}				.col_c_l_6  {left: 50%;}			.col_c_r_6  {right: 50%;}
.col_c_5  {width: 41.66666667%;}	.col_c_l_5  {left: 41.66666667%;}	.col_c_r_5  {right: 41.66666667%;}
.col_c_4  {width: 33.33333333%;}	.col_c_l_4  {left: 33.33333333%;}	.col_c_r_4  {right: 33.33333333%;}
.col_c_3  {width: 25%;}				.col_c_l_3  {left: 25%;}			.col_c_r_3  {right: 25%;}
.col_c_2  {width: 16.66666667%;}	.col_c_l_2  {left: 16.66666667%;}	.col_c_r_2  {right: 16.66666667%;}
.col_c_1  {width: 8.33333333%;}		.col_c_l_1  {left: 8.33333333%;}	.col_c_r_1  {right: 8.33333333%;}
.col_c_0  {width: 0px;}				.col_c_l_0  {left: 0px;}			.col_c_r_0  {right: 0px;}

}
/*@media (min-width:1200px) {
.box {width: 1170px}
.col_d_12 {width: 100%; }			.col_d_l_12 {left: 100%;}			.col_d_r_12 {right: 100%;}
.col_d_11 {width: 91.66666667%;}	.col_d_l_11 {left: 91.66666667%;}	.col_d_r_11 {right: 91.66666667%;}
.col_d_10 {width: 83.33333333%;}	.col_d_l_10 {left: 83.33333333%;}	.col_d_r_10 {right: 83.33333333%;}
.col_d_9  {width: 75%; }			.col_d_l_9  {left: 75%;}			.col_d_r_9  {right: 75%;}
.col_d_8  {width: 66.66666667%;}	.col_d_l_8  {left: 66.66666667%;}	.col_d_r_8  {right: 66.66666667%;}
.col_d_7  {width: 58.33333333%;}	.col_d_l_7  {left: 58.33333333%;}	.col_d_r_7  {right: 58.33333333%;}
.col_d_6  {width: 50%;}				.col_d_l_6  {left: 50%;}			.col_d_r_6  {right: 50%;}
.col_d_5  {width: 41.66666667%;}	.col_d_l_5  {left: 41.66666667%;}	.col_d_r_5  {right: 41.66666667%;}
.col_d_4  {width: 33.33333333%;}	.col_d_l_4  {left: 33.33333333%;}	.col_d_r_4  {right: 33.33333333%;}
.col_d_3  {width: 25%;}				.col_d_l_3  {left: 25%;}			.col_d_r_3  {right: 25%;}
.col_d_2  {width: 16.66666667%;}	.col_d_l_2  {left: 16.66666667%;}	.col_d_r_2  {right: 16.66666667%;}
.col_d_1  {width: 8.33333333%;}		.col_d_l_1  {left: 8.33333333%;}	.col_d_r_1  {right: 8.33333333%;}
.col_d_0  {width: 0px;}				.col_d_l_0  {left: 0px;}			.col_d_r_0  {right: 0px;}

}*/

/*按钮
*btn-style:		六种主题; 橘红red,橙色orange,绿色green,蓝色blue,藏青cyan
*btn-size:		四种尺寸; xs,sm,md,lg
*btn-radius		圆角; border-radius
*btn-block:		块级;
*btn-group:		群组;
*/
.btn{ border-radius:4px; border: 1px solid #999; color: #999; padding:5px 20px; margin-right: 5px; font-size: 14px; background: none; display: inline-block; cursor: pointer;}
.btn_radius{ border-radius:100px; }
.btn_block { display: block; width: 100%; margin-bottom: 5px;text-align: center;}
.btn_red,	.btn_red:hover   {color:#fff; background:#ff5722;border:1px solid #ff5722;}	.btn_red:hover   { background:#f00;border:1px solid #f00;}
.btn_orange,.btn_orange:hover{color:#fff; background:#ffb800;border:1px solid #ffb800;}	.btn_orange:hover{ background:#f60;border:1px solid #f60;}
.btn_green,	.btn_green:hover {color:#fff; background:#009688;border:1px solid #009688;}	.btn_green:hover { background:#066;border:1px solid #066;}
.btn_blue,	.btn_blue:hover  {color:#fff; background:#01aaed;border:1px solid #01aaed;}	.btn_blue:hover  { background:#069;border:1px solid #069;}
.btn_cyan,	.btn_cyan:hover  {color:#fff; background:#2f4056;border:1px solid #2f4056;}	.btn_cyan:hover  { background:#333;border:1px solid #333;}
.btn_xs{padding: 0px 5px; font-size: 12px;}
.btn_sm{padding: 4px 10px; font-size: 12px;}
.btn_lg{padding: 12px 30px; font-size: 16px;}
.btn_group{display: inline-table; vertical-align:middle;}
.btn_group > .btn {margin:0 0 0 -1px;float: left;}
.btn_group > .btn:not(:first-child):not(:last-child){border-radius: 0;}
.btn_group > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0;}
.btn_group > .btn:last-child:not(:first-child) { border-top-left-radius: 0;  border-bottom-left-radius: 0;}

/*字体颜色  背景*/
.c_fff	 { color: #fff; } 		.bg_fff		{ background:#fff; color: #333;}
.c_gray	 { color: #ccc; }    	.bg_gray	{ background:#ccc; color: #333;}
.c_red	 { color: #f00; }    	.bg_red		{ background:#f00; color: #fff;}
.c_orange{ color: #f90; }    	.bg_orange	{ background:#f90; color: #fff;}
.c_green { color: #060; }    	.bg_green	{ background:#060; color: #fff;}
.c_blue  { color: #069; }    	.bg_blue	{ background:#069; color: #fff;}
.c_cyan  { color: #2f4056; }    .bg_cyan	{ background:#2f4056; color: #fff;}

/*徽章*/
.badge{ padding: 1px 5px; border-radius: 4px; font-size: 12px; margin: 0 1px; display: inline;}
.badge_dot{ width: 8px; height: 8px; border-radius: 50%;}

/*表格
*table-style:	四种主题：带边框表格，行边框表格line，列边框表格row，无边框表格nob；
*table-size:	表格高度:sm,lg;	
*/

.table{width:100%; border-top:1px solid #ccc;border-right:1px solid #ccc;}
.table .head,   .table_line .head,   .table_row .head,   .table_nob .head   { background:#f8f8f8;}
.table tr:hover,.table_line tr:hover,.table_row tr:hover,.table_nob tr:hover{ background:#f0f0f0;}
.table td{border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:5px 10px;}
.table_line td:not(:first-child){border-left:none; }
.table_row td{border-bottom:none; }
.table_row {border-bottom:1px solid #ccc;}
.table_nob,.table_nob td{ border:none; }
.table_nob tr:nth-child(2n-1){ background: #f8f8f8; }
.table_nob tr:nth-child(2n-1):hover{ background: #f0f0f0; }
.table_sm td{padding:10px;}
.table_lg td{padding:15px 10px;}




@media (max-width:1200px) {

}
@media (max-width:992px) {


}
@media (max-width:768px) {


	
}