@charset "utf-8";

/* 公用样式 {*/
.new-style-radius{}
.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}
.new-style-radius:before,.new-style-radius:after{content: "";width: 10px;height: 10px;display: block;position: fixed;top: 0;z-index: 2;}
.new-style-radius:after{right: 0;background: url("../images_newui/page-icon79.png") no-repeat right center;}
.new-style-radius:before{left: 0;background: url("../images_newui/page-icon79.png") no-repeat left center;}
.header-fixed{position: relative; top: 0; left: 0; right: 0; z-index: 1;}
.icon-person{display: inline-block; width: 18px; height: 21px; background: url("../images_newui/page-icon85.png") no-repeat center center; vertical-align:top; margin-right: 10px;}
/*} 公用样式 */

body { background-color:#dfe3ed; min-width: 1220px;}
.deskTop-topBar{ height:85px; padding:20px 50px 0; background-color:#fff; border-bottom: 1px solid #d4dfe5;min-width:825px;}
.dt-close-topBar{position:absolute; top:12px; right:15px; font-size:12px; color: #728195;}
.dt-close-topBar:hover,.dt-topBar-item a:hover,.dt-innerL1_1 a:hover,.dt-listItem1 a:hover,.dt-listItem2 a:hover{color: #4a90e2;}
.dt-open-topBar{position:fixed; top:50%; right:0px; width:55px; height:50px; margin-top:-25px; border-radius:55px 0 0 55px; background-color: #4a90e2; color:#fff; font-size:13px; padding:0 4px 0 16px; border:0; outline:none; cursor:pointer; z-index:2;}
.dt-topBar-box{position: relative;}
.dt-topBar-box:before{content:""; position:absolute; top:10px; z-index:-1;left:28px; right:28px; border-top: 2px solid #D4DFE5;}
.dt-topBar-list{display: flex; justify-content: space-between; display: -ms-flexbox;  -ms-flex-pack: justify;}
.dt-topBar-item a{font-size:14px; color: #728195;}
.dt-topBar-item i{display:block; width:21px; height:21px; margin:0 auto 10px;}
.dt-topBar-item i.step-ok{background:url(../images_newui/desktopNew/step-ok.png) no-repeat;}
.dt-topBar-item i.step-edit{background:url(../images_newui/desktopNew/step-edit.png) no-repeat;}
.deskTop-container{padding:20px 20px 10px 20px; font-size:0;}
.dt-LBox,.dt-RBox{display:inline-block; vertical-align:top;}
.dt-LBox{width:70%; padding:0 5px 0 0;}
.dt-RBox{width:30%; padding:0 0 0 5px;}
.dt-box{margin-bottom: 10px; background-color:#fff; border-bottom: 1px solid #d4dfe5;}
.dt-LBox .dt-box{min-height:173px;}
.dt-RBox .dt-box{height:250px; }
.dt-boxHead{position:relative; height:40px; font-size:16px; padding-left:20px;}
.dt-boxTitle{position:relative; padding-left:10px; color: #30404f; line-height:40px;}
.dt-boxTitle:before{content:""; position:absolute; top:50%; margin-top:-8px; left:0; width:4px; height:16px; background-color: #007AFF;}
.dt-boxHeadR{position:absolute; top:12px; right:20px;}
.dt-boxHeadR i{cursor:pointer; margin-left:6px; vertical-align:top; font-weight:bold;}
.dt-boxHeadR:hover{cursor: pointer;}
.dt-noDate{width:50%; margin-left:auto; margin-right:auto; background:url(../images_newui/desktopNew/noDate.png) no-repeat center top; font-size:14px; color:#999; text-align:center; padding-top:85px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) }
.dt-noDate2{width:50%; margin-left:auto; margin-right:auto; background:url(../images_newui/desktopNew/none-comfuns.png) no-repeat center top; font-size:14px; color:#999; text-align:center; padding-top:85px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) }
/*.dt-RBox .dt-noDate{margin-top:40px;}*/
.dt-innerL1_1,.dt-innerL1_2{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;}
.dt-innerL1_1{padding:10px 35px 20px; font-size:14px;}
.dt-innerL1_1 a{color:#30404f;}
.dt-innerL1_1 i{vertical-align:middle;}
.dt-innerL1_1 .text1{color: #728195; text-align:center; padding-top:5px;}
.dt-tab{display:inline-block; margin:0 4px; cursor:pointer; height:36px; line-height:36px; padding:0 20px; background-color: #f5f8fb; border: 1px solid #eceff3; border-radius: 54px; color:#30404f;}
.dt-tab.current{ background-color: #4a90e2; border-color:#4a90e2; color:#fff;}
.dt-innerL1_2{padding:0 20px 20px; text-align:center;}
.dt-innerL1_2 .text2_1{color:#728195; font-size:14px;}
.dt-innerL1_2 .text2_2{color:#30404f; font-weight:bold; display:block;}
.dt-innerL1_2 .text2_2.font-m{ font-size:24px;}
.dt-innerL1_2 .text2_2.font-s{ font-size:18px; padding-top:7px;}
.dt-innerL1_2 .line1{display:inline-block; width:1px; height:30px; margin-top:8px; background-color:#d4dfe5;}
.dt-innerL2{padding:10px 0 15px 20px;}
.dt-btnLink{width:80px; height:80px; display:inline-block; margin:0 20px 20px 0;  border: 1px solid #eceff3; border-radius: 10px; font-size:14px; color:#4a90e2; padding-top:9px; text-align:center; transition: all .2s ease;}
.dt-btnLink-h:hover{background: #007AFF!important ; color:#fff;border: 1px solid #007AFF;box-shadow: 0 2px 7px rgba(88, 150, 221, 1);cursor: pointer;}

.dt-btnLink.icon-tongxun{background-position:0 0;}/*通讯录*/
.dt-btnLink.icon-faxin{background-position:-80px 0;}/*发信箱*/
.dt-btnLink.icon-shuaka{background-position:-160px 0;}/*今日刷卡*/
.dt-btnLink.icon-zixun{background-position:-240px 0;}/*今日咨询*/
.dt-btnLink.icon-shuju{background-position:-320px 0;}/*数据分析*/
.dt-btnLink.icon-shouxin{background-position:-400px 0;}/*收信箱*/
.dt-btnLink.icon-dangan{background-position:-480px 0;}/*人事档案*/
.dt-btnLink.icon-baoming{background-position:-560px 0;}/*今日报名*/
.dt-btnLink.icon-shengri{background-position:-640px 0;}/*本月生日 员工生日*/
.dt-btnLink.icon-mingxi{background-position:-720px 0;}/*今日明细*/
.dt-btnLink.icon-jishangke{background-position:0 -80px;}/*上课记录*/
.dt-btnLink.icon-jizhujiao{background-position:-80px -80px;}/*助教记录*/
.dt-btnLink.icon-kaoqin{background-position:-160px -80px;}/*员工考勤*/
.dt-btnLink.icon-kaiban{background-position:-240px -80px;}/*本月开班 已开班*/
.dt-btnLink.icon-shangke{background-position:-320px -80px;}/*今日上课*/
.dt-btnLink.icon-tongzhi{background-position:-400px -80px;}/*消息通知*/
.dt-btnLink.icon-weikaiban{background-position:-480px -80px;}/*未开班*/
.dt-btnLink.icon-jieban{background-position:-560px -80px;}/*本月结班 已结班*/
.dt-innerL3{}
.dt-innerL4{padding:10px 20px 20px;}
.dt-innerL4 li{padding-bottom:20px; display:inline-block; width:190px; padding-right:10px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dt-innerL4 .text2{color: #30404f;}
.dt-innerL4 .text3{color: #728195;}
.dt-innerR1{margin:0 20px; height:190px; overflow-y:auto;}
.dt-listItem1,.dt-listItem2{position:relative; height:38px; line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;}
.dt-listItem1{ padding-right:60px;}
.dt-tag1{display:inline-block; margin-right:4px; height:18px; line-height:18px; border-radius:54px; padding:0 6px; font-size:12px; color:#fff;}
.dt-tag1.color1{background-color:#e9b719;}
.dt-tag1.color2{background-color:#f57623;}
.dt-tag1.color3{background-color:#3f6ec1;}
.dt-tag1.color4{background-color:#6dc6cd;}
.dt-tag1.color5{background-color:#245E91;}
.dt-itemClose{position:absolute; right:8px; top:0;}
.dt-RBox .text5{color: #30404f;}
.dt-listItem1 .typeH{color:#fb6363;}
.dt-listItem1 .typeM{color:#f57623;}
.dt-listItem1 .typeL{color:#e9b719;}
.dt-listItem1 .ivu-checkbox-wrapper{margin-left:0; margin-right:0;}
.dt-listLink{padding-top:10px; font-size:14px;}
.dt-listLink a,.dt-listLink a:hover{color:#4a90e2;}
.dt-innerR2{height:200px; overflow:hidden;}
.dt-listItem2{ padding-left:20px; padding-right:80px; border:transparent solid; border-width:1px 0;}
.dt-listItem2 .typeN{color:#4a90e2;}
.dt-listItem2 .topIco{width:25px; height:12px; display:inline-block; background:url(../images_newui/desktopNew/top.png) no-repeat;}
.dt-itemDate{position:absolute; right:20px; top:0; font-size:14px; color:#728195;}
.dt-listItem2.read a,.dt-listItem2.read .typeN{color:#738194;}
.dt-listItem2:hover{background-color:#f9fbfd; cursor:pointer; border:#d4dfe5 solid; border-width:1px 0; color:#4a90e2;}
.dt-listItem2:hover a,.dt-listItem2.read:hover .typeN{color:#4a90e2;}

/*遮罩引导样式 {*/
.modal-mask{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.6); height: 100%; z-index: 10;}
.modal-guideBox{position:fixed;z-index:10;}
.modal-guideTips{height:45px; background:url(../images_newui/desktopNew/icon-tips-arrow.png) no-repeat 0 4px; padding:20px 0 0 50px; color:#fff; font-size:14px;}
.modal-guideBtn{width:80px; height:30px; text-align:center; border-radius:5px; background-color:transparent; outline:none; border:#fff 1px solid; font-size:14px; color:#fff; cursor:pointer;}
/*} 遮罩引导样式*/

/*运营弹窗 {*/
.desktop-popup-wrap { position: fixed; overflow: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; -webkit-overflow-scrolling: touch; outline: 0; } 
.desktop-popup-center { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
/*板式一*/
.desktop-popWin{background: #fff;width: 410px;margin: 5px auto 0;padding: 20px;text-align: left;position: relative;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 3px 0 0 #d6d6d6;-moz-box-shadow: 0 3px 0 0 #d6d6d6;-ms-box-shadow: 0 3px 0 0 #d6d6d6;box-shadow: 0 3px 0 0 #d6d6d6;}
.desktop-mask-delect-icon {position: absolute;top: -18px;right: -18px;width: 30px;height: 30px;background: url(../images_newui/groupcolormodeclose.png) no-repeat center center;background-size: cover;margin: 0 auto;cursor: pointer;}
.desktop-popCont{margin-bottom: 10px;}
.desktop-popCont img{width: 100%;height: 140px;}
.desktop-popInfo{height: auto;max-height: 220px;line-height: 1.7;overflow-y: auto;font-size:12px;}
.desktop-popWin button{    font-size: 10pt;height: 26px;background: #f6f6f6;border: 1px solid #c2c6c8;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;margin: 0 5px;}
.desktop-formBtnBox{text-align: center;margin-top: 12px;padding: 30px 0;}
.desktop-formBtnBox button,.formBtnBox .submitSave{height: 30px;min-width: 40px;color: #333;padding: 0 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}
.desktop-formBtnBox .submitSave{background: #37b3e8;border: 1px solid #2fa5d8;color: #fff;display: inline-block;line-height: 28px;height: 28px;margin-left: 10px;}
.desktop-popup-box2{position:relative; width:450px;height:320px;display:inline-block;}
/*板式二*/
.desktop-popup-box{position:relative; width:850px;height:385px;display:inline-block;}
.desktop-style2-close { position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; background: url("../images_newui/desktopNew/desktopclose.png") no-repeat center center; cursor: pointer; }
.desktop-style2-img{cursor:pointer; width:850px;height:385px;}
/*} 运营弹窗*/
.dt-btnLink-svg{
    background: #F5f8fb url("../images_newui/desktopNew/tiny-shop-b.svg") center 15px no-repeat!important;
}
.dt-btnLink-svg.dt-btnLink:hover{
    background: #4a90e2 url("../images_newui/desktopNew/tiny-shop-w.svg") center 15px no-repeat!important;
}
.fullMask .modal-phone .modal-phone-bg-sign{
    background: url("../images_newui/bg-phone-sign.png") no-repeat center center;
}
.fullMask .modal-phone .modal-phone-bg{
    background: url("../images_newui/bg-phone.png") no-repeat center center;
}
/*顶部面包屑组件*/
.market-crumb-position{height:50px;padding-left: 120px;background:#fff;border-radius:10px 10px 0 0;position:fixed;width:100%;top: 0;z-index: 1;font-size: 14px}
.market-back-btn{position:absolute;height:50px;line-height:50px;text-align:left;width:120px;border-right:1px solid #ddd;left:0;cursor:pointer;padding-left:50px;box-sizing:border-box;}
/* 部门样式 width无效的现象 */
.market-back-btn-seb{position:absolute;height:50px;line-height:50px;text-align:left;width:70px;border-right:1px solid #ddd;left:0;cursor:pointer;padding-left:50px;box-sizing:content-box}

.market-back-arrow{width:16px;height:14px;background: url("../images_newui/page-icon86-1.png") no-repeat center center;display:block;position:absolute;left:25px;top:18px;}
.market-back-btn:hover{ color: #007AFF;}
.market-back-btn:hover .market-back-arrow{background: url("../images_newui/page-icon86-2.png") no-repeat center center;}
.market-crumb-ul{padding-left:22px;margin: 0;}
.market-crumb-ul li{list-style:none;float:left;height:50px;line-height:50px;text-align:left;padding-left:18px;cursor:pointer;}
.market-crumb-text:last-child{ color: #5094e7;}
.market-crumb-text span{margin-left:18px;position: relative;top:3px;}
.market-crumb-text:hover,.market-crumb-text:hover a{color:#5094e7;}
.navtion-justify{width: 100%; margin-left: -20px; top:0; position:fixed;z-index:901;min-width: 1176px;}
.header-fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 5;}