*{font-family: "微软雅黑"; font-size: 14px;}
.container{width: 100%; min-width: 1024px;}
a{text-decoration: none;}
img{border: 0px;}

.xh{font-size: 18px; font-weight: bold; color: red; font-family: "arial black"; vertical-align:middle;}
.text-right{text-align: right;}
input.Validform_error{background-color: #ffe7e7;}
.tooltips{position:absolute;display:none;border:1px solid #333; border-radius:8px; box-shadow:0 0 3px rgba(000,000,000,0.8);background:rgba(247,245,209,0.5);padding:3px;color:#333;display:none;}
ul{list-style: none;}
li{list-style: none;}
.fancybox-opened{z-index: 99999;}


.rightPanel{background-color: #ffffff; height: 100%;width: 300px; position: absolute; right: -300px; top:0px;z-index:2000;padding: 10px; overflow: auto;}

.img-circle{border-radius:50%}
.name-circle60{width:60px; height: 60px; border-radius: 50%; font-size: 20px; padding-top: 20px; font-family: "微软雅黑";  text-align: center; margin: 0 auto;}


.bold{font-weight: bold;}

.indicator{position:absolute;font-size:9px;width:10px;height:10px;display:none;	color:red; z-index: 9999;}

.row{width: 100%; clear: both; display: inline-table;}
.ma-40{ margin:40px}
.ma-to-40{margin-top:40px}
.ma-bo-40{margin-bottom:40px}
.ma-lr-40{margin-right:40px; margin-left:40px}
.ma-lt-40{ margin-left:40px}
.ma-rt-40{ margin-right:40px}
.ma-30{ margin:30px}
.ma-to-30{margin-top:30px}
.ma-bo-30{margin-bottom:30px}
.ma-lr-30{margin-right:30px; margin-left:30px}
.ma-lt-30{ margin-left:30px}
.ma-rt-30{ margin-right:30px}


.ma-to-14{margin-top:14px}
.ma-bo-14{margin-bottom:14px}
.ma-lr-14{margin-right:14px; margin-left:14px}
.ma-lt-14{ margin-left:14px}
.ma-rt-14{ margin-right:14px}

.ma-to-15{margin-top:15px}
.ma-bo-15{margin-bottom:15px}
.ma-lr-15{margin-right:15px; margin-left:15px}
.ma-lt-15{ margin-left:15px}
.ma-rt-15{ margin-right:15px}

.ma-to-20{margin-top:20px}
.ma-bo-20{margin-bottom:20px}
.ma-lr-20{margin-right:20px; margin-left:20px}
.ma-lt-20{ margin-left:20px}
.ma-rt-20{ margin-right:20px}

.ma-bo-100{margin-bottom:100px}
.ma-lr-100{margin-right:100px; margin-left:100px}
.ma-lt-100{ margin-left:100px}
.ma-rt-100{ margin-right:100px}
.ma-to-100{ margin-top:100px}
.ma-100{ margin:20px}

.ma-to-10{ margin-top:10px}
.ma-bo-10{margin-bottom:10px}
.ma-lr-10{margin-right:10px; margin-left:10px}
.ma-lt-10{ margin-left:10px}
.ma-rt-10{ margin-right:10px}
.ma-10{ margin:10px}

.ma-to-8{ margin-top:8px}
.ma-bo-8{margin-bottom:8px}
.ma-lr-8{margin-right:8px; margin-left:8px}
.ma-lt-8{ margin-left:8px}
.ma-rt-8{ margin-right:8px}
.ma-8{ margin:8px}

.ma-to-5{ margin-top:5px}
.ma-bo-5{margin-bottom:5px}
.ma-lr-5{margin-right:5px; margin-left:5px}
.ma-lt-5{ margin-left:5px}
.ma-rt-5{ margin-right:5px}
.ma-5{ margin:5px}

.pa-bo-20{padding-bottom:20px}
.pa-lr-20{padding-right:20px; padding-left:20px}
.pa-lt-20{ padding-left:20px}
.pa-rt-20{ padding-right:20px}

.pa-20{ padding:20px}

.pa-bo-40{padding-bottom:40px}
.pa-lr-40{padding-right:40px; padding-left:40px}
.pa-lt-40{ padding-left:40px}
.pa-rt-40{ padding-right:40px}

.pa-40{ padding:40px}

.pa-bo-10{padding-bottom:10px}
.pa-to-10{padding-top:10px}
.pa-lr-10{padding-right:10px; padding-left:10px}
.pa-lt-10{ padding-left:10px}
.pa-rt-10{ padding-right:10px}

.pa-bo-5{padding-bottom:5px}
.pa-to-5{padding-top:5px}
.pa-lr-5{padding-right:5px; padding-left:5px}
.pa-lt-5{ padding-left:5px}
.pa-rt-5{ padding-right:5px}
.pa-5{ padding:5px}

.pa-2{ padding:2px}

.pa-bo-2{padding-bottom:2px}
.pa-to-2{padding-top:2px}
.pa-lr-2{padding-right:2px; padding-left:2px}
.pa-lt-2{ padding-left:2px}
.pa-rt-2{ padding-right:2px}

.pa-3{ padding:3px}

.pa-bo-3{padding-bottom:3px}
.pa-to-3{padding-top:3px}
.pa-lr-3{padding-right:3px; padding-left:3px}
.pa-lt-3{ padding-left:3px}
.pa-rt-3{ padding-right:3px}

.pa-10{ padding:10px}

.ma-le-6 {margin-left: 6px;}
.ma-20{margin:20px;}
.ma20{margin:20px;}
.ma10{margin:10px;}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h48{height:48px}
.h10{height:10px}
.h20{height:20px}
.h5{height:5px}
.h30{height:30px}
.lh50{ line-height:50px}
.lh40{ line-height:40px}
.lh48{ line-height:48px}
.lh30{ line-height:30px}
.line{height:3px; display:block; width:100%;}
.bg-blue{background-color:#2196f3; color: white;}
.bg-gray{background-color:#F4F4F4}
.bg-white{background-color:#ffffff;}
.bg-pink{background-color:#9c27b0; color: white;}
.bg-green{background:#43a047; color: white;}
.bg-orange{background-color:#ef6c00; color: white;}
.bg-pinkblue{background-color:#03a9f4; color: white;}
.bg-darkblue{background-color:#303f9f; color: white;}
.bg-migan{background-color:#827717; color: white;}
.bg-taise{background-color:#c0ca33}
.bg-yanlv{background-color:#00c853}
.bg-jugeng{background-color:#558b2f}
.bg-qingzi{background-color:#6a1b9a; color: white;}
.bg-bolv{background-color:#1d953f; color: white;}
.bg-zhuse{background-color:#f26522; color: white;}
.bg-zise{background-color:#8552a1; color: white;}
.bg-jinse{background-color:#8e24aa; color: white;}
.bg-jinci{background-color:#f15a22; color: white; }
.bg-nonglan{background-color:#11264f}
.bg-qinglv{background-color:#00bfa5;color: white;}
.bg-caose{background-color:#225a1f; color: white;}
.bg-guofang{background-color:#69541b; color: white;}
.bg-mocha{background-color:#b7ba6b; color: white;}
.bg-zhizhu{background-color:#ef5b9c; color: white;}
.bg-liuli{background-color:#2a5caa; color: white;}
.bg-jincha{background-color:#e0861a; color: white;}
.bg-lightgray{background-color: #efefef;}

.bd-bo-gray{border-bottom:#CCCCCC 1px solid}
.bd-lt-gray{border-left:#CCCCCC 1px solid}
.bd-rt-gray{border-right:#CCCCCC 1px solid}
.bd-to-gray{border-top:#CCCCCC 1px solid}
.bd-gray{border:#CCCCCC 1px solid}]

.bd-bo-lightgray{border-bottom:#efefef 1px solid}
.bd-lt-lightgray{border-left:#efefef 1px solid}
.bd-rt-lightgray{border-right:#efefef 1px solid}
.bd-to-lightgray{border-top:#efefef 1px solid}
.bd-lightgray{border:#efefef 1px solid}]


.bd-bo-white{border-bottom:#efefef 1px solid}
.bd-blue{ border: 1px solid #0097d2;}
.bd-red{ border: 1px solid #CC2222;}
.bd-green{ border: 1px solid #008000;}
.maxw80{max-width:80px}
.maxh80{max-height:80px}
.maxw150{max-width:150px}
.maxh150{max-height:150px}
.maxw120{max-width:120px}
.maxh120{max-height:120px}
.maxw100{max-width:100px}
.maxh100{max-height:100px}

.maxw50{max-width:50px}
.maxh50{max-height:50px}
.maxw25{max-width:25px}
.maxh25{max-height:25px}
.maxh30{max-height:30px}
.maxw30{max-width:30px}
.mw1226{ min-width:1226px}
.mah230{ max-height:230px}
.maw230{ max-width:230px}
.mah200{ max-height:200px}
.maw200{ max-width:200px}
.maxh160{ max-width:160px}
.maw20{ max-width:20px}
.mah20{ max-height:20px}
.maw250{ max-width:250px}
.mah250{ max-height:250px}
.maw350{ max-width:350px}
.mah350{ max-height:350px}
.maw30{ max-width:30px}
.mah30{ max-height:30px}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f53{font-size:53px;}
.f12{font-size:12px}
.f10{font-size:10px}
.f14{font-size:14px}

.f28-x,.f28-x *{font-size:28px;line-height: 2em;}
.f30-x,.f30-x *{font-size:30px;line-height: 2em;}
.f16-x,.f16-x *{font-size:16px; line-height: 2em;}
.f18-x,.f18-x *{font-size:18px; line-height: 2em;}
.f20-x,.f20-x *{font-size:20px;line-height: 2em;}
.f24-x,.f24-x *{font-size:24px;line-height: 2em;}
.f53-x,.f53-x *{font-size:53px;line-height: 2em;}
.f12-x,.f12-x *{font-size:12px}
.f10-x,.f10-x *{font-size:10px}
.f14-x,.f14-x *{font-size:14px} 
.white{color:#FFFFFF}
.white a:hover{color:#FFFFFF}
.orange,.orange a:hover{color:#e67817}
.blue,.blue a:hover{color:#007cc4}
.gray{color:#cccccc}
.black{color:#333333}
.red{color:#FF3300}
.pink{color:#FF3399}

.green{color:#339933}
.fc-orange{color:#e77817}
.fc-pinkblue{color:#3399FF}
.fc-darkblue{color:#262e42}
.fc-migan{color:#f58220}
.fc-taise{color:#5c7a29}
.fc-yanlv{color:#7fb80e}
.fc-jugeng{color:#585eaa}
.fc-qingzi{color:#6950a1}
.fc-bolv{color:#1d953f}
.fc-zhuse{color:#f26522}
.fc-zise{color:#8552a1}
.fc-jinse{color:#c37e00}
.fc-jinci{color:#f15a22 }
.fc-nonglan-{color:#11264f}
.fc-qinglv{color:#00ae9d}
.fc-caose{color:#225a1f}
.fc-guofang{color:#69541b}
.fc-mocha{color:#b7ba6b}
.fc-zhizhu{color:#ef5b9c}
.fc-liuli{color:#2a5caa}
.fc-jincha{color:#e0861a}
.fc-darkgray{color: #666666;}


.fc_red{color: #e53935;}
.fc_red:hover{color:#f44336;}
.fc_pink{color: #d81b60;}
.fc_pink:hover{color:#e91e63;}
.fc_purple{color: #8e24aa;}
.fc_purple:hover{color:#9c27b0;}
.fc_deepurple{color: #5e35b1;}
.fc_deepurple:hover{color:#673ab7;}
.fc_indigo{color:#3949ab ;}
.fc_indigo:hover{color:#3f51b5;}
.fc_blue{color: #1e88e5;}
.fc_blue:hover{color:#2196f3;}
.fc_lightblue{color: #039be5;}
.fc_lightblue:hover{color:#03a9f4;}
.fc_cyan{color: #00acc1;}
.fc_cyan:hover{color:#00bcd4;}
.fc_teal{color:#00695c ;}
.fc_teal:hover{color:#00796b;}
.fc_green{color: #43a047;}
.fc_green:hover{color:#4caf50;}
.fc_lightgreen{color:#7cb342 ;}
.fc_lightgreen:hover{color:#8bc34a;}
.fc_lime{color: #c0ca33;}
.fc_lime:hover{color:#cddc39;}
.fc_yellow{color: #fdd835;}
.fc_yellow:hover{color:#ffeb3b;}
.fc_amber{color: #ffa000;}
.fc_amber:hover{color:#ffb300;}
.fc_orange{color: #e65100;}
.fc_orange:hover{color:#ef6c00;}
.fc_deeporange{color: #bf360c;}
.fc_deeporange:hover{color:#d84315;}
.fc_brown{color: #795548;}
.fc_brown:hover{color:#8d6e63;}
.fc_gray{color:#616161;}
.fc_gray:hover{color:#757575;}
.fc_bluegray{color:#546e7a;}
.fc_bluegray:hover{color:#607d8b;}

.fix120{width:120px; height:120px; overflow:hidden}
.fix150{width:150px; height:150px; overflow:hidden}
.fix200{width:200px; height:200px; overflow:hidden}
.fix250{width:250px; height:250px; overflow:hidden}
.fix230{width:230px; height:230px; overflow:hidden}
.fix350{width:350px; height:350px; overflow:hidden}
.fix200-160{width:200px; height:160px; overflow:hidden}
.fix150-120{width:150px; height:120px; overflow:hidden}
.fix150-100{width:150px; height:100px; overflow:hidden}

.text-center{text-align: center;}

.container1{width:1226px;*zoom:1;margin-right:auto;margin-left:auto}
.container1:before,.container1:after{content:" ";display:table}
.container1:after{clear:both}
.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,.span13,.span14,.span15,.span16,.span17,.span18,.span19,.span20{float:left;margin-left:14px;min-height:1px}
.block1,.block2,.block3,.block4,.block5,.block6,.block7,.block8,.block9,.block10,.block11,.block12,.block13,.block14,.block15,.block16,.block17,.block18,.block19,.block20{float:left;margin-left:-1px;min-height:1px; border:#CCCCCC 3px solid}
.span_1,.span_2,.span_3,.span_4,.span_5,.span_6,.span_7,.span_8,.span_9,.span_10,.span_11,.span_12,.span_13,.span_14,.span_15,.span_16,.span_17,.span_18,.span_19,.span_20,.span_21{float:left;margin-left:14px;min-height:1px}


.span1{width:48px}
.span-first{margin-left:0}
.span2{width:110px}

.span3{width:172px}

.span4{width:234px}

.span5{width:296px}

.span6{width:358px}

.span7{width:420px}

.span8{width:482px}

.span9{width:544px}

.span10{width:606px}

.span11{width:668px}

.span12{width:730px}

.span13{width:792px}

.span14{width:854px}

.span15{width:916px}

.span16{width:978px}

.span17{width:1040px}

.span18{width:1102px}

.span19{width:1164px}

.span20{width:1226px}

.span_1{width:45px}

.span_2{width:104px}

.span_3{width:163px}

.span_4{width:222px}

.span_5{width:281px}

.span_6{width:340px}

.span_7{width:399px}

.span_8{width:458px}

.span_9{width:517px}

.span_10{width:576px}

.span_11{width:635px}

.span_12{width:694px}

.span_13{width:753px}

.span_14{width:812px}

.span_15{width:871px}

.span_16{width:930px}

.span_17{width:989px}

.span_18{width:1048px}

.span_19{width:1107px}

.span_20{width:1166px}

.span_21{width:1226px}

.offset1{margin-left:48px}
.offset2{margin-left:110px}
.offset3{margin-left:172px}
.offset4{margin-left:234px}
.offset5{margin-left:296px}
.offset6{margin-left:358px}
.offset7{margin-left:420px}
.offset8{margin-left:482px}
.offset9{margin-left:544px}
.offset10{margin-left:606px}
.offset11{margin-left:668px}
.offset12{margin-left:730px}
.offset13{margin-left:792px}
.offset14{margin-left:854px}
.offset15{margin-left:916px}
.offset16{margin-left:978px}
.offset17{margin-left:1040px}
.offset18{margin-left:1102px}
.offset19{margin-left:1164px}
.offset20{margin-left:1226px}
.offset_1{margin-left:45px}
.offset_2{margin-left:104px}
.offset_3{margin-left:163px}
.offset_4{margin-left:222px}
.offset_5{margin-left:281px}
.offset_6{margin-left:340px}
.offset_7{margin-left:399px}
.offset_8{margin-left:458px}
.offset_9{margin-left:517px}
.offset_10{margin-left:576px}
.offset_11{margin-left:635px}
.offset_12{margin-left:694px}
.offset_13{margin-left:753px}
.offset_14{margin-left:812px}
.offset_15{margin-left:871px}
.offset_16{margin-left:930px}
.offset_17{margin-left:989px}
.offset_18{margin-left:1048px}
.offset_19{margin-left:1107px}
.offset_20{margin-left:1166px}
.offset_21{margin-left:1226px}



* { margin:0; padding:0;}
.pagebox{overflow:hidden; zoom:1; font-size:12px; font-family:"宋体",sans-serif;}
.pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;}
.pagebox span a{display:block; overflow:hidden; zoom:1; _float:left;}
.pagebox span.pagebox_pre_nolink{border:1px #ddd solid;  line-height:21px; text-align:center; color:#999; cursor:default; padding:0 8px;}
.pagebox span.pagebox_pre{color:#3568b9;}
.pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #b8b8b8 solid; color:#b8b8b8; text-decoration:none; text-align:center; width:53px; cursor:pointer;line-height:21px;}
.pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #363636 solid;}
.pagebox span.pagebox_num_nonce{border:1px #0095d9 solid; padding:0 8px; line-height:21px; color:#fff; cursor:default; background:#0095d9;}
.pagebox span.pagebox_num{color:#3568b9; height:23px;}
.pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #b8b8b8 solid; color:#8a8a8a; text-decoration:none; padding:0 8px; cursor:pointer; line-height:21px;}
.pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #363636 solid;color:#363636;}
.pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;}
.pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; line-height:21px; text-align:center; color:#999; cursor:default;}
.pagebox .pagebox_jump{line-height:21px; font-style:normal}
.pagebox .pagebox_button{padding:0 8px; line-height:21px; margin-left:10px}
.pagebox .pagebox_input{margin:0 5px; width:40px; height: 25px;}
.mobile-page{position:relative; height:60px}
.mobile-page .pagebox_jump{ position:absolute; top:30px; right:10px}
.mobile-page .pagebox_pre_nolink{position:absolute; top:30px}




.row > [class*="col-"],
.row > [class*="tablet-"] {
  box-sizing: border-box;
  float: left;
}
.row .first {
  margin-left: -4%;
}
.row.no-gutter {
  margin-left: 0;
}
.row .col-100 {
  width: 96%;
  margin-left: 3.88%;
}
.row.no-gutter .col-100 {
  width: 100%;
  margin: 0;
}
.row .col-95 {
  width: 91%;
  margin-left: 3.88%;
}
.row.no-gutter .col-95 {
  width: 95%;
  margin: 0;
}
.row .col-90 {
  width: 86%;
  margin-left: 3.88%;
}
.row.no-gutter .col-90 {
  width: 90%;
  margin: 0;
}
.row .col-85 {
  width: 81%;
  margin-left: 3.88%;
}
.row.no-gutter .col-85 {
  width: 85%;
  margin: 0;
}
.row .col-80 {
  width: 76%;
  margin-left: 3.88%;
}
.row.no-gutter .col-80 {
  width: 80%;
  margin: 0;
}
.row .col-75 {
  width: 71.00000000000001%;
  margin-left: 3.88%;
}
.row.no-gutter .col-75 {
  width: 75%;
  margin: 0;
}
.row .col-66 {
  width: 62.66666666666666%;
  margin-left: 3.88%;
}
.row.no-gutter .col-66 {
  width: 66.66666666666666%;
  margin: 0;
}
.row .col-60 {
  width: 55.99999999999999%;
  margin-left: 3.88%;
}
.row.no-gutter .col-60 {
  width: 60%;
  margin: 0;
}
.row .col-50 {
  width: 46%;
  margin-left: 3.88%;
}
.row.no-gutter .col-50 {
  width: 50%;
  margin: 0;
}
.row .col-40 {
  width: 36%;
  margin-left: 3.88%;
}
.row.no-gutter .col-40 {
  width: 40%;
  margin: 0;
}
.row .col-33 {
  width: 29.333333333333332%;
  margin-left: 3.88%;
}
.row.no-gutter .col-33 {
  width: 33.333333333333336%;
  margin: 0;
}
.row .col-25 {
  width: 21%;
  margin-left: 3.88%;
}
.row.no-gutter .col-25 {
  width: 25%;
  margin: 0;
}
.row .col-20 {
  width: 16%;
  margin-left: 3.88%;
}
.row.no-gutter .col-20 {
  width: 20%;
  margin: 0;
}
.row .col-15 {
  width: 10.999999999999998%;
  margin-left: 3.88%;
}
.row.no-gutter .col-15 {
  width: 15%;
  margin: 0;
}
.row .col-10 {
  width: 6%;
  margin-left: 3.88%;
}
.row.no-gutter .col-10 {
  width: 10%;
  margin: 0;
}
.row .col-5 {
  width: 1%;
  margin-left: 3.88%;
}
.row.no-gutter .col-5 {
  width: 5%;
  margin: 0;
}
@media all and (min-width: 768px) {

  .row .col-100 {
    width: 98%;
    margin-left: 2%;
  }
  .row.no-gutter .col-100 {
    width: 100%;
    margin: 0;
  }
  .row .col-95 {
    width: 93%;
    margin-left: 2%;
  }
  .row.no-gutter .col-95 {
    width: 95%;
    margin: 0;
  }
  .row .col-90 {
    width: 87.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .col-90 {
    width: 90%;
    margin: 0;
  }
  .row .col-85 {
    width: 82.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .col-85 {
    width: 85%;
    margin: 0;
  }
  .row .col-80 {
    width: 78%;
    margin-left: 2%;
  }
  .row.no-gutter .col-80 {
    width: 80%;
    margin: 0;
  }
  .row .col-75 {
    width: 73%;
    margin-left: 2%;
  }
  .row.no-gutter .col-75 {
    width: 75%;
    margin: 0;
  }
  .row .col-66 {
    width: 64.66666666666666%;
    margin-left: 2%;
  }
  .row.no-gutter .col-66 {
    width: 66.66666666666666%;
    margin: 0;
  }
  .row .col-60 {
    width: 58%;
    margin-left: 2%;
  }
  .row.no-gutter .col-60 {
    width: 60%;
    margin: 0;
  }
  .row .col-50 {
    width: 48%;
    margin-left: 2%;
  }
  .row.no-gutter .col-50 {
    width: 50%;
    margin: 0;
  }
  .row .col-40 {
    width: 38%;
    margin-left: 2%;
  }
  .row.no-gutter .col-40 {
    width: 40%;
    margin: 0;
  }
  .row .col-33 {
    width: 31.333333333333332%;
    margin-left: 2%;
  }
  .row.no-gutter .col-33 {
    width: 33.333333333333336%;
    margin: 0;
  }
  .row .col-25 {
    width: 23%;
    margin-left: 2%;
  }
  .row.no-gutter .col-25 {
    width: 25%;
    margin: 0;
  }
  .row .col-20 {
    width: 18%;
    margin-left: 2%;
  }
  .row.no-gutter .col-20 {
    width: 20%;
    margin: 0;
  }
  .row .col-15 {
    width: 13%;
    margin-left: 2%;
  }
  .row.no-gutter .col-15 {
    width: 15%;
    margin: 0;
  }
  .row .col-10 {
    width: 8%;
    margin-left: 2%;
  }
  .row.no-gutter .col-10 {
    width: 10%;
    margin: 0;
  }
  .row .col-5 {
    width: 3%;
    margin-left: 2%;
  }
  .row.no-gutter .col-5 {
    width: 5%;
    margin: 0;
  }
  .row .tablet-100 {
    width: 98%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-100 {
    width: 100%;
    margin: 0;
  }
  .row .tablet-95 {
    width: 93%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-95 {
    width: 95%;
    margin: 0;
  }
  .row .tablet-90 {
    width: 87.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-90 {
    width: 90%;
    margin: 0;
  }
  .row .tablet-85 {
    width: 82.99999999999999%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-85 {
    width: 85%;
    margin: 0;
  }
  .row .tablet-80 {
    width: 78%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-80 {
    width: 80%;
    margin: 0;
  }
  .row .tablet-75 {
    width: 73%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-75 {
    width: 75%;
    margin: 0;
  }
  .row .tablet-66 {
    width: 64.66666666666666%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-66 {
    width: 66.66666666666666%;
    margin: 0;
  }
  .row .tablet-60 {
    width: 58%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-60 {
    width: 60%;
    margin: 0;
  }
  .row .tablet-50 {
    width: 48%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-50 {
    width: 50%;
    margin: 0;
  }
  .row .tablet-40 {
    width: 38%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-40 {
    width: 40%;
    margin: 0;
  }
  .row .tablet-33 {
    width: 31.333333333333332%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-33 {
    width: 33.333333333333336%;
    margin: 0;
  }
  .row .tablet-25 {
    width: 23%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-25 {
    width: 25%;
    margin: 0;
  }
  .row .tablet-20 {
    width: 18%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-20 {
    width: 20%;
    margin: 0;
  }
  .row .tablet-15 {
    width: 13%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-15 {
    width: 15%;
    margin: 0;
  }
  .row .tablet-10 {
    width: 8%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-10 {
    width: 10%;
    margin: 0;
  }
  .row .tablet-5 {
    width: 3%;
    margin-left: 2%;
  }
  .row.no-gutter .tablet-5 {
    width: 5%;
    margin: 0;
  }
}