/*
page层用于控制独立页面
*/

/*
代码维护者联系方式列表

name:Nimo
Eamil:nimojs[at]gmail.com Tel:13641822109;
Tel:13641822109

*/
.module-1{
margin-top: 14px;	
}
.module-1 .side{
	width:332px;
}
.module-1 .main{
	width:656px;
}
.module-1 .main .banner{
	position: relative;
}
.module-1 .main .banner .bd li{
	position: relative;
}
.module-1 .main .banner .bd ul{
	height: 360px;overflow: hidden;
}
.module-1 .main .banner .bd img{
	width:656px;height:360px;
}
.module-1 .main .banner .bd .tit{
	position: absolute;bottom: 0;left:0;color:white;
	width:100%;
}
.module-1 .main .banner .bd .tit .background{
	position: absolute;left:0;top:0;width:100%;height: 100%;background:black;opacity: 0.7;
	filter: alpha(opacity=70);
}
.module-1 .main .banner .bd .tit .inner{
	position: relative;z-index: 2;padding-left: 25px;padding-right: 25px;
	padding-top: 10px;padding-bottom: 10px;
}
.module-1 .main .banner .bd .tit h4{
	font-size: 21px;line-height: 29px;
}
.module-1 .main .banner .bd .tit h4 a{
	color:white;
}
.module-1 .main .banner .bd .tit p{
	font-size: 16px;line-height: 19px;
}
.module-1 .main .banner .prev,
.module-1 .main .banner .next{
	width:44px;height:44px;overflow: hidden;
	position: absolute;top:138px;z-index: 2;cursor: pointer;
}
.module-1 .main .banner .prev{
	left:10px;background-image: url(../images/left.png);
}
.module-1 .main .banner .next{
	right:10px;background-image: url(../images/right.png);
}
.module-2{

}
.module-2 .main{
	width:675px;
}
.module-2 .side{
	width:298px;border-left: 1px solid #E5E5E7;
	padding-left: 12px;
}
.module-2 .side .cloudtag{

	height: 208px;
}
.module-2 .mainTitle{
	line-height: 43px;color:#DC3449;font-size: 22px;font-weight: bold;
}

#PickSlide .bd{
	height: 305px;overflow: hidden;
}
#ShelfSlide .bd{
	overflow: hidden;
}
#DealsAndClass .bd{
	height: 364px;overflow: hidden;
}

.cloudtagBox{
	overflow: hidden;
	padding:20px;height: 208px;border:1px solid #CECECE;margin-bottom: 29px;
	background: url(../images/idxl1.jpg) repeat-x;
}
.cloudtag {position:relative;}
.cloudtag a {position:absolute; top:0px; left:0px;  text-decoration:none; line-height: 1;padding:1px 2px;
color:black;background-color:#EEE;
}
.cloudtag a:hover{
	-webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
}

.page-index-item1 .bd .item{
	padding-top: 8px;padding-bottom: 8px;
}
.module-2 .com-item3{
    margin-bottom: 0;
}
body .com-item6{
    padding-top: 0px;
}
body .module-1 .main .banner .bd .tit h4{
    font-size: 24px;
}
body .module-1 .main .banner .bd .tit p{
    display: none;
}
body .module-1 .com-item2 .photos .item p{
    display: none;
}
body .module-1 .com-item2 .photos .item  h5{
    white-space:normal;width:145px;height: 66px;overflow:hidden;
}
body .module-2 .com-item4 .bd .list p{
    display: none;
}
body .module-2 .com-item4 .bd .list h6{
    height: 35px;overflow: hidden;
    margin-bottom: 5px;
}
body .module-1 .com-item1 .detail p{
    line-height: 1.3;
    height: 46px;overflow: hidden;
}
body .module-2 .com-item3 .detail .list .text p{
	overflow:hidden;
}
/*
body .com-item5 .bd .item p{
	height: 60px;
	line-height: 20px;
}
body .com-item5{
width:315px;overflow:hidden;
}
body .com-item5 .bd{
	width:340px;
}
body .com-item5 .bd .item{
	width:145px;padding-bottom: 15px;margin-right:25px;
}
body .com-item5 .bd .item img{
	display: block;width:100%;height: 100px;
}

*/
body .com-item5 .list{
	width: 296px;
}

/*
 * name:F
 */
.banner-index { position:relative; width:100%; overflow:hidden;}
.banner-inner {position:relative; width:100%;max-width:1200px;margin:auto; background-color:#000;}
.banner-index .hd{ display:none;position:absolute; z-index:10;left:50%;bottom:10px; transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}
.banner-index .hd li{ display:inline-block; width:6px; height:6px; margin:0 2px;background-color:rgba(255,255,255,1.00); border-radius:6px;}
.banner-index .hd li.on{ background-color:#DC3549; }
.banner-index .bd{ position:relative; width:100%;height:0px;padding-bottom:30% !important; overflow:hidden;}
.banner-index .bd .tempWrap{ position:absolute !important;width:100%;height:100%;left:0;top:0;}
.banner-index .bd ul{ height:100%;}
.banner-index .bd li { position:relative;height:100%; vertical-align:top;}
.banner-index .bd li .mask{position:absolute;z-index:10;width:100%;height:100%;left:0;top:0;background-color:#000;opacity:.9;filter:alpha(opacity=90);transition:opacity 500ms;-webkit-transition:opacity 500ms;}
.banner-index .bd li.active .mask{ height:0; overflow:hidden;opacity:0;filter:alpha(opacity=0);}
.banner-index .bd li.switching .mask{height:100%;opacity:0;filter:alpha(opacity=0);}
.banner-index .bd li img{ width:100%; height:100%; vertical-align:top;}
.banner-index .bd li .tit{ position:absolute;left:0;bottom:0%;width:100%;color:#fff;}
.banner-index .bd li .tit .inner{ position:relative; z-index:2; padding:10px; text-align:center;}
.banner-index .bd li .tit .background{ position:absolute;width:100%; height:100%;left:0;top:0;bottom:0; z-index:1; background:#000; opacity:.6; filter:alpha(opacity=60);}
.banner-index .bd li .tit h4{ font-size:20px;color:#fff; line-height:1; text-align:left;}
.banner-index .bd li .tit p { font-size:14px;color:#fff; line-height:1.3; display:none;}
.banner-index .bd li .tit a { display:none;}
.banner-index .prev,
.banner-index .next{position:absolute; width:44px;margin-top:-22px;top:50%;z-index:10; background:#fff; border-radius:100px; overflow:hidden; opacity:.4; box-shadow:0 0 8px rgba(0,0,0,.25); cursor:pointer;}
.banner-index .prev:before,
.banner-index .next:before{ content:""; display:block;width:100%;padding-bottom:100%;}
.banner-index .prev{left:30px;}
.banner-index .next{right:30px;}
.banner-index .prev:before{ background:url(../images/banner-prev.png) center no-repeat;}
.banner-index .next:before{ background:url(../images/banner-next.png) center no-repeat;}


body .module-3 { margin-top:14px;}
body .module-3 .l{ width:49.5%;}
body .module-3 .r{ width:49.5%;}

.panel-title,.panel-title a { font-size:30px; color:#DC3549; text-decoration:none;}
.panel-more { float:right; font-size:18px; color:#DC3549;}
.panel-more .panel-btn { display:block;font-size:14px; padding:2px 10px; margin-top:5px;background:#DC3549; color:#fff;}
.panel-whats-on { height:310px; overflow:hidden;}
.panel-whats-on a{ display:none; height:100%;}
.panel-hot-tickets { height:150px; overflow:hidden; background-color:#000;}
.panel-hot-tickets .pic  { float:right;width:50%; height:100%;}
.panel-hot-tickets .pic img  {width:100%; height:100%;}
.panel-hot-tickets .text { float:left;color:#fff; padding:10px; box-sizing:border-box;width:45%;}
.panel-hot-tickets .text h2 { color:#fff; line-height:1.2;}
.panel-hot-tickets .text h3 { color:#fff; font-size:18px; height:20px; overflow:hidden;line-height:1.2; margin-top:10px;}
.panel-hot-tickets .text p { color:#fff; font-size:14px; line-height:1; margin-top:5px;}
.panel-hot-tickets .text p span {display:inline-block;}
.panel-hot-tickets .text .price { display:inline-block; padding:0 5px; margin-top:15px; background-color:#DC3549; color:#fff; font-size:14px; line-height:1.5;}

.panel-editor-picks { height:150px; overflow:hidden; background-color:#DC3549; margin-top:10px;}
.panel-editor-picks .pic  { float:left;width:50%;height:100%;}
.panel-editor-picks .pic img  {width:100%; height:100%;}
.panel-editor-picks .text { float:right; width:45%;color:#fff;padding:10px;}
.panel-editor-picks .text h2 { color:#fff; line-height:1.2;}
.panel-editor-picks .text h3 { color:#fff; font-size:18px; height:20px; overflow:hidden;line-height:1.2; margin-top:10px;}
.panel-editor-picks .text p { color:#fff; font-size:14px; line-height:1; margin-top:5px;}
.panel-editor-picks .text p span {display:inline-block;}

body .module-4 { margin-top:14px;}
body .module-4:before,body .module-4:after { content:""; display:block; width:100%;}
body .module-4 .side{ float:right;width:290px; text-align:center; margin-left:10px;}
body .module-4 .main{ overflow:hidden;-zoom:1;}
body .module-4 .main:before,body .module-4 .main:after { content:""; display:block; width:100%;}

.panel-imglist {background-color:#f9f9f9; margin-bottom:10px;}
.panel-imglist .com-imglist li { width:100px;margin:10px;}
.panel-imglist .com-imglist-img img{ width:100px;height:100px;}

.panel-live-shanghai { height:388px; }
.panel-travel-shanghai { height:auto; }

.panel-ideal-events,
.panel-hot { margin-bottom:10px;}
.ideal-events-content { overflow:hidden;}
.ideal-events-content-focus { float:left; width:400px; height:260px; margin-right:10px;}
.ideal-events-content-focus a{ width:100%; height:100%;}
.ideal-events-content-focus .com-hover-text-main h5 span{ float:right; padding-left:20px;}
.ideal-events-content-focus .com-hover-text-main p span{ display:inline-block; width:50px;}
.ideal-events-content-list { overflow:hidden; padding-right:10px;}
.panel-ideal-events .panel-more { color:#aaa}

.panel-main-3 .com-imglist { margin:0 -5px; white-space:nowrap;}
.panel-main-3 .com-imglist li { width:226px; margin:0 5px; white-space:normal;}
.panel-main-3 .com-imglist-img { width:100%; height:150px;}
.panel-main-3 .com-imglist-img img {height:100%;}
.panel-main-3 .com-imglist p { }

.panel-main-3 .com-imgtextlist { margin:0 -5px;}
.panel-main-3 .com-imgtextlist li { display:inline-block; vertical-align:top; letter-spacing:0;width:222px; margin:0 5px; white-space:normal; margin-bottom:10px;}


.panel-main-4 .com-imglist { margin:0 -5px; white-space:nowrap;}
.panel-main-4 .com-imglist li { width:242px; margin:0 5px; white-space:normal;}
.panel-main-4 .com-imglist-img { width:100%; height:150px;}
.panel-main-4 .com-imglist-img img {height:100%;}
.panel-main-4 .com-imglist p { }

.columns-home { width:220px; margin:auto;}
.columns-photo {padding:5px; border:1px #eee solid; background:#fff; display:inline-block;}
.columns-name { text-align:center; font-size:18px; padding:5px 0;}
.columns-word { text-align:left; display:inline-block; line-height:1.3; padding-bottom:20px;}



@media only screen and (max-width: 700px) {
	/* banner */
	.banner-index  {}
	.banner-index .bd { padding-bottom:30%;}
	.banner-index .bd li img{ width:100%;height:auto!important; vertical-align:top;}
	.banner-index .bd ul { letter-spacing:-3px; white-space:nowrap;}
	.banner-index .bd li { display:inline-block !important; letter-spacing:0; white-space:normal;overflow:hidden;}
	.banner-index li .mask{ height:0 !important; display:none !important;}
	.banner-index .prev,
    .banner-index .next,
	.banner-index .tit p,
	.banner-index .tit a,
	.banner-index .tit .background{ display:none;}
	.banner-index .tit { z-index:1000; background:rgba(0,0,0,.6);left:0;top:auto;bottom:0!important; width:100%;}
	.banner-index .tit h4{ font-size:12px !important;}
	
	/* slider-mobile */
	.slider-mobile {position:relative; width:100%;margin:auto; background-color:#eee;}
	.slider-mobile .hd{ position:absolute; z-index:10;left:50%;bottom:10px; transform:translate(-50%,0);-webkit-transform:translate(-50%,0);}
	.slider-mobile .hd li{ display:inline-block; width:6px; height:6px; margin:0 2px;background-color:rgba(255,255,255,1.00); border-radius:6px;}
	.slider-mobile .hd li.on{ background-color:#DC3549; }
	.slider-mobile .bd { padding-bottom:50%;}
	.slider-mobile .bd .tempWrap{ position:absolute !important;width:100%;height:100%;}
	.slider-mobile .bd ul{ height:100%;}
	.slider-mobile .bd li { position:relative;height:100%;vertical-align:top;}
	.slider-mobile .bd li img{ width:100%;height:auto !important; vertical-align:top;}
	.slider-mobile .prev,
    .slider-mobile .next,
	.slider-mobile .tit{ display:none;}
	
	.slider-mobile-ads-index .bd { padding-bottom:30%;}
	.slider-mobile-ads-index .bd li img{ height:100%!important;}
}