#venueDetailPlugin {
    margin-top: 10px;
    font-size: 16px;
}

.venue-detail-css > div {
    background-color: #fff;
    margin-bottom: 20px;
    padding: 30px;
}

.venue-detail-css {
    width: 100%;
    margin: 20px 0;
}

.letter-detail-media {
    display: flex;
    align-content: center;
    width: 100%;
    padding: 40px;
}

.headline {
    font-size: 28px;
}

.letter-detail-media .column-left {
    width: 55.28%;
    height: 400px;
}

.letter-detail-media .column-left img {
    width: 100%;
    height: 100%;
}

.letter-detail-media .column-inner-right {
    width: 70%;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    position: relative;
}

.column-inner-right {
    flex: 1;
    padding: 0 0 0 30px;
    font-size: 16px
}

.column-inner-right .header-title {
    font-size: 24px;
    color: #333333;
    padding-bottom: 20px;
}

.column-inner-right label {
    padding-right: 20px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.column-inner-right .textBox {
    padding-bottom: 15px;
}

.column-inner-right .introduction:first-child {
    padding-top: 10px;
}

.tag-name {
    padding-bottom: 26px;
}

#starTime, #address, #hostOrgs, #fullAddress, #phone {
    color: #999999;
}

.header-button {
    padding-bottom: 31px;
    right: 0;
    bottom: 5px;
}

.textBox .introduction {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 22px;
    margin-left: 20px;
    padding-top: 20px;
}

.book-list-content {
    padding: 0 30px;
    font-size: 24px;
}

.book-button {
    text-align: center;
    padding: 50px 0 43px 0;
}

.book-list-button {
    color: #333333;
    background: #F6F6F6;
    border: 1px solid #DDDDDD;
    padding: 13px 32px;
    font-size: 24px;
}

.line-book {
    display: flex;
    justify-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.active-span {
    color: #5EB7FF;
}

.line-book > span {
    width: 45%;
    border-bottom: 1px dashed #DDDDDD;
    padding: 40px 0 5px 0;
}

.line-book > span:nth-child(odd) {
    margin-right: 10%;
}

.venue-info {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px;
}

#guessLikeAreaPc {
    display: flex;
    padding: 15px;
    background-color: #fff;
}

.guess-like {
    width: 20%;
}

.column-inner-right .header-title .textBox {
    background-color: #e9e9e9;
}

.skipToMap {
    cursor: pointer;
    padding-left: 20px;
    color: #5EB7FF;
    text-decoration: underline;
}

#activityPlace{
    margin-right: 70px;
    padding-bottom: 15px;
    cursor: pointer;
}

.separator {
    content: " ";
    display: inline-block;
    bottom: 0px;
    opacity: 1;
    z-index: 201;
}

.isReserve {
    margin-left: 33.3%;
    display: inline-block;
    padding: 10px 40px;
    color: #fff;
    background-color: #5EB7FF;
    cursor: pointer;
}

#imgPath {
    width: 100%;
}

.venue-info .venue-content {
    border: 1px solid #EEEEEE;
    width: 30%;
    margin: 1.66%;
    background-color: #fff;
    height: 400px;

}

.venue-info .venue-content .column-left {
    width: 100%;
    height: 240px;
}

.venue-info .venue-content .accommodate, .venue-info .venue-content .venuePlace {
    margin: inherit;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.venue-info .venue-content .column-left img {
    width: 100%;
    height: 100%;
}

.venue-info .venue-content .header-title {
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
}

.venue-info .venue-content .isReserve .text-cotent {
    cursor: pointer;
}
.detail-info-title{
    padding: 20px 30px 0 20px;
}
.venueVideo {
    height: 514px;
    overflow: hidden;
    width: 100%;
}
.venueVideo video {
    width: 100%;
    height: 100%;
}

.title-line-info{
    margin-right: 70px;
    padding-bottom: 15px;
    cursor: pointer;
}
.title-line-venue-video {
    margin-right: 70px;
    padding-bottom: 15px;
    cursor: pointer;
}

.title-line-venue{
    background: #FBFBFB;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 20px;
    height: 64px;
    margin-top: 20px;
}

#guessLikeAreaPc {
    display: flex;
    padding: 15px;
}

.guess-like .img-show {
    width:100%;
    height: 184px;
    overflow: hidden;
}
.guess-like {
    width: 25%;
    padding: 15px;
}
.single-text{
    padding: 10px 0 ;
}
.resource-time {
}

.single-text{
    font-size: 20px;
    font-weight: 400;
    line-height: 21px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.venue-background-color{
    background-color: #d3d5d9d1;
}

ul li{
    list-style-type:none;
}

.bookButton{
    background: #44A775;
}
.noBookButton {
    background: #ff9600;
}
.noOpenButton{
    background: #DDDDDD;
}

/**
 * @Author xionglongyu
 * @Description   场馆预约
 * @Date 15:21 2021/5/26
 **/

.res-venue-book {
    padding: 20px 60px ;
    overflow: hidden;
}
#venueBookFrom >div{
    margin-bottom: 15px;
}
.venue-book-content {
}
/*.venue-book-content .form-group {
    overflow: hidden;
}*/
.venue-book-content .form-group label {
    font-size: 16px;
    color: #666666;
}
.get-validate-code {
    color: #fff;
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    padding: 4px 10px;
}
.swiper-container{
    overflow: visible !important;
    margin: 30px 0 15px 0;
    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #1877C9;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.swiper-slide {
    display: flex;
    padding: 0 50px;
}
.swiper-slide >div{
    margin: 10px;
    width: 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.swiper-slide .date {
    color: #333333;
    font-size: 16px;
    margin-bottom: 10px;
}
.swiper-slide .content{
    border: 1px dashed #E9E9E9;
    padding: 10px;
    margin-bottom: 10px;
    width: 90%;
}

.swiper-slide .content .statusBookUp {
    background: #CCCCCC;
}
.swiper-slide .content .statusBook {
    background: #1877C9;
}
.swiper-slide .content .status {
    cursor: pointer;
    margin-top: 10px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    padding: 2px 0;
}
.swiper-slide .content .active-status {
    background: #D26867;
}
.swiper-slide .content .time {
    color: #666666;
    font-size: 14px;
    text-align: center;
}

.error{
    color: #D63610 !important;
    font-size: 12px !important;
}







/**
 * @Author xionglongyu
 * @Description  场馆预约css
 * @Date 13:58 2021/5/27
 **/

.book-succeed-dialog {
    display: flex;
    flex-direction: column;
    padding: 40px 70px 10px 70px;
}
.book-succeed-dialog .dialog-button{

}
.book-succeed-dialog .dialog-top img {
    margin-bottom: 15px;

}
.book-succeed-dialog .dialog-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
}
.dialog-top .succeed-title ,.dialog-button .res-name{
    color: #333333;
    font-size: 16px;
}
.dialog-button .res-name {
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}
.succeed-content {
    padding-top: 20px;
    display: flex;
}
.succeed-content-left {
    flex: 1;
}
.succeed-content-left >div{
    display: flex;
    align-content: center;
    padding-bottom: 10px;
}
.succeed-content-left >div label {
    margin-right: 20px;
}
.succeed-content-left >div label ,.succeed-content-right .code-title{
    font-size: 16px;
    color: #666666;
}

.succeed-content-right .code-title{
    margin-top: 10px;
}


/* 幻灯片图片 */
.resource-banner-css {
    position: relative;
    font-family: '微软雅黑';
    font-size: 14px;
}
.resource-banner-css ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.resource-banner-css .navpic-nav {
    position: absolute;
    z-index: 2;
    bottom: 5px;
    right: 10px;
    transition: all .4s;
    -moz-transition: all .4s;	/* Firefox 4 */
    -webkit-transition: all .4s;	/* Safari 和 Chrome */
    -o-transition: all .4s;	/* Opera */
}
.resource-banner-css .navpic-nav-item{
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    border: 2px solid #fff;
    cursor: pointer;
    margin-left: 2px;
}
.resource-banner-css .navpic-nav-item.active{
    color: #fff;
}
@media (max-width: 768px){
    .resource-banner-css .navpic-nav-item{
        width: 10px;
        height: 10px;
    }
}
.resource-banner-css .navpic-btn{
    position: absolute;
    z-index: 2;
    top: 50%;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-top: -25px;
    font-size: 43px;
    text-align: center;
    border-radius: 25px;
    color: red;
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all .4s;
    -moz-transition: all .4s;	/* Firefox 4 */
    -webkit-transition: all .4s;	/* Safari 和 Chrome */
    -o-transition: all .4s;	/* Opera */
}
.resource-banner-css .navpic-btn:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.resource-banner-css:hover .navpic-btn.prev{
    margin-left: -10px;
}
.resource-banner-css:hover .navpic-btn.next{
    margin-right: -10px;
}
.resource-banner-css .navpic-btn.prev{
    left: 10px;
}
.resource-banner-css .navpic-btn.next{
    right: 10px;
}
@media (max-width: 768px){
    .resource-banner-css .navpic-btn{
        font-size: 30px;
    }
}
.resource-banner-css .navpic-caption{
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
}
.resource-banner-css .navpic-caption-none{
    display:none;
}
.resource-banner-css .navpic-caption a{
    color: #fff;
}
.resource-banner-css .navpic-caption-bg{
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    background: #000;
    opacity: .4;
    filter:alpha(opacity=40);
}
.resource-banner-css .navpic-caption-bg-none{
    display:none;
}
.resource-banner-css .navpic-list{
    position: relative;
    overflow: hidden;
    z-index: 1
}
.resource-banner-css .navpic-list-item > a{
    display: block;
    height: auto;
}
.resource-banner-css .navpic-list-item img{
    width: 100%;
    height: 400px;
    object-fit: contain;
    /* border-radius: 10px; */
}
/* 处理slide的样式相关 */
.resource-banner-css .navpic-list-item{
    /* padding:5px; */
    display: none;
    position: relative;
    transition: left 1s ease-in-out;
    -moz-transition: left 1s ease-in-out;
    -webkit-transition: left 1s ease-in-out;
    -o-transition: left 1s ease-in-out;
}
.resource-banner-css .navpic-list-item.active{
    display: block;
    left: 0;
}
.resource-banner-css .navpic-list-item.next, .resource-banner-css .navpic-list-item.prev{
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
}
.resource-banner-css .navpic-list-item.next{
    left: 100%;
}
.resource-banner-css .navpic-list-item.prev{
    left: -100%;
}
.resource-banner-css .navpic-list-item.next.left, .resource-banner-css .navpic-list-item.prev.right{
    left: 0;
}
.resource-banner-css .navpic-list-item.active.left{
    left: -100%;
}
.resource-banner-css .navpic-list-item.active.right{
    left: 100%;
}


.resource-banner-css .hoverImg img:hover{
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);
}
.resource-banner-css .hoverImg img{
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transform:scale(1.0,1.0);
    -webkit-transform:scale(1.0,1.0);
    -moz-transform:scale(1.0,1.0);
    -o-transform:scale(1.0,1.0);
}