@charset "UTF-8";
html,
body {
  margin: 0;
  padding: 0; }

body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #333;
  font-size: 16px;
  background: #F8F8F8; }

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0; }

body input {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "PingFangSC-Regular", "微软雅黑", Arial, sans-serif; }

body li,
body ul {
  padding: 0;
  margin: 0;
  list-style: none; }

body img {
  display: block; }

body i {
  font-style: normal; }

a {
  color: #333333; }

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  text-decoration: none; }

input {
  padding: 0; }

input::-webkit-input-placeholder {
  color: #bebebe; }

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #bebebe; }

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #bebebe; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bebebe; }

input:focus {
  outline: none; }

.redColor, .red {
  color: #ED6D68; }

.blueColor, .blue {
  color: #48A5F8; }

.orangeColor, .orange {
  color: #EF7D53; }

.greenColor, .green {
  color: #63CE87; }

.grayColor, .gray {
  color: #999999; }

.on {
  display: block; }

/**滚动条 start**/
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background-color: transparent; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset transparent 0 0 4px;
  background-color: transparent;
  border-radius: 4px; }

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 4px transparent;
  background-color: #48A5F8; }

/**滚动条 end**/
.empty_data {
  padding: 150px 30px 100px;
  text-align: center; }
  .empty_data img {
    margin: 0 auto; }
  .empty_data p {
    margin: 10px auto;
    color: #999; }

body .hide {
  display: none; }

.w1200 {
  width: 1200px;
  margin: 0 auto; }

.w880 {
  width: 880px;
  margin-right: 20px; }

.w300 {
  width: 300px; }

.m30 {
  margin-top: 30px; }

/*首页模块大标题*/
.bigTitle {
  text-align: center;
  line-height: 1;
  margin: 75px auto 60px; }
  .bigTitle h2 {
    font-size: 30px;
    font-weight: 400; }
  .bigTitle i {
    width: 66px;
    height: 2px;
    background: #48A5F8;
    display: block;
    margin: 17px auto 20px; }
  .bigTitle p {
    font-size: 18px;
    color: #999999; }

/*首页模块大标题*/
/*带图标标题*/
.iconTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px; }
  .iconTitle h3 {
    font-size: 18px;
    display: flex;
    align-items: center; }
    .iconTitle h3 i {
      color: #48A5F8;
      margin-right: 6px;
      font-size: 19px; }
  .iconTitle a {
    color: #999999;
    font-size: 14px; }

/*带图标标题*/
/*个人中心右边框标题*/
.userCenter_title {
  font-size: 18px;
  padding: 24px;
  margin-bottom: 34px;
  border-bottom: 1px solid #EDEDED;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .userCenter_title .operation a {
    margin-left: 15px;
    font-size: 14px;
    padding: 6px 20px;
    background-color: rgba(72, 165, 248, 0.1);
    border: 1px solid #48A5F8;
    color: #48A5F8;
    border-radius: 3px; }
    .userCenter_title .operation a.bg-gray {
      border: 1px solid #ccc;
      background-color: #fafafa;
      color: gray; }

/*个人中心右边框标题*/
/*查看更多按钮*/
.moreBtn {
  text-align: center;
  margin: 70px 0px 0px; }
  .moreBtn a {
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 40px;
    border: 1px solid #48A5F8;
    color: #48A5F8;
    font-size: 14px;
    border-radius: 5px;
    line-height: 40px; }
    .moreBtn a i {
      margin-left: 10px; }

/*查看更多按钮*/
.moreBtn a:hover {
  border: 1px solid #48A5F8;
  background: #48A5F8;
  color: #FFFFFF; }

/*分页*/
.page {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-top: 80px; }
  .page .pagination {
    overflow: hidden;
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    margin: 0 auto; }
    .page .pagination li {
      width: 32px;
      height: 32px;
      background: #FFFFFF;
      border: 1px solid #EDEDED;
      border-radius: 5px;
      text-align: center;
      line-height: 32px;
      margin: 0px 5px;
      cursor: pointer; }
      .page .pagination li a {
        color: #999999;
        display: block; }
    .page .pagination li.disabled,
    .page .pagination li.disabled:hover {
      background: #EDEDED;
      color: #C4C4C4;
      border-color: #EDEDED;
      cursor: initial; }
    .page .pagination li.active,
    .page .pagination li:hover {
      background: #48A5F8;
      border-color: #48A5F8;
      color: #FFFFFF; }
      .page .pagination li.active a,
      .page .pagination li:hover a {
        color: #FFFFFF; }

/*分页*/
/*状态提示框*/
.statusTips {
  background: #fdfdf1;
  border: 1px solid #f9f2ea;
  padding: 10px 20px;
  margin-bottom: 30px;
  display: table;
  width: calc(100% - 40px); }
  .statusTips p {
    display: inline;
    line-height: 26px; }
  .statusTips i {
    margin-right: 6px; }

/*状态提示框*/
.header.sticky .top-notice {
  height: 0;
  opacity: 0; }
.header.sticky .top-menu {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  box-shadow: 0 0 10px 1px #e5e5e5; }
.header .top-notice {
  background: #F7F7F7;
  opacity: 1; }
  .header .top-notice .w1200 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 47px; }
    .header .top-notice .w1200 .notice {
      width: 980px;
      font-size: 14px;
      display: flex;
      align-items: center; }
      .header .top-notice .w1200 .notice i {
        margin-right: 10px; }
    .header .top-notice .w1200 .phone a {
      color: #333333;
      font-size: 20px; }
      .header .top-notice .w1200 .phone a i {
        color: #4ba6f8; }
.header .top-menu {
  background: #FFFFFF; }
  .header .top-menu .w1200 {
    height: 100px;
    line-height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .header .top-menu .w1200 .logo {
      width: 190px; }
      .header .top-menu .w1200 .logo img {
        width: 100%; }
    .header .top-menu .w1200 .menu ul {
      display: flex;
      align-items: center; }
      .header .top-menu .w1200 .menu ul li {
        height: 50px;
        line-height: 50px;
        margin-right: 38px; }
        .header .top-menu .w1200 .menu ul li a {
          line-height: 45px;
          padding-bottom: 12px; }
      .header .top-menu .w1200 .menu ul li.active a,
      .header .top-menu .w1200 .menu ul li:hover a {
        color: #48A5F8;
        border-bottom: 2px solid #48A5F8; }
    .header .top-menu .w1200 .login-box .box a {
      display: block;
      width: 85px;
      height: 35px;
      color: #FFFFFF;
      font-size: 14px;
      text-align: center;
      line-height: 35px;
      background: #48A5F8;
      border-radius: 3px; }
    .header .top-menu .w1200 .login-box .box a:hover {
      background: #1e79ca; }
    .header .top-menu .w1200 .login-box.signOut {
      display: flex;
      align-items: center; }
      .header .top-menu .w1200 .login-box.signOut .photo {
        width: 40px;
        height: 40px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 12px;
        border-radius: 50%;
        border: 1px solid #EDEDED; }
        .header .top-menu .w1200 .login-box.signOut .photo img {
          width: 100%; }
      .header .top-menu .w1200 .login-box.signOut a {
        color: #48A5F8;
        font-size: 14px; }
.header .top-menu.sticky {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  box-shadow: 0 0 10px 1px #e5e5e5; }

/*  首页开始*/
/*  banner*/
.banner {
  width: 100%;
  overflow: hidden; }
  .banner .swiper-container .swiper-slide a img {
    width: 100%;
    margin: 0 auto; }

/*  advIcon*/
.advIcon {
  width: 1060px;
  margin: 50px auto 0px; }
  .advIcon ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1; }
    .advIcon ul .list_item {
      text-align: center; }
      .advIcon ul .list_item .pic {
        width: 52px;
        height: 52px;
        display: inline-block; }
        .advIcon ul .list_item .pic img {
          display: inline-block;
          width: auto;
          height: 52px; }
      .advIcon ul .list_item .txt span {
        display: block;
        font-size: 18px;
        margin: 16px 0px 20px; }
      .advIcon ul .list_item .txt p {
        font-size: 14px; }

.packageBox_index .packageList .swiper-container {
  padding: 10px; }
  .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item {
    position: relative;
    box-sizing: border-box; }
    .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a {
      width: 224px;
      height: 274px;
      margin-right: 20px;
      display: block;
      background: #FFFFFF;
      border: 1px solid #EDEDED;
      border-radius: 5px;
      text-align: center;
      line-height: 1; }
      .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a .hotIcon {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 35px;
        background: #ED6D68;
        color: #FFFFFF;
        text-align: center;
        line-height: 35px;
        border-radius: 5px 0px 5px 0px; }
      .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a h4 {
        margin-top: 56px;
        font-size: 22px; }
      .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a h6 {
        font-size: 16px;
        font-weight: 400;
        color: #666666;
        margin: 14px 0 23px; }
      .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a h3 {
        font-size: 28px; }
        .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a h3 i {
          font-size: 18px; }
      .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a p {
        margin: 18px 0 24px; }
      .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a div {
        width: 100px;
        height: 35px;
        border-radius: 3px;
        line-height: 35px;
        background: #EEF6FD;
        color: #48A5F8;
        margin: 0 auto; }
    .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a:hover {
      border: 1px solid #EEF6FD;
      background: #EEF6FD; }
      .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item a:hover div {
        background: #48A5F8;
        color: #FFFFFF; }
  .packageBox_index .packageList .swiper-container .swiper-wrapper .packageList_item:last-child a {
    margin-right: 0; }

.companyPackage_index {
  width: 100%;
  height: 360px;
  background: url(../images/index_bg_1.png) no-repeat center;
  margin-top: 110px; }
  .companyPackage_index ul {
    width: 860px;
    display: flex;
    align-items: flex-start;
    padding-top: 64px; }
    .companyPackage_index ul li {
      position: relative;
      height: 260px; }
      .companyPackage_index ul li h4 {
        font-size: 26px;
        line-height: 25px;
        font-weight: 400;
        margin-bottom: 54px; }
        .companyPackage_index ul li h4 span {
          font-size: 16px;
          color: #658FF7;
          margin-left: 18px; }
      .companyPackage_index ul li p {
        padding-left: 47px;
        background: url(../images/download.png) no-repeat;
        background-size: 26px 19px;
        background-position: left center;
        margin-bottom: 16px; }
      .companyPackage_index ul li a {
        position: absolute;
        bottom: 0;
        display: block;
        width: 209px;
        height: 52px;
        border: 1px solid #658FF7;
        border-radius: 27px;
        text-align: center;
        line-height: 52px;
        color: #658FF7; }
        .companyPackage_index ul li a i {
          margin-left: 16px; }
      .companyPackage_index ul li a:hover {
        background: #658FF7;
        color: #FFFFFF; }
    .companyPackage_index ul li:first-child {
      margin-right: 170px; }

/*teamBox*/
.teamBox_index .teamList .teamList_item.out {
  filter: grayscale(1); }
.teamBox_index .teamList .teamList_item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  padding: 20px 32px;
  border: 1px solid #EDEDED;
  margin-bottom: 30px;
  border-radius: 5px;
  background-color: #fff; }
  .teamBox_index .teamList .teamList_item a h4 {
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 0px; }
  .teamBox_index .teamList .teamList_item a .teamLogo {
    width: 62px;
    height: 62px;
    margin-right: 20px;
    border-radius: 50%;
    border: 1px solid #EDEDED; }
    .teamBox_index .teamList .teamList_item a .teamLogo img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .teamBox_index .teamList .teamList_item a .teamName {
    width: 240px;
    text-align: left; }
    .teamBox_index .teamList .teamList_item a .teamName h4 {
      font-weight: 400;
      width: calc(100% - 10px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .teamBox_index .teamList .teamList_item a .teamName .star span {
      margin-right: 15px; }
    .teamBox_index .teamList .teamList_item a .teamName .star img {
      width: 100px;
      display: inline-block; }
  .teamBox_index .teamList .teamList_item a .teamPrice, .teamBox_index .teamList .teamList_item a .teamAll, .teamBox_index .teamList .teamList_item a .teamRate, .teamBox_index .teamList .teamList_item a .btn {
    width: calc((100% - 240px - 64px - 20px) / 4);
    text-align: center; }
  .teamBox_index .teamList .teamList_item a .teamName, .teamBox_index .teamList .teamList_item a .teamPrice, .teamBox_index .teamList .teamList_item a .teamAll {
    line-height: 40px; }
  .teamBox_index .teamList .teamList_item a .teamPrice h4 {
    color: #ED6D68; }
    .teamBox_index .teamList .teamList_item a .teamPrice h4 i {
      font-size: 14px;
      color: #333333; }
  .teamBox_index .teamList .teamList_item a .teamRate {
    display: flex;
    align-items: center;
    justify-content: center; }
    .teamBox_index .teamList .teamList_item a .teamRate .rateBox {
      width: 68px;
      text-align: center; }
      .teamBox_index .teamList .teamList_item a .teamRate .rateBox .ratePic img {
        width: 48px;
        height: 48px;
        display: inline-block; }
      .teamBox_index .teamList .teamList_item a .teamRate .rateBox .ratePic .circles-text {
        font-size: 12px !important;
        color: #48A5F8 !important;
        transform: scale(0.9); }
      .teamBox_index .teamList .teamList_item a .teamRate .rateBox p {
        font-size: 12px;
        margin-top: 7px; }
  .teamBox_index .teamList .teamList_item a .btn {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .teamBox_index .teamList .teamList_item a .btn span {
      width: 80px;
      height: 35px;
      border-radius: 3px;
      line-height: 35px;
      background: #EEF6FD;
      color: #48A5F8;
      text-align: center;
      font-size: 14px; }
.teamBox_index .teamList .teamList_item a:hover {
  border: 1px solid #EEF6FD;
  background: #EEF6FD; }
  .teamBox_index .teamList .teamList_item a:hover .btn span {
    background: #48A5F8;
    color: #FFFFFF; }

@media only screen and (max-width: 1800px) {
  .caseBox_index {
    width: 100%;
    overflow-x: hidden; }

  .caseCarousel {
    min-width: 1920px !important; } }
.caseBox_index .caseCarousel {
  min-width: calc(100vw - 30px); }
  .caseBox_index .caseCarousel .swiper-container {
    padding: 30px; }
    .caseBox_index .caseCarousel .swiper-container .swiper-wrapper {
      -webkit-transition-timing-function: linear;
      /*之前是ease-out*/
      -moz-transition-timing-function: linear;
      -ms-transition-timing-function: linear;
      -o-transition-timing-function: linear;
      transition-timing-function: linear; }
      .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a {
        display: block;
        width: 382px;
        height: 268px;
        background: #FFFFFF;
        padding: 20px 30px;
        box-sizing: border-box;
        box-shadow: 0 0 26px #EDEDED; }
        .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .topName {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 13px; }
          .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .topName h4 {
            width: calc(100% - 110px);
            display: flex;
            align-items: center; }
            .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .topName h4 img {
              width: 30px;
              height: 30px;
              border-radius: 50%;
              border: 1px solid #ebebeb; }
            .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .topName h4 .nickname {
              width: calc(100% - 32px-5px);
              margin-left: 5px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
          .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .topName .number {
            width: 100px;
            height: 35px;
            background: #EEF6FD;
            border-radius: 4px;
            text-align: center;
            line-height: 35px;
            color: #48A5F8; }
        .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .evaluate {
          font-size: 14px;
          padding-bottom: 24px;
          border-bottom: 1px solid #EDEDED;
          margin-bottom: 26px;
          line-height: 22px; }
          .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .evaluate p {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            min-height: 40px; }
        .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .bottomMsg {
          display: flex;
          align-items: center;
          font-size: 14px; }
          .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .bottomMsg .casePic {
            width: 114px;
            height: 74px;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 40px; }
            .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .bottomMsg .casePic img {
              width: 100%; }
          .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .bottomMsg .casePackages div {
            line-height: 1;
            margin-bottom: 10px; }
          .caseBox_index .caseCarousel .swiper-container .swiper-wrapper .swiper-slide a .bottomMsg .casePackages div:last-child {
            margin-bottom: 0; }

/*guideBox*/
.guideBox {
  height: 295px;
  padding: 2px 0px 67px;
  background: url(../images/index_bg_2.png) no-repeat center;
  margin-top: 110px; }
  .guideBox .bigTitle {
    margin-top: 48px; }
  .guideBox ul {
    width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .guideBox ul li .pic {
      margin-bottom: 32px; }
      .guideBox ul li .pic img {
        margin: 0 auto; }
    .guideBox ul li span {
      font-weight: bold; }

/*msgBox*/
.msgBox_index ul {
  display: flex; }
  .msgBox_index ul .caseList_item {
    width: 370px;
    margin-right: 45px;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    box-sizing: none; }
    .msgBox_index ul .caseList_item .img {
      width: 100%;
      height: 250px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
      .msgBox_index ul .caseList_item .img img {
        height: 100%; }
    .msgBox_index ul .caseList_item .text {
      padding: 29px; }
      .msgBox_index ul .caseList_item .text .top h4 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        margin-bottom: 12px;
        font-size: 20px;
        font-weight: 400; }
      .msgBox_index ul .caseList_item .text .top .desc a {
        line-height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
      .msgBox_index ul .caseList_item .text .top:hover h4 a {
        color: #48A5F8; }
      .msgBox_index ul .caseList_item .text .top:hover .desc a {
        text-decoration: underline; }
      .msgBox_index ul .caseList_item .text .line {
        margin: 18px 0px 30px;
        width: 100px;
        height: 2px;
        background: #000000; }
      .msgBox_index ul .caseList_item .text .others p {
        font-size: 14px;
        line-height: 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%; }
        .msgBox_index ul .caseList_item .text .others p a:hover {
          color: #48A5F8; }
  .msgBox_index ul .caseList_item:last-child {
    margin-right: 0px; }
  .msgBox_index ul .caseList_item:hover {
    box-shadow: 0 0 16px #dedede; }

/*  首页结束*/
/*footer*/
.footer {
  margin-top: 120px;
  background: #373737; }
  .footer .footer-box {
    color: #FFFFFF;
    padding: 60px 0px 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .footer .footer-box h3 {
      font-size: 16px;
      margin-bottom: 18px; }
    .footer .footer-box .item .phone {
      font-size: 22px;
      color: #48A5F8; }
    .footer .footer-box .item .line {
      display: block;
      width: 146px;
      height: 1px;
      background: #969696;
      opacity: 0.2;
      margin: 22px 0px 20px; }
    .footer .footer-box .item .time p {
      font-size: 14px;
      margin-top: 12px; }
    .footer .footer-box .item .ewm {
      display: flex;
      text-align: center;
      margin-left: 100px; }
      .footer .footer-box .item .ewm div {
        margin-right: 120px; }
        .footer .footer-box .item .ewm div img {
          width: 120px;
          margin-bottom: 18px; }
      .footer .footer-box .item .ewm div:last-child {
        margin-right: 0; }
    .footer .footer-box .item.link {
      width: 120px; }
      .footer .footer-box .item.link p a {
        color: #FFFFFF;
        display: block;
        font-size: 14px;
        margin-bottom: 14px; }
      .footer .footer-box .item.link p a:hover {
        color: #48A5F8; }
  .footer .friend-link {
    padding-bottom: 20px; }
    .footer .friend-link a {
      color: #fff;
      margin-right: 10px;
      font-size: 12px; }
      .footer .friend-link a:first-child {
        margin-right: 5px; }
  .footer .copyright {
    text-align: center;
    background: #2E2E2E;
    font-size: 12px;
    color: #C4C4C4;
    padding: 14px 0px; }
    .footer .copyright a {
      color: #C4C4C4; }
    .footer .copyright a:hover {
      color: #48A5F8; }

/* footer*/
/*右侧悬浮 */
.slide-right-box {
  position: fixed;
  right: 28px;
  bottom: 280px;
  z-index: 1000; }
  .slide-right-box ul {
    background-color: #fff; }
    .slide-right-box ul li {
      width: 66px;
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      border: 1px solid #EDEDED;
      position: relative;
      cursor: pointer; }
      .slide-right-box ul li h5 {
        font-size: 12px;
        color: #333;
        margin-top: 11px;
        line-height: 1; }
      .slide-right-box ul li img {
        display: block;
        width: 30px;
        margin: 0 auto; }
      .slide-right-box ul li div.ewm-box {
        position: absolute;
        left: -185px;
        top: -125px;
        width: 120px;
        background-color: #FFF;
        border: 1px solid #ddd;
        padding: 20px;
        display: none; }
        .slide-right-box ul li div.ewm-box div.ewm {
          width: 100%;
          text-align: center; }
          .slide-right-box ul li div.ewm-box div.ewm img {
            width: 110px;
            height: 110px;
            display: block; }
          .slide-right-box ul li div.ewm-box div.ewm p {
            line-height: 40px;
            font-size: 16px;
            color: #333333;
            font-weight: bold; }
      .slide-right-box ul li div.ewm-box:after {
        content: "";
        display: block;
        position: absolute;
        top: calc(43% - 10px);
        right: -15px;
        width: 15px;
        height: 25px;
        background-image: url(../images/sjx.png);
        background-size: 100% 100%; }
    .slide-right-box ul li:nth-child(2):hover div.ewm-box {
      display: block; }

/*  右侧悬浮*/
/*  案例列表开始*/
.left_rightBox {
  display: flex;
  align-items: flex-start; }

.caseBox_case .caseBoxList .caseBox_item {
  background: #FFFFFF;
  padding: 30px;
  margin-bottom: 20px; }
  .caseBox_case .caseBoxList .caseBox_item a {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .caseBox_case .caseBoxList .caseBox_item a .left {
      width: 244px;
      height: 160px;
      background: #F4F4F4;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border: 1px solid #EDEDED;
      box-sizing: border-box; }
      .caseBox_case .caseBoxList .caseBox_item a .left img {
        width: 100%; }
    .caseBox_case .caseBoxList .caseBox_item a .right {
      width: calc(100% - 278px); }
      .caseBox_case .caseBoxList .caseBox_item a .right .topName {
        border-bottom: 1px solid #EDEDED;
        padding-bottom: 20px;
        margin-bottom: 14px;
        line-height: 1; }
        .caseBox_case .caseBoxList .caseBox_item a .right .topName .name {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 14px; }
          .caseBox_case .caseBoxList .caseBox_item a .right .topName .name h4 {
            width: 360px;
            font-size: 18px;
            display: flex;
            align-items: center; }
            .caseBox_case .caseBoxList .caseBox_item a .right .topName .name h4 img {
              width: 30px;
              height: 30px;
              border-radius: 50%;
              border: 1px solid #ebebeb; }
            .caseBox_case .caseBoxList .caseBox_item a .right .topName .name h4 .nickname {
              width: calc(100% - 32px-5px);
              margin-left: 5px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
        .caseBox_case .caseBoxList .caseBox_item a .right .topName .time {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .caseBox_case .caseBoxList .caseBox_item a .right .topName .time div span {
            font-weight: bold; }
          .caseBox_case .caseBoxList .caseBox_item a .right .topName .time .number {
            color: #48A5F8;
            width: 100px;
            height: 35px;
            background: #EEF6FD;
            border-radius: 4px;
            text-align: center;
            line-height: 35px; }
      .caseBox_case .caseBoxList .caseBox_item a .right .evaluate {
        width: 100%;
        line-height: 28px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
.caseBox_case .caseBoxList .caseBox_item:hover {
  background: #EEF6FD; }

.aside .vehicleService_aside {
  background: #FFFFFF;
  padding: 30px;
  margin-bottom: 20px;
  transition: 1s; }
  .aside .vehicleService_aside ul {
    display: table; }
    .aside .vehicleService_aside ul li {
      display: inline-block;
      margin: 0px 20px 20px 0px; }
      .aside .vehicleService_aside ul li a {
        display: block;
        font-size: 14px;
        color: #999999;
        border: 1px solid #F0F0F0;
        width: 110px;
        height: 35px;
        line-height: 35px;
        border-radius: 5px;
        box-sizing: border-box;
        text-align: center; }
      .aside .vehicleService_aside ul li a:hover {
        color: #48A5F8;
        border-color: #48A5F8; }
    .aside .vehicleService_aside ul li:nth-child(even) {
      margin-right: 0px; }
.aside .hotPackage_aside {
  background: #FFFFFF;
  padding: 30px 0px 0px;
  line-height: 1;
  margin-bottom: 20px; }
  .aside .hotPackage_aside .iconTitle {
    padding-left: 30px; }
  .aside .hotPackage_aside .list li {
    padding: 20px;
    border-bottom: 1px dashed #EFEFEF; }
    .aside .hotPackage_aside .list li a {
      display: flex;
      align-items: center; }
      .aside .hotPackage_aside .list li a .img {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin-right: 20px;
        border: 1px solid #EDEDED;
        box-sizing: border-box; }
        .aside .hotPackage_aside .list li a .img img {
          height: 100%; }
      .aside .hotPackage_aside .list li a .txt {
        width: calc(100% - 100px); }
        .aside .hotPackage_aside .list li a .txt h4 {
          margin-bottom: 10px;
          margin-top: 5px; }
        .aside .hotPackage_aside .list li a .txt .price {
          color: #999999;
          line-height: 26px; }
          .aside .hotPackage_aside .list li a .txt .price span {
            font-weight: bold; }
  .aside .hotPackage_aside .list li:hover {
    background: #EEF6FD; }
    .aside .hotPackage_aside .list li:hover a h4 {
      color: #48A5F8; }
  .aside .hotPackage_aside .list li:last-child {
    border-bottom: none; }
.aside .qua_aside {
  background: #FFFFFF;
  padding: 30px 0px 0px;
  line-height: 1;
  margin-bottom: 20px; }
  .aside .qua_aside .iconTitle {
    padding-left: 30px; }
  .aside .qua_aside ul {
    width: 100%; }
    .aside .qua_aside ul li {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 20px;
      border-bottom: 1px dashed #f1f1f1; }
      .aside .qua_aside ul li a i {
        color: #dfdfdf;
        margin-right: 6px; }
    .aside .qua_aside ul li:hover {
      background: #EEF6FD; }
      .aside .qua_aside ul li:hover a {
        color: #48A5F8; }
        .aside .qua_aside ul li:hover a i {
          color: #48A5F8; }
    .aside .qua_aside ul li:last-child {
      border-bottom: none; }
.aside .wxkf {
  padding: 10px 15px;
  margin-bottom: 0; }
  .aside .wxkf.item-box {
    margin: 0px auto 30px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 5px #d7d7d7; }
    .aside .wxkf.item-box .title {
      font-weight: bold;
      padding: 15px 20px;
      font-size: 16px;
      border-bottom: 1px solid #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .aside .wxkf.item-box .title span {
        margin-right: 40px;
        cursor: pointer;
        display: inline-block; }
      .aside .wxkf.item-box .title span.on {
        color: #48a5f8; }
        .aside .wxkf.item-box .title span.on i {
          color: #48a5f8; }
      .aside .wxkf.item-box .title i {
        margin-right: 5px; }
      .aside .wxkf.item-box .title a.more {
        font-size: 14px;
        color: #999; }
      .aside .wxkf.item-box .title small {
        cursor: pointer; }
  .aside .wxkf .tel {
    font-size: 12px; }
    .aside .wxkf .tel p {
      color: #999; }
    .aside .wxkf .tel dl {
      display: flex;
      align-items: center;
      margin: 10px 0; }
      .aside .wxkf .tel dl dt {
        transform: rotate(-30deg);
        margin-right: 10px; }
        .aside .wxkf .tel dl dt i {
          width: 25px;
          height: 25px;
          text-align: center;
          line-height: 25px;
          color: #fff;
          border-radius: 50%;
          background-color: #48a5f8; }
      .aside .wxkf .tel dl dd {
        font-size: 26px;
        color: #48a5f8;
        margin-left: 5px; }
  .aside .wxkf .wxkfVQ {
    display: flex;
    color: #333;
    line-height: 30px;
    font-size: 12px; }
    .aside .wxkf .wxkfVQ img {
      width: 76px;
      height: 76px;
      overflow: hidden;
      border: 2px solid #f8fafc;
      border-radius: 5px;
      margin-right: 10px; }
.aside .kefu_aside {
  text-align: center;
  padding: 34px 20px;
  background: #FFFFFF; }
  .aside .kefu_aside .wxkfVQ {
    padding-bottom: 27px;
    margin-bottom: 30px;
    border-bottom: 2px dashed #EDEDED; }
    .aside .kefu_aside .wxkfVQ img {
      width: 144px;
      margin: 0 auto; }
    .aside .kefu_aside .wxkfVQ h3 {
      font-weight: 400;
      margin: 17px 0px; }
  .aside .kefu_aside .tel h2 {
    font-size: 22px; }
  .aside .kefu_aside .tel p {
    font-size: 14px;
    margin-top: 16px; }

.aside.on {
  position: fixed;
  top: 120px;
  width: 300px;
  z-index: 99; }
  .aside.on .qua_aside, .aside.on .vehicleService_aside {
    display: none; }

/*案例列表结束*/
/*  案例详情开始*/
.caseBox_caseShow .case_top {
  display: flex;
  align-items: flex-start;
  background: #FFFFFF;
  padding: 30px;
  margin-bottom: 23px; }
  .caseBox_caseShow .case_top .pic {
    width: 244px;
    height: 160px;
    overflow: hidden;
    margin-right: 34px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .caseBox_caseShow .case_top .pic img {
      width: 100%; }
  .caseBox_caseShow .case_top .cont {
    width: calc(100% - 278px);
    line-height: 1; }
    .caseBox_caseShow .case_top .cont .name {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      line-height: 24px; }
      .caseBox_caseShow .case_top .cont .name div {
        width: 340px;
        display: flex;
        align-items: flex-start; }
        .caseBox_caseShow .case_top .cont .name div h3 {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .caseBox_caseShow .case_top .cont .name div h3 img {
            width: 30px;
            height: 30px;
            border: 1px solid #ebebeb;
            border-radius: 50%;
            overflow: hidden; }
          .caseBox_caseShow .case_top .cont .name div h3 span {
            width: calc(100% - 32px - 5px);
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .caseBox_caseShow .case_top .cont .name div h3 i {
            display: inline-block;
            width: 67px;
            height: 22px;
            background: #EEF6FD;
            border-radius: 4px;
            text-align: center;
            line-height: 22px;
            font-size: 14px;
            font-weight: 400; }
    .caseBox_caseShow .case_top .cont .price {
      margin: 32px 0px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .caseBox_caseShow .case_top .cont .price p {
        display: flex;
        align-items: center; }
      .caseBox_caseShow .case_top .cont .price span {
        font-size: 24px;
        font-weight: bold; }
      .caseBox_caseShow .case_top .cont .price .btn {
        background: #E3E3E3;
        color: #888888; }
    .caseBox_caseShow .case_top .cont .number {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .caseBox_caseShow .case_top .cont .number p {
        width: 129px;
        height: 35px;
        background: #EEF6FD;
        border-radius: 4px;
        text-align: center;
        line-height: 35px; }
    .caseBox_caseShow .case_top .cont a.btn {
      background-color: #48a5f8;
      color: #fff;
      font-size: 14px;
      padding: 8px 15px;
      border-radius: 4px; }
.caseBox_caseShow .case_bottom {
  background: #FFFFFF;
  padding: 30px; }
  .caseBox_caseShow .case_bottom .time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px; }
    .caseBox_caseShow .case_bottom .time .star {
      display: flex;
      align-items: center; }
      .caseBox_caseShow .case_bottom .time .star img {
        display: inline-block;
        margin-left: 18px;
        height: 22px; }
  .caseBox_caseShow .case_bottom .cont {
    min-height: 300px;
    line-height: 28px; }

/*  案例详情结束*/
/*团队列表开始*/
.left_rightBox .teamBox_index .teamList ul .teamList_item.out {
  filter: grayscale(1); }
.left_rightBox .teamBox_index .teamList ul .teamList_item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  padding: 20px 32px;
  border: 1px solid #EDEDED;
  margin-bottom: 30px;
  border-radius: 5px; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a h4 {
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 0px; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamLogo {
    width: 62px;
    height: 62px;
    margin-right: 20px;
    border-radius: 50%;
    border: 1px solid #EDEDED; }
    .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamLogo img {
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamName {
    width: 220px;
    text-align: left; }
    .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamName h4 {
      font-weight: 400;
      width: calc(100% - 10px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamName .star span {
      margin-right: 15px; }
    .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamName .star img {
      width: 100px;
      display: inline-block; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamPrice, .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamAll, .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamRate, .left_rightBox .teamBox_index .teamList ul .teamList_item a .btn {
    width: calc((100% - 220px - 64px - 20px) / 4);
    text-align: center; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamName, .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamPrice, .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamAll {
    line-height: 40px; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamPrice h4 {
    color: #ED6D68; }
    .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamPrice h4 i {
      font-size: 14px;
      color: #333333; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamRate {
    display: flex;
    align-items: center;
    justify-content: center; }
    .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamRate .rateBox {
      width: 68px;
      text-align: center; }
      .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamRate .rateBox .ratePic img {
        width: 48px;
        height: 48px;
        display: inline-block; }
      .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamRate .rateBox .ratePic .circles-text {
        font-size: 12px !important;
        color: #48A5F8 !important;
        transform: scale(0.9); }
      .left_rightBox .teamBox_index .teamList ul .teamList_item a .teamRate .rateBox p {
        font-size: 12px;
        margin-top: 7px; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a .btn {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .left_rightBox .teamBox_index .teamList ul .teamList_item a .btn span {
      width: 80px;
      height: 35px;
      border-radius: 3px;
      line-height: 35px;
      background: #EEF6FD;
      color: #48A5F8;
      text-align: center;
      font-size: 14px; }
.left_rightBox .teamBox_index .teamList ul .teamList_item a:hover {
  border: 1px solid #EEF6FD;
  background: #EEF6FD; }
  .left_rightBox .teamBox_index .teamList ul .teamList_item a:hover .btn span {
    background: #48A5F8;
    color: #FFFFFF; }

/*团队列表结束*/
.about-menu-title {
  margin-bottom: 30px; }
  .about-menu-title a {
    padding: 5px 15px;
    margin-right: 15px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    color: #999; }
    .about-menu-title a.active {
      border: 1px solid #48a5f8;
      color: #48a5f8;
      background-color: rgba(72, 165, 248, 0.1); }

/*资讯列表开始*/
.msgBoxList {
  background: #FFFFFF; }
  .msgBoxList .msgBox_item {
    padding: 30px;
    border-bottom: 1px solid #EDEDED; }
    .msgBoxList .msgBox_item a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      line-height: 1;
      font-size: 14px; }
      .msgBoxList .msgBox_item a .left {
        width: 220px;
        height: 150px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #EDEDED;
        box-sizing: border-box; }
        .msgBoxList .msgBox_item a .left img {
          height: 100%;
          transition: 500ms ease-out;
          -webkit-transition: 500ms ease-out;
          -ms-transition: 500ms ease-out;
          -moz-transition: 500ms ease-out;
          -o-transition: 500ms ease-out; }
      .msgBoxList .msgBox_item a .right {
        width: calc(100% - 244px); }
        .msgBoxList .msgBox_item a .right h4 {
          margin-bottom: 14px;
          font-size: 18px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .msgBoxList .msgBox_item a .right .time {
          display: flex;
          align-items: center; }
          .msgBoxList .msgBox_item a .right .time p {
            margin-right: 36px; }
            .msgBoxList .msgBox_item a .right .time p i {
              margin-right: 14px; }
        .msgBoxList .msgBox_item a .right .desc {
          margin: 12px 0px 24px; }
          .msgBoxList .msgBox_item a .right .desc p {
            color: #666666;
            line-height: 20px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
        .msgBoxList .msgBox_item a .right .tag span {
          padding: 5px 8px;
          color: #48A5F8;
          border-radius: 4px;
          border: 1px solid #48A5F8; }
  .msgBoxList .msgBox_item:last-child {
    border-bottom: none; }
  .msgBoxList .msgBox_item:hover {
    background: #EEF6FD; }
    .msgBoxList .msgBox_item:hover a h4 {
      color: #48A5F8; }
    .msgBoxList .msgBox_item:hover a .left img {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1); }

/*资讯列表结束*/
/*资讯详情开始*/
.magBox_zixunShow .newContent {
  background: #FFFFFF;
  padding: 60px 30px 20px; }
  .magBox_zixunShow .newContent .title h1 {
    font-size: 26px;
    margin-bottom: 30px;
    width: 100%;
    text-align: center; }
  .magBox_zixunShow .newContent .author {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px; }
    .magBox_zixunShow .newContent .author p {
      margin: 0 30px; }
  .magBox_zixunShow .newContent .ct {
    line-height: 30px; }
    .magBox_zixunShow .newContent .ct p {
      margin-bottom: 15px !important; }
    .magBox_zixunShow .newContent .ct img {
      max-width: 100%;
      margin: 0 auto; }
  .magBox_zixunShow .newContent .tags {
    font-size: 14px;
    display: table;
    margin: 50px 0px 20px; }
    .magBox_zixunShow .newContent .tags p {
      display: inline-block;
      background: #F5F5F5;
      padding: 4px 12px 4px 4px;
      border-radius: 25px;
      margin-right: 10px; }
      .magBox_zixunShow .newContent .tags p span {
        display: inline-block;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        border-radius: 50%;
        background: #FFFFFF; }
.magBox_zixunShow .relevantList {
  margin: 50px 0px; }
  .magBox_zixunShow .relevantList .title {
    line-height: 1;
    padding-left: 16px;
    border-left: 5px solid #48A5F8;
    margin-bottom: 26px;
    font-size: 18px; }
  .magBox_zixunShow .relevantList ul {
    display: table; }
    .magBox_zixunShow .relevantList ul li {
      width: 280px;
      background: #FFFFFF;
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 20px; }
      .magBox_zixunShow .relevantList ul li a .news_pic {
        width: 100%;
        height: 170px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
        .magBox_zixunShow .relevantList ul li a .news_pic img {
          width: 100%;
          transition: 500ms ease-out;
          -webkit-transition: 500ms ease-out;
          -ms-transition: 500ms ease-out;
          -moz-transition: 500ms ease-out;
          -o-transition: 500ms ease-out; }
      .magBox_zixunShow .relevantList ul li a .news_cont {
        padding: 20px 10px; }
        .magBox_zixunShow .relevantList ul li a .news_cont .newsTitle {
          font-size: 18px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #666666;
          margin-bottom: 14px; }
        .magBox_zixunShow .relevantList ul li a .news_cont .tag {
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 12px;
          color: #999999; }
          .magBox_zixunShow .relevantList ul li a .news_cont .tag span {
            display: block;
            background: #f1f1f1;
            padding: 3px 10px;
            border-radius: 25px; }
    .magBox_zixunShow .relevantList ul li:hover {
      box-shadow: 0 0 16px #dedede; }
      .magBox_zixunShow .relevantList ul li:hover a .news_pic img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1); }
      .magBox_zixunShow .relevantList ul li:hover a .news_cont .newsTitle {
        color: #48A5F8; }
    .magBox_zixunShow .relevantList ul li:nth-child(3),
    .magBox_zixunShow .relevantList ul li:nth-child(6) {
      margin-right: 0; }

/*资讯详情结束*/
/*官方套餐列表开始*/
.packageBox_package .packageBoxList_hot .packageList_item {
  background: #FFFFFF;
  padding: 30px;
  position: relative;
  border-top-left-radius: 4px;
  margin-bottom: 20px; }
  .packageBox_package .packageBoxList_hot .packageList_item .hot_icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 35px;
    background: #ED6D68;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    border-radius: 5px 0px 5px 0px; }
  .packageBox_package .packageBoxList_hot .packageList_item .star {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 106px; }
    .packageBox_package .packageBoxList_hot .packageList_item .star img {
      width: 100%; }
  .packageBox_package .packageBoxList_hot .packageList_item h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 34px; }
    .packageBox_package .packageBoxList_hot .packageList_item h3 span {
      font-size: 14px; }
  .packageBox_package .packageBoxList_hot .packageList_item .item_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    text-align: center; }
    .packageBox_package .packageBoxList_hot .packageList_item .item_cont span {
      font-size: 18px;
      font-weight: bold; }
    .packageBox_package .packageBoxList_hot .packageList_item .item_cont span.redColor i {
      font-size: 14px;
      color: #333333; }
    .packageBox_package .packageBoxList_hot .packageList_item .item_cont .pic {
      width: 108px;
      height: 56px;
      overflow: hidden;
      justify-content: center;
      align-items: center;
      position: relative; }
      .packageBox_package .packageBoxList_hot .packageList_item .item_cont .pic img {
        width: 100%; }
      .packageBox_package .packageBoxList_hot .packageList_item .item_cont .pic .rate {
        width: 140%;
        height: 120%;
        position: absolute;
        right: 0;
        top: 5px; }
    .packageBox_package .packageBoxList_hot .packageList_item .item_cont .grayColor {
      margin-top: 22px; }
      .packageBox_package .packageBoxList_hot .packageList_item .item_cont .grayColor i {
        margin-right: 2px; }
  .packageBox_package .packageBoxList_hot .packageList_item .btn {
    width: 156px;
    height: 35px;
    background: #48A5F8;
    border-radius: 4px;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    margin: 24px auto 0px; }
.packageBox_package .packageBoxList_other .packageList_item {
  background: #FFFFFF;
  padding: 30px;
  position: relative;
  border-top-left-radius: 4px;
  margin-bottom: 20px; }
  .packageBox_package .packageBoxList_other .packageList_item .tc_rate {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    line-height: 35px;
    border-radius: 0px 5px 0px 5px;
    background: #48A5F8;
    color: #FFFFFF;
    padding: 0px 15px; }
    .packageBox_package .packageBoxList_other .packageList_item .tc_rate i {
      margin-right: 8px; }
  .packageBox_package .packageBoxList_other .packageList_item .name {
    display: flex;
    align-items: center;
    margin-bottom: 18px; }
    .packageBox_package .packageBoxList_other .packageList_item .name h3 {
      font-size: 18px;
      font-weight: 400; }
    .packageBox_package .packageBoxList_other .packageList_item .name .star {
      width: 106px;
      margin-left: 15px; }
      .packageBox_package .packageBoxList_other .packageList_item .name .star img {
        width: 100%; }
  .packageBox_package .packageBoxList_other .packageList_item .item_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1; }
    .packageBox_package .packageBoxList_other .packageList_item .item_cont span {
      display: inline-block;
      font-size: 18px;
      font-weight: bold;
      line-height: 1;
      margin: 17px 0px 28px; }
    .packageBox_package .packageBoxList_other .packageList_item .item_cont .grayColor,
    .packageBox_package .packageBoxList_other .packageList_item .item_cont .blueColor {
      margin: 0px;
      display: block; }
      .packageBox_package .packageBoxList_other .packageList_item .item_cont .grayColor i,
      .packageBox_package .packageBoxList_other .packageList_item .item_cont .blueColor i {
        margin-right: 2px; }
    .packageBox_package .packageBoxList_other .packageList_item .item_cont .rateBox {
      text-align: center; }
      .packageBox_package .packageBoxList_other .packageList_item .item_cont .rateBox .ratePic {
        margin-bottom: 14px; }
        .packageBox_package .packageBoxList_other .packageList_item .item_cont .rateBox .ratePic img {
          width: 48px;
          height: 48px;
          display: inline-block; }
        .packageBox_package .packageBoxList_other .packageList_item .item_cont .rateBox .ratePic .circles-text {
          font-size: 12px !important;
          color: #48A5F8 !important;
          transform: scale(0.9); }
    .packageBox_package .packageBoxList_other .packageList_item .item_cont .price div {
      display: table; }
      .packageBox_package .packageBoxList_other .packageList_item .item_cont .price div span.redColor {
        display: inline-block;
        margin-right: 18px;
        padding-right: 18px;
        border-right: 1px solid #EDEDED; }
        .packageBox_package .packageBoxList_other .packageList_item .item_cont .price div span.redColor i {
          font-size: 14px; }
      .packageBox_package .packageBoxList_other .packageList_item .item_cont .price div span:last-child {
        font-size: 16px; }
    .packageBox_package .packageBoxList_other .packageList_item .item_cont .shengyu {
      text-align: center; }
    .packageBox_package .packageBoxList_other .packageList_item .item_cont .btn a {
      width: 85px;
      height: 35px;
      background: #EEF6FD;
      border-radius: 4px;
      text-align: center;
      color: #48A5F8;
      font-size: 14px;
      line-height: 35px;
      display: block; }
.packageBox_package .packageBoxList_other .packageList_item:hover .btn a {
  background: #48A5F8;
  color: #FFFFFF; }
.packageBox_package .packageList_item:hover {
  background: #EEF6FD; }

/*官方套餐列表结束*/
/*套餐详情开始*/
.packageBox_packageShow {
  line-height: 1; }
  .packageBox_packageShow .packageBox_top {
    background: #FFFFFF;
    padding: 30px;
    margin-bottom: 30px; }
    .packageBox_packageShow .packageBox_top .top {
      display: flex;
      align-items: flex-start;
      margin-bottom: 30px; }
      .packageBox_packageShow .packageBox_top .top .pic {
        width: 160px;
        height: 160px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 34px;
        border: 1px solid #EDEDED;
        box-sizing: border-box; }
        .packageBox_packageShow .packageBox_top .top .pic img {
          height: 100%; }
      .packageBox_packageShow .packageBox_top .top .cont {
        width: calc(100% - 278px); }
        .packageBox_packageShow .packageBox_top .top .cont .name {
          margin-bottom: 24px;
          display: flex;
          align-items: center;
          line-height: 24px; }
          .packageBox_packageShow .packageBox_top .top .cont .name .rzIcon {
            color: red;
            padding: 0px 10px;
            margin-left: 10px;
            background: rgba(255, 0, 0, 0.1);
            border-radius: 4px;
            text-align: center;
            font-size: 12px; }
            .packageBox_packageShow .packageBox_top .top .cont .name .rzIcon.blue {
              background-color: rgba(72, 165, 248, 0.1);
              color: #48a5f8; }
        .packageBox_packageShow .packageBox_top .top .cont .star {
          display: flex;
          align-items: center;
          margin-bottom: 30px; }
          .packageBox_packageShow .packageBox_top .top .cont .star img {
            margin-left: 10px;
            height: 22px; }
        .packageBox_packageShow .packageBox_top .top .cont .packageMsg {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          text-align: center; }
          .packageBox_packageShow .packageBox_top .top .cont .packageMsg span {
            font-weight: bold; }
          .packageBox_packageShow .packageBox_top .top .cont .packageMsg p {
            margin-top: 14px; }
            .packageBox_packageShow .packageBox_top .top .cont .packageMsg p i {
              margin-right: 4px; }
    .packageBox_packageShow .packageBox_top .bottom .txt .item {
      display: table; }
      .packageBox_packageShow .packageBox_top .bottom .txt .item span {
        display: inline-block;
        width: 135px;
        height: 44px;
        border: 1px solid #EDEDED;
        border-radius: 5px;
        line-height: 44px;
        text-align: center;
        margin-right: 36px;
        margin-bottom: 30px;
        font-size: 18px;
        box-sizing: border-box;
        cursor: pointer; }
      .packageBox_packageShow .packageBox_top .bottom .txt .item span:nth-child(5),
      .packageBox_packageShow .packageBox_top .bottom .txt .item span:nth-child(10) {
        margin-right: 0px; }
      .packageBox_packageShow .packageBox_top .bottom .txt .item span.on,
      .packageBox_packageShow .packageBox_top .bottom .txt .item span:hover {
        color: #ED6D68;
        border: 1px solid #ED6D68;
        background: url(../images/selected.png) no-repeat;
        background-position: bottom right;
        background-size: 14px; }
    .packageBox_packageShow .packageBox_top .bottom .txt .price_choose .iconTitle .tc_desc {
      font-size: 14px;
      width: 200px;
      height: 35px;
      background: #EEF6FD;
      line-height: 35px;
      text-align: center;
      border-radius: 0px 0px 0px 0px; }
    .packageBox_packageShow .packageBox_top .bottom .txt .number_choose .pfsm {
      padding: 15px;
      background: #F9F9F9;
      border: 1px solid #DEDEDE;
      line-height: 30px; }
      .packageBox_packageShow .packageBox_top .bottom .txt .number_choose .pfsm i {
        margin-right: 8px; }
      .packageBox_packageShow .packageBox_top .bottom .txt .number_choose .pfsm span.redColor {
        font-size: 20px;
        font-weight: bold;
        margin: 0 6px; }
    .packageBox_packageShow .packageBox_top .bottom .txt .order-btn {
      margin: 34px auto 0px;
      display: table; }
      .packageBox_packageShow .packageBox_top .bottom .txt .order-btn a {
        display: inline-block;
        width: 200px;
        height: 45px;
        border-radius: 4px;
        text-align: center;
        line-height: 45px; }
      .packageBox_packageShow .packageBox_top .bottom .txt .order-btn a.order {
        background: #48A5F8;
        color: #FFFFFF;
        margin-right: 45px; }
      .packageBox_packageShow .packageBox_top .bottom .txt .order-btn a.order:hover {
        background: #1e79ca; }
      .packageBox_packageShow .packageBox_top .bottom .txt .order-btn a.share {
        background: #E3E3E3;
        color: #888888; }
      .packageBox_packageShow .packageBox_top .bottom .txt .order-btn a.share:hover {
        background: #d4d2d2;
        color: #444444; }
  .packageBox_packageShow .packageBox_bottom {
    background: #FFFFFF; }
    .packageBox_packageShow .packageBox_bottom .p30 {
      padding: 30px; }
    .packageBox_packageShow .packageBox_bottom .process {
      border-bottom: 1px solid #EDEDED; }
      .packageBox_packageShow .packageBox_bottom .process .package_process {
        margin-top: 30px; }
        .packageBox_packageShow .packageBox_bottom .process .package_process img {
          margin: 0 auto; }
    .packageBox_packageShow .packageBox_bottom .trend .package_trend {
      margin-top: 40px;
      min-height: calc(100vw * 0.16); }
    .packageBox_packageShow .packageBox_bottom .cont p {
      font-size: 14px;
      color: #747474;
      line-height: 26px;
      margin-bottom: 10px; }
    .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item {
      padding-bottom: 30px;
      border-bottom: 1px solid #EDEDED;
      margin-bottom: 30px; }
      .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item:last-child {
        border-bottom: none; }
      .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px 0px 30px; }
        .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top .photo {
          width: 676px;
          display: flex;
          align-items: center; }
          .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top .photo .pic {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 26px;
            border: 1px solid #EDEDED;
            box-sizing: border-box; }
            .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top .photo .pic img {
              height: 100%; }
          .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top .photo .name {
            width: calc(100% - 86px); }
            .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top .photo .name h3 {
              margin-bottom: 18px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
            .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top .photo .name span {
              font-weight: bold;
              font-size: 18px; }
        .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top .number {
          text-align: right;
          color: #666666; }
          .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .top .number .blueColor {
            width: 100px;
            height: 35px;
            background: #EEF6FD;
            border-radius: 4px;
            text-align: center;
            line-height: 35px;
            margin-top: 10px; }
      .packageBox_packageShow .packageBox_bottom .evaluate .evaluateBox ul .evaluateBox_item .cont {
        font-size: 14px;
        color: #666666;
        line-height: 26px; }

/*套餐详情结束*/
/*确认订单开始*/
.orderBox_order .order_top {
  background: #FFFFFF;
  padding: 30px;
  line-height: 1;
  margin-bottom: 20px; }
  .orderBox_order .order_top .name {
    font-size: 20px;
    margin-bottom: 44px; }
  .orderBox_order .order_top .txt {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    .orderBox_order .order_top .txt div {
      width: 186px; }
      .orderBox_order .order_top .txt div p {
        font-size: 18px;
        margin-bottom: 30px; }
      .orderBox_order .order_top .txt div span {
        font-size: 24px; }
    .orderBox_order .order_top .txt div.price span {
      font-weight: bold; }
  .orderBox_order .order_top .pfsm {
    padding: 15px;
    background: #F9F9F9;
    border: 1px solid #DEDEDE;
    line-height: 26px; }
    .orderBox_order .order_top .pfsm i {
      margin-right: 8px; }
    .orderBox_order .order_top .pfsm span.redColor {
      font-size: 20px;
      font-weight: bold;
      margin: 0 6px; }
.orderBox_order .order_bottom {
  background: #FFFFFF;
  padding: 30px;
  line-height: 1; }
  .orderBox_order .order_bottom .iconTitle {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .orderBox_order .order_bottom .iconTitle h3 {
      margin-right: 30px;
      cursor: pointer; }
      .orderBox_order .order_bottom .iconTitle h3.active {
        color: #48A5F8; }
  .orderBox_order .order_bottom .bids_form .form_item {
    width: 100%;
    padding: 20px 0px;
    display: table;
    font-size: 18px; }
    .orderBox_order .order_bottom .bids_form .form_item label,
    .orderBox_order .order_bottom .bids_form .form_item .lable {
      width: 122px;
      display: inline-block;
      margin-right: 30px; }
    .orderBox_order .order_bottom .bids_form .form_item input {
      width: calc(100% - 170px);
      height: 35px;
      line-height: 35px;
      border: 1px solid #f1f1f1;
      padding-left: 14px; }
    .orderBox_order .order_bottom .bids_form .form_item input::-webkit-input-placeholder {
      color: #999999;
      font-size: 15px; }
    .orderBox_order .order_bottom .bids_form .form_item .bs-upload .blueColor {
      cursor: pointer; }
    .orderBox_order .order_bottom .bids_form .form_item .bs-upload .picBox {
      display: flex;
      align-items: center;
      margin: 30px 0px; }
      .orderBox_order .order_bottom .bids_form .form_item .bs-upload .picBox .pic_item {
        width: 300px;
        display: block;
        position: relative;
        text-align: center; }
        .orderBox_order .order_bottom .bids_form .form_item .bs-upload .picBox .pic_item div {
          width: 100%;
          height: 214px;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
          border: 1px dashed #ebebeb; }
          .orderBox_order .order_bottom .bids_form .form_item .bs-upload .picBox .pic_item div img {
            width: 100%; }
        .orderBox_order .order_bottom .bids_form .form_item .bs-upload .picBox .pic_item input {
          width: 224px;
          height: 160px;
          border: 1px solid #ebebeb;
          border-radius: 5px;
          padding-left: 0px; }
        .orderBox_order .order_bottom .bids_form .form_item .bs-upload .picBox .pic_item input[type=file] {
          opacity: 0;
          position: absolute;
          left: 0;
          top: 0;
          cursor: pointer; }
        .orderBox_order .order_bottom .bids_form .form_item .bs-upload .picBox .pic_item span {
          display: block;
          margin-top: 30px;
          font-size: 18px;
          color: #666666; }
      .orderBox_order .order_bottom .bids_form .form_item .bs-upload .picBox .pic_item:first-child {
        margin-right: 30px; }
    .orderBox_order .order_bottom .bids_form .form_item .tips {
      font-size: 14px;
      color: #747474; }
      .orderBox_order .order_bottom .bids_form .form_item .tips strong {
        display: block;
        margin-bottom: 14px; }
      .orderBox_order .order_bottom .bids_form .form_item .tips p {
        line-height: 24px;
        margin-bottom: 10px; }
  .orderBox_order .order_bottom .invoice .top {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .orderBox_order .order_bottom .invoice .top .check {
      display: flex;
      align-items: center; }
      .orderBox_order .order_bottom .invoice .top .check div:first-child {
        margin-right: 75px; }
      .orderBox_order .order_bottom .invoice .top .check input[type="radio"] + label::before {
        content: "\a0";
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        width: 20px;
        height: 20px;
        margin: 0px 10px 0px 0px;
        border-radius: 2px;
        background: url(../images/no.png) no-repeat center;
        background-size: 100%;
        cursor: pointer; }
      .orderBox_order .order_bottom .invoice .top .check input[type="radio"]:checked + label::before {
        background: url(../images/yes.png) no-repeat center;
        background-size: 100%;
        cursor: pointer; }
      .orderBox_order .order_bottom .invoice .top .check input[type="radio"] {
        width: 20px;
        margin: 0px 10px 0px 0px;
        height: 20px;
        position: absolute;
        opacity: 0;
        cursor: pointer; }
  .orderBox_order .order_bottom .invoice .tip {
    color: #747474;
    font-size: 14px;
    line-height: 26px;
    margin: 20px 0px; }
  .orderBox_order .order_bottom .agree {
    display: flex;
    align-items: center; }
    .orderBox_order .order_bottom .agree .check-box {
      width: 16px;
      height: 16px;
      font-size: 18px;
      margin-right: 10px; }
      .orderBox_order .order_bottom .agree .check-box i {
        display: block;
        color: transparent;
        background-color: #f0f0f0;
        border: 1px solid #a3a3a3;
        border-radius: 50%;
        cursor: pointer;
        width: 16px;
        height: 16px; }
      .orderBox_order .order_bottom .agree .check-box i.on {
        display: block;
        color: #FFFFFF;
        background-color: #5BB836;
        border: 1px solid #5BB836;
        border-radius: 50%;
        cursor: pointer;
        width: 16px;
        height: 16px;
        font-size: 12px;
        text-align: center;
        line-height: 18px; }
      .orderBox_order .order_bottom .agree .check-box input {
        opacity: 0;
        display: none; }
  .orderBox_order .order_bottom .submit {
    margin: 20px 0px; }
    .orderBox_order .order_bottom .submit a {
      width: 142px;
      height: 42px;
      line-height: 42px;
      background: #48A5F8;
      border-radius: 4px;
      display: block;
      margin: 0 auto;
      text-align: center;
      color: #fff;
      cursor: pointer; }

/*确认订单结束*/
/*用户中心开始*/
.left_userCenter,
.right_userCenter {
  background: #FFFFFF;
  min-height: 700px; }

.right_userCenter.w880 {
  margin-right: 0; }

.left_userCenter.w300 {
  margin-right: 20px; }

.left_userCenter {
  text-align: center; }
  .left_userCenter .userPhoto {
    width: 120px;
    height: 120px;
    margin: 40px auto 20px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #EDEDED;
    box-sizing: border-box; }
    .left_userCenter .userPhoto img {
      height: 100%; }
  .left_userCenter .userName {
    font-size: 18px;
    font-weight: 400; }
  .left_userCenter .moneyBtn {
    display: table;
    margin: 20px auto 50px; }
    .left_userCenter .moneyBtn a {
      display: inline-block;
      padding: 0px 10px;
      height: 28px;
      border: 1px solid #48A5F8;
      border-radius: 3px;
      line-height: 28px;
      color: #48A5F8;
      margin-left: 20px; }
    .left_userCenter .moneyBtn a:hover,
    .left_userCenter .moneyBtn a.on {
      color: #FFFFFF;
      background: #48A5F8; }
    .left_userCenter .moneyBtn a:first-child {
      margin-left: 0px; }
  .left_userCenter .navLink {
    border-top: 1px solid #EDEDED; }
    .left_userCenter .navLink .navLink_item a {
      display: block;
      height: 50px;
      line-height: 50px;
      color: #A4A4A4;
      border-left: 2px solid transparent; }
      .left_userCenter .navLink .navLink_item a p {
        width: 120px;
        margin: 0 auto;
        text-align: left; }
        .left_userCenter .navLink .navLink_item a p i {
          margin-right: 8px;
          font-size: 22px;
          vertical-align: bottom; }
    .left_userCenter .navLink .navLink_item a:hover,
    .left_userCenter .navLink .navLink_item a.on {
      color: #48A5F8;
      background: #EEF6FD;
      border-left: 2px solid #48A5F8; }

/*  账户余额*/
.balanceBox_balance .balanceBox {
  padding: 30px; }
  .balanceBox_balance .balanceBox .balanceNow {
    padding: 22px;
    background: #FAFAFA;
    display: table;
    width: calc(100% - 44px); }
    .balanceBox_balance .balanceBox .balanceNow p {
      display: inline-block;
      margin-right: 33px;
      font-size: 18px; }
      .balanceBox_balance .balanceBox .balanceNow p span {
        font-weight: bold;
        font-size: 24px;
        margin: 0px 10px; }
    .balanceBox_balance .balanceBox .balanceNow a {
      font-size: 14px;
      color: #FFFFFF;
      background: #BBBBBB;
      border-radius: 4px;
      padding: 8px 15px;
      display: inline-block;
      line-height: 1; }
    .balanceBox_balance .balanceBox .balanceNow a:hover {
      background: #48A5F8; }
.balanceBox_balance .detailsBox {
  padding: 30px; }
  .balanceBox_balance .detailsBox h4 {
    margin-bottom: 34px; }
  .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item {
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid #EDEDED; }
    .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .top {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .top .name {
        display: flex;
        align-items: center;
        width: 70%; }
        .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .top .name p {
          font-size: 18px;
          max-width: calc(100% - 90px);
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .top .name span {
          font-size: 14px;
          display: inline-block;
          padding: 4px 10px;
          line-height: 1;
          margin-left: 20px; }
        .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .top .name span.success {
          background: #EEF6FD;
          color: #48A5F8; }
        .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .top .name span.auditing {
          background-color: rgba(239, 125, 83, 0.1);
          color: #EF7D53; }
        .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .top .name span.fail {
          background-color: rgba(237, 109, 104, 0.1);
          color: #ED6D68; }
      .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .top .price {
        font-size: 24px; }
    .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .bottom div {
      margin: 14px 0px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .bottom div p {
        width: 50%;
        text-align: right; }
      .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item .bottom div p:first-child {
        text-align: left; }
  .balanceBox_balance .detailsBox .detailsBoxList .detailsList_item:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px; }

/*  提现绑定*/
.bindBox_bind .bindBox {
  padding: 30px; }
  .bindBox_bind .bindBox ul li {
    width: 367px;
    margin-bottom: 40px;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    padding-left: 42px; }
    .bindBox_bind .bindBox ul li input {
      width: 98%;
      border: none;
      height: 40px;
      line-height: 40px; }
  .bindBox_bind .bindBox ul li.code {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .bindBox_bind .bindBox ul li.code input {
      width: calc(100% - 140px); }
    .bindBox_bind .bindBox ul li.code span {
      width: 110px;
      padding: 0px 15px;
      border-left: 1px solid #EDEDED;
      line-height: 40px;
      color: #A4A4A4;
      text-align: center;
      cursor: pointer; }
  .bindBox_bind .bindBox ul li:nth-child(1) {
    background: url(../images/bind_icon_1.png) no-repeat;
    background-position: 12px center; }
  .bindBox_bind .bindBox ul li:nth-child(2) {
    background: url(../images/bind_icon_2_yhk.png) no-repeat;
    background-position: 12px center; }
  .bindBox_bind .bindBox ul li:nth-child(3) {
    background: url(../images/bind_icon_3.png) no-repeat;
    background-position: 12px center; }
  .bindBox_bind .bindBox ul li:nth-child(4) {
    background: url(../images/bind_icon_4.png) no-repeat;
    background-position: 12px center; }
  .bindBox_bind .bindBox .submit {
    display: block;
    width: 108px;
    height: 34px;
    background: #48A5F8;
    border-radius: 3px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 6px; }
  .bindBox_bind .bindBox .submit:hover {
    background: #1e79ca; }
  .bindBox_bind .bindBox .canntBind {
    text-align: center; }
    .bindBox_bind .bindBox .canntBind img {
      width: 80px;
      display: block;
      margin: 50px auto 20px; }

/*  订单列表*/
.orderListPage {
  min-height: auto;
  background: #F8F8F8; }

.orderBox_orderList .menu_status {
  background: #FFFFFF;
  border-bottom: 1px solid #EDEDED;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 40px);
  padding: 0 20px; }
  .orderBox_orderList .menu_status p {
    width: calc((100% / 5) - 60px);
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    padding: 10px 0;
    border-bottom: 2px solid transparent;
    position: relative; }
  .orderBox_orderList .menu_status p.on:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: calc(50% - 25px);
    width: 50px;
    height: 2px;
    background-color: #48A5F8; }
.orderBox_orderList .orderList .empty_data {
  background-color: #fff;
  margin-top: 20px; }
.orderBox_orderList .orderList .orderList_item {
  background: #FFFFFF;
  padding: 15px 30px;
  margin-top: 20px; }
  .orderBox_orderList .orderList .orderList_item .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    margin-bottom: 30px; }
    .orderBox_orderList .orderList .orderList_item .top .orderId {
      font-size: 18px;
      font-weight: 400; }
  .orderBox_orderList .orderList .orderList_item .bottom {
    display: flex;
    align-items: flex-start; }
    .orderBox_orderList .orderList .orderList_item .bottom .pic {
      width: 160px;
      height: 160px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 34px;
      border: 1px solid #EDEDED;
      box-sizing: border-box;
      background-color: #fff; }
      .orderBox_orderList .orderList .orderList_item .bottom .pic img {
        height: 100%; }
    .orderBox_orderList .orderList .orderList_item .bottom .cont {
      width: calc(100% - 194px); }
      .orderBox_orderList .orderList .orderList_item .bottom .cont h3 {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 18px; }
      .orderBox_orderList .orderList .orderList_item .bottom .cont .price {
        font-size: 18px;
        margin-bottom: 30px; }
      .orderBox_orderList .orderList .orderList_item .bottom .cont div {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .orderBox_orderList .orderList .orderList_item .bottom .cont div .peifu {
          width: calc(100% - 160px);
          line-height: 26px; }
          .orderBox_orderList .orderList .orderList_item .bottom .cont div .peifu span {
            font-weight: bold; }
        .orderBox_orderList .orderList .orderList_item .bottom .cont div .btn {
          display: block;
          width: 100px;
          text-align: center;
          line-height: 35px;
          height: 35px;
          border: 1px solid #48A5F8;
          color: #48A5F8;
          border-radius: 4px; }
.orderBox_orderList .orderList .orderList_item:hover {
  background: #EEF6FD; }
  .orderBox_orderList .orderList .orderList_item:hover .bottom .cont div a {
    background: #48A5F8;
    color: #FFFFFF; }

/*  我的优惠券*/
.couponBox_coupon .couponBox {
  padding: 0px 30px 30px 30px; }
  .couponBox_coupon .couponBox h4 {
    font-size: 18px;
    margin-bottom: 26px; }
  .couponBox_coupon .couponBox .couponBoxList .couponList_item {
    width: 730px;
    height: 180px;
    background: url(../images/coupon_bg.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px; }
    .couponBox_coupon .couponBox .couponBoxList .couponList_item .left {
      width: 237px;
      color: #FFFFFF;
      text-align: center;
      line-height: 1; }
      .couponBox_coupon .couponBox .couponBoxList .couponList_item .left h2 {
        margin: 28px 0px 26px;
        font-size: 60px;
        height: 44px;
        line-height: 44px; }
        .couponBox_coupon .couponBox .couponBoxList .couponList_item .left h2 i {
          font-size: 30px; }
    .couponBox_coupon .couponBox .couponBoxList .couponList_item .right {
      padding-left: 34px;
      width: 459px; }
      .couponBox_coupon .couponBox .couponBoxList .couponList_item .right strong {
        display: block;
        font-size: 18px;
        margin-bottom: 14px; }
      .couponBox_coupon .couponBox .couponBoxList .couponList_item .right p {
        margin-bottom: 6px; }

/*订单详情*/
.orderBox_orderSow .orderSowBox {
  padding: 0px 30px; }
  .orderBox_orderSow .orderSowBox .grayBg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    padding: 20px;
    background: #FAFAFA;
    margin-bottom: 30px; }
    .orderBox_orderSow .orderSowBox .grayBg.menu-btn {
      justify-content: flex-start; }
    .orderBox_orderSow .orderSowBox .grayBg h5 {
      font-size: 18px;
      font-weight: 400;
      margin-right: 50px;
      cursor: pointer; }
  .orderBox_orderSow .orderSowBox .cont {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px; }
    .orderBox_orderSow .orderSowBox .cont .redColor {
      font-weight: bold; }
    .orderBox_orderSow .orderSowBox .cont .pic {
      width: 160px;
      height: 160px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 34px;
      border: 1px solid #EDEDED;
      box-sizing: border-box; }
      .orderBox_orderSow .orderSowBox .cont .pic img {
        height: 100%; }
    .orderBox_orderSow .orderSowBox .cont .txt {
      width: calc(100% - 200px); }
      .orderBox_orderSow .orderSowBox .cont .txt h3 {
        margin-bottom: 14px;
        font-size: 18px; }
      .orderBox_orderSow .orderSowBox .cont .txt p {
        width: 45%;
        display: inline-block;
        margin-bottom: 10px; }
      .orderBox_orderSow .orderSowBox .cont .txt p.peifu {
        width: calc(100% - 20px);
        padding: 4px 10px;
        background: #f9f9f9;
        line-height: 24px;
        font-size: 14px; }
      .orderBox_orderSow .orderSowBox .cont .txt .jd {
        margin: 10px 0; }
  .orderBox_orderSow .orderSowBox .details div:first-child p {
    display: table;
    width: 100%;
    height: 44px;
    line-height: 44px; }
    .orderBox_orderSow .orderSowBox .details div:first-child p span {
      width: 160px;
      display: inline-block; }
  .orderBox_orderSow .orderSowBox .details .pic {
    display: flex;
    align-items: center;
    margin: 40px 0px; }
    .orderBox_orderSow .orderSowBox .details .pic div {
      width: 244px;
      height: 160px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 20px;
      border: 1px solid #EDEDED; }
      .orderBox_orderSow .orderSowBox .details .pic div img {
        width: 100%; }
  .orderBox_orderSow .orderSowBox .pay-info {
    margin-bottom: 30px; }
    .orderBox_orderSow .orderSowBox .pay-info .item {
      padding: 10px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .orderBox_orderSow .orderSowBox .pay-info .item.flex_start {
        font-size: 15px;
        color: #999;
        line-height: 30px;
        align-items: flex-start;
        justify-content: flex-start; }
        .orderBox_orderSow .orderSowBox .pay-info .item.flex_start.hide {
          display: none !important; }
  .orderBox_orderSow .orderSowBox .payWay_box {
    margin-bottom: 40px; }
    .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item {
      width: 820px;
      height: 54px;
      line-height: 54px;
      cursor: pointer;
      position: relative; }
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item .option {
        display: block;
        padding-left: 76px;
        height: 54px;
        cursor: pointer;
        display: flex;
        align-items: center;
        box-sizing: border-box; }
        .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item .option .dot {
          position: absolute;
          content: "";
          top: 23px;
          left: 23px;
          height: 8px;
          width: 8px;
          background: #d9d9d9;
          border-radius: 50%;
          border: 4px solid #F8F8F8; }
        .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item .option .dot::before {
          opacity: 0; }
        .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item .option span {
          font-size: 18px;
          margin-left: 60px; }
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-1:checked:checked ~ .option-1,
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-2:checked:checked ~ .option-2,
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-3:checked:checked ~ .option-3 {
        border: 1px solid #48A5F8; }
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-1:checked:checked ~ .payMoney,
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-2:checked:checked ~ .payMoney,
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-3:checked:checked ~ .payMoney {
        display: block; }
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-1:checked:checked ~ .option-1 .dot,
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-2:checked:checked ~ .option-2 .dot,
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-3:checked:checked ~ .option-3 .dot {
        background: #48A5F8;
        border: 4px solid #EEF6FD; }
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-1:checked:checked ~ .option-1 span,
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-2:checked:checked ~ .option-2 span,
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item #option-3:checked:checked ~ .option-3 span {
        color: #48A5F8; }
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item input[type="radio"] {
        display: none; }
      .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item .payMoney {
        position: absolute;
        right: 20px;
        top: 0px;
        font-size: 18px;
        display: none; }
    .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item:nth-child(1) {
      background: url(../images/wx.png) no-repeat;
      background-position: 76px center; }
    .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item:nth-child(2) {
      background: url(../images/zfb.png) no-repeat;
      background-position: 76px center; }
    .orderBox_orderSow .orderSowBox .payWay_box .payWay_box_item:nth-child(3) {
      background: url(../images/xxzz.png) no-repeat;
      background-position: 76px center; }
  .orderBox_orderSow .orderSowBox .operation {
    padding: 20px 0 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .orderBox_orderSow .orderSowBox .operation a {
      width: 142px;
      height: 42px;
      background: #48A5F8;
      border-radius: 5px;
      color: #FFFFFF;
      text-align: center;
      line-height: 42px;
      font-size: 18px;
      margin-left: 20px; }
      .orderBox_orderSow .orderSowBox .operation a.bg-gray {
        background-color: #ccc;
        color: #fafafa; }
      .orderBox_orderSow .orderSowBox .operation a:hover {
        background: #1e79ca; }
  .orderBox_orderSow .orderSowBox .payBtn {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 40px 0px; }
    .orderBox_orderSow .orderSowBox .payBtn .money {
      font-size: 18px;
      margin-right: 40px; }
      .orderBox_orderSow .orderSowBox .payBtn .money span {
        font-size: 22px;
        font-weight: bold;
        margin: 0 14px; }
    .orderBox_orderSow .orderSowBox .payBtn .btn {
      width: 142px;
      height: 42px;
      background: #48A5F8;
      border-radius: 5px;
      color: #FFFFFF;
      text-align: center;
      line-height: 42px;
      font-size: 18px; }
    .orderBox_orderSow .orderSowBox .payBtn .btn:hover {
      background: #1e79ca; }

/*提现*/
.formCont {
  padding: 0px 30px; }
  .formCont .form_item {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    align-items: center; }
    .formCont .form_item .name {
      width: 86px;
      display: inline-block;
      text-align: right;
      margin-right: 40px; }
    .formCont .form_item .detail {
      width: calc(100% - 120px);
      height: 35px;
      line-height: 35px;
      padding-left: 14px; }
    .formCont .form_item input {
      width: 368px;
      border: none;
      border-bottom: 1px solid #BCBCBC;
      height: 35px;
      line-height: 35px;
      padding-left: 12px; }
    .formCont .form_item .detail.code {
      display: flex;
      align-items: center; }
      .formCont .form_item .detail.code span {
        display: inline-block;
        padding: 0px 10px;
        height: 28px;
        border: 1px solid #48A5F8;
        border-radius: 3px;
        line-height: 28px;
        color: #48A5F8;
        margin-left: 20px;
        cursor: pointer;
        font-size: 14px; }
      .formCont .form_item .detail.code span:hover {
        color: #FFFFFF;
        background: #48A5F8; }
  .formCont .form_item.money {
    align-items: baseline;
    margin-bottom: 70px; }
    .formCont .form_item.money input {
      margin-bottom: 8px; }
  .formCont .formBtn {
    display: block;
    width: 108px;
    height: 34px;
    background: #48A5F8;
    border-radius: 3px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 6px;
    cursor: pointer; }
  .formCont .formBtn:hover {
    background: #1e79ca; }

/*提现*/
/*用户中心结束*/
/*操作指南 start*/
.guide-box {
  padding: 20px 30px;
  width: calc(1200px - 60px);
  line-height: 30px; }
  .guide-box video {
    max-width: 100%;
    width: 850px;
    height: 480px;
    margin: 20px auto;
    border: 1px solid #ebebeb;
    outline: none; }

/*操作指南 end*/
.about {
  margin: 20px auto 30px; }

/*关于我们 start*/
.about-container {
  margin: 30px auto 30px; }
  .about-container .about-box {
    border-radius: 5px;
    box-shadow: 0 0 5px #d7d7d7;
    background-color: #fff; }
    .about-container .about-box .item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 30px 30px;
      width: calc(100% - 60px); }
      .about-container .about-box .item img {
        width: 45%; }
      .about-container .about-box .item .txt {
        width: 50%; }
        .about-container .about-box .item .txt h3 {
          background-image: url(../images/aboutUs_bg1.png);
          background-repeat: no-repeat;
          background-size: 100%;
          width: 276px;
          height: 120px;
          line-height: 127px;
          padding-left: 20px;
          font-size: 20px;
          font-weight: 500;
          color: #fff;
          margin-bottom: 30px; }
        .about-container .about-box .item .txt .desc {
          line-height: 30px;
          font-size: 16px; }
        .about-container .about-box .item .txt .ct {
          margin-top: 40px;
          color: #999;
          line-height: 30px; }
        .about-container .about-box .item .txt .btn {
          margin-top: 20px; }
          .about-container .about-box .item .txt .btn a {
            width: 120px;
            height: 35px;
            text-align: center;
            line-height: 35px;
            color: #fff;
            display: inline-block;
            background-image: linear-gradient(-30deg, rgba(28, 172, 245, 0.8), #3f86ed);
            border-radius: 5px;
            margin-right: 20px; }
          .about-container .about-box .item .txt .btn a:nth-of-type(2) {
            background-image: linear-gradient(-30deg, rgba(246, 74, 104, 0.8), #f64a68); }

/*关于我们 end*/
/*付款方式 start*/
.payway-box {
  width: calc(1200px - 60px);
  margin: 0px auto 20px;
  letter-spacing: .2px;
  background-color: #fff;
  padding: 20px 30px; }
  .payway-box .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb; }
    .payway-box .item .img {
      height: 180px;
      width: 280px;
      text-align: center; }
      .payway-box .item .img img {
        height: 100%;
        display: block;
        margin: 0 auto; }
    .payway-box .item .txt {
      width: calc(100% - 300px);
      line-height: 40px; }
      .payway-box .item .txt h3 {
        margin-bottom: 20px; }
    .payway-box .item:nth-of-type(2) {
      border-bottom: none; }
      .payway-box .item:nth-of-type(2) .img {
        height: 260px; }

/*付款方式 end*/
/*法律保障 start*/
.lawyer-box {
  max-width: calc(1200px - 60px);
  margin: 0px auto 20px;
  letter-spacing: .2px;
  background-color: #fff;
  padding: 20px 30px; }
  .lawyer-box .lawTitle {
    margin: 20px 0px; }
    .lawyer-box .lawTitle h3 {
      font-size: 24px;
      font-weight: 600;
      line-height: 2;
      color: #48a5f8; }
    .lawyer-box .lawTitle p {
      color: #999999;
      font-size: 15px; }
  .lawyer-box .lawContent {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px; }
    .lawyer-box .lawContent .lawCont {
      width: 100%; }
    .lawyer-box .lawContent h4 {
      font-size: 17px;
      color: #555555;
      line-height: 32px;
      margin-top: 14px;
      font-weight: 400; }
      .lawyer-box .lawContent h4 span {
        background-color: #48a5f8;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: inline-block;
        color: #ffffff;
        text-align: center;
        line-height: 24px; }
    .lawyer-box .lawContent h5 {
      font-size: 16px;
      color: #555555;
      margin-bottom: 8px;
      margin-top: 14px; }
    .lawyer-box .lawContent p {
      color: #848484;
      line-height: 28px;
      font-size: 15px; }
  .lawyer-box .photoRight {
    margin-top: 30px; }

.lawyer-box .lawContent h2, .lawTitle h2 {
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 20px;
  background-image: -webkit-linear-gradient(-90deg, #ffffff, #48a5f8, #4fa8f9);
  background-image: linear-gradient(-90deg, #ffffff, #48a5f8, #4fa8f9);
  padding: 12px;
  width: 55%; }

.lawFirm img {
  width: 100%; }

.lawFirmMsg {
  margin-top: 22px; }
  .lawFirmMsg img {
    width: 100%;
    margin-bottom: 40px; }
  .lawFirmMsg p {
    color: #5f5f5f;
    font-size: 16px;
    line-height: 30px; }
  .lawFirmMsg.flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin-top: 50px; }
    .lawFirmMsg.flex img {
      width: 61% !important;
      margin: 0; }
    .lawFirmMsg.flex p {
      width: 35% !important;
      font-size: 16px !important; }

/*法律保障 end*/
/**车务  start**/
.carService .box {
  line-height: 24px;
  color: #555;
  background-color: #fff;
  box-shadow: 0 0 10px #ebebeb;
  border-radius: 5px; }
  .carService .box .carBanner img {
    width: 100%;
    border-radius: 5px 5px 0 0; }
  .carService .box .common-title {
    padding: 10px 20px;
    margin-top: 20px; }
    .carService .box .common-title div {
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 16px; }
      .carService .box .common-title div:before {
        content: '';
        width: 3px;
        height: 12px;
        margin-right: 5px;
        background-color: #3c88ed;
        margin-top: -2px; }
    .carService .box .common-title.bank-gh div {
      padding-bottom: 10px;
      border-bottom: 1px solid #f5f5f5; }
      .carService .box .common-title.bank-gh div:before {
        content: '';
        width: 3px;
        height: 12px;
        margin-right: 5px;
        background-color: #004f9c;
        margin-top: -2px; }
    .carService .box .common-title.bank-ny div {
      padding-bottom: 10px;
      border-bottom: 1px solid #f5f5f5; }
      .carService .box .common-title.bank-ny div:before {
        content: '';
        width: 3px;
        height: 12px;
        margin-right: 5px;
        background-color: #008171;
        margin-top: -2px; }
  .carService .box .bankList {
    padding: 10px 20px; }
    .carService .box .bankList .pic img {
      width: 100%; }
  .carService .box .carServiceLc {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 20px 0; }
    .carService .box .carServiceLc .item {
      width: 25%;
      text-align: center; }
      .carService .box .carServiceLc .item .pic {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px; }
        .carService .box .carServiceLc .item .pic img {
          width: 50%; }
  .carService .box .form-group {
    padding: 10px 20px; }
    .carService .box .form-group .row-wrapper {
      display: flex;
      align-items: center;
      padding: 5px 0; }
      .carService .box .form-group .row-wrapper label {
        width: 90px;
        margin-right: 10px; }
      .carService .box .form-group .row-wrapper input {
        width: calc(100% - 100px);
        border: none;
        border-bottom: 1px solid #f5f5f5;
        padding: 5px 0; }
      .carService .box .form-group .row-wrapper div {
        width: calc(100% - 80px);
        border-bottom: 1px solid #f5f5f5;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .carService .box .form-group .row-wrapper div input {
          width: calc(100% - 80px);
          border: none; }
        .carService .box .form-group .row-wrapper div span {
          display: block;
          width: 80px;
          padding: 2px 0;
          text-align: right;
          font-size: 12px;
          cursor: pointer; }
      .carService .box .form-group .row-wrapper select {
        padding: 8px 0;
        outline: none;
        width: calc(100% - 80px);
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #f5f5f5; }
      .carService .box .form-group .row-wrapper .choiceNum {
        display: block; }
        .carService .box .form-group .row-wrapper .choiceNum p {
          display: flex;
          align-items: flex-start;
          padding: 5px 0; }
          .carService .box .form-group .row-wrapper .choiceNum p input {
            padding: 0;
            width: 16px;
            height: 16px;
            margin-right: 5px;
            margin-top: 2px; }
  .carService .box .city-go .city-table {
    font-size: 13px;
    line-height: 30px; }
    .carService .box .city-go .city-table td {
      padding: 0 20px;
      width: 50%;
      border-bottom: 1px dashed #f5f5f5; }
    .carService .box .city-go .city-table td:last-child {
      text-align: right; }
  .carService .box .tip {
    padding: 10px 20px;
    line-height: 24px;
    font-size: 14px; }
    .carService .box .tip table {
      width: 100%; }
      .carService .box .tip table th, .carService .box .tip table td {
        line-height: 30px; }
      .carService .box .tip table.center th, .carService .box .tip table.center td {
        text-align: center !important; }
      .carService .box .tip table tr th {
        font-weight: bold; }
      .carService .box .tip table tr td {
        padding: 0 5px; }
      .carService .box .tip table tr:nth-of-type(2n) {
        background-color: #f7f9fb; }
  .carService .box .bottom-btn a {
    background-image: linear-gradient(-30deg, #13b6f8, #3f86ed);
    width: 150px;
    padding: 5px 0;
    text-align: center;
    display: block;
    margin: 50px auto 20px;
    color: #fff;
    border-radius: 5px; }

/**车务  end**/
/**layer css setting start**/
.layer-confirm .layui-layer-title {
  text-align: center;
  padding: 0 !important; }
.layer-confirm .layui-layer-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row-reverse !important;
  padding: 0 !important; }
  .layer-confirm .layui-layer-btn a {
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 50%;
    text-align: center;
    border-radius: 0; }
    .layer-confirm .layui-layer-btn a.layui-layer-btn0 {
      border-top: 1px solid #1e9fff !important;
      background-color: #1e9fff !important; }
    .layer-confirm .layui-layer-btn a.layui-layer-btn1 {
      border-top: 1px solid #fafafa !important;
      background-color: #fff !important; }

.layer-bg-transparent {
  background-color: transparent !important;
  box-shadow: none !important; }

.layer-wechatBox .layui-layer-btn0 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  border-radius: 0 !important;
  text-align: center;
  padding: 5px 0;
  background-color: #f1f1f1 !important;
  color: #555 !important;
  border: none; }
.layer-wechatBox .wechatBox, .layer-wechatBox .wechatGzhBox {
  padding: 20px 10px 30px;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
  border-radius: 10px !important; }
  .layer-wechatBox .wechatBox img, .layer-wechatBox .wechatGzhBox img {
    width: 90%;
    display: block;
    margin: 10px auto; }
  .layer-wechatBox .wechatBox p, .layer-wechatBox .wechatGzhBox p {
    line-height: 24px; }

.egpic-box {
  padding: 10px; }

/**layer css setting end**/
.seeMore {
  padding: 15px 0;
  border: 1px solid #f5f5f5;
  border-bottom: none;
  color: #48a5f8;
  text-align: center;
  background-color: #fff;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer; }

/**优惠券弹窗 start**/
.coupon-adv {
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  .coupon-adv .coupon-box {
    width: 100%;
    position: relative; }
    .coupon-adv .coupon-box img {
      width: 100%;
      display: block; }
    .coupon-adv .coupon-box .txt {
      position: absolute;
      bottom: 20%;
      width: 80%;
      left: 10%;
      text-align: center;
      color: #fff;
      line-height: 24px; }
      .coupon-adv .coupon-box .txt h3 {
        padding: 10px 0;
        margin: 0 auto;
        background-size: 100%;
        width: 60%;
        font-size: 18px; }
      .coupon-adv .coupon-box .txt a {
        color: #fff;
        padding: 5px 0px;
        width: 60%;
        margin: 20px auto 0;
        display: block;
        background-image: url(../images/btn.png);
        background-size: 100% 100%;
        border-radius: 5px; }

/**优惠券弹窗 end**/
/*登录页*/
.login_box {
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  margin: 30px auto;
  height: 468px;
  width: 900px;
  box-shadow: 0 0 18px #ECECEC; }
  .login_box .pic {
    width: 400px;
    background: #48A5F8;
    height: 468px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .login_box .pic img {
      width: 100%; }
  .login_box #login {
    width: 500px;
    background: #FFFFFF;
    height: 468px; }
    .login_box #login h2 {
      font-size: 26px;
      text-align: center;
      color: #48A5F8;
      margin: 65px auto 30px; }
    .login_box #login .login-form {
      width: 414px;
      margin: 44px auto 0px; }
      .login_box #login .login-form input {
        width: 98%;
        border: none;
        height: 40px;
        line-height: 40px; }
      .login_box #login .login-form .container {
        width: 367px;
        margin-bottom: 40px;
        border: 1px solid #BCBCBC;
        border-radius: 5px;
        padding-left: 42px; }
        .login_box #login .login-form .container .valid-input {
          width: calc(100% - 140px); }
          .login_box #login .login-form .container .valid-input input {
            width: 100%; }
        .login_box #login .login-form .container .yzm-container {
          padding: 0px 15px;
          border-left: 1px solid #EDEDED;
          line-height: 40px;
          color: #A4A4A4;
          cursor: pointer;
          width: 120px;
          display: inline-block;
          text-align: center; }
        .login_box #login .login-form .container .yzm-container:hover {
          color: #48A5F8; }
      .login_box #login .login-form .container:nth-child(1) {
        background: url(../images/bind_icon_3.png) no-repeat;
        background-position: 12px center; }
      .login_box #login .login-form .container:nth-child(2) {
        background: url(../images/bind_icon_4.png) no-repeat;
        background-position: 12px center;
        display: flex;
        margin-bottom: 14px; }
      .login_box #login .login-form .grayColor {
        font-size: 14px; }
      .login_box #login .login-form .login-btn {
        width: 100%;
        height: 44px;
        background: #48A5F8;
        border-radius: 3px;
        line-height: 44px;
        text-align: center;
        color: #FFFFFF;
        margin: 34px auto 0px;
        cursor: pointer; }
      .login_box #login .login-form .login-btn:hover {
        background: #1e79ca; }
  .login_box .other-login-way {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 20px auto;
    color: #888; }
    .login_box .other-login-way a {
      text-align: center; }
      .login_box .other-login-way a img {
        width: 35px;
        height: 35px;
        display: inline-block; }

.wechat-login-box p {
  padding: 10px 10px 20px;
  text-align: center; }
.wechat-login-box #qrCode img {
  width: 300px;
  height: 300px;
  display: block; }

/*登录页*/
/*拍牌安排 start*/
.pp_plan ul {
  display: flex;
  align-items: center;
  margin-bottom: 30px; }
  .pp_plan ul li {
    width: calc(100% / 6);
    padding: 15px 20px;
    position: relative; }
    .pp_plan ul li:after {
      content: '»';
      position: absolute;
      right: 5px;
      color: #333;
      font-weight: bold; }
    .pp_plan ul li:last-child:after {
      content: ''; }
    .pp_plan ul li.on {
      color: #44a3f8; }

/*拍牌安排 end*/
.invoice-box {
  width: calc(100% - 60px);
  padding: 20px; }
  .invoice-box .order-text-list {
    display: flex;
    align-items: center;
    line-height: 30px; }
    .invoice-box .order-text-list .title {
      width: 30%; }

.online-pay .item-box:not(:first-child) {
  border-top: 1px solid #f5f5f5; }
.online-pay .title {
  padding: 10px 20px;
  font-size: 18px;
  font-weight: bold; }
.online-pay .ct {
  padding: 20px;
  line-height: 30px; }

.layer_wxpay_pc .layui-layer-title {
  background-color: #fff !important;
  display: flex;
  align-items: center; }
  .layer_wxpay_pc .layui-layer-title p {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #555; }
    .layer_wxpay_pc .layui-layer-title p:before {
      content: ' ';
      width: 1px;
      height: 18px;
      margin-right: 10px;
      display: block;
      background-color: #ccc; }
.layer_wxpay_pc .layui-layer-content {
  text-align: center;
  padding: 20px 20px 0 20px; }
  .layer_wxpay_pc .layui-layer-content h4 {
    letter-spacing: 1px;
    margin-top: 10px; }
  .layer_wxpay_pc .layui-layer-content img {
    display: block;
    margin: 10px auto 0px; }
  .layer_wxpay_pc .layui-layer-content .tips {
    line-height: 30px; }

.comment-box .input-item {
  padding: 15px 20px;
  border-top: 1px solid #f5f5f5;
  display: flex;
  align-items: center; }
  .comment-box .input-item.flex_start {
    align-items: flex-start; }
  .comment-box .input-item label {
    width: 85px; }
  .comment-box .input-item input {
    padding: 8px 10px;
    width: calc(100% - 85px);
    border: 1px dashed #ebebeb; }
  .comment-box .input-item .upload-pic {
    width: 30%;
    position: relative; }
    .comment-box .input-item .upload-pic .file {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      opacity: 0; }
    .comment-box .input-item .upload-pic .img {
      width: 100%;
      height: 180px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px dashed #ebebeb; }
      .comment-box .input-item .upload-pic .img img {
        height: 100%; }
  .comment-box .input-item textarea {
    width: calc(100% - 85px);
    padding: 10px;
    outline: none;
    resize: none;
    font-family: "Microsoft YaHei";
    border: 1px dashed #ebebeb; }
  .comment-box .input-item .rating-stars-container {
    display: flex;
    width: 200px; }
    .comment-box .input-item .rating-stars-container .rating-star {
      margin-right: 10px; }
      .comment-box .input-item .rating-stars-container .rating-star i {
        color: #ccc;
        font-size: 20px; }
      .comment-box .input-item .rating-stars-container .rating-star.is--hover i {
        color: orangered !important; }
      .comment-box .input-item .rating-stars-container .rating-star.is--no--hover i {
        color: #ccc !important; }
      .comment-box .input-item .rating-stars-container .rating-star.is--active i {
        color: orangered; }
  .comment-box .input-item.btn {
    border-top: none;
    margin: 20px 0;
    justify-content: flex-end; }
    .comment-box .input-item.btn a {
      background-image: linear-gradient(-30deg, #13b6f8, #3f86ed);
      padding: 8px 30px;
      color: #fff;
      font-size: 4px;
      border-radius: 5px; }

/*邀请好友 start*/
.invite-bg {
  width: 100%;
  background: linear-gradient(90deg, #ffaf13, #ffd700);
  margin-bottom: -120px; }
  .invite-bg .invite-box {
    padding: 30px 0 50px; }
    .invite-bg .invite-box .head-img img {
      width: 100%; }
    .invite-bg .invite-box .total-money {
      margin: 50px auto 0;
      width: 1000px;
      padding: 30px 0px;
      display: flex;
      justify-content: space-between; }
      .invite-bg .invite-box .total-money .item {
        background-color: #fffde8;
        width: calc((100% - 30px) / 2 - 40px);
        padding: 30px 20px;
        border-radius: 5px;
        position: relative;
        line-height: 30px; }
        .invite-bg .invite-box .total-money .item .title {
          position: absolute;
          top: -28px;
          left: calc(50% - 125px);
          width: 250px;
          height: 42px;
          line-height: 42px;
          text-align: center;
          color: #fff;
          background-image: url(../images/invite-title.png);
          background-size: 100%;
          background-repeat: no-repeat; }
        .invite-bg .invite-box .total-money .item dl {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .invite-bg .invite-box .total-money .item dl dt {
            width: 60%;
            border-right: 1px dashed #ccc; }
            .invite-bg .invite-box .total-money .item dl dt a {
              display: inline-block;
              padding: 5px 30px 10px;
              border-radius: 20px;
              background-image: url(../images/yq_bg4.png);
              background-size: 100% 100%;
              background-repeat: no-repeat;
              color: #fff;
              font-size: 14px;
              margin-top: 20px; }
          .invite-bg .invite-box .total-money .item dl dd {
            width: 35%;
            text-align: center; }
            .invite-bg .invite-box .total-money .item dl dd h2 small {
              font-size: 12px; }
            .invite-bg .invite-box .total-money .item dl dd p {
              font-size: 12px; }
    .invite-bg .invite-box .invite-list {
      margin: 100px auto 0;
      background-color: #fffde8;
      width: calc(1000px - 40px);
      padding: 30px 20px;
      border-radius: 5px;
      position: relative;
      line-height: 30px; }
      .invite-bg .invite-box .invite-list .title {
        position: absolute;
        top: -28px;
        left: calc(50% - 125px);
        width: 250px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        color: #fff;
        background-image: url(../images/invite-title.png);
        background-size: 100%;
        background-repeat: no-repeat; }
      .invite-bg .invite-box .invite-list table {
        width: 100%;
        text-align: center; }
        .invite-bg .invite-box .invite-list table .empty_data {
          padding: 50px 30px; }
        .invite-bg .invite-box .invite-list table tr td {
          width: 33%;
          padding: 10px 0;
          border-bottom: 1px dashed #f5f5f5; }
    .invite-bg .invite-box .rules {
      margin: 100px auto 0;
      background-color: #fffde8;
      width: calc(1000px - 40px);
      padding: 30px 20px;
      border-radius: 5px;
      position: relative;
      line-height: 40px; }
      .invite-bg .invite-box .rules .title {
        position: absolute;
        top: -28px;
        left: calc(50% - 125px);
        width: 250px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        color: #fff;
        background-image: url(../images/invite-title.png);
        background-size: 100%;
        background-repeat: no-repeat; }
      .invite-bg .invite-box .rules .ct h3 {
        margin: 10px 0; }
  .invite-bg.register-bg {
    background-color: #fdc052;
    background-image: none; }
    .invite-bg.register-bg .inviteFriend {
      width: 669px;
      height: 490px;
      position: relative;
      text-align: center;
      margin: 0 auto 60px;
      background-image: url(../images/yq_bg7.png);
      background-size: 100%;
      background-repeat: no-repeat; }
      .invite-bg.register-bg .inviteFriend .left {
        left: 150px; }
      .invite-bg.register-bg .inviteFriend .right {
        right: 150px; }
    .invite-bg.register-bg .inviteFriendCont {
      padding: 60px 55px 40px; }
      .invite-bg.register-bg .inviteFriendCont > div {
        width: 475px;
        height: 250px;
        background-color: #ffffff;
        border-radius: 4px;
        padding: 10px 40px 40px;
        margin: 0 auto; }
      .invite-bg.register-bg .inviteFriendCont h3 {
        color: #ffffff;
        font-size: 16px;
        margin: 5px 0 40px; }
      .invite-bg.register-bg .inviteFriendCont label {
        width: 85px; }
      .invite-bg.register-bg .inviteFriendCont .inviteFriContPhone input {
        width: 268px;
        border-radius: 4px;
        border: 1px solid #ececec;
        padding-left: 10px; }
      .invite-bg.register-bg .inviteFriendCont .inviteFriContQr > div {
        display: flex;
        justify-content: space-between;
        border: 1px solid #ececec;
        width: 268px;
        padding-left: 10px; }
        .invite-bg.register-bg .inviteFriendCont .inviteFriContQr > div input {
          border: none;
          height: 30px;
          margin-top: 6px;
          width: 130px; }
        .invite-bg.register-bg .inviteFriendCont .inviteFriContQr > div .inviteFriYzm {
          color: #fe6517;
          font-size: 15px;
          border-left: 1px solid #ececec;
          height: 30px;
          line-height: 30px;
          margin: 7px 10px;
          padding-left: 10px;
          cursor: pointer; }
      .invite-bg.register-bg .inviteFriendCont .inviteFriendBtn a {
        display: inline-block;
        width: 255px;
        height: 56px;
        background-image: url(../images/yq_bg4.png);
        background-size: 100%;
        background-repeat: no-repeat;
        color: #ffffff;
        line-height: 44px;
        font-size: 18px; }
      .invite-bg.register-bg .inviteFriendCont h4 {
        line-height: 50px;
        font-size: 15px;
        color: #333333; }
        .invite-bg.register-bg .inviteFriendCont h4 span {
          color: #ff5600; }
    .invite-bg.register-bg .inviteFriendCont .inviteFriContPhone, .invite-bg.register-bg .inviteFriendCont .inviteFriContQr {
      border: none;
      width: 357px;
      height: 45px;
      margin: 0 auto 30px;
      display: flex;
      line-height: 43px;
      justify-content: space-between; }
    .invite-bg.register-bg .inviteFriend .left, .invite-bg.register-bg .inviteFriend .right {
      width: 15px;
      height: 24px;
      border: 2px solid #ff5600;
      background-color: #ffffff;
      border-radius: 30px;
      position: absolute;
      top: 110px; }

/*邀请好友 end*/

/*# sourceMappingURL=style.css.map */