.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 }