/**
 * 云流程详情页
 */
 .banner {height:3rem;background:url(https://sanger-sc-prod.oss-cn-shanghai.aliyuncs.com/static/img/web/pipeline/detail_banner.jpg) no-repeat;background-size: cover;}
 .banner .wrap {position: relative;padding: 0 13.65%;margin-top: 72px;display: flex;
     flex-direction: column;
     justify-content: center;
     height: 100%;
     opacity: 0;
    animation: fadeIn 3s forwards;  -webkit-animation: fadeIn 3s forwards;
  }
 /*面包屑*/
 .pipeline-breadcrumb {
     display: flex;
     align-items: center;
     height: 0.4rem;
     line-height: 0.4rem;
     background: #fff;
     margin-bottom: .2rem;
     color: #999AAA;
     background: #F9F9F9;
   }

   .pipeline-breadcrumb a {
     font-size: 0.13rem;
     color: #999AAA;
     cursor: pointer;
     margin: 0 3px;
   }
   .pipeline-breadcrumb a:first-child {
     margin-left: 0;
   }
   .pipeline-breadcrumb a:hover {
     color: #09B07F;
   }

   .pipeline-breadcrumb cite {
     font-size: 0.13rem;
     color: #999AAA;
     font-style: normal;
     cursor: auto;
     margin-left: 3px;
   }
 .banner .btns {display: flex;align-items: center;}
 .banner .tools {display: inline-block;margin-left: 0.15rem;}
 .banner .tools .favorites {cursor: pointer;}
 .banner .tools .favorites i {font-size: 0.3rem; color: #fff;}
 .banner .tools .favorites .collect-star i {color:#f00;}

 /*流程头介绍信息*/
 .task-flow-hd h1 {font-size:0.36rem;font-weight: bold;color:#fff;margin-bottom: 0.12rem;}
 .task-flow-hd h1 .layui-badge {margin-left:0.1rem;vertical-align:middle;background-color:#27d3a7 !important;}
 .task-flow-hd h1 .b1,.task-flow-hd h1 .b2 {background:#f5f5f5;border:1px solid #e6e6e6;border-radius:3px;padding:0 3px;height:0.24rem;text-align:center;line-height:24px;}
 .task-flow-hd h1 .b1 {color:#f39d0e;margin: 0 6px;}
 .task-flow-hd h1 .b2 {color:#13b5b1;}
 .task-flow-hd .info {margin-bottom: 0.1rem;color:#999;}
 .task-flow-hd .desc {margin-bottom: 0.26rem;color:#fff;width:6.3rem;}
 .online-consulting {display: inline-block;color:#282A2D;height:0.42rem;line-height: 0.41rem;border-radius: 4px;padding:0 42px;margin-left: 0.15rem;background: rgba(255,255,255,0.86);}
 .online-consulting img {width: 0.2rem;vertical-align: middle;}
 /*示例数据*/
 .demo-box{display: inline-block;position: relative;z-index: 1;vertical-align: top;}
 .demo-box>a {display: inline-block;height:0.42rem;line-height: 0.41rem;border-radius: 4px;padding:0 0.42rem;background: #fff;
     box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);color:#282A2D; position: relative;}
 .demo-box>a img {position: absolute;top: 0;right: 0;width: 0.3rem;height: 0.32rem;}
 .demo-box .demo-header td {background:#f8f8f8;font-size:0.14rem;line-height:0.22rem;font-weight: bold;}
 .demo-box .demo-content{width: 6.5rem;padding:0;}
 .demo-box .demo-content table {width:100%;table-layout: fixed;}
 .demo-box .demo-content td{padding:0.19rem 0.18rem;border-bottom: 1px solid #eee;word-wrap:break-word;-webkit-transition: all .2s ease;transition: all .2s ease;color: #2E2F33;}
 .demo-box .demo-content td label{margin: 0 !important;padding: 0 !important;}
 .demo-box .demo-content tbody tr:hover td{background: #f5f5f5;}
 .demo-box .demo-content tr:last-child td{border: none;}
 .demo-box .demo-content td.nowrap{white-space: nowrap;display: table-cell;color: #fff;}
 .demo-box .demo-content table{border-top: 1px solid #eee;}
 .demo-box .demo-content .demo-body{max-height: 3rem;overflow-y: auto;}

 .demo-header td{padding: 0.09rem 0.18rem !important;}

 .detail-content {padding: .2rem 13.65% 79px 13.65%;background: #F9F9F9;}
 /*锚点子导航*/
 .detail-top-nav-box {height: 0.38rem;display: flex;justify-content: center;align-items: center;}
 .detail-top-nav-wrap {height:0.38rem;line-height:0.38rem;}
 .detail-top-nav-wrap .pipeline-wrap {margin:0 auto;}
 .detail-top-nav-wrap.fixed {position: fixed;width:100%;top:70px;left:0;z-index: 100;}
 .detail-top-nav {display: flex;font-size: 0.14rem;}
 .detail-top-nav li {padding:0 0.52rem;cursor:pointer;background: #fff;color: #2E2F33;border-radius: 19px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);height: .38rem;}
 .detail-top-nav li + li {margin-left: 0.25rem;}
 .detail-top-nav li.current {background: #09B07F; color: #fff;}
 .detail-top-nav li:hover:not(.current) {color: #09B07F;}

 /*页面内容*/
 .app-list-wrap {padding:0.5rem 0 0;min-height: 400px; color: #2E2F33;}
 .app-title {font-size: 0.32rem;margin-bottom: 0.4rem;display: inline-block;text-align: center;width: 100%;}


 /*产品介绍*/
 .app-introduce {margin-bottom: 0.5rem;}
 .app-introduce h3 {font-size: 0.18rem;margin-bottom: 0.1rem;color:#4c4c4c;text-align: center;}
 .app-introduce .desc {line-height: 2;}

 /*产品优势*/
 .app-advantage-list {display: flex;flex-wrap:wrap;width: 100%;box-sizing: border-box;padding: 0 13.54%;}
 .app-advantage-list img {position: absolute;right: 17.15%;top: 11px;z-index: 9;width: 1.45rem;height: 1.45rem;}
 .app-advantage-list .item {width:45%;height:2.21rem;background:#fff;border-radius: 8px;padding:0.37rem;transition:.3s ease;overflow:hidden;position: relative;margin-left: .22rem;margin-top: .22rem;box-sizing: border-box;}
 .app-advantage-list .item:nth-child(2n-1) {margin-left: 0;}
 .app-advantage-list .item h5 {font-size: 0.16rem;margin-bottom: 28px;font-weight: bold;}
 .app-advantage-list .item .desc {color:#566673;line-height:0.24rem;}
 .app-advantage-list .item:hover {background:var(--primary);}
 .app-advantage-list .item:hover * {color:#fff;}
 .app-advantage-list .item:hover h5{display: inline-block;border-bottom: 1px solid rgba(255,255,255,0.5);padding-bottom: 0.07rem;}

 /*分析流程*/
 .app-flow {padding:0.45rem 0 0.54rem 0;}
 .app-flow .con {border-radius: 8px;padding:0.3rem;background: #fff;}
 .app-flow .con .desc {line-height: 1.75;}
 .app-flow .con img {max-width:100%;height:100%;}

 .analysis_desc>p{text-indent: 2em;}
 .analysis_desc .flow-pic{padding: 0.5rem 0;text-align: center;}

 /*视频教程*/
 .app-video-list {display: flex;margin-bottom: 43px;gap: 24px;}
 .app-video-list .item {width:24%;height:2.6rem;display: block;color:#2E2F33;overflow: hidden;background: #fff;border-radius: 14px;box-shadow: 0px 3px 6px 1px rgba(153,154,170,0.16);}
 .app-video-list .item .img {height:1.88rem;display: block;}
 .app-video-list .item .img img {width:100%;height:100%;object-fit: cover;}
 .app-video-list .item .name {display: block;font-size: 0.18rem;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;font-weight: bold;color: #2E2F33;padding: 0.24rem 0.3rem 0 0.16rem;}
 .app-video .more {width:1.31rem;height: 0.3rem;line-height: 0.3rem;border-radius: 100px;background:var(--primary);color:#fff;font-size: 0.14rem;margin:0 auto;display: block;text-align:center;position: relative;padding: 0 0.08rem 0 0.12rem;transition:opacity .3s ease;display: flex;align-items: center;}
 .app-video .more img {width: 0.2rem;height: 20px;margin-left: 0.07rem;}
 .app-video .more:hover {opacity: .8;}

 /*页面底部信息*/
 .app-info {height:415px;background:url(/static/img/web/pipeline/pic_1.png) center;color:#fff;}
 .app-info .txt-1 {font-size: 0.32rem;margin-bottom: 0.1rem;padding-top: 0.7rem;}
 .app-info .txt-2 {font-size: 0.18rem;margin-bottom: 0.4rem;line-height: 2;}
 .app-info ul {display: flex;}
 .app-info ul li h5 {font-size: 0.36rem;margin-bottom: 15px;}
 .app-info ul li p {font-size: 0.18rem;}
 .app-info ul li + li {margin-left: 1.5rem;}

 /*页面底部立即咨询层*/
 .contact-bottom-layer {height:400px;background:url(https://sanger-sc-prod.oss-cn-shanghai.aliyuncs.com/static/img/web/pipeline/bg_1.jpg) no-repeat;text-align:center;box-sizing: border-box; color: #fff;background-size: cover;display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;}
 .contact-bottom-layer h5 {font-size: 0.32rem;font-weight:bold;margin-bottom: 0.2rem;}
 .contact-bottom-layer p {font-size: 0.14rem;margin-bottom: 0.5rem;}
 .contact-bottom-layer a {display: inline-block;color:#fff;background: linear-gradient(239deg, #00CE82, #2298EB, #2297E9 100%);border-radius:5px;height:0.54rem;line-height:0.54rem;width: 2.54rem;text-align: center;}
 .contact-bottom-layer a:hover {color:#fff;}

 /*产品介绍*/
 .desc .item{padding-bottom: 0.3rem;}
 .desc .item-title{font-weight: bold;font-size: 0.14rem;color: #2E2F33;margin-bottom: 0.05rem;}
 .desc .item-footer{border-top: 1px solid #D2D2D2;padding: 30px 0;}
 .desc .item-footer .item-footer-title{font-weight: bold;font-size: 0.15rem;color: #333;padding-bottom: 0.05rem;}
 .desc .item-footer .item-footer-content{font-size: 0.14rem;line-height:1.6;color: #333;text-indent: 2em;display: inline-block;}
 .desc .item-footer table{width: 5rem;margin: 0 auto;border: none;}
 .desc .item-footer table td{border-bottom: none;text-align: center;}
 .desc .item-footer table td:last-child{border-right: none;}
 .desc .item-footer table td p{font-size: 0.24rem;padding-bottom: 0.04rem;font-weight: bold;color: #2E2F33;}