@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;}
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%;}

/*布局
*col_a_		模块宽度 a<768px	b≥768px		c≥992px		d≥1200px
*/
.box, .box_big, .box_header {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%;}

@media (min-width:768px) {
.box, .box_header {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%;}

}
@media (min-width:992px) {
.box, .box_header {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%;}

}
@media (min-width:1200px) {
.box, .box_header {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%;}
}
@media (min-width:1400px) {
.box_header {width: 1370px;}
}

/*按钮
*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 #ccc; padding:8px 20px; margin: 0 4px;color: #000; font-size: 14px; display: inline-block; cursor: pointer;}
.btn:hover{ color: #23b7e5;}
.btn_radius{ border-radius:100px; }
.btn_block { display: block; width: 100%; margin-bottom: 5px;}
.btn_red,	.btn_red:hover   {color:#fff; background:#f00;border:1px solid #ff5722;}	.btn_red:hover   { background:#f60;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:#45b035;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 3px; 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; }
.c_gray	 { color: #ccc; }
.c_red	 { color: #f00; }
.c_orange{ color: #f90; }
.c_green { color: #060; }
.c_blue  { color: #069; }
.c_cyan  { color: #2f4056; }

/*表格
*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;}