@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 2019.02.22
************************************************************************/
/*.pcDIV	{display: block;}*/
.mobileDIV	{display: none;}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* 灰度滤镜
.star img {    filter: grayscale(100%);    -webkit-filter: grayscale(100%);    transition: -webkit-filter 2s;    transition: filter 2s;} */
/* common */
*	{margin:0; padding:0;}
html	{height:100%}
div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span{	margin:0; padding:0;}
ul,ol{	margin:0; 	padding:0;     list-style-type:none;}
img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.spacer{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}
.clear {	clear: both !important;	display: block !important;	font-size:0 !important;	height:0 !important;	line-height: 0 !important;	/*width: 100% !important;	margin:0 !important;*/	padding:0 !important;	border:0 !important;}

body{ display:block; width:100%; max-width:4096px; margin:0 auto; background: url(../images/bg_left.png) 0 0 repeat-y #EBEEF0; transition:all ease-out 0.3s;
	 padding:0;	 color:#455a64;	 font: normal 14px/25px Arial,"Microsoft YaHei","微软雅黑","宋体", Helvetica, sans-serif;}
a:link {color: #455a64;	text-decoration: none; transition:all ease-out 0.3s;}
a:visited {text-decoration: none;	color: #455a64;}
a:hover {text-decoration: underline  ;	color: #455a64;}
a:active {text-decoration: none;	color: #455a64;}
a.txtherf{ color:#6C8495;text-decoration: underline  ;}
a.not-herf{color: rgba(0,0,0,.25)!important; cursor: not-allowed;}



.txt16{ font-size:16px!important;line-height:26px!important;}
.moree{ display:block; float:right; margin:6px 20px 0 0; border:0;}
.leftimg{ display:block; float:left; margin:0; padding:0; border:none;}
.hand	{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden}
.none	{display:none !important}
.hide	{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;}
.pos_rel	{position:relative}

.clfix:after	{content: "."; display: block; height:0px; clear:both; visibility:hidden}
.clfix	{display: inline-block}
.clfix	{display: block}
* html	.clfix	{height:1%} /* Hides from IE-mac */
.clfix	{zoom:1} /*for IE 5.5-7*/

/* tabel 全局 */
.tabelMain{ float:left; width:100%; font: normal 14px/25px "Arial","微软雅黑","宋体"; }
.tabelMain tr{  background:#FFF; }
.tabelMain tr:hover{  background:#f6f6f6; }
.tabelMain th{  padding:10px 0; text-align:left;  background:#F6F6F6;border-bottom: #BEBEBE 1px solid; border-top: #BEBEBE 1px solid;}
.tabelMain td{  padding:10px 0; text-align:left;  border-bottom:#BEBEBE 1px solid; }
.tabelMain th:first-child,
.tabelMain td:first-child{padding-left: 16px;}
.tabelMain td a{/* text-decoration:underline;*/ }
.tabelMain a i{ font-size:18px; }
.tabelMain th a i{ font-size:14px; color:#888;}
.tabelMain th a:hover i,.tabelMain th a.hover i{ font-size:14px; color:#222;}
.tabelMain a:hover { text-decoration:none;}
.tabelMain a.imgico { padding:3px; border-radius:4px;}
.tabelMain a.imgico:hover { background:#E6E6E6}



/* 表单与按钮 */


.btn_full{ width:100%; text-align:center;padding: 10px 0; font-size:16px; font-weight: 700;line-height: 1.5;color:#FFF !important; border:none; margin:20px 0 !important;}
.btn_small{padding: 7px 16px; font-size:14px; font-weight: 700;line-height: 1.5;color:#FFF !important;}
.btn_add  {padding: 10px 20px; font-size:14px; font-weight: 700;line-height: 1.5;color:#FFF !important;}
.btn_save  {padding: 10px 24px; font-size:16px; font-weight: 700;line-height: 1.5;color:#FFF !important;}
.btn_cancel{padding: 10px 24px; font-size:16px; font-weight: 700;line-height: 1.5;background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.065))!important; color:#445963 !important; border:#BBBBBB 2px solid;}
.btn_comom{ background:#698293; 
    border-radius: 4px;
    position: relative;
    display: inline-block;
    margin: 10px 16px 0 0;
    max-width: 100%;
    overflow: hidden;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    text-decoration: none;
    text-align: center;
    text-overflow: ellipsis;
    z-index: 1;
    cursor: pointer;
    vertical-align: top;
}
.btn_comom:hover{ text-decoration:none !important;}
.btn_comom:before {
    content: "";
    position: absolute;
    background-color: hsla(0,0%,100%,.05);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 0;
    height: 0;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    z-index: -1;
}
.btn_comom:hover:before {
    border-radius: 0;
    width: 150%;
    padding-bottom: 150%;
}

.FileUploader__dropzone .btn {
     padding: 5px 19px 7px!important; 
     margin: 8px 0!important; 
     vertical-align: bottom; 
     -webkit-transition: none; 
     transition: none; 
     white-space: nowrap; 
}
.FileUploader__preview .preview.file {
    position: static;
    height: 200px;
    background: #1a2a35;
    color: #fff;
}

.FileUploader__preview .preview.file, .FileUploader__preview .text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    text-align: center;
}
.btn--ghost {
    padding-top: 10px;
    padding-bottom: 12px;
    background: none!important;
    background: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.065))!important;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.065))!important;
    border-width: 2px;
    border-style: solid;
}	
.FileUploader__preview {
    float: left; /*padding-top:50px;*/
    position: relative;
    clear: both;
}
.FileUploader__dropzone {
    float: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 224px);
    height: 130px;
    border: #BEBEBE 3px dashed;
    padding: 0 24px;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    box-sizing: border-box;
    text-align: center;
}
.FileUploader{ width:100%; float:left;
}
	
/* 全局公共 */
.padding24{ padding:24px;}

.fir_title{ width:100%; text-align:center; font-weight:normal; font-size:30px; line-height:40px; color:#333; padding-top:60px; text-transform : uppercase/*全字母大写*/;}
.sec_title{ width:100%; text-align:center; font-weight:normal; font-size:16px; line-height:30px; color:#555; padding-bottom:35px; }
.linep{ display:block; margin:5px auto; width:80px; height:2px; background:#008BD2; overflow:hidden; font-size:0; }
.marginBTM35{ margin-bottom:35px;}
.paddingBTM45{ padding-bottom:45px;}
.paddingBTM35{ padding-bottom:35px;}
.paddingBTM25{ padding-bottom:25px;}
.paddingBTM15{ padding-bottom:15px; padding-left:15px;}
.paddingBTM10{ padding-bottom:10px;}
.paddingTop45{ padding-Top:45px;}
.paddingTop35{ padding-Top:35px;}
.paddingTop25{ padding-Top:25px;}
.paddingTop15{ padding-Top:15px;}
.paddingTop10{ padding-Top:10px;}


/* topMain-----------------------------------*/
#topMain{ width:100%;height:50px; border-bottom:#B0B2B4 1px solid; padding:10px 0;}
#topMain:after{ content:"";display: block;clear:both;}
#top{ float:right;position:relative; }
#top h1{ float: left; display:block; width:50px; height:50px; line-height:50px; overflow:hidden; background:#CED7DB; border-radius:100%; text-align:center;}
#top h2{ float: left; display:block; width: auto; height:50px;  font-weight:normal; margin-left:10px; cursor:pointer; position:relative;}
#top h2 span{ width:100%;float: left; display:block; font-size:15px;}
#top h2 span.firTitle{height:24px; line-height:24px; font-weight: bold;overflow:hidden;}
#top h2 span.secTitle{ height:20px; line-height:20px; overflow:hidden; }
#top h2:after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\F078"; font-family:'FontAwesome';
    color: inherit;
    font-size: 14px;
    text-decoration: underline;
    text-decoration: none!important;
    display: inline-block;
    opacity: .5;
}
#top h2.cur:after{
    content: "\F077";
}

ul.topUser{
	position: absolute;
    top: 100%;
    margin-top: 20px;
    width: 200px;
    padding: 20px 24px;
    box-shadow: 0 0 12px rgba(0,0,0,.15);
    background-color: #fff;
    border-radius: 4px;
    color: #37474f;
    z-index: 999999;
    display:none;
}
ul.topUser li{width:100%; line-height:30px;height:30px;  border-bottom:#ddd 1px dashed; text-indent:10px;}
ul.topUser:before{ content: "";
    position: absolute;
    top: -8px;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid!important;
    border-width: 0 8px 8px!important;
    border-color: transparent transparent #fff!important;}


/* rightMain-----------------------------------*/

#rightMain{ 
    min-height: 100vh;
    margin-left: 220px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
#bodyMain{max-width:100%; min-width:600px;min-height:300px; padding: 0 2%;}
#rightMain:after,
#bodyMain:after,#body:after,.bodyColor:after,
.contect:after,#contect:after{ content:"";display: block;clear:both;}

/* footer-----------------------------------*/

#footer:after{ content:'';clear: both !important; display: block !important;	font-size:0 !important;}
#footer	{ margin:40px 40px 90px 40px; max-width:100%; color:#9BA6AC;}
#footer dt{ float:left;}
#footer dd{ float:right;}
#footer	a{ color:#AAB8C1;text-decoration:underline;}
#footer	a:hover{ color:#AAB8C1; text-decoration:underline;}
/* page -----------------------------------*/
#pages { background:#F6F6F6; height:56px; line-height:56px; width:100%; float:left;}
#pages:after,.pages_left:after,.pages_right:after{ content:'';clear: both; display: block;	font-size:0;}
.pages_left { float:left; text-align: center; padding-left:15px;}
.pages_right { float:right; text-align: center;padding-right:15px;}


#pages span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: #008BD2;
    border: 1px solid #008BD2;
    color: #fff;
    text-align: center;
    padding: 0 5px;
}
#pages a { border-radius:4px;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #888;
    padding: 0 6px;
}
#pages a:hover,#pages a.hover { background:#FFF;
    color: #222;
    text-decoration: none;
}
#pages a i{ color: #222 !important; }