.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: #040027; font-family: Arial, "Microsoft YaHei", PingFangSC-Regular, "Hiragino Sans GB", "Droid Sans Fallback", "WenQuanYi Micro Hei", sans-serif; background: rgba(61, 249, 193, .1); } * a {color: #040027; } * a:visited {text-decoration: none; color: #040027; } * a:hover {color: red; text-decoration: none; } * a:active {text-decoration: underline; color: #040027; } /*解决文字过长，自己隐藏// */ .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; } /*----------------------------------通用 列表页--------------------------------------*/ /*----------------------------------通用 列表页//--------------------------------------*/