.card-container{display:flex;flex-wrap:wrap}.card{--card-width:240px;width:var(--card-width);display:inline-block}.card .card-img{width:100%;height:160px;position:relative}.card .card-img img{width:100%;height:100%;position:absolute;right:0;left:0;margin:auto;z-index:0}.card .card-img .card-img-left-top{position:absolute;left:8px;top:7px}.card .card-img .card-img-center{position:absolute;top:48%;left:50%;transform:translate(-50%, -50%);width:90%}.card .card-img .card-img-center div{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.card .card-img .card-img-center .card-img-center-bottom{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%)}.card .card-img .card-img-bottom{width:100%;height:30px;line-height:30px;position:absolute;right:0;left:0;bottom:0;margin:auto;background:rgba(0,0,0,0.6);color:#fff;padding:0 10px;box-sizing:border-box;text-align:left}.card .card-img .card-tip{position:absolute;top:7px;left:8px;border-radius:3px;border:1px solid rgba(102,102,102,0.8);padding:0 7px;line-height:20px;font-size:12px;color:#666;background:rgba(255,255,255,0.8);z-index:2}.card .card-content{padding:0 10px}.card .card-content i{font-size:14px;margin-right:4px}.card[class*=inside]{position:relative}.card[class*=inside] .card-img{width:100%;height:100%;position:absolute}.card[class*=inside] .card-content{position:absolute}.card.outside-bottom{--card-width:240px;margin-bottom:30px;padding-bottom:10px;background-color:#fff}.card.outside-bottom .card-img{width:100%;height:160px}.card.outside-bottom .card-title{font-size:16px;height:42px;text-align:left;padding-top:4px;box-sizing:border-box}.card.outside-bottom:hover{background-color:#fff;box-shadow:0 0 20px -6px rgba(0,0,0,0.2)}.card.outside-bottom:hover .card-title{color:#d32f25}.card.inside-center{display:flex;align-items:center;justify-content:center;overflow:hidden}.card.inside-center .card-content{background-color:rgba(255,255,255,0.6);width:70%;text-align:center;padding:10px 0;border-radius:5px}.card.inside-center .card-content .card-img{border-radius:5px}.card.inside-center .card-content .card-title{height:auto;margin-bottom:10px;font-size:18px;font-weight:700;color:#333}.card.inside-center .card-content .card-desc{font-size:14px;color:#333}.card.inside-bottom{overflow:hidden}.card.inside-bottom .card-content{bottom:0px}.card.inside-bottom .card-content{width:100%;height:83px;background-color:rgba(0,0,0,0.3);color:#fff}.card.inside-bottom .card-content .card-title{font-size:20px;line-height:1;font-weight:700;margin:14px 0 8px 0}.card.inside-bottom .card-content .card-desc{font-size:14px;line-height:16px}.card-line-count-5 .card,.card-container:not([class*=card-line-count]) .card{margin-right:calc((100% - (var(--card-width) * 5)) / 4)}.card-line-count-5 .card:nth-child(5n),.card-container:not([class*=card-line-count]) .card:nth-child(5n){margin-right:unset}.card-line-count-4 .card{margin-right:calc((100% - (var(--card-width) * 4)) / 3)}.card-line-count-4 .card:nth-child(4n){margin-right:unset}.card-line-count-3 .card{margin-right:calc((100% - (var(--card-width) * 3)) / 2)}.card-line-count-3 .card:nth-child(3n){margin-right:unset}.input-text,.select-input{transition:.3s;display:inline-block;border:1px solid #dcdfe6;border-radius:4px;height:30px;font-size:12px;box-sizing:content-box}.input-text input,.select-input input{height:100%;background:unset}.input-text .autocomplete-suggestion,.select-input .autocomplete-suggestion{transform-origin:center top;width:100%;position:absolute;top:40px;left:50%;transform:translateX(-50%);border-radius:4px;border:1px solid #e4e7ed;background-color:#fff;z-index:6;padding:10px 0;max-height:320px;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 0 6px rgba(0,0,0,0.04)}.input-text .autocomplete-suggestion .autocomplete-scroll,.select-input .autocomplete-suggestion .autocomplete-scroll{max-height:300px;overflow:auto}.input-text .autocomplete-suggestion .autocomplete-list .autocomplete-item,.select-input .autocomplete-suggestion .autocomplete-list .autocomplete-item{padding:0 20px;font-size:14px;line-height:34px;cursor:pointer;color:#606266;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-text .autocomplete-suggestion .autocomplete-list .autocomplete-item:hover,.select-input .autocomplete-suggestion .autocomplete-list .autocomplete-item:hover{background-color:#feebe9;color:#e20a16}.input-text .autocomplete-suggestion::before,.select-input .autocomplete-suggestion::before{content:"";display:block;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #ebeef5;position:absolute;top:-8px;left:23px}.input-text .autocomplete-suggestion::after,.select-input .autocomplete-suggestion::after{content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #fff;position:absolute;top:-6px;left:25px}.input-text .autocomplete-loading,.select-input .autocomplete-loading{height:100px;overflow:hidden;pointer-events:none}.input-text .autocomplete-loading:before,.select-input .autocomplete-loading:before{content:"";background-color:#fff;position:absolute;z-index:7;width:100%;height:100%;top:0;left:0}.input-text .autocomplete-loading:after,.select-input .autocomplete-loading:after{content:"";display:block;background-image:url("/static/images/public/loading.gif");background-repeat:no-repeat;position:absolute;width:16px;height:16px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:8}@keyframes rotating{0%{transform:rotate(0)}100%{transform:rotate(1turn)}}.input-text .clear-btn,.select-input .clear-btn{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#ccc}.input-text .clear-btn:hover,.select-input .clear-btn:hover{color:#909399}.input-text .select-arrow,.select-input .select-arrow{cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotateZ(0deg);transition:.3s;color:#c0c4cc}.input-text:hover .clear-btn,.select-input:hover .clear-btn{display:block}.input-text.is-focus,.select-input.is-focus{border:1px solid #409eff}.input-text.is-focus .select-arrow,.select-input.is-focus .select-arrow{pointer-events:unset;transform:translateY(-50%) rotateZ(180deg)}.tag-top{display:block;position:absolute;width:42px;height:20px;text-align:left;top:2px;right:0}.tag-top .square{width:100%;height:16px;line-height:16px;text-align:center;border-radius:2px;background:#ddbc57;color:#fff;font-size:12px}.tag-top .triangle{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ddbc57;margin-left:2px}
/*# sourceMappingURL=common.css.map */