@charset "utf-8";
/*--------------------------------------------------------------------------------------------------------------------

--css     grid.min.css是响应式24栅格框架系统，集成了【flex布局】与【Boostrap布局】方式，适用于主流浏览器，IE9及以上的浏览器
--by      市场部 Sivan 2016-11-18  
--update  v.2021-01-15（优化若干）
--24栅格，基本的栅格，去除了不常用偏移
--注意,使用双单位px rem需要了解机制：100px=1rem
--文件大小 15 Kb 左右

--24栅格等分，适用于分组较多，比较12栅格更能精确；
--主流分辨率：1920px、1440px、1366px（优先考虑），当前以1440px为内容宽度.con(container) 基准；

---栅格基本数据--------------------------------------


--设计最终是为了前端实现，因此从前端推导栅格参数更为科学。

--PC端为例，1440px等分成24个栅格
--每个栅格1/24 = 60px
--原子单位(步进单位)：8px 栅格系统的原子单位；

--1栏宽：36px 
--1槽宽（Gutter width）：24px （相邻两栏的距离,可以等分一个栏的左右每边12px，也可以只在一边24px，前端实现翻译为内边距padding）

--1列宽（Column） = 1栏宽+1槽宽（Guitter）：36+24 = 60px  (1列宽=1栏宽+1槽宽)
--1列宽占24列的百分比=1/24（共24列，占1列）= 4.166667%  （对应的前端代码是是：.c_md_1  { width: 4.166667% }）

--列宽（Col-x）步进单位：60px； 
--col-1  0.04166667   60px ；
--col-2  0.125        120px ；
--内容宽度（Container)=1440px = 60px * 24 
--内容宽度（Container）= 24列 * 60px = 36px栏宽 * 24 + 24px槽宽*24 = 1440px 

--典型HTML结构--------------------------------------

<div calss="con">
<div class="row">
<div class="c_xs_24 c_sm_12 c_md_10 c_lg_6">c_lg_6</div>
<div class="c_xs_24 c_sm_12 c_md_14 c_lg_18">c_lg_18</div>
</div>
</div>

说明：.con(container) 控制内容宽度。PC端为1440px,.row带有最有负边距，用于抵消子内部div的内边距
注意：c_xs24控制移动端，c_md_12控制992一下的屏幕，可以理解为平板，c_lg_12控制PC端，上下对应的数字之和需要等于24，
如 c_lg_6  c_lg_18，意为左右分栏前占6份（PC端下换算等于1440 * 0.6 = 360 px），后面占18份，PC端下换算等于1440 * 0.75 = 1080 px）


c_xs_x：超小屏幕（手机，小于 768px），con宽度自动

c_sm_x：小屏幕，（平板，大于等于 768px），con宽度750px

c_md_x：中等屏幕（桌面显示器，大于等于 992px）），con宽度970px

c_md_x：大屏幕（大桌面显示器，大于等于 1200px），con宽度1170px

--字体层级--------------------------------------

--h1:48 px
--h2:36 px
--h3:30 px
--h4:24 px
--h4:24 px
--h5:18 px 
--h6:16 px
--p:14 px
--p:12 px

(与PS字体大小层级一致)

---------------------------------------------------------------------------------------------------------------------*/
/*-骨架屏-*/
.skeleton:empty{    
background: linear-gradient(118deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
background-size: auto;
opacity: 1;
border-radius: 4px;
-webkit-animation: skeleton 1.5s ease infinite !important;
animation: skeleton 1.5s ease infinite !important;
background-size: 400% 100% !important;
}
@-webkit-keyframes skeleton {
 0% {
  background-position:100% 50%
 }
 100% {
  background-position:0 50%
 }
}

@keyframes skeleton {
 0% {
  background-position:100% 50%
 }
 100% {
  background-position:0 50%
 }
}


/*-重定义浏览器默认样式-*/
div, dl, dt, dd, ul, ol, li, form, table, tbody, tr, th, td, em, input, img,p,span,i {
margin: 0;
padding: 0;
border: 0
}

body {
    margin: 0;
    padding: 0; 
    border: none;
   	font: 14px/1.5  "DIN","bigcat",Helvetica,Arial,Microsoft Yahei,sans-serif;
    color: #2b303b;
    background-color: #FFF;
    /*! min-width: 240px; */
    max-width: 2560px;
    max-width: 25.60rem;
    margin: 0 auto;
    word-wrap: break-word;
}
.bui-icon, address, cite, dfn, em, i, var {
    font-style: normal;
}
button,
input,
select,
textarea {
 border:1px solid #ccc;
 border-radius:3px;
 font-family:inherit;

}
button,
input {
 line-height:normal
}
textarea {
 font-size:100%;
 overflow:auto;
 vertical-align:top
}
input[type=checkbox],
input[type=radio],
input[type=file],
input[type=hidden],
input[type=image],
input[type=color] {
 border:0;
 border-radius:0;
 margin-right:6px;   
}

.mask{
overflow:hidden;
}
.mask:after{
content: "";
width: 100%;
height: 100%;
margin: auto;
position: absolute;
z-index: 1;
top:0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}

a {
	cursor: pointer;
	color: #ecedee;
	text-decoration: none 
}
a:active, a:focus {
outline: 0;
text-decoration: none
}
a:active, a:focus {
outline: 0
}
a:hover {
text-decoration: none
}

a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}

.radio,.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 5px;
}


ul, ol, li {
list-style: none
}
em, i {
font-style: normal
}
ul, ol {
list-style: none
}

.clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .row::after, .row::before {
content: " ";
display: table;

}

.clearfix::after, .clearfix::before {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
*zoom:1
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }


/*-基础样式样式-*/
figure { margin: 0 }
table { background-color: transparent }
caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left }
table { width: 100%; max-width: 100%; border-spacing: 0;
border-collapse: collapse; }
td,th { padding: 0;}
img { vertical-align: middle; }
.img_r { display: block; max-width: 100%; height: auto;color: transparent; }
.center_b {display: block; margin-left: auto;margin-right: auto;}
.img_radius{ border-radius: 6px }
.img_thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto }
.img_circle { border-radius: 50% }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee }

.sr_only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0 }
.s_only_focusable:active, .sr_only_focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto }
[role=button] { cursor: pointer }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit; font-weight: 700; line-height: 1.1; color: inherit ;margin:0;padding:0;}
.h1, h1 { font-size: 48px }
.h2, h2 { font-size: 36px }
.h3, h3 { font-size: 30px }
.h4, h4 { font-size: 24px }
.h5, h5 { font-size: 18px }
.h6, h6 { font-size: 16px }
p { font-size: 14px;  }
p .small{ font-size: 14px;  }
.small, small { font-size: 12px }
.mark, mark { padding: .2rem; background-color: #fcf8e3 }

.text_l { text-align: left }
.text_r { text-align: right }
.text_c { text-align: center}
.text_j { text-align: justify }
.text_n { white-space: nowrap }
.text_l { text-transform: lowercase }
.text_u { text-transform: uppercase }


a.text_primary:hover { color: #286090 }
.text_success { color: #3c763d }
a.text_success:hover { color: #2b542c }
.text_info { color: #31708f }
a.text_info:hover { color: #245269 }
.text_warning { color: #8a6d3b }
a.text_warning:hover { color: #66512c }
.text_danger { color: #a94442 }
a.text_danger:hover { color: #843534 }
.bg_primary { color: #fff; background-color: #337ab7 }
a.bg_primary:hover { background-color: #286090 }
.bg_success { background-color: #dff0d8 }
a.bg_success:hover { background-color: #c1e2b3 }
.bg_info { background-color: #d9edf7 }
a.bg_info:hover { background-color: #afd9ee }
.bg_warning { background-color: #fcf8e3 }
a.bg_warning:hover { background-color: #f7ecb5 }
.bg_danger { background-color: #f2dede }
a.bg_danger:hover { background-color: #e4b9b9 }
.page_header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee }

.p_0{
    padding: 0 !important;
}

.pt_0 {
    padding-top: 0 !important;
}

.pt_8 {
    padding-top: 0.08rem !important;
}

.pt_16 {
    padding-top: 0.16rem !important;
}

.pt_24 {
    padding-top: 0.24rem !important;
}

.pt_32 {
    padding-top: 0.32rem !important;
}

.pt_40 {
    padding-top: 0.4rem !important;
}

.pt_56 {
    padding-top: 0.56rem !important;
}
.pt_64 {
    padding-top: 0.64rem !important;
}
.pt_72 {
    padding-top: 0.72rem !important;
}
.pt_88{
    padding-top: 0.88rem !important;
}

.pt_96{
    padding-top: 0.96rem !important;
}
.pt_104{
    padding-top: 1.04rem !important;
}
.pt_112{
    padding-top: 1.12rem !important;
}
.pt_120{
    padding-top: 1.2rem !important;
}
.pt_160{
    padding-top: 1.6rem !important;
}
.pt_240{
    padding-top: 2.4rem !important;
}
.pt_320{
    padding-top: 3.2rem !important;
}


.pb_0 {
    padding-bottom: 0 !important;
}

.pb_8 {
    padding-bottom: 0.08rem !important;
}

.pb_16 {
    padding-bottom: 0.16rem !important;
}

.pb_24 {
    padding-bottom: 0.24rem !important;
}

.pb_32 {
    padding-bottom: 0.32rem !important;
}

.pb_40 {
    padding-bottom: 0.4rem !important;
}

.pb_56 {
    padding-bottom: 0.56rem !important;
}
.pb_64 {
    padding-bottom: 0.64rem !important;
}
.pb_72 {
    padding-bottom: 0.72rem !important;
}
.pb_88{
    padding-bottom: 0.88rem !important;
}

.pb_96{
    padding-bottom: 0.96rem !important;
}
.pb_104{
    padding-bottom: 1.04rem !important;
}
.pb_112{
    padding-bottom: 1.12rem !important;
}
.pb_120{
    padding-bottom: 1.2rem !important;
}
.pb_160{
    padding-bottom: 1.6rem !important;
}
.pb_240{
    padding-bottom: 2.4rem !important;
}
.pb_320{
    padding-bottom: 3.2rem !important;
}


.m_0{
    margin: 0 !important;
}
.mt_0 {
    margin-top: 0 !important;
}

.mt_8 {
    margin-top: 0.08rem !important;
}

.mt_16 {
    margin-top: 0.16rem !important;
}

.mt_24{
    margin-top: 0.24rem !important;
}

.mt_32 {
    margin-top: 0.32rem !important;
}

.mt_40{
    margin-top: 0.4rem !important;
}

.mt_56 {
    margin-top: 0.56rem !important;
}
.mt_64 {
    margin-top: 0.64rem !important;
}
.mt_72 {
    margin-top: 0.72rem !important;
}
.mt_88{
    margin-top: 0.88rem !important;
}
.mt_96{
    margin-top: 0.96rem !important;
}
.mt_104{
    margin-top: 1.04rem !important;
}
.mt_112{
    margin-top: 1.12rem !important;
}
.mt_120{
    margin-top: 1.2rem !important;
}
.mt_160{
    margin-top: 1.6rem !important;
}
.mt_240{
    margin-top: 2.4rem !important;
}
.mt_320{
    margin-top: 3.2rem !important;
}


.mb_0 {
    margin-bottom: 0 !important;
}

.mb_8 {
    margin-bottom: 0.08rem !important;
}

.mb_16 {
    margin-bottom: 0.16rem !important;
}

.mb_24{
    margin-bottom: 0.24rem !important;
}

.mb_32 {
    margin-bottom: 0.32rem !important;
}

.mb_40{
    margin-bottom: 0.4rem !important;
}

.mb_56 {
    margin-bottom: 0.56rem !important;
}
.mb_64 {
    margin-bottom: 0.64rem !important;
}
.mb_72 {
    margin-bottom: 0.72rem !important;
}
.mb_88{
    margin-bottom: 0.88rem !important;
}

.mb_96{
    margin-bottom: 0.96rem !important;
}
.mb_104{
    margin-bottom: 1.04rem !important;
}
.mb_112{
    margin-bottom: 1.12rem !important;
}
.mb_120{
    margin-bottom: 1.2rem !important;
}
.mb_160{
    margin-bottom: 1.6rem !important;
}
.mb_240{
    margin-bottom: 2.4rem !important;
}
.mb_320{
    margin-bottom: 3.2rem !important;
}





.container{ margin-right: auto; margin-left: auto; 
	padding-left: 16px; 
	padding-right: 16px;
	padding-left: 0.16rem;
	padding-right: 0.16rem }
.con{ margin-right: auto; margin-left: auto; 
	padding-left: 16px; 
	padding-right: 16px;
	padding-left: 0.16rem;
	padding-right: 0.16rem }
/*内容宽度*/
/*加快开发效率做的取舍的取舍，移动端端内容宽度统一设置为100%*/




@media (max-width:992px) {
.container { width:100% }
}

@media (min-width:992px) {
.container { width: 970px }
}

@media (min-width:1200px) {
.container { width: 1200px }
}

@media (min-width:1400px) {
.container { width: 1400px }
}

@media (min-width:1600px) {
.container { width: 1440px }
}


@media (min-width:1920px) {
.con { width:1440px; }
}



@media (max-width:992px) {
.con { width:100% }
}

@media (min-width:992px) {
.con { width: 970px }
}

@media (min-width:1200px) {
.con { /*! width: 1200px; */ }
}

@media (min-width:1400px) {
.con { width: 1400px }
}

@media (min-width:1600px) {
.con { width: 1440px }
}


@media (min-width:1920px) {
.con { width:1440px; }
}


.con_f { margin-right: auto; margin-left: auto;
	padding-left: 16px; 
	padding-right: 16px;
	padding-left: 0.16rem; 
	padding-right: 0.16rem}

.row { 
    /*! display: flex; */
    /*! flex-wrap: wrap; */

	margin-left: -16px;
	margin-right: -16px;
	margin-left: -0.16rem; 
	margin-right: -0.16rem;	
}
.align_s_c{
    -webkit-align-self: center;
     -moz-align-self: center;
    align-self: center;
    }
.pull_l {
float: left !important;
}
.pull_r {
float: right !important;
} 
.pull_c {
display: block;
margin-right: auto;
margin-left: auto;
}
.c_lg_1,
.c_lg_10,
.c_lg_11, 
.c_lg_12,
.c_lg_2, 
.c_lg_3, 
.c_lg_4, 
.c_lg_5, 
.c_lg_6, 
.c_lg_7, 
.c_lg_8, 
.c_lg_9,
.c_lg_10,
.c_lg_11,
.c_lg_12,
.c_lg_13,
.c_lg_14,
.c_lg_15, 
.c_lg_16,
.c_lg_17,
.c_lg_18,
.c_lg_19,
.c_lg_20,
.c_lg_21,
.c_lg_22,
.c_lg_23,
.c_lg_24,

.c_md_1, 
.c_md_10, 
.c_md_11, 
.c_md_12, 
.c_md_2,
.c_md_3,
.c_md_4, 
.c_md_5,
.c_md_6,
.c_md_7,
.c_md_8, 
.c_md_9,
.c_sm_1, 
.c_sm_10, 
.c_sm_11,
.c_sm_12, 
.c_sm_13, 
.c_sm_14, 
.c_sm_15, 
.c_sm_16, 
.c_sm_17, 
.c_sm_18, 
.c_sm_19, 
.c_sm_19, 
.c_sm_20, 
.c_sm_21, 
.c_sm_22, 
.c_sm_23, 
.c_sm_24, 


.c_sm_2, 
.c_sm_3, 
.c_sm_4, 
.c_sm_5,
.c_sm_6, 
.c_sm_7, 
.c_sm_8, 
.c_sm_9, 
.c_xs_1, 
.c_xs_10,
.c_xs_11,
.c_xs_12,
.c_xs_2, 
.c_xs_3, 
.c_xs_4, 
.c_xs_5, 
.c_xs_6, 
.c_xs_7, 
.c_xs_8, 
.c_xs_9,
.c_xs_10,
.c_xs_11,
.c_xs_12,
.c_xs_13,
.c_xs_14,
.c_xs_15,
.c_xs_16,
.c_xs_17,
.c_xs_18,
.c_xs_19,
.c_xs_20,
.c_xs_21,
.c_xs_22,
.c_xs_23,
.c_xs_24
{ 
position: relative;  
float: left;
min-height: 1px; 
padding-left: 16px; 
padding-right: 16px;
padding-left: 0.16rem; 
padding-right: 0.16rem;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

.c_xs_24 { 
	flex: 0 0 100%;
	width: 100%;
}
.c_xs_23 { 
	flex: 0 0 95.833333%;
	width: 95.833333%;
}
.c_xs_22 { 
	flex:0 0 91.666667%;
	width: 91.666667%;
}
.c_xs_21 {
	flex:0 0 87.5%; 
	width: 87.5%; 
}
.c_xs_20 { 
	flex:0 0 83.333333%;
	width: 83.333333% 
}
.c_xs_19 { 
	flex:0 0 79.166667%; 
	width: 79.166667%; 
}
.c_xs_18 { 
	flex: 75%; 
	width: 75%;
}
.c_xs_17 { 
	flex:0 0 70.833333%;
	width: 70.833333%;
}
.c_xs_16 { 
	flex: 66.6666667%;
	width: 66.6666667%; 
}
.c_xs_15 { 
	flex: 62.4%; 
	width: 62.4%; 
}
.c_xs_14 { 
	flex: 58.333333%; 
	width: 58.333333%; 
}
.c_xs_13 {
	flex:0 0 54.166667%;
	width: 54.166667%;
}
.c_xs_12 { 
	flex:0 0 50%; 
	width: 50%; 
}
.c_xs_11 { 
	flex:0 0 45.833333%;
	width: 45.833333%;
}
.c_xs_10 { 
	flex:0 0 41.66667%;
	width: 41.66667%;
}
.c_xs_9  { 
	flex:0   37.5%;
	width: 37.5%; 
}
.c_xs_8  {
	flex:0 0 33.333333%;
	width: 33.333333%;
} 
.c_xs_7  { 
	flex:0 0 29.1666666%;
	width: 29.1666666%; 
} 
.c_xs_6  { 
	flex:0 0 25%; 
	width: 25%; 
}
.c_xs_5  { 
	flex:0 0 20.8333333%; 
	width: 20.8333333%; 
} 
.c_xs_4  { 
	flex:0 0 20.8333333%;
	width: 16.6666666%;
}
.c_xs_3  { 
	flex:0 0 20.8333333%;
	width: 12.5%; 
} 
.c_xs_2  {
	flex:0 0 8.33333333% ;
	width: 8.33333333%;
}
.c_xs_1  {
	flex:0 0 4.166667%;
	width: 4.166667%;
}

@media (min-width:768px) {
.c_sm_24 { 
	flex: 0 0 100%;
	width: 100%;
}
.c_sm_23 { 
	flex: 0 0 95.833333%;
	width: 95.833333%;
}
.c_sm_22 { 
	flex:0 0 91.666667%;
	width: 91.666667%;
}
.c_sm_21 {
	flex:0 0 87.5%; 
	width: 87.5%; 
}
.c_sm_20 { 
	flex:0 0 83.333333%;
	width: 83.333333% 
}
.c_sm_19 { 
	flex:0 0 79.166667%; 
	width: 79.166667%; 
}
.c_sm_18 { 
	flex: 75%; 
	width: 75%;
}
.c_sm_17 { 
	flex:0 0 70.833333%;
	width: 70.833333%;
}
.c_sm_16 { 
	flex: 66.6666667%;
	width: 66.6666667%; 
}
.c_sm_15 { 
	flex: 62.4%; 
	width: 62.4%; 
}
.c_sm_14 { 
	flex: 58.333333%; 
	width: 58.333333%; 
}
.c_sm_13 {
	flex:0 0 54.166667%;
	width: 54.166667%;
}
.c_sm_12 { 
	flex:0 0 50%; 
	width: 50%; 
}
.c_sm_11 { 
	flex:0 0 45.833333%;
	width: 45.833333%;
}
.c_sm_10 { 
	flex:0 0 41.66667%;
	width: 41.66667%;
}
.c_sm_9  { 
	flex:0   37.5%;
	width: 37.5%; 
}
.c_sm_8  {
	flex:0 0 33.333333%;
	width: 33.333333%;
} 
.c_sm_7  { 
	flex:0 0 29.1666666%;
	width: 29.1666666%; 
} 
.c_sm_6  { 
	flex:0 0 25%; 
	width: 25%; 
}
.c_sm_5  { 
	flex:0 0 20.8333333%; 
	width: 20.8333333%; 
} 
.c_sm_4  { 
	flex:0 0 20.8333333%;
	width: 16.6666666%;
}
.c_sm_3  { 
	flex:0 0 20.8333333%;
	width: 12.5%; 
} 
.c_sm_2  {
	flex:0 0 8.33333333% ;
	width: 8.33333333%;
}
.c_sm_1  {
	flex:0 0 4.166667%;
	width: 4.166667%;
}


}

@media (min-width:992px) {
.c_md_24 { 
	flex: 0 0 100%;
	width: 100%;
}
.c_md_23 { 
	flex: 0 0 95.833333%;
	width: 95.833333%;
}
.c_md_22 { 
	flex:0 0 91.666667%;
	width: 91.666667%;
}
.c_md_21 {
	flex:0 0 87.5%; 
	width: 87.5%; 
}
.c_md_20 { 
	flex:0 0 83.333333%;
	width: 83.333333% 
}
.c_md_19 { 
	flex:0 0 79.166667%; 
	width: 79.166667%; 
}
.c_md_18 { 
	flex: 75%; 
	width: 75%;
}
.c_md_17 { 
	flex:0 0 70.833333%;
	width: 70.833333%;
}
.c_md_16 { 
	flex: 66.6666667%;
	width: 66.6666667%; 
}
.c_md_15 { 
	flex: 62.4%; 
	width: 62.4%; 
}
.c_md_14 { 
	flex: 58.333333%; 
	width: 58.333333%; 
}
.c_md_13 {
	flex:0 0 54.166667%;
	width: 54.166667%;
}
.c_md_12 { 
	flex:0 0 50%; 
	width: 50%; 
}
.c_md_11 { 
	flex:0 0 45.833333%;
	width: 45.833333%;
}
.c_md_10 { 
	flex:0 0 41.66667%;
	width: 41.66667%;
}
.c_md_9  { 
	flex:0   37.5%;
	width: 37.5%; 
}
.c_md_8  {
	flex:0 0 33.333333%;
	width: 33.333333%;
} 
.c_md_7  { 
	flex:0 0 29.1666666%;
	width: 29.1666666%; 
} 
.c_md_6  { 
	flex:0 0 25%; 
	width: 25%; 
}
.c_md_5  { 
	flex:0 0 20.8333333%; 
	width: 20.8333333%; 
} 
.c_md_4  { 
	flex:0 0 20.8333333%;
	width: 16.6666666%;
}
.c_md_3  { 
	flex:0 0 20.8333333%;
	width: 12.5%; 
} 
.c_md_2  {
	flex:0 0 8.33333333% ;
	width: 8.33333333%;
}
.c_md_1  {
	flex:0 0 4.166667%;
	width: 4.166667%;
}

}

@media (min-width:1600px) {
.c_lg_24 { 
	flex: 0 0 100%;
	width: 100%;
}
.c_lg_23 { 
	flex: 0 0 95.833333%;
	width: 95.833333%;
}
.c_lg_22 { 
	flex:0 0 91.666667%;
	width: 91.666667%;
}
.c_lg_21 {
	flex:0 0 87.5%; 
	width: 87.5%; 
}
.c_lg_20 { 
	flex:0 0 83.333333%;
	width: 83.333333% 
}
.c_lg_19 { 
	flex:0 0 79.166667%; 
	width: 79.166667%; 
}
.c_lg_18 { 
	flex: 75%; 
	width: 75%;
}
.c_lg_17 { 
	flex:0 0 70.833333%;
	width: 70.833333%;
}
.c_lg_16 { 
	flex: 66.6666667%;
	width: 66.6666667%; 
}
.c_lg_15 { 
	flex: 62.4%; 
	width: 62.4%; 
}
.c_lg_14 { 
	flex: 58.333333%; 
	width: 58.333333%; 
}
.c_lg_13 {
	flex:0 0 54.166667%;
	width: 54.166667%;
}
.c_lg_12 { 
	flex:0 0 50%; 
	width: 50%; 
}
.c_lg_11 { 
	flex:0 0 45.833333%;
	width: 45.833333%;
}
.c_lg_10 { 
	flex:0 0 41.66667%;
	width: 41.66667%;
}
.c_lg_9  { 
	flex:0   37.5%;
	width: 37.5%; 
}
.c_lg_8  {
	flex:0 0 33.333333%;
	width: 33.333333%;
} 
.c_lg_7  { 
	flex:0 0 29.1666666%;
	width: 29.1666666%; 
} 
.c_lg_6  { 
	flex:0 0 25%; 
	width: 25%; 
}
.c_lg_5  { 
	flex:0 0 20.8333333%; 
	width: 20.8333333%; 
} 
.c_lg_4  { 
	flex:0 0 20.8333333%;
	width: 16.6666666%;
}
.c_lg_3  { 
	flex:0 0 20.8333333%;
	width: 12.5%; 
} 
.c_lg_2  {
	flex:0 0 8.33333333% ;
	width: 8.33333333%;
}
.c_lg_1  {
	flex:0 0 4.166667%;
	width: 4.166667%;
}

}