@charset "UTF-8";
:root{
    --fs14: 0.14rem;
    --fs16: 0.16rem;
    --fs18: 0.18rem;
    --fs20: 0.2rem;
    --fs24: 0.24rem;
    --fs30: 0.3rem;
    --fs36: 0.36rem;
    --autoWidth:12rem;
    --c333:#333;
    --fff:#fff;
    --c555:#555;
    --c999:#999;
    --ceee:#eee;
    --hovercolor:#ad0f0e;
    --enfont:'AlimamaShuHeiTi';
    --numfont:'Barlow';
    --hh:0.8rem;
}
@font-face {
    font-family: 'AlimamaShuHeiTi';
    src: url('fonts/AlimamaShuHeiTi-Bold.woff') format('woff');
    font-display: swap;
    font-weight: 500;
}
@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-SemiBold.woff') format('woff');
    font-display: swap;
    font-weight: 400;
}
*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;padding:0;margin:0}
input,textarea{margin:0;padding:0;outline:0;appearance:none;-webkit-appearance:none;border-radius:0}
body,html{color:var(--c333);overscroll-behavior: none;}

html{-webkit-text-size-adjust:100%;}
@media (min-width:1601px){
    html{font-size: 100px}
}
@media (min-width:1025px) and (max-width:1600px){
    html{font-size: calc(100 / 1600 * 100vw)}
}
@media (max-width:1024px){
    html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width:640px){
    html{font-size: calc(100 / 640 * 100vw);}
}
body{-webkit-text-size-adjust:none;overflow-x:hidden;line-height: normal; background-color: #f6f6f6;}
body,input,pre,select,th,td,textarea{font-family:sans-serif;font-size: var(--fs18);}
select{border: solid 0.01rem #eee;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/select.svg) no-repeat scroll right 0.1rem center transparent;padding-right: 0.2rem;height: 0.5rem;line-height: 0.5rem;background-size: auto 0.09rem;}
select::-ms-expand{display:none}
a,a:active{color:var(--c333)}
a:hover{color:var(--hovercolor)}
:is(a,a:active,a:hover,a:link,a:visited){text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus,a:focus{outline:0;-moz-outline:none}
table,td,th{border-collapse:collapse;border-spacing:0}
.ul,.ul li{list-style:none}
img{border:none;max-width:100%;vertical-align:middle}
.Ispic{background-repeat:no-repeat;background-position:center center;background-size:cover}
.Ispic img{position: fixed; right: 100%;width: 1px;height: 1px;opacity: 0; top: 0;z-index: 0;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
[class*=dots-] {--wlc: 1;-webkit-line-clamp: var(--wlc);display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-word; -webkit-box-orient: vertical}
.fl {float: left}
.fr {float: right}
@media (min-width:1025px) {
 .wfl {float: left}
 .wfr {float: right}
}
.auto-inner{width:87.6%;max-width:var(--autoWidth);margin:0 auto}
@media (max-width:1024px) {
    .auto-inner{width: 94%;}
}

.nm{margin:0}
.nfw{font-weight:normal}
img.block{display:block;width:100%}

/* flex布局 */
[class*=flex-]{display: flex;}
[class*=-aic]{align-items: center;}
[class*=-aife]{align-items: flex-end;}
[class*=-aifs]{align-items: flex-start;}
[class*=-jcc]{justify-content: center;}
[class*=-jcsb]{justify-content: space-between;}
[class*=-jcfe]{justify-content: flex-end;}
[class*=-jcfs]{justify-content: flex-start;}
[class*=-row]{flex-wrap: wrap;flex-direction: row;}
@media (max-width:1024px) {
    [class*=flex-xy1024]{display: block;}
}
@media (max-width:768px) {
    [class*=flex-xy768]{display: block;}
}

.layui-input, .layui-select, .layui-textarea{border-radius: 0.04rem;font-size: var(--fs18); }
.layui-input-wrap .layui-input-prefix+.layui-input, .layui-input-wrap .layui-input-prefix~* .layui-input{padding-left: 0.55rem;}
.layui-input-wrap .layui-input{padding-right: 0.35rem;}
.layui-input-prefix, .layui-input-split, .layui-input-suffix, .layui-input-suffix .layui-input-affix{line-height: 0.5rem; width: 0.55rem; padding: 0;}
.layui-input-prefix .layui-icon, .layui-input-split .layui-icon, .layui-input-suffix .layui-icon{font-size: var(--fs20);color: #b1b6ba;}
.layui-form-checkbox[lay-skin=primary]>i{border-color: var(--c333); border-width: 2px;background: #fff no-repeat center center;}
.layui-form-checked[lay-skin=primary]>i,
.layui-form-checkbox[lay-skin=primary]:hover>i{ border-color:var(--c333)!important;color: var(--hovercolor); background-image: url(../images/checked.svg) ;background-size: contain;}
.layui-form-checkbox[lay-skin=primary]:hover>i:before,
.layui-form-checked[lay-skin=primary]>i:before{display: none;}
.layui-input:focus, .layui-textarea:focus{border-color: var(--hovercolor) !important; box-shadow: 0 0 0 3px rgba(186,12,13,0.08);}

/******************♥*♥*♥*******************start******************♥*♥*♥*******************/

.login-swiper{position: fixed; left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.login-swiper .swiper,
.login-swiper .Ispic{height: 100%;}

footer{position: fixed; left: 0;width: 100%; bottom: calc(57 / 960 * 100%); text-align: center; color: #fff; z-index: 4; font-size: var(--fs18);}

.login-index{position: fixed; left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;z-index: 10;}
.login-index .auto-inner{border-radius: 0.2rem;overflow: hidden; }
.login-index .right{backdrop-filter:saturate(150%) contrast(50%) blur(8px); -webkit-backdrop-filter:saturate(150%) contrast(50%) blur(8px);  background-color:rgba(255,255,255,.3);;}

.login-box{background: #fff; padding: 0.54rem 0.5rem;}
.login-box .layui-btn{background-image: linear-gradient(90deg,   #ba0c0d 0%,   #d03131 100%); border-radius: 0.04rem; font-size: 0.2rem; height: 0.5rem;line-height: 0.5rem;padding: 0; margin-top: 0.3rem;}
.login-box .layui-input{height: 0.5rem; }
.login-box .layui-input::placeholder{color: var(--c555);}
.login-box .layui-row{display: flex;justify-content: space-between;}
.login-box .layui-row ol{width: calc(250 / 420 * 100%);}
.login-box .layui-row li{flex: 1; padding-left: 0.11rem;}
.login-box .layui-row li img{height: 0.5rem;width: 100%;}
.login-box .layui-form-item{margin-bottom: 0.2rem;}
.login-box .layui-form-item:last-child{margin-bottom: 0;}
.login-box .layui-form-checkbox>div{font-size: var(--fs18);}
.login-box .layui-form-checkbox[lay-skin=primary]>i{width: 0.18rem;height: 0.18rem; top: 0.03rem;}
@media (min-width:1025px) {
.login-index .auto-inner{display: flex; justify-content: space-between;}
.login-index .right{ display: flex;align-items: center; justify-content: center}
.login-index .right,
.login-index .left{width: 50%;}
.login-box{border-radius: 0.2rem; width: calc(520 / 600 * 100%); }
}
@media (max-width:1024px) {
    .login-index{padding-bottom: calc(18 / 16 * 1em + (57 / 960 * 100vh) + 0.1rem);}
    .login-index .auto-inner{width: 80%; max-width: 6rem;}
    .login-index .right{margin-top: -10vh; padding: 0.1rem;}
    .login-box{border-radius: 0 0 0.2rem 0.2rem;}
    .login-box{background: #fff; padding: 0.3rem;}
}

header{position: sticky; top: 0; height: var(--hh);background-image: linear-gradient(180deg,   #2a0407 0%,   #420b14 100%); padding: 0 calc(60 / 1920 * 100vw); z-index: 200;display: flex;align-items: center; justify-content: space-between;}
.layer{z-index: 199; background-color: rgba(0,0,0,0.5); position: fixed; left: 0;top: 0;width: 100%;height: 100%; visibility: hidden; opacity: 0; transition: 0.3s;}
.nav-infoShow .layer{ visibility: visible; opacity: 1;}
header .logo a{display: flex;align-items: center;}
header .logo img{height: 0.5rem;}
header .logo b{color: var(--fff); font-family: var(--enfont);display: block; margin-left: 0.09rem; font-size:var(--fs24);}
@media (max-width:1024px) {
    header{width: 100%; position: fixed;left: 0;}
    header .logo b{display: none;} 
}

menu{position: fixed; top: var(--hh); left: 0;bottom: 0; z-index: 200; background-color: var(--fff);}
menu :where(ol,li a){display: flex; height:var(--hh);}
menu ol{justify-content: flex-end;border-bottom: 1px solid #e7eaf1; }
.open-menu{width: 0.6rem; background: url(../images/open-menu.svg) no-repeat center center / 0.2rem auto; cursor: pointer; transition: 0.3s;}
menu li{overflow: hidden; transition: 0.3s; width: 2.4rem;}
menu li a{padding-left: 0.2rem; align-items: center; border-bottom: 1px solid #e7eaf1; transition: 0.3s; width: 2.4rem;}
menu li a:hover,
menu .aon > a{background-color: #c82424; color: var(--fff);}
menu li [class*=icon-]{width: 0.6rem;background-repeat: no-repeat; background-position: center center;background-size: 0.2rem auto; height: 100%; transition: 0.3s; flex-shrink: 0;}
menu li .icon-home{background-image: url(../images/menu/home.svg);}
menu li .icon-car{background-image: url(../images/menu/car.svg);}
menu li .icon-mag{background-image: url(../images/menu/mag.svg);}
menu li .icon-info{background-image: url(../images/menu/info.svg);}
menu li .icon-report{background-image: url(../images/menu/report.svg);}
menu li a:hover .icon-home,
menu .aon > a .icon-home{background-image: url(../images/menu/home-on.svg);}
menu li a:hover .icon-car,
menu .aon > a .icon-car{background-image: url(../images/menu/car-on.svg);}
menu li a:hover .icon-mag,
menu .aon > a .icon-mag{background-image: url(../images/menu/mag-on.svg);}
menu li a:hover .icon-info,
menu .aon > a .icon-info{background-image: url(../images/menu/info-on.svg);}
menu li a:hover .icon-report,
menu .aon > a .icon-report{background-image: url(../images/menu/report-on.svg);}
menu li .tit{width: 1.7rem; background: url(../images/menu-a.svg) no-repeat right 0.25rem center / auto 0.19rem; font-size: var(--fs24);}
menu li a:hover .tit,
menu .aon > a .tit{background-image: url(../images/menu-on.svg);}
menu li.has-sub > a .tit{ background-image: url(../images/menu-sub.svg); background-size: auto 0.11rem; background-position: right 0.21rem center;}
menu li.has-sub.aon > a .tit,
menu li.has-sub > a:hover .tit{background-image: url(../images/menu-sub-on.svg);}
menu li .sub{visibility: hidden; height: 0;overflow: hidden;}
menu li .sub.show,
menu li.aon .sub{visibility: visible; height: auto;}

.menu-packUp .open-menu{transform: rotateY(-180deg);}
.menu-packUp menu li{width: 0.8rem;}
.menu-packUp menu li a{padding-left: 0;}
.menu-packUp menu li [class*=icon-]{width: 0.8rem;}
@media (max-width:1024px) {
    menu ol{display: none;}  
    menu li .tit{display: none;}
    menu li{width: 0.6rem;}
    menu li a{padding-left: 0;}
}

.top-right{display: flex;align-items: center;; }
.top-right a.inq{line-height: calc(40 / 18 * 1em); padding: 0 0.3rem; border: 1px solid rgba(255,255,255,.15); background: #56232a; display: flex;align-items: center; color: var(--fff); border-radius: 0.2rem; transition: 0.3s;}
.top-right a.inq:before{display: block; content: ''; width: 0.21rem; height: 0.23rem; margin-right: 0.09rem; background: url(../images/inq.svg) no-repeat center center / contain;}
.top-right a.inq:hover{color:var(--c333);background-color: var(--fff);}
.top-right a.inq:hover:before{background-image: url(../images/inq-on.svg);}
.top-right a.notice{display: block; width: 0.4rem; height: 0.4rem; border-radius: 50%;background: rgba(247, 248, 251, 0.1) url(../images/notice.svg) no-repeat center center / auto 0.22rem; margin: 0 0.2rem;position: relative;transition: 0.3s;}
.top-right a.notice:hover{background-color: var(--fff); background-image: url(../images/notice-on.svg);}
.top-right a.notice i{position: absolute;right: -0.03rem;top: 0;background-color: #e35b5d; min-width: calc(20 / 14 * 1em);text-align: center;padding: 0 0.04rem; line-height: calc(20 / 14 * 1em); color: var(--fff); font-size: var(--fs14); border-radius: calc(20 / 14 * 1em); font-style: normal;}
.top-nav{position: relative;}
.top-nav dt{display: flex; height: var(--hh);align-items: center;color: var(--fff); cursor: pointer;}
.top-nav dt img{height: 0.4rem; width: 0.4rem;border-radius: 50%;display: block; }
.top-nav dd{position: absolute; top: 100%; width: 2.4rem;background-color: var(--fff); visibility: hidden; opacity: 0; transform: translateY(0.2rem); transition: 0.5s; border-radius: 0.05rem; box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.5);}
.nav-infoShow .top-nav dd{ visibility: visible; opacity: 1; transform: translateY(0);}
.top-nav dd:before{position: absolute; content: ''; width: 0.3rem; height: 0.3rem; border-radius: 0.06rem; transform: rotate(45deg); background-color: var(--fff); top: -0.1rem;}
.top-nav dd .info{text-align: center; padding: 0.23rem 0.1rem 0.2rem; }
.top-nav dd .avatar img{width: 0.8rem;height: 0.8rem; border-radius: 50%; } 
.top-nav dd .info p{margin: 0;}
.top-nav dd .info .name{margin: 0.14rem 0 0.1rem 0;}
.top-nav dd .info .time{color: var(--c999); font-size: calc(16 / 18 * 1em);}
.top-nav nav .item{border-top: 1px solid #e7eaf1; line-height: 0.5rem;}
.top-nav nav .item a{display: block; padding-left: 0.36rem; background: url(../images/nav-a.svg) no-repeat center right 0.29rem / auto 0.15rem; transition: 0.3s;}
.top-nav nav .item a:hover{background-color: var(--hovercolor); background-image: url(../images/nav-aon.svg); color: var(--fff);}
@media (min-width:1025px) {
    .top-nav dt img{margin-right: 0.15rem;}
    .top-nav dd{left: -1rem; }
    .top-nav dd:before{left: 50%;margin-left: -0.15rem; }
}
@media (max-width:1024px) {
    .top-nav dt .name{display: none;}
    .top-nav dd{right: calc(-30 / 1920 * 100vw);}
    .top-nav dd:before{right: 0.2rem;}
}

main{ padding: 0 calc(60 / 1920 * 100vw);  padding-bottom: 0.58rem;}
@media (min-width:1025px) {
    main{margin-left: 2.4rem;transition:margin 0.3s;}
    .menu-packUp main{margin-left: 0.8rem;}
}
@media (max-width:1024px) {
    main{margin-left: 0.6rem; margin-top: 0.8rem; overflow: hidden;}
}

.cur-tab{border-bottom: 1px solid #e4e4e4; box-shadow: 0 1px 0 var(--fff); padding: 0.1rem 0;position: relative;z-index: 1;padding-right: 0.5rem;width: 100%; margin-bottom: 0.4rem;}
.cur-tab a{background-color: var(--fff); border-radius: 0.03rem; border: solid 1px #e8e8e8;display: block; line-height: calc(40 / 18 * 1em); padding: 0 calc(23 / 18 * 1em);}
.cur-tab .scroll{max-width: calc(100% - 0.5rem); overflow:auto;}
.cur-tab ul{display: flex;align-items: center; white-space: nowrap;}
.cur-tab li.selected a,
.cur-tab li:hover a{background-image: linear-gradient(90deg, 
    #ba0c0d 0%, 
    #d03131 100%); color: var(--fff);}
.cur-tab li{position: relative;z-index: 1;margin-right: 0.1rem;}
.cur-tab li .close{position: absolute; width: 0.18rem; height: 0.18rem; right: 0;top: 0;z-index: 10;background: url(../images/close.svg) no-repeat center center / auto 0.08rem; cursor: pointer; }
.cur-tab li.selected .close,
.cur-tab li:hover .close{background-image: url(../images/close-on.svg)}
.cur-tab .refresh{position: absolute; width: 0.4rem;height: 0.4rem; top: 0.1rem; right: 0;background:#d27f61 ;border-radius: 0.06rem;display: flex;align-items: center;justify-content: center; padding: 0;}
.cur-tab .refresh:before{display: block; content: ''; width: 0.31rem; height: 0.23rem; background: url(../images/refresh.svg) no-repeat center center / contain; flex-shrink: 0;}
.cur-tab .refresh.active:before{animation: refresh 0.5s infinite linear;}
@keyframes refresh {
    to{transform: rotate(360deg);}
}
@media (max-width:640px) {
    .cur-tab a{padding: 0 1em 0 0.5em;}
}

.box-item{background-color: var(--fff); border-radius: 0.06rem;box-shadow: 0 0 0.5rem rgba(221,221,221,0.2);}

.index-menu{display: flex;justify-content: space-between;  flex-wrap: wrap;flex-direction: row;}
.index-menu a{display: flex;justify-content: space-between; width: calc((100% - 0.23rem * 3) / 4); box-shadow: 0 0 0.29rem rgba(221,221,221,0.2); height: 1.8rem; align-items: center; padding: 0 0.41rem 0 0.3rem; transition: 0.3s;margin-bottom: 0.23rem;}
.index-menu .num{font-family: var(--numfont); font-weight: 400; font-size: calc(72 / 16 * 1em); min-width: 0.96rem;text-align: center;}
.index-menu a:nth-child(2n-1){color: #e0342e;}
.index-menu a:nth-child(2n){color: #da714b;}
.index-menu .icon{width: 1.22rem; height: 100%; background-size: contain; background-position: center top; background-repeat: no-repeat; flex-shrink: 0;}
.index-menu .a1 .icon{background-image: url(../images/ind-micon1.png); background-position: center top 0.32rem;}
.index-menu .a2 .icon{background-image: url(../images/ind-micon2.png); background-position: center top 0.26rem;}
.index-menu .a3 .icon{background-image: url(../images/ind-micon3.png); background-position: center top 0.25rem;}
.index-menu .a4 .icon{background-image: url(../images/ind-micon4.png);background-position: center top 0.22rem;}
.index-menu .a5 .icon{background-image: url(../images/ind-micon5.png); background-position: center top 0.25rem;}
.index-menu a:hover{transform: translateY(-0.2rem);box-shadow: 0 0 0.29rem rgba(0,0,0,0.3); }
@media (max-width:1024px) {
    .index-menu a{width:  calc((100% - 0.23rem) / 2); }
}
@media (max-width:640px) {
    .index-menu .icon{width: 40%}
    .index-menu .num{font-size: 2.4em;}
    .index-menu a{height: 1.2rem;}
    .index-menu .a1 .icon{background-position: center top 50%;}
}

.all-title{font-size: var(--fs24);display: flex;align-items: center;}
.all-title:before{width: 0.04rem;height: 0.18rem;background-image: linear-gradient(180deg, #ba0c0d 0%, #d73d3e 50%, #f46b6c 100%);border-radius: 0.02rem; display: block; content: ''; margin-right: 0.13rem;}

.echarts-area{padding: 0.3rem 0.3rem;}
.echarts-area .right-nav{display: flex;align-items: center; }
.echarts-area .right-nav ul{display: flex; margin-right: 0.3rem;}
.echarts-area .right-nav ul.hide{visibility: hidden;}
.echarts-area .right-nav li a{display: block;width: 1.2rem;line-height: 0.4rem;background-color: #fefefe;border-radius: 4px;border: solid 1px #ebeef2;padding-left: 0.14rem; padding-right: 0.4rem; background:#fefefe url(../images/download-icon.svg) no-repeat center right 0.12rem / auto 0.16rem; transition: 0.3s;}
.echarts-area .right-nav li:not(:last-child){margin-right: 0.1rem;}
.echarts-area .right-nav li a:hover{background-color: var(--hovercolor); background-image: url(../images/download-icon-on.svg); color: var(--fff); border-color: var(--hovercolor);}
.switch{width: 0.4rem; height: 0.2rem; border-radius: 0.1rem;position: relative; background-color: var(--ceee); cursor: pointer;}
.switch:before{position: absolute; content: ''; left: calc(100% - 0.2rem);top: 0;border-radius: 50%;width: 0.2rem; height: 0.2rem; background-color: var(--c999); transition: 0.3s;}
.switch.open{background-color: #ffe7e7;}
.switch.open:before{background-color: #e0342e;left: 0;}
@media (min-width:1025px) {
    .echarts-area .right-nav{float: right;margin-top: -0.3rem;}  
}
@media (max-width:1024px) {
    .echarts-area .right-nav{width: 100%; justify-content: space-between; position: relative;}
    .echarts-area .right-nav ul:not(.hide){margin-top: 0.2rem;}
    .switch{bottom: calc(100% + 0.05rem); position: absolute;right: 0;}
}
@media (max-width:640px) {
    .echarts-area .right-nav ul.hide{display: none;}
    .echarts-area .right-nav li{width: 24%;}
    .echarts-area .right-nav li a{width: 100%;}
}

#echarts-area{clear: both; height:4.09rem; margin-top: 0.4rem; overflow: hidden;}

.inq-area{background: transparent;}
.inq-area main{margin: 0; display: flex;align-items: center; justify-content: center; padding: 0;}
.inq-area .box-item{width: calc(1550 / 1720 * 100%); margin: 0 auto;  background-image: url(../images/inq-bg.png);background-position: center center; background-repeat: no-repeat; background-size:calc(1172 / 1550 * 100%) auto; padding:  0.58rem 0; box-shadow: none;}
.inq-area .inner{max-width: 8.1rem; margin: 0 auto;}
.inq-area .title{text-align: center; font-weight: bold; font-size: var(--fs36); padding: 1em 0 calc(34 / 36 * 1em) 0; position: relative;}
.inq-area .title:before,
.inq-area .title:after{position: absolute;content: '';width: 2.22rem; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.inq-area .title:before{height: 0.61rem; right: 0; top: 0; background-image: url(../images/title-l.svg);}
.inq-area .title:after{ height: 0.62rem; left: 0; bottom:0;background-image: url(../images/title-r.svg);}
.inq-form{--btntexth:0.7rem;margin: 0.75rem 0 1.21rem 0; display: flex;justify-content: space-between;}
.inq-form .text{flex: 1; margin-right: 0.1rem;background-color: #fefefe; box-shadow: 0 0.1rem 0.2rem rgba(37, 69, 114, 0.1); border-radius: 0.04rem; border: solid 1px #d8dce4; height: var(--btntexth); line-height: var(--btntexth); padding: 0 1em; transition: 0.3s;}
.inq-form .text::placeholder{color: var(--c333);}
.inq-form .text:focus{border-color: var(--hovercolor);box-shadow: 0 0 0 3px rgba(186,12,13,0.08);}
.inq-form .btn{line-height: var(--btntexth);color: var(--fff); font-size: var(--fs30); padding: 0 0.33rem;display: flex;align-items: center; background-color:#ba0c0d; border-radius: 0.04rem;}
.inq-form .btn:before{--btnnbwh:0.24rem;display: block; content: ''; width: var(--btnnbwh); height: var(--btnnbwh); margin-right: 0.13rem; background: url(../images/search.svg) no-repeat center center / contain;}
.old-enter{font-size: var(--fs20);line-height: 0.5rem; display: flex;align-items: center;}
.old-enter a{display: block;color: #ba0c0d;background-color: #fefefe; border-radius: 0.04rem; border: solid 1px #d8dce4; padding: 0 0.16rem; transition: 0.3s;}
.old-enter a:hover{background-color: var(--hovercolor); color: var(--fff);}

.inq-table{margin-top: 0.3rem;}
.inq-table table{width: 100%;}
.inq-table td{border: solid 1px #d8dce4;padding:0.1rem 1em;}
.inq-table td.t-n{width: 2.4rem;}
.inq-table .old-enter{margin-top: 0.2rem; justify-content: center;}
@media (min-width:1025px) {
    .inq-area main{height: calc(100vh - 0.8rem);}
}
@media (max-width:1024px) {
    .inq-area main{position: fixed; left: 0;top: 0.8rem; bottom: 0;width: 100%;padding: 0;}
    .inq-area .box-item{padding: 0;min-height: auto;}
    .inq-area .title{padding: 2em 0;}
}

.layui-table-page,
.table-page{display: flex;align-items: center; justify-content: center; padding: 0.29rem 0 0.4rem 0;}
.layui-laypage{margin: 0;display: flex;align-items: center;}
.layui-laypage a{background-color: #f2f3f5;border-radius: 0.03rem;}
.layui-table-page .layui-laypage a,
.layui-table-page .layui-laypage span,
.layui-laypage a, .layui-laypage span{ line-height: 0.4rem; height: 0.4rem; margin: 0;font-size: var(--fs18);  border: 0;}
.layui-table-page .layui-laypage a,
.layui-laypage a{margin: 0 0.03rem; }
.layui-laypage > a{margin: 0 0.1rem;}
.layui-laypage>a:first-child, .layui-laypage>a:first-child em{border-radius: 0.03rem;}
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip{margin-left: 0.1rem; margin-right: 0.1rem;}
.layui-laypage select{height: 0.4rem; padding: 0 0.41rem 0 0.18rem; border-radius: 0.03rem;background-color: #f2f3f5; border: 0; line-height: 0.4rem; background-image: url(../images/select-page.svg); background-size: auto 0.08rem; background-position: right 0.18rem center;}
.layui-laypage-count{background-color: transparent!important;}
.layui-laypage .layui-laypage-limits{margin-right: 0.16rem!important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--c555);}
.layui-laypage > a:not(.layui-disabled):hover{color: var(--fff);background-color: var(--c555);}
.layui-table-page .layui-laypage span.layui-laypage-limits{margin: 0 0.16rem 0 0.29rem!important;}
.layui-table-page .layui-laypage .layui-laypage-prev{margin-left: 0!important;}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span{background-color: #f2f3f5;border-radius: 0.03rem;}
.layui-table-page .layui-laypage-skip{background-color: transparent!important; margin-left: 0.22rem!important;}
.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input{ height: 0.4rem; line-height: 0.4rem;}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr{padding: 0 0.15rem; margin: 0 0.03rem;}
@media (max-width:640px) {
    .layui-laypage .layui-laypage-skip,
    .layui-laypage .layui-laypage-limits{display: none;}
    .layui-table-page  .layui-laypage .layui-laypage-count{margin-right: 0.1rem;}
}

.layui-form-select dl dd.layui-this{color:var(--hovercolor);}
.layui-laydate th,
.layui-laydate td{font-size: 14px;}

.layui-laydate .layui-this, .layui-laydate .layui-this>div{background-color: var(--hovercolor)!important;}
.layui-laydate-footer span:hover{color: var(--hovercolor);}
.layui-laydate-header i:hover,
.layui-laydate-header span:hover,
.layui-laydate-content td.laydate-day-now{color: var(--hovercolor);}

.height{height: var(--height);}
a[class*=btn-icon-]{display: inline-flex;align-items: center; padding: 0 0.18rem; font-size: var(--fs20);border-radius: 0.03rem; height: 0.5rem;}
a[class*=btn-txt-]{border-radius: 0.04rem; line-height: 0.36rem; padding: 0 0.1rem; color: var(--fff); cursor: pointer; transition: 0.3s; display: inline-flex;}
td a[class*=btn-txt-]{white-space: nowrap;}
a[class*=btn-txt][data-type='border']{border: 1px solid #d8dce4;background-color: #fefefe;}
a[class*=btn-txt][data-type='border']:not(:hover){color: var(--c333);}
a[class*=btn-icon][data-type='border']{border: 1px solid #d8dce4;background-color: #fefefe; }
a[class*=btn-icon-]:before{height: 0.21rem; width: 0.21rem; display: block; content: ''; background-position: center center; background-repeat: no-repeat; background-size: contain; margin-right: 0.07rem;}
a.btn-icon-inq{background-color: #ba0c0d; color: var(--fff);}
a.btn-icon-inq:before{background-image: url(../images/search.svg);}
a.btn-icon-reset:before{background-image: url(../images/reset.svg);}
a.btn-icon-export{background-color: #ad6f6f;color: var(--fff);}
a.btn-icon-export:before{background-image: url(../images/out.svg);}
a.btn-icon-add{background-color: #d27f61;color: var(--fff); padding: 0 0.32rem;}
a.btn-icon-add:before{background-image: url(../images/add.svg); width: 0.13rem; height: 0.13rem;}
a.btn-icon-copy:before{background-image: url(../images/copy.svg);}
[class*=btn-icon-] + [class*=btn-icon-]{margin-left: 0.1rem;}

a[class*=btn-icon][data-type='noicon']:before{display: none;}
a.btn-icon-delete{width: 0.4rem; height: 0.36rem; background: #f2f3f5 url(../images/delete.svg) no-repeat center center / auto 0.22rem; border-radius: 0.04rem; cursor: pointer; padding: 0;line-height: normal;}
a.btn-icon-delete:hover{background-color: var(--hovercolor);background-image: url(../images/delete-on.svg);}
a.btn-txt-more{background-color: #c0927f;}
a.btn-txt-comfir{background-color: #ba0c0d;}
a[class*=btn-txt-]:hover{background-color: var(--hovercolor)!important;}

.button-tool{display: flex;align-items: center; justify-content: space-between; margin-bottom: 0.2rem;}
.button-tool > div{display: flex;align-items: center;}

.search-area{padding: 0.3rem;}
.search-area ul{display: flex; flex-wrap: wrap;}
.search-area li{display: flex;align-items: center; justify-content: space-between;}
.search-area ol{width: 100%; display: flex;align-items: center; }
.search-area li span.n{flex-shrink: 0;}
.search-area li  .layui-form-select,
.search-area li > .layui-input{flex: 1; margin-left: 0.14rem;}
.search-area li  .layui-input{line-height: 0.5rem; height: 0.5rem;border-color: #d8dce4; border-radius: 0.04rem;}
.search-area ol li + li{margin-left: 0.1rem;}
.search-area .layui-form-select dl{top: 0.5rem;}
.search-area #endTime,
.search-area #startTime{background: url(../images/date.svg) no-repeat right 0.14rem center / auto 0.2rem;}
@media (min-width:1025px) {
    .search-area ul > li{width: 25%;}
.search-area ul > li:not(:first-child){padding-left: 0.4rem;}
.search-area ol{margin-top: 0.2rem;}
}
@media (max-width:1024px) {
    .search-area ul > li{width: 100%;}
    .search-area ol li:not(:last-child),
    .search-area ul > li:not(:last-child){ margin-bottom: 0.1rem;}
    .search-area li span.n{width: 0.8rem;} 
    .search-area ol{flex-wrap: wrap;}
    .search-area ol li{width: 100%;}
    .search-area ol li:last-child{justify-content: flex-end;}
}

.layui-table-checked{background-color: #fff;}
.layui-table-checked.layui-table-hover,
.layui-table-checked.layui-table-click{background-color: #fff;}

.layui-table-body .layui-none{line-height: 0.26rem; padding: 0.3rem 0.15rem;}

.table-list-area{padding: 0.2rem;}
.layui-table .button-tool{margin-bottom: 0;}
.layui-table .button-tool a + a{margin-left: 0.04rem;}
.table-list-area span[class*=color-]{display: inline-block; border-radius: 0.04rem; color: var(--fff); line-height: 2; padding: 0 0.1rem;}
.table-list-area span.color-1{background-color: #36bdb8;}
.table-list-area span.color-2{background-color: #7191c6;}
.table-list-area span.color-3{background-color: #da3838;}
.table-list-area span.color-4{background-color: #ffaf02;}
.table-list-area span.color-blue{background-color:#6495ed;}  /*待审核 蓝色*/
.table-list-area span.color-red{background-color:#da3838;}   /*已撤销 红色  已作废*/
.table-list-area span.color-green{background-color:#16b777;}  /*已通过 绿色*/
.table-list-area span.color-yellow{background-color:#ecc433;}  /*待上报 黄色  已退回*/
.table-list-area span.color-qingse{background-color:#36bdb8;}  /*待预审 青色*/
.table-list-area span.color-gray{background-color:gray;}  /*草稿 灰色*/

.table-list-area .layui-table-view .layui-form-checkbox[lay-skin=primary] i{width: 0.21rem; height: 0.21rem; border-width: 1px; line-height: 0.18rem; }
.table-list-area .layui-form-checkbox[lay-skin=primary]{min-width: 0.21rem; min-height: 0.21rem;}
.table-list-area .layui-form-checked[lay-skin=primary]>i, .table-list-area .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #6f88ad;}
.table-list-area .layui-form-checkbox[lay-skin=primary]>i{border-color: #6f88ad;}
.table-list-area .layui-form-checked[lay-skin=primary]>i, .layui-form-checkbox[lay-skin=primary]:hover>i{background-color: #ba0c0d; background-image: url(../images/checked-white.svg); border-color: #ba0c0d!important;}
.table-list-area .layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before{background-color: #ba0c0d;}

.layui-table-view .layui-table{width: 100%;}
.layui-table th{background-color: #f2f3f5;}
.layui-table-cell{font-size: var(--fs20);color: var(--c333); padding: 0.14rem 0.05rem; line-height: calc(26 / 20 * 1em); height: 0.8rem; text-overflow: inherit; white-space:initial;text-align: center;display: flex;align-items: center; justify-content: center;}
.layui-table th .layui-table-cell{ color: #888; font-weight: normal; line-height: 0.6rem; height: 0.6rem; padding: 0;}
layui-table-main td:nth-child(1){width: 60px; }
.layui-table-view .layui-table td, .layui-table-view .layui-table th{border-right-color:transparent;}
.layui-table-view .layui-table td:last-child{border-right-color:transparent;}
.layui-table-checked{background-color: transparent;}
.layui-table-view{border: none;}

#table-css-1 table td:nth-child(3) .layui-table-cell,
#table-css-1 table td:nth-child(5) .layui-table-cell{word-break: break-all;}
#table-css-1 table td:nth-child(9) .layui-table-cell{font-size: var(--fs18);}
#table-css-2 table td:nth-child(4) .layui-table-cell,
#table-css-2 table td:nth-child(8) .layui-table-cell{word-break: break-all;}
#table-css-2 table td:nth-child(9) .layui-table-cell{font-size: var(--fs18);}

.layui-form-select .layui-edge{width: 0.1rem; height: 0.06rem; border: 0; background: url(../images/select.svg) no-repeat center center;background-size: contain; margin-top: -0.03rem; right: 0.16rem;}

@media (min-width:1601px) {
    .same-table table{width: 100%!important;}
    .same-table .layui-table-cell{width: auto!important;}
}
@media (max-width:1600px) {
    .same-table .layui-table-cell{font-size: 16px;}
    .same-table .layui-table-view th,
    .same-table .layui-table-view td{width: auto!important;}
}
@media (max-width:640px) {
    .same-table .layui-table-cell{font-size: 14px;}
}

@media (min-width:1025px) {
#common-info th:nth-child(1){padding-left: 0.5rem;}
#common-info .layui-table-fixed th:nth-child(1) {padding-left: 0;}
}
@media (max-width:1600px) {
    #common-info th:nth-child(1)  .layui-table-cell{padding-left: 0.5rem;}
    #common-info .layui-table-fixed th:nth-child(1)  .layui-table-cell{padding-left: 0;}
}
.same-table td .num{padding-left: 0.5rem;}
.same-table td .num{position: relative; width: 100%;z-index: 10;}
.same-table td .num .open,
.same-table td .num .close{position: absolute;left: 0; top: 0;height: 100%;width: 0.5rem;background: url(../images/td-open.svg) no-repeat center center / 0.15rem auto; cursor: pointer;}
.same-table td .num .close{background-image: url(../images/td-close.svg); visibility: hidden;}
.same-table .is-active td .num .open{visibility: hidden;}
.same-table .is-active td .num .close{visibility: visible;}
/* 定义滚动条的整体样式 */
::-webkit-scrollbar {
    width: 0.08rem; /* 滚动条宽度 */
    height: 0.08rem; /* 滚动条高度 (用于水平滚动条) */
}

/* 定义滚动条轨道的样式 */
::-webkit-scrollbar-track {
    background: #f2f3f5; /* 轨道背景色 */
    border-radius: 0.04rem; /* 轨道圆角 */
}

/* 定义滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
    background: #bec5cf; /* 滑块背景色 */
    border-radius: 0.04rem; /* 滑块圆角 */
}

/* 定义滚动条滑块在悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
    background: #bec5cf; /* 悬停时滑块背景色 */
}

.add-report .box-item{padding: 0.3rem;}
.add-report .all-title{margin-bottom: 0.2rem; position: relative;z-index: 2;}
.add-report .all-title .open{width: 0.14rem; height: 0.08rem; right: 0;top: 50%;margin-top: -0.04rem; background: url(../images/select.svg) no-repeat center center / contain; position: absolute; cursor: pointer; transform: rotate(-180deg); transition: 0.3s;}
.is-up [data-showid]{display: none;}
.is-up .all-title{margin-bottom: 0;}
.is-up .all-title .open{ transform: rotate(0deg);}
.add-report .layui-form ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.add-report .layui-form li{display: flex;align-items: center; margin-bottom: 0.2rem;width: 100%; font-size: var(--fs20);}
.add-report .layui-form li.flex-start{align-items: flex-start;}
.add-report .layui-form li.flex-start span.n{line-height: 0.5rem;}
.add-report .layui-form li.pl10{padding-left: 0.1rem;}
.add-report .layui-form li > div,
.add-report .layui-form li > .layui-input{flex: 1; margin-left: 0.1rem;}
.add-report .layui-form li .n{flex-shrink: 0;position: relative; padding-left: 0.18rem; min-width: 1.05rem;text-align: right;}
.add-report .layui-form li .n i{font-style: normal;color: #ff0000; position: absolute; left: 0; top: 0;}
.add-report li > [class*=upload-]{border-radius: 0.04rem; border: solid 1px #d8dce4; padding: 0.15rem;}
.add-report .btn-txt-file{background-color: #4ab2d0;line-height: 0.4rem;display: inline-block; padding: 0 0.15rem;}
.add-report .tips{color: #ff0000; font-size: var(--fs16);}
.add-report .upload-pic .layui-upload-file{padding: 0;border: 0;}
.add-report a.btn-txt-more.color-2{background-color: #4ab2d0;}
.add-report .layui-table-cell{height: auto;}
.add-report .car-number{display: flex;align-items: center;}
.add-report .car-number .layui-form-select{width: 0.72rem;flex-shrink: 0;}
.add-report .car-number .layui-form-select .layui-input{border-right: 0;border-radius: 0;}
.add-report .car-number .layui-form-select:nth-of-type(1) .layui-input{border-radius: 0.03rem 0 0 0.03rem;}
.add-report .car-number  > .layui-input{flex: 1;border-top-left-radius: 0;border-bottom-left-radius: 0;}
@media (min-width:1025px) {
    .add-report .layui-form .row-3 li{width: calc(100% / 3);}
    .add-report .layui-form .row-4 li{width: calc(100% / 4);}
    .add-report .layui-form .row-3 li:nth-child(2) .n{margin-left: 0.3rem;}
    .add-report .layui-form .row-2-1 li:nth-child(2) .n,
    .add-report .layui-form .row-3 li:nth-child(3) .n{margin-left: 0.7rem;}
    .add-report .layui-form .row-2-1 li:nth-child(1){width: calc(100% / 3 * 2);}
    .add-report .layui-form .row-2-1 li:nth-child(2){width: calc(100% / 3);}
    .add-report .layui-form .row-2 li{width: calc(100% / 2);}
    .addCommon .layui-form .row-2 li:nth-child(2) .n{margin-left: 0.3rem;}
    .addCommon .layui-form .row-2 li:nth-child(1) .n{width: 1.4rem;}
    .addCommon .layui-form .row-2 li:nth-child(2) .n{width: 1rem;}
}
@media (min-width:641px) {
    .add-report .upload-file{display: flex; flex-wrap: wrap; align-items: flex-end;}
    .add-report .upload-file .tips{margin-left: 1em;}
}
@media(max-width:640px) {
    .add-report .upload-file  .layui-upload-choose{padding: 0; font-size: var(--fs16);}
    .add-report .car-number .layui-form-select{width: 0.72rem;}
}

.addCommon .box-item{min-height: calc(100vh  - 2.1rem - 1px);}
.addCommon .cur-tab,
.addCar .cur-tab{margin-bottom: 0.1rem;}
.top-opreart .btn-group{position: relative;z-index: 4;}
.top-opreart .btn-group :where(.layui-btn,[class*=btn-txt-]){font-size: var(--fs18);min-width: auto; padding: 0 0.22rem; margin: 0 0 0 0.1rem!important;}
.top-opreart .layui-btn{margin-bottom: 0;background-color: #f18800;}
.top-opreart [class*=btn-txt-]{height: 0.4rem; line-height: 0.4rem; }
.top-opreart .btn-txt-back{ background-color: var(--fff);border: solid 1px #e8e8e8; }
.top-opreart .btn-txt-back:not(:hover){color: var(--c333);}
.top-opreart .btn-txt-save{background: #f18800;}
@media (min-width:1025px) {
.addCar .layui-form .row-2-1 li:nth-child(2) .n,
.addCar .layui-form .row-3 li:nth-child(3) .n{margin-left: 0.3rem;}
}

@media (min-width:1025px) {
.addCommon .cur-tab .scroll,
.addCar .cur-tab .scroll,
.report-Details .cur-tab .scroll{max-width: calc(100% - 3.26rem);}
.top-opreart .btn-group{float: right; margin-top: -0.62rem; margin-right: 0.5rem;}
.cur-hasScrollBar .top-opreart .btn-group{ margin-top: -0.7rem;}
}

.search-number{position: relative;z-index: 1;}
.search-number .search-text{display: flex;align-items: center;}
.search-number .btn{background: #4ab2d0 url(../images/search.svg) no-repeat center center / auto 0.2rem; border-radius: 0 2px 2px 0; width: 0.5rem; height: 0.5rem;}
.search-number .layui-input{flex: 1; border-radius: 2px 0 0 2px;}

#upload-pic-preview{display: flex;flex-wrap: wrap; margin: 0; padding: 0.21rem 0;}
#upload-pic-preview dd{width: 1rem; height: 1rem;display: flex; align-items: center; justify-content:  center; margin-right: 0.1rem; border-radius: 0.03rem;background-color: #eee;position: relative;}
#upload-pic-preview dd img{max-height: 100%; max-width: 100%;}
#upload-pic-preview dd .delete{position: absolute; right: -0.05rem; top: -0.05rem; background: #c82424 url(../images/close-on.svg) no-repeat center center / auto 50%; width: 0.2rem; height: 0.2rem; border-radius: 50%;cursor: pointer;}

#details #upload-pic-preview{padding: 0;}
#details div.layui-input{line-height: 0.5rem; font-size: var(--fs20);}
.files-upload{display: flex;justify-content: space-between;align-items: center;line-height: normal; height: 0.5rem;padding: 0.05rem 0.06rem;}
.files-upload aside{flex: 1; margin-right: 0.1rem;}
.files-upload p{margin: 0;}
.files-upload .btn{flex-shrink: 0;padding: 0 0.13rem; line-height: 0.4rem; background-color: #c0927f; border-radius: 2px;color: var(--fff);}
.files-upload .btn:hover{background-color: var(--hovercolor);}

.all-form :where(.layui-input, .layui-select, .layui-textarea){height: 0.5rem;background-color: #fefefe; border-color: #d8dce4; font-size: var(--fs20);}
.all-form [id*=Time]{background: url(../images/date.svg) no-repeat right 0.14rem center / auto 0.2rem;}
.all-form .layui-form-select dl{top: 0.5rem;}
.all-form .layui-form-select .layui-input{padding-right: 0.3rem;}
.all-form .unit{position: relative;z-index: 1;}
.all-form .unit em{font-style: normal; font-size: var(--fs20);position: absolute;right:0.16rem; top: 0; height: 100%;display: flex;align-items: center;}
@media (min-width:1025px) {
.all-form li .n.w{min-width: 1.53rem;}
.all-form li .n.w2{min-width: 1.65rem; padding-left: 0;}
.all-form li .n.w3{min-width: 1.3rem;}
}
@media (max-width:1024px) {
    .all-form li .n{width: 1rem;}   
}

.all-table .err{color: #ff0000; font-style: normal;}
.all-table .layui-table-page{justify-content: flex-end;padding: 0;}
.all-table .layui-table-page .layui-laypage a{background-color: transparent;color: #000;}
.all-table .layui-icon{font-size: var(--fs24);}

.record{display: flex;justify-content: space-between;align-items: center; line-height: 0.36rem; margin-bottom: 0.1rem; padding-left: 0.18rem; font-size: 0.2rem;}
.record > span{display: flex;align-items: center;}
.record span[class*=color-]{border-radius: 0.04rem;display: block; padding: 00 0.15rem;color: #fff;}
.record span.color-1{background-color: #36bdb8;}
.record  span.color-2{background-color: #7191c6;}
.record  span.color-3{background-color: #da3838;}
.record  span.color-4{background-color: #ffaf02;}

.record-area .all-form{max-width: 9rem; font-size:var(--fs20);}
.layui-form-checkbox>div{font-size:var(--fs20);}
.layui-form-checkbox[lay-skin=primary]>div{line-height: normal; color: var(--c333);}
.record-area  .layui-form-checkbox[lay-skin=primary]{padding-left: 0.29rem;}
.record-area .layui-form-checkbox[lay-skin=primary]>i{	width: 0.21rem;height: 0.21rem;border-radius: 0.02rem; top: 50%;margin-top: -0.105rem;}
.record-area .layui-form-checked[lay-skin=primary]>i, 
.record-area .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #4ab2d0!important; background-color: #4ab2d0; background-image: url(../images/checked-white.svg);}
.record-area .layui-textarea{margin: 0.2rem 0;}
.record-area .layui-form-select{max-width: 3.5rem;}

.layui-btn{height: 0.4rem; line-height: 0.4rem; font-size: var(--fs18); padding: 0 0.32rem; min-width: 1rem; border-radius: 0.02rem;}
.record-area  .layui-btn{ background-color: #4ab2d0;}
.record-table .layui-none{opacity: 0;}

[class*=popUp-]{position: fixed; left: 0;top: 0;width: 100%;height: 100%; background:rgba(0,0,0,0.5);z-index: 300;display: flex;align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.3s;}
[class*=popUp-].is-active{opacity: 1; visibility: visible;}
[class*=popUp-] .box-item{position: relative; padding: 0.3rem;}
[class*=popUp-] .close{position: absolute;z-index: 10; width: 0.5rem; height: 0.5rem; border-radius: 50%;background: #d27f61 url(../images/close-on.svg) no-repeat center center / auto 0.14rem;right: -0.24rem; top: -0.2rem; cursor: pointer;}
[class*=popUp-] .all-title{margin-bottom: 0.4rem;}
[class*=popUp-] .btn-group{margin-top: 0.5rem;}

.popup-carSearch{z-index: 301; position: absolute;top: var(--ppt); width: var(--ppw); visibility: hidden; opacity: 0; transition: 0.3s;}
.popup-carSearch .close{position: absolute;z-index: 10; width: 0.5rem; height: 0.5rem; border-radius: 50%;background: #d27f61 url(../images/close-on.svg) no-repeat center center / auto 0.14rem;right: -0.24rem; top: -0.2rem; cursor: pointer;}
.popup-carSearch .table-list-area{padding: 0;}
@media (max-width:1024px) {
    .popup-carSearch .close{right: 0.1rem;top: 0.1rem;}
}

.show-popup .layer{visibility: visible; opacity: 1;z-index: 300;}
.show-popup .search-number{z-index: 301;}
.show-popup .popup-carSearch{visibility: visible; opacity: 1;}

.layui-layer-btn a{height: 0.36rem; line-height: 0.36rem; padding: 0 1em;}
.layui-layer-dialog .layui-layer-content{font-size: var(--fs18); line-height: normal;}
.layui-layer-dialog .layui-layer-content .layui-layer-face{font-size: 0.32rem; top: 0.15rem; left: 0.16rem;}

.btn-group{display: flex;justify-content: center;}
.btn-group a{line-height: 0.5rem;padding: 0 0.3rem; font-size: 0.2rem; margin: 0 0.05rem;}

.popUp-report .box-item{max-width: 800px;width: 90%;}
.popUp-report .layui-form  dd + dd{margin-top: 0.1rem;}
.popUp-report .layui-form-radio[lay-skin=primary]>i{width: 0.21rem; height: 0.21rem; border-width: 1px; border-color: #6f88ad; top: 0.02rem;}
.popUp-report .layui-form-radio[lay-skin=primary]{padding-left: 0.3rem;}

.layui-form-radio{line-height: 0.32rem; margin: 0; padding-right: 0.1rem; display: inline-flex; align-items: center;}
.layui-form-radio>*{font-size: var(--fs20);}
.layui-form-radio> div{flex: 1;}
.layui-form-radio>i{font-size: 0; margin-right:0.09rem;width: 0.21rem; height: 0.21rem; background-color: var(--fff); border-radius: 0.02rem; border: solid 1px #6f88ad; flex-shrink: 0;}
.layui-form-radioed,
.layui-form-radioed > i,
.layui-form-radio:hover > *{color: var(--c333);}
.layui-form-radioed > i{border-color: #ba0c0d; background:#ba0c0d url(../images/checked-white.svg) no-repeat center center / contain;}

.step{margin-bottom: 0.1rem;}
.step dl{display: flex;justify-content: space-between;}
.step dd{flex: 1;position: relative; z-index: 1;counter-increment:ddcounter; font-size: var(--fs24); color: var(--fff); line-height: 0.6rem;text-align: center; background-repeat: no-repeat; background-size: 100% 100%;}
.step dd:nth-child(1){background-image: url(../images/step1.png);}
.step dd:nth-child(2){background-image: url(../images/step2.png);}
.step dd:nth-child(3){background-image: url(../images/step3.png);}
.step dd:before{content:'';position: absolute;content: counters(ddcounter, ".", decimal-leading-zero);width: 0.4rem;text-align: center;line-height: 0.4rem; border-radius: 50%; background-color:rgba(255,255,255,.1); left: 0.2rem; top: 0.1rem; font-size: var(--fs20);}
@media (min-width:641px) {
    .step dd:not(:nth-child(1)){margin-left: -0.1rem;}
    .step dd:not(:nth-child(1)):before{left: 0.51rem;}
}
@media (max-width:640px) {
    .step dd{padding-left: 0.3rem;} 
    .step dd:before{width: 0.3rem; line-height: 0.3rem; font-size: 0.8em; margin-top: -0.14rem; top: 50%; left: 0.1rem;}
    .step dd:not(:nth-child(1)):before{left: 0.15rem;}
}

.report-Details .cur-tab{margin-bottom:0.1rem;}
.report-Details .wrapper{max-width: 1200px; margin: 0 auto; width: 90%; padding: 0.5rem 0;}
.report-Details .title{text-align: center; border-bottom: 2px solid #222; margin-bottom: 0.5rem; padding-bottom: 0.15rem;}
.report-Details .title h1{margin: 0 0 0.45rem 0; font-size: var(--fs36);}
.report-Details .title p{font-size: var(--fs20); margin: 0;}
@media (min-width:1025px) {
    .report-Details .top-opreart{position: sticky;z-index: 5; top: 1.52rem;}
}
@media (max-width:1024px) {
    .top-opreart{ padding-bottom: 0.1rem;}
    .addCar .btn-group,
    .report-Details .btn-group{justify-content: flex-end;}
}

[class*=sheet-form-]{overflow: auto;}
[class*=sheet-form-] table{border: solid 1px #d8dce4; width: 100%; table-layout: fixed;}
[class*=sheet-form-] td{border: solid 1px #d8dce4;padding: 0.1rem 0.16rem; font-size: var(--fs20); line-height: 1.2;}
[class*=sheet-form-] .radio-group,
[class*=sheet-form-] .radio-group dd{display: flex; align-items: center;}
[class*=sheet-form-] .radio-group dd + dd{margin-left: calc(50 / 408 * 100%);}
[class*=sheet-form-] .radio-group dd:before{display: block; content: ''; width: 0.21rem; height: 0.21rem; border-radius: 0.02rem; border: solid 1px #6f88ad; margin-right: 0.09rem;}
[class*=sheet-form-] .radio-group dd.checked:before{border-color: var(--hovercolor); background: url(../images/checked-white.svg) no-repeat var(--hovercolor) center center / contain;}
[class*=sheet-form-] .tips{color: var(--c999);}
[class*=sheet-form-] .tips + .tit{margin: 0.25rem 0;}
[class*=sheet-form-] .txt{line-height: 1.5; padding: 0.15rem 0;}
[class*=sheet-form-] .time-tit{display: flex;}
[class*=sheet-form-] .time-tit.row2 li{width: 1.7rem;}
[class*=sheet-form-] .time-tit.row3 li{width: 1rem;}
[class*=sheet-form-] .unit-tit{display: flex;align-items: center;justify-content: space-between; }
[class*=sheet-form-] .unit-tit > div{flex: 1; margin-right: 0.1rem;}
[class*=sheet-form-] .unit-tit span{font-size: 0.9em;}
[class*=sheet-form-] .unit-tit span + div{margin-right: 0;margin-left: 0.1rem;}
[class*=sheet-form-] .time-tit[class*=row] .unit-tit{padding-left: 0.1rem;}
[class*=sheet-form-] .time-group{padding: 0 0.38rem 0 0;}
[class*=sheet-form-] .time-group > div{display: flex;justify-content: space-between;align-items: center;}
[class*=sheet-form-] .time-group > div:not(:last-child){margin-bottom: 0.3rem;}
[class*=sheet-form-] .time-group em{font-style: normal;}
[class*=sheet-form-] .time-group em:nth-child(1){flex: 1; text-align: left;display: flex;justify-content: space-between; align-items: center; margin-right: 0.1rem;}
[class*=sheet-form-] .time-group em:nth-child(1) i{font-style: normal;}
[class*=sheet-form-] .time-group em:nth-child(1) .layui-input{flex: 1; margin-left: 0.1rem;}
[class*=sheet-form-] .end{padding-top: 0.4rem; padding-bottom: 0.4rem; vertical-align: top;}
[class*=sheet-form-] .code{text-align: center;padding: 0.33rem 0 0 0;}
[class*=sheet-form-] .code .tit{font-size: var(--fs30); margin-bottom: 0.15rem;}
[class*=sheet-form-] .all-form{padding: 0.1rem 0;}
[class*=sheet-form-] .all-form dd + dd{margin-top: 0.05rem;}
[class*=sheet-form-] .minH{height:1.5rem; vertical-align: top;}
[class*=sheet-form-] .in-table{padding: 0;}
[class*=sheet-form-] .in-table table{border: 0;margin: -1px; width: calc(100% + 2px);}
[class*=sheet-form-] .flex-tit{display: inline-flex;align-items: center;}
[class*=sheet-form-] .flex-tit span{text-align: center; min-width: 2rem;}
[class*=sheet-form-] .layui-textarea{margin-top: 0.05rem;}
[class*=sheet-form-]  .tip-con{font-size: 0.9em;color: var(--c555); margin-top: 0.2rem; line-height: 1.5;}
[class*=sheet-form-]  .unit-group{display: flex;justify-content: space-between;}
[class*=sheet-form-]  .unit-group >  div{flex: 1;}
[class*=sheet-form-]  .unit-group > div + div{margin-left: 0.1rem;}
[class*=sheet-form-] .tl,
[class*=sheet-form-] td.tl{text-align: left;}
[class*=sheet-form-] .input-group{display: flex;flex-wrap: wrap;align-items: center;}
[class*=sheet-form-] .input-group .layui-input{width: 1.2rem;margin: 0 0.1rem;}
[class*=sheet-form-] #upload-img{display: block; margin-top: 0.2rem;}
[class*=sheet-form-] #upload-preview{margin-top: 0.2rem; text-align: center;}
[class*=sheet-form-] .layui-upload-drag .layui-icon{font-size: 0.5rem; color: var(--hovercolor);}
.w267{width: calc(267 / 1200 * 100%);}
.w320{width: calc(320 / 1200 * 100%);}
.w393{width: calc(393 / 1200 * 100%);}
.w210{width: calc(210 / 1200 * 100%);}
.w185{width: calc(185 / 1200 * 100%);}
.w100{width: calc(100 / 1200 * 100%);}
.w165{width: calc(165 / 1200 * 100%);}
.w117{width: calc(117 / 1200 * 100%);}
.w75{width: calc(75 / 1200 * 100%);}
.w1_6ps{width: 13%;}
.w1_62ps{width: calc((100% - 13% * 3) / 3);}
.w1_4ps{width: 20%;}
.w1_42ps{width: calc((100% - 20% * 2) / 2);}
@media (max-width:1024px) {
    [class*=sheet-form-] table{width: 700px;}
}

.sheet-form-1 .lh > div{margin-bottom: 0.05rem;}
.sheet-form-2 td{text-align: center;}
.sheet-form-2 td.end{text-align: left;}
.sheet-form-2 td[colspan='2'],
.sheet-form-2 td[colspan='5'],
.sheet-form-2 td[colspan='6'],
.sheet-form-2 td[colspan='3']:not(.th-top){text-align: left;}
.sheet-form-2 .layui-form-radio{padding-right: 0;}
.sheet-form-2 .layui-form-radio > i{margin-right: 0;}
.sheet-form-3 td{text-align: center;}
.sheet-form-3 .in-table > table > tbody > tr > td{width: calc(100% / 4);}
.sheet-form-3 .in-table > table table td{width: calc(100% / 2);}
.sheet-form-3  .in-table > table > tbody > tr:nth-child(1) > td{padding: 0;}
.sheet-form-3 .sketch-map{text-align: left;}
.sheet-form-3 .sketch-map .pic{margin: 0.2rem 0; text-align: center;}
.sheet-form-3 .sketch-map .tips{font-size: 0.9em;}
.sheet-form-3 .sketch-map .warn{position: relative;padding-left: 0.5rem; line-height: 1.5; }
.sheet-form-3 .sketch-map .warn em{font-style: normal; position: absolute; left: 0;top: 0;}
.sheet-form-4 td{text-align: center;}
.sheet-form-4 td.date .time-tit.row3 li{width: auto;flex: 1;}
.sheet-form-5 td{text-align: center;}
.sheet-form-5 td[colspan='2'],
.sheet-form-5 td[colspan='4']{text-align: left;}
.sheet-form-6 td{text-align: center;}
.sheet-form-6 td[colspan='2'],
.sheet-form-6 td[colspan='6']{text-align: left;}
.sheet-form-6 .in-table td:not(.end):nth-child(1){width:10%;}
.sheet-form-6 .in-table td:not(.end):nth-child(2){width: 16%;}
.sheet-form-6 .in-table td:nth-child(4){width: 20%;}
.sheet-form-7 td{text-align: center;}
.sheet-form-7 td[colspan='2'],
.sheet-form-7 td[colspan='6']{text-align: left;}
.sheet-form-7 td[colspan='3']{width: 50%;}
.sheet-form-8 td{text-align: center;}
.sheet-form-8 td[colspan='4']{text-align: left;}

.modify{min-height: calc(100vh - 0.58rem - 0.8rem - 0.65rem - 0.4rem);display: flex;align-items: center;justify-content: center;}
.modify .all-form{max-width: 5rem; margin: 0 auto;}
.modify .all-form li .n{min-width: 1.4rem;}
.modify .all-form .layui-btn{background:var(--hovercolor);}
.upload-avater{position: relative;z-index: 1; width: 2rem; height: 2rem;border-radius: 50%; overflow: hidden; margin-bottom: 0.2rem;}
.upload-avater > a{position: absolute; left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,1) url(../images/upload.svg) no-repeat center center / auto 20%;z-index: 4; cursor: pointer; opacity: 0.5;}
.upload-avater img{display: block;width: 100%;height: 100%;}
.upload-avater + .layui-btn{margin: 0 auto;display: block;}

.notice-main{padding: 0.3rem;}
.notice-main .item-list + #Pages{margin-top: 0.5rem;}
.notice-main .item-list .list{border-bottom: 1px solid var(--ceee);}
.notice-main .item-list .title{ line-height: 0.6rem;position: relative; padding-right: 0.5rem; padding-left: 0.2rem; cursor: pointer;}
.notice-main .item-list .title:before,
.notice-main .item-list .title:after{position: absolute; content: ''; }
.notice-main .item-list .title:after{width: 0.24rem;background: url(../images/nav-a.svg) no-repeat center center / auto 0.14rem; right: 0.2rem;height: 100%; top: 0;}
.notice-main .item-list .title:before{width: 4px;height: 4px;top: 50%;margin-top: -2px; left: 0;background: var(--hovercolor);}
.notice-main .item-list .edit-info{background-color: var(--ceee); padding: 0.2rem; display: none; text-align: justify; line-height: 2;}
.notice-main .all-title{position: relative;z-index: 1;}
.notice-main .btn-txt-more{position: absolute;right: 0; font-size: 0.6em;}

.info-details{margin-top: 0.2rem;}
.info-details > time{color: var(--c999); display: block; border-bottom: 1px solid var(--ceee); padding-bottom: 0.1rem; margin-bottom: 0.2rem; font-size: 0.8em;}
.info-details .edit-info{text-align: justify; line-height: 2;}
.info-details .back{display: block; margin: 0.5rem auto 0; width: 1.4rem;background: linear-gradient(90deg, 
    #ba0c0d 0%, 
    #d03131 100%); border-radius: 0.03rem; color: #ffff; text-align: center; line-height: 0.5rem;}

.common-Table{position: relative;z-index: 1;}
.common-Table .data-list{position: absolute; left: 0.2rem;right: 0.2rem; top: 100%; z-index: 4; transition:opacity 0.3s;}
.common-Table .data-list:not(.show){visibility: hidden; opacity: 0;}
.common-Table #common-info{position: relative;z-index: 1;}
.common-Table .data-list th:nth-child(1){padding-left: 0.05rem;position: relative;}
.common-Table .data-list th:nth-child(1):before{position: absolute; content: '';width: 0.3rem; height: 0.3rem; left: 0.72rem;top: -0.15rem; transform: rotate(45deg); border-right: solid 1px #e7eaf1;border-bottom: solid 1px #e7eaf1;background-color: var(--fff);}
.common-Table .data-list th:nth-child(1) .laytable-cell-checkbox{visibility: hidden;}
.common-Table .data-list .layui-table-box th,
.common-Table .data-list .layui-table-box td{background-color: #f8f8f8; border-bottom-color: #e7eaf1;}
.common-Table .data-list .layui-table-box th:nth-child(1),
.common-Table .data-list .layui-table-box td:nth-child(1){padding-left: 0.55rem;}
.common-Table .data-list .layui-table-view{margin-top: -1px;}
/*#common-info .layui-table-hover,
#common-info .layui-table-click{background-color: transparent!important;}*/
.common-Table .data-list .layui-table-cell{padding-top: 0; padding-bottom: 0;height: 0.6rem;}
.common-Table .data-list td:nth-child(1){position: relative;z-index: 1;}
.common-Table .data-list td:last-child:after,
.common-Table .data-list td:nth-child(1):before{position: absolute; content: '';top: 0;height: 100%; background: #f8f8f8;z-index: 3;}
.common-Table .data-list td:nth-child(1):before{width: 0.55rem; left: 0;}
.common-Table .data-list td:last-child:after{width: 5%;right: 0.08rem;}
.common-Table .data-list .layui-table-box{background-color: #f8f8f8;}

@media (min-width:1025px) {
.index-box{display: flex;flex-wrap: wrap; justify-content: space-between; flex-direction: row;}
.index-box .box-item{width: calc((100% - 0.23rem) / 2);}
}

/* 20240702 */
.option {
    display: flex;
    justify-content: space-around;
    align-items: baseline;
}

.option .tit {
    display: flex;
    align-items: center;
    justify-content: space-around;

    width: 0.5rem;
    height: 0.5rem; 
    margin-right: 10px;
}

.option .tit .symbol {
    font-size: 0.15rem; 
}

.option .tit:nth-child(1) .symbol {
    font-weight: bold;
}
.option .tit:nth-child(2) .symbol {
    font-weight: bold;
}


/* 20241113 */
.layui-table-hover{ background: #d27f61; }
.layui-table-hover td{ background: none !important; }
.layui-table-hover div{ color: #fff; }
.layui-table-checked{background: #c82424;}
.layui-table-checked.layui-table-hover, .layui-table-checked.layui-table-click{background: #c82424;}