body,html {height:100%; background-color: #fff; overflow-x: hidden;}
.clear { clear: both; }
.undis { display: none; }
.dis { display: block; }
.border-left { border-left: solid 1px #EEEEEE; }
.border-right { border-right: solid 1px #EEEEEE; }
.scroll-y { overflow-x: hidden; overflow-y: auto; }
.text-center{text-align:center;}
.mt10px{margin-top:10px;}
.hr{width:100%;border-style:solid;border-width:1px; overflow:hidden;}
.hr.gray{border-color:#f6f6f6;}

/*===总体布局样式===*/
.hdl-layout-wrapper{position:relative;width:100%; min-width:1200px;height:100%;}
.hdl-layout-topper { position: absolute; left: 0; right: 0; height: 90px; background-color: #fff; z-index: 10; }
.hdl-layout-left { position: absolute; left: 0; width: 300px; top: 90px; bottom: 0;overflow-x:hidden;overflow-y:auto; background-color: #fff; z-index: 2; }
.hdl-layout-right { position: absolute; left: 290px; right: 0; top: 90px; bottom: 40px; overflow-x: hidden; overflow-y: auto; z-index: 2; }
.hdl-layout-bottom { position: absolute; left: 301px; right: 0; bottom: 0; height: 40px; line-height: 40px; background-color: #EEEEEE; z-index: 2; }

/*===栏目样式===*/
.hdl-column-box{margin:10px 20px;overflow:hidden;}
.hdl-column-title { position: relative; height:40px;line-height:40px; border-bottom: solid 2px #1E9FFF;}
.hdl-column-title-text{float:left;font-size:16px;}
.hdl-column-title-btns{float:right;font-size:14px;}
.hdl-column-content{position:relative;overflow:hidden;}

/*===顶部样式===*/
.topper-border-bottom { position: absolute; left: 0; right: -100px; bottom: 0; height: 30px; overflow: hidden; box-shadow: 0px 6px 14px -10px rgba(30, 159, 255, 0.8); z-index: 12; }
.logo { float: left; font-size: 18px; font-weight: 700; margin: 8px 0 0 10px; }
.nav { float: left; margin: 32px 0 0 102px; }
.nav li { float: left; font-size: 20px; margin-right: 30px; padding-bottom: 12px; }
.nav li.this { background: url(/Image/nav_bottom.png?v=1.2) no-repeat center bottom; }
.user-info { position: relative; float: right; margin: 32px 44px 0 0; }
.user-header { border-radius: 50%; }
.user-info .icon { position: absolute; top: 3px; }
.user-info .top_btnLogin{padding:3px;display:inline-block;}
/*===左侧子导航===*/
.sub-nav { width: 240px; margin: 0 auto; overflow: hidden; }
.sub-nav li { position: relative; float: left; width: 186px; height: 36px; line-height: 36px; text-indent: 22px; background: url(/img/right_small.svg?t=2) no-repeat right center;overflow: hidden; }
.sub-nav li:hover, .sub-nav li.this { background: url(/img/right.svg) no-repeat right center; }
.sub-nav li a{display:block;}
.sub-nav li.this a { color: #1E9FFF; }
.sub-nav li .icon{position:absolute;left:0;top:9.2px;}
.sub-nav li .nav-item-sm{font-size:12px;color:#666;margin-left:12px;}
/*===学科选择样式===*/
.subject { position: relative; float: left; margin-left: 30px; font-size: 16px; cursor: pointer; }
.subject .icon { position: absolute; top: 8px; }
.dp-item { margin: 20px 0;line-height: 30px; }
.dp-item span { font-size: 16px; }
.dp-item a { padding: 5px 10px; border: solid 1px #fff; cursor: pointer; }
.dp-item a.this { border: solid 1px #1E9FFF; }
.nav_btn_ok { position: absolute; right: 15px; bottom: 15px; }
/*===右侧滑框===*/
.wrapper-right { position: fixed; right: -300px; top: 0; bottom: 0; width: 300px; background-color: #fff; border-top-left-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 1px 1px 5px #0003; transition: all .3s; z-index: 999; }
.wrapper-right.show { right: 0; transition: all .3s; }
.wrapper-right-title { position: relative; height: 40px; line-height: 40px; }
.wrapper-right-btnclose { position: absolute; top: 7px; right: 13px; cursor: pointer; }
.wrapper-right-content { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; }
.wrapper-right-content iframe { background-color: #fff; }
/*===遮罩层===*/
.mask { position: fixed; left: 0; top: 0; right: 100%; bottom: 0; background-color: #fdfdfd; opacity: 0; transition: opacity .3s; z-index: 998; }
.mask.show { right: 0; opacity: 0.3; transition: opacity .3s; }