@import url("all.min.css");

/* 基础样式 */
:root {
    --primary-color: #0051c6;
    --secondary-color: #f38334;
    --light-color: #f8f9fa;
    --dark-color: #333;
    --gray-color: #666;
    --light-gray: #eee;
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    line-height: 1.6;
    color: #333;
    overflow-x: hidden;
    font-size:14px;
}
ul{list-style: none;}
a,a:hover{text-decoration: none;}

.bgff{background: #fff !important;}
.user{width:100%;height:100vh;display:flex;flex-direction: column;justify-content: space-around;padding:0 10px;}
.wrap{padding:0;}

.user_title{text-align:center;}
.user_title h2{font-size:20px;font-weight:bold;}
.user_title p{font-size:16px;margin-top:20px;font-weight:bold;}
.login_form .box{display:flex;height:40px;border:1px solid #ddd;width:100%;align-items: center;border-radius: 5px;overflow: hidden;margin-bottom:20px;padding:0 10px;}
.login_form .box input{flex:1;height:100%;border:none;outline: none;padding-left:10px;}
.form_btn .login_btn{background:#0051c6;width:100%;height:40px;display:flex;justify-content: center;align-items: center;border:0;outline:0;color:#fff;border-radius: 5px;}
.copyright{text-align:center;}

.header{background: linear-gradient(180deg, #111 0%, #222 50%, #333 100%);}
.header h2{font-size:16px;font-weight:bold;text-align: center;padding:20px 0; color: #fff;}
.nav{padding:20px;}


.nav ul li{padding-bottom:20px;width:100%;}
.nav ul li:last-child{padding-bottom:0;}

.nav ul li a{color:#fff;font-size:16px;padding:20px;display:flex;justify-content: space-between; border-radius: 10px; background: linear-gradient(135deg, var(--start), var(--end));}

/* 为每个 li 设置不同的金色渐变 - 修改为三种渐变循环，加深颜色，135deg方向 */

.nav ul li:nth-child(1) a,.nav ul li:nth-child(3) a ,.nav ul li:nth-child(5) a ,.nav ul li:nth-child(7) a  {
  /* 白金色渐变 - 加深偏浅但保持对比 */
  background: linear-gradient(90deg, #d9b44c 0%, #e7c15f 50%, #f5db7e 100%);
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .75) !important;
}

.nav ul li:nth-child(2) a,.nav ul li:nth-child(4) a ,.nav ul li:nth-child(6) a  {
  /* 白金色渐变 - 加深偏浅但保持对比 */
  background: linear-gradient(45deg, #d9b44c 0%, #e7c15f 50%, #f5db7e 100%);
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .75) !important;
}


.nav ul li a p {
  margin: 0;
  position: relative;
  padding-left: 30px;
}

.nav ul li:nth-child(1) a p::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f2dc"; /* 雪花图标 */
  position: absolute;
  left: 0;
  font-size: 20px;
}

.nav ul li:nth-child(2) a p::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f043"; /* 水滴图标 */
  position: absolute;
  left: 0;
  font-size: 20px;
}

.nav ul li:nth-child(3) a p::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f613"; /* 油壶图标 */
  position: absolute;
  left: 0;
  font-size: 20px;
}

.nav ul li:nth-child(4) a p::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f085"; /* 差速器图标 */
  position: absolute;
  left: 0;
  font-size: 20px;
}

.nav ul li:nth-child(5) a p::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f071"; /* 刹车图标 */
  position: absolute;
  left: 0;
  font-size: 20px;
}

.nav ul li:nth-child(6) a p::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f4d8"; /* 树叶图标 */
  position: absolute;
  left: 0;
  font-size: 20px;
}

.nav ul li:nth-child(7) a p::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f013"; /* 齿轮变速箱图标 */
  position: absolute;
  left: 0;
  font-size: 20px;
}


.nav ul li a img{width:26px;}

.footer{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;box-shadow: 0 -1px 0 rgba(0,0,0,.1);}
.footer_top{height:60px;background:#fff;}
.footer ul{display:flex;width:100%;height: 100%;justify-content: space-around;align-items: center;}
.footer ul li a{color:#333;display:flex;flex-direction: column;align-items: center;}
.footer ul li a i{font-size:20px;}
.footer ul li a p{font-size:14px;margin:0;}
.footer ul li.on a{color:#0051c6;}


/*  用户管理 */
.page-content-wrapper .page-content{padding:0 !important;}
.page-container-bg-solid .page-content{background:#fff !important;}
.portlet{margin-bottom:0;}

.portlet.light{ padding: 0!important;}
.hidden{display:none;}
.camera-btn {
    width: 34px;
    border-radius: 6px;
    /* background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm7-7H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-1.75 9c0 2.9-2.35 5.25-5.25 5.25S6.75 14.9 6.75 12 9.1 6.75 12 6.75 17.25 9.1 17.25 12z'/%3E%3C/svg%3E") center/20px no-repeat; */
    cursor: pointer;
    font-size:26px;
}
/* .camera-btn:hover {
    background-color: #f5f5f5;
} */


.tabbable-line .nav{padding: 0;}

.chepaihao{display:flex;gap:10px;align-items: center;}
/* 预览层（识别时临时显示） */
.preview-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 999;
}
#preview {
    width: 90%;
    max-width: 500px;
    height: 300px;
    margin-bottom: 20px;
}
#preview video, #preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    border-radius: 6px;
    display: none;
}
.mhead{position: relative;padding: 20px; background: linear-gradient(180deg, #111 0%, #222 50%, #333 100%);}
.mhead h2{font-size:18px;text-align:center;margin:0;color:#fff;}
.mhead a{color:#fff;font-size:18px;}
.mhead a.goback{position:absolute;left:13px;top:13px;}
.mhead a.gohome{position:absolute;right:13px;top:13px;}


.portlet.light>.portlet-body{padding: 20px!important;}

.form-date{width:100%;}

.fc-form{margin-top:0!important;}

label{width:100%;}

.portlet-body label{width:auto;}

.portlet-body  label:has(input[name="keyword"]) {
  width: 35%!important;
}

.myfooter.mybtn .btn {width:100%;font-size:14px;}



.portlet>.portlet-title>.nav-tabs{width: 100%!important;}
.portlet>.portlet-title>.nav-tabs>li{width: 50%;}
.tabbable-line>.nav-tabs>li.active{border-bottom: 2px solid #ddd!important;}
.portlet.light>.portlet-title>.nav-tabs>li>a{ font-size: 16px;text-align: center;}


.portlet.light>.portlet-title>.caption{display: none!important;}

.timebtn{margin:20px 0;display:flex;gap:10px;flex-wrap:wrap;}
.timebtn p{background:#28b6ff;padding:2px 10px;color:#fff;margin:0;border-radius: 5px;font-size:12px;}

.btn.blue:not(.btn-outline){background-color: #bd0002;border-color: #bd0002;}
.fileinput-unused{display: none;}

/* my */
.myhead{background: linear-gradient(180deg, #0F2027 0%, #203A43 50%, #2C5364 100%);width:100%;height:200px;display:flex;align-items: center;padding:0 20px;}
.avatar{width:60px;height:60px;border-radius: 50%;overflow: hidden;}
.user_info{padding-left:20px;color:#fff;}
.user_info h2{font-weight:bold;margin:0;font-size:20px;}
.user_info p{margin:0;padding-top:10px;}

.mylist{background:#fff;padding:20px;}
.mylist ul{margin:0;}
.mylist ul li{padding:15px 0; border-bottom: solid 1px #f2f2f2;}
.mylist ul li:last-child{border:0;}
.mylist ul li:nth-last-child(2){border:0;}
.mylist ul li a{font-size: 15px; color:#555;display:flex;justify-content: space-between;align-items: center;}
.line{width:100%;height:1px;background:#eee;margin:20px 0;}
.mylist ul li a .box{color:#555;display:flex;align-items: center;}
.mylist ul li a .box p{margin:0;padding-left:10px;}

.mylist .line{background:#fff; margin: 5px 0;}

.loginout{margin-top:40px;text-align: center;}
.loginout a{color:#fff;padding:5px 40px;border-radius: 40px;display:inline-block;border:1px solid #FF4D4F;color:#FF4D4F;}
.loginout a:hover{background:#FF4D4F;color:#fff;border:1px solid #FF4D4F;}
.loginout a i{margin-right:5px;}


/* 为前7个服务项的文字添加图标 */
.mylist ul li:nth-child(-n+7) a {
  position: relative;
  padding-left: 25px; /* 为图标留出空间 */
}

.mylist ul li:nth-child(-n+7) a::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0px; /* 图标位置 */
  font-size: 16px;
  color: #333;
}

/* 第1项 - 空调系统 - 雪花 */
.mylist ul li:nth-child(1) a::before {
  content: "\f2dc";
}

/* 第2项 - 冷却系统 - 水滴 */
.mylist ul li:nth-child(2) a::before {
  content: "\f043";
}

/* 第3项 - 发动机 - 齿轮 */
.mylist ul li:nth-child(3) a::before {
  content: "\f613";
}

/* 第4项 - 差速器 - 扳手 */
.mylist ul li:nth-child(4) a::before {
  content: "\f085";
}

/* 第5项 - 刹车 - 刹车图标 */
.mylist ul li:nth-child(5) a::before {
  content: "\f071";
}

/* 第6项 - 汽车精品 - 星星 */
.mylist ul li:nth-child(6) a::before {
  content: "\f4d8";
}

/* 第7项 - 变速箱 - 闪电 */
.mylist ul li:nth-child(7) a::before {
  content: "\f013";
}

/* news */
.bgf2{background:#f2f2f2;}
.news{background:#fff;padding:20px 0;}
.search{padding:20px 0;}
.search form{display:flex;width:100%;height:40px;line-height:40px;border-radius: 5px;overflow: hidden;}
.search input{border:0;outline:0;}
.search .keyword{ flex:1;background:#f2f2f2;padding:0 10px;}
.search .submit{width:80px;background:#0051c6;text-align: center;color:#fff;}
.litpic{width:100%;height:auto;padding-bottom:75%;overflow: hidden;position: relative;}
.litpic img{position: absolute;width:100%;height:100%;object-fit: cover;}
.newslist .img{width:100px;border-radius: 5px;overflow: hidden;}
.newslist li{padding:10px;border:1px solid #eee; margin-bottom: 10px;border-radius: 5px;}
.newslist li a{display:flex;gap:15px;color:#333;/* flex-direction: column; */position: relative;}
.newslist li a .info h2{font-size:16px;font-weight:normal;margin:0 0 10px;}
.newslist li a .info p{margin:0;color:#999;}
.newslist li a .info .shenhe{position:absolute;top:0px;right:0px;padding:2px 5px;color:#fff;border-radius: 5px;font-size: 12px;}
.tg{background:#af0200;}
.wtg{background:#af0200;}


.form .form-actions, .portlet-form .form-actions{border:0;}

/* 凭证 */
.pingzheng{padding:20px;}
.pingzheng .logo{width:100%;text-align: center;}
.pingzheng .logo img{max-width: 100%;}
.pingzheng h2{font-size:18px;text-align: center;font-weight:normal;margin-top:20px;}
.pingzheng ul{margin-top:20px;display:flex;flex-wrap: wrap;width:100%;}
.pingzheng ul li{width:100%;font-size:14px;line-height:25px;}
.neirong{margin-top:20px;font-size:14px;}
.neirong span{margin-bottom:10px;display:block;}
.neirong p{padding:5px 10px;border:1px solid #eee;line-height:25px;}
.neirong p.fwnr{text-align:center;}
.neirong p:last-child{border-top:0;}
.zhuyi{margin-top:20px;}
.zhuyi_con,.zhuyi_con p{line-height:25px;}
.tongguo{text-align:right;}

/* page */
.about{margin-top:40px;padding:0 20px;}
.about .catname{font-size:18px;text-align: center;font-weight:normal;margin-top:20px;}
.content{margin-top:40px;}
.content p{margin:5px 0;line-height:25px;font-size:14px;}
.content h2{font-size:16px;position:relative;padding-left:10px;height:30px;line-height:30px;margin-top:20px;}
.content h2::before{position:absolute;left:0;top:7px;content:'';width:4px;height:15px;background:#0051c6;border-radius: 10px;}

.getmore{padding-top:20px;text-align:center;color:#0051c6;font-size:14px;}



.search_form{display: flex;align-items: center;justify-content: space-around;gap:5px;}
.search_form .btn-group-sm>.btn, .btn-sm{padding:6px 10px;}


/* 回收站 草稿 */
.portlet>.portlet-title>.nav-tabs li:nth-child(4),.portlet>.portlet-title>.nav-tabs li:nth-child(3){display:none;}


@media screen and (max-width: 768px) {
}