#app {
  font-family: Helvetica, sans-serif;
  text-align: center;
}


.el-header {
  padding: 0 10%;
  width: 100%;
  height: 80px;
  ;
  margin: 0 auto;
  background: #fff;
}
.logo-text {
  padding-left: 20px;
  padding-top: 16px;
  line-height: 20px;
  text-align: left;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.el-menu-one.el-menu {
  background: transparent;
}
.el-menu.el-menu--horizontal {
  max-width: 1300px;
  margin: 0 auto;
  display: block;
  border: 0 none;
}
.el-menu--horizontal>.el-menu-item {
  font-size: 16px;
  color: #000;
  padding: 0 2%;
  border: 0 none;
}
.el-menu--horizontal>.el-menu-item:not(:first-child):not(.menu-login):hover {
  background: #0168b7 !important;
}
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
  background: transparent;
  color: #fff;
}
.el-menu--horizontal>.el-menu-item.is-active {
  border: 0 none;
  color: #000
}
.el-menu--horizontal>.el-menu-item:first-child {
  margin-right: 80px;
  color: #000 !important;
}
.el-header .logo-title {
  font-size: 20px;
}
.el-header,
.el-footer {
  text-align: center;
  line-height: 80px;
}
.el-menu--horizontal>.el-menu-item {
  line-height: 80px;
  height: 80px;
}
.el-menu--horizontal>.el-submenu {
  padding-top: 10px;
}
.el-menu--popup {
  min-width: 120px;
}
.el-menu--horizontal .el-menu--popup .el-menu-item,
.el-menu--horizontal .el-menu--popup .el-submenu__title {
  font-size: 14px;
  color: rgb(133, 144, 166);
  font-weight: 400;
  padding: 0 20px;
}
.el-menu--horizontal>.menu-profile.is-active .el-submenu__title {
  border-bottom: 0 none;
}
.el-menu .menu-badge {
  top: -3px;
  padding-left: 5px;
}
.multi-chat header {
  line-height: 50px;
  margin-bottom: 0;
  padding: 0 0 0 26px;
  text-align: left;
  background: rgb(16, 163, 127);
  ;
  color: #fff;
  font-size: 22px;
}


.el-footer[data-v-685648fe] {
  background: #f2f2f2;
  padding: 20px 0 0 0;
  overflow: hidden;
  height: auto;
}
.footer-box[data-v-685648fe] {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.footer-list[data-v-685648fe] {
  line-height: 28px;
  margin-bottom: 38px;
}
.footer-list ul[data-v-685648fe] {
  list-style: none;
}
.footer-list li[data-v-685648fe] {
  text-align: left;
  color: #595757;
  font-size: 13px;
}
.footer-list li.footer-title[data-v-685648fe] {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin-bottom: 18px;
}
.footer-copy[data-v-685648fe] {
  background: #e6e6e6;
  color: #666;
  font-size: 13px;
}
.footer-copy a[data-v-685648fe] {
  background: #e6e6e6;
  color: #666;
  font-size: 13px;
}
.footer-copy-l[data-v-685648fe] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: end;
}
.footer-copy-r-logo[data-v-685648fe] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0.8rem;
}

  html,body{font-family:SF Pro SC,SF Pro Text,SF Pro Icons,AOS Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color: #333;background-color: #f5f5f7;}
  .el-carousel__container{height:600px;width:100%;overflow: hidden;}
  .el-carousel__item{background-size: cover;}
  p, dl, multicol{margin: auto;}
  a{cursor: pointer;}
  :root {
      --theme-color: #62a403;
  }
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --wostin-extra: #f5f0e9;
    --wostin-black: #404a3d;
    --wostin-gray: #878986;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
  .color-default {
    color: #3d4145!important;
}
.color-gray {
    color: #999!important;
}
.color-primary {
    color: #0894ec!important;
}
.color-success {
    color: #4cd964!important;
}
.color-danger {
    color: #f6383a!important;
}
.color-warning {
    color: #f60!important;
}
.color-white{color:#fff;}

.bg-white , .bg10{background-color: #fff!important;}
.bg-blue , .bg0{background-color: #5acfbf!important;}
.bg-blue2 , .bg1{background-color: #0894ec!important;}
.bg-yellow , .bg3{background-color: #ffb001!important;}
.bg-orange , .bg2{background-color: #ee732d!important;}
.bg-red , .bg4{background-color: #f60!important;}
.bg-green , .bg5{background-color: #394f3a!important;}
.bg-opc{background-color: #333 !important;opacity: 0.5;}

  .index-banner .el-carousel__item h3 {
    color: #fff;
    font-size: 36px;
    line-height: 50px;
    margin: 180px 0 0;
    letter-spacing: 1em;
  }
  /* .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  } */

  .banner2 .el-carousel__container{height:380px;width:100%;overflow: hidden;}
  .el-carousel__item--card.is-active{border:2px solid #f9fafe; border-radius: 15px;box-shadow: rosybrown;}

   .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }

  .el-main {
    padding: 0 0 80px 0;
    max-width: 2560px;
    min-width: 1400px;
    text-align: center;
    line-height: 18px;
    overflow: hidden;
  }

  .font8{font-size: 8px;}
  .font10{font-size: 10px;}
  .font12{font-size: 12px;}
  .font13{font-size: 13px;}
  .font14{font-size: 14px;}
  .font16{font-size: 16px;}
  .font34{font-size: 34px;line-height: 38px;}
  .text-left{text-align: left;}
  .text-right{text-align: right;}
  .text-center{text-align: center;}
  .marginTop5{margin-top: 5px;}
  .marginTop10{margin-top: 10px;}
  .marginTop20{margin-top: 20px;}
  .marginTop30{margin-top: 30px;}
  .padding10{padding: 10px;}
  .paddingLF10{padding: 5px 10px;}
  .cursor{cursor: pointer;}

  .pd-main{padding-left: 20px;padding-right: 20px;}
  .main-box{min-width: 1300px;margin:0 auto;}
  .fixed-width{width: 1300px;overflow: hidden;}
  .forum-width{width: 1300px;margin: 0 auto;}

  /* .el-button{border-radius: 0;} */

  .sp-title{font-size: 2.3em;line-height: 50px;margin: 50px auto;}
  .sp-title .sp-divider{
    /* border-top: solid 8px red; */
    width: 1.6em;height: 0;
    margin: 0 auto;
  }
  .sp-title i{font-size: 24px;}

  .product-search .el-input.input-serach-text{width:380px;}
  .product-search-list {margin: 0 auto;}
  .product-search-list ul {list-style: none;width: 100%;float: left;padding:0;padding-left: 10%;}
  .product-search-list ul li{float: left;padding:5px 15px ;color: #6e6e73;font-size: 15px;cursor: pointer;}
  .product-search-list ul li:first-child{ font-size: 16px; font-weight: 600;}
  .product-search-list ul li.is-active{background-color: #0894ec;color:#fff;}
    .product-list ul{list-style: none;
  padding:0;
  /* background: #f1f1f1; */
  }
  .product-list ul li{margin-bottom: 20px;
  /* background: #fff; */
  /* box-shadow: 0px 0px 5px #f1f1f1; */
  background: #f1f1f1;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex;}
  .product-list ul li:nth-child(2n){ background: #fff;}
  .product-list .img_box{
    /* width: 45%; */
    padding-left: 10%;
    width: 380px;
    height: 240px;text-align: right;}
  .product-list .img_box img{width: 380px;height: 240px; border-radius: 5px;box-shadow: 2px 2px 2px #888888; transition: 460ms;}
  .product-list-li{float: left;}
  .product-list-li.product-text{text-align: left;padding-left: 3.5%;position: relative;width:45%;height: 100%;}
  .product-text h3{color:#000;font-size: 18px;}
  .product-text p{color:#666;font-size: 14px;line-height: 25px;height: 100px;overflow: hidden;}
  .product-li-more{position:absolute;bottom:15px;}

  .product-list ul li:hover{box-shadow: 0px 0px 10px #d1cfcf7d;}
  .product-list ul li:hover .img_box img{transform: scale(1.1);}

  .team-box{width: 277.5px;height: 380px!important;
    display: inline-block;
    border-radius: 2px;box-shadow: #f9fafe;
    margin-right: 30px;animation-name: fadeInLeft;
    background-color: #fff;
    overflow: hidden;
    border-radius: 15px;
  }
 .team-back{width: 100%;height: 60px;position: absolute;bottom:0;background-color: #333;opacity: 0.7; }
  .team-box .tioinfor{
    position: relative;
    /* color: #212529;  */
    padding: 24px 0 ;
    bottom:10px;
      font-size: 18px;
    /* font-weight: 700; */
  }
  .team-box .el-rate__icon{font-size: 24px;}
  .team-box .team-bg{width:100%;height:100%;background:#ce8888;opacity: 0.8;}
  .team-box .team-more{width:100%;height:100%;position: absolute;top: 42%;text-align: center;font-size: 24px;color: #fff;}

  .team-box2{width: 28%;height: 360px;
    display: inline-block;
    /* border-radius: 5px;box-shadow: #f9fafe; */
  }
  .team-box3{height: 500px;
    display: inline-block;
    border-radius: 20px;box-shadow:-2px 0 10px #ccc;
    background-color: #fff;
  }
  .team-box2:nth-child(2){margin: 0 3% 0;}
  .team-box3:nth-child(2){margin:0 1.5% 0;width: 22%;}
  .team-box3:nth-child(3){margin:0 1.5% 0 0;width: 22%;}
  .team-box3:nth-child(4){width: 22%;}


  @keyframes scaleDraw {
            0%{
                background-size: 100%;  /*开始为原始大小*/
            }

            100%{
                background-size: 150%;
            }
        }
  .custom-box{position: relative;overflow: hidden;}
  .custom-box .team-box2 , .custom-box .team-box3{position: relative;border-radius: 15px;background-size:100% ;overflow: hidden;}

   @keyframes hoverFade {
            0% {
                bottom: -50px;
            }

            100% {
                bottom: 0;
            }
        }
   @keyframes hoverOutFade {
            0% {
                bottom: 0px;
            }

            100% {
                bottom: -50px;
            }
        }
  .custom-box .custom-content{width: 100%;height: 150px;
    position: absolute;bottom: 0px;
    right:10px;
    padding-bottom: 20px;
    overflow: hidden;
    /* animation:hoverOutFade 0.5s; */
  }
  .custom-box .custom-content2{
    width: 100%;height: 150px;
    position: absolute;right:0;
    padding-bottom: 20px;overflow: hidden;}
  .custom-box .custom-content3{
    width: 100%;height: 180px;
    position: absolute;right:0;top: 0;
    /* background-color: #3c3c3c;color: #fff; */
    box-sizing: border-box;
    /* left: -10px;padding-left: 20px; */
    padding-bottom: 10px;overflow: hidden;}
  .custom-box .team-box2:hover{
    /* background-size: 150%;
    animation:bounceIn 1.2s; */
  }
  /* .custom-box .team-box3:hover .custom-content{
    bottom: 0;
    animation:hoverFade 0.5s;
  } */
     @keyframes hoverScale2 {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.01);
            }

            100% {
                transform: scale(1.02);
            }
        }
  .team-box3{transform: scale(1);transition:all 300ms;}
  .team-box3:hover{transform: scale(1.02);transition:all 500ms;box-shadow:0px 0 35px #ccc;}
  .custom-content-back{width: 100%;height: 200px;position: absolute;bottom:0;background-color: #333;opacity: 0.7; }
  .custom-box .custom-content2 .custom-content-text > div{padding: 5px 20px;text-align: left;line-height: 24px; }
  .custom-box .custom-content div{color: #fff;padding: 5px 20px;text-align: left;line-height: 24px; }
  .custom-content2 .custom-content-title{font-size: 1.5em;font-weight: 600;}
  .custom-content2 .custom-content-title2{font-size: 1.2em;font-weight: 600;height: 48px;}
  .custom-content2 .custom-content-title3{font-size: 1em;font-weight: 600;}
  .custom-content .custom-content-title{font-size: 1.5em;font-weight: 600;}
  .custom-content-desc{height: 45px;overflow: hidden;}
  .custom-content3 .custom-content-text{width: 100%;position: relative;top:10px;z-index: 100;color: #1d1d1f;}
  .custom-content-more{margin-top: 5px;}
  .cart .custom-box .custom-content-more{display: -ms-flexbox;display: flex;-ms-flex-pack: end;justify-content: end;}
  .custom-box-list2 .el-image{padding:25px;box-sizing: border-box;}

  .custom-image-t{width: 100%;height: 68%;position: absolute;bottom: 0;}

  .product-search{margin: 20px auto;}


  .tox-tinymce-aux{z-index: 99999!important;}

  .el-main-forum{background:#f1f1f1 ;}
  .forum-box{margin-top:10px;background: #fff;position: relative;}

.cart-search{padding: 0 10px;}
.cart-search .el-tag{margin: 0 10px;padding:0 15px;cursor: pointer;}
.cart-search .el-form-item__label{}
.cart-search .el-form-item__content{text-align: left;float: left;}

.cart-box{ float: left; display: inline-block; }
.cart-box .el-card {margin-bottom: 20px;}
.cart-box .el-card .el-image{width: 100%;height: 150px;}

.cart .cart-go{position: fixed;z-index: 99;;bottom:30px;right: 10px;width:380px;background-color: #fff;border: solid 1px #eee; box-shadow:0 0 10px #eee; border-radius: 5px;}
.cart.service-cart .cart-go{position: absolute;z-index: 99;;top:120px;right: 0;width:420px;background-color: #fff;border: 0 none; box-shadow:0 none !important; border-radius: 0;}
.cart-go .sp-title{font-size: 20px;line-height: 20px;}
.cart-go .el-card{background:#f1f1f1;}
.cart-go .el-card__body{padding: 2px;}
.cart-go dl{display: -ms-flexbox;display: flex;height: 80px;margin-bottom: 10px;background: #fff;padding: 10px;position: relative;}
.cart-go dl dt{float: left; width: 25%;height: 100%;border-radius: 10px;overflow: hidden;}
.cart-go dl dd{float: left;line-height: 80px;margin-left: 15px;}
.cart-go .cart-del{position: absolute; right: 10px;top:20px;cursor: pointer;}

/** new cart 3 **/

.cart-go2 .sp-title{font-size: 20px;line-height: 20px;}
.cart-go2 .el-card{background:#f1f1f1;}
.cart-go2 .el-card__body{padding: 2px;}
.cart-go2 dl{display: -ms-flexbox;display: flex;height: 80px;margin-bottom: 10px;background: #fff;padding: 10px;position: relative;}
.cart-go2 dl dt{float: left; width: 25%;height: 100%;overflow: hidden;padding-top: 18px;}
.cart-go2 dl dd{float: left;line-height: 80px;margin-left: 15px;overflow: hidden;}
.cart-go2 .cart-del{position: absolute; right: 10px;top:20px;cursor: pointer;}

  .cart-search{background-color: var(--wostin-extra);padding: 30px 30px;text-align: left;padding-left: 20px;letter-spacing: 0.2rem;}

  .cart-search-title{font-size: 24px;font-weight: 700;line-height: 36px;margin:0 0 10px;padding-left: 20px;color:var(--wostin-gray)}
  .cart-search-list{list-style: none;}
  .cart-search-list { margin: 0;padding-left: 0;}

.cart-search-list li {
    margin-top: 10px
}
  .cart-search-list li a{
        color: var(--wostin-gray);
        font-size: 16px;
        position: relative;
        transition: all 500ms ease;
        display: block;
        background: 0;
        padding: 15px 20px;
        font-weight: 500;
  }
  .cart-search-list li a:hover {
    background-color: white;
    color: var(--wostin-black)
}

.cart-search-list li.active a {
    background-color: white;
    color: var(--wostin-black)
}


.cart-search-list li a span {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) scale(0);
    transition: all 500ms ease;
    color: var(--wostin-gray);
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
}

.cart-search-list li a:hover span {
    color: var(--wostin-base);
    transform: translateY(-50%) scale(1)
}

.cart-search-list li.active a span {
    transform: translateY(-50%) scale(1);
    color: var(--wostin-base)
}

  .cart .team-box3{width: 32%;margin:0 1.5% 0 0;}
  .cart .team-box3:nth-child(n+4){margin:30px 1.5% 0 0;}
  .cart .team-box3:nth-child(2n){width: 32%;}
  .cart .team-box3:nth-child(3n){width: 32%;margin-right: 0;}
  .cart .team-box3{height: 460px;}
  .cart .custom-box{overflow: visible;}

  .cart .team-box3 .el-image{margin-top: -20px; }
  .cart .team-box3:hover .el-image{}

.cart .team-box3 .hover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    /* border-radius: 30px 0 0 30px; */
    opacity: 0;
    transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s
}

.cart .team-box3 .hover img {
    width: 100%;
    height: 100%;
    opacity: .22
}

.cart .team-box3:hover .hover {
    opacity: 1
}

.cart .piActionBtns {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    z-index: 3
}

.cart .piActionBtns a {
    height: 60px;
    width: 60px;
    background: #f8dfc1;
    border-radius: 50%;
    color: #000;
    display: block;
    line-height: 60px;
    font-size: 32px;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    margin: 0 7.5px
}

.cart .piActionBtns a.quickview {
    background: #eaf4bb
}

.cart .piActionBtns a.compare {
    background: #c0dded
}

.piActionBtns a:hover {
    background: var(--theme-color);
    color: #FFF
}

.piActionBtns a:nth-child(01) {
    transition: transform 350ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms,border ease 300ms;
    transform: translate3d(0,60px,0);
    -moz-transform: translate3d(0,60px,0);
    -webkit-transform: translate3d(0,60px,0);
    -ms-transform: translate3d(0,60px,0);
    -o-transform: translate3d(0,60px,0)
}

.piActionBtns a:nth-child(02) {
    transition: transform 450ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms,border ease 300ms;
    transform: translate3d(0,60px,0);
    -moz-transform: translate3d(0,60px,0);
    -webkit-transform: translate3d(0,60px,0);
    -ms-transform: translate3d(0,60px,0);
    -o-transform: translate3d(0,60px,0)
}

.piActionBtns a:nth-child(03) {
    transition: transform 550ms cubic-bezier(0.445,0.05,0.55,0.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms,border ease 300ms;
    transform: translate3d(0,60px,0);
    -moz-transform: translate3d(0,60px,0);
    -webkit-transform: translate3d(0,60px,0);
    -ms-transform: translate3d(0,60px,0);
    -o-transform: translate3d(0,60px,0)
}

.team-box3:hover .piActionBtns a:nth-child(01),.team-box3:hover .piActionBtns a:nth-child(02),.team-box3:hover .piActionBtns a:nth-child(03) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0)
}

.go-shop-cart{position: fixed; z-index: 1000; right: 20px;top:45%;cursor: pointer;}
.go-shop-cart .go-shop-cart-num{color:var(--white);position: absolute;top: 0px;left: -2px;font-size: 1rem;font-weight: 600;width: 15px;height: 15px;line-height: 15px;background-color: var(--red);border-radius: 100%;padding: 2px;}


.product-h{display: -ms-flexbox;display: flex;height: 300px;color: #757575;-ms-flex-direction: row;flex-direction: row;}
.product-h-l{width: 40%;text-align: right;}
.product-h-l .el-image{width: 90%;height: 100%;border-radius: 5px;}
.product-h-r{padding:0 30px;width: 45%;position:relative;}
.product-h-r h3{margin: 10px 0; line-height: 60px;font-size: 24px;color: #333;}
.product-h-r p{width: 100%;line-height: 30px;font-size: 16px;display: block;max-height: 210px;overflow: hidden;}
.product-d{padding: 30px;}
.product-d .el-tabs__item{font-size: 18px ;}
.el-tabs__header{margin-bottom: 20px;}

/** new cart  **/
.cart .sp-title{margin: 30px auto;}
.cart-box{padding:0 15px;}
/* .cart .el-form-item{margin-bottom: 0;} */
.cart-search .el-form-item__label {width: 100px;}
.cart-search .el-form-item__label , .cart-search .el-form-item__content{line-height: 24px;font-size: 13px;max-width: 600px;}
.cart-go .el-image{height: 100%;border-radius: 10px;}
.cart-parts{display: block;width: 96%; float: left;}
.cart-parts dl{width: 100%;padding: 5px ;display: -ms-flexbox;display: flex;line-height: 50px;border:solid 1px #eee;border-top: 0 none;cursor: pointer;}
.cart-parts dl.active{background-color: #5acfbf;}
.cart-parts dl:first-child{border-top: solid 1px #eee;}
.cart-parts dl dt , .cart-parts dl dd{float: left;}
.cart-parts dl dt{text-align: right; width: 120px;font-size: 1rem;}
.cart-parts dl dt.active{color:#fff;font-size: 1rem;}
.cart-parts dl dd .el-tag{margin-right: 15px;cursor: pointer;}
.cart-go dl{height: 50px;}
.cart-go dl dt ,.cart-go dl dd{line-height: 50px;}

.cart .el-collapse-item__header{padding-left: 20px;line-height: 60px;height: 60px;}
.cart .cart-p-list{line-height: 22px;text-align: left;padding: 1px 20px;cursor: pointer;}
.cart .cart-p-list .el-alert{border-radius: 0;}
/** new cart **/

   @keyframes scaleOn {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.02);
            }

            100% {
                transform: scale(1.03);
            }
        }
.service-list{list-style: none;display: -ms-flexbox;display: flex; border: 1px solid #d7dae2; margin: 0 10px 10px 15px;padding: 10px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);border-radius: 5px;}
/* .cart-box ul.service-list:first-child{margin-top: 15px;} */
.service-list:hover ,.service-list.checked{background-color: rgb(240, 214, 196);cursor: pointer;
  animation:scaleOn 500ms;}
.service-list li{float: left;}
.service-list .service-list-image{-ms-flex-pack: right;justify-content: right;width: 120px;height: 120px;}
.service-list .service-list-image .el-image{border-radius: 5px;}
.service-list .service-list-info{-ms-flex-pack: left;justify-content: left;text-align: left;padding: 0 20px;line-height: 24px;font-size: 13px;;}

.user-container{padding: 20px 30px;}

.user-info-li{width: 100%;display: -ms-flexbox;display: flex;line-height: 38px;color: #666;}
.user-info-li .user-info-title{width:120px;display: -ms-flexbox;display: flex;-ms-flex-pack: right;justify-content: right;}
.user-info-li .user-info-text{display: -ms-flexbox;display: flex;-ms-flex-pack: left;justify-content: left;-ms-flex: 1;flex: 1;width: 100%;padding-left: 5px;}
.user-info-li .user-info-text .el-tag{margin-top: 5px;cursor: pointer;}

.el-card .add-user-button{position: absolute; right: 50px;top: 20px;z-index: 1000;}

.el-popover--plain{font-size: 13px;color:#9f9f9f;}
.el-popover__title{font-weight: 600;}

.sp-title .el-divider__text{background-color: transparent;}

.flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

}

.flex-direction-row,
.flex-d-row {
  -ms-flex-direction: row;
      flex-direction: row;
}

.flex-direction-cloumn,
.flex-d-col {
  -ms-flex-direction: column;
      flex-direction: column;
}

.flex-1 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
}

.just-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
  display: -ms-flexbox;
  display: flex;
}

.just-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
  display: -ms-flexbox;
  display: flex;
}