/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}
.clear{clear: both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}/* Hides from IE-mac \*/
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-25{padding-bottom: 25%;}
.rect-29{padding-bottom: 29%;}
.rect-458{padding-bottom: 45.8%}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-66{padding-bottom: 66%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rect-116 {padding-bottom: 116%;}
.rect-150{padding-bottom: 150%;}
.rect-160{padding-bottom: 160%;}
.col-md-6 { width: 47%;float: left;}

/* 图片点击遮罩放大 */
.fs_gallery {background: rgba(0,0,0, 0.9);position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 100;}
.fs_gallery_close {position: absolute;top:120px;right:30px;width: 25px;height: 25px;color: #ccc;font-size:40px;line-height: 23px;text-align: center;cursor: pointer;z-index: 102;}
.fs_gallery_close:before {content: "×";}
.fs_gallery_close:hover {color: #fff;}
.fs_gallery_prev, .fs_gallery_next {position: absolute;width: 80px;color: #ccc;font-size: 30px;cursor: pointer;z-index: 101;}
.fs_gallery_prev:hover, .fs_gallery_next:hover {background: rgba(0,0,0, 0.1);color: #fff;}
.fs_gallery_prev {left: 0;top: 0;bottom: 0;font-size: 150px;}
.fs_gallery_next {right: 0;top: 0;bottom: 0;font-size: 150px;}
.fs_gallery_prev:before {content: "‹";position: absolute;height: 30px;top: 40%;left: 35px;}
.fs_gallery_next:before {content: "›";position: absolute;height: 30px;top: 40%;right: 35px;}
.fs_gallery_shuft {position: relative;width: 9999999px;}
.fs_gallery_shuft:after {clear: both;content: "";display: block;}
.fs_gallery_shuft_item {float: left;position: relative;}
.fs_gallery_shuft_item img {box-shadow: 0 0 8px rgba(0,0,0, 0.6);position: absolute;top: 50%;left: 50%;}

/* table */
.table { width: 100%; max-width: 100%; margin-bottom: 20px;}
.table >thead >tr >th, .table >tbody >tr >th, .table >tfoot >tr >th, .table >thead >tr >td, .table >tbody >tr >td, .table >tfoot >tr >td { line-height: 1.42857143; padding: 8px; vertical-align: inherit; border-top: 1px solid #ddd;}
.table >thead >tr >th { vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table >caption +thead >tr:first-child >th, .table >colgroup +thead >tr:first-child >th, .table >thead:first-child >tr:first-child >th, .table >caption +thead >tr:first-child >td, .table >colgroup +thead >tr:first-child >td, .table >thead:first-child >tr:first-child >td { border-top: 0;}
.table >tbody +tbody { border-top: 2px solid #ddd;}
.table .table { background-color: #fff;}
.table-condensed >thead >tr >th, .table-condensed >tbody >tr >th, .table-condensed >tfoot >tr >th, .table-condensed >thead >tr >td, .table-condensed >tbody >tr >td, .table-condensed >tfoot >tr >td { padding: 5px;}
.table-bordered { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >tbody >tr >th, .table-bordered >tfoot >tr >th, .table-bordered >thead >tr >td, .table-bordered >tbody >tr >td, .table-bordered >tfoot >tr >td { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >thead >tr >td { border-bottom-width: 2px;}
.table-striped >tbody >tr:nth-of-type(odd) { background-color: #f9f9f9;}
.table-hover >tbody >tr:hover { background-color: #f5f5f5;}
table col[class*='col-'] { position: static; display: table-column; float: none;}
table td[class*='col-'], table th[class*='col-'] { position: static; display: table-cell; float: none;}
.table >thead >tr >td.active, .table >tbody >tr >td.active, .table >tfoot >tr >td.active, .table >thead >tr >th.active, .table >tbody >tr >th.active, .table >tfoot >tr >th.active, .table >thead >tr.active >td, .table >tbody >tr.active >td, .table >tfoot >tr.active >td, .table >thead >tr.active >th, .table >tbody >tr.active >th, .table >tfoot >tr.active >th { background-color: #f5f5f5;}
.table-hover >tbody >tr >td.active:hover, .table-hover >tbody >tr >th.active:hover, .table-hover >tbody >tr.active:hover >td, .table-hover >tbody >tr:hover >.active, .table-hover >tbody >tr.active:hover >th { background-color: #e8e8e8;}
.table >thead >tr >td.success, .table >tbody >tr >td.success, .table >tfoot >tr >td.success, .table >thead >tr >th.success, .table >tbody >tr >th.success, .table >tfoot >tr >th.success, .table >thead >tr.success >td, .table >tbody >tr.success >td, .table >tfoot >tr.success >td, .table >thead >tr.success >th, .table >tbody >tr.success >th, .table >tfoot >tr.success >th { background-color: #dff0d8;}
.table-hover >tbody >tr >td.success:hover, .table-hover >tbody >tr >th.success:hover, .table-hover >tbody >tr.success:hover >td, .table-hover >tbody >tr:hover >.success, .table-hover >tbody >tr.success:hover >th { background-color: #d0e9c6;}
.table >thead >tr >td.info, .table >tbody >tr >td.info, .table >tfoot >tr >td.info, .table >thead >tr >th.info, .table >tbody >tr >th.info, .table >tfoot >tr >th.info, .table >thead >tr.info >td, .table >tbody >tr.info >td, .table >tfoot >tr.info >td, .table >thead >tr.info >th, .table >tbody >tr.info >th, .table >tfoot >tr.info >th { background-color: #d9edf7;}
.table-hover >tbody >tr >td.info:hover, .table-hover >tbody >tr >th.info:hover, .table-hover >tbody >tr.info:hover >td, .table-hover >tbody >tr:hover >.info, .table-hover >tbody >tr.info:hover >th { background-color: #c4e3f3;}
.table >thead >tr >td.warning, .table >tbody >tr >td.warning, .table >tfoot >tr >td.warning, .table >thead >tr >th.warning, .table >tbody >tr >th.warning, .table >tfoot >tr >th.warning, .table >thead >tr.warning >td, .table >tbody >tr.warning >td, .table >tfoot >tr.warning >td, .table >thead >tr.warning >th, .table >tbody >tr.warning >th, .table >tfoot >tr.warning >th { background-color: #fcf8e3;}
.table-hover >tbody >tr >td.warning:hover, .table-hover >tbody >tr >th.warning:hover, .table-hover >tbody >tr.warning:hover >td, .table-hover >tbody >tr:hover >.warning, .table-hover >tbody >tr.warning:hover >th { background-color: #faf2cc;}
.table >thead >tr >td.danger, .table >tbody >tr >td.danger, .table >tfoot >tr >td.danger, .table >thead >tr >th.danger, .table >tbody >tr >th.danger, .table >tfoot >tr >th.danger, .table >thead >tr.danger >td, .table >tbody >tr.danger >td, .table >tfoot >tr.danger >td, .table >thead >tr.danger >th, .table >tbody >tr.danger >th, .table >tfoot >tr.danger >th { background-color: #f2dede;}
.table-hover >tbody >tr >td.danger:hover, .table-hover >tbody >tr >th.danger:hover, .table-hover >tbody >tr.danger:hover >td, .table-hover >tbody >tr:hover >.danger, .table-hover >tbody >tr.danger:hover >th { background-color: #ebcccc;}
.table-responsive {overflow-x: auto; min-height: 0.01%; }
@media screen and (max-device-width: 767px) { 
    .table-responsive {overflow-y: hidden;  width: 100%; margin-bottom: 15px;-ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive >.table { margin: 0;}
    .table-responsive >.table >thead >tr >th, .table-responsive >.table >tbody >tr >th, .table-responsive >.table >tfoot >tr >th, .table-responsive >.table >thead >tr >td, .table-responsive >.table >tbody >tr >td, .table-responsive >.table >tfoot >tr >td { white-space: nowrap;}
    .table-responsive >.table-bordered { border: 0;}
    .table-responsive >.table-bordered >thead >tr >th:first-child, .table-responsive >.table-bordered >tbody >tr >th:first-child, .table-responsive >.table-bordered >tfoot >tr >th:first-child, .table-responsive >.table-bordered >thead >tr >td:first-child, .table-responsive >.table-bordered >tbody >tr >td:first-child, .table-responsive >.table-bordered >tfoot >tr >td:first-child { border-left: 0;}
    .table-responsive >.table-bordered >thead >tr >th:last-child, .table-responsive >.table-bordered >tbody >tr >th:last-child, .table-responsive >.table-bordered >tfoot >tr >th:last-child, .table-responsive >.table-bordered >thead >tr >td:last-child, .table-responsive >.table-bordered >tbody >tr >td:last-child, .table-responsive >.table-bordered >tfoot >tr >td:last-child { border-right: 0;}
    .table-responsive >.table-bordered >tbody >tr:last-child >th, .table-responsive >.table-bordered >tfoot >tr:last-child >th, .table-responsive >.table-bordered >tbody >tr:last-child >td, .table-responsive >.table-bordered >tfoot >tr:last-child >td { border-bottom: 0;}
}

/*12*/
.full-row,.row {transition: .2s width ease}
.full-row:after,.full-row:before,.row:after,.row:before { display: table;clear: both;content: ''}
.pull-left-1,.pull-left-10,.pull-left-11,.pull-left-12,.pull-left-13,.pull-left-14,.pull-left-15,.pull-left-16,.pull-left-17,.pull-left-18,.pull-left-19,.pull-left-2,.pull-left-20,.pull-left-21,.pull-left-22,.pull-left-23,.pull-left-3,.pull-left-4,.pull-left-5,.pull-left-6,.pull-left-7,.pull-left-8,.pull-left-9,.pull-right-1,.pull-right-10,.pull-right-11,.pull-right-12,.pull-right-13,.pull-right-14,.pull-right-15,.pull-right-16,.pull-right-17,.pull-right-18,.pull-right-19,.pull-right-2,.pull-right-20,.pull-right-21,.pull-right-22,.pull-right-23,.pull-right-24,.pull-right-3,.pull-right-4,.pull-right-5,.pull-right-6,.pull-right-7,.pull-right-8,.pull-right-9,.row>.center {position: relative}
.row {width: 102%;margin: 0;}
.row>[class*=span-] {float: left;margin-right: 2%}
.row>.span-1 {width: 6.33333333%}
.row>.span-2 {width: 14.66666667%}
.row>.span-3 {width: 23%}
.row>.span-4 {width: 31.33333333%}
.row>.span-5 {width: 39.66666667%}
.row>.span-6 {width: 48%}
.row>.span-7 {width: 56.33333333%}
.row>.span-8 {width: 64.66666667%}
.row>.span-9 {width: 73%}
.row>.span-10 {width: 81.33333333%}
.row>.span-11 {width: 89.66666667%}
.row>.span-12 {width: 98%}
.row>.span-13 {width: 106.33333333%}
.row>.span-14 {width: 114.66666667%}
.row>.span-15 {width: 123%}
.row>.span-16 {width: 131.33333333%}
.row>.span-17 {width: 139.66666667%}
.row>.span-18 {width: 148%}
.row>.span-19 {width: 156.33333333%}
.row>.span-20 {width: 164.66666667%}
.row>.span-21 {width: 173%}
.row>.span-22 {width: 181.33333333%}
.row>.span-23 {width: 189.66666667%}
.row>.span-24 {width: 198%}

.full-row {width: 100%}
.full-row>[class*=span] {float: left}
.full-row>.span-1 {width: 8.33333333%}
.full-row>.span-2 {width: 16.66666667%}
.full-row>.span-3 {width: 25%}
.full-row>.span-4 {width: 33.33333333%}
.full-row>.span-5 {width: 41.66666667%}
.full-row>.span-6 {width: 50%}
.full-row>.span-7 {width: 58.33333333%}
.full-row>.span-8 {width: 66.66666667%}
.full-row>.span-9 {width: 75%}
.full-row>.span-10 {width: 83.33333333%}
.full-row>.span-11 {width: 91.66666667%}
.full-row>.span-12 {width: 100%}
.full-row>.span-13 {width: 108.33333333%}
.full-row>.span-14 {width: 116.66666667%}
.full-row>.span-15 {width: 125%}
.full-row>.span-16 {width: 133.33333333%}
.full-row>.span-17 {width: 141.66666667%}
.full-row>.span-18 {width: 150%}
.full-row>.span-19 {width: 158.33333333%}
.full-row>.span-20 {width: 166.66666667%}
.full-row>.span-21 {width: 175%}
.full-row>.span-22 {width: 183.33333333%}
.full-row>.span-23 {width: 191.66666667%}
.full-row>.span-24 {width: 200%}
.full-row>.pull-right,.row>.pull-right {float: right}
.full-row>.center,.row>.center {display: block;float: none;clear: both;margin-right: auto;margin-left: auto}
.row>.center {left: -1%}
.pull-left-1 {left: -8.33333333%}
.pull-left-2 {left: -16.66666667%}
.pull-left-3 {left: -25%}
.pull-left-4 {left: -33.33333333%}
.pull-left-5 {left: -41.66666667%}
.pull-left-6 {left: -50%}
.pull-left-7 {left: -58.33333333%}
.pull-left-8 {left: -66.66666667%}
.pull-left-9 {left: -75%}
.pull-left-10 {left: -83.33333333%}
.pull-left-11 {left: -91.66666667%}
.pull-left-12 {left: -100%}
.pull-left-13 {left: -108.33333333%}
.pull-left-14 {left: -116.66666667%}
.pull-left-15 {left: -125%}
.pull-left-16 {left: -133.33333333%}
.pull-left-17 {left: -141.66666667%}
.pull-left-18 {left: -150%}
.pull-left-19 {left: -158.33333333%}
.pull-left-20 {left: -166.66666667%}
.pull-left-21 {left: -175%}
.pull-left-22 {left: -183.33333333%}
.pull-left-23 {left: -191.66666667%}
.pull-left-24 {position: relative;left: -200%}
.pull-right-1 {left: 8.33333333%}
.pull-right-2 {left: 16.66666667%}
.pull-right-3 {left: 25%}
.pull-right-4 {left: 33.33333333%}
.pull-right-5 {left: 41.66666667%}
.pull-right-6 {left: 50%}
.pull-right-7 {left: 58.33333333%}
.pull-right-8 {left: 66.66666667%}
.pull-right-9 {left: 75%}
.pull-right-10 {left: 83.33333333%}
.pull-right-11 {left: 91.66666667%}
.pull-right-12 {left: 100%}
.pull-right-13 {left: 108.33333333%}
.pull-right-14 {left: 116.66666667%}
.pull-right-15 {left: 125%}
.pull-right-16 {left: 133.33333333%}
.pull-right-17 {left: 141.66666667%}
.pull-right-18 {left: 150%}
.pull-right-19 {left: 158.33333333%}
.pull-right-20 {left: 166.66666667%}
.pull-right-21 {left: 175%}
.pull-right-22 {left: 183.33333333%}
.pull-right-23 {left: 191.66666667%}
.pull-right-24 {left: 200%}

@media only screen and (max-device-width:1024px) {
.row>.midd-1 {width: 6.33333333%}
.row>.midd-2 {width: 14.66666667%}
.row>.midd-3 {width: 23%}
.row>.midd-4 {width: 31.33333333%}
.row>.midd-5 {width: 39.66666667%}
.row>.midd-6 {width: 48%}
.row>.midd-7 {width: 56.33333333%}
.row>.midd-8 {width: 64.66666667%}
.row>.midd-9 {width: 73%}
.row>.midd-10 {width: 81.33333333%}
.row>.midd-11 {width: 89.66666667%}
.row>.midd-12 {width: 98%}
.row>.midd-13 {width: 106.33333333%}
.row>.midd-14 {width: 114.66666667%}
.row>.midd-15 {width: 123%}
.row>.midd-16 {width: 131.33333333%}
.row>.midd-17 {width: 139.66666667%}
.row>.midd-18 {width: 148%}
.row>.midd-19 {width: 156.33333333%}
.row>.midd-20 {width: 164.66666667%}
.row>.midd-21 {width: 173%}
.row>.midd-22 {width: 181.33333333%}
.row>.midd-23 {width: 189.66666667%}
.row>.midd-24 {width: 198%}

.midd-hide {display: none}
.midd-center {position: relative;left: -1%;display: block;float: none;clear: both;margin-right: auto;margin-left: auto}

.full-row>.midd-1 {width: 8.33333333%}
.full-row>.midd-2 {width: 16.66666667%}
.full-row>.midd-3 {width: 25%}
.full-row>.midd-4 {width: 33.33333333%}
.full-row>.midd-5 {width: 41.66666667%}
.full-row>.midd-6 {width: 50%}
.full-row>.midd-7 {width: 58.33333333%}
.full-row>.midd-8 {width: 66.66666667%}
.full-row>.midd-9 {width: 75%}
.full-row>.midd-10 {width: 83.33333333%}
.full-row>.midd-11 {width: 91.66666667%}
.full-row>.midd-12 {width: 100%}
.full-row>.midd-13 {width: 108.33333333%}
.full-row>.midd-14 {width: 116.66666667%}
.full-row>.midd-15 {width: 125%}
.full-row>.midd-16 {width: 133.33333333%}
.full-row>.midd-17 {width: 141.66666667%}
.full-row>.midd-18 {width: 150%}
.full-row>.midd-19 {width: 158.33333333%}
.full-row>.midd-20 {width: 166.66666667%}
.full-row>.midd-21 {width: 175%}
.full-row>.midd-22 {width: 183.33333333%}
.full-row>.midd-23 {width: 191.66666667%}
.full-row>.midd-24 {width: 200%}
}

@media only screen and (max-width:769px) {
.row>.smidd-1 {width: 6.33333333%}
.row>.smidd-2 {width: 14.66666667%}
.row>.smidd-3 {width: 23%}
.row>.smidd-4 {width: 31.33333333%}
.row>.smidd-5 {width: 39.66666667%}
.row>.smidd-6 {width: 48%}
.row>.smidd-7 {width: 56.33333333%}
.row>.smidd-8 {width: 64.66666667%}
.row>.smidd-9 {width: 73%}
.row>.smidd-10 {width: 81.33333333%}
.row>.smidd-11 {width: 89.66666667%}
.row>.smidd-12 {width: 98%}
.row>.smidd-13 {width: 106.33333333%}
.row>.smidd-14 {width: 114.66666667%}
.row>.smidd-15 {width: 123%}
.row>.smidd-16 {width: 131.33333333%}
.row>.smidd-17 {width: 139.66666667%}
.row>.smidd-18 {width: 148%}
.row>.smidd-19 {width: 156.33333333%}
.row>.smidd-20 {width: 164.66666667%}
.row>.smidd-21 {width: 173%}
.row>.smidd-22 {width: 181.33333333%}
.row>.smidd-23 {width: 189.66666667%}
.row>.smidd-24 {width: 198%}
.smidd-hide {display: none}

.smidd-center {position: relative;left: -1%;display: block;float: none;clear: both;margin-right: auto;margin-left: auto}
.full-row>.smidd-1 {width: 8.33333333%}
.full-row>.smidd-2 {width: 16.66666667%}
.full-row>.smidd-3 {width: 25%}
.full-row>.smidd-4 {width: 33.33333333%}
.full-row>.smidd-5 {width: 41.66666667%}
.full-row>.smidd-6 {width: 50%}
.full-row>.smidd-7 {width: 58.33333333%}
.full-row>.smidd-8 {width: 66.66666667%}
.full-row>.smidd-9 {width: 75%}
.full-row>.smidd-10 {width: 83.33333333%}
.full-row>.smidd-11 {width: 91.66666667%}
.full-row>.smidd-12 {width: 100%}
.full-row>.smidd-13 {width: 108.33333333%}
.full-row>.smidd-14 {width: 116.66666667%}
.full-row>.smidd-15 {width: 125%}
.full-row>.smidd-16 {width: 133.33333333%}
.full-row>.smidd-17 {width: 141.66666667%}
.full-row>.smidd-18 {width: 150%}
.full-row>.smidd-19 {width: 158.33333333%}
.full-row>.smidd-20 {width: 166.66666667%}
.full-row>.smidd-21 {width: 175%}
.full-row>.smidd-22 {width: 183.33333333%}
.full-row>.smidd-23 {width: 191.66666667%}
.full-row>.smidd-24 {width: 200%}
}

@media only screen and (max-device-width:760px) {
.row>.smal-1 {width: 6.33333333%}
.row>.smal-2 {width: 14.66666667%}
.row>.smal-3 {width: 23%}
.row>.smal-4 {width: 31.33333333%}
.row>.smal-5 {width: 39.66666667%}
.row>.smal-6 {width: 48%}
.row>.smal-7 {width: 56.33333333%}
.row>.smal-8 {width: 64.66666667%}
.row>.smal-9 {width: 73%}
.row>.smal-10 {width: 81.33333333%}
.row>.smal-11 {width: 89.66666667%}
.row>.smal-12 {width: 98%}
.row>.smal-13 {width: 106.33333333%}
.row>.smal-14 {width: 114.66666667%}
.row>.smal-15 {width: 123%}
.row>.smal-16 {width: 131.33333333%}
.row>.smal-17 {width: 139.66666667%}
.row>.smal-18 {width: 148%}
.row>.smal-19 {width: 156.33333333%}
.row>.smal-20 {width: 164.66666667%}
.row>.smal-21 {width: 173%}
.row>.smal-22 {width: 181.33333333%}
.row>.smal-23 {width: 189.66666667%}
.row>.smal-24 {width: 198%}
.smal-hide {display: none}
.smal-center,.smal-show {display: block}
.smal-center {position: relative;left: -1%;float: none;clear: both;margin-right: auto;margin-left: auto}

[class*=pull-left-],[class*=pull-right-] {right: auto;left: auto}
.full-row>.smal-1 {width: 8.33333333%}
.full-row>.smal-2 {width: 16.66666667%}
.full-row>.smal-3 {width: 25%}
.full-row>.smal-4 {width: 33.33333333%}
.full-row>.smal-5 {width: 41.66666667%}
.full-row>.smal-6 {width: 50%}
.full-row>.smal-7 {width: 58.33333333%}
.full-row>.smal-8 {width: 66.66666667%}
.full-row>.smal-9 {width: 75%}
.full-row>.smal-10 {width: 83.33333333%}
.full-row>.smal-11 {width: 91.66666667%}
.full-row>.smal-12 {width: 100%}
.full-row>.smal-13 {width: 108.33333333%}
.full-row>.smal-14 {width: 116.66666667%}
.full-row>.smal-15 {width: 125%}
.full-row>.smal-16 {width: 133.33333333%}
.full-row>.smal-17 {width: 141.66666667%}
.full-row>.smal-18 {width: 150%}
.full-row>.smal-19 {width: 158.33333333%}
.full-row>.smal-20 {width: 166.66666667%}
.full-row>.smal-21 {width: 175%}
.full-row>.smal-22 {width: 183.33333333%}
.full-row>.smal-23 {width: 191.66666667%}
.full-row>.smal-24 {width: 200%}
}

/*20*/
.pull-left-1-20,.pull-left-10-20,.pull-left-11-20,.pull-left-12-20,.pull-left-13-20,.pull-left-14-20,.pull-left-15-20,.pull-left-16-20,.pull-left-17-20,.pull-left-18-20,.pull-left-19-20,.pull-left-2-20,.pull-left-20-20,.pull-left-3-20,.pull-left-4-20,.pull-left-5-20,.pull-left-6-20,.pull-left-7-20,.pull-left-8-20,.pull-left-9-20,.pull-right-1-20,.pull-right-10-20,.pull-right-11-20,.pull-right-12-20,.pull-right-13-20,.pull-right-14-20,.pull-right-15-20,.pull-right-16-20,.pull-right-17-20,.pull-right-18-20,.pull-right-19-20,.pull-right-2-20,.pull-right-20-20,.pull-right-3-20,.pull-right-4-20,.pull-right-5-20,.pull-right-6-20,.pull-right-7-20,.pull-right-8-20,.pull-right-9-20,.row-20>.center {position: relative}

.full-row-20,.row-20 {transition: .2s width ease}
.full-row-20:after,.full-row-20:before,.row-20:after,.row-20:before {display: table;clear: both;content: ''}
.row-20 {width: 102%}
.row-20>[class*=span-] {float: left;margin-right: 2%}
.row-20>.span-1 {width: 3%}
.row-20>.span-2 {width: 8%}
.row-20>.span-3 {width: 13%}
.row-20>.span-4 {width: 18%}
.row-20>.span-5 {width: 23%}
.row-20>.span-6 {width: 28%}
.row-20>.span-7 {width: 33%}
.row-20>.span-8 {width: 38%}
.row-20>.span-9 {width: 43%}
.row-20>.span-10 {width: 48%}
.row-20>.span-11 {width: 53%}
.row-20>.span-12 {width: 58%}
.row-20>.span-13 {width: 63%}
.row-20>.span-14 {width: 68%}
.row-20>.span-15 {width: 73%}
.row-20>.span-16 {width: 78%}
.row-20>.span-17 {width: 83%}
.row-20>.span-18 {width: 88%}
.row-20>.span-19 {width: 93%}
.row-20>.span-20 {width: 98%}
.row-20>.span-21 {width: 103%}
.row-20>.span-22 {width: 108%}
.row-20>.span-23 {width: 113%}
.row-20>.span-24 {width: 118%}

.full-row-20 {width: 100%}
.full-row-20>[class*=span] {float: left}
.full-row-20>.span-1 {width: 5%}
.full-row-20>.span-2 {width: 10%}
.full-row-20>.span-3 {width: 15%}
.full-row-20>.span-4 {width: 20%}
.full-row-20>.span-5 {width: 25%}
.full-row-20>.span-6 {width: 30%}
.full-row-20>.span-7 {width: 35%}
.full-row-20>.span-8 {width: 40%}
.full-row-20>.span-9 {width: 45%}
.full-row-20>.span-10 {width: 50%}
.full-row-20>.span-11 {width: 55%}
.full-row-20>.span-12 {width: 60%}
.full-row-20>.span-13 {width: 65%}
.full-row-20>.span-14 {width: 70%}
.full-row-20>.span-15 {width: 75%}
.full-row-20>.span-16 {width: 80%}
.full-row-20>.span-17 {width: 85%}
.full-row-20>.span-18 {width: 90%}
.full-row-20>.span-19 {width: 95%}
.full-row-20>.span-20 {width: 100%}
.full-row-20>.span-21 {width: 105%}
.full-row-20>.span-22 {width: 110%}
.full-row-20>.span-23 {width: 115%}
.full-row-20>.span-24 {width: 120%}
.full-row-20>.pull-right,.row-20>.pull-right {float: right}
.full-row-20>.center,.row-20>.center {display: block;float: none;clear: both;margin-right: auto;margin-left: auto}
.row-20>.center {left: -1%}

.pull-left-1-20 {left: -5%}
.pull-left-2-20 {left: -10%}
.pull-left-3-20 {left: -15%}
.pull-left-4-20 {left: -20%}
.pull-left-5-20 {left: -25%}
.pull-left-6-20 {left: -30%}
.pull-left-7-20 {left: -35%}
.pull-left-8-20 {left: -40%}
.pull-left-9-20 {left: -45%}
.pull-left-10-20 {left: -50%}
.pull-left-11-20 {left: -55%}
.pull-left-12-20 {left: -60%}
.pull-left-13-20 {left: -65%}
.pull-left-14-20 {left: -70%}
.pull-left-15-20 {left: -75%}
.pull-left-16-20 {left: -80%}
.pull-left-17-20 {left: -85%}
.pull-left-18-20 {left: -90%}
.pull-left-19-20 {left: -95%}
.pull-left-20-20 {left: -100%}
.pull-right-1-20 {left: 5%}
.pull-right-2-20 {left: 10%}
.pull-right-3-20 {left: 15%}
.pull-right-4-20 {left: 20%}
.pull-right-5-20 {left: 25%}
.pull-right-6-20 {left: 30%}
.pull-right-7-20 {left: 35%}
.pull-right-8-20 {left: 40%}
.pull-right-9-20 {left: 45%}
.pull-right-10-20 {left: 50%}
.pull-right-11-20 {left: 55%}
.pull-right-12-20 {left: 60%}
.pull-right-13-20 {left: 65%}
.pull-right-14-20 {left: 70%}
.pull-right-15-20 {left: 75%}
.pull-right-16-20 {left: 80%}
.pull-right-17-20 {left: 85%}
.pull-right-18-20 {left: 90%}
.pull-right-19-20 {left: 95%}
.pull-right-20-20 {left: 100%}

@media only screen and (max-device-width:1024px) {
.row-20>.midd-1 {width: 3%}
.row-20>.midd-2 {width: 8%}
.row-20>.midd-3 {width: 13%}
.row-20>.midd-4 {width: 18%}
.row-20>.midd-5 {width: 23%}
.row-20>.midd-6 {width: 28%}
.row-20>.midd-7 {width: 33%}
.row-20>.midd-8 {width: 38%}
.row-20>.midd-9 {width: 43%}
.row-20>.midd-10 {width: 48%}
.row-20>.midd-11 {width: 53%}
.row-20>.midd-12 {width: 58%}
.row-20>.midd-13 {width: 63%}
.row-20>.midd-14 {width: 68%}
.row-20>.midd-15 {width: 73%}
.row-20>.midd-16 {width: 78%}
.row-20>.midd-17 {width: 83%}
.row-20>.midd-18 {width: 88%}
.row-20>.midd-19 {width: 93%}
.row-20>.midd-20 {width: 98%}
.row-20>.midd-21 {width: 103%}
.row-20>.midd-22 {width: 108%}
.row-20>.midd-23 {width: 113%}
.row-20>.midd-24 {width: 118%}
.midd-hide {display: none}
.midd-center {position: relative;left: -1%;display: block;float: none;clear: both;margin-right: auto;margin-left: auto}

.full-row-20>.midd-1 {width: 5%}
.full-row-20>.midd-2 {width: 10%}
.full-row-20>.midd-3 {width: 15%}
.full-row-20>.midd-4 {width: 20%}
.full-row-20>.midd-5 {width: 25%}
.full-row-20>.midd-6 {width: 30%}
.full-row-20>.midd-7 {width: 35%}
.full-row-20>.midd-8 {width: 40%}
.full-row-20>.midd-9 {width: 45%}
.full-row-20>.midd-10 {width: 50%}
.full-row-20>.midd-11 {width: 55%}
.full-row-20>.midd-12 {width: 60%}
.full-row-20>.midd-13 {width: 65%}
.full-row-20>.midd-14 {width: 70%}
.full-row-20>.midd-15 {width: 75%}
.full-row-20>.midd-16 {width: 80%}
.full-row-20>.midd-17 {width: 85%}
.full-row-20>.midd-18 {width: 90%}
.full-row-20>.midd-19 {width: 95%}
.full-row-20>.midd-20 {width: 100%}
.full-row-20>.midd-21 {width: 105%}
.full-row-20>.midd-22 {width: 110%}
.full-row-20>.midd-23 {width: 115%}
.full-row-20>.midd-24 {width: 120%}
}

@media only screen and (max-device-width:760px) {
.row-20>.smal-1 {width: 3%}
.row-20>.smal-2 {width: 8%}
.row-20>.smal-3 {width: 13%}
.row-20>.smal-4 {width: 18%}
.row-20>.smal-5 {width: 23%}
.row-20>.smal-6 {width: 28%}
.row-20>.smal-7 {width: 33%}
.row-20>.smal-8 {width: 38%}
.row-20>.smal-9 {width: 43%}
.row-20>.smal-10 {width: 48%}
.row-20>.smal-11 {width: 53%}
.row-20>.smal-12 {width: 58%}
.row-20>.smal-13 {width: 63%}
.row-20>.smal-14 {width: 68%}
.row-20>.smal-15 {width: 73%}
.row-20>.smal-16 {width: 78%}
.row-20>.smal-17 {width: 83%}
.row-20>.smal-18 {width: 88%}
.row-20>.smal-19 {width: 93%}
.row-20>.smal-20 {width: 98%}
.row-20>.smal-21 {width: 103%}
.row-20>.smal-22 {width: 108%}
.row-20>.smal-23 {width: 113%}
.row-20>.smal-24 {width: 118%}
.smal-hide {display: none}
.smal-center,.smal-show {display: block}
.smal-center {position: relative;left: -1%;float: none;clear: both;margin-right: auto;margin-left: auto}

[class*=pull-left-],[class*=pull-right-] {right: auto;left: auto}
.full-row-20>.smal-1 {width: 5%}
.full-row-20>.smal-2 {width: 10%}
.full-row-20>.smal-3 {width: 15%}
.full-row-20>.smal-4 {width: 20%}
.full-row-20>.smal-5 {width: 25%}
.full-row-20>.smal-6 {width: 30%}
.full-row-20>.smal-7 {width: 35%}
.full-row-20>.smal-8 {width: 40%}
.full-row-20>.smal-9 {width: 45%}
.full-row-20>.smal-10 {width: 50%}
.full-row-20>.smal-11 {width: 55%}
.full-row-20>.smal-12 {width: 60%}
.full-row-20>.smal-13 {width: 65%}
.full-row-20>.smal-14 {width: 70%}
.full-row-20>.smal-15 {width: 75%}
.full-row-20>.smal-16 {width: 80%}
.full-row-20>.smal-17 {width: 85%}
.full-row-20>.smal-18 {width: 90%}
.full-row-20>.smal-19 {width: 95%}
.full-row-20>.smal-20 {width: 100%}
.full-row-20>.smal-21 {width: 105%}
.full-row-20>.smal-22 {width: 110%}
.full-row-20>.smal-23 {width: 115%}
.full-row-20>.smal-24 {width: 120%}
}