
html,
body,
.section-common-content {
    background: #F5F5F7;
}
html,
body:not(.body-screen){
    overflow: hidden;
}

body.body-screen {
    height: auto;
}
.mainWrap {
	width: 100%;
	height: 100%;
}
.hideCss {
	display: none;
}
.report-chatgpt-hidden{
   visibility: hidden!important;
}
.body-show-header-menu .ds-header-report{
    box-shadow: 1px 0 16px 16px rgba(0, 0, 0, 0.06);
}
.body-dark-bc.body-show-header-menu .ds-header-report{
    box-shadow: 1px 0 16px 16px rgba(0, 0, 0, 0.2);
}
.ds-header-report,.ds-header-report .ds-header-title{
    background: transparent;
    font-size: 0.16rem;
}
.body-dark-bc .ds-header-report .back-icon {
    background-image: url(../img/back-icon-white.png);
}
.ds-header-report-num {
    display: inline-block;
    visibility: hidden;
    color: #313340;
    width: 78%;
    font-weight: bold;
}

.body-show-header .ds-header-report-num {
    visibility: visible;
}
.right-btn {
    display: inline-block;
    height: 0.28rem;
    line-height: initial;
    right: 0.1rem;
}

.right-btn .right-btn-item {
    margin-left: 0.14rem;
}

.right-btn .right-btn-item:first-child {
    margin-left: 0;
}

.right-btn-item {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: no-repeat center;
    background-size: contain;
}

.right-btn-item.hide-style {
    display: none;
}
.body-screen .section-common {
    overflow-y: hidden;
}

body.body-screen {
    height: auto;
    display: block;
}

.special-family {
    font-family: "RobotoRegular";
}

.special-family-bold {
    font-family: "RobotoBold";
}
.report-common-dynamic .report-model-common>div{
    padding: 0 ;
}
.report-model-common>div{
    padding: 0 0.16rem;
}
.report-common-model-title {
    font-weight: bold;
    font-size: 0.16rem;
    padding-bottom: 0.2rem;
}
.report-common-model-title>span {
    font-size: 0.16rem;
    position: relative;
}

/*子系统*/
.report-model-system{
    background: #FFFFFF;
    border-radius: 0.12rem;
    margin-bottom: 0.16rem;
    padding:0 0.16rem 0.2rem;
}
.model-title {
    padding: 0.2rem 0 0.16rem 0;
    font-size: 0.17rem;
    position: relative;
    font-weight: 400;
    color: #12131A;
    cursor: pointer;
}
.model-title>.model-title-text{
 padding-left: 0.31rem;
 position: relative;
}
.model-title>.model-title-text::before{
    content: "";
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(./img/system/0.png) no-repeat left center;
    background-size:contain ;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.report-model {
    font-size: 0.14rem;
}
.model-content-item {
    padding-top: 0.20rem;
}
.model-content>.model-content-item.report-common-base-border {
    border-top-width: 0;
}
.model-content>.model-content-item.report-common-base-border:first-child {
    border-top-width: 1px;
 }
.report-common-model{
    padding: 0.2rem 0.16rem;
    background: #FFFFFF;
    border-radius: 0.16rem;
}
.report-model .report-img-card {
    margin-top: 0.10rem;
}
.model-content .model-content-item-title {
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 0.22rem;
    padding-bottom: 0;
}
.model-content-point>.model-point-content:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.model-detection {
    padding: 0 0.18rem 0.05rem;
}

.report-bc-model {
    padding: 0.15rem 0.16rem;
    margin-bottom: 0.16rem;
    border-radius: 0.06rem;
}

.question-question {
    line-height: 0.2rem;
    position: relative;
}

.question-options {
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 0.22rem;
}
.model-detection-serve {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}

.model-detection {
    display: flex;
    display: -webkit-flex;
}

.model-detection>p {
    width: 0.75rem;
}

.model-detection>div {
    flex: 1;
}

.model-detection-serve {
    padding-bottom: 0.15rem;
}

.more-serve:after {
    content: "";
    display: inline-block;
    width: 0.05rem;
    height: 0.09rem;
    margin-left: 0.01rem;
    background: url(../img/icon/rawBlue.png) no-repeat center;
    background-size: contain;
}

.question-question-options-resolve{
    text-decoration: line-through;
}

.tip-icon {
    height: 0.18rem;
    line-height: 0;
}

.tip-icon i {
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.tip-icon-normal .tip-icon i {
    background-image: url(./icon/normalIcon.png);
}
.tip-icon-minor .tip-icon i {
    background-image: url(./icon/minorIcon.png);
}



.tip-icon-minor .question-question-options {
    color: #C29600;
}

.tip-icon.tip-icon-minor>span {
    background: rgba(255, 198, 2, 0.2);
}

.tip-icon-warn .tip-icon i {
    background-image: url(./icon/warnIcon.png);
}

.tip-icon-warn .question-question-options {
    color: #F3850F;
}

.tip-icon.tip-icon-warn>span {
    background: rgba(243, 127, 2, 0.2);
}

.tip-icon-urgent .tip-icon i {
    background-image: url(./icon/urgentIcon.png);
}

.tip-icon-urgent .question-question-options {
    color: #F64458;
}

.tip-icon.tip-icon-urgent>span {
    background: rgba(246, 68, 88, 0.2);
}
/* 新加 */
.tip-icon-normal .question-question-options {
    color: #18BE6B;
}
.tip-icon-more{
    display: none;
    font-size: 0.12rem;
    font-weight: bold;
    padding: 0 0.06rem;
    border-radius: 0.12rem;
    color: #ffffff!important;
}
.report-common-dynamic .report-model-system  .tip-icon-more{
    display: block;
}
.report-common-dynamic .report-model-system  .tip-icon,
.report-common-dynamic .report-model-system  .question-raw{
    display: none;
}
.tip-icon-more-text{
    padding-right: 0.02rem;
}
.tip-icon-more>*{
    vertical-align: middle;
}
.tip-icon-more .tip-icon-more-point{
    display: inline-block;
    width: 0.13rem;
    height: 0.13rem;
    background:url(./img/more.png) no-repeat right center;
    background-size: contain;
}
.tip-icon-normal .tip-icon-more{
    background-color: #18BE6B;
}
.tip-icon-warn .tip-icon-more{
    background-color: #F3850F;
}
.tip-icon-urgent .tip-icon-more{
    background-color: #F64458;
}
.vs-rtl-layout .tip-icon-more-text{
    padding-right:initial;
    padding-left: 0.02rem;
}
/* 新加  end*/

.question-raw{
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    padding-left: 0.04em;
    background: url(./img/raw/0.png) no-repeat right center;
    background-size: 0.18rem;
}
.body-dark-bc  .question-raw{
    background-image: url(./img/raw-white.png);
}
.model-content-item-title .model-circle {
    margin-right: 0.1rem;
}
.swiper-wrapper-box{
    height: 2.07rem;
    width: 100%;
}
.swiper-item {
    height: 2.07rem;
    border-radius: 6px;
    margin-top: 0.2rem;
    -webkit-overflow-scrolling: touch;
}
.swiper-item  .swiper-wrapper{
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
.swiper-wrapper-hide .swiper-container{
    display: none;
}

.swiper-item img:not(.video-img) {
    width: 100%;
    margin: 0 auto;
    display: block;
    min-height: 100%;
}

.swiper-slide-content {
    height: 2.07rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform:translate3d(0,0,0);
   -webkit-overflow-scrolling: touch;
}
.swiper-slide-video:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
}

.video-img {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: url(./img/videoIcon.png) no-repeat center;
    background-size: contain;
}

.swiper-slide-normal {
    display: inline-block;
    color: #fff;
    font-size: 0.11rem;
    white-space: nowrap;
    position: absolute;
    top: 0.12rem;
    left: 0.12rem;
    background: #18BE6B;
    border-radius: 0.06rem;
    padding: 5px 8px;
    z-index: 1;
}

.swiper-item .swiper-pagination {
    width: auto;
    left: initial;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 0.12rem;
    color: #FFFFFF;
    border-radius: 0.1rem ;
    padding: 0.02rem 0.06rem;
}

/*子系统 end*/

.dialog-single {
    display: block;
    font-size: 0.14rem;
    text-align: center;
    color: #0077FF;
    padding: 0.11rem 0;
}
/* 问题修复 */
.repair-sign {
    display: inline-block;
    position: relative;
    color: #18BE6B;
}
.repair-sign-icon{
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    background: url(./img/raw/right.png) no-repeat center;
    background-size: contain;
}
.repair-sign span {
    font-size: 0.12rem;
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    padding: 0 0.06rem;
}
.model-point-content {
    position: relative;
    border-bottom: 1px solid #F7F7FA;
    padding: 0.16rem 0;
}
.body-dark-bc .model-point-content {
    border-color: rgba(224, 229, 255, 0.08);
}
.report-model .model-point-content{
    border-bottom: 0;
    padding: 0.24rem 0 0;
}
.report-model .model-content-point>.model-point-content:first-child{
    padding-top: 0;
}

.body-dark-bc .model-title,
.body-dark-bc .ds-header-report-num {
    color: #F5F7FF;
}
/* 视频播放 */
.report-model-resources-box {
    position: relative;
    border-radius: 0.06rem;
    overflow: hidden;
    height: 2rem;
}
.report-model-resources-box+.report-model-resources-box{
    margin-top: 0.1rem;
}
.report-model-resources-box::after {
    content: "";
    display: inline-block;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.report-model-resources-box img {
    width: 100%;
    display: block!important;
}

.report-model-resources-btn {
    box-sizing: border-box;
    display: inline-block;
    bottom: 0.56rem;
    color: #FFFFFF;
    padding: 0.13rem 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    background: url(./img/live.png) no-repeat left center;
    background-size: contain;
    z-index: 1;
}
.report-energy {
    padding: 0 0.16rem;
    margin-bottom: 0.16rem;
}
.energy-content {
    border-radius: 0.12rem;
    background: linear-gradient(to bottom, #73DEB4, #FFFFFF);
    width: 100%;
    min-height: 6.20rem;
    padding-bottom: 0.16rem;
}
.dark-energy {
    background: linear-gradient(to bottom, #73DEB429, #FFFFFF29);
}
.level-content {
    margin: 0.14rem 0.1rem 0 0.1rem;
    background-color: #ffffff;
    min-height: 5.6rem;
    border-radius: 0.12rem;
    position: relative;
}
.dark-energy .level-content{
    padding-bottom: 0.16rem;
}
.dark-level {
    background-color: #202128;
}
.energy-report-title {
    font-family: Ping Fang SC;
    font-weight: 500;
    font-size: 0.15rem;
    color: #FFFFFF;
    text-align: center;
    padding-top: 0.14rem;
}
.battery-well {
    padding-top: 0.2rem;
    padding-left: 0.16rem;
    font-size: 0.17rem;
    font-family: Ping Fang SC;
    color: #313340;
    font-weight: 600;
}
.dark-well {
    color: #ffffff;
}
.battery-well-title {
    font-size: 0.36rem;
    font-family: Mi Sans;
    color: #13BE85;
    font-weight: 700;
    padding-left: 0.16rem;
    padding-top: 0.08rem;
}
.battery-level-content {
    font-size: 0.12rem;
    font-family: Ping Fang SC;
    font-weight: 400;
    color: #B1B3BD;
    padding: 0 0.16rem;
    margin-top: 0.04rem;
}
.report-other-name {
    text-align: center;
}

.battery-progress {
    height: 0.22rem;
    line-height: 0.22rem;
    position: relative;
    margin-left: 0.16rem;
    box-sizing: border-box;
    margin-top: 0.2rem;
}
.battery-status {
    height: 0.28rem;
    margin-top: 0.1rem;
    position: relative;
}
.battery-status-low {
    height: 0.26rem;
    line-height: 0.26rem;
    background-color: #F5F5F7;
    color: #B1B3BD;
    font-size: 0.13rem;
    text-align: center;
    border-radius: 0.13rem;
    padding: 0 0.08rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    display: inline-block;
    white-space: nowrap;
}
.battery-status-better{
    height: 0.26rem;
    line-height: 0.26rem;
    background-color: #F5F5F7;
    color: #B1B3BD;
    font-size: 0.13rem;
    text-align: center;
    border-radius: 0.13rem;
    padding: 0 0.08rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    display: inline-block;
    white-space: nowrap;
}
.battery-status-nice {
    height: 0.26rem;
    line-height: 0.26rem;
    background-color: #F5F5F7;
    color: #B1B3BD;
    font-size: 0.13rem;
    text-align: center;
    border-radius: 0.13rem;
    padding: 0 0.08rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    display: inline-block;
    white-space: nowrap;
}
.dark-but {
    background-color: #FFFFFF0F;
    color: #FFFFFF99;
}
.nicewrap {
    background-color: #13BE85;
    color: #FFFFFF;
}
.betterwrap {
    background-color: #FF9A2E;
    color: #FFFFFF;
}
.lowwrap {
    background-color: #F64444;
    color: #FFFFFF;
}
.greenColor {
    color: #13BE85;
}
.yellowColor {
    color: #FF9A2E;
}
.redColor {
    color: #F64444;
}
.battery-progress-red {
    display: inline-block;
    width: 31%;
    height: 0.1rem;
    background-color: #F64444;
    border-top-left-radius: 0.05rem;
    border-bottom-left-radius: 0.05rem;
    position: absolute;
    left: 0;
    top: 0.06rem;
}
.battery-progress-yellow {
    display: inline-block;
    width: 31%;
    height: 0.1rem;
    background-color: #FF9A2E;
    position: absolute;
    left: 32.3%;
    top: 0.06rem;
}
.battery-progress-green {
    display: inline-block;
    width: 31%;
    height: 0.1rem;
    background-color: #13BE85;
    border-top-right-radius: 0.05rem;
    border-bottom-right-radius: 0.05rem;
    position: absolute;
    left: 64.6%;
    top: 0.06rem;
}
.battery-blackline {
    width: 0.06rem;
    height: 0.22rem;
    position: absolute;
}
.echarts-rabar {
    min-height: 2.81rem;
    margin-top: 0.18rem;
    border-top: 1px solid #F7F7FA;
    margin: 0.2rem 0.16rem 0 0.16rem;
    padding-top: 0.16rem;
    position: relative;
}
.dark-rabar {
    border-top: 1px solid #F7F7FA14;
}
.batter-rabar {
    position: absolute;
    height: 2.91rem;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
}
.report-rabarbut {
    width: 3.11rem;
    height: 0.44rem;
    border-radius: 0.12rem;
    background-color: #F5F5F7;
    bottom: 0.06rem;
    line-height: 0.44rem;
    text-align: center;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0 auto;
}
.dark-rabarbut {
    background-color: #F5F5F70F;
}
/* 视频播放 END*/
/* 过往历史 */
.past-dialog-sign .past-sign>span{
    display:inline-block;
    padding-right: 0.12rem;
    background: url(./img/jump.png) no-repeat right center;
    background-size:0.13rem;
    font-size: 0.12rem;
}
.ponit-btn.dd-footer-radius{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.2rem;
}
.ponit-btn.dd-footer-radius .dd-footer-radius-item-info>span{
    border-color: #E6E6EB;
}
.past-sign.dd-footer-radius-item-info>span{
    font-size: 0.14rem;
    font-weight: bold;
}
.past-sign.dd-footer-radius-item-info>span>span,
.question-model-three:not(.question-model-three-icon)>span>span{
    display:inline-block;
    padding-left: 0.24rem;
    margin-right: 0.04rem;
    background: url(./img/passIcon.png) no-repeat left center;
    background-size:0.2rem;
    line-height: 0.2rem;
}
.question-model-three>span{
    font-size: 0.14rem;
}
.question-model-three:not(.question-model-three-icon)>span>span{
    background-image: url(./img/model.png);
}
.question-model-three>span>span{
    display:inline-block;
    line-height: 0.2rem;
    background: url(./img/model.png) no-repeat center;
    background-size:0.2rem;
}
.past-dialog-sign{
  text-align: center;
  padding-bottom:0.36rem ;
}
.past-dialog{
    color: #313340;
}
.past-dialog-content{
    padding: 0 0.2rem;
    min-height: 2.5rem;
}
.past-dialog-title{
    font-size: 0.15rem;
    font-weight: bold;
    margin-bottom: 0.12rem;
}
.past-dialog-this{
    padding: 0.16rem;
    line-height: 0.18rem;
    background: #F7F7FA;
    border-radius: 0.1rem;
    margin-bottom: 0.24rem;
}
.past-dialog-desc{
    color: #707380;
    font-size: 0.13rem;
}
.past-dialog-desc>li{
    margin-top: 0.05rem;
}
.past-dialog-this-unicon .question-question{
    padding-right: 0;
    font-size: 0.15rem;
}
.past-dialog-this-unicon .tip-icon,
.past-dialog-this-unicon .repair-sign{
  display: none;
}
.past-dialog-old .vs_step>li{
	padding-left: 0.16rem;
	padding-bottom: 0.28rem;
}
.past-dialog-old .vs_step>li>div{
    padding-right: 0.24rem;
    background:url(../img/raw-black.png) no-repeat right center;
    background-size: 0.18rem;
}
.past-dialog-old .vs_step .dd-step-active .dd-step-content{
    color:#313340;
    font-weight: bold;
}
.past-dialog-old .vs_step  .dd-step-desc{
 font-size: 0.13rem;
 color: #B1B3BD;
 margin-top: 0;
 margin-bottom: 0.05rem;
}
.past-dialog-old .vs_step li:after{
    width:9px;
    height: 9px;
    border:2px solid #0077FF;
	background:#FFFFFF!important;
	left: -5.5px;
}
.past-dialog-old .vs_step .dd-item-right-raw:after{
	width: 0.07rem;
	height: 0.12rem;
    background-image: url(../../img/raw-r.png);
}
.past-dialog-old .vs_step li:before{
    border-left: 2px solid #E6E6EB;
}
.past-item-dialog .default-container{
    background: #F5F5F7!important;
}
.past-item-dialog .dialog-top-header-title{
    font-size: 0.18rem;
}
.past-item-dialog .dialog-top-header{
    border-bottom: 1px solid #E6E6EB;
}
.past-item-model{
    background: #FFFFFF;
    border-radius: 0.1rem;
    padding: 0.16rem;
}
.past-item-dialog .past-dialog-content{
    padding: 0.16rem 0.16rem 0;
}
.past-item-dialog .past-dialog-content>.past-item-model{
  margin-bottom: 0.16rem;
}
.past-item-dialog  .swiper-item{
    margin-top: 0;
}
.past-item-dialog .model-content-item{
  padding: 0;
  margin-bottom: 0;
  background: #FFFFFF!important;
}
.past-item-dialog .model-content-point {
    padding-top: 0;
}
.past-item-dialog .model-content-item .model-point-content{
    padding: 0.16rem 0;
    margin-bottom: 0;
    border-radius: initial;
    border-bottom: 1px solid #F7F7FA;
}
.past-item-dialog .model-content-point>.model-point-content:last-child{
    border-bottom:0;
    padding-bottom: 0.04rem;
}
.past-item-dialog .report-common-model-title{
font-size: 0.15rem;
padding-bottom: 0;
}
.past-item-dialog  .swiper-wrapper-box{
margin-top: 0.16rem;
}
/* 系统菜单 */
.report-model-common .report-menu{
  padding-right: 0  ;
  padding-left: 0  ;
  overflow-y: hidden;
  line-height: 0;
  position: relative;
}
.report-menu{
    overflow-y:hidden;
    overflow-x: auto;
    padding-bottom: 0.02rem;
    margin-bottom: -0.02rem;
    -webkit-overflow-scrolling: touch;
    position: relative;
}
.report-menu-box{
    display: none;
}
.report-header-menu-box .report-menu-box-line,
.report-menu-box.report-menu-box-has .report-menu-box-line{
    width: 100%;
    height: 1px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    padding:  0 0.16rem;
    box-sizing: border-box;
}
.report-menu-box.report-menu-box-has .report-menu-box-line{
    bottom: 2px;
}
.report-menu-box-line::before{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #DCDCE0;
}
.body-dark-bc .report-menu-box-line::before{
  background: rgba(255,255,255,0.2);
}
.report-menu-box.report-menu-box-has{
    /* margin-top: -0.08rem; */
    margin-bottom: 0.16rem;
    display: block;
}

.report-menu-box,
.report-header-menu-box{
    /* padding: 0 0.16rem; */
    box-sizing: border-box;
    position: relative;
}
.report-header-menu-box{
    padding: 0 0.16rem;
}
.report-menu-box::after,
.report-header-menu-box::after{
    /* content: ""; */
    display: inline-block;
    height: 100%;
    width: 0.4rem;
    position: absolute;
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(right, #F7F7F7,rgba(255, 255, 255, 0) );
    background: -o-linear-gradient(left, #F7F7F7,rgba(255, 255, 255, 0) );
    background: -moz-linear-gradient(left, #F7F7F7,rgba(255, 255, 255, 0) );
    background: linear-gradient(to left, #F7F7F7,rgba(255, 255, 255, 0) );
}
.body-dark-bc .report-menu-box::after,
.body-dark-bc .report-header-menu-box::after{
    background: -webkit-linear-gradient(right, rgba(11, 11, 15, 1) , rgba(11, 11, 15, 0));
    background: -o-linear-gradient(left, rgba(11, 11, 15, 1), rgba(11, 11, 15, 0));
    background: -moz-linear-gradient(left, rgba(11, 11, 15, 1), rgba(11, 11, 15, 0));
    background: linear-gradient(to left, rgba(11, 11, 15, 1), rgba(11, 11, 15, 0));
}
.report-menu-bar{
    height: 1px;
  width: 100%;
  position: relative;
}
.report-menu-active-bar{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    background-color: #313340;
    z-index: 1;
    transition: transform 0.15s cubic-bezier(.645,.045,.355,1);
    -moz-transition: -moz-transform 0.15s cubic-bezier(.645,.045,.355,1);
    -webkit-transition:-webkit-transform 0.15s cubic-bezier(.645,.045,.355,1);
    -o-transition: -o-transform 0.15s cubic-bezier(.645,.045,.355,1);
    list-style: none;
}
.body-dark-bc .report-menu-active-bar{
    background-color: #FFFFFF;
}
.report-menu ul{
    white-space: nowrap;
    width: fit-content;
}
.report-menu ul li{
  display: inline-block;
  margin-right: 0.2rem;
  border-radius: 0.18rem;
  font-size: 0.15rem;
  line-height: 0.16rem;
  padding: 0.12rem 0;
  color: #B1B3BD;
}
.report-header-menu-box .report-menu ul li{
    padding-top: 0.05rem;
}
.report-menu ul li:nth-last-child(2) {
    margin-right: 0;
}
.report-menu ul li.report-menu-active{
    color: #313340;
    font-weight: bold;
}
.body-dark-bc .report-menu ul li{
    color: rgba(245, 247, 255, 0.4);
}
.body-dark-bc .report-menu ul li.report-menu-active{
    color: #F5F7FF;
}
.report-header-menu-box{
    overflow-y:hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.report-header-menu{
    display: none;
    text-align: left;
}
.report-menu.report-header-menu ul{
    padding-top: 0;
    /* padding-bottom: 2px; */
}
.report-menu.report-header-menu::after{
    bottom: 4px;
}
.body-show-header-menu .report-header-menu{
    display: block;  
}


/* 检测点弹窗 */
.point-dialog-content{
    padding: 0 0.24rem 0.24rem;
}
/* 残值 */
.report-residual{
    color:  #FF9A2E;
    font-size: 0.13rem;
    margin-top:0.1rem;
    background: url(./img/residual.png) no-repeat left center;
    background-size: 0.18rem;
    padding-left: 0.24rem;
    display: none;
}
/* 评论 */
.model-evalution {
    margin-top: 0.16rem;
}
.model-evalution-content {
   position: relative;
}
.model-evalution-content::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width:  0.17rem;
    height:  0.16rem;
    background: url(./img/remark.png) no-repeat center ;
    background-size: contain;
}
/* 安全参考值 */
.reference-value {
    margin-top: 0.1rem;
    font-size: 0.13rem;
    color: #18BE6B;
    background: url(./img/reference.png) no-repeat left center;
    background-size: 0.18rem;
    padding-left: 0.24rem;
}
/* 备注 */
.question-remark {
    vertical-align: middle;
    margin-top: 0.06rem;
    line-height: 0.23rem;
    font-size: 0.13rem;
    color: #707380;
}
.question-remark img{
    width: 100%; 
}
.question-remark_describe i{
    display: inline-block;
    font-size: 0.12rem;
    line-height: 0.17rem;
    color: #0077FF;
    border-radius: 0.12rem;
    border: 1px solid #F0F0F5;
    padding: 0.04rem 0.1rem 0.04rem 0.24rem;
    background: url(./img/describe.png) no-repeat 0.06rem center;
    background-size: 0.16rem;
    margin-top: 0.1rem;
} 
.question-out-remark{
   margin-top: 0.04rem;
}
/* 推荐服务项目 */
.report-recommend-box {
    margin-top: 0.1rem;
}
.report-recommend-title{
    font-size: 0.15rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}
.report-recommend-service-raw::after {
    content: "";
    width: 0.18rem;
    height: 0.18rem;
    display: inline-block;
    background: url(../img/raw-black.png) no-repeat center;
    background-size: contain;
}
.report-recommend-service .flex-common-flex {
    padding: 0 0.12rem;
    position: relative;
}
.report-recommend-service>li{
    border-radius: 0.1rem;
    padding-top: 0.16rem;
    padding-bottom: 0.16rem;
    border-bottom: 1px solid  #F0F0F5;
}
.report-recommend-service>li:first-child {
    padding-top: 0.04rem;
}
.report-recommend-service>li:last-child {
    border-bottom:0;
    padding-bottom: 0;
}
.report-recommend-service-name{
    font-weight: bold;
    font-size: 0.13rem;
}
.report-recommend-mile {
    color: #B1B3BD;
    font-size: 0.12rem;
    margin-top: 0.02rem;
}
.report-recommend-mile.red-color-font {
    color: #F3465B!important;
}
/* 特殊检测点 */
.report-special{
    padding:0.24rem 0;
    border-bottom: 1px solid #F7F7FA;
}
.report-special[type=exhibition]{
    padding:0.12rem 0;
}
.report-specials  .report-special:last-child,
.report-specials:not(.report-specials-unend.report-specials-border) .report-special:last-child{
    border-bottom: 0;
}
.report-special>.report-special-item{
  padding-bottom: 0.32rem;
}
.report-special>.report-special-item:last-child{
    padding-bottom: 0;
  }



.echart-model-top {
    margin-bottom: 0.2rem;
}

.echart-model-top h6 {
    font-size: 0.14rem;
    color: #313340;
    font-weight: bold;
}

.echart-model-normal {
    color: #707380;
    margin-top: 0.06rem;
    font-size: 0.13rem;
}

.echart-model-normal span {
    color: #18BE6B;
}
.echart-model-bottom>div {
    height: 2.0rem;
    width: 100%;
    min-width: 0.2rem;
}
/* 柏油公路刹车距离 ,四轮平衡，打滑系数 */
.color-normal-you-easy {
    color: #707380;
}

.report-special-road .echart-model-top,
.report-special-balance .echart-model-top {
    margin-bottom: 0;
}

.echart-model-road {
    box-sizing: border-box;
    height: 0.86rem;
    margin-top: 0.2rem;
    position: relative;
    margin-bottom: 0.24rem;
}

.echart-model-road-bc {
    height: 100%;
    width: 100%;
}

.echart-model-road-bc>span {
    display: inline-block;
    height: 0.82rem;
    width: 0px;
    border-right: 1px dashed rgba(246, 68, 68, 0.5);
}

.echart-model-road-bc>span.echart-model-road-bc-normal {
    border-right-color: rgba(24, 190, 107, 0.5);
}

.echart-model-road-car {
    display: inline-block;
    width: 0.61rem;
    height: 0.31rem;
    background: url(./img/car.png) no-repeat center;
    background-size: contain;
    left: 0;
    -ms-transform: translateY(-50%) translateX(-100%);
    -moz-transform: translateY(-50%) translateX(-100%);
    -webkit-transform: translateY(-50%) translateX(-100%);
    -o-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    z-index: 1;
}

.echart-model-road-bc>span i {
    position: absolute;
    bottom: -0.27rem;
    right: 0;
    font-size: 0.12rem;
    font-weight: lighter;
    -ms-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    white-space: nowrap;
}

.echart-model-road-normal {
    box-sizing: border-box;
    height: 0.82rem;
    left: 0;
    background: -webkit-linear-gradient(left, rgba(23, 164, 95, 0), rgba(24, 190, 107, 0.1));
    background: -o-linear-gradient(right, rgba(23, 164, 95, 0), rgba(24, 190, 107, 0.1));
    background: -moz-linear-gradient(right, rgba(23, 164, 95, 0), rgba(24, 190, 107, 0.1));
    background: linear-gradient(to right, rgba(23, 164, 95, 0), rgba(24, 190, 107, 0.1));
    border-top: 1px solid #83DAAF;
    border-bottom: 1px solid #83DAAF;
}

.echart-model-road-abnormal {
    box-sizing: border-box;
    height: 0.82rem;
    right: 0;
    background: rgba(246, 68, 68, 0.06);
    border-top: 1px solid #FA9B9B;
    border-bottom: 1px solid #FA9B9B;
}
/* 四轮平衡 */
.echart-model-balance {
    height: 1.78rem;
    background: url(./theme/simplicity/car.png) no-repeat center;
    background-size: 0.94rem  1.78rem;
    margin-top: 0.32rem;
    position: relative;
}
.echart-model-balance li {
    position: absolute;
    left: 0;
    top: 0.1rem;
    white-space: nowrap;
    width: 50%;
    box-sizing: border-box;
    padding-right: 0.59rem;
}
.echart-model-balance ul li:nth-child(1){
  text-align: right;
}
.echart-model-balance ul li:nth-child(2) {
    left: initial;
    right: 0;
    padding-right: initial;
    padding-left: 0.59rem;
}

.echart-model-balance ul li:nth-child(4) {
    top: initial;
    bottom: 0.1rem;
    text-align: right;
}

.echart-model-balance ul li:nth-child(3) {
    left: initial;
    top: initial;
    right: 0;
    bottom: 0.1rem;
    padding-right: initial;
    padding-left:0.59rem;
}
.echart-model-balance ul li:nth-child(1) .flex-common-flex-fixed,
.echart-model-balance ul li:nth-child(4) .flex-common-flex-fixed{
    padding-right: 0.16rem;
}
.echart-model-balance ul li:nth-child(2) .flex-common-flex-fixed,
.echart-model-balance ul li:nth-child(3) .flex-common-flex-fixed{
    padding-left: 0.16rem;
}

.echart-model-balance ul li .color-normal-you-easy{
 text-align: left;
}
.echart-model-balance-left{
    display: inline-block;
    text-align: left;
    max-width: 100%;
    overflow: hidden;
}
.echart-model-balance ul li div {
    font-size: 0.12rem;
}

.echart-model-balance ul li .roboto-bold {
    font-size: 0.16rem;
}
.echart-model-balance ul li .roboto-bold>i {
    font-size: 0.12rem;
}
.echart-model-balance-icon{
    box-sizing: border-box;
    display: inline-block;
    width: 0.27rem;
    height: 0.47rem;
    background: url(./theme/simplicity/tyre.png) no-repeat center;
    background-size: 0.17rem 0.37rem;
    border-radius: 0.06rem;
    border: 1px solid #F0F0F5;
}
.report-special-item[type=brakefour]   .echart-model-balance-icon,
.report-special-item[type=padsfour]   .echart-model-balance-icon{
    width: 0.44rem;
    height: 0.44rem;
    background-image: url(./theme/simplicity/brake.png);
    background-size: contain;
}
.report-special-item[type=padsfour]   .echart-model-balance-icon{
    background-image: url(./theme/simplicity/pads.png);
}
.report-special-item[type=balance] .flex-common-justify{
    align-items: start;
}
/* 打滑系数 */
.echart-model-skid li {
    text-align: center;
    padding-right: 0.06rem;
}

.echart-model-skid li:last-child {
    padding-right: 0;
    padding-left: 0.06rem;
}

.echart-model-skid li>div {
    padding-bottom: 0.24rem;
    padding-top: 0.16rem;
    background: #FAFAFC;
    border-radius: 0.08rem;
    color: #707380;
    font-size: 0.13rem;
}
.report-special-skid-title {
    white-space: nowrap;
}
.report-special-skid-left-icon {
    background: url(./theme/simplicity/normal.png) no-repeat center;
    background-size: 0.72rem auto;
    height: 0.72rem;
    margin-top: 0.14rem;
    margin-bottom: 0.18rem;
}

.report-special-skid-right-icon {
    background: url(./theme/simplicity/you.png) no-repeat center;
    background-size: 0.72rem auto;
    height: 0.72rem;
    margin-top: 0.14rem;
    margin-bottom: 0.18rem;
}
.report-special-skid-right-icon-normal {
    background-image: url(./theme/simplicity/normal.png);
}
.report-special-skid-km {
    font-size: 0.2rem;
    margin-bottom: 0.06rem;
    font-weight: bold;
    color: #313340;
}
.report-special-skid-km.red-color-font{
    color: #F3465B;
}

.report-special-skid .color-normal-you-easy {
    font-size: 0.12rem;
}

/* 打滑系数  END*/

/* 电池 */

.special-content{
    position: relative;
}
#echarts-special-battery{
    height: 2.0rem;
    width:2.0rem;
}
.echarts-daotong-box{
    position: relative;
}
.echarts-special-battery .echarts-daotong-box{
    height: 1.0rem;
    overflow: hidden;
}
.echarts-special-battery .special-content{
   margin-bottom: 0.28rem;
}
.echarts-special-starter .echarts-daotong-box,
.echarts-special-engine .echarts-daotong-box{
    height: 1.8rem;
}
.echarts-daotong-box-line{
    padding-right: 40px;
    color: #B1B3BD ;
    font-size: 0.12rem;
    margin-top: 0.1rem;
}
.echarts-special-tyre-more{
    height: 0.33rem;
    width: 2.02rem;
    margin: 0 auto;
}
.echarts-special-tyre-item{
    width: 2.02rem;
    margin: 0 auto;
    position: relative;
    height: 0.17rem;
    margin-top: 0.12rem;
}
.echarts-special-tyre-item li{
    width:1px;
    height: 0.17rem;
    position: absolute;
    bottom: 0.12rem;
    left: 26%;
}
.echarts-special-tyre-item li>span{
    font-size: 0.18rem;
    bottom: -0.04rem;
}
.echarts-special-tyre-item li:nth-child(2){
    left: 50%;
}
.echarts-special-tyre-item li:nth-child(3){
    left: 73%;
}
.echarts-special-tyre-item li{
    white-space: nowrap;
}
.echarts-daotong-tyre-line{
    display: inline-block;
    height: 0.36rem;
    width: 2.05rem;
    background:url(./img/daotong/tyre.png) no-repeat center;
    background-size: cover;
}
.report-special-tab-question{
    background: rgba(24,190,107,0.06);
     border-radius: 0.1rem;
     padding: 0.14rem 0.16rem;
     font-size: 0.13rem;
     margin-top: 0.28rem;
}
.report-special-tab-question .question-options{
     font-size: 0.13rem;
     font-weight: normal;
}
.tip-icon-desc{
    font-size: 0.14rem;
    margin-left: 0.04rem;
    font-weight: bold;
}
.echarts-special-tyre  .echarts-daotong-box-line{
    top: 0.46rem;
    padding-right: 0;
    width: 2.03rem;
    margin-top: 0;
}
.echarts-special-tyre  .echarts-daotong-box-line>span{
    color: #707380;
}
.echarts-special-tyre .report-special-tab-question{
   margin-top: 0.54rem;
}

.special-parameter{
    border-top: 1px solid #F7F7FA;
    padding-top: 0.2rem;
}
.special-parameter.special-parameter-top{
    padding-top: 0;
}
.echarts-special-starter .special-parameter,
.echarts-special-engine .special-parameter{
    border-top: 0;
}
.special-parameter li{
  margin-bottom: 0.2rem;
}
.special-parameter.special-parameter-other{
    border-bottom: 1px solid #F7F7FA;
    padding-top: 0.16rem;
}
.special-parameter-other li{
    background: #F5F5F7;
    border-radius: 0.08rem;
    margin-bottom: 0.16rem;
    padding: 0.12rem 0.16rem;
}
.echarts-special-battery-text{
    bottom: 0;
    text-align: center;
    width:100%;
}
.special-parameter-value{
  font-weight: bold;
}
.echarts-special-battery-icon{
    height: 0.32rem;
    width: 0.32rem;
}
.echarts-special-battery .roboto-bold{
 font-size: 0.32rem;
 line-height: 0.32rem;
}
.special-parameter img{
   width: 0.32rem;
   height: 0.32rem;
   vertical-align: middle;
   margin-right: 0.12rem;
}
/* 类似轮胎左右 四方切换 */
.report-special-tab{
   padding-bottom: 0.32rem;
}
.report-special-tab ul{
    background: #FAFAFC;
    border-radius: 0.09rem;
    padding: 0.02rem;
}
.report-special-tab li{
   text-align: center;
   border-radius: 0.09rem;
   border: 1px solid transparent;
   padding: 0.08rem 0;
}
.report-special-tab li.report-special-tab-active{
    background: #FFFFFF;
    border-color: #F0F0F5;
 }
 .report-special-tab-content .report-special-tab-content-item{
  display: none;
 }
 .report-special-tab-content  .report-special-tab-active{
    display: block;
 }
 .report-special-tab-content-left{
    width: 0.6rem;
    height: 1.39rem;
    margin-left: 0.33rem;
    margin-right: 0.53rem;
    position: relative;
 }
 .report-special-tab-content-left>i{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(./theme/simplicity/brakeIcon.png) no-repeat center;
    background-size: contain;
 }
 .report-special-tab-content-left>span{
    display: inline-block;
    width: 0.12rem;
    height: 100%;
    box-sizing: border-box;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    left: 0.1rem;
 }
 .report-special-tab-content-left>span>i{
    display: inline-block;
    height: 100%;
    background: #F0F0F5;
 }
 .report-special-tab-content-left>span.report-special-tab-content-left-right{
    left: initial;
    right: 0.1rem;
    text-align: right;
 }
 .report-special-item[type=brake] .report-special-tab-content-left .report-special-tab-content-left-left{
    text-align: right;
 }
 .report-special-item[type=brake] .report-special-tab-content-left .report-special-tab-content-left-right{
    text-align: left;
 }
 .report-special-item[type=pads] .report-special-tab-content-left{
    width: 0.66rem;
    height: 1.35rem;
    margin-right: 0.48rem;
 }
 .report-special-item[type=pads] .report-special-tab-content-left>span{
    width: 0.128rem;
 }
 .report-special-item[type=pads]  .report-special-tab-content-left>i{
    background-image: url(./theme/simplicity/padsIcon.png);
 }
 .report-special-tab-content-right{
    color: #707380;
 }
 .report-special-tab-content-right-top{
    font-size: 0.12rem;
    padding-bottom: 0.18rem;
    margin-bottom: 0.18rem;
    border-bottom: 1px solid #F7F7FA;
 }
 .report-special-tab-content-right-top>li:first-child{
    margin-bottom: 0.09rem;
 }
 .report-special-tab-content-right-bottom{
    font-size: 0.13rem;
 }
 .report-special-tab-content-right-bottom .roboto-bold{
    font-size: 0.24rem;
    color: #313340;
    margin-bottom: 0.01rem;
 }
 .report-special-item[type=brake] .report-special-tab,
 .report-special-item[type=pads]  .report-special-tab{
   padding-bottom: 0.52rem;
 }
 .report-special-tab-content-right-top>li i{
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  background: url(./theme/simplicity/tipIcon.png) no-repeat center;
  background-size: contain;
  margin-right: 0.14rem;
 }
 .report-special-tab-content-right-top>li.report-special-tab-content-right-top-color i{
    width: 0.08rem;
    height: 0.08rem;
    border: 0.01rem solid transparent;
    background:#F0F0F5;
 }
 .echarts-special-exhibition-img{
    position: relative;
 }
 .report-special-option-html{
    right: 0.16rem;
    width: 38%;
 }
 .report-special-option-html>div{
    padding: 0.06rem 0;
 }
 .report-special-option-html .tip-icon{
    height: 0.15rem;
 }
 .report-special-option-html .tip-icon i{
    width: 0.15rem;
    height:0.15rem;
 }
 .echarts-special-exhibition-img.echarts-special-exhibition-margin{
  margin-bottom: 0.24rem;
  margin-top: -0.12rem;
 }
 .echarts-special-exhibition-img img{
  width: 100%;
  display: block;
  margin-bottom: 0.12rem;
 }
 .echarts-special-exhibition-img img:last-child{
    margin-bottom: 0;
   }
 .echarts-special-exhibition-content{
    margin-top: 0.16rem;
    border: 1px solid #F0F0F5;
    border-radius: 0.1rem;
    overflow: hidden;
 }
 .echarts-special-exhibition-content>p{
    background: #F7F7FA;
    border-bottom: 1px solid #F0F0F5;
    color: #131415;
    font-size: 0.13rem;
    font-weight: bold;
    padding: 0.1rem 0.13rem;
 }
 .echarts-special-exhibition-content>div{
  position: relative;
 }
 .echarts-special-exhibition-content>div>i{
    display: inline-block;
    width: 1px;
    height: 100%;
    background:  #F0F0F5;
 }
 .echarts-special-exhibition-content ul{
    border-bottom: 1px solid #F0F0F5;
    color: #707380 ;
    font-size: 0.13rem;
 }
 .echarts-special-exhibition-content>div>ul:last-child{
    border-bottom: 0;
 }
 .echarts-special-exhibition-content li{
    padding:0.1rem 0.1rem 0.1rem 0.13rem;
 }
 .point-dialog-btn{
    padding-left: 0.24rem;
    padding-right: 0.24rem;
 }
 .point-dialog-btn>.dd-footer-radius-item>span{
    border-radius: 0.25rem;
 }
 .point-dialog-btn-black>span{
    background: #313340;
    color: #FFFFFF;
}

/* 报告概述 */
.report-overview-ai{
    line-height: 0.24rem;
}
.report-overview-ai .report-common-model-title{
    margin: 0 -0.06rem;
}
.report-overview-ai .report-common-model-title::before{
    content: "";
    display: inline-block;
    width: 0.22rem;
    height: 0.22rem;
    background: url(./img/ai.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin: 0 0.06rem;
}
.report-overview-ai .dd-footer-radius-item>span{
    background: #F5F5F7!important;
    border-radius: 0.22rem;
}
.body-dark-bc .report-overview-ai .dd-footer-radius-item>span{
    background: #2B2D33!important;
}
.report-overview-ai-color{
    font-weight: bold;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; 
    background-image: -webkit-linear-gradient(left, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: -o-linear-gradient(right, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: -moz-linear-gradient(right, #10A0FF 0%,#D56EF0 46%, #FEA907 100%);
    background-image: linear-gradient(to right, #10A0FF 0%,#D56EF0 46%,#FEA907 100%);
}
.report-overview-ai-ing{
    margin: 0.16rem auto 0;
    text-align: center;
    padding: 0.3rem 0;
}
.report-overview-ai-ing>div{
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.report-overview-ai-ing>div::after{
     content: "";
    display: inline-block;
    height: 100%;
    width: 2px;
    background: #10A0FF;
    position: absolute;
    top: 0;
    right: -2px;
}
.report-overview-ai-ing-text{
    padding: 0 0.03rem;
}
/* pdf */
.report-overview-pdf .report-common-model-title,
.report-overview-ai .report-common-model-title{
    padding-bottom: 0.04rem;
}
.report-overview-pdf .report-common-model{
    padding-bottom: 0.08rem;
}
.report-pdf .flex-common-flex{
    border-bottom: 1px solid #F7F7FA;
    padding: 0.18rem 0.06rem;
}
.report-pdf li:last-child .flex-common-flex{
    border-bottom:0;
}
.body-dark-bc .report-pdf .flex-common-flex{
    border-color: rgba(224, 229, 255, 0.08);
}
.report-pdf .flex-common-flex p{
    font-weight: bold;
    line-height: 0.2rem;
}
.report-pdf .flex-common-flex span{
    color: #ABADB3;
    font-size: 0.12rem;
    margin-top: 0.02rem;
    display: inline-block;
}
.report-question-tip {
    padding: 0 0.07rem;
    font-size: 0.12rem;
    color: #B1B3BD;
    margin-top: 0.02rem;
}
.model-content-item>.report-question-tip{
    padding: 0 0 0.1rem;
    margin-top: -0.06rem;
}

.dark-data {
    color: rgba(255, 255, 255, 0.3);
}
.report-question-ai>i{
    display: inline-block;
    height: 0.15rem;
    width: 0.15rem;
    background:url(./img/tip/0.png) no-repeat center;
    background-size: contain;
    vertical-align: sub;
    margin-right: 0.02rem;
  }
  .body-dark-bc .report-question-ai{
      color: rgba(255, 255, 255, 0.3);
  }
  .body-dark-bc  .report-question-ai>i{
    background-image:url(./img/tip/1.png);
}
.question-mark {
    width: 0.12rem;
    height: 0.12rem;
    padding-left: 0.03rem;
    margin-bottom: -0.01rem;
    display: inline-block;
    background: url(./img/question-mark.png) no-repeat right center;
    background-size: 0.12rem;
}
.body-dark-bc  .report-pdf .flex-common-flex span{
    color: #707380;
}
.report-pdf-icon{
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(./img/pdf.png) no-repeat center;
    background-size: contain;
}
.report-pdf>li[type=IMG] .report-pdf-icon{
    background-image: url(./img/image.png);
}
.report-pdf-check{
    display: inline-block;
    background: #F2F3F7;
    font-size: 0.13rem;
    border-radius: 0.08rem;
    padding: 0.06rem 0.14rem;
}
.body-dark-bc .report-pdf-check{
    background: rgba(224,229,255,0.08);
}
/* 其他车对比 */
.past-sign  .dd-footer-radius-item,
.other-car  .dd-footer-radius-item{
  padding-bottom: 0;
}
.other-car.dd-footer-radius{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.16rem;
}
.other-car .dd-footer-radius-item>span{
    padding-top: 0.12rem;
    padding-bottom:0.12rem;
    font-size: 0.14rem;
    font-weight: bold;
    line-height: 0.2rem;
}
/* 修复问题 */
.report-repair-contrast-top>li{
 text-align: center;
 font-size: 0.12rem;
}
.report-repair-contrast-top-drawing{
    display: inline-block;
    position: relative;
    margin-bottom: 0.18rem;
}
.report-repair-contrast-top-chart{
    width: 1.1rem;
    height: 1.1rem;
}
.report-repair-contrast-top-drawing>.position-center{
    max-width: 80%;
    overflow-y: hidden;
    white-space: nowrap;
}
.report-repair-contrast-top-drawing>.position-center>p{
    font-size: 0.2rem;
 }
.report-repair-contrast-top-name>span{
    display: inline-block;
    line-height: 0.17rem;
    border-radius: 0.04rem;
    border: 1px solid #F0F0F5;
    padding: 0.02rem 0.06rem;
}
.body-dark-bc .report-repair-contrast-top-name>span{
  border-color: rgba(235,238,255,0.16);
  color: #F5F7FF;
}
.report-repair-contrast-top{
    margin-bottom: 0.24rem;
    position: relative;
}
.report-repair-contrast-top-raw{
    top:0.5rem;
}
.report-repair-contrast-top-raw::after{
    content: '';
    display: block;
    height: 0.12rem;
    width: 0.24rem;
    background: url(./theme/simplicity/repair.png) no-repeat center;
    background-size:contain;
}
.body-dark-bc .report-repair-contrast-top-raw::after{
    background-image: url(./theme/technology/repair.png);
}
.report-repair-contrast-other>li{
  margin-bottom: 0.2rem;
}
.report-repair-contrast-other-top{
    color: #707380;
    font-size: 0.12rem;
}
.report-repair-contrast-other-top>span:first-child,
.report-repair-contrast-other-top>span:last-child{
    font-size: 0.14rem;
    min-width: 0.5rem;
    white-space: nowrap;
}
.report-repair-contrast-other-top>span:last-child{
    text-align: right;
}
.report-repair-contrast-other-top .flex-common-flex{
 text-align: center;
 padding:  0 0.06rem;
}
.report-repair-contrast-other-bottom{
  margin-top: 0.06rem;
}
.report-repair-contrast-other-bottom>span{
    height: 6px;
    background: #F0F0F5;
    position: relative;
}
.body-dark-bc .report-repair-contrast-other-bottom>span{
    background: rgba(224, 229, 255, 0.08);
}
.report-repair-contrast-other-bottom>span>i{
   display: inline-block;
   height: 100%;
   left: 0;
   width: 0;
}
.report-repair-contrast-other-bottom>span:first-child{
    margin-right: 0.02rem;
    border-radius: 4px 0px 0px 4px;
}
.report-repair-contrast-other-bottom>span:first-child>i{
    border-radius: 4px 0px 0px 4px;
}
.report-repair-contrast-other-bottom>span:last-child{
    margin-left: 0.02rem;
    border-radius: 0 4px 4px 0;
}
.report-repair-contrast-other-bottom>span:last-child>i{
    border-radius: 0 4px 4px 0;
}
.report-repair-contrast-other-bottom>span:first-child>i{
    left: inherit;
    right: 0;
}
.report-common-model-tip{
    font-size: 0.13rem;
    font-weight: normal;
    line-height: 0.18rem;
    margin-top: 0.04rem;
}
.report-repair-contrast .dd-footer-radius-item>span{
    border-radius:0.16rem;
    border: 1px solid #F0F0F5;
    font-size: 0.14rem;
  }
.body-dark-bc .report-repair-contrast .dd-footer-radius .dd-footer-radius-item-info>span{
    border: 0;
   background: rgba(255,255,255,0.06);
   color: #F5F7FF;

}
.repair-dialog-content{
  padding: 0 0.2rem;
}
.repair-dialog-top{
    margin-bottom: 0.16rem;
}
.repair-dialog-top>li:first-child{
 font-size: 0.17rem;
 font-weight: bold;
 margin-bottom: 0.04rem;
}
.repair-dialog-top>li:last-child{
    font-size: 0.13rem;
    color: #707380;
   }
.repair-dialog-content-box>ul>li{
    border-radius: 0.12rem;
    border: 1px solid #F0F0F5;
    margin-bottom: 0.12rem;
    padding: 0.16rem;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}
.repair-dialog-content-box>ul>li::before{
    content: "";
    display: inline-block;
    position: absolute;
    right: -0.04rem;
    top: -0.09rem;
    width: 0.6rem;
    height: 0.62rem;
    background: url(./img/repair/icon.png) no-repeat right top;
    background-size:contain;
}
.repair-dialog-content-box>ul>li>ul:not(.repair-dialog-progress) li{
    padding-left: 0.28rem;
    position: relative;
}
.repair-dialog-content-box .repair-dialog-by{
    font-weight: normal;
    color: #707380;
    margin: 0.1rem 0;
}
.repair-dialog-by::before{
    content: "";
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    background: url(./img/repair/to.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.repair-dialog-by>span{
    text-decoration: underline;
}
.repair-dialog-desc>i{
    left: 0;
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
}
.repair-dialog-desc>i::before{
    content: "";
    display: inline-block;
    width: 0.06rem;
    height:0.06rem;
    border-radius: 50%;
    border: 2px solid #707380;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.tip-icon-normal.repair-dialog-desc>i::before{
    border-color:  #18BE6B;
}
.tip-icon-warn.repair-dialog-desc>i::before{
    border-color:  #F3850F;
}
.tip-icon-urgent.repair-dialog-desc>i::before,
.tip-icon-minor.repair-dialog-desc>i::before{
    border-color: #F64458;
}
.dd-footer-radius.repair-dialog-btn{
 padding: 0.12rem 0 0;
 font-weight: normal;
}
.repair-dialog .tip-icon-normal .question-question-options{
    color:  #18BE6B;
}
.repair-dialog-progress{
    margin-top: 0.16rem;
    margin-bottom: 0.04rem;
}
.repair-dialog-progress>li{
    padding: 0.07rem 0.12rem;
  background: #18BE6B;
  border-radius: 0.1rem;
  color: #FFFFFF;
  line-height: 0.2rem;
  font-weight: normal;
  margin-bottom: 0.06rem;
}
.repair-dialog-progress>li:last-child{
    margin-bottom: 0;
}
.repair-dialog-progress-icon{
 background: url(./img/repair/up.png) no-repeat left center;
 background-size: 0.2rem;
 padding-left: 0.24rem;
 white-space: nowrap;
}
.single-dialog-content>.vs_list{
  padding:  0 0.2rem 0.4rem;
  font-size: 0.16rem;
  font-weight: bold;
 }
 .single-dialog-content>.vs_list>li{
    border-bottom: 1px solid #F7F7FA;
    padding: 0.2rem 0;
    box-sizing: border-box;
    padding-right: 0.25rem;
    position: relative;
   }
   .single-dialog-content>.vs_list>li::after{
        content: "";
        display: inline-block;
        width: 0.2rem;
        height: 0.2rem;
        background: url(../img/raw-black.png) no-repeat center;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 0;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
   }
   .single-dialog-content>.vs_list>li:last-child{
    border-bottom:0;
   }
 
.dd-footer-radius.repair-dialog-btn .dd-footer-radius-item{
 padding-bottom: 0;
}
.dd-footer-radius.repair-dialog-btn .dd-footer-radius-item>span{
    font-size: 0.13rem;
    line-height: 0.18rem;
    border-radius: 0.1rem;
    padding-top: 0.07rem;
    padding-bottom:0.07rem;
}
.past-item-dialog .report-img-card{
  margin-top: 0.12rem;
}
.report-img-card img:not(.video-img){
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
    display: block;
    }
.report-img-card  img.report-img-card-height:not(.video-img){
    /* width: auto;
    height:  110%; */
}
.report-img-car-item .swiper-slide-content{
    border-radius: 0.04rem;
}
.report-img-card>.report-img-car-item{
    margin-right: 8px;
}
.report-img-card>.report-img-car-item:last-child{
    margin-right: 0;
}
.report-img-card>.report-img-car-items>.report-img-car-item{
    margin-bottom: 8px;
}
.report-img-card>.report-img-car-items>.report-img-car-item:last-child{
    margin-bottom: 0;
}

/*音频*/

.report-audio {
    margin-top: 0.1rem;
}

.report-audio-content {
    width: 1.8rem;
    height: 0.34rem;
    background: rgba(0, 119, 255, 1);
    border-radius: 17px;
    position: relative;
}

.report-audio .audio-btn {
    display: inline-block;
    width: 0.20rem;
    height: 0.20rem;
    margin: 0 0.1rem;
    cursor: pointer;
    background: url(./img/audio/start.png) no-repeat center;
    background-size: cover;
    vertical-align: middle;
}

.report-audio .audio-btn.audio-start {
    background-image: url(./img/audio/stop.png);
}

.audio-box,
.audio-box span,
.audio-box i {
    display: inline-block;
    height: 0.34rem;
    width: 0.82rem;
    vertical-align: middle;
}

.audio-box {
    position: relative;
}

.audio-bc {
    background: rgba(255, 255, 255, 0.2);
}

.audio-box .audio-center {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255);
    width: 0;
}

.audio-img {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(./img/audio/bc.png) no-repeat center;
    background-size: cover;
}

.audio-min {
    color: #fff;
    vertical-align: super;
    right: 0.1rem;
}

/* 其他车型对比 */
.other-car-compare .other-car-model{
    margin-top: 0.16rem;
   }
   .other-car-model-title{
       font-size: 0.18rem;
       font-weight: bold;
       line-height: 0.25rem;
       margin-bottom: 0.04rem;
   }
   .other-car-model-tip{
       font-size: 0.13rem;
       color: #707380;
   }
   .other-car-model-limit{
       font-size: 0.12rem;
       color: #B1B3BD;
       text-align: center;
       padding-top: 0.2rem;
   }
   .other-car-model-legend{
       margin-top: 0.16rem;
       color: #707380;
       margin-bottom: 0.2rem;
   }
   .other-car-model-legend>li{
       margin-left: 0.28rem;
       display: inline-block;
       line-height: 0.2rem;
   }
   .other-car-model-legend>li *{
       vertical-align: middle;
   }
   .other-car-model-legend>li::before{
       content: "";
       display: inline-block;
       width: 0.06rem;
       height:0.06rem;
       background: #FF8585;
       margin-right: 0.06rem;
   }
   .other-car-model-legend>li:first-child{
       margin-left: 0;
   }
   .other-car-model-legend>li:first-child::before{
       background: #73DEB3;
   }
   .other-car-spread{
       text-align: center;
       color: #707380;
   }
   .other-car-spread .flex-common-flex>div{
       position: relative;
       display: inline-block;
       margin-bottom: 0.1rem;
   }
   .other-car-spread-text .roboto-bold{
       font-size: 0.21rem;
       color: #313340;
       white-space: nowrap;
     }
   .other-car-spread-text p{
     font-size: 0.12rem;
   }
   .other-car-spread-item{
	height: 1.03rem;
	width: 1.03rem;
	display: inline-block;
}





.report-left-right-20 {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
/* 头部车牌号|车品牌logo左右结构 */
.report-head-left-right{
    padding-left: 0.25rem;
    padding-right: 0.2rem;
}
.report-head-left-right-6{
    margin-left: -0.06rem;
    margin-right: -0.06rem;
}
.report-head-left-right-6>*{
    margin-left: 0.06rem;
    margin-right: 0.06rem;
}
.report-head-left-right>div:first-child{
    padding-top: 0.7rem;
}
.report-head-left-right .report-common-header-num {
    font-size: 0.28rem;
    line-height: 0.40rem;
}
.report-common-base-brand-name {
    font-size: 0.17rem;
    margin-bottom: 0.06rem;
    line-height: 0.24rem;
    margin-top: -0.02rem;
}
.report-head-left-right .dd-img {
    width: 0.62rem;
    height: 0.62rem;
}
/* 检测结果占比 */
.report-overview{
    padding: 0 0.16rem;
}
.report-overview>div:not(.report-overview-empty){
    margin-bottom: 0.16rem;
}
.report-overview.report-overview-bottom>div:last-child{
    margin-bottom: 0;
}
.report-overview-echarts {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.report-overview-text {
    text-align: center;
    padding-left: 0.26rem;
    padding-right: 0.26rem;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0.08rem;
}

.report-overview-text .roboto-bold {
    font-size: 0.28rem;
    white-space: nowrap;
    line-height: 0;
}

.report-overview-text p {
    font-size: 0.12rem;
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform:  scale(0.8);
    -o-transform:  scale(0.8);
    transform:  scale(0.8);
    color: #A1A3AE;
}
.report-overview-top-right{
    padding-left: 0.2rem;
}
.report-overview-top-right li {
    padding: 0.07rem 0 0.07rem 0.24rem;
    position: relative;
}

.report-overview-top-right li::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #62B57F;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.report-overview-top-right li>span {
    color: #707380;
    margin-right: 0.04rem;
}
.body-dark-bc .report-overview-top-right li span {
    color: #FFFFFF;
}
.report-overview-top-right .amount-orange::before {
    background: #FAA342;
}

.report-overview-top-right .amount-red::before {
    background: #FF4D6A;
}

.report-overview-top-right li i {
    font-weight: 400;
    position: relative;
    padding-right: 0.2rem;
    display: inline-block;
}
.report-overview-top-right li i>span{
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
}
.report-overview-top-right li i>span::after,
 .report-overview-right-raw{
    content: "";
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    background: url(./img/raw/0.png) no-repeat center;
    background-size: contain;
}
.body-dark-bc .report-overview-top-right li i>span::after,
.body-dark-bc .report-overview-right-raw {
    background-image: url(./img/raw-white.png);
}

/*自定义评分*/

.report-overview-other:not(.report-overview-other-empty){
    overflow: hidden;
}
.report-overview-other ul li {
    display: inline-block;
    vertical-align: middle;
    width: 28%;
}
.report-overview-other ul li>div {
    position: relative;
    white-space: nowrap;
}
.report-overview-other-num{
    font-weight: bold;
}
.report-other-name {
    text-align: center;
}

/* 底部按钮 */
.body-dark-bc .report-bottom-btn.dd-footer-radius-white{
    background: transparent;
}
.report-bottom-btn.report-bottom-btn-fixed{
    position: absolute;
    bottom: 0;
    right: 0.16rem;
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    background: transparent;
}
.report-bottom-btn.report-bottom-btn-fixed .dd-footer-radius-item>span{
    padding-left: 0.14rem;
    padding-right: 0.14rem;
    background: #ffffff;
}
.body-dark-bc  .report-bottom-btn.report-bottom-btn-fixed .dd-footer-radius-item>span{
    background: rgba(247, 247, 250, 0.08)!important;
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    box-shadow: 1px 0 16px 16px rgba(0, 0, 0, 0.2);
}
.report-recommend-btn>span>span,
.report-nav-btn>span>span{
  display: inline-block;
  padding-left: 0.24rem;
  background: url(./img/bottom/price.png) no-repeat left center;
  background-size:  0.2rem;
}
.report-nav-btn>span>span{
    background-image: url(./img/bottom/nav.png);
  }
  .body-dark-bc  .report-nav-btn>span{
    background-color: rgba(255, 255, 255, 0.06);
    color: #ffffff;
  }
  .body-dark-bc  .report-nav-btn>span>span{
    background-image: url(./img/bottom/navw.png);
  }

/* 导航 */
.overall-nav-dialog>.default-content{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    box-sizing: border-box;
    padding-left: 0.2rem;
    background: #fff;
  }
  .body-dark-bc .overall-nav-dialog>.default-content{
     background: #1F1F1F;
     color: #fff;
  }
  .overall-nav-dialog>.default-content-show{
    width: 75%;
    transition:width 0.3s;
    -moz-transition:width 0.3s;
    -webkit-transition:width 0.3s;
    -o-transition:width 0.3s;
  }
  .overall-nav-dialog>.default-content>div{
    height: 100%;
  }
  .overall-nav-title{
    margin-top: 0.18rem;
    padding-right: 0.2rem;
  }
  .overall-nav-title>div{
    font-weight: bold;
    font-size: 0.17rem;
    border-bottom: 1px solid #F7F7FA;
    line-height: 0.24rem;
    padding-bottom: 0.16rem;
  }
  .body-dark-bc  .overall-nav-title>div{
    border-bottom-color: rgba(255, 255,255, 0.08);
  }
  .overall-nav-level-0{
    font-size: 0.15rem;
    padding: 0.08rem 0.2rem 0.2rem 0;
  }
  .overall-nav-level-1{
    color: #707380;
  }
  .body-dark-bc  .overall-nav-level-1{
    color: rgba(255, 255,255, 0.6);
  }
  .overall-nav-level-0>li>div,
  .overall-nav-level-1>li>div{
    padding: 0.12rem 0;
  }
  .overall-nav-level-0 li>.overall-nav-active{
    color: #0077FF;
    padding-right: 0.25rem;
    background: url(./img/nav/select.png) no-repeat right center;
    background-size: 0.21rem;
    font-weight: bold;
  }
  .dd-footer-radius-item .overall-nav-dialog-btn{
    background: rgb(245, 245, 247);
    border: 0;
    padding-top: 0.11rem;
    padding-bottom: 0.11rem;
  }
  .body-dark-bc  .overall-nav-dialog-btn{
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
  }
  /* 弹框 */
  .popBg {
    position:absolute;left:0px;top:0px;
    background-color:#000;
    width:100%;
    height: 100%;
    opacity:0.3;
    z-Index:100;
  }
  .hidePopBg {
    display: none;
  }
  .popContent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.87rem;
    height: 2.16rem;
    background-color: #FFFFFF;
    z-index: 101;
    border-radius: 0.12rem;
  }
  .hidePopContent {
    display: none;
  }
  .popContent .pop-title {
    width: 100%;
    text-align: center;
    color: #313340;
    font-weight: 600;
    font-size: 0.17rem;
    font-family: Ping Fang SC;
    margin-top: 0.24rem;
  }
  .popContent .pop-content {
    margin: .16rem .20rem 0 .20rem;
    font-family: Ping Fang SC;
    line-height: .24rem;
    font-size: .16rem;
    color: #707380;
  }
  .popContent .pop-but {
    position: absolute;
    height: .55rem;
    width: 100%;
    line-height: .55rem;
    bottom: 0;
    color: #0077FF;
    font-size: 0.16rem;
    font-family: Ping Fang SC;
    text-align: center;
    border-top: 1px solid #F2F2F5;
  }
  .popContent.dark-Pop {
    background-color: #2A2A2B;
  }
  .dark-pop-but {
    border-top: 1px solid #F2F2F514 !important;
  }
  .dark-pop-content {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  .dark-pop-title {
    color: #ffffff !important;
  }

  .carpopBg {
    position:absolute;left:0px;top:0px;
    background-color:#000;
    width:100%;
    height: 100%;
    opacity:0.3;
    z-Index:100;
  }
  .hidePopBg {
    display: none;
  }

  .carnumPop {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.87rem;
    height: 1.8rem;
    line-height: 1.21rem;
    background-color: #FFFFFF;
    z-index: 101;
    border-radius: 0.12rem;
  }
  .carnumName {
    width: 100%;
    text-align: center;
    font-size: 0.16rem;
  }
  .carnum-title {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    font-weight: bold;
    text-align: center;
    font-size: .16rem;
  }
  .carnum-content {
    height: 0.35rem;
    line-height: 0.35rem;
  }
  .title-css {
    display: inline-block;
    margin-left: 0.1rem;
  }
  .carnum-ensure {
    position: absolute;
    height: .35rem;
    width: 100%;
    line-height: .35rem;
    bottom: 0;
    color: #0077FF;
    font-size: 0.15rem;
    font-family: Ping Fang SC;
    text-align: center;
    border-top: 1px solid #F2F2F5;
  }
  .inputWrap {
    height: .40rem;
    width: 100%;
    position: relative;
  }
  .carInputcss {
    border-bottom: 1px solid #b1b3bd;
    width: 1.6rem;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .popContent.dark-Pop {
    background-color: #2A2A2B;
  }
  .dark-pop-but {
    border-top: 1px solid #F2F2F514 !important;
  }
  .dark-pop-content {
    color: rgba(255, 255, 255, 0.6) !important;
  }
  .dark-pop-title {
    color: #ffffff !important;
  }
.body-dark-bc .vs-skeleton-active{
    background: -webkit-gradient(linear,left top,right top,color-stop(25%,hsla(0,0%,97%,.2)),color-stop(37%,hsla(0,0%,70%,.24)),color-stop(63%,hsla(0,0%,97%,.2)));
    background: linear-gradient(90deg,hsla(0,0%,60%,.12) 25%,hsla(0,0%,50%,.2) 37%,hsla(0,0%,60%,.12) 63%);
    background-size: 400% 100%;
}

/* 签字 */
.report-model-sign{
    background: #FAFAFC;
    border-radius: 0.12rem;
    overflow: hidden;
}
.body-dark-bc .report-model-sign{
    background: rgba(224,229,255,0.08);
}
.report-model-sign img{
    width: 100%;
    max-height: 150%;
}
/* 签名弹窗提示 */
.dialog.report_sign_dialog{
    padding:0;
    border-radius: 0.12rem;
}
.report_sign_dialog-top{
    padding: 0 0.24rem;
    margin-bottom: 0.14rem;
}
.report_sign_dialog-top>div:first-child{
    text-align: center;
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
}
.report_sign_dialog .dialog-content{
    text-align: left;
    font-size: 0.14rem;
    padding: 0.28rem 0 0.1rem;
}
.report_sign_dialog  .dialog-content ul{
    max-height: 300px;
    overflow-y: auto;
    padding: 0 0.24rem;
}
.report_sign_dialog  .dialog-content ul>li{
   line-height: 0.24rem;
   margin-bottom: 0.2rem;
}
.vs-rtl-layout .report_sign_dialog .dialog-content{
    text-align: right;
}
/* 签名弹窗提示 */
.body-dark-bc .report-store-inform-item>div:not(.report-common-base-follow), 
.body-dark-bc .report-store-inform-item>.report-common-base-follow>ul>li,
.body-dark-bc .report-overview-extra ul>li{
  border-color: rgba(224,229,255,0.08);
}
.body-dark-bc .report-common-base-follow-call {
    background-image: url(./img/store/callB.png);
}
.body-dark-bc .show-raw::after {
    background-image: url(./img/raw-white.png)!important;
}
/* 临时应对方案 */
.report-overview-solution .report-common-model-title>i{
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(./img/scheme.png) no-repeat center;
    background-size: contain;
 }
 .report-overview-solution li{
    margin-top: 0.12rem;
 }
 .report-overview-solution li i{
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(./img/drop.png) no-repeat center;
    background-size: 0.12rem;
 }
 .report-overview-solution li>span{
   margin: 0 0.06rem;
 }
 .report-score_announce{
    color:#707380;
    border-radius: 0.08rem!important;
    padding: 0.08rem 0.12rem!important;
    margin-bottom: 0.16rem;
    font-size: 0.12rem;
 }
 .report-score_announce i::after{
    content: "";
    display: inline-block;
    width: 0.17rem;
    height: 0.17rem;
    background: url(../img/rr-707380.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
 }
 .report-score_announce.report-score_announce-icon{
    content: "";
    display: inline-block;
    width: 0.20rem;
    height: 0.20rem;
    background: url(./img/questionTip.png) no-repeat center;
    background-size: contain;
    vertical-align: middle;
    padding:0!important;
    margin-bottom: 0;
 }
 /* ai未生成评分 */
 .report-unHasScore-absolute{
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
 }
 .report-unHasScore-absolute .report-unHasScore{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 }
 .report-unHasScore{
   padding: 0.3rem 0;
   margin: 0 auto;
   width: fit-content;
   text-align: center;
 }
 .report-unHasScore-percentage{
    font-size: 0.32rem;
 }
 .report-unHasScore-line{
    width: 1.6rem;
    background: #EBEBEB;
    border-radius: 0.03rem;
    position: relative;
    height: 0.06rem;
    margin: 0.1rem 0 0.16rem;
 }
 .report-unHasScore-line span {
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 0.05rem;
    height: 100%;
    background: #313340;
}
.report-unHasScore-desc{
    font-size: 0.12rem;
}
.body-dark-bc .report-unHasScore-line{
    background: rgba(255, 255, 255, 0.1);
}
.body-dark-bc .report-unHasScore-line span{
    background: #ffffff;
}
/* 区块链 */
.report-blockchain{
    color: #B1B3BD;
    padding: 0 0.16rem;
    font-size: 0.12rem;
    text-align: center;
}
.report-blockchain>ul>li{
  margin-bottom: 0.04rem;
  
}
.report-blockchain>ul>li:last-child{
    margin-bottom: 0;
  }
  .report-blockchain-logo{
    display: inline-block;
    width: 0.17rem;
    height: 0.17rem;
    background: url(./img/blockchain/0.png) no-repeat center;
    background-size: contain;
    margin-bottom: 0.06rem;
  }
  .body-dark-bc .report-blockchain-logo{
    background-image: url(./img/blockchain/1.png);
  }
  .body-dark-bc .report-blockchain,
  .body-dark-bc   .autox3-footer-by{
   color: #4C4E59;
  }
  .body-dark-bc    .autox3-footer-by>i{
    background: #4C4E59;
  }
  /* 四轮动平衡 */
  .report-special-four-wheel .report-special-four-wheel-title{
      font-weight: bold;
      margin-bottom: 0.1rem;
  }
  .report-special-four-wheel>li{
    margin-bottom: 0.16rem;
  }
  .report-special-four-wheel>li:last-child{
    margin-bottom: 0;
  }
  .report-special-four-wheel img{
   width: 100%;
}
/* 额外信息 */
.report-overview-extra{
    padding: 0 0.16rem;
}
.report-overview-extra>.report-common-model{
   margin-bottom: 0.16rem;
   padding-bottom: 0;
}
.report-overview-extra>div:last-child{
   margin-bottom: 0;
}
.report-overview-extra .report-common-model-title{
    padding-bottom: 0;
}
.report-overview-extra ul>li{
    padding:0.1rem 0;
    border-bottom: 1px solid #F7F7FA;
}
.report-overview-extra ul>li:last-child{
    border-bottom: 0;
}
.report-overview-extra ul>li>div:last-child{
   margin-top: 0.02rem;
}
/* 施工修复 */
.report-resolve-work{
    background-color: rgba(19, 190, 133, 0.08);
    border-radius: 0.06rem;
    padding:0.12rem 0.14rem;
    margin-top: 0.1rem;
}
.report-resolve-work>ul>li:not(.report-resolve-work-top){
    font-size: 0.12rem;
    margin-top: 0.04rem;
}
.report-resolve-work-top-center{
    color: #18BE6B;
    margin: 0 0.04rem;
}
.report-resolve-work-top-work{
    font-size: 0.13rem;
}
.report-resolve-work-top-raw{
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    background: url(./img/raw/0.png) no-repeat right center;
    background-size: contain;
}
.report-resolve-work-top>img{
  width: 0.2rem;
  height: 0.2rem;
}
.report-resolve-feature>ul{
    margin-left: -0.04rem;
    margin-right: -0.04rem;
    margin-top: 10px;
 }
 .report-resolve-feature li.report-resolve-model-feature{
     display: inline-block;
     position: relative;
     height: 0.65rem;
     border-radius: 0.08rem;
     overflow: hidden;
     margin-left: 0.04rem;
     margin-right: 0.04rem;
 }
 .report-resolve-model-feature img{
    width: 100%;
    display: block!important;
 }
 .report-resolve-model-feature .video-img {
    width: 0.24rem;
    height: 0.24rem;
 }
 .report-img-car-item-more{
    color: #ffffff;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}


.question-question-circle{
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    position: relative;
}
.question-question-circle:not(.question-question-circle-empty)::before{
    content: '';
    display: inline-block;
    width: 5.7px;
    height: 5.7px;
    border-radius: 50%;
    background: #313340;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
.question-question-now::after{
    content: '';
    display: inline-block;
    height: 100%;
    border:1px dashed #E6E6EB;
    position: absolute;
    top: 0.08rem;
    left: 0.08rem;
}
.body-dark-bc .report-common-dynamic .question-question-circle::before{
    background: #F5F5F7;
}
.body-dark-bc .report-common-dynamic .question-question-now::after{
    border-color: rgba(177, 179, 189, 0.5);
}
.body-dark-bc .report-common-dynamic .question-question-last .question-question-circle::before{
    background: #B1B3BD;
}
.question-question-main{
    margin: 0 0.04rem;
    font-size: 0.15rem;
}
.question-question-last{
    padding-top: 0.04rem;
}
.question-question-last .question-question-circle::before{
    background:#B1B3BD;
}
.question-question-bottom,
.question-model-bottom{
    padding-left: 0.23rem;
}
.point-dialog>.default-content>.default-container{
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 247, 1) 8%,rgba(245, 245, 247, 1) 100%);
	background: -o-linear-gradient(bottom,  rgba(255, 255, 255, 1) 0%, rgba(245, 245, 247, 1) 8%,rgba(245, 245, 247, 1) 100%);
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 247, 1) 8%,rgba(245, 245, 247, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(245, 245, 247, 1) 8%,rgba(245, 245, 247, 1) 100%);

}
.model-content-point-question-dialog{
    margin-top: 0.16rem;
}
.model-content-point-question-dialog>*:not(.ponit-btn){
  background: #ffffff;
  border-radius: 0.12rem;
  padding: 0.16rem;
  margin-bottom: 0.16rem;
}
/* 报价 */
.report-quote{
    background:#F5F5F7;
    border-radius: 0.06rem;
    margin-top:0.12rem;
}
.report-quote-title{
    padding: 0.12rem 0.12rem 0;
}
.report-quote-list{
    font-size: 0.13rem;
}

.report-quote-list>li{
    border-bottom: 1px solid #ffffff;
    padding: 0.04rem 0.12rem;

}
.report-quote-list>li>ul>li{
    padding-top:0.08rem;
    padding-bottom:0.08rem;
}
.report-quote .report-quote-serve{
    padding-top: 0.12rem;
    padding-bottom: 0.12rem;
}
.report-quote .report-quote-content{
   margin-top: -0.1rem;
}
.quote-parts-detail-parts>*,
.quote-parts-detail-hours>*{
  margin-top: 0.04rem;
}
.quote-parts-detail-parts>*:first-child,
.quote-parts-detail-hours>*:first-child{
    margin-top: 0;
}
.report-quote .report-quote-content{
    padding-left: 0.24rem;
}
.quote-parts-detail-parts,
.quote-parts-detail-hours{
    position: relative;
}
.quote-parts-detail-parts::after,
.quote-parts-detail-hours::after{
    content: "";
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    background: url(../quote/detail/img/parts.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -0.24rem;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.quote-parts-detail-hours::after{
    background-image: url(../quote/detail/img/hours.png);
}
.report-recommend-service .quote-parts-detail-parts::after,
.report-recommend-service .quote-parts-detail-hours::after{
    left: -0.3rem;
}
.report-recommend-service ul>li{
    padding: 0.16rem 0;
    border-bottom: 1px dashed   #E6E6EB;
}
.report-recommend-service ul>li:last-child{
    border-bottom: 0;
}
.report-recommend-service .report-quote-content{
    padding-left: 0.3rem;
}
.report-quote .quote-price-total {
    padding: 0.12rem;
  }
.report-recommend-box .quote-price-total {
  padding: 0.18rem 0;
}
.report-recommend-box .quote-price-total-border {
  border-top: 1px dashed   #E6E6EB;
}
.report-quote .report-quote-content>li>div .quote-parts-detail-price,
.report-recommend-service .report-quote-content>li>.quote-parts-detail-price{
    display: none;
}
.report-quote .vs-margin-right-12{
    margin-right:0!important;
    margin-left:0!important;
}
.quote-parts-detail-child-list .quote-parts-detail-child{
    margin-bottom: 0.04rem;
   }
   .quote-parts-detail-child-list .quote-parts-detail-child:last-child{
       margin-bottom: 0;
      }
   .quote-parts-detail-child{
       margin: 0 -0.1rem;
       width: 100%;
       font-size: 0.13rem;
   }
   .quote-parts-detail-child>*{
     margin: 0 0.1rem;
     position: relative;
   }
   .quote-parts-detail-child>*::after{
       content: '';
       display: inline-block;
       width:1px;
       height: 0.16rem;
       background: #B1B3BD;
       position: absolute;
       top: 50%;
       -ms-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
       -webkit-transform: translateY(-50%);
       -o-transform: translateY(-50%);
       transform: translateY(-50%);
       right: -0.1rem;
       
   }
   .quote-parts-detail-child>*:last-child::after{
       content: none;
     }
.report-estimation>ul{
    margin-top: 0.14rem;
    border-top: 1px solid #F7F7FA ;
    border-bottom: 1px solid #F7F7FA ;
}
.report-estimation>ul>li>div>span{
    display: inline-block;
    width:0.18rem;
    height:0.18rem;
    background: url(../quote/detail/img/quote.png) no-repeat center;
    background-size: contain;
}
.report-estimation>ul>li>div>div{
    padding: 0.16rem 0;
    border-bottom: 1px dashed #E6E6EB ;
  }
  .report-estimation>ul>li:last-child>div>div{
    border-bottom: 0 ;
  }
  .report-estimation-price{
    text-align: center;
    padding-top: 0.14rem;
    position: relative;
  }
  .report-estimation-price::after{
    content:'';
    height: 0.34rem;
    width: 1px;
    background: #F0F0F5;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* 对比图片 */
  .swiper-container-point-contrast{
    margin-left: -0.03rem;
    margin-right: -0.03rem;
    margin-top: 0.10rem;
    border-radius: 0.08rem;
    overflow: hidden;
  }
  .swiper-container-point-contrast>*{
     flex: 1;
     width: 0!important;
     margin-left: 0.03rem;
     margin-right: 0.03rem;
     margin-top: 0!important;
     position: relative;
  }
  .swiper-container-point{
   height: 2.02rem;
   width: 100%;
  }
  .swiper-container-point-contrast  .report-img-car-item{
    height: 100%;
    flex:none;
  }
  .swiper-container-point-contrast .swiper-slide-content{
    height: 100%!important;
  }
  .swiper-container-point-contrast-sign{
     font-size: 0.12rem;
     display: inline-block;
     border-radius: 0.04rem;
     border:1px solid #ffffff;
     position: absolute;
     top: 0.08rem;
     left: 0.08rem;
     z-index: 3;
     color: #ffffff;
     padding: 0 0.04rem;
     background: rgba(77, 77, 77, 0.5) ;
  }
  .swiper-pagination-point{
    white-space: nowrap;
  }
  .swiper-pagination-point>*{
    width: 6px;
    height: 6px;
    margin: 0 2px!important;
    background-color: rgba(255, 255, 255, 0.3)!important;
    -webkit-backdrop-filter: blur( 10px );
    backdrop-filter: blur( 10px );
    opacity: initial;
  }
  .swiper-pagination-point>*.swiper-pagination-bullet-active{
    background-color: rgba(255, 255, 255, 1)!important;
  }
  .report-img-card-empty{
    background: #F5F5F7;
    height: 2.02rem;
    text-align: center;
  }
  .report-img-card-empty>div>span{
    display: inline-block;
    width:0.34rem;
    height:0.30rem;
    background: url(../img/default/img.png) no-repeat center;
    background-size: contain;
    margin-bottom: 0.12rem;
  }
  .swiper-container-point-contrast .report-img-car-item .swiper-slide-content{
    border-radius: 0;
  }
  .model-title.model-title-unnormal>.model-title-text{
     color: #F64444;
  }
  .model-title.model-title-unnormal>.model-title-text::before{
    background-image: url(./img/system/1.png);
  }
  .model-title.model-title-normal>.model-title-text{
    color: #18BE6B ;
 }
  .model-title.model-title-normal>.model-title-text::before{
    background-image: url(./img/system/2.png);
  }
  .body-dark-bc .report-quote,
    .body-dark-bc .report-img-card-empty{
        background:rgba(224, 229, 255, 0.08);
    }
       .body-dark-bc .report-common-dynamic .report-quote-list>li{
      border-color: rgba(224, 229, 255, 0.08);
    }
    .report-model-point-empty{
        text-align: center;
        padding: 0.2rem 0 0;
    }
    .report-model-point-empty img{
      height:0.8rem;
    }
    .total-percent-loading .report-overview-base .report-highLight{
        height: 0;
        overflow: hidden;
     }
     /* loading */
     .report-skeleton-loding-recommend>ul>li,
     .report-skeleton-loding-evaluation>li{
       height: 0.18rem;
       border-radius: 0.08rem;
       margin-bottom: 0.08rem;
     }
     .report-skeleton-loding-recommend>ul>li:last-child,
     .report-skeleton-loding-evaluation>li:last-child{ 
        margin-bottom: 0;
        width: 50%;
      }
      .report-skeleton-loding-recommend .report-skeleton-loding-recommend-img{
        width: 0.44rem;
        height: 0.44rem;
        border-radius: 0.06rem;
      }
     
      .report-skeleton-loding .vs-skeleton-active{
        background: -webkit-gradient(linear, left top, right top, color-stop(25%, hsla(240, 1%, 74.5%, .2)), color-stop(37%, hsla(240, 1%, 50.6%, .5)), color-stop(63%, hsla(240, 1%, 74.5%, .2)));
        background: linear-gradient(90deg, hsla(240, 1%, 74.5%, .2) 25%, hsla(20, 1%, 60%, .4) 37%, hsla(240, 1%, 74.5%, .2) 63%);
        background-size: 400% 100%;
      }
      .body-dark-bc .report-skeleton-loding .vs-skeleton-active{
            background: -webkit-gradient(linear,left top,right top,color-stop(25%,hsla(0,0%,97%,.2)),color-stop(37%,hsla(0,0%,70%,.6)),color-stop(63%,hsla(0,0%,97%,.2)));
            background: linear-gradient(90deg,hsla(0,0%,60%,.12) 25%,hsla(0,0%,50%,.6) 37%,hsla(0,0%,60%,.12) 63%);
            background-size: 400% 100%;
        }
/* rtl布局 */
.vs-rtl-layout .report-overview-top-right li{
    padding-right: 0.24rem;
    padding-left: 0.07rem;
}
.vs-rtl-layout .report-overview-top-right li>span{
    margin-right: initial;
    margin-left: 0.04rem;
}
.vs-rtl-layout .report-overview-top-right li i{
    padding-right: initial;
    padding-left: 0.2rem;
}
.vs-rtl-layout .model-title>.model-title-text{
    padding-left: initial;
    padding-right: 0.31rem;
}
.vs-rtl-layout  .model-title>.model-title-text::before{
    left: initial;
    right: 0;
}
.vs-rtl-layout .report-overview-top-right li::before{
    left: initial;
    right: 0;
}
.vs-rtl-layout .repair-dialog-content-box>ul>li>ul:not(.repair-dialog-progress) li{
    padding-left: initial;
    padding-right: 0.28rem;
}
.vs-rtl-layout .repair-dialog-desc>i,
.vs-rtl-layout .repair-dialog-by::before{
    left: initial;
    right: 0;
}
.vs-rtl-layout .audio-min{
    right: initial;
    left: 0.1rem;
}
.vs-rtl-layout  .single-dialog-content>.vs_list>li{
    padding-right: initial;
    padding-left: 0.25rem;
}
.vs-rtl-layout .single-dialog-content>.vs_list>li::after{
    right: initial;
    left: 0;
    -ms-transform:translateY(-50%) rotateY(180deg)!important;
    -moz-transform:translateY(-50%) rotateY(180deg)!important;
    -webkit-transform:translateY(-50%) rotateY(180deg)!important;
    -o-transform:translateY(-50%) rotateY(180deg)!important;
    transform:translateY(-50%) rotateY(180deg)!important;
}
.vs-rtl-layout  .repair-dialog-content-box>ul>li::before{
    right: initial;
    left: -0.04rem;
}
.vs-rtl-layout  .echart-model-road-normal{
    left: initial;
     right: 0;
     background: -webkit-linear-gradient(left, rgba(24, 190, 107, 0.1),rgba(23, 164, 95, 0));
     background: -o-linear-gradient(right, rgba(24, 190, 107, 0.1),rgba(23, 164, 95, 0));
     background: -moz-linear-gradient(right, rgba(24, 190, 107, 0.1),rgba(23, 164, 95, 0));
     background: linear-gradient(to right, rgba(24, 190, 107, 0.1),rgba(23, 164, 95, 0));
}
.vs-rtl-layout   .echart-model-road-abnormal{
    right: initial;
    left: 0;
}
.vs-rtl-layout .echart-model-road-car{
    right: 26.11%;
    left: initial;
    -ms-transform:translateY(-50%) translateX(100%) rotateY(180deg);
    -moz-transform: translateY(-50%) translateX(100%) rotateY(180deg);
    -webkit-transform:translateY(-50%) translateX(100%) rotateY(180deg);
    -o-transform:translateY(-50%) translateX(100%) rotateY(180deg);
    transform: translateY(-50%) translateX(100%) rotateY(180deg);
}

.vs-rtl-layout .question-question-bottom,
.vs-rtl-layout .question-model-bottom{
    padding-right: 0.23rem;
}

.vs-rtl-layout  .report-quote .report-quote-content{
    padding-left: initial;
    padding-right: 0.24rem;
}
.vs-rtl-layout  .quote-parts-detail-parts::after,
.vs-rtl-layout  .quote-parts-detail-hours::after{
    left: initial;
    right: -0.24rem;
}
.vs-rtl-layout  .report-recommend-service .report-quote-content{
    padding-left: initial;
    padding-right: 0.3rem;
}
.vs-rtl-layout  .report-recommend-service .quote-parts-detail-parts::after,
.vs-rtl-layout  .report-recommend-service .quote-parts-detail-hours::after{
    left: initial;
    right: -0.3rem;
}
.vs-rtl-layout .question-question-now::after{
    left: initial;
    right: 0.08rem;
}