/*通用*/
*{margin:0px; padding:0px; font-weight:normal;}
html{height:100%}
body{color: #000;font-family:"microsoft yahei", Arial, Helvetica, sans-serif; height:100%; font-size:.1rem;background:#f8f8f9;}
a{text-decoration:none;  text-shadow:none;font-weight:normal; color: #000}
ul{list-style:none;}
textarea,input,button{outline:none;-webkit-appearance:none;font-family:Microsoft YaHei;}
.clear{ clear:both; overflow:hidden; height:0px;}
.dk{ width:100%; max-width:750px; min-width:320px; margin:0 auto;height:100%; background-size:100%; background-repeat:no-repeat; background-attachment:fixed;}
img{ border:0; display: block;}
input[type="button"],input[type="checkbox"],input[type="radio"], input[type="submit"], input[type="reset"],select {-webkit-appearance: none;outline:none; border:none;font-family:Microsoft YaHei;}

html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
/*出的各分辨率媒体查询换算：*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes scale-three2{
0% {transform:scale(1);opacity:.8;}
100% {transform:scale(1.3);opacity:0;}
}
.Huans{-webkit-box-sizing: border-box;box-sizing: border-box;}
.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}

.IndCon{ position: relative; width:100%;}
/**/
.header{ padding:0 4%;width:100%;height:0.44rem; position:sticky;left:0;right:0; margin:0 auto; top:0;background:#f8f8f9;z-index:33;}
.colhdO{ background:none;}
.logoa{ display: block;}
.logoa img{height:0.15rem; display: block;}

.Retleft{width:0.06rem; position: absolute;left:4%;top:0.13rem; display: block;}
.Retleft img{width:0.06rem;}

.hdsea{ background:#f0f0f0;width:100%; flex:1; padding:0 0.1rem;height:0.28rem; border-radius:0.14rem; margin-left:0.1rem;}
.payseaI{ width:100%; flex:1; ine-height:0.2rem; height:0.2rem; color:#000; border:none;  font-size:0.11rem; background-image: url("../images/iconV2/search.png"); background-position:0.02rem center; background-repeat: no-repeat; background-size:0.11rem; padding-left:0.19rem; background-color:#f0f0f0; padding-right:0.1rem;}
.hdseaA{ text-align: center; width:18%; height:0.18rem; line-height:0.18rem; font-size:0.11rem; display: block; color:#000; border-left:0.01rem solid #d8d8d8;}
/*banner*/
.banner{ width:92%; position:relative; margin:0.09rem auto 0.11rem; border-radius:0.06rem;}
.banner img{ width:100%;}
.banner .swiper-pagination-bullet{border: none;background-color:rgba(255,255,255,0.5); border-radius:0; opacity: 1; z-index:3;width:0.15rem;height:0.01rem;}
.banner .swiper-pagination-bullet-active {background-color:rgba(255,255,255,1);}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.01rem;}
.banner .swiper-pagination-bullets {bottom:0.05rem;}
/**/
.IndNav{ padding:0.12rem 0 0.1rem; background:#fff;width:92%; margin:0 auto; border-radius:0.06rem;}
.IndNava{width:20%; text-align: center; color:#000;}
.IndNavI{width:0.3rem; margin:0 auto 0.05rem;}
.IndNavI img{width:100%; display: block;}
.IndNava p{ font-size:0.11rem; line-height:0.18rem;}
/*车辆故障不用*/
.Indfai{width:92%; padding:0.1rem 2.5%; border-radius:0.06rem; margin:0.22rem auto 0.1rem;background-image: url("../images/picV2/Indfai.jpg"); background-size:100% 100%;  background-position: center; background-repeat:no-repeat; position: relative;}
.Indfai:before{display:block;content:'';position: absolute;background-image: url("../images/picV2/IndfaiB.png"); background-size:100%;  background-position:top center; background-repeat:no-repeat;width:31%;height:0.8rem;right:4%;z-index:1;top:-0.17rem;}
.IndfaiT{height:0.36rem;}
.IndfaiT img{height:0.19rem; display: block; margin-left:1%;}
.IndfaiN{ margin-top:0.08rem; position: relative; z-index:2;}
.IndfaiB{ text-align: center; background:#FFF; border-radius:0.04rem; padding:0.09rem 0 0.05rem;width:23.8%;}
.IndfaiB h3{ color:#000;line-height:0.17rem; font-size:0.12rem; font-weight:700;}
.IndfaiB p{ color:#adadad; line-height:0.15rem; font-size: 0.1rem; margin:0.01rem 0 0.05rem}
.IndfaiB img{width:66%; display: block; margin:0 auto;}
/*售后服务流程*/
.Indser{width:100%; padding:0 4% 0.1rem;}
.IndserT{height:0.44rem;}
.IndserT img{height:0.19rem; display: block; margin-left: 5%;}
.IndserK{}
.Indsern{ background:rgba(204,208,218,1); border-radius:0.06rem; overflow: hidden; margin-bottom:0.1rem;}
.IndserI{width:25%;height:0.68rem; background:#FFF; position: relative;}
.IndserI img{width:0.4rem; display: block;}
.IndserI:before{display:block;content:'';position: absolute;width:0.025rem; height:100%;top:0; left:100%; background-image: url("../images/picV2/IndserI.png"); background-size:100%;  background-position: center; background-repeat: repeat-y;}
.IndserP{width:75%; padding-left:4%; padding-right:3%;}
.IndserH{ margin-bottom:0.04rem;}
.IndserH i{ display: block; border-radius:50%; background:#000;font-size:0.1rem;width:0.15rem; height:0.15rem; line-height:0.15rem; text-align: center; color:#FFF; margin-right: 0.05rem;}
.IndserH h3{ font-weight: 700; line-height:0.18rem; font-size:0.13rem;}
.IndserH span{ color:#002851; font-size:0.12rem; line-height:0.18rem; margin-left:0.06rem;}
.IndserP p{ color:#464b4d; line-height:0.16rem; font-size:0.1rem;}
.Indsern:nth-child(2){background:rgba(204,208,218,0.8);}
.Indsern:nth-child(3){background:rgba(204,208,218,0.6);}
.Indsern:nth-child(4){background:rgba(204,208,218,0.4);}
/*footer*/
.foot{width:100%; max-width:750px; min-width:320px;height:0.48rem; position: fixed;left:0;right:0; margin:0 auto; bottom:0;background:#FFF;z-index:33; border-top:0.01rem solid #f1f1f1;}
.fta{width:20%;color:#000; text-align: center;opacity:0.4}
.fta p{ font-size:0.115rem; line-height:0.15rem;}
.fta img{width:0.16rem; height:0.16rem;display: block; margin:0.03rem auto;}
.ftaO{opacity:1}

/*收集信息*/
.colhd{ padding:0 4%;width:100%;height:0.44rem; position:fixed;left:0;right:0; margin:0 auto; top:0;background:#f8f8f9;z-index:33;box-shadow:0 3px 8px rgba(0,0,0,0.1); }
.colhdO{ background:none;box-shadow:0 3px 8px rgba(0,0,0,0);}
.colhdH{color:#000; line-height:20px; text-align: center; font-size:0.14rem;}
.colban{position:relative; color:#000}
.colban img{width:100%; display: block;}
.colbanH{ width: 86%; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.colbanH h3{ font-size:0.15rem; font-weight:700; line-height:0.18rem; margin-top:0.2rem;}
.colbanH p{font-size:0.09rem; letter-spacing:-1px; line-height:0.16rem;}
.colDK{background:#FFF;width:100%; padding:0.1rem 6%; border-radius:0.18rem; position: relative;z-index:1;top:-0.18rem;}
.colDH{height:0.4rem; border-bottom:1px solid #ececed;}
.colDI{width:0.16rem; height:0.16rem; display: block; background-repeat: no-repeat; background-image: url("../images/iconV2/icon01.png"); background-size:0.48rem; margin-right: 0.06rem;}
.colDI1{ background-position:0 0;}
.colDI2{ background-position:0 -0.16rem;}
.colDI3{ background-position:0 -0.32rem;}
.colDI4{ background-position:0 -0.48rem;}
.colDI5{ background-position:0 -0.64rem;}
.colDI6{ background-position:0 -0.8rem;}
.colDI7{ background-position:0 -0.96rem;}
.colDI8{ background-position:0 -1.12rem;}
.colDI9{ background-position:0 -1.28rem;}
.colDI10{ background-position:48% -0.95rem;}
.colDP{ font-size:0.125rem; line-height:0.4rem; color:#000;}
.colDP span{ color:#ff5628; display: inline-block; margin-right:0.1rem;}
.colDW{width:100%; flex:1;}
.colDInp{width:100%;flex:1;  line-height:0.3rem; height: 0.3rem; color:#000; font-size: 0.125rem; border:none; background: rgba(0,0,0,0)}
.colsel{width:100%; flex:1; line-height:0.3rem; height: 0.3rem; color:#000; font-size: 0.125rem; border:none; background-color: rgba(0,0,0,0); background-repeat: no-repeat;}
.colselW1{width:49%;}
.colDInpTime{ background-repeat: no-repeat; background-image: url("../images/picV2/time.png"); background-position:right center;background-size:0.16rem;}
.colBut{width:100%; padding:0.25rem 0 0;}
.colButa{ border:none;background-color:rgba(0,0,0,0); width:60%; text-align: center; color:#FFF; font-size:0.13rem; line-height:0.42rem; height:0.42rem; border-radius:0.2rem; display: block; margin:0 auto 0.1rem;background-repeat: no-repeat;background-position:center;background-size:100% 100%;}
.colButB1{background-image: url("../images/picV2/but01.png");}
.colButB2{background-image: url("../images/picV2/but02.png");}

.col-lab{width:37%; margin-left:4%; height:0.3rem}
.col-lab:first-child{margin-left:0;}
.col-lab p{color:#000; margin-left:0.07rem;font-size:0.12rem;}
.col-lab input[type="radio"]{-webkit-appearance:none;width:0.12rem;height:0.12rem;vertical-align:middle;display:block;outline:none; background-position: center; background-repeat: no-repeat; background-size:100%; background-color:#FFF;border:0.01rem solid #ddd; border-radius:50%;}
.col-lab input[type="radio"]:checked{border:0.04rem solid #596a96;}

.colDs{}
.colDs a{ width:0.24rem; height: 0.24rem; border-radius:50%; display: block; margin-left:0.08rem;}
.colDs a img{width:100%; display:block; }
.colDsPic{ background:#ff5501}
.colDsSea{background:#ff9c49}

/*补充信息*/
.SupDI1{ background-position:-0.16rem 0;}
.SupDI2{ background-position:-0.16rem -0.16rem;}
.SupDI3{ background-position:-0.16rem -0.32rem;}
.SupDI4{ background-position:-0.16rem -0.48rem;}
.SupDI5{ background-position:-0.16rem -0.64rem;}
.SupDI6{ background-position:-0.16rem -0.8rem;}
.SupDI7{ background-position:-0.32rem 0;}
.SupDI8{ background-position:-0.32rem -0.16rem;}
.SupDI9{ background-position:-0.32rem -0.32rem;}
.SupDI10{ background-position:-0.32rem -0.48rem;}
.SupDI11{ background-position:-0.32rem -0.64rem;}
.SupDI12{ background-position:-0.32rem -0.8rem;}
.colselJ{background-repeat: no-repeat; background-image: url("../images/iconV2/jiao.png"); background-position:right center;background-size:0.1rem;}

/*交易记录*/
.rechd{ padding:0 4%;width:100%;height:0.44rem; position:sticky;left:0;right:0; margin:0 auto; top:0;background:#fff;z-index:33;box-shadow:0 0 8px rgba(0,0,0,0.1); }
.recban{ position: relative;}
.recban img{width:100%; display: block;}
.recTit{ background:rgba(255,255,255,0.3);height:0.4rem; padding:0 4%;width:100%; position: absolute; left:50%;bottom:0;transform: translate(-50%,0);}
.recTit:before{display:block;content:'';position: absolute; background:#bec2cb;width:0.01rem; height:0.14rem;left:50%;top:50%;transform: translate(-50%,-50%);}
.recTita{width:50%;height:0.4rem;}
.recTita img{width:0.16rem; display: block; margin-right:0.06rem;}
.recTita p{ color:#454850; line-height:0.2rem; font-size:0.13rem;}
.recDK{padding:0.18rem 4% 0.1rem; width:100%;}
.recDB{ border:0.02rem solid #FFF; border-radius:0.1rem; margin-bottom:0.14rem; background: linear-gradient(to bottom,#e6eaf7,#FFF 32%)}
.recDT{padding:0 6%;width:100%;height:0.42rem; position: relative;}
.recDT:before{display:block;content:'';position: absolute; width:94%; background:#e2e4ea;height:0.01rem;left:50%;bottom:0;transform: translate(-50%,0);}
.recDT h3{ font-size:0.13rem; line-height:0.2rem;}
.recDTz{}
.recDTz img{width:0.12rem; display: block; margin-right:0.04rem;}
.recDTz p{ color:#596a96; font-size:0.125rem; line-height:0.2rem;}
.recDTzw p{color:#ff5628;}
.recDN{padding:0.08rem 6% 0.12rem;width:100%; position: relative}
.recDN h3{ font-size:0.14rem; line-height:0.2rem; font-weight:700; margin-bottom:0.02rem}
.recDN p{ font-size:0.115rem; line-height:0.18rem;}
.recDNm{ color:#d66020; font-weight:700; line-height:0.2rem; font-size:0.11rem;align-items:baseline; margin-top:0.1rem;}
.recDNm span{ font-size:0.14rem;font-weight:700;}
.recDF{padding:0 6%;width:100%;height:0.48rem; border-top:0.01rem dashed #f0f0f0; position: relative}
.recDF:before,.recDF:after{display:block;content:'';position: absolute; background:#f8f8f9;width:0.1rem; height:0.1rem; border-radius:50%;top:-0.05rem;}
.recDF:before{left:-0.05rem;}
.recDF:after{right:-0.05rem;}
.recDFp{ font-size:0.11rem; line-height:0.18rem;  color:#919191;}
.recDFa{width:0.62rem; line-height:0.24rem;height:0.24rem; border-radius:0.03rem; text-align: center; display: block; background:#f3e7d8; color:#b6a285; font-size:0.115rem;}

.recDE{padding:0 6%;width:100%;height:0.4rem; border-top:0.01rem solid#f0f0f0; position: relative;}
.recDTa{color:#FFF; border-radius:0.03rem; text-align: center; line-height:0.24rem; display: block; font-size:0.11rem; width:30%; margin:0 3%;}
.recQX{ background:#ddd; color:#999;}
.recZTD{ position:absolute;right:6%;top:50%;transform: translate(0,-50%); color:#596a96;  font-size:0.11rem;}

/*我的合同*/
.consea{background:#FFF;width:100%;padding:0.05rem 4% 0;position:sticky;left:0;right:0;margin:0 auto;top:0.44rem;z-index:9;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.conseaK{ background:#f3f4f8;width:100%;height:0.32rem; border-radius:0.16rem; border:0.01rem solid #e7e8ec;}
 .conseaI{width:100%;flex:1;line-height:0.26rem;height:0.26rem;color:#000;border:none;font-size:0.115rem;background-image: url("../images/iconV2/search.png");background-position:0.13rem center;background-repeat:no-repeat;background-size:0.12rem; padding-left:0.33rem;background-color:rgba(255,255,255,0);padding-right:0.1rem;}
.conseaA{background:#596a96;text-align:center;width:22%;height:0.32rem;line-height:0.32rem;font-size:0.115rem;color:#FFF; border-radius:0.16rem;display:block;}
.conHT{height:0.4rem; margin-top:0.04rem;}
.conHTD{width:26%;height:0.3rem; position: relative;}
.conHTDa{height:0.3rem;font-size:0.12rem; color:#000;}
.conHTDa p{ line-height:0.2rem; margin-right:0.05rem;}
.conHTDa i{width: 0;height: 0;border-style: solid;border-width:0.04rem 0.04rem 0 0.04rem;border-color: #333 transparent transparent transparent;}
.conHTD .on i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.conHTDn{position:absolute; background:#FFF;left:50%;transform: translate(-50%,0);top:100%; box-shadow:0 3px 6px rgba(0,0,0,0.1); width:110%;display:none;}
.conHTDs{width:100%; display: block; text-align: center; font-size:0.12rem; line-height:0.3rem;}
.conHTimeK{width:100%; flex: 1;}
.conHTimeK h3{ font-weight:500; font-size:0.12rem; line-height:0.2rem;}
.conHTime{width:100%; flex: 1;background-repeat: no-repeat; background-image: url("../images/picV2/time02.png"); background-position:right center;background-size:0.12rem; border:none; color:#000; font-size:0.12rem; line-height:0.3rem;height:0.3rem; z-index:1}

.conDK{padding:0.18rem 4% 0.1rem; width:100%;}
.conDB{ border:0.02rem solid #FFF; border-radius:0.1rem; margin-bottom:0.1rem; background: linear-gradient(to bottom,#e6eaf7,#FFF 32%); }

.conDH{position: relative; z-index:1; width:100%; padding:0.17rem 6% 0.15rem; color:#000;}
.conDH:before,.conDH:after{display:block;content:'';position: absolute; z-index:-1;}
.conDH:before{ background:#c9d0e4;height:0.04rem; width:96%; border-bottom-left-radius:0.07rem; border-bottom-right-radius:0.07rem;top:0;left:50%;transform:translate(-50%,0);}
.conDH:after{background-repeat: no-repeat; background-image: url("../images/picV2/conB01.png"); background-position:top center;background-size:100%;width:0.9rem; height:0.8rem;top:0.04rem;right:3%;}
.conDHs{height:0.25rem;align-items:baseline;}
.conDHs h3{ line-height:0.22rem; font-size:0.15rem; font-weight:700; margin-right:0.05rem;}
.conDHs p{ line-height:0.18rem; font-size:0.12rem;}
.conDHn{ margin-top:0.03rem;}
.conDHp{height:0.2rem;}
.conDHp p{ font-size:0.115rem; line-height:0.18rem;}
.conDHz{right:9%;top:50%;transform: translate(0,-50%); width:0.54rem; position: absolute;}
.conDHz img{width:100%; display: block;}
.conDN{position: relative; z-index:1; width:100%; padding:0.15rem 6%; padding-right:2.5%; color:#919191;border-top:0.01rem dashed #f0f0f0}
.conDN:before,.conDN:after{display:block;content:'';position: absolute; background:#f8f8f9;width:0.1rem; height:0.1rem; border-radius:50%;top:-0.05rem;}
.conDN:before{left:-0.05rem;}
.conDN:after{right:-0.05rem;}
.conDNH{height:0.22rem; color:#000;}
.conDNH img{width:0.16rem; display: block; margin-right:0.05rem;}
.conDNH p{ font-size:0.13rem; line-height:0.2rem;}

.conDNE{margin-top:0.06rem;align-items:flex-end;}
.conDNP{ color:#919191; font-size:0.11rem; line-height:0.25rem; width:100%; flex:1}
.conDNP p{}
.conDNPa{color:#596a96;text-decoration: underline; display: block;}
.conDNB{ padding:0.1rem 0 0;}
.conDNBa{ padding:0 0.06rem; line-height:0.22rem;height:0.22rem; border-radius:0.03rem; color:#FFF;margin-left:0.04rem;}
.conDNBa:first-child{margin-left:0;}
.conDNBa img{width:0.12rem; display: block; margin-right:0.03rem;}
.conDNBa p{ font-size:0.1rem; line-height:0.18rem;}
.conDNB1{background:#d5b872}
.conDNB2{background:#596a96;}
.conDF{padding:0 2.5%;border-top:0.01rem dashed #f0f0f0; height:0.34rem;}
.conDF span{ color:#ccc; display: block; font-size:0.11rem;}
.conDFa{height:0.2rem; color:#919191;}
.conDFa img{width:0.16rem; display: block;}
.conDFa p{ font-size:0.11rem;}
.aOwnCss{text-decoration:none;}
/*******************资料修改*********************/
.hd_left {
    width: 11%;
}
.hd_left img{width:0.06rem;}
.modTit{position:relative; color:#000; z-index:1; padding-top:0.4rem; padding-bottom:0.3rem;}
.modTit:before{display:block;content:'';position: absolute;top:0; left:0; width:100%; height:100%; background-image: url("../images/picV2/modban.jpg"); background-position: top center; background-repeat: no-repeat; background-size:100%;}
.modTita{position:relative;width:46%; text-align: center; color:#686868; font-size:0.14rem; line-height:0.26rem; padding-bottom:0.06rem;}
.modTita:before{display:block;content:'';position: absolute;transition:0.5s;left:50%;bottom:0;transform: translate(-50%,0); background:#6972ac;width:0; height:0.03rem; border-radius:0.02rem;}
.modTit .on{ color:#000; font-weight:700;}
.modTit .on:before{transition:0.5s; width:0.3rem;}
/*******************订单支付*********************/
.colhdC{ width:78%; text-align: center; line-height:0.2rem; font-size:0.14rem;}
.payHd{ padding:0.24rem 4% 0.2rem;}
.payHdM{height:0.34rem; color:#000; font-weight:700;align-items:baseline; font-size:0.16rem;}
.payHdM span{ font-weight:700; font-size:0.26rem;}
.payHdp{ color:#919191; font-size:0.115rem; text-align: center; line-height:0.2rem; width:100%;}
.payCK{width:100%; padding:0 4% 0.2rem;}
.payCT{ font-size:0.13rem; line-height:0.3rem; color:#000; margin-bottom:0.04rem;}
.payCN{ background:#FFF; border-radius:0.08rem; padding:0 4%;}
.payCH{width:100%; height:0.44rem;border-bottom:1px solid #ececed;}
.payCH:last-child{border-bottom:none;}
.payCH img{width:0.18rem; display: block;}
.payCH p{color:#808080; margin-left:0.07rem;font-size:0.12rem; width:100%; flex:1}

.payCH input[type="radio"]{-webkit-appearance:none;width:0.15rem;height:0.15rem;vertical-align:middle;display:block;outline:none; background-position: center; background-repeat: no-repeat; background-size:100%; background-color:#f8f8f9;border:0.01rem solid #ddd; border-radius:50%; position: relative;}
.payCH input[type="radio"]:checked{border:0.01rem solid #596a96; background-color:#596a96;}
.payCH input[type="radio"]:checked:before{display:block;content:'';position: absolute;background-image: url("../images/picV2/checked.png"); background-position:center; background-repeat: no-repeat; background-size:100%;height:100%; width:0.16rem;top:0; left:0.01rem;}

/***************转介绍费申请*****************/
.SupDI13{ background-position:-0.16rem -0.96rem;}
/**************开票申请********************/
.SupDI14{ background-position:-0.16rem -1.12rem;}
.SupDI15{ background-position:-0.16rem -1.28rem;}
.SupDI16{ background-position:-0.32rem -0.96rem;}
.SupDI17{ background-position:-0.32rem -1.12rem;}
.SupDI18{ background-position:-0.16rem -0.15rem;}
.SupDI19{ background-position:-0.16rem -0.48rem;}
.SupDI20{ background-position:-0.16rem -0.65rem;}
.SupDI21{ background-position:-0.16rem -0.65rem;}
.SupDI22{ background-position:-0.32rem -0.65rem;}
.SupDI23{ background-position:-0.16rem -0.3rem;}
.SupDI24{ background-position:-0.16rem -0.95rem;}

img[src=''],img[src=' '],img:not([src]){ opacity: 0;}
.InfIn{width:100%;height:100%;opacity:0;position:absolute;top:0px;left:0px;z-index:100}
.colPic{width:100%;padding-left:0.22rem}
.colimg{width:31%; height:0.76rem; border:0.01rem solid #dcdcdc; border-radius:0.04rem; overflow: hidden; position: relative;}
.colimg img{width:100%; height:100%;top:0;left: 0; position: absolute;z-index:2;}
.colimgI{width:100%; height:100%;top:0; z-index:1;align-content:center}
.colimgI p{ font-size:0.11rem; text-align: center; color:#ddd;width:100%;}
.colimgI i {height:0.18rem;width:0.18rem; margin:0 auto 0.07rem;display: block;background-image: url("../images/picV2/jiahao.png");background-position:center;background-size:100%;background-repeat: no-repeat;}

/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

left:0;top:50%;transform: translate(0,-50%);

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/