@charset "utf-8";
body {background:#f2f2f2;}
.i_header{ height:38px; line-height:48px; padding:5px 66px 5px 105px;background:#f2f2f2; box-shadow:0 0 5px #f2f2f2;}
.i_logo{ display:block; float:left; height:38px; position:absolute; top:5px; left:10px;}
.i_search{ border:1px solid #c3c3c3; border-radius:5px; float:left; height:28px; margin-top:5px; background-image:url(../images/i_search_bg.png); background-repeat:no-repeat; background-position:5px center; background-size:1em; width:100%; line-height:28px; padding:0px;}
.daka{ float:right; height:38px; line-height:38px; position:absolute; right:10px; top:5px; color:#ff0000;}
.daka img{ height:1em; display: inline-block; vertical-align:middle; margin-right:5px; margin-top:-5px; }


.type{ position:relative; min-height:638px;padding-bottom:5rem; padding-left:80px;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:100%;}
.y-nav{ width:75px; margin-left:5px; position:fixed; top:55px; left:0px;z-index:1;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.y-nav a{ display:block; text-align:center; background-color:#fff; margin-bottom:5px; padding:10px 5px; font-size:.9em;}
.y-nav a.on{ color:#ff0600;}
.y-nav a img{ width:2em; display:none; margin:2px auto;}
.y-nav a:last-child{margin-bottom:100px;}
.type .item{ padding-left:5px; padding-right:5px;}
.type .item .tit{ background-image: url(../images/type-more.png); background-position:right center; background-repeat:no-repeat; background-size:1em; margin-right:10px; line-height:3em;}
.type .item .tit i{ background:url(../images/type-tit-dian.png) no-repeat left center; background-size:.5em; padding-left:1em;}
.type .item .des{ background:#fff; color:#000;overflow:hidden; padding:10px;}
.type .item .des a{ color:#000; padding:10px; /*width:33.3%;*/ text-align:center; display:block; float:left; font-size:.9em;}

.hkg{ background-color:#fff; margin-top:10px;box-shadow:0 0 5px #b8b8b8; padding-bottom:10px;}
.hkg .tit{ background-image:url(../images/i_tit_bg.png); background-repeat:no-repeat; background-position:.5em center; background-size:auto 1em; line-height:2em; padding-left:1em; font-size:1.2em;}
.hkg .tit span{ float:right; border:1px solid #fe0000; color:#fe0000; border-radius:10px; line-height:1.5em; margin-top:0.4em; font-size:.8em; padding:0 5px; margin-right:10px;}
.hkg .swiper-container{width:100%;margin:5px auto 10px;}
.hkg .swiper-slide{font-size:1em;background:#fff url(../images/lft_line_03.png) repeat-y right;;width:30%;height:100%;position:relative;}
.hkg .swiper-slide img{ width:82%; display:block; margin:0px auto;}
.hkg .swiper-slide .pic{ margin-bottom:10px;}
.hkg .swiper-wrapper{ padding-right:5px;}
.hkg .swiper-slide .title{ width:82%; display:block; margin:0px auto; text-align:left; color:#909090;height: 2rem;overflow: hidden;line-height: 1rem;font-size: .8rem;}
.hkg .swiper-slide .price{ width:82%; height:1.8em; line-height:1.8em; color:#ff0101; font-size:1.2em; margin:0px auto;}
.hkg .swiper-slide .price img{ width: 1.4em;float: right;margin-top: 3px;}

.car-list{ background-color:#fff;padding-top:1em;}
.car-list .item{ position:relative; min-height:70px; padding:10px 0;}

.car-list .item .del{ float:left;}
.car-list .item .del img{ width:1.4em; position:absolute; top:50%; margin-top:-.7em; display:block; left:.4em;}
.car-list .item .pic{ width:68px;display:block; position:absolute; left:2em; border:1px solid #bfbfbf;}
.car-list .item .title{ padding-left:110px;padding-right:100px;}
.car-list .item .title i{ color:#ff0000; font-size:1.2em;  }
.car-list .item .title div{height:2.5rem;overflow:hidden;line-height:1.2rem;font-size:.8rem}

.car-list .item .num { margin-top:5px; margin-left:10px;  color:#6b6b6b; position:absolute; right:5px; top:5px; width:90px; overflow:hidden; }
.car-list .item .num span{width: 1.5rem; height:1.5rem; display:block; float:left; line-height:1.5rem; text-align:center;font-size:1.5rem;}
.car-list .item .num .zongjia{color:#ff0000;font-size:1.2em; text-align:right; padding-right:10px; padding-top:10px; overflow:hidden;}
.car-list .item .num input{width: 1.5rem;height: 1.5rem;text-align: center;font-size: 1em;padding: 0;border-left:0;border-right:0;-webkit-appearance:none;border-radius:0;}

.jiesuan-bar{ height:50px; position:fixed; bottom:60px; background:#fff; width:100%; z-index:100;border-top:1px solid #eee;padding-left:0.5rem;}
.jiesuan-bar .qjs{height:50px; background-color:#ff0000; color:#fff; line-height:50px; width:55px; text-align:center; position:absolute; right:0.5rem; top:0;}
.jiesuan-bar .hejie{font-size:1em;margin-top:3px;}
.jiesuan-bar .amountDetail{font-size:0.6rem;color:#999;}
.jiesuan-bar .hejie i{font-size:1.1rem;color:#ff0101;}
.jiesuan-bar .info{ text-align:right; line-height:15px; padding:8px 65px 0 0;font-size:0.6rem;}
.jiesuan-bar .info i{ color:#ff0000;}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .jiesuan-bar { 
    bottom:calc(60px + constant(safe-area-inset-bottom));
    /*background:#f00;*/
  }
}

@media handheld,only screen and (max-width:800px) {

}
@media handheld,only screen and (max-width:360px) {
.type{ position:relative; min-height:638px; padding-left:75px;}
.y-nav{ width:70px; margin-left:5px;}
}

.h_back{ display:block; float:left; height:38px; line-height:38px; color:#5f646e; position:absolute; top:5px; left:10px; font-size:1.2em;}
.h_back a{color:#5f646e;display:block;min-width:2rem;}
.h_back img{ display:inline-block; vertical-align: middle; height:1.6em; margin-right:5px; margin-top:-2px;}
.page{    margin-top: 48px;}

.login_header{ height:38px; line-height:38px; padding:5px 0;background:#f2f2f2; box-shadow:0 0 5px #afafaf; text-align:center;}
.login_header i{ font-style:normal; font-size:1.2em;}