﻿/***************************************************全局样式****************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
			body {color:#000; font-family: 'Open Sans', sans-serif; background:#fff; /*line-height:24px; */font-size: 14px;  overflow:hidden;min-width:960px}
			html,body{min-width:960px;max-width: 1920px;}
			fieldset, img { border:0; }
			ol, ul { list-style:none; }
			h1, h2, h3, h4, h5, h6{ font-size:100%; }
			em { font-style:normal; }
			input, button, select, textarea { outline:none; }
			textarea { resize:none; } /*禁用了文本的拖拉，尤其在谷歌下*/
			p{ text-align:justify; text-justify:distribute;}/* 为了使文本段落左右两边对齐*/
			a { color: #fff; text-decoration:none; cursor: pointer; }
            .mt5 {margin-top:5px;}
            .ml5 {margin-left:5px;}
            /*@media screen and (min-width:960px) and (max-width:1200px){
                body{
                    overflow:scroll;
                }
            }*/
            /*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
            ::-webkit-scrollbar{ width:6px; height:6px; background-color: #f5f5f5;}
            /*定义滚动条的轨道，内阴影及圆角*/
            ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);border-radius:2px;background-color: #f5f5f5;}
            /*定义滑块，内阴影及圆角*/
            ::-webkit-scrollbar-thumb{ /*width: 10px;*/ height:2px!important; border-radius:2px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999; }
            /***************************************************页面头部****************************************************/
			.header{height:60px;min-width:960px;background:#4997ec;}
			.header-logo{font-size:18px;height:60px;line-height:60px;float:left;background:#1677d2;border-right:1px solid #1677d2; width:15%;text-align:center;}
            .header-logo a{color:#fff;}
            /*头部导航*/
            .header-nav{height:59px;line-height:59px;float:left;}
            .header-nav ul .out-li{float:left;width:100px;text-align:center;cursor:pointer;color:#fff;position:relative;font-size:16px;}
            .header-nav ul .out-li i {display:inline-block;color:#fff;font-size:18px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
            .header-nav ul .out-li:hover .icon-down{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
            .header-nav ul .out-li .inner-ul {position:absolute;background:#fff;width:120px;color:#000;display:none;}
            .header-nav ul .out-li .inner-ul .inner-li {border:1px solid #f4f4f4; border-top:none;height:30px;line-height:30px;position:relative;}
            .header-nav ul .out-li .inner-ul .inner-li:first-child{border-top:1px solid #f4f4f4;}
            .header-nav ul .out-li .inner-ul .inner-li span {width:100px;display:block;float:left;text-indent:0.5em;font-size:14px;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space:nowrap;}
            .header-nav ul .out-li .inner-ul .inner-li i {display:inline-block;float:right;color:#000;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
            .header-nav ul .out-li .inner-ul .li_inner ul {position:absolute;left:119px!important;top:-1px!important;display:none;}
            .header-nav ul .out-li .inner-ul .li_inner ul li {border:1px solid #f4f4f4; border-top:none;border-left:none;height:30px;line-height:30px;position:relative;font-size:18px;}
            .header-nav ul .out-li .inner-ul .li_inner ul li:first-child {border-top: 1px solid #f4f4f4;}
            .header-nav ul .inner-li:hover {background:#4997ec;color:#fff;}
            /*管理员下拉*/
			.admin{position:absolute;right:10px;height:60px;line-height:60px;}
			.admin a{color:#fff; font-size:16px;}
			.admin i{display:inline-block;color:#fff;font-size:18px; transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
			.admin-set{border:1px solid #f4f4f4;background:#fff;display: none;color:#000;width:100px;position:absolute;top:59px;right:2px;z-index:20000;}
			.admin-set li{height:30px;line-height:30px;color:#000;font-size:14px;border-bottom:1px solid #f4f4f4;text-align:center;cursor:pointer}
            .admin-set li i {font-size:14px; color:#000;margin-right:5px;}
            .admin:hover .admin-set{display:block;}
			.admin:hover .icon-down{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
			.admin-set li:hover i {color:#fff}
            .admin-set li:hover{background:#4997ec;color:#fff;}
            /***************************************************页面头部****************************************************/
            .login-panel{width: 100%;position: relative;}
			.login-panel img{height:100%;width:100%;}
			.container{position: absolute;top:50%;left:50%;margin-left:-210px;margin-top: -150px;z-index: 10;border:none;width:450px;height:350px;background:#fff;opacity:.8}
			.container-head{height:50px;line-height:50px;text-align: center;background:#4997ec;color:#fff;border:none;font-size:16px;}
			.input-panel{width:85%;height:40px;line-height:40px;margin:35px 20px;display: flex;}
			.input-panel input{display: inline-block;}
			.input-panel div{flex:1;width:40px;font-size:16px;text-align:center;border:none;color:#666;}
			.input-panel div i{font-size:15px;margin-right: 5px;}
			.input-panel input{flex:3;border:1px solid #cdcdcd;font-size:16px;text-indent:2em;}
			.loginbtn{display: block;border:1px solid #4997EC;margin:10px auto;width:250px;height:40px;cursor: pointer;background: #4997EC;color: #fff;font-size:16px;letter-spacing:10px;}
            .loginbtn:hover{background:#fff; color:#4997ec}
            /*忘记密码*/
            .pwdModify-panel{display:none;position:absolute;z-index:1000;top:50%;left:50%;margin-left:-200px;margin-top:-100px; width:350px;height:230px;background:#fff;border:4px solid #4997ec;border-radius:5px;}
            .panel-head{height:25px;line-height:25px;background:#4997ec;color:#fff;font-size:12px;border:none;}
            .panel-head .panel-sign{float:left;margin-left:5px; color:#fff;width:100px;}
            .panel-head .panel-sign i{margin-right:3px;}
            .panel-head .panel-close{float:right;margin-right:3px;width:20px;text-align:center;cursor:pointer;}
            .panel-head .panel-close :hover{color:red;}
            .panel-content{height:120px;border-bottom:1px solid #cdcdcd;}
            .inputModify{height:30px;margin:25px 20px;}
            .inputModify span, .inputModify input{display:inline-block}
            .inputModify span{ width:60px;height:30px;line-height:30px;text-align:center}
            .inputModify input{width:200px;height:25px;border:1px solid #cdcdcd;background:#fff;text-indent:2em;}
            .panel-btngroup{background:#f6f6f6;height:57px;line-height:57px;text-align:center}
            .panel-btngroup input{padding:5px 10px;background:#4997ec;color:#fff;border:none;cursor:pointer;}
            .mask{ width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;z-index:2;opacity:0.3; /*兼容IE8及以下版本浏览器*/filter: alpha(opacity=30);display:none;}