body{
    width: 100%;
    margin:0px;
    padding: 0px;
    background:url("body_bg.gif");
    background-size: contain;

}
.index{
    width: 960px;
    display: flex;
    margin:0 auto;
    border-bottom:2px solid #999;
}
.homepage{
	width:950px; 
    background: white;
}
.border-left{

    margin:0px;
    width: 5px;
    background: url("kuang2.jpg");
    background-size: cover;
}
.border-right{

    margin:0px;
    width: 5px;
    background: url("kuang2.jpg");
    background-size: cover;
}
/* 轮播 */
ul,ol{
    list-style: none;
}
/*消除图片底部3像素距离*/
#container {
    width: 950px;
    height: 340px;
    overflow: hidden;
    position: relative;
}
 
#list {
    width: 6750px;
    height: 618px;
    position: absolute;
    z-index: 1;
}
 
#list img {
    float: left;
    width: 950px;
    height: 340px;
}
.img-banners{
    width: 950px;
    height: 340px;
}
#buttons {
    position: absolute;
    height: 20px;
    width: 60px;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    margin-left: 400px;
    margin-bottom: -10px;
}
 
#buttons span {
    cursor: pointer;
    float: left;
    border: 1px solid #555d81;
    background-color: #fff;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
}
 
#buttons .on {
    background: rgb(229, 226, 226);
}
 
.arrow {
    cursor: pointer;
    display: none;
    line-height: 100px;
    text-align: center;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 2;
    top: 180px;
    background-color: RGBA(0, 0, 0, 0);
    color: #fff;
}
#container:hover .arrow {
    display: block;
}
/* 日历和咨询 */
.calendar-construct{
    width: 950px;
    height: 374px;
    display: flex;
    margin:4px;
}
/* 日历 */
.calendar{
    width: 250px;
    height: 355px;
    margin: 10px;
}
table{
    background-color: #f4f6f8;
    width: 250px;
    height: 239px;
}
.num{
    font-size: 12px;
    color: #555d81;
    text-decoration: none;
    text-align: center;
    padding: 8px;
}
.tr-href{
    color: white;
    background-color: #555d81;
}
.tr-href:hover{
    text-decoration: underline white;
}
.calendar-img-1{
    width: 250px;
    padding: 0px;
    margin: 0px auto;
    display: flex;
}
.title{
    font-size: 14px;
    color: #555d81;
    text-align: center;
    margin: 0px auto;
    border-bottom: 2px solid gray;
}
.calendar-img{
    display: flex;
	margin-top:15px;
}
.calendar-img-2{
    padding-right: 15px;
}
/* 空白处 */
.space{
    width: 450px;
    height: 355px;
    margin-top: 10px;
}
/* 咨询 */
.consu{
    width: 215px;
    height: 355px;
    margin: 10px;
}
/* 消息 */
.message{
    display: flex;
    width: 212px;
    height: 135px;
    background: url("zx1b.gif");
}
.border{
    width: 208px;
    height: 260px;
    border: 1px solid rgb(214, 214, 214);
    border-top: none;
}
.consu-image{
    width: 211px;
    height: 95px;
}
.message-text-1{
    width: 77px;
    height: 100px;
    margin-top:20px;
    line-height: 25px;
    margin-left:10px;
    font-size: 12px;
    color: #555d81;
}
.message-img{
    width: 104px;
    height: 100px;
    margin-top: 20px;
    margin-left:10px;
}
.message-img-btn{
    padding-top: 5px;
}
.message-time{
    width: 140px;
    height: 15px;
    margin:3px auto;
    font-weight: bold;
    font-size: 12px;
    color: #7c245e;
}
.sina-img{
    margin-top: 10px;
}
/* 特别推荐 */
.recommend{
    width: 930px;
    height: 650px;
    margin: 10px;
    margin-bottom: 20px;
}
.recommend-title{
    width: 930px;
    height: 40px;
    display: flex;
}
.recommend-img{
    width: 880px;
    height: 40px;
}
.recommend-more{
    width: 50px;
    height: 40px;
    background:rgb(145, 92, 126);
}
.recommend-more-href{
    font-size: 12px;
    text-decoration: none;
    color: white;
}
.recommend-more-href:hover{
    color: yellow;
    text-decoration: underline yellow;
}
.recommend-ul{
    width: 930px;
    min-height: 600px;
    margin-top: 4px;
}
.recommend-ul-img{
    width: 160px;
    height: 200px;
    padding: 2px;
    margin: 5px;
    display: flex;
    border: 1px solid rgb(214, 214, 214);
}
ul{
    display: flex;
}
.recommed-text-href{
    width: 160px;
    text-align: center;
    margin-left: 10px;

    font-size: 12px;
    color: #555d81;
}
.recommed-text-href:hover{
    color: red;
    text-decoration: underline red;
}
a{
    text-decoration: none;
}
.time{
    font-size: 12px;
    color: #7c245e;
    margin: 10px 10px 0px auto;
    text-align: center;
}
/* 剧院信息 */
.infor{
    width: 930px;
    height: 540px;
    margin:10px;
}
.infor-title{
    width: 930px;
    height: 40px;
    display: flex;
}
.infor-img{
    width: 880px;
    height: 40px;
}
.infor-more{
    width: 50px;
    height: 40px;
}
/* 剧院动态、剧院动态 */
.showplace{
    width: 930px;
    height: 492px;
    display: flex;
}
.trend-sub-text-href{
    font-size: 12px;
    color: #555d81;
    text-decoration: none;
}
.trend-sub-text-href:hover{
    color: red;
    text-decoration: underline red;
}
/* 竖向轮播 */
.ver-banner{
    height: 459px;
    margin-top: 10px;
    background: url("hg2.gif");
    border-bottom: 1px solid rgb(214, 214, 214);
}
#scrollBox {
    height: 393px;
    width: 251px;
    margin: 0 auto;
    border: 1px sodivd black;
    overflow: hidden;
}
.con-banner-imgs{
    width: 220px;
    padding: 10px 10px 0px 20px;
    height: 165px;
}
.ver-banner-img{
    width: 259px;
    height: 45px;
}
.img-border{
    width: 259px;
    height: 393px;
}
.ver-banner-imgs{
    width: 251px;
    height: 393px;
    margin-left: 6px;
}
.imgs{
    width: 220px;
    height: 380px;
    margin: auto;
    margin-top: 5px;
    overflow: hidden;
}
/* 轮播标题 */
.ver-banner-img{
    width: 263px;
    height: 46px;
}
/* 图片区域大小 */
.ver-banner-img-fix{
    width: 252px;
    height: 420px;
    margin:0px auto;
    overflow: hidden;
}
/* 剧院动态 */
.trend{
    width: 660px;
    height: 490px;
    margin-top: 10px;
    margin-left: 10px;
}
.trend-title{
    width: 660px;
    height: 50px;
}
.trend-sub{
    width: 660px;
    height: 250px;
    display: flex;
    border: 1px solid rgb(214, 214, 214);
    border-right: none;
    border-top: none;
}
.border-thr{
    margin-left: 10px;
}
.trend-sub-text{
    width: 380px;
}
.trend-sub-text-a{
    margin-top:8px;
}
.trend-sub-image{
    width: 266px;
    height: 250px;
	margin: 20px 0px 0px 15px;
}
.trend-sub-img{
    width: 235px;
    height: 175px;
}
.trend-sub-desc{
    width: 241px;
    text-align: center;
    margin: 0 auto;
}
.trend-title-img{
    width: 660px;
}
.trend-art-img{
    height: 188px;
    background: url("dt3.jpg") repeat-x;
}
.trend-art-text-a{
    padding-top: 5px;
}
.trend-sub-text-href{
    padding-left: 20px;
}
.trend-sub-text-href-1{
    font-size: 12px;
    color: #555d81;
    text-decoration: none;
    padding-left: 20px;
}
.trend-sub-text-href-2{
    font-size: 12px;
    color: #555d81;
    text-decoration: none;
    padding-left:70px;
}
.trend-sub-text-href-2:hover{
    color: red;
    text-decoration: underline red;
}
.trend-sub-text-href-1:hover{
    color: red;
    text-decoration: underline red;
}