/* ========================================================
 * 文件名称：hotel.css
 * 文件作用：酒店相关页面样式，包含轮播图、信用图标模块等
 * 适用页面：酒店服务页
 * ======================================================== */

/* 副标题样式 */
.sub-title1{
    font-size:30px;
}

/* 朋友圈功能轮播容器 */
.moments-function .swiper-container{
    height:744px;
    margin-bottom:171px;
}

/* 朋友圈页面项图片 */
.moments-function .swiper-container .moments-page-item > img{
    width:342px;
    height:744px;
}

/* 轮播分页指示器 */
.moments-function .swiper-container .swiper-pagination-bullet{
    border-radius: 34px;
}

/* 轮播分页激活状态（紫色渐变） */
.moments-function .swiper-container .swiper-pagination-bullet-active {
    background: linear-gradient(180deg, #5451FE 0%, #5451FE 12.07%, #855DFC 100%);
    color: #fff;
}

/* 轮播分页悬停状态 */
.moments-function .swiper-container .swiper-pagination-bullet:hover  {
    border-color:#5451FE;
}

/* 信用图标容器 */
.credit-icon{
    justify-content: center;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #686B7E;
}

/* 信用图标间距 */
.credit-icon > div:nth-child(1),.credit-icon > div:nth-child(2),.credit-icon > div:nth-child(3){
    margin-right:60px;
}

/* 信用图标标题 */
.credit-icon .boldtitle{
    color:#3B426B;
    font-weight: bold;
    font-size: 26px;
    line-height: 36px;
    margin-top: 27px;
    text-align: center;
}

/* 信用图标图片 */
.credit-icon img{
    width:214px;
    height:137px;
}

/* 小型信用图标图片 */
.credit-icons img{
    width:88px;
    height:88px;
}

/* 小型信用图标容器 */
.credit-icons > div{
    flex:1;
    text-align: center;
}

/* 小型信用图标标题 */
.credit-icons .boldtitle{
    color:#000;
    font-weight: bold;
    font-size: 28px;
    line-height: 39px;
    text-align: center;
}