

body{ font-size:.26rem;}

.loading-icon{width:28px;height:28px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAGzUExURUxpcaSmo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo6Smo7OajWMAAACQdFJOUwDzVSjxAgf0ChUBCd/hpyn6+ai70Qz1uB92XuuOR5xNbnBc0ulZd4eNIdsW/myUA1iBhMgnbQiWb7zsJM/l1hqqFEjOqQ3GrbH4LGQrr/CK49NdjIncrLNiaRtbtRl1771FUHjQj0aQBt5axWCTHeRmt57dnbTyg6vV7eIgEk4mUdcwOvceDgQRiPylmZgL2vNJv00AAAM1SURBVFjDrZl3WxpBEMaPQ3ovKiAKSreABREVLLEbTewaY4mJJb333nvhIwd2jqNzbeYvHnb2d+zd7Du3LxRVPyaPeqK2Mb8sY3n5yG6L9hxNUuJD7Tk57s6URffxiUcthqZoNaoyNUJlbFUIxDW26zN1Q9/eKACnO2jJcEaLU8eX12sontiUmu5P7tD0TrJ/OtVUPGLo5YVzPChMaZhPLmqLB7WL3vmGwnizg5vXweab9+iqi9LRe2b2ih0cuMRj9km6d2un7brZCniYqMfrmmXSLBua+lfWbFiY1Nmu2lmRTSZpOM59b+LDTPJmpFaKKQ0ZMhe/anDJID9tqj4+ugLjq3K+9SVfhRkro1XvSieMWgXsVJ0R5nRWuePXB2AsrBWyRbXrMGtAWTHUBiN9QkWkD+a1VdQzfD8kXJaGYGZZhTtgf8zFhANjW7BnSndhM/nSJ0o51T7Y1yX6AvUnF6fscqjHQNE1QK9clMhwgZoV1ueE/Sa++zwhACer90SfF+TigZHPOcJIvisMEv5FCf2RChHEINPfbhCl10gBaog+6qEXthK6m5IU7ixi4hN8JhvcPC4NOH4Y/pKvGfJr5yiJ8Y39dJWs+C2FFn9yvAtKPOC/HHACj9dFVnweD3iOAE14wGukqhV4QCL9djwedYV0OkTghxwwhAj054BBRODTHPASIpBUzWVEoAUbOIK9ZD32Q/Fhlw16YaNvPXRxQJcvdIGlOpFbAPUbu0lBG/XgAf+SRr+FuGYrxqtIZeG48YAKog+qSTwiwgtnmQVCNHEhjkeEl3YbHpA5VqzhEQOSDj7VAo5mdjUa8DUcHp/H0Ihroo+3dVuBiAN4zVAyFsG6FouYNzGMCSzi6D0g+tCqx/RKmBHEHXdfMO6T7R2PIy2fTvnmVt5MC3GZaT8sqe98nvUd1u4L79dO2w9n+8bPX1/5LPv9IWtIbtNVe6GS3mYMyQNeN9LRXGSZLnuXSi3TJe9ywTJNf+SpPSWmrmrK+sx7m755P9hvnSqxtg0Bvk9b5+RjOwd1AgpohtsYnxHaC3Gte+gMnjN75Z8L9jOPFB3WnJK/P7I/VuUfs0V7TrncmP8jtvO4FdRBjgAAAABJRU5ErkJggg==) no-repeat;background-size:28px 28px;-webkit-animation:rotate-loading .45s linear forwards infinite;animation:rotate-loading .45s linear forwards infinite;margin-right:10px}

.loading-div{ position:absolute; right:.1rem; top:.1rem;}

img.round,a.round{border-radius:5px}

.fl{ float:left;}

.fr{ float:right;}

.brline{ display:block; clear:both; width:100%; height:.1rem;}

.width96{width:96%;}

.marginver{margin:2% auto;}

.marginremright{ margin-right:.2rem;}

.paddingver{padding:.3rem 0;}

.clearmarpad{ padding-left:0 !important;margin-left:0 !important;}

.layui-text-red{ color:#FF5E53;}

.mask-white-dialog{ background:#fff;}

.showrighticon{font-size:.42rem;}

.cell-textarea{ padding-top:.55rem;}

img{ max-width:100%;}

#menudiv{

background:#fff; padding-bottom: .3rem; 

}

#menudiv .m-grids-4:before{ border-bottom:0;}

.grids-icon{ height:.88rem;}

.grids-icon img{height:100%}

.grids-item{ padding:.22rem 0;}

.errorpage{

width:100%; height:100%; position:fixed; left:-100%;

display:-moz-box;

-moz-box-pack:center;

-moz-box-align:center;

display:-webkit-box;

-webkit-box-pack:center;

-webkit-box-align:center;

display:box;

box-pack:center;

box-align:center; z-index:1999;text-align:center; line-height:.8rem; font-size:.3rem; color:#888;background:#fff;

}

.errorpage i{

font-size:.7rem;

}

.gray{ color:#767676 !important;}

.show{ display:block;}

.hide{ display:none !important;}

.paddingzero{ padding:0;}

.ovfHiden {overflow: hidden;}

.sharebox { display:none; width:100%;z-index:102; position:fixed; text-align:center;}

.sharebox img{ display:inline;}
.tabbar-item,.tabbar-icon{
color: #434343;
}
.m-tabbar{
  background-color: white;
}

.tabbar-item.tabbar-active{ color:#FF5E53; }

.collectbadge{ background:#FF5E53;color:#fff; border:0;}

.collectbadge::after{ border:0;}

.param-loc-div,.param-select-div{

    position: fixed;

    z-index:999;

    width:100%;

    bottom:0;

    background:#ececec;

    border-top:1px solid #CCCCCC;

    box-shadow: 2px 2px 5px #8c8c8c;

    display: none;

}

.param-province-ul,.param-city-ul,.param-district-ul{

    width:50%;

    float:left;

}

.province-li-active,.city-li-active,.select-li-active,.curcolor{

    color:#AC0807 !important;

}

.param-content{

    padding-top:0;

    margin-top:0;

}

.param-ul{

    margin-top:0;

    height: 300px !important;

    overflow: scroll !important;

}

.param-ul li{

overflow:hidden;

width:100%;

height:40px;

line-height:40px !important;

}

.param-loc-div ul,.param-select-div ul{

    text-align: center;

    height: 50%;

}

.mask{

    display: none;

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:#000;

    z-index:101;

    opacity:0.8;

    filter:alpha(opacity=80);

}







.rmgridsitem .grids-item:after { border-bottom:0 !important;}

.rmgridsitem .grids-item:before { border-right:0 !important;}



.numbers{ float:left;}

.numbers input{ width:9%;height:.6rem;float:left;text-align:center; border:1px solid #d9d9d9; border-left:0;}

.numbers input:first-child {border-left:1px solid #d9d9d9; background:#eee;}

.numbers input:nth-child(4),

.numbers input:nth-child(5),

.numbers input:nth-child(6),

.numbers input:nth-child(7){ background:#FFFFCC;}



.keyworddiv{float:left; width:100%;}

.keyworddiv .leftdiv{ float:left; width: calc(100% - 10px - 60px);}

.keyworddiv .leftdiv .cell-item{border:1px solid #d1d1d1;}

.keyworddiv .leftdiv .cell-item .cell-right{min-height:.6rem !important;}

.keyworddiv .leftdiv .cell-item .cell-right input{ border:0;}

.keyworddiv .leftdiv input{height:.6rem; width:100%;}

.keyworddiv .lastinput{ float:right; width:60px;height:.6rem; line-height:.6rem;}



.keyworddiv .lastinput i{ border:2px solid #d9d9d9; color:#fff;}

.keyworddiv .lastinput i.currenticon{ border: 2px solid transparent; background:#FF5E53; color:#fff;}



.m-grids-6{overflow:hidden;background-color:#FFF}

.m-grids-6:before{border-bottom:1px solid #B2B2B2}

.m-grids-6:before{content:'';left:0;-webkit-transform:scaleY(.5);bottom:0}.m-grids-6{position:relative}.m-grids-6:before{position:absolute;z-index:1;width:100%;height:1px;transform:scaleY(.5);-webkit-transform-origin:0 100%;transform-origin:0 100%}.m-grids-6 .grids-item{width:16.666666666%}.m-grids-6 .grids-item:not(:nth-child(5n)):before{content:'';position:absolute;z-index:0;top:0;right:0;height:100%;border-right:1px solid #D9D9D9;-webkit-transform:scaleX(.5);transform:scaleX(.5);-webkit-transform-origin:100% 0;transform-origin:100% 0}

.searchbox{ background:#fff;}

li.noneborder{ border:0 !important;}



.companylist li:first-child{ text-align:left; text-indent:.1rem; width:16% !important;}

.companylist li{ float:left; width:12%; border:1px solid #d9d9d9; border-right:0; text-align:center; line-height:.6rem; line-height:.6rem; background:#fff;}

.companylist li:last-child{ border-right:1px solid #d9d9d9;}

.companylist li.active{ background:#FF5E53; color:#fff;}

.typelist li{ width:20%;}





.centerbox li:first-child{ text-align:left; text-indent:.1rem;}

.centerbox li{ float:left; line-height:.6rem; line-height:.6rem; text-align:center; position:relative;}

.centerbox li label{ position:absolute; width:10px; height:10px;right:10px; top:10px; background:url(../images/jiantou.png) left top no-repeat;}

.centerbox li:nth-child(odd) { width:16%;}

.centerbox li:nth-child(even) {width:32%; border:1px solid #d9d9d9; }





.centerbox li.morefilter{ text-align:left;}





.centerbox li.widthauto{ width:80%; border:none; text-align:left;}

.centerbox .badge{ font-size:inherit;}

.centerbox2 ul{
      display: flex;
    justify-content: space-around;
    font-size: 14px;
    white-space: nowrap;
}

.centerbox2 ul li{
  width: 25% !important;
  text-align: left !important;
  border: none !important;
}
.centerbox2 .seach{
  width: 25% !important;
}
.centerbox2 .seach div{
  width: 100% !important;
}
.centerbox2 .seach div span{
  display: inline-block;
  line-height: 33px;
}
.centerbox2 .seach div .ci-right{

}




#seachZkSq{display:none;}

#seachGenduo{display:block; padding-left:0px;width:220px;}

.seachZk{width:100%;height:30px; line-height:30px;cursor:pointer;margin-top:-1px; border:0px; margin-bottom:10px; border-top:#FF5E53 solid 2px;}

.seachZkSq{width:110px; padding-left:18px; height:28px; line-height:30px; margin:0 auto; margin-top:-2px;position:relative; z-index:2; background-color:#fff; text-align:center; font-size:14px;border-bottom:#FF5E53 solid 2px;border-left:#FF5E53 solid 2px;border-right:#FF5E53 solid 2px;cursor:pointer;}

.seachZkSq img{ margin-left:30px; vertical-align:middle;}

.ci-right{ float:right;position: relative; top:11px;right:9px; font-size:18px;height: 8px;overflow: hidden;font: 700 20px/16px simsun; color: #000;display: block;cursor:pointer;}

.ci-right s{position: relative; top: -9px;text-decoration: none;font-size:14px;cursor:pointer;}

.ci-righthover{float:right;position: relative; top:11px;right:9px; font-size:18px;height: 8px;overflow: hidden;font: 700 20px/16px simsun; color: #000;display: block;cursor:pointer;}

.ci-righthover s{ position: relative; top: -0px;text-decoration: none;font-size:14px;cursor:pointer;}

.ishideauto{ display:none;padding: 10px;
    background-color: #f5f5f5;
    margin: 10px; }







.divtitle{ width:100%;color:#FF7414; background:#FFEEE2; text-align:center;height:40px;line-height:40px !important;}



.searchbtn .btn{ width:48%; float:left;}

.searchbtn .btn-disabled{ display:block;pointer-events:auto !important;}

.searchbtn .btn:nth-child(even){ float:right;}



.m-list{ background:#fff;}

.m-list li{ clear:both; display:block; height:1rem; line-height:1rem;padding: 0 10px;}

.m-list li.sale *{

color: #a7a6a5 !important;

pointer-events: none;}

.m-list li.sale { background:url('../images/ys.png') right center no-repeat;}

.m-list li:nth-of-type(even){ background:#f2f2f2;}

.m-list li:nth-of-type(even).sale{ background:#f2f2f2 url('../images/ys.png') right center no-repeat;}

.m-list li div:nth-child(1){ width:33%; float:left;font-size: 18px;font-weight: bold;}

.m-list li div:nth-child(2){ width:33%; float:left; text-align:right;font-size: 16px;}

.m-list li div:nth-child(3){ width:33%; float:left; text-align:right;font-size: 16px;}

.m-list li .price1{ color:#FF5E53;}



.m-list li div i{ color:#EF4F4F;}





.emptydiv{ color:#FF5E53; width:100%; text-align:center;}

.emptydiv img{ width:50%; display:inline;}

.list-donetip{ padding-bottom:1rem !important;}

.listsection:after 	{ content: ''; height:.9rem;}

.listview:after{ display:none !important;}

.list-del-price:after{ display:none;}


.card_notice{
  margin: auto;
  margin-top: 60px;
  width: 90%;
  background-color: white;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  color:#EF4F4F ;
  border-radius: 15px 15px 0 0;
}
.card_notice img{
  width: 20px;
}


.card_Info{background:url(../images/cardinfo.jpg) no-repeat;background-size: 100% 100%;height: 210px;position: relative;width: 98%;
    margin: auto;
    border-radius: 10px;}

.card_Info .card { border:1px solid #fff; width:54%;margin: 0 auto;padding: 8px 0;top: 78px;position: relative;}

.card_Info .card h1{ display:none;}

.card_Info .card>span{ margin:0 auto;display: block;text-align: center;}

.card_Info .card>span label{ display:inline-block; font-size:22px; font-weight:bold; color:#fff;}

.card_Info .card p{ display:inline-block; margin:0 auto;}

.card_Info .cardInfo_res{
  position: absolute;
  right: 0;
  top: 30px;
  background-color: white;
  padding: 6px 15px;
  border-radius: 15px 0 0 15px;
}


.card_box{
  width: 98%;
  /* background-color: #EF4F4F; */
  /* background: linear-gradient(45deg, #015FA3, #00406f); */
  background: linear-gradient(45deg, #5080FF, #3B69FF);
  margin: auto;
  position: relative;
  border-radius: 15px;
  padding: 20px;
  min-height: 205px;
}
.card_box .copydetail{
position: absolute;
    right: 0;
    top: 33px;
    background-color: white;
    padding: 5px 15px;
    border-radius: 50px 0 0 50px;
    z-index: 2;
    border: none;
}
.card_box .mobileBox{
      display: flex;
    align-items: center;
    gap: 20px;
}
.card_box .mobileBox .mobile{
    font-size: 30px;
    font-weight: bold;
    padding: 10px 0;
    color: white;
}
.card_box .mobileBox .mobile .layui-text-red{
  color: #f9ff00 !important;
  margin: 0 10px;
}
.card_box .mobileBox .tag{
    background-color: #FF5E53;
    color: white;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
}
.card_box .box2 span{
  color: white;
  margin-right: 20px;
}
.card_box .line{
  width: 100%;
  border-bottom: 1px solid white;
  margin: 15px 0;
}
.card_box .init{
  color: white;
}

.card_fee {width:94%;background:#fff;margin:auto; border-radius:0 0 15px 15px; padding:15px;}

.card_fee ul { position: relative;overflow: hidden;background: #fff;display:block;padding:5px 15px;}

.card_fee ul li {position: relative; display: block;-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;box-flex: 1;padding: 10px 0 10px 10px;border-bottom: 1px solid #eee;}

.card_fee ul li span{display:inline-block;}

.card_fee ul li p{ display:inline-block; width:calc(100% - 80px);vertical-align: top; float:right;}

/*.card_fee ul li::after {content: " "; position: absolute;top: 12px; bottom: 12px;right: -1px;border-right: 1px solid #ccc;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleX(1);transform: scaleX(1);}*/


.card_fee .copydetail{
  margin: 15px auto;
    display: block;
    padding: 6px 20px;
    border: none;
    font-size: 14px;
    background-color: #FF5E53;
    color: white;
    border-radius: 50px;
}

.card_fee .box1 .leftBox{
  color: #FF5E53;
  font-size: 18px;
}
.card_fee .box1{
  display: flex;
  align-items: center;
  justify-content: space-between;


}
.card_fee .box1 .pricecolor{
  font-size: 30px;
  font-weight: bold;
}
.card_fee .box1 .pr{
  color: #FF5E53;
}
.card_fee .box1 .rightbox{
  color: #8f8f8f;
}

.card_fee .box2{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px;
}
.card_fee .box2 div{
  display: flex;
  align-items: baseline;
  background-color: #FFE7E4;
  color: #FF5E53;
  padding: 6px 15px;
  font-size: 14px;
}

.card_fee .box3{
  margin-top: 20px;
  border-top: 1px solid rgb(168, 168, 168);
  padding-top: 20px;
}

.card_fee .box3 .detail{
  padding: 10px 0;
}

.card_remark{padding: 5px 0 25px 25px;border-bottom:8px solid #f1f1f1;}



.info-tab {text-align:center;}

.info-tab a {display: inline-block;font-size: 14px;font-weight: 500;margin-right: 15px;border-bottom: 3px solid #fff;padding: 10px 0 4px 0;margin: 0 5%;}

.info-tab .Selected {border-bottom: 3px solid #FF7414;color: #FF7414;}



.card_NoRes{ width:90%;background:#fff;margin:-110px auto 0 auto; border-radius:5px; padding:20px 0; }

.card_NoRes p{ padding:0 0 0 8px; margin:0;text-align:center;text-align: center;font-size: 15px;font-weight: 500;color:#000;   height: 26px;line-height: 26px;}

.card_Nores p a{color:#FF7414;}

.card_NoRes ul{ padding: 8px 10px 0 25px; margin:0;}

.card_NoRes ul li{ display:block;line-height: 25px; font-size:12px;}

.card_NoRes ul li a{ color:#FF7414;}

.explain {position:relative;padding: 10px 4%;background-color:#fff;    width: 94%;
    margin: auto;
    margin-top: 15px;
    border-radius: 15px;}

.explain .zysx {color: #FF5E53;line-height: .5rem;padding-top: 10px;}

.explain .title {padding:15px 0; border-bottom:1px solid #eee;}

.explain .title span {display:block;border-left:3px solid #FF5E53;padding-left:10px;font-size:18px;color: #FF5E53;
    font-weight: bold;}

.explain ul {margin-top:5px;}

.explain > ul li {}

.explain > ul li span{display:block; padding:6px 0;color:#333;}

.explain > ul li p{color:#666;display:block; line-height:20px;}

.card_aurl{ margin:0 0 0 10px;}

.card_erwm{ width:50%; margin:0 auto;}

.card_erwm img{ max-width:100%;}





.proinfo_content ul{



	width: 90%;



    margin: 0 auto;



    display: flex;



    justify-content: space-evenly;



}



.proinfo_content ul li{



	width:20%;



	text-align:center;
display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;


}



.proinfo_content ul li p{

	margin-top: 8px;



}



.proinfo_content ul li img{



	width: 40px;

	display:inline;



}



.proinfo_content ul li:nth-of-type(even){



	background-color:#999999;



	margin-top: 5%;



	width:10%;



	height:1px;



}

.pricecolor{

color:#FF5E53;

}

.footcolor{ background:#FF5E53; color:#fff; text-align:center; font-size:.3rem;}



.foot-left,.foot-right{ width:50%;}

.foot-left{display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center; background:#fff; padding:.104rem 0 .07rem;}

.foot-right{ }



.addfav,.addfav i{color:#FF5E53;}









.contact .advisoryBody{

        margin-top: 20px;

        width: 95%;

        margin: 0 auto;

        display: flex;

        flex-direction: column;

        background: #fff;

        box-shadow: 0 0 2.133vw 1.067vw rgb(194 192 193 / 8%);

        padding-top: 20px;

}

.contact .head{

        width: 95%;

        align-items: center;

        margin: 0 auto;

        display: flex;

        background: #fff;

        box-shadow: 0 0 2.133vw 1.067vw rgb(194 192 193 / 8%);

        margin-bottom: 10px;

        margin-top: 10px;

}

.contact .title{

        display: flex;

        align-items: center;

}

.contact .images{

        width: 64px;

        height: 64px;

        margin: 0 20px;

}

.contact .images img{

        width: 100%;

        height: 100%;

        display: block;

}

.contact .advisoryBodyMiddle{

text-align:center;

}

.contact .advisoryBodyMiddle img{

display:inline;

width:50%; 

}

.contact .advisoryBodyBottom{

        text-align: center;

}

.contact .Contacts2{

        display: inline-block;

        margin-left: auto;

        width: 22%;

        border: 1px solid #ccc;

        text-align: center;

        margin-right: 5%;

}





.hastwofix:before { height:1.8rem;}

.hastwofix:after{ display:none !important;}





.tab-head{

      position:fixed;

      left:0;

      top:.9rem;

      width:100%;

	  z-index:100;

      list-style-type: none;

      display:-webkit-box;

      display:-webkit-flex;

      display:-ms-flexbox;

      display:flex;

      -webkit-flex-wrap:nowrap;

      -ms-flex-wrap:nowrap;

      flex-wrap:nowrap;

      -webkit-box-pack:justify;

      -webkit-justify-content:space-between;

      -ms-flex-pack:justify;

      justify-content:space-between;

      background:#FAFAFA;

      padding:0;

      overflow-x:auto;

}

.tab-head::-webkit-scrollbar{width:0px;height:0px; display: none;}

.tab-head-item{

      -webkit-box-flex:1;

      -webkit-flex:1 0 auto;

      -ms-flex:1 0 auto;

      flex:1 0 auto;

      color:#aaa;

      padding:.2rem;

	  min-width:1rem;

	  border-bottom:2px solid #FAFAFA;

	  text-align:center;

}

.tab-head-item.active{ color:#EA413C; border-bottom:2px solid #EA413C;}



.emptyhtml{ padding:.2rem; text-align:center;}

.article{padding:.2rem}

.article h1{font-size:.32rem;margin-bottom:.1rem;color:#000}

.article .article-head{margin-bottom:.2rem;color:#b9b9b9}

.article .article-main p{font-size:.24rem;color:#333;line-height:1.8;margin-bottom:.3rem}

.article .article-foot{color:#999}

.article .article-text{display:block;color:#999;text-align:center}



.cuslistitem{ height:auto; padding:0;}

.cuslistitem img{ margin-top:0;}



.detailheader{ background:transparent;}

/* .detailheader #titlename{ display:none;} */

.detailheader .navbar-item i{

border-radius: 6px;

padding:.1rem;

font-size:18px;

background:rgba(0,0,0,0.3); color:#fff;

}

.detailheader .navbar-item .back-ico::before{color:#fff;}

.detailview::before{ display:inline;}

.detailheader:after{ border:0 !important;}


.licenseCanvas{
 width:300px;
 height:88px;
}





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

 .licenseCanvas{
    max-width:90% !important;
 }

}






    @font-face {
      font-family: 'bahnschrift';
      src: url('./bahnschrift.ttf');
    }

        @font-face {
      font-family: 'MILT_RG';
      src: url('./MILT_RG.ttf');
    }
        @font-face {
      font-family: 'cp';
      src: url('./cp.OTF');
    }



.carCard{
    position: relative;
  }
.carCard .content{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: baseline;
    
  }
.carCard .content span{
    display: inline-block;
    line-height: 40px;
  }
.carCard .content .t1{
    font-size: 30px;
    font-weight: bold;
    width: 20px;
transform: scale(0.55, 1) translate(0px, -3px);
    margin-right: 0px;
    font-family: 'MILT_RG';
  }
.carCard .content .t2{
    font-size: 38px;
    transform: scale(0.9, 1);
    font-family: 'cp';
    padding-top: 2px;
  }
.carCard .content .t3{
  
  }
.carCard .content .grid{
     display: grid;
    grid-template-columns: repeat(5,1fr);
    margin-left: 9px;
  }
.carCard .content .grid2{
  grid-template-columns: repeat(6,1fr);
  
}
.carCard .content .grid span{
    width: 16px;
    text-align: center;
  }

    #mobcontent .grids-item::before{
      border: none;
    }

  #mobcontent .grids-item:after{
        border-bottom: none;
  }

  .scrollBox{
    width: 94%;
    margin:auto;
    margin-top: 60px;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .auto_scroll {
    height: 30px;
    box-sizing: border-box;
    background-color: #f3f3f3;
    border-radius: 50px;
    padding: 0 10px;
    color: rgb(146, 146, 146);
    overflow: hidden;
    font-size: 14px;
}
.auto_scroll ul li img{
  width: 26px;
  height: 26px;
  margin-right: 8px;
}
.scrollBox .rightBox{
  color: #cb0101;
}

.auto_scroll ul li {
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
}
.auto_scroll ul li span{
  color: #EF4F4F;
}