@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,label{margin:0;padding:0}
/*body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}*/
a{color:#2d374b;text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;word-break: initial;}
/*提示文字*/
.headerTips{width:1200px;margin:0 auto;text-align: center;line-height: 30px;background-color: #ffffcd;}
.headerTips .layui-icon{cursor: pointer;float: right;padding-right: 20px;}

.top{position: fixed;left: 0;right: 0;top: 0;height: 70px;border-bottom: 1px solid #ccc;background-color: #fff;z-index: 1399;}
._top{width: 100%;height: 70px;}
.top .logoContent{position: absolute;top:0;left:0;height:70px;}
.top .logoContent .logo{display:inline-block;width: 130px;height: 70px;background: #fff url(../../../assets/img/xh_logo.jpg) no-repeat center;}
.top .logoContent .appIcon{cursor:pointer;display:inline-block;position:relative;top:0;padding:20px 0;width: 30px;height: 30px;background: #fff url(../../../assets/img/u79.jpg) no-repeat center;}
.top .logoContent .appIcon:hover{background: #fff url(../../../assets/img/u80.jpg) no-repeat center;}
.top > label{position: absolute;left: 140px;height: 70px;line-height: 70px;font-size: 20px;font-weight: bold;}
.top > label>.titleBottom{position: absolute;right: 0; top: 30px;font-size: 14px;font-weight: normal;color:#555}
.top > .menu{height: 70px;margin: 0 150px 0 260px;}
.top > .menu > ul{white-space:nowrap;min-width: 500px;}
.top > .menu > ul:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.top > .menu > ul>li{float: left;margin: 0 20px;position:relative;}
.top > .menu > ul>li a{display: inline-block;cursor: pointer;text-decoration: none;height: 70px;line-height: 70px;font-size: 18px;}
.top > .menu > ul>li.active>a{color: #3399ff;}
.top > .menu > ul>li:hover .dropList{display: inline-block;}
.top > .menu > ul>li .dropList:hover{display: inline-block;}
.top > .menu > ul li i{position: absolute;right: -15px;top: -7px;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;background-color: #f00;color: #fff;font-style: normal;}
/*logoLeft*/
.logoLeft{z-index: 1400;transition: all 2s linear;display:none;box-shadow: 0 2px 4px rgba(0,0,0,.12);position: fixed;left:0;top:0;background-color: #fff;width: 130px;height:100%;text-align: center;}
.logoLeft p{text-align: center;}
.logoLeft .appList li{padding:20px 0;}
.logoLeft .appList li img{width: 70px;}
.logoLeft .appList li p{line-height: 20px;padding-top:10px;}
.logoLeft .appList li a{text-decoration: none;cursor:pointer;}
.logoLeft .appList li a:hover{color:#57a3f3;}
/*书本定位*/
.location{position: absolute;left:330px;height:70px;}
.location:hover .locationList{display: block;}
.location>i,.location .locationIcon{top:20px;}
.location .locationIcon{position:relative;width: 30px;height:30px;background-image: url("../../../assets/img/u134.png");background-size: cover;padding:0;}
.location .locationList{/**display:none;**/min-width:210px;width:100%;padding:20px;position: absolute;left:0;top:70px;background-color: #fff;box-sizing: border-box;border: 1px solid #ccc;border-radius: 4px;}
.location .locationList ul{display: inline-block;padding:0 10px;}
.location .locationList li{position:relative;font-size:16px;line-height: 35px;width:150px;}
.location .locationList li span.names{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:140px;display: inline-block;}
.location .locationList li:after{content: '>';position: absolute;right:0;font-size: 20px;top:0;}
.location .locationList .grade li:after{content: '';}
/*下拉框*/
.drop-down > ul.dropList{left:auto;right:-20px;}
.dropList{display: none;position: absolute;left: -20px;top: 70px;min-width: 200px;font-size: 18px;line-height: 30px;box-shadow: 0 2px 4px rgba(0,0,0,.12);border: 1px solid #d2d2d2;background-color: #fff;z-index: 100;border-radius: 2px;white-space: nowrap;}
.dropList li{cursor: pointer;padding:0 20px;}
.dropList li:hover{color:#39f;}
.dropList li .icon{display: inline-block;width:30px;height:12px;background-image: url("../../../assets/img/beta.png");position: relative;top:-5px;left:5px;}
.top > .menu  .dropList li a{height: 40px;line-height: 40px;font-size: 16px;}
.top > .menu  .dropList li:hover,.top > .userInfo  .dropList li:hover{background-color: #39f;}
.top > .menu  .dropList li:hover a,.top > .userInfo  .dropList li:hover a{color:#fff;}
.drop-down:hover .dropList{display: block;}
.drop-down:hover  i{transform:rotate(180deg);}

.top .userInfo{position: absolute;top: 50%;right: 20px;height: 50px;line-height: 70px;margin-top: -15px;}
.top .userInfo > span{font-size: 18px;}
.top  .teacherHelp{display: none;position: absolute;right:150px;padding:0;margin:0;top:23px;font-size: 18px;color:#39f;cursor:pointer;}
.top  .teacherHelp:hover{color:#1488ff;}

.IEwarn {position: fixed;left: 0;top: 0;width: 100%;background-color: #2274c3;color: #fff;padding: 10px 0;text-align: center;}
.IEwarn p {text-align: center;margin-bottom: 10px;}
.IEwarn a {margin: 0 5px;padding: 5px;background-color: #fff;border-radius: 5px;color: #2274c3;}