*{ scrollbar-face-color:#E6F2FD; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#D6E4EF; scrollbar-3dlight-color:#F1F9FF; scrollbar-arrow-color:#006699;  scrollbar-track-color:#F1F9FF;  scrollbar-darkshadow-color:#F1F9FF; }
body{ margin:0px; color:#414141; font-size:12px; }
form,ul,li,dl,dt,dd{ margin:0px; list-style-type:none; padding:0px; }
table { empty-cells: show; border-collapse: collapse; }
img{ border:0px; vertical-align:middle; }
a{ color:#005eac; text-decoration:none;}
/*a:visited,a:active{ color:#005eac; }*/
a:hover{ color:#ff5500; }
fieldset
{
    border:1px solid #ddd;
    padding:10px;
    margin:0 0 0.5em 0;
}
legend
{
    font-size:1.2em;
    font-weight: bold;
}

*{
	font-size:12px;
}
body {
    font-family:verdana,helvetica,arial,sans-serif;
    padding:10px;
    font-size:12px;
    margin:0;
}
a{ text-decoration: none;}
h2 {
    font-size:18px;
    font-weight:bold;
    margin:0;
    margin-bottom:15px;
}
.demo-info{
	padding:0 0 12px 0;
}
.demo-tip{
	display:none;
}

.g-body{background-color:#f7f5f5;}
.clear{ clear: both;}
.marAuto{ margin: auto;}
.txtC{ text-align: center;}
.rdo-status *{ display: inline-block;vertical-align: middle;}
.mar5{ margin: 5px;}
.required{color:#ff0000; font-style: normal; margin-right: 3px;}

/*全局样式
===============================================*/
/* Clear Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
.ime-disabled{ ime-mode:disabled; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.line5{ clear:both;height:5px; font-size:1px; }
.line10{ clear:both;height:10px; font-size:1px; }
.line15{ clear:both;height:15px; font-size:1px; }
.mainbody{ padding:10px; }
.navigation{ padding-left:5px; color:#999999; font-family:'宋体'; line-height:28px; }
	.navigation .back{float:right; padding-left:18px; background:url(../images/new/arrow_left.png) no-repeat left 5px;}
.navtips{ padding:8px 10px 8px 30px; position:relative; border:1px solid #FCDEA7; background:url(../images/new/ico-5.png) no-repeat 10px 9px #f8f8d8; color:4f4f4f; line-height:1.5em; }
	.navtips .close{ position:absolute; top:10px; _top:10px; right:5px; _right:38px; display:block; width:12px; height:12px; background:url(../images/new/icon_del.gif) no-repeat; text-indent:-9999px; cursor:pointer;}
img.spec_photo{ border:1px solid #ccc; height:20px; vertical-align:middle; width:20px; }

/*管理首页样式
===============================================*/
.layout{ background:url(../images/new/head_bg_line.gif) repeat-x left top #e5edef; }
.logo{ display:block; width:282px; height:40px; line-height:40px; padding-left: 10px; font-size: 24px;}
.header{ background:url(../images/new/head_bg.gif) repeat-x left bottom; color:#E8E8E8; font-family:Verdana, Geneva, sans-serif; }
.header a{ color:#E8E8E8; text-decoration:none; }
.header a:hover{ color:#FF0; text-decoration:none; }
.header .header_box{ height:40px;/*padding-top:5px;*/ }
.header .header_box .header_right{float:right; margin:5px 10px auto auto; text-align:right; line-height:20px; }
.header .header_box .header_right span{ padding-left:18px; background:url(../images/new/memeber.gif) left center no-repeat; }
.header .header_box .header_right span b{ font-weight:normal; color:#FF0; }
.header .header_box .header_right a.home span{ padding-left:18px; background:url(../images/new/home.gif) left center no-repeat; }
.header .header_box .header_right a.message span{ padding-left:18px; background:url(../images/new/ico_message.gif) left center no-repeat; }
.header .header_box .header_right a.password span{ padding-left:18px; background:url(../images/new/ico_password.gif) left center no-repeat; }
.header .header_box .header_right a.info span{ padding-left:18px; background:url(../images/new/vcard_edit.ico) left center no-repeat; }
.header .header_box .header_right a.exit span{ padding-left:18px; background:url(../images/new/exit.ico) left center no-repeat; }
.footer{ text-align:left; background:/*url(../images/new/foot_bg.gif) repeat-x */#EBF5FC; }
.footer .copyright2{ height:24px;line-height:24px;padding:0px 10px;font-size:10px;color:#2C89AD; }
.footer .copyright { background:url(../images/rucci_14.png) no-repeat left center; font-size:11px; margin-left:10px; padding-left:160px; color:#adadad; text-align:left;}

/*左边导航样式*/
.nlist li a{ display:block; line-height:22px; height:22px; padding-left:22px; background:url(../images/new/nav_icon.gif) no-repeat 5px top; border:1px solid #fff; margin:3px 2px 0 2px; color:#333; text-decoration:none; }
.nlist li a:hover{ border:1px solid #eae8e8; background:url(../images/new/nav_icon.gif) no-repeat 5px -22px #f5f5f5; }
.nlist li.title{ margin-top:5px; line-height:25px; font-weight:600; color:#090; padding-left:25px; background:url(../images/new/nav_icon.gif) no-repeat 7px -50px;}
.nlist li ul li{ margin-left:-13px; font-weight:normal; }
/*导航标题ICON*/
.menu-icon-setting,.menu-icon-member,.menu-icon-model,.menu-icon-plugins,.menu-icon-order{ display:block; float:left; margin-top:4px; width:18px; height:16px; background:url(../images/new/menu_icons.gif) no-repeat; overflow:hidden; }
.menu-icon-setting{ background-position:0px 0px; }
.menu-icon-member{ background-position:0px -30px; }
.menu-icon-model{ background-position:0px -60px; }
.menu-icon-plugins{ background-position:0px -90px; }
.menu-icon-order{ background-position:0px -120px; }
/*右边Tabs标题图标*/
.tab-icon-home{ padding-left:18px; background:url(../images/new/home.gif) no-repeat left center; }

/*所有按钮样式
===============================================*/
.tools_box{ border:1px solid #EDECFF; border-bottom:0px; }
	.tools_bar{ padding-left:5px; height:45px; background:url(../images/new/tools_bg.gif) left 0px repeat-x;overflow:hidden;}
	.tools_bar .search_box{ float:right; margin:10px 10px 0 0; }
	.tools_btn:link,.tools_btn:visited,.tools_btn:active{ color:#4d4d4d; }
	.tools_btn{ float:left; display:block; margin:3px 3px 0; padding:0 0 0 6px; height:39px; color:#4d4d4d; font:12px/1.5 arial,verdana; overflow:hidden;}
	.tools_btn:hover, .tools_btn_hover{ background:url(../images/new/tools_btn_bg.gif) no-repeat 0 0; }
	.tools_btn span{ display:block; padding:0 6px 0 0; background:none;}
	.tools_btn:hover span, .tools_btn_hover span{ background:url(../images/new/tools_btn_bg.gif) no-repeat right -39px; }
	.tools_btn span b{ font-weight:normal; display:block; padding:22px 0 5px; line-height:15px; background:url(../images/new/tools_icon.gif) 50% -135px no-repeat; }
	.tools_btn span b.add{background-position:50% -295px}
	.tools_btn span b.all{background-position:50% -135px}
	.tools_btn span b.backup{background-position:50% -630px}
	.tools_btn span b.remove{background-position:50% -730px}
	.tools_btn span b.download{background-position:50% -780px}
	.tools_btn span b.refresh{background-position:50% -830px}
	.tools_btn span b.import{background-position:50% -215px}
	.tools_btn span b.export{background-position:50% -255px}
	.tools_btn span b.combine{background-position:50% -335px}
	.tools_btn span b.grade{background-position:50% -376px}
	.tools_btn span b.delete{background-position:50% -175px}
	.tools_btn span b.recover{background-position:50% -680px}
	.tools_btn span b.recycle{background-position:50% -415px}
	.tools_btn span b.filter{background-position:50% -880px}
	.tools_btn span b.common{background-position:50% -930px}
	.tools_btn span b.link{background-position:50% -980px}
	.tools_btn span b.send{background-position:50% -1030px}
	.tools_btn span b.stop{background-position:50% -1080px}
	.tools_btn span b.return{background-position:50% -1130px}
	.tools_btn span b.recharge{background-position:50% -1180px}
.select_box{ padding:0 10px; _padding:3px 10px 0 10px; height:28px; _height:30px; line-height:27px; _height:29px; border-top:1px solid #EDECFF; font-family:'宋体'; background:url(../images/new/tools_bg.gif) left -80px repeat-x; overflow:hidden; }
.select_box input{vertical-align:middle;}
.select_box .save_box{ float:right; _margin-top:-3px;}
.select_box .search_box{ float:right;}

select.select,select.select2{ height:22px; line-height:22px; border:1px solid #E1E1E1; color:#7A7A7A; background:#FAFAFA; vertical-align:middle; }
select.select{padding:1px;}
select.select2{padding:2px;}
input.normal{ width:255px; }
input.small{ width:95px;}
input.small2{ width:50px; }
input.small3{ width:130px; }
input.middle{ width:210px; }
.txtInput{ margin-right:5px; padding:0 3px 0 3px; height:22px; line-height:22px; background:#FAFAFA; border:1px solid #D7D7D7; vertical-align:middle; font-size:12px; font-family:'微软雅黑'; }
.txtInput2{ padding:0 3px 0 3px; height:20px; line-height:20px; background:#FAFAFA; border:1px solid #D7D7D7; vertical-align:middle; font-family:'微软雅黑'; }
.btnSubmit{ padding:0 10px; height:28px; line-height:28px; _height:25px; _line-height:25px; color:#3D80B3; font-weight:bold; border:1px solid #AED0EA; background:url(../images/new/btn_bg.gif) 0 -44px repeat-x; cursor:pointer; vertical-align:middle; overflow:hidden; }
.btnSubmit:hover{ background-position:0 -72px;}
.btnSearch{ padding:0 8px; height:24px; line-height:24px; color:#707070; border:1px solid #D7D7D7; background:url(../images/new/btn_bg.gif) repeat-x; cursor:pointer; vertical-align:middle; overflow:hidden; }
.btnSearch:hover{ background-position:0 -22px; color:#005eac; }
.btnSelect{ padding:0; border:1px #e1e1e1 solid; color:#707070; cursor:pointer; vertical-align:middle; overflow:hidden; background:url(../images/new/btn_bg.gif) repeat-x; }
.btnSelect:hover{ background-position:0 -22px; color:#005eac; }
.btnSelect span.add{ display:block; height:20px; line-height:20px; padding:1px 3px 1px 18px; white-space:nowrap; background:url(tools_icon.gif) 2px -27px no-repeat; }
.btnInput{ margin:auto; padding:0 5px; border:1px #e1e1e1 solid; color:#707070; background:url(../images/new/btn_bg.gif) repeat-x; cursor:pointer; vertical-align:middle; line-height:24px; height:22px; overflow:hidden; }
a.btnSubmit{display:inline-block; height:24px; line-height:24px; _height:21px; _line-height:21px;}
/*file容器样式*/
a.files{ margin:0 auto; float:left; width:52px; height:22px; overflow:hidden; display:block; border:1px solid #d7d7d7; background:url(../images/new/upfile_bg.gif) left top no-repeat;text-decoration:none; }
/*file设为透明，并覆盖整个触发面*/
a.files input{ margin-left:-270px; font-size:24px; cursor:pointer; filter:alpha(opacity=0); opacity:0; }
/*取消点击时的虚线框*/
a.files, a.files input{ outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/ }
.uploading{ float:left; background:url(../images/new/loading2.gif) no-repeat left center; padding-left:18px;display:none; line-height:24px; height:24px; color:#333; }

.upselect{ clear:both; margin:10px auto auto 10px; }
.upselect dl dt,.upselect dl dd{ float:left; line-height:200%; }
.swfupload{vertical-align:top;}
.upload_btn{ display:inline; padding:4px 0 3px 5px; *padding:0 0 0 5px; border:1px solid #d7d7d7; background:url(../images/new/upbtn_bg.gif) repeat-x left 1px; color: #707070; cursor:pointer; overflow:hidden; vertical-align:middle; }
.upselect dl dd label{margin-left:10px;padding:7px 0 0; color:#717171; line-height:200%;}
.pic{float:left;/*width:65px;height:90px;*/margin-right:10px;text-align:center}
.pic img{border:3px #efefed solid; cursor:pointer; width:100px; height:100px;}
.pic img.current{border:3px #f60 solid}

#show_list{margin:0; padding:0;}
#show_list ul{ margin:0; list-style:none; }
#show_list ul li{ float:left; margin-right:10px; text-align:center; *width:111px;}
#show_list ul li .img_box{ margin:5px 5px 5px auto; position:relative; width:100px; height:100px; overflow:hidden; border:3px #efefed solid; cursor:pointer; }
#show_list ul li .img_box.current{ border:3px #f60 solid }
#show_list ul li .img_box img{ width:100px; height:100px; opacity:1; }
#show_list ul li .img_box .remark{ top:80px; left:0px; margin:0; padding:3px 2px; position:absolute; display:block; width:96px; height:94px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; font-family:"微软雅黑"; }
#show_list ul li .img_box .remark:hover{ top:0px; }
#show_list ul li .img_box .remark i{ color:#fff; font-style:normal; position:relative; line-height:16px; }
#show_list ul li a{ padding-right:1em; }

.photo_list2{border:1px solid #EDECFF; font-family:Verdana, Geneva, sans-serif;overflow:hidden;}
.photo_list2 ul{margin:0;padding:10px 0 0 10px; *padding:10px 0 0 0px;}
.photo_list2 ul li{float:left; padding:0 0 10px 0; width:50%; *width:49.99%; overflow:hidden;}
.photo_list2 ul li div.box{ margin:0 10px 0 0; position:relative; border:3px solid #e3f2fa; background:url(../images/new/li_bg.gif) repeat-x left bottom #fff; *margin:0 5px;}
.photo_list2 ul li div.box .checkall input{ position:absolute; top:5px; right:0px; }
.photo_list2 ul li img.cover{ float:left; margin:10px; padding:0px; border:0; width:96px; height:96px; }
.photo_list2 ul li dl{margin:0; padding:0 10px 0 0; *float:left; *margin-right:10px;}
.photo_list2 ul li dl dt{ margin:8px 0 0 auto; padding-right:15px; line-height:18px;height:36px;color:#208FFF;font-weight:600;overflow:hidden;}
.photo_list2 ul li dl dd{line-height:18px; color:#999;}
.photo_list2 ul li dl dd.btns{line-height:30px; height:30px; font-size:13px;font-family:"微软雅黑";}
.photo_list2 ul li dl dd input{vertical-align:middle;}

.page_box{line-height:30px;height:30px;}
.page_box .left{ font-family:"微软雅黑";}
.page_box .left input{ margin:auto 3px; width:30px; text-align:center; }

/*大图预览提示*/
#imgtip{ position:absolute; border:1px solid #ccc; background:#fff; padding:2px; display:none; }

/* Tabs样式
=========================================================*/
.tab_nav{ margin:8px auto; height:23px; line-height:23px; border-bottom:1px #e1e1e1 solid; font-family:"微软雅黑"; }
	.tab_nav li{ float:left; height:22px; margin:0 2px 0 5px; border:1px #e1e1e1 solid; border-bottom:0; background:url(../images/new/btn_bg.gif) repeat-x; text-align:center; }
	.tab_nav li.selected,.tab_nav li.selected a:hover{ background:none; border-bottom:1px solid #fff; margin-bottom:-1px; _border-top:1px; }
	.tab_nav li a:link,.tab_nav li a:visited,.tab_nav li a:active{ display:block; float:left; padding:0 10px; height:22px; color:#767676; outline:none; }
	.tab_nav li a:hover{ background:url(../images/new/btn_bg.gif) repeat-x left -22px; }
	.tab_nav li.selected a{ color:#3D80B3; }
	.tab_con{ display:none; position:relative; }

/*表格样式
=============================================*/
.msgtable,.form_table{ width:100%; border:1px solid #EDECFF; font-family:Verdana, Geneva, sans-serif; }
.msgtable th{ padding:0.5em; font-weight:700; background: url(../images/bgNav2.gif) #fbfbfb repeat-x left top; white-space: nowrap; }
.msgtable td{ padding:0.4em; border-bottom:1px solid #F3F3F3; white-space: nowrap; }
.msgtable .tr_odd_bg{ background:#F9F9F9; }
.msgtable .tr_hover_col{ background:#EAEAEA; }
.msgtable .td_c td{text-align:center;}
.msgtable .td_c td.tl {text-align:left; padding-left:5px;}
.msgtable  th, .msgtable .td_c td {font-size: 12px;}
.msgtable .edit{  background:url(../images/customer-24.png) no-repeat left center; margin:0px 3px; padding-left:15px;}
.msgtable .del{  background:url(../images/customer-25.png) no-repeat left center; margin:0px 3px; padding-left:15px;}

.form_table th{padding:5px 8px 5px 0;color:#333;font-weight:700;text-align:right;background:#f9f9f9;}
	.form_table td{padding:6px 0 5px 10px;text-align:left;color:#717171;line-height:200%}
	.form_table label{ margin-left:10px; padding:7px 0 0; font-family:"宋体"; }
	.form_table label.attr{color:#1d1d1d}
	.form_table label input{ margin-right:5px; vertical-align:middle;}
	.form_table span label{ margin:0; padding:0; }
	.form_table textarea{font-size:12px;padding:3px;color:#000;border:1px #d2d2d2 solid;vertical-align:middle; font-family:"微软雅黑";}
	.form_table textarea.small{ width:350px; height:75px;}
	.form_table textarea.big{ width:500px; height:350px;}
	.form_table img.operator{ width:12px; height:12px; margin:0 6px; cursor:pointer; vertical-align:bottom; }

.border_table{ border-width:1px; margin:0; background:#fff; }
	.border_table th{ border:1px solid #e1e1e1; vertical-align:middle; padding:0px 10px; white-space:nowrap; word-break:keep-all; }
	.border_table td{ border:1px solid #e1e1e1; vertical-align:middle; padding:5px 10px 5px; white-space:nowrap; word-break:keep-all; }
	.border_table thead th{ color:#333;white-space:nowrap;text-align:center;background:url(../images/new/tools_bg.gif) repeat-x left -150px; }
	.border_table tbody th{padding-right:5px; text-align:right;color:#707070;background-color:#f9f9f9}
	.border_table .spec_pic{margin-bottom:5px}
	.border_table label{color:#777}
	.border_table tr.td_c td{text-align:center}

/*Dialog内容页样式
=============================================*/
.uploadbox{ color:#000; font-family:"微软雅黑"; width:400px; margin:0 auto; padding:10px 10px 0; text-align:left; }
	.uploadbox .tips{ color:#666; margin:15px 0; }
	.uploadbox input.normal{ vertical-align:middle; }
.list_photo{ margin:10px auto; padding:5px 5px 10px; background:#fffcf3; border:1px solid #fde4c7; }
	.list_photo ul{ margin:0 auto; }
	.list_photo ul li{ float:left; width:50px; height:50px; margin:5px; padding:1px; background:#fff; border:1px solid #ccc; overflow:hidden; cursor:pointer; }
	.list_photo li.selected{ border:2px solid #F60; padding:0; }

/*页面底部*/
.foot_btn_box{ padding:15px 20px; text-align:center; }

.lh22{line-height:22px;}
.tr{text-align:right;}
.tc{text-align:center;}
.mt10{margin-top:10px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.hidden{ display:none !important;}

/*分页样式*/
.pagelist{padding:10px 0;}
.pager {
	line-height: 20px; height: 20px
}
.pager li {
	text-align: center; margin: 0px 2px 0px 0px; display: inline; font-size: 90%
}
.pager li a {
	border-bottom: #999 1px solid; border-left: #ddd 1px solid; padding-bottom: 3px; background-color: #f2f2f2; padding-left: 5px; padding-right: 5px; font-family: courier new, arial; color: #58595b; border-top: #ddd 1px solid; border-right: #999 1px solid; text-decoration: none; padding-top: 3px
}
.pager li a:hover {
	border-bottom: #ddd 1px solid; border-left: #aaa 1px solid; color: #000; border-top: #aaa 1px solid; border-right: #ddd 1px solid
}
.pager li.prev a {
	background-color: #ccc; color: #666
}
.pager li.next a {
	background-color: #ccc; color: #666
}
.pager li.current a {
	border-bottom: 0px; border-left: 0px; background: #58595b; color: #fff; border-top: #58595b 1px solid; font-weight: bold; border-right: 0px
}
.pager li.msg{font-size:12px;}
/*分页样式 end*/

.progressName {
	font-size: 12px;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 20px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

.form-table{}
.form-table td{padding: 5px;}
.form-table .label {font-weight: bold;white-space: nowrap;}
.form-table .datagrid td{padding: 0;}

.row-item {margin-bottom: 15px;}
.row-item .row-item-title {margin: 5px 0; font-weight: bold;}

.row-grid-div{height: 60px;}
.row-grid-div .row-grid-item{float: left;}
.row-grid-div .row-grid-7{width: 70%}
.row-grid-div .row-grid-5{width: 49%; margin-right: 10px;}
.row-grid-div .row-grid-3{width: 30%}
.row-grid-div .row-grid-2{width: 20%}

.easyui-form .desc{ color: #6ea0e2;padding: 5px 0;}
.easyui-form .red{ color: #ff5500;}

#AcademicCertificateFileList .item {margin-right: 13px; float: left; text-align: center; color: #00c29d;}
#AcademicCertificateFileList .img {width: 126px; height: 98px; vertical-align: middle; border: 1px solid #00c29d;}
#AcademicCertificateFileList .img img {width: 126px; height: 98px;}

.grid-search-box li { margin: 8px; }

/* loading */
#popFail, #popFail .bk, #popFail .cont{width:146px;height:146px}
#popFail { position: fixed; left: 50%; top: 50%; z-index: 999999; }
#popFail .bk, #popFail .cont{position:relative;}
#popFail .bk { background-color: #000; opacity: 0.5;filter:alpha(opacity=50); border-radius: 10px; margin: -73px 0 0 -73px; z-index: 0 }
#popFail .cont { margin: -146px 0 0 -73px; text-align: center; color: #f5f5f5; font-size: 14px; line-height: 35px; z-index: 1 }
#popFail img { width: 35px; height: 35px; margin: 30px auto; display: block }

.MulitiImageSelect {display: none;}
.MulitiImageSelectUl li {float: left;text-align: center;padding: 3px; position: relative;}
.MulitiImageSelectUl li .del-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    z-index: 1;
    display: none;
    background-color: #d1d1d1;
    font-size: 2em;
}
.MulitiImageSelectUl li:hover .del-btn { display: inline-block; }
.MulitiImageSelecttextarea {clear: both;}

select.prov,select.city,select.dist {
    width: 150px;height: 32px;border: 1px solid #95B8E7;border-radius: 5px;padding-left: 15px;
}

.input-tips+span{ border: 0 !important;}

.file-container {
    display: inline-block;position: relative;margin-left: 10px;font-size: 14px;
}
span.file-del {
    display: block;position: absolute;right: -15px;top: -5px;width: 20px;height: 20px;border-radius: 100%;border: 1px solid #ccc;
    text-align: center;line-height: 20px;color: #000;cursor: pointer;
}
a.file-del{ margin-left: 10px;}