.header-content,.header-top,.container{min-width:1230px;}
.header-content{
    padding:0;height: 80px;clear: both;line-height: 80px;background: #fff;
}

.header-top{background-color: #ececec;height:40px;}

.header-top .left{padding-left:0;text-align:left}

.header-top .right{padding-right:0;text-align:right}

.header-top .left ul,.header-top .right ul{padding:0;margin:0;text-align:center;display: inline-block;height:30px;color:#828282;}

.header-top .left ul li,.header-top .right ul li{height:40px;float:left;list-style-type:none;display: inline;padding:9px;cursor:pointer} 
.header-top .left ul li span{
    font-weight: bold;
}
.header-top .hover:hover{
    color: #df2c4e;
    background: #fff;
    cursor: pointer;
}
.header_help_div{
    background: #fff;
    z-index: 9999;
    position: absolute;
    display: none;
    margin-left: -271px;
    margin-top: 11px;
    box-shadow: 1px 3px 10px 0px rgba(38, 38, 38, 0.19);
}
.header_help_div div{
    border-right: 1px solid #efefef;
    margin: 10px 0 10px 10px;
    padding-right: 10px;
    float: left;
}
.header_help_div p{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #525252;
    margin-bottom: 0px;
}
.header_help_div a{
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #a19b9b;
    display: block;
}
.header_help_div a:hover{
    color: #df2c4e;
}
.header_help_divx a:hover{
    color: #df2c4e;
}
.header_help_divx{
    background: #fff;
    z-index: 9999;
    position: absolute;
    margin-left: -10px;
    display: none;
    margin-top: 7px;
    box-shadow: 1px 3px 10px 0px rgba(38, 38, 38, 0.19);
}


.header_help_divx div{
    padding: 10px 0px;
    width: 164px;
    border-bottom: 1px solid #efefef;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   
    @media screen and (min-width: 750px) and (max-width: 1200px) {
        .header_help_divx div{
            width: 182px;
        }
    }
    }
.header_help_divx a{
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #a19b9b;
    margin: 0px 10px;
}
.QR_code_down{
    background: #fff;
    z-index: 9999;
    position: absolute;
    display: none;
    margin-left: -38px;
    margin-top: 8px;
    border: solid 1px #dedede;
}
.QR_code_down p{
    margin: 0 0;
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #333333;
}
.arrow_box {
	background: #fff;
	border: 1px solid #dedede;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 70%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box:before {
	border-color: rgba(222, 222, 222, 0);
	border-bottom-color: #dedede;
	border-width: 6px;
	margin-left: -6px;
}
.logo{display:inline-block;float:left;cursor: pointer;}

.logo .line{
    width: 1px;
    height: 36px;
    background-color: #d9d9d9;
    display: inline-block;
    vertical-align: text-top;
    margin: 0px 4px;
    margin-top: -6px;
}

.content-top{margin-top: 45px;}

.content-top-ul{
    display: inline-block;
    margin-left: 20px;
}

.content-top-ul ul{padding:0; display:inline-block;margin:7px 0 0 0}

.content-top-ul ul li{
    list-style-type:none;float:left;
    text-align:center;
    padding: 24px 24px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #666666;
cursor:pointer;}

.content-top-ul ul li:hover{color: #df2c4e; }

.contact{display:inline-block;height:54px;float:right;}

.contact span{display:inline-block;height:54px;float:left;}

.contact p{margin-bottom:0;font-size:16px;line-height: 20px;color: #828282;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    height: 100%;
}
body{
    margin: 0;
    height: 100%;
}
body .chatWindow{
    /* border-radius: 6px; */
    overflow: hidden;
    /* position: initial; */
}
body .chatWindow .layui-layer-content{
    overflow: hidden;
}
body .chatWindow .layui-layer-setwin{
    display: none;
}
body .chatWindow .layui-layer-btn{
    display: none;
    height: 0!important;
    padding: 0;
}
body .chatWindow .layui-layer-resize{
    display: none;
}

/* @media  (max-height:800px) {
    body .chatWindow{zoom: 80%; }
} */
/* @media screen and (min-height: 600px) and (max-height: 800px) {
    body .chatWindow{zoom: 80%;}
    body {zoom: 80%; }
}
@media (max-height: 600px) {
    body .chatWindow{zoom: 63%; }
    body {zoom: 80%; }
} */
/* @media (max-height: 600px) {
    body .chatWindow{zoom: 79%; }
}  */

#msgContent{
    /* position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); */
    width: 100%;
    height: 100%;
    /* min-height: 640px; */
    /* background-color: #ffffff; */
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
#msgContent .msgSide{
    float: left;
    z-index: 1;
}
#msgContent .msgSide{
    width: 64px;
    height: 100%;
    background-color: #484e5e;
    position: relative;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
#msgContent .msgSide .headPortrait{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 12px;
}
#msgContent .msgCnt{
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* padding-left: 64px; */
    position: relative;
}
#msgContent .msgCnt .msgCnt_head{
    height: 6%;
    width: 100%;
    background-color: #ec3341;
    padding: 6px 16px;
    color: #ffffff;
    font-size: 16px;
}
#msgContent .msgCnt .closeBtn{
    position: absolute;
    right: 14px;
    top: 0;
    height: 46px;
}
#msgContent .msgCnt .closeBtn span{
    display: inline-block;
    width: 30px;
    text-align: center;
    cursor: pointer;
    height: 46px;
    position: relative;
}
#msgContent .msgCnt .closeBtn span img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}

#msgContent .msgCnt .msgCnt_body{
    /* height: 100%; */
    height: 94%;
    width: 100%;
    border-bottom-right-radius: 6px;
    /* padding-top: 46px; */
}
#msgContent .msgCnt .msgCnt_list{
    width: 230px;
    height: 100%;
    /* height: 554px; */
    overflow-y: auto;
    /* border-right: 1px solid #e8e8e8; */
    box-sizing: border-box;
    float: left;
    /* position: absolute;
    top: 0;
    padding-top: 46px; */
}
#msgContent .msgCnt .msgCnt_list ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#msgContent .msgCnt .msgCnt_list ul .list{
    padding: 9px 10px;
    position: relative;
    cursor: pointer;
}
#msgContent .msgCnt .list_headPortrait{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#msgContent .msgCnt .list_Name{
    margin-left: 50px;
    position: relative;
}
#msgContent .msgCnt .list_Name_person{
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    padding-right: 35px;
}
#msgContent .msgCnt .list_Name_msg{
    font-size: 12px;
    line-height: 22px;
    color: #999999;
    padding-right: 26px;
    height: 22px;
}
#msgContent .msgCnt .list_Name_time{
    font-size: 12px;
    line-height: 22px;
    color: #999999;
    position: absolute;
    top: 1px;
    right: 0;
}
#msgContent .msgCnt .list_Name_noread{
    font-size: 10px;
    line-height: 20px;
    color: #ffffff;
    position: absolute;
    bottom: 2px;
    right: 0;
    background-color: #e60012;
    /* width: 24px; */
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}
#msgContent .msgCnt .active{
    background-color: #e4e6ef;
    border-left: 3px solid #ffa759;
}
#msgContent .msgCnt .list_Name_person,#msgContent .msgCnt .list_Name_msg{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#msgContent .msgCnt .msgCnt_matter{
    /* height: 100%;
    width: 100%; */
    height: 100%;
    /* width: 506px; */
    margin-left: 230px;
    /* float: left; */
    /* padding-left: 250px; */
}
#msgContent .msgCnt .msgCnt_matter_details{
    height: 100%;
    width: 100%;
    background-color: #f3f4f9;
    /* overflow-y: auto; */
    padding-bottom: 180px;
    position: relative;
}
#msgContent .msgCnt .details_card{
    padding: 0 20px;
    height: 120px;
    width: 100%;
    position: absolute;
    z-index: 999;
    top: 0;
}
#msgContent .msgCnt .details_card_order{
    height: 100%;
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    position: relative;
    padding: 11px 10px;
    background-color: #ffffff;
}
#msgContent .msgCnt .order_img{
    height: 100px;
    width: 100px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
#msgContent .msgCnt .order_parts{
    margin-left: 110px;
}
#msgContent .msgCnt .order_parts_brand,#msgContent .msgCnt .order_parts_oeName{
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#msgContent .msgCnt .order_parts_price{
    font-size: 14px;
    color: #999999;
}
#msgContent .msgCnt .order_parts_link{
    margin-top: 4px;
}
#msgContent .msgCnt .order_parts_link button{
    width: 80px;
    height: 30px;
    color: #ffffff;
    font-size: 14px;
    background-color: #e60012;
    border: 1px solid #e60012;
    border-radius: 4px;
    outline: none;
}
#msgContent .msgCnt .details_times{
    width: 100%;
    padding: 10px 0 20px 0!important;
}
#msgContent .msgCnt .details_times div{
    color: #ffffff;
    font-size: 12px;
    /* background-color: #dfdfdf; */
    text-align: center;
    /* width: 140px; */
    /* height: 24px; */
    /* line-height: 24px; */
    margin: auto;
    /* border-radius: 2px; */
}
#msgContent .msgCnt .details_times span{
    display: inline-block;
    line-height: 24px;
    height: 24px;
    background-color: #dfdfdf;
    padding: 0 10px;
    border-radius: 2px;
}
#msgContent .msgCnt .details_chat{
    width: 100%;
    padding: 0 20px;
}
#msgContent .msgCnt .details_chat ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#msgContent .msgCnt .details_chat li{
    position: relative;
    font-size: 0;
    margin-bottom: 10px;
    padding-left: 63px;
    padding-right: 28px;
    min-height: 44px;
}
#msgContent .msgCnt .list_item_img{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 3px;
}
#msgContent .msgCnt .list_item_text{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    position: relative;
    line-height: 22px;
    padding: 5px 10px;
    background-color: #ffffff;
    border-radius: 3px;
    color: #333333;
    word-break: break-all;
    margin-top: 6px;
    text-align: left;
}
#msgContent .msgCnt .list_item_text::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #ffffff;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: -6px;
    top: 16px;
    transform: translateY(-50%);
}
#msgContent .msgCnt .details_chat .mine{
    text-align: right;
    padding-left: 28px;
    padding-right: 63px;
}
#msgContent .msgCnt .mine .list_item_img{
    left: auto;
    right: 3px;
}
#msgContent .msgCnt .mine .list_item_text{
    background-color: #f1cdd4;
}
#msgContent .msgCnt .mine .list_item_text::after{
    left: auto;
    right: -6px;
    border-right: none;
    border-left: 6px solid #f1cdd4;
}
#msgContent .msgCnt .read{
    position: absolute;
    left: -32px;
    font-size: 12px;
    bottom: 3px;
    line-height: 16px;
    height: 16px;
    color: #999999;
    font-weight: bold;
}
#msgContent .msgCnt .readNull{
    position: absolute;
    left: -32px;
    font-size: 12px;
    bottom: 3px;
    line-height: 16px;
    height: 16px;
    color: #e60012;
    font-weight: bold;
}
#msgContent .msgCnt .fail{
    position: absolute;
    left: -24px;
    bottom: 3px;
}
#msgContent .msgCnt .list_item_order{
    position: relative;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
#msgContent .msgCnt .list_item_order_img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 4px;
}
#msgContent .msgCnt .list_item_order_text{
    margin-left: 50px;
}
#msgContent .msgCnt .msgCnt_matter_input{
    width: 100%;
    height: 180px;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    background-color: #f3f4f9;
}
#msgContent .msgCnt .functionKeys{
    position: relative;
    padding: 0 8px;
    height: 38px;
    line-height: 38px;
    font-size: 0;
}

#msgContent .msgCnt .functionKeys span{
    position: relative;
    margin: 0 8px;
    display: inline-block;
    height: 38px;
    width: 24px;
    vertical-align: top;
    font-size: 24px;
    cursor: pointer;
}
#msgContent .msgCnt .functionKeys .functionKeys_icon img,
#msgContent .msgCnt .functionKeys .functionKeys_file img,
#msgContent .msgCnt .functionKeys .functionKeys_pic img,
#msgContent .msgCnt .functionKeys .functionKeys_tremble img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    cursor: pointer;
}
#msgContent .msgCnt .functionKeys input{
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    position: absolute;
    font-size: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .01;
    filter: Alpha(opacity=1);
    cursor: pointer;
}
#msgContent .msgCnt .msgCnt_matter_edit{
    width: 100%;
    height: 120px;
    /* overflow-y: auto; */
}
#msgContent .msgCnt .msgCnt_matter_edit pre{
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    background-color: #f3f4f9!important;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    white-space: pre-wrap;
    word-break: normal;
    font-size: 14px;
}
#msgContent .msgCnt .msgCnt_matter_edit pre{
    -webkit-user-modify: read-write;
    word-wrap: break-word;
    -webkit-line-break: after-white-space;
    overflow-y: auto;
    overflow-x: hidden;
}
#msgContent .msgCnt .msgCnt_matter_btn{
    width: 100%;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
}
#msgContent .msgCnt .msgCnt_matter_btn span{
    width: 80px;
    height: 36px;
    background-color: #eb3341;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 20px;
    cursor: pointer;
    float: right;
}
#msgContent .msgCnt #send{
    margin: 0 20px;
}
#emojiCON{
    z-index: 9999;
    position: absolute;
    width: 280px;
    height: 168px;
    bottom: 39px;
    left: 0px;
    border-radius: 2px;
    background: #fff;
    box-sizing: border-box;
    padding: 4px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 12px 0px;
}

#emojiCON li {
    cursor: pointer;
    display: inline-block;
    margin: 2px 3px 0 3px;
    height: 38px;
}
#oftenMsg{
    z-index: 9999;
    position: absolute;
    width: 280px;
    height: 168px;
    bottom: 39px;
    left: 50px;
    border-radius: 2px;
    background: #fff;
    box-sizing: border-box;
    padding: 4px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 12px 0px;
    overflow-y: auto;
}

#oftenMsg li {
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    height: 30px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#oftenMsg li:not(.oft):hover {
  background: #fef1f2;
}
#editOftenMsg{
    z-index: 9999;
    position: absolute;
    width: 350px;
    height: 168px;
    bottom: 39px;
    left: 50px;
    border-radius: 2px;
    background: #fff;
    box-sizing: border-box;
    padding: 4px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 4px 12px 0px;
}
#editOftenMsg  ul{
    list-style: none;
    margin: 5px;
    padding: 0;
    width: 72%;
    font-size: 14px;
    background: #eee;
    float: left;
    border-radius: 3px;
    overflow-y: auto;
    max-height: 150px;
}
#editOftenMsg  li{
    line-height: 16px;
    cursor: pointer;
    padding: 6px;
}
#editOftenMsg li:hover {
    background: #fef1f2;
  }
.picLoading img{
    width: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.picLoading span{
    margin-left: 18px;
}
.refreshLoad{
    width: 100%;
    text-align: center;
}
.noMoreMsg{
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #999;
}
.list_item_text span{
    display: inline-block;
    line-height: 22px;
}
.order_close{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    cursor: pointer;
}
.oftenTitle{
    font-size: 14px !important;
    width: 240px !important;
    margin: 0 !important;
    line-height: 23px;
    color: #9E9E9E;
    padding-left: 10px;
    height: 23px !important;
}
#msgContent #oftenMsg span{
    font-size: 15px;
    width: 100%;
    display: block;
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#msgContent #oftenMsg img{
    float: right;
    margin-top: -19px;
    margin-right: 9px;
}
#msgContent .oftenButton span{
    width: 60px !important;
    height: 27px !important;
    background-color: #eb3341;
    display: inline-block !important;
    text-align: center;
    line-height: 26px;
    color: #ffffff;
    font-size: 14px !important;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    margin-top: 5px !important;
}
.oftenButton{
    float: left;
    width: 21%;
}
#ofDelete{
    background: #fff !important;
    color: #eb3341 !important;
    border: 1px solid !important;
}
ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #b4b4b4;
}
ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
#editLIst .active{
    background: #f1cdd4 !important;
}
#closeEOf{
    vertical-align: 8px;
    width: 8px;
    cursor: pointer;
}
.leftRevl,.rightRevl{
    display: none;
}
.onlinePoint{
    position: absolute;
    font-size: 81px;
    height: 14px;
    line-height: 14px;
    top: 37px;
    left: 38px;
    color: #ddd;
}

/* <!-- Target Safari and Chrome --> */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .onliPoint {
        font-size: 81px;
        position: absolute;
        height: 12px;
        top: -42px;
    }
}

/* <!-- Target Firefox --> */
@-moz-document url-prefix() {
    .onliPoint {
        font-size: 81px;
        position: absolute;
        height: 12px;
        top: -29px;
    }
}

.imLinkMSG{
    display: none;
    position: absolute;
    right: 10px;
    top: 10%;
    z-index: 999999;
    border: 1px solid #fb7e60;
    background: #fff;
    width: 350px;
    box-shadow: 0 2px 8px rgba(255, 84, 0, 0.2);
}
.imLinkMSG .imLinkTitle{
    width: 100%;
    background: #fffbe8;
    color: #f93c12;
    padding: 10px;
}
.imLinkMSG .imLinkTitle .closeImMSG
{
    float: right;
    cursor: pointer;
    margin-top: 3px;
}
.imLinkMSG .imLinkList{
    padding: 10px;
}
.imLinkMSG .imLinkList .imItem{
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.imLinkMSG .imLinkList .imItem .imItemName{
    font-weight: bold;
    display: inline-block;
}
.imLinkMSG .imLinkList .imItem .imItemTime{
    float: right;
    color: #9E9E9E;
}.new-footer {
    position: relative;
    min-width: 1200px;
    margin-top: 30px;
    background-color: #fff;
    color: #333;
    overflow: hidden;
}
.wrap{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;

}

.FooterUL ul {
    padding: 24px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e9e9e9;
}

.FooterUL ul li {
    list-style: none;
    padding: 0;
    width: 230px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #e9e9e9;
}
.FooterUL ul li span{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #616161;
    margin-left: 8px;
}
.FooterLink{
    margin: 30px 0px;
}
.FooterLink ul li {
    list-style: none;
    padding: 0;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #757575;
    margin-bottom: 9px;
    text-align: left;
}
.FooterLink ul li a{
    color: #757575;
}
.FooterBox{
    display: inline-block;
    width: 930px;
    border-right: 1px solid #e9e9e9;
}
.FooterBox .footerTitle{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
    color: #393939;
    margin-bottom: 14px;
}
.FooterFlex{
    display: flex;
    justify-content: space-around;
}
.FooterFlex ul{
    /* display: inline-block; */
}
.FooterPhone{
    display: inline-block;
    text-align: center;
    width: 210px;
    vertical-align: -85px;
}
.FooterPhone div{
    font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #df2c4e;
}
.FooterPhone span{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #393939;
}
.contactService{
    width: 118px;
    color: #df2c4e;
    border: 1px solid;
    line-height: 18px;
}
.contactService img{
    vertical-align: -3px;
}
.contactService span{
    color: #df2c4e;
}
.contactService:hover{
    border: 1px solid;
    color: #df2c4e;
    background-color: #df2c4e;
    
}
.FooterFlex ul li a:not(.footerTitle):hover {
  cursor: pointer;
  color: #df2c4e;
}
.FooterFlex ul li:last-child{
    margin-bottom: 0px;
}
.FooterCompanymsg{
    text-align: center;
    margin-top:33px;

}
.FooterCompanymsg a{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #757575;
}
.FooterCompanymsg a:hover{
    color:#df2c4e;
}
.FooterCompanymsg p{
    font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #adadad;
}
.wxLayer{
    display: flex;
    color: #fff;
    
}
.wxt1{
    font-size: 26px;
    margin-top: 70px;
}
.wxt2{
    font-size: 16px;
}
.wxLayer img{
    width: 200px;
    height: 200px;
}
.wxLayer .wxText{
    margin-left: 40px;
}
.wxOpenStyle{
    width: 500px !important;
    background: none !important;
    box-shadow: 0px 0px !important;
}@charset "utf-8";

html{margin:0;padding:0;height:100%}

body{margin:0;padding:0;height:100%;}

html, body { -ms-overflow-style: scrollbar;}

.sidebar{width:348px;height:100%;position:fixed;cursor:pointer;right:-303px;z-index:99999;top:0;}

.sidebar-left{width:45px;height:100%;background-color:#222222;float:left;margin:0;padding:0;position:relative;
    display:flex;display:-webkit-flex;justify-content:center; align-items:center; flex-direction: column
}

.sidebar-right{width:303px;height:100%;background-color:white;float:right;}

.sidebar-right-content{position:relative; width:303px;height:100%;background:white;}

.sidebar-header{position: absolute;top:0; width:303px;height:50px;text-align:center;line-height:50px;font-size:20px;color:#666666}

.sidebar-right-middle{position:absolute;width:303px;top:50px;bottom:47px;overflow-y:auto;overflow-x:hidden; }

.sidebar-right-bottom{position:absolute; width: 289px;height:40px;line-height:40px;text-align:center; background-color: #df2c4e;left:7px;bottom:7px;}

.sidebar-right-bottom span{color:white;font-size:15px;font-weight:bold}

.sidebar-right-bottom:hover{background:rgb(207,0,16)}

/* .sidebar-left >ul{padding:0;width:45px;height:705px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;} */

.sidebar-left >ul{padding:0;width:45px;margin-bottom: 120px;}

.sidebar-left >ul >li{list-style-type:none;color:white;text-align:center;padding:10px 0}

.li_span{display:inline-block;padding:10px 0;color:#fff}

.li_span img{width: 24px;height: 24px;}

.li_p{margin:8px 0 0 0;background-color:#df2c4e;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px;font-size:12px;color:white}

.sidebar_div2{height:50px;background-color:#df2c4e;display:none;}

.sidebar_div2_1{float:left;width:78px;height:55px;line-height:55px;}

.sidebar_div1{height:50px;}

.sidebar_div1 img,.sidebar_div2_2 img{margin-top:13px;}

.sidebar_div2_2{float:right;width:45px;height:55px;}

#sidebar_quote,#sidebar_message,#custom_service{height:50px;padding:0;border-bottom: 1px solid #666666;}

#sidebar_quote:hover .li_p2,#sidebar_message:hover .li_p2,#custom_service:hover .li_p2{background-color:white;color:#df2c4e;}

#sidebar_Inquiring_basket,#sidebar_shopping,#sidebar_quotes,#initial_quotes{padding:0;border-bottom: 1px solid #666666;}

#sidebar_Inquiring_basket:hover,#sidebar_shopping:hover,#sidebar_quotes:hover,#initial_quotes:hover{background-color:#df2c4e;color:white}

#sidebar_Inquiring_basket:hover >.li_span,#sidebar_shopping:hover >.li_span,#sidebar_quotes:hover >.li_span,#initial_quotes:hover >.li_span{border-color:#df2c4e;color:white}

#sidebar_Inquiring_basket:hover .li_p,#sidebar_shopping:hover .li_p,#sidebar_quotes:hover .li_p,#initial_quotes:hover .li_p{background-color:white;color:#df2c4e;}

.sidebar-data{padding:0;position:relative}

.sidebar-data:first-child{position:relative;padding-top:8px;padding-bottom:8px;color:#333333}

.sidebar-li{position: relative}

#components-deletes{position:absolute;z-index:9999;top:7px;right:19px;width:12px;}

.sidebar-data-div-1{width:20px;height:20px;line-height:16px;float:left;position:relative;}

.sidebar-data-div-1 input{position:absolute;left:5px;right:0;top:0;bottom:0;margin:auto;}

.sidebar-data-div-2{width:247px;height:20px;line-height:20px;float:left;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;text-align:left;padding-left:19px;}

.sidebar-data-div-3{width:20px;height:20px;line-height:20px;float:left;position:relative;}

.sidebar-data-div-3 img{width:13px;height:13px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}

.sidebar-data p{margin-bottom:0;}

.sidebar-data li{list-style-type:none;text-align:center;overflow: hidden;width:303px;}

.sidebar-li-vin{text-align:left !important;border-top:1px #eeeeee solid;padding-bottom:3px !important; color:#999999;padding:3px 40px 0 40px;}

.sidebar-div{position:relative;border-top:1px #eeeeee solid;padding-top:3px;padding-bottom:3px;overflow:hidden;color:#666666;margin:0 40px;}

.sidebar-span-left{ display:inline-block;position:absolute;left:0;}

.sidebar-span-left span{ width: 128px; display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: left}

.sidebar-span-left p{text-align:left}

.sidebar-span-right{display:inline-block;float:right;}

.sidebar-span-right p{text-align:right}

.sidebar-li-background{background-color:#dddddd}

.li_p2{background-color:#df2c4e;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px;font-size:12px;color:white;margin:7px 11px}

/* 客服 */
.sidebar_div1_service{height:50px;}

.sidebar_div1_service img{margin-top:13px;}

#custom_services{height:50px;padding: 0;border-bottom: 1px solid #666666;}

.sidebar_div2_service{ height: 50px; background-color: #df2c4e;  display:none }

.sidebar_div2_service img{ margin-top:13px;}

.li_p2hover{background-color:white;color:#df2c4e;}

.li_p2out{background-color:#df2c4e;color:white;}

.layui-layer-btn .layui-layer-btn0{background-color: #e70012  !important;border: 0px}

#serviceWindow{width:150px;background: #df2c4e;position: absolute;right:45px;top:0;display:none;}

#serviceWindow ul{padding:0}

#serviceWindow ul li {
    list-style-type: none;
    height: 62px;
    text-align: left;
    border-bottom: 1px white solid;
}

#serviceWindow ul li:hover{background-color: #ca0f33}

#serviceWindow ul li span{
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    margin-left: 10px;
    padding-top: 10px;
    display: block;
}

.AttentionWechat {
    cursor: pointer;
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
    height: 50px;
    padding: 8px;
    display: none
}
.AttentionWechat:hover{
    background-color: #df2c4e;
}
#QRImg {
    display: block;

    object-fit: cover
}
.QRcode {
    position: absolute;
    left: 0;
    transform: translateX(-100%);
    width: 350px;
    background: #fff;
    font-size: 16px;
    padding: 10px;
    padding-right: 30px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.5);
    box-shadow: 0 1px 6px rgba(0,0,0,.5);
    display: none
}
.QRfont {
    float: right;
    margin-top: 20px;
    font-weight: 700
}
.QRfont p {
    margin: 0
}
.xcrName {
    margin-top: 23px!important;
    color: #9e9e9e;
    font-weight: 400
}
.bottomRig{
    position: absolute;
    bottom: 0px;
}
.goTop{
    height: 94px;
    text-align: center;
    padding-top: 20px;
    width: 45px;
}
.goTop:hover{
    background-color:#df2c4e;
}
.goTop p{
    text-align: center;
    color: #fff;
}@charset "utf-8";

body{ min-width: 1230px;}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
@media (max-width: 1230px) {
    .header{
        -moz-transform: scale(0.79); 
        -moz-transform-origin: top center;
    }
    .tabbable{
        -moz-transform: scale(0.80); 
        -moz-transform-origin: top center;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Chrome- and Safari-specific CSS here*/
    @media  (max-width: 750px) {
        body{ zoom: 63%;
        }
    
    }

    @media (min-width: 1200px) {
        body{ zoom: 100%;
        }
    }
    @media (max-height: 750px) {
        body {zoom: 74%; 
        }
    } 
    @media screen and (min-width: 750px) and (max-width: 1200px) {
        body{ zoom: 80%;
        }
    }
    }

/* input{width:15px;height:15px;} */

/* button */
#search_carType,#components_add,#search_components,#components_addpart{outline:none;}

.header { width: 100%; height: 34px; background: #f5f5f5;}

.header_common {    width: 1207px; margin: 0 auto;}

.link {float: right;line-height: 34px;}

.link a{ display: inline; padding: 0 5px;  color: #666; cursor: pointer;}

.link span{ color: #e60012;  font-size: 13px;}

.link img{ width: 15px;vertical-align: -3px;margin-right: 5px;}

.leftTitle{ float:left;line-height: 34px;}

.leftTitle p{ display: inline; padding: 0 5px;}

.leftTitle a{display: inline;padding: 0 5px;padding-right: 12px;color: #666;cursor: pointer;}

.leftTitle img{ width: 20px;vertical-align: -4px;}

.login{ color: #e60012;}

/* tab */
#nav-tab{display:inline-block;width:100%;padding-left:0;text-align:center;}

#nav-tab li {position:relative; list-style-type:none;display:inline-block; padding:8px 0;width:118px;margin-left: -4px;border-bottom:2px white solid;}

#nav-tab li a{color:black;text-decoration:none;}

#nav-tab li div{border-right:1px #989898 solid}

.triangle{ border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-bottom: 5px solid #be0000;   position: absolute;bottom: 0; left: 50%;transform: translateX(-50%); display:none;}

/* tab2 */
.tabs-list li a{border-top:2px transparent solid;border-left:1px transparent solid;border-right:1px transparent solid;}

.tabs-list li.active a{color:#e60012;background-color: white;border-top-color:#e60012;border-left-color:#f0f0f0;border-right-color:#f0f0f0}

.tabs-list li a:hover{background-color:white}

/* 车辆信息 */
#carMsg,#bill,#accessories,#accessoryMsg,#accessoriespart{padding:0;background-color:#f0f0f0;height:40px;line-height:39px;border-top:1px #e60012 solid;}

#carMsg{border-bottom:0;}

#bill,#accessories,#accessoryMsg{border-left:0;border-right:0}
#carMsg >span,#bill> span,#accessories >span,#accessoryMsg >span,#accessoriespart >span {
    margin-left:15px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    font-weight: bold;
    font-size:15px;
    color: #666;
}

#carMsgContent{padding:0;position:relative;border:1px #ddd solid}

#carMsgContent label{ white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;font-size: 14px; color: #333;font-weight: normal;text-align:center;padding-left:0;padding-right:0;padding-top:7px;}

/* 三角形  */
#triangle-border,#triangle-background{ position:absolute;left: 161px;top: 44px;overflow:hidden;width:0;height:0;border-width:8px;border-style:dashed dashed solid dashed;}

#triangle-border{border-color:transparent transparent #e60012 transparent}

#triangle-background{border-color:transparent transparent white transparent;top: 45px;}

#CarMsgTips{
    text-align: center;
    color: #e60012;
    /* height: 36px; */
    border: 1px #e60012 solid;
    border-radius: 5px;
    line-height: 34px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    margin-left: 25px;
    top: 48px;
    float: left;
    margin-bottom: 10px;
    background-color: #fffef8;
}
#vinCar{
    display: -webkit-inline-box;
}
#vinCar span{
    display: inline-block;
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: -13px;
}
#choiseCar{
    display: block;
    max-width: 714px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#accessories { font-size: 0; }
#accessories .xcpartSearch{
    display:inline-block;
    margin-left: 0px;
    padding: 0 15px;
    height: 39px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    cursor: pointer;
}
#accessories .active{
    background: #fff;
    color: #ff0000;
    border-bottom-color: transparent;
}
.checkbox-inline .icheckbox_flat-red {
    top: 0;
}

/* 发票信息 */
#billMsgContent{height:64px;padding:0;}

#radio-list span{vertical-align:-3px; margin-left: 4px;}

/* 按维修项目查找配件 */
#accessories,#accessoriespart{position:relative}

#checkbox-list span,#checkbox-listpart span{vertical-align:-3px; margin-left: 4px;}

#accessoriesContent,#accessoriesContentpart,#accessoriesContentClassfy,#accessoriesPicClassfy{padding:0;position:relative;}

#accessoryMsg_div_2_checkbox label{padding:0;width: 124px;text-align: left; }

#accessoryMsg_div_2_checkbox span{vertical-align:-3px;margin-left:5px;}

#choseProject,#choseProjectClassfy,#choseProjectPic{position:relative; border:1px #ccc solid;text-align:left;padding:5px 7px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
cursor:pointer;}

#choseProject img,#choseProject img{position:absolute;right:3px;margin-top:1px;}

#choseProject_content{position:absolute;width:600px;height:326px;overflow-y:auto; border:1px #ccc solid;z-index:999;background-color:white;top:31px;}
#choseProject_content ul,#choseProjectClassfy_content ul{padding:0}

#choseProject_content ul li{position:relative; list-style-type:none;float:left;width:80px;height:30px;border:1px #ccc solid;padding:2px;margin:5px;line-height:24px;cursor:pointer;
overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}

#choseProject_content ul li img{position:absolute;right:0;top:0;display:none;}

#choseProject_content span{margin-left:3px;vertical-align:-2px;}

#choseProject_content li:hover{border-color:#e60012;}

#choseProjectPic_content{position:absolute;width: 1145px;
    height: 597px;overflow-y:auto; border:1px #ccc solid;z-index:999;background-color:white;top:31px;}


.li_borderColor{border-color:#e60012 !important;}
#choseProjectClassfy_content{
    position: absolute;
    height: 300px;
    border: 1px #ccc solid;
    z-index: 999;
    top: 31px;
    background: #fff;
}
#choseProjectClassfy_content ul li{position:relative; list-style-type:none;height:30px;border-bottom:1px #fff solid;padding:2px;margin:0px;line-height:24px;cursor:pointer;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: left;padding-left: 10px;}
#choseProjectClassfy_content .active{background-color:#e60012;color: #fff;}
#choseProjectClassfy_content div{display: inline-block}
#choseProjectClassfy_content .mainGroup{
    width: 151px;
    height: 340px;
    float: left;
    background-color: #efefef;
    overflow-y: auto;
}
#choseProjectClassfy_content .SubGroup{
    position: absolute;
    background: #fff;
    margin: 0;
    border: 1px #ccc solid;
    width: 807px;
    height: 340px;
    overflow-y: auto;
}
#choseProjectClassfy_content .SubGroup p{   
    clear: both;
     margin: 4px;
     margin-left: 10px;
    font-weight: bold;}
#choseProjectClassfy_content .SubGroup li{   
    float: left;}
#checkboxClassfy-list span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
    display: block;
    float: right;
    margin-top: 2px;
    text-align: left;
}
#choseProjectClassfy_content .SubGroup li:hover{background-color:#fff;color: #000;}
#choseProjectClassfy_content .SubGroup span:hover{background-color:#fff;color: #e60012;}
/* 录入配件信息 */
#accessoryMsg{position:relative}
/* 1017px */
#accessoryMsgDIV{width:898px;height:38px;display:inline-block;text-align:center;
    position:absolute;left:300px;}

#accessoryMsg_div_1{width:100px;height:40px;display:inline-block;text-align:center;position:absolute;left:144px;}

#accessoryMsg_div_2{position:relative; float:left;min-width:63px;height:30px;display:inline-block;text-align:center;
border:1px #ccc solid;background:white;margin:4px 0;line-height:30px;text-align:left;padding:0 20px 0 14px;cursor:pointer;border-radius: 4px;} 

#accessoryMsg_div_2 img{position:absolute;right:3px;margin-top:7px;}

.posicx{    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70px;
   text-align: center}

#accessoryMsg_div_delete{position:relative;float:right;display:inline-block;min-width:50px;height:30px;cursor:pointer;margin:4px 10px 0;
line-height:30px;}

#accessoryMsg_div_delete:hover{color:#ccc}
#accessoryMsg_div_delete:active{color:#e70012}

/* lightbox */
.lb-dataContainer .container { min-width: unset; }
.lb-dataContainer .data_msg_f, .lb-dataContainer .data_msg_s { width: 100%; }


#accessoryMsg_div_2_checkbox{position:absolute;width:320px;min-height:50px;border:1px #ccc solid;left:300px;top:35px;z-index:999;background-color:white}

#accessoryMsg_div_2_checkbox ul {padding:0;}

#accessoryMsg_div_2_checkbox ul li {list-style-type:none;float:left;height:30px;line-height:30px;margin:0 10px;}

#accessoryMsg_div_2_checkbox ul li span{margin-left:5px;}

#accessoryMsg_div_2_checkbox ul li input{margin-top:8px;}

#accessoryMsg_div_price{display: none;user-select: none;pointer-events: none;position:relative; float:left;min-width:50px;height:30px;text-align:center;
border:1px #ccc solid;background:white;margin:4px 0;line-height:30px;text-align:left;padding:0 20px 0 14px;cursor:pointer;margin-left:10px;border-radius: 4px;}

#accessoryMsg_div_price img{position:absolute;right:3px;margin-top:10px;}

#becarefull,#becarefull2{ position:relative; float:left;padding: 0 10px;height:30px;display:inline-block;text-align:center; 
    margin:4px 0;line-height:30px;text-align:left;cursor:pointer;border-radius: 4px;}

    /* #becarefull img{width: 25px;} */
#accessoryMsg_div_3_content{ padding:7px 15px 15px; }

.accessoryMsgTable thead{background-color:rgb(240,240,240) !important;}

/* .accessoryMsgTable th{border:1px #ccc solid} */

/* .accessoryMsgTable {border-bottom:1px #ccc solid} */

/* .accessoryMsgTable tr{border-left:0;border-right:0;} */
#accessoryMsg_div_3_content  .accessoryMsgTable tr:nth-child(odd){border-bottom:1px #eee solid;}

.detail-view{}
.detail {padding: 0!important}

.accessoryMsgTable thead tr{border:0;}

.accessoryMsgTable td{padding:8px;}

/* 联系方式 */
#contact{padding:0;background-color:rgb(239,239,239);height:40px;line-height:40px;border:1px #ddd solid;border-top:1px #e60012 solid; border-left:0;border-right:0;position:relative}

#contact span{margin-left:15px;font-size:15px;font-weight: bold;color: #666;}

#contact_content{height:158px;padding:0;padding:20px 0 0 0;}

#contact_bottom{height:45px; background:rgb(240,240,240);position:absolute;bottom:0;padding:0}

#contact_bottom ul{padding:0;display:inline-block;float:right;margin-bottom:0;}

#contact_bottom ul li{list-style-type:none;float:left;height:45px;padding:10px;line-height:25px;cursor:pointer;}
/* 
#InquiringBasket,#Inquiry{margin-left:20px !important} */

#InquiringBasket{color:white;background:rgb(255,168,89);width:110px;text-align:center}

#Inquiry{color:white;background:rgb(231,0,18);width:110px;text-align:center}

.brand,.brandList{
    margin: 18px;
    list-style: none;
    padding: 0px;
    font-size: 15px;
    max-height: 235px;
    overflow-y: auto;
}
.choiseD,.other_type{
    margin: 18px;
    border: 1px solid #eee;
}
.other_type{
    padding: 10px;
}
.choiseD span{
    float: left;
    margin: 12px;
}
.choiseD ul,.other_type ul{
    list-style: none;
    padding: 0px;
    font-size: 15px;
    margin-bottom: 4px;
}
.choiseD li{
    display: inline-block;
    padding: 5px 10px;
    border:1px dashed  #e60012;
    margin-right: 5px;
    cursor: pointer;
    margin-top: 4px;
    color: #e60012;
}
.choiseD img{
    margin-left: 5px;
    margin-bottom: 2px;
}

.brand li,.brandList li{
    display: inline-block;
    padding: 8px 31px;
    border: 1px solid #eee;
    margin-right: 11px;
    cursor: pointer;
}
.brandList li{
    padding: 8px 17px !important;
    margin-top: 5px;
    width: 195px;
}
.brandList img{
    width: 25px;
    margin-right: 13px;
}
.brand .active,.other_type .active{
    border: 1px solid #e60012;
    color: #e60012;
}
.brandList li:hover,.other_type li:hover{
    border: 1px solid #e60012;
    color: #e60012;
}
.other_type li{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid  #eee;
    margin-right: 5px;
    cursor: pointer;
    margin-top: 4px;
}
.other_type img{
    margin-bottom: 2px;
    margin-right: 5px;
}
#Brand_title li,#Brand_title a{
    width: 41px;
}
#choiseFilter{
    max-height: 292px;
    overflow-y: auto;
}
.select::after{
    content: "\25BC";
    position: absolute;
    right: 6px;
    top: 9px;
    z-index: 10;
    font-size: 10px;
}
.select::before{
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    width: 26px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f0f0f0;
}
.select{
    position: relative;
    padding-left: 0;
    padding-right: 26px;
    text-align: center;
    cursor: pointer;
}
.select ul{
    list-style: none;
    padding: 6px;
    font-size: 15px;
    position: absolute;
    width: 278px;
    top: 36px;
    background: #fff;
    z-index: 9;
    margin-left: -10px;
    text-align: left;
    border: 1px solid #d0cfcf;
}
.select li{
    display: inline-block;
    padding: 0px 12px;
    border: 1px solid #d0cfcf;
    margin-right: 3px;
    cursor: pointer;
    margin-bottom: 7px;
    width: 41px;
    text-align: center;
}
.select li:hover{
    border: 1px solid #e60012;
    color: #e60012;
}
.select .active{
    border: 1px solid #e60012;
    color: #e60012;
}

.tableUl{
    list-style: none;
    padding: 0px;
    height: 62px;
    font-size: 15px;
    background: #fffef9;
    margin-bottom: 0;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 10px;
}

.tableUl li{
    display: inline-table;
    width: 9%;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 42px;
}
.tableUl .wsb{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -26px;
    text-align: left;
}
.tableUl .TBremark{
    display: inline-block;
    width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -26px;
}
.detail_msg1{
    height: 42px;
}
.detail_msg1 p{
    margin: 0;
    padding: 0;
}
.sequence{
    float: left;
    margin-top: 11px;
    margin-left: 20px;
    border: 1px solid;
    width: 19px;
    border-radius: 50%;
    font-size: 12px;
}
.linhe{
    line-height: 42px;
}
.linhe span{

}
.linhe img{
    vertical-align: -5px;
    margin-right: 5px;
}
#PartName{
    height: 30px;
    width: 100%;
    padding-left: 5px;
}
#num{
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0;
}
#partDetail{
    height: 30px;
    width: 100%;
    padding-right: 0px;
}
.tableSelect{
    height: 30px;
    padding: 0;
}
.imgUP{
    width: 30px;
    height: 30px;
    margin: 0 3px;
    cursor: pointer;
}
.imgDEL{
    position: absolute;
    margin-left: -10px;
    cursor: pointer;
}
.delPart{
    position: absolute;
    right: 0;
    top:0;
    /* margin-top: -14px;
    margin-left: -8px; */
    cursor: pointer;
}

.tdpos{position:relative;width:38px;height:47px;}

.imgParNO_parent{position:relative;}

.fixed-table-body{overflow:visible;}

.ulContri{
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 15px;
}
.imgUpdate{
    width: 136px;
}
.imgUpdate div{
    display: inline-block;
}
#realIMG{
    width: 89px;
}
table th,table tr{
    text-align: center;
}
#vincodeHist { width: 433px; }
.vinWrapper { line-height: 0; }
.vinInfo {
    float: left;
    position: relative;
    width: 370px;
}
.vinInfo .time {
    top: 0 !important;
    right: 0 !important;
}
.delHistory {
    float: right;
    border: 5px solid transparent;
}
.Normal-history{
    position: absolute;
    z-index: 9999;
    background-color: #fdfdfd;
    box-shadow: 3px 3px 8px -2px #a2a2a2;
    width: 330px;
    text-align: left;
  }
  .Detail_td .Normal-history {
    max-height: 300px;
    overflow-y: auto;
    background-color: #fffef8;
  }
  .Detail_td .Normal-history p {
    float: right;
    margin: 0;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
    text-align: right
}
  .history-span{
    position: relative;
    width: 100%;
    padding: 5px;
    display:inline-block;
    line-height: normal;
    border-bottom: 1px solid #d7d7d7;
  }
  .vinWrapper .history-span,
  .vin-item .history-span { font-size: 0; }
  #VINCTN .history-span { padding: 10px; }
  .history-span:last-child,
  .vinWrapper .history-span:nth-child(5) { border-bottom: none; }
  .history-span .vin{
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-family: SimHei,SimSun,'\9ED1\4F53';
    line-height: 13px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
  .history-span:hover{
    border-color: #ccc;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
    background-color:#e5e2e2;
  }
  .history-span .time {
    position: absolute;
    top: 9px;
    right: 10px;
    font-style: normal;
    font-size: 12px;
    color: #999;
  }
  .history-span .kind {
    margin: 5px 0 0;
    line-height: 13px;
    font-size: 13px;
    color: #666;
    overflow: hidden;
  }
  .history-span .kind .vehicle {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .history-span .plateNum {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #000;
  }
  @media screen and (max-width: 1200px) {
    .history-span .kind {
        line-height: 15px;
    }
  }
  .Normal-history .moreVin {
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    background-color: #f6f6f6;
  }
  .Normal-history .moreVin .clock {
    position: relative;
    top: -5px;
    margin-right: 5px;
  }
  .Normal-history .moreVin .text{
    font-size: 14px;
    color: #666;
    cursor: pointer;
  }
  .Normal-history .moreVin .text:hover{
    color: #23527c;
  }
  .Normal-history .moreVin .close_vin {
    float: right;
    width: 40px;
    text-align: center;
    cursor: pointer;
  }
.Normal-history .moreVin .close_vin:hover {
    background-color: #ccc;
}

.vin-history {
    display: none;
    margin: 10px auto;
    width: 620px;
    background-color: #ffffff;
}
.vinHistory-wrapper {
    height: 550px;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    border: 1px solid #ddd;
}
/* 滚动条 */
.vinHistory-wrapper::-webkit-scrollbar,
.vinWrapper::-webkit-scrollbar,
.Detail_td .Normal-history::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.vinHistory-wrapper::-webkit-scrollbar-thumb,
.vinWrapper::-webkit-scrollbar-thumb,
.Detail_td .Normal-history::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.vinHistory-wrapper::-webkit-scrollbar-track,
.vinWrapper::-webkit-scrollbar-track,
.Detail_td .Normal-history::-webkit-scrollbar-thumb {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.vin-item {
    display: flex;
    align-items: center;
}
.vin-item:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.vin-item:hover {
    background-color: #e5e2e2;
}
.vin-item .history-span {
    flex: 1;
    padding: 12px 10px;
    width: auto;
    min-width: 0;
    border: none;
    cursor: default;
 }
 .vin-item .history-span .vin:hover {
    color: #0066cc;
    cursor: pointer;
 }
 .vin-item .history-span .time { top: 10px; }
 .vin-item .history-span .kind { margin-top: 4px; }
 .vin-item .history-span:hover {
     box-shadow: none;
     background-color: transparent;
 }
 .vin-search,.delVinHistory {
     width: 50px;
     height: 54px;
     line-height: 50px;
     color: #0066cc;
     text-align: center;
 }
 .vin-search:hover,.delVinHistory:hover {
     cursor: pointer;
     text-decoration: underline;
 }

  .history-spanHover{
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.3);
    color:#337ab7;
    background-color:#ccc;
  }
  a {
    cursor: pointer;
    text-decoration: none !important;
    color: black;
}
.Text-nowarp{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 110px;
    display: block;
}
.fixed-table-container tbody td{
    border-left: none;
}
.loader{
    width: 80px;
    margin: 50px auto 70px;
    position: relative;
}
.loader .loading-1 {
    position: relative;
    width: 100%;
    height: 8px;
    border: 1px solid #e60012;
    border-radius: 10px;
    /* animation: turn 4s linear 1.75s infinite; */
}
.loader .loading-1:before {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    height: 100%;
    background: #e60012;
    box-shadow: 10px 0px 15px 0px #e60012;
    animation: load 2s linear infinite;
}
.loader .loading-2 {
    width: 100%;
    position: absolute;
    top: 10px;
    color: #e60012;
    font-size: 16px;
    text-align: center;
    animation: bounce 2s  linear infinite;
}
@keyframes load {
    0% {
        width: 0%;
    }
    87.5%, 100% {
        width: 100%;
    }
}
@keyframes turn {
    0% {
        transform: rotateY(0deg);
    }
    6.25%, 50% {
        transform: rotateY(180deg);
    }
    56.25%, 100% {
        transform: rotateY(360deg);
    }
}
@keyframes bounce {
    0%,100% {
        top: 10px;
    }
    12.5% {
        top: 30px;
    }
}
.topLINE{
    height: 15px;
    margin-bottom: 10px;
    background: #f0f0f0;
    border-top: 2px solid #ddd;
}
.fixed-table-container{
    border-bottom: 0px;
}
.form-control:focus {
    border-color: #ff0000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.63);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.63);
}
.fixed-table-container thead th {

    border-left: 0px;
}

.table_style{
    width: 100%;
    text-align: center;
    
  }
  .table_style th{
    text-align: center;
    background-color: #e5e2e2;
    padding: 0 10px;
    white-space:nowrap; 
  }
  .table_style tr{
    height: 35px;
  }
  .table_style td{
    height: 35px;
    border: 1px solid #eee;
  }
  .table_style tr:hover{
    cursor: pointer;
    background-color: #e5e2e2;
  }
  .choiseT{
    background: #5cb85c;
    color: #fff;
  }
.tit_Button{
    border: 1px solid #ddd;
    width: 82px;
    text-align: center;
    border-radius: 13px !important;
    cursor: pointer;
    color: #666666;
    position:absolute;top:9px;left:17px;
}

.tit_Button:hover{
    border: 1px solid #e60012;
    color: #e60012;
}
.padSel{
    padding: 0 0 !important;
}
/* .btn-danger {
    color: #fff;
    background-color: #e70012;
    border-color: #e70012;
} */
/* .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
} */
.table-striped>tbody>tr td .form-control[type=text] {
    position: relative;
}
.form-control{
    -webkit-box-shadow: none;
    box-shadow:none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.detail_msg1 p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manyPN{
    color: #e70012;
    cursor: pointer; 
}
#morePartBody p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin: auto;
}
#MorePart{
    display: none;
}
#morefac>table>tbody>tr:hover,#moreVIN>table>tbody>tr:hover{
    background: #5cb85c;
}

::-ms-clear,
::-ms-reveal
{
display:none;
}
/* .btn-danger.focus, .btn-danger:focus{
    background-color: #e70012;
    border-color: #e70012;
} */
#accessoryMsg_div_3_content .fixed-table-body{
    overflow: initial!important;
}
.nice-select{
    padding-left: 4px;
    width: 80px;
}
.nice-select .current{
    height: 100%;
    line-height: 30px;
}
.nice-select:after{
    top: 7px;
    right: 2px;
}
.nice-select ul{
    border: 1px solid #ff0000;
}
.nice-select ul .option{
    line-height: 30px;
    min-height: 30px;
    width: 77px;
    padding: 0 0 0 6px;
}
.showTable tbody{
    display: none;
}
.noPart{
    position: absolute;
    left: -12px;
    cursor: pointer;
    display: none;
}
.manager{
    position: absolute;
    left: 110px;
    top: 8px;
}
#customManagement{
    position: relative;
    font-size: 12px;
    padding: 2px 4px;
    border: none;
    outline: none;
}
#customManagement img{
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
}
#customManagement span{
    margin-left: 12px;
}
body .managmentLayer .layui-layer-title{
    background-color: #f0f0f0;
    border-top: 1px #e60012 solid;
}
body .managmentLayer .form-group{
    margin-bottom: 10px;
}
body .managmentLayer .layui-layer-content{
    overflow: initial!important;
}
.projectName_details li{
    /* padding: 5px 15px; */
    position: relative;
    margin-bottom: 10px;
}
.projectName_details li div{
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.projectName_details li input,.input_parts input{
    padding: 0 10px;
}
.projectName_details li input:focus{
    border: 1px solid #e60012;
    outline: none;
}
.projectName_details .activeItem{
    color: #e60012;
}
.projectName_details img{
    position: absolute;
    top: -6px;
    right: -1px;
    cursor: pointer;
}
.commonName .checkbox-inline span,.editFooter .checkbox-inline span{
    vertical-align: -2px;
}
.partsSelect .checkbox-inline{
    padding: 0;
    margin: 3px 0px;
    font-size: 12px;
    width: 19%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.input_project .save_project,.input_parts .save_parts{
    background-color: #e60012;
    border-color: #e60012;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    padding: 5px 8px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    cursor:no-drop;
}
.input_project .save_project:hover,.input_parts .save_parts:hover {
    background-color: #da0011;
}
.dropSelection{
    width:140px;
    max-height: 120px;
    margin-left:5px;
    border: 1px solid #999;
    overflow-y: auto;
    position: absolute;
    background-color: #fff;
    border-top: none;
}
.dropSelection ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0px;
    font-size: 12px;
}
.dropSelection ul li{
    padding: 2px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    cursor: pointer;
}
.dropSelection ul li:hover{
    background-color: #ccc;
}
body .confirmLayer .layui-layer-title{
    border-top: 1px solid #e60012;
    background-color: #f0f0f0;
}
body .confirmLayer .layui-layer-content{
    text-align: center;
}
body .confirmLayer .layui-layer-btn0{
    background-color: #999999!important;
}
body .confirmLayer .layui-layer-btn1{
    background-color: #e60012!important;
    color: #fff;
}
#LinkVMan{
    top: 59px;
    background: #fef1f2;
    padding: 1px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    z-index: 9999;
    float: left;
    margin-left: 20px;
    line-height: 35px;
    color: #e70012;
    z-index: 9999;
}
#LinkVMan span{
    padding: 0 5px;
}
.sxSpan{
    border: 1px solid #d4d4d4;
    height: 36px;
    top: 59px;
    float: left;
    margin-left: 20px;
}
.mostPhone{
    position: absolute;
    /* margin-left: 148px; */
    background: #fff;
    border: 1px solid;
    /* margin-top: 4px; */
    border-radius: 5px;
    z-index: 999;
    top:40px;
    left: 153px;
    
}
.mostPhone div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mostPhone span{
    /* display: block;
    padding: 0px 10px !important; */

}
.bordImg{
    margin-left: 10px;
    vertical-align: -9px;
    cursor: pointer;
}
.mostPhone{
    overflow-y: auto;
    max-height: 150px;
    overflow-x: hidden;
    width: 350px;
}
.mostPhone span{
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis; 
}
/* .mostPhone span:hover { word-break:break-all; white-space: pre-wrap;  text-decoration: none;} */
.mostPhone div:hover{
    background-color: #ccc;
    /* -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; */
    /* -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
    -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
    box-shadow: 0 -1px 10px rgba(0,0,0,.5); */
}

.isCompany{ display:flex;display:-webkit-flex;justify-content:center; align-items:center;position: relative}

#scompanyName,#companyName{
    display: block;
    float: left;
    line-height: 28px;
    width: 122px;
    /* white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;  */
    /* text-align: center; */

    overflow:hidden;
    text-overflow:ellipsis; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 40px;
    text-align: center;
}
.showDown{
    cursor: pointer;
}
.SlineT{
    font-weight: bold;
    font-size: 18px;
    color: #9E9E9E;
}
.tsMSG{
    display: none;
    float: left;
    color: #e60012;
}
#CarMsgTipsFull,#CarMsgTipsFull2{
    text-align: left;
    border: 1px #e60012 solid;
    border-radius: 5px;
line-height: 20px;
    /* padding-left: 15px;
    padding-right: 15px; */

    /* float: left; */
    margin-bottom: 10px;
    position: absolute;
    z-index: 999999;
    background: #fff;
    margin-top: 10px;
    margin-left: -36px;
}
#triangle-borderFull, #triangle-backgroundFull,
#triangle-borderFull2, #triangle-backgroundFull2 {
    position: absolute;
    left: 35px;
    top: -17px;
    overflow: hidden;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
}
#triangle-borderFull,#triangle-borderFull2{border-color:transparent transparent #e60012 transparent}

#triangle-backgroundFull,#triangle-backgroundFull2{border-color:transparent transparent white transparent;top: -16px;}

#CarMsgTipsFullContent img,#CarMsgTipsFullContent2 img {width: 16px;display: block;margin: auto;}

#CarMsgTipsFullContent ul,#CarMsgTipsFullContent2 ul { padding:0 }

#CarMsgTipsFullContent ul li,#CarMsgTipsFullContent2 ul li { list-style-type: none; margin-bottom: 15px;overflow: hidden;}

#CarMsgTipsFullContent ul li>span,#CarMsgTipsFullContent2 ul li>span{ float: left; font-size: 14px;width: 100px;}

body .redPacket{
    background-color: transparent!important;
    box-shadow: none!important;
}
body .redPacket .layui-layer-setwin{
    right: initial;
    top: initial;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
}
body .redPacket .layui-layer-setwin .layui-layer-close2{
    position: initial;
    right: initial;
    top: initial;
}
.dropdownList{
    position: absolute;
    width: 255px;
    padding-right: 30px;
    z-index: 1;
    margin-top: 5px;
}
.dropdownList ul{
    padding: 0;
    margin: 0;
    max-height: 320px;
    list-style: none;
    border: 1px solid #ccc;
    overflow: auto;
    border-radius: 4px;
    background-color: #fff;
}
/* 滚动条 */
.dropdownList ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 7px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 7px;
}
.dropdownList ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 4px;
    background: #c1c1c1;
}
.dropdownList ul::-webkit-scrollbar-thumb:hover {/*鼠标划入滚动条里面小方块*/
    background: #888;
}
.dropdownList ul::-webkit-scrollbar-thumb:active {/*点击滚动条里面小方块*/
    background: #666;
}
.dropdownList ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #f1f1f1;
}
.dropdownList ul li{
    line-height: 32px;
    padding-left: 10px;
    cursor: pointer;
}
.dropdownList ul li:hover{
    background-color: #f0f0f0;
}
.notApplicable{
    background-color: #999999!important;
}
.notApplicable:hover{
    cursor: not-allowed !important;
}
.proceed::before{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 11.5px;
    left: 16px;
    border-radius: 50%;
    animation: rotation infinite linear 0.5s;
    transition: none;
    border-top: 2px solid transparent;
    border-left: 2px solid #fff;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    z-index: 0;
}
@keyframes rotation {
    0% {
        transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}
.OutAuthority{
    background-color: rgb(204, 204, 204)!important;
    cursor: no-drop!important;
}
.outClick{
    color: rgb(204, 204, 204)!important;
    cursor: no-drop!important;
}
#complainLink ul{
    margin: 0;
    padding: 0;
}

#complainLink ul li {
    list-style-type: none;
    padding-left: 13px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px white solid;
}
#complainLink ul li:hover {
    background-color: #cf0010;
    background-image: -webkit-linear-gradient(to bottom,#e60012,#cf0010);
    background-image: linear-gradient(to bottom,#e60012,#cf0010);
}
#complainLink ul li span {
    display: inline-block;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: #fff;
}
#complainLink{
    background: red;
    position: absolute;
    z-index: 99;
    margin-top: -10px;
    display: none;
}
#canvas{
    position: absolute;
    left: 0;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#canvasbg{
    position: absolute;
    left: 0;
    z-index: 9998;
}
.partImgDiv{
    width: 100%;
    height: 574px;
    border: 1px solid #ccc;
}
.partLeftHeader{
    height: 40px;
    background: #f5f5f5;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
}
.partLeftHeader p{
    display: inline-block;
    margin: 0 20px;
    vertical-align: 11px;
}

.headerTab {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    border: 1px solid #f0f0f0;
}
.headerTab li{
    display: inline-block;
    width: 74px;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    float: left;
    margin-top: 5px;
    border-right: 1px solid #f0f0f0;
    background: #fff;
}
.partLeftHeader .active{
    background: #e60001;
    color: #fff;
}
.headerTab li:first-child{
    border-bottom-left-radius: 17px;
    border-top-left-radius: 17px;
}
.headerTab li:nth-child(4){
    border-bottom-right-radius: 17px;
    border-top-right-radius: 17px;
}
.partLeftBody {
    height: 532px;
    overflow: auto;
}
#Accessories p{
    text-align: center;
}
.partLeftBody ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.partLeftBody ul ol{
    background: #fff;
    padding: 0;
    margin: 0;
}
.partLeftBody ul ol li{
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #eee;
    width: 100%;
    padding-left: 34px;
    border-top: 0;
    background-repeat: no-repeat;
    background-position: 0 top;
    background-size: contain;
}
.partLeftBody ul li{
    margin: 10px 5px;
    width: 98%;
    text-align: left;
    padding: 1px;
    /* display: inline-block; */
    background: #f9f9f9;
    line-height: 36px;
    cursor: pointer;
    white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.partLeftBody p{
    margin: 0 0;
    width: 88%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: -12px;
}
.partLeftBody  img {
    /* margin-top: -36px; */
    float: right;
    display: none;
}

#Accessories li{
    background: #fff;
    border: 1px solid #f0f0f0;
}

.partLeftBody .active div{
    /* background: #fde9ea !important;
    color: red; */
    background: #fff ;
    color: black;
    border: 1px solid red;
}
.partLeftBody ol .active{
    background: #fff ;
    background-repeat: no-repeat;
    color: black;
    border: 1px solid red;
}
.choiseF{
    background: #fde9ea !important;
    color: red !important;
}
.partLeftBody .active div img {
    display: block;
    margin: 0;
}
.partLeftBody ol .active  img {
    display: block;
}
.M-box1{
    margin-top: 15px;
}
.M-box1 a{
    text-decoration: none;
}

#Accessories li{
    background: #fff;
    border: 1px solid #f0f0f0;
    width: 96%; 
}
#Accessories img{
    display: block;
    margin-top: 0px;
    width: 100%;
    float: none;
}
.picture_btn{
    font-size: 14px;
    color: #777777;
    position: absolute;
    top: 10px;
    right: 10px;
}
.picture_btn button{
    border: none;
    background-color: #f5f5f5;
    box-shadow: 0px 1px 0.8px #777777;
    border-radius: 3px!important;
}
.viewer
{

    position: relative;
}
.zoom {
    cursor: pointer;
    width: 100%;
    height: 100%;   
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) ;
    z-index: 5;
    margin: 0!important;
  }
  #myCanvas{
      
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .inOut{
    padding: 1px 1px;
    background-color: #f5f5f5;
    box-shadow: 0px 1px 0.8px #777777;
    border-radius: 3px!important;
}
#radio-list{margin:auto;text-align: center;margin-bottom:10px;width:50%;}
    
#radio-list span{vertical-align:-2px;margin-left:4px; }
.radio-inline{margin-left:0 !important;padding-left:12px;font-size: 13px;}


.notlock{color:#696969}	
.large {
    width: 180px;
    height: 180px;
    position: absolute;
    /* 圆角 */
    border-radius: 100%;
    /* 这里使用多重阴影、来实现玻璃的效果 */
    box-shadow: 0 0 0 7px rgba(255,255,255,0.8),0 0 7px 7px rgba(0,0,0,0.3),inset 0 0 40px 2px rgba(0,0,0,0.3); 
    /* 加载放大镜的图片 */
    background: no-repeat;
    /* 放大镜默认隐藏 */
    display: none;
    z-index: 999;
}

#moreImgPartBody span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
#moreImgPartBody tr{
    cursor: pointer;
}
.bgColor{
    border:1px solid #e70012;
}
.bdt {
    border-top: 1px solid #e70012;
}
#showZBPart{
    float: left;
    margin: 9px;
    display: block;
}
#commonMsg{
    font-size: 17px;
    text-align: center;
    margin-top: 42px;
}
.supplierName{
    margin: 0;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    right: 20px;
    font-size: 14px;
    text-align: right;
    top: -6px;
}
.PartGroupName{
        width:88%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
        margin-bottom: -12px;
}
#carNOList{
    width: 167px;
    display: none;
}
#carNOList .history-span {
    padding: 10px;
}
.BulkImport{
    color:#377dd0;
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

/* 批量添加 */
#BatchAdd {
    display: none;
    margin: 15px auto;
    width: 430px;
    background-color: #ffffff;
}
#pasteArea textarea {
    display: block;
    padding: 10px;
    width: 100%;
    height: 300px;
    border: 1px solid #ccc;
    resize: none;
    outline: none;
    ime-mode: disabled;
}
#pasteArea textarea:focus {
    border-color: #e60012;
    box-shadow: inset 0 0 10px 1px rgba(255, 100, 90, 0.5);
}
.BatchAddExplain {
    position: relative;
    margin-top: 15px;
    padding-left: 25px;
    padding-right: 20px;
}
.BatchAddExplain img {
    position: absolute;
    left: 0;
    top: 3px;
}
.BatchAddExplain p {
    color: #666;
}
.control {
    margin-top: 20px;
    text-align: center;
}
.control .ctrl_btn {
    display: inline-block;
    width: 120px;
    height: 44px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
}
#cancelx {
    margin-right: 20px;
    color: #666;
    background-color: transparent;
    border: 1px solid #ccc;
}
#add {
    color: #fff;
    background-color: #ccc;
}
#add.abled {
    background-color: #e60012;
}
#parseArea {
    display: none;
    height: 309px;
    border: 1px solid #ccc;
}
#parseArea .parse-title {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
#undo {
    float: right;
    cursor: pointer;
}
#undo img {
    margin-top: -1px;
    margin-right: 3px;
}
/*滚动条样式*/
.resultWrapper::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 4px;
}
.resultWrapper::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.resultWrapper::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.resultWrapper {
    height: 267px;
    overflow-y: auto;
}
#resultTab {
    table-layout: fixed;
    width: 100%;
}
#resultTab thead { background-color: #f5f5f5; }
#resultTab thead th {
    height: 35px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
}
#resultTab tbody tr:nth-child(even) { background-color: #eee; }
#resultTab tbody tr:hover { background-color: #ccc; }
#resultTab tbody td {
    height: 35px;
    font-size: 14px;
    color: #333;
}

#resultTab thead tr th.plateCode,
#resultTab tbody tr td.plateCode,
#resultTab thead tr th.vinCode,
#resultTab tbody tr td.vinCode {
    padding-left: 30px;
    width: 70%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#filterItem .icheckbox_flat-red:nth-of-type(2),
#filterItem .icheckbox_flat-red:nth-of-type(3) {
    display: none;
}


/* 全部报价 最优报价 按供应商筛选 */
.filterResult {
    display: inline-block;
    margin-bottom: 7px;
    height: 30px;
    border: 1px solid #ccc;
    vertical-align: top;
}
.filterResult span {
    position: relative;
    float: left;
    min-width: 130px;
    box-sizing: border-box;
    padding: 5px 20px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #666;
    background-color: #dedede;
    cursor: pointer;
}
.filterResult span.supplier:after {
    content: '';
    position: absolute;
    bottom: 3px;
    right: 3px;
    border: 5px solid transparent;
    border-right-color: #666;
    border-bottom-color: #666;
}
.filterResult > span:hover {
    color: #ea0015;
}
.filterResult span.current {
    color: #ffffff;
    background-color: #ea0015;
    overflow: visible;
}
.filterResult span.current:before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    border: 1px solid #f00;
}
.filterResult span.supplier.current:after {
    border-right-color: #fff;
    border-bottom-color: #fff;
}
.filterResult span:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.supplier-list {
    display: none;
    position: absolute;
    left: -1px;
    top: 29px;
    z-index: 99;
    min-width: 132px;
    padding: 0;
    border: 1px solid #cbcbcb;
    background-color: #ffffff;
    box-shadow: 3px 3px 10px rgba(0,0,0,.2);
}
.supplier-list li {
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
    height: 35px;
    line-height: 35px;
    font-weight: normal;
    color: #333333;
}
.supplier-list li:hover { background-color: #eee; }
.supplier-list li.current {
    color: #ea0015;
    background-color: #fef1f2;
}
.choose_supplier {
    display: none;
    position: relative;
    top: 4px;
    left: 2px;
    padding: 6px;
    font-size: 12px;
    color: #ea0015;
    border: 1px dashed #ea0015;
}
.choose_supplier em { font-style: normal; }
/* 配件信息列表 */
.tableUl {
    position: relative;
    overflow: hidden;
}
.tableUl .mk { color: #ea0015; }
.tableUl.heightlight::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 68px;
    border: 1px dashed #ea0015;
    border-bottom-color: transparent;
}
.tableUl.heightlight2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 68px;
    border: 1px dashed #ea0015;
    border-top-color: transparent;
}

/* 结构图预览 */
.structureChart img {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
#structureChart {
    display: none;
    width: 100%;
    height: 100%;
}
#structureChart img {
    margin: auto;
    object-fit: contain;
    max-width: 100%;
    height: 100%;
}
#structureChart p {
    width: 100%;
    margin-top: -25px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.swiper-button-prev { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCNTQ0QkQ4M0VGQjExRTlCMzVCOUQ0RjE5NDIzMERCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCNTQ0QkQ5M0VGQjExRTlCMzVCOUQ0RjE5NDIzMERCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEI1NDRCRDYzRUZCMTFFOUIzNUI5RDRGMTk0MjMwREIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEI1NDRCRDczRUZCMTFFOUIzNUI5RDRGMTk0MjMwREIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7IAKndAAABwElEQVR42sSYy0oDQRBFe+Js1YUrP0xExLeIqIiKmqcRNb5dSJAQQoyEEER3+k2CKze6HtsquAGJTE0mmWoL7qpvdw5NdVVqPGut6Y53b8wMGB5ph7ROGiW9kjZJX7w4bj/+bPBN8sEQt/jhTsyTUqS5sE0pBYhyF0QnJqSNfsIQd6S1kPVPFyAMUSGtCp4LbRCGqJJWBM8V8sZo5QhD1CIg+CbSUQcNAsJ766RlwXNGyvZ6WD8xBIhFwVMi5Xs90O8T4l6qCRQnpGLc600a4jguRNwbYYgH0ozgOQSI0QJhiCZpWvAcIC+MFghDtEhTgiePF2K0QBiiTZoUPNmoqpkESCkCIo2qabRBZoW1PdJNUh0z9U97Yx/WFNYuSfuuQPhJPkXAZFyABKgdj4LnnJRzkSMBqmlb8JySCi6SNUB/aSXZ6PrNfIZZiEjgI0j9CTLMEppfWBRxO+q1IMC/sobgKSBv1IvSN2DqgieHF6VeHS3+NNcETwa1Rr1MW8wyVcHD1ffaRb+wmO4qgmcXQ7l642KYDYyc0s046aAWw3c5ZH3YWSsHzFbIePns6mvAb5ht0hs+1IyQXgAYGj8CDACucVQBUGk/qwAAAABJRU5ErkJggg==) !important; }
.swiper-button-next { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCOTEwNkI4M0VGQjExRTk5RjNCRUFENDAyRjYxRUFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCOTEwNkI5M0VGQjExRTk5RjNCRUFENDAyRjYxRUFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEI5MTA2QjYzRUZCMTFFOTlGM0JFQUQ0MDJGNjFFQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEI5MTA2QjczRUZCMTFFOTlGM0JFQUQ0MDJGNjFFQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz41GuozAAAByklEQVR42ryYS0vDQBDHm+hVL568+JH0JCJqxSciVQpa2/rEPqz1hRQppdRHLUX0i3ny4lGJ8R+YgrTuzm52k4EftDtJ+HWzk+3E8X0/0R/vzljv4wiogUnwDS7BDRg8SSPG/Y+BsWHmnDuQ/PP9CkyAtKlMf7hMfvqfsW2aJSdOkU/BeIpmy4lL5FyS2wR1WzKcyC24kOQ3QMOGjKtwTBZUJfl10DSVcRWPyzG3aRW0NK4XWiSIPDiT5JdJZihqkSAOQEmSXwL3YWTCTOURKEjyi+BRVybsPT0hRLEAnnRkXIOFXqDZEcU8aKvKuIblX6J1I4o50FGRMRVJUCXlJflZ0OVkbIj0toKsJD8DynGIJGgryEjyybhEjK5nUyTH7EnPcYjsg4ok/8pUlxWRQ2YhvlAZe1GKBBJFSb5LT1kvyjVyzEh0aN/xolysp4Qo2rQTe1FWTZFmQxTBzruiI6HS1/RHmSpEFA9gDfzo/jodkQo9K0TRov+voRov1VtTZSSaJhKqIkG/uyfJN6itMGpBOZEdsCvJ16nRMu6DOZEM06CnbDXjnMioYLxGzbi1NwKcyJugDbX+WoIr3y16ME2BL3BNWI9fAQYAA99WH2nSH4sAAAAASUVORK5CYII=) !important; }
.swiper-pagination-fraction {
    left: 0;
    top: 0;
    bottom: auto;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { pointer-events: auto; }

/* 保险询货单 */
.secure,.secureCar{
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
    display: none;
}
.secure .securebtn,.secureCar .securebtn{
    background: #ff881f;
    cursor: pointer;
    color:#fff;
    border-radius: 5px;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    width: 122px;
    display: inline-block;
}
.securechoise{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    padding: 6px 12px;
    border-radius: 5px;
    color:#ff881f;
    border: 1px dashed  #ff881f;
    margin-left: 10px;
    display: inline-block;
    display: none;
}
.securebtn img{
    position: absolute;
    margin-top: 12px;
}

.secureSearch {
    display: none;
    position: absolute;
    background: #f5f5f5;
    z-index: 999;
    box-shadow: 3px 3px 8px -2px #a2a2a2;
    width: 320px;
}
.searchInpDiv {
    margin: 10px 0;
    width: 100%;
}
.brandKey {
    float: none;
    padding-left: 36px;
    padding-right: 25px;
    width: 300px;
    height: 34px;
    border: 1px solid #ddd;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
}
.brandKey:focus {
    outline: none;
}
.brandKey::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
.brandKey:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
}
.brandKey::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
}
.brandKey:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}
.searchIcon {
    position: absolute;
    left: 20px;
    top: 18px;
    width: 16px;
    height: 16px;
}
.searchIcon i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.delBrandKey {
    display: none;
    box-sizing: content-box;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 14px;
    height: 14px;
    border: 3px solid transparent;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
/* 输入联想 */
.search-match {
    text-align: left;
    border-top: 1px solid #eee;
    border-right: none;
    max-height: 242px;
    overflow-y: auto;
}
.matchList {
    padding: 0;
    margin: 0;
}
.match-item {
    position: relative;
    list-style: none;
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #666;
    cursor: pointer;
}
.match-item.curr {
    color: #333 !important;
    background-color: #fff2e9 !important;
}
.match-item img {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
}
.match-item.curr img {
    display: block;
}
.match-item:hover {
    color: #333 !important;
    background-color: #fff2e9 !important;
}
.match-item .brandName {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

/* 联系方式及其他 */
.flexLayout {
    display: flex;
    margin-right: 0 !important;
}
.flexItem {
    padding-left: 15px;
    display: flex;
    align-items: center;
}
.flexItem:not(:nth-child(1)) { flex: 1; }
.flexItem label {
    margin: 0 !important;
    padding: 0 !important;
}
.queryShop .dropdownList{ width: 262px; }
.contactUser .dropdownList{ width: 249px; }
#shop.disabled #shopName,
#shopDown.disabled { cursor: not-allowed !important; opacity: 0.8; }

/* 添加询货 */
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}


/* 隐藏询货列表数量和品质 */
#accessoryMsgTable th:nth-child(4),
#accessoryMsgTable th:nth-child(5),
.Detail_td td:nth-child(4),
.Detail_td td:nth-child(5) { display: none; }

/* invoicePrice */
.invoicePrice {
    float: left;
    color: #666;
}
.switch_box {
    float: right;
}
input[type="checkbox"].switch_1,input[type="checkbox"].switch_2{
    margin-top: 10px;
	font-size: 14px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 3em;
	height: 1.5em;
	background: #ddd;
	border-radius: 3em;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  input[type="checkbox"].switch_1:checked,input[type="checkbox"].switch_2:checked{
	background: #ea0015;
  }
  input[type="checkbox"].switch_1:after,  input[type="checkbox"].switch_2:after{
	position: absolute;
	content: "";
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	        box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	        transform: scale(.7);
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  input[type="checkbox"].switch_1:checked:after,  input[type="checkbox"].switch_2:checked:after{
	left: calc(100% - 1.5em);
  }
  .quality_invoice {
    padding: 0 15px;
  }
  .pub_quality,.pub_invoice {
      float: left;
  }
  .pub_quality > span {
    position: relative;
    top: -11px;
  }
  .pub_invoice {
    margin-top: 9px;
    margin-left: 10px;
  }
  .pub_invoice > span {
    position: relative;
    top: -5px;
  }
  .pub_invoice label {
    padding: 0 !important;
    margin: 0;
  }
  .pub_invoice .iradio_flat-red {
    vertical-align: -4px;
  }

#supplier_quality label{
    width: 100%;
    text-align: left;
}

.selectdrop,.selectdropz {
    position: relative;
    display: inline-block;
    min-width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px #ccc solid;
    background: white;
    margin: 4px 0;
    text-align: left;
    padding: 0 20px 0 14px;
    cursor: pointer;
    border-radius: 4px;
}
.selectdrop img,.selectdropz img {
    position: absolute;
    right: 3px;
    margin-top: 7px;
}
.selectdrop .checkCnt,.selectdropz .supplierCnt {
    width: 100%;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    user-select: none;
}
.selectdrop .checkList,.selectdropz .supplierList {
    position: absolute;
    width: 320px;
    min-height: 50px;
    border: 1px #ccc solid;
    left: -1px;
    top: 30px;
    z-index: 999;
    background-color: white;
}
.checkList,.supplierList {
    display: none;
}
.checkListWrapper {
    padding: 10px 0;
    margin: 0;
    overflow: hidden;
}
.checkListWrapper li {
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    list-style: none;
}
.checkListWrapper li .checkbox-inline {
    padding: 0 !important;
}
.supplierListWrapper{
    padding-left: 0;
}
.supplierListWrapper li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    list-style: none;
}
.supplierListWrapper li .checkbox-inline {
    padding: 0 !important;
}
.supplierList .checkbox-inline .icheckbox_flat-red,
.checkListWrapper .checkbox-inline .icheckbox_flat-red {
    top: -3px;
}
/* 配件解构图模拟表头 */
.mockThead {
    position: absolute;
    z-index: 999;
    padding: 0;
    margin: 0;
    background-color: #f0f0f0;
    width: 100%;
}
.mockThead li {
    list-style: none;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #333;
}
.mockThead li:nth-child(1) {
    width: 33px;
}
.mockThead li:nth-child(2) {
    width: 37px;
}
.mockThead li:nth-child(3) {
    width: 116px;
}
.mockThead li:nth-child(4) {
    width: 195px;
}
.mockThead li:nth-child(5) {
    width: 197px;
}
.mockThead li:nth-child(6) {
    width: 75px;
}
.mockThead li:nth-child(7) {
    width: 125px;
}
.mockThead + .bootstrap-table {
    max-height: 577px;
    margin-top: 40px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.mockThead + .bootstrap-table td { padding: 0 !important; }
.mockThead + .bootstrap-table tfoot { display: none; }
.mockThead + .bootstrap-table .fixed-table-container { border-color: transparent !important; }

.anonymous{
    float:left;
    margin-left:30px;
}