@charset "utf-8";

body {
    background-color: #f0f1f2;
}

/* **** Banner **** */
.banner {
    background: url(img/banners/venueBannerBg.png) center center/auto 100% no-repeat
}
/* **** 签到指引 **** */
.container{
    width: 100%;
    padding: 68px 0 88px;
    background: #F5F5F5;
}
.contentItem{
    width: 1100px;
    margin: 0 auto;
    padding: 48px;
    box-sizing: border-box;
    background: #fff;
}
.contentItem.setMarinBottom{
    margin-bottom: 48px;
}
.contentItemTitle{
    width: 100%;
    font-size: 20px;
    margin-bottom: 28px;
    padding: 11px 28px;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
}
.setBgColorOne{
    background: #C30D23;
}
.setBgColorTwo{
    background: #123476;
}
.contentText{
    font-size: 16px;
    color: #252525;
}
.setWeight{
    font-weight: bold;
}
.setMarginOne{
    margin-bottom:22px;
}
.setMarginTwo{
    margin-bottom:36px;
}
.setTimeIcon{
    background: url(img/timeIcon.png) left center no-repeat;  
}
.setLocalIcon{
    background: url(img/localIcon.png) left center no-repeat;
}
.setTimeIcon,.setLocalIcon{
    padding-left: 28px;
    box-sizing: border-box;
    background-size: 16px 16px;
}
.dogIcon{
    display: inline-block;
    position: relative;
    top: -2px;
    width: 8px;
    height: 8px;
    background: #666666;
    border-radius: 50%;
    margin-right: 12px;
}
.setMarginThird{
    margin-bottom: 20px;
}
.setMarginFour{
    margin: 16px 0;
}
.noticeText{
    color: #CE394B;
    margin-left: 20px;
}
.checkinImg{
    width: 100%;
    margin-top: 29px;
    object-fit: cover;
}
/* 移动端 */
@media screen and (max-width: 750px) {
    .container {
        padding: 0 0;
    }
    .contentItem {
        width: 100%;
        padding: .68rem .3rem;
    }
    .contentItem.setMarinBottom {
        margin-bottom: .4rem;
    }
    .contentItemTitle {
        font-size: .4rem;
        margin-bottom: .48rem;
        padding: .14rem .32rem;
    }
    .contentText {
        position: relative;
        font-size: .28rem;
        color: #333333;
    }
    .setTimeIcon, .setLocalIcon {
        padding-left: .48rem;
        box-sizing: border-box;
        background-size: .28rem .28rem;
    }
    .contentText {
        line-height: .48rem;
    }
    .setSpecial{
        line-height: .48rem;
        background-position: 0px .06rem;
    }
    .setMarginOne {
        margin-bottom: .32rem;
    }
    .setMarginTwo {
        margin-bottom: .68rem;
    }
    .setMarginThird {
        margin-bottom: .4rem;
    }
    .checkinImg {
        margin-top: .48rem;
    }
    .tipsText{
        display: inline-block;
        width: 93%;
        font-size: .24rem;
        color: #666666;    
    }
    .dogIcon {
        display: inline-block;
        position: none;
        width: 8px;
        height: 8px;
        margin-right: .24rem;
        margin-top: .21rem;
        float: left;
    }
    .mNoticeText{
        font-size: .24rem;
        margin-left: 0;
    }









    /* **** 场地信息 **** */
    .venueInfoWrap {
        width: 92%;
        margin: 0.3rem auto 0;
        padding-bottom: 0.3rem;
    }
    .venuePhotos {
        width: 100%;
        height: 3.72rem;
        float: none;
    }
    .venuePhotoIndicator {
        padding-right: 0.2rem;
        font-size: 0;
        line-height: 0.5rem;
    }
    .venuePhotoIndex {
        width: 0.16rem;
        height: 0.16rem;
        margin: 0 0.08rem;
    }
    .venueInfoBox {
        width: 100%;
        height: auto;
        padding: 0 0.3rem;
        float: none;
    }
    .venueTitle {
        margin: 0.3rem 0 0.4rem;
        font-size: 0.4rem;
        font-weight: normal;
        line-height: 0.4rem;
    }
    .venueIntro {
        font-size: 0.28rem;
        line-height: 0.5rem;
    }
    .venueSummary {
        margin: 0.4rem auto 0;
    }
    .venueSummarySite, .venueSummaryTel {
        padding-left: 0.5rem;
        font-size: 0.28rem;
        line-height: 0.6rem;
        background-size: auto 0.4rem;
    }

    /* **** 会场平面图 **** */
    .venuePlanWrap {
        width: 92%;
        margin: 0.5rem auto;
    }
    .venuePlanImg {
        display: none;
    }
    .mVenuePlanImg {
        display: block;
        width: 100%;
    }

    /* **** 交通信息 **** */
    .traffic {
        display: flex;
        width: 92%;
        height: auto;
        margin: 0.5rem auto 0;
        flex-direction: column-reverse;
    }
    .trafficInfo {
        width: 100%;
        padding: 0 0.3rem;
    }
    .trafficTitle {
        margin: 0.3rem 0;
        font-size: 0.4rem;
    }
    .trafficItem {
        padding: 0 0 0.3rem;
    }
    .trafficItemCaption {
        margin-bottom: 0.3rem;
        padding-left: 0.6rem;
        font-size: 0.28rem;
        line-height: 0.6rem;
    }
    .subwayCaption {
        margin-top: 0.3rem;
    }
    .trafficItemInfo {
        margin-bottom: 0.3rem;
    }
    .trafficDistance {
        margin-bottom: 0.1rem;
        font-size: 0.28rem;
        line-height: 0.4rem;
    }
    .trafficDistanceDesc {
        font-size: 0.28rem;
    }
    .trafficMap {
        width: 100%;
        height: 6rem;
    }

    /* **** 住宿推荐 **** */
    .accommodationWrap {
        width: 92%;
        margin: 0.5rem auto;
        padding: 0 0.3rem 0.3rem;
    }
    .accommodationImg {
        width: 100%;
        margin: 0 0 0.3rem;
    }
    .accommodationInfo {
        width: 100%;
    }
    .accommodationHotel {
        margin-bottom: 0.3rem;
        font-size: 0.32rem;
        line-height: 0.4rem;
    }
    .hotelInfo {
        font-size: 0.28rem;
        line-height: 0.5rem;
    }
    .hotelDesc {
        margin: 0.3rem 0 0.5rem;
        font-size: 0.28rem;
    }
    .otherHotelLink {
        width: 3.5rem; 
        font-size: 0.28rem;
        line-height: 0.8rem;
    }
    
}