@charset "utf-8";
@import "iconfont/iconfont.css";/*****调用图标字体****/

/*默认*/
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:0; margin:0; font-family:"Microsoft YaHei";} 
.clear{ clear:both;}
ul,li,list{ list-style:none; border:none;}
img,input{ border:none;}
a{ text-decoration:none;}
a{color:#666; text-decoration:none;/*transition:all 0.5s;*/}
a:hover{ color:#666;}



/*后台显示处理*/
.admin_piao_edit{
    z-index: 100;
    color: #fff;
    height: 24px !important;
    line-height: 24px !important;
    width: 60px !important;
    text-align: center !important;
    font-size: 12px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    text-decoration: none !important;
    background: #e02222 !important;
}


/*图片居中*/
.imgcenter-1920{position: relative; overflow: hidden;}
.imgcenter-1920 img{position: absolute; left: 50%; margin-left: -960px;}

.imgcenter-1000{position: relative; overflow: hidden;}
.imgcenter-1000 img{position: absolute; left: 50%; margin-left: -500px;}

/*表单格式*/
.input-text{ width:100%; height: 28px;  padding: 0 5px; border: 1px solid #d0d0d0; /*background: #FFF url(../images/input-01/input.png) repeat-x;*/ font-size: 12px; 
 border-radius: 3px 3px 3px 3px !important;
 -webkit-box-shadow:0 8px 10px -11px #aaa inset; -moz-box-shadow:0 8px 10px -11px #aaa inset; box-shadow:0 8px 10px -11px #aaa inset;
}

textarea{ width: 100%; border: 1px solid #d0d0d0;-webkit-box-shadow:0 8px 10px -11px #aaa inset; -moz-box-shadow:0 8px 10px -11px #aaa inset; box-shadow:0 8px 10px -11px #aaa inset;}

/*特殊效果*/
/*圆角*/
.border-radius-50p{border-radius: 50%;}

/*阴影*/
.box-shadow{ -webkit-box-shadow:0 8px 10px -11px #aaa inset; -moz-box-shadow:0 8px 10px -11px #aaa inset; box-shadow:0 8px 10px -11px #aaa inset;}


/*表格格式*/
.sscm-table-form{}

.sscm-table-form > tbody > tr > td { padding: 30px 5px; height: 30px; }

.sscm-table-form > tbody > tr:nth-child(odd) { background-color: #F9F9F9;}
.sscm-table-form > tbody > tr:nth-child(even) { background-color: #F5F5F5;}
.sscm-table-form > tbody > tr:hover{ background-color:#FFFFF0;}

.sscm-table-form th { font-weight: normal; text-align: right; color: #777;}
/*.table-list tr:nth-child(odd){background-color:#F9F9F9;}
.table-list tr:nth-child(even){background-color:#F5F5F5;}
.table-list tr:hover{ background-color:#FFFFF0;}*/


/*框架结构*/
body{ /*background:url(../images/bg-01/bg.jpg) left top repeat;*/}
.sscm-main-div{}
.sscm-main-div-2{ border:1px solid #eee;}

.sscm-ul{ overflow:hidden;}
.sscm-ul li{ }
.sscm-ul li:nth-child(odd) { background-color: #F9F9F9;}
.sscm-ul li:nth-child(even) { background-color: #F5F5F5;}
.sscm-ul li:hover{ background-color:#FFFFF0;}



/*自适应*/
@media all and (max-width:1200px){

}
/*提示信息*/



/*常用列表*/








/*常用的设置 多选下拉*/
/*宽度*/
.wa{ width:auto;}
.w20p{width:20%;}
.w25p{width:25%;}
.w50p{ width:50%;}
.w70p{width:70%;}
.w80p{width:80%;}
.w100p{ width:100%;}

.w240{width:240px;}
.w960{width:960px;}
.w1200{width:1200px;}

/*高度*/
.ha{ height:auto;}
.ha-imp{ height:auto !important;}
.h100p{ height:100%;}

.h25{height:25px;}
.h30{height:30px;}
.h32{height:32px;}
.h36{height:36px;}
.h40{height:40px;}
.h50{height:50px;}
.h100{height:100px;}
.h200{height:200px;}
.h300{height:300px;}
.h400{height:400px;}
.h400-imp{height:400px !important;}
.h500{height:500px;}
.h500-imp{height:500px !important;}
.h600{height:600px;}
.h600-imp{height:600px !important;}

.lh0{line-height:0;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh36{line-height:36px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}

/*外间距*/
.mar{margin:0 auto;}
.mar-imp{margin:0 auto !important;}

/*内间距*/

/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
.fl-imp{ float:left !important;}
.fr-imp{ float:right !important;}

/*清除*/
.clearfix:after{visibility: hidden;display: block; font-size: 0; content: "."; clear: both; height: 0;} 
* html .clearfix{zoom: 1;} 
*:first-child + html .clearfix{zoom: 1;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both;}
.clear-none{clear:none;}
.clear-inherit{clear:inherit;}

/*定位*/
.pos-rel{ position:relative;}
.pos-abs{ position:absolute;}
.pos-fix{ position:fixed;}
.pos-rel-imp{ position:relative !important;}
.pos-abs-imp{ position:absolute !important;}
.pos-fix-imp{ position:fixed !important;}

/*显示*/
.dis-b{ display:block;}
.dis-n{ display:none;}
.dis-i{ display:inline;}
.dis-i-b{ display: inline-block;}


/*裁剪 overflow*/
.overf-v{ overflow:visible;}
.overf-h{ overflow:hidden;}
.overf-s{ overflow:scroll;}
.overf-a{ overflow:auto;}
.overf-i{ overflow:inherit;}
.overflow-visible{ overflow:visible;}
.overflow-hidden{ overflow:hidden;}
.overflow-scroll{ overflow:scroll;}
.overflow-auto{ overflow:auto;}
.overflow-inherit{ overflow:inherit;}

/*渐变时间transition*/
.transition01{transition:all 0.1s;-moz-transition:all 0.1s; /* Firefox 4 */-webkit-transition:all 0.1s; /* Safari and Chrome */-o-transition:all 0.1s; /* Opera */}
.transition02{transition:all 0.2s;-moz-transition:all 0.2s; /* Firefox 4 */-webkit-transition:all 0.2s; /* Safari and Chrome */-o-transition:all 0.2s; /* Opera */}
.transition03{transition:all 0.3s;-moz-transition:all 0.3s; /* Firefox 4 */-webkit-transition:all 0.3s; /* Safari and Chrome */-o-transition:all 0.3s; /* Opera */}
.transition04{transition:all 0.4s;-moz-transition:all 0.4s; /* Firefox 4 */-webkit-transition:all 0.4s; /* Safari and Chrome */-o-transition:all 0.4s; /* Opera */}
.transition05{transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
.transition06{transition:all 0.6s;-moz-transition:all 0.6s; /* Firefox 4 */-webkit-transition:all 0.6s; /* Safari and Chrome */-o-transition:all 0.6s; /* Opera */}
.transition07{transition:all 0.7s;-moz-transition:all 0.7s; /* Firefox 4 */-webkit-transition:all 0.7s; /* Safari and Chrome */-o-transition:all 0.7s; /* Opera */}
.transition08{transition:all 0.8s;-moz-transition:all 0.8s; /* Firefox 4 */-webkit-transition:all 0.8s; /* Safari and Chrome */-o-transition:all 0.8s; /* Opera */}
.transition09{transition:all 0.9s;-moz-transition:all 0.9s; /* Firefox 4 */-webkit-transition:all 0.9s; /* Safari and Chrome */-o-transition:all 0.9s; /* Opera */}
.transition1{transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}

.transition11{transition:all 1.1s;-moz-transition:all 1.1s; /* Firefox 4 */-webkit-transition:all 1.1s; /* Safari and Chrome */-o-transition:all 1.1s; /* Opera */}
.transition12{transition:all 1.2s;-moz-transition:all 1.2s; /* Firefox 4 */-webkit-transition:all 1.2s; /* Safari and Chrome */-o-transition:all 1.2s; /* Opera */}
.transition13{transition:all 1.3s;-moz-transition:all 1.3s; /* Firefox 4 */-webkit-transition:all 1.3s; /* Safari and Chrome */-o-transition:all 1.3s; /* Opera */}
.transition14{transition:all 1.4s;-moz-transition:all 1.4s; /* Firefox 4 */-webkit-transition:all 1.4s; /* Safari and Chrome */-o-transition:all 1.4s; /* Opera */}
.transition15{transition:all 1.5s;-moz-transition:all 1.5s; /* Firefox 4 */-webkit-transition:all 1.5s; /* Safari and Chrome */-o-transition:all 1.5s; /* Opera */}
.transition16{transition:all 1.6s;-moz-transition:all 1.6s; /* Firefox 4 */-webkit-transition:all 1.6s; /* Safari and Chrome */-o-transition:all 1.6s; /* Opera */}
.transition17{transition:all 1.7s;-moz-transition:all 1.7s; /* Firefox 4 */-webkit-transition:all 1.7s; /* Safari and Chrome */-o-transition:all 1.7s; /* Opera */}
.transition18{transition:all 1.8s;-moz-transition:all 1.8s; /* Firefox 4 */-webkit-transition:all 1.8s; /* Safari and Chrome */-o-transition:all 1.8s; /* Opera */}
.transition19{transition:all 1.9s;-moz-transition:all 1.9s; /* Firefox 4 */-webkit-transition:all 1.9s; /* Safari and Chrome */-o-transition:all 1.9s; /* Opera */}
.transition2{transition:all 2s;-moz-transition:all 2s; /* Firefox 4 */-webkit-transition:all 2s; /* Safari and Chrome */-o-transition:all 2s; /* Opera */}

/*透明*/
.filter00{filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
.filter05{filter: alpha(opacity=5);-moz-opacity: 0.05;opacity: 0.05;}
.filter10{filter: alpha(opacity=10);-moz-opacity: 0.1;opacity: 0.1;}
.filter15{filter: alpha(opacity=15);-moz-opacity: 0.15;opacity: 0.15;}
.filter20{filter: alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}
.filter25{filter: alpha(opacity=25);-moz-opacity: 0.25;opacity: 0.25;}
.filter30{filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}
.filter35{filter: alpha(opacity=35);-moz-opacity: 0.35;opacity: 0.35;}
.filter40{filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
.filter45{filter: alpha(opacity=45);-moz-opacity: 0.45;opacity: 0.45;}
.filter50{filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.filter55{filter: alpha(opacity=55);-moz-opacity: 0.55;opacity: 0.55;}
.filter60{filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.filter65{filter: alpha(opacity=65);-moz-opacity: 0.65;opacity: 0.65;}
.filter70{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.filter75{filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
.filter80{filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.filter85{filter: alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}
.filter90{filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}
.filter95{filter: alpha(opacity=95);-moz-opacity: 0.95;opacity: 0.95;}
.filter100{filter: alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}

/*字体*/
.text-l{ text-align:left;}
.text-c{ text-align:center;}
.text-r{ text-align:right;}


.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f17{ font-size:17px;}
.f18{ font-size:18px;}
.f19{ font-size:19px;}
.f20{ font-size:20px;}
.f24{ font-size:24px;}
.f26{ font-size:24px;}
.f30{ font-size:30px;}
.f36{ font-size:36px;}

.fw-100{ font-weight:100;}
.fw-200{ font-weight:200;}
.fw-300{ font-weight:300;}
.fw-400{ font-weight:400;}
.fw-500{ font-weight:500;}
.fw-600{ font-weight:600;}
.fw-700{ font-weight:700;}
.fw-800{ font-weight:800;}
.fw-900{ font-weight:900;}
.fw-bold{ font-weight:bold;}
.fw-bolder{ font-weight:bolder;}
.fw-inherit{ font-weight:inherit;}
.fw-lighter{ font-weight:lighter;}
.fw-normal{ font-weight:normal;}

.fw-100-imp{ font-weight:100 !important;}
.fw-200-imp{ font-weight:200 !important;}
.fw-300-imp{ font-weight:300 !important;}
.fw-400-imp{ font-weight:400 !important;}
.fw-500-imp{ font-weight:500 !important;}
.fw-600-imp{ font-weight:600 !important;}
.fw-700-imp{ font-weight:700 !important;}
.fw-800-imp{ font-weight:800 !important;}
.fw-900-imp{ font-weight:900 !important;}
.fw-bold-imp{ font-weight:bold !important;}
.fw-bolder-imp{ font-weight:bolder !important;}
.fw-inherit-imp{ font-weight:inherit !important;}
.fw-lighter-imp{ font-weight:lighter !important;}
.fw-normal-imp{ font-weight:normal !important;}



/*设置几套分页的效果*/
/*第一套 设置class名称 切换时的颜色替换在效果里直接改*/
.pages_1{text-align: center;}
.pages_1 .pager li {display:inline-block; line-height: 25px; color: #666;padding: 0 10px;border-radius: 2px;border: 1px solid #ddd; cursor:pointer;}
.pages_1 .pager a {display: block;}
.pages_1 .pager li.thisclass{background-color: #444;color: #fff;}
.pages_1 .pager li:hover,.pages_1 .pager li:hover a{background-color: #444;color: #fff;}

/*第二套 设置class名称 切换时的颜色替换在效果里直接改*/
.pages_2{text-align: center;}
.pages_2 .pager li {display:inline-block; line-height: 25px; margin:0 2px;}
.pages_2 .pager a {display: block;color: #666;padding: 0 10px;border-radius: 2px;border: 1px solid #ddd; cursor:pointer;}
.pages_2 .pager a.cur{background-color: #444;color: #fff;}
.pages_2 .pager a:hover{background-color: #444;color: #fff;}



























/*表格格式*/
/*第一种*/
.sscm-table-form{}
.sscm-table-form > tbody > tr > td { padding: 30px 0; height: 30px; }
.sscm-table-form > tbody > tr:nth-child(odd) { background-color: #F9F9F9;}
.sscm-table-form > tbody > tr:nth-child(even) { background-color: #F5F5F5;}
.sscm-table-form > tbody > tr:hover{ background-color:#FFFFF0;}
.sscm-table-form th { font-weight: normal; text-align: right; color: #777;}
.sscm-table-form tr td span{ float:left; height: 28px; line-height: 28px; /*margin-left: 5px;*/}
.sscm-table-form tr td div{ float:left;}


/*数据添加*/
.sscm-table-form {}
.sscm-table-form tr th.add_1_mmdata{ width:100px; padding:30px 20px; text-align: left;}
.sscm-table-form tr td.edit_mmdata_value_span{  padding:30px 0;}
.sscm-table-form tr td.add_2_mmdata{ width:165px; padding:50px 20px 30px 20px;}


.sscm-table-form .show_mmimg{border:1px #ddd dashed; padding:5px; overflow:hidden; text-align:center;display:table-cell; vertical-align:middle; float:right;/*width:133px; height:87px;    */ }
.sscm-table-form .show_mmimg a{}
.sscm-table-form .show_mmimg img{cursor:hand; max-height:170px;}


/*第二种*/
.sscm-table-form-style{ width: 100%; }
.sscm-table-form-style > tbody > tr{ }
.sscm-table-form-style > tbody > tr:hover{ background-color:#F9F5E0;}

.sscm-table-form-style > tbody > tr > th{ width:90px; text-align: left; padding:10px 0 10px 20px; }
.sscm-table-form-style > tbody > tr > td{ padding:10px 20px 10px 0; }

.sscm-table-form-style > tbody > tr > td span {float: left; height: 28px; line-height: 28px;}



/*第二种 wz*/
.sscm-table-form-wz{ width:100%; border-collapse:collapse; margin:10px 0 0; float:left;}
.sscm-table-form-wz tr{}
.sscm-table-form-wz tr td{ text-align:center; padding: 5px 0;}
.sscm-table-form-wz th,.sscm-table-form-wz td{ border:1px solid #ddd;} 

/*第三种*/
.sscm-table-form-no{}
.sscm-table-form-no tr{ background-color:none;}
.sscm-table-form-no tr td{ height:30px; padding:10px 0;}
.sscm-table-form-no tr td span{ float:left; height: 20px; line-height: 20px;}
.sscm-table-form-no tr td div{ float:left;}

/*第四种*/
.sscm-table-list{width:100%; padding:10px;  border: 1px solid #DDD;}
.sscm-table-list thead th{ height:40px; background:#666; border-bottom:1px solid #666; font-weight:bord; color:#fff;}
.sscm-table-list tr:nth-child(odd){background-color:#FFF;}
.sscm-table-list tr:nth-child(even){background-color:#F6F6F6;}
.sscm-table-list tr:hover{ background-color:#FFFFF0;}
.sscm-table-list tbody td,.sscm-table-list .btn{padding:10px 0;  }






/*表单格式*/

.input-text{ margin: 0;}

input,label{vertical-align: middle}

/*单选样式*/
.radio-css{float:left;}
.radio-css > li{float:left; width:90px; }
.radio-css > li > input{ height: 20px; line-height: 20px;}




/*下拉选择*/
select{}

/*按钮*/
ul.button-css{float:left;}
ul.button-css li{float:left; padding:2px 4px 2px 0;}
.button{line-height: 28px;padding: 0px 20px;border-radius: 3px 3px 3px 3px !important;-moz-border-radius: 3px 3px 3px 3px;text-align: center;}
.button-red{color: #fff; background: #E02222; border: 1px solid #A71B1B;}

.btn-mini{ font-size: 12px; padding: 9px 10px !important; height: 30px; line-height: 12px;}























@media only screen and (max-width:500px){
	body{min-width:1300px;}
}



.pages_1{     
	width: 100%;
    float: left;
}