@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#f4f4f4;}
html{ overflow-x:hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei"; margin:0; padding:0;}
/**{ font-family:"Microsoft Yahei"; margin:0; padding:0;transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;}*/
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
/*tr { cursor: pointer; }*/
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}

/*href*/
a:link,a:visited{color:#333}
a:hover,a:active{color:#1572e8}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#1572e8}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#1572e8}

/*common*/
.wrap{ width:1320px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}
/*登录*/
#dlbj{ width:100%; height:100%;background:url(../images/dlbg3.jpg) no-repeat ; position:relative;background-position: center center;background-attachment: fixed;background-size: cover;}
.dlnr{ width:1400px; height:700px;  position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:50px}
.dlwz{ width:840px; float:left;}

.login_form-bg{ width:400px; height:401px; float:left;background:url(../images/dlmmbj.png) no-repeat left center; margin:148px 0px 0 0; overflow:hidden }
.login_form-horizontal{padding-bottom: 40px;border-radius: 15px;text-align: center;}
.login_form-horizontal .logo{width:100%;text-align: center; margin-top:0px;}
.login_form-horizontal .heading{font-size:28px; line-height:40px; height:40px;font-weight: bold; text-align: center; color:#00428c;letter-spacing:2px; margin-top:0px;}
.login_form-horizontal .login_form-group{ width:290px;height:60px; margin:12px auto 0; position: relative; border-bottom:2px solid #eeeeee;}
.login_form-horizontal .login_form-group2{ width:290px;height:20px; margin:10px auto 0; position: relative;text-align:left;}
.login_form-horizontal .login_form-control{height:60px;transition: all 0.3s ease 0s;}
.login_form-horizontal .login_form-control:focus{box-shadow: none;outline: 0 none;}
.login_form-horizontal .login_form-group i{position: absolute;top:15px;left:10px;font-size: 22px;color: #878787;transition : all 0.5s ease 0s; font-style:normal; f}
.login_form-horizontal .login_form-control:focus + i{color: #00b4ef;}
.login_form-horizontal .fa-question-circle{display: inline-block;position: absolute;top: 12px;right: 60px;font-size: 20px;color: #808080;transition: all 0.5s ease 0s;}
.login_form-horizontal .fa-question-circle:hover{color: #000;}
.login_form-horizontal .main-checkbox{float: left;width: 20px;height: 20px;background: #fff;position: relative;margin: 5px 0 0 5px;border: 1px solid #ccc;}
.login_form-horizontal .main-checkbox label{width: 20px;height: 20px;position: absolute;top: 0;left: 0;cursor: pointer;}
.login_form-horizontal .main-checkbox label:after{content: "";width: 10px;height: 5px;position: absolute;top: 5px;left: 4px;border: 3px solid #666;border-top: none;border-right: none;background: transparent;opacity: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.login_form-horizontal .main-checkbox input[type=checkbox]{visibility: hidden;}
.login_form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{opacity: 1;}
.login_form-horizontal .text{float: left;margin-left: 7px;line-height: 20px;padding-top: 5px;text-transform: capitalize; overflow: hidden}
.login_form-horizontal .btn{width:304px; height:54px; margin:0 auto; line-height:54px;font-size:18px;color: #fff;background: #222983;border: none;text-transform: capitalize;transition: all 0.5s ease 0s; border-radius:50px; margin-top:20px; }
/*登录*/


/*头部*/
.topfl{
            width:100%;
            height:60px;
            background:#25307f;
            display:flex;
            padding:0;
            justify-content:space-between;
            color:#fff;}
.toptu{width:200px; height:60px; float:left;font-size:28px; color:#FFF;padding:8px;text-align: center;font-family:微软雅黑;letter-spacing:3px;}
.toplm{ width:calc(100% - 440px); float:left; margin-left:10px }
.toplm ul li{ display:inline-block; margin-left:15px; line-height:60px; font-size:16px; color:#FFF;}
.toplm ul li a{color:#FFF;}
.toplm_li1{background:url(../images/lmtb1.png) no-repeat left center; padding-left:28px;}
.toplm_li2{background:url(../images/lmtb2.png) no-repeat left center; padding-left:28px;}
.toplm_li3{background:url(../images/lmtb3.png) no-repeat left center; padding-left:28px;}
.toplm_li4{background:url(../images/lmtb4.png) no-repeat left center; padding-left:28px;}
.toplm_li5{background:url(../images/lmtb5.png) no-repeat left center; padding-left:28px;}
.toplm_li6{background:url(../images/lmtb6.png) no-repeat left center; padding-left:28px;}
.toplm_li7{background:url(../images/lmtb7.png) no-repeat left center; padding-left:28px;}
.toplm_li8{background:url(../images/lmtb8.png) no-repeat left center; padding-left:28px;}
.toplm_li9{background:url(../images/lmtb9.png) no-repeat left center; padding-left:28px;}
.topdl{ width:240px; text-align:right; margin-right:30px;float:right;padding-top: 5px;}
.topdl ul li{display:inline-block; margin-right:10px;line-height:25px; font-size:16px; color:#FFF;}
.topdl ul li a{color:#FFF;}
.topdl ul li:nth-child(1){background:url(../images/lmtb7.png) no-repeat left center; padding-left:30px;}
.topdl ul li:nth-child(2){background:url(../images/lmtb8.png) no-repeat left center; padding-left:30px;}
.leftmenu{}

/*头部*/
/*左侧*//*
.leftmenu{position: fixed;top: 0;bottom: 0;left: 0;width:180px;margin-top: 75px;display: block; z-index: 1000;color: #fff;font-weight: 200; background: #fff;}
.leftmenubt{ height:60px; line-height:60px; color:#25307f; font-size:18px; text-indent:15px}
.leftmenufl{ width:180px;}
.leftmenufl ul li{ width: 100%;font-size:16px; line-height:42px; height:42px; color:#666; padding:0 15px;}
.leftmenufl ul li a{display:block;color:#666;width:100%;height:42px;line-height:42px;text-decoration: none;}
.leftmenufl ul li span{ float:right;}
.leftmenufl ul li.on{ width: 100%;background: #cd0000; color:#fff;border-left:4px solid #25307f;}
.leftmenufl ul li.on a{display:block;color:#fff;width:100%;height:42px;line-height:42px;text-decoration: none;}
.leftmenufl ul li:hover{ width: 100%;background: #cd0000; color:#fff;border-left:4px solid #25307f;}
.leftmenufl ul li:hover a{display:block;color:#fff;width:100%;height:42px;line-height:42px;text-decoration: none;}*/


/*.leftmenu{position: fixed;top: 0;bottom: 0;left: 0;width: 200px;margin-top: 60px;display: block; z-index: 1000;color: #fff;font-weight: 200; background: #fff;overflow-y: auto;}
.leftmenubt{ height:60px; line-height:60px; color:#25307f; font-size:18px; text-indent:25px}
.leftmenubt img{ height:20px;width: 20px; margin-bottom: 6px;line-height:60px;}
.leftmenufl{ width:200px;}
.leftmenufl ul li{ font-size:16px; line-height:42px; height:42px; color:#666; padding:0 25px;}
.leftmenufl ul li a{color:#666}
.leftmenufl ul li span{ float:right;}
.leftmenufl ul li.on{ background: #3644a7; border-left:4px solid #25307f;}
.leftmenufl ul li.on a{color:#fff}
.leftmenufl ul li:hover{ background: #3644a7; border-left:4px solid #25307f;}
.leftmenufl ul li:hover a{display:block;color:#fff;}*/
.leftmenu{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    margin-top: 60px;
    display: block;
    z-index: 1000;
    color: #fff;
    font-weight: 200;
    background: #fff;
    overflow-y: auto;
    /* 禁止横向滚动，彻底隐藏左右滚动条 */
    overflow-x: hidden;
}
/* 自定义纵向滚动条 - 细款 */
/* 滚动条整体宽度 */
.leftmenu::-webkit-scrollbar {
    width: 6px; /* 控制粗细，数值越小越细，推荐4~8px */
}
/* 滚动条轨道背景 */
.leftmenu::-webkit-scrollbar-track {
    background: #f5f5f5;
}
/* 滚动条滑块 */
.leftmenu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}
/* 滑块hover加深 */
.leftmenu::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

.leftmenubt{ 
    height:60px; 
    line-height:60px; 
    color:#25307f; 
    font-size:18px; 
    text-indent:25px
}
.leftmenubt img{ 
    height:20px;
    width: 20px; 
    margin-bottom: 6px;
    line-height:60px;
}
.leftmenufl{ 
    width:200px;
}
.leftmenufl ul li{ 
    font-size:16px; 
    line-height:42px; 
    height:42px; 
    color:#666; 
    padding:0 25px;
}
.leftmenufl ul li a{color:#666}
.leftmenufl ul li span{ float:right;}
.leftmenufl ul li.on{ 
    background: #3644a7; 
    border-left:4px solid #25307f;
}
.leftmenufl ul li.on a{color:#fff}
.leftmenufl ul li:hover{ 
    background: #3644a7; 
    border-left:4px solid #25307f;
}
.leftmenufl ul li:hover a{display:block;color:#fff;}
/* Firefox 细滚动条兼容 */
.leftmenu {
    scrollbar-width: thin; /* 细滚动条 */
    scrollbar-color: #ccc #f5f5f5;
}

/*左侧*/

/*右侧*/

.ymnr{margin-top:10px;margin-left:10px; width: 100%; min-height: 100%;}

.ymnr_view{margin-top:0px;margin-left:10px; width: 100%; min-height: 100%;}


.ymbt{ width: 100%; height:60px;line-height:60px;font-size: 20px;font-weight: bold; background:#fff;overflow:hidden; }
.ymbtz{ width:300px; float:left; margin-left:40px; font-size:28px; color:#555; font-weight:normal;}
.ymbtz a{ line-height:20px; text-align:center; background:#cd0000; overflow:hidden; font-size:15px; padding:4px 10px; color:#FFF; margin-left:20px}
.ymbty{ width:1000px; float: right}
.lxjj{}
.lxjj1{ width:48px; height:48px; background:#c09853; margin-top:20px; float:left}
.lxjj1 h1{font-size:16px; color:#fff; line-height:20px;font-weight:normal; text-align:center; padding-top:4px;}
.lxjj2{ width:220px; height:48px; background:#fff; margin-top:20px;float:left;text-align:center;}
.lxjj2 h1{font-size:18px; color:#333; line-height:48px;font-weight:normal; text-indent:15px}
.lxjj3{height:90px;display: flex;flex-direction: column;justify-content: center; font-size:13px;color:#666; line-height:22px; width:660px; margin-left:25px; float:left;font-weight:normal;}

.ymbty_500{ width:500px; float: right}

.ymhyzi{width: 100%; height:100px;line-height:100px;font-size: 20px;font-weight:normal ; background:#fff; margin-top:10px;text-indent:35px;color:#666;}


.jobcon{ width:700px; margin:40px auto ;}
.b1 li{ margin-bottom:20px; overflow:hidden;}
.b1 li span{font-size:18px;color:#323232;margin-right: 10px; display:block; float:left; line-height:40px; width:80px; text-align:justify}
.b1 li input, .b1 li select, .b1 li textarea{ width:580px; height:40px; border:1px solid #c7c7c7; padding:0 5px; font-size:16px; color:#999; border-radius:5px; background:#FFF;}
.b1 li select{ width:592px; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.select{position:relative;width:590px;}
.arrow{ width:0px; height:0px; position:absolute; top:12px; right:5px; transform:rotate(90deg); font-size:20px; color:#999;}
#message{ vertical-align:top; width:580px; height:88px; padding:5px;}
.submit, .reset{width:140px;height:40px;border-radius:5px;background-color: #c79e4e;color:#ffffff;margin-right:20px; margin-top:20px;}
.submit{margin-left:90px;background-color:#529c9f;}

.wzdb{width:100%; height:290px; background:#0263b4; overflow:hidden;}

.ddxq{width: 100%; height:220px; background:#fff; margin-top:10px; overflow:hidden;}
.ddxqlm{width:95%; margin-left:35px; margin-top:20px;}
.ddxqlm ul li{ width:25%; float:left; font-size:16px; line-height:44px;}
.ddxqlm ul li:last-child{width:50%;}
.ddkszt{margin-left:35px; margin-top:35px; overflow:hidden; }
.ddkszt1{ width:140px; height:40px; background:#c79e4e; border-radius:5px; float:left; line-height:40px;font-size:18px; color:#FFF;text-align:center;}
.ddkszt2{ width:140px; height:40px; background:#529c9f;border-radius:5px;  float:left;line-height:40px;font-size:18px;color:#FFF;text-align:center; margin-left:10px}
.ddztlb{width:95%; margin-left:35px; margin-top:30px;font-size:18px; line-height:20px;}

.xiugai{ display:inline-block; width:60px; height:24px; background:#519c9f; margin:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.xiugai a{ color:#FFF}
.paidan{ display:inline-block;width:60px; height:24px; background:#466c99;margin:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.paidan a{ color:#FFF}
.btn_edit{ display:inline-block; width:60px; height:30px; background:#519c9f; margin:0 0px; line-height:30px;border-radius:5px;color:#FFF}
.btn_edit a{ display:inline-block;color:#eee;font-size: 15px;}
.btn_del{ display:inline-block;width:60px; height:30px; background:#466c99;margin:0 0px; line-height:30px;border-radius:5px;color:#FFF}
.btn_del a{ display:inline-block;color:#eee;font-size: 15px;}
.btn_edit_pd{ display:inline-block; width:120px;text-align: center; height:40px; background:#519c9f; margin:0 0px; line-height:40px;border-radius:5px;color:#FFF}
.btn_edit_pd a{ display:inline-block;color:#eee;font-size: 15px;text-align: center;}
.btn_del_pd{ display:inline-block;width:120px;text-align: center; height:40px; background:#466c99;margin:0 0px; line-height:40px;border-radius:5px;color:#FFF}
.btn_del_pd a{ display:inline-block;color:#eee;font-size: 15px;text-align: center;}

.qjtj{width: 100%;background:#fff;  overflow:hidden; margin-top:10px;}

.qjtj .jobcon1{ width:100%; margin:20px;}
.qjtj li{ font-size:18px;color:#323232;float:left;overflow:hidden;font-weight: bold;line-height:40px;margin:0 10px;}
.qjtj li span{ font-weight: lighter;display:block; float:left; text-align:justify}

.qjtj .b1 li.xingming{ width:230px;float:left}
.qjtj .b1 li.xingming input{width:80px; height:40px; border:1px solid #c7c7c7; padding:0 10px; font-size:16px; color:#999; border-radius:5px; background:#FFF;}
.qjtj .b1 li.bumen{ width:230px;float:left}
.qjtj .b1 li.bumen select{ width:112px; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.qjtj .b1 li.bumen .select{position:relative;width:110px;}
.qjtj .b1 li.bumen .arrow{ width:0px; height:0px; position:absolute; top:12px; right:5px; transform:rotate(90deg); font-size:20px; color:#999;}
.qjtj .b1 li.shijian{width:500px;float:left}

.qjtj .b1 li.shijian input{width:480px; height:40px; border:1px solid #c7c7c7; padding:0 10px; font-size:16px; color:#999; border-radius:5px; background:#FFF;}
#qjtime1{background: url(../images/sjtb.png) no-repeat right center;}
#qjtime2{background: url(../images/sjtb.png) no-repeat right center;}
.qjtj .b1 li select{ width:300px; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.qjtj .b1 li.shiyou{ width:810px;float:left}
.shiyou #message{ vertical-align:top; width:700px; height:40px; padding:0 5px;}
.qjtj .submit{width:140px;height:40px;border-radius:5px;background-color: #cd0000;color:#ffffff;margin-right:0px; margin-top:0px; float: right}
.qjtj .reset{width:140px;height:40px;border-radius:5px;background-color: #cd0000;color:#ffffff;margin-right:0px; margin-top:0px; float: right}
.qjtj .submit{margin-left:0px;background-color:#cd0000;}


.jobcon2{ width:470px; float:right; margin-top:50px}
.jobcon2 .b2 li{ margin-bottom:20px; overflow:hidden;}
.jobcon2 .b2 li span{font-size:18px;color:#323232;margin-right: 10px; display:block; float:left; line-height:40px; width:100px; text-align: right}
.jobcon2 .b2 li input, .jobcon2 .b2 li select, .jobcon2 .b2 li textarea{ width:340px; height:40px; border:1px solid #c7c7c7; padding:0 5px; font-size:16px; color:#999; border-radius:5px; background:#FFF;}
.jobcon2 .b2 li select{ width:340px; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.jobcon2 .select{position:relative;width:340px;}
.jobcon2 .arrow{ width:0px; height:0px; position:absolute; top:12px; right:5px; transform:rotate(90deg); font-size:20px; color:#999;}
.jobcon2 #message{ vertical-align:top; width:580px; height:88px; padding:5px;}
.jobcon2 .submit, .jobcon2 .reset{width:140px;height:40px;border-radius:5px;background-color: #c79e4e;color:#ffffff;margin-right:20px; margin-top:20px;}
.jobcon2 .submit{margin-left:110px;background-color:#529c9f;}


.sstj{width: 100%;background:#fff;  overflow:hidden; margin-top:10px; padding-bottom:10px}

.jobcon3{ width:1000px; margin:40px 0 0 35px;}
.b3 li{ margin-bottom:20px; overflow:hidden; width:140px;  margin-right:2px;}
.b3 li.name1{float:left}
.b3 li.name2{float:left}
.b3 li.name3{float:left}
.b3 li.name4{float:left}
.b3 li.name5{float:left}
.b3 li.name6{float:left}
.b3 li.name8{width:330px; float:left}
.b3 li.name9{width:330px;float:left}
.b3 li.name10{width:330px;float:left}
.b3 li.name11{float:left}
.b3 li.name12{float:left}
.b3 li.name13{float:left}
.b3 li.name14{float:left}
.b3 li.name15{float:left}
.b3 li.name16{float:left}

.b3 li span{font-size:18px;color:#323232;margin-right: 10px; display:block; float:left; line-height:40px; width:80px; text-align:justify}
.b3 li input, .b3 li select, .b3 li textarea{ width:120px; height:40px; border:1px solid #c7c7c7; padding:0 5px; font-size:16px; color:#999; border-radius:5px; background:#FFF; overflow:hidden;}
.b3 li select{ width:130px; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;border:1px solid #c7c7c7;border-radius:5px;padding:0 5px;}
.jobcon3 .select{position:relative;width:130px;}
.jobcon3 .arrow{ width:0px; height:0px; position:absolute; top:12px; right:5px; transform:rotate(90deg); font-size:20px; color:#999;}
.jobcon3 #message{ vertical-align:top; width:580px; height:88px; padding:5px;}
.jobcon3 .submit, .jobcon3 .reset{width:130px;height:40px;border-radius:5px;background-color: #25307f;color:#ffffff;margin-right:0px; margin-top:0px; float:left}
.jobcon3 .submit{margin-left:0px;background-color:#25307f;}

#qdtime1{background: url(../images/sjtb.png) no-repeat right center;}
#qdtime2{background: url(../images/sjtb.png) no-repeat right center;}
#lxtime1{background: url(../images/sjtb.png) no-repeat right center;}
#lxtime2{background: url(../images/sjtb.png) no-repeat right center;}
#dqtime1{background: url(../images/sjtb.png) no-repeat right center;}
#dqtime2{background: url(../images/sjtb.png) no-repeat right center;}

/*.ymbt{ width: 100%; height:120px;line-height:120px;font-size: 20px;font-weight: bold; background:#f4f5f7;}*/
/*.ymbtz{ width:200px; float:left; margin-left:40px; font-size:18px; color:#333; font-weight:normal;}*/
/*.ymbtz a{ line-height:20px; text-align:center; background:#cd0000; overflow:hidden; font-size:12px; padding:4px 10px; color:#FFF; margin-left:20px}*/


.ymbtz1{ width:125px; float:left; margin-left:40px; font-size:26px; color:#333; font-weight:normal;}
.sousuo1{ width:600px;float:right;}
.jobcon4{ width:600px; margin:25px 0 0 15px;}
.b4 li{ margin-bottom:20px; overflow:hidden; width:180px;  margin-right:2px; float:left}
.b4 li input, .b4 li select, .b4 li textarea{ width:175px; height:40px; border:1px solid #c7c7c7; padding:0 5px; font-size:16px; color:#999; border-radius:5px; background:#FFF; overflow:hidden;font-weight:normal;}
.b4 li select{ width:130px; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;border:1px solid #c7c7c7;border-radius:5px;padding:0 5px;}
.jobcon4 .select{position:relative;width:130px;}
.jobcon4 .arrow{ width:0px; height:0px; position:absolute; top:12px; right:5px; transform:rotate(90deg); font-size:20px; color:#999;}
.jobcon4 #message{ vertical-align:top; width:580px; height:88px; padding:5px;}
.jobcon4 .submit, .jobcon4 .reset{width:80px;height:40px;border-radius:5px;background-color: #466c99;margin:0 0px;line-height:30px;color:#ffffff;margin-right:0px; margin-top:0px; float:left}
.jobcon4 .submit{margin-left:0px;background-color:#466c99;font-weight:normal;font-size:16px;}


.jobcon64{ text-align:center;margin:15px 25%;width: 100%;height: 70px;line-height: 70px;}
.b4 li{ margin-bottom:20px; overflow:hidden; width:230px;  margin-right:2px; float:left}
.b4 li input, .b4 li select, .b4 li textarea{ width:225px; height:40px; border:1px solid #c7c7c7; padding:0 5px; font-size:16px; color:#999; border-radius:5px; background:#FFF; overflow:hidden;font-weight:normal;}
.b4 li select{ width:130px; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;border:1px solid #c7c7c7;border-radius:5px;padding:0 5px;}
.jobcon64 .select{position:relative;width:130px;}
.jobcon64 .arrow{ width:0px; height:0px; position:absolute; top:12px; right:5px; transform:rotate(90deg); font-size:20px; color:#999;}
.jobcon64 #message{ vertical-align:top; width:580px; height:88px; padding:5px;}
.jobcon64 .submit, .jobcon64 .reset{width:120px;height:40px;border-radius:5px;background-color: #25307f;margin:0 0px;line-height:30px;color:#ffffff;margin-right:0px; margin-top:0px; float:left}
.jobcon64 .submit{margin-left:0px;background-color:#25307f;font-weight:normal;font-size:16px;}

.jobcon5{ width:100%; margin:10px 20px;float:left;overflow:hidden;line-height: 50px;}
.b5{ width:60%; float:left;overflow:hidden;line-height: 50px;}
.b51{ width:25%; float:left;overflow:hidden;}
.b52{ width:14%; margin-left:1%; float:left;overflow:hidden;}
.b5_input{height: 40px;line-height: 40px; border:1px solid #c7c7c7; padding:0 1%; font-size:14px; color:#333; border-radius:5px; background:#FFF; overflow:hidden;}

.b5 li{ margin-bottom:20px; overflow:hidden; display:inline-block; }
.b5 li.name1{ width:52%;}
.b5 li.name2{width:32%;}
.b5 li.name3{width:32%;}
.b5 li.name4{width:32%;}
.b5 li.name5{width:32%;}
.b5 li.name6{width:32%;}


.b5 li input, .b5 li select, .b5 li textarea{ width:90%; height:40px; border:1px solid #c7c7c7; padding:0 1%; font-size:13px; color:#999; border-radius:5px; background:#FFF; overflow:hidden;}
.b5 li select{ width:90%; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;border:1px solid #c7c7c7;border-radius:5px;padding:0 5px; font-size:13px; color:#666}
.jobcon5 .select{position:relative;width:100%;}
.jobcon5 .arrow{ width:0px; height:0px; position:absolute; top:12px; right:15px; transform:rotate(90deg); font-size:20px; color:#999;}
.jobcon5 #message{ vertical-align:top; width:96%; height:94px; padding:5px;border:1px solid #c7c7c7;}
.jobcon5 .submit{width:83%;height:40px;line-height: 40px;text-align:center;font-size: 14px;border-radius:5px;background-color: #529c9f;color:#ffffff; margin-left:2%;margin-top:0px; float:left}
.jobcon5 .submit1{width:40%;height:40px;line-height: 40px;text-align:center;font-size: 14px;border-radius:5px;background-color: #c79e4e;color:#ffffff;margin-right:2%; margin-top:8px; float:left; text-align:center}
.jobcon5 .submit2{width:40%;height:40px;line-height: 40px;text-align:center;font-size: 14px;border-radius:5px;background-color: #466c99;color:#ffffff;margin-right:2%; margin-top:8px; float:left;text-align:center}
.ymlmnr11{width: 100%; min-height:621px;background: #FFF; margin-top:0px; overflow:hidden; padding-bottom:100px}
.kehulm{ width:100%; height:41px; margin-top:10px; margin-bottom:-10px;}
.kehulm ul li{ display:inline-block; padding:0 14px;height:40px; background:#FFF;  margin-right:4px; line-height:40px; font-size:15px; text-align:center;}
.kehulm ul li a{display:inline-block; color:#333}
.kehulm ul li.on{background:#25307f;}
.kehulm ul li.on a{display:inline-block;color:#fff}
.kehulm ul li:hover{background:#25307f;}
.kehulm ul li:hover a{display:inline-block;color:#fff}
.kehulm2{ width:1000px; height:41px; margin-top:10px; margin-bottom:-10px;}
.kehulm2 ul li{ display:inline-block; width: 130px;padding:0px;height:40px; background:#FFF;  margin-right:4px; line-height:40px; font-size:15px; text-align:center;}
.kehulm2 ul li a{display:block; color:#333}
.kehulm2 ul li.on{background:#25307f;}
.kehulm2 ul li.on a{display:block;color:#fff}
.kehulm2 ul li:hover{background:#25307f;}
.kehulm2 ul li:hover a{display:block;color:#fff}



.xsjl{width:95%; margin-left:35px; margin-top:35px; overflow:hidden;}
.xsjl ul li{ width:140px; height:40px; background:#c79e4e; margin-right:10px; font-size:16px; line-height:40px; text-align:center; float:left; border-radius:5px; color:#FFF }
.xsjl ul li a{color:#FFF }
.xsjl ul li.ckxsjl{ background:#529c9f;}

.czbj1{ display:inline-block; height:24px; font-size:14px; background:#4f9ca2; margin:0 2px; padding:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.czbj1 a{ color:#FFF}
.czbj2{ display:inline-block; height:24px;font-size:14px; background:#c49f51; margin:0 2px; padding:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.czbj2 a{ color:#FFF}
.czbj3{ display:inline-block; height:24px;font-size:14px; background:#436c98; margin:0 2px; padding:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.czbj3 a{ color:#FFF}
.czbj4{ display:inline-block; height:24px;font-size:14px; background:#4f9ca2; margin:0 2px; padding:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.czbj4 a{ color:#FFF}
.czbj5{ display:inline-block; height:24px;font-size:14px; background:#c49f51; margin:0 2px; padding:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.czbj5 a{ color:#FFF}
.czbj6{ display:inline-block; height:24px;font-size:14px; background:#436c98; margin:0 2px; padding:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.czbj6 a{ color:#FFF}
.czbj7{ display:inline-block; height:24px;font-size:14px; background:#4f9ca2; margin:0 2px; padding:0 5px; line-height:24px;border-radius:5px;color:#FFF}
.czbj7 a{ color:#FFF}




.xgmm{ width:96%;background: #f4f5f7; overflow:hidden; margin-left:35px; margin-top:35px}
.xgmm1{ width:1000px; margin:0 auto;}
.xgmmtu{ width:516px; float:left;}




.xstj{width: 100%; min-height:100px;line-height:100px; background:#fff; margin-top:10px;}
.xstj1{display:inline-block; text-indent:25px;line-height:100px;font-size: 20px;font-weight:normal ;}
.xstj1 span{ width:20px; height:30px; background:#cd0000; margin:0 3px;color:#FFF;border-radius:3px;padding:5px 10px;}
.xstj2{display:inline-block;font-size: 20px;text-indent:40px;font-weight:normal ;}
.xstj2 span{ width:20px; height:30px; background:#cd0000; margin:0 3px;color:#FFF;border-radius:3px;padding:0 3px;}
.xstj3{display:inline-block;font-size: 20px;text-indent:40px;font-weight:normal ;}
.xstj3 span{ width:20px; height:30px; background:#cd0000; margin:0 3px;color:#FFF;border-radius:3px; padding:0 3px;}
.yytx{width:95%; margin-left:35px; margin-top:35px;font-size:20px; line-height:20px;}
.yytxlb{width:95%; margin-left:35px; margin-top:30px; overflow:hidden;}

.whjl{width:95%; margin-left:35px; margin-top:35px;font-size:18px; line-height:20px;}
.whjllb{width:95%; margin-left:35px; margin-top:30px; overflow:hidden;}
.qktx{width:95%; margin-left:35px; margin-top:35px;font-size:18px; line-height:20px;}
.qktxlb{width:95%; margin-left:35px; margin-top:30px; overflow:hidden;}

.wpdjl{width:95%; margin-left:35px; margin-top:35px;font-size:18px; line-height:20px;}
.wpdjllb{width:95%; margin-left:35px; margin-top:30px; overflow:hidden;}


.cybglb{width:95%; margin-left:35px; margin-top:30px; overflow:hidden;}
.cywzlb{width:95%; margin-left:35px; margin-top:30px; overflow:hidden;}
.ysqjlb{width:95%; margin-left:35px; margin-top:30px; overflow:hidden;}


.jobcon8{ width:780px; margin:40px auto ;}
.jobcon8 .b8 li{ margin-bottom:20px; overflow:hidden;}
.jobcon8 .b8 li span{font-size:18px;color:#323232;margin-right: 10px; display:block; float:left; line-height:40px; width:160px; text-align:justify}
.jobcon8 .b8 li input, .jobcon8 .b8 li select, .jobcon8 .b8 li textarea{ width:580px; height:40px; border:1px solid #c7c7c7; padding:0 5px; font-size:16px; color:#999; border-radius:5px; background:#FFF;}
.jobcon8 .b8 li select{ width:592px; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.jobcon8 .select{position:relative;width:590px;}
.jobcon8 .arrow{ width:0px; height:0px; position:absolute; top:12px; right:5px; transform:rotate(90deg); font-size:20px; color:#999;}
.jobcon8 #message{ vertical-align:top; width:580px; height:88px; padding:5px;}
.jobcon8 .submit, .jobcon8 .reset{width:140px;height:40px;border-radius:5px;background-color: #c79e4e;color:#ffffff;margin-right:20px; margin-top:20px;}
.jobcon8 .reset{margin-left:170px;background-color:#529c9f;}
.jobcon8 .submit{margin-left:20px;}
.jobcon8 .scwj .textbox{width:476px !important;}
.jobcon8 .scwj .btnCls{width:100px !important;}



.xsjl1{width:95%; margin-left:35px; margin-top:35px; overflow:hidden;}
.xsjl1 ul li{ width:140px; height:40px; background:#529c9f; margin-right:10px; font-size:16px; line-height:40px; text-align:center; float:left;  color:#FFF }
.xsjl1 ul li a{color:#FFF }
#gdtime1{background: url(../images/sjtb.png) no-repeat right center;}
.gdtj{width: 100%;background:#fff;  overflow:hidden; margin-top:10px;}
.jobcon9{ width:100%; margin:40px 0 0 35px;}
.b9{ width:50%; float:left;overflow:hidden;}



.b91{ width:35%; float:left;overflow:hidden;}
.b92{ width:10%; margin-left:1%; float:left;overflow:hidden;}
.b9 li{ margin-bottom:20px; overflow:hidden; display:inline-block; }
.b9 li.name1{ width:24%;}
.b9 li.name2{width:24%;}
.b9 li.name3{width:24%;}
.b9 li.name4{width:24%;}
.b9 li.name5{width:24%;}
.b9 li.name6{width:24%;}
.b9 li.name7{width:24%;}
.b9 li.name8{width:24%;}

.b9 li input, .b9 li select, .b9 li textarea{ width:90%; height:40px; border:1px solid #c7c7c7; padding:0 1%; font-size:16px; color:#999; border-radius:5px; background:#FFF; overflow:hidden;}
.b9 li select{ width:94%; height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;border:1px solid #c7c7c7;border-radius:5px;padding:0 5px; font-size:16px; color:#666}
.jobcon9 .select{position:relative;width:100%;}
.jobcon9 .arrow{ width:0px; height:0px; position:absolute; top:12px; right:15px; transform:rotate(90deg); font-size:20px; color:#999;}
.jobcon9 #message{ vertical-align:top; width:96%; height:94px; padding:5px;border:1px solid #c7c7c7;}
.jobcon9 .submit{width:98%;height:106px;border-radius:5px;background-color: #529c9f;color:#ffffff; margin-left:0;margin-top:0px; float:left; line-height:106px; font-size:20px;}
.gdgllb{width:95%; margin-left:35px; margin-top:35px; overflow:hidden;}




.table-bordered {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e5e5;
}


/*右侧*/



/*
@media(max-width:1500px){
.dlnr{ width:1200px; height:600px;  background-size:100% 100%; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:50px}
.dlwz{ width:650px; float:left;}

.form-bg{ width:417px; height:461px; float:right;background:url(../images/dlmmbj.png) no-repeat left center; margin:60px 50px 0 0; overflow:hidden }

.toplm{ width:720px; float:left; margin-left:20px }
.toplm ul li{ display:inline-block; margin-left:15px; line-height:75px; font-size:16px; color:#FFF;}

.topdl{ width:290px; text-align:right; float:right;}
.topdl ul li{display:inline-block; margin-right:20px;line-height:75px; font-size:16px; color:#FFF;}


.leftmenu{position: fixed;top: 0;bottom: 0;left: 0;width:180px;margin-top: 75px;display: block; z-index: 1000;color: #fff;font-weight: 200; background: #fff;}
.leftmenubt{ height:60px; line-height:60px; color:#25307f; font-size:16px; font-weight: bold;text-indent:15px}
.leftmenufl{ width:180px;}
.leftmenufl ul li{ width: 100%;font-size:14px; line-height:42px; height:42px; color:#666; padding:0 15px;}
.leftmenufl ul li a{display:block;color:#666;width:100%;height:42px;line-height:42px;text-decoration: none;}
.leftmenufl ul li span{ float:right;}
.leftmenufl ul li.on{ width: 100%;background: #cd0000; color:#fff;border-left:4px solid #25307f;}
.leftmenufl ul li.on a{display:block;color:#fff;width:100%;height:42px;line-height:42px;text-decoration: none;}
.leftmenufl ul li:hover{ width: 100%;background: #cd0000; color:#fff;border-left:4px solid #25307f;}
.leftmenufl ul li:hover a{display:block;color:#fff;width:100%;height:42px;line-height:42px;text-decoration: none;}


.ymnr{margin-top: 95px;margin-left:220px; width: calc(100% - 220px);; min-height: calc(100% - 90px);}


.ymbt{ width: 100%; height:120px;line-height:120px;font-size: 20px;font-weight: bold; background:#f4f5f7;}
.ymbtz{ width:200px; float:left; margin-left:40px; font-size:18px; color:#333; font-weight:normal;}
.ymbtz a{ line-height:20px; text-align:center; background:#cd0000; overflow:hidden; font-size:12px; padding:4px 10px; color:#FFF; margin-left:20px}
.ymbty{ width:800px; float: right}
.lxjj{}
.lxjj1{ width:48px; height:48px; background:#25307f; margin-top:36px; float:left}
.lxjj1 h1{font-size:16px; color:#fff; line-height:20px;font-weight:normal; text-align:center; padding-top:4px;}
.lxjj2{ width:220px; height:48px; background:#fff; margin-top:36px;float:left}
.lxjj2 h1{font-size:18px; color:#333; line-height:48px;font-weight:normal; text-indent:15px}
.lxjj3{height:120px;display: flex;flex-direction: column;justify-content: center; font-size:14px;color:#666; line-height:22px; width:460px; margin-left:25px; float:left;font-weight:normal;}



}*/

.ymlmnr{width: 100%; min-height:740px;background: #FFF; margin-top:10px; overflow:hidden; padding-bottom:50px}
/*.ymlmnr{width: 100%; min-height:621px;background: #FFF no-repeat bottom center; margin-top:10px; overflow:hidden; padding-bottom:50px}*/
.ymlmnr table tr th{ font-size:14px; line-height:40px;font-weight: bold;text-align:center;vertical-align:middle;}
.ymlmnr table tr td{ font-size:13px; line-height:40px; text-align:center;font-weight:normal;vertical-align:middle;}
.ymlmnr table tr{ background:#eeeeee}
.ymlmnr table tr:nth-child(2n){ background:#fff}

.kehuviewnr{width: 100%; min-height:560px;background: #FFF; margin-top:10px; overflow:hidden; padding-bottom:100px}
/*.ymlmnr{width: 100%; min-height:621px;background: #FFF no-repeat bottom center; margin-top:10px; overflow:hidden; padding-bottom:50px}*/
.kehuviewnr table tr th{ font-size:14px; line-height:40px;font-weight: bold;text-align:center;vertical-align:middle;}
.kehuviewnr table tr td{ font-size:13px; line-height:40px; text-align:center;font-weight:normal;vertical-align:middle;}
.kehuviewnr table tr{ background:#eeeeee}
.kehuviewnr table tr:nth-child(2n){ background:#fff}

.kehuview_nr{width: 100%; background: #FFF no-repeat bottom center; margin-top:0px; overflow:hidden; padding-bottom:10px}
/*.ymlmnr{width: 100%; min-height:621px;background: #FFF no-repeat bottom center; margin-top:10px; overflow:hidden; padding-bottom:50px}*/
.kehuview_nr table tr th{ font-size:14px; line-height:40px;font-weight: bold;text-align:center;vertical-align:middle;}
.kehuview_nr table tr td{ font-size:13px; line-height:40px; text-align:center;font-weight:normal;vertical-align:middle;}
.kehuview_nr table tr{ background:#eeeeee}
.kehuview_nr table tr:nth-child(2n){ background:#fff}

.kehuview_nr_lib{width:95%; margin-left:35px; margin-top:0px; overflow:hidden;}

/*.ymlmnr1{ width:95%; margin-left:35px; margin-top:1px}*/
.ymlmnrtm{font-size:18px; line-height:90px}
.ymlmnr1{width: 100%; min-height:740px;background: #FFF; margin-top:10px; overflow:hidden; padding-bottom:50px}
.ymlmnr1 table tr th{ font-size:14px; line-height:35px;font-weight: bold;text-align:center;vertical-align:middle;}
.ymlmnr1 table tr td{ font-size:13px; line-height:35px; text-align:center;vertical-align:middle;}
.ymlmnr1 table tr{ background:#eeeeee}
.ymlmnr1 table tr:nth-child(2n){ background:#fff}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #ef5600; color: #fff;}



    .css_page_list {height:50px;text-align:center;}
    .css_page_list input.inputs{background-color:#F8FCF1;border:1px solid #67981F;color:#476815;font-size:14px;height:18px;line-height:100%;}
    .css_page_list select{font-size:14px;color:#080808;}
    .css_page_list span {background-color:#Fff;border:1px solid #efefef;color:#999;font-size:14px;height:35px;padding:5px 15px;text-decoration:none;}
    .css_page_list a {background-color:#Fff;border:1px solid #efefef;color:#080808;font-size:14px;height:35px;padding:5px 15px;text-decoration:none;}
    .css_page_list a:hover {text-decoration:none;}
    .css_page_list a.pagein {background-color:#cd0000;border:1px solid #cd0000;color:#fff;font-size:14px;padding:5px 15px;text-decoration:none;}
    .css_norecord td,.css_page_list td {background-color:#Fff;border:1px solid #efefef;color:#080808;font-size:14px;height:35px;padding:5px 10px;text-decoration:none;}



    .listContent{padding:0 10px 10px 10px;border-radius: 0 0 2px 2px;color: #9e9e9e;}
    .listContent1{float: left;width:50%;padding:0 10px;border-radius: 0 0 2px 2px;color: #9e9e9e;}
    .searchForm input{ border: 1px solid #dfdfdf;margin: 0 5px 0 5px; color: #4c4c4c;padding:0 8px;height: 40px;line-height: 40px;}
    .searchbtn{
        padding: 5px 8px;
        border: none;
        background: #25307f;
        border-radius: 2px;
        height: 40px!important;line-height: 40px;
        color: #FFFFFF!important;
        text-align: center;
        font-size: 14px;
        width: 80px;
    }
.searchForm input::-webkit-input-placeholder {
    color: #4c4c4c;
}
.searchForm input::-moz-placeholder {
    color: #4c4c4c;
    opacity: 1;
}
.searchForm input::placeholder {
    color: #bbb;
}
.listSelect {
    border: 1px solid #dfdfdf;
    height: 40px;
    line-height: 40px;
    width: 145px;
    margin-right: 5px;
    color: #4c4c4c;            /* 默认深色（有选中值时） */
}

/* 未选中时加这个 class，颜色变浅 */
.listSelect.placeholder {
    color: #bbb;
}

/* 下拉选项颜色 */
.listSelect option {
    color: #4c4c4c;
}
    /*.listSelect{border: 1px solid #dfdfdf;height: 40px;line-height: 40px;width: 145px;color: #aaa;margin-right: 5px;}*/
    .listSearch{width:100%;text-align: left;line-height: 25px;margin-top:0px;color: #4c4c4c;}
    .listSearchleft{width:120px;text-align:center;margin-top:20px;color: #4c4c4c;}
    .listSearchright{width:calc(100% - 120px);text-align: left;line-height: 35px;margin-top:20px;color: #4c4c4c;}
    .listSearch>.col-md-3,.listSearch>.col-md-6 {font-size: 16px;color: #333333;margin-bottom: 0px;}
    .listTable1{margin-top: 10px;color: #4c4c4c;}
    .listTable1 th{text-align: center;font-size: 14px;font-weight: 700;}
    .listTable1 td{text-align: center;line-height:normal;font-size: 13px;}
    .listTable{margin-top: 20px;color: #4c4c4c;}
    .listTable th{text-align: center;font-size: 12px;font-weight: 700;}
    .listTable td{text-align: center;line-height:normal;font-size: 12px;}

.Wdate{background:#fff url(../images/datePicker.gif) no-repeat right;}
.Wdate::-ms-clear{display:none;}



.index_nr_index{width: 100%; min-height:740px; margin-top:10px; overflow:hidden; padding-bottom:20px}
.index_nr1{width: 70%; background: #FFF no-repeat bottom center; margin-top:10px; overflow:hidden; padding-bottom:20px;float: left;}
.index_nr2{width: 28.8%; background: #FFF no-repeat bottom center; margin-top:10px; overflow:hidden; padding-bottom:20px;float: right;}
.index_nr3{width: 49.5%; background: #FFF no-repeat bottom center; margin-top:20px; overflow:hidden; padding-bottom:20px;float: left;}
.index_nr4{width: 49.5%; background: #FFF no-repeat bottom center; margin-top:20px; overflow:hidden; padding-bottom:20px;float: right;}
.index_nr5{width: 100%; background: #FFF no-repeat bottom center; margin-top:20px; overflow:hidden; padding-bottom:20px;float: left;}
/*.ymlmnr{width: 100%; min-height:621px;background: #FFF no-repeat bottom center; margin-top:10px; overflow:hidden; padding-bottom:50px}*/
.index_nr_index table tr th{ font-size:14px; line-height:40px;font-weight: bold;text-align:center;vertical-align:middle;}
.index_nr_index table tr td{ font-size:13px; line-height:40px; text-align:center;font-weight:normal;vertical-align:middle;}
/*.index_nr_index table tr{ background:#fff}
.index_nr_index table tr:nth-child(2n){ background:#fff}*/



/* kehu-view-daohang.php顶部css样式 */
        /* 顶部头部区域 */
        .page-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 10px;
        }
        .header-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .shop-name {
            font-size: 26px;
            font-weight: bold;
            color: #1677ff;
        }
        .shop-id {
            color: #666;
            margin-top: 4px;
        }
        .tag-box {
            display: flex;
            gap: 10px;
            margin-left: 16px;
        }
        .tag {
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 14px;
        }
        .tag-blue {
            background: #e8f3ff;
            color: #1677ff;
            border: 1px solid #91caff;
        }
        .tag-green {
            background: #f0fff4;
            color: #00b42a;
            border: 1px solid #73d13d;
        }
/* 新增 */
.tag-purple {
    background: #f9f0ff;
    color: #722ed1;
    border: 1px solid #b37feb;
}
.tag-orange {
    background: #fff7e6;
    color: #fa8c16;
    border: 1px solid #ffbb96;
}
.tag-red {
    background: #fff2f0;
    color: #f5222d;
    border: 1px solid #ff9c6e;
}
.tag-cyan {
    background: #e6fffb;
    color: #13c2c2;
    border: 1px solid #5cdbd3;
}
.tag-gold {
    background: #fffbe6;
    color: #faad14;
    border: 1px solid #ffd591;
}
.tag-gray {
    background: #f5f5f5;
    color: #595959;
    border: 1px solid #d9d9d9;
}
        .text-desc {
            color: #333;
            font-size: 15px;
            padding-top: 4px;
            /*font-weight: bold;*/
        }
/* 右侧按钮容器，横向并排按钮，间距紧凑 */
.header-btn-group {
    display: flex;
    align-items: center;
    gap: 8px; /* 按钮之间的间距，可改4px更紧贴 */
}
/* 你原有复制按钮样式保留 */
.btn-copy {
    background: #00b42a;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
}
/* 统一修改、删除按钮高度，和复制按钮对齐 */
.header-btn-group .btn {
    padding: 10px 16px;
    line-height: 1.2;
    text-decoration: none;
}
        /* 设备统计三卡片 */
        .device-row {
            display: flex;
            gap: 20px;
            margin-bottom: 14px;
        }
        .device-card {
            flex: 1;
            background: #f9f9f9;
            padding: 5px 24px;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    position: relative;
        }
/* 新增：右上角离线时长样式 */
.card-tip {
    position: absolute;
    top: 12px;
    right: 24px;
    font-size: 14px;
    color: #999;
}
        .card-label {
            font-size: 15px;
            font-weight: bold;
            color: #666;
            margin-bottom: 0px;
        }
        .card-value {
            font-size: 30px;
            font-weight: bold;
            color: #222;
        }
        /* 交易数据大卡片 */
        .trade-card {
            background: #f9f9f9;
            border-radius: 10px;
            padding: 10px 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        }
        .trade-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }
        .trade-title {
            font-size: 20px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
            color: #222;
        }
        .trade-title i {
            color: #1677ff;
        }
        .trade-subtext {
            color: #666;
            font-size: 14px;
            margin-top: 4px;
        }
        .btn-group {
            display: flex;
            gap: 10px;
        }
        .btn-normal {
            border: 1px solid #dcdcdc;
            background: #fff;
            padding: 6px 16px;
            border-radius: 4px;
            cursor: pointer;
        }
        .btn-purple {
            background: #5949e8;
            color: white;
            border: none;
            padding: 6px 16px;
            border-radius: 4px;
            cursor: pointer;
        }
        /* 顶部三个数据小卡片 */
        .data-row {
            display: flex;
            gap: 16px;
            margin-bottom: 10px;
        }
        .data-small-card {
            flex: 1;
            padding: 5px 20px;
            border-radius: 8px;
        }
        .card-purple {
            background: #f0f5ff;
        }
        .card-green {
            background: #f0fff7;
        }
        .card-yellow {
            background: #fffbeb;
        }
        .card-blue {
            background: #e9f5ff;
        }
        .small-label {
            font-size: 14px;
            color: #555;
        }
        .small-value {
            font-size: 28px;
            font-weight: bold;
            margin: 3px 0;
        }
        .small-tip {
            font-size: 13px;
            display: flex;
            align-items: center;
            gap: 4px;
        }
        .tip-up {
            color: #00b42a;
        }
        .tip-down {
            color: #f53f3f;
        }
        /* 图表容器 */
        #chart-box {
            width: 100%;
            height: 200px;
        }
        .chart-footer {
            display: flex;
            justify-content: space-between;
            margin-top: 2px;
            font-size: 13px;
            color: #888;
        }
        .legend-text {
            display: flex;
            gap: 16px;
        }
        .legend-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .legend-block-purple {
            width: 12px;
            height: 12px;
            background: #8a7aff;
        }
        .legend-block-green {
            width: 12px;
            height: 12px;
            background: #61d3a8;
        }

/*产品名称颜色*/
.cdb_chanpin_color_1{font-weight: bold;color:#0088ff;display: block;font-size:14px;}
.cdb_chanpin_color_2{font-weight: bold;color:#f59e0b;display: block;font-size:14px;}
.cdb_chanpin_color_3{font-weight: bold;color:#15a048;display: block;font-size:14px;}
.cdb_chanpin_color_4{font-weight: bold;color:#0055dd;display: block;font-size:14px;}

        /* 级别标签样式 */
        .cdb_jibie_1 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #dbeafe;
            color: #1d4ed8;
            border-radius: 2px;
            font-weight: bold;text-align: center;
        }
        .cdb_jibie_2 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #dbeafe;
            color: #1d4ed8;
            border-radius: 2px;
            font-weight: bold;text-align: center;
        }
        .cdb_jibie_3 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #e0e7ff;
            color: #4338ca;
            border-radius: 2px;
            font-weight: bold;text-align: center;
        }
        .cdb_jibie_4 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #eff6ff;
            color: #2563eb;
            border-radius: 2px;
            font-weight: bold;text-align: center;
        }
        .cdb_jibie_5 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #eff6ff;
            color: #2563eb;
            border-radius: 2px;
            font-weight: bold;text-align: center;
        }
        .cdb_jibie_6 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #eff6ff;
            color: #2563eb;
            border-radius: 2px;
            font-weight: bold;text-align: center;
        }
        .cdb_jibie_7 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #eff6ff;
            color: #2563eb;
            border-radius: 2px;
            font-weight: bold;text-align: center;
        }


        .cdb_qyzhuangtai_1 {
            color: #16a34a;
            display: inline-block;text-align: center;
        }
        .cdb_qyzhuangtai_2 {
            color: #666;
            display: inline-block;text-align: center;
        }
        .cdb_qyzhuangtai_3 {
            color: #666;
            display: inline-block;
            text-align: center;
        }
        /* 跟进状态 */
.cdb_gjzhuangtai_1 { color: #ef4444; font-weight: bold; } /* 红 */
.cdb_gjzhuangtai_2 { color: #9333ea; font-weight: bold; } /* 紫 */
.cdb_gjzhuangtai_3 { color: #16a34a; font-weight: bold; } /* 深绿 */
.cdb_gjzhuangtai_4 { color: #0284c7; font-weight: bold; }  /* 亮蓝 */
.cdb_gjzhuangtai_5 { color: #f97316; font-weight: bold; }  /* 橙 */
.cdb_gjzhuangtai_6 { color: #db2777; font-weight: bold; }  /* 玫红 */
.cdb_gjzhuangtai_7 { color: #65a30d; font-weight: bold; }  /* 浅草绿 */
.cdb_gjzhuangtai_8 { color: #0891b2; font-weight: bold; }  /* 青蓝 */
.cdb_gjzhuangtai_9 { color: #b45309; font-weight: bold; }  /* 琥珀棕 */
.cdb_gjzhuangtai_10 { color: #4f46e5; font-weight: bold; }/* 靛蓝 */
.tag-wrap{
    text-align: center;vertical-align:middle;
}
.tag-wrap > span{
    display: block;
    width: fit-content;          /* 块级收缩到内容宽度 */
    margin: 0 auto 1px auto;     /* 再居中 */
}

.tag-base {
    display: inline-block;
    box-sizing: border-box;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border-radius: 4px;
    font-weight: bold;
    margin-bottom: 2px; 
    text-align: center;
}/* 独家 绿色标签 */
.cdb_dujia_ {background: #ffeedd;color: #c2410c;}
.cdb_dujia_0 {background: #ffeedd;color: #c2410c;}
.cdb_dujia_1 {background: #dcfce7;color: #16a34a;}
.cdb_dujia_2 {background: #ffeedd;color: #c2410c;}

.cdb_xj_dujia_ {}
.cdb_xj_dujia_0 {}
.cdb_xj_dujia_1 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #dcfce7;
            color: #16a34a;
            border-radius: 4px;
            font-weight: bold;
            text-align: center;
        }
.cdb_xj_dujia_2 {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            padding: 0px 10px;
            background: #ffeedd;
            color: #c2410c;
            border-radius: 4px;
            font-weight: bold;
            text-align: center;
        }

/* 独家 绿色标签 */
.cdb_lixian_0 {background: #dcfce7;color: #16a34a;}
.cdb_lixian_1 {background: #cecece;color: #343434;}
/* 无分成 紫色标签 */
.cdb_fencheng_2 {background: #f9d5f9;color: #9333ea;}
.cdb_fencheng_1 {background: #fce7d2;color: #92400e;}

/* 特殊商户特殊类型 */
.cdb_tsleixing_1 {background: #ffeedd;color: #333;}
.cdb_tsleixing_2 {background: #dcfce7;color: #16a34a;}
.cdb_tsleixing_3 {background: #f9d5f9;color: #9333ea;}
.cdb_tsleixing_4 {background: #fce7d2;color: #92400e;}


/* 表格内专用缩小版样式，防止撑破单元格 */
.review-wrap {
    display: flex;
    align-items: flex-end;
    gap: 0px;
    padding: 0px 0;
    /* 删掉 overflow-x: auto; 禁止横向滚动 */
    overflow: hidden;
    /* 高度自适应，消除上下滚动 */
    height: auto;
    max-width: 100%;
}
.month-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 50px;
    flex-shrink: 1;
    line-height: 1.2;
}
.month-num {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
}
.month-num2 {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.2;
}
.bishu-text {
    color: #7b42f5;
}
.jine-text {
    color: #00b42a;
}
.bar-box {
    display: flex;
    gap: 1px;
    height: 20px;
    align-items: flex-end;
    margin: 0px 0;
}
.bar-bishu {
    width: 16px;
    background: linear-gradient(#b8a2ff, #7b42f5);
}
.bar-jine {
    width: 16px;
    background: linear-gradient(#a8f2c9, #00b42a);
}
.month-name {
    font-size: 12px;
    color: #333;
}
.avg-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 30px;
}
.avg-divider {
    width: 50px;
    height: 1px;
    background: #aaa;
    margin: 4px 0;
}
.device-side {
    display: flex;
    align-items: flex-end;
    gap: 0px;
}
.device-icon {
    font-size: 16px;
    color: #666;
    font-weight: bold;
}
.cangwei-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.cang-item {
    width: 60px;
    text-align: center;
    height:25px;
    line-height: 25px;
    font-size: 12px;
    padding: 0px 0;
    font-weight: bold;
}
.cang-yellow {
    /*background: #fff9b0;*/
    color: #000;
    font-weight: bold;
}
.cang-red {
    /*background: #ffd9d9;*/
    color: #c42828;
    font-weight: bold;
}
.cang-green {
    /*background: #d9ffe8;*/
    color: #00873a;
    font-weight: bold;
}