.assist {
.compare {
display: table;
table-layout: fixed;
width: 100vw;
background-color: #fff;
.left {
display: table-cell;
/* prettier-ignore */
width: 90PX;
/* prettier-ignore */
height: 100PX;
vertical-align: middle;
box-sizing: border-box;
border-right: 1px solid #eaedf0;
.item {
color: #333;
/* prettier-ignore */
font-size: 12PX;
font-weight: 400;
text-align: center;
color: #2d313e;
.label {
color: #848792;
/* prettier-ignore */
margin-bottom: 9.5PX;
}
span {
color: #ff6400;
}
.label2 {
/* prettier-ignore */
margin-top: 2.5PX;
}
&::v-deep .van-switch {
/* prettier-ignore */
width: 52PX;
/* prettier-ignore */
height: 34PX;
box-sizing: border-box;
/* prettier-ignore */
border: 0.5PX solid #eee;
}
&::v-deep .van-switch__node {
/* prettier-ignore */
width: 28PX;
/* prettier-ignore */
height: 28PX;
top: 50%;
/* prettier-ignore */
left: 1.5PX;
transform: translate(0, -50%);
}
&::v-deep .van-switch--on {
background-color: #ff6400;
}
&::v-deep .van-switch--on .van-switch__node {
top: 50%;
/* prettier-ignore */
left: 1.5PX;
/* prettier-ignore */
transform: translate(19.5PX, -50%);
}
}
}
.main {
position: relative;
display: table-cell;
vertical-align: top;
overflow: hidden;
.slide {
position: relative;
font-size: 0;
display: inline-block;
white-space: nowrap;
vertical-align: top;
overflow: hidden;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
.item {
position: relative;
display: inline-block;
/* prettier-ignore */
width: 125PX;
/* prettier-ignore */
height: 100PX;
box-sizing: border-box;
background: #ffffff;
border-right: 1px solid #eaedf0;
box-sizing: border-box;
/* prettier-ignore */
padding: 16PX 9PX 0;
p {
position: absolute;
/* prettier-ignore */
top: 16.5PX;
/* prettier-ignore */
left: 9PX;
/* prettier-ignore */
right: 9PX;
/* prettier-ignore */
height: 41.5PX;
box-sizing: border-box;
overflow: hidden;
/* prettier-ignore */
font-size: 12PX;
/* prettier-ignore */
line-height: 14.5PX;
font-weight: 500;
color: #2d313e;
display: -webkit-box;
white-space: normal;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.arrow-wrapper {
position: absolute;
left: 50%;
bottom: 8px;
transform: translate(-50%, 0);
/* prettier-ignore */
width: 61PX;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
img {
/* prettier-ignore */
width: 24PX;
/* prettier-ignore */
height: 24PX;
}
}
.ding {
position: absolute;
left: 0;
top: 0;
/* prettier-ignore */
padding: 4PX;
font-size: 20px;
font-weight: 500;
color: #2d313e;
background: #f7f8fb;
/* prettier-ignore */
border-radius: 0px 0px 2PX 0px;
display: flex;
align-items: center;
justify-content: center;
}
.hadding {
color: #ff6400;
background: #ffefe5;
}
.dingIcon {
/* prettier-ignore */
width: 12PX;
height: 12px;
display: block;
/* prettier-ignore */
margin-right: 2PX;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: imgUrl("noding.png");
}
.haddingIcon {
background-image: imgUrl("hadding.png");
}
.close {
display: block;
/* prettier-ignore */
width: 20PX;
/* prettier-ignore */
height: 20PX;
position: absolute;
top: 0;
right: 0;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: imgUrl("deleteop.png");
}
}
}
}
}
.base-title {
padding-left: 32px;
width: 100vw;
height: 80px;
display: flex;
align-items: center;
font-size: 28px;
font-weight: 500;
color: #2d313e;
box-sizing: border-box;
position: relative;
/* prettier-ignore */
border-bottom: 0.5PX solid #eaedf0;
background: linear-gradient(90deg, #f7f8fb, #ffffff);
img {
width: 12px;
height: 8px;
margin-left: 10px;
}
.downlistpup {
position: absolute;
width: 100vw;
height: 100px;
left: 0;
bottom: -100px;
z-index: 99;
background-color: #fff;
}
}
}
.detail {
display: table;
table-layout: fixed;
width: 100%;
.left {
position: relative;
display: table-cell;
/* prettier-ignore */
width: 90PX;
/* prettier-ignore */
min-height: 80PX;
background-color: #fff;
.group {
width: inherit;
box-sizing: border-box;
.item1 {
position: relative;
// max-height: 182px;
display: table;
box-sizing: border-box;
/* prettier-ignore */
border-bottom: 0.5PX solid #eaedf0;
&:last-child{
border-bottom: none;
}
&:only-child{
border-bottom: none;
}
.inner1 {
display: table-cell;
/* prettier-ignore */
font-size: 12PX;
/* prettier-ignore */
min-width: 90PX;
/* prettier-ignore */
max-width: 90px;
/* prettier-ignore */
line-height: 16PX;
/* prettier-ignore */
padding: 0 8PX 0 8PX;
vertical-align: middle;
color: #2d313e;
text-align: center;
box-sizing: border-box;
/* prettier-ignore */
border-right: 0.5PX solid #eaedf0;
.btnDijia2 {
/* prettier-ignore */
width: 109PX;
/* prettier-ignore */
font-size: 12PX;
/* prettier-ignore */
margin-top: 5PX;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: center;
color: #ff6400;
/* prettier-ignore */
height: 24PX;
/* prettier-ignore */
line-height: 24PX;
/* prettier-ignore */
border: 1PX solid #ff6400;
/* prettier-ignore */
border-radius: 2PX;
visibility: hidden;
}
}
}
.nonttm{
border-bottom: none;
}
&:last-child{
/* prettier-ignore */
border-bottom: 0.5PX solid #eaedf0;
}
}
.category {
position: relative;
box-sizing: border-box;
width: 100vw;
/* prettier-ignore */
height: 32PX;
z-index: auto;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
/* prettier-ignore */
border-top: 0.5PX solid #eaedf0;
/* prettier-ignore */
border-bottom: 0.5PX solid #eaedf0;
/* prettier-ignore */
border-right: 0.5PX solid #f7f8fb;
.biaoshi {
/* prettier-ignore */
width: 160PX;
color: #2d313e;
/* prettier-ignore */
height: 32PX;
/* prettier-ignore */
font-size: 12PX;
display: flex;
align-items: center;
justify-content: flex-end;
i {
/* prettier-ignore */
margin-right: 12PX;
}
}
.caption {
position: relative;
/* prettier-ignore */
padding-left: 16PX;
flex: 1;
/* prettier-ignore */
height: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-start;
/* prettier-ignore */
font-size: 14PX;
font-weight: 500;
color: #2d313e;
background: linear-gradient(90deg, #f7f8fb, #ffffff);
.acrow {
/* prettier-ignore */
width: 6PX;
/* prettier-ignore */
height: 4PX;
/* prettier-ignore */
margin-left: 5PX;
}
.mask {
position: absolute;
left: 0;
/* prettier-ignore */
top: 40PX;
bottom: 0;
z-index: 8;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
}
.downlistpup {
position: absolute;
width: 100vw;
left: 0;
/* prettier-ignore */
top: 32PX;
z-index: 99;
background-color: #fff;
box-sizing: border-box;
ul {
width: 100%;
height: 100%;
/* prettier-ignore */
padding: 16PX;
display: grid;
box-sizing: border-box;
grid-template-columns: repeat(auto-fit, 218px);
/* prettier-ignore */
grid-gap: 8px 8px;
.menu-li {
width: 217px;
/* prettier-ignore */
height: 36PX;
/* prettier-ignore */
line-height: 36PX;
text-align: center;
background: #f7f8fb;
/* prettier-ignore */
border-radius: 2PX;
/* prettier-ignore */
font-size: 12PX;
font-family: PingFangSC, PingFangSC-Regular;
font-weight: 400;
color: #2d313e;
}
.activeMenu {
color: #ff6400;
background: #ffefe5;
}
}
}
}
}
}
&::v-deep .van-radio__label {
/* prettier-ignore */
margin-left: 2.5PX;
/* prettier-ignore */
line-height: 16PX;
}
.clgh {
display: flex;
align-items: center;
justify-content: center;
.cent-icon {
/* prettier-ignore */
margin-left: 1.5PX;
/* prettier-ignore */
width: 10PX;
/* prettier-ignore */
height: 10PX;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: imgUrl("yiwen.png");
}
}
.main {
position: relative;
display: table-cell;
vertical-align: top;
overflow: hidden;
font-size: 0;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
.group {
/* prettier-ignore */
margin-top: 32PX;
box-sizing: border-box;
}
.item {
width: 100%;
display: table;
font-weight: 400;
/* prettier-ignore */
min-height: 40PX;
color: #2d313e;
background: #fff7f2;
box-sizing: border-box;
/* prettier-ignore */
border-bottom: 0.5PX solid #eaedf0;
&:last-child{
border-bottom: none;
}
.inner {
position: relative;
display: table-cell;
box-sizing: border-box;
/* prettier-ignore */
min-width: 125PX;
/* prettier-ignore */
max-width: 125PX;
/* prettier-ignore */
height: 25PX;
/* prettier-ignore */
min-height: 40PX;
/* prettier-ignore */
line-height: 16PX;
/* prettier-ignore */
padding: 0 8PX 0 8PX;
/* prettier-ignore */
font-size: 12PX;
text-align: left;
vertical-align: middle;
/* prettier-ignore */
border-right: 0.5PX solid #eaedf0;
span {
display: inline-table;
/* prettier-ignore */
width: 18PX;
/* prettier-ignore */
height: 18PX;
/* prettier-ignore */
margin: 0 1.5PX;
/* prettier-ignore */
border: 0.5PX solid #eee;
}
.btnDijia {
/* prettier-ignore */
width: 109PX;
/* prettier-ignore */
font-size: 12PX;
/* prettier-ignore */
margin-top: 5PX;
font-family: PingFangSC, PingFangSC-Medium;
font-weight: 500;
text-align: center;
color: #ff6400;
/* prettier-ignore */
height: 24PX;
/* prettier-ignore */
line-height: 24PX;
box-sizing: border-box;
/* prettier-ignore */
border: 1PX solid #ff6400;
/* prettier-ignore */
border-radius: 2PX;
}
}
.clor {
color: #ff6400;
font-weight: 500;
}
}
.bg {
background: #fff;
}
.nonttm{
border-bottom: none;
}
.slide {
position: relative;
top: 0;
left: 0;
display: inline-block;
overflow: hidden;
/* prettier-ignore */
margin-bottom: 15PX;
/* prettier-ignore */
border-bottom: 0.5PX solid #eaedf0;
}
}
}
