html{font-size:100%;}
html,body{width: 100%;height: 100%;position: relative;}
*{margin: 0;padding: 0;font-family: helvetica, Arial,"PingFang SC","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu","PingFang SC";word-wrap:break-word;}
body{background-color:#f9f9f9; }
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,label{margin:0px;padding:0px;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;margin: 0;}
i,em{font-style: normal;}
section, article, aside, header, footer, nav, dialog, figure {display: block;}
a{text-decoration:none;outline: medium none;}
a:hover{text-decoration:none;}
img{border:0; vertical-align:middle;max-width:100%;max-height: 100%;width: 100%;}
ul,ol,li{list-style:none;}
input, button, select, textarea{outline: none;background:none;border: 0 none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family: helvetica, Arial,"PingFang SC","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu","PingFang SC";word-wrap:break-word;}
input::placeholder ,textarea::placeholder{color: #CCCCCC;font-weight: initial;}
table{border-collapse: collapse;border-color: #EEEEEE;}
.fb{font-weight: bold;}
.clear{clear:both;overflow: hidden;}
.row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.dib{display: inline-block;}
.db{display: block;}
.df{display: flex;}
.jc_fs{justify-content: flex-start;}
.jc_fe{justify-content: flex-end;}
.jc_c{justify-content: center;}
.jc_sa{justify-content: space-around;}
.jc_sb{justify-content: space-between;}
.jc_se{justify-content: space-evenly;}
.jc_initial{justify-content: initial;}
.ai_fs{align-items: flex-start;}
.ai_fe{align-items: flex-end;}
.ai_c{align-items: center;}
.ai_initial{align-items: initial;}
.bs_bb{box-sizing: border-box;}
.coverimg{width: 100%;height: 100%;object-fit: cover;}
/*修改滚动条样式*/
body::-webkit-scrollbar{width:5px;height:5px;}
body::-webkit-scrollbar-track{background: #efefef;}
body::-webkit-scrollbar-thumb{background: #bfbfbf;}
body::-webkit-scrollbar-corner{background: #333;}
textarea::-webkit-scrollbar{width:8px;}
textarea::-webkit-scrollbar-thumb{background: #DDDDDD;border-radius: 4px;}
textarea::-webkit-scrollbar-track{background: #F2F2F2;border-radius: 4px;}
.auto_scrollbar::-webkit-scrollbar{width:4px;}
.auto_scrollbar::-webkit-scrollbar-thumb{background: #DDDDDD;border-radius: 4px;}
.auto_scrollbar::-webkit-scrollbar-track{background: #F2F2F2;border-radius: 4px;}
/*单选多选
<label class="la">
	<div class="chkbox">
		<input class="ckb" type="checkbox" />
		<span class="sp"><i class="iconfont icon-gouxuan"></i></span>
	</div>
	text
</label>
*/
.la{display: flex;align-items: center;font-size: 0.73vw;color: #333333;-ms-user-select: none;-ms-touch-select: none;-moz-user-select: none;-webkit-user-select: none;cursor: pointer;}
.la .chkbox{width: 0.73vw;height: 0.73vw;position: relative;margin-right: 0.42vw;}
.la .chkbox .ckb{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}
.la .chkbox .sp{width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #CCCCCC;border-radius: 0.1vw;position: relative;z-index: 1;background: #f7f7ff;display: flex;justify-content: center;align-items: center;color: #f7f7ff;}
.la .chkbox .sp .iconfont{font-size: 0.83vw;}
.la .chkbox .ckb:checked + .sp{border-color: #e60b0b;background: #e60b0b;}
.global_btn{width: 100%;height: 100%;box-sizing: border-box;background: #fff;border: 1px solid #F19909;color: #F19909;font-size: 1rem;margin: 0 auto;cursor: pointer;transition: all 0.3s ease-in-out;display: flex;align-items: center;justify-content: center;}



:root{
	--red:#f0413e;/*color red #f0413e*/
}


body{font-size: 16px;}
.wrap{width: 100%;min-height: 100vh;min-width: 1200px;background: #f5f5f5;position: relative;box-sizing: border-box;display: flex;flex-direction: column;color: #333;}
.wrap .wrap_body{flex: 1;box-sizing: border-box;padding-bottom: 20px;}
.center{width: 1200px;height: 100%;margin: 0 auto;min-width: 1200px;}
.nodata{display: inline-block !important;text-align: center;width: 100%;}
.image-slot{display: flex;align-items: center;justify-content: center;}
.el-image{width: 100%;height: 100%;}
.green{color: green;}
.red{color: red;}
.yellow{color: #F19909;}
.blue{color: #1e90ff;}