
@charset "UTF-8";html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%
}
@import './common/list.less';
@import './common/grid.less';
@import './common/form.less';
@import './common/bar.less';
@import './common/font.less';
@import './common/flow.less';
@import './common/search.less';
@import './common/image.less';
@import './common/color.less';
@import './common/flex.less';
@import './common/segmented-control.less';
@import './common/modal.less';
@import './common/vux.less';

html,
body {
	height: 100%;
}

body {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #333;
    background-color: #efeff4;
    -webkit-overflow-scrolling: touch;
    font-size: 16px;
    // line-height: 22px;
    margin: 0
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: text!important;
    user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
// a:hover { text-decoration: underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
// button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
img { border: 0; max-width: 100%; height: auto}
button,input,optgroup,select,textarea {
    font: inherit;
    margin: 0;
    // color: inherit
}
p {
    font-size: 14px;
    margin-top: 0;
    color: #8f8f94;
    margin-bottom: 10px;
}

@font-face {
    font-family: Muiicons;
    src: url(../fonts/t.ttf) format('truetype')
}
@font-face {
    font-family: iconfont; 
    src: url('./../fonts/iconfont.eot');/* IE9*/ 
    src: url('./../fonts/iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ 
    url('./../fonts/iconfont.woff') format('woff'),/* chrome, firefox */ 
    url('./../fonts/iconfont.ttf') format('truetype'),/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 
    url('./../fonts/iconfont.svg#iconfont') format('svg');/* iOS 4.1- */ 
  
}
@font-face {
    font-family: iconfont; 
    src: url('./../fonts/_iconfont.eot');/* IE9*/ 
    src: url('./../fonts/_iconfont.eot?#iefix') format('embedded-opentype'),/* IE6-IE8 */ 
    url('./../fonts/_iconfont.woff') format('woff'),/* chrome, firefox */ 
    url('./../fonts/_iconfont.ttf') format('truetype'),/* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 
    url('./../fonts/_iconfont.svg#iconfont') format('svg');/* iOS 4.1- */ 
  
}
//  .icon .icon1 废弃 新的统一用iconfont 这个类名
.icon,.icon1 {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

.icon {
    font-family: Muiicons
}

.icon1,.iconfont {
    font-family: iconfont
}

.iconfont {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

// .iconfont {
//     font-family: iconfont !important;
//     font-size: 16px;
//     font-style: normal;
//     -webkit-font-smoothing: antialiased;
//     -moz-osx-font-smoothing: grayscale
// }

// .icon {
//     font-family: iconfont !important;
//     font-size: 16px;
//     font-style: normal;
//     -webkit-font-smoothing: antialiased;
//     -moz-osx-font-smoothing: grayscale
// }
header.bar {
    position: relative;
    background-color: #8d91ff;
    flex-shrink: 0;
    a {
        text-decoration: none;
        color: #fff
    }
    a:active {
        color: #EFEFEF
    }
	&.bar-nav {
		.title {
            color: #fff;
            font-size: 17px;
            font-weight: 500;
            line-height: 44px;
            position: absolute;
            // right: 40px;
            // left: 40px;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            display: inline-block;
            overflow: hidden;
            width: auto;
            margin: 0;
            text-overflow: ellipsis;
            padding: 0;
            text-align: center;
            white-space: nowrap;
            z-index: 1;
		}
		.icon {
			z-index: 1;
		}
	}
}

.container {
	display: flex;
	flex-direction: column;
	height: 100%;
	white-space: normal;
	word-break: break-all;
	.content {
		flex: 1;
		overflow: hidden;
        margin-bottom: 0;
        background-color: #efeff4;
	}
}

// .media-body.single-line {
// 	display: flex;
// 	justify-content: space-between;
// 	align-items: center;
// 	height: 46px;
// }

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.table {
    display: table;
    width: 100%;
    table-layout: fixed
}

.table-cell {
    position: relative;
    display: table-cell
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-justify {
    text-align: justify !important
}

.text-right {
    text-align: right !important
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.warp {
    background-color: #fff;
    padding: 0.02rem 0;
}

/************用于考勤管理（废弃）******************/
/* 大按钮*/ 
.btn-big {
	display: block;
	width: 45%;
	line-height: 44px;
	text-align: center;
	background-color: #1890ff;
	color: #fff;
	font-size: 16px;
	border-radius: 5px;
	border: 1px solid #dcdfe6;
	-webkit-appearance: none;
	outline: none;
	transition: all 0.1s;
	&:active {
		background: #3a8ee6;
		border-color: #3a8ee6;
	}
}

.go-appeal-btn {
	display: block;
	line-height: 22px;
	font-size: 14px;
	color: #1890ff;
	margin-top: 10px;
	.icon {
		font-size: 16px;
	}
}
p.bottom-tip {
	margin-bottom: 0;
	text-align: center;
	line-height: 30px;
}
.line-height46 {
	line-height: 46px;
}

.fz14 {
	font-size: 14px;
}
/******************************/

// .navigate-left:after,.navigate-right:after,.push-left:after,.push-right:after,.push-right-b:before {
//     font-family: iconfont;
//     font-size: inherit;
//     line-height: 1;
//     position: absolute;
//     top: 50%;
//     display: inline-block;
//     -webkit-transform: translateY(-50%);
//     transform: translateY(-50%);
//     text-decoration: none;
//     color: #bbb;
//     -webkit-font-smoothing: antialiased
// }
// .navigate-right:after,.push-right:after,.push-right-b:before {
//     right: 15px;
//     content: '\e583'
// }


.pager {
    padding-left: 0;
    list-style: none;
    text-align: center;
    position: relative
}

.pager:after,.pager:before {
    display: table;
    content: ' '
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 9px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
    background-clip: padding-box
}

.pager li>a {
    color: #999
}

.pager-select {
    width: 40% !important;
    border-color: #ddd;
    color: #999;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    border: 1px solid rgba(0,0,0,.2);
}

.pager-p {
    height: 40px;
    width: 40% !important;
    line-height: 40px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    border: 1px #ddd solid;
    margin-bottom: 0;
}
.content-padded {
    padding: 10px 15px 15px;
}



/* 上传图片*/
.release-media {
	background: #fff;
	position: relative;
}

.result {
	position: relative;
	padding: 10px 15px 0;
}

.img_wrap {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}

.img_wrap .icon1 {
	font-size: 70px;
	color: #999;
	line-height: initial;
}

.border-dashed {
	border: 1px dashed #999;
	border-radius: 4px;
}

.img_wrap,
.ly_wrap {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 10px 0;
	cursor: pointer;
}

.img_wrap .iimg {
	border-radius: 0;
}

.del_img {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 50%;
	background-color: #ff4747;
	font-size: 16px;
	line-height: 14px;
}


.clearfix:before,.clearfix:after {
    display:table;
    content:' '
}
.clearfix:after{
    clear:both
}


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