.ffolder{float:unset !important; margin:20px auto !important;}


/* admin */
.wrap{width:100%; min-height:100%; height:auto; background:#f7f7f9; position:relative;}
.adm_logout{font-size:13px; cursor: pointer; position: absolute; top:50%; right:24px; transform: translateY(-50%); background:transparent; border:1px solid #fff; padding:4px 16px; border-radius: 50px; color:#fff;}
.adm_logout:hover{background:white; color:#2e3192;}

/* adm aside */
.adm_aside{position:fixed; top:0; left:0; max-width:240px; width:100%; height:100vh; background:#2e3192; box-shadow:0 2px 6px 0 hsla(0,0%,0%,0.15); z-index:9999;}
  .adm_aside.on{left:-240px;}
.adm_aside_title{height:60px; padding:0 24px; display: flex;display: -ms-flexbox; -ms-flex-align: center; align-items: center;} 
.adm_aside_title h3 a{color:#fff; font-size:24px;}
.side_main_menu,
.side_main_menu ul,
.side_main_menu ul li,
.side_main_menu ul li a {
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.side_main_menu {width: 100%; height:100%;}
.side_main_menu li a{padding:20px 24px; color:#fff;}
.side_main_menu li.active a{background:#f2f2f2; color:#35c685;}

/* adm container_login */
.adm_login_container{ width: 656px; max-width: 100%;min-height: 100vh; padding-left:0; position:relative; margin:0 auto;}
.adm_login_container .adm_main_container{min-height: 100vh;}
/* adm container*/
.adm_container{ min-height: 100vh; padding-left:240px; position:relative;}
  .adm_container.on{padding-left:0px;}

.adm_form{display:grid;}
/* adm tab list */
.adm_tab_list{width: 100%;}
/* adm header */
.adm_header{position: relative; top:0; left:0; width:calc(100% - 240px); padding:0; background:#2e3192;
  width:100%; box-shadow:0 2px 6px 0 hsla(0,0%,0%,0.2);  z-index:999;}
  .adm_header.on{left:0; width:100%; height:60px;}
.adm_header_container{padding:0px 16px; width:100%; height:60px; position:relative;}
.adm_logo{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; color: white; }
.adm_logo a{color:#fff;}
.adm_utill{text-align:right;}

/* adm footer */
.adm_footer{width:100%; background:#fff; padding:12px; box-shadow:0 -1px 6px 0 hsla(0,0%,0%,0.1); font-size:12px; color:#888;}
.adm_footer_copy{padding:10px 0;text-align: center;}


/* adm main container */
.adm_main_container{ max-width: 100%; margin: 0 auto; min-height:calc(100vh - 125px); padding:24px; position:relative;}
.adm_main_container>h1{display: block;}

/* adm section container */
.adm_section_container{position: relative; width: 100%; background:#fff; border-radius:4px; box-shadow:0 1px 6px 0 hsla(0,0%,0%,0.2); border-radius: 6px;}
.adm_section_container .adm_section_container_body{ padding:24px; height:100%; background:#fff;}
.adm_section_container::before{content: "";position: absolute; top: -110px; left: 48%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 90px; width:290px; background: url(../../homepage/img/logo_3.png)no-repeat; background-position: center; background-size: contain;}

.adm_main_footer{padding-bottom:24px; position:relative;}
.adm_main_footer input{padding-left:16px; padding-right:16px; cursor: pointer; margin-right:6px;}
.adm_main_footer input:last-child{margin-right:0;}
.adm_main_footer input.adding{background:#299cff; color:#fff; border:1px solid #06BAEE;}


/* adm menu bar */
.adm_menu_bar{position:absolute; top:50%; left:20px; transform:translateY(-50%); width:24px; height:14px;  cursor:pointer;}
.adm_menu_bar span{display:block; width:20px; height:2px; background:#252930;}
.adm_menu_bar span:nth-child(2) {margin:4px 0;}


/* login */
.login_container{width:576px; max-width:100%; margin-bottom:5%;}
.login_container .input_control{padding-bottom:16px;}
.login_container .btn_control button{width:100%;}

.wi_upload_name{height:40px; padding:8px; width:calc(100% - 92px);}
.wi_upload_file_btn { border-radius: 2px;	cursor: pointer;	display: inline-block;
	height: 40px;	margin-left: 6px;	font-size: 14px;	background: #18d39e ; padding-left:16px; padding-right:16px;
	color: #fff;	line-height: 40px;	text-align: center;	vertical-align: top;}

/* ********************************************* *
 * 1650px
 * ********************************************* */
@media screen and (max-width: 1650px) {
	#list_wrap > div{width:20%;}
}
/* 1650px end */


/* ********************************************* *
 * 1440px
 * ********************************************* */
@media screen and (max-width: 1440px) {
	.adm_main_container{padding:108px 32px 48px;}
}
/* 1440px end */



/* ********************************************* *
 * 1201px
 * ********************************************* */
@media screen and (min-width: 1201px) {

  .adm_aside{left:0}
}
/* 1201px end */



/* ********************************************* *
 * 1200px
 * ********************************************* */
@media screen and (max-width: 1200px) {

  .adm_aside{width:240px; left:-100%;}
  .adm_aside.on{left:0px;} 
  .adm_container{padding-left:0;}
  .adm_header{left:0; width:100%; height:60px;}
  .adm_menu_bar.on{left:240px; transition:left .3s ease;}  
}
/* 1200px end */



/* ********************************************* *
 * 768px
 * ********************************************* */
@media screen and (max-width: 768px) {

  .adm_main_container{padding:108px 16px 16px;}
  #list_wrap > div{width:25%;}
}
/* 768px end */



/* ********************************************* *
 * 767px
 * ********************************************* */
@media screen and (max-width: 767px) {

  .adm_main_container{ padding-left:0; padding-right:0; padding-bottom:16px;}
  #list_wrap > div{width:33.33%;}

  .adm_main_footer input{width:18%;}
}
/* 767px end */