/* 清除浮动 */
.clear { clear: both; height: 0; visibility: hidden; overflow: hidden;}
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */
.clearfix { display: inline-block; }
.clearfix { display: block; }
.layui-fluid{padding-bottom: 70px; position: relative;padding-top: 26%; background:#ffe225 url(kepu_bg_ydy.png) no-repeat center top;background-size:100%;}
.layui-container{/*width:1175px;*/ margin: 0 auto; border:0;background:none;padding:0;border-radius:0;}
/* 北京主场活动 */
.layout-main-activity { margin-bottom: 25px; width: 100%;}
.layout-h3Title { height: 75px; line-height: 75px;  background-color: #e75050; }
.layout-h3Title h3 { padding-left: 35px; color: #fff; font-size: 22px;  font-weight: bold; }
.layout-btn-btn:hover {color: #fff}
.layout-btn-btn {float: right; padding: 0 30px; font-size: 20px;  color: #fff; background-color: #cc3333;}
.layout-activity-desc { padding: 35px 0 25px; background-color: #fff; overflow: hidden;}
.layout-activity-menu { float: left; width: 49.95%; }
.layout-activity-menu + .layout-activity-menu { border-left: 1px solid #ffe225; }
/* .layout-activity-div { margin: 0 45px 0 25px;  height: 185px; background: url(layout_01.jpg) no-repeat left top; } */
.layout-activity-div { margin: 0 30px 0 45px; padding-left: 160px; height: 170px; background: url(layout_01.png) no-repeat left center; }
.layout-activity-img-block {display: none;}
.layout-activity-div h4 { font-size: 20px; color: #e75050; font-weight: bold; line-height: 36px;}
.layout-activity-div p { font-size: 16px; color: #e75050; line-height: 32px;} 
.layout-activity-time-place { margin: 0 25px 0 55px; } 
.layout-activity-time { float: left; width: 305px; }
.layout-activity-time .p-title { font-size: 14px; color: #666; font-weight: bold; line-height: 24px;}
.layout-activity-time .p-desc { font-size: 16px; color: #e75050; font-weight: bold; line-height: 28px;}
.layout-activity-time .button-btn { display: inline-block; margin-top: 10px; padding: 10px 20px; text-align: center; background-color: #e75050; border-radius: 5px;}
.layout-activity-time span { display: block; font-size: 14px; color: #fff; font-weight: bold;}
.layout-activity-place { margin-left: 305px;}
.layout-activity-place img { width: 100%; cursor: pointer; }
.layout-activity-place p { padding-top: 5px; text-align: right; font-size: 12x; color: #999;}
.dialog-container {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0, .7);}
.dialog-img {position: absolute; top: 100px; left: 0; right: 0; bottom: 0; margin: auto; width: 45%; }
.dialog-img img {width: 100%;}
/* 嗨剧场 */
.layout-main-theatre { margin-bottom: 25px;  width: 100%; background: #fff url(layout_03.png) no-repeat left top; overflow: hidden;}
.layout-main-main-content {float: right; margin: 20px 28px 12px 20px; width: 47%;}
.layout-main-schedule { padding: 18px 30px;   border: 3px solid #ffe225;}
.layout-schedule-lists {display: inline-block; width: 47%; vertical-align: top;}
.layout-schedule-lists + .layout-schedule-lists {margin-left: 5%;}
.layout-schedule-lists h5 { margin-bottom: 8px; font-size: 16px; color: #e75050;}
.layout-schedule-items li {font-size: 14px; line-height: 28px; border-bottom: 1px solid #cfcfcf;}
.layout-schedule-time {display: inline-block; margin-right: 18px; }
.layout-schedule-details {padding-top: 5px; text-align: right; font-size: 12x; color: #999;}
/* 四大活动 */
.layout-content { margin-bottom: 20px; overflow: hidden; }
.layout-menu { margin-bottom: 30px; float: left; width: 49%; }
.layout-menu:first-child { margin-right: 2%; }
.layout-menu:first-child + .layout-menu + .layout-menu { margin-right: 2%; }
.layout-menu img {width: 100%;}
/* 其他分场活动 */
.layout-content-desc { padding: 70px 0 90px; width: 100%; background-color: #fff; text-align: center}
.layout-content-desc p { padding: 0 10px; font-size: 16px; font-weight: bold; color: #333; line-height: 36px; }
.layout-content-desc .p-desc { color: #999;}
@media screen and (max-width: 1199px) and (min-width: 992px){
    /* 北京主场活动 */
    .layout-activity-div { margin: 15px 22px; padding-left: 130px; height: 150px; background-size: auto 150px; }
    .layout-activity-div h4 { font-size: 18px; line-height: 32px;}
    .layout-activity-div p { font-size: 14px; line-height: 28px;} 
    .layout-activity-time-place { margin: 0 25px 0 35px; }
    .layout-activity-time { float: left; width: 260px; }
    .layout-activity-place { margin-left: 260px;}
    .layout-activity-time .p-desc { font-size: 14px; line-height: 22px;}
    .dialog-img {width: 80%; }
        /* 嗨剧场 */
    .layout-main-theatre { background-size: 486px auto; }
    .layout-main-main-content {float: right; margin: 20px 28px 12px 20px; width: 50%;}
    .layout-schedule-lists { width: 47%;}
    .layout-main-schedule { padding: 18px 22px; }
    .layout-schedule-lists + .layout-schedule-lists {margin-left: 5%;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .layui-fluid{ padding-bottom: 50px;} 
    .layui-container {width: 100%;}
    /* 北京主场活动 */
    .layout-activity-desc { padding: 0 15px; overflow: visible;}
    .layout-activity-menu { float: none; display: block;  width: 100%; height: 100%;}
    .layout-activity-menu + .layout-activity-menu { border-left: 0; }
    .layout-activity-left {padding: 20px 0;}
    .layout-activity-div { display: none; }
    .layout-activity-img-block {display: block; width: 100%;} 
    .layout-activity-img-block img {width: 100%;}
    /* .layout-activity-div h4 { font-size: 16px; line-height: 28px;}
    .layout-activity-div p { font-size: 14px; line-height: 28px;}  */
    .layout-activity-time-place { margin: 0 30px; }
    .layout-activity-right { padding: 20px 0; border-top: 1px solid #ffe225; }
    .layout-activity-time { float: left; width: 420px; }
    .layout-activity-place { margin-left: 420px;}
    .dialog-img {width: 95%; }
    /* 嗨剧场 */
    .layout-main-theatre {  padding-top: 250px; background: #fff url(layout_08.jpg) no-repeat; background-size: 100% 250px; }
    .layout-main-main-content {float: none; margin: 20px 18px 12px 18px; width: auto;}
    .layout-main-schedule { padding: 18px 30px;   border: 3px solid #ffe225;}
}
@media screen and (max-width: 767px){
    .layui-fluid{ padding-bottom: 50px;} 
    .layui-container {width: 100%;}
    /* 北京主场活动 */
    .layout-h3Title { height: 50px; line-height: 50px;  background-color: #e75050; }
    .layout-h3Title h3 { padding-left: 25px; color: #fff; font-size: 18px;  font-weight: bold; }
    .layout-btn-btn {padding: 0 18px; font-size: 16px; }
    .layout-activity-desc { padding: 0 15px; overflow: visible;}
    .layout-activity-menu { float: none; display: block;  width: 100%; height: 100%;}
    .layout-activity-menu + .layout-activity-menu { border-left: 0; }
    .layout-activity-left {padding: 15px 0;}
    .layout-activity-div { display: none; }
    .layout-activity-img-block {display: block; width: 100%;} 
    .layout-activity-img-block img {width: 100%;}
    .layout-activity-time-place { margin: 0 10px; }
    .layout-activity-right { padding: 18px 0; border-top: 1px solid #ffe225; }
    .layout-activity-time { float: none; margin-bottom: 15px; width: 100%; }
    .layout-activity-place {margin-left: 0;}
    .layout-activity-time .p-desc { font-size: 14px; line-height: 22px;}
    .layout-content { margin-bottom: 0;}
    .layout-menu { float: none; display: block; width: 100%;}
    .layout-menu img { width: 100%;}
    .layout-content-desc p {line-height: 28px; font-size: 14px;}
    .dialog-img {width: 95%; }
    /* 嗨剧场 */
    .layout-main-theatre {  padding-top: 160px; background: #fff url(layout_08.jpg) no-repeat; background-size: 100% 160px; }
    .layout-main-main-content {float: none; margin: 20px 18px 12px 18px; width: auto;}
    .layout-main-schedule { padding: 18px 30px;   border: 3px solid #ffe225;}
    .layout-schedule-lists {display: block; width: 100%;}
    .layout-schedule-lists + .layout-schedule-lists {margin: 30px 0 0 0;}
}