.new_line::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #6d6d6d;
}
 .pr {
    width: 100%;
    margin: 15px auto;
    height: 13px;
    background: #f9f9f9;
    border: 1px solid #e6e6e6;
    border-left: none;
    border-right: none;
}

/*定义滚动条轨道 内阴影+圆角*/
.new_line::-webkit-scrollbar-track
{
    
    border-radius: 0px;
    background-color: #F5F5F5;
}
 
/*定义滑块 内阴影+圆角*/
.new_line::-webkit-scrollbar-thumb
{
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #9b9b9b;
}
.timeline_box {
    display:none;
     transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}
.timeline {
        margin: 10px;
    width: 150px;
    position: absolute;
    background: #fff;
    z-index: 99999;
    border: 1px solid #dedede;
    padding: 10px 0 10px 10px;
    right: -10px;
    top: 20px;
    box-shadow: 0 0 13px rgba(0,0,0,.2);
    
}

.timeline_box.on {
    display:inherit;
}  
.timeline:before{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -16px;
        right:15px;
        padding:0;
        border-bottom:8px solid #FFFFFF;
        border-top:8px solid transparent;
        border-left:8px solid transparent;
        border-right:8px solid transparent;
        display: block;
        content:'';
        z-index: 12;
    }
    .timeline:after{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -18px;
        right:14px;
        padding:0;
        border-bottom:9px solid #cccccc;
        border-top:9px solid transparent;
        border-left:9px solid transparent;
        border-right:9px solid transparent;
        display: block;
        content:'';
        z-index:10
    }
.timeline > li {
    position: relative;
    border-left: 1px solid #f3f3f3;
    padding: 8px 0;
}
.timeline > li .yuan{
    width: 7px;
    height: 7px;
    display: block;
    position: absolute;
    top: 10px;
    left: -4px;
    background: gainsboro;
    border-radius: 50px;
}
.timeline > li > span > i {
    position:relative;
    top:-2px;
}

.timeline > li .yuan i{
    display:none;
}
.timeline > li h3{
    color: #cecece;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: 1px;
}
.timeline > li h3 i{
    float: right;
    display:none;
}
.timeline > li font{
    padding: 0 10px;
    color: #d8d8d8;
    font-size: 12px;
    display: none;
}
.timeline > li .subr {
    /*display:none;*/
}
.timeline > li.active {
}  
.timeline > li.active .yuan{
    background: #72c2ff;
}
.timeline > li.active .yuan i{
}
.timeline > li.active h3{
   color: #636363;
}
.timeline > li.active h3 i{
        
}
.timeline > li.hassubr h3 i{
   display:block       
}
.timeline > li.active font{
    display: block;
    color: #cacaca;
}
.timeline > li.now font{

    color: #9a9a9a;
}
.timeline > li.active .subr {
  
}
.timeline > li.active .subr li.red{
    
}
.timeline > li.active .subr li.red h4{
    
}
.timeline > li.active .subr li.red span{
    
}
.timeline > li.active .subr li.red font{
    
}
.timeline > li.active .subr li.green{
    
}
.timeline > li.active .subr li.green h4{
    
}
.timeline > li.active .subr li.green span{
    
}
.timeline > li.active .subr li.green font{
    
}
.timeline > li.active.red {
} 

.timeline > li.active.red .yuan{
} 
.timeline > li.active.red .yuan i.fa-remove {
} 

.timeline > li.active.green {
} 
.timeline > li.active.green .yuan {
        background: #fff;
        left: -6px;
} 
.timeline > li.active.green .yuan i.fa-check {
        display: block;
    color: #30e24d;
}
.timeline > li.now.orange .yuan {
        background: #fff;
        left: -6px;
}  
.timeline > li.now.orange .yuan i.fa-history {
        display: block;
    color: #3eacff;
}

.timeline > li.now.orange h3 {
    color: #3eacff;
}
.timeline > li.now.red .yuan{
    background: #fff;
    left: -5px;
} 
.timeline > li.now.red .yuan i.fa-remove {
     display: block;
    color:red;
} 

.timeline > li.now.green .yuan {
    background: #fff;
    left: -6px;
} 
.timeline > li.now.green .yuan i.fa-check { 
    display: block;
    color: #5de684;
}

.timeline > li.green h3 {
        color: #808080;
}

.timeline > li.red h3 {
    color: red;
}  
.timeline > li.green h3 i,.timeline > li.red h3 i ,.timeline > li h3 i {
    color: #cecece;
}

.subr {
    background: #fff;
    padding: 10px;
    opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    top: 0;
    right: 100px;
    position: absolute;
    width: 170px;
    border: 1px solid #dedede;
    box-shadow: 0 0 13px rgba(0,0,0,.2);
}

.subr:before{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
           top: 7px;
    right: -16px;
        padding:0;
        border-bottom:8px solid transparent;
        border-top:8px solid transparent;
        border-left:8px solid #FFFFFF;
        border-right:8px solid transparent;
        display: block;
        content:'';
        z-index: 12;
    }
    .subr:after{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
       top: 6px;
    right: -18px;
        padding:0;
        border-bottom:9px solid transparent;
        border-top:9px solid transparent;
        border-left:9px solid #cccccc;
        border-right:9px solid transparent;
        display: block;
        content:'';
        z-index:10
    }
.timeline > li.hassubr:hover {
    z-index:999999
}
.timeline > li.hassubr:hover .subr {
    right:155px;
    opacity:1;
}
.subr li{
      border-bottom: 1px solid #f3f3f3;
    padding: 5px 0;
} 
.subr li:last-child{
        border-bottom: none;
    margin-bottom: 0;
} 
  
.subr li.green{
} 
.subr li.green h4{
    color: #616161;
} 
.subr li.green span{
        color: #fff;
    background: #30d45e;
    font-size: 12px;
    padding: 2px 7px;
    border-radius: 2px;
    letter-spacing: 1px;
} 
.subr li.green font{
    margin:0;
    padding:0
} 

.subr li.red{
} 
.subr li.red h4{
     color: #616161;
} 
.subr li.red span{
        color: #fff;
    background: red;
    font-size: 12px;
    padding: 2px 7px;
    border-radius: 2px;
    letter-spacing: 1px;
} 
.subr li.red font{
    margin:0;
    padding:0
}
.timeline > li.hassubr {
    cursor:pointer;
}
.timeline > li.hassubr.on h3 i {
    transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
 
.timeline > li.hassubr.on .subr {
    display:block;
}

/*//////////////////////////////////////////20200826///////////////////////////////////////////////////*/
/*.line_row_box {
    width: calc(100% - 30px);
    min-height: 50px;
    overflow: hidden;
    background: #fff;
    margin: 15px auto;
    box-shadow: 0px 4px 10px rgba(210, 208, 208, 0.09);
    border-radius: 5px;
    margin-bottom: 30px;
}*/

.line_row_box {
    width: 100%;
    min-height: 50px;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
}
.new_line {
         width: calc(100% - 30px);
    margin: 15px 15px 0 15px;
    overflow: hidden;
    position:relative;
}
/*个人信息*/
.new_line .xgzl {
        position: absolute;
    left: 260px;
    top: 0;
    padding: 2px 10px;
    border: 1px solid #e4e4e4;
    z-index: 1;
    border-radius: 5px;
    font-size: 12px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.new_line .xgzl:hover {
    text-decoration:none;
        background: #f9f9f9;
}
.tx_box {
    width:85px;
    height:150px;
    overflow:hidden;
    float:left;
    margin-right:10px;
    position:relative;
}
.tx_box img {
    width:85px;
    height:85px;
    margin-bottom: 8px;
    border-radius: 50px;
}
.gr_info_box {
    float: left;
    /*background: #fff;*/
    /*width: calc(70% - 15px);*/
    width: 180px;
    height: 130px;
     margin-top: -7px;
    margin-left: 15px;
    /*box-shadow: 0px 0px 10px rgba(0,0,0,.1);*/
    /*border: 1px solid #e8e8e8;*/
}
.upload_btn {
    font-size: 12px;
    display: block;
    width: 85px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    background: #38aaec;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    position: absolute;
    top: 45px;
    line-height: 40px;
    opacity:0;
    height: 40px;
    border-radius: 0 0 100px 100px;
}
.edit_box {
    position:absolute;
    top:0;
    width:80px;
    height:80px;
}
.upload_btn:hover {
    text-decoration:none;
    color:#fff;
    background: #178ed4;
    
}
.edit_box:hover .upload_btn {
    opacity:.7;
}
.tx_box .zzt {
        font-size: 12px;
    display: block;
    text-align: center;
    border: 1px solid #e0e0e0;
    margin-top: 6px;
    border-radius: 3px;
    background: #f3f3f3;
    color: #cecece;
    position:relative;
    cursor:pointer;
}
.tx_box .zzt:hover {
    text-decoration:none;
}
.tx_box .zzt i{
        margin-right: 3px;
}
.tx_box .zzt.green {
    background: #5fb878;
    color: #fff;
    border: 1px solid #5fb878;
}
.tx_box .zzt.mes {
    color: #868282;
    background: white;
}
.gr_info_box h1 {
    font-size: 26px;
    padding: 0 0 15px 5px;
}
.gr_info_box h1 font {
        font-size: 18px;
    font-weight: bold;
}
.gr_info_box h1 i {
    font-size: 14px;
    margin-left: 10px;
    color: #6f6f6f;
    cursor:pointer;
    position: relative;
}
.tx_box .zzt .pp {
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 2px;
    right: 3px;
    border-radius: 30px;
}

.tx_box .zzt .pp.red {
    background: red;
}
.gr_info_box i.fa-weixin.green {
    color: #3ece66;
}
.gr_info_box h6 {
    font-size: 12px;
    padding: 0 0 10px 0;
    color: #8c8c8c;
}
.gr_info_box h6 i {
    width: 30px;
    text-align: center;
    color: #5a5a5a;
}
.gr_info_box h6 font {
        color: #9c9c9c;
}

.gr_info_nav {
    width: 315px;
    float: left;
    margin-top: 30px;
    border-left: 1px solid #efefef;
    margin-left: 70px;
    border-right: 1px solid #efefef;
    padding: 0 22px;
    box-sizing: border-box;
}
.gr_info_nav li {
    position: relative;
    line-height: 35px;
    text-align: left;
    float: left;
    width: 130px;
}
.gr_info_nav li:first-child {
    /*border-left: 1px solid #bed1f5;*/
    /*width: 300px;
    flex: inherit;*/
}
/*.gr_info_nav li:after {
   content: "";
    width: 1px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 11px;
    background: #b3b3b3;
    color: #314bcc;
}*/

.gr_info_nav li:last-child:after {
    background:inherit
}
.gr_info_nav li a {
    color: #314bcc;
    font-size: 12px;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    display: block;
    width: 100%;
    overflow: hidden;
    border:1px solid #fff;
    border-radius:3px;
     
}
.gr_info_nav li:nth-child(1) a {
    /*border-right:1px solid #efefef;
    border-bottom:1px solid #efefef;*/
}
.gr_info_nav li:nth-child(2) a {
    /*border-bottom:1px solid #efefef;*/
}
.gr_info_nav li:nth-child(3) a {
    /*border-right:1px solid #efefef;*/
   
}


.gr_info_nav li a font{
           width: 100%;
    text-align: center;
    display: block;
    font-size: 18px;
    margin-top: 25px;
    color: #272727;
}
.gr_info_nav li a h6 {
        display: block;
    position: absolute;
    top: 12px;
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #b1b1b1;
}
.gr_info_nav li a img {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 17px;
}
.gr_info_nav li a font span {
    font-size: 12px;
    color: #d0d0d0;
    margin-left: 5px;
}
.gr_info_nav li a i {
    display: block;
    text-align: center;
    font-size: 18px;
    margin: 2px auto 15px auto;
}
.gr_info_nav li a:hover {
    text-decoration:none;
    background: #fff;
    border:1px solid #eaeaea;
    background: #f9f9f9;
    /*box-shadow: 0 0 11px rgba(0,0,0,.3);*/
  
}
/*常用功能*/

.cygn_box h3{
    width: 100%;
    text-align: left;
    font-size: 15px;
    margin-bottom: 10px;
}

.cygn_box {
        float: right;
    max-width: calc(100% / 2 - 90px);
    height: 100px;
    margin-top:35px;
    text-align: right;
}
.cygn_box li {
       border: 1px solid #ccc;
    background: #f7f7f7 url(../../Customer/images/shortcut-button-bg.gif) top left no-repeat;
    margin: 0 3px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    width: 72px;
    height: 85px;
}
.cygn_box li a img {
    width: 26px;
    height: auto;
}
.cygn_box li a span {
    display: block;
    margin-top: 15px;
    font-size:12px;
}
.cygn_box li a {
       border: 1px solid #fff;
    display: block;
    padding: 10px;
    text-align: center;
    color: #555;
    font-size: 13px;
    line-height: 1.3em;
    height: 83px;
    border-radius: 5px;
    box-sizing: border-box;
}
.cygn_box li a:hover {
    text-decoration:none;
    color:#3981e3
}
.cygn_box li:hover {
    background:#fff;
}



/*常用仪器*/
.cy_nav {
    width: 100%;
    margin: 0;
    overflow: inherit;
    /*padding: 0 15px;*/
}
 .cy_nav .swiper-container {
      width: 100%;
     padding: 15px 30px 15px 0;
    
    }
.cy_nav .swiper-wrapper {
    height: 70px;
    padding: 0 15px;
}
 .cy_nav  .swiper-slide {
              text-align: center;
    font-size: 18px;
    display: flex;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer;
    border: 1px solid #ccc;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    background: #f7f7f7 url(../../Customer/images/shortcut-button-bg.gif) top left no-repeat;
    }
.cy_nav .swiper-slide > .k {
        border: 1px solid #fff;
    display: block;
  
    text-align: center;
    color: #555;
   
    height: 70px;
    border-radius: 5px;
    box-sizing: border-box;
    width: 100%;
}
.cy_nav .swiper-slide.more {
}
.cy_nav .swiper-slide.more i{
        margin: auto;
    font-size: 28px;
    color: #c7c7c7;
}
.cy_nav .swiper-slide .img_box {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50px;
    text-align: center;
    margin:9px 15px;
    margin: 9px 15px;
    float:left
}
.cy_nav .swiper-slide .img_box img{
    width: 50px;
    height: 50px;
   
}
.cy_nav .swiper-slide h3 {
        float: left;
    width: calc(100% - 100px);
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 10px;
    color: #252525;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
    line-height: 25px;
    color: #3a3a3a;
}
.cy_nav .swiper-slide:hover {
    /*background: #3b7dd8;*/
    /*box-shadow: 0px 0px 10px rgba(51,122,183,.3);*/
}
.cy_nav .swiper-slide:hover h3{
    /*color:#fff;*/
}
/*.cy_nav .swiper-slide:hover .yc_btn {
    opacity:1;
}*/
.yc_btn {
       position: absolute;
    text-align: center;
    height: 100%;
    line-height: 65px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    opacity: 1;
    top: 15px;
    left: 76px;
}
.yc_btn a{
        display: inline;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    padding: 2px 13px;
    margin: 0 5px;
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.yc_btn a:hover {
    text-decoration:none;
}
.yc_btn a.orange{
    color: #ff8100;
    border: 1px solid #ff8100;
}
.yc_btn a.orange:hover{
    background: #ff8100;
    color:#fff
}
.yc_btn a.blue{
    color: #2e9fef;
    border: 1px solid #2e9fef;
}
.yc_btn a.blue:hover{
    background: #2e9fef;
    color:#fff
}
.yc_btn a.green{
    color: #3ec163;
    border: 1px solid #3ec163;
}
.yc_btn a.green:hover{
    background: #3ec163;
    color:#fff
}
.swiper-button-next, .swiper-button-prev {
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(data:image/png;base64,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);
    right: 0px;
    left: auto;
   
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACJJJREFUeNrkm39MFEcUx98uh6iAsQoKRAsqKpbyhwXTqGjRmqBoUaqojTUhqGn7T0PStAU50h+CYhsbGptimxqJF40E4hFECJXE2mptRbRW+WFFIP4oiFLJ6QEK3HZmPXB3mdnbvd09rukml93b+zHv85333rzZnWUSExPh/7yZPNQO4+bvuP+qAIxCARiVoJy3C8AQjhkVQkhBGcEx54ZgHhFADppRIQZHOOYEIjAUcG60BKCBKzmWCwEhvPSYIXxXk1eYNMJLAUnvmYyMjAnx8fGbxowZM49l2akMw0xF+xD02VTn9+85HI4OjuPw/t7Tp08bz549W1xQUGATwEtFIAmhWgRG5TAo7T0pODv0Pjo62mQ2m5P8/f3fQOBb3FEZCXHEbrefyM3Nrayvrx8QgDsknsFRvEhXAeR6nRmC37VrV1hMTMw2Pz+/zainZ+iRqJBntD558uTY1atXD+bk5PwtEIEkAKdGBKUC0KCH4QXgaQg81IixFQnRjoQoEghBEoFTI4ISAWR7HO/LysrMRoLThFi3bl2uQASHOyKwGuDxy6e8vPzQ2LFjszwFzxuD2sJt4raxDQJ7GEpCdksAV/DsyZMnf0IJbuNo1fG4bWyD0Ca1IrDu9nxVVdVtHx+fuNGezGAbsC3ueoIaDxDCX0du+IK3zOiwLdgmigiqPYA01g/DnzhxwoIaDPO2aS22CdsmIwJRCFZBrw8LgLJ9nq+v7zpvndtj27CNEgFkvYHmASPi3mq1mlHmfd9IgJaWVjCbP4FNm7fwx+5s2EZsq4t8QBSAVuayqKQNQ3+cZiR8c3MzZGaZ4cdTNdDa2gab33rb7f/CtmKbCQKMYGWV9H5sbGw6irEQo+CvX/+Lh29raxNCACp23M0HIdhmJV7AykxR+R9nZWUZ2vuNjU2QtdMMt27dFp3funULoOpSkxdg2wUiEDlZmtsPHcfFxRnW+9eu1UNmZjbcuXNXdH7Hjm2wY3u61lEhBNtOYnIVAkN7NiIiwnf8+PGbjYC/cuVP3u3bOzp0hx/asO2YQQBPHAWo09zdu3enIiXD9Ya/fPkPHr6zs9MweKcXhGMGmaqQYWVKXzYwMDBZb/i6uksIPhu6uroMhR/anAwsTQRaDmDS09MnosJitZ7G/H6hFj5GMf/wYbdH4J3F0WrMQhsJaB7Arly5coOehpw//xuf8Gw2m8fghzYnC0vzAGIOQMpF6WXAuXO/8m5vt9s9Du/0gihXOUAaBniaOUWPxs/8/Avv9r29faMCL2EZUQiZCB/wx/jytdaGT58+Azuzc2BwcHDU4Hk3f8ZCumzPmWh1gFYB+JhHbs9x3KjCSwRQPBvEY6imELhQe9Er4CUsqmaDmjbSRIZzOEb1mgltNkj8APVep5bWUjesh1mzZorO/XDwEBQWfudxcgmLiJd6TRDfo9PS6IwZEZC/Jw9mz44UnT9UdBj2f/OtRwWQY8ECEO+poczdqbXh8PAXIT8/D6LmzhWdt1iOQMHX+z0mgIRFxMvSPhgYGOjUo/Hp06bB3r15EB39kuj80aPHYN9XBR4RwMlC7GhSCPAf9vX1NellQGhoKB8OMTEvi84XF5fAF1/uM1wAAcuI22Q+kZGRxHt++I5sXFxchl5GBAT4w6JFC6GhvgE67j0PyYaGRjQz/Afi4xcbJoDFYnmnqampFwj3EFmBMqLVGFar1dbT01OspyHBQUF8Toh9Zb7o/HFrGeTm7TEEHjNgFiCvOBkRAqIvPXjwoFJvgyZNmsSLsGCB+K5aeXkFfPZ5ru4COBlIy26GQ4A4Hcb72tratuTk5A2okpqop1H4iu/SJUv4q8F37z6/HnjjRjPcQe+XJbym1/DXlpGRkfX48eMBp+s7BCEA0hAQegH/pY6OjgH041IjXDMwMAD2Ik9YjPKCcKuqquZvjuixYdsxgyT2RclemASBlAyDgoJa5syZsx55QYAB83RISFgKzTdvii6L32xpQcbbYeHCVzUVP9XV1R9cvHjRRuj9EcOgNEaGFSssLOxASlqMytA4HPAQmSBx+1M1NVp734JtB/LqERAmQc6FCI6amprDWktjV56QvycXXl++bPhcVFSUpt7HNhN6fQSrMAlSFzjW1dXZ165dO8HPz2+RgVNWWLFiOQQFB8G8eVGwM+sjt//r0aNHBzIzM6uc8IMUEZ61K1gkJb2D4iN5mdB4emDcuHFvghdvvb29x1NSUt7FFbATXviShgO9FJYkDv6F/vg9VFdf8lZ4bBu2kWQ7rRSmFUKiHCB0pTVr1iShMrnb2+CxTdg2iduTcgBHE4CjCCEVYXDVqlVRKNG0ews8tgXbJHB1h0wCVDQbJHmCKJ6SkpLmo3ir8IKYr8C2EOKdtorUZQjIeYDIG1C8bbfZbAdGCx63jW0g9LpDwRAIrpIgEESQqjy4cePGT7u7u/cZWSeQxnncJm6bZBOt6qNdD3B1BdVl/iktLT2PaoSysLCwHrSfaUTZLAD/vqKi4sPs7OxqAewgIfnJuj6pDqCJQF0qC8/X5A2vzUtLSwtF/7k1MDAw1WQyTddpeLuNipsSVNtbioqK2qUjk8Ksz6kVQKkILEEUZvLkyb75+fkpaDK1GhVPiW4muGo0nz+JqjprV1dXvxNCLt5VrxjXslzelRDDVSXK0hNTU1NT/P39Z6O6PxjfrGRZdgraBzuv2t5H7t2Jr9729/fft9vtN0pKSqyVlZXdkupNDbii5fLuPDABMHLRkRRaukpT6dpdjpB8SQJwBHAHuPHUiNKHpkiPrzkEUBzhM1bwHZbgReCiBgEKoNIHJBQ9MqPmqTFXT2YNCqbXjATeQZlpyvU+yIDq9tCU2sfm5J7oZAigjMRT1IaAXFy73etaBJDzBk4SEtSlaYTcQntwEmTgwd1e10MAmjeQ8oUreFAoAugJPrT9K8AAk45e8SuuDysAAAAASUVORK5CYII=);
    left: 0px;
    right: auto;
}
/*标题*/
.k_title_box > .ui-autocomplete-input {
        background-image: url(../images/search_bg.png);
    background-repeat: no-repeat;
    margin: 4px 15px;
    height: 30px;
    border: 1px solid #c7c7c7;
    width: 200px;
    border-radius: 50px;
    background-size: 22px;
    background-position: 170px;
    background-color: #fdfdfd;
    padding:0 10px;
}

.k_layout_box {
    border: 1px solid #ccc;
    margin:15px;
    background: #fff;
    border-radius:6px;
    width:calc(100% - 30px)
}
.k_title_box {
    background: #e5e5e5 url(../../Customer/images/bg-content-box.gif) top left repeat-x;
    margin-top: 1px;
    height: 40px;
    border-radius:6px 6px 0 0;
    position:relative;
}
.k_title_box h3 {
        padding: 12px 15px 10px;
    float: left;
    color: #424242;
    /* font-weight: bold; */
    font-size: 15px;
}


/*标题  右侧切换*/
.bq_nav {
    float: right;
    margin-top:11px;
    margin-right:10px;
}
.bq_nav li{
    display: inline-block;
    line-height: 28px;
    padding: 0 10px;
    cursor:pointer;
    box-sizing:border-box
}
.bq_nav li.active {
    border: 1px solid #cccccc;
    background: #fff;
    border-radius: 3px 3px 0 0;
    border-bottom:none;
}
.bq_nav li span {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: red;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -1px;
}
/*我的仪器预约标签*/
.wyy_nav {
           width: 100%;
    overflow: hidden;
    z-index: 9;
    position: relative;
    height: 50px;
}
.wyy_nav li{
        float: left;
    padding: 0px 10px;
    border: 1px solid #d4d4d4;
    margin-right:10px;
    color: #656565;
    height: 30px;
    line-height: 28px;
    cursor:pointer;
    position:relative;
    border-radius: 50px;
       transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.wyy_nav li span {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: red;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    position: relative;
    top: -1px;
}
.wyy_nav li.active,.wyy_nav li:hover{
    background: #2987fc;
    color: #fff;
    border: 1px solid #fff;
}
.wyy_nav li.active span,.wyy_nav li:hover span{
    background:#fff;
    color:red;
}

.wyy_nav li.active:before{
        box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 27px;
    right: calc(100% / 3);
    padding: 0;
    border-bottom: 8px solid #FFFFFF;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    display: block;
    content: '';
    z-index: 12;
    }
.wyy_nav li.active:after{
    box-sizing: content-box;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 25px;
    right: calc(100% / 3 - 1px);
    padding: 0;
    border-bottom: 9px solid #2987fc;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    display: block;
    content: '';
    z-index: 10;
}
.yq_content {
    width: 100%;
    padding:15px;
    overflow:hidden;
}

/*仪器列表*/
.UC_list_ul {
margin-left: -15px;
    margin-right: -15px;
}

.UC_list_li {
       width: 50%;
    /* height: 80px; */
    /* border: 1px solid #DDD; */
    position: relative;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 3px 15px;
}
.UC_header_box {
    margin-bottom: 5px;
    position:relative;
}
.UC_img {
    padding:0;
}
    .UC_list_li .sb {
            padding:5px;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    width: 100%;
    background:#fff;
    }
    .UC_list_li .sb:hover {
    box-shadow:2px 2px 5px 2px #DDD;
    transform:translateY(-2px);
    transition:all 0.4s ease-in-out;
    position: relative;
    z-index: 99;
}
.UC_list_li:not(:last-child) {
    margin-bottom:20px;
}


.UC_list_content {
    width:100%;
    height:80px;
    overflow:hidden;
}

.UC_list_contentLeft {
    float:left;
    width:50%;
    height:100%;
    overflow:hidden;
}

.UC_list_contentLink {
    display:block;
    width:100%;
    height:100%;
}

.UC_list_contentImg {
    float:left;
    width:60px;
    height:60px;
    margin:10px;
}

.UC_list_contentRight {
    float:left;
    width:200px;
    height:100%;
}

.UC_list_contentName {
    margin-top:5px;
    line-height:24px;
    font-size:14px;
    letter-spacing:1px;
}


.UC_list_contentAdmin {
    height:30px;
    line-height:30px;
    font-size:12px;
    color:#808080;
}

.UC_list_contentAdmin i {
    margin-right:10px;
}

.UC_list_splitLine {
    height:100%;
    border-left:1px solid #DDD;
    margin:0px 5px;
}

.UC_list_prop {
    float:left;
    width:30%;
    height:100%;
    overflow:hidden;
}

.UC_list_propValue {
    height: 34px;
    line-height: 34px;
    font-size: 24px;
    color: red;
    position: absolute;
    right: 15px;
    top: 35px;
}

.UC_list_propMethod {
    display:inline-block;
    padding:2px;
    font-size:12px;
    letter-spacing:1px;
    color:#397BFA;
    border:1px solid #397BFA;
}

.UC_list_propTime {
    color: #808080;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    display:inline-block;
    margin-right: 5px;
}

.UC_list_propTime i {
    margin-right:2px;
}

.UC_list_propCommon {
    padding-left:20px;
    margin-top:10px;
    text-align:left;
    font-size:12px;
}

.UC_list_propCommon i {
    margin-right:5px;
    color:#8BA1EE;
}

.UC_list_states {
    float:left;
    width:20%;
    height:100%;
    overflow:hidden;
    /*cursor:pointer;*/
}

.UC_list_statesUl {
    padding:20px 0px;
}

.UC_list_statesLi {
        float: right;
    margin: 4px auto;
    padding-right: 5px;
    height: 20px;
    font-size: 12px;
    border: 1px solid #30e24d;
    color: #30e24d;
}

.UC_list_statesLi i {
    width: 18px;
    height: 100%;
    margin-right: 4px;
    background: #30e24d;
    color: white;
    line-height: 18px;
    text-align: center;
    position: relative;
    top: -1px;
}

.state_red {
    border-color:#E24F4D;
    color:#E24F4D;
}

.state_red i {
    background:#E24F4D;
}

.state_grey {
    border-color:#b1b1b1;
    color:#b1b1b1;
}

.state_grey i {
    background:#b1b1b1;
}

.state_blue {
    border-color:#4ac6fd;
    color:#4ac6fd;
}

.state_blue i {
    background:#4ac6fd;
}

.UC_bottom_tips {
    display:none;
    width:100%;
    text-align:center;
}

.UC_list_btnGroup {
    width:96%;
    margin:0px auto;
    border-top:1px solid #DDD;
    overflow:hidden;
}

.UC_list_btnCustom {
          margin: 8px 5px 5px 0;
          position:relative;
 }
.UC_list_btnCustom font.sub_btn_box {
    display:none;
    z-index: 99;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    position: absolute;
    left: 0;
    top: 22px;
    padding: 5px 15px;
}
.UC_list_btnCustom font.sub_btn_group {
    
          position: absolute;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 5px 10px;
    box-shadow: 0px 2px 14px rgba(0,0,0,.2);
    top: 8px;
    left: 0;
   
}
.UC_list_btnCustom:hover font.sub_btn_box {
    display:inherit
}
.UC_list_btnCustom font.sub_btn_group:before {
    box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -8px;
        left:8px;
        padding:0;
        border-bottom:4px solid #FFFFFF;
        border-top:4px solid transparent;
        border-left:4px solid transparent;
        border-right:4px solid transparent;
        display: block;
        content:'';
        z-index: 12;
}
.UC_list_btnCustom font.sub_btn_group:after {
    box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        top: -10px;
        left:7px;
        padding:0;
        border-bottom:5px solid #cccccc;
        border-top:5px solid transparent;
        border-left:5px solid transparent;
        border-right:5px solid transparent;
        display: block;
        content:'';
        z-index:10
}
.UC_list_btnCustom font.sub_btn_group a{
    display:block;
     padding: 0 10px;
    transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
-o-transition: all .2s;
}
.UC_list_btnCustom font.sub_btn_group a:hover {
    text-decoration: none;
   
    background: #3e84c1;
    color: #fff;
}
.UC_list_btnYS {
        
    background:#3e84c1;
}
.UC_list_btnCustom i {

}
.layui-btn-primary {
    background:none;
}

.UC_list_methodUl {

}

.UC_list_methodLi {
    margin:6px auto;
    width:66%;
    height:30px;
    font-size:14px;
    text-align:center;
    line-height:30px;
    letter-spacing:2px;
    /*border:1px solid #47BF8E;*/
    
}

.UC_list_methodLi a {
    color:white;
}

.UC_list_order {
        float: left;
    margin: 6px 0px;
    font-size: 14px;
    color: #1689f7;
    font-weight: bold;
}

.UC_list_filterBtn {
       position: absolute;
    top: 10px;
    right: 15px;
    display: inline-block;
    height: 42px;
    color: #397BFA;
    font-size: 14px;
    line-height: 42px;
    letter-spacing: 1px;
}

.UC_list_filterBtn:hover {
    text-decoration:underline;
    color:#397BFA;
    cursor:pointer;
}

.UC_list_filterBtn i {
    margin-right:4px;
}

.UC_list_filterDate {
    width:45%;
    float:left;
    position:relative;
}

.UC_list_filterDate i {
    position:absolute;
    color:#DDD;
    top:8px;
    left:6px;
}

.UC_list_filterDate input {
    padding-left:28px;
    padding-right:14px;
 }

.UC_list_midLine {
    float:left;
    width:10%;
    height:30px;
    line-height:30px;
    text-align:center;
    font-weight:bold;
    color:#DDD;
}
.UC_noPadding {
    padding:0;
}

.UC_list_propValue h8 {
    border: 1px solid;
    font-size: 12px;
    padding: 2px 2px;
    position: relative;
    top: -4px;
    background: #fff;
    box-shadow: 2px 2px 0 rgba(0,0,0,.16);
}
.UC_list_propValue h8.green {
    color: #30b556
}
.UC_list_propValue h8.blue {
    color: #337ab7;
}