body {
 font-family:微软雅黑,Arial;   
}
.content_main {
    margin: 0 auto;
    max-width: 760px;
}

a:hover {
    text-decoration: none
}

.relayui-select38 {
    height: 38px;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 2px;
    cursor: pointer;
}
.relayui-select30 {
    height: 30px;
    padding: 3px;
    border: 1px solid #eee;
    border-radius: 2px;
    cursor: pointer;
}


.text-inline {
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 显示省略号 */
}



.layui-card-header .layui-icon {
    line-height: unset;
}

.layui-bg-black {
    background-color: #ccc !important;
}
.layui-textarea{
    min-height:75px;
}
/*.layui-btn {
    background-color: #FF5722;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #FF5722;
}*/
header {
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /*吸顶*/
    position: fixed !important;
    z-index: 1000 !important;
    width: 100%;
    max-width: 760px;
    height: 60px !important;
    top: 0 !important;
    /*left: calc((100% - 760px) / 2);*/
    border-bottom: #f3f3f3 solid 1px;
}
header .layui-unselect {
    display: none !important;
}

/*顶部LOGO*/
.header-logo {
    margin-top:0px;
}
.header-logo img{
    height:35px;
}

/*吸底导航栏目*/
nav {
    padding: 0;
    background-color: #fff;
    position: fixed !important;
    z-index: 1000 !important;
    width: 100%;
    bottom: 0 !important;
    border-top: #f3f3f3 solid 1px;
}
.nav-menu, .nav-menu::after {
    border: 0 !important;
}
.nav-menu li{
    font-size:20px !important;
    font-weight:bold;
}
.nav-menu li a{
    color:#333333;
}

/*整站搜索框*/
.site-search {
    position: relative;
    width: 200px;
}
.site-search input {
    border-radius: 20px;
    background-color:transparent;
}
.site-search .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    /*pointer-events: none;  防止图标区域影响点击输入框 */
    cursor:pointer;
    z-index:999;
    color:#fff;
}

/*右侧漂浮图标*/
.side {
    position: fixed;
    width: 60px;
    height: 80px;
    right: 0px;
    bottom: 10%;
    transform: translateY(-50%);
    z-index: 100;
}
.side ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.side ul li {
    width: 60px;
    height: 80px;
    float: left;
    position: relative;
}
.side ul li .sidebox {
    vertical-align: middle;
    position: absolute;
    /*width: 50px;*/
    /*height: 80px;*/
    top: 0;
    right: 0;
    color: #fff;
    overflow: hidden;
    background-color: #e40112;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius:50%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}


/*首页--推荐车辆*/
#car-recommend .title{}
#car-recommend .title p{width: 16px; padding: 36px 11px; border-right: #1E9FFF solid 2px; cursor:pointer;}
#car-recommend .title .active{background:#1E9FFF;border-radius: 8px 0 0 8px;color:#fff;}

/*首页--流程*/
#bid-flow{}
#bid-flow .title{text-align:center;font-size:20px;font-weight:bold;border:0;}
#bid-flow .step{float:left;width:9%;text-align:center;}
#bid-flow .step p{background:#ff5722;padding:15px 0 15px 0;border-radius:20px;}
#bid-flow .step img{height:30px;}
#bid-flow .arrow{float:left;width:5%;text-align:center;}
#bid-flow .arrow img{height:20px;margin-top:20px;}

/*车辆列表*/
.car-item {border:0 !important;}
.car-item .img{width:100%;height:125px;position: relative;}
.car-item .img img{width:100%;height:125px;border-top-left-radius:5px;border-top-right-radius:5px;}
.car-item .img .tips1{position: absolute; z-index: 1;left: 0px; bottom: 0px;width:100%;}
.car-item .img .tips1 .layui-btn-danger{
    /*background-color:rgba(255, 87, 34, 0.2) !important;*/
    background-color:rgba(0, 0, 0, 0.5) !important;
    color:#ff5722;
}
.car-item .hot{float:right;padding-right:0px;}





/* 自定义checkbox */
input[type=checkbox].ace,
input[type=radio].ace {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

input[type=checkbox].ace:checked,
input[type=radio].ace:checked,
input[type=checkbox].ace:focus,
input[type=radio].ace:focus {
    outline: none !important;
}

input[type=checkbox].ace + .lbl,
input[type=radio].ace + .lbl {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 18px;
    min-width: 18px;
    font-weight: normal;
}

input[type=checkbox].ace + .lbl::before {
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    content: "\a0";
    background-color: #fff;
    border: 1px solid #c8c8c8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 5px;
}

input[type=radio].ace + .lbl::before {
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    content: "\a0";
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 18px;
    line-height: 16px;
    min-width: 18px;
    margin-right: 5px;
}

input[type=checkbox].ace:checked + .lbl::before,
input[type=radio].ace:checked + .lbl::before {
    display: inline-block;
    content: '\f00c';
    border-color: #5FB878 !important;
    background-color: #5FB878;
}

input[type=checkbox].ace:hover + .lbl::before,
input[type=radio].ace:hover + .lbl::before,
input[type=checkbox].ace + .lbl:hover::before,
input[type=radio].ace + .lbl:hover::before {
    border-color: #ff893c;
}

input[type=checkbox].ace:active + .lbl::before,
input[type=radio].ace:active + .lbl::before,
input[type=checkbox].ace:checked:active + .lbl::before,
input[type=radio].ace:checked:active + .lbl::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox].ace.ace-checkbox-2 + .lbl::before,
input[type=radio].ace.ace-checkbox-2 + .lbl::before {
    box-shadow: none;
}

input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before,
input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
    background-color: #f9a021;
    border-color: #f9a021;
    color: #FFF;
}

input[type=checkbox].ace:disabled + .lbl::before,
input[type=radio].ace:disabled + .lbl::before,
input[type=checkbox].ace[disabled] + .lbl::before,
input[type=radio].ace[disabled] + .lbl::before,
input[type=checkbox].ace.disabled + .lbl::before,
input[type=radio].ace.disabled + .lbl::before {
    background-color: #DDD !important;
    border-color: #CCC !important;
    box-shadow: none !important;
    color: #BBB;
}





.modal-dialog{margin-top:30px !important;}


/*拖放时占位符的样式*/
.ui-sortable-placeholder {
    outline: 2px dashed #ff6600;
    visibility: visible !important;
}
/*validate验证控件的样式*/
label.error {clear: both;color: red;font-weight: normal;font-size:14px;margin: 0;padding: 0;}
input.error, select.error,textarea.error { border: 1px solid red !important;}

/*可以隐藏未编译的 Mustache 标签直到实例准备完毕（HTML绑定Vue实例，在页面加载时会闪烁）*/
[v-cloak] { display: none;}

.center{ text-align:center!important;}
.left{ text-align:left!important;}
.right{text-align:right!important;}

.font12{font-size:12px !important;}
.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font20{font-size:20px !important;}
.font22{font-size:22px !important;}
.font24{font-size:24px !important;}
.font26{font-size:26px !important;}
.font30{font-size:30px !important;}
.font32{font-size:32px !important;}
.font36{font-size:36px !important;}

.white{color:#fff !important;}
.gray{color:#888 !important;}
.gray2{color:#d2d2d2 !important;}
.black{color:#111 !important;}
.black2{color:#666 !important;}
.blue{color:blue !important;}
.blue2{color:#217DC6 !important;}
.green{color:green !important;}
.green2 { color:#5fc11e !important; }
.red{color:red !important;}
.orange{color:#ff6600 !important;}
.yellow{color:yellow !important;}

.bg-yellow, .bg-yellow td{background:yellow !important;}
.bg-blue, .bg-blue td {background: #d5f4fe !important;}

.table th { background:#eee; font-weight:normal;color:#000;}
.table .foot td{background:yellow !important; font-weight:bold;}
.hand{cursor:pointer;}
.nohand{cursor:default;}
.noborder {border:0!important;}
.nobold {font-weight:normal !important;}

.width30{width:30px !important;}
.width40{width:40px !important;}
.width50{width:50px !important;}
.width60{width:60px !important;}
.width70{width:70px !important;}
.width80{width:80px !important;}
.width90{width:90px !important;}
.width100{width:100px !important;word-break:break-all;}
.width110{width:110px !important;word-break:break-all;}
.width120{width:120px !important;word-break:break-all;}
.width150{width:150px !important;word-break:break-all;}
.width180{width:180px !important;word-break:break-all;}
.width200{width:200px !important;word-break:break-all;}
.width250{width:250px !important;word-break:break-all;}
.width280{width:280px !important;word-break:break-all;}
.width300{width:300px !important;word-break:break-all;}
.width350{width:350px !important;word-break:break-all;}
.width500{width:500px !important;word-break:break-all;}

.padding-0{padding:0 !important;}
.padding-5{padding:5px !important;}
.padding-10 {padding:10px !important;}
.padding-lr-0{padding-left:0 !important;padding-right:0 !important;}
.padding-tb-0{padding-top:0 !important;padding-bottom:0 !important;}

.padding-top-0{padding-top:0 !important;}
.padding-top-5{padding-top:5px !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-15{padding-top:15px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-top-50{padding-top:50px !important;}

.padding-bottom-0{padding-bottom:0 !important;}
.padding-bottom-5{padding-bottom:5px !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-15{padding-bottom:15px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-bottom-50{padding-bottom:50px !important;}

.padding-left-0{padding-left:0 !important;}
.padding-left-5{padding-left:5px !important;}
.padding-left-10{padding-left:10px !important;}
.padding-left-15{padding-left:15px !important;}
.padding-left-20{padding-left:20px !important;}
.padding-left-30{padding-left:30px !important;}
.padding-left-50{padding-left:50px !important;}

.padding-right-0{padding-right:0 !important;}
.padding-right-5{padding-right:5px !important;}
.padding-right-10{padding-right:10px !important;}
.padding-right-15{padding-right:15px !important;}
.padding-right-20{padding-right:20px !important;}
.padding-right-30{padding-right:30px !important;}
.padding-right-50{padding-right:50px !important;}

.margin-top-0{margin-top:0 !important;}
.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-top-50{margin-top:50px !important;}
.margin-bottom-0{margin-bottom:0 !important;}
.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-50{margin-bottom:50px !important;}
.margin-left-0{margin-left:0 !important;}
.margin-left-5{margin-left:5px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-left-50{margin-left:50px !important;}
.margin-right-0{margin-right:0 !important;}
.margin-right-5{margin-right:5px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-20{margin-right:20px !important;}
.margin-right-50{margin-right:50px !important;}
.margin-right-100{margin-right:100px !important;}

.new{margin:0;padding:0px 5px; text-align:center;font-size:12px;color:#fff; background:#ff2f46;margin-left:5px;border-radius:10px;}
.audit{border-top:#ff6600 dashed 1px;padding:10px 0;background:#ffecdf;}