@charset "utf-8";
@import "../../lib/layui/css/layui.css";

/*.container{*/
    /*width: 100%;*/
    /*height: 90%;*/
    /*background-color: rgba(0,0,0,0);*/
    /*margin-bottom: 30px;*/

/*}*/

.loginout{
    color:#000;
}

.logo{
    width:40px;
    height: 40px;
    border-radius:50%;
}
.login-box{
    /*display: block;*/
    /*position:fixed;*/
    /*top:50%;*/
    /*bottom:50%;*/
    /*left:50%;*/
    /*right:50%;*/
    margin: 8% auto 0;
    /*bottom:0;*/
    /*border-radius: 4px;*/
}

.myTableSelect{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 50px;
    margin-right: 50px;
}

.tips-404{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top:20%;
    margin-left:10%;
    margin-right: 10%;
    padding:50px;
    -moz-box-shadow:2px 2px 5px #333333;
    -webkit-box-shadow:2px 2px 5px #333333;
    box-shadow:2px 2px 5px #333333;
    border-radius: 20px;

}

.horizon{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.private-center{
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction:row;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    align-items: center;
}

.normal-margin{
    margin-left:10px;
    margin-right: 10px;
    margin-top:10px;
    margin-bottom: 10px;
}

.flex-horizon{
    display: flex;
    flex-direction:row;
    justify-content: flex-start;
    align-items: center;
}

.flex-verical{
     display: flex;
     flex-direction:column;
     justify-content: center;
     align-items: center;
 }

.flex-verical-full{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: stretch;
}

.horizon-margin{
    margin-left:10px;
    margin-right: 10px;
}

.horizon-padding{
    padding-left:15px;
    padding-right: 15px;
}

.verical-margin{
    margin-top:10px;
    margin-bottom: 10px;
}

.middle-fontsize{
    font-size: 18px;
}

.left-right-margin{
    margin-left: 5px;
    margin-right: 5px;
}

.inner-select {
    /*将默认的select选择框样式清除*/
    /*appearance: none;*/
    /*-moz-appearance: none;*/
    /*-webkit-appearance: none;*/
    overflow: visible;
}

/*.layui-bg-gray{*/
    /*background-color: #f4f5fb;*/
/*}*/

.fa-icon{
    margin-top:5px;
    margin-left:5px;
    margin-right: 5px;
}

.tableInfos{
    display: flex;
    flex-direction:column;
    padding:10px;
    /*border-radius: 8px;*/
    /*background-color: #f4f5fb;*/
    background-color: #F0F0F0;
}

.align-space{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.align-center{
     display: flex;
     flex-direction: row;
     justify-content: center;
 }

.align-right{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

/*颜色区域*/

.color-red {
    color:red;
}
.color-check{
    color:#5FB878;
}
.color-gray{
    color:gray;
}

.color-white {
    color:white;
}
.color-none {
    color:rgba(0,0,0,0);
}
.vip_color{
    background-color: #FFB800;
    color:white;
    border-radius: 5px;
}

.width-20{
    width: 20%;
}
.width-100{
    width: 100%;
}
.width-90{
    width: 90%;
}

.width-50{
    width: 50%;
}

.width-80{
    width: 80%;
}
.height-100{
    height: 100%;
}
.height-80{
    height: 80%;
}
/*列表区域*/

.theForm{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: flex-start;*/
    margin-top:5%;
    margin-bottom:50px;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    /*position: absolute;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 10%;*/

}

.view-header{
    display: flex;
    flex-direction: row;
    padding-top:15px;
    padding-bottom: 15px;
    padding-left:35px;
    padding-right: 35px;
    background: rgba(51,51,51,0.9);
}

.heard-part{
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.tableName{
    font-weight: bold;
    font-size:20px;
    margin-bottom:15px;
}

.colItem{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:15px;
    margin-right: 15px;
    width: auto;
    border-radius: 5px;
    /*-moz-box-shadow:5px 5px 5px 5px #f0f0f0;*/
    /*-webkit-box-shadow:5px 5px 5px 5px #f0f0f0;*/
    /*box-shadow:5px 5px 5px 5px #f0f0f0;*/
}

.colTitle{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;

}

.colBody{
    display: flex;
    flex-direction: column;
    width: 100%;

}

.dateLabel{
    width:auto;
}
.canvas-border{
    border:1px dashed black;
}
.canvas-wh{
    width:213px;
    height:99px;
}

.item-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: green;
    color: white;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
    flex-shrink: 0;
}

.footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(40,51,62,0);

    /*width: 100px;*/
    /*height: 20px;*/

}

.footer-img{
    width: 140px;
    height: 40px;
}
/*.layui-form-label{*/
    /*padding-left:0;*/
    /*padding-right:0;*/
    /*text-align: center;*/

/*}*/

.foot-fix{
    position:fixed;
    bottom:10px;
    width: 100%;
}

.layui-table-cell {
    width:auto;
    height: auto;/* layui-table 表格内容允许换行 */
    overflow: visible !important;/* 防止下拉框的下拉列表被隐藏---必须设置--- */
    text-overflow:inherit;
    white-space:normal;
    word-break: break-all;
}
.layui-form-select dl{
    　　z-index:9999;
}

/*.layui-table-box,.vipsitemeal-card .layui-table-view{*/
    /*overflow: inherit;*/
/*}*/
/*.layui-table-body{*/
    /*overflow: inherit;*/
/*}*/

.layui-form-label {
    /*width: 180px !important;*/
    text-align: left !important;
}

/*.layui-input-inline {*/
    /*margin-left: 30px !important;*/
/*}*/