/*.zb-wrap .name{ background:url();}*/

.xs-wrap .name{ height:0.6rem; padding-left:0.3rem; display: flex; align-items: center;  justify-content: space-between; background:url(../image/line.png) 0.3rem bottom no-repeat;}
.xs-wrap .name .title{ font-size:.25rem; color:#fff; font-weight:200; }
.xs-wrap .name .txt{ font-size:.17rem; color:#fff; padding-bottom:0.2rem; padding-right:0.1rem;}
.xs-wrap .sale-container{ position:relative; width:100%; margin:0 auto auto auto; height:2.28rem; }
.xs-wrap .sale-container .sum-wrap{ width:100%; height:100%;}

.xs-wrap .sale-container .table1{ position:absolute; top:5%; right:0rem; width:15%;}
.xs-wrap .sale-container .table1 td{ font-size:14px; color:#fff; height:0.495rem;}
.xs-wrap .sale-container .table2{ position:absolute; top:8%; right:0rem; width:15%;}
.xs-wrap .sale-container .table2 td{ font-size:14px; color:#fff; height:0.52rem;}
.xs-wrap .sale-container .table3{ position:absolute; top:0.05rem; left:0.3rem; width:15%;}
.xs-wrap .sale-container .table3 td{ font-size:14px; color:#fff; height:0.7rem;}

.zb-wrap .sale-container{ height:3rem; display: flex; align-items: center;  justify-content: space-between;opacity: 0.9;}
/*.zb-wrap .sale-container .sum-wrap{ width:65%;}*/
.zb-wrap .type-wrap{width:35%; height:3rem; margin-top:0.2rem;}
.zb-wrap .type-list{ height:2.6rem; }
.zb-wrap .type-wrap .item{ position:relative; padding-left:0.5rem;  height:0.6rem; font-size:.18rem; color:#fff; font-weight:400; display: flex; align-items: center;}
.zb-wrap .type-wrap .item:before{ position:absolute; left:0.1rem; top:0.2rem; width:0.2rem; height:0.2rem;  border-radius:50%; content:"";}
.zb-wrap .type-wrap .type1:before{ background-color:#5470c6;}
.zb-wrap .type-wrap .type2:before{ background-color:#91cc75;}
.zb-wrap .type-wrap .type3:before{ background-color:#fac858;}
.zb-wrap .type-wrap .type4:before{ background-color:#ee6666;}
.zb-wrap .type-wrap .type5:before{ background-color:#73c0de;}
.zb-wrap .type-wrap .type-num{ position:relative; width:2rem; height:0.5rem;  display: flex; align-items: center; margin-bottom:0.2rem;}
.zb-wrap .type-wrap .type-num span{ width:0.49rem; height:0.4rem; line-height:0.4rem; margin:0rem 0.05rem;   background:url(../image/3icon10.png) no-repeat; background-size:100% 100%;}
.zb-wrap .type-wrap .type-num .num{ position:absolute; right:-0.09rem;  height:0.4rem; line-height:0.4rem;font-size:.3rem; color:#c7eded; font-weight:400; letter-spacing:0.22rem; vertical-align:middle;  text-align:right;}
.zb-wrap{height: calc(718px/2.7);}
.xs-wrap .sale-container{height: calc(650px/2.7);}