html {color: #333333;font-family: 宋体,Trebuchet MS,Verdana,Helvetica,Arial,sans-serif,微软雅黑;}
* {list-style: outside none none;overflow-wrap: break-word;border: 0 none;margin: 0;padding: 0;box-sizing: border-box;font-style: normal;}
body {font: 12px Tahoma,Geneva,sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button, em, i {list-style-type: none;}
a{text-decoration: none;outline: none;color: #06c;cursor: pointer;}
a:hover{text-decoration: none;color: #039;}
.fl{display: inline-block;float: left;}
.fr{display: inline-block;float: right;}
/*主体公共*/
#conTop{position: fixed;left:0;top:0;width:100%;height:58px;background:#353a3e;z-index: 999;}
#leftKeep{position: fixed;left:0;top:58px;width:80px;height:100%;background:#2b2d31;z-index: 999;}
#conView{background: #ffffff;bottom: 0;left: 80px;overflow: hidden;position: absolute;right: 0;top: 58px;width: auto;}
#leftClass{background: #eaedf1;float: left;height: 100%;left: 0;position: absolute;top: 0;width: 180px;}
#conMain{background: #ffffff;bottom: 0;height: 100%;left: 180px;overflow-x: hidden;position: absolute;right: 0;top: 0;width: auto;}
/*头部边幅*/
.logo-wrap{position: absolute;left: 0;top: 0;height: 58px;padding-right: 65px;}
.tit-main{font-size: 0;margin: 0 15px 0 24px;float: left;height: 58px;}
.logo-wrap span{color: #e1e1e1;}
.logo{background: url("../../images/icon/logo_icon.png") no-repeat scroll 0 0;background-size:100%;display: block;width: 228px;height: 40px;margin: 9px 0 0;}
.tit-sub{border-left: 1px solid #8e8d8f;height: 18px;line-height: 18px;margin: 20px 0 0;padding: 0 10px;float: left;font-size: 16px;}
.user-wrap{position: absolute;right: 0;top: 0;height: 58px;}
.user-wrap .menu-btn-box{cursor: pointer;position: relative;border-left: 1px solid #45494d;float: left;}
.user-wrap .menu-btn-box:hover{background: #2c3135 none repeat scroll 0 0}
.user-wrap .menu-btn-in{float: left;height: 58px;line-height:58px;padding: 0 20px;}
.user-wrap .u-w-icon{background: url("../../images/icon/global.png") no-repeat scroll 0 0;display: inline-block;position: relative;}
.user-wrap .icon-file{background-position: -264px -65px;width: 24px;height: 27px;top: 15px;}
.user-wrap .icon-service{background-position: -238px -242px;width: 28px;height: 23px;top: 18px;}
.user-wrap .icon-letter{background-position: -297px -242px;width: 24px;height: 20px;top: 19px;}
.user-wrap .icon-hd{background-position: -264px -184px;width: 23px;height: 24px;top: 16px;margin-right: 5px;float: left;}
.user-info.on .icon-hd{background-position: -264px -155px;}
.user-wrap .u-name{color: #fff;display: inline-block;font-size: 14px;font-weight: bold;margin-right: 8px;max-width: 5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.user-info .u-select{box-shadow: 0 5px 5px rgba(0,0,0,0.15);position: absolute;width: 100%;top: 100%;font-size: 14px;left: -1px;border: 1px solid #e5e5e5;border-right: none;border-top: 0;display: none;}
.user-info.on .u-select{display: block;}
.user-info.on .u-select .arr-top{position: absolute;bottom: 100%;margin: -1px 0 0 -10px;left: 50%;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #fff transparent;}
.user-info .u-select .u-s-item{display: block;height: 50px;line-height: 50px;text-indent: 18px;color: #636363;background: #fff none repeat scroll 0 0;cursor: pointer;}
.user-info .u-select .u-s-item:hover{background-color: #f4f4f4;}
/*左侧边幅*/
.mod-list{position: relative;overflow: hidden;}
.mod-list li{position: relative;overflow: hidden;}
.mod-list li .mod-item{display: block;font-size: 14px;color:#505258;height:80px;text-align: center;text-decoration: none;}
.mod-list li .mod-item .mod-item-wrap{display: block;height:48px;line-height: 48px;margin-top:10px;}
.mod-list li .mod-item .mod-item-wrap .mi-wap{display: inline-block;background:url("../../images/icon/menu_icon.png") no-repeat;background-size:270px;width:48px;height:48px;}
.mod-list li .mod-item .mod-item-wrap .mi-wap.miw-kongzhi{background-position: -7px -4px;}
.mod-list li .mod-item:hover .mod-item-wrap .mi-wap.miw-kongzhi{background-position: -58px -4px;}
.mod-list li .mod-item .mod-item-wrap .mi-wap.miw-fuwu{background-position: -105px -4px;}
.mod-list li .mod-item:hover .mod-item-wrap .mi-wap.miw-fuwu{background-position: -148px -4px;}
.mod-list li .mod-item .mod-item-wrap .mi-wap.miw-zhanghu{background-position: -190px -4px;}
.mod-list li .mod-item:hover .mod-item-wrap .mi-wap.miw-zhanghu{background-position: -230px -4px;}
.mod-list li .mod-item .mod-item-wrap .mi-wap.miw-quanxian{background-position: -6px -57px;}
.mod-list li .mod-item:hover .mod-item-wrap .mi-wap.miw-quanxian{background-position: -57px -57px;}
.mod-list li .mod-item .mod-item-wrap .mi-wap.miw-anzhuang{background-position: -105px -57px;}
.mod-list li .mod-item:hover .mod-item-wrap .mi-wap.miw-anzhuang{background-position: -148px -57px;}
.mod-list li .mod-item .mod-item-txt{display: block;}
.mod-list li .mod-item:hover{background:#2b9ef4;color:#f4f4f4;}/*选项列表*/
.class-list-box{position: absolute;top:0;left:0;right:0;bottom:0;width:100%;}
.class-list-box .clb-title{display: block;font-size: 14px;padding-left:20px;height:60px;line-height: 60px;background:#d9dee4;}
.class-list-box .class-list{position: absolute;top:60px;left:0;right:0;bottom:0;overflow-x: hidden;overflow-y: auto;width:100%;}
.class-list-box .class-item{position: relative;overflow: hidden;}
.class-list-box .class-item a{color:#333;text-decoration: none;height:40px;line-height: 40px;background:#eaedf1;}
.class-list-box .class-item a:hover{background:#f4f6f8;}
.class-list-box .class-item .ci-title{display: block;padding-left:30px;}
.class-list-box .class-item .ci-title .menu-icon{position: absolute;left:0;top:0;width:30px;height:40px;text-align: center;}
.class-list-box .class-item .ci-title .menu-icon i{margin-top:17px;-moz-box-orient: vertical;border-color: #333 transparent transparent;border-style: solid;border-width: 5px 5px 0;display: inline-block;font-size: 0;height: 0;line-height: 0;transition: all 0.2s ease-in 0s;vertical-align: middle;width: 0;transform: rotate(270deg);}
.class-list-box .class-item .ci-title.current .menu-icon i{margin-top:17px;-moz-box-orient: vertical;border-color: #333 transparent transparent;border-style: solid;border-width: 5px 5px 0;display: inline-block;font-size: 0;height: 0;line-height: 0;transition: all 0.2s ease-in 0s;vertical-align: middle;width: 0;transform: rotate(360deg);}
.class-list-box .class-item ul{display: none;}
.class-list-box .class-item ul li{position: relative;}
.class-list-box .class-item .menu-btn{display: block;padding-left:40px;}
.class-list-box .class-item .menu-btn.active{background:#fff;}

.message-prompt-top{background:#ff0000;border-radius: 10px;color: #fff;font-size: 12px;height: 15px;line-height: 12px;position: absolute;right: -9px;text-align: center;top: -6px;width: 17px;}
.message-prompt{position: absolute;right:40px;top:12px;width:24px;height:16px;line-height:14px;background:#ff0000;text-align: center;color:#fff;font-size: 14px;border-radius: 10px;}

/*弹窗css*/
.pop-modal{display:block;position: fixed;top:0;left:0;width:100%;height:100%;z-index: 11;box-sizing: border-box;}
.pop-modal .pop-bg{position: absolute;top:0;left:0;width:100%;height:100%;z-index: 1;background:#fff;opacity: 0.7;}
.pop-modal .loding-ico{display:none;position: absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;width:50px;height:50px;z-index: 3;background:url("../images/icon/loading_icon.gif") center center no-repeat;background-size:100%;}
.pop-modal .pop-box{display:block;position: fixed;top:110px;left:50%;width:auto;height:auto;z-index: 2;background:#fff;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);}
.pop-main{position: relative;overflow: hidden;}
.pop-main .pm-header{position: relative;overflow: hidden;padding:15px;border-bottom:1px solid #e5e5e5;}
.pop-main .pm-header .pm-title{display: block;float:left;font-size:14px;font-weight: normal;}
.pop-main .pm-header .pop-close{position: absolute;top:0;right:0;width:50px;height:50px;line-height:47px;text-align:center;font-size: 26px;font-weight:normal;color:#c1c1c1;cursor:pointer;z-index: 5;}
.pop-main .pm-header .pop-close:hover{color:#919191;}
.pop-main .pm-content{position: relative;overflow:hidden;padding:27px 20px;border-bottom:1px solid #e5e5e5;}
.pm-content .ico-warn{position: absolute;top:20px;left:20px;width:40px;height:40px;background:url("../images/icon/warn_icon.png") center center no-repeat;background-size: 100%;}
.pm-content .pm-con{position: relative;overflow: hidden;margin-left:60px;padding-right:50px;}
.pm-content .pm-con .hint-txt{display: block;font-size: 16px;color:#333;}
.pm-content .pm-con .txt-muted{display: block;color:#999;margin-top:10px;}
.pm-footer{position: relative;overflow: hidden;padding:20px;}
.pm-btn{float:right;border-radius: 0;cursor: pointer;display: inline-block;font-size: 12px;height: 32px;line-height: 14px;padding: 8px 16px;text-align: center;vertical-align: middle;white-space: nowrap;}
.pm-btn.ok-btn{background-color:#09c;color:#fff;margin-right:10px;}
.pm-btn.ok-btn:hover{background-color:#28b5d6;}
.pm-btn.cancel-btn{background-color:#f7f7f7;color:#333;border:1px solid #ddd;}
.pm-btn.cancel-btn:hover{background-color:#fff;}
/*加载界面css*/
.loding-modal{box-sizing: border-box;display: block;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 11;}
.loding-modal .loding-icon{background: url("../images/icon/loading_icon.gif") center center no-repeat;background-size: 100%;display: block;height: 50px;left: 50%;margin-left: -25px;margin-top: -25px;position: absolute;top: 50%;width: 50px;z-index: 3;}
.loding-modal .loding-bg{background: #fff;height: 100%;left: 0;opacity: 0.7;position: absolute;top: 0;width: 100%;z-index: 1;}
/*成功失败界面css*/
.reminders{display:block;position: fixed;left: 50%;top: 100px;margin-left: -50px;width: 260px;z-index: 9999;}
.reminders .alert .rem-close{display: inline-block;position: absolute;right: 12px;top: 7px;color: #000;font-size: 16px;font-weight: bold;line-height: 1;opacity: 0.2;filter: alpha(opacity=20);padding: 0;cursor: pointer;border: 0 none;background: transparent none repeat scroll 0 0;z-index: 11111;}
.reminders .alert{border: 1px solid transparent;line-height: 18px;margin-bottom: 6px;padding: 6px 12px;margin-bottom:20px;}
.reminders .alert-success{background-color: #f2ffea;border-color: #c7ddb9;color: #090;}