﻿@charset "utf-8";

/*@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap||Material+Icons);*/

@import url('animate.css');
@import url('btn.css');
@import url('color.css');
@import url('display.css');
@import url('file.css');
@import url('layout.css');
@import url('tips.css');
@import url('widthheight.css');

*{margin: 0px;padding: 0px;}
img,a img{border: none;} 
input:hover,select:hover,textarea:hover{cursor: pointer;}
input, select, textarea, button{outline: none;}
ul, li{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none; color: #000; outline: none;}
a:hover{text-decoration: none;cursor: pointer;}
select, input, img, select{vertical-align: middle;}
a:focus{outline: none;}
.cf{clear: both;}


.rotate25{transform:rotate(25deg)}
.rotate45{transform:rotate(45deg)}
.tac{text-align:center;}

.op-01{opacity:0.1}
.op-05{opacity:0.5}

.zindex1{z-index:1;}
.zindex2{z-index:2;}
.zindex3{z-index:3;}
.zindex4{z-index:4;}
.zindex5{z-index:5;}

/*阴影*/
.box-shadow{box-shadow:0px 0px 7px 0 rgba(0, 0, 0, .13);}
.box-shadow-dark{box-shadow:11px 11px 12px 7px rgba(0, 0, 0, .33);}

/*alljb*/
.alljb{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

/*滚动条*/
.ova{overflow: auto;}
.ova::-webkit-scrollbar{position: absolute;right: 0;width: 10px;height: 10px;}
.ova::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);background: #aaa;}
.ova::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);border-radius: 10px;background: #f1f1f1;}
.ova-blue-light{overflow: auto;}
.ova-blue-light::-webkit-scrollbar{position: absolute;right: 0;width: 10px;height: 10px;}
.ova-blue-light::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 10px rgba(101,193,219,0.2);background: #65c1db;}
.ova-blue-light::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 10px rgba(101,193,219,0.2);border-radius: 10px;background: #f1f1f1;}
.ovh{overflow:hidden;}

/*position*/
.psr{position:relative;}
.psr-zindex-2{position:relative;z-index:2;}

/*boxsz*/
.boxsz{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 
/*省略号*/
.line1 { -webkit-line-clamp: 1; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal !important; outline: 0 !important;}
.line2 { -webkit-line-clamp: 2; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal !important; outline: 0 !important;}
.line3 { -webkit-line-clamp: 3; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal !important; outline: 0 !important;}
.line4 { -webkit-line-clamp: 4; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal !important; outline: 0 !important;}

/*选择文件*/
.DanImgRq{width:90px; height:90px; position:relative; background:url(/images/icon/addimg.png) center center no-repeat; border:1px #ddd solid; border-radius:5px; cursor:pointer;}
.DanImgRq .deltImg{position:absolute; display:none; width:20px; height:20px; background:var(--red); color:#fff; cursor:pointer; text-align:center; border-radius:50%; right:-10px; top:-10px; font-size:16px; line-height:16px; z-index:4;}
.DanImgRq input{position:absolute; top:0; left:0; width:90px !important; height:90px !important; padding:0; margin:0; opacity:0; z-index:3;}
.DanImgRq .DanImgSrc{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; z-index:1; display:none; background:#fff; border-radius:5px;}
.DanImgRq.atc .DanImgSrc{display:block;}
.DanImgRq.atc .deltImg{display:block;}

/*选择*/
#containsList .item-xuanze{cursor:pointer; text-align:center;}
#containsList .item-xuanze:before{content:""; width:14px; height:14px; display:block; line-height:14px; text-align:center; border:1px #bfbfbf solid; background:#fff; margin:0 auto; }
#containsList .item-xuanze.atc:before{font-family:FontAwesome; content:"\f00c"; border:1px var(--blue) solid; color:var(--blue);}

/*排序*/
#containsList .sortIcon{cursor:pointer; text-align:center;padding-left:10px;}
#containsList .sortIcon:before{content:"\f0dc";font-family: FontAwesome;}
#containsList .sortDesc .sortIcon:before{content:"\f161"; color:var(--orange)}
#containsList .sortAsc .sortIcon:before{content:"\f160"; color:var(--orange)}

/*筛选*/
.filtermoreBtn{position:relative; cursor:pointer;}
.filtermoreBtn::after{content:"\f103";font-family: FontAwesome;margin-left:5px;}
.filtermoreBtn.atc::after{content:"\f102";}
.filtermoreBtn.atc{color:var(--blue)}

