@charset "utf-8"; /*-------------------------全局属性--------------------------*/ html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{width:100%;background:#f8f8f8;position:relative;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;font-weight:400;line-height:1.4;color:#333;font-size:1.4rem} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{margin:0;padding:0;}input,button{border:none;outline:none;}select,textarea{outline:none;}ul,li{list-style:none;list-style-type:none;}.clear{clear:both;}a,a:link,a:visited{text-decoration:none;}img{max-width:100%;/*禁止长按保存图片*/-webkit-user-select:none;pointer-events:none;} /*-------------------------公共样式--------------------------*/ .width{width:100%;max-width:1398px;margin:0 auto;text-align:center;overflow:hidden;} .text-left{text-align:left;}.font-weight{font-weight:bold;}.margin-top5{margin-top:5px;}.margin-top10{margin-top:10px;}.margin-top15{margin-top:15px;}.margin-top20{margin-top:20px;} .padding2{padding:20px;}.padding1{padding:10px;} .h5{height:0.5rem;width:100%;overflow:hidden}/*---rem是相对于根元素，em都是以的“font-size”为基准---*/ .h10{height:1rem;width:100%;overflow:hidden} .h15{height:1.5rem;width:100%;overflow:hidden} .h20{height:2rem;width:100%;overflow:hidden} .h25{height:2.5rem;width:100%;overflow:hidden} .h30{height:3rem;width:100%;overflow:hidden} .h40{height:4rem;width:100%;overflow:hidden} .h50{height:5rem;width:100%;overflow:hidden} .h60{height:6rem;width:100%;overflow:hidden} .h80{height:8rem;width:100%;overflow:hidden} .h90{height:9rem;width:100%;overflow:hidden} .f1{font-size:1.2rem;}/*12px*/ .f2{font-size:1.4rem;}/*14px*/ .f3{font-size:1.6rem;}/*16px*/ .f4{font-size:1.8rem;}/*18px*/ .f5{font-size:2rem;} /*20px*/ .f_c999{color:#999999;}.f_c666{color:#666666;}.f_red{color:#FF0000;}.f_blue{color:#3366FF;}.f_green{color:#009933;}.f_purple{color:#663366;}.f_orange{color:#FFCC00;}.f_brown{color:#663300;}.f_pink{color:#FF6699} .od_window{ height: 100%; display: flex; flex-direction: column; } .od_header{height:80px;background-color: #f8f8f8;border-bottom:#0e90d2 6px solid;padding-top:43.5px;} .od_main { flex: 1; display: flex; overflow-y: hidden; } .od_left_menu{ height: 100%; width: 250px; overflow-y: auto; } .od_box{ flex: 1;border-left:#0e90d2 3px solid; height: 100%; padding-left:10px; display: flex; flex-direction: column; } .od_box_title{height:38px; line-height:38px;} .od_content { flex: 1; background-color: #fff; overflow-y: auto; padding:1%; } .menu-left-bd li{border-bottom:#e9e9e9 1px solid;}.menu-left-bd li:last-child{border-bottom:none;} .up_img_preview{ list-style: none; /* 移除默认列表符号 */ padding: 0; /* 移除默认内边距 */ margin: 0; /* 移除默认外边距 */ display: flex; /* 设置为flex布局 */ } .up_img_preview div{ display: inline-block;margin-right: 10px;text-align:center; } .container{ width:100%;overflow:hidden; display: grid; /* 将容器设置为flex布局 */ } .column,.item{ float: left;border-right:#e9e9e9 1px solid;height:auto; margin-top:5px; padding: 12px; /* 间距也可自定义 */ } /* 第一列、最后一列不添加右边外边距 */ .column:last-child,.item:first-child,.item:last-child { margin-right: 0;border-right:none; } /* 清除浮动 */ .clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .od_address{padding:10px;border-top:#e9e9e9 1px dotted;}