/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, tr, td, form, fieldset, legend, input, button, textarea, menu
{
	margin: 0;
	padding: 0;
	outline: none;
	font-family:" Microsoft Yahei", "微软雅黑";
}
ul ol{ list-style:none; text-decoration:none;}
li{ list-style:none; text-decoration:none;}

a
{text-decoration: none;
	outline:none; color:#000;
}

body
{
  background-color:#fff;  color:#000; font-size:14px;
}
img{ border:none; background:none;}


.clearfix:after
{
	
	display: block;
	clear: both;
}
.clearfix
{
	zoom: 1;
}

table {
	word-wrap: break-word;
}




/*main*/
.content-wrapper{ padding:5px 10px; padding-bottom:10px; border:1px solid #ccc; overflow:hidden; margin:0px auto; }

.block { position: relative; margin-bottom: 20px; width: 100%; float: left;text-align:center;}

.inner-head {  margin:5px 0px;}

.line-block{ font-size:16px; display:inline-block;  }
.line-block span{ margin:0px 30px;}

.inline-block1 span{margin:0px 10px;}

.line-block-ty{ overflow:hidden; margin-bottom:5px; }

/*tittle*/
.inner-Tittle{overflow:hidden;position:relative;margin:0px 5px; padding:5px 0px;}
.Tittle span{float:left; font-size:18px; line-height:22px;color: #2c489e;font-weight: bold; padding-top:3px; }
.Tittle-color{font-size:20px;}
.T-add{padding-bottom: 0px;margin: 0px;}
.Tittle span i { float: left; width: 20px; height: 22px; padding: 0px 3px;display:block;}
.Tittle span i.tittle-icon { background: url(../images/ban-editicon.png) no-repeat;}
.Tittle span i.tittle-icon2 { background: url(../images/ban-editicon1.png) no-repeat;}
.Tittle span i.tittle-icon1 { background: url(../images/ban-tableicon1.png) no-repeat;}
.Tittle span i.gonggao-icon { background: url(../images/ban-gonggaoicon.png) no-repeat;}
.Tittle span i.chaxun-icon {background: url(../images/ban-chaxunicon.png) no-repeat;}

.inner-body{ overflow:hidden;}


.modal-footer { text-align: center;  overflow:hidden;}



.icon-sm{ height: 26px;line-height: 30px;color: #fffdee;font-size: 12px;padding-left: 5px; margin-top:25px;}
.icon-sm span{width:26px; height:28px;display:block; float:left; padding:0px 10px;}
.icon-sm span.icon-sm-home {background:url(../images/smallicon-home.png) center no-repeat; }
.icon-sm span.icon-sm-help {background:url(../images/smallicon-help.png) center no-repeat;}
.icon-sm span.icon-sm-tuichu {background:url(../images/smallicon-tuichu.png) center no-repeat; }
.icon-sm span.icon-sm-reback {background:url(../images/reback01.png) center no-repeat; }


.rebaci-icon{ background:url(../images/reback03.png) no-repeat; width:20px; height:22px;}
.add-icon{ background:url(../images/add-icon.png) no-repeat; width:20px; height:22px;}
.delet-icon{ background:url(../images/delet-icon.png) no-repeat; width:20px; height:22px;}
.mynav li{ float:left;}
.mynav li a{ margin:0px 2px; color:#555; line-height:20px;}


/*=========================big icon=======================*/

.bigbtn-icon{ padding: 10px 0;overflow: hidden;margin-left: 35px;}
.bigbtn-icon-bg{background:#f7f9fb; border:1px solid #eee; }
.btn-iconby > .icon{ padding:5px; margin-right: 3px;width:80px; height:80px;float:left;}
.btn-iconby h2 {font-size: 16px;line-height:94px;float:left;}

.btn-iconb > .icon {padding:5px; margin-right: 3px;width:80px; height:80px;  display:inline-block;}
.btn-iconb h2 {font-size: 16px;line-height:25px;}
.text-color{ color:#fff;}

.btn-icontm > .icon {padding:5px; margin-right: 3px;width:60px; height:60px;float:left; background:#f1f1f1;}
.btn-icontm  .text{float:left; padding:10px;color:#425672; text-align: left;}
.btn-icontm  .text h2 {font-size:16px;line-height: 40px;font-weight: normal;display: table-cell;vertical-align: middle;}
.btn-icontm  .text span{font-size:30px;line-height: 20px;}
.btn-icontm  .text span i{    position: absolute;margin-left: 2px;}
.btn-icontm > .icon span{width:100%; height:100%;display:block;}
.btn-icontm .iocn-lanse,.block .btn-icontm .iocn-huangse,.block .btn-icontm .iocn-hongse,.block .btn-icontm .iocn-qingse,.block .btn-icontm .iocn-q-zise,.block .btn-icontm .iocn-s-qingse{padding:5px; float:left; width:60px; height:60px;}
.iocn-lanse{ background:#dbecff;}
.iocn-huangse{background:#fff5d6;}
.iocn-hongse{ background:#ffe5e8;}
.iocn-qingse{ background:#e6f7e7;}
.iocn-q-zise{ background:#eae7fc;}
.iocn-s-qingse{ background:#e3f9f5;}

.bg-wrapper-icon{ width: 50px; height: 50px; text-align: center; margin: 5px auto;}
.bg-lanse{ background:#ffb20c;}
.bg-huangse{ background:#0cdaa9;}
.bg-hongse{ background:#ff4946;}
.bg-qingse{ background:#caaa3f;}
.bg-q-zise{ background:#8055be;}
.bg-s-qingse {background:#507eff;}
.bg-lvse{background:#88c75e;}
.bg-loginbtn{background:#0eb8ee;}
.btn-wrapper{ height:70px; padding:0px; margin-top:10px;}
.btn-wrapper .btn-block{ float:left;}
.btn-iconb > .icon {padding:5px; margin-right: 3px;width:40px; height:40px;float:left; }
.btn-iconb  .text{float:left; padding:10px;color:#555; margin-top:5px;}
.btn-iconb  .text h2 {font-size:16px;line-height:40px;}


/*icon*/
.icon span{width:100%; height:100%;display:block;}
.icon span.pic-icon {background:url(../images/pic-icon1.png) center no-repeat; }
.icon span.pic-icon1 {background:url(../images/pic-icon2.png) center no-repeat; }
.icon span.pic-icon2 {background:url(../images/pic-icon3.png) center no-repeat;}
.icon span.pic-icon3 {background:url(../images/pic-icon4.png) center no-repeat; }
.icon span.pic-icon4 {background:url(../images/pic-icon5.png) center no-repeat; }
.icon span.pic-icon5 {background:url(../images/pic-icon6.png) center no-repeat; }
.icon span.icon-pic1{ background: url(../images/pic01.png) center no-repeat;}
.icon span.login-jikao-icon {background:url(../images/login-jikao-icon.png) center no-repeat; }
.icon span.login-download-icon{ background: url(../images/login-download-icon.png) center no-repeat;}
.icon span.login-gonggao-icon{ background: url(../images/login-gonggao-icon.png) center no-repeat;}
.icon span.login-zmcx-icon{ background: url(../images/login-zmcx-icon.png) center no-repeat;}
/*home icon*/
.icon span.home-icon01 {background:url(../images/home-icon01.png) center no-repeat; }
.icon span.home-icon02 {background:url(../images/home-icon02.png) center no-repeat;}
.icon span.home-icon03 {background:url(../images/home-icon03.png) center no-repeat; }
.icon span.home-icon04 {background:url(../images/home-icon04.png) center no-repeat; }
.icon span.home-icon05 {background:url(../images/home-icon05.png) center no-repeat; }
.icon span.home-icon06 {background:url(../images/home-icon06.png) center no-repeat; }
.icon span.home-icon07 {background:url(../images/home-icon07.png) center no-repeat;}
.icon span.home-icon08 {background:url(../images/home-icon08.png) center no-repeat; }
.icon span.home-icon09 {background:url(../images/home-icon09.png) center no-repeat;}
.icon span.home-icon010 {background:url(../images/home-icon10.png) center no-repeat; }
.icon span.home-icon011 {background:url(../images/home-icon11.png) center no-repeat;}
.icon span.home-icon012 {background:url(../images/home-icon12.png) center no-repeat; }


.printbigbtn-icon{ padding:5px 0;overflow: hidden;margin-left:10px;margin-right:10px;}
.print-btnbg{ background:url(../images/printicon.png) no-repeat right top;}
.timu-btnbg{ background:url(../images/timuicon.png) no-repeat right 20px;}
.printbtn-icontm > .icon {padding:5px; margin-right: 3px;width:50px; height:50px;float:left; background:#f1f1f1;}
.printbtn-icontm  .text{float: left;padding: 10px 5px;color:#425672;height: 50px;}
.printbtn-icontm  .text h2 {font-size:16px;line-height: 50px;font-weight: normal;display: table-cell;vertical-align: middle;}
.icon span.print-icon01 {background:url(../images/print-icon01.png) center no-repeat; }
.icon span.print-icon02 {background:url(../images/print-icon02.png) center no-repeat;}
.icon span.print-icon03 {background:url(../images/print-icon03.png) center no-repeat; }
.icon span.print-icon04 {background:url(../images/print-icon04.png) center no-repeat; }
.icon span.print-icon05 {background:url(../images/print-icon05.png) center no-repeat; }
.icon span.print-icon06 {background:url(../images/print-icon06.png) center no-repeat; }
.icon span.print-icon07 {background:url(../images/print-icon07.png) center no-repeat; }
.icon span.print-icon08 {background:url(../images/print-icon08.png) center no-repeat; }
.icon span.print-icon09 {background:url(../images/print-icon09.png) center no-repeat; }





.table-icon { width:23px; height:23px; display:block; float:left;}
.quding-icon{ background:url(../images/i-kending-icon.png) no-repeat;}
.fouding-icon{ background:url(../images/i-fouding-icon.png) no-repeat;}
.dengdai-icon{ background:url(../images/i-dengdai-icon.png) no-repeat;}
.weizhi-icon{ background:url(../images/i-weizhi-icon.png) no-repeat;}

.sm-iconground{ margin:0px; padding:0px; display:inline-block;}
.sm-iconground span{width:20px; height:20px;display:block; padding:0px 10px; float:left;}
.sm-iconground span.icon-sm-add {background:url(../images/add-icon.png) center no-repeat;}
.sm-iconground span.icon-sm-edit {background:url(../images/edit-icon.png) center no-repeat;}
.sm-iconground span.icon-sm-delet {background:url(../images/delet-icon.png) center no-repeat;}



/*=============small tittle=================*/

.elem-field legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 300;
	text-align:left;
	color:#333;
}

.quote-nm{border-style:solid;border-width:1px 1px 1px 5px;background:0 0}
.quote-nm{ border-color: #ccc;}
.elem-quote{margin:10px 0px;padding:5px 15px;line-height:22px;border-left:5px solid #3d94db;border-radius:0 2px 2px 0;text-align:left;}

.badge-rim{
    border-color: #aaa;
}


.field-title {
    margin: 10px 0 20px;
    border-width: 1px 0 0;
}
.elem-field {
    margin-bottom: 10px;
    padding: 0;
   /* border-width: 1px;*/
    border-style: solid;
}

.elem-field-border{border-width: 1px; border-color:#0da5e5; }
.elem-field-border legend {
    margin-left: 30px;
    padding:6px 18px;
    font-size: 16px;
    font-weight: 300;
	text-align:left;
	color:#fff;
	background:#0da5e5;
	-moz-border-radius:5px; -wekit-border-radius:5px;border-radius:5px; 
}


/* span tips*/


.tab-title .badge, .tab-title .badge-dot {
    left: 5px;
    top: -2px;
}

.badge, .badge-dot, .badge-rim {
    position: relative;
    display: inline-block;
    padding: 1px 3px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    letter-spacing:1px;
  
}

.badge {
    
    
}

.badge-rim {
	background-color:#fff;
   
    border-width: 1px;
    border-style: solid;
    color: #666;
}

.badge-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    
}

.badgegroun{ padding:0px; margin:0px; display: inline-block;  }
.badgegroun span{  margin:1px;  cursor:pointer;}

.badgegroun a{ margin:1px;  cursor:pointer;}

.Default-bg{ background-color:#777;}
.Info-bg{ background-color:#32c2cd;}
.Important-bg{ background-color:#e74955;}
.Success-bg{ background-color:#74B749;}
.Warning-bg{ background-color:#ed9e00; }
.Dangerous-bg{ background-color:#bd0016;}

.q-bg{ background-color:#fcf8e3;  color: #c09853; font-weight:bold;}
.qsuccess-bg{ background-color:#dff0d8; color: #468847; font-weight:bold;}
.qinfo-bg{ background-color:#d9edf7; color: #3a87ad; font-weight:bold;}
.qerror-bg{ background-color:#f2dede;  color: #b94a48; font-weight:bold;}
.qz1-bg{ background-color:#f1d7e8;  color: #af4a8d; font-weight:bold;}
.qz2-bg{ background-color:#d7f1f0; color: #3c9b98; font-weight:bold;}
.qz3-bg{ background-color:#e0daf4; color: #47348e; font-weight:bold;}
.qz4-bg{ background-color:#e8e7e8; color:#333; font-weight:bold;}

.defualt-B{border-color:#23759e; color:#23759e; }
.primary-B{border-color:#a6990c; color:#a6990c;}
.danger-B{ border-color:#f54545; color:#f54545;}
.sucese-B{ border-color:#41ad42; color:#41ad42;}
.zise-B{ border-color:#9c5ab4; color:#9c5ab4;}
.qinse-B{ border-color: #00CED1; color: #00CED1;}
.shenh-B{ border-color: #8B3626; color: #8B3626;}
.huise-B{ border-color:#666; color:#666;}

/*fontcolor*/
.text-colora{color:#23759e; }
.text-colorb{color:#a6990c;}
.text-colorc{color:#f00;}
.text-colord{color:#41ad42;}
.text-colore{color:#9c5ab4;}
.text-colorf{color: #00CED1;}
.text-colorg{color:#8B3626;}
.text-colorh{color:#666;}
.text-colori{color:#f00;}
.text-color-url{color:#ea8e05;}

/*=================button==========================*/

.btn { display: inline-block; 
       height: 26px;
       line-height: 23px;
       padding: 0px 18px;
       background-color: #f7f7f7;
       color: #fff; 
	   white-space: nowrap; 
	   text-align: center; 
	   font-size: 13px; 
	   border: none; 
	   cursor: pointer;
	   letter-spacing:1px;
	}
.btn-md { height:30px;
       line-height: 28px;
	   font-size: 15px; 
       }
.btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.btn:active{opacity:1;filter:alpha(opacity=100);}

.btn-primary { background-color:#2c489e;}
.btn-primary-q{ background-color:#485fa6;}
.btn-primary-border{border: 1px solid #2c489e;background-color: #f7f7f7; color: #2c489e;}
.btn-primary-border:hover{border: 1px solid #485fa6; color:#485fa6!important;}

.btn-default {border: 1px solid #C9C9C9;background-color: #fff; color: #555;}
.btn-default:hover{border-color:#3a80e2;color:#3a80e2 !important;}
.btn-default-border{border:1px solid #C9C9C9;background-color:#fff;color:#555;}
.btn-default-border:hover{border-color:#0da5e5;color:#333 !important;}

.btn-normal { background-color:#3a80e2;}
.btn-normal-border{border:1px solid #C9C9C9;background-color:#fff;color:#555;}
.btn-normal-border:hover{border-color:#0da5e5;color:#333 !important;}

.btn-border{border:1px solid #485fa6;color:#485fa6!important;}
.btn-borderde{border:1px solid #f04610;color:#f04610!important;}

.btn-warm {background-color: #ff8547;}
.btn-warm-border{border:1px solid #C9C9C9;background-color:#fff;color:#555;}
.btn-warm-border:hover{border-color:#FFB800;color:#333 !important;}

.btn-qingse{background-color:#149cb9;}
.btn-choose{background-color:#ededed; color:#333;}
.btn-choose:hover{border-color:#eee;color:#000 !important;}
.btn-danger { background-color: #f04610;}
.btn-danger-border{border:1px solid #C9C9C9;background-color:#fff;color:#555;}
.btn-danger-border:hover{border-color:#FF5722;color:#333 !important;}
.btn-huise { background-color: #666;}
.btn-danger-border{border:1px solid #C9C9C9;background-color:#fff;color:#555;}
.btn-danger-border:hover{border-color:#FF5722;color:#333 !important;}

.btn-b-01{border:1px solid #ff8547;background-color:#fff;color:#ff8547;}
.btn-b-01:hover{background-color:#FF5722;color:#fff !important;}
.btn-b-02{border:1px solid #74B749;background-color:#fff;color:#74B749;}
.btn-b-02:hover{background-color:#74B749;color:#fff !important;}
.btn-b-03{border:1px solid #2ab1bb;background-color:#fff;color:#2ab1bb;}
.btn-b-03:hover{background-color:#2ab1bb;color:#fff !important;}
.btn-b-04{border:1px solid #e74955;background-color:#fff;color:#e74955;}
.btn-b-04:hover{background-color:#e74955;color:#fff !important;}
.btn-b-05{border:1px solid #808e94;background-color:#fff;color:#808e94;}
.btn-b-05:hover{background-color:#808e94;color:#fff !important;}
.btn-b-06{border:1px solid #5785af;background-color:#fff;color:#5785af;}
.btn-b-06:hover{background-color:#5785af;color:#fff !important;}



.btn-disabled, .btn-disabled:active, .btn-disabled:hover {
    border: 1px solid #e6e6e6;
    background-color: #FBFBFB;
    color: #C9C9C9 !important;
    cursor: not-allowed;
    opacity: 1;
}

.btn-radius { border-radius: 100px;}
.btn-group { display: inline-block; vertical-align: middle; font-size: 0;}
.btn-group .btn {margin-left: 0!important; margin-right: 0!important;border-left: 1px solid rgba(255,255,255,.5); border-radius: 0;}


.site-demo-button .btn { margin: 0 7px 10px 0;}


/*===================table class===================*/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0px;
  border-spacing: 0;
  border-collapse: collapse;  
 
}
.table thead {
  background: none;
}

.table th { vertical-align: bottom; font-weight: normal;font-size:15px; }

.table th,.table td {  vertical-align: middle; padding:8px;}




/*=====================edit=======================*/


.table-bordered thead {
  background: none;
}

.table-bordered th {
	color:#555;
    border: 1px solid  #ccc;
    background:#f7f7f7;
	text-align:right;
	font-size:14px;
  
    
}
.table-bordered td {
	font-size:14px;
    border: 1px solid #ccc;
    text-align: left;
  
}



.table-bordered-edit thead {
  background: none;
}

.table-bordered-edit th {
	color:#333;
    border: 1px solid  #ccc;
    background:#f7f7f7;
	text-align:center;
	font-size:15px;
	font-weight:bold;
  
    
}
.table-bordered-edit td {
	font-size:14px;
    border: 1px solid #ccc;
    text-align:center;
  
}


/*list table*/



.table-bordered-list thead {
  background: none;
}

.table-bordered-list th {
	font-weight:bold;
	color:#555;
   padding:5px;
   border: 1px solid  #ccc;
  
    
}
.table-bordered-list td {
	font-size:14px;
    border: 1px solid #ccc;
	color:#555;
	padding:5px 4px;
   text-align: center;
  
}

.table-bordered-list td.text-align-left{ text-align:left;}

/*table td hover*/
.table-bordered-list tbody tr:hover {
  background-color:#eff1f7;
}

/*gehang changcolor*/
.table-striped tbody tr:nth-of-type(even) {
   background-color:#f4f5fa;
}




/* print */
.print td{  border: 1px solid #888; color:#000; padding:10px; }
.print td.active{text-align:left; width:18%; padding-left:20px;}
.print td.activep40{text-align:left; width:30%;}
.print td.tittle-td{text-align: center; }
.print tr.zhangjie td{text-align:left; font-size:15px; font-weight:bolder;}

.zkz-print-wrapper{ padding:10px; overflow:hidden;color:#000;}
.zkz-print-wrapper .zkz-print{ border: 1px solid #888; border-bottom:none; width:22%; float:left; margin:2px;}
.zkz-print-wrapper .zkz-print div{ border-bottom:1px solid #888; padding:10px; font-size:13px; overflow:hidden;}
.zkz-print-wrapper .zkz-print div span{ float:left; overflow:hidden; }
.zkz-print-wrapper .zkz-print div span.zkz-name{ width:65px;height:18px; }
.print td.text-bold, .zkz-print-wrapper .zkz-print div span.text-bold{ font-weight:bold;}

.fs-25{font-size:25px; }
.fs-16{font-size:16px; }
.ta-center{text-align:center;}
.pdsx{padding:10px 0px;}
.overflow{ overflow:hidden;}
.text-w{ padding:10px;}
.text-w div{ font-size:22px; color:#000; margin-bottom:10px;}
.text-w p{ font-size:19px; color:#555; margin-bottom:10px; line-height:25px;text-indent:45px;}
 

.a-text{ text-align:left;  font-size:20px; margin:10px;}
.Mt-L50{ margin-left:40px;}
.u-line{ border-bottom:2px solid #625e53; line-height:40px;}
.text-indent{ text-indent:40px;}
.align-R{ text-align:right;}


.table-left td{  border: 1px solid #ccc; color:#555 }
.table-left td.active{ background:#f5f5f5;color: #000;text-align:left; width:18%; padding-left:20px;}
.table-left td.activep40{ background:#f9f9f9; color: #000;text-align:left; width:30%;}
.table-left td.tittle-td{color:#000;text-align: center; background:#dcf1fe; }
.table-left tr.zhangjie td{ background:#f9f9f9;color:#000;text-align:left; font-size:16px; font-weight:bolder;}

.table-left-dotted{ background:#f9f9f9;}
.table-left-dotted td{ color:#555;  }
.table-left-dotted td.active{ background:#f2f2f2;color: #000;text-align:left; width:15%; text-align:right;border:1px solid #dfdfdf;}
.table-left-dotted td.activep40{ background:#f9f9f9; color: #000;text-align:left; width:30%;}
.table-left-dotted td.tittle-td{color:#000;text-align: center; background:#dcf1fe; }
.table-left-dotted tr.zhangjie td{ background:#f9f9f9;color:#000;text-align:left; font-size:16px; font-weight:bolder;}
.ismust:before
			{ 
			content:"*";
			color:#f00;
			}
			
.error-color{color:#f00 !important;}


/*page*/
.yq-pager{ line-height:20px; font-size:14px;  height:30px; padding-bottom:10px;   width:100%; text-align:center;    }
.yq-pager ul{ display:inline-block;}
.yq-pager li{ position:relative; float:left; margin:5px; padding:5px 0px;}
.yq-pager input{ width:30px; padding:0px 8px; margin:0px 5px; text-align:center; border:1px solid   #c9c9c9; }
.yq-pager button{ cursor:pointer; height:20px; line-height:18px; }





/*====================form===========================*/
.date-icon{  background:url(../images/tableicon.png) right no-repeat; }
.form-inline{ overflow: hidden;background-color: #f7f7f7;padding:2px 5px; margin:3px 0px 8px; border:1px solid #eee; }
.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	margin:5px 2px;
	float:left;
}



.form-text{ font-size:14px; float:left;line-height:26px; margin:0px 5px;}
input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #a1a1a1; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #a1a1a1;  
} 

input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #a1a1a1;  
}

.form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
}

.form-control {
	float:left;
    color: #464646;
    border:1px solid #ccc; background-color:#fff;   
}
.textarea-style{height:150px; width:98%; border:1px solid #ccc; padding:5px;}

.input-sm {
    
    padding:3px ;
    font-size: 13px;
    width:100px; 
 
}
select.input-sm { width:100px; padding-bottom:1px;padding:2px ; }
.radio-inline{line-height: 15px;}


/*upload*/
.upload-main{overflow: hidden;padding: 5px;}
.upload-wrapper{width:100%; overflow: hidden; float:left;}
.upload-wrapper1{width:32%; overflow: hidden;float:left;margin: 2px;text-align: center; border:1px solid #eee;}
.upload-wrapper1 .upload-bdpic  img{width:100%;  height:145px;  }
.upload-wrapper1 .zhushi-textbd{display: inline-block;margin-top: 5px;}
.zwb_upload {
    padding: 3px 10px;
    line-height: 24px;
    position: relative;
    cursor: pointer;
    color: #8d9395;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    
}

.zwb_upload input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
	width:100px;
	height:24px;
	overflow: hidden;
}

/*upload pic*/
.moren-pic{ background:url(../images/moren-pic.png) center no-repeat; margin:0px 3px; width:110px; height:140px; display:block;}
.upload-pic{background:url(../images/upload-pic.png) center no-repeat; width:100%; height:145px; border:1px solid   #eee; display:block; float:left;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); }
.upload-pic-img{ margin:0px auto; width:100%; height:145px; display:block; float:left;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); }
.upload-bdpic-img{  width:100%; height:145px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); }
.zhushi-text{ margin-left:20px; float:left;}


/*随机拍照*/
.pimg-main{overflow: hidden;padding: 5px;}
.pimg-wrapper{width:100%; overflow: hidden; float:left;}
.pimg-wrapper1{/*width:24%;*/max-width:100%; overflow: hidden;float:left;margin: 2px;text-align: center; border:1px solid #eee;}
.pimg-wrapper1 .pimg-bdpic  img{max-height:100%; max-width:100%;}
.pimg-wrapper1 .zhushi-textbd{display: inline-block;margin-top: 5px;}




/*==============ul list==================*/
.list-group{ padding:0px; margin:0px;}
.list-group li{list-style:none; height:30px; }
.list-group li span{line-height:18px; float:left; color:#333;  }
.list-group li span.dot{font-weight:bolder; font-size:16px; margin-right:5px;}
.list-group li span.tittle{ width:300px;font-size:15px;}
.list-group li span.jiu{}
.list-group li span.time{ float:right; color:#adafaf; font-weight:normal;}
.list-group li span.badge {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    text-align: center;
    background-color: #ff8547;
    color: #fff;
    border-radius: 2px;
	margin-right:5px;
}




.edit-tab{height:40px; background:#f2f2f2; border-bottom:1px solid #ddd;}
.edit-tabplace{ display:block; position:relative; margin-top:-40px;}

/*===============学员登录=======================*/

.userlogin-logo{width:1200px; height:82px;  margin:0px auto;margin-top:50px;  }
.userlogin-logo img{ float:left; margin-left: 0px;}


.userlogin-mainbg{ height:450px; background: url(../images/login-abg_02.jpg) no-repeat;}
.userlogin-pic{ margin:0px auto; height:450px; width:1200px;background: url(../images/login-mainpic.png) no-repeat; position:relative;}
.userlogin-mainpic{ width:800px; height:450px;}
.userlogin-mainpic .text{ float:left; width:710px;padding-left:50px; height:370px; margin-top:40px; position:relative;}
.userlogin-mainpic .text .userlogin-erweima{ padding-right:10px; position:absolute; bottom:10px; right:0px;}
.userlogin-mainpic .text div{ font-size:18px; color:#ffdc4f; margin-bottom:10px;}
.userlogin-mainpic .text p{ font-size:14px; color:#fff; margin-bottom:10px; line-height:25px;}

.userlogin-form{ width:330px; height:333px; background:#fff; float:left; margin:45px 0px; position:relative;}
.userlogin-form form{width:330px; overflow:hidden;}
.userlogin-tittle{ line-height:26px; font-size:24px; color:#1e69da;  margin:20px 0px; text-align:center;}
.userlogin-all{ width:300px; margin:10px auto; position:relative;}
.userloginuser,
.userloginpassword,
.userlogincood{ 
             width:248px; 
		     height:42px;
		     line-height:45px;
		     font-size:16px; 
			 color:#888;
			 border:none;
			 padding-left:50px;
			 outline:none;
			 border:1px solid #b7b7b7;
			 margin:5px auto;
			 
		}
.userloginuser{background:url(../images/login-admin.png) left no-repeat; }
.userloginpassword{background:url(../images/login-password.png) left no-repeat;}
.userlogincood{ position:relative; background:url(../images/login-cooder.png) left no-repeat; width:150px;}

.userlgcoodpic{ position:absolute; width:88px; height:45px; left:210px; margin-top:5px; }
.userlogin-btn{ width:300px; height:45px; position:relative;margin:10px auto;}
.userbtnd{width:300px; height:45px; background:#2b60c9; float:left; border:none;  color:#fff; font-size:22px;letter-spacing: 30px;
padding-left: 35px; }
.userbtnd-xueyuan{width:300px; height:45px; background:#d34545; float:left; border:none;  color:#fff; font-size:22px;letter-spacing: 20px;
padding-left: 35px; }

.userlogin-bottom{ height:40px; background:#e0e3ea;}
.userlogin-bottom div{ font-size:14px; color:#333; line-height:40px; width:164px; text-align:center; float:left; }

.userlogin-copyright{ width:1200px; font-size:15px;line-height:20px;margin:10px auto;text-align:center;color:#2c489e;}
.userlogin-copyright span{margin-left:20px;}





.vetically{width:330px;height:400px;margin:0px auto;position: relative;}
.vetically-block{width:330px;height:350px;position: absolute;bottom: 0;top: 0;left: 0;right: 0;margin: auto;}

/*===============login=======================*/

.login-logobg{border-bottom:4px solid #eee; width:100%;height:145px;}
.login-logo{   width:1200px;height:145px; margin:0px auto;  }

.login-wrapper{ width:1000px; margin:0px auto; background: rgba(255,255,255,0.3);  overflow:hidden; padding: 10px;}
.login-mainbg{background:#fff;overflow:hidden;}
.l-img{ width:620px; height:300px; background:url(../images/p-login-themebg_05.png) center no-repeat; float:left; margin-top:20px;}

.login-form{ width:330px; height:320px; background:#fff; float:left; position:relative; margin-top:30px;}
.login-form form{width:330px; overflow:hidden;}
.login-tittle{ line-height:40px; font-size:28px; color:#333; text-align:center;}
.login-all{ width:310px; margin:10px auto; position:relative;}
.loginuser,
.loginpassword,
.logincood{ 
             width:260px; 
		     height:40px;
		     line-height:40px;
		     font-size:14px; 
			 color:#888;
			 border:none;
			 padding-left:50px;
			 outline:none;
			 border:1px solid #ddd;
			 margin:10px auto;
			 
		}
.loginuser{background:url(../images/login-admin.png) left no-repeat; }
.loginpassword{background:url(../images/login-password.png) left no-repeat;}
.logincood{ position:relative; background:url(../images/login-cooder.png) left no-repeat; width:160px;}

.lgcoodpic{ position:absolute; width:88px; height:40px; left:220px; margin-top:11px; background:url(../images/cooderpic.png) no-repeat;}
.loginbtn{ width:310px; height:45px; position:relative;margin:0px auto;}
.loginbtnd{width:153px; height:45px; float:left; border:none; color:#fff; font-size:22px;letter-spacing:3px; text-align:center;}
.login-bg{ background:#2c489e;}
.loginreback-bg{ background:#ff0000;}
.login-bottom{ color:#888; text-align:center; font-size:15px; line-height:20px; margin-top:10px; letter-spacing:2px; }
.login-bottom a{ color:#3a7bf1; text-decoration:underline; }
.login-copyright{  position:fixed; bottom:0px; width:100%;background: #f7f7f7;height: 80px;}


/*=============error=================*/
.error-wrapper{padding:50px; text-align:center; width:50%; margin:0px auto;}
.error-pic{width:250px; height:250px; margin:0px auto;}
.error-pic .error-pic-bg{background:url(../images/errorpic.png) no-repeat center; width:100%; height:100%;  display:block;}
.error-login-color{ color:#f00; cursor:pointer;}
.error-text{ font-size:22px; margin:5px; }
.error-pic404{ height:160px; margin:0px auto; width:410px; margin-top: 30px;}
.error-pic404 span{ float:left;}
.size-404 { font-size:115px; color:#686c75; }
.size-404sm{font-size:25px;text-align: left;}
.error-pic404 .error-pic404-bg{background:url(../images/error-pin404.png) no-repeat center; width:160px; height:160px;  display:block; }

 .error-info {font-size: 16px; margin:10px 0px;text-align: left;

padding-left: 10px;}
.error-info span{margin:0px 20px; color:#333;}
.tips-color{ color:#000; font-size:15px; margin-right:5px; font-weight:bold;}
.tips-text-color{ color:#f00; }


.veticallyh{width:750px;height:500px;margin:0px auto;position: relative;}
.veticallyh-block{width:750px;height:360px;position: absolute;bottom: 0;top: 0;left: 0;right: 0;margin: auto;}

.veticallyh-block .wrapper-p3g{ width:30%; float:left;text-align:center; margin-bottom:10px;margin:10px; background:#f7f9fb;}/*三个*/
.veticallyh-block .wrapper-p4g{ width:22%; float:left;text-align:center; margin-bottom:10px;margin:10px;background:#f7f9fb;}/*四个*/
.kj-bigicon-p3{ padding:25px;  margin:auto; border:1px solid #eee; }
.kj-bigicon-p3 .kj-block{ width:60px; height:60px; display:inline-block; border-radius: 50px;-moz-border-radius: 50px;}
.kj-bigicon-p3 .text{ text-align:center; font-size:17px; line-height:50px; color:#425672; }
.zytext-color{ color:#f00;}

.kj-icond1{ background-image:url(../images/kj-icond1.png); background-color:#f9cd33;}
.kj-icond2{ background-image:url(../images/kj-icond2.png); background-color:#605ad8;}
.kj-icond3{ background-image:url(../images/kj-icond3.png); background-color:#8f55e7;}
.kj-icond4{ background-image:url(../images/kj-icond4.png); background-color:#5ed8a9;}
.kj-icond5{ background-image:url(../images/kj-icond5.png); background-color:#f86846;}
.kj-icond6{ background-image:url(../images/kj-icond6.png); background-color:#ffb11a;}
.kj-icond7{ background-image:url(../images/kj-icond7.png); background-color:#78c446;}
.kj-icond8{ background-image:url(../images/kj-icond8.png); background-color:#4fc5ea;}
.kj-icond9{ background-image:url(../images/kj-icond9.png); background-color:#8f55e7;}
.kj-icond10{ background-image:url(../images/kj-icond10.png); background-color:#5ed8a9;}
.kj-icond11{ background-image:url(../images/kj-icond11.png); background-color:#f86846;}
.kj-icond12{ background-image:url(../images/kj-icond12.png); background-color:#ffb11a;}
.kj-icond13{ background-image:url(../images/kj-icond2.png); background-color:#605ad8;}

/*通用类*/

.fl{ float:left;}
.fr{ float:right;}
.B-right{border-right: 1px solid #e0e3e8;}
.Bg-smblock{ background-color:#edf4f7;}
.W-100{ width:100%;}
.Mt-bottom{ margin-bottom:5px; float:left;}
.Mt-R{ margin-right:50px;}
.mr-5{ margin-right:5px;}
.ml-10{ margin-left:10px;}
.mtc-6{ margin-top:6px;}
.Mt-y20{ margin-right:20px;}
.Mt-R100{ margin-right:100px;}
.foot-border{ border:1px solid #ccc;border-top:0px solid #ccc;}
.boder-t{border:1px solid #ccc;}
.bg-t{background-color:#f7f7f7;}
.span-ty{ line-height:26px; margin-left:5px;}
.span-ty1{margin-left:20px;  font-size:14px!important; font-weight:normal!important; color:#555;}

textarea{ padding:8px !important;}

/*外边距*/
.mg{ margin:10px;}
.mg-bt5{ margin-bottom:5px;}
.mg-bt20{ margin-bottom:20px;}
.mg-r{ margin-right:50px;}
.mg-r5{ margin-right:5px;}
.mg-l10{ margin-left:10px;}
.mg-l20{ margin-left:20px;}
.mg-t6{ margin-top:6px;}
.mg-t15{ margin-top:15px;}
.mg-t20{ margin-top:20px;}
.mg-r10{ margin-right:10px;}
.mg-r20{ margin-right:20px;}
.mg-r100{ margin-right:100px;}
/*百分比宽*/
.width-p50{ width:50%!important;}
.width-p70{ width:70%!important;}
.width-p80{ width:80%!important;}
.width-p90{ width:90%!important;}
.width-p98{ width:98%!important;}
.width-p100{ width:100%;}

/*地址长度*/
.width-w50{ width:50px!important;}
.width-w70{ width:70px!important;}
.width-w120{ width:120px!important;}
.width-w150{ width:150px!important;}
.width-w170{ width:170px!important;}
.width-w200{ width:200px!important;}
.width-w300{ width:300px!important;}

.home-iconbg01{ background-color:#6acfb6;}
.home-iconbg02{ background-color:#ec7176;}
.home-iconbg03{ background-color:#f5b045;}
.home-iconbg04{ background-color:#24bcf8;}
.home-iconbg05{ background-color:#9c5ab4;}
.home-iconbg06{ background-color:#b67c59;}
.home-iconbg07{ background-color:#5785af;}
.home-iconbg08{ background-color:#869aa8;}
.home-iconbg09{ background-color:#a9b82a;}
.home-iconbg10{ background-color:#8B7D7B;}
.home-iconbg11{ background-color:#CD6889;}
.home-iconbg12{ background-color:#8B864E;}

.f00{ color:#f00;}
.tips {margin-left:15px; font-size:14px;}
.tips  a{ color:#f00; }

.yuan{border-radius:50px;  -moz-border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px;}
.yuan1{border-radius:5px;  -moz-border-radius:5px;}
.welcome{ width:659px; height:480px; background:url(../images/welcome-bg_05.png) no-repeat;}
.layui-table, .layui-table-view{ margin:0px;}
 .layui-table thead tr{background-color:#edf4f7; }
 .layui-table[lay-even] tr:nth-child(2n){ border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; }
.layui-table tbody tr:hover{background-color:#f5f5f5; }