*{ margin:0;padding:0; box-sizing: border-box; white-space:normal;}
.clear:after{content:"\20";display:block;height:0;clear:both}
iframe{ border:0; float:left; width:100%;height:100%}
html,body{ height: 100%; overflow-y: inherit;}
.mr25{margin-right:25px;}

.frameTop{ position: fixed; width: 100%; height: 70px;border-bottom: 1px solid #dfe2e6; z-index: 2;}
.frameMain{position: absolute; top:70px; bottom:0; left:0;right:0;width:100%; height:auto;}
.frameMleft{position: absolute; top:0; bottom:0; left:0;width:200px;height: 100%;}
.frameMrig{position: absolute;left: 200px; right: 0; top: 0; bottom: 40px; width: auto;min-width:1360px; background-color: #fff;}

.frameFoot{ position: absolute; left: 200px; right: 0; bottom: 0; height: 70px; background-color: #eee; display:none;}
.framfoot.footer{ padding:5px 0;}

/*头部*/
.layui-header.hqgl-header{ height: 100%; background-color: #393d49;}
.layui-header.hqgl-header .logo{ color: #fefefe; font-size: 24px; left: 20px;}
.userinfo{ color: #666; position: absolute; right: 30px; top: 0;}
.userinfo .ufoself{ float: right; position: relative;}
.userinfo .ufoself .ufoface{ float: left; width: 40px; height: 40px; border-radius: 50px; margin: 15px;overflow: hidden;}
.ufoselflogin{ float: left; line-height: 70px; color: #fefefe;}
.ufoselflogin .upd-icon{ background: url(../../img/hqgl/upd-icon.png) no-repeat 0 center; float: right; margin: 0 4px 0 8px; width: 9px; height: 70px;}
.userinfo .ufoset{ float: right; width: 60px; position: relative; cursor: pointer;}
.userinfo .ufosetico{ float: left;border-top: 4px solid #fff; width: 60px; height: 70px; background: url(../../img/hqgl/ufoset.png) no-repeat center center;}
.userinfo .ufosetul{ display: none; background: #fff; position: absolute; right: 0; top: 70px; width: 130px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.15);}
.userinfo .ufosetul li{ height: 40px; line-height: 40px;}
.userinfo .ufosetul li:hover{ background: #f3f5f7;}
.userinfo .ufosetul li a{ display: block; color: #74899e; padding: 0 16px 0 40px;}
.ufosetli1 a{ background: url(../../img/hqgl/ufosetli1.png) no-repeat 16px center;}
.ufosetli2 a{ background: url(../../img/hqgl/ufosetli2.png) no-repeat 16px center;}
.userinfo .ufoset:hover .ufosetico{ border-top: 4px solid #4787f1; background-color: #fff; -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,.15);}
.userinfo .ufoset:hover .ufosetul{ display: block;}

/*左边*/
.layui-nav *{ font-size: 16px;}
.layui-nav .layui-nav-child a{ font-size: 14px;}
.layui-nav-tree .layui-nav-item>a{ height: 55px; line-height: 55px;background-color: #415267;}
.layui-nav-tree .layui-nav-item>a:hover{ background-color: #50667d;}
.layui-nav .layui-nav-child a{ height: 48px; line-height: 48px; background-image: url(../../img/hqgl/leftnav-childico.png); background-repeat: no-repeat; background-position: 30px center;}
.layui-nav .layui-nav-item a{ padding: 0 20px 0 56px;}



.hqgl-leftnav1{ background: url(../../img/hqgl/leftnav1.png) no-repeat 20px center;}
.hqgl-leftnav2{ background: url(../../img/hqgl/leftnav2.png) no-repeat 20px center;}
.hqgl-leftnav3{ background: url(../../img/hqgl/leftnav3.png) no-repeat 20px center;}
.hqgl-leftnav4{ background: url(../../img/hqgl/leftnav4.png) no-repeat 20px center;}
.layui-nav-tree .layui-nav-itemed .hqgl-leftnav1{ background: url(../../img/hqgl/leftnav1on.png) no-repeat 20px center;}
.layui-nav-tree .layui-nav-itemed .hqgl-leftnav2{ background: url(../../img/hqgl/leftnav2on.png) no-repeat 20px center;}
.layui-nav-tree .layui-nav-itemed .hqgl-leftnav3{ background: url(../../img/hqgl/leftnav3on.png) no-repeat 20px center;}
.layui-nav-tree .layui-nav-itemed .hqgl-leftnav4{ background: url(../../img/hqgl/leftnav4on.png) no-repeat 20px center;}



.hqgl-leftnav01{ background: url(../../img/hqgl/leftnav01.png) no-repeat 20px center;}
.hqgl-leftnav02{ background: url(../../img/hqgl/leftnav02.png) no-repeat 20px center;}
.hqgl-leftnav03{ background: url(../../img/hqgl/leftnav03.png) no-repeat 20px center;}
.hqgl-leftnav04{ background: url(../../img/hqgl/leftnav04.png) no-repeat 20px center;}
.hqgl-leftnav05{ background: url(../../img/hqgl/leftnav05.png) no-repeat 20px center;}
.hqgl-leftnav06{ background: url(../../img/hqgl/leftnav06.png) no-repeat 20px center;}
.hqgl-leftnav07{ background: url(../../img/hqgl/leftnav07.png) no-repeat 20px center;}
.hqgl-leftnav08{ background: url(../../img/hqgl/leftnav08.png) no-repeat 20px center;}










.layui-nav-tree .layui-nav-itemed>a{ background-color: #4787f1!important;}
.layui-nav-tree .layui-nav-more{ top: 25px;}
.layui-nav-itemed .layui-nav-more{ top: 18px;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{background-color: #274263;color: #cdd5dd!important;}
.layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this a{ color: #cdd5dd!important;}
.layui-nav-tree .layui-nav-child a:hover{ color: #cdd5dd!important; background-color: #50667d; background-image: url(../../img/hqgl/leftnav-childico.png); background-repeat: no-repeat; background-position: 30px center;}
.layui-nav-itemed a.hqgl-leftnav:hover{ background-color: #6c9ff4!important;}
.layui-nav-itemed .layui-nav-more{ border-color: transparent transparent #fff;}
.layui-nav-tree .layui-nav-item>a:hover .layui-nav-more{ border-color: #fff transparent transparent;}
.layui-nav-tree .layui-nav-itemed>a:hover .layui-nav-more{ border-color: transparent transparent #fff;}

/*底部*/
.footer{ color: #ccc; background-color: #ebeef2;}

/*自适应*/
.site-tree-mobile{ cursor: pointer;}

/*右边--------------*/
/*****/
.hqrigbody{padding:30px; width:100%; height:100%; overflow:auto;background-color: #ebeef2; position: relative;}
.hqrigbody .layui-layout-admin .layui-main{ width: 100%; box-sizing: border-box; margin: 0;}
.hqrigbody .hqgl-servermain{min-height:90%;}

.h-fun-box{ padding:10px 0;}

.h-href-nav{ background: url(../../img/hqgl/location.png) no-repeat 0 center; height: 34px; line-height: 34px; padding-left: 24px; color: #999; font-size: 14px; border-bottom: 1px dashed #cdd5dd;}
.h-href-nav a{ color: #333; margin: 0 8px;}
.h-href-nav a:hover{ color: #4787f1;}

.hqgl-hbtnleft{ float: left;}
.layui-btn{ margin:2px 0; background-color: #4787f1; border: 1px solid #4787f1; line-height: 36px; opacity: 1; filter: alpha(opacity=100);}
.layui-btn:first-child{ margin-right: 10px;}
.layui-btn+.layui-btn{ margin-left: 0; margin-right: 10px;}
.layui-btn-danger{ background-color: #fff; border: 1px solid #d9dee6; color: #7e8999;}
.layui-btn:hover{ background-color: #6c9ff4; border: 1px solid #6c9ff4;}
.layui-btn-danger:hover,.layui-btn-allow,.layui-btn-allow:hover{ background-color: #fff; border: 1px solid #4787f1; color: #4787f1;}
.layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover{ color: #ccc; background-color: #fafafb; border: 1px solid #cdd5dd;}
.layui-btn-back{ background-color: #fff; border: 1px solid #d9dee6; color: #7e8999; }
.layui-btn .layui-icon{ float: left;}
.layui-btn-back:hover{ background-color: #fff; border: 1px solid #d9dee6; color: #4787f1; }

.hqgl-searchbox{float:right;}
.hqgl-hrig-box{ position: relative; background: #fff;float: left;height: 40px; border: 1px solid #cdd5dd; margin:2px 10px 2px 0;}
.hqgl-hrig-box:last-child{ margin:2px 0;}
.hqgl-search-inp{ width: 240px; padding: 0 38px 0 14px;}
.hqgl-search-inp input{ width: 100%; display: block; border: none; line-height: 38px;}
.hqgl-search-href{ background: url(../../img/hqgl/hqgl-search-href.png) no-repeat 0 center; position: absolute; right: 14px; top: 0; width: 16px; height: 40px;}
.hqgl-hrig-select{ width: 150px;}
.hqgl-hrig-select input{ border: 0; color: #74899e;}
.layui-form-select dl dd.layui-this{ background-color: #4787f1;}

/*已选老师*/
.hqgl-body-tit{ color: #546e7a; font-size: 18px; line-height: 38px;}
.seledTList{}
.seledTList li{ cursor: pointer; background-color: #fff; border:1px solid #dce4ec; width:170px; height:40px; line-height:38px; font-size:16px; color:#333; text-align: center; border-radius:5px; display:inline-block; margin-right:10px; margin-top:5px; margin-bottom:5px;position:relative;}
.seledTList li:hover{ color:#4787f1; border:1px solid #4787f1;}
.seledTList li:hover i{content:'\20'; width:24px; height:24px; background:url(../../img/hqgl/dot-del.png) no-repeat; position:absolute; top:8px; right:8px; cursor: pointer; z-index:10;}

.selTMainBox{border:1px solid #dce4ec; max-height:500px; margin:10px 0; background-color: #fff; position:relative;}
.selTMainBox .selTypeList{width:200px; background:#f6f8f9; max-height:500px; overflow-x: hidden; overflow-y: auto; float: left;border-right:1px solid #dce4ec;}
.selTMainBox .selTypeList li{height:50px; width: 200px; padding:15px 0; padding-left:20px;font-size:16px; position: relative; cursor: pointer;}
.selTMainBox .selTypeList li.cur{background:#FFF; color:#4787f1;border-right:1px solid #FFF; border-top:1px solid #dce4ec;border-bottom:1px solid #dce4ec; z-index:10; position: relative;}
.selTMainBox .selTypeList li.cur:first-child{border-top:none;}
.selTMainBox .selTypeList li.cur:last-child{border-bottom:none;}
.selTMainBox .selTypeList li span{ font-size: 16px; color: #000;}

.layui-form-checkbox[lay-skin=primary] i{ width: 18px; height: 18px;border-color: #dce4ec; background-color: #f6f8f9;}
.layui-form-checkbox[lay-skin=primary]:hover i{border-color: #4787f1;}
.layui-form-checked[lay-skin=primary]:hover i,.layui-form-checked[lay-skin=primary] i{ border-color: #dce4ec; background-color: #4787f1; color: #f6f8f9;}

.selTMainBox .selDetailList{ max-height:500px; overflow-y: auto; overflow-x: hidden;}
.selTMainBox .DetailTList{padding:40px 20px; font-size:16px;}
.DetailTList li{color:#666; margin:5px 15px; padding:2px 4px; display: inline-block; cursor: pointer;}
.DetailTList li:hover{background:#b0bec5; color:#FFF;}
.DetailTList li.sel{background:#4787f1; color:#FFF;}

/*表单*/
.layui-table{ overflow-x: auto;}
.layui-table thead tr{ background-color: #f9fafb;}
.layui-table th{ color: #74899e; font-weight: normal; white-space: nowrap; position: relative;}
.btnsort{ width: 14px; float: right; position: absolute; right: 10px; top: 8px; height: 20px;}/*表格上下按钮*/
.btnsort i{ cursor: pointer; display: block; height: 8px; width: 14px;}
.btnsort i.btnup{ background: url(../../img/hqgl/btnsortup.png) no-repeat;}
.btnsort i.btndown{ background: url(../../img/hqgl/btnsortdown.png) no-repeat; margin-top: 4px;}
.btnsort i.btnup:hover{ background: url(../../img/hqgl/btnsortupon.png) no-repeat;}
.btnsort i.btndown:hover{ background: url(../../img/hqgl/btnsortdownon.png) no-repeat;}
.layui-table td{ color: #333; white-space: nowrap;}
.layui-table td.nowrapno{ white-space: normal;}
.layui-table[lay-even] tr:nth-child(even){ background-color: #f9fafb;}
.layui-table tr:hover{ background-color: #ecf3fe;}
.layui-table tr{ cursor: default;}
.hqgl-tdbtn{}
.hqgl-tdbtn a{ margin-right: 10px; text-align: left; float: left; white-space: nowrap;}
.hqgl-tdbtn a:hover{ color: #4787f1;}
.hqgl-tdbtn-color1{ color: #ff9800;}
.hqgl-tdbtn-color2{ color: #00acc1;}
.hqgl-tdbtn-color3{ color: #4caf50;}
.hqgl-tdbtn-color4{ color: #9575cd;}

/*发布*/
.hqgl-body-bg{ background-color: #fff; padding: 30px 114px 30px 54px;}
.layui-field-title{ border-top: 1px solid #f1f1f1; color: #333333;}
.layui-form-label{width:110px;/* padding: 9px 15px 9px 0; */color: #333333;}
.layui-input:hover, .layui-textarea:hover,.layui-input:focus,.layui-textarea:focus{ border-color: #4787f1!important;}
.hqgl-time-box.layui-input{ background: url(../../img/hqgl/time-icon.png) no-repeat right center; }
.hqgl-time-box.layui-input:hover,.hqgl-time-box.layui-input:focus{ background: url(../../img/hqgl/time-iconon.png) no-repeat right center;}
.hqgl-time-to{float:left; line-height:38px; margin-right: 10px;}

.hqgl-upload-box{ position: relative;}
.hqgl-input-file{ width: 80px; height: 38px; overflow: hidden; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity:0); font-size: 100px; z-index: 2;}
.hqgl-upload-button{ border-radius: 2px; position: absolute; left: 0; top: 0; width: 80px; height: 38px; line-height: 38px; background: #4787f1; color: #fff; text-align: center;}
.hqgl-upload-box .filename{ position: absolute; left: 90px; top: 0; line-height: 38px;}
.hqgl-upload-box:hover .hqgl-upload-button{ background: #6c9ff4;}

.layui-form-radio i:hover, .layui-form-radioed i{ color: #4787f1;}
.footerbtn{ margin-left: 110px; padding-top:20px;}
.layui-btn-primary{ background-color: #cdd5dd; border: 1px solid #cdd5dd; color: #fff;}
.layui-btn-primary:hover{ background-color: #d7dde4; border: 1px solid #d7dde4; color: #fff;}

.layui-input, .layui-textarea{ padding-right: 10px;}
.layui-form-item .layui-input-inline.hqgl-input-x500{ width: 500px;}

.layui-layedit:after{content:"\20";display:block;height:0;clear:both}
.layui-input-block{line-height:38px;}
.layui-form-radio{ margin: 0 10px 0 0;}

/*审核信息*/
.sh-step{width:30px; height:30px; border-radius:100%; background-color: #4787f1; line-height:30px; text-align: center; font-size:16px; color:#FFF; margin-top:20px;}
.sh-step-info{background-color:#f5f5f5; padding:20px 0; margin-top:20px;}
.sh-stat-1{background:#4caf50; color:#FFF; padding:3px 5px;}
.sh-stat-2{background:red; color:#FFF; padding:3px 5px;}
.sh-stat-3{background:#4787f1; color:#FFF; padding:3px 5px;}
.sh-step-info .layui-input-inline{ width: auto}
.sh-step-info>.layui-input-inline{ width: 30%;}
.sh-step-info .layui-form-label{ padding: 9px 0;}

/*新增一级部门*/
.hqgl-table-addpart{ min-width: 420px;}
.i_slider{ float: left; line-height: 30px;}
.hqgl-addtr-input{ padding: 0 10px; float: left; border: 1px solid #e0e0e0; height: 30px; line-height: 28px;}
.a-link{ float: left;text-align: center; line-height: 30px; height: 30px;}
.hqgl-addtr-sure{ width: 48px; border:1px solid #e0e0e0; margin-right: 16px;}
.add-subdepart{ float: left;}
.haddsecond{ float: left; background: url(../../img/hqgl/second.png) no-repeat 0 center; width: 14px; height: 30px;}

/*授权*/
.authsul li{border-bottom: 1px dashed #eee}
.authsulcon { padding-left: 40px;}
.authsul li:last-child{ border-bottom: none;}

/*表格加二维码*/
td.Tcodeimg{max-width: 100px; max-height: 100px;}

td .Tmcode{display: block;}

/*.Tcodelay{ background: rgba(255,255,255,0)!important;box-shadow: 1px 1px 50px rgba(0,0,0,0)!important;}*/
.Tcodeul{}
.Tcodeul li{ float: left; position: relative; margin: 10px 0;}
.Tcodeul li .print_sel{ top: 0;}
.Tcodeli{ padding-top: 20px; width: 290px; height: 340px; background: rgba(0,0,0,.1); border-radius: 4px; margin-left: 60px;}
.Tcodeli h3{ font-weight: normal; font-size: 20px; text-align: center; line-height: 40px;}
.Tcodeli .Tcodeinfo{padding-left: 20px; line-height: 20px;}
.Tcodeli .Tcodeinfo strong{ font-weight: normal; color: red; font-size: 12px;}
.Tcodeli .Tcodecon{ text-align: center; line-height: 24px; padding: 0 5px;}
.Tcodelyimg{ padding: 20px 0;}
.Tcodelyimg img{ display: block; width: 100px; height: 100px; margin: 0 auto;}
.Tcodelyimg span{ display: block; text-align: center; line-height: 36px;} 


/*页码*/
.hqglcon-pagefoot{}
.hqgl-pagen{ float: right;}
.hqgl-evepage{ float:left; line-height:30px; margin: 0 15px 0 0; color: #74899e;}
.hqgl-evepage a{ margin: 0 10px; color: #74899e;}
.hqgl-evepage a:hover{ color: #4787f1;}
.layui-laypage a, .layui-laypage span{ border-radius: 2px; height: 30px; margin: 0 4px; color: #74899e; padding: 0 12px;background-color: #d9dfe5;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color: #4787f1;}
.layui-laypage a:hover{ background-color:#adb9c7; color: #fff;}

/*弹框*/
.hqgl-layer.layui-layer{ border-radius: 10px;}
.hqlay-prompt{ text-align: center; font-size: 18px; position: relative; color: #333; padding-top: 30px;}
.hqlay-prompt i{ width: 45px; height: 45px; margin: 0 auto; display: block; margin-bottom: 20px;}
.hqlay-prompt i.hqlay-prmwarn{ background: url(../../img/hqgl/warnico.png) no-repeat;}
.hqlay-prompt i.hqlay-prmsuccess{ background: url(../../img/hqgl/success.png) no-repeat;  }
.layui-form-item{margin-bottom:10px;}
.layui-form-item .layui-inline{margin-bottom:0;}
.hqgl-layer .layui-layer-setwin{ right: -34px; top: 20px; width: 34px; height: 34px; display: block; background: url(../../img/hqgl/layerclose.png) no-repeat;}
.hqgl-layer .layui-layer-setwin a{ width: 34px; height: 34px; top: 0; right: 0;}
.hqgl-layer .layui-layer-setwin a.layui-layer-ico{ background: none;}
.hqgl-layer-iframe{ width: 100%; height: 100%; position: relative;}
.hqgl-layer-iframe .footerbtn{ position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px 0; border-radius: 0 0 10px 10px; text-align: center; margin-left: 0; background: #f5f5f5;}
.hqgl-layer-iframe .layui-field-title{ margin: 20px 0 20px; color: #999;}
.hqgl-layer-iframe .layui-elem-field legend{ font-size: 16px;}
.uploadfileHelp{font-size:14px; line-height:24px; padding-top:35px;}

/*.hqgl-layer-iframe .layui-table{}*/
.hqgl-layer-iframe .hqglcon-pagefoot{ padding: 0 30px; position: absolute; bottom: 10px; right: 0;}
.add_bmwh{ padding-bottom: 70px; height: 100%; overflow-y: auto;}

/*打印页面*/
.print_tit{ text-align: center; font-size: 16px; padding: 20px 0;}
.print_info{ height: 40px; line-height: 40px; padding: 0 40px;}
.print_info .bxcomp{ float: left;}
.print_info .bxtime{ float: right;}
.print_info span{ display: inline-block; text-align: center;}
.print_info .bxtime span{ width: 20px;}
.print_table td{ height: 39px;}
.print_mess{ height: 40px; line-height: 40px; padding: 0 40px; margin: 20px 0;}
.print_mess div{float: left; width: 33%;}
.print_mess div span{ display: inline-block;}
.print_box form{ position: relative;}
.print_sel{ position:absolute; left: 34px; top: 26px;}
/*.hqgl-layer-iframe .footerbtn.print_footerbtn{ background: #fff;}*/

/*登陆*/
.layui-bg-gray{ background-color: #ebeef2;}

.loginMain{width:500px; height:400px; border-radius: 5px; position:absolute; top:50%; left:50%; margin-left:-250px; margin-top:-200px; background:#FFF; box-shadow:0 0 10px rgba(0,0,0,.2);}
.loginHeader{background-color:#445162; width:100%; height:55px; font-size:20px; line-height:55px; text-align: center; color:#FFF;}
.loginBody{width:100%; padding:20px; font-size:16px;}
.loginBody .layui-form-label{font-size:18px;}
.loginBody .changeEWM{color:#659af6;}
.loginBody .autoLogin{cursor:pointer;}
.loginBody .autoLogin input{ margin-right: 5px;}
.loginBody .login-btn{width:100%; height:40px; background:#445162; border-radius:5px; font-size:16px; color:#FFF; line-height:40px; text-align: center; border:none; cursor:pointer;}


.logged{}
.accountList{width:100%; height:250px; overflow:auto;}
.accountList li{width:100%; height:80px; padding:10px; border-bottom:1px solid #e2e2e2; padding-left:80px; position: relative;}
.accountList li:hover{background:#3d95d4;}
.headimg{ position: absolute; top:10px; left:10px; width:60px; height:60px; overflow:hidden; border-radius:100%; overflow: hidden;}
.accName{font-size:16px; color:#11668f; font-weight:bold; height:30px; line-height:30px;}
.accSchool{font-size:14px; color:#999;height:30px; line-height:30px;}
.accountList li:hover .accName,.accountList li:hover .accSchool{color:#FFF;}

.loginStepHeader{height:80px; border-bottom:2px solid #d9dee6; width:100%; position:relative;}
.loginMain>div{ position: relative; width: 100%; /*height: 100%;*/}
.StepMain{width:100%;position: absolute; top:29px; font-size:14px; color:#666;}
.StepMain li{width:25%; float: left; text-align: center; line-height:20px;}
.StepMain .step-1>div{width:60px; height:80px; margin:0 auto; background:url(../../img/hqgl/forgetpwd-1.png) no-repeat bottom; background-size:100% auto;}
.StepMain .step-2>div{width:60px; height:80px; margin:0 auto; background:url(../../img/hqgl/forgetpwd-2.png) no-repeat bottom; background-size:100% auto;}
.StepMain .step-3>div{width:60px; height:80px; margin:0 auto; background:url(../../img/hqgl/forgetpwd-3.png) no-repeat bottom; background-size:100% auto;}
.StepMain .step-4>div{width:60px; height:80px; margin:0 auto; background:url(../../img/hqgl/forgetpwd-4.png) no-repeat bottom; background-size:100% auto;}
.StepMain .complete{color:#ff5c33;}
.StepMain .step-2.complete>div{width:60px; height:80px; margin:0 auto; background:url(../../img/hqgl/forgetpwd-2-h.png) no-repeat bottom; background-size:100% auto;}
.StepMain .step-3.complete>div{width:60px; height:80px; margin:0 auto; background:url(../../img/hqgl/forgetpwd-3-h.png) no-repeat bottom; background-size:100% auto;}
.StepMain .step-4.complete>div{width:60px; height:80px; margin:0 auto; background:url(../../img/hqgl/forgetpwd-4-h.png) no-repeat bottom; background-size:100% auto;}
.StepMain .step-4.complete{color:#00c87f;}
.stepBody{width:100%; padding:0px 65px; margin-top: 60px;}
.stepcol{width:100%; margin-top:20px;}
.stepcol.ipt{width:100%; border:1px solid #d9d9d9; border-radius:2px; padding-left:5px; overflow: hidden;}
.stepcol.ipt input{height:50px; border:none; font-size:16px; float:left;}
.getYzm{width:110px; height:50px; background:#009688; color:#FFF; border: none; float: right; cursor: pointer; line-height:50px; text-align: center;}
.getYzm.send{background:#b2dfdb;}
.stepbtn{ position: absolute; bottom: 25px; left: 0; width: 100%; padding: 0 65px;}
.nextstep{width:100%; height:50px; background:#4787f1; font-size:16px; cursor: pointer; text-align: center; line-height:50px; color:#FFF; border-radius:4px;}
.completeInfo{font-size:36px; color:#00c87f;width:100%; text-align: center;}
.completeTips{font-size:16px; color:#999; width:100%; text-align: center; line-height: 60px;}
	  
.hqlay-htcon{ padding: 40px 40px 10px;}
.hqlay-htit{ color: #333333; font-size: 20px; text-align: center; line-height: 44px;}
.hqlay-htxt{ color: #666666; font-size: 16px; text-align: center; line-height: 30px;}

/*表格*/
.hqgl_table_spec{ margin-bottom: 200px;}
.hqgl-bodyfoot{ position: fixed; bottom: 0; left: 0; width: 100%; padding: 0 30px;}
.tabspan{ margin-right: 5px;}
.hqgl-bodyfoot thead th{ color: #333; background-color: #f2f7ff;}
.hqgl-bodyfoot tbody td{ color: #4787f1; background-color: #f2f7ff;}
	    	

@media screen and (max-width: 750px) {
	.frameMain{ height: auto; top: 0;}
	.frameMleft{top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
    .frameMrig{ left: 0; height: 100%; position: static; padding-top: 68px; padding-bottom: 100px;}
    .frameFoot{ left: 0; position: fixed; height: auto; }
    .layui-layout-admin .layui-footer{ position: static;}
	.site-mobile .frameMleft{position: fixed; top: 0; left: 0;}
	
	.userinfo .ufoself .ufoface{margin: 15px 5px;}
	.userinfo{ right: 20px;}
	.ufoselflogin{ display: none;}
	
	.hqrigbody{ padding: 20px;}
	.hqgl-searchbox{ float: left;}
	
	.layui-form-item .layui-input-inline{ margin-bottom: 10px; display: block; float: none;}
	.hqgl-layer-iframe .layui-form-item .layui-input-inline{ margin-bottom: 10px; display: inline-block;}
	
	.hqgl-body-bg{ padding: 30px;}
	
	.hqgl-layer.layui-layer-iframe{ width: 90%!important;}
}
@media screen and (max-width: 830px) {
	.hqgl-time-box.layui-input{ margin-bottom: 10px; display: block; float: none;}
	.hqgl-time-to{ display: none;}
}
@media screen and (max-width: 650px) {
	.addjsStep img{ width: 100%; height: auto;}
}
@media screen and (max-width: 600px){
	.mobihide{display: none;}
}
@media screen and (max-width: 1250px){
	.layui-form-item .layui-input-inline.hqgl-input-x500{ width: 100%; margin-bottom: 10px;}
	.sh-step-info>.layui-input-inline{ width: 90%;}
}

@media screen and (max-width: 1100px){
	.hqgl-layer.layui-layer-iframe { overflow-y: initial;overflow-x: initial;}
}

/*查看页面*/
.layui-form-label{ color: #666;}
.hqgl-layer-lookup input,.hqgl-layer-lookup textarea{ border: none;}

.hqgl-page-lookup input{ background: rgba(0,0,0,.1);}
.hqgl-page-lookup .layui-input:hover,.hqgl-page-lookup .layui-textarea:hover,.hqgl-page-lookup .layui-input:focus,.hqgl-page-lookup .layui-textarea:focus{ border-color: rgba(0,0,0,0)!important;}


/*2017.05.25*/
.hqgl-search-inp input{ height: 38px;}
input::-ms-clear { display: none; }