.cs1{border:1px red solid}
.cs2{border:1px #000 solid}

html, body {height: 100%;}
body,div,img,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,label,form,input,textarea{margin:0;padding:0}
ul,li,ol,dl{list-style-type:none;}
.left{float:left}
.right{float:right}

.m-0{margin:0 !important}
.m-1{margin:0.25rem !important}
.m-2{margin:0.5rem !important}
.m-3{margin:1rem !important}
.m-4{margin:1.5rem !important}
.m-5{margin:3rem !important}
.m-auto{margin:auto !important}

.p-0{padding:0 !important}
.p-1{padding:0.25rem !important}
.p-2{padding:0.5rem !important}
.p-3{padding:1rem !important}
.p-4{padding:1.5rem !important}
.p-5{padding:3rem !important}
.p-auto{padding:auto !important}

.mt-2{margin-top: 0.5rem !important}
.mt-2-1{margin-top: 0.4rem !important}

.mb-2{margin-bottom: 0.5rem !important}
.ml-2{margin-left: 0.5rem !important}
.mr-2{margin-right: 0.5rem !important}
.mx-2{margin-right: 0.5rem !important;margin-left: 0.5rem !important}
.my-2{margin-top: 0.5rem !important;margin-bottom: 0.5rem !important}

.mt-3{margin-top: 1rem !important}
.mt-3_2{margin-top: 2rem !important}
.mb-3{margin-bottom: 1rem !important}
.ml-3{margin-left: 1rem !important}

.ml-3-1{margin-left:0.5%!important}
.ml-3-2{margin-left:1%!important}

.mr-3{margin-right: 1rem !important}

.mr-3-1{margin-right:-1%!important}

.mx-3{margin-right: 1rem !important;margin-left: 1rem !important}
.my-3{margin-top: 1rem !important;margin-bottom: 1rem !important}
.my-4{margin-top: 1rem !important;margin-bottom: 0.5rem !important}

.pt-2{padding-top: 0.5rem !important}
.pt-2_2{padding-top: 2rem !important}
.pt-2_12{padding-top: 1.2rem !important}
.pb-2{padding-bottom: 0.5rem !important}
.pb-3{padding-bottom: 1rem !important}
.pl-2{padding-left: 0.5rem !important}
.pr-2{padding-right: 0.5rem !important}
.px-2{padding-right: 0.5rem !important;margin-left: 0.5rem !important}
.py-2{padding-top: 0.5rem !important;margin-bottom: 0.5rem !important}


        
.pr1_1f{padding-right:1rem !important}
.pl1_1f{padding-left:1rem !important}
/*用了pr1_1f后，会有底部高度会缩小，用pd01_1f的 hack解决*/
.pd01_1f{padding-bottom:0.3rem}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
.pd01_1f{padding-bottom:0.1rem}
}

_:-ms-lang(x), 
_::-webkit-meter-bar, 
.pd01_1f{padding-bottom:0.32rem}
/*解决row间隔问题和hack// */
        
.img-responsive{display:inline-block;height:auto;max-width:100%!important}

.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

body{color:#5A5A5A}

* a{color:#5A5A5A;}
* a:visited {text-decoration:none;color:#5A5A5A;}
* a:hover{color:#FF7C00; text-decoration:none;}
* a:active {text-decoration:underline;color:#5A5A5A;}

/*解决文字过长，自己隐藏// */
.text_hidden_1f{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*字体颜色*/
.red{color:red!important}
.f_heise{color:#000;}
.fc-f60{color:#F60}
.fc-f90{color:#F90}
.f_red{color:red}
.f_blue{color:blue}
.f_yellow{color:yellow;}
.f_green{color:green}
.f_green2{color:#00FF00}
.f_light_blue{color:#00FFFF}/*浅蓝*/
.f_zise{color:#800080}
.f_fense{color:#FF00FF;}
.f_shenhong{color:#800000;}

/*背景颜色*/
.f_bj_heise{background-color:#000;}
.f_bj_red{background-color:red}
.f_bj_blue{background-color:blue}
.f_bj_green{background-color:green}
.f_bj_green2{background-color:#00FF00}
.f_bj_yellow{background-color:yellow;}
.f_bj_light_blue{background-color:#00FFFF}/*浅蓝*/

/*字体大小*/
.f_font16{font-size:16px!important;}
.f_font20{font-size:20px!important;}
.f_font30{font-size:30px!important;}
.f_font40{font-size:40px!important;}




/*----------------------------------通用 列表页--------------------------------------*/

/*----------------------------------通用 列表页//--------------------------------------*/