.hide {display: none;}
.fl{float: left;}
.fr{float: right;}

/*-- 登录开始 --*/
.by-login-page{overflow:hidden;display: flex;align-items: center;justify-content: center;margin-top: 10vh;}
.by-login-panel{background:#fff;width:480px;max-width: 100%;padding:60px 90px;border-radius:3px;position: relative;box-sizing: border-box;}
.by-login-logo{color:#666;font-size:28px;text-align: center;margin-bottom:60px;}
.by-login-username{margin-bottom:15px;position:relative}
.by-login-password{margin-bottom:15px;position:relative}
.by-login-captcha{margin-bottom:15px;position:relative}
.by-login-captcha img{cursor: pointer;position: absolute;top: 0px;right: 0px;border: 1px solid #d7d7d7;height: 53px;width: 108px;}
.by-login-captcha .by-login-input{width: calc(100% - 121px);}
.by-login-input{font-size:15px;padding:15px 15px 15px 15px;vertical-align:middle;width:100%;border:1px solid #D7D7D7;border-radius:3px;box-sizing:border-box;color:#407CD5}
.by-login-input:focus{border:1px solid #407CD5}
.by-login-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset !important}
.by-login-protocol{color:#999;font-size:12px}
.by-login-protocol input{vertical-align:text-top;margin-right:5px}
.get-sms-btn{position: absolute;top: 0;right: 8px;bottom: 0;box-sizing: border-box;margin: auto;width: 120px;height: 36px;border: 0;border-radius: 2px;background: #5f99f1;color: #fff;text-align: center;cursor: pointer;}
.get-sms-btn.disabled, .get-sms-btn:disabled{background: #dedede;color: #fff;}
.by-register-link{color:#666;}
.by-login-link{color:#666;}
.by-smslogin-link{color:#666;}
.by-login-button{margin-top:15px; margin-bottom: 25px; border-radius:3px;color:#ffffff;background:#407CD5;border:none;cursor:pointer;width:100%;height:50px;line-height:50px;font-size:16px}
.by-login-button:hover{opacity:.9}
.by-login-change {overflow: hidden;margin-bottom: 20px;display: flex;justify-content: space-between;}
.by-login-line{text-align: center;font-size: 12px;color: #999;margin-bottom:20px;position: relative;}
.by-login-line::before{content: "";position: absolute;display: block;width: 100px;height: 1px;background: #e7e7e7;top:8px;left:0}
.by-login-line::after{content: "";position: absolute;display: block;width: 100px;height: 1px;background: #e7e7e7;top:8px;right:0}
.by-login-other ul{display: flex;justify-content: space-evenly;align-items: center;}
.by-login-other ul li {width: 40px;text-align: center;}
.by-login-other ul li img{width:100%}


@media (max-width:766px){
	.by-login-page{background:#fff;margin: 0px;}
}
/*-- 登录结束 --*/

.by-container {width: 1200px;margin: auto;margin-top: 30px;}
.by-side::-webkit-scrollbar{width:0px;margin-right:2px}
.by-side::-webkit-scrollbar-track-piece{background-color:#F5F5F5;border-left:1px solid #D2D2D2}
.by-side::-webkit-scrollbar-thumb{background:#CBCBCB;width:10px}
.by-side{width:15%;float: left; box-shadow:0 1px 4px rgba(0,0,0,.1);background:#fff;overflow:auto;border-radius: var(--border-radius);}
.by-main{width:84%;;float: right;}
.by-side-account {text-align: center;padding: 20px 10px 0 10px;}
.by-side-account .avatar{padding-bottom: 10px;}
.by-side-account .avatar img{
	height: 70px;
	width: 70px;
}
.by-side-account .name {}
.by-side-nav{padding:10px}
.by-side-nav li{margin-bottom: 2px;}
.by-side-nav li a{height:39px;line-height:39px;color:#888;border-radius: var(--border-radius); font-size:14px;display:block;text-align: center;}
.by-side-nav li.current a,.by-side-nav li:hover a{background:#ebefec}

.by-rand-list{overflow:hidden;padding:0px 12px 20px 12px}
.by-rand-list li{padding:0 8px;margin-bottom:10px;width:16.66667%;float:left}
.by-rand-list .app-box{background-color:#fff;box-shadow:0 1px 8px rgba(0,0,0,.1);transition:all .35s ease 0s;position:relative;border-radius:8px;z-index:5;overflow:hidden}
.by-rand-list .app-box h2{padding:10px;overflow:hidden;font-size:14px;color:#333;height:55px;line-height:26px;white-space:unset;text-overflow:unset}
.by-rand-list .app-box h2 a:hover{color:#1e9fff}
.by-welcome{ display:flex;align-items:center; }
.by-welcome .avatar{width:100px;height:100px;float:left;margin-right:20px}
.by-welcome .avatar img{width:100px;height:100px}
.by-welcome .info{float:left}
.by-welcome .info h2{font-size:18px;margin-bottom:10px}
.by-welcome .info p{color:#888;margin-bottom: 10px;}

/*-- 基本布局 --*/
.by-panel{margin-bottom:20px;padding: 20px;border-radius: var(--border-radius);background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, .1); }
.by-panel-title{color: #656565; font-size: 24px;}
.by-panel-header{padding:15px 0px;color: #656565; font-size: 16px;}
.by-panel-body{padding:15px 0px;}
.by-panel-footer{padding: 0px 15px 15px 15px;}
.by-operate {margin-bottom: 20px;}
.by-news-list{margin: -10px 0;overflow:hidden}
.by-news-list li{line-height:2.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dashed #f8f8f8}
.by-news-list li a{color:#757575;display:inline-block;width:calc(100% - 40px)}
.by-news-list li a:hover{color:#1e9fff}
.by-news-list li .time{color:#888;float:right}

/*-- 表格 --*/
.by-table{width: 100%;border: 1px solid #e1e6eb;border-collapse: collapse;white-space: nowrap;}
.by-table>thead>tr>th{padding: 8px 12px;border-top: 0;border-right: 1px solid #dddddd;border-bottom: 1px solid #e1e6eb;background-color: #fdfdfd;color: #999;vertical-align: bottom;text-align: left;font-weight: normal;line-height: 1.25rem;}
.by-table>tbody>tr>td{padding: 8px 12px;border-top: 1px solid #ddd;border-bottom: 1px solid #e1e6eb;vertical-align: middle;line-height: 1.5rem;}
.by-table>tbody+tbody{border-top: 2px solid #ddd;}
.by-table>tbody>tr:hover{background-color: #f5f5f5;}
.by-table-sort, .by-table-sort-desc, .by-table-sort-asc{background-position: center right;background-repeat: no-repeat;cursor: pointer;}
.by-table-sort{background-image: url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==");}
.by-table-sort-desc{background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8ua2wnINUMopZAQA7");}
.by-table-sort-asc{background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");}
.by-table input[type="checkbox"]{width: 16px;height: 16px;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;-webkit-appearance: none;}
.by-table input[type="checkbox"]:checked{border: 1px solid #ddd;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA5klEQVQ4T8WSO27CQBRF7+3TjNdge2WBKB7T2TXQ4igNjMNnZ9hrYCKlSMdFtmRkBCEgCl43mneO3o94MPggj+cIgrJ6FWR8Ehd3VxC4eiBqJeHz20bZXYIGBrWWsPFJ+AZSNwuMq1NS8xa20bAbfisw5TYH8OOTeHlpKz144W006ud0ghnBHOJwZ8NNPyFwdQaqkHAGN3nHFoyr1iQGEkfehovm8whDHz6JmyrP4mQGxlVzEinEHNALiLGuwCcVdGpTbguCWfsmJrv3aHrtWi9uIfiqxtrr19t49t+p37zGv0TPFxwAXd9hEfoc5BMAAAAASUVORK5CYII=");}


/* 搜索框开始 */
.by-search{display: flex;align-items: center;}
.by-search-input, .by-search-select{color:#666;height:32px;padding:0 8px;font-size:14px;line-height:1;border:1px solid #d9d9d9;margin-left:-1px ;}
.by-search-button{overflow: hidden;text-indent: -100px;position: relative; color:#666;height:32px;width: 32px; font-size:14px;line-height:1;border:1px solid #d9d9d9;margin-left:-1px ;}
.by-search-button:before {position: absolute;font-family: layui-icon!important;content: "\e615";font-size: 18px;width: 30px;left: 0;text-indent: 0;background-color: transparent;}
/* 搜索框结束 */

/* 按钮开始 */
.by-button-add,
.by-button-edit,
.by-button-del,
.by-button-link,
.by-button-submit,
.by-button-primary,
.by-button-default{height: 32px;line-height: 32px;display: inline-block; padding: 0 15px;position: relative;cursor: pointer;vertical-align: middle;border: none;border-radius:2px;}
.by-button-add{color: #fff;background: var(--primary-color);}
.by-button-add:active{color: #fff;background: #096dd9;}
.by-button-add:hover, .by-button-add:focus {color: #fff;background: #40a9ff;}
.by-button-add::before{}
.by-button-edit{color: #fff;background: #607d8b;}
.by-button-edit:active{color: #fff;background: #607d8b;}
.by-button-edit:hover, .by-button-edit:focus {color: #fff;background: #607d8b;}
.by-button-edit::before{}
.by-button-del{color: #fff;background: #f44336;}
.by-button-del:active{color: #fff;background: #f44336;}
.by-button-del:hover, .by-button-del:focus {color: #fff;background: #40a9ff;}
.by-button-del::before{}
.by-button-link{color: var(--primary-color);background:transparent ;}
.by-button-link:active{color: var(--primary-color);}
.by-button-link:hover, .by-button-link:focus {color: #000; }
.by-button-link::before{}
.by-button-submit{color: #fff;background: var(--primary-color);}
.by-button-submit:active{color: #fff;background: #096dd9;}
.by-button-submit:hover, .by-button-submit:focus {color: #fff;background: #40a9ff;}
.by-button-submit::before{}
.by-button-default{background:transparent ;border:1px solid #d9d9d9;}
.by-button-default:active{color: var(--primary-color);border:1px solid var(--primary-color);}
.by-button-default:hover, .by-button-default:focus {color: var(--primary-color); border:1px solid var(--primary-color);}
.by-button-default::before{}
.by-button-primary{color: #fff;background:var(--primary-color) ; }
.by-button-primary:active{color: #fff;}
.by-button-primary:hover, .by-button-primary:focus {color: #fff; }
.by-button-primary::before{}
.by-filter{overflow:hidden}
.by-filter + .by-filter{margin-top:10px}
.by-filter .title{font-size:12px;float:left;display:block;position:relative;z-index:0;border:1px solid #fff;background:#fff;color:#000;height:30px;padding:0 10px;line-height:30px}
.by-filter .btns span{color:#999;padding:0 1px}
.by-filter .btns{font-size:12px;float:left;display:block;position:relative;z-index:0;border:1px solid #ddd;background:#fff;color:#000;padding:0 18px;height:30px;line-height:30px}
.by-filter .btns:hover,.by-filter .on{z-index:1;border-color:var(--primary-color);background:var(--primary-color);color:#ffffff}
.by-filter .btns + .btns{margin-left:-1px;}

.by-table-add,
.by-table-edit,
.by-table-del,
.by-table-link,
.by-table-submit,
.by-table-primary,
.by-table-default {color: var(--primary-color);display: inline-block; margin-right: 8px; position: relative;cursor: pointer;vertical-align: middle;border: none;}
.by-table-add{}
.by-table-add:active{color: #03a9f4;}
.by-table-add:hover, .by-table-add:focus {color: #03a9f4;}
.by-table-add::before{}
.by-table-edit{}
.by-table-edit:active{color: #03a9f4 }
.by-table-edit:hover, .by-table-edit:focus {color: #03a9f4 }
.by-table-edit::before{}
.by-table-del{color: #e91e63;}
.by-table-del:active{color: #ff5722;}
.by-table-del:hover, .by-table-del:focus {color: #ff5722;}
.by-table-del::before{}
.by-table-link{color: var(--primary-color);background:transparent ;}
.by-table-link:active{color: var(--primary-color);}
.by-table-link:hover, .by-table-link:focus {color: #03a9f4 }
.by-table-link::before{}
.by-table-submit{color: #fff;}
.by-table-submit:active{color: #fff;}
.by-table-submit:hover, .by-table-submit:focus {color: #fff;}
.by-table-submit::before{}
.by-table-default{color: #333;background:transparent ;border:1px solid #d9d9d9;}
.by-table-default:active{color: #000;}
.by-table-default:hover, .by-table-default:focus {color: #000; }
.by-table-default::before{}
.by-table-primary{color: #333;}
.by-table-primary:active{color: #000;}
.by-table-primary:hover, .by-table-primary:focus {color: #000; }
.by-table-primary::before{}

.by-loop-ul>li {position: relative;min-width: 24%;float: left;border: 1px solid #eee;margin:10px 10px 10px 0;padding:10px;border:1px solid #eee;background:#f9f9f9}
.by-loop-ul .by-loop-del{right: 0;top: 0;position: absolute;z-index: 9;display: none;padding: 3px 10px;font-size: 12px;}
.by-loop-ul>li:hover .by-loop-del, tr:hover .by-loop-del{display:block;}
.by-loop-del,.by-hide-del {position: absolute;top: 0;right: 0;display: none;}
/* 按钮结束 */

/* 下拉组件开始 */
.by-dropup{position:relative;display:inline-block}
.by-dropup i{font-size:12px}
.by-dropup .by-dropup-menu{position:absolute;bottom:38px;left:0;z-index:99999;display:none;min-width:105px;padding:10px 0;background-color:#fff;border:1px solid #ccc;border-radius:2px}
.by-dropup .by-dropup-menu a{display:block;width:100%;padding:8px 10px;clear:both;font-weight:400;}
.by-dropup .by-dropup-menu a:hover{color:#fff;text-decoration:none;background-color:var(--primary-color);}
.by-dropup .by-dropup-menu .line{height: 1px;width: 100%;display: block;background: #eee;margin:2px 0;}
/* 下拉组件结束 */

/* 表单结构开始 */
.by-form{position:relative}
.by-form-item{margin-bottom:15px;position:relative;display:flex;justify-content:flex-start;align-items: flex-start;}
.by-form-item .by-form-label{padding-right:15px;line-height:38px;width:20%;min-width:110px;display: flex;align-items: center;justify-content: flex-end;}
.by-form-item .by-form-label .required:before {display: inline-block;margin-right: 4px;color: #ff4d4f;font-size: 14px;font-family: SimSun,sans-serif;line-height: 1;content: "*";}
.by-form-item .by-form-label .tip {display: inline-block; width: 14px;height: 14px;background: url(../img/tip.svg);background-size: 100%; cursor: help;margin-left: 4px;}
.by-form-item .by-form-control{position:relative;line-height:38px;width:100%;max-width: 800px;}
.by-form-item.submit {padding-left: 17.5%;}

/* 小窗口下表单竖排 */
.mini .by-form-item{flex-direction:column;padding-right:0px}
.mini .by-form-item .by-form-label{padding:0;width:auto;line-height:32px;justify-content: left;}

@media (max-width:766px){
	.by-form-item{flex-direction:column;padding-right:0px}
	.by-form-item .by-form-label{padding:0;width:auto;line-height:32px;justify-content: left;}
}
/* 表单结构结束 */

/* 输入表单开始 */
.by-input{height:38px;line-height:1.3;border:1px solid #ddd;background-color:#fff;border-radius:2px;display:block;width:100%;padding:0 10px;}
.by-textarea{line-height:1.6;border:1px solid #ddd;background-color:#fff;border-radius:2px;position:relative;min-height:100px;padding:6px 10px;resize:vertical;display:block;width:100%;}

.by-select{height:38px;line-height:1.3;border:1px solid #ddd;background-color:#fff;border-radius:2px;padding:0 10px}
.by-input:focus,.by-select:focus,.by-textarea:focus{border-color:var(--primary-color)}
.by-input:disabled,.by-select:disabled,.by-textarea:disabled{cursor: not-allowed;border-color: #eee;color: #d2d2d2;}
.by-input::-webkit-input-placeholder,.by-textarea::-webkit-input-placeholder,.by-select::-webkit-input-placeholder{color:#BDCADA}

/* 标题输入开始 */
.by-input-title{position: relative;}
.by-input-title-color{cursor:pointer;position:absolute;top:0;right:0;height:38px;width:38px;line-height:38px;text-align: center;}
.by-input-title-color-ico{font-style:inherit;font-size:20px;color:#ccc}
.by-input-title-color-picker{display:none;position:absolute;z-index:10000;width:180px;right:28px;top:7px}
.by-input-title-color-picker li{font-size:14px;text-align:center;width:22px;height:22px;line-height:22px;margin:1px;display:inline-block;cursor:pointer;float:left;border-radius:100%}
/* 颜色输入开始 */
.by-input-color{width: 225px;position: relative;}
.by-input-color .by-input-color-button{right: 0;top: 0;position: absolute;}
.by-input-color .layui-colorpicker{width:38px;height:38px}
/* 地图输入开始 */
.by-input-map{width: 280px;position: relative;}
.by-input-map-button{position:absolute;top:3px;right:3px;display:inline-block;height:32px;line-height:32px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.by-input-map-button:hover{background:#40a9ff;cursor:pointer}
/* 相关内容开始 */
.by-input-related{position: relative;}
.by-input-related-button{ display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.by-input-related-button:hover{background:#40a9ff;cursor:pointer}
.by-input-related .by-input{width: auto;display: inline-block;border: none;}
.by-input-related-list{position: relative;border-top: 1px solid #eee;margin-top: 10px;}
.by-input-related-list li{display: block;padding: 0 10px;border: 1px solid #eee;border-top: 0;position: relative;}
.by-input-related-list li .by-button-del{position: absolute;right: 6px;top: 6px;padding: 3px 10px;font-size: 12px;}
/* 单图上传开始 */
.by-input-image{width:150px;height:120px;background:#f8f8f8;position:relative;border-radius:2px;background-size:contain;background-position:center center;background-repeat:no-repeat;border:1px solid #ddd;overflow:hidden;text-align:center}
.by-input-image-button{width:100%;height:100%}
.by-input-image-button img{max-width:100%;max-height:100%}
.by-input-image-button .progressnum{width:40px;height:40px;border-radius:40px;text-align:center;line-height:40px;font-size:12px;color:#fff;position:absolute;left:50%;margin-left:-20px;top:50%;margin-top:-20px;background:rgba(17,89,164,0.5)}
.by-input-image-button::after{position:absolute;background:rgba(0,0,0,.6);content:"";left:0;right:0;top:0;bottom:0;opacity:0;transition:all .3s}
.by-input-image:hover .by-input-image-button::after{opacity:1}
.by-input-image svg.upicon{position:absolute;height:100%;width:100%;padding:20px}
.by-input-image svg.delete,.by-input-image svg.look,.by-input-image svg.upload,.by-input-image svg.input,.by-input-image .progressnum{display:none}
.by-input-image svg.delete,.by-input-image svg.look,.by-input-image svg.upload,.by-input-image svg.input{display:block;position:absolute;height:30px;top:50%;margin-top:-15px;left:50%;color:#fff;z-index:10;transition:all .3s;cursor:pointer}
.by-input-image svg.delete,.by-input-image svg.input{left:-30px}
.by-input-image svg.upload,.by-input-image svg.look{left:105%}
.by-input-image:hover svg.delete{left:6%}
.by-input-image:hover svg.input{left:28%}
.by-input-image:hover svg.upload{left:55%}
.by-input-image:hover svg.look{left:78%}
/* 单文件上传开始 */
.by-input-file{}
.by-input-file-button{position:absolute;top:0;right:0;display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.by-input-file-button:hover{background:#40a9ff;cursor:pointer}
.by-input-file svg.down{background:#fff;position:absolute;top:1px;right:86px;display:inline-block;padding:5px;cursor:pointer}
/* 多图上传开始 */
.by-input-images{}
.by-input-images-button{display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.by-input-images-button:hover{background:#40a9ff;cursor:pointer}
.by-input-images li{float:left;width:250px;position:relative;margin:10px 10px 10px 0;padding:10px;border:1px solid #eee;background:#f9f9f9}
.by-input-images li input,.by-input-images li textarea{margin-top: 10px;}
.by-input-images-thumb{width:100%;height:160px;background:#f8f8f8;position:relative;border-radius:2px;background-size:contain;background-position:center center;background-repeat:no-repeat;border:1px solid #ddd;overflow:hidden;text-align:center}
.by-input-images-thumb-button{width:100%;height:100%}
.by-input-images-thumb-button img{max-width:100%;max-height:100%}
.by-input-images-thumb-button .progressnum{width:40px;height:40px;border-radius:40px;text-align:center;line-height:40px;font-size:12px;color:#fff;position:absolute;left:50%;margin-left:-20px;top:50%;margin-top:-20px;background:rgba(17,89,164,0.5)}
.by-input-images-thumb-button::after{position:absolute;background:rgba(0,0,0,.6);content:"";left:0;right:0;top:0;bottom:0;opacity:0;transition:all .3s}
.by-input-images-thumb:hover .by-input-images-thumb-button::after{opacity:1}
.by-input-images-thumb svg.upicon{position:absolute;height:100%;width:100%;padding:20px}
.by-input-images-thumb svg.delete,.by-input-images-thumb svg.look,.by-input-images-thumb svg.upload,.by-input-images-thumb svg.input,.by-input-images-thumb svg.drag,.by-input-images-thumb .progressnum{display:none}
.by-input-images-thumb svg.delete,.by-input-images-thumb svg.look,.by-input-images-thumb svg.upload,.by-input-images-thumb svg.input,.by-input-images-thumb svg.drag{display:block;position:absolute;height:30px;top:50%;margin-top:-15px;left:50%;color:#fff;z-index:10;transition:all .3s;cursor:pointer}
.by-input-images-thumb svg.delete,.by-input-images-thumb svg.input{left:-30px}
.by-input-images-thumb svg.upload,.by-input-images-thumb svg.look,.by-input-images-thumb svg.drag{left:105%}
.by-input-images-thumb:hover svg.delete{left:6%}
.by-input-images-thumb:hover svg.input{left:28%}
.by-input-images-thumb:hover svg.drag{left:55%}
.by-input-images-thumb:hover svg.upload{left:55%}
.by-input-images-thumb:hover svg.look{left:78%}
/* 多文件上传开始 */
.by-input-files{}
.by-input-files-button{display:inline-block;height:38px;line-height:38px;background:#1c97f5;color:#fff;text-align:center;border-radius:2px;padding:0 15px}
.by-input-files-button:hover{background:#40a9ff;cursor:pointer}
.by-input-files li{position:relative;margin-top: 10px;display: flex;justify-content: flex-start;align-items: center;user-select:none}
.by-input-files li .by-input:first-child{margin-right: 10px;min-width: 450px}
.by-input-files svg.delete,.by-input-files svg.down,.by-input-files svg.drag { background:#fff;position:absolute;top:1px;right:1px;display:inline-block;padding:7px;cursor:pointer }
.by-input-files svg.delete { right:30px; }
.by-input-files svg.down { right:60px; }
/* favicon上传开始 */
.by-input-upload-favicon{height:24px;width:24px;cursor:pointer;position:absolute;top:7px;left:7px}
/* 循环输入开始 */
.by-input-loop ul{ }
.by-input-loop li {position: relative;width: 250px;float: left;border: 1px solid #eee;margin:10px 10px 0 0; padding:0 10px;border:1px solid #eee;background:#f9f9f9;overflow: hidden;}
.by-input-loop svg.loopdelete,.by-input-loop svg.loopdrag{right: 0;top: -30px;position: absolute;z-index: 9;display: block;padding: 5px;transition:all .3s;cursor:pointer}
.by-input-loop svg.loopdelete{right: 25px;}
.by-input-loop:hover svg.loopdelete,.by-input-loop:hover svg.loopdrag{top:0px;transition:all .3s}
.by-input-loop .by-input-image {width: 100%;}
.by-input-loop .by-form-item{flex-direction:column;padding-right:0px}
.by-input-loop .by-form-item .by-form-label{padding:0;width:auto;line-height:32px;justify-content: left;}
/* 权重和日期输入开始 */
.by-input-weight{min-width:220px}
.by-input-date{min-width:220px}
.by-input-date-now{position:absolute;top:0;right:12px;color:#ccc;height:38px;line-height:38px}
.by-input-date-now:hover{color:var(--primary-color);}
/* 排序输入框开始 */
.by-sort-input{line-height: 20px;margin: 0;padding: 0;outline: none;border: 1px solid #d9d9d9;background-color: #ffffff;font-size: 12px;width: 28px;text-align: center;border-radius: 2px;}
/* 输入表单结束 */