/*-------------------------
编辑：黄灿平
此样式表主要用于
系统公共样式，顶部、底部、侧边栏
--------------------------*/
@charset "utf-8";

*{ margin:0; padding:0;}
body{ font-family:"微软雅黑"; font-size:14px; background:#fff;}
p,em,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
ul,li{ margin:0; padding:0; list-style:none;}
input{ font-family:"微软雅黑"; outline:none;}
a{ text-decoration:none;}
/*滚动条样式针对谷歌内核*/
body::-webkit-scrollbar,.bigdialog::-webkit-scrollbar,.seldiv::-webkit-scrollbar{width:5px; height:1px;}
body::-webkit-scrollbar-thumb,.bigdialog::-webkit-scrollbar-thumb,.seldiv::-webkit-scrollbar-thumb{ border-radius:10px;  /*-webkit-box-shadow:inset 0 0 5px rgba(40,162,184,1);*/ background:#0154a4;}
body::-webkit-scrollbar-track,.bigdialog::-webkit-scrollbar-track,.seldiv::-webkit-scrollbar-track{ /*-webkit-box-shadow:inset 0 0 5px rgba(27,54,63,1);*/ border-radius:10px; background:#228ad5;}

/*-------------------------
          组合样式
--------------------------*/
/*宽高度*/
.w1200{ width:1200px;}
.w1180{ width:1180px; margin:0 auto;}
.w1525{ width:1525px; margin:0 auto;}
.w1760{ width:1760px; margin:0 auto;}
.w120{ width:120px;}
.w770{ width:770px;}
.w48b{ width:48% !important;}
/*边距*/
.mat-25{ margin-top:25px;}
.mat-0{ margin-top:0px !important;}
/*背景色*/
.bg-blue{ background:#2dbfdf;}/*蓝色*/
.bg-green{ background:#37c4a4;}/*绿色*/
.bg-orange{ color:#fff !important; background:#efb332;}/*黄色*/
.bg-gray{ background:#dae1ed;}/*灰色*/
.bg-gray2{ background:#f2f5f7;}/*灰色*/
.bg-white{background:#fff;}
.bg-red{background:#fc4a4a;}
.bg-yellow{ background:#ffdd3c;}
/*文字颜色*/
.text-blue{ color:#2dbfdf !important;}/*蓝色*/
.text-green{ color:#37c4a4 !important;}/*绿色*/
.text-red{ color:#ef5353 !important;}/*红色*/
.text-yellow{ color:#ffdd3c !important;}/*黄色*/
/*对齐*/
.align-l{ text-align:left;}
.align-r{ text-align:right;}
.align-c{ text-align:center;}
/*浮动*/
.position-r{ position:relative;}
.float-l{ float:left;}
.float-r{ float:right;}
.clearfix:before, .clearfix:after{ content: " "; display: table;}
.clearfix:after{ clear: both;}
.clear{ clear:both; line-height:0; font-size:0; overflow:hidden;}

/*-------------------------
          顶部
--------------------------*/
.header{}
.header-logo{ height:40px;line-height:40px; color:#454545; font-size:28px; font-weight:bold;}
.header-logo a{ color:#454545; }
.header-logo img{ display: inline-block;margin-right:5px; vertical-align:middle;}
.header-l{display: flex;justify-content: left;height: 55px;}
.header-l .header-logo{width: 280px;}
.header-l .menu{margin-top: 10px;border:none;}
.header-r{ position:absolute; right:80px; top:0;}
.header-search{ position:relative; display:inline-block; width:320px; height:32px; border:2px solid #108cee;}
.header-search .t{ width:250px; height:28px; padding-left:10px; border:0; outline:none;}
.header-search .t::placeholder{ color:#b5b5b5;}
.header-search .b{ position:absolute; right:0; top:0; display:block; width:60px; height:100%; border:0; text-align:center; background:#108cee;}
.header-search .b::before{ display:block; line-height:32px; color:#fff; font-size:18px;}
.header-icon{ display:inline-block; padding-right:20px; border-right:1px solid #d0d0d0; vertical-align:middle;}
.header-icon a{ margin:0 8px; font-size:24px; color:#666;}
.header-icon a:hover{ color:#108cee;}
.header-user{ display:inline-block; cursor:pointer;}
.header-user>div{ display:inline-block; margin-left:10px; vertical-align:middle;}
.header-user .t{ margin-left:20px; font-size:14px; color:#333;}
.header-user .p{ position:relative; width:36px; height:36px; border-radius:50%; text-align:center; background:#f0f4f7;}
.header-user .p>div{ position:relative; z-index:99}/*解决直接点击用户图标进入用户中心*/
.header-user .p img{ width:25px; height:25px; margin-top:5px;}
.header-user .p::before{ font-size:20px; color:#9cb8cf;}
.header-user .p p{ text-align:center;}
.header-user .p p a{ display:block; padding:5px 0; color:#666; font-size:14px;}
.header-user .p p a:hover{ color:#108cee;}
.header-learn{ display:inline-block; cursor:pointer;}
.header-learn>div{ display:inline-block; margin-left:10px; vertical-align:middle;}
.header-learn>div.p{height: 55px;line-height: 55px;}
.headerTop{display: flex;height: 55px;width:calc(100%);margin:0px auto 0;border-bottom: 1px solid #e8e9eb;padding:10px 30px 0;box-shadow: 0px 5px 20px #eee;box-sizing: content-box;}
.headerTop .header-search{border:none;background:#f3f5f7;border-radius: 4px;}
.headerTop .header-search .t{background: none;}
.headerTop .header-search .b{background:none;width: 40px;}
.headerTop .header-search .b::before{color:#6e6f73;}
/*-------------------------
	纯css提示框导航
--------------------------*/
.header .p:hover p.qrc{ display: flex; }
.header .p:hover p{ display:block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out;}
.header .p p{ display:none; position:absolute; z-index:999; padding:15px; text-align:center; border-radius:3px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); background:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 -1px 6px rgba(0,0,0,.2);
-moz-box-shadow: 0 -1px 6px rgba(0,0,0,.2);
box-shadow: 0 -1px 6px rgba(0,0,0,.2);
}
.header .p p a{ cursor: pointer; }
.header .p p a img{ width: 160px; height: 160px; }
.header .p p:before{ position:absolute; content: ''; width:0; height:0; border:6px solid transparent; border-bottom-color:#fff;}
.header .p p:after{ position:absolute; content:'';}
@-webkit-keyframes fadeIn { 0%{ opacity:0; transform: scale(0.6);} 100%{ opacity:100%; transform: scale(1);} }
@keyframes fadeIn { 0%{ opacity:0;} 100%{ opacity:100%;}}
/*-------------------------
	纯css提示框导航-二维码
--------------------------*/
.header-text.p p{ right:-255px; top:40px; color:#FFF; font-size:13px;}
.header-text.p p:before{ top:-12px; left:395px;}
.header-text.p p:after{ top:-40px; left:395px; width:40px; height:40px;}
.header-text{ position:relative; margin:0 5px 0 20px; display:inline-block; font-size:14px; vertical-align:middle;}
.header-text>a{ font-size:28px; color:#666;}
.header-text.p p span{ display:block; text-align:center; line-height:25px; font-size:16px; color:#666;}
.headerTop .header-text.p p:before { left: 548px; }
.headerTop  .header-text.p p:after { width: 40px; left: 531px; }
.headerTop .header-text.p p{width:350px;right:-135px;flex-wrap: wrap;}
.headerTop .header-text.p p.xbQrc{width:440px;right:-135px;padding:10px 20px;border-radius: 6px;box-shadow: 0 0 10px #ccc;}
.header-text.p p.xbQrc span.bigF{display: block;width: 100%;text-align: left;color:#262626;font-size: 18px;line-height:40px;font-weight: bold;}
.header-text.p p.xbQrc span.smallF{display: block;width:100%;text-align: left;color:#666666;font-size: 16px;padding-bottom: 20px;}
.header .p p.xbQrc a img{padding:0px 30px;}
.header-text.p p.xbQrc span{font-size: 14px;color:#262626;font-weight: bold;padding-bottom: 10px;}
/*-------------------------
	纯css提示框导航-用户中心
--------------------------*/
.header-user .p p{ right:-6px; top:40px; width:80px; color:#FFF; font-size:13px;}
.header-user .p p:before{ top:-12px; right:17px;}
.header-user .p p:after{ top:-40px; left:0; width:100%; height:40px;}

/*-------------------------
	纯css提示框导航-我要学习
--------------------------*/
.header-learn .p p{ right:25px; top:50px; width:160px; color:#FFF; font-size:13px;padding:15px 0;}
.header-learn .p p:before{ top:-12px; right:70px;}
.header-learn .p p:after{ top:-40px; left:0; width:100%; height:auto;}
.header-learn .p p a{ display:block; padding:5px 15px 5px 30px; color:#262626; font-size:14px;line-height: 40px;text-align: left}
.header-learn .p p a:hover{ color:#108cee;background:#f3f9fe;}
.header-learn .p .learn{position: relative;padding-right: 20px;font-size: 14px;color:#333333;}
.header-learn .p .learn:before{content: "\e64b";position: absolute;right:-5px;top:-18px;height: 20px;width: 20px;font-size: 12px;color:#b2b2b2;}
/*-------------------------
          菜单导航
--------------------------*/
.menu{ margin-top:30px;border-bottom: 1px solid #cccccc;}
.menu-a{ float:left;}
/*.menu-a>a{ display:inline-block; margin-right:20px; padding:0 5px 12px 5px; font-size:16px; color:#333; border-bottom:2px solid #fff;}
.menu-a>a:hover, .menu-a>a.hover{ color:#108cee; border-bottom:2px solid #a7cc58; }*/
.menu-k{ float:right;}
.menu-k a{ margin-left:20px; color:#333; font-size:18px;}
.menu-k a:hover{ color:#108cee;}
.menu-a>li{ position:relative; display:inline-block; height:35px; line-height:20px; margin-right:20px; vertical-align:top; font-size:16px; border-bottom:2px solid #fff;}
.menu-a>li>a{ position:absolute; top:0; left:0; display:block; width:100%; text-align:center; z-index:11;}
.menu-a>li{ width:65px;}
.menu-a>li.index{ width:40px;}
/*-----课程下拉-----*/
/*移入状态*/
.menu-a>li:hover, .menu-a>li.hover{ border-bottom:2px solid #a7cc58; }
.menu-a>li.kecheng:hover, .menu-a>li.kecheng.hover{ border-bottom:2px solid #fff; }
.menu-a>li>a{ color:#333;}
.menu-a>li:hover a, .menu-a>li.hover a{ color:#108cee;}
/*二级*/
.menu-a>li>p{ display:none;}
.menu-a>li:hover>p{ position:absolute; top:35px; left:-50px; z-index:10; display:block; width:180px;
 border-radius:3px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); background:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 -1px 6px rgba(0,0,0,.2);
-moz-box-shadow: 0 -1px 6px rgba(0,0,0,.2);
box-shadow: 0 -1px 6px rgba(0,0,0,.2);z-index:999999999;}
.menu-a>li:hover>p:before{ position:absolute; top:-12px; right:85px; content: ''; width:0; height:0; border:6px solid transparent; border-bottom-color:#fff;}
.menu-a>li:hover>p:after{ position:absolute; content:''; top:-40px; left:0; width:100%; height:40px;z-index:999999999;}
.menu-a>li:hover>p a{ display:block; padding:20px; color:#333; border-bottom:1px solid #f2f2f2;}
.menu-a>li:hover>p a:last-child{ border-bottom:0;}
.menu-a>li:hover>p a:hover{ background:#f4f4f4;}

/*-------------------------
          底部
--------------------------*/
.footer{ position: fixed;bottom:0px;width:100%;margin-top:0px; padding:10px 0 10px 0; border-top:1px solid #ccc; font-size:14px; color:#999;background: #fff;z-index: 96;}
.footer>div>p a{ margin-right:20px; color:#666;}
.footer>div{display: flex;justify-content: space-between}
.footer p{ line-height:30px;}
.footer .w1180{ position:relative;}
.footer .m{ position:absolute; top:0; right:0; height:130px; text-align:center;}
.footer .m .ma1, .footer .m .ma2{ display:inline-block; width:120px; padding-top:100px; font-size:12px;}
.footer .m .ma1{ background:url(../img/global/ma1.jpg) center top no-repeat;}
.footer .m .ma2{ background:url(../img/global/ma2.jpg) center top no-repeat;}

/*-------------------------
         分页样式
--------------------------*/
.page{ height:40px; margin:10px 0 20px; padding-bottom: 60px; line-height:40px;}
.page .first a{ border-radius:2px 0 0 2px; border:1px solid #cccccc;}
.page .last a{ border-radius:0 2px 2px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}
.page>ul{ text-align:center;}
.page>ul>li{ display:inline-block; height:30px;}
.page>ul>li>a{display:block; height:100%; line-height:30px; padding:0 15px; color:#333333; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background:#fff;}
.page>ul>li:hover{}
.page>ul>li:hover>a{ color:#0154a4; background:#eef7ff; }
.page>ul>li>a.hover{ color:#fff; border-top:1px solid #108cee; border-bottom:1px solid #108cee; background:#108cee;}

/*-------------------------
          登录样式
--------------------------*/
.login{display: none;position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);width:580px;background:#fff;border-radius:6px;z-index:10000;}
.login .loginc{display:block;position: absolute;top:-30px;right:-30px;width:20px;height:20px;color:#cccccc;font-size:30px;font-weight: bold;background:url(../img/login/close.png) no-repeat center top;cursor: pointer;}
.login .loginc:hover{-webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
.login .con{ position:relative; padding:40px 60px;}
.login .tab{height:60px; margin-bottom:35px; line-height:60px;overflow:hidden;}
.login .tab ul li{float:left; height:57px; line-height:57px; margin-right:60px; font-size:24px; color:#333; border-bottom:3px solid #fff; cursor:pointer;}
.login .tab ul li.ac{ color:#287cdb; border-bottom:3px solid #287cdb;}
.login .group{ position:relative; height:70px; /*margin-bottom:20px; overflow:hidden;*/}/*position:relative;用于错误提示定位*/
.login .group .nor{float:left;display:block;width:100%;height:50px;line-height: 50px;border-bottom:1px solid #d9d9d9}
.login .group .norsh{width:308px;}
.login .group .code{float:right;width:140px;}
.login .group .code a{display:none;border:1px solid #287cdb;color:#287cdb;line-height: 45px;text-align: center;cursor: pointer;}
.login .group .code a.ac{display:block;}
.login .group .nor>*{display:inline-block;}
.login .group .nor i{float:left;width:25px;height: 32px;margin:10px 20px 0 0;}
.login .group .nor i.user{background:url(../img//login/user.png) no-repeat center top;}
.login .group .nor i.username{background:url(../img//login/username.png) no-repeat center top;}
.login .group .nor i.pass{background:url(../img//login/pass.png) no-repeat center top;}
.login .group .nor i.phone{background:url(../img//login/phone.png) no-repeat center top;}
.login .group .nor i.code{background:url(../img//login/code.png) no-repeat center top;}
.login .group .nor input{ width:405px; height:45px; border:none; font-size:16px; outline:none;}
.login .group .norsh input{width:258px;}
.login .group .nor input::placeholder{color:#cccccc;font-size: 18px;}
.login .group .nor input:-webkit-autofill { box-shadow: 0 0 0 1000px #fff inset; /*-webkit-text-fill-color:#fff;*/}
.button{ margin:20px 0 0;}
.btn-blue{display:inline-block; width:100%; height:48px; line-height:48px; border:0; color:#fff; font-size:18px; text-align:center; border-radius:4px; background:#287cdb; cursor:pointer;}
.btn-blue:hover{background:#2677d3}
.diabot{text-align: right;color:#737373;font-size: 16px;padding:10px 0;}
.diabot a{cursor: pointer;}
a.blue{color:#287cdb;}
a.red{color:#ee5656;}
.graybg{display: none;position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;}
.login-error{ position:absolute; left:0; top:108px; width:100%; font-size:16px; color:red; text-align:center;}/*错误提示*/
.login .group label.error{ position:absolute; right:-20px; top:15px;}/*注册错误提示*/

/*-------------------------
    登录成功或失败样式
--------------------------*/
.sucdia{display: none;position:fixed;top:50%;left:50%;width:600px;height:400px;margin:-140px 0 0 -225px;background:#fff;border-radius:4px;text-align: center;z-index: 10;}
.sucdia .pic{width:81px;height: 81px;margin:75px auto 10px;}
.sucdia .ts{line-height: 30px;padding-top:10px;font-size:18px;color:#333333;text-align: center;}
.sucdia .gr{line-height:40px;margin-bottom:20px;color:#999999;font-size: 16px;}
.sucdia .close{line-height:40px;color:#999999;font-size: 16px;}
.sucdia .close{display:block;position: absolute;top:20px;right:20px;width:20px;height:20px;color:#cccccc;font-size:30px;font-weight: bold;background:url(../img/login/close.png) no-repeat center top;cursor: pointer;}
.sucdia .close:hover{-webkit-transition: .5s; -moz-transition: .5s; transition: .5s; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
/*-------------------------
          注册样式
--------------------------*/
.reg{display: none;}

/*-------------------------
          组合样式
--------------------------*/
/*宽高度*/
.w250{ width:250px;}
.wb25{ width:25%;}
/*边距*/
.mat-10{ margin-top:10px;}
.mar-10{ margin-right:10px;}
.mab-10{ margin-bottom:10px;}
.mal-10{ margin-left:10px;}
.maTtbl-10{ margin:10px;}
.pat-10{ padding-top:10px;}
.par-10{ padding-right:10px;}
.pab-10{ padding-bottom:10px;}
.pal-10{ padding-left:10px;}
.paTtbl-10{ padding:10px;}
/*背景色*/
.bg-white{background:#fff;}/*白色*/
.input-white{background:#fff !important;}/*输入框背景色白色*/
.bg-blue{background:#3194dd;}/*蓝色*/
.bg-green{background:#37cf9b;}/*绿色*/
.bg-yellow{background:#efac43;}/*黄色*/
.bg-orange{ color:#fff !important; background:#efb332;}/*橘色*/
.bg-gray{ background:#f0f1f2;}/*灰色*/
.bg-gray2{ background:#f2f5f7;}/*灰色*/
/*线稿背景*/
.bg-redLine{ padding:4px 8px; color:#ee5656 !important; border:1px solid #ee5656; background:#fdeeee;}/*红色线稿*/
.bg-greenLine{ padding:4px 8px; color:#37c4a4 !important; border:1px solid #37c4a4; background:#ebf9f6;}/*绿色线稿*/
.bg-grayLine{ padding:4px 8px; color:#bfc8d9 !important; border:1px solid #bfc8d9; background:#f8f9fb;}/*锁定线稿*/
.bg-orangeLine{ padding:4px 8px; color:#efb332 !important; border:1px solid #efb332; background:#fdf7ea;}/*黄色线稿*/
/*文字颜色*/
.text-blue{ color:#3194dd !important;}/*蓝色*/
.text-green{ color:#37c4a4 !important;}/*绿色*/
.text-red{ color:#ef5353 !important;}/*红色*/
.text-yellow{ color:#efac43 !important;}/*黄色*/
.text-gray{ color:#b3b3b3 !important;}/*灰色*/
.text-black{color:#666 !important;}/*黑色*/
/*-------------------------
        自编栅格
--------------------------*/
.row{display:flex; flex-wrap:wrap; margin-right:-7.5px; margin-left:-7.5px; box-sizing:border-box;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
{ position:relative; padding-right:7.5px; padding-left:7.5px; box-sizing:border-box;}
/*-----自加删格-----*/
.col-sm-1{flex:0 0 8.333333%; max-width:8.333333%;}
.col-sm-2{flex:0 0 16.666667%; max-width:16.666667%;}
.col-sm-3{flex:0 0 25%; max-width:25%;}
.col-sm-4{flex:0 0 33.333333%; max-width:33.333333%;}
.col-sm-5{flex:0 0 41.666667%; max-width:41.666667%;}
.col-sm-6{flex:0 0 50%; max-width:50%;}
.col-sm-7{flex:0 0 58.333333%; max-width:58.333333%;}
.col-sm-8{flex:0 0 66.666667%; max-width:66.666667%;}
.col-sm-9{flex:0 0 75%; max-width:75%;}
.col-sm-10{flex:0 0 83.333333%; max-width:83.333333%;}
.col-sm-11{flex:0 0 91.666667%; max-width:91.666667%;}
.col-sm-12{flex:0 0 100%; max-width:100%;}
/*-----对齐-----*/
.text-left{ text-align:left!important;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}

/*-------------------------
           表单
--------------------------*/
.form-control {
    display: block;
    width:100%;
    padding:.375rem .75rem;
    font-size:1rem;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    box-shadow:inset 0 0 0 transparent;
    box-sizing:border-box;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}/*第三方框架*/
.form-control{ height:30px !important; /*margin-bottom:15px;*/ margin-bottom:10px; padding:0 10px; font-size:14px; line-height:30px; color:#6c7380; border-radius:2px; border:1px solid #dae1ed;}/*文本表单*/
select.form-control.valid{color:#6c7380;}/*只能改变新增页，修改页无法改变/本select有写选中时加载一个样式名其改变色值，因新增及修改添加或修改物品表格时，字段由input异步加载出select，无法注入，解决文案由程序员写对应功能JS时，把公共select注入样式代码写在其后。/*/
select.form-control{color:#6c7380;}/*下拉框*/
select.selectedColor{color:#6c7380;}
textarea.form-control{ height:auto !important;}/*文本域*/
.select-inline{ display:inline-block;}/*下拉框在没有删格后横向排列*/
/*初始字体样式*/
.form-control::-webkit-input-placeholder { color:#bfc8d9; }
.form-control::-moz-placeholder { color:#bfc8d9; } /* firefox 19+ */
.form-control:-ms-input-placeholder { color:#bfc8d9; } /* ie */
.form-control input:-moz-placeholder { color:#bfc8d9; }
/*-----第一种单选及复选-----*/
.form-box{ position:relative; display:inline-block; min-height:30px; margin-right:8px; line-height:30px;}
.form-box input[type="radio"], .form-box input[type="checkbox"]{ width:16px; height:16px; opacity:0;}
.form-box label{ position:absolute; top:8px; width:15px; height:15px; border-radius:2px; vertical-align:top;}
.form-box span{ font-size:14px; color:#6c7380;}
/*设置选中 + 是兄弟选择器,通过checked状态获取选中后的label元素*/ 
.form-box input:checked+label{ border:1px solid #3194dd; background:#3194dd;}
.form-box input:checked+label::after { position:absolute; content:""; width:5px; height:9px; top:1px; left:4px; border:2px solid #fff; border-top:none; border-left:none; transform: rotate(45deg)}
/*-----第二种单选及复选-----*/
.form-box2{ padding-right:0 !important; padding-left:0 !important; margin-left:0 !important;}
.form-box2 input{ display:none; opacity:0;}
.form-box2 label { height:30px; margin-bottom:15px; line-height:30px; border:0px solid #dae1ed; font-size:14px; font-weight:normal !important; text-align:center; color:#737373; cursor:pointer;}
.form-box2 label{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}/*动画*/
.form-box2 label:first-child{ border-top-left-radius:2px; border-top-right-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:2px;}
.form-box2 label:last-child{ border-top-left-radius:0; border-top-right-radius:2px; border-bottom-right-radius:2px; border-bottom-left-radius:0;}
.form-box2 input:checked + label{ height:30px; line-height:30px; border:1px solid #3194dd; color:#fff; background:#3194dd;}
.form-box2 input:checked + label.error+label{ height:30px; line-height:30px; border:1px solid #2dbfdf; color:#fff; background:#2dbfdf;}/*中途出现验证label如何选中label解决方案*/
/*-----第三种单选及复选-----*/
.form-box3{ position:relative; display:inline-block; min-height:30px; margin-right:8px; line-height:30px;}
.form-box3 input[type="radio"], .form-box3 input[type="checkbox"]{ width:20px; height:20px; border:0; opacity:0;}
.form-box3 label{ position:absolute; top:5px; width:20px; height:20px; border-radius:50%; vertical-align:top; background:#dae1ed; cursor:pointer;}
.form-box3 label::after { position:absolute;width:6px; height:10px; top:3px; left:7px; border:2px solid #fff; border-top:none; border-left:none; transform: rotate(45deg)}
/*.form-box3 span{ font-size:14px; color:#6c7380;}
设置选中 + 是兄弟选择器,通过checked状态获取选中后的label元素*/ 
.form-box3 input:checked+label{ background:#37c4a4;}
/*-----按钮-----*/
/*大按钮*/
.big-btn-blue, .big-btn-green, .big-btn-blueLine, .big-btn-greenLine, .big-btn-redLine, .big-btn-org,.big-btn-grayLine, .big-btn-grayLine2{ display:inline-block; min-width:120px; height:40px; margin:0 5px; padding:0 15px; vertical-align:top; line-height:40px; text-align:center; font-size:14px; color:#fff; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer; }
.big-btn-blue, .big-btn-green, .big-btn-blueLine, .big-btn-greenLine, .big-btn-redLine, .big-btn-org,.big-btn-grayLine, .big-btn-grayLine2{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}/*动画*/
.big-btn-blue{ border:1px solid #108cee; background-color:#108cee;}/*纯蓝色*/
.big-btn-green{ border:1px solid #37c4a4; background:#37c4a4;}/*纯绿色*/
.big-btn-org{ border:1px solid #fc4c4c; background-color:#fc4c4c;}
.big-btn-org:hover{ border:1px solid #f91b1b; background:#f91b1b;}
.big-btn-blueLine{ color:#3194dd !important; border:1px solid #3194dd; background:none;}/*蓝色线稿*/
.big-btn-greenLine{ color:#37c4a4 !important; border:1px solid #37c4a4; background:none;}/*绿色线稿*/
.big-btn-redLine{ color:#ee5656 !important; border:1px solid #ee5656; background:none;}/*红色线稿*/
.big-btn-grayLine{ color:#3194dd !important; border:1px solid #dae1ed; background:none;}/*灰色线稿 蓝色字*/
.big-btn-grayLine2{ color:#ee5656 !important; border:1px solid #dae1ed; background:none;}/*灰色线稿 红色字*/
.big-btn-blue:hover{ color:#fff; border:1px solid #47a3e6; background-color:#47a3e6;}
.big-btn-blue:active{ color:#fff; border:1px solid #17a2ce; background-color:#17a2ce;}
.big-btn-green:hover{ color:#fff; border:1px solid #4accb0; background-color:#4accb0;}
.big-btn-green:active{ color:#fff; border:1px solid #1da981; background-color:#1da981;}
.big-btn-blueLine:hover{ color:#3194dd !important; border:1px solid #4cc9e4;}
.big-btn-blueLine:active{ color:#fff !important; border:1px solid #3194dd; background:#3194dd;}
.big-btn-grayLine:hover{ color:#4cc9e4 !important; border:1px solid #4cc9e4;}
.big-btn-grayLine:active{ color:#17a2ce !important; border:1px solid #17a2ce;}
.big-btn-grayLine2:hover{ color:#ee5656 !important; border:1px solid #ee5656;}
.big-btn-grayLine2:active{ color:#d82d2d !important; border:1px solid #d82d2d;}
.big-btn-greenLine:hover{ color:#4accb0 !important; border:1px solid #4accb0;}
.big-btn-greenLine:active{ color:#fff !important; border:1px solid #1da981; background:#1da981;}
.big-btn-redLine:hover{ color:#ee5656 !important; border:1px solid #ee5656;}
.big-btn-redLine:active{ color:#fff !important; border:1px solid #ee5656; background:#ee5656;}
.big-btn-blue:focus, .big-btn-green:focus, .big-btn-blueLine:focus, .big-btn-greenLine:focus, .big-btn-redLine:focus, .big-btn-grayLine:focus, .big-btn-grayLine2:focus, .small-btn-blue:focus,.small-btn-blueLine:focus{outline:0;}/*去掉点击虚框*/
.btn-disabled{ cursor:default; pointer-events: none;}/*不可编辑*/
.big-btn-blue.btn-disabled, .big-btn-green.btn-disabled{ border:1px solid #dae1ed; background:#dae1ed;}
.big-btn-blueLine.btn-disabled, .big-btn-grayLine.btn-disabled{ color:#dae1ed !important; border:1px solid #dae1ed;}
/*小按钮*/
.small-btn-blue,.small-btn-blueLine,.small-btn-grayLine{display:inline-block; min-width:60px; height:30px; /*margin:5px 8px;*/ margin:0 8px; padding:0 10px; vertical-align:top; line-height:30px; text-align:center; font-size:14px; color:#fff; border:0; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; cursor:pointer}
.small-btn-blue,.small-btn-blueLine,.small-btn-grayLine{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}/*动画*/
.small-btn-blue{border:1px solid #3194dd; background:#3194dd;}/*纯蓝色*/
.small-btn-blueLine{ color:#3194dd !important; border:1px solid #3194dd; background:none;}/*蓝色线稿*/
.small-btn-grayLine{ color:#3194dd !important; border:1px solid #dae1ed; background:none;}/*灰色线稿 蓝色字*/
.small-btn-blue:hover{color:#fff; border:1px solid #47a3e6; background:#47a3e6;}
.small-btn-blue:active{color:#fff; border:1px solid #17a2ce; background:#17a2ce;}
.small-btn-blueLine:hover{ color:#3194dd !important; border:1px solid #4cc9e4;}
.small-btn-blueLine:active{ color:#fff !important; border:1px solid #3194dd; background:#3194dd;}
.small-btn-grayLine:hover{ color:#4cc9e4 !important; border:1px solid #4cc9e4;}
.small-btn-grayLine:active{ color:#17a2ce !important; border:1px solid #17a2ce;}
.small-btn-blue.btn-disabled,.small-btn-blueLine.btn-disabled{ background:#dae1ed;}
/*输入不正确时错误提示*/
input.error,select.error { border:1px solid #ef5353; }
label.error{ position:absolute; top:7px; right:-10px; z-index:100; width:16px; height:16px; background: url("../img/content/error.png") no-repeat center center;}
label.valid{ position:absolute; top:11px; right:0; z-index:100; width:16px; height:16px; background: url("img/global/success.png") no-repeat center center;}
.row.form-box2 label.error{ right:-19.5px; border:0;}/*解决单选复选横向颜色块表达 错误提示与其它表单对不齐的问题*/
/*.table-content table td .form-control+ label{ position:inherit; top:inherit; right:inherit; margin:0 0 0 10px;}/*表格table td 里面的错误提示*/
/*导入导出*/
.daochu-btn{ padding-left:34px; background-image:url(../img/content/danwei/daochu.png); background-repeat:no-repeat; background-position:13px 6px;}
/*-------------------------
      主体主要框架内容
--------------------------*/
.content-whiteBG{ border-radius:2px; background:#fff;}
.content-main{ padding:20px 30px;}
.content-block{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dae1ed;}
.content-block:last-child{ border-bottom:0;}
/*-------------------------
           标题
--------------------------*/
/*大标题，用于页面总标题*/
.max-title{ padding-left:37.5px; line-height:60px; font-size:22px; color:#2f3540;}
.max-title1{ padding-left:60px; line-height:60px; font-size:22px; color:#2f3540;}
/*列表页小标题，用于页面字段标题*/
.min-title{ line-height:28px; font-size:14px; color:#666;}/*line-height:28px;可以控制与文本表单对齐作用*/
/*详情页小标题，用于页面字段标题*/
.minart-title{ line-height:32px; font-size:14px; color:#737373;}
/*列表、新增修改页小标题值*/
.add-textvalue{ margin-bottom:10px; line-height:28px; font-size:14px; color:#333;}
/*详情页小标题值*/
.art-textvalue{ line-height:32px; font-size:14px; color:#333;}
/*模块标题，用于页面多块时标题*/
.block-title{ height:20px; margin-bottom:25px; padding-left:10px; line-height:20px; font-size:18px; color:#3194dd; border-left:4px solid #3194dd;}
/*其它标题*/
.h-title{ font-size:16px; color:#2f3540;}
.minart-title .tf, .art-textvalue .tf{ /*height:32px;*/ line-height:15px;}
.tf{ height:auto; line-height:13px; display:inline-flex; align-items:center; vertical-align:middle; word-break:break-all;}/*flex布局垂直居中，display:inline-flex; align-items:center;*/
/*.tf::before{ content:'';}/*解决空标签时行高过高*/
.tf em, .tf i, .tf a{ display:inline-block; vertical-align:middle;}
/*-------------------------
    列表、详情页样式
--------------------------*/
/*-----列表查询-----*/
/*头部查询*/
.list-index-search{ padding:30px; background:#fff;}/*频道主页头部*/
.list-way{ min-height:60px; padding:0 0 10px 0;}
.list-search{ padding:0 20px 0 7.5px;}/*表格列表头部*/
.list-search .list-way{ padding:0;}
.list-way .text-right{ padding-right:32.5px; }
/*表格列表内容*/
.table-list{ /*margin-top:-20px;*/ padding:0 30px 20px 30px; border-radius:2px; background:#fff;}
/*隐藏公共 生成空的栅格层*/
.hide-fill-div1 .col-sm-1.fill-div, .hide-fill-div2 .col-sm-2.fill-div{ display:none !important;}/*隐藏生成空的栅格层*/
@media (min-width: 1620px){
.hide-fill-div0{}
}
/*隐藏col-sm小屏1366下 生成空的栅格层*/
@media (max-width: 1620px){
.hide-min-fill-div1 .col-sm-1.fill-div{ display:none !important;}
.hide-min-fill-div2 .col-sm-2.fill-div{ display:none !important;}
}
/*更多查询*/
.more-btn{ position:absolute; top:0; right:10px; height:30px; line-height:30px; font-size:14px; color:#666;}
.more-btn:hover{ color:#666;}
.more-btn i{ display:inline-block; width:12px; height:11px; margin-left:8px; }
.more-btn i.more-down{ background:url(../img/content/moreSearch-icon.png) 0 -12px no-repeat;}
.more-btn i.more-up{ background:url(../img/content/moreSearch-icon.png) 0 0 no-repeat;}
.more-info{ display:none;}
.search-hidden{ display:none;}/*隐藏表单字段*/
@media (max-width:1620px){ .more-btn span{ display:none;}}
/*详情查看链接*/
.art-more{ position:absolute; right:50px; top:20px; padding-left:22px; color:#6c7380; background:url(../img/content/art-more.png) no-repeat;}
.art-more:hover{ color:#2dbfdf; background:url(../img/content/art-more-hover.png) no-repeat;}
/*模块标签（配合背景和线稿背景并用）*/
.biaoqian{ margin:15px 0 8px 0;}
.biaoqian span{ display:inline-block; height:24px; margin-right:5px; padding:0 8px; line-height:24px; font-size:14px; border-radius:4px; color:#6c7380; vertical-align:top; box-sizing: border-box; box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; }
/*更多操作下拉*/
.operation{ position:absolute; right:20px; top:20px; font-size:14px;}
.operation span{ display:block; width:18px; height:18px; background:url(../img/content/personnel-operation.png) center no-repeat;}
.operation span:hover{ background:url(../img/content/personnel-operation-active.png) center no-repeat;}
.operation:hover p{ display:block; transform-origin: 100% 0%; -webkit-animation: fadeIn 0.3s ease-in-out; animation: fadeIn 0.3s ease-in-out;}
.operation p{ display:none; position:absolute; right:-45px; top:5px; z-index:999;  z-index:99; width:70px; padding:10px 0; border-radius:4px; background:#fff; box-shadow: 0 5px 10px #ddd;}
.operation p a{ display:block; padding:5px 0; color:#6c7380;}
.operation p a:hover{ color:#2dbfdf;}
.operation a i{display:inline-block; width:16px; height:21px; margin:0 5px 0 10px; opacity:0.6; vertical-align:middle;}
.operation a i.icon1{ background:url(../img/content/bumen/bumen-moreIcon1.png) no-repeat;}/*编辑*/
.operation a i.icon2{ background:url(../img/content/personnel-moreIcon.png) no-repeat;}/*上报*/
.operation a i.icon3{ background:url(../img/content/bumen/bumen-moreIcon2.png) no-repeat;}/*删除*/
.operation a.del:hover{ color:#ee5656;}
.operation a i.icon4{ background:url(../img/content/personnel-user.png) no-repeat;}/*人员*/
.operation a:hover i{ opacity:1;}
@-webkit-keyframes fadeIn { 0%{ opacity:0; transform: scale(0.6);} 100%{ opacity:100%; transform: scale(1);} }
@keyframes fadeIn { 0%{ opacity:0;} 100%{ opacity:100%;}}
/*表格操作项*/
.operation-btn{ text-align:center; font-size:0; line-height:0px; overflow:hidden;}
.operation-btn a, .operation-btn span
{ display:inline-block; margin:1px 3px; padding:2px 6px; line-height:16px; color:#47a3e6 !important; font-size:14px; border-radius:4px; border:1px solid #7ebeed; vertical-align:top; white-space:nowrap;}
.operation-btn a:hover, .operation-btn span:hover{ border:1px solid #47a3e6;}
.operation-btn a.delete, .operation-btn span.delete{ color:#ef5353 !important; border:1px solid #f59f9f !important;}
.operation-btn a.delete:hover, .operation-btn span.delete:hover{ color:#ef5353 !important; border:1px solid #ef5353 !important;}
/*-----详情查看-----*/
.content-header{ padding:0; border-bottom:1px solid #e3e9f2;}/*详情页面头部*/
.content-header1{ padding:0;}/*详情页面头部*/
/*星号*/
.must{}
.must::before{ content:"*"; /*width:10px; height:10px; display:inline-block; line-height:15px; text-align:center; vertical-align:middle;*/ color:#f00; margin-right:3px; }
.must-last{ position:relative;}
.must-last::after{ content:"*"; position:absolute; right:-10px; top:10px; display:block; width:10px; height:10px; line-height:15px; color:#f00; text-align:center;}
/*查看地图（目前主用到单位详情）*/
.map i{ padding-right:10px;} 
.map a{ width:16px; height:16px; background:url(../img/content/dingwei.png) no-repeat;} 
/*照片上传*/
.content-uploadImg{}
.content-uploadImg img{ display:block; margin:0 auto 20px auto;}
/*-----其它公共-----*/
.position-re{ position:relative;}/*主要用于列表查询条件父级定位*/
.display-block{ display:inline-block; vertical-align:top;}
.time-icon{ background:url(../img/content/time-icon.png) right 6px no-repeat #fff !important;}/*日期图标*/
.time1-icon{ background:url(../img/content/time1-icon.png) right 6px no-repeat;}/*日期图标*/
.borderLine{border-top:1px dashed #dae1ed;}/*段落分隔虚线*/
.borderLine1{border-top:1px solid #d9d9d9}/*段落分隔实线*/
.map-icon{ display:inline-block; width:12px; height:16px; margin-left:6px; background:url(../img/content/map.png) no-repeat; cursor:pointer;}/*地图*/
.map-po{ position:absolute; right:15px; top:6px;}/*定位地图*/
/*表格容器（框架自带除外）*/
.table-content{}
.table-content table{ border:1px solid #d9d9d9; border-collapse:collapse;}
.table-content table thead{}
.table-content table thead tr{ border-bottom:1px solid #d9d9d9;}
.table-content table thead th, .table-content table tbody td{ padding:10px;}
.table-content table thead th{font-weight:normal; color:#2f3540;  background:#f2f4f5;}
.table-content table tbody td{ color:#6c7380;}
.table-content table tbody tr:nth-of-type(odd){background-color:#fff;}
.table-content table tbody tr:nth-of-type(even){background-color:#f7f9fa;}
.table-content table .form-control{ display:inline-block; /*width:80%;*/ margin:0;}/*表格里面的表单*/
.table-content table .form-control.error{ margin:0 25px 0 0;}
.table-content table td .position-re{ padding-right:10px;}
.table-content table td label.error{ right:-8px;}

.flblcl{display:block !important;float:none !important;clear:both;}

/*-------------------------
    购物车
--------------------------*/
.gwc{min-height: 300px;background:#fff;overflow: hidden;}
.gwc .bgw{margin:0px auto 70px;background:#fff;border-radius:4px;overflow: hidden;}
.gwc .topgw{position: relative;height:60px;line-height:60px;padding-left:30px;border-bottom:1px solid #e6e6e6;color:#333;font-size:18px;}
.gwc .topgw a.goback{position: absolute;top:0px;right:20px;color:#666;font-size:16px;}
.gwctable{width:1120px;margin:20px auto 10px;}
.gwctabletp{margin-top:0px;}
.gwctable .tgwt{height:60px;line-height:60px;color:#333;font-size:16px;}
.gwctable table{width:100%;margin-bottom:10px;border:1px solid #e6e6e6;border-bottom:none;}
.gwctable table tr td,.gwctable table tr th{min-height: 50px;padding-left:20px;border-bottom:1px solid #e6e6e6;}
.gwctable table thead tr{height:50px;line-height:50px;background:#fafafa;text-align: left;}
.gwctable table tbody tr td.icheck{width:50px;text-align: center;}
.gwctable table thead tr th.cztd{width:130px;text-align: center;}
.gwctable table tr td input[type="checkbox"]{border:1px solid #e6e6e6;}
.gwctable .tablepic{float:left;width:400px;padding:10px 0;overflow: hidden;}
.gwctable .tablepic .pic{float:left;margin-right: 20px;}
.gwctable .tablepic .pictitle{float:left;width:200px;}
.bottab{position: relative;height:50px;line-height:50px;width:1120px;margin:0 auto 20px;background:#f7f7f7;color:#333;border:1px solid #e6e6e6;border-radius:2px;overflow:hidden;}
.bgbnone{background:#fff;border:none;}
.bg110{height:150px;}
.bottab .inputleft{position:absolute;top:0px;left:20px;}
.bottab .inputleft>*{display:inline-block;}
.bottab .inputleft>input[type="checkbox"]{margin-right:10px;}
.bottab .inputleft>span{margin:0 10px;}
.bottab .inputleft>.pldelete{cursor: pointer;}
.bottab .botright{position:absolute;top:0px;right:0px;}
.bottab .botright>*{display:inline-block;}
.bottab .botright .butlp{display:block;margin-right:20px;}
.bottab .botright .text-red{padding-left:20px;color:#ff4b4b;font-size:20px;}
.bottab .botright input[type="button"]{float:right;display:inline-block;height:50px;width:150px;margin-bottom:10px;border:none;background:#ff4b4b;color:#fff;cursor: pointer;border-radius:0 4px 4px 0;}
.gwctable .botal{height:50px;line-height:50px;padding-right:50px;text-align:right;color:#333;font-size:14px;}
.gwctable .botal span{color:#ff4b4b;font-size:16px;}
.gwc .payway{padding:10px 30px 20px;}
.gwc .payway .chosew{color:#333;font-size:18px;line-height:50px;border-top:1px solid #e6e6e6;}
.gwc .payway .ddh{position:relative;width:770px;height:40px;line-height:40px;color:#666666;font-size:14px;}
.gwc .payway .ddh .r{position:absolute;right:0px;top:0px;}
.gwc .payway .ddh .r span{font-size:18px;}
.gwc .payway .redbor{overflow: hidden;}
.gwc .payway .redbor>li{float:left;width:360px;padding:50px 0 0 60px;height:140px;margin-right:20px;border:1px solid #cccccc;box-sizing:border-box;cursor: pointer;}
.gwc .payway .redbor>li:last-child{margin-right:0px;}
.gwc .payway .redbor>li.ac{border:2px solid #108cee;background:#f1f8fe;}
.gwc .payway .redbor>li .acin{height:35px;line-height:35px;color:#333;font-size:16px;line-height:30px;}
.gwc .payway .redbor>li .acin label>*{float:left;display:inline-block;}
.gwc .payway .redbor>li .acin label>input[type="radio"]{margin:10px 20px 0 0;}
.gwc .payway .redbor>li .acin label>img{margin:0px 20px 0 0;}
.gwc .payway .bot{height:40px;line-height:40px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.gwc .payway .bot .t-red{color:#ff4d4d;font-size:14px;}
.gwc .payway .bot .lj{display:inline-block;width:80px;height:25px;line-height:25px;margin:0 5px;text-align:center;border:1px solid #cccccc;border-radius:2px;color:#737373;}
.bottab .botright .yd{display: block;position:absolute;right:0px;bottom:-30px;width:500px;height:25px;line-height:25px;text-align: right;}
.sudialog{display: none;position:fixed;top:50%;left:50%;width:450px;height:280px;margin:-140px 0 0 -225px;background:#fff;border-radius:4px;text-align: center;z-index: 10;}
.sudialog .dgpic{width:70px;height: 70px;margin:55px auto 10px;background:url(../img/usercenter/other/dgqr.png) no-repeat center top;}
.sudialog .fbsu{line-height: 30px;font-size: 14px;color:#333333;text-align: center;}
.sudialog .lj{line-height:40px;color:#737373;font-size: 14px;}
.bggray{display: none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9;}
.allsuc{position: relative;height:440px;text-align: center;overflow: hidden;}
.allsuc .sucpic{margin-top:80px;}
.allsuc .suc{height:40px;line-height:40px;color:#333333;font-size:18px;}
.allsuc .money{height:60px;line-height:60px;color:#ff4b4b;font-size:30px;}
.allsuc .t-gray{height:20px;line-height:20px;padding:5px 0;color:#666666;font-size:14px;}
.allsuc .text-blue{height:20px;line-height:20px;}
.allsuc .sucbot{position:absolute;bottom:0px;width:100%;height:60px;line-height:60px;border-top:1px solid #e6e6e6;color:#333333;font-size:14px;}
.gwcnone{height:650px;text-align: center;overflow:hidden;}
.gwcnone .npic{margin:100px auto 0;}
.gwcnone .normal{height:30px;line-height: 30px;color:#333;font-size:14pxs;}
.xtxx{padding:0 30px;}
.xtxx .zg{height:68px;line-height: 68px;}
.xtxx .zg span{color:#737373;font-size:14px;}
.xtxx .zg .r{float:right;}
.xtxx .zg .r a{display: inline-block;height:25px;line-height:25px;padding:0 5px;margin-left:20px;color:#ccc;border:1px solid #ccc;border-radius:2px;}
.syxx{border-top:1px solid #e6e6e6;}
.syxx li{height:80px;padding:10px 0;box-sizing:border-box;border-bottom:1px solid #e6e6e6;}
.syxx li .xtop{height:30px;line-height:30px;font-size:14px;color:#333333;}
.syxx li .time{height:30px;line-height:30px;font-size:14px;color:#999999;}
/* 报名条件样式 20240125 */
.dialog-container{ position: relative; z-index: 1000; }
.dialog-container .mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); z-index: 999; }
.dialog-container .dialog-main{ width: 640px; border-radius: 8px; background-color: rgb(245, 245, 245); position: fixed; top: 50%; left: 50%; z-index: 1000; transform: translate(-50%, -50%); }
.dialog-container .dialog-main.qrcode{ box-shadow: 0px 2px 7px 0px rgba(89, 102, 115, 0.2); width: 320px; height: 342px; background: #fff; }
.dialog-container .dialog-title{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e6e6e6; padding: 0 24px; height: 60px; }
.dialog-container .dialog-title .name{ font-size: 20px; color: rgb(38, 38, 38); }
.dialog-container .dialog-title .dialog-close{ display: inline-block; width: 18px; height: 18px; background: url("../img/icon-close.png"); }
.dialog-container .dialog-main .main{ height: calc(100% - 60px - 74px); padding: 20px 24px 34px; background: url("../img/img_bg_bmtj.png") no-repeat center top / 100% auto; }
.dialog-container .dialog-main.qrcode .main{ display: flex; align-items: center; justify-content: center; flex-direction: column; background: none; }
.dialog-container .dialog-main .main .tips{ font-size: 16px; color: rgb(255, 255, 255); font-weight: bold; line-height: 28px; }
.dialog-container .dialog-main .main .item{ display: flex; align-items: center; cursor: pointer; padding: 6px 20px 10px; border-radius: 4px; background-color: rgb(255, 255, 255); height: 100px; margin-bottom: 16px; position: relative; }
.dialog-container .dialog-main .main .item:after{ content: ''; display: inline-block; width: 7px; height: 12px; background: url("../img/icon-jiantou-you.png"); position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.dialog-container .dialog-main .main .item:nth-child(2){ margin-top: 20px; }
.dialog-container .dialog-main .main .item>p:first-child{ position: relative; box-sizing: border-box; width: calc(100% - 95px); display: flex; flex-direction: column; padding-left: 65px; }
.dialog-container .dialog-main .main .item>p:first-child:before{ content: ''; display: inline-block; width: 48px; height: 48px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.dialog-container .dialog-main .main .item>p.jbzl:before{ background: url("../img/img_jbzl.png"); }
.dialog-container .dialog-main .main .item>p.smrz:before{ background: url("../img/img_smrz.png"); }
.dialog-container .dialog-main .main .item>p.zzrz:before{ background: url("../img/img_zzrz.png"); }
.dialog-container .dialog-main .main .item>p:first-child .name{ font-size: 18px; color: rgb(51, 51, 51); margin-bottom: 8px; }
.dialog-container .dialog-main .main .item>p .description{ font-size: 16px; color: rgb(115, 115, 115); }
.dialog-container .dialog-main .main .item .state{ display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-left: 12px; font-weight: bold; font-size: 16px; }
.dialog-container .dialog-main .main .item .state.green{ background: url("../img/img-state-green.png"); color: #03cd6c; }
.dialog-container .dialog-main .main .item .state.red{ background: url("../img/img-state-red.png"); color: #ff5c5c; }
.dialog-container .dialog-main .main .item .state.yellow{ background: url("../img/img-state-yellow.png"); color: #ffad0d; }
.dialog-container .dialog-main .main .item .state .name{ transform: rotate(-10deg); }
.dialog-container .dialog-main .baoming{ display: flex; align-items: center; justify-content: center; width: 240px; height: 40px; margin: 0 auto; border-radius: 4px; background-color: rgba(46, 119, 230, 1); color: #fff; }
.dialog-container .dialog-main .baoming.disabled{ background-color: rgba(46, 119, 230, 0.4); }
.dialog-container .dialog-main.qrcode .main img{ width: 180px; height: 180px; }
.dialog-container .dialog-main.qrcode .main p{ font-size: 16px; color: rgb(38, 38, 38); margin-top: 10px; }

/* 没有数据 */
.noData {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

/*-------------------------
          顶部欢迎栏
--------------------------*/
.top-bar{ background:#f7f8fa; border-bottom:1px solid #e9edf2; font-size:12px; color:#666;}
.top-bar .w1180{ line-height:34px;}
/* 欢迎语：无标记、与顶栏文字统一，仅字号略大形成轻层级 */
.top-bar .welcome{
    float:left;
    color:#666;
    font-size:14px;
    letter-spacing:.5px;
}
.top-bar .top-bar-r{ float:right;}
.top-bar .top-bar-r a{ color:#666; padding:0 5px; transition:color .2s ease;}
.top-bar .top-bar-r a:hover{ color:#108cee;}
/* 咨询电话（仅作用于 top-bar 内 .phone 单个元素）*/
.top-bar .top-bar-r .phone{ display:inline-flex; align-items:center; padding-left:15px; color:#108cee; font-size:13px; line-height:1;}
.top-bar .top-bar-r .phone .hcp-font{ margin-right:7px; font-size:19px;}
.top-bar .top-bar-r .phone .phone-label{ color:#999;}
.top-bar .top-bar-r .phone .phone-num{ color:#108cee; font-size:17px; font-weight:700; font-family:Arial,"微软雅黑",sans-serif; letter-spacing:.4px;}
.top-bar .top-bar-r .phone .phone-div{ width:1px; height:15px; margin:0 10px; background:#d5dee8; overflow:hidden;}
/* 小屏时仅压缩电话条目自身，不影响同行其他元素 */
@media (max-width:560px){
    .top-bar .welcome{ font-size:13px;}
    .top-bar .top-bar-r .phone{ font-size:12px; padding-left:8px;}
    .top-bar .top-bar-r .phone .phone-num{ font-size:14px;}
    .top-bar .top-bar-r .phone .phone-div{ margin:0 6px;}
}

/*-------------------------
  门户主导航菜单（浅色导航带，与页面轻盈浅色系协调）
--------------------------*/
/* 导航带容器：浅蓝灰底 + 细底边框，替代原实心蓝色带 */
.menu.px-portal-menu{
    margin-top:30px; border-bottom:1px solid #e6e6e6; background:#f5f8fa;
}
/* 菜单项：等宽均分、整块可点击，44px 高 */
#indexMenuUl.px-portal-menu{ float:none; display:flex; width:100%; }
#indexMenuUl.px-portal-menu>li{
    float:none; flex:1 1 0; width:auto; height:44px; line-height:44px;
    margin-right:0; font-size:17px; text-align:center; box-sizing:border-box;
    border-bottom:0; background:transparent;
    transition:background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
#indexMenuUl.px-portal-menu>li.index{ width:auto; flex:0 0 120px; } /* 兼容可能的数据库菜单项 */
#indexMenuUl.px-portal-menu>li>a{
    position:static; display:block; width:auto; height:100%; line-height:44px;
    color:#333; font-weight:500;
    transition:color .2s ease;
}
/* 悬停：浅蓝色块 品牌蓝字 */
#indexMenuUl.px-portal-menu>li:hover{ background:#e1f2ff; }
#indexMenuUl.px-portal-menu>li:hover>a{ color:#108cee; }
/* 当前页：品牌蓝字加粗 + 底部 3px 蓝色指示条 */
#indexMenuUl.px-portal-menu>li.hover{ box-shadow:inset 0 -3px 0 #108cee; }
#indexMenuUl.px-portal-menu>li.hover>a{ color:#108cee; font-weight:600; }
/* 悬停当前页项 */
#indexMenuUl.px-portal-menu>li:hover>p{ top:100%; }

/*-------------------------
  导航栏右侧课程搜索框（仅门户页面显示与生效）
  页面隔离：.px-portal-menu 由 peixun.js 按 pxPortalMenuPages 白名单
  仅添加到门户页面 .menu 上；非门户页面表单默认隐藏，以下样式均不命中
--------------------------*/
/* 隔离开关：非门户页面隐藏整个搜索表单 */
.menu > .w1180 > form{ display:none; }
/* 门户导航带：同行 flex 布局，菜单与搜索框垂直居中 */
.menu.px-portal-menu > .w1180{ display:flex; align-items:center; }
.menu.px-portal-menu #indexMenuUl.px-portal-menu{ width:auto; flex:1 1 auto; }
/* 门户页面显示搜索框：form 作为 flex 子项由内容撑高（替代浮动，避免 flex 内浮动塌陷） */
.menu.px-portal-menu > .w1180 > form{ display:flex; flex:0 0 auto; }
/* 容器：250px × 32px */
.menu.px-portal-menu .search{ position:relative; width:250px; height:32px; }
/* 输入框：白色胶囊 + 浅色描边，聚焦 */
.menu.px-portal-menu .search input[type=text]{
    width:100%; height:32px; padding:0 46px 0 15px; box-sizing:border-box;
    border:1px solid #d0dbe6; border-radius:16px; background:#fff; outline:none;
    font-size:13px; color:#333; transition:border-color .2s ease;
}
.menu.px-portal-menu .search input[type=text]::placeholder{ color:#b5b5b5; }
.menu.px-portal-menu .search input[type=text]:focus{ border-color:#108cee; }
/* 提交按钮：透明底 + 降饱和灰蓝放大镜图标 */
.menu.px-portal-menu .search button{
    position:absolute; top:0; right:0; width:36px; height:32px; padding:0;
    border:0; border-radius:0 16px 16px 0; background:transparent; cursor:pointer;
    transition:background-color .2s ease;
}
.menu.px-portal-menu .search button::before{
    font-family:"hcp-font" !important; content:"\e64a";
    font-size:15px; color:#8a97a8; line-height:32px; transition:color .2s ease;
}
/* 悬停 / 输入聚焦联动 */
.menu.px-portal-menu .search button:hover,
.menu.px-portal-menu .search input:focus + button{ background:#e1f2ff; }
.menu.px-portal-menu .search button:hover::before,
.menu.px-portal-menu .search input:focus + button::before{ color:#108cee; }
/* 响应式：小屏逐步收窄搜索框（仅门户作用域内生效） */
@media (max-width:1366px){
    .menu.px-portal-menu .search{ width:210px; }
}
@media (max-width:1200px){
    .menu.px-portal-menu .search{ width:170px; }
    .menu.px-portal-menu .search input[type=text]{ padding-right:42px; }
}