html {
    font-size: 100px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body, p, h1, h2, h3, h4, h5, h6, ol, ul, dl, dd {
    margin: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul {
    padding: 0;
    list-style: none;
}

pre {
    display: block;
    resize: vertical;
    padding: 7px 0 8px;
    white-space: pre-wrap;
    line-height: 1.5;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", simsun, Arial, sans-serif;
    margin: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    position: relative;
    background-color: #FFF;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", simsun, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #333;
}
.clearfix:after{
    content: "";
    height: 0;
    line-height: 0;
    display:block;
    visibility: hidden;
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.mt20{
    margin-top: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.ml20{
    margin-left: 20px;
}
.mr20{
    margin-right: 20px;
}
.mt10{
    margin-top: 10px;
}
.mb10{
    margin-bottom: 10px;
}
a, a:focus, a:visited, a:active {
    color: #0d89f5;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    color: #0d89f5!important;
    text-decoration: underline;
}
input, textarea, button {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", simsun, Arial, sans-serif;
}

button {
    line-height: 1;
}

em {
    font-style: normal;
}
.one-line-hide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.two-line-hide {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}

/* 无数据 */
.no-data{
    width: 1.25rem;
    height: 0.3rem;
}
/* 标题 */
.border-title {
    color: #193A76;
    font-size: 18px;
    border-bottom: 2px solid #193A76;
    padding-bottom: 5px;
    margin-bottom: 1px;
}
/* 弹框样式修改-----start */
.el-message-box .el-message-box__content {
    padding: 15px 15px 45px;
}
.el-message-box .el-message-box__content .el-message-box__status {
    color: #409eff;
    font-size: 30px!important;
}
.el-message-box .el-message-box__content .el-message-box__status+.el-message-box__message {
    padding-left: 38px;
}
.el-message--success,
.el-message--error
{
    height: 0.6rem!important;
    top: 1rem!important;
}
.el-message--success .el-icon-info,
.el-message--info .el-message__content{
    font-size: 0.16rem!important;
}
.el-message--info{
    height: 0.6rem!important;
    background-color:#fdf6ec;
    border-color:#f3b763;
    top: 1rem!important;
}
.el-message--info  .el-icon-info{
    color: #e6a23c;
    font-size: 0.16rem!important;
}
.el-message--info .el-message__content{
    color: #e6a23c;
    font-size: 0.16rem!important;
}
/* 弹框样式修改-----end */
/* 轮播图样式 -------------start*/
.swiper-container{
    position: static!important;
}

/* 轮播图样式 -------------end*/
/* 视频样式 -------------start*/
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
 .video-js.vjs-16-9:not(.vjs-audio-only-mode), 
 .video-js.vjs-4-3:not(.vjs-audio-only-mode), 
 .video-js.vjs-9-16:not(.vjs-audio-only-mode), 
 .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 100%!important;
}
.vjs-live .vjs-time-control, 
.vjs-live .vjs-time-divider, 
.video-js .vjs-current-time, 
.video-js .vjs-duration {
    display: inline-block!important;
}
.video-js .vjs-big-play-button{
    display: none!important;
}
.vjs_video_3-dimensions.vjs-fluid{
    position: relative;
    padding-top: 0px!important;
}
.vjs_video_3-dimensions.vjs-fluid .vjs-tech{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content{
    width: calc(100% - 2 * 24px);
    height: calc(100% - 2 * 20px);
    color: #fff;
}
/* 视频样式 -------------end*/

.commmon-background{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


body{
    margin: 0rem;
  }
  .common-width1440 {
      width: 14.4rem;
      margin: 0 auto;
      padding: .4rem 0rem;
      
  }
.common-width1320{
    width: 13.20rem;
    margin: 0 auto;
    padding: 0.32rem 0rem 0.52rem;
}
  .common-width1280{
    width: 12.80rem;
    margin: 0 auto;
    padding: 0.4rem 0rem;
}
.common-width1280 .title h3{
    width: 100%;
    font-size: 0.32rem;
    font-weight: 700;
    text-align: center;
    margin: 0.30rem 0rem 0.25rem;
}
.common-width1280 .title .descrip{
    font-size: 16px;
    line-height: 24px;
    color: #4E5969;
    text-align: center;
    margin-bottom: 0.4rem;
}
.common-width1280 .more{
    color: #333;
    line-height: 0.20rem;
}
.text-center {
    text-align: center;
}

/* el-dialog ------------------------------------------start*/
.el-dialog__footer {
    position: relative;
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}
/* el-dialog ------------------------------------------end*/

/* 首页 ------------------------------------------start*/
#appHome{
    min-height: 762px;
}
.app-home {
    display: none;
}
/* 首页 -------------------------------------------end*/


/* 头部------------------------------------------start */
.head-content .top {
      /* width: 13.20rem; */
      height: 40px;
      display: flex;
      /* margin :0 auto; */
      padding: 20px 0;
      background-color: white;
      justify-content:space-between;
      align-items: center;
}  
.head-content .top .left {
    font-family: PingFang-SC-Bold;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #282828;
    width: calc(100% - 365px);
}
.head-content .top .right {
    color:#606266;
    font-size: 16px;
}
.head-content .top .right .center {
    color: #f2f3f4;
    margin: 0 20px;
}
.head-content .top .right .register{
    color: #A3A3A3;
}
.head-content .bottom {
    background-color: #193a76;
    width: 100%;
}
.head-content .bottom .menu-box {
    height: 50px;
    padding: 0rem;
    /* width:13.20rem; */
    /* margin:0 auto; */
    
}
.head-content .bottom .menu-box .body,
.head-content .bottom .menu-box .menu-item{
    height: 100%;
}
.head-content .bottom .menu-box .menu-item ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;

}
.head-content .bottom .menu-box .menu-item ul li{
    position: relative;
    padding: 16px 0;
    flex: 1;
    text-align: center;
}
.head-content .bottom .menu-box .menu-item ul li .second{
    position: absolute;
    top: 50px;
    z-index: 999;
    color: #d0dee0;
    font-size: 16px;
    background-color: #193a76;
    left: 50%;
    text-align: center;
    width: auto;
    min-width: 100%;
    display: none;
    transform: translateX(-50%);
}
.head-content .bottom .menu-box .menu-item ul li:hover .second{
    display: block;
}
.head-content .bottom .menu-box .menu-item ul li .second .secondLink{
    color: #d0dee0!important;
    display: block;
    margin: 15px 0;
    padding:0 5px;
    white-space: nowrap;
}
.head-content .bottom .menu-box .menu-item ul li .second .secondLink:hover{
    color: #ffffff!important;
    text-decoration: none;
}
.head-content .bottom .menu-box .menu-item ul li:hover a{
    color: #ffffff!important;
    text-decoration: none;
}
.head-content .bottom .menu-box .menu {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #d0dee0;
    cursor: pointer;
    caret-color: rgba(0,0,0,0);
}
/* 移动端 -----------------------------start*/
.menu-box .menu-h5 {
    display: none;
}
.menu-box .menu-h5 {
  position: relative;
  display: none;
  width: 60px;
  height: 100%;
  right: 0px;
  padding-bottom: 0px;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  box-sizing: border-box;
  padding-top: 0px;
  justify-content: center;
}
.menu-box .menu-h5 .menu-h5-icon {
  font-size: 28px;
}
.el-icon-s-fold:before,
.el-icon-s-unfold:before{
  color: #007aff;
}
/* 移动端 -----------------------------end*/

/* 头部------------------------------------------end */
/* banner------------------------------------------start */
.common-banner {
    position:relative;
    display:flex;
    justify-content: center;
    width:100%;
}
.common-banner img{
    width:100%;
    height:3.1rem;
}
.common-banner .banner-content {
  position:absolute;
  top: 0.45rem;
}
.common-banner .banner-content .banner-title {
    font-size: 0.48rem;
    margin: 0.1rem 0rem 0.2rem;
    color: #fbfcfc;
}
.common-banner .banner-content .address {
    display: flex;
    align-items: center;
}
.common-banner-other .banner-content .address {
    position: absolute;
    top: 2.89rem;
}
.common-banner .banner-content .address  .address-icon {
    display: inline-block;
    width: 13px;
    height: 15px;
}
.common-banner .banner-content .address .address-detail {
    font-size: 14px;
    letter-spacing: 1px;
    color: #fbfcfc;
    margin-left: 10px;
    
}
.common-banner-other .banner-content .address .address-detail{
    color: #727D99;
}
/* banner------------------------------------------end */
/* 列表查询条件------------------------------------------start */
.query {
    position: relative;
    margin-top: 0.78rem;
    background-color: #f2f5fd;
    padding: 30px 25px 30px 42px;
    border-radius: 8px;
    box-sizing: border-box;
}
.query .input-label{
    position: absolute;
    top: -2.04rem;
    left: 0px;
}
.query .input-label .el-input__suffix{
    width: 70px;
    border-radius: 0px 4px 4px 0px;
    background-color: #FE7000;
    right: 0px;
}
.query .input-label .el-input__suffix .el-icon-search{
    font-size: 21px;
    color: #fff;
}
.query .label {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
}
.query .label .label-left {
        display: flex;
        align-items: baseline;
}
.query .label .label-left .label-title {
    font-size: 14px;
    color: #64708f;
    margin-right: 20px;
}
.query .label .label-left .trusteeship{
    margin-left: -0.14rem;
}
.query .label .label-left .is-specialist-special-new{
    margin-left: -0.28rem;
}
.query .label .label-left   .label-btn {
    display: flex;
    align-items: center;
    width: 11.13rem;
    height: 37px;
    overflow: hidden;
    flex-wrap: wrap;
}
.query .label .label-left .label-btn  .el-input__inner{
    height: 37px;
    line-height: 37px;
}
.query .label .label-left   .label-btn  .label-btn-item {
    font-size: 14px;
    color: #263657;
    margin: 3px 6px;
    padding: 8px 12px;
    flex-shrink: 0;
    cursor: pointer;
    transition: 0.5s ease-out;
}
.query .disclosure-event-type .label-left   .label-btn  .label-btn-item {
    flex-shrink: 1;
    line-height: 17px;
}

.query .label .label-left   .label-btn  .label-btn-item:last-of-type {
    margin-right: 0;
}
.query .label .label-left   .label-btn  .label-btn-item-active {
    background-color: #4173ff;
    border-radius: 4px;
    font-size: 14px;
    color: #fbfcfd;
}

.query .label .label-left   .label-btn-more1 {
    height: 100%;
}
.query .label .label-left   .label-title1 {
    margin-bottom: 43px;
}
.query .label   .label-right .label-more {
    font-size: 14px;
    color: #9cacd0;
    cursor: pointer;
}
     
.query .label:last-of-type {
    margin-bottom: 0;
}
.query  .label-other {
    display: block;
}
.query  .label-other  .label-right {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px auto 0;
}
.query  .label-other  .label-right  .label-more-icon {
    width: 11px;
    height: 6px;
    margin-left: 2px;
}
      
/* 列表查询条件------------------------------------------end */
/* 列表条件------------------------------------------start */
.content-list {
    /* margin-top: 45px; */
    display: flex;
    justify-content: space-between;
}
.content-list  .content-left {
      width: 100%;
}
.content-list  .content-left  .content-left-item {
    width: 100%;
    height: 1.2rem;
    display: flex;
    padding: 40px 0;
    border-bottom: 1px solid #f0f2f7;
}
.content-list  .content-left  .content-left-item  .content-left-item-img {
    width: 2.85rem;
    height: 100%;
    background-color: #ffffff;
    border: solid 1px #f0f2f7 !important;
    cursor: pointer;
    /* padding: 0.1rem 0.2rem; */
    box-shadow: 0px 1px 0.35rem 0px rgb(83 117 224 / 13%);
}
.content-list  .content-left  .content-left-item-img img{
    width: 100%;
    height: 100%;
}
.content-list  .content-left  .content-left-item .content-item-img{
    width: 2.85rem;
    height: 100%;
    background-color: #ffffff;
    border: solid 1px #f0f2f7 !important;
    cursor: pointer;
    padding: 0.1rem 0.2rem;
    box-shadow: 0px 1px 0.35rem 0px rgb(83 117 224 / 13%);
}
.content-list  .content-left  .content-left-item .content-left-item-noimg {
    width: 2.85rem;
    height: 1.20rem;
    color: white;
    text-align: center;
    line-height: 1.20rem;
    font-size: 0.4rem;
    cursor: pointer;
}
.content-list  .content-left  .content-left-item   .noimg-back0,
.content-list  .content-left  .content-left-item .noimg-back5
{
    background-color: #2c41c4;
}
.content-list  .content-left  .content-left-item   .noimg-back1,
.content-list  .content-left  .content-left-item .noimg-back6{
    background-color: #4173ff;
}
.content-list  .content-left  .content-left-item .noimg-back2,
.content-list  .content-left  .content-left-item .noimg-back7{
    background-color: #1ba7ec;
}
.content-list  .content-left  .content-left-item .noimg-back3,
.content-list  .content-left  .content-left-item .noimg-back8{
    background-color: #4bdede;
}
.content-list  .content-left  .content-left-item .noimg-back4,
.content-list  .content-left  .content-left-item .noimg-back9{
    background-color: #797ef6;
}
.content-list  .content-left  .content-left-item .item-info {
    width: 100%;
    height: 100px;
    margin-left: 23px;
    position: relative;
}
.content-list  .content-left .item-info  .item-info-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content-list  .content-left .item-info    .item-info-top-title a{
    font-size: 24px;
    color: #0c2d6d;
    line-height: 0.36rem;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}
.specialist-special-new{
    display: inline-block;
    height: 22px;
    background: linear-gradient(0deg, #ef253c 0%,#ffa096 100%);
    border-radius: 4px;
    margin-right: 8px;
    text-align: center;
    transform: skew(-15deg);
    vertical-align: middle;
    padding: 0px 8.1px;
}
.specialist-special-new span{
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    transform: skew(15deg);
    line-height: 22px;
}
.highTech{
    background: linear-gradient(180deg, #abc2ff 0%,#184fea 100%);

}
.unicorn{
    background: linear-gradient(180deg, #fff6e8 0%,#fbd39c 99%);

}
.unicorn span{
    color: #5a3c1b;
    background: linear-gradient(180deg, #fff6e8 0%,#fbd39c 99%);
}
.content-list  .content-left .item-info    .item-info-top-btn {
    display: flex;
    align-items: center;
}
.content-list  .content-left .item-info .item-info-top-btn-a {
    width: 88px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background-color: #f2f5fd;
    border-radius: 2px;
    font-size: 14px;
    color: #4173ff;
    margin-left: 10px;
    cursor: pointer;
    
}
.content-list  .content-left  .item-info-center {
font-size: 14px;
color: #818aa3;
width: 100%;
margin-top: 0.12rem;
display: flex;
}
.content-list  .content-left  .item-info-center  .item-info-center-a {
    margin-right: 0.4rem;
    display: flex;
    align-items: center;
}
.content-list  .content-left  .item-info-center    .item-info-center-txt {
    font-size: 14px;
    color: #263657;
    margin-left: 5px;
}
.content-list  .content-left  .item-info-center  .item-info-center-a:last-of-type {
    margin-right: 0px;
}
.content-list  .content-left .item-info-bottom {
    margin-top: 10px;
    display: flex;
}
.content-list  .content-left .item-info-bottom  .el-tag {
    margin-right: 20px;
}
.content-list  .content-left .item-info-bottom  .el-tag-other {
    color: black;
    background-color: #f2f5fd;
    border-color: #f2f5fd;
}
.content-list  .content-left .item-info-bottom .item-info-bottom-a {
    display: flex;
    align-items: center;
}
.content-list  .content-left .item-info-bottom .item-info-bottom-txt {
      font-size: 14px;
      color: #263657;
      margin-left: 5px;
    
}
.content-list  .content-left  .content-left-item:last-of-type {
    margin-bottom: 0;
}
.content-list .content-right {
      margin-left: 60px;
}
.content-list .content-right  .content-right-title {
    font-size: 24px;
    color: #0c2d6d;
    font-weight: bold;
    margin-bottom: 24px;
}
.content-list .content-right  .content-right-item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.content-list .content-right  .content-right-item   .item-index {
    font-size: 18px;
    font-weight: bold;
    color: #e32320;
    margin-right: 4px;
    width: 24px;
}
.content-list .content-right  .content-right-item  .item-index-active {
    color: #ffb128;
}
.content-list .content-right  .content-right-item  .item-name {
    font-size: 14px;
    color: #263657;
    margin-right: 10px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0;
}
.content-list .content-right  .content-right-item .item-num {
    font-size: 14px;
    color: #263657;
    margin-right: 8px;
}
.page{
    margin-bottom: 40px;
    padding: 0rem;
}
.page .el-pagination{
    display: inline-block;
    vertical-align: middle;
}
.statistics-time{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.23rem;
    font-size: 13px;
    line-height: 0.32rem;
}
.pack-up{
    transform: rotate(180deg);
}
.authorizedApplyDialog .el-dialog {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* 列表条件------------------------------------------end */
/* 详情------------------------------------------start */
.authorizedApplyDialog .el-checkbox-button__inner{
    font-weight: 350;
    border-radius: 4px !important;
    padding: 8px 9px;
    color: #666666;
    border: none !important;
    background: #ecf1ff;
    margin: 0 5px;
}
.authorizedApplyDialog .el-checkbox-button.is-checked .el-checkbox-button__inner{
    border: 1px solid #4173ff !important;
    color: #4173ff;
    box-shadow: none;
    background-color: #ecf1ff;
}
.authorizedApplyDialog,.rewardInfoDialog .el-dialog__body{
    padding: 30px 30px 30px 20px !important;
}
.authorizedApplyDialog,.rewardInfoDialog .el-dialog__body .el-form-item__label{
    padding: 0 !important;
}
.authorizedApplyDialog .el-dialog__header{
    border-bottom: 1px solid #e5e6eb;
}
.authorizedApplyDialog .el-dialog__footer{
   text-align: center;
}
.authorizedApplyDialog .el-dialog__footer .el-button{
    padding: 10px 28px;
}
.authorizedApplyDialog .el-dialog__footer .el-button--primary{
    background-color: #4f679d;
    border-color: #4f679d;
}
.rewardInfoDialog .el-dialog__header{
    border-bottom: 1px solid #e5e6eb;
}
.rewardInfoDialog .fileList{
    line-height: 30px;
    padding-top: 5px;
}
.rewardInfoDialog .fileList a{
    font-size: 14px;
    font-weight: 350;
    color: #335ef2;
    cursor: pointer;
}
.zone-content {
    position: relative;
    top: -1.5rem;
    bottom: 0.65rem;
    padding: 0.32rem 0rem 0rem !important;
}
.zone-content .text-button{
    font-size: 14px;
    font-weight: 400;
    color: #369afe;
    cursor: pointer;
}
.zone-content  .developmentTeamContent {
    margin-top: 10px;
    display: flex;
}
.zone-content  .developmentTeamContent .left{
    width: calc(100% - 410px);
}
.zone-content  .developmentTeamContent .title{
    display: flex;
    align-items: center;
}
.zone-content  .developmentTeamContent .title .tag{
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #307bea;
    margin-right: 10px;
}
.zone-content  .developmentTeamContent .title .text{
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
.zone-content  .developmentTeamContent .left .el-table{
    margin-top: 10px;
}
.zone-content  .developmentTeamContent .left .bottom{
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;margin-top: 10px;
}
.zone-content  .developmentTeamContent .left .bottom span{
    margin-right: 30px;
}
.zone-content  .developmentTeamContent .left .bottom span:last-child{
    margin-right: 0;
}
.zone-content  .developmentTeamContent .right{
    margin-left: 10px;
    width: 400px;
}
.zone-content  .developmentTeamContent .right .chart-container{
    width: 400px;
    height: 215px;
    margin-top: 10px;
    border: 1px solid #e2eef6;
}
.zone-content .el-table .el-table__cell{
    padding: 9.5px 0 !important;
}
.zone-content-div{
    border-radius: 8px;
    box-shadow: 0px 1px 35px 0px rgba(83, 117, 224, 0.13);
}
.zone-content-div .companyshortName {
    width: 110px;
    height: 100px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: 400;
    padding: 15px;
    border-radius: 4px;
    background: #307bea;
}
.zone-content-div .companyshortName .companyshortName-top,.companyshortName-bottom {
    display: flex;
    justify-content: space-around;
}
.zone-content-div .companyshortName1 {
    justify-content: center;
}
.zone-content-div .companyshortName1 .companyshortName-top{
    justify-content: center;
}
.zone-content-div .companyshortName1 .companyshortName-bottom{
    display: none;
}
.zone-content-div .companyshortName2{
    justify-content: center;
}
.zone-content-div .companyshortName2 .companyshortName-bottom{
    display: none;
}
.zone-content-div .companyshortName3 .companyshortName-bottom{
    justify-content: center;
}
.zone-content-tabs{
    margin-top: 10px;
}
.zone-content-tabs>.el-tabs--border-card{
    border-radius: 4px;
}
.zone-content-tabs .content2{
    min-height: 500px;
}
.zone-content-tabs .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); /* Safari 支持 */
    z-index: 10;
}
.zone-content-tabs .overlayDialog{
    z-index: 20;
    background: #ffffff;
    height: 480px;
    width: 760px;
    position: absolute;
    left: calc((100% - 760px) / 2);
    top: calc((100% - 480px) / 2);
    box-shadow: 0px 2px 5px 0px #ededed;
    border-radius: 4px;
}
.zone-content-tabs .overlayDialog .disabled-button{
    background-color: #c0c4cc !important;
    border-color: #c0c4cc !important;
}
.zone-content-tabs .overlayDialog .overlayDialog-div{
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: url(/template/1/uemmcms/images/companyShowDetail/bj.png) center no-repeat;
}
.zone-content-tabs .overlayDialog .overlayDialog-div2{
    background: #ed0707;
    width: 40px;
    height: 18px;
    margin-top: 5px;
    border-radius: 0px 9px 8px 0px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zone-content-tabs .overlayDialog .el-tabs{
    padding: 0 10px;
}
.zone-content-tabs .overlayDialog .el-tabs__content img{
    width: 100%;
    height: 100%;
}
.zone-content-tabs .overlayDialog .el-tabs__nav-wrap{
    display: flex;
    justify-content: center;
}
.zone-content-tabs .overlayDialog .el-tabs__active-bar{
    width: 28px !important;
    margin-left: 14px;
    background-color: #4173ff !important;
    height: 3px !important;
}
.zone-content-tabs .overlayDialog .el-tabs__item.is-active{
    color: #4173ff;
    font-weight: 600;
}
.zone-content-tabs .overlayDialog .el-tabs__item{
    color: #333333;
    font-weight: 400;
}
.zone-content-tabs .overlayDialog .el-button{
    position: absolute;
    bottom: 20px;
    left: calc((100% - 120px) / 2);
    width: 120px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4173ff;
    border-color: #4173ff;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}
.zone-content-tabs .label-text{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}
.zone-content-tabs .label-num{
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}
.zone-content-tabs .tag1{
    padding: 2px 8px;
    background: rgba(82, 170, 108, 0.05);
    border: 1px solid #52aa6c;
    color: #52aa6c;
}
.zone-content-tabs .tag2{
    padding: 2px 8px;
    background: rgba(237, 150, 30, 0.05);
    border: 1px solid #ed961e;
    color: #ed961e;
}
.zone-content-tabs .tag3{
    padding: 2px 8px;
    background: rgba(42, 111, 219, 0.05);
    border: 1px solid #2a6fdb;
    color: #2a6fdb;
}
.zone-content-tabs .tag4{
    padding: 2px 8px;
    background: rgba(82, 170, 108, 0.05);
    border: 1px solid #52aa6c;
    color: #52aa6c;
}
.zone-content-tabs .tag5{
    padding: 2px 8px;
    background: rgba(82, 170, 108, 0.05);
    border: 1px solid #52aa6c;
    color: #52aa6c;
}
.zone-content-tabs .el-table{
    margin-top: 20px;
}
.zone-content-tabs .el-table th.el-table__cell{
    background: #f2f9fd;
}
.zone-content-tabs .el-table .cell{
    color: #333333;
    font-size: 14px;
    font-weight: 400;
}
.zone-content-tip{
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    color: red;
}

.zone-content .company-info2 {
    margin: 0px 20px;
    background: #f6fafd;
    display: flex;
    border: 1px solid #e2eef6;
    padding: 9px 20px;
    align-items: center;
    justify-content: space-between;
}
.zone-content .company-info2 .left {
    border-right: 1px solid #cccccc;
    padding-right: 20px;
    display: flex;
    align-items: center;
}
.zone-content .company-info2 .left img{
    width: 36px;
    height: 36px;
    border-radius: 4px;
}
.zone-content .company-info2 .left span{
    margin-left: 10px;
    font-size: 16px;
    color: #242f57;
    font-weight: 600;
}
.zone-content .company-info2 .center {
    padding-left: 20px;
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
}
.zone-content .company-info2 .center .center-text{
    font-size: 14px;
    font-weight: 400;
    color: #777777;
}
.zone-content .company-info2 .center .center-text2{
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    margin-left: 40px;
}
.zone-content .company-info2 .center .center-tag{
    padding: 4px 6px;
    background: #ffffff;
    color: #369afe;
    border: 1px solid #369afe;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    border-radius: 2px;
}
.zone-content .company-info2 .right {
    font-size: 14px;
    font-weight: 400;
    color: #4173ff;
    cursor: pointer;
}
.zone-content .company-info2 .right span{
    color: #5a73a5;
    margin-left: 5px;
}
.zone-content .allLabel {
      width: calc(100% - 20px * 2);
      display: flex;
      padding: 20px 20px 10px;
      background-color: #ffffff;
      border-radius: 8px;
}
.zone-content .allLabel .label .label-img {
    width: 110px;
    height: 100px;
    box-shadow: 0px 1px 35px 0px rgba(83, 117, 224, 0.13);
    border-radius: 4px;
}
.zone-content .allLabel .label .label-noimg {
    text-align: center;
    width: 240px;
    height: 120px;
    line-height: 120px;
    font-size: 40px;
    color: white;
    background-color: #2c41c4;
}
.zone-content .allLabel .company-info-right {
    width: 180px;
}
.zone-content .allLabel .company-info-right .el-button{
    height: 36px;
    margin-bottom: 10px;
    margin-left: 20px;
}
.zone-content .allLabel .company-info-right>div{
    border-left: 1px solid #e0ebf3;
}
.zone-content .allLabel .company-info-right>div p{
    font-size: 14px;
    color: #777777;
    font-weight: 400;
    line-height: 26px;
    margin-left: 20px;
}
.zone-content .noDataDiv{
    text-align: center;
    padding: 20px 0;
    width: 100%;
}
.zone-content .noDataImg{
    width: 210px;
    height: 170px;
}
.zone-content .allLabel .company-info {
    width: calc(100% - 290px);
    display: flex;
    align-items: center;
}
.zone-content .allLabel .company-info  .label-left {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    /* padding-right: 80px; */
    box-sizing: border-box;
}
.zone-content .allLabel .company-info  .label-left  .label-title {
    display: flex;
    margin-top: 5px;
    align-items: center;
    justify-content: space-between;
}
.zone-content .allLabel .company-info  .label-left    .companyname {
    font-size: 22px;
    font-weight: 600;
    color: #242F57;
    vertical-align: middle;
    margin-right: 0.21rem;
}
.zone-content .allLabel .company-info  .label-left-content {
    margin-top: 10px;
    width: 100%;
}
.zone-content .allLabel .company-info  .label-left-content-item {
    font-size: 14px;
    color: #818aa3;
    width: 100%;
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
}
.zone-content .allLabel .company-info  .label-left-content-item .tag {
    padding: 8px 12px;
    color: #369afe;
    background-color: #f2f9fd;
    font-size: 14px;
    font-weight: 400;
    border-radius: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.zone-content .allLabel .company-info  .label-left-content-item-a {
    margin-right: 0.3rem;
    display: flex;
    align-items: center;
}
.zone-content .allLabel .company-info .label-left-content-item-l-t {
    font-size: 14px;
    color: #777777;
    margin-left: 5px;
    font-weight: 400;
}

.zone-content .allLabel .company-info .label-left-content-item-l-t span{
    font-size: 14px;
    color: #242F57;
    font-weight: 400;
}

.zone-content .allLabel .company-info .label-left-content-item-a:last-of-type {
    margin-right: 0px;
    margin-top: 5px;
}
.zone-content .allLabel .company-info .el-tag {
    margin-right: 20px;
}
          
.zone-content .allLabel .company-info .label-left-bottom {
    margin-top: 10px;
    width: 100%;
}
.zone-content  .company-info  .label-left-bottom .label-left-bottom-item-l-t {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #666666;
}
.zone-content  .company-info  .label-left-bottom .label-left-bottom-item-r-t {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #007aff;
    cursor: pointer;
}
             
.zone-content  .company-info .label-right {
    flex: 1;
    height: 150px;
    border-left: 1px solid #95a3c0;
    padding-left: 40px;
}
.zone-content  .company-info  .label-right-btn {
    width: 138px;
    height: 36px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #007aff;
    font-size: 14px;
    letter-spacing: 1px;
    color: #263657;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 16px;
}
.zone-content  .company-info .label-right  .btn-text {
    margin-left: 12px;
    flex-shrink: 0;
}
.zone-content  .company-info .label-right .label-right-btn-active {
    background-color: #007aff;
    color: #fff;
}
    
.zone-content  .content {
    width: calc(100% - 20px * 2);
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
}
.zone-content  .content  .content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.zone-content  .content  .content-title {
    font-size: 16px;
    color: #242f57;
    font-weight: 600;
    border-left: 4px solid #4173ff;
    padding-left: 8px;
}
.zone-content  .content  .report-date {
    color: #263657;
}
.zone-content  .content  .content-info {
    width: 100%;
    background-color: #ffffff;
    border: solid 1px #e2eef6;
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
}
.zone-content  .content   .content-item {
    width: 33.33%;
    display: flex;
    border-bottom: solid 1px #e2eef6;
}
.zone-content  .content-other   .content-item {
    width: 50%;
    display: flex;
    border-bottom: solid 1px #e2eef6;
}
.zone-content  .content  .content-left {
    flex-shrink: 0;
    width: 140px;
    background-color: #f2f9fd;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #4e5969;
    border-right: solid 1px #e2eef6;
    font-weight: 400;
    font-size: 14px;
    padding-right: 20px;
}
.zone-content  .content  .content-left2 {
    justify-content: center;
    padding-left: 20px;
    padding-right: 0;
}
.zone-content  .content  .content-right {
    flex: 1;
    padding: 7.5px 20px;
    font-size: 14px;
    color: #333333;
    line-height: 0.24rem;
    font-weight: 400;
    word-break: break-all;
}
.zone-content  .content  .content-right2 {
    flex: 1;
    padding: 8px;
    font-size: 14px;
    color: #333333;
    line-height: 0.24rem;
    font-weight: 400;
    word-break: break-all;
}
.zone-content  .content  .content-right:empty {
    height: 40px;
    padding: 0;
}
.zone-content  .content .content-item:last-of-type {
    border-bottom: none;
}
.zone-content .el-loading-mask{
    top: 0.42rem;
}
/* 详情------------------------------------------end */

/* 登录查看------------------------------------------start */
.premission {
    width: 100%;
    background: #fff;
    font-size: 18px;
    color: #409eff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 18px 0px rgb(12 45 109 / 13%);
    border-radius: 4px;
    padding: 24% 0;
}
.premission .el-icon-lock {
      border-radius: 50%;
      padding: 5px;
      background: #eee;
      margin-right: 4px;
}

.premission >div{
    width: 100%;
    margin: 0px;
    text-align: center;
    cursor: pointer;
}
/* 登录查看------------------------------------------end */

/* 尾部------------------------------------------start */
.footer-content {
  background-color: #05132f;
  padding: 20px 0px;
  color: white;
}
.footer-content .common-width1320{
    padding: 0rem;
}
.footer-content .top{
    display: flex;
    justify-content:space-between;
    align-items: start;
    border-bottom: 1px solid #353f58;
    padding-bottom: 0.2rem;
}
.footer-content .top .left {
    width: 5.33rem;
}
.footer-content .top .left .title {
    font-family: MicrosoftYaHei;
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 1px;
}
.footer-content .top .left .desc {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    margin-top: 0.27rem;
}
.footer-content .top .right  {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-content .top .right .link {
    font-size: 18px;
}
.footer-content .top .right .link >span{
    font-size: 14px;
    margin-left: 0.2rem;
    cursor: pointer;
}
.footer-content .top .right .link >span:last-child{
    margin-left: 0.42rem;
    margin-right: 0.34rem;
}

.footer-content .top .right .link-select {
    font-size: 14px;
}
.footer-content .top .link-select .el-input--suffix .el-input__inner {
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    background-color: #05132f;
}
.footer-content .link-select .el-select .el-input.is-focus .el-input__inner,
.footer-content .link-select .el-select .el-input__inner:focus {
    border-color: #c0c4cc;
}
.footer-content .top .link-select .el-input--suffix .el-input__suffix-inner{
    display: inline-block;
}
.footer-content .bottom {
    margin-top: 20px;
    text-align: center;
}
.footer-content .bottom  p {
    margin-bottom: 10px;
}
.footer-content .bottom  p .span1 {
    margin-right: 10px;
}
.footer-select{
    height:0.9rem;
}
.footer-select  .el-select-dropdown__item.selected{
    color: #606266;
}
.footer-select{
    background-color: #05132f;
}
.footer-select .popper__arrow::after {
    border-bottom-color: #05132f;
}
.footer-select .el-scrollbar{
    height: 100%;
}
.footer-select .el-scrollbar__wrap{
    overflow-x: auto;
}
.footer-content .feedback>div:first-child{
    font-size: 18px;
    cursor: pointer;
}
.footer-content .feedback>.app-download img{
    width: 130px;
    height: 130px;
    margin-top: 0.2rem;
    margin-bottom: 0.1rem;
}
.feedbackDialog .el-dialog__body .el-select{
    width: 100%;
}
.feedbackDialog .identifying-code .el-input {
    width: 71%;
    vertical-align: middle;
}
.feedbackDialog .identifying-code .login-code{
    display: inline-block;
    width: 23%;
    vertical-align: middle;
    height: 40px;
}
/* 尾部------------------------------------------end */

/* 登录------------------------------------------start */

.loginDialog .userlogin .userlogin-item-last {
    margin-bottom: 0px !important;
}
.loginDialog .userlogin .userlogin-item-last .login-code {
    margin: 0 0 0 18px;
}
.loginDialog .userlogin .userlogin-item-last .el-col {
    margin-bottom: 0px;
}
.loginDialog .userlogin  .login-submit {
width: 100%;
height: 45px;
background-color: #4767a1;
border-color: #4767a1;
font-size: 18px;
letter-spacing: 2px;
font-weight: 300;
color: white;
cursor: pointer;
font-family: "neo";
transition: 0.25s;
}
.loginDialog .userlogin  .chooseHolder {
    margin-bottom: 30px;
}
.loginDialog .userlogin .codeBtn {
    background-color: #4767a1;
    border-color: #4767a1;
    width: 110px;
    height: 40px;
}
.loginDialog .userlogin .codeBtn:hover {
    background-color: #5573aa;
    border-color: #5573aa;
}
.loginDialog .userlogin .el-button--primary.is-disabled,
.loginDialog .userlogin .el-button--primary.is-disabled:active,
.loginDialog .userlogin .el-button--primary.is-disabled:focus,
.loginDialog .userlogin .el-button--primary.is-disabled:hover {
    color: #fff;
    background-color: #a0cfff;
    border-color: #a0cfff;
}
.loginDialog .userlogin .el-input--small .el-input__inner {
    height: 40px;
    line-height: 32px;
}
.loginDialog .el-dialog__header,
.loginDialog .el-drawer__header {
    padding: 10px 20px;
    background-color: #e7ebec !important;
}
.loginDialog .el-dialog__header .el-dialog__title {
  color: #000;
}

.codeDialog .el-dialog__header {
    padding: 12px 16px 12px;
    background-color: #e7ebec;
}
.codeDialog .el-dialog__title{
    color: #000;
}
.codeDialog .el-icon-search{
    line-height: 40px;
}
.codeDialog .el-dialog__body .el-input__inner {
    /* padding-left: 35px; */
    height: 40px;
    line-height: 40px;
}
.codeDialog .login-code {
    margin-left: 22px;
}
.codeDialog .login-code-img {
    /* margin-top: 2px; */
    width: 100px;
    height: 38px;
    background-color: #fdfdfd;
    border: 1px solid #f0f0f0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 38px;
    text-indent: 5px;
    text-align: center;
    cursor: pointer !important;
  }
  .codeDialog .login-code-btn{
    display: block;
    margin: 20px auto 0px;
    color: #fff;
    background-color: #4767a1;
    border-color: #4767a1;
  }
  .loginDialog .el-button--primary{
    background-color: #4767a1;
    border-color: #4767a1;
  }
  .loginDialog .el-button--primary:focus, 
  .loginDialog .el-button--primary:hover{
    background: #5573aa;
    border-color: #5573aa;
    color: #fff;
  }
  .loginDialog .el-button--default:focus, 
  .loginDialog .el-button--default:hover {
    color: #333;
    border-color: #adadad;
    background-color: #fff;
}

.codeDialog .el-dialog__headerbtn .el-dialog__close,
.loginDialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #000;
}
.loginDialog .el-dialog__header .el-dialog__headerbtn {
    top: 16px;
}
.loginDialog .el-dialog__body {
    padding: 20px 30px;
}
.registerDialog .el-dialog__body,
.codeDialog .el-dialog__body{
    padding: 30px 30px;
}
.loginDialog .el-input__prefix {
left: 8px;
/* top: 3px; */
transition: all .3s;
}
.common-dialog-hidden{
    display: none;
}
.loginDialog .login-left,
.loginDialog .login-border {
/* min-height: 340px; */
min-height: 320px;
align-items: center;
border-left: none;
border-radius: 5px;
height: 100%;
color: #fff;
background-color: #fff;
}
.loginDialog .chooseHolder .el-radio-group{
    display: none;
}
.qrcode {
    text-align: center;
    margin-bottom: 20px;
}
.qrcode  .qrcode-title {
  color: #606266;
  font-size: 16px;
  margin-bottom: 20px;
}

.qrcode  .qrcode-img {
  height: 190px;
  width: 190px;
  border: 1px #ccc solid;
  margin: 0 auto;
  border-radius: 5px;
}
.qrcode  .qrcode-img  .qrcode-item {
    position: relative;
    margin: 5px;
    height: 180px;
}
.qrcode  .qrcode-img  .qrcode-item img {
    width: 180px;
}

.qrcode  .qrcode-img  .qrcode-item .outdate {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.qrcode  .qrcode-img  .qrcode-item .outdate .outdate-mask {
background: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.9;
}

.qrcode  .qrcode-img  .qrcode-item .outdate .outdate-icon {
color: #1771fe;
z-index: 2;
font-size: 30px;
}
.qrcode  .qrcode-img  .qrcode-item .outdate .outdate-desc {
color: black;
z-index: 2;
font-size: 14px;
padding: 15px;
}

.qrcode  .qrcode-img  .qrcode-item .outdate .outdate-button {
z-index: 2;
padding: 5px 10px;
}
/* 登录------------------------------------------end */

/* 注册------------------------------------------star */
.registerDialog .login-code {
    margin-left: 18px;
}
.registerDialog .el-link{
    text-decoration: none;
}
.user-agreement .el-dialog__body{
    padding: 0px!important;
}
.user-agreement .common-dialog-hidden>div{
    padding: 20px 30px;
}
.user-agreement .common-dialog-hidden .dialog-footer{
    display: inline-block;
    width: 100%;
    border-top: 1px solid #d9dce3;
    padding: 16px 0px;
}
/* 注册------------------------------------------end */
/* 备案号------------------------------------------start */
.internet-content-provider{
    color: #ababab!important;
}
/* 备案号------------------------------------------end */

/* 图形滑块验证码------------------------------------------start */
.drag {
  position: relative;
  width: 300px;
  height: 200px;
  background: #eee;
  z-index: 9999;
}

.bar {
  position: absolute;
  height: 32px;
  /* width: 40px; */
  line-height: 32px;
  background-color: #67c23a;
  cursor: pointer;
  left: 0;
  top: 160px;
}

.slide-img {
  position: absolute;
  left: 0;
  top: 80px;
  background: #999;
}

.vue-puzzle-vcode {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms;
}

.vue-puzzle-vcode.show_ {
  opacity: 1;
  pointer-events: auto;
}

.vue-auth-box_ {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 50px 20px 20px 20px;
  background: #fff;
  user-select: none;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.vue-auth-box_ .reset_ {
  position: absolute;
  top: 15px;
  right: 60px;
  width: 20px;
  height: auto;
  z-index: 12;
  cursor: pointer;
  transition: transform 200ms;
  transform: rotate(0deg);
}

.vue-auth-box_ .reset_:hover {
  transform: rotate(-90deg);
}

.vue-auth-box_ .colse_ {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 20px;
  height: auto;
  z-index: 12;
  cursor: pointer;
  transition: transform 200ms;
  transform: rotate(0deg);
}

.vue-auth-box_ .colse_:hover {
  transform: rotate(-90deg);
}

.vue-auth-box_ .auth-body_ {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.vue-auth-box_ .auth-body_ .loading-box_ {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 20;
  opacity: 1;
  transition: opacity 200ms;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vue-auth-box_ .auth-body_ .loading-box_.hide_ {
  opacity: 0;
  pointer-events: none;
}

.vue-auth-box_ .auth-body_ .loading-box_.hide_ .loading-gif_ span {
  animation-play-state: paused;
}

.vue-auth-box_ .auth-body_ .info-box_ {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  line-height: 24px;
  text-align: center;
  overflow: hidden;
  font-size: 13px;
  background-color: #83ce3f;
  opacity: 0;
  transform: translateY(24px);
  transition: all 200ms;
  color: #fff;
  z-index: 10;
}

.vue-auth-box_ .auth-body_ .info-box_.show {
  opacity: 0.95;
  transform: translateY(0);
}

.vue-auth-box_ .auth-body_ .info-box_.fail {
  background-color: #ce594b;
}

.vue-auth-box_ .auth-body_ .auth-canvas2_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  z-index: 2;
}

.vue-auth-box_ .auth-body_ .auth-canvas3_ {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 600ms;
  z-index: 3;
}

.vue-auth-box_ .auth-body_ .auth-canvas3_.show {
  opacity: 1;
}

.vue-auth-box_ .auth-body_ .flash_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
}

.vue-auth-box_ .auth-body_ .flash_.show {
  transition: transform 600ms;
}

.vue-auth-box_ .auth-control_ .range-box {
  position: relative;
  width: 100%;
  background-color: #f2f6fe;
  margin-top: 20px;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(240, 240, 240, 0.6) inset;

}

.vue-auth-box_ .auth-control_ .range-box .range-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #3d485d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  width: 100%;
}

.vue-auth-box_ .auth-control_ .range-box .range-slider {
  position: absolute;
  height: 100%;
  width: 50px;
  background-color: rgba(51, 145, 255, 0.7);
  border-radius: 3px;
}

.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  width: 50px;
  height: 100%;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 4px #ccc;
  cursor: pointer;
}

.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div {
  width: 0;
  height: 40%;
  transition: all 200ms;
  border: solid 1px #6aa0ff;
}

.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn>div:nth-child(2) {
  margin: 0 4px;

}

.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:first-child,
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:first-child {
  border: solid 4px transparent;
  height: 0;
  border-right-color: #6aa0ff;

}

.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(2),
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(2) {
  border-width: 3px;
  height: 0;
  border-radius: 3px;
  margin: 0 6px;
  border-right-color: #6aa0ff;

}

.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn:hover>div:nth-child(3),
.vue-auth-box_ .auth-control_ .range-box .range-slider .range-btn.isDown>div:nth-child(3) {
  border: solid 4px transparent;
  height: 0;
  border-left-color: #6aa0ff;

}

.vue-puzzle-overflow {
  overflow: hidden !important;
}
/* 图形滑块验证码------------------------------------------end */

@media screen and (min-width: 1440px) {
    html {
        font-size: 100px!important;
    }
}
@media screen and (min-width:1024px) and (max-width:1399px){
    html{
        font-size: 71px!important;
    }
    .common-width1320 {
        width: 1100px;
    }
    
    .content-list .content-left .content-left-item .content-left-item-noimg{
        height: 93px;
        line-height: 93px;
    }
    /* .footer-content .top .right {
        flex-direction: column;
    }
    .footer-content .top .right .link-select {
        margin-top: 20px;
    } */
    
}
@media screen and (min-width:768px) and (max-width:1023px){
    html{
        font-size: 53px!important;
    }
    
    /* .footer-content .top .right {
        flex-direction: column;
    }
    .footer-content .top .right .link-select {
        margin-top: 20px;
    } */
}
@media screen and (max-width:767px){
    html{
        font-size: 36px!important;
    }
    .common-width1320 {
        width: calc(100% - 20px)!important;
        padding: 10px;
    }
  
    .common-width1320 .more {
        line-height: 11px;
    }

    .menu-box .menu-h5 {
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        height: 100%;
    }

    .menu-box .menu-h5 .menu-h5-icon {
        padding-top: 0px;
        padding-left: 0px;
    }
    /* .footer-content .top .right {
        flex-direction: column;
    }
    .footer-content .top .right .link-select {
        margin-top: 20px;
    } */
    
    .formContent table {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
      }
    
      .formContent table th {
        border-bottom: 2px solid #ccc;
        text-align: center;
        background-color: #f1f1f1;
      }
    
      .formContent table td,
      .formContent table th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 3px 5px;
        min-height: 30px;
        height: 30px;
      }
}