@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*基本信息*/
body,td,th{ font-size:12px; font-family:Microsoft YaHei,Arial;}
body{ margin:0px; padding:0px; font-family:Microsoft YaHei,Arial; background:#fff; }
ul, li{ list-style:none; padding:0px; margin:0px; list-style-type:none;}
img{ border:none}
a{ text-decoration:none;color:black;}
/*a:hover{ color:#cca000}*/
i{ font-style:normal}
b{ font-weight:normal}
select{ vertical-align:middle;}
button, input, select, textarea{ font-size:100%; margin:0; outline:0 none; vertical-align:middle;}
textarea{ overflow:auto; vertical-align:top; resize:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"], .submit-btn{ -webkit-appearance:button;  cursor:pointer; *overflow:visible;}
button[disabled], input[disabled], .disable{ cursor:default;}
input[type="text"]{padding: 0 3px}
input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox{ box-sizing:border-box; padding:0;}
legend{ border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
a,input, button, select, textarea{ outline:none;}
.clear{ clear:both;}
input{ box-sizing:inherit;}
fieldset{ border-width:1px 0 0 0; border-style:solid; padding:0 10px 0 18px; border-color:#bebec0}
legend{ padding:0 5px; font-size:13px; font-weight:bold}
::-moz-focus-inner{ border:0px;}
.margin-0{ margin:0}
.padding-0{ padding:0!important}
.checkbox1 span{ margin:0; margin-right:15px; float:left}
.checkbox1 span i{ float:right; margin-left:10%; font-weight:bolder; margin-right:10px;}
.checkbox1 span input{ margin:0}
.left{ float:left}
.right{ float:right}
.t_left{text-align: left}
.t_right{text-align: right}

.check1 span{ float:left; width:3em; background:url(../img/false.png) no-repeat center left; background-size:60% auto; }
.check1 .cur{background:url(../img/true.png) no-repeat center left;background-size:60% auto;}
.border-none{border:none!important}
.border-top-1{ border:#ccc solid 1px!important;}
.input-200 input[type="text"],.input-200 select{width: 200px;}
.input-300 input[type="text"],.input-300 select{width: 300px;}

.font-12{font-size: 12px!important;}
.font-13{font-size: 13px!important;}
.font-14{font-size: 14px!important;}
.font-15{font-size: 15px!important;}
.font-16{font-size: 16px!important;}
/*-------------------首页------------------------*/
.main{ width:100%; height:100%; overflow:hidden; margin:0; padding:0;}
.main_left{ width:200px; float:left; ;position:relative; overflow:hidden;background:url(../img/main_left.jpg) right repeat-y #f9f9f9}
.main_right{ width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px);  float:right; background:#fff;}
.main_con{ width:100%; height:100%;}
.main_top a{ color:#FFF}
.cmf-component-tabitem {position: relative;display: inline-block !important;float: none !important;min-width: 101px;text-align: center;cursor: pointer;vertical-align: top;}
.cmf-component-tabclose {    position: absolute;    top: -8px;    right: 6px;    text-decoration: none;    cursor: pointer;    display: none;}

.cmf-component-tabitem:hover .cmf-component-tabclose {    text-decoration: none;    display: block;}

.cmf-component-tabclose-icon {    color: #fff}
.navbar-nav .active{    color: #fff;    background-color: #2C3E50}

.left_top,.main_top{ width:100%; height:75px; padding-top: 13px; line-height:50px; background:#2d2e30; color:#fff}
.left_top{ text-align:center; font-size: 18px;}


.main_left dl{width:199px;overflow:hidden;}
.main_left dl dt{height:50px;line-height:50px;color:#222;font-size:15px;text-indent:10px;border-bottom:1px solid #ccc;cursor:pointer;}
.main_left dl dt span{ float:right; margin-right:20px; color:#999999; font-family:'宋体';}
.main_left dl dt div{ margin-left:16px; width:30px; height:50px; float:left; background:url(../img/ico.png) no-repeat center; background-size:50%; }
.main_left dl dt.click{ background:#eee; color:#222}
.main_left dl dt.click span{ color:#222}
.main_left dl dt.click div{background:url(../img/ico_h.png) no-repeat center;background-size:50%; }
.main_left dl dd{overflow:hidden;display:none;}
.main_left dl dd a{display:block;height:40px;line-height:40px;background:#fff; font-size: 13px; border-bottom:#ccc solid 1px;text-indent:60px;color:#272e36;}
.main_left dl dd a:hover{background:#eee;}
.main_left dl dd a{ background:url("../img/round.png") no-repeat #fff; background-position:18px 8px; background-size:26px 26px; }
.main_left dl dd a:hover{ background:url("../img/round_white.png") no-repeat; background-position:19px 9px; background-size:24px 24px;}

.main_left dl dd .three a{display:block;height:40px;line-height:40px;background:#fff;border-bottom:#ccc solid 1px;text-indent:40px;color:#272e36;}
.main_left dl dd .three a:hover{background:#eee;}
.main_left dl dd .three a{  }
.main_left dl dd .three a:hover{ }

.noty_buttons{text-align: center!important}
/*.btn-danger{margin-left: 20px!important;}*/

.hide_l{position:absolute; cursor:pointer; z-index:99999;  width:10px; height:100%;  left:0px; color:#FFF;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;%*/}
.hide_l:hover{background:#000; color:}
.show_l{position:absolute; cursor:pointer; z-index:99999;  width:10px; height:100%;  left:0px; color:#FFF;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; display:none}
.show_l:hover{background:#000;}
.hide_l span,.show_l span{position:absolute;top:50%; left:2px; font-family:'宋体'}
.table{border-collapse: collapse;border-spacing: 0;}

.con{ padding:20px 20px 70px; font-size:14px; }
.con_title{ padding:0px 8px; overflow:hidden; line-height:36px; background:url(../img/con_title.jpg); border:#ccc solid 1px; border-radius:1px; margin-bottom:0px}
/*.con_title span{ width:32px; float:left;margin-right:5px; background:url(../img/guanli.png) no-repeat center;}*/
.con_title span{ width:5px; float:left;margin-right:0px; }
.con_title .title{ float:left; font-size: 16px;}
.con_title .title select,.con_search select{ height: 25px; line-height: 25px;border: #ddd solid 1px}
.con_title .title input,.con_search input{ height: 25px; line-height: 25px; padding-left: 5px; border-radius: 2px; border: #ddd solid 1px}
.con_search .btn1{padding: 0 10px; background: #409eff; color: #fff; border: #409eff solid 1px;}

.con_title ul{display:inline; float:left; margin-left:20px; line-height:1.8; margin-top:5px;}
.con_title ul li{ width:auto; float:left; margin-left:20px; background:#de5044; padding:0 5px;  color:#fff}
.con_title ul li:nth-child(2){ background:#e2aa0d}
.con_title ul li:nth-child(3){ background:#1da362}
.con_title ul li:nth-child(4){ background:#2C3E50}
.con_table{ width:100%; border:#ccc solid 1px;border-bottom:none; border-right:none;}
.con_table tr th{white-space : nowrap; height:30px; text-align:center;border-bottom:#ccc solid 1px; padding:3px 8px; border-right:#ccc solid 1px}
.con_con{ width:100%; border:#ccc solid 1px; float: left; display: block;overflow:visible; border-top:none; }
.con_con .form-control{display: inline-block; float: left}



.con_search{ width: 100%; overflow: hidden;border: solid 1px #ddd; padding:8px 10px; box-sizing: border-box; border-top: none}
.con_button{ width: 100%; overflow: hidden; padding:8px 0px 5px 0px; box-sizing:border-box; }
.con_button li{width: auto ;padding: 5px 8px; cursor: pointer; border-radius: 1px; border-radius: 3px; float: left; margin-right: 5px}
.con_btn1{background: #409eff; color: #fff; cursor: pointer;border-radius: 3px}
.con_btn2{background: #f06a5f; color: #fff; cursor: pointer}
.con_btn3{background: #e2aa0d; color: #fff; cursor: pointer}

.page_count{ display: inline-block;overflow: hidden; border: 1px solid #ddd; ; padding:0 10px; background: #fff; border-radius: 5px; box-sizing: border-box; margin-right: 5px; color: #333!important; font-size: 12px;}
.page_count .page_size{border: none;border-left:#ddd 1px solid;color: #333!important; margin: 0!important; vertical-align:baseline;margin-left: 10px; padding-left: 5px}

.bind{height: 34px; line-height: 34px;}
.bind_s{height: 30px; line-height: 30px; padding: 2px 5px;width:120px; margin-left: 50px}
.bind_s_btn{height: 30px; line-height: 30px; cursor: pointer}


.table1{ width:100%; border-radius:2px}
.table1 tr td{ height:30px; line-height: 30px;  text-align:center;border-bottom:#ccc solid 1px; padding:3px 8px; border-right:#ccc solid 1px}
.table1 tr:hover{background:#f9f9f9;}

.table1 .title{ background:#f1f1f1; height:34px}
.table1 .page{ background:#f9f9f9; height:34px}
.table1 .tleft{ text-align:left;}


.table2{ width:100%; border-radius:2px;border-top:#dce4ec solid 1px; border-left:#dce4ec solid 1px}
.table2 tr td{ height:30px; text-align:center;border-bottom:#dce4ec solid 1px; padding:3px 8px; border-right:#dce4ec solid 1px}
.table2 tr:hover{background:#f9f9f9;}

.table3{ width:100%; border-radius:2px;border-top:#ccc solid 1px; border-left:#ccc solid 1px; line-height: 30px}
.table3 tr td{ height:30px; text-align:left;border-bottom:#ccc solid 1px; padding:3px 8px; border-right:#ccc solid 1px}
.table3 tr:hover{background:#f9f9f9;}

.table4{ width:100%; border-radius:2px;border:#ccc solid 1px;}
.table4 tr td{ height:30px; text-align:left;border-bottom:#ccc solid 1px; padding:3px 8px; border-right:#ccc solid 1px}
.table4 tr:hover{background:#f9f9f9;}
.title td { background:#f1f1f1; height:30px; text-align: center}

.border_none,.border_none tr td{ border:0px!important;}

.t_left{ text-align:left!important;}
.red{color: red}

.order_fp li{width: 100%; margin: 5px 0;}
.order_fp li input{ padding: 0 5px}
.order_fp li .input_supp{width: 220px}
.order_fp li .input_sl{width: 60px}
.order_fp li .cksl{width: 60px; display: inline-block}


.order_status li{width: auto; float: left; padding: 6px 10px; background: #f1f1f1; border-radius: 3px; cursor: pointer;margin-right: 10px; }
.order_status li span{ background: #f06a5f; font-weight: bolder; color: #fff; margin-left: 5px; font-size: 12px; padding: 1px 10px; border-radius: 12px;}
.order_status .cur{background: #5aabfe; color: #fff;}
.order_status .cur span{background: #fff; color: #5aabfe; }

.cr_btn{width:auto; white-space : nowrap;margin: 3px 0 !important; overflow: hidden; cursor: pointer;margin-left:10px;border-radius:2px;padding:2px 5px;color:#fff}

.no_newline{white-space : nowrap;}
.cr1{ background:#de5044}
.cr2{ background:#e2aa0d}
.cr3{ background:#1da362}
.cr4{ background:#2C3E50}
.cr_btn:hover{ background:#2C3E50; color:#fff}



.col-md-6 {width: 50%}
/*.col-xs-12 { width: 100%}
.col-xs-11 {width: 91.66666667%}
.col-xs-10 {width: 83.33333333%}
.col-xs-9 {width: 75%}
.col-xs-8 {width: 66.66666667%}
.col-xs-7 {width: 58.33333333%}
.col-xs-6 {width: 50%}
.col-xs-5 {width: 41.66666667%}
.col-xs-4 {width: 33.33333333%}
.col-xs-3 {width: 25%}
.col-xs-2 {width: 16.66666667%}
.col-xs-1 {width: 8.33333333%}*/
.form-control,input {border-width: 1px;-webkit-box-shadow: none;box-shadow: none}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #2C3E50;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #2C3E50;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(44,62,80,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(44,62,80,0.6)
}
.form-control,input {
    border-width: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
	box-sizing:boder-box;
}

.form-control:focus,input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}
.form-group{ width:100%; float:left; margin-bottom:5px; line-height:34px;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }
.col-sm-2 {
        width: 120px; text-align:right; font-weight:bold
    }
.col-sm-offset-2 {
        margin-left: 120px
    }
.btn-primary {color: #fff;background-color: #2C3E50;border-color: #2C3E50}
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
    background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.4;border-radius: 0;-webkit-user-select: none;
    -moz-user-select: none;-ms-user-select: none; user-select: none; border-radius: 3px}
select {-webkit-appearance: menulist;box-sizing: border-box;align-items: center;white-space: pre;-webkit-rtl-ordering: logical;color: black;background-color: white;cursor: default;border-width: 1px;border-style: solid;border-color: initial;border-image: initial;}
textarea.form-control{height: auto;}

.table{width: 100%;max-width: 100%;margin-bottom: 20px}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ccc}
.table>thead>tr>th {vertical-align: bottom;border-bottom: 2px solid #ccc}
.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {border-top: 0}
.table>tbody+tbody {border-top: 2px solid #ccc}
.table .table {background-color: #fff}
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {padding: 5px}
.table-bordered {border: 1px solid #ccc}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {border: 1px solid #ccc}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {border-bottom-width: 2px}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9}
.table-hover>tbody>tr:hover {background-color: #f9f9f9}
table col[class*="col-"] {position: static;float: none;display: table-column}
table td[class*="col-"],table th[class*="col-"] {position: static;float: none;display: table-cell}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {background-color: #ccc}
.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th { background-color: #dde4e6}
.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {background-color: #18BC9C}
.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th {background-color: #15a589}
.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th {background-color: #3498DB}
.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th {background-color: #258cd1}
.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th {background-color: #F39C12}
.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th {background-color: #e08e0b}
.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {background-color: #E74C3C}
.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th {background-color: #e43725}
.table-responsive {overflow-x: auto;min-height: .01%}


.table-bordered>thead>tr>th{ background:#f1f1f1; height:40px; border-bottom:0}
.table-bordered>thead>tr>td{ text-align:center}

.btn-default {color: #fff;background-color: #95a5a6;border-color: #95a5a6}

.btn-default:focus,.btn-default.focus {color: #fff;background-color: #798d8f;border-color: #566566}

.btn-default:hover {
    color: #fff;
    background-color: #798d8f;
    border-color: #74898a
}

 .kinda{
	width:20px;
	height:24px;
	float:left;
	background:url(../img/nava.png) no-repeat left center;
	margin:0 0 0 8px;
}
 .kindb{
	width:28px;
	height:24px;
	float:left; display: inherit;
	background:url(../img/navc.png) no-repeat left center;
	margin:0 0 0 15px;
}
.kindc{
	width:1px;
	height:24px;
	float:left;
	background:url(../img/navb.png) no-repeat left center;
	margin:0 0 0 15px;
}
.last{
	background:url(../img/navd.png) no-repeat left center !important;
}
.anum a{
	color:#001A66;
	text-decoration:underline;
}
.anum a:hover{
	text-decoration:underline;
}
.goods_input input{ width: 90px; line-height: 25px; padding: 0 3px; border: 1px solid #dce4ec;}
.goods_input input:focus{border: 1px solid #111; }
.input1{line-height: 1.6;padding:0px 5px}
.btn1{line-height: 1.6; padding:0px 10px; border-radius: 3px }
.btn3{  font-size: 0.3rem; width:100%; line-height: 2.5; border-radius:0.3em; cursor:pointer; color:#fff; text-align:center;display:block; margin:2em 0 1em; border:0px; background: linear-gradient(to right, #1359bd , #2879ec); box-shadow:0px 0px  5px  rgba(54, 54, 54, 0.2);border-radius: 2em; }

/*分页*/
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;min-width: 20px;text-align: center;}
.pagination li a {display: block;text-align: center;}
/*联想*/
.suggest_link {background-color:#fff;padding:2px 6px 2px 6px;  }
.suggest_link_over {background:#e8e2fe;padding:2px 6px 2px 6px;  }
.search_suggest {display: block;position: absolute;	z-index: 99; max-height: 300px; overflow-y: auto;background-color:#ffffff;    text-align: left;	border: 1px solid #000000;	width: 258px;   }

.cus_list{display: block;position: absolute;z-index: 99;line-height:22px;padding:4px;background-color:#ffffff;text-align: left;border: 1px solid #999;width: 400px;}
.cus_list_over{background:#e8e2fe; padding:0}

.stock_add input{ line-height: 25px; padding:0 5px; border: #dce4ec solid 1px;}
.width100{width: 100%; float: left}


.layui-layer-content iframe{padding: 10px; box-sizing: border-box; }
.layui-layer-content img{ padding: 10px; max-width:100%; box-sizing: border-box;}

#Submit1,.Submit1{padding: 0 5px}
/*图片上传*/
.up_btn{ width: 100PX; float: left; margin-right: 10px; height: 100px;}
.up_pic{position: relative; float: left; margin-right: 10px; margin-bottom: 10px; width: 100px; height: 100px;}
.up_pic span{ background: #f30; display: none;position: absolute; text-align: center; color: #fff; right: 0; top: 0; width: 20px; line-height: 20px; height: 20px}
.up_pic img{ width: 100PX;  height: 100px;}
.up_pic:hover span{ display: block}

.margin-top-5{ margin-top:5px;}
.margin-top-10{ margin-top:10px;}
.margin-top-15{ margin-top:15px;}
.margin-top-20{ margin-top:20px;}

.margin-bottom-5{ margin-bottom:5px;}
.margin-bottom-10{ margin-bottom:10px;}
.margin-bottom-15{ margin-bottom:15px;}
.margin-bottom-20{ margin-bottom:20px;}

.padding-left-5{ padding-left:5px;}
.padding-left-10{ padding-left:10px;}
.padding-left-15{ padding-left:15px;}
.padding-left-20{ padding-left:20px;}

.boder-top-1{ border-top:#ccc solid 1px;}