*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}
html,body{
    width: 100%;
	height: 100%;
}
i{
	font-style: normal;
	color: inherit;
}
a:link {
    text-decoration: none;
    color: black;
}
a {
    color: #333;
    text-decoration: none;
}
img{
	width: 100%;
	height: 100%;
	display: block;
}
.warp_banner{
    width: 100%;
    height:auto;
}
.warp_performance{
    width: 1200px;
    margin:50px auto 80px;
    position: relative;
}
.perfor_title{
    width: 283px;
    height: 27px;
    margin: 0 auto;
}
.perfor_more{
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 25px;
    cursor: pointer;
}
.perfor_more span{
    color: #4ab7fd;
}
.perfor_con{
    width: 100%;
    margin-top: 37px;
    display: flex;
    justify-content: space-between;
}
.perfor_img{
    width: 256px;
    height: 256px;
    cursor: pointer;
}
.drama_title{
    width: 366px;
    height: 27px;
    margin: 0 auto;
}
.drama_img{
    width: 255px;
    /* height: 410px; */
    /* padding-left: 15px;
    padding-right: 30px; */
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    /* box-shadow: 0px 5px 20px gainsboro;  */
}
.drama_image{
    width: 100%;
    /* height: 254px; */
    cursor: pointer;
    margin-top: 8px;
}
.drama_name{
    font-size: 22px;
    margin-top: 12px;
}
.drama_detail{
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    bottom: 28px;
    left: 15px;
}
.drema_tit{
    font-size: 22px;
    /* color: white; */
    margin-top: 20px;
}