.purchasing-information{
    margin-bottom: 55px;
}
.purchasing-information-banner{
    width: 100%;
    margin-bottom: 50px;
}
.purchasing-information-banner img{
    width: 100%;
    height: auto;
    display: block;
}
.layui-carousel>[carousel-item]>*{
    background: #fff;
}
.layui-carousel[lay-arrow=always] .layui-carousel-arrow{
    left: 0;
    width: 30px;
    height: 59px;
    margin-top: -30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    background-image: url(../../images/purchsaing-information/left.png);
}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 0;
    width: 30px;
    height: 59px;
    margin-top: -30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #fff;
    background-image: url(../../images/purchsaing-information/right.png);
}
.purchasing-information .purchasing-information-title{
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #374567;
}
.purchasing-information  .purchasing-information-search{
    height: 255px;
    background: #FFFFFF;
    border: 2px solid #A1B5FE;
    padding: 19px 30px 32px 30px;
    box-sizing: border-box;
}

.purchasing-information  .purchasing-information-search .letter-list ul li{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    /* color: #FFFFFF; */
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}
.purchasing-information  .purchasing-information-search .letter-list ul .active{
    background: #3860F4;
    color: #fff;
}
.purchasing-information  .purchasing-information-search .purchasing-information-search-title{
    align-items: center;
   
}
.purchasing-information  .purchasing-information-search .purchasing-information-search-title .purchasing-information-search-line{
    width: 5px;
    height: 12px;
    background: #374567;
    border-radius: 3px;
    margin-right: 9px;
}
.purchasing-information  .purchasing-information-search .purchasing-information-search-title .purchasing-information-search-txt{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #374567;
}
.purchasing-information  .purchasing-information-search .letter-list{
    margin-bottom: 34px;
}
.purchasing-information  .purchasing-information-search .letter-con .letter-warp div ul{
    padding: 0px 94px;
}
.purchasing-information  .purchasing-information-search .letter-con .letter-warp div ul li{
    width: 156px;
    height: 106px;
    background: #FFFFFF;
    border: 2px solid #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.purchasing-information  .purchasing-information-search .letter-con .letter-warp div ul li:last-child{
    margin-right: 0px;
}
.purchasing-information  .purchasing-information-search .letter-con .letter-warp div ul li img{
    display: block;
   width: 98px;
   height: 40px;
   margin-bottom: 22px;
}
.purchasing-information  .purchasing-information-search .letter-con .letter-warp div ul li div{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #374567;
}
.purchasing-information  .purchasing-information-search .letter-con .letter-warp div ul .active{
    /* margin-right: 27px; */
    border: 2px solid #3860F4;
}
.purchasing-information  .purchasing-information-data ul li{
    padding: 31px;
    box-sizing: border-box;
    justify-content: space-between;
    cursor:pointer
}
.purchasing-information  .purchasing-information-data ul li:hover{
    background: #FFFFFF;
    border: 1px solid #EBF0FC;
    box-shadow: 0px 5px 14px 1px rgba(237, 237, 237, 0.35);
}
.purchasing-information  .purchasing-information-data ul li .purchasing-information-data-time{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #7A8BA6;
}
.purchasing-information  .purchasing-information-data ul li .purchasing-information-data-l .purchasing-information-data-title{
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #374567;
    width: 150px;
    margin-right: 32px;
    overflow:hidden;  /*超过部分不显示*/
    text-overflow:ellipsis;  /*超过部分用点点表示*/
    white-space:nowrap;/*不换行*/
}
.purchasing-information  .purchasing-information-data ul li .purchasing-information-data-l{
    align-items: center;
}
.purchasing-information  .purchasing-information-data ul li .purchasing-information-data-l .purchasing-information-data-des{
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #7A8BA6;
}
