@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

p,.p{margin-bottom: 16px;}

body{overflow-x: hidden;}

.body1200 {
    font-size: 14px;
}
.dataTable {
    margin-bottom: 0;
}
.dataTable > thead > tr > th[class*=sort] {
    cursor: pointer;
}
.dataTable > thead > tr > th[class*=sort]:after {
    float: right;
    display: inline;
    content: "\f0dc";
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    color: #555;
}
.dataTable > thead > tr > th[class*=sort]:hover {
    color: #547ea8;
}
.dataTable > thead > tr > th[class*=sorting_] {
    color: #307ecc;
}
.dataTable > thead > tr > th.sorting_desc,
.dataTable > thead > tr > th.sorting_asc {
    background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
    background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
    background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
}
.dataTable > thead > tr > th.sorting_desc:after {
    content: "\f0dd";
    top: -6px;
    color: #307ecc;
}
.dataTable > thead > tr > th.sorting_asc:after {
    content: "\f0de";
    top: 4px;
    color: #307ecc;
}
.dataTable > thead > tr > th.sorting_disabled {
    cursor: inherit;
}
.dataTable > thead > tr > th.sorting_disabled:after {
    display: none;
}

.banner {
    width: 100%;
    min-height: 220px;
    position: relative;
    text-align: center;
    z-index: 1;
    margin-bottom: 40px;
}
.news-top-tit {
    position: absolute;
    top: 50%;
    font-size: 48px;
    color: #616161;
    left: 30px;
    margin-top: -55px;
}
.u-nav-item {
    float: left;
    min-width: 120px;
    height: 35px;
    background: #333;
    color: #fff;
    line-height: 35px;
    border: 1px solid #333;
    margin: 0 10px;
    position: relative;
    white-space: nowrap;
    word-break: break-all;
}
.u-nav-item:nth-child(1){
	margin-left: 0;
}
.u-nav-item:nth-last-child(2){
	margin-right: 0;
}

.u-nav-tit, .u-nav-tit:link, .u-nav-tit:hover {
    color: #fff;
}
.u-nav-box {
    position: absolute;
    bottom: 37px;
    /*left: 50%;*/
    /* margin-left: -264px; */
	/*transform: translateX(-50%);*/
	width:100%;
	justify-content: center;
	display: flex;
}
.u-sub-nav-box-bd {
	left: -1px;
    position: absolute;
    top: 34px;
	width: 1110px;
	display: flex;
	z-index: 99999;
}
.u-nav-item.left,.u-nav-item.center {
	position: static;
}
.u-nav-item.left .u-sub-nav-box-bd{
	left: -1px;
	transform: translateX(0);
	justify-content: flex-start;
}

.u-nav-item.center .u-sub-nav-box-bd{
	left: 50%;
	transform: translateX(-50%);
	justify-content: center;
}

.u-sub-nav-box {
    /* position: absolute;
    left: -1px;
	top: 34px;*/
    border: 1px solid #333;
    padding: 6px 10px;
    background: #fff;
    border-top: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.u-sub-nav-item {
    margin: 0 5px;
    padding: 0 5px 3px;
   /* white-space: normal;
    word-break: break-all;
    max-width: 150px; */
    font-size: 14px;
	line-height: 26px;
}

.u-sub-nav-item-selected {
    border-bottom: 2px solid #333;
}
.u-nav-item-selected {
    background: #fff;
    color: #333;
    z-index: 9999;
}
.u-nav-item-selected .u-nav-tit {
    display: inline-block;
    min-width: 120px;
    height: 42px;
    background: #fff;
    z-index: 9999;
    color: #333;
    position: relative;
    font-size: 14px;
}
.u-nav-item .u-sub-nav-box-bd {
    display: none;
}
.u-nav-item-selected .u-sub-nav-box-bd {
    display: flex;
}

.user-center-box {
    margin-top: 0px;
    display: flex;
}
.user-left {
    width: 250px;
    text-align: left;
    min-height: 800px;
    background: #eee;
}
.user-right {
    flex: 1;
    margin-left: 30px;
}
.my-info-tit {
    padding: 16px 0;
    font-size: 16px;
	margin-bottom: 0;
}
.my-info-status-box span {
    display: block;
    background: #99cc65;
    margin-bottom: 20px;
    width: 65px;
    text-align: center;
}
.my-info-status-box span:last-child {
    background: #993233;
    color: #fff;
}
.my-info-do-status .my-status {
    margin-bottom: 20px;
}
.user-info-box {
    text-align: left;
    margin-bottom: 40px;
    width: 100%;
    color: #58595b;
}
.my-user-tit {
    font-size: 16px;
}

.ax_default {
    display: inline-block;
    margin-bottom: 8px;
}
.text_field {
    width: 100%;
}
.form-lang-name-box {
    margin: 20px 20px 20px 0;
}
.form-info-box {
    margin: 30px 0 30px 0;
}
.form-info-item-txt {
    display: inline-block;
    min-width: 160px;
    text-align: left;
}
.form-info-item {
    margin-bottom: 10px;
}
.add-other-chat, .add-other-lang-level, .add-other-item-btn {
    display: inline-block;
    min-width: 200px;
    text-align: center;
    border: 1px solid #868686;
    border-radius: 3px;
    margin-left: 165px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 20px;
    height: 28px;
    line-height: 28px;
}
.info-checkbox-label {
    margin-right: 40px;
}
.my-worktime .info-checkbox-label {
    width: 200px;
    display: inline-block;
}
.lang-level-tit {
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    cursor: pointer;
}
.lang-level-item {
    border: 1px solid #555;
    margin-bottom: 20px;
}
.lang-level-info li {
    float: left;
    width: 33%;
}
.lang-info-sub-item, .lang-upload, .upload-btn {
    display: inline-block;
    min-width: 55px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #666;
    border-radius: 5px;
	background: #fff;
}
.lang-info-sub-item-selected {
    background: #666;
    color: #fff;
}
.lang-upload, .upload-btn {
    min-width: 90px;
    margin: 10px;
    cursor: pointer;
}
.lang-level-info {
    padding: 0;
    display: none;
    border-top: 1px solid #555;
}
.lang-info-sub-tit {margin: 5px 0;}
.lang-angel-icon {
    display: inline-block;
    width: 22px;
    height: 13px;
    background: url(/images/zp/u8510.png);
    margin-left: 2px;
}
.lang-level-item-selected .lang-level-info {
    display: block;
}
.lang-level-item-selected .lang-level-tit {
    background: #9a3334;
    color: #fff;
    border-radius: 0;
}
.lang-level-item-selected .lang-angel-icon {
    background: url(/images/zp/u8514.png);
}
.form-info-submit, .draft-submit {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ffa001;
    color: #fff;
    margin-left: 165px;
    margin-top: 20px;
    cursor: pointer;
    border: 1px solid #7d7d7d;
    border-radius: 3px;
}
.form-info-submit:link {
    color: #fff;
}
.draft-submit:hover {
    color: #fff;
}

.supplier-left-box {
    margin: 0;
}
.supplier-left-box .my-info-tit {
    text-align: center;
}
.my-food-list {
    background: #99cc67;
    margin-bottom: 10px;
    padding: 5px;
}
.supplier-left-box .my-food-list:nth-child(3) {
    background: #ff999a;
}
.supplier-left-box .my-food-list:nth-child(4) {
    background: #0cf;
}
.my-food-status-tit {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 0;
    text-align: center;
}
.my-food-item {
    margin-top: 10px;
    overflow: hidden;
	margin-bottom: 16px;
}
.my-food-item-tit-do {
    float: right;
}
.food-delete {
    background: rgba(255, 152, 154, 1);
    color: #fff;
    padding: 3px 10px;
    margin-left: 50px;
}
.food-delete:link {
    color: #000;
}
.form-info-o-add {
    color: #ffa001;
    border: 2px solid #ffa001;
    border-radius: 15px;
    text-align: center;
    padding: 0 15px;
    display: inline-block;
    position: relative;
    top: 0;
    left: 5px;
    line-height: 20px;
}
.form-input-p {
    margin: 0;
}
.form-info-cols-box {
    display: flex;
}
.form-info-sub-cols {
    margin-right: 20px;
}
.supplier-info .form-info-input-box .info-supplier-select {
    min-width: 200px;
}
.min-w-input {
    width: 100px;
}
.form-info-item-supplier-txt {
    display: inline-block;
    width: 140px;
    text-align: left;
}
.supplier-roles-box .form-input-p {
    height: 30px;
}
.roles-file-item {
    display: none;
}
.select-supplier-partner {
    margin-left: 5px;
    display: none;
}
.supplier-roles-box .form-info-submit, .draft-submit {
    margin-left: 0;
}

.parson-info-box {
    margin-top: 20px;
    margin-left: 15px;
}
.parson-tit {
    font-size: 18px;
    border-bottom: 1px solid #808080;
}
.parson-info-list {
    margin: 10px 0;
    padding: 10px;
    line-height: 40px;
}
.parson-info-tit {
    display: inline-block;
    width: 250px;
    line-height: 20px;
}
.parson-info-status {
    background: #95ca74;
    color: #333;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    min-width: 85px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.parson-info-status-txt {
    color: #169f16;
}
.status-be-check-txt {
    color: #ff989a;
}
.status-be-update-txt {
    color: #333;
}
.parson-info-notice-count {
    /*margin-right: 30px;*/
    position: absolute;
    bottom: 7px;
    right: 10px;
    font-weight: 400;
}
.parson-more-btn {
    float: right;
}
.status-be-check {
    background: #ff989a;
}
.status-be-update {
    background: #666666;
    color: #fff;
}

.epaper-btn, .epaper-btn:link {
    color: #fff;
    margin-left: 10px;
}
.parson-info {
    line-height: 35px;
}
.epaper-btn {
    background: #2196F3;
    padding: 0px 10px;
}

.collected-item {
    /*height: 35px;*/
    /*line-height: 35px;*/
    padding-left: 10px;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.collected-item-selected a, .collected-item-selected a:link, .collected-item-selected a:hover {
    color: #ffa001;
}
.collected-item:hover a, .collected-item:hover a:link {
    color: #ffa001;
}
.collected-list {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.collected-list a, .collected-list a:link {
    color: #307ecc;
}
.collected-th {
    background: #fff;
}
.collected-th th,.collected-list td {
    text-align: center;
    padding: 2px 5px;
    border: 1px solid #dddddd;
}
.collected-list td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pagination {
    text-align: center;
}
.pagination li {
    display: inline-block;
}
.paginate_button.active a, .paginate_button.active a:link {
    color: #933;
    font-weight: bold;
}

.lang-info-sub-item {
    cursor: pointer;
}

.t-close {
    float: right;
    border: 1px solid;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    margin-top: -5px;
    margin-right: -5px;
    cursor: pointer;
}
.photo-preview {
    margin-left: 175px;
}

.photo-preview::after{
    content:' ';
    clear:both;
    display:block;
}

@media screen and (max-width: 768px){
.form-info-item .photo-preview {
    margin-left: 0;
}

.u-nav-item.center .u-sub-nav-box-bd{
	left: 0;
	transform: translateX(0);
	justify-content: center;
	max-width: 150px;
}

}


.layui-layer .layui-layer-title {
    padding: 0 0 0 20px;
}
.my-food-item-tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 130px;
    display: inline-block;
}


.parson-info-item-t .more-icon {
    float: right;
    width: 18px;
    margin-top: 8px;
}
.parson-info-item-n {
    background: rgba(243, 240, 236, 1);
    margin-right: 10px;
    flex: 1;
    height: 60px;
    line-height: 30px;
}
.parson-info-list>.row {
    margin-bottom: 20px;
}
.parson-info-item-t {
    max-width: 200px !important;
    margin-right: 20px;
}
.parson-info-status-txt .more-icon {
    width: 18px;
    margin-left: 20px;
    vertical-align: middle;
}
.user-info-box>.my-user-tit, .user-left-box>.my-user-tit {
    font-size: 18px;
    border-bottom: 1px solid #808080;
    width: 100%;
    display: inline-block;
    border-left: none;
}
.my-food-status-tit-check {
    background: rgba(149, 202, 116, 1);
    color: #000;
    padding: 3px 10px;
}
.avatar-box {
    display: flex;
}
.my-food-list-box {
    position: relative;
    margin: 0px 0 30px;
}

.form-area-txt {
    vertical-align: top;
    line-height: 20px;
}
.lang-level-input-tit {
    margin-right: 30px;
}
.form-info-item-level-b {
    display: flex;
    margin-bottom: 15px;
}
.form-level-input-list .form-info-input-box {
    display: block;
}
.clear5 {
    clear: both;
}
textarea {
    padding: 2px;
}


.form-info-input-box input[type=number] {
    width: 70px;
}
input[type=file] {
    height: 25px;
    line-height: initial;
	background: none;
	padding: 0;
	border: none;
}

.import-csv {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #ffa001;
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
    border: 1px solid #7d7d7d;
    border-radius: 3px;
    margin-bottom: 10px;
	padding: 0;
}

.supplier-left-box .my-food-list a:hover {
    color: #000;
    text-decoration: none;
}


.client-m { display: none; }
@media screen and (max-width: 768px) {
    .client-pc { display: none; }
    .client-m { display: block; }
    .u-nav-item {
        float: none;
        border: none;
        border-left: 1px solid #333;
        position: initial !important;
        width: 120px;
        overflow: hidden;
		margin: 0;
    }
    .u-nav-box {
        left: 0;
        margin-left: 0;
		transform: none;
		display: block;
    }
    .u-nav-box .u-nav-item:last-child {
        border-bottom: 1px solid #333;
    }
    .news-top-tit {
        top: 60%;
        font-size: 30px;
        right: 0;
        left: inherit;
    }
    .u-nav-item-selected .u-nav-tit {
        height: 35px;
    }
    .u-sub-nav-box-bd {
        left: 120px !important;
        top: 0;
        min-width: 150px !important;
        padding: 0;
        height: 100%;
        width: 100% !important;
        border: none;
		transform: none;
    }
	.u-sub-nav-box{
		width: 100%;
		border: none;
        padding-left: 10px;
        overflow-y: auto;
        height: 100%;
		display: block;
	}
    .u-sub-nav-item {
        margin: 0;
        padding: 0;
        max-width: 150px;
        display: block;
        text-align: left;
		white-space: normal;
		word-break: break-all;
    }
    .u-sub-nav-item-selected {
        border-bottom: none;
    }


    .user-center-box {
        display: block;
    }
    .user-right {
        margin-left: 0;
    }
    .user-left {
        width: 100%;
        min-height: initial;
    }
    .my-food-item {
        display: none;
    }
    .my-food-list {
        /* float: left;
        width: 33.33333%; */
		flex:1;
		margin-bottom: 0;
    }
    .supplier-left-box .my-info-tit {
        width: 100%;
    }
    .my-food-status-tit {
        margin-bottom: 0;
        border-bottom: none;
    }
    .supplier-left-box {
        position: relative;
		display: flex;
		flex-wrap: wrap;
    }
    .my-food-item {
        left: 0;
        width: 100%;
        position: absolute;
        z-index: 9;
    }
    .supplier-left-box .my-food-list.my-food-list-selected .my-food-item {
        display: block;
    }
    .supplier-left-box  .my-food-item {
        background: #99cc67;
        padding: 5px;
    }
    .supplier-left-box .my-food-list:nth-child(3) .my-food-item {
        background: #ff999a;
    }
    .supplier-left-box .my-food-list:nth-child(4) .my-food-item {
        background: #0cf;
    }
    .my-food-item-tit-do::after {
        clear: both;
        width: 100%;
        height: 1px;
    }
    .my-food-item-tit {
        width: calc(100% - 70px);
        margin-bottom: 5px;
    }


    .form-info-item-txt {
        max-width: 100% !important;
    }
    .my-worktime .info-checkbox-label {
        width: 100%;
    }
    .form-info-item-txt {
        width: 100%;
    }
	
	.form-info-item-txt input{
		width: auto;
	}
	
    .supplier-info .form-info-input-box .info-supplier-select {
        min-width: 150px;
    }
    select {
        margin-bottom: 5px;
    }
    .add-other-chat, .add-other-lang-level, .add-other-item-btn {
        margin-left: 0;
    }
    .form-info-submit, .draft-submit {
        margin-left: 0;
    }
}











.banner img {
        max-width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 200px;
        width: 100%;
    }
	
	
@media screen and (max-width: 1199px){
	.u-sub-nav-box-bd{width: 930px;}
}	

@media screen and (max-width: 991px){
	.u-sub-nav-box-bd{width: 689px;}
}









.parson-info-box{ margin-left: 0;}

.menuber-info-list{ margin: 10px 0; padding: 10px 0; line-height: 40px;}
.menuber-row{ display: flex; flex-wrap: wrap; margin: 0 -5px;}
.menuber-col-name{flex-basis: 215px; flex-shrink: 0; padding: 0 5px; padding-right: 25px; box-sizing: border-box;}
.menuber-col-btn{ flex-grow: 1; flex-basis: 0; /*max-width: 25%;*/ /* max-width: 226px; */ max-width: 20.18%; padding: 0 5px; box-sizing: border-box; min-width: 0;}
.parson-info-box-01 .menuber-col-btn{ max-width: initial;}
.menuber-info-item-t { }
.menuber-info-item-t .more-icon { float: right; width: 18px; margin-top: 8px;}
.menuber-info-item-n { background: rgba(243, 240, 236, 1); height: 60px; line-height: 20px; margin-bottom: 10px; padding: 3px 15px 0 15px; position: relative;}
.menuber-info-status-txt .txt{display: inline; padding-right: 20px;}
.menuber-info-status-txt .txt,.menuber-info-status-txt .txt *{ line-height: 20px;}
.menuber-info-status-txt .more-icon { width: 18px; vertical-align: middle;}

.parson-info-notice-count{ bottom: 0px;}

@media screen and (max-width: 768px){
.menuber-col-btn{flex-basis: 100%; max-width: 100%;}
}



.layui-laypage input:focus, .layui-laypage select:focus { border-color: #414143!important;}
.layui-laypage a:hover{color: #414143;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #414143;}

.layui-table-cell{ height: auto;}
.layui-table-tips-c{ line-height: 14px; font-size: 12px;}

.layui-form-checkbox{display: inline-flex; flex-direction: row-reverse; justify-content: flex-end;}
.layui-form-checkbox span{white-space: normal;}

.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #414143;}
.layui-form-checked[lay-skin=primary] i{ border-color: #414143; background-color: #414143;}
.layui-form-checked i, .layui-form-checked:hover i{background: #414143;}
.layui-form-checkbox[lay-skin=primary] span{ padding-right: 0; color: #212529;}

.layui-form-checkbox[lay-skin=primary] i{ width: 14px; height: 14px; border-color: #414143; top: 2px; line-height: 12px;}

.xm-select-parent .xm-input{ border-color: #ccc;}
.xm-select-parent .xm-select{z-index: 1;}
.xm-form-checkbox:hover > i{}
.xm-form-selected .xm-select, .xm-form-selected .xm-select:hover{ border-color: #ccc !important;}

.xm-form-checkbox > i{width: 14px; height: 14px; top: 10px; border: 1px solid #414143;}
.xm-select-parent dl dd.xm-select-this div i{
	border-color: #414143;
	background-color: #414143;
	font-size: 12px;
	display: flex; align-items: center; justify-content: center;
}
.xm-select-parent dl dd.xm-select-this div i:after{
	content: '\e605';
    font-family: layui-icon!important;
	color: #fff;
	font-size: 12px;
}
.xm-form-checkbox:hover > i {
    border-color: #414143;
}
div[xm-select-skin] .xm-select-title div.xm-select-label>span{background-color:#EFEFEF; border: 1px solid #AAAAAA; color: #58595b;}
.xm-select-parent dd .xm-cz:hover{ color: #414143;}
.xm-select--suffix input{font-size: 14px;}


div.layui-laydate .layui-this{background-color: #414143 !important;}
.layui-laydate-header i:hover, .layui-laydate-header span:hover{color: #414143 !important;}
.layui-laydate-footer span:hover{color: #414143 !important;}


.layui-form-radio{display: inline-flex; align-items: center; margin-top: 0; margin-right: 20px;}
.layui-form-radio::before{
	content: ' ';
	display: inline-flex;
	align-items: center;
	justify-content: center;
    width: 14px;
    height: 14px;
    top: 10px;
	font-size: 12px;
    border: 1px solid #414143;
	border-radius: 3px;
}
.layui-form-radioed::before{
	content: '\e605';
	font-family: layui-icon!important;
	color: #fff;
	font-size: 12px;
	border-color: #414143;
	background-color: #414143;
}
.layui-form-radio i.layui-icon{
    display: none;
}
.layui-form-radio div{ padding-left: 5px;}





.parson-epaper-box .form-info-submit{ margin-left: 0;}

.form-info-submit {
    margin-left: 165px;
}


@media screen and (max-width: 768px) {
.form-info-submit {
    margin-left: 0;
}
}

.mail-notice-tit {
	margin-left: 5px;
}
.switch-box {
	position: relative;
	top: -2px;
}
input[type=radio] {
	-webkit-appearance: checkbox!important;
}
.select-box {
	display: flex;
}
.info-checkbox-label {
	margin-right: 0;
}
.supplier-roles-file-i {
	margin-bottom: 8px;
	min-width: 170px;
	margin-right: 5px;
}

.form-input-p .xm-select-parent{width: 298px;}

@media screen and (max-width: 768px){
	.parson-info-box {
		 margin-left: 0;
		font-size: 12px;
	}
	.select-box {
		display: inherit;
	}
}





.collected-left-box-m { display: none; }
@media screen and (max-width: 768px) {
	.user-left {
		width: 100%;
		min-height: initial;
	}
	.user-center-box {
		display: block;
	}
	.collected-left-box-pc { display: none; }
	.collected-left-box-m {
		display: inline-block;
		font-size: 14px;
	}
	.user-right {
		margin-left: 0;
	}
	.row { margin-left:0; }
	.user-info-box>.my-user-tit {
		margin-top: 5px !important;
	}
}


.parson-collected-box .title{ color: #307ecc;}

.form-info-password-btn .form-info-submit{ margin-left: 165px;}

@media screen and (max-width: 768px){
	.form-info-password-btn .form-info-submit{ margin-left: 0; width: 150px;}
}


.name-lang-box {
        /* display: none; */
}
.avatar-box{align-items: center;}
.avatar-box .avatar {
	width: 40px;
	height: auto;
	margin-right: 10px;
}

input.w260{width: 260px;}

.lang-preview::after {
        content:' ';
        display: block;
        clear: both;
        width: 0;
        height: 0;
    }
.weui_uploader_file{position: relative;}
.t-close{ position: absolute; right: 0;  top: 0;}
.weui_uploader_file .pic{}

.weui_uploader_txt{ position: relative; width: 240px; padding-right:20px;}
.weui_uploader_txt .txt{ overflow: hidden; display: block; text-overflow: ellipsis; word-break:break-all; line-height:1.2;}

.lang-level-input-box{display: inline-block;}



.weui_uploader_file {
    float: left;
    margin-right: 9px;
    margin-bottom: 9px;
    width: 79px;
    height: 79px;
    background: no-repeat 50%;
    background-size: cover;
}
.t-close {
    float: right;
    border: 1px solid;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    margin-top: -5px;
    margin-right: -5px;
    cursor: pointer;
}


.show-hide{display: none;}

.my-food-list-selected .show-hide { transform: rotate(0deg);}
.supplier-info .form-info-item{position: relative;}
.supplier-info .form-info-input-box .info-supplier-select{
	min-width: 200px;
	max-width: 500px;
}

@media screen and (max-width: 768px){
.user-left-box .my-csv-list { display: none !important; }
.show-hide {
    display: block;
    float: right;
    transform: rotate(180deg);
}

.supplier-info .form-info-input-box .info-supplier-select{
	max-width: 100%;
}
}


.form-input-p-02{
	display: block;
}
.supplier-info .form-input-p {
    margin: 0;
    display: inline-block;
    min-width: 160px;
}

.form-info-cols-box .form-input-p {
    display: block;
}

.hs-list{width: 500px; display: inline-block;}

.form-info-input-box input.w200{ width: 200px;}

.form-input-p-p{ margin: 0;}


.select, select{border-radius: 2px; -webkit-appearance: push-button!important;}

.role-input-p{ height: auto !important;}
.role-upload{display: flex; align-items: center;}
.role-upload-tit{float: left;}
.role-input-p .photo-preview{ margin-left: 0;}
.role-upload{}


.role-coutry{width: 100%;max-width: 350px; display: inline-block;}

.form-info-input-w-363{width: 100%;max-width: 363px;}

.input-larger{width: 100%;max-width: 300px;}

/* .form-info-item textarea{ line-height: 20px;} */




.xm-cz-group .xm-cz span{display:none;}

#main {
	display: none;
}
body.show #main {
	display: block;
}
.default-layout-pb0 {
	position: relative;
	min-height: 800px;
}
.default-layout-pb0 .load-bg {
	position: absolute;
	top: 15%;
	width: 100%;
	z-index: 9;
}