/* bootstrap4 轮播图淡入淡出 */
.carousel-fade .carousel-inner .carousel-item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition-property: opacity;
}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
    opacity: 1;
}
/* bootstrap 4 轮播图 垂直滚动*/
.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carousel-vertical .carousel-inner .active.carousel-item-left,
.carousel-vertical .carousel-inner .carousel-item-prev {
-webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.carousel-vertical .carousel-inner .active.carousel-item-right,
.carousel-vertical .carousel-inner .carousel-item-next {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
body{
      margin: 0;
      padding: 0;
	  background-color: #eef4f6;
	  background-image:  url("/static/index/images/bg.jpg"); 
  }
#foot 
{
	font-size:0.8rem;
	color: #7F7F7F;
	background-size:100% 100%;
    background-position: top;
}
#foot, ul {
    list-style: none;
}
#main {
        width: 100%;
        height: auto;
        background: #FFF;
        margin: 5px auto;
        padding: 30px 0px;
        border: 3px solid #dadbd8;
        box-shadow: 20px 20px 30px rgba(101, 103, 89, 0.2);
}
.articletitle a {
        font-weight: bold;
        color: #383838;
}
.articledesc a {
        color: #383838;
}
.articleshow {
        padding:0px 30px 0px 30px;
}

.chatBtn{
    width: 50px;
    height: 50px;
    background: #01bef0;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 2px 2px 2px #d4d4d4;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    right: 40px;
    overflow: hidden;
}
.chatBtn:hover{
    background: #01b3df;
    box-shadow: none;
}
.chatBtn>i{
    font-size: 25px;
}