ximushanyuan/web/resource/midoo/ui-mes-select.css

.ui-mes-select {
	max-width:682px;
	min-height:260px;
	line-height:1;
	border-width:2px;
	border-style:dashed;
	-moz-border-image:url(img/mes-select-borderBg.png) 2 round;
	-webkit-border-image:url(img/mes-select-borderBg.png) 2 round;
	border-image:url(img/mes-select-borderBg.png) 2 round;
	border-color:#d8d9d9;
	background-color:#f0f3f7
}
.ui-mes-select .choose-mes-type {
	height:222px;
	padding-top:33px;
	text-align:center
}
.ui-mes-select .choose-mes-type .tit {
	margin-bottom:44px;
	font-size:16px;
	color:#a2a9b6
}
.ui-mes-select .choose-mes-type .icon-pictxt,.ui-mes-select .choose-mes-type .icon-pic,.ui-mes-select .choose-mes-type .icon-txt {
	display:block;
	width:74px;
	height:84px;
	margin-bottom:24px;
	background:url(img/icons-mes-select.png) no-repeat left top
}
.ui-mes-select .choose-mes-type .type-item {
	display:inline-block;
	*zoom:1;
	*display:inline;
	margin:0 44px;
	color:#a2a9b6;
	font-size:16px;
	cursor:pointer
}
.ui-mes-select .choose-mes-type .type-item:hover {
	color:#4c5161
}
.ui-mes-select .choose-mes-type .type-item.type-pictxt:hover .icon-pictxt {
	background-position:left -86px
}
.ui-mes-select .choose-mes-type .type-item.type-pic .icon-pic {
	background-position:left -172px
}
.ui-mes-select .choose-mes-type .type-item.type-pic:hover .icon-pic {
	background-position:left -258px
}
.ui-mes-select .choose-mes-type .type-item.type-txt .icon-txt {
	background-position:left -344px
}
.ui-mes-select .choose-mes-type .type-item.type-txt:hover .icon-txt {
	background-position:left -430px
}
.ui-mes-select .mes-action {
	position:relative;
	min-height:165px;
	padding:45px 0;
	text-align:center
}
.ui-mes-select .mes-action .material-wrap {
	display:table-cell;
	position:relative;
	vertical-align:middle;
	width:682px;
	height:165px;
	*width:auto;
	*height:auto;
	*min-height:165px
}
.ui-mes-select .mes-action .material-con {
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
	padding-right:125px
}
.ui-mes-select .mes-action .material-type-txt,.ui-mes-select .mes-action .material-type-pic {
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
	padding:20px;
	color:#4c5161;
	text-align:left;
	line-height:1.4;
	word-break:break-all;
	word-wrap:break-word;
	background-color:#fff;
	border-radius:12px;
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
	border:1px solid #e5e5e5;
	border:0 rgba(0,0,0,0)
}
.ui-mes-select .mes-action .material-type-txt .icon-arrow,.ui-mes-select .mes-action .material-type-pic .icon-arrow {
	position:absolute;
	top:12px;
	right:-12px;
	width:12px;
	height:21px;
	background:url(img/icons-mes-select.png) no-repeat left -534px
}
.ui-mes-select .mes-action .material-type-txt {
	max-width:286px;
	font-size:14px
}
.ui-mes-select .mes-action .material-type-pic {
	width:200px;
	padding:5px;
	font-size:0;
	line-height:1
}
.ui-mes-select .mes-action .material-type-pic img {
	width:200px;
	border-radius:8px
}
.ui-mes-select .mes-action .material-type-pic,.ui-mes-select .mes-action .material-pic-txt {
	min-height:50px;
	background:url(../../lbfUI/images/Button/loading.gif) no-repeat center center #fff
}
.ui-mes-select .mes-action .material-pic-txt {
	width:320px;
	min-height:234px
}
.ui-mes-select .mes-action .action {
	position:absolute;
	width:100px;
	top:50%;
	right:-4px;
	margin-top:-29px;
	*margin-top:-32px;
	text-align:left
}
.ui-mes-select .mes-action .action a {
	display:inline-block;
	height:16px;
	margin-bottom:25px;
	line-height:16px;
	font-size:16px;
	color:#4c5161
}
.ui-mes-select .mes-action .action a:hover {
	color:#00a5e0
}
.ui-mes-select .mes-action .action .icon-edit,.ui-mes-select .mes-action .action .icon-del {
	display:inline-block;
	vertical-align:-3px;
	*vertical-align:2px;
	width:16px;
	height:16px;
	margin-right:10px;
	background:url(img/icons-mes-select.png) no-repeat left -516px
}
.ui-mes-select .mes-action .action .icon-del {
	background-position:-36px -516px
}
.ui-mes-select .mes-action .action .btn-edit:hover .icon-edit {
	background-position:-18px -516px
}
.ui-mes-select .mes-action .action .btn-del:hover .icon-del {
	background-position:-54px -516px
}
.ui-mes-select .mes-action .tip {
	position:absolute;
	bottom:14px;
	right:14px;
	color:#a2a9b6
}