@charset "utf-8";

@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

@font-face
{font-family: YouSheBiaoTiHei;
src: url('YouSheBiaoTiHei-2.ttf')}

body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit;font-family: 'PingFang SC','PingFangMedium',"microsoft yahei";/* font-family: "microsoft yahei"; */font-size: 0.16rem;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}

.fl{float:left;}

.fr{float:right;}

ul,li{ list-style:none; }

a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}

pre{word-break: break-word;}

:focus{outline:none!important;border-color:inherit;}

.clearfix{*zoom: 1;}

.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}

.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}

h3,h4,h5,h6{font-weight: normal;}

em,i{font-style:normal;}

*{box-sizing:border-box;color: #333;}
 
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}

input[type="button"]{border:none;}

textarea {  -webkit-appearance: none;}  

.auto{margin:0 auto;width: 16.7rem;}

:hover{transition: all .2s;}

.img_hover_wrap{overflow: hidden;}

.img_hover{transition: all .3s;}

.img_hover:hover{transform: scale(1.05,1.05);}

.img_traslate{transition: all .3s;}

.img_traslate:hover{transform: translateY(-10px);}

.img_rotate{transition: all .3s;}

.img_rotate:hover{transform:rotate(-360deg);}

.bold{font-weight: bold;}

.normal{font-weight: normal!important;}

.center{text-align: center!important;}

.img{/* width: 100%; */display: block;    height: auto;}

.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ele{position:relative;}

.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}

.ipt{display: block;border:none;}

.ipt_button{cursor: pointer;}

.item_scale .icon{transition: all .3s;}

.item_scale:hover .icon{transform: scale(1.05,1.05);}

.text-left{text-align: left!important;}

.text-right{text-align: right!important;}

.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}

.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}

body{overflow-x: hidden;}

.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}

.item:hover .imgbox .img{transform: scale(1.1,1.1);}


.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}

.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.block{display: block!important;}


.flipx .icon{transition: all .3s;}

.flipx:hover .icon{transform:scaleX(-1);}

.scale .icon{transition: all .3s;}

.scale:hover .icon{transform: scale(1.1,1.1);}


.underline:hover{text-decoration: underline;}

label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 


.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}

.flex-align-start{align-items: flex-start;}

.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.flex-align-end{align-items: flex-end;}

.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}

.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}

.flex-pack-start{justify-content: flex-start;}

.flex-pack-end{justify-content: flex-end;}

.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: flex;}

.flex-w{flex-wrap:wrap;}

.flex-1{flex:1;overflow: hidden;}

.flex-11{flex:1;}

html{font-size: 5.2083vw;}

::-webkit-scrollbar{width: .05rem;height: 6px;} 
::-webkit-scrollbar-track {background-color:transparent;} 
::-webkit-scrollbar-thumb { background-color:#ddd;border-radius:0;} 
::-webkit-scrollbar-button { display:none;} 
::-webkit-scrollbar-resizer {display:none;}

.hidden{overflow: hidden;}
.scrolly{overflow-y:scroll;}
.scrolly::-webkit-scrollbar{width: 0;} 
.scrollybg{overflow-y:scroll !important;}
.scrollybg::-webkit-scrollbar{width: .05rem;} 

.relative{position:relative;}

.body{height: 100vh;background:url(../images/img_01.jpg) no-repeat center;background-size:cover;}
a,a:hover{color:inherit;transition: all 0s;}

.img_full{width: 100%;height: 100%;object-fit: cover;}


.m{background-color: #fff;border-radius:.1rem;padding: 0.2rem;}
.mb20{margin-bottom: 0.2rem!important;}
.c-main{color:#1a58f9!important;}
.h100{height: 100%;}

/* index */
.idx-sec{padding:.2rem .7rem;background:url(../images/idx_01.jpg) no-repeat center;background-size:cover;display: flex;justify-content: flex-start;align-items: flex-start;height: 100vh;overflow: hidden;flex-direction: column;}
.idx-sec .list{/*max-width: 7.6rem;display: flex;flex-wrap: wrap;justify-content: space-between;*/height: 100%;display: flex;}
.idx-sec .list .row{display: flex;}
.idx-sec .list .item{border-radius:.16rem;border:.02rem solid #fff;background-color: rgba(255,255,255,.1);padding:.2rem .15rem;display: block;width: 3.5rem;height: 2.3rem;margin:.26rem 0;transition: all .3s;margin-right: 0.6rem;}
.idx-sec .list .box{width: 100%;height: 100%;background-color: rgba(255,255,255,.8);display: flex;flex-direction: column;border-radius:.16rem;overflow: hidden;border:.02rem solid #fff;box-shadow:0 0 .08rem rgba(29,42,121,.15);}
.idx-sec .list .top{display: flex;align-items: center;padding:0 0.2rem 0 .3rem;flex:1;overflow: hidden;position:relative;}
.idx-sec .list .icon{width: 0.7rem;margin-right: 0.2rem;}
.idx-sec .list .title{font-size: 0.26rem;color:#000000;font-weight: bold;}
.idx-sec .list .fz{font-size: 0.18rem;color:#666666;text-transform: uppercase;margin-top: 0.04rem;}
.idx-sec .list .bot{height: 0.52rem;background-color: #1a58f9;display: flex;align-items: center;justify-content: center;height: 0;overflow: hidden;transition: all .3s;}
.idx-sec .list .arrow{width: 0.38rem;}
.idx-sec .list .item:hover .bot{height: 0.52rem;}

.idx-sec .list .col{display: flex;flex-direction: column; height: 100%;margin-right:5%;}
.idx-sec .list .col .item{height: calc(25% - 0.15rem);margin:0 0 0.2rem;}
.idx-sec .list .col .item:last-child{margin-bottom:0;}
.idx-sec .footer{margin-top: 0.2rem;text-align: center;width: 100%;}

/* 统计看板 */
.head{height: 0.9rem;background:url(../images/img_02.png) no-repeat center;background-size:cover;position: relative;}
.head .back{font-size: 0.3rem;color:#1a58f9;background:url(../images/icon_03.png) no-repeat center;background-size:cover;width: 2.5rem;height: 0.82rem;display: flex;align-items: center;justify-content: center;font-family: 'YouSheBiaoTiHei';padding-right: 0.2rem;}
.head a.back::before{content:'';width: 0.26rem;height: 0.26rem;margin-right: 0.1rem;background:url(../images/icon_02.png) no-repeat center;background-size:contain;}
.head a.back:hover{color:#ffab00;background-image:url(../images/icon_03-1.png)}
.head a.back:hover::before{background-image:url(../images/icon_02-1.png)}


.head .bt{font-size: 0.4rem;color:#1a58f9;font-family: 'YouSheBiaoTiHei';letter-spacing: .02rem;width: 6.3rem;position: absolute;left: 50%;top: 0;line-height: 0.75rem;text-align: center;transform: translate(-50%,0);}
.head .r{position: absolute;right: 0.3rem;top: 50%;transform: translate(0,-50%);display: flex;align-items: center;}
.hd-user{}
.hd-user .font{font-size: 0.26rem;color:#000000;display: flex;align-items: center;cursor:pointer}
.hd-user .font::after{content:'';margin-left: 8px;display: block;width: 0.2rem;height: 0.14rem;background:url(../images/icon_06.png) no-repeat center;background-size:contain;}
.hd-user .hdpic{width: .44rem;height: .44rem;border-radius:50%;margin-right: 8px;}
.hd-quit{margin-left: 0.3rem;width: 0.4rem;height: 0.4rem;background:url(../images/icon_07.png) no-repeat center;background-size:.36rem;cursor: pointer;}

.hd-date{font-size: 0.2rem;color:#666666;display: flex;align-items: center;}
.hd-date .ipt-date{border-radius:.05rem;height: 0.4rem;line-height: 0.38rem;color:#333;padding:0 .15rem 0 0.47rem;border:1px solid #ddd;width:1.9rem;background:url(../images/board_06.png) no-repeat .15rem center #fff;background-size:.22rem;cursor: pointer;}
.hd-date .int{font-size: 0.2rem;color:#333;margin:0 .1rem;}
.hd-date .layui-form-select dl{top: 0.42rem;}


.container{flex:1;overflow: hidden;padding:.15rem .3rem .25rem;}
.pub-tt{margin-bottom: 0.2rem;display: flex;justify-content: space-between;position:relative}
.pub-tt .bt{font-size: 0.28rem;color:#000;display: flex;align-items: center;font-weight: bold;}
.pub-tt .bt::before{content:'';width: 0.06rem;height: 0.26rem;background-color: #1a58f9;border-radius:.03rem;margin-right: 0.16rem;}
.pub-tt .anniu{font-size: 0.2rem;color:#fff;min-width: 1.2rem;height: 0.5rem;padding:0 .2rem;display: flex;align-items: center;justify-content: center;border-radius:.05rem;margin-right: 0.25rem;background-color: #386ffd;border:0;cursor: pointer;}
.pub-tt .anniu:hover{background-color: #084bf7!important;}

.board-con .m{padding: 0.15rem;}


.board-mod3{width: 27.5%;height: 100%;}
.board-mod4{margin-right: 0.2rem;width: 25%;height: 100%;}
.board-mod5{height: 100%;}

.board-mod1 .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -4%;}
.board-mod1 .list .item{border-radius:.1rem;height: 1.35rem;padding:.2rem .18rem;display: flex;flex-direction: column;width: 48%;justify-content: space-between;margin-top: 4%;}
.board-mod1 .list .fz{font-size: 0.2rem;color:rgba(255,255,255,.7);}
.board-mod1 .list .fz i{font-size: 0.32rem;color:#fff;font-weight: bold;font-family: 'DIN';margin-right: 0.05rem;}
.board-mod1 .list .wz{font-size: 0.2rem;color:rgba(255,255,255,.7);}
.board-mod1 .list .item:nth-child(1){background:url(../images/board_01.png) no-repeat center;background-size:cover;}
.board-mod1 .list .item:nth-child(2){background:url(../images/board_02.png) no-repeat center;background-size:cover;}
.board-mod1 .list .item:nth-child(3){background:url(../images/board_03.png) no-repeat center;background-size:cover;}
.board-mod1 .list .item:nth-child(4){background:url(../images/board_04.png) no-repeat center;background-size:cover;}


.board-mod2{}
.board-mod2 .detail{display: flex;justify-content: space-between;}
.board-mod2 .lbox{width: 33%;}
.board-mod2 .rbox{width: 65%;}
.board-mod2 .chart{height: 100%;}

.board-mod2 .table-box .table-head-w{background-color: #fff;}
.board-mod2 .table-head th{color: #666666;background-color: #fff;}
.board-mod2 .table-head th, .board-mod2 .table-body td{height: 0.48rem;}
.board-mod2 .table-box tbody tr:nth-child(odd){background-color: #f2f6fa;}
.board-mod2 .table-box tbody tr:nth-child(even){background-color: #fff;}

.board-mod5 .box{overflow-x:scroll;}
.board-mod5 .box .chart{height: 100%;width: 100%;}


.board-con .pub-tt{margin-bottom:0.1rem;}

.board-mod2,.board-mod4{margin-right:0.2rem;width:28%;}

.board-mod1{display: flex;justify-content: space-between;}
.board-mod1 .item{border-radius:.1rem;height: 1.1rem;padding:.15rem .25rem;display: flex;flex-direction: column;width: 19.2%;justify-content: space-between;background-repeat:no-repeat;background-position:center;background-size:cover;}
.board-mod1 .fz{font-size: 0.24rem;color:rgba(255,255,255,.7);}
.board-mod1 .fz i{font-size: 0.4rem;color:#fff;font-weight: bold;font-family: 'DIN';margin-right: 0.05rem;}
.board-mod1 .wz{font-size: 0.22rem;color:rgba(255,255,255,.7);}



.board-mod4 .list{}
.board-mod4 .list .item{display: block;padding:0.2rem 0.15rem;border:1px solid #fff;border-bottom-color:#eaeef9;}
.board-mod4 .list .tt{display: flex;align-items: center;}
.board-mod4 .list .bq{font-size:0.15rem;color:#fff;line-height:1;padding:0.02rem 0.05rem;display: inline-block;margin-right:0.1rem;background: linear-gradient(to right, #6d91ff , #9ec9ff);border-radius:0.04rem;}
.board-mod4 .list .title{}
.board-mod4 .list .font{color:#55606e;margin-top:0.14rem;font-size:0.18rem;display: flex;align-items: center;justify-content: space-between;}
.board-mod4 .list .font em{color:#f82838;font-weight: bold;}
.board-mod4 .list .item:hover{border-color:#1153ff;border-radius:0.1rem;}
.board-mod4 .list .item:hover .title{color:#1a58f9;}

.idx-table .head-w{padding-right:.05rem;}
.idx-table .t-body table{height:100%}

.idx-table th,.idx-table td{font-size:0.2rem;padding:0.16rem 0;text-align: center;font-weight: normal;line-height:1.6;}
.idx-table th{color:#666666;}
.idx-table tbody tr:nth-child(even){background-color: #f2f6fa;}
.idx-table tbody tr{cursor: pointer;}
.idx-table tbody tr:hover td{color: #1a58f9;}

.idx-table td:first-child{border-radius:.05rem 0 0 .05rem;}
.idx-table td:last-child{border-radius:0 .05rem .05rem 0;}

.idx-table .lk-wz{color:#386ffd;}
.idx-table .lk-wz:hover{text-decoration: underline;}


/* 历史数据 */
.hist-top{padding:.15rem;position: relative;}

.form-bar .row{display: flex;}
.form-bar .item{display: flex;align-items: center;margin-bottom: 0.1rem;}
.form-bar .tit{font-size: 0.2rem;color:#666;margin-right: 0.06rem;}
.form-bar .info{flex:1;}
.form-bar .ipt,.form-bar .layui-form-select .layui-input{border-radius:.05rem;height: 0.4rem;line-height: 0.38rem;font-size: 0.18rem;color:#333;padding:0 .15rem;border:1px solid #ddd;}
.form-bar .select,.form-bar .ipt-txt{margin-right: 0.1rem;width: calc(100% - 0.1rem);}
.form-bar .layui-form-select .layui-edge{border-top-color: #999;}
.form-bar .int{font-size: 0.2rem;color:#333;margin:0 .1rem 0 0;}
.form-bar .ipt-date{background:url(../images/board_06.png) no-repeat .1rem center;background-size:.22rem;cursor: pointer;padding-left: 0.36rem;}
.form-bar .layui-form-select dl{top: 0.42rem;}


.layui-form-select dl dd.layui-this{background-color: #386ffd;}
.layui-form-select dl dd, .layui-form-select dl dt{font-size: 0.16rem;}


.form-bar .box{display: flex;}
.form-bar .box .input{flex:1;overflow: hidden;font-size: 0.2rem;color:#333;padding:0 .2rem;border:1px solid #ddd;border-radius:.05rem;}
.form-bar .box .submit,.form-bar .box .anniu{border-radius:.05rem;height: 0.5rem;font-size: 0.2rem;display: flex;align-items: center;justify-content: center;border:0;cursor: pointer;}
.form-bar .box .submit::before,.form-bar .box .anniu::before{content:'';width: 0.22rem;height: 0.22rem;margin-right: 0.08rem;}
.form-bar .box .submit::before{background:url(../images/icon_08.png) no-repeat center;background-size:contain;}
.form-bar .box .anniu::before{background:url(../images/icon_09.png) no-repeat center;background-size:contain;}
.form-bar .box .submit{width: 1.1rem;color:#fff;background-color: #386ffd;margin-left: 0.15rem;}
.form-bar .box .submit:hover{background-color: #0c4df6;}
.form-bar .box .anniu{width: 1.5rem;color:#386ffd;margin-left: 0.1rem;background-color: #d6e0ff;}
.form-bar .box .anniu:hover{background-color: #0c4df6;color:#fff;}
.form-bar .box .anniu:hover::before{background-image:url(../images/icon_09-1.png);}


.form-bar .hidebox{display: none;margin-bottom: 0.1rem;}



.hist-sear-drop .row{margin-left: -3%;}
.hist-sear-drop .item{width: 30.3%;margin:0 0 .1rem 3%;}
.hist-sear-drop .tit{min-width: 1.2rem;}
.hist-sear-drop .ipt-txt{width: 1.95rem;}
.hist-sear-drop .btns{display: flex;justify-content: center;}
.hist-sear-drop .button{width: 1rem;line-height: 0.44rem;border-radius:.05rem;font-size: 0.16rem;color:#386ffd;margin:0 .15rem;border:none;cursor: pointer;background-color: #d6e0ff;}
.hist-sear-drop .button.this{background-color: #386ffd;color:#fff;}
.hist-sear-drop .button:hover{background-color: #0c4df6;color:#fff;}


.hist-l{width: 3.1rem;margin-right: 0.2rem;padding:.15rem;overflow-y: scroll;}

.hist-tree{position: relative;height: 100%;}
.hist-tree .tit{font-size: 0.22rem;color:#333;font-weight: bold;line-height: 0.4rem;position: relative;z-index:20;}
.hist-tree .tit::before{content:'';width: 0.22rem;height: .22rem;background:url(../images/icon_10.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;margin-right: 0.05rem;}
.hist-tree .drop{padding-left: 0.27rem;}
.hist-tree .row{font-size: 0.2rem;color:#505969;line-height: 0.38rem;cursor: pointer;position: relative;padding-left: 0.1rem;border-radius: 0.05rem;}
.hist-tree .row::before{content:'';width: 0.2rem;height: .2rem;background:url(../images/icon_11.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;margin-right: 0.05rem;}
.hist-tree .row:hover,.hist-tree .row.checked{color:#386ffd;}
.hist-tree .row.checked{background-color: #386ffd;color:#fff}

.hist-tree::before{content:'';position: absolute;left: 0.1rem;top: .16rem;bottom: 0;width: 1px;}
.hist-tree .row::after{content:'';position: absolute;left: -.15rem;top: 50%;border-top:1px dashed #ddd;width: 0.1rem;}

.layui-tree-main{width: 100%;display: flex;align-items: center;}
.layui-tree-entry{height: auto;padding:0.07rem 0;}
.layui-tree-icon{height: 0.18rem;line-height: 1;width: 0.18rem;display: flex;align-items: center;justify-content: center;}
.layui-tree-icon .layui-icon{font-size: 0.14rem;display: flex;align-items: center;justify-content: center;}
.layui-icon-addition:before{font-size: 0.14rem;}
.layui-tree-txt{font-size: 0.18rem;}
.layui-tree-iconClick .layui-icon{font-size: 0.18rem;}

.layui-tree .active>.layui-tree-entry{background-color: #386ffd;color: #fff; border-radius: 0.05rem;}
.layui-tree .active>.layui-tree-entry .layui-tree-main *{color: #fff!important;}


.table-box{}
.table-box .table-head-w{padding-right: 0.05rem;background-color: #386ffd;border-radius:.05rem;overflow: hidden;}
.table-head th,.table-body td{font-size: 0.2rem;padding: 0.15rem 0 0.15rem .2rem;line-height: 0.3rem;text-align: left;height: 0.7rem;}
.table-head th{color:#fff;background-color: #386ffd;}
.table-body td{color:#333333;}
.table-box tbody tr:nth-child(even){background-color: #f2f6fa;}
.table-body tbody tr{cursor: pointer;}
.table-body tbody tr.checked{background-color: #dfe7ff;border: 1px solid #5d9ccd;}
.table-body tbody tr:hover {background-color: #ebf0ff;} /* * color: #386ffd!important;*/
.table-body td:first-child{border-radius:.05rem 0 0 .05rem;}
.table-body td:last-child{border-radius:0 .05rem .05rem 0;}
.table-box.center .table-head th,.table-box.center .table-body td{padding:0.1rem 0.1rem;text-align: center;}
.table-body a:hover{color: #1a58f9;}


.table-box .arr{display: inline-block;vertical-align: middle;cursor: pointer;}
.table-box .arr i{width: 0.14rem;height: 0.09rem;display: block;margin: 0;margin:.02rem 0;}
.table-box .arr .up{background:url(../images/icon_20-1.png) no-repeat center;background-size:contain;}
.table-box .arr .down{background:url(../images/icon_20-1.png) no-repeat center;background-size:contain;transform: rotate(180deg);}
.table-box .arr .up.this{background-image:url(../images/icon_20.png)}
.table-box .arr .down.this{background-image:url(../images/icon_20.png)}

.table-box .lk-wz{color:#386ffd;text-decoration: underline;}
/* 分页 */
.pagelist{text-align: center;margin-top: 0.2rem;}
.pagelist *{font-size: 0.16rem;}
.layui-laypage{margin: 0;}
.layui-laypage a, .layui-laypage span{line-height: 0.3rem;height: 0.3rem;margin:0 .04rem;font-size: 0.16rem;color:#333;padding:0 .12rem;text-align: center;border:1px solid #e5e5e5;}
.layui-laypage .layui-laypage-skip{color:#333;line-height: 0.3rem;height: 0.3rem;}
.layui-laypage button, .layui-laypage input{line-height: 0.3rem;height: 0.3rem;}
.layui-laypage input{height: 0.3rem;margin:0 .05rem;}
.layui-laypage input:focus, .layui-laypage select:focus{border-color:#2169ef!important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #2169ef;}
.layui-laypage a:hover{color:#2169ef;}
.layui-laypage select{height: 0.3rem;line-height: 0.3rem;padding:0 .05rem;}
.layui-laypage-btn:hover{background-color: #2169ef;color:#fff;}



/* 案例-推荐检测 */
.case-menu{display: flex;position: relative;padding:0 0 .2rem;border-bottom:1px solid #ddd;margin-bottom: 0.2rem;}
.case-menu .lk{font-size: 0.22rem;width: 1.8rem;height: 0.7rem;border-radius:.05rem;display: flex;align-items: center;justify-content: center;}
.case-menu .ico{width: 0.24rem;margin-right: 0.12rem;}
.case-menu .ico-h{display: none;}
.case-menu .lk.cur{color:#fff!important;background-color: #386ffd;}
.case-menu .lk.cur .ico-s{display: none;}
.case-menu .lk.cur .ico-h{display: block;}
.case-menu .lk1.cur{background-color: #ffc547;}
.case-menu .lk3.cur{background-color: #4bd397;}
.case-menu .lk:hover{color: #386ffd;}




.case-form{margin-bottom: 0.2rem;}



.table-box .pp{font-size: 0.12rem;color:#fff;line-height: 0.18rem;display: inline-block;vertical-align: middle;padding:0 .06rem;border-radius:.08rem .08rem .08rem 0;background-color: #ff3141;display: inline-block;vertical-align: super;margin:-.03rem 0 0 .05rem;}

/* 案例-查询 */
.case-form .col5{margin-left: -2%;}
.case-form .col5 .item{width: 18%;margin-left: 2%;}

.table-box .more::before{content:'';width: 0.18rem;height: 0.18rem;background:url(../images/icon_15.png) no-repeat center;background-size:.18rem;padding-left: 0.23rem;}
.table-box .more:hover{color:#386ffd;}
.table-box .more:hover::before{background-image:url(../images/icon_15-1.png)}

#caseCon{/*padding:0 .15rem .2rem;*/}

/* 案例-复检计划 */
.btn-bar{display: flex;margin-bottom: 0.25rem;}
.btn-bar .ann{font-size: 0.16rem;color:#fff;min-width: 1.2rem;height: 0.44rem;padding:0 .2rem;display: flex;align-items: center;justify-content: center;border-radius:.05rem;margin-right: 0.2rem;background-color: #4bd397;border:0;cursor: pointer;}
.btn-bar .ann i{width: 0.18rem;height: 0.18rem;display: block;margin-right: 0.06rem;}
.btn-bar .addico{background:url(../images/icon_16.png) no-repeat center;background-size:contain;}
.btn-bar .modifyico{background:url(../images/icon_17.png) no-repeat center;background-size:contain;}
.btn-bar .readico{background:url(../images/icon_18.png) no-repeat center;background-size:contain;}
.btn-bar .delico{background:url(../images/icon_19.png) no-repeat center;background-size:contain;}
.btn-bar .ann:hover{background-color: #0c4df6;}

#fjCon {/*padding:0 .15rem 0.15rem;*/}


#fjCon .export{font-size: 0.2rem;color:#fff;width: 0.96rem;height: 0.5rem;line-height: 0.5rem;text-align: center;border-radius:.05rem;background-color:#386ffd;border:0;cursor: pointer;position: absolute;right: 0.15rem;}
#fjCon .export:hover{color:#fff;background-color: #1a58f9;}

/* 案例详情 */
.case-top{padding: 0.2rem;margin-bottom: 0.2rem;}
.case-top .list{display: flex;justify-content: space-between;}
.case-top .list .item{height: 1.65rem;border-radius:.16rem;width: 31.3%;padding:.3rem .3rem;display: flex;align-items: flex-start;}
.case-top .list .info{flex:1;overflow: hidden;}
.case-top .list .title{font-size: 0.26rem;color:#000000;font-weight: bold;}
.case-top .list .icon{width: 0.36rem;height: 0.36rem;margin-right: 0.14rem;}
.case-top .list .txt{font-size: 0.21rem;color:#666666;margin-top: 0.1rem;margin-left: 0.5rem;font-weight: bold;}
.case-top .list .arrow{width: 0.36rem;margin:.28rem 0 0 .25rem;}
.case-top .list .item:nth-child(1){background-color: #d9e3fe;}
.case-top .list .item:nth-child(2){background-color: #dbfffa;}
.case-top .list .item:nth-child(3){background-color: #fff2db;}

.case-sec{}
.case-sec .menu{margin-bottom: 0.3rem;}
.case-sec .menu .lk{font-size: 0.22rem;color:#000;min-width: 2.2rem;text-align: center;padding:0 .25rem;line-height: 0.7rem;height: 0.7rem;border-radius:.1rem;display: inline-block;vertical-align: middle;cursor: pointer;}
.case-sec .menu .lk.cur{color:#fff;background-color: #386ffd;}

.case-sec .bot-bar{display: flex;justify-content: center;position: relative;margin: 0.2rem 0;}
.case-sec .bot-bar .anniu{font-size: 0.18rem;color:#fff;min-width: 1.3rem;height: 0.44rem;padding:0 .2rem;display: flex;align-items: center;justify-content: center;border-radius:.05rem;background-color: #386ffd;margin:0 .1rem;}
.case-sec .bot-bar .anniu .ico{width: 0.2rem;margin-right: 0.05rem;}
.case-sec .bot-bar .anniu:hover{background-color: #0c4df6;}
.case-sec .bot-bar .l{position: absolute;left: .2rem;top: 0;display: flex;}
.case-sec .bot-bar .l .anniu{margin:0 .2rem 0 0;}

.case-sec .bot-bar .tab2Show{display: none;}
.case-sec .bot-bar .tab5Show{display: none;}



.case-cs{font-size: 0;padding:0 .5rem;}
.case-cs li{display: inline-block;vertical-align: middle;min-width:21%;margin-bottom: .45rem;padding-left:.2rem;}
.case-cs .fz{font-size: 0.2rem;color:#999999;}
.case-cs .tit{font-size: 0.22rem;color:#333333;margin-top: 0.08rem;}
.case-cs li:nth-child(5n+5){min-width: 16%;}


.case-sec .table-head th, .case-sec .table-body td{ padding: 0.1rem 0 0.1rem .3rem;}

.case-dxt{height: 100%;}
.case-dxt .pic{max-width: 100%;max-height: 95%;height: auto;width: auto;display: block;margin:0 auto;}

.case-piclist{padding:0 .2rem;}
.case-piclist .list{display: flex;flex-wrap: wrap;margin-left: -1.5%;}
.case-piclist .list .item{height: 3.3rem;width: 18.5%;margin:0 0 1.5% 1.5%;}


.case-jl{padding:0 .2rem .2rem .75rem;}
.case-jl .row{margin-bottom: 1rem;}
.case-jl .row:last-child{margin-bottom: 0;}
.case-jl .title{font-size: 0.22rem;font-weight: bold;color:#000;}
.case-jl .txt{font-size: 0.2rem;margin:.1rem 0 0 .65rem;}


.pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index:110;background-color: rgba(0,0,0,.55);display: none;}
.pop .wrapbox{position: absolute;left: 50%;top: 50%;background-color: #fff;border-radius:.2rem;transform: translate(-50%,-50%);}
.pop .close{font-size: 0.42rem;color:#bfbfbf;position: absolute;right: 0.2rem;top: 0.1rem;line-height: 1;cursor: pointer;}


.pop-jl .wrapbox{width: 7.7rem;padding: 0.45rem;min-height: 4.2rem;}
.pop-jl .row{margin-bottom: .5rem;}
.pop-jl .row:last-child{margin-bottom: 0;}
.pop-jl .title{font-size: 0.26rem;font-weight: bold;color:#000;}
.pop-jl .txt{font-size: 0.28rem;margin:.1rem 0 0 .65rem;}


.pop-bh .wrapbox{width: 11rem;padding:.75rem .7rem .5rem;}
.pop-bh .title{text-align: center;font-size: 0.26rem;font-weight: bold;margin-bottom: 0.2rem;}
.pop-bh .chart{height: 4.4rem;}

/* 腐蚀预警 */
.warn-mod1{width: 30%;margin-right: 0.2rem; }
.warn-mod1,.warn-mod2{padding:.2rem .2rem 0;}


.warn-mod2 .table-box .table-head-w{background-color: #fff;}
.warn-mod2 .table-head th{color: #666666;background-color: #fff;}
.warn-mod2 .table-head th, .warn-mod2 .table-body td{height: 0.48rem;}
.warn-mod2 .table-box tbody tr:nth-child(odd){background-color: #f2f6fa;}
.warn-mod2 .table-box tbody tr:nth-child(even){background-color: #fff;}


/* 案例推荐 */
.case-recom{padding:.2rem;}

.case-recom .l{}
.case-recom .r{width: 3.35rem;margin-left: 0.2rem;}

.table-box .monitor-icon{width: 0.3rem;height: 0.3rem;background:url(../images/case_16.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;}
.table-box .monitor-icon.this{background-image:url(../images/case_16-1.png)}

.case-recom-tp{height: 31%;}
.case-recom-tp .imgbox{border-radius:.08rem;overflow: hidden;}
.case-recom-tp .imgbox .img{width: 100%;height: 100%;}

.case-recom-tp .swiper-container,.case-recom-tp .swiper-slide,.case-recom-tp .imgbox{height: 100%;}

.case-form .tags{font-size: 0.17rem;color:#386ffd;margin-top: 0.1rem;}
.case-form .tags span{display: inline-block;vertical-align: middle;margin-right: 0.2rem;}

/* 登录 */
.login-sec{height: 100vh;background:url(../images/login_01.jpg) no-repeat center;background-size:100%;position: fixed;left: 0;top: 0;overflow: hidden;width: 100%;}
.login-logo{height: 1rem;position: absolute;top: 0.26rem;left: 0.6rem;}
.login-form{background:url(../images/login_03.png) no-repeat center;background-size:100%;position: absolute;left: 0.6rem;top: 50%;transform: translate(0,-50%);width: 7.1rem;height: 5.15rem;padding:.4rem .45rem;}
.login-form .close{font-size: 0.4rem;color:#000;position: absolute;right: 0.25rem;top: 0.18rem;line-height: 1;cursor: pointer;}
.login-form .close:hover{color: #386ffd;}
.login-form .top{margin-bottom: 0.7rem;font-size: 0.18rem;color:#666666;text-transform: uppercase;}
.login-form .top span{font-size: 0.26rem;color:#000000;font-weight: bold;margin-right: 0.2rem;}
.login-form form{width: 5.85rem;margin:0 auto;}
.login-form .row{margin-bottom: 0.24rem;display: flex;align-items: center;}
.login-form .tit{font-size: 0.2rem;color:#000;margin-right: 0.15rem;width: 0.7rem;text-align: right;}
.login-form .info{flex:1;overflow: hidden;}
.login-form .ipt-txt{width: 100%;height: 0.5rem;line-height: 0.5rem;background-color: #fff;border-radius:.05rem;border:1px solid #ebebeb;font-size: 0.2rem;color:#000;padding:0 .25rem;}
.login-form .submit{font-size: 0.24rem;color:#fff;width: 4.95rem;height: 0.6rem;line-height: 0.6rem;background-color: #386ffd;text-align: center;border-radius:.05rem;border:0;cursor: pointer;margin:.55rem 0 0 .85rem;}
.login-form .submit:hover{background-color: #1b57f4;}
.login-form .remember{margin-left: 0.85rem;display: flex;align-items: center;font-size: 0.18rem;color:#999999;}
.login-form .remember input{width: 0.16rem;height: 0.16rem;margin-right: 0.06rem;margin-top:2px}


.case-cols{display: flex;justify-content: space-between;padding:0 .2rem .2rem;}
.case-cols .col{width: 32.3%;}
.case-cols .topbox{background-color: #ffc547;border-radius:.1rem;padding:0 .15rem .2rem;}
.case-cols .topbox .tt{height: 0.6rem;font-size: 0.22rem;color:#fff;text-align: center;line-height: 0.6rem;font-weight: bold;}
.case-cols .topbox .tt em{font-size: 0.14rem;color:#fff;line-height: 0.22rem;padding:0 .05rem;background-color: #ff3141;border-radius:.1rem .1rem .1rem 0;display: inline-block;vertical-align: middle;margin:-.1rem 0 0 .03rem;font-weight: normal;}
.case-cols .topbox .bb{display: flex;align-items: center;justify-content: space-between;}
.case-cols .topbox .export{font-size: 0.2rem;color:#1a58f9;width: .9rem;line-height: 0.44rem;height: 0.44rem;text-align: center;border-radius:.08rem;background-color: #e8eefe;border:0;display: block;margin-left: 0.15rem;}
.case-cols .topbox .export:hover{background-color: #0c4df6;color:#fff}
.case-cols .date{font-size: 0.18rem;color:#fff;display: flex;align-items: center;}
.case-cols .date .ipt-date{background:url(../images/icon_21.png) no-repeat .1rem center #ffc547;background-size:.2rem;padding-left: 0.36rem;cursor: pointer;font-size: 0.18rem;line-height: 0.44rem;border:1px solid #fff;border-radius:.06rem;width: 100%;}
.case-cols .date .int{margin:0 .1rem;}

.case-cols	 .table-box{padding:0 .15rem;}
.case-cols	 .table-box .table-head th,.table-box .table-head-w{background-color: #fff;}
.case-cols	 .table-box .table-head th{color:#386ffd;}
.case-cols	 .table-box tbody tr:nth-child(odd){background-color: #f9f9f9;}
.case-cols	 .table-box tbody tr:nth-child(even){background-color: #fff;}

.login-sec #showMsg{color:red;margin-top:0.2rem;margin-left:1rem}

.template{display:none!important}

.float_list_a { height: 0.4rem;line-height: 0.4rem;display: block;text-decoration: none;font-size: 0.2rem;}


#xct-con,#mcwlt-con{height: calc(100% - 25px);margin-bottom: 0px;}
#pic-con .slick-list{height: calc(100% - 25px);}
#pic-con .slick-track{height:100%}
#pic-con .slick-dots{position: static;}


.textPlaneSign {color: #000!important;background: #FFFFA4 !important;border: 1px solid #ccc;}

.taskNotifyer{background:url("../../newIndex/images/sprite/bg_jd.png") no-repeat scroll 0 -231px transparent;display:none;padding-left: 6px;position:absolute;top:20%;right:2rem;z-index:20;color: #FFFFFF;text-decoration: none;}
.taskNotifyer span{background:url("../../newIndex/images/sprite/bg_jd.png") no-repeat scroll 102% -595px transparent;display:inline-block;height:20px;text-align:left;padding-right: 6px;}


/* 在线监控月报 */
.yb-menu{background-color: #fff;margin-bottom: 0.2rem;border:0;padding: 0;}
.yb-menu .lk{min-width: 2.75rem;}

.yb-mod{padding:0.2rem;}


.yb-jk{}
.yb-jk .date{font-size: 0.18rem;color:#999999;margin-bottom: 0.2rem;}
.yb-jk .date em{color:#333;margin-left: 0.05rem;}
.yb-jk .list{display: flex;width: 28%;justify-content: space-between;border-right:1px solid #e5e5e5;margin-right: 0.3rem;}
.yb-jk .list .col1{width: 54%;margin-right: 0.2rem;}
.yb-jk .list .col2{width: 42%;margin-right: 0.2rem;}
.yb-jk .list .item{height: 1.2rem;border-radius:0.12rem;margin-bottom: 0.1rem;overflow: hidden;position: relative;}
.yb-jk .list .item:last-child{margin-bottom: 0;}
.yb-jk .list .box{position: absolute;width: 100%;padding:0 0.15rem;top: 0.2rem;}
.yb-jk .list .num{font-size: 0.38rem;color:#fff;font-family: 'DIN';}
.yb-jk .list .font{font-size: 0.17rem;color:rgba(255,255,255,.7);margin-top: 0.04rem;}

.yb-jk .list .col2 .item{height: 2.5rem;}
.yb-jk .list .col2 .box{top: 1.15rem;}

.yb-jk .line{width: 1px;height: 2.1rem;margin:0 0.2rem 0 0.3rem;background-color: #e5e5e5;}
.yb-jk .smtit{font-size: 0.22rem;}
.yb-jk .smtit em{color:#999999;font-size: 0.17rem;margin-left: 0.08rem;}
.yb-jk .chart{height: 2.25rem;}



.yb-jbd{width: 45%;margin-right: 0.2rem;}
.yb-jbd .grps{display: flex;flex-wrap: wrap;margin-bottom: 0.15rem;}
.yb-jbd .grps .grp{font-size: 0.2rem;margin-right: 0.4rem;display: flex;align-items: center;}
.yb-jbd .grps .ico{width: 0.26rem;display: inline-block;vertical-align: middle;margin-right: 0.06rem;}
.yb-jbd .grps .grp:last-child{margin-right: 0;}
.yb-jbd .top-tit{font-size: 0.22rem;margin-bottom: 0.1rem;}

.yb-jbd .list{display: flex;justify-content: space-between;}
.yb-jbd .list .item{width: 48.2%;}
.yb-jbd .list .imgbox{border:1px solid #dce3ef;border-radius:0.1rem;overflow: hidden;height: 3.2rem;display: flex;align-items: center;justify-content: center;}
.yb-jbd .list .title{font-size: 0.2rem;text-align: center;margin-top: 0.15rem;}



.yb-pmt{}
.yb-pmt .col{width: 48.6%;margin:0 0.1rem;}
.yb-pmt .title{font-size: 0.2rem;margin-bottom: 0.15rem;}
.yb-pmt .imgbox{border:1px solid #dce3ef;border-radius:0.1rem;overflow: hidden;}
.yb-pmt .imgbox .img{width: 100%;display: block;}
.yb-pmt .font{display: flex;flex-wrap: wrap;margin-top: 0.2rem;}
.yb-pmt .font span{font-size: 0.2rem;margin-right: 0.45rem;}
.yb-pmt .font span:last-child{margin-right: 0;}



.yb-jk.test .list{width: 2.8rem;padding-right: 0.2rem;display: block;}
.yb-jk.test .chart{height: 2.65rem;}


.yb-test{}
.yb-test .menu{display: flex;}
.yb-test .menu .lk{font-size: 0.22rem;color:#000000;line-height: 0.7rem;border-radius:0.1rem;min-width: 2.4rem;padding:0 0.25rem;cursor: pointer;margin-right: 0.15rem;text-align: center;}
.yb-test .menu .lk.cur{color:#fff;background-color: #386ffd;}
.yb-test .detail{padding:0.15rem;}

.yb-test .table-box{min-height: 4rem;}


.table-box .level{font-size: 0.2rem;color:#fff;width: 1rem;line-height: 0.4rem;border-radius:0.2rem;display: inline-block;vertical-align: middle;}
.table-box .level.gao{background-color: #ff5151;}
.table-box .level.zhong{background-color: #f2d708;}
.table-box .level.di{background-color: #2cbd94;}
.table-body tbody tr:hover .level{color:#fff!important;}


.pop-msg{display: block;}
.pop-msg .wrapbox{width: 7rem;min-height: 3.8rem;padding:0.4rem 0.4rem;}
.pop-msg .bt{font-size: 0.3rem;font-weight: bold;display: flex;align-items: center;}
.pop-msg .bt:before{content:'';width: 0.1rem;height: 0.3rem;background-color: #386ffd;border-radius:0 0.05rem 0.05rem 0;margin-left: -0.4rem;margin-right: 0.3rem;}
.pop-msg .list{padding:0.2rem;}
.pop-msg .list li{font-size: 0.22rem;color:#333333;line-height: 0.8rem;border-bottom:1px solid #e5e5e5;}
.pop-msg .list li:before{content:'';width: 0.08rem;height: 0.08rem;background-color: #ff0000;border-radius:50%;margin-right: 0.1rem;display: none;}
.pop-msg .list li:hover:before{display: inline-block;vertical-align: middle;}

/* 月报推送 */
.tuis-sec{padding:0.2rem 0.3rem;}
.tuis-sec .r{width: 3.05rem;margin-left: 0.2rem;}
.tuis-sec .case-recom-tp{height: auto;}
.tuis-sec .case-recom-tp .imgbox{height: 2.2rem;}

.tuis-menu{display: flex;padding:0.1rem 0 0}
.tuis-menu .lk{font-size:0.26rem;line-height:0.6rem;margin-right:0.2rem;position: relative;cursor:pointer;padding: 0.05rem 0.2rem;border-radius: .1rem .1rem 0 0;}
/*.tuis-menu .lk:after{content:'';width:0;height:0.05rem;background:#1a58f9;border-radius:0.06rem;position: absolute;left: 50%;bottom: 0;transition: all 0.3s;}*/
.tuis-menu .lk.cur{color:#1a58f9;background: #FFF;font-weight: 600;}
/*.tuis-menu .lk.cur:after{width:60%;left:20%;}*/


.tuis-sec .top{position: relative;height: 0.4rem;margin-bottom: 0.3rem;}
.tuis-sec .top .t-tit{font-size: 0.34rem;text-align: center;margin-bottom: 0.2rem;font-weight: bold;line-height: 0.4rem;}
.tuis-sec .top .date{font-size: 0.18rem;color:#999999;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.tuis-sec .top .date em{color:#000;}

.tuis-sec .list{display: flex;justify-content: space-between;}
.tuis-sec .list .item{width: 24%;border-radius:0.1rem;overflow: hidden;position: relative;}
.tuis-sec .list .box{padding:0 0.25rem;position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);}
.tuis-sec .list .num{font-size: 0.18rem;color:#fff;}
.tuis-sec .list .num em{font-size: 0.36rem;font-family: 'DIN';}
.tuis-sec .list .font{font-size: 0.2rem;color:#fff;margin-top: 0.04rem;}


.tuis-sec .tagcon {z-index: 2;color: #0099FF;font-size: 0.2rem;font-family: Source Han Sans CN;font-weight: 400;padding-left: 0.1rem;margin-top: 2px;}
.tuis-sec .tagcon .tagitem .tagtext{font-size: 0.26rem;color:#000;}
.tuis-sec .tagcon .tagitem .delicon{background: url(../images/delete.png) no-repeat center center;background-size: 16px 16px;width:20px;height:20px;vertical-align: middle;margin-top: -6px;display:inline-block;margin-left:10px;}
/*.tuis-sec .tagcon .tagitem:hover .delicon{display: inline-block;}*/




.pub-tabs{display: flex;margin-bottom:0.2rem;}
.pub-tabs .lk{font-size:0.24rem;height:0.6rem;background:#fff;border-radius:0.1rem;margin:0 0.25rem 0 0;padding:0 0.3rem 0 0.28rem;font-weight: bold;display: flex;align-items: center;}
.pub-tabs .lk.cur{color:#fff;background:#1a58f9;}
.pub-tabs .lk i{width:0.32rem;height:0.32rem;display: inline-block;margin-right:0.06rem;}

.pub-tabs .lk1 i{background:url(../images/icon_24.png) no-repeat center;background-size:contain;}
.pub-tabs .lk2 i{background:url(../images/icon_25.png) no-repeat center;background-size:contain;}
.pub-tabs .lk3 i{background:url(../images/icon_26.png) no-repeat center;background-size:contain;}
.pub-tabs .lk4 i{background:url(../images/icon_27.png) no-repeat center;background-size:contain;}
.pub-tabs .lk5 i{background:url(../images/icon_28.png) no-repeat center;background-size:contain;}
.pub-tabs .lk1.cur i{background-image:url(../images/icon_24-1.png);}
.pub-tabs .lk2.cur i{background-image:url(../images/icon_25-1.png);}
.pub-tabs .lk3.cur i{background-image:url(../images/icon_26-1.png);}
.pub-tabs .lk4.cur i{background-image:url(../images/icon_27-1.png);}
.pub-tabs .lk5.cur i{background-image:url(../images/icon_28-1.png);}

.picker-select{width: 1.6rem;}
.picker-select .layui-form-select .layui-input{background-color: #386ffd;height: 0.5rem;line-height: 0.5rem;border-radius:.08rem;border:0;cursor: pointer;font-size: 0.2rem;color:#fff;padding:0 0 0 0.25rem;}
.picker-select .layui-form-select dl{top:0.55rem;}
.picker-select .layui-form-select dl dd, .layui-form-select dl dt{font-size:0.2rem;line-height:0.5rem;padding:0 0.2rem;}
.picker-select .layui-form-select .layui-edge{border-top-color: #fff;}

.pub-tt .date{font-size: 0.18rem;display: flex;align-items: center;}
.pub-tt .date .ipt-date{background:url(../images/board_06.png) no-repeat .1rem center;background-size:.2rem;padding-left: 0.36rem;cursor: pointer;font-size: 0.18rem;line-height: 0.44rem;border:1px solid #ddd;border-radius:.06rem;width: 1.6rem;}
.pub-tt .date .int{margin:0 .1rem;}


.hist-mod .t-tit{font-size:0.24rem;text-align: center;margin-bottom: 0.1rem;font-weight: bold;}


.head .dept{font-size:0.28rem;color:#1a58f9;font-weight: bold;position: absolute;left: 2.7rem;top: 50%;line-height: 0.4rem;margin-top:-0.2rem;width:2.1rem}


.head .zz-name-con{position: absolute;left: 4.9rem;top: 50%;margin-top:-0.15rem;line-height: 0.4rem;display: block;}
.head .zz-name-con a{display: block;background-color: #1a58f9;border-radius: .1rem;color:#fff;padding:0 .15rem 0 0.15rem}
.head .zz-name-con a .del-con{display: inline-block;width: 10px;height:10px;background: url(../images/del1.png) no-repeat center;margin-left: 0.1rem;}