.new_index_box {
  overflow: hidden;
  position: relative;
}
.index_v3_content-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 80px;
  display: none;
}
.wrap h2 {
  font-size: 22px;
  color: #16afd5;
  text-align: center;
  margin-bottom: 12px;
}
.wrap h3 {
  font-size: 22px;
  color: #333;
  text-align: center;
  margin-bottom: 30px;
}
/*版新设置*/
.wrap {
  width: 860px;
  position: absolute;
  left: 50%;
  margin-left: -455px;
  top: 50%;
  margin-top: -312px;
}
.m_box {
  display: flex;
  justify-content: space-between;
}
/*模块公共部分*/
.model-common {
  margin: 0;
  padding: 0;
  width: 268px;
  display: inline-block;
  position: relative;
}
.pic-icon {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  margin-top: 49px;
}
/*每个模块的公共小标题*/
.model-title {
  margin: 0;
  padding: 0;
  margin-top: 19px;
  width: 100%;
  height: 17px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  line-height: 17px;
}
.model-text {
  margin: 0;
  padding: 0;
  margin-top: 9px;
  width: 100%;
  height: 13px;
  line-height: 13px;
  font-size: 13px;
  font-weight: normal;
  color: #666666;
  text-align: center;
}
.model-bottom1,
.model-bottom2,
.model-bottom3 {
  width: 206px;
  margin: 0 auto;
  padding: 0;
  margin-top: 53px;
}
/*跳转链接公共部分*/
.link-common {
  display: block;
  width: 100%;
  height: 14px;
  padding-left: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  color: #333333;
  position: relative;
}
.link-common-left {
  width: 15px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.link-common-right {
  width: 8px;
  height: 9px;
  position: absolute;
  right: 0;
  top: 2px;
}
/*运单模块*/
.waybill-number {
  position: absolute;
  top: 15px;
  right: 20px;
  padding: 2px 10px;
  background-color: #ed4e08;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
.waybill-number2 {
  padding: 0 4px;
  color: #ed4e08;
}
.admin,
.track,
.map,
.jiankong,
.driver,
.bicycle {
  margin-top: 36px;
}

/*调度模块*/
.dispatch {
  margin: 0 66px;
}
.dispatch-number {
  position: absolute;
  top: 15px;
  right: 20px;
  padding: 2px 10px;
  background-color: #ed4e08;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}
.dispatch-number2 {
  padding: 0 4px;
  color: #ed4e08;
}
.layui-show-sihai {
  background: #fff;
}
.display_sihai {
  display: none;
}
.dialog {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
.dialog-content {
  width: 714px;
  height: 459px;
  background-color: #f7f7f7;
  box-shadow: 0px 0px 29px 5px rgba(178, 178, 178, 0.35);
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -290px;
  margin-top: -239px;
  border-radius: 8px;
}
.dialog-content > div:first-child {
  text-align: center;
  font-size: 30px;
  color: #333333;
  padding: 33px 0 15px 0;
}
.go-movies {
  cursor: pointer;
  margin: 0 auto;
  width: 658px;
  height: 148px;
  font-size: 0;
  margin-bottom: 20px;
}
.introduction-group {
  margin: 0 auto;
  width: 630px;
  height: 95px;
  background-color: #ffffff;
  border-radius: 8px;
  text-align: center;
  color: #333333;
  margin-bottom: 38px;
}
.btn-group {
  text-align: center;
  position: relative;
}
.close-btn {
  cursor: pointer;
  width: 312px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 20px;
  border-color: transparent;
}
.detailed-text {
  font-size: 16px;
}
.circle {
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #c7c6c6;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 15px;
}

.orderIn,
.programme,
.createRoute {
  display: block;
  position: relative;
  width: 268px;
  height: 90px;
  border-radius: 4px;
  background: url('../images/773858143711383713.png');
  box-shadow: 0 0 22px 2px rgba(85, 85, 85, 0.23);
}
.programme {
  background: url('../images/46612014168885008.png');
}
.createRoute {
  background: url('../images/243402023712144273.png');
}
.imgIndex {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  text-align: center;
}
.imgText {
  font-size: 16px;
  color: #999;
  text-align: center;
  height: 68px;
  line-height: 68px;
}
.menuListBox {
  height: 273px;
  border: 1px dashed #e3e3e3;
  border-radius: 4px;
  padding: 10px 0 10px 50px;
}
.menuListBox1 {
  padding: 10px 0 10px 65px;
}
.menuList {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin-top: 22px;
}
.menuList img {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
.towInline {
  display: inline-block;
}
.menuList .towInlineImg {
  margin-top: -40px;
}

@media (max-width: 1090px) {
  .content-main {
    width: 504px;
    height: auto;
  }
  .make_an_appointment_cont {
    margin-top: 30px;
  }
}
@media (max-width: 862px) {
  .dialog-content {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media (max-height: 771px) {
  .content-main {
    margin-top: 62px;
  }
}
@media (max-height: 721px) {
  .dialog-content {
    margin-top: 0;
    top: 0;
  }
  .dialog-content > div {
    height: calc(100vh - 120px);
    height: -moz-calc(100vh - 120px);
    height: -webkit-calc(100vh - 120px);
    overflow-y: auto;
  }
}

#logo img {
  width: 33px;
  height: 37px;
}
#shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  background-color: rgba(0, 0, 0, 0.3);
}
.pageB {
  display: none;
  background-color: #fff;
  position: relative;
  z-index: 1001;
  margin: auto;
  margin-top: 181px;
}
.checkboxSelect {
  display: flex;
}
.myList {
  width: 308px;
  margin-left: 25px;
}
.labelTitle {
  width: 88px;
  color: #333;
}
.myList li {
  float: left;
  width: 75px;
  padding-bottom: 10px;
}
.myList .subServer {
  margin-right: 10px;
  border: 1px solid #000;
  position: relative;
}
.pageB_box {
  width: 410px;
  margin-top: 25px;
}

.pageB_box:after {
  width: 420px;
}
.checkboxSelect {
  color: #888888;
  font-size: 14px;
  margin-left: 42px;
  margin-bottom: 20px;
}
.red {
  color: red;
  margin-right: 12px;
}
.subServer:after {
  background-color: #fff;
  color: #34c163;
  width: 15px;
  height: 15px;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: ' ';
  border: 1px solid #d9d9d9;
  position: absolute;
  top: 0;
  left: 0;
}

.subServer:checked::after {
  content: '\2713';
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}

.carCount li {
  width: 102px;
  margin-right: 0px;
}
.needTitle {
  width: 132px;
}
.need li {
  width: 134px;
}
.need {
  margin-left: 20px;
}
.dispatchPermiss li {
  width: 102px;
  margin-right: 0px;
}
.dispatchTime li {
  width: 102px;
  margin-right: 0px;
}

.pageB_box > input {
  width: 373px;
}
.secondRegister {
  margin-top: 26px;
}
.error_pageB_box {
  margin-bottom: 10px;
}
#make_an_appointment_btn {
  display: block;
  position: fixed;
  bottom: 64px;
  width: 100px;
  height: 55px;
  border-radius: 2px;
  background: #06d1a3 url('../image/911881482639650389.png') no-repeat left 10px
    center;
  color: #fff;
  font-size: 16px;
  right: 48px;
  /*display: none;*/
}
#make_an_appointment_btn > div {
  margin-left: 57px;
  line-height: 20px;
}
#make_an_appointment_btn > div:first-child {
  margin-top: 8px;
}
/*.make_an_appointment_mask{*/
/*width: 100%;*/
/*height: 100%;*/
/*position: fixed;*/
/*left: 0;*/
/*top:0;*/
/*background: rgba(27,27,27,0.5);*/
/*z-index: 601;*/
/*display: none;*/
/*}*/
.make_an_appointment_cont {
  width: 504px;
  height: auto;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 2px 5px 2px rgba(90, 92, 93, 0.2);
}
.close_make_an_appointment_mask {
  width: 48px;
  height: 48px;
  background: url('../image/51810366272554624.png') no-repeat center;
  float: right;
}
.make_an_appointment_title {
  text-align: center;
  font-size: 24px;
  color: #34c163;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 12px;
}
.make_an_appointment_title span {
  font-size: 18px;
}
.make_an_appointment_hint {
  color: #666;
  font-size: 14px;
  text-align: center;
  margin-bottom: 25px;
}
.make_an_appointment_inputBox {
  position: relative;
  height: 30px;
  line-height: 30px;
  width: 430px;
  margin: 0 auto;
  margin-top: 10px;
  overflow: hidden;
}
.otherInfor {
  margin-bottom: 30px;
}
.make_an_appointment_inputBox:after {
  position: absolute;
  height: 1px;
  width: 430px;
  content: '';
  bottom: 0;
  left: 15px;
  background: #d9d9d9;
}
.error_inputBox:after {
  position: absolute;
  height: 2px;
  width: 300px;
  content: '';
  bottom: 0;
  left: 15px;
  background: #f00;
}
.make_an_appointment_inputBox_active:after {
  position: absolute;
  height: 2px;
  width: 300px;
  content: '';
  bottom: 0;
  left: 15px;
  background: #34c163;
}
.make_an_appointment_inputBox > input,
.make_an_appointment_inputBox > a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.make_an_appointment_inputBox > .placeholder {
  display: inline-block;
  font-size: 14px;
  color: #666;
  left: 0;
  width: 12px;
}
.make_an_appointment_inputBox > input {
  width: 405px;
  border: none;
  background: none;
  outline: none;
  color: #333;
}
.make_an_appointment_inputBox > a {
  position: absolute;
  z-index: 3;
  width: 14px;
  top: 0;
  right: 5px;
  background: url('../image/189395595754563828.png') no-repeat center;
  display: none;
}
.make_an_appointment_inputBox .placeholder span {
  color: #999;
  padding-left: 15px;
}
.make_an_appointment_inputBox .placeholder i {
  color: #f21f09;
  padding-right: 5px;
}
.make_an_appointment_saveBtn {
  display: block;
  width: 310px;
  height: 44px;
  margin: 0 auto;
  border-radius: 22px;
  margin-top: 8px;
  margin-bottom: 18px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  background: #d9d9d9;
  border: none;
  outline: none;
}
.make_an_appointment_saveBtn-color {
  background-image: linear-gradient(
      90deg,
      #33c064 0%,
      #1dc983 50%,
      #07d1a2 100%
    ),
    linear-gradient(#34c163, #34c163);
  background-blend-mode: normal, normal;
  box-shadow: 0px 2px 8px 1px rgba(54, 193, 144, 0.29);
  cursor: pointer !important;
}

.make_an_appointment_saveBtn_second {
  display: block;
  width: 310px;
  height: 44px;
  margin: 0 auto;
  border-radius: 22px;
  margin-top: 8px;
  margin-bottom: 30px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  background: #d9d9d9;
  border: none;
  outline: none;
}
.make_an_appointment_saveBtn_second-color {
  background-image: linear-gradient(
      90deg,
      #33c064 0%,
      #1dc983 50%,
      #07d1a2 100%
    ),
    linear-gradient(#34c163, #34c163);
  background-blend-mode: normal, normal;
  box-shadow: 0px 2px 8px 1px rgba(54, 193, 144, 0.29);
  cursor: pointer !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type='number'] {
  -moz-appearance: textfield; /* firefox */
}
.error_hint {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  color: #f00;
  width: 308px;
  padding-left: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.successLayerMask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(27, 27, 27, 0.5);
  z-index: 9999;
  display: none;
}
.successLayer {
  width: 300px;
  height: 120px;
  background: #fff;
  border-radius: 5px;
  /*box-shadow: 0 0 5px 3px #999;*/
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -150px;
}
.successLayer p {
  color: #333;
  padding: 0 20px;
  margin-top: 20px;
  margin-bottom: 25px;
}
.successLayer a {
  display: block;
  float: right;
  width: 100px;
  height: 32px;
  background: #34c163;
  color: #fff;
  line-height: 32px;
  text-align: center;
  margin-right: 20px;
  border-radius: 2px;
  font-size: 14px;
}
input::-webkit-input-placeholder {
  font-size: 14px;
} /* 使用webkit内核的浏览器 */
input:-moz-placeholder {
  font-size: 14px;
} /* Firefox版本4-18 */
input::-moz-placeholder {
  font-size: 14px;
} /* Firefox版本19+ */
input:-ms-input-placeholder {
  font-size: 14px;
} /* IE浏览器 */

/* 下方注册按钮 */
.register {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 10px;
}
.register-checkbox {
  vertical-align: middle;
  margin: 0 !important;
}
.register-text {
  vertical-align: middle;
  margin-bottom: -1px;
  font-size: 13px;
  color: #888888;
}
.register-text a {
  font-size: 13px;
  color: #34c163;
  text-decoration: none;
}

/* 下方注册按钮 */
.register_second {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 10px;
}
.register-checkbox_second {
  vertical-align: middle;
  margin: 0 !important;
}
.register-text_second {
  vertical-align: middle;
  margin-bottom: -1px;
  font-size: 13px;
  color: #888888;
}
.register-text_second a {
  font-size: 13px;
  color: #34c163;
  text-decoration: none;
}
.company_error_hint {
  width: 404px;
}

.box_menu > .menu_item {
  float: left;
  margin-right: 110px;
  /*padding: 0 20px 0;*/
  height: 600px;
  width: 213px;
  background: white;
  box-sizing: border-box;
  border-radius: 6px;
  position: relative;
}

.box_menu > .menu_item:last-child {
  margin-right: 0;
}

.box_menu .model {
  width: 160px;
  margin: 0 auto;
}

/*.box_menu .model:not(:last-child){*/
/*    padding-bottom: 10px;*/
/*  border-bottom: 1px solid #f8f8f8;*/
/*}*/

.box_menu .model_title {
  font-size: 16px;
  color: #333333;
  margin-bottom: 11px;
  height: 24px;
  background-color: #f0f2f2;
  line-height: 24px;
  border-left: 2px solid #33c163;
  padding-left: 23px;
  margin-top: 9px;
}

.model_title > span {
  margin-left: 4px;
}

.model_list > .model_item {
  position: relative;
  font-family: 'Microsoft YaHei', 微软雅黑, 'MicrosoftJhengHei', 华文细黑,
    STHeiti, MingLiu;
  font-size: 14px;
  line-height: 29px;
  letter-spacing: 1px;
  color: #666666;
  /*margin-bottom: 2px;*/
  cursor: pointer;
}
/*.model_list>#intelligenceDispatch.model_item{*/
/*    margin-bottom: 8px;*/
/*}*/
.model_list > .model_item::before {
  content: '';
  width: 2px;
  height: 2px;
  background: #666;
  display: inline-block;
  position: relative;
  margin-left: 26px;
  top: -4px;
}
.model_list > .model_item::after {
  display: inline-block;
  position: relative;
  /* top: -2px; */
  width: 10px;
  font-size: 12px;
  color: #b7b7b7;
  content: '>';
  /*margin-left: 52px;*/
  float: right;
}
.model_list > #deliverymanManage.model_item::after {
  margin-left: 13px;
}
.model_list > #driver_device.model_item::after {
  margin-left: 42px;
}
.model_list .model_item .step_icon {
  display: block;
  position: absolute;
  font-size: 12px;
  top: 6px;
  width: 11px;
  height: 16px;
  line-height: 18px;
  background: #0d92ef;
  color: white;
  /* text-align: center; */
  border-radius: 50%;
  padding-left: 5px;
}
.model_list .step_icon + span {
  color: #333;
  font-weight: bold;
}
.model_title .step_arrow {
  position: absolute;
  right: -70px;
  top: 10px;
  height: 8px;
  width: 80px;
}
#driver_device {
  position: relative;
  /*margin-bottom: 4px;*/
  /*padding-bottom: 8px;*/
}
#driver_device .driver_device_wx_code {
  font-size: 14px;
  display: none;
  z-index: 999;
  position: absolute;
  background: #fff;
  padding: 10px 15px;
  width: 160px;
  text-align: center;
  line-height: 25px;
  left: -24px;
  border-radius: 4px;
  box-shadow: 0 0 7px 0 rgba(188, 186, 185, 0.7);
  top: 40px;
}
#driver_device .driver_device_wx_code::before {
  display: block;
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  border-color: transparent #fff #fff transparent;
  transform: rotate(225deg);
  box-shadow: 1px 1px 1px rgba(188, 186, 185, 0.7);
}

.wrap.display_xq {
  height: 666px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.driver_device_wx_code img {
  width: 140px;
  height: 140px;
}
/*@media screen and (max-height: 719px) {*/
/*.display_xq{*/
/*transform: scale(.9);*/
/*}*/
/*}*/
@media screen and (max-height: 669px) {
  .display_xq {
    transform: scale(0.9);
  }
}
@media screen and (max-height: 599px) {
  .display_xq {
    transform: scale(0.8);
  }
}

/*.box_menu .menu_item > .model:nth-of-type(2), .box_menu .menu_item > .model:nth-of-type(3){*/
/*  padding-top: 18px;*/
/*}*/

.iconfont.icon-icon- {
  font-size: 30px;
  color: #7b7b7b;
}
.model_title {
  height: 25px;
}
.model_title i,
.model_title span {
  float: left;
}
.iconfont.icon-lubiao {
  position: absolute;
  left: 0;
  top: -9px;
  font-size: 20px;
  color: #d5d5e2;
}
.step_arrow {
  position: absolute;
  right: -27px;
  top: 30px;
}
.step_arrow .iconfont.icon-lubiao:nth-of-type(1) {
  left: 0;
}
.step_arrow .iconfont.icon-lubiao:nth-of-type(2) {
  left: 12px;
}
.step_arrow .iconfont.icon-lubiao:nth-of-type(3) {
  left: 24px;
}
.step_arrow .iconfont.icon-lubiao:nth-of-type(4) {
  left: 36px;
}

.model .video_icon {
  position: absolute;
  top: 8px;
}
.wrap.display_xq .video_icon {
  margin-left: 15px;
  margin-top: -2px;
  cursor: pointer;
  width: 18px;
  height: 15px;
}
.box_menu .font_family {
  font-size: 28px;
  color: rgb(119, 119, 119);
}

.index_v3_content-right {
  float: right;
  height: 100%;
  width: 80px;
  position: relative;
}
.index_v3_content-right ul {
  position: absolute;
  top: 50%;
  margin-top: -119px;
}
.index_v3_content-right li {
  width: 66px;
  height: 56px;
  text-align: center;
  /*margin-left: 20px;*/
  background: #fff;
  margin-bottom: 20px;
  padding-top: 10px;
  cursor: pointer;
  color: #333;
  position: relative;
}
.index_v3_content-right li:last-of-type {
  margin-bottom: 0;
}
.index_v3_content-right li img {
  display: block;
  margin: 0 auto;
  width: 28px;
  height: 28px;
  margin-bottom: 5px;
}
.model_bg_title {
  height: 63px;
  text-align: center;
  background: #cfe3ee;
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
}
.model_bg_title > div:first-of-type {
  font-size: 20px;
  color: #333333;
  margin-top: 8px;
}
.model_bg_title > div:last-of-type {
  font-size: 14px;
  color: #666;
}
.box_menu .model_title.first_model_title {
  margin-top: 25px;
}
.wxxcx-code-box {
  width: 130px;
  height: 140px;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 1px rgba(196, 200, 199, 0.35);
  position: absolute;
  left: -145px;
  top: -40px;
  padding-top: 10px;
  font-size: 12px;
  color: #666;
  text-align: center;
  display: none;
  z-index: 9999;
}
.wxxcx-code-pointer {
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background: #fff;
  box-shadow: 0px -1px 8px 1px rgba(196, 200, 199, 0.35),
    -1px 0px -8px 1px rgba(196, 200, 199, 0.35),
    0px 0px 0px 0px rgba(196, 200, 199, 0),
    0px 0px 0px 0px rgba(196, 200, 199, 0);
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -6px;
}
.index_v3_content-right li .wxxcx-code-box img {
  width: 110px;
  height: 110px;
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
.link-up-empty {
  width: 30px;
  height: 150px;
  position: absolute;
  top: 0;
  right: -30px;
}
#taptog {
  margin-left: 15px;
  margin-top: 15px;
  width: 320px;
  height: 32px;
  border-radius: 2px;
  display: flex;
}
#taptog .son {
  background-color: #f0f0f0;
  padding-left: 10px;
  width: 100px;
  border: solid 1px #d0cfcf;
}
#taptog .ss {
  border-left: none;
}
.active-son {
  border-radius: 2px;
  border: solid 1px #0d92ef !important;
  background-color: #0d92ef !important;
  color: #ffffff !important;
}
#taptog .son .icon {
  display: inline-block;
  width: 13px;
  height: 12px;
}

#taptog .son .icon img {
  display: block;
  height: 100%;
  width: 100%;
}
#taptog .son .text {
  display: inline-block;
  /*font-family: MicrosoftYaHei-Bold;*/
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1px;
  line-height: 32px;
  color: #fff;
}
#taptog .son .testscolor {
  color: #999999;
}
@media screen and (max-height: 800px) {
  #taptog .son {
    width: 130px;
  }
  #taptog .son .text {
    font-size: 12px;
  }
}

#XQ_EMPTY_MARK {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 9999;
}

#YUNLI_LOADING {
  background: #fff;
  position: absolute;
  top: 46px;
  bottom: 0;
  left: 160px;
  right: 0;
  z-index: 999;
  text-align: center;
  color: #666;
  display: none;
}
#YUNLI_LOADING>div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -39px;
  margin-left: -27px;
}
#YUNLI_LOADING .layui-icon {
  font-size: 50px;
  display: block;
}
/**************************新首页开始************************************** */
.new_index_container{
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  position: relative;
}
.new_index_container .left_container{
  flex: 13;
  display: flex;
  justify-content: start;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.new_index_container .right_container{
  flex: 4;
  background: #EDF2F5;
  margin-left: 20px;
  padding: 16px;
  display: flex;
  justify-content: start;
  flex-direction: column;
}
.new_index_container .right_container .weixiner{
  flex: 2.31;
  width: 100%;
  background: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.new_index_container .right_container .weixiner .items{
  width: 33.333%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}
.new_index_container .right_container .weixiner .items .title_box .wxxcx-code-box1 img {
  width: 110px;
  height: 110px;
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
.new_index_container .right_container .weixiner .items .title_box .wxxcx-code-box1 {
  width: 130px;
  height: 140px;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: -38px;
  top: 28px;
  padding-top: 10px;
  font-size: 12px;
  color: #666;
  text-align: center;
  z-index: 999;
  display: none;
}
.new_index_container .right_container .weixiner .items .title_box{
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  margin-top: 6px;
  width: 56px;
  text-align: center;
  position: relative;
}
@media (max-width: 1280px) {
  .new_index_container .right_container .weixiner .items .title_box{
    font-size: 0.8vw;
  }
}
.new_index_container .right_container .weixiner .items .image_box img{
  height: 100%;
  width: 100%;
  display: block;
}

.new_index_container .right_container .message{
  flex: 7.11;
  margin-top: 16px;
  background-color: #fff;
  box-sizing: border-box;
  padding-bottom: 10px;
  overflow: hidden;
}
.new_index_container .left_container .top_box {
  box-sizing: border-box;
  height: 20.18%;
  background: #E2E8EB;
  width: 100%;
  position: relative;
}
.new_index_container .left_container .bottom_box .empty {
  height: 12px;
}
.new_index_container .left_container .bottom_box .info_box {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content:space-between;
  box-sizing: border-box;

}
.new_index_container .left_container .bottom_box .info_box .info_item{
  flex: 1;
  padding-right: 17px;
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.new_index_container .info_item .img_box{
  width: 19.5%;
  height: auto;
  border-radius: 50%;
}
.new_index_container .info_item .img_box img{
  width: 100%;
  height: auto;
  display: block;
}
.new_index_container .info_item .num_box{
  padding-left: 17px;
  box-sizing: border-box;
  width: 80%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.new_index_container .info_item .num_box .title_c{
  font-size: 0.73vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  text-align: left;
}
.new_index_container .info_item .num_box .num_c{
  font-size: 1.6vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  text-align: left;
}
.new_index_container .left_container .bottom_box .info_box .info_item:nth-child(2){
  margin-left: 12px;
}
.new_index_container .left_container .bottom_box .info_box .info_item:nth-child(3){
  margin-left: 12px;
}
.new_index_container .left_container .bottom_box .info_box .info_item:nth-child(4){
  margin-left: 12px;
}

.new_index_container .left_container .bottom_box {
  margin-top: 20px;
  padding: 0 16px;
  height: 77.69%;
  box-sizing: border-box;
  padding-bottom: 16px;
  background-color: #EFF1F4;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.new_index_container .left_container .bottom_box .order_box{
  flex: 2.76;
  width: 100%;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.new_index_container .left_container .bottom_box .order_box .order-chart{
  position: relative;
  height: 85%;
  width: 100%;
}
.new_index_container .left_container .bottom_box .order_box .order-total-num{
  padding-left: 16px;
  display: flex;
  height: 15%;
  width: 100%;
  align-items: center;
  font-size: 0.833vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  box-sizing: border-box;
  border-bottom: 1px solid #F6F6F6;
}
.new_index_container .left_container .bottom_box .cars_box .car-total-num{
  position: absolute;
  padding-left: 16px;
  display: flex;
  height: 15%;
  width: 100%;
  align-items: center;
  font-size: 0.833vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  box-sizing: border-box;
  border-bottom: 1px solid #F6F6F6;
}
.new_index_container .left_container .bottom_box .cars_box .chartcars{
  position: relative;
  height: 100%;
  /* width: 100%; */
  width: 64.792vw;
}
.new_index_container .left_container .bottom_box .cars_box{
  position: relative;
  flex: 2.76;
  width: 100%;
  background-color: #FFFFFF;
}
.new_index_container .left_container .bottom_box .time_box{
  flex: 0.9;
  width: 100%;
  display: flex;
  align-items: center;
}
.new_index_container .left_container .bottom_box .time_box .data_count{
  flex: 1;
  /* font-size: 18px; */
  font-size: 0.9375vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.new_index_container .left_container .bottom_box .time_box .time_picker{
  flex: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;

}
.new_index_container .left_container .bottom_box .time_box .time_picker .recentlyWeek{
  margin-right: 20px;
  font-size: 0.7291vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  cursor: pointer;
  color: #333333;
}
.active-btn{
  color: #0D92EF!important;
}
.new_index_container .top_box  .arrow-box{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 86%;
  height: 24px;
  background: url('../images/index_imges/long_arrowbgc.png') no-repeat;
  background-size:100% 100%;
}
.new_index_container .top_box  .item1{
  width: 4.92%;
  height:0;
  border-radius: 50%;
  background: url('../images/index_imges/inport_order.png') no-repeat;
  background-size:100% 100%;
  position: absolute;
  left: 5.538%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding-top: 4.92%;
  cursor: pointer;
}
.new_index_container .top_box  .name1{
  /* margin-top: 60%; */
  position: absolute;
  width: 20%;
  height: 18%;
  /* background-color: red; */
  left: 2.038%;
  bottom: 9.2%;
  display: flex;
  align-items: center;
}
.c_circle{
  display: inline-block;
  width: 0.94vw;
  height:0.94vw;
  background: #0D92EF;
  border-radius: 50%;
  font-size: 0.73vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 0.94vw;
  text-align: center;
  color: #FFFFFF;
}
.t-name{
  margin-left: 7px;
  display: inline-block;
  font-size: 0.82vw;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  vertical-align: center;
}
.info_box .info_item .warn{
  color: #FC5753;
}
.new_index_container .top_box  .name2{
  /* margin-top: 60%; */
  position: absolute;
  width: 20%;
  height: 18%;
  left:22.718%;
  bottom: 9.2%;
  display: flex;
  align-items: center;
}
.new_index_container .top_box  .name3{
  /* margin-top: 60%; */
  position: absolute;
  width: 20%;
  height: 18%;
  left: 43.398%;
  bottom: 9.2%;
  display: flex;
  align-items: center;
}
.new_index_container .top_box  .name4{
  /* margin-top: 60%; */
  position: absolute;
  width: 20%;
  height: 18%;
  left: 64.278%;
  bottom: 9.2%;
  display: flex;
  align-items: center;
}
.new_index_container .top_box  .name5{
  /* margin-top: 60%; */
  position: absolute;
  width: 20%;
  height: 18%;
  left: 84.958%;
  bottom: 9.2%;
  display: flex;
  align-items: center;
}
.new_index_container .top_box   .item2{
  width: 4.92%;
  background: url('../images/index_imges/zhinengpaixian.png') no-repeat;
  background-size:100% 100%;
  height:0;
  border-radius: 50%;
  position: absolute;
  left:26.218%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding-top: 4.92%;
  cursor: pointer;
}
.new_index_container .top_box .item3{
  width: 4.92%;
  height:0;
  border-radius: 50%;
  background: url('../images/index_imges/kuaijietiaoxian.png') no-repeat;
  background-size:100% 100%;
  position: absolute;
  left: 46.898%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding-top: 4.92%;
  cursor: pointer;
}
.new_index_container .top_box   .item4{
  width: 4.92%;
  height:0;
  border-radius: 50%;
  background: url('../images/index_imges/renwufenpei.png') no-repeat;
  background-size:100% 100%;
  position: absolute;
  left: 67.578%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding-top: 4.92%;
  cursor: pointer;
}
.new_index_container .top_box  .item5{
  width: 4.92%;
  height:0;
  border-radius: 50%;
  background: url('../images/index_imges/kefuzhongx.png') no-repeat;
  background-size:100% 100%;
  position: absolute;
  left: 88.258%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding-top: 4.92%;
  cursor: pointer;
}

.new_index_container .title{
  margin-top: 1.2%;
  padding-left: 1.2%;
}
.new_index_container .title .span1{
  font-size: 0.9375vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.new_index_container .title .span2{
  font-size:  0.83333vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.datepicker-searchTime{
  color: #333333;
}
.right_container .message .mes_title{
  height: 10%;
  width: 100%;
  border-bottom: 1px solid #EDEFF4;
  box-sizing: border-box;
  font-size: 1.04vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.right_container .message .content_box{
  height: 90%;
  overflow-y: auto;
  width: 100%;
  
}
.right_container .message .content_box .ctitle{
  font-size: 0.833vw;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  line-height: 48px;
  padding: 0 12px;
  box-sizing: border-box;
}
.right_container .message .content_box .temp_box{
  font-size: 0.7291vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  padding: 0 12px;
  box-sizing: border-box;
}
.right_container .message .content_box .hell_box{
  font-size: 0.7291vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  text-indent: 2em;
  box-sizing: border-box;
  padding: 0 12px;
}
.right_container .message .content_box .level_box{
  font-size: 0.833vw;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #EE8C2E;
  line-height: 48px;
  padding: 0 12px;
  box-sizing: border-box;
}
.right_container .message .content_box .msgs_container{
  font-size: 0.7291vw;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  padding: 0 12px;
  box-sizing: border-box;
}
.right_container .message .content_box .msgs_container p{
    /* padding: 0 12px; */
}
.wxxcx-code-pointer1 {
  width: 12px;
  height: 12px;
  transform: rotate(-45deg);
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  left:  46% ;
  top: -2px;
  margin-top: -6px;
}
.welcomeico{
  margin: 0 auto;
  margin-top: 150px;
  width: 420px;
  height: 420px;
  background: url('../images/index_imges/firstwelcom.png') no-repeat;
  background-size:100% 100%;
}
.new_index_container_new{
  width: 100%;
  height: 100%;
  background-color: #eff1f4;
  padding: .052083rem;
  box-sizing: border-box;
  position: relative;
  padding-top: 0;
}
.new_index_container_new .box_c1{
  width: 100%;
  height: 5.85%;
}
.new_index_container_new .box_c2{
  width: 100%;
  height: 19.5%;
}
.new_index_container_new .box_c3{
  margin-top: .052083rem;
  width: 100%;
  height:74.65%;
  position: relative;
}
.btnNavBox{
  background-color: #fff;
}
.toBi{
  /* width: .552083rem;
  height: .166667rem; */
  height: 32px;
  width: 100px;
  border-radius: 2px  0 0 2px;
  box-sizing: border-box;
}
.toIndex{
  /* width: .552083rem;
  height: .166667rem; */
  box-sizing: border-box;
  height: 32px;
  width: 100px;
  border-radius: 0 2px 2px 0 ;
}
.toBi .text,.toIndex .text{
  font-size: 16px;
}
.toBi .icon ,.toIndex .icon{
  width: 15px;
  height: 13px;
}
.toBi .icon img ,.toIndex .icon img{
  display: block;
  height: 100%;
  width: 100%;
}
.testcolor{
 color:#999999;
}
/* 导航 */
.nav_operat{
  width: 57%;
  height: 100%;
  background-color: #fff;

}
.nav_operat .nav_container{
  height: 71%;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.nav_erwei .nav_container{
  height: 71%;
  width: 100%;
  display: flex;
  justify-content: space-around;
  box-sizing: border-box;
  cursor: pointer;
  align-items: center;
}
.nav_erwei .nav_container .nav_item{
  font-size: .052083rem;
  width: .416667rem;
  height: .46875rem;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #cecece;
  position: relative;
}
.nav_erwei .nav_container .nav_item:first-child{
margin-left: .12083rem;
}
.nav_erwei .nav_container .nav_item:last-child{
margin-right: .152083rem;
}
.nav_operat .nav_title{
  box-sizing: border-box;
  height: 29%;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: .104167rem;
  font-size: .09375rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
}
.nav_erwei .nav_title{
  box-sizing: border-box;
  height: 29%;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: .104167rem;
  font-size: .09375rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
}
.nav_operat .nav_item{
  width: 100%;
  height: 100%;
  position: relative;
}
.nav_operat .nav_item .icon{
  /* width: .333333rem;
  height: .333333rem;
  border-radius: 50%; */
  padding-bottom: 30%;
  padding-left: 30%;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}
.nav_operat .nav_item:nth-child(1) .icon{
  background: url('../images/index_imges/yundanguanli.png') no-repeat;
  background-size:100% 100%;
}
.nav_operat .nav_item:nth-child(2) .icon{
  background: url('../images/index_imges/zhinengpaixian.png') no-repeat;
  background-size:100% 100%;
}
.nav_operat .nav_item:nth-child(3) .icon{
  background: url('../images/index_imges/kuaijietiaoxian.png') no-repeat;
  background-size:100% 100%;
}
.nav_operat .nav_item:nth-child(4) .icon{
  background: url('../images/index_imges/jisupaixian.png') no-repeat;
  background-size:100% 100%;
}
.nav_operat .nav_item:nth-child(5) .icon{
  background: url('../images/index_imges/renwuguanli.png') no-repeat;
  background-size:100% 100%;
}
.nav_operat .nav_item:nth-child(6) .icon{
  background: url('../images/index_imges/kehuzhongxin.png') no-repeat;
  background-size:100% 100%;
}
.nav_operat .nav_item .name{
  margin-top: .078125rem;
  font-size: .083333rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  cursor: pointer;
}
.nav_container .nav_item:first-child{
  margin-left: .104167rem;
}
.nav_container .nav_item:last-child{
  margin-right: .104167rem;
}
/* 二维码 */
.nav_erwei{ 
  width: 43%;
  height: 100%;
  background-color: #fff;
  margin-left: .052083rem;
}
.time_boxnew{
  padding-right: .104167rem;
  box-sizing: border-box;
  width: 100%;
  height: 10%;
  background-color: #fff;
}
.title_new {
  flex:1;
}
.time_box_new{
  flex:1.5;
}
.numTitle{
  padding-left: .104167rem;
  font-size: .09375rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
.numIcom{
  margin-left: 5px;
	width: .104167rem;
  height: .09375rem;
  cursor: pointer;
  position: relative;
}
.numIcom img{
	width: 100%;
  height:100%;
  display: block;
}
.time_box_new .recentlyWeek{
  font-size: .072917rem;
  color: #666666;
  padding: 5px 8px;
  border-radius: 4px;
}
.time_box_new .recentlyWeek.active-btn {
  background: #e6e6e6;
}
#preMonthNew {
  margin-right: 10px;
}
.chart_box_new{
  padding:  0 .104167rem .114583rem .104167rem ;
  height: 90%;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
}
.chart_box_father{
  width: 100%;
  height: 100%;
  position: relative;
  flex-wrap: wrap;
}
.oneItemStyle{
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 6px 0px 
  rgba(165, 164, 164, 0.44);
  border-radius: 4px;
  border: solid 1px #e2e2e2;
}
.twoItemStyle{
  width: calc((100% - .104167rem) / 2);
  height: 100%;
  box-shadow: 0px 0px 6px 0px 
  rgba(165, 164, 164, 0.44);
  border-radius: 4px;
  border: solid 1px #e2e2e2;
  box-sizing: border-box;
}
.twoSpacal{
  margin-left: .104167rem;
}
.threeItemStyle{
  width: calc((100% - .104167rem) / 2);
  height: calc((100% - .104167rem) / 2);
  box-sizing: border-box;
  box-shadow: 0px 0px 6px 0px 
  rgba(165, 164, 164, 0.44);
  border-radius: 4px;
  border: solid 1px #e2e2e2;
  box-sizing: border-box;
}
.threespac1{
  margin-left: .104167rem;
}
.threespac2{
  margin-top: .104167rem;
  width: 100%;
}
.fourItemStyle{
  width: calc((100% - .104167rem) / 2);
  height: calc((100% - .104167rem) / 2);
  box-shadow: 0px 0px 6px 0px 
  rgba(165, 164, 164, 0.44);
  border-radius: 4px;
  border: solid 1px #e2e2e2;
  box-sizing: border-box;
}
.fourspac1{
  margin-left: .104167rem;
}
.fourspac2{
  margin-top: .104167rem;
}
.fivItemStyle{
  width: calc((100% - .208333rem) / 3);
  height: calc((100% - .104167rem) / 2);
  box-shadow: 0px 0px 6px 0px 
  rgba(165, 164, 164, 0.44);
  border-radius: 4px;
  border: solid 1px #e2e2e2;
  box-sizing: border-box;
}
.fivspac1{
  margin-top: .104167rem;
  width: calc((100% - .104167rem) / 2);
  height: calc((100% - .104167rem) / 2);
}
.fivspac2{
  margin-left: .104167rem;
}
.sixItemStyle{
  width: calc((100% - .208333rem) / 3);
  height: calc((100% - .104167rem) / 2);
  box-shadow: 0px 0px 6px 0px 
  rgba(165, 164, 164, 0.44);
  border-radius: 4px;
  border: solid 1px #e2e2e2;
  box-sizing: border-box;
}
.sixspac1{
  margin-left: .104167rem;
}
.sixspac2{
  margin-top: .104167rem;
}
.check_box{
    position: absolute;
    top: 0px;
    left: .130208rem;
    z-index: 9999;
    width: 400px;
    height: 120px;
    background-color: #ffffff;
    /* background-color: red; */
    box-shadow: 0px 0px 8px 0px 
      rgba(165, 164, 164, 0.44);
      z-index: 99999;
  
}
.des{
  padding-left: 20px;
  justify-content:left;
  box-sizing: border-box;
  border-bottom:1px solid #e7e7e8;
}
.check_box .des >div:nth-child(1){
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #333333;
}
.check_box .des >div:nth-child(2){
  margin-left: 12px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #666666;
}
.checkedBoxc{
  margin-top: 7px;
  padding-left: 20px;
  box-sizing: border-box;
  cursor: move!important;
  width: 33.3%!important;
  height: 36px;
  display: flex!important;
  align-items: center;
}
.checkedBoxc:nth-child(n + 4){
  margin-top: 0px;
  height: 26px;
}
#check_id {
  display: flex;
  flex-wrap: wrap;
}
#check_id .layui-form-checkbox{
  /* cursor: move; */
}
#check_box{
  cursor: none;
}
#orderInfo,#delivInfo,#errInfo,#taskInfo,#carInfo,#diverInfo{
  position: relative;
}
.charTitle{
position: relative;
height: 18%;
width: 100%;
display: flex;
align-items: center;
padding-left: .104167rem;
box-sizing: border-box;
cursor: move;
}
.charTitle::after{
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  display: block;
  position: absolute;
  width: 16px;
  height: 8px;
  background: url('../images/index_imges/drag.png') no-repeat;
  background-size:100% 100%;
}
#chart_orderInfo,#chart_delivInfo,#chart_errInfo,#chart_taskInfo,#chart_carInfo,#chart_diverInfo{
  /* position: absolute;
  top: 18%; */
  position: relative;
  height: 82%;
  width: 100%;
}
.charTitle .left_box1{
  flex: 1;
  display: flex;

}
.charTitle .right_box1{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: .104167rem;
  box-sizing: border-box;
}
.charTitle .left_box1 .name{
  font-size: .072917rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
.charTitle .left_box1 .num{
  margin-left: .151042rem;
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #0d92ef;
}
.charTitle .right_box1 .menu1 ,.charTitle .right_box1 .menu2,.charTitle .right_box1 .menu3,.charTitle .right_box1 .menu4{
  /* width: .119792rem;
  height: .119792rem; */
  width: 26px;
  height: 26px;
  margin-left: .072917rem;
  cursor: pointer;
}
.charTitle .right_box1 .menu1 img,.charTitle .right_box1 .menu2 img,.charTitle .right_box1 .menu3 img,.charTitle .right_box1 .menu4 img{
 height: 100%;
 display: block;
}
.nav_erwei .nav_container .nav_item .wxxcx-code-box1 img {
  width: 110px;
  height: 110px;
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}
.nav_erwei .nav_container .nav_item  .wxxcx-code-box1 {
  width: 130px;
  height: 140px;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: .197917rem;
  transform: translateX(-50%);
  top:.520833rem;
  /* width: .520833rem; */
  padding-top: 10px;
  font-size: 12px;
  color: #666;
  text-align: center;
  z-index: 999;
  display: none;
}
.nav_erwei .nav_container .nav_item:nth-child(1) .div:nth-child(1) img{
  margin-left: .026042rem;
  margin-top: .026042rem;
  width: .083333rem;
	height: .083333rem;
}
.nav_erwei .nav_container .nav_item:nth-child(1) .div:nth-child(2) img{
  margin: 0 auto;
  display: block;
  width: .197917rem;
	height: .177083rem;
}
.nav_erwei .nav_container .nav_item:nth-child(1) .div:nth-child(3){
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  text-align: center;
  margin-top: .015625rem;
}
.nav_erwei .nav_container .nav_item:nth-child(2) .div:nth-child(1) img{
  margin-left: .026042rem;
  margin-top: .026042rem;
  width: .083333rem;
	height: .083333rem;
}
.nav_erwei .nav_container .nav_item:nth-child(2) .div:nth-child(2) img{
  margin: 0 auto;
  display: block;
  width: .197917rem;
	height: .177083rem;
}
.nav_erwei .nav_container .nav_item:nth-child(2) .div:nth-child(3){
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  text-align: center;
  margin-top: .015625rem;
}
.nav_erwei .nav_container .nav_item:nth-child(3) .div:nth-child(1) img{
  margin-left: .026042rem;
  margin-top: .026042rem;
  width: .083333rem;
	height: .083333rem;
}
.nav_erwei .nav_container .nav_item:nth-child(3) .div:nth-child(2) img{
  margin: 0 auto;
  display: block;
  width: .197917rem;
	height: .177083rem;
}
.nav_erwei .nav_container .nav_item:nth-child(3) .div:nth-child(3){
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  text-align: center;
  margin-top: .015625rem;
}
.nav_erwei .nav_container .nav_item:nth-child(6) .div:nth-child(1) img{
  margin-left: .026042rem;
  margin-top: .026042rem;
  width: .083333rem;
	height: .083333rem;
}
.nav_erwei .nav_container .nav_item:nth-child(6) .div:nth-child(2) img{
  margin: 0 auto;
  display: block;
  width: .197917rem;
	height: .177083rem;
}
.nav_erwei .nav_container .nav_item:nth-child(6) .div:nth-child(3){
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  text-align: center;
  margin-top: .015625rem;
}
.nav_erwei .nav_container .nav_item:nth-child(4) .div:nth-child(1) img{
  margin-left: .026042rem;
  margin-top: .026042rem;
  width: .083333rem;
	height: .083333rem;
}
.nav_erwei .nav_container .nav_item:nth-child(4) .div:nth-child(2) img{
  margin: 0 auto;
  display: block;
  width: .197917rem;
	height: .177083rem;
}
.nav_erwei .nav_container .nav_item:nth-child(4) .div:nth-child(3){
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  text-align: center;
  margin-top: .015625rem;
}
.nav_erwei .nav_container .nav_item:nth-child(5) .div:nth-child(1) img{
  margin-left: .026042rem;
  margin-top: .026042rem;
  width: .083333rem;
	height: .083333rem;
}
.nav_erwei .nav_container .nav_item:nth-child(5) .div:nth-child(2) img{
  margin: 0 auto;
  display: block;
  width: .197917rem;
	height: .177083rem;
}
.nav_erwei .nav_container .nav_item:nth-child(5) .div:nth-child(3){
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #333333;
  text-align: center;
  margin-top: .015625rem;
}
.time_box_new .recentlyWeek,#searchTimeStartNew,#searchTimeEndNew{
  cursor: pointer;
}
#chart_carInfo,#chart_diverInfo{
  padding: 0 .104167rem .104167rem .104167rem;
  box-sizing: border-box;
}
#table_diverInfo,#table_carInfo{
  position: relative;
  width: calc(100% );
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
#chart_carInfo .layui-table,#chart_diverInfo .layui-table  {
  margin: 0!important;
}
#chart_carInfo .layui-table th,#chart_diverInfo .layui-table th {
  padding: 0 15px!important;
}
#chart_carInfo .layui-table td,#chart_diverInfo .layui-table td {
  padding: 0 15px!important;
}
#chart_carInfo #table_carInfo .th {
  width: 100%;
  height: 20%;
  display: flex;
  background-color: #eff1f4;
  align-items: center;
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
#chart_carInfo #table_carInfo .view{
  width: 100%;
  height: 80%;
  overflow: auto;
}
#chart_carInfo #table_carInfo .view  .tr{
  width: 100%;
  background-color: #fff;
  height: 25%;
  display: flex;
  align-items: center;
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #666666;
}
#chart_carInfo #table_carInfo .th .td{
  width: 15%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#chart_carInfo #table_carInfo .tr .td{
  width: 15%;
  height: 100%;
  text-align: center;
  line-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#chart_carInfo #table_carInfo .view .tr .td:nth-child(4){
  width: 25%;
  text-align: center;
  justify-content: center;
}
#chart_carInfo #table_carInfo .view .tr .td:nth-child(5){
  width: 30%;
  text-align: center;
  justify-content: center;
}
#chart_carInfo #table_carInfo .th .td:nth-child(4){
  width: 25%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

}
#chart_carInfo #table_carInfo .th .td:nth-child(5){
  width: 30%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}
#table_diverInfo .th {
  width: 100%;
  height: 20%;
  display: flex;
  background-color: #eff1f4;
  align-items: center;
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
#table_diverInfo .view{
  width: 100%;
  height: 80%;
  overflow: auto;
}
#table_diverInfo .view  .tr{
  width: 100%;
  background-color: #fff;
  height: 25%;
  display: flex;
  align-items: center;
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}
#table_diverInfo .th .td{
  width: 15%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#table_diverInfo .tr .td{
  width: 15%;
  display: flex;
  height: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  
}
#table_diverInfo .view .tr .td{
  width: 25%;
  text-align: center;
  justify-content: center;
}
#table_diverInfo .view .tr .td{
  width: 30%;
  text-align: center;
  justify-content: center;
}
#table_diverInfo .th .td{
  width: 25%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

}
#table_diverInfo .th .td{
  width: 30%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
}
.nodata{
  text-align: center;
  line-height: 50px;
  font-size: .052083rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  font-size: .072917rem;
  color: #d0cfcf;
}
.alllook{
color: #66696e;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
#chart_carInfo .th ,#table_diverInfo .th{
  border: solid 1px #e1e0e0;
  box-sizing: border-box;
}
#chart_carInfo .th .td,#table_diverInfo .th .td{
  box-sizing: border-box;
  border-right: solid 1px #e1e0e0;
}
#chart_carInfo .tr ,#table_diverInfo .tr{
  border: solid 1px #e1e0e0;
  box-sizing: border-box;
}
#chart_carInfo .view .tr ,#table_diverInfo .view .tr{
  border-top: none;
  box-sizing: border-box;
}
#chart_carInfo .view .tr .td ,#table_diverInfo .view .tr .td{
  box-sizing: border-box;
  border-right: solid 1px #e1e0e0;
}
.XQ_dialog_btns .gray:hover {
  border: 1px solid rgb(52, 193, 99);
  color: rgb(52, 193, 99)
}
.XQ_dialog_btns .gray{
  background: none;
  border: 1px solid #d9d9d9;
  color: #666;
}
#task_info_table{
  height: 400px;
  overflow: auto;
  border: 1px solid #e1e0e0;

}
#task_info_table .th{
  width: 100%;
  display: flex;
  background-color: #eff1f4;
  align-items: center;
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}
#task_info_table .tr{
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  font-size: .072917rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #666666;
}
#task_info_table .th .td, #task_info_table .tr .td  {
  width: 20%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#task_info_table .th .td, #task_info_table .tr .td {
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border-right: solid 1px #e1e0e0;
}
#task_info_table .th .td:last-child, #task_info_table .tr .td:last-child{
  border: none;
}
#task_info_table>div:not(:first-child){
  border-bottom: solid 1px #e1e0e0;
}