html,body{ height: 100%;position: relative; }
.admin-header{
	font-size: 1.4rem
}
header{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;

}
.am-topbar-inverse{
	background: #163962;	
	border-color:#9a9898;
}
ul,li{
	list-style: none;
}
main{
	position: absolute;
	width: 100%;
	bottom: 0;
    top: 63px;
	left: 0;
/*	filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1A2245,endcolorstr=#495F8C,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1A2245,endcolorstr=#495F8C,gradientType=0);
    background:-moz-linear-gradient(top, #1A2245, #495F8C);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#1A2245), to(#495F8C));  
    background:-o-linear-gradient(top, #1A2245, #495F8C); */
	background: url(/images/derma/derma9.jpg) no-repeat;
	background-size: cover;
    overflow-y: auto;
    -ms-overflow-x: hidden;
}
.w-nologin-alert-wrap {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 99999999;
}
.admin-header.w-content .admin-header-list .w-dropdown-toggle li a{
	line-height: 38px;
	height: 38px;
	font-size: 14px;
	padding: 0 20px
}
.admin-header.w-content .admin-header-list li a:focus{
	color: #555
}
.w-content{
	width: inherit;
	max-width: 1280px
}
.w-modules-list{
    padding: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    max-height: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-top: 70px;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    overflow-y: auto;
    max-width: initial;
}
.w-modules-list ul.am-cf{
	margin: 0  12.1%
}
.w-modules-list li{
	text-align: center;
	margin-bottom: 25px;
	padding: 0 14px
}
.w-modules-list [class*=am-u-]+[class*=am-u-]:last-child{
	float: left;
}
.w-modules-list li span{
	display: block;
	font-size: 14px;
	position: relative;
	top: 0px;
	color: #FFF
}
.w-modules-list li a{
	color: #999;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 15px;
	padding-top: 5px	
}
.w-modules-list li a i{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	line-height: 95px;
	color: #FFF;
	font-size: 50px;
	transition: all 0.2s;
	display: inline-block;
}
.w-modules-list li a .icon-shiyongban{
    font-size: 41px;
    color: #751660;
    position: absolute;
    left: 3px;
    top: 4px;
    width: 43px;
    height: 30px;
    line-height: 43px;
}
.w-modules-list li a i img{
	max-width: 80%;
	position: relative;
	top: -5px
}

.w-modules-list li .w-disabled a i{
	background: #CFCFCF;
	cursor: no-drop;
}
.w-modules-list li .w-modules-item{
	position: relative;
	background: #4484ce;
	border-radius: 20px;

	box-shadow: 0px 0px 9px #FFF;
	background-image:url(/modes/newLogin/images/xuexiaosz.png);
	transition: all 0.2s
}
.w-modules-list li .w-modules-item:hover{ 
	transform: scale(1.1);
	box-shadow:0px 0px 15px #FFF inset, 0 3px 5px #d0d0d0 
}
.w-modules-list li .w-modules-item.w-disabled{
	transform: scale(1);
}
.w-blue{
	background: #4484ce;
}
.w-modules-list li:nth-child(5n+2) .w-modules-item,.w-red{
	background: #cd5360;
	background-image:url(/modes/newLogin/images/jiaoxuefa.png);	
}
.w-modules-list li:nth-child(5n+3) .w-modules-item,.w-green{
	background: #57BC90;
	background-image:url(/modes/newLogin/images/ziyungl.png);	
}
.w-modules-list li:nth-child(5n+4) .w-modules-item,.w-orange{
	background: #F19E4D;
	background-image:url(/modes/newLogin/images/banjigl.png);	
}
.w-modules-list li:nth-child(5n+5) .w-modules-item,.w-yellow{
	background: #F9CE00;
	background-image:url(/modes/newLogin/images/yonghugl.png);
}
.w-modules-list li:nth-child(5n+6) .w-modules-item,.w-yellow{
	background-image:url(/modes/newLogin/images/gerenzl.png);
}
.w-modules-list li:nth-child(5n+7) .w-modules-item,.w-yellow{
	background-image:url(/modes/newLogin/images/fuwus.png);
}
.w-modules-list li:nth-child(5n+8) .w-modules-item,.w-yellow{
	background-image:url(/modes/newLogin/images/sahungchuangjd.png);
}
.w-modules-list li:nth-child(5n+9) .w-modules-item,.w-yellow{
	background-image:url(/modes/newLogin/images/gonggongzy.png);
}
.w-modules-list li:nth-child(5n+10) .w-modules-item,.w-yellow{
	background-image:url(/modes/newLogin/images/anligl.png);
}
.w-modules-list li:nth-child(5n+11) .w-modules-item,.w-yellow{
	background-image:url(/modes/newLogin/images/chuangyesp.png);
}
.w-modules-list li:nth-child(5n+12) .w-modules-item,.w-yellow{
	background-image:url(/modes/newLogin/images/weixingzh.png);
}
.w-modules-list li:nth-child(5n+13) .w-modules-item,.w-yellow{
	background-image:url(/modes/newLogin/images/xiangmupy.png);
}
.w-modules-list li .w-modules-item.w-disabled{
	background: #CFCFCF;
	cursor: no-drop;
	background-image:url(/modes/newLogin/images/zizhuxuexi.png);
}
.w-modules-list li .w-modules-item .icon-icon-mima{
	position: absolute;
	font-size: 24px;
	color: #FFF;
	right: 5px;
	top: -3px;
	margin-top: 0
}
.w-dropdown-toggle .am-dropdown-content li img{
	width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    background: #CFCFCF;
}
.w-dropdown-toggle ul.am-dropdown-content>li.w-cut-status-t>a img{
  margin-left: -6px
}
	
/*弹窗登录*/
.w-account-pos{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	overflow-y: auto;    
}
.w-account-pos ul::-webkit-scrollbar{/*滚动条整体样式*/
    width: 7px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}
.w-account-pos ul::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
    height: 30px;
    background-color: #c5c5c5c2;
    -webkit-border-radius: 7px;
    outline: 2px solid #fff;
    outline-offset: -2px;

}
.w-account-pos ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    background: none;
}
.w-account-pos .w-login-line{
    border-bottom: 1px solid #d0d0d0;
    display: block;
    color: #333;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    letter-spacing: 3px;
}
.w-account-pos ul{
	padding: 0px;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 62px;
    bottom: 0;
    overflow-y: auto;
}
.w-account-pos ul li a{
    display: block;
    color: #333;
    height: 100%;
    position: relative;
    min-height: 40px;
    font-size: 14px;
    transition: all 0.5s;
    padding: 5px 5px 5px 60px;
    margin-bottom: 10px
}
.w-account-pos ul li.w-active a{
	background: rgba(0,0,0,0.4);
	border-radius: 5px;
	color: #FFF	
}
.w-account-pos ul li a:hover{
	background: rgba(0,0,0,0.6);
	border-radius: 5px;
	color: #FFF	
}
.w-account-pos ul li a img{
    border-radius: 50%;
    width: 44px;
    height: 44px;
    overflow: hidden;
    position: absolute;
    left: 8px;
    top:5px;
}
.w-account-pos ul li a .w-shenfen{
    display: block;
    margin-top: 0px;
}
.w-account-pos ul li a .w-email{
	
}
.w-load-pulse{
	font-size: 150px;
    color: #333;
    display: block;
    line-height: 150px;
    width: 150px;
    margin: 0 auto;
    margin-top: 71px;	
}
#loading1{
    width: 30px;
    height: 10px;
    line-height: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 10px;
}
#loading1 i {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #FFF;
    float: left;
    margin: 0 3px;
    font-style: initial;
    animation: demo1 linear 1s infinite;
    -webkit-animation: demo1 linear 1s infinite;
}
#loading1 i:nth-child(1){
    animation-delay:0s;
}
#loading1 i:nth-child(2){
    animation-delay:0.35s;
}
#loading1 i:nth-child(3){
    animation-delay:0.7s;
}
@keyframes demo1 
{
    0%,60%,100% {transform: scale(1);}
    30% {transform: scale(2.5);}
}
@-webkit-keyframes demo1 
{
    0%,60%,100% {transform: scale(1);}
    30% {transform: scale(2.5);}
}
.login-form{user-select: none;float: right; padding:30px 50px;  padding-top: 40px;background:#FFF; height: 416px ;width:430px; border-radius:5px; position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.login-form img.code{ margin: 0;height: 32px; }
.login-form .w-close{ position: absolute;right: 16px;top: 6px;font-size: 20px;cursor: pointer;color: #666;display: block!important; visibility:initial!important; };
.login-form .w-close:hover{ color: #000 }
.login-form .am-tab-panel img.code{ width: 90%;height: 90%;margin: 0 auto;display: block; }
.login-form p.op-login,.login-form .w-verification-code{ margin: 0 }
.login-form .w-verification-code{ padding: 0;margin-top: 15px }
.login-form .w-verification-code .ipt-short{ width: 130px;background: #FFF }
.login-form .w-verification-code img.code{ width: 134px;height: 38px }
.login-form .w-verification-code #captcha{ display: inline-block; }
.login-form .w-verification-code a{ color: #f19e4d }
.login-form form{ transition: all 0.7s;overflow: hidden;height: 320px;padding-top: 20px;position: relative;}
.login-form form .w-email-err{ position: absolute;margin: 0;top: -5px ;display: none;}
.w-tab2-code{ width: 250px;height: 270px;margin: 25px auto 0 auto; text-align: center; font-size: 16px;color: #555;background: #FFF;padding-top: 5px }
.w-tab2-code p{ position: relative; top: -23px }
.w-tab2-code .fa-pulse{ font-size: 84px;line-height: 225px }
.w-tab2-code .w-refresh-code{ position: absolute;background: rgba(0,0,0,0.7); width: 100%;position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.9);top: 0;left: 0;padding-top: 134px;color: #333; }
.w-tab2-code .w-refresh-code span{ color: #F19E4D;cursor: pointer; }
.w-tab2-code .w-refresh-code span:hover{ opacity: 0.8 }
.w-hasyanz.login-form form .w-email-err{ top: 2px } 
.login-form form .w-email-err:first-child{ display: block; }
.login-form form .w-form-div{ width: 259px }
.login-form h2 { text-align:center; font-size:40px; color: #333}
.login-form h3 { text-align:center; font-weight:normal; font-size:15px; color:#FFF;}
.login-form h3 a { float:right; font-size:14px;}
.login-form p { padding:5px 0; margin: 10px 0}
.login-form p.tel { text-align:center; color:#FFF; position: absolute; bottom: 10px;left: 50%;transform: translateX(-50%);}
.login-form p.op-login { color:#333; margin-top: 5px}
.login-form p.op-login a { float:right; color: #333}
.login-form p.op-login input { vertical-align:middle; margin-right:3px; margin-top:-2px;}
.login-form .am-tabs-bd,.login-form .am-tabs-nav{ border:none; }
.login-form .am-tabs-bd .am-tab-panel{ padding: 10px 0 } 
.w-hasyanz.login-form .am-tabs-bd .am-tab-panel{ padding: 0 }
.w-hasyanz.login-form .am-tabs-bd .am-tab-panel .w-op-deng{ margin: 0 }
.login-form .am-nav-tabs>li{ width: 50%;text-align: center;font-size: 20px; }
.login-form .am-nav-tabs>li a{ border:none; color: #333;margin: 0;border-bottom: 4px solid #cacacaed;padding: 0 }
.login-form .am-nav-tabs>li a:hover,.login-form .am-nav-tabs>li.am-active>a{ background: none;border:none;color: #333;border-bottom: 4px solid #cacacaed  }
.login-form .am-nav-tabs>li.am-active>a{ background: none;border-bottom:4px solid #F19E4D; }
.login-form input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.login-form .w-login-input{ position: relative;background: #FFF;padding: 0; border-radius: 5px;overflow: hidden; margin-bottom: 30px; }
.login-form .w-login-input input{ height: 44px;line-height: 44px;padding-top: 0;padding-bottom: 0;outline: none;border: 1px solid #ccc; }
.login-form .w-login-input input:focus{ border: 1px solid #f19e4d }
.w-hasyanz.login-form .w-login-input{ margin-bottom: 20px }
.login-form .w-login-input .iconfont{ position: absolute; left: 13px;top: 50%; font-size: 22px;color: #999;margin-top:-18px; }
.login-form .w-register{ font-size: 16px;color: #333 }
.w-hasyanz.login-form .w-register{ margin: 0;padding: 0 }
.login-form .w-register a{ font-weight: bold; }
.login-form .w-register a:hover{ opacity: 0.8;color: #F19E4D }
.ipt-login { padding:6px 10px; line-height:32px; width:100%; border:none; border-radius:5px; background: none;padding-left: 45px}
.ipt-login:focus { border-color:#FFF; }
.login-form .ipt-short { width: 150px; padding: 3px 10px}
img.code { width:90px; height:42px; vertical-align:top; margin:0 10px;}
.btn-login { transition: all 0.5s;background:#f19e4d; color:#fff; line-height:44px; text-align:center; width:100%; border:0; border-radius:4px; cursor:pointer; font-size:18px;}
.btn-login:hover,.btn-login:active { background:#ea9542;}
.login-form .w-login-reg-code{position: absolute;right: 0;top: -8px;z-index: 14;font-size: 84px;color: #333;cursor: pointer;}
.login-form .w-coed-img{ text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: 20;overflow: hidden;display: none;}	
.login-form .w-coed-img img{ max-width: 100% }
.login-form .w-coed-img .fa-pulse{ font-size: 100px;color: #333 }
.login-form .w-coed-img.w-before:before{ content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,0.9); color: #F00;font-weight: bold;top: 0;left: 0 }
.login-form .w-coed-img .w-refresh-code{ font-weight: bold;line-height: 18px;width: 120px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;cursor: pointer;color: #F00 }
.login-form .w-coed-img .w-refresh-code:hover{ color: #1aB394 }
.login-form .w-account-login{ display: none;position: absolute; right: -6px; top: 18px;font-size: 18px;color: #333;z-index: 15;transform: rotate(45deg); }
.login-form .w-code-login-alert{ top: 10px;right: 90px;position: absolute;width: 230px;border: 1px solid #f3d995;background: #fefcee;color: #df9c1f;padding: 0 10px;border-radius: 3px;}
.login-form-iframe{z-index: 99;margin: 50px 25px 0 0;user-select: none;float: right;height: 416px; width: 430px;border-radius: 5px; position: relative;}
@media screen and (max-width: 641px) {
	.login-form-iframe{ width: 100%;left: 25px }
	.login-form p.tel .btn{ display: inline-block;padding: 0 4px;line-height: 20px }
	.login-form p.tel .btn:last-child{ margin-right: 0 }
	.login-normal .reset-content{ width: 300px }
	.w-modules-list ul.am-cf{
		padding:0;
		margin: 0;
	}	
	.admin-header.w-content{
		padding: 0
	}
	.w-modules-list{
		padding: 0 50px;
		top: 100px;
		transform: translate(-50%,0);
		transform: -webkit-translate(-50%,0);
		transform: -ms-translate(-50%,0);
		transform: -moz-translate(-50%,0);
	}
}