@charset "utf-8";/*!
 * Created by x2h on 2022/6/23.
 * @名称：x2h.base.css
 */

.unl{text-decoration:underline}
.no_unl{text-decoration:none}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.ma{margin-right:auto;margin-left:auto}
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.right{right:0}
.left{left:0}
.top{left:0}
.bottom{bottom:0}
.zoom{zoom:1}
.hide{display:none}
.block{display:block}
.f10{font-size:10px!important}
.f11{font-size:11px!important}
.f12{font-size:12px!important}
.f13{font-size:13px!important}
.f14{font-size:14px!important}
.f15{font-size:15px!important}
.f16{font-size:16px!important}
.f17{font-size:17px!important}
.f18{font-size:18px!important}
.f19{font-size:19px!important}
.f20{font-size:20px!important}
.w10{width:10px!important}
.w20{width:20px!important}
.w30{width:30px!important}
.w40{width:40px!important}
.w50{width:50px!important}
.w60{width:60px!important}
.w70{width:70px!important}
.w80{width:80px!important}
.w90{width:90px!important}
.w100{width:100px!important}
.w200{width:200px!important}
.w300{width:300px!important}
.w400{width:400px!important}
.w500{width:500px!important}
.w600{width:600px!important}
.w700{width:700px!important}
.w800{width:800px!important}
.w{width:100%!important}
.h{height:100%!important}
.h10{height:10px!important}
.h20{height:20px!important}
.h30{height:30px!important}
.h40{height:40px!important}
.h50{height:50px!important}
.h60{height:60px!important}
.h70{height:70px!important}
.h80{height:80px!important}
.h90{height:90px!important}
.h100{height:100px!important}
.h200{height:200px!important}
.m0{margin:0px!important}
.m5{margin:5px!important}
.m10{margin:10px!important}
.m15{margin:15px!important}
.m20{margin:20px!important}
.m25{margin:25px!important}
.m30{margin:30px!important}
.mt0{margin-top:0px!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mt30{margin-top:30px!important}
.mt35{margin-top:35px!important}
.mt40{margin-top:40px!important}
.mt45{margin-top:45px!important}
.mt50{margin-top:50px!important}
.mt100{margin-top:100px!important}
.mb0{margin-bottom:0px!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb35{margin-bottom:35px!important}
.mb40{margin-bottom:40px!important}
.mb45{margin-bottom:45px!important}
.mb50{margin-bottom:50px!important}
.mb100{margin-bottom:100px!important}
.ml5{margin-left:5px!important}
.ml10{margin-left:10px!important}
.ml15{margin-left:15px!important}
.ml20{margin-left:20px!important}
.ml30{margin-left:30px!important}
.ml50{margin-left:50px!important}
.ml100{margin-left:100px!important}
.mr5{margin-right:5px!important}
.mr10{margin-right:10px!important}
.mr15{margin-right:15px!important}
.mr20{margin-right:20px!important}
.mr25{margin-right:25px!important}
.mr30{margin-right:30px!important}
.mr35{margin-right:35px!important}
.mr40{margin-right:40px!important}
.mr45{margin-right:45px!important}
.mr50{margin-right:50px!important}
.mr100{margin-right:100px!important}
.p0{padding:0px!important}
.p5{padding:5px!important}
.p10{padding:10px!important}
.p15{padding:15px!important}
.p20{padding:20px!important}
.p25{padding:25px!important}
.p30{padding:30px!important}
.p50{padding:50px!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt15{padding-top:15px!important}
.pt20{padding-top:20px!important}
.pt25{padding-top:25px!important}
.pt30{padding-top:30px!important}
.pt50{padding-top:50px!important}
.pt100{padding-top:100px!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb15{padding-bottom:15px!important}
.pb20{padding-bottom:20px!important}
.pb25{padding-bottom:25px!important}
.pb30{padding-bottom:30px!important}
.pb50{padding-bottom:50px!important}
.pb100{padding-bottom:100px!important}
.pl5{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pl20{padding-left:20px!important}
.pl25{padding-left:25px!important}
.pl30{padding-left:30px!important}
.pl50{padding-left:50px!important}
.pl100{padding-left:100px!important}
.pr5{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr15{padding-right:15px!important}
.pr20{padding-right:20px!important}
.pr25{padding-right:25px!important}
.pr30{padding-right:30px!important}
.pr50{padding-right:50px!important}
.pr100{padding-right:100px!important}

.col-1{max-width:8.333333%;flex:0 0 8.333333%}
.col-2{max-width:16.666667%;flex:0 0 16.666667%}
.col-3{max-width:25%;flex:0 0 25%}
.col-4{max-width:33.333333%;flex:0 0 33.333333%}
.col-5{max-width:41.666667%;flex:0 0 41.666667%}
.col-6{max-width:50%;flex:0 0 50%}
.col-7{max-width:58.333333%;flex:0 0 58.333333%}
.col-8{max-width:66.666667%;flex:0 0 66.666667%}
.col-9{max-width:75%;flex:0 0 75%}
.col-10{max-width:83.333333%;flex:0 0 83.333333%}
.col-11{max-width:91.666667%;flex:0 0 91.666667%}
.col-12{max-width:100%;flex:0 0 100%}
@media (min-width:576px){
    .col-sm-1{max-width:8.333333%;flex:0 0 8.333333%}
    .col-sm-2{max-width:16.666667%;flex:0 0 16.666667%}
    .col-sm-3{max-width:25%;flex:0 0 25%}
    .col-sm-4{max-width:33.333333%;flex:0 0 33.333333%}
    .col-sm-5{max-width:41.666667%;flex:0 0 41.666667%}
    .col-sm-6{max-width:50%;flex:0 0 50%}
    .col-sm-7{max-width:58.333333%;flex:0 0 58.333333%}
    .col-sm-8{max-width:66.666667%;flex:0 0 66.666667%}
    .col-sm-9{max-width:75%;flex:0 0 75%}
    .col-sm-10{max-width:83.333333%;flex:0 0 83.333333%}
    .col-sm-11{max-width:91.666667%;flex:0 0 91.666667%}
    .col-sm-12{max-width:100%;flex:0 0 100%}
}
@media (min-width:768px){
    .col-md-1{max-width:8.333333%;flex:0 0 8.333333%}
    .col-md-2{max-width:16.666667%;flex:0 0 16.666667%}
    .col-md-3{max-width:25%;flex:0 0 25%}
    .col-md-4{max-width:33.333333%;flex:0 0 33.333333%}
    .col-md-5{max-width:41.666667%;flex:0 0 41.666667%}
    .col-md-6{max-width:50%;flex:0 0 50%}
    .col-md-7{max-width:58.333333%;flex:0 0 58.333333%}
    .col-md-8{max-width:66.666667%;flex:0 0 66.666667%}
    .col-md-9{max-width:75%;flex:0 0 75%}
    .col-md-10{max-width:83.333333%;flex:0 0 83.333333%}
    .col-md-11{max-width:91.666667%;flex:0 0 91.666667%}
    .col-md-12{max-width:100%;flex:0 0 100%}
}
@media (min-width:992px){
    .col-lg-1{max-width:8.333333%;flex:0 0 8.333333%}
    .col-lg-2{max-width:16.666667%;flex:0 0 16.666667%}
    .col-lg-3{max-width:25%;flex:0 0 25%}
    .col-lg-4{max-width:33.333333%;flex:0 0 33.333333%}
    .col-lg-5{max-width:41.666667%;flex:0 0 41.666667%}
    .col-lg-6{max-width:50%;flex:0 0 50%}
    .col-lg-7{max-width:58.333333%;flex:0 0 58.333333%}
    .col-lg-8{max-width:66.666667%;flex:0 0 66.666667%}
    .col-lg-9{max-width:75%;flex:0 0 75%}
    .col-lg-10{max-width:83.333333%;flex:0 0 83.333333%}
    .col-lg-11{max-width:91.666667%;flex:0 0 91.666667%}
    .col-lg-12{max-width:100%;flex:0 0 100%}
}
@media (min-width:1200px){
    .col-xl-1{max-width:8.333333%;flex:0 0 8.333333%}
    .col-xl-2{max-width:16.666667%;flex:0 0 16.666667%}
    .col-xl-3{max-width:25%;flex:0 0 25%}
    .col-xl-4{max-width:33.333333%;flex:0 0 33.333333%}
    .col-xl-5{max-width:41.666667%;flex:0 0 41.666667%}
    .col-xl-6{max-width:50%;flex:0 0 50%}
    .col-xl-7{max-width:58.333333%;flex:0 0 58.333333%}
    .col-xl-8{max-width:66.666667%;flex:0 0 66.666667%}
    .col-xl-9{max-width:75%;flex:0 0 75%}
    .col-xl-10{max-width:83.333333%;flex:0 0 83.333333%}
    .col-xl-11{max-width:91.666667%;flex:0 0 91.666667%}
    .col-xl-12{max-width:100%;flex:0 0 100%}
}
@media (max-width:575px){
    .hidden-xs{display:none!important}
}
@media (min-width:576px) and (max-width:767px){
    .hidden-sm{display:none!important}
}
@media (min-width:768px) and (max-width:991px){
    .hidden-md{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-lg{display:none!important}
}
@media (min-width:1200px){
    .hidden-xl{display:none!important}
}