/* new v2 css  */
.dl-animation-row-scroll {
  overflow: hidden;
  white-space: nowrap;
  animation: dl-animation-row-scroll 6s linear infinite;
}

@keyframes dl-animation-row-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.dl-silder-bar::-webkit-scrollbar {
    /* width: 10px; */
    height: 5px;
    background-color: #F5F5F5;
    box-sizing: border-box;
}
.dl-silder-bar::-webkit-scrollbar-thumb {
    border-radius: 100px;
    width: 5px;
    -webkit-box-shadow: inset 0 0 6px var(--v2-button-background-color);
    background-color: var(--v2-button-background-color);
}
.primary-btn-v2, .primary-btn-v2:hover {
    background-color: var(--v2-active-color)!important;
    border: 0!important;
    color: #fff!important;
}


.body-v2 {
    background-color: #f0f2f6;
}
.sp-form .el-form-item__label {
    font-family: "PingFang SC-Medium", Helvetica;
    /* font-weight: 500; */
    color: #333333;
    font-size: 1.6rem;
}
.sp-form.weight-label .el-form-item__label {
    font-weight: 700;
}

.sp-form .el-radio {
    margin-right: 10px;
    height: 32px;
    padding: 8px 20px 0 10px;
}
.sp-form .el-radio__input {
    display: none;
}
.sp-form .el-radio.no-border {
    background-color: #eef0f4;
    /* border-radius: 4px;
    box-sizing: border-box;
    padding: 0 15px 0 9px; */

    padding: 8px 10px 0 0px;
    border-radius: 4px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-form .el-radio.no-border.is-checked, .sp-form .el-radio.is-bordered.is-checked {
    background-color: var(--v2-button-shadow-color);
    border-radius: 4px;
    color: var(--v2-active-color);
    border: 1px solid var(--v2-active-color);
    border-color: var(--v2-active-color);
    /* overflow: hidden; */
}
.sp-form .el-radio__input.is-checked+.el-radio__label {
    color: var(--v2-active-color);
}

.sp-form .spec-radio1 {
    height: auto;
    padding: 0 1.4rem 1.2rem 1rem!important;
    width: 24%;
    margin: 0 1% 1% 0;
    min-width: 153px;
}
.sp-form .spec-radio1 .flex .name {
    font-size: 1.4rem;
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    letter-spacing: 0;
    line-height: normal;
    max-width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/* .sp-form .spec-radio1:hover .flex .name {
  overflow: hidden;
  white-space: nowrap;
  animation: dl-animation-row-scroll 6s linear infinite;
} */
.sp-form .spec-radio1 .flex .name > .s {
    padding-right: 1.5rem;
}
.sp-form .spec-radio1 .flex p {
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: normal;
}
.sp-form .spec-radio1 .flex > p {
    position: absolute;
    z-index: 1;
    background: #fff;
    right: 0;
}

.sp-form .spec-radio1.is-checked .flex > p {
    background-color: var(--v2-button-shadow-color);
}


.sp-form .spec-radio1 .flex p > span {
    color: #333333;
}
.sp-form .spec-radio1 .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.sp-form .spec-radio1 .info .i1 {
    background-color: var(--v2-button-background-color);
    border-radius: 4px;
    line-height: 2.2rem;
    padding: 0 0.8rem;
    margin: 0;
}
.sp-form .spec-radio1 .info .i1 .words {
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-weight: 400;
    color: #4664f6;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.sp-form .spec-radio1 .info > .p {
    z-index: 1;
    /* background: #fff; */

    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-weight: 400;
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.sp-form .flex-no-wrap .el-form-item__content > .el-radio-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* flex-wrap: nowrap; */
    /* overflow-x: scroll; */

    

}

.sp-form .dev-detail {
    background-color: #fafbfd;
    border: 1px solid #ececec;
    padding: 1rem;
}
.sp-form .dev-detail span {
    color: #333;
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
}
.sp-form .dev-detail span.title {
    color: #999;
    margin-left: 2rem;
}

.sp-form .spec-tabs1 {
    width: 100%;
}
.sp-form .spec-tabs1 .el-tabs__header {
    top: -5px;
}
.sp-form .spec-tabs1 .el-tabs__item.is-active {
    color: var(--v2-active-color);
}
.sp-form .spec-tabs1 .el-tabs__active-bar {
    /* background-color: var(--v2-active-color); */
    display: none;
}
.sp-form .spec-tabs1 .el-tabs__item:hover {
    color: var(--v2-active-color);
    cursor: pointer;
}
.sp-form .spec-tabs1 .el-tabs__content {
    position: relative;
    /* overflow-x: scroll; */
}

.sp-form .mirrors {
    flex-direction: row;
    flex-wrap: nowrap;
}

.sp-form .mirrors .mirror-line {
    /* flex-direction: column; */
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 637px;
}

.sp-form .spec-radio2 {
    height: auto;
    padding: 0 1rem 0.5rem !important;
    height: 120px;
    /* width: 320px; */
    width: 49%;
    margin: 0 1% 1% 0;
    min-width: 312px;
    /* float: left; */
    position: relative;
    overflow: hidden;
}

.sp-form .spec-radio2:last-child {
    margin-right: 1%;
}

.sp-form .spec-radio2 .t1 {
    flex-direction: row;
    justify-content: flex-start;
}
.sp-form .spec-radio2 .t1 > .iconfont {
    font-size: 2.5rem;
    margin-right: 1rem;
    top: -4px;
    position: relative;
}

.sp-form .spec-radio2 .t2 {
    flex-direction: column;
    align-items: flex-start;
}

.sp-form .spec-radio2 .t2 > .name {
    color: #333;
    font-family: "PingFang SC-Medium", Helvetica;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    margin: 0;
}
.sp-form .spec-radio2 .t2 > .desc {
    color: #666;
    font-family: "PingFang SC-Medium", Helvetica;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    margin: 5px 0;
}
.sp-form .spec-radio2 .tags {
    /* flex-wrap: wrap; */
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    overflow: hidden;
    flex-wrap: nowrap;
    min-height: 3.2rem;
}
.sp-form .spec-radio2 .tags .info {
    display: flex;
    margin-right: 1rem;
}
.sp-form .spec-radio2 .tags .info .i1 {
    background-color: var(--v2-button-background-color);
    border-radius: 4px;
    line-height: 2.2rem;
    padding: 0 0.8rem;
}
.sp-form .spec-radio2 .tags .info .i1 .words {
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-weight: 400;
    color: #4664f6;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}
.sp-form .spec-radio2 .ver, .sp-form .spec-radio2 .ver span {
    font-size: 1.2rem;
    font-weight: 900;
}


.sp-card .card-header {
    display: flex;
    box-sizing: border-box;
    position: relative;
    align-items: center;
    font-size: 1.6rem;
}
.sp-card .card-header::before {
    content: '';
    display: inline-block;
    background-color: var(--v2-active-color);
    width: 3px;
    height: 1.4rem;
    border-radius: 4px;
}
.sp-card .card-header .name {
    text-align: left;
    width: auto;
    margin-left: 0.5rem;
}
.sp-card .card-header .other {
    position: absolute;
    right: 0;
    font-size: 1.4rem;
    color: #666;
}

.sp-card .detail1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    border: solid 1px var(--v2-border-color);
    border-radius: 4px;
    max-width: 347px;
    margin: 0 10px 10px 0;
    float: left;
}
.sp-card .detail1 img {
    max-width: 345px;
    height: auto;
    object-fit: contain;
}
.sp-card .detail1 .info {
    padding: 0.5rem 1rem;
    position: relative;
}
.sp-card .detail1 .tips {
    background-color: var(--v2-active-color);
    color: #fff;
    padding: 5px 1rem;
    font-size: 1.2rem;
    position: absolute;
    display: none;
    border-radius: 14px;
    top: -3.5rem;
    right: 1rem;
}
.sp-card .detail1:hover .tips {
    display: inline;
}
.sp-card .detail1 .info .title {
    font-size: 1.4rem;
    font-family: "Source Han Sans CN-Regular", Helvetica;
    color: #333;
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
}
.sp-card .detail1 .info .desc {
    font-size: 1.4rem;
    font-family: "Source Han Sans CN-Regular", Helvetica;
    color: #666;
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
}
.sp-card .detail1 .info .intro {
    font-size: 1.2rem;
    flex-direction: row;
    justify-self: flex-start;
    color: #666;
    align-items: center;
    margin-top: 5px;
}
.sp-card .detail1 .info .intro .text {
    margin-left: 5px;
}

.sp-card .detail2 {
    /* width: 412px; */
    /* height: 317px; */
    width: 49%;
    /* height: ; */
    aspect-ratio: 412 / 317;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin: 0 1% 1% 0;;
    background-size: cover;
}

.sp-card .detail2 .information {
    line-height: 1.6rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%);
    color: #fff;
    font-size: 1.6rem;
    padding: 5%;
    max-height: 60%;
}
.sp-card .detail2 .information .title, .sp-card .detail2 .information .desc {
    margin-bottom: 1rem;
}

.sp-card .detail2 .shadow {
    /* display: none; */
    /* border: solid 1px red; */
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgba(44, 45, 47, 0.9);
    z-index: 999;
    position: absolute;
    padding: 8%;
    font-size: 1.4rem;

    transform: translateY(100%);
    transition: transform 0.35s ease;
}
.sp-card .detail2 .shadow .flex:nth-child(0) {
    height: 25%;
    flex-direction: row;
    justify-content: space-between;
}
.sp-card .detail2 .shadow .flex .user {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.sp-card .detail2 .shadow .flex .user > .iconfont {
    margin-right: 1rem;
    font-size: 3rem;
}
.sp-card .detail2 .shadow .flex .collect {

}
.sp-card .detail2 .shadow .flex .collect > .iconfont {
    font-size: 2.4rem;
    top: 5px;
    position: relative;
}

.sp-card .detail2 .shadow .desc {
    max-height: 50%;
    overflow: hidden;
    margin-top: 8%;
}
.sp-card .detail2 .shadow .btm {
    /* margin-top: 1rem; */
    position: absolute;
    left: 0;;
    bottom: 10%;
    width: 100%;
}
.sp-card .detail2 .shadow .btm > .el-button {
    margin: 0 auto;
    display: block;
    width: 60%;
    background: linear-gradient(to right, rgba(150,199,255,1.00), rgba(139,135,255,1.00));
    border: none;
    color: #fff;
    border-radius: 2px;
}
.sp-card .detail2:hover .shadow {
    /* display: block; */
    transform: translateY(0);
}

.sp-form .spec-radio3 {
    padding: 1rem 1.5rem;
    position: relative;
    /* top: -0.2rem; */
    height: inherit;
}
.sp-form .spec-radio3 .el-radio__label, .sp-form .spec-radio4 .el-radio__label {
    padding: 0;
}
/* .sp-form .spec-radio4 {
    height: auto;
    padding: 1.2rem 1.4rem 1.2rem 1rem !important;
    background-color: #fff;
} */
.sp-form .spec-radio4 {
    height: auto;
    padding: 1.8rem 1.4rem 1.8rem 1rem!important;
    background-color: #fff;
    margin: 0 1% 1% 0;
}
.sp-form .spec-radio4 .flex .name {
    font-size: 1.4rem;
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-weight: 400;
    color: #333333;
    letter-spacing: 0;
    line-height: normal;
    padding: 0;
    margin: 0;
}

.sp-form .spec-radio4 .flex p {
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 1.2rem;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
}
.sp-form .spec-radio4 .flex p > span {
    color: #333333;
}
.sp-form .spec-radio4 .info {
    display: flex
}
.sp-form .spec-radio4 .info .i1 {
    background-color: var(--v2-button-background-color);
    border-radius: 4px;
    line-height: 2.2rem;
    padding: 0 0.8rem;
}
.sp-form .spec-radio4 .info .i1 .words {
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-weight: 400;
    color: #4664f6;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.sp-form .el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 0;
    overflow: hidden;
}
.sp-form .el-radio-button__inner, .el-radio-group {
    display: flex;
}

.sp-form .special-height1 {
    max-height: 280px;
    overflow-y: scroll;
}
.sp-form .radio-checker::before {
    display: none;
    font-family: "iconfont" !important;
    font-size: 1.2rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 0;
    bottom: 1px;
    z-index: 2;
    color: #fff;
    content: "\e659";
}
.sp-form .radio-checker::after {
    display: none;
    content: "";
    position: absolute;
    border-top: 10px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid var(--v2-active-border-color);
    border-bottom: 10px solid var(--v2-active-border-color);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.sp-form .radio-checker.is-checked::before, .sp-form .radio-checker.is-checked::after {
    display: block;
}

.devices-body .settlement {
    background-color: #fff;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 2000;
}

.devices-body .settlement .shadow {
    font-size: 1.6rem;;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.devices-body .settlement .shadow .total_price {
    color: red;
    white-space: nowrap;
    font-size: 3rem;
}
.devices-body .settlement .shadow .total_price.s1 {
    font-size: 2.3rem;
}
.devices-body .settlement .shadow .total_price.s2 {
    font-size: 1.6rem;
}
.devices-body .settlement .shadow .bill,  .mirror-detail .sp-form .form-item1 .info .charge {
    color: var(--v2-active-color);
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    background-color: var(--v2-button-background-color);
    padding: 0 0.8rem;
    border-radius: 4px;
    line-height: 2.5rem;
    white-space: nowrap;
    /* overflow: hidden; */
}
.settlement .showcase {
    justify-content: flex-end;
    align-items: center;
}
.settlement .showcase .el-form-item__label {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
}
.settlement .showcase .el-form-item__content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.settlement .showcase .create-order {
    padding: 0 3rem;
    height: 3rem;
    margin-left: 1.5rem;
}


.body-jb-bg {
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(232, 236, 255, 1) 100%);
    background-color: transparent;
    height: 210px;
    z-index: -1;
    position: absolute;
}
.mirror-body {
    flex-direction: row;
    align-items: flex-start!important;
    justify-content: flex-start!important;
}
.mirror-body .mirror-silder {
    flex-direction: column;
    align-items: flex-end;
}
.mirror-body .mirror-silder > .btn {
    border-radius: 20px;
    box-shadow: none;
    padding: 8px 14px;
    margin: 0 0 10px 0;
    background: none;
    border: 0;
}
.mirror-body .mirror-silder .active {
    color: var(--v2-active-color);
    background-color: var(--v2-button-background-color);
}
.mirror-body .mirrors {
    display: flex;
    flex-wrap: wrap;
}
.mirror-body .mirrors .detail2 {
    width: 24%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-no-background {
    background: none;
    box-shadow: none !important;
    border: 0 !important;
}
.mirror-contents {
    background: none !important;
}
.mirror-contents .el-card__body {
    padding-top: 0;
}

.mirror-contents .img-carousel {
    max-height: 155px;
}
.mirror-contents .img-carousel .el-carousel__container {
    /* max-width: 721px; */
    width: 100%;
    height: 155px;
    overflow: hidden;
}
.mirror-contents .img-carousel .el-carousel__container img {
    /* max-width: 721px; */
    width: 100%;
    height: auto;
    object-fit: contain;
}

.mirror-contents .img-carousel .el-carousel__arrow {
    display: none;
}
.mirror-contents .mirror-search .el-input__inner {
    height: 46px;
    line-height: 46px;
    border-radius: 60px 0 0 60px;
}
.mirror-contents .mirror-search .el-input__wrapper {
    border-radius: 100px 0 0 100px;
}
.mirror-contents .mirror-search .el-input__wrapper.is-focus {
    box-shadow: none;
}
.mirror-contents .mirror-search .el-input__wrapper .el-input__inner {
    padding: 2rem 1rem;
}
.mirror-contents .mirror-search .el-input-group__append {
    border-radius: 100px;
    position: relative;
    right: 18px;
    padding: 0 4rem;
    background: var(--v2-active-color);
    color: #fff;
    border: solid 1px var(--v2-active-color);
}

.hot-tag {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.hot-tag .tags {
    width: calc(100% - 72px);
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    /* overflow-x: scroll; */
    padding-bottom: 4px;
    /* top: 6px; */
}
.hot-tag .tags .t1 {
    background-color: var(--v2-button-background-color);
    color: var(--v2-active-color);
    border: 0;
    margin: 0 1rem 0 0;
    padding: 14px 26px;
    border-radius: 4px;
}

.mirror-detail h3 {
    font-size: 2.2rem;
    font-family: "Source Han Sans CN-Medium", Helvetica;
    font-style: normal;
    font-weight: 500;
}
.mirror-detail .info {
    color: #9a9a9a;
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    padding: 2rem 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.mirror-detail .info-bline {
    border-bottom: solid 1px #CBCBCB;
}
.mirror-detail .info > .i {
    margin-right: 10px;
    display: inline-block;
}
.mirror-detail .desc {
    color: #333;
    font-family: "Source Han Sans CN-Regular", Helvetica;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
}
.mirror-detail .intro {
    font-size: 2rem;
    display: flex;
    padding: 1.5rem 0 1rem;
    border-bottom: solid 1px #cbcbcb;
    margin-bottom: 1rem;
}
.mirror-detail .content {
    min-height: 592px;
    height: calc(80vh - 273px);
    overflow-y: scroll;
}
.mirror-detail .content, .mirror-detail .content p {
    font-size: 1.4rem;
}



.mirror-detail .btns {
    flex-direction: row;
    justify-content: flex-end;
}

.mirror-detail .btns > button {
    padding: 0.8rem 1.5rem;
    width: 123px;
}

.mirror-detail .btns > button .iconfont {
    margin-right: 0.5rem;
}

.mirror-detail .sp-form {
    width: 100%;
    padding: 2rem 2rem 1rem 2rem;
    margin-top: 2rem;
    font-size: 1.4rem;
}

.mirror-detail .sp-form .form-item1 {
    width: 100%;
    margin: 1rem 0;
}
.mirror-detail .sp-form .form-item1 .label {
    font-family: "PingFang SC-Medium", Helvetica;
    color: #666;
    font-size: 1.4rem;
    padding: 0!important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.mirror-detail .sp-form .form-item1 .info {
    font-family: "PingFang SC-Medium", Helvetica;
    color: #666;
    font-size: 1.4rem;
    padding: 0!important;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    line-height: 1.5rem;
}
.mirror-detail .sp-form .settlement {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.mirror-detail .sp-form .settlement .p {

}
.mirror-detail .sp-form .settlement .primary-btn-v2 {
    padding: 1.6rem 4rem;
}

.radio-groups1 .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: var(--v2-active-color);
    border-color: var(--v2-active-color);;
}
.mirror-body .radio-groups1 {
    display: flex;
    flex-wrap: nowrap;
}
.mirror-body .radio-groups1 > label .el-checkbox-button__inner {
    padding: 13px 16px;
}


/* .sp-form components */
.ver-detail {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 2rem;
    margin: 0.5rem 0;
}
.ver-detail > span {
    color: #333;
    font-family: "PingFang SC-Regular", Helvetica;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem;
}

.ver-detail > span.ver-detail-desc {
    font-size: 1.2rem;
    color: #999;
}
.ver-detail:hover {
    background-color: var(--v2-button-shadow-color);
}
.ver-detail:hover span.ver-detail-title {
    color: var(--v2-active-color);
}

.dev-image {
    width: 100%;
    margin-bottom: 10px;
}
.dev-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.dl-dialog1 {
    max-height: 80%;
    overflow: hidden;
    overflow-y: scroll;
}
.dl-dialog1 .el-dialog__body {
    padding: 0 20px 30px 20px;
}

/*  */
.components-device-setting .w50 > dl {
    width: 25%;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    min-width: 202px;
}
.components-device-setting .prices {
    flex-direction: row;
    align-items: flex-start;
    border-top: solid 1px var(--public-border);
    border-bottom: solid 1px var(--public-border);
    margin: 1.6rem 0;
    /* padding: 1.6rem 0; */
    justify-content: center;
}
.components-device-setting .prices dt {
    font-size: 1.4rem;
    /* padding-left: 2.6rem; */
}
.components-device-setting .prices dd {
    padding: 0;
    margin: 0.8rem 0;
    /* padding-left: 3.2rem; */
}
.components-device-setting .prices dd b {
    font-size: 2.4rem;
}

.components-device-setting .prices .pline {
    padding-left: 2rem;
    border-left: solid 2px var(--public-border);
    max-width: 100%;
    width: auto;
}
.components-device-setting .dev-infomation .line {
    margin-bottom: 1rem;
}
.components-device-setting .dev-infomation .line .title {
    width: 100px;
    font-family: "PingFang SC-Medium", Helvetica;
    color: #333333;
    font-size: 1.6rem;
    font-weight: 500;
}
.components-mirror-search-input {
    /* width: 80%; */
}
 .components-mirror-search-input li:nth-child(odd) {
  background-color: #f5f7fa;
}

.components-mirror-search-input li:nth-child(even) {
  background-color: #ffffff;
}
.components-mirror-search-input li:hover {
  background-color: #f5f7fa!important;
  color: var(--v2-active-color)!important;
}
.components-mirror-search-input li > .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.components-mirror-search-input .mirror-info {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}
.components-mirror-search-input .mirror-info .tip {
    width: 2rem;
    height: 2rem;
    background: rgba(60, 101, 255, 1);
    color: #fff;
    text-align: center;
    line-height: 2rem;
    border-radius: 4px;
}
.components-mirror-search-input .mirror-info h3 {
    font-size: 1.5rem;
    display: inline-block;
    margin-left: 1rem;
} 
.components-mirror-search-input .mirror-shadow {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 10px;
}
.components-mirror-search-input .mirror-shadow img {
    width: 30px;
    height: 30px;
}
.components-mirror-search-input .mirror-shadow > div {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 2rem;
    line-height: 2rem;
}
.components-tip {
    display: inline-block;
    font-size: 1.4rem;
    font-family: MiSans;
    font-weight: 400;
    color: rgba(60, 101, 255, 1);
    background: rgba(60, 101, 255, 0.2);
    border-radius: .3rem;
    padding: 0.6rem 1rem;
    margin-right: .8rem;
    line-height: 1.5rem !important;
}
.components-gpu-class {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.components-gpu-class .el-form-item__content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.components-gpu-class .el-form-item__content .el-radio-group .el-radio {
    margin-bottom: 0;
}

.components-msgbox-style1 {
    width: 720px
}

.components-card1 .el-card__body {
    display: flex;
    flex-wrap: wrap-reverse;
}

.dl-tabs1 .el-tabs__nav-wrap {
    position: relative;
    top: 45px;
}

.dl-tabs1.el-tabs--left {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.dl-tabs1.el-tabs--left .el-tabs__header.is-left {
    width: 10%;
}
.dl-tabs1.el-tabs--left .el-tabs__content {
    width: 90%;
}

.embed-chat-container {
    bottom: 120px !important;
}
.embed-toolbar {
    bottom: 10rem!important;
}