/*
* my.css PC端
*/


/*通用样式*/
.logintxt{color:#0056b3;font-size: 20px;font-weight: 600;}

.note.note-danger {border-radius: 2px;background-color: #ffffff;color: #888;position: relative;padding: 10px;}
.note.note-danger .website-link {position: absolute; right: 10px; top: 50%;transform: translateY(-50%); background-color: #007BFF;color: #ffff;border-radius: 5px;padding: 5px 10px;text-decoration: none;}
.note.note-danger .website-link:hover {background-color: #23527c;}

.page-header.navbar .page-logo .ilogo{color:#fff;font-size: 16px;margin-top: 5px;}
.page-header.navbar{background-color: #0056b3;}
.page-admin-all .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle {background-color: #0056b3;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {padding: 19px 12px 10px;}
.top-txt-menu{font-size: 14px!important;}
.page-admin-all .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a, .page-admin-all .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active>a{background: #0056b3;border-left: 4px solid #0056b3;color: #fff;}

.page-admin-all .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle i {color: #deb;}
.page-admin-all .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle .top-txt-menu {color: #deb;}
.page-bar .page-breadcrumb .on {color: #0056b3!important;}

.page-admin-all .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.open>a{background: #2890ff;color: #fff;border-left: 4px solid #0056b3;
}

#dr_menu_top_226 {display: none;}


.feeds li .mycol2 {width: 300px;float: right;}       

/**
 **
 ***  个人中心 ***
 **
 **/
 
/*值班安排*/
.calendar {width: 90%;margin: 10px auto 100px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.calendar-header {height: 100px;display: flex;justify-content: space-between;align-items: center;padding: 10px;background-color: #f0f0f0;}
.calendar-header button {background: none;border: none;font-size: 20px;cursor: pointer;}
#month-year {margin: 0;}
#calendar-table {width: 100%;border-collapse: collapse;}
#calendar-table th {border: none; text-align: center; }
#calendar-table thead th span { background-color: #e10600; border-top-left-radius: 30px;border-top-right-radius: 30px;
color: white;padding: 15px 55px;display: inline-block;}		
#calendar-table td {width: 130px;height: 100px;text-align: center;padding: 10px;border: 0.5px solid #ccc;position: relative;}
#calendar-table .date {position: absolute;top: 10px;left: 10px;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;background-color: #008080; color: white; font-size: 1em;}
#calendar-table .lunar-date {position: absolute;top: 10px;right: 10px;font-size: 1em;}
.today {background-color: #ffcccc;font-weight: bold;}
#calendar-table .festival {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 0.9em;
    color: #e10600;
}

/*通讯录 by stone*/
.note {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.note-danger {color: #a94442;background-color: #f2dede;}
.right-card-box {background-color: #fff;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.contact-table {width: 100%;border-collapse: collapse;border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.contact-table th,.contact-table td {padding: 12px 15px;text-align: left;border-bottom: 1px solid #ddd;}
.contact-table th {background-color: #0A4B9D;color: white;}
.contact-table tr:nth-child(even) {background-color: #f2f2f2;}
.contact-table tr:hover {background-color: #03a193;}
.contact-table th.sortable {cursor: pointer;}
.contact-table th.sortable::after {content: ' ▼';font-size: 10px;margin-left: 5px;opacity: 0.5;}
[data-ruzhiriqi],[data-zhuangtai] {position: relative;}
.contact-table td:nth-child(10) {font-weight: bold;}


/**
 **
 ***  培训资料 ***
 **
 **/

/* 入职培训css */
.train {width: 100%;margin: 0 auto;padding: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.train .tr {background-color: #fff;border-radius: 8px;box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);margin-bottom: 20px;padding: 20px;transition: transform 0.3s ease;width: calc(33.33% - 13.33px);}
.train .tr:hover {transform: translateY(-5px);}
.tr .title {font-size: 24px;color: #333;margin-bottom: 10px;}
.tr p{margin: 20px 0;font-size: 14px;line-height: 1.6;margin-bottom: 20px;}
.tr span{color: #03a193; margin-right: 100px;}
.tr .button {float:right;background-color: #007BFF;color: #fff;padding: 10px 20px;border-radius: 5px;text-decoration: none;transition: background-color 0.3s ease;}
.tr .button:hover {background-color: #0056b3;color:#fff;text-decoration: none;}
.st_content {font-size: 16px;color: #666;line-height: 1.6;margin-bottom: 20px;}
.st_down{margin: 50px auto;}

.train_container {max-width: 80%;margin: 0 auto;padding: 20px;}
.train_tit{width:100%;text-align: center;}
.train_tit h1 {font-size: 3.5rem;font-weight: 600;color: #007bff;margin-bottom: 20px;text-align: center;}
.train_down {text-align: center;margin: 20px 0;}
.train_button {display: inline-block; padding: 10px 20px;font-size: 1.5rem;color: #fff;background-color: #17a2b8;border-radius: 5px;text-decoration: none;transition: background-color 0.3s ease;}
.train_button:hover {background-color: #138496;text-decoration: none;color: #fff;}
.train_content {line-height: 1.6;margin-bottom: 30px;padding: 20px 80px;background-color: #fff;border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);}


/**
 **
 ***  品宣部  ***
 **
 **/
/*自媒体平台*/
.wemedia{width:100%;	margin:0 auto;}
.wm{width:23%;margin-right:1%;border:3px #0a4b9d solid;font-size:15px;height:350px;background-color:#fff !important;margin-bottom:10px;float:left;}
.wm:nth-child(4n+4){margin-right:0;}
.wm_title{ border-bottom: 1px #0a4b9d solid;text-align:center;display:flex}
.wm_title .left{width:60px;}
.wm_title .middle{width:100%}
.wm_title .wm_ico{display: block;width: 30px;height: 30px; margin: 0 auto;}
.wm_title span{color: #0a4b9d; font-weight: 500; font-size: 18px;line-height:29px;}
.tolink{width:60px;height:60px;}
.wm_msg{color: #000;line-height:1.44 !important;margin-top:20px;margin-left:10px;font-size:16px;text-align: left;} 



/*品宣海报css*/
.note {
    padding: 15px;
    background-color: #f8d7da;
    color: #721c24;
    border-radius: 4px;
    margin-bottom: 20px;
}
.right-card-box {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.haibao {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 五列 */
    gap: 60px; /* 间隙 */
}
.hb {
    flex: 1 1 calc(20% - 60px); /* 每列占 20% 宽度，减去间隙 */
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    margin-bottom: 15px; /* 底部间距 */
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hb:hover {
    transform: translateY(-5px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.3);
}
.hb_pic img {
    width: 100%;
    height: auto;
    display: block;
}
.hb_jieri {
    padding: 10px;
    text-align: center;
    background-color: #f8f9fa;
    border-top: 1px solid #ddd;
}
.hb_jieri span {
    font-size: 14px;
    color: #333;
}
.hb_more {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: #f8f9fa;
    border-top: 1px solid #ddd;
}
.hb_more a {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 5px 8px;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}
.hb_more a:hover {
    text-decoration: none;
}
.hb_more a:not(.cursor-not-allowed):hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* 下载按钮样式 */
.hb_more a:first-child:not(.cursor-not-allowed) {
    color: #007bff;
}
.hb_more a:first-child:not(.cursor-not-allowed):hover {
    color: #0056b3;
}

/* 文案按钮样式 */
.hb_more a:last-child:not(.cursor-not-allowed) {
    color: #28a745;
}
.hb_more a:last-child:not(.cursor-not-allowed):hover {
    color: #1e7e34;
}

/* 暂无图片样式 */
.hb_more a.cursor-not-allowed {
    color: #6c757d;
    cursor: not-allowed;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .haibao {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 992px) {
    .haibao {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .haibao {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .haibao {
        grid-template-columns: 1fr;
    }
    .hb_more {
        flex-direction: column;
    }
    .hb_more a {
        width: 100%;
        justify-content: center;
        margin: 2px 0;
    }
}


/*通用样式平台链接   
品宣部-百度贴吧，系统平台、开发部、设计平台,智能AI   */
.pt_container {width: 95%;margin: 0 auto; padding: 20px 0;}

/* 头部样式 */
.h-title {display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.logo {font-size: 24px;font-weight: 700;color: #333;}
.search-bar input {padding: 8px 12px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;}
.upload-btn {background-color: #409eff;color: #fff;border: none;padding: 8px 16px;border-radius: 4px;cursor: pointer;font-size: 14px;}
.upload-btn:hover {background-color: #66b1ff;}

/* 横幅样式 */
.pt_banner {display: flex;align-items: center;background-color: #f8f9fa;border-radius: 8px;padding: 20px;margin-bottom: 30px;}
.pt_banner-content {flex: 1;margin-right: 20px;}
.pt_badge {background-color: #ffe58f;padding: 4px 8px;border-radius: 4px;font-size: 12px;color: #333;display: inline-block;margin-bottom: 8px;font-weight: 900;}
.pt_banner-title {font-size: 20px;font-weight: 600;margin-bottom: 10px;color: #333;}
.pt_banner-desc {font-size: 14px;color: #666;margin-bottom: 15px;}
.chat-btn {background-color: #e7505a;color: #fff;border: none;padding: 10px 20px;border-radius: 4px;cursor: pointer;font-size: 14px;}
.chat-btn:hover {background-color: #333;}
.pt_banner-img img {width: 300px; height: auto;border-radius: 8px;}

/* 卡片列表样式 */
.card-list {display: grid;grid-template-columns: repeat(4, 1fr); /* 固定4列布局 */grid-gap: 20px;}

/* 单个卡片样式 - 固定高度设置 */
.card {background-color: #fff;border: 1px solid #eee;border-radius: 8px;padding: 18px;transition: box-shadow 0.3s ease;height: 360px; /* 固定高度设置为360px，可根据需要调整 */display: flex;flex-direction: column;}
.card:hover {box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);}
.card-header {display: flex;align-items: center;justify-content: space-between; margin-bottom: 10px;flex-shrink: 0; /* 防止头部区域被压缩 */}
.card-header img {width: 40px;height: 40px;border-radius: 50%;margin-right: 10px;}
.card-title-wrapper {display: flex;align-items: center;max-width: 70%;}
.card-title {font-size: 18px;font-weight: 600;margin-right: 10px;width: 100%;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pt_tag {float: right;background-color: #e1f5fe;color: #0288d1;padding: 4px 8px;border-radius: 4px;font-size: 16px;flex-shrink: 0; /* 防止标签被压缩 */}
.card-desc {font-size: 16px;color: #000;margin-bottom: 15px;line-height: 1.4;flex-grow: 1; /* 描述区域填充剩余空间 */overflow: hidden; -webkit-box-orient: vertical;}

/* 新增：卡片分隔线 */
.card-divider {width: 90%;height: 0.5px;background-color: #eee;margin: 0 auto 12px; /* 居中显示，上下留出间距 */}
.card-meta {display: flex;align-items: center;justify-content: space-between;font-size: 14px;color: #999;flex-shrink: 0; /* 防止底部区域被压缩 */}
.apply-btn {background-color: #409eff;color: #fff;border: none;padding: 6px 12px;border-radius: 4px;cursor: pointer;font-size: 12px;}
.apply-btn:hover {background-color: #66b1ff;}

/*详情页*/
.pt_shuoming {max-width: 100%;margin: 0 auto;}
.pt_shuoming .pt_tit{width:100%;text-align: center;}
.pt_shuoming .pt_tit h1 {font-size: 3.5rem;font-weight: 600;color: #007bff;margin-bottom: 20px;text-align: center;}
.pt_down {text-align: center;margin: 20px 0;}
.pt_button {display: inline-block; padding: 10px 20px;font-size: 1.5rem;color: #fff;background-color: #17a2b8;border-radius: 5px;text-decoration: none;transition: background-color 0.3s ease;}
.pt_button:hover {background-color: #138496;text-decoration: none;color: #fff;}
.pt_content {line-height: 1.6;margin-bottom: 30px;padding: 20px 80px;background-color: #fff;border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);min-height: 50rem;;}
.pt_con01{width:100%;margin:0 auto;display:flex;}
.pt_con01 .pt_con01_tit{width:10%;text-align:center;margin:30px 0;border-radius: 8px; color:#fff;font-size:16px;padding:5px 15px;}
.pt_con01 .ptcolor1{border:1px #03a193 solid; background-color:#03a193;}
.pt_con01 .ptcolor2{border:1px #ffe58f solid; background-color:#ffe58f;}
.pt_con01 a{width: 50%;margin: 31px 0;}

/* 响应式设计 - 横幅部分 */
@media (max-width: 768px) {
  .pt_banner {flex-direction: column;text-align: center;}
  .pt_banner-content {margin-right: 0;margin-bottom: 20px;}
  .pt_banner-img img {width: 100%;max-width: 300px;}
}

/* 响应式设计 - 卡片列表部分 */
@media (max-width: 1200px) {
  .card-list {grid-template-columns: repeat(3, 1fr);grid-gap: 15px;}
  .card {height: 300px; /* 小屏幕下适当减小高度 */}
  .card-title {font-size: 14px;}
  .card-desc {font-size: 12px;-webkit-line-clamp: 3; /* 小屏幕下减少行数 */}
  .card-meta {font-size: 12px;}
  .apply-btn {padding: 4px 8px;}
}

/* 超小屏幕优化 */
@media (max-width: 480px) {
  .header {flex-direction: column;align-items: flex-start;}
  .logo {margin-bottom: 10px;}
  .search-bar {width: 100%;margin-bottom: 10px;}
  .search-bar input {width: 100%;}
  .card-list {grid-template-columns: 1fr;}
  .card {height: 220px; /* 超小屏幕下进一步减小高度 */}
}



/**
 * 营销部
 */

/*营销活动 */
.activity{width:100%;	margin:0 auto;}
.act{width:30%;margin-right:4%;height:500px;background-color:#fff !important;margin-bottom:30px;float:left;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);position: relative;}
.act:nth-child(3n+3){margin-right:0;}
.act .act_pic{width:100%;margin:50px auto 0px;}
.act .act_pic img{width:80%;height:auto;margin-left:10%;}
.act .act_pic .grayscale-full {filter: grayscale(1);}
.act .act_zhuangtai{ position: absolute;top: 0; right: 0; z-index: 999;}
.act .act_zhuangtai img{width: 150px;height: 150px;}
.act_jiedian{width:80%;margin:10px auto;text-align:center;}
.act_jiedian span{font-size:20px;font-weight:bold;}
.act_title{width:80%;margin:10px auto;text-align:center;display:flex;}
.act_title p{border:1px #03a193  solid; border-radius: 8px; background-color: #03a193 ;color: white;font-size:16px;font-weight:400;margin:10px 0;padding:5px;}
.act_title span{font-size:18px;font-weight:600;color:#ed6b75;margin:15px;}
.act_more{width:100%;text-align:center;margin:10px 0} 
.act_more a{border:1px #03a193  solid; border-radius: 8px; color:#03a193;font-size:16px;padding:5px;text-decoration: none}
.act_more a:hover{text-decoration:none;}

.msg{width:100%;margin:0 auto;}
.msg_title{width:100%;margin:30px auto 0px;font-size:18px;line-height:30px;text-align:center;color:orange;}
.msg_tit01{width:10%;margin-top:30px;border:1px #03a193  solid; border-radius: 8px; color:#fff;background-color:#03a193;font-size:16px;padding:5px;}
.msg_txt{width:100%;margin-top:10px;font-size:15px;line-height:30px;}

.con01{width:100%;margin:0 auto;display:flex;}
.con01 .con01_tit{width:10%;text-align:center;margin:30px 0;border:1px #03a193  solid; border-radius: 8px; color:#fff;background-color:#03a193;font-size:16px;padding:5px 15px;}
.con01 p{margin:35px;font-size:16px;}

.con02{width:100%;margin:0 auto;}
.con02 .con02_tit{width:10%;text-align:center;margin:30px 0;border:1px #03a193 solid; border-radius: 8px; color:#fff;background-color:#03a193;font-size:16px;padding:5px 15px;}
.con02 .con02_msg{width:100%;margin-bottom:50px;}
.con02 .con02_msg a{margin-bottom: 10px;}
.con02 .con02_msg .wlb{margin-left:45%;text-align:center;border:1px #e7ecf1 solid; border-radius: 8px; color:#777;background-color:#e7ecf1  ;font-size:16px;padding:5px 15px;text-decoration: none}
.con02 .con02_msg .wlb:hover{text-decoration:none;}
.con02 .con02_msg .null{color:red;}

/*团购套餐样式*/
.taocan{width:100%;	margin:0 auto;}
.tc{width:30%;margin-right:4%;height:650px;background-color:#fff !important;margin-bottom:30px;float:left;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);  position: relative;}
.tc:nth-child(3n+3){margin-right:0;}
.tc .tc_pic{width:100%;margin:50px auto 0px;}
.tc .tc_pic img{width:80%;height:auto;margin-left:10%;}
.tc .tc_pic .grayscale-full {filter: grayscale(1);}
.tc .tc_zhuangtai{ position: absolute;top: 0; right: 0; z-index: 999;}
.tc .tc_zhuangtai img{width: 150px;height: 150px;}		
.tc_title{width:80%;margin:10px auto;text-align:center;}
.tc_title span{font-size:20px;font-weight:bold;}
.tc_title .span2{color:#c1bcbc;}
.tc_msg{width:90%;margin:10px auto;text-align:center;display:flex;}
.tc_msg p{border:1px #03a193  solid; border-radius: 8px; background-color: #03a193 ;color: white;font-size:16px;font-weight:400;margin:10px 0;padding:5px;}
.tc_msg span{font-size:18px;font-weight:600;color:#ed6b75;margin:15px;}
.tc_msg .p2{border:1px #c1bcbc  solid;background-color: #c1bcbc ;}
.tc_msg .span2{color:#c1bcbc;}
.tc_more{width:100%;text-align:center;margin:10px 0} 
.tc_more a{border:1px #03a193  solid; border-radius: 8px; color:#03a193;font-size:16px;padding:5px;text-decoration: none}
.tc_more a:hover{text-decoration:none;}

/*智能创作卖点*/
.table-container {display: flex;justify-content: space-between;}
.maidian_con {width: 80%;}
.stores_con {width: 15%;}
.table-container::after {content: "";display: table;clear: both;}
.maidian_table{border-collapse: collapse;width: 100%;text-align: left;font-family: Arial, sans-serif;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);margin: 0 auto;}
.maidian_table th {background-color: #e0f7fa;font-weight: bold;padding: 12px;text-align: center;border-bottom: 2px solid #b2ebf2;}
.maidian_table td {padding: 10px 15px;border-bottom: 1px solid #ddd;color: #333;font-size: 15px;font-weight: 400;}
.maidian_table tr:nth-child(even) {background-color: #f9f9f9;}
.maidian_table tr:hover {background-color: #e6e6e6;}
.mtable tr{border:0;background-color:transparent!important;}
.mtable td{border:0;}
.maidian-link{display: inline-block;padding: 5px 5px;background-color: #03a193;color: #fff;text-align: center;text-decoration: none;border: none;border-radius: 4px;cursor: pointer;font-size: 15px;margin-left:15px;}
.maidian-link:hover{background-color: #0056b3;color: #fff;text-decoration: none;}

.store-info-table {border-collapse: collapse;width: 100%;text-align: center;font-family: Arial, sans-serif;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);margin: 0 auto;}
.store-info-table th {background-color: #e0f7fa;font-weight: bold;padding: 12px;text-align: center;border-bottom: 2px solid #b2ebf2;}
.store-info-table td {padding: 10px 15px;border-bottom: 1px solid #ddd;color: #333;font-size: 16px;font-weight: 400;}
.store-info-table tr:nth-child(even) {background-color: #f9f9f9;}
.store-info-table tr:hover {background-color: #e6e6e6;} 



/**
 **
 ***  督导部  ***
 **
 **/

/*总经理下店记录css*/
.xdcalendar {width: 90%;margin: 10px auto 100px;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.xdcalendar-header {height:100px;display: flex;justify-content: space-between;align-items: center;padding: 10px;background-color: #f0f0f0;}
.xdcalendar-header button {background: none; border: none;font-size: 20px; cursor: pointer;}
#month-year {margin: 0;}
#xdcalendar-table {width: 100%;border-collapse: collapse;}
#xdcalendar-table th{	width:130px;height:50px; text-align: center;padding: 10px;border: 1px solid #ccc;}
#xdcalendar-table td {width:130px;height:100px;text-align: center;padding: 10px;border: 1px solid #ccc;}
#xdcalendar-table .today {background-color: #ffcccc;font-weight: bold;} 
#xdcalendar-table td { position: relative;width: 130px;height: 100px;}
.date-bg {position: absolute;top: 5px;left: 5px;width: 20px;height: 20px;background-color: #03a193 ;color: white;font-size: 12px;display: flex;align-items: center;justify-content: center;z-index: 1;}
.xiadian-info {position: relative;z-index: 2;padding: 20px 10px;*display: flex;flex-wrap: wrap;align-items: center;font-size: 17px;}
.popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;padding: 20px;border: 1px solid #ccc;z-index: 1000;}
.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 999;}
.info-icon-img {width: 15px;height: 15px;margin-left: 5px;cursor: pointer;}


/**
 **
 ***  系统部  ***
 **
 **/
/*系统部样式by stone*/
.xitong{width:100%;	margin:0 auto;}
.xt{width:23%;margin-right:1%;border:3px #03a193 solid;font-size:15px;height:350px;background-color:#fff !important;margin-bottom:10px;float:left;}
.xt:nth-child(4n+4){margin-right:0;}
.xt_title{ border-bottom: 1px #03a193 solid;text-align:center;display:flex}
.xt_title .left{width:60px;}
.xt_title .middle{width:100%}
.xt_title .xt_ico{display: block;width: 30px;height: 30px; margin: 0 auto;}
.xt_title span{color: #03a193; font-weight: 500; font-size: 18px;line-height:29px;}
.xt_title .tolink{width:60px;height:60px;}
.xt_msg{color: #000;line-height:1.44 !important;margin-top:20px;margin-left:10px;font-size:16px;text-align: left;} 
.xt_msg a{color:#000;}
.xt_msg a:hover{color:#000;text-decoration:none;}



/**
 **
 ***  开发部  ***
 **
 **/

/*开发部 -平台链接样式by stone*/
.kaifa{width:100%;	margin:0 auto;}
.kf{width:23%;margin-right:1%;border:3px #03a193 solid;font-size:15px;height:350px;background-color:#fff !important;margin-bottom:10px;float:left;}
.kf:nth-child(4n+4){margin-right:0;}
.kf_title{ border-bottom: 1px #03a193 solid;text-align:center;display:flex}
.kf_title .left{width:60px;}
.kf_title .middle{width:100%}
.kf_title .kf_ico{display: block;width: 30px;height: 30px; margin: 0 auto;}
.kf_title span{color: #03a193; font-weight: 500; font-size: 18px;line-height:29px;}
.tolink{width:60px;height:60px;}

.kf_msg{color: #000;line-height:1.44 !important;margin-top:20px;margin-left:10px;font-size:16px;text-align: left;} 
.kf_msg a{color:#000;}
.kf_msg a:hover{color:#000;text-decoration:none;}
.btablecss{border-collapse: collapse; overflow: hidden; max-height:230px; }
.btablecss tbody{display: block;  max-height: 220px;  }
.btablecss tbody tr td{  word-wrap: break-word; word-break: break-all;}

/*开发部 -账号密码样式-by stone*/
.uuidpwd{width:100%;margin:0 auto;}
.fenlei{float:left;width:100%;background: #204c97;height: 40px;line-height: 40px;text-align: left;margin-bottom: 10px;overflow:hidden;}
.fenlei .t1{text-indent: 36px;display: block;float: left;font-size:17px;color: #fff; background: url("../img/arrow-down.png") no-repeat 10px center;}
.fenlei .t2 {float: right; margin-right: 12px;font-size: 16px; color: #e1e5ec;}
.udp{display: inline-block;vertical-align: middle;position: relative;font-size:15px;min-height:300px;height:auto;width:25%;margin-bottom:20px;margin-right:5%;margin-top:0px;border:3px #03a193 solid;background-color:#fff;}
.udp:nth-child(3n){margin-right:0;}
.udp_tit{color: #03a193;font-weight: 500;font-size: 18px;line-height: 45px;border-bottom: 1px #03a193 solid;text-align:center;}
.udp_msg{margin:10px 10px 0 10px;}
.udp_msg i{color: #03a193;margin-right: 10px;font-size: 18px;font-style: normal;}
.udp_msg span{color: #000; display:block;line-height: 30px;}
.udp_msg .password-container {position: relative;display: inline-block;}
.udp_msg .password-mask{color: #000; display:inline-flex;line-height: 30px;}
.udp_msg .toggle-password {background: none;border: none;cursor: pointer;padding: 0 5px;margin-left: 5px;vertical-align: middle;}
.udp_msg .toggle-password:focus {outline: none;}


/**
 **
 ***  品牌资源  ***
 **
 **/

/*品牌资源样式-start*/
.ziyuan{width:100%;	margin:0 auto;}
.zy{width:30%;margin-right:4%;height:auto;background-color:#fff !important;margin-bottom:30px;float:left;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);position: relative;}
.zy:nth-child(3n+3){margin-right:0;}
.zy .zy_pic{width:100%;margin:50px auto 0px;}
.zy .zy_pic img{width:80%;height:auto;margin-left:10%;}

.zy .zy_video{width:100%;margin:50px auto 0px;position: relative;}
.zy .zy_video img{width:80%;height:auto;margin-left:10%;display: block; }
.zy .zy_video::after {content: "";position: absolute;top: 0;left: 10%; width: 80%;height: 100%;background-image: url("/static/assets/images/xms/mask_image.png"); background-size: cover;background-position: center;background-repeat: no-repeat;}

.zy .zy_zhuangtai{ position: absolute;top: 0; right: 0; z-index: 999;}
.zy .zy_zhuangtai img{width: 100px;height: 100px;}		
.zy_title{width:80%;margin:20px auto;text-align:center;}
.zy_title span{font-size:2rem;font-weight:bold;}
.zy_download{width:80%;margin: 20px auto;} 
.zy_download table{border-collapse: collapse;width: 100%;text-align: center;font-family: Arial, sans-serif;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.zy_download th{background-color: #e0f7fa;font-weight: bold;padding: 1.2rem;text-align: center;border-bottom: 0.2rem solid #b2ebf2;}
.zy_download td{padding: 1rem 1.5rem;border-bottom: 1px solid #ddd;color: #333;font-size: 1.4rem;font-weight: 400;}
.zy_download td a{border: 1px #03a193 solid;border-radius: 8px;background-color: #03a193;color: #fff;font-size: 1.4rem;padding: 4px 10px;text-decoration: none;display: inline-block;transition: background-color 0.3s ease;}
.zy_download td .mima-link{margin-left: 0.2rem;border: 1px #aaa solid;border-radius: 0.4rem;background-color: #aaa;color: #fff;font-size: 1.2rem;padding: 0.4rem 0.4rem;text-decoration: none;display: inline-block;transition: background-color 0.3s ease;}
.zy_download table tr td a:hover{background-color: #027a70;text-decoration: none;color: #fff;}
/*品牌资源样式-end*/


/*通知资讯样式*/
ul.news {list-style-type: none;padding: 0;margin: 0;}
ul.news li {border-bottom: 1px solid #eaeaea;padding: 15px 0;display: flex;align-items: center;transition: background-color 0.3s ease;}
ul.news li:hover {background-color: #f9f9f9;}
/* 新闻信息左半部分 */
.news01 {flex: 1;display: flex;align-items: center;min-width: 0; }
/* 消息容器 */
.msg {display: flex;align-items: center;min-width: 0; }
/* 消息类型 */
.msg-type {margin-right: 15px;flex-shrink: 0; }
.msg-type .msg-type-text{ display: inline-block;width: 100px; text-align: center; padding: 5px 10px; border-radius: 4px;font-size: 14px;font-weight: bold;margin-right: 8px; color: #fff;white-space: nowrap;}
.msg-type .color1 {background-color: #007bff;}
.msg-type .color2 {background-color: #28a745;}
.msg-type .color3 {background-color: #ffc107;}
.msg-type .color4 {background-color: #cd07ff;}
/* 消息头像 */
.msg-avatar {margin-right: 15px;flex-shrink: 0; }
.msg-avatar img {border-radius: 50%;height: 25px;}

/* 消息标题 */
.msg-tit {flex: 1;min-width: 0; }
.msg-tit .desc a {color: #000;text-decoration: none;font-size: 16px;transition: color 0.3s ease;display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.msg-tit .desc a:hover {color: #0056b3;}
/* 通知资讯右半部分 */
.news02 {text-align: right;min-width: 200px;font-size: 14px;color: #777;}    
/*通知资讯详情页*/
.news_container {max-width: 80%;margin: 0 auto;padding: 20px;}
.news_tit{width:100%;text-align: center;}
.news_tit h1 {font-size: 3rem;font-weight: 600;color: #007bff;margin-bottom: 20px;text-align: center;}
.news_tit h2 {font-size: 1.5rem;font-weight: 300;color: #000;margin-bottom: 20px;text-align: center;}
.news_down {text-align: center;margin: 20px 0;}
.news_button {display: inline-block; padding: 10px 20px;font-size: 1.5rem;color: #fff;background-color: #17a2b8;border-radius: 5px;text-decoration: none;transition: background-color 0.3s ease;}
.news_button:hover {background-color: #138496;text-decoration: none;color: #fff;}
.news_content {line-height: 1.6;margin-bottom: 30px;padding: 20px 80px;background-color: #fff;border-radius: 8px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);}


/**
**
**客户服务信息css
**
**/
/* 表格样式 */
.kfmsg {width: 100%;border-collapse: collapse;}
.kfmsg thead {background-color: #F7F8FA;}
.kfmsg th {text-align: left;padding: 16px 20px;font-weight: 600;color: #4E5969;text-transform: uppercase;font-size: 14px;letter-spacing: 0.5px;border-bottom: 1px solid #E5E6EB;}
.kfmsg tbody tr {border-bottom: 1px solid #E5E6EB;transition: background-color 0.2s ease;}
.kfmsg tbody tr:hover {background-color: rgba(22, 93, 255, 0.03);}

.kfmsg td {padding: 16px 24px;color: var(--text-secondary);font-size: 15px;}
.kfmsg td:first-child {padding-left: 24px;}
.kfmsg td:last-child {padding-right: 24px;}
.cola {background-color: #007bff;}
.colb {background-color: #03a193;}
.colc {background-color: #cb9d19;}
.cold {background-color: #e7505a;}
.source-text{	display: inline-block;width: 100px; text-align: center; padding: 5px 10px; border-radius: 4px;font-size: 14px;font-weight: bold;margin-right: 8px; color: #fff;white-space: nowrap;}
/* 顾客信息单元格样式 */
.kfmsg td:first-child table {
    width: 100%;
}

.kfmsg td:first-child table td {
    padding: 4px 0;
    border: none;
    font-size: 14px;
}

.kfmsg td:first-child table td:first-child {
    color: #86909C;
    width: 30%;
}

.kfmsg td:first-child table td:nth-child(2) {
    width: 5%;
    color: #86909C;
}

.kfmsg td:first-child table td:last-child {
    color: #86909C;
}

/* 操作按钮样式 */
.kfmsg td a {
    display: inline-flex;
    align-items: center;
    background-color: rgba(22, 93, 255, 0.08);
    color: #165DFF;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

.kfmsg td a:hover {
    background-color: rgba(22, 93, 255, 0.15);
}

.kfmsg td a i {
    margin-right: 6px;
}

/* 类型标签样式 */
.kfmsg td:nth-child(3) span {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}

.kfmsg td:nth-child(3) span.complaint {
    background-color: rgba(255, 77, 79, 0.1);
    color: #FF4D4F;
}

.kfmsg td:nth-child(3) span.suggestion {
    background-color: rgba(255, 125, 0, 0.1);
    color: #FF7D00;
}

.kfmsg td:nth-child(3) span.consultation {
    background-color: rgba(82, 196, 26, 0.1);
    color: #52C41A;
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .container {
        padding: 16px;
    }
    
    .kfmsg th, .kfmsg td {
        padding: 12px 16px;
    }
    
    .kfmsg th {
        font-size: 13px;
    }
    
    .kfmsg td {
        font-size: 14px;
    }
    
    .kfmsg td:first-child table td {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .note {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .note p {
        margin-bottom: 12px;
        margin-right: 0 !important;
    }
    
    .kfmsg thead {
        display: none;
    }
    .kfmsg tbody tr {
        display: block;
        margin-bottom: 24px;
        border-radius: 8px;
        border: 1px solid #36CFC9;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    
    .kfmsg tbody td {
        display: flex;
        padding: 8px 16px;
        border-bottom: 1px solid #36CFC9;
    }
    
    .kfmsg tbody td:last-child {
        border-bottom: none;
        justify-content: flex-end;
    }
    
    .kfmsg td:before {
        content: attr(data-label);
        font-weight: 600;
        color: #36CFC9;
        width: 120px;
        min-width: 120px;
    }
    
    .kfmsg td:first-child {
        padding: 0;
        display: block;
    }
    
    .kfmsg td:first-child:before {
        display: block;
        padding: 8px 16px;
    }
    
    .kfmsg td:first-child table {
        padding: 0 16px 8px;
    }
    
    .kfmsg td:first-child table td:first-child {
        width: 40%;
    }
}    



































/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/* 服务器续费情况样式-by stone */
.st{color: #8896a0; padding-left: 15px;padding-right: 0px!important;}
.stone{font-size: 11px!important; font-weight: 300; height: 20px; color: #fff; padding: 3px 6px;}
.bgc1{background-color: #03a193;}
.bgc2{background-color: #3fa8e1;}
.bgc3{background-color: #ed6b75;}
.buchong{font-size:15px; line-height:2.44; margin-top:5px;  margin-bottom:5px; }


/*百度贴吧平台样式-by stone*/
/*颜色块*/
.piece1{width:0;height:0;border:10px solid #2f353b;}
.piece2{width:0;height:0;border:10px solid #3fa8e1;}
.piece3{width:0;height:0;border:10px solid #03a193;}
.piece4{width:0;height:0;border:10px solid #e7505a;}
.piece5{width:0;height:0;border:10px solid #c49f47;}
.piece6{width:0;height:0;border:10px solid #441cdb;}

.tieba a{text-decoration: none;}
.tieba a:hover{text-decoration: none;color:#fff;}
.tieba a:focus{text-decoration: none;color:#fff;}
.btn_tb{font-size:15px; line-height:2.5;display: inline-block; margin:5px 5px 5px 0; color: #FFF;padding: 6px;border-radius:3px;}
.tb_color1{ background-color: #2f353b; border-color: #2f353b;}
.tb_color2{ background-color: #3fa8e1; border-color: #3fa8e1;}
.tb_color3{ background-color: #03a193; border-color: #03a193;}
.tb_color4{ background-color: #e7505a; border-color: #e7505a;}
.tb_color5{ background-color: #c49f47; border-color: #c49f47;}
.tb_color6{background-color:#441cdb;border-color:#441cdb;}


/*站长平台-by stone*/
.table .mytd{white-space: normal;text-align:left;color:#000;}
.mytd a{text-decoration: none;}
.mytd a:hover{text-decoration: none;color:#fff;}
.mytd a:focus{text-decoration: none;color:#fff;}
.btn_zz{color: #FFF; line-height:2.44;margin:5px 5px 5px 0;font-size:15px;padding: 10px 5px;border-radius: 3px;}
.col_green{background-color: #03a193; border-color: #03a193;}
.col_dark{background-color: #2f353b;border-color: #2f353b;}
.col_blue{background-color: #3fa8e1;border-color: #3fa8e1;}
.idlink {display: inline;}
.idlink input{color:#000000;border:none;line-height:20px;width:60px; }
.idlink a{color:#fff;}
.idlink a:hover{text-decoration:none;color:#fff;}


/*B2B营销平台样式-by stone*/
.btob{width:100%;margin:0 auto;}
.ul_title{float:left;width:100%;background: #204c97;height: 40px;line-height: 40px;text-align: left;margin-bottom: 10px;overflow:hidden;}
.ul_title .t1{text-indent: 36px;display: block;float: left;font-size:17px;color: #fff; background: url("../img/arrow-down.png") no-repeat 10px center;}
.ul_title .t2 {float: right; margin-right: 12px;font-size: 16px; color: #e1e5ec;}
.bb{display: inline-block;vertical-align: middle;position: relative;font-size:15px;min-height:250px;height:auto;width:18.5%;margin-bottom:20px;margin-right:1.5%;margin-top:0px;border:3px #03a193 solid;background-color:#fff;}
.bb:nth-child(5n+1){margin-right:0;}
.bb_num{float:left;color:#000;border-radius: 50%; border: 1px #f00 solid;width: 30px;height: 30px;line-height: 30px;margin-top: 5px;text-align:center;}
.bb_tit{color: #03a193;font-weight: 500;font-size: 18px;line-height: 45px;border-bottom: 1px #03a193 solid;text-align:center;}
.bb_buchong{color: #0a71ad;font-weight: 500;font-size: 16px;margin-top:10px;text-align: left;}
.bb_msg{ color: #000; line-height:1.44 !important; white-space: pre-wrap; margin-top:10px;text-align: left;width:98%;margin:0 auto;}
.bb_btn{margin-left:85%;margin-right:1% ;position: absolute; bottom: 10px;}
.bb_btn a{padding: 5px 5px;background-color: #204c97; color: #fff; border-radius: 5px; cursor: pointer;text-decoration:none;text-align:center;}   
.bb_btn a:hover{text-decoration:none;color:#fff;}

/*采购招投标平台样式-by stone*/
.cgzb{width:23%;margin-right:1%;border:3px #03a193 solid;font-size:15px;height:400px;background-color:#fff !important;margin-bottom:10px;float:left;}
.cgzb:nth-child(4n+4){margin-right:0;}
.cgzb_tit{ border-bottom: 1px #03a193 solid;text-align:center;color: #03a193; font-weight: 500; font-size: 18px;line-height:29px;}
.cgzb_msg{color: #000;line-height:1.44 !important;white-space: pre-wrap;margin-top:20px;margin-left:10px;font-size:16px;text-align: left;} 




/*部门常用外链样式by stone*/
.yingxiao{width:100%;	margin:0 auto;}
.yx{width:23%;margin-right:1%;border:3px #03a193 solid;font-size:15px;height:350px;background-color:#fff !important;margin-bottom:10px;float:left;}
.yx:nth-child(4n+4){margin-right:0;}
.yx_title{ border-bottom: 1px #03a193 solid;text-align:center;display:flex}
.yx_title .left{width:60px;}
.yx_title .middle{width:100%}
.yx_title .yx_ico{display: block;width: 30px;height: 30px; margin: 0 auto;}
.yx_title span{color: #03a193; font-weight: 500; font-size: 18px;line-height:29px;}
.tolink{width:60px;height:60px;}

.yx_msg{color: #000;line-height:1.44 !important;margin-top:20px;margin-left:10px;font-size:16px;text-align: left;} 
.yx_msg a{color:#000;}
.yx_msg a:hover{color:#000;text-decoration:none;}
.btablecss{border-collapse: collapse; overflow: hidden; max-height:230px; }
.btablecss tbody{display: block;  max-height: 220px;  }
.btablecss tbody tr td{  word-wrap: break-word; word-break: break-all;}