.top_bg{
	background-image:url(../img/top/txyy_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	height: 400px;
}
.cinema_video{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.haofan{
	height: 120px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.hflist{
	height: 100%;
	width: 70%;
	position: relative;
	top: -50%;
	display: flex;
	display: -webkit-flex;
	background: #fff;
}
.hfitem{
	width: 100%;
	background: #f6f6f6;
	cursor: pointer;
	padding: 24px 0px;
}
.hfitem:not(:last-child){
	margin-right: 1px;
}
.item_img,.item_title{
	width: 100%;
	text-align: center;
	color: #4c4c4c;
}
.item_img{
	margin-bottom: 10px;
}
.hfitem:first-child{
	background: #8abeb2;
}
.hfitem:hover .blue{
	display: none;
}
.hfitem:hover .white{
	display: inline;
}
.color_black{
	color: #4c4c4c;
}
.color_white{
	color: #fff;
}

.hall_item:not(:first-child){
	display: none;
}
/* universe */
.universe{
	width: 70%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 120px;
}
.uni-left{
	width: 20%;
}
.uni-right{
	width: 78%;
}
.ul_item{
	text-align: center;
	height: 100px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	position: relative;
}
.ul_item:not(:first-child){
	margin-top: 10px;
}
.ul_item img{
	margin-right: 10px;
	/* width: 30px;
	height: 30px; */
	z-index: 2;
}
.ul_item span{
	z-index: 2;
}
.hide{
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 100%;
}
.ul_item:first-child .hide{
	background: #9e87cf;
}
.ul_item:nth-child(2) .hide{
	background: #5c4b51;
}
.ul_item:nth-child(3) .hide{
	background: #e0cf75;
}
.ul_item:nth-child(4) .hide{
	background: #f35f5d;
}
.ul_item:nth-child(5) .hide{
	background: #8abeb2;
}
.ul_item:nth-child(6) .hide{
	background: #f5b659;
}
.ul_item:nth-child(7) .hide{
	background: #96d996;
}
.ul_item:last-child .hide{
	background: #cd87cf;
}
.ul_item:hover .hide{
	transition: width 0.5s linear;
	-webkit-transition: width 0.5s linear;
	-moz-transition: width 0.5s linear;
	-o-transition: width 0.5s linear;
	width: 100%;
}
.hide{
	transition: all 0.5s linear;
	-webkit-transition:0.5s linear;
	-moz-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.ul_item:hover span{
	color: #fff;
}
.details-item{
	width: 100%;
}
.details-item:not(:first-child){
	display: none;
}
.notbe{
	width: 100%;
	height: 280px;
	position: relative;
}
.not_img1{
	position: absolute;
	left: 0%;
	top: 50%;
	z-index: 333;
	width: 70%;
}
.not_img2{
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 222;
	box-shadow: 30px -30px 0px #9e87cf;
}
.not_img1 img{
	width: 100%;
	height: auto;
}
.not_img2{
	width: 60%;
}
.not_img2 img{
	width: 100%;
}
.not_img3 img{
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
}
.text{
	padding:80px 0px 40px 0px;
	line-height: 1.8;
	width: 80%;
	font-size: 16px;
	margin-top: 30px;
}
.main{
	padding: 40px 0px;
}
.main-title{
	padding: 0px 0px 40px 0px;
	color: #3487ff;
	font-size: 26px;
}
.main-list{
	display: flex;
	display: -webkit-flex;

}
.main-item{
	cursor: pointer;
	width: 120px;
	padding: 20px 0px;
	margin-right: 4px;
}
.main-item{
	border-top:2px solid #e5e5e5 ;
}
.bady{
	/* padding: 40px 0px; */
	position: relative;
}
.bady_item:not(:first-child){
	display: none;
}
/* .bady_img img{
width: 60%;
height: 280px;
} */
.bady_text{
	position: absolute;
	right: 10%;
	bottom: -15%;
	width: 50%;
	background: rgba(255,255,255,.7);
	padding: 20px;
	box-shadow: 3px 7px 5px #f5f5f5;
	-webkit-box-shadow:3px 7px 5px #f5f5f5;
	-moz-box-shadow:3px 7px 5px #f5f5ff;
	border-radius: 4px;
	font-size: 16px;
}


/* 切换至临展推荐样式 */
/* .lz_show{
display: none;
} */
.recommended{
	width: 70%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 120px;
}
.rmd-left{
	width: 20%;
	position: relative;
}
.rmd-right{
	width: 78%;
}
.rmd-item{
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	height: 100px;
	background: #f5f5f5;
	cursor: pointer;
}
.bgc{
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 100%;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.zzzl .bgc{
	background: #8abeb2;
}
.jjzl .bgc{
	background: #9e87cf;
}
.zlhg .bgc{
	background: #e0cf75;
}
.rmd-item:not(:first-child){
	margin-top: 10px;
}
.rmd_data_show{
	transition: all .3s linear;
	height: 0;
	overflow: hidden;
}
.data_show_item{
	width: 100%;
	padding: 20px 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	color: #4c4c4c;
	cursor: pointer;
	margin-top: 4px;
	overflow: hidden;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
}

.rmd-item img,.rmd-item span{
	z-index: 222;
}
.rmd-item img{
	margin-right: 10px;
}
.rmd-item:hover .white{
	display: inline;
}
.rmd-item:hover .black{
	display: none;
}
.rr_show{
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.rmd_right_item:not(:first-child){
	display: none;
}
.box{
	box-shadow: 3px 6px 10px rgba(0,0,0,0.14);
	width: 48%;
	margin-bottom: 40px;
	color: #4c4c4c;
}
.box_text{
	display: flex;
	display: -webkit-flex;
	padding: 20px 20px;
	align-items: center;
}
.box_dy{
	width: 30%;
	position: relative;
}
.box_dy::after{
	content: "";
	position: absolute;
	height: 70%;
	top: 15%;
	right: 24%;
	width: 1px;
	border-left: 1px solid #b3b3b3;
}
.cs9_blue,.show_blue,.cs11,.cs13{
	display: none;
}
.box_title{
	width: 70%;
}
.box_data,.bttop{
	font-size: 18px;
}
.box_data,.box_year,.bttop,.btbtm{
	margin: 10px 0px;
}
.box_img{
	overflow: hidden;
}
.bttop{
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 550;
}
.box_img img{
	width: 100%;
	height: auto;
	cursor: pointer;
	z-index: 111;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.box_img img:hover{
	transition: 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.box_year,.btbtm{
	font-size: 16px;
}
.box_data{
	font-size: 26px;
}
.paging,.paging2{
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	padding: 40px 20px;
}
.page_item,.page_item2{
	border: 1px solid #3487ff;
	width: 40px;
	height: 40px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	margin:0px 10px;
	cursor: pointer;
}
.rmd-item:hover .bgc{
	width: 100%;
	transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition: 0.5s linear;
}
.rmd-item:hover span{
	color: #fff;
}


.ul_item:hover .white{
	display: inline;
}
.ul_item:hover .black{
	display: none;
}





.hfitem:first-child:hover img,.hfitem:nth-child(2):hover img,.hfitem:nth-child(3):hover img,.hfitem:last-child:hover img{
	animation: cd-shock 0.5s;
	-webkit-animation: cd-shock 0.5s;
	-moz-animation: cd-shock 0.5s;
	-ms-animation: cd-shock 0.5s;
	-o-animation: cd-shock 0.5s;
}
.hfitem:first-child:hover .item_title,.hfitem:nth-child(3):hover .item_title,.hfitem:last-child:hover .item_title,.hfitem:nth-child(2):hover .item_title{
	color: #fff !important;
}
.hfitem:nth-child(3):hover{
	background: #9e87cf !important;
}
.hfitem:last-child:hover{
	background: #f5b659 !important;
}
.hfitem:nth-child(2):hover{
	background: #e0cf75 !important;
}
.hfitem:first-child:hover{
	background: #8abeb2 !important;
}


/* 路线推荐 */
.route-rmd{
	width: 70%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 120px;
}
.route-rmd-left{
	width: 20%;
}
.route-rmd-right{
	width: 78%;
}
.rrl_item{
	text-align: center;
	height: 100px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	position: relative;
}
.rrl_item:not(:first-child){
	margin-top: 10px;
}
.rrl_item img{
	margin-right: 10px;
}
.rrr_img{
	height: 650px;
	width: 100%;
	background-color: #f5f5f5;
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.rrr_img img{
	max-width: 100%;
}
.bdl{
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 100%;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.qzy .bdl{
	background: #8abeb2;
}
.qsn .bdl{
	background: #9e87cf;
}
.znn .bdl{
	background: #5c4b51;
}
.tty .bdl{
	background: #e0cf75;
}
.qzy:hover .bdl{
	width: 100%;
	transition: 0.5s linear;
	-webkit-transition:  0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition:  0.5s linear;
}
.qsn:hover .bdl{
	width: 100%;
	transition: 0.5s linear;
	-webkit-transition:  0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition:  0.5s linear;
}
.znn:hover .bdl{
	width: 100%;
	transition: 0.5s linear;
	-webkit-transition:  0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition:  0.5s linear;
}
.tty:hover .bdl{
	width: 100%;
	transition: 0.5s linear;
	-webkit-transition:  0.5s linear;
	-moz-transition: 0.5s linear;
	-ms-transition: 0.5s linear;
	-o-transition:  0.5s linear;
}
.rrl_item img,.rrl_item span{
	z-index: 222;
}
.rrl_item:hover{
	color: #fff;
}
.qzy:hover .qzy_white,.qsn:hover .qsn_white,.znn:hover .znn_white,.tty:hover .tty_white{
	display: inline;
}
.qzy:hover .qzy_black,.qsn:hover .qsn_black,.znn:hover .znn_black,.tty:hover .tty_black{
	display:none;
}
.qzy_list{
	width: 100%;
	text-align: center;
	z-index: 999;
}
/* 路线推荐 左侧导航下 下拉导航 */
.lxtj_switch_list{
	color: #4c4c4c;
}
.lxtj_switch_list:not(:first-child){
	margin-top: 10px;
}
.lxtj_switch_list a{
	color: #4c4c4c;
}
.qzy_item{
	background: #f5f5f5;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
	margin-top: 4px;
	cursor: pointer;
}
.qzy_list{
	height: 0;
	overflow: hidden;
	transition: all .3s ease;
}




/* 影院影讯 */

.viewing{
	background: #f5f5f5;
	display: flex;
	display: -webkit-flex;
	padding: 20px 0px;
	position: relative;
	top: 60px;
}
.view_left>div:first-child{
	font-size: 24px;
	color: #3388ff;
	margin-right: 50px;
}
.view_ewm img{
	width: 100px;
	height: 100px;
}
.view_sm{
	display: flex;
	display: -webkit-flex;
	justify-content: end;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	margin-left: 10px;
	color: #3487ff;
}
.view_left,.view_right{
	width: 100%;
}
.view_right,.view_left{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
/* 临展推荐详情页 */
.show_details{
	width: 100%;
	display: none;
}
.show_details_title{
	font-size: 26px;
	font-weight: bolder;
}
.show_details_where{
	padding: 30px 0px;
	border-bottom: 2px solid #f5f5f5;
}
.show_details_where span:first-child{
	margin-right: 20px;
}
.show_details_describe{
	margin: 30px 0px;
	line-height: 2;
}
.exhibition_title{
	font-size: 26px;
	margin: 30px 0px;
}
.describe_exh{
	margin-bottom: 30px;
}
.describe_exh_title{
	font-weight: bolder;
	font-size: 18px;
}
.describe_exh_text{
	margin-top: 20px;
}





/* 响应式移动端显示样式 */
.res_yztw{
	border-left:4px solid #9e87cf ;
}
.res_dwjy{
	border-left: 4px solid #5c4b51;
}
.res_tmly{
	border-left: 4px solid #e0cf75;
}
.res_cxkj{
	border-left: 4px solid #f35f5d;
}
.res_tsfx{
	border-left: 4px solid #8abeb2;
}
.res_zhrl{
	border-left: 4px solid #f5b659;
}
.res_jttd{
	border-left: 4px solid #96d996;
}
.res_rgzn{
	border-left: 4px solid #cd87cf;
}
/* 临展推荐  响应式  导航 */
.res_lztj_zzzl{
	border-left: 4px solid #8abeb2;
}
.res_lztj_jjzl{
	border-left: 4px solid #9e87cf;
}
.res_lztj_zlhg{
	border-left: 4px solid #e0cf75;
	position: relative;
}
.zlhg_nav{
	position: absolute;
	right: 20px;
	top: 11px;
	width: 28px;
	height: 28px;
	background-image: url(../img/details/cinema/add.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 889;
	transition: all .3s ease;
}
.zlhg_bar a div{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
	margin-left: 14px;
}
.zlhg_bar{
	height: 0;
	overflow: hidden;
	transition: all .3s ease;
}
/* 路线推荐 响应式  移动端 */
.res_qzy,.res_qsn,.res_zln,.res_tty{
	border-left: 4px solid;
}
.res_qzy{
	border-color: #8abeb2;
}
.res_qsn{
	border-color: #9e87cf;
}
.res_zln{
	border-color: #5c4b51;
}
.res_tty{
	border-color: #e0cf75;
}
.lxtj_nav{
	position: absolute;
	right: 60px;
	top: 11px;
	width: 28px;
	height: 28px;
	background-image: url(../img/details/cinema/add.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 889;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.lxtj_bar{
	height: 0;
	overflow: hidden;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.lxtj_bar a{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin-left: 14px;
}
/* 影院影讯 响应式  移动端  导航显示形式 */
.yyyx_link{
	border-left: 4px solid;
}
.res_qm{
	border-color: #8abeb2;
}
.res_jm{
	border-color: #9e87cf;
}
.res_4d{
	border-color: #5c4b51;
}
.res_fx{
	border-color: #e0cf75;
}

/*  */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.slide_container {
	margin-bottom: 50px;
	position: relative;
	float: left;
	width: 100%;
}

.slide {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.slide li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.slide img {
	display: block;
	position: relative;
	z-index: 1;
	height: auto;
	width: 100%;
	border: 0;
}

.slide .caption {
	display: block;
	position: absolute;
	z-index: 2;
	text-shadow: none;
	color: #4c4c4c;
	background: #fff;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
}

.slide_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 4%;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("../img/index/fourth/fourth-pic-3.png");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: -45px;
}
.slide_nav:active {
	opacity: 1.0;
}

.slide_nav.next {
	left: auto;
	right: 4%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.rslides li{
	background-position: center;
	height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
}
.lb_shadow{
	box-shadow: 3px 3px 10px 10px #f5f5f5;
	-webkit-box-shadow:3px 3px 10px 10px #f5f5f5;
	-moz-box-shadow:3px 3px 10px 10px #f5f5f5;
	-ms-box-shadow:3px 3px 10px 10px #f5f5f5;
	-o-box-shadow:3px 3px 10px 10px #f5f5f5;
}
.title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 16px;
	margin-bottom: 40px;
}
.title-title{
	font-size: 24px;
}
.title-icon{
	width:30px ;
}
.content{
	/*font-family: "Microsoft YaHei UI";
	font-weight: 500;*/
	font-size: 18px;
	line-height: 36px;

	margin-bottom: 40px;
}
.qm{
	display: flex;
	justify-content: space-between;
}
.c-left{
	margin: 40px 0 0px 0;
	width: 60%;
	font-size: 16px;
	white-space: pre-line;
	/* font-weight: 400;*/
	text-align: justify;
}

.c-right {
	margin: 30px 30px 0 30px;
	flex: 1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}


.d-left{
	margin: 40px 0 40px 0px;
	width: 60%;
	font-size: 16px;
	font-weight: 400;
}
.d-right{
	margin: 40px 0px 40px 0px;
	padding-left: 80px;
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #f6f6f6;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.paipian-content{
	padding: 10px 0;
}
.pp-title{
	font-family: "Microsoft YaHei UI";
	margin: 16px 0;
	border-left: 3px solid #1fa701;
	padding: 0 10px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
.xz-item{
	padding: 10px 0;
}
.xz-font-css{
	font-size: 16px;
	justify-content: space-between;
	line-height: 32px;
	white-space: pre-wrap;
	white-space: break-spaces;
}
.bold{
	font-weight: bold;
}
.hide{
	display: none;
}
.yp-content{
	display: flex;
	justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 20px 0;
}
.yp-item{
	width: 48%;
	box-shadow: 0px -1px 10px 1px #f5f5f5,   /*上边阴影  红色*/

		-1px 0px 10px 1px #f5f5f5,   /*左边阴影  绿色*/

		1px 0px 10px 1px #f5f5f5,    /*右边阴影  蓝色*/

		0px 1px 10px 1px #f5f5f5;    /*下边阴影  黄色*/
	margin: 20px 0;
}
.yp-title{
	font-size: 26px;
	font-weight: 400;
}
.center-info{
	padding: 10px 20px;;
}
.yp-time{
	margin: 10px 0;
	display: flex;
}
.time{
	font-size: 14px;
}
.marginleft{
	margin-left: 30%;
}
.center-introduce{
	margin: 20px 0;
	font-size: 14px;
}
.bottom-btn{
	float: right;
	margin: 20px 0;
}
.yp-item-buy-btn{
	/*border: 1px solid #589cdf;
	background: #fff;
	height: 36px;
	cursor: pointer;*/
	color: #ffffff;
	background-color: #3487ff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-shadow: 0px 20px 11px -8px rgba(52, 135, 255, 0.38);
	-webkit-box-shadow: 0px 20px 11px -8px rgba(52, 135, 255, 0.38);
	-moz-box-shadow: 0px 20px 11px -8px rgba(52, 135, 255, 0.38);
	-ms-box-shadow: 0px 20px 11px -8px rgba(52, 135, 255, 0.38);
	-o-box-shadow: 0px 20px 11px -8px rgba(52, 135, 255, 0.38);
	border: 1px solid #3487ff;
	/* background: #fff; */
	height: 40px;
	width: 170px;
	cursor: pointer;
}
.yp-item-buy-btn:active{
	background: #589cdf;
	color: #fff;
}
.introduce{
	padding: 40px 0;
	border-top: 1px solid #e2e2e2;
}
.ciname_right_img img{
	width: 100%;
	height: auto;
}
.ciname_right_img{
	box-shadow: 30px -30px 0px #dfce74;
	-webkit-box-shadow:30px -30px 0px #dfce74;
	-moz-box-shadow:30px -30px 0px #dfce74;
	-ms-box-shadow:30px -30px 0px #dfce74;
	-o-box-shadow:30px -30px 0px #dfce74;
}
.ciname_left_img img{
	width: 100%;
	height: auto;
}
.ciname_left_img{
	box-shadow: -20px 20px 0px #dfce74;
	-webkit-box-shadow:-20px 20px 0px #dfce74;
	-moz-box-shadow:-20px 20px 0px #dfce74;
	-ms-box-shadow:-20px 20px 0px #dfce74;
	-o-box-shadow:-20px 20px 0px #dfce74;
}

.cd_back{
	position: absolute;
	right: 0;
	bottom: 0;
}
.cd_back img{
	width:100%;
	float: right;
}

.cinema_table_item:not(:first-child) {
	margin-top: 40px;
}