@charset "utf-8";
body {
	font-family: "Helvetica Neue", Helvetica, Hiragino Sans GB, Open Sans, Microsoft Yahei, Arial;
	background-color: #f5f5f9;
	color: #333;
	font-size: 12px;

	/* iOS禁止微信内置浏览器调整字体大小 */
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}
ul,li {
	list-style-type: none;
}
* {
	padding: 0;
	margin: 0;
}
a{
	color: #333;
}
a:hover {
	text-decoration: none;
}

/*清除浮动*/
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/ 
}

/*文字溢出*/
.clip{
	overflow:hidden; /*超出部分隐藏*/
	white-space:nowrap;/*强制在一行显示*/
	text-overflow:clip;
	}
.elli{
	overflow:hidden; /*超出部分隐藏*/
	white-space:nowrap;/*强制在一行显示*/
	text-overflow:ellipsis;/*结尾3点省略号*/
}
.ellipsis1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;/*指定行数，溢出则隐藏*/
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
.ellipsis{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/*指定行数，溢出则隐藏*/
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}

/*强制覆盖*/
.weui-media-box{
	padding: 15px 2% !important;
}
.weui-media-box:before {
    left: 2% !important;
    right: 2% !important;
}
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i, .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
	 color: #46b3a3;
}
#pages a{
	display: none !important;
}
#pages a.a1{
	display: inline-block !important;
}
/*iconfont*/
@font-face {font-family: "iconfont";
  src: url('fonts/iconfont.eot?t=1486349232816'); /* IE9*/
  src: url('fonts/iconfont.eot?t=1486349232816#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/iconfont.woff?t=1486349232816') format('woff'), /* chrome, firefox */
  url('fonts/iconfont.ttf?t=1486349232816') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('fonts/iconfont.svg?t=1486349232816#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:12px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fanhuidingbu01:before { content: "\e602"; }
.icon-yingyongfanbai:before { content: "\e60e"; }
.icon-zhaoxiangji:before { content: "\e64a"; }
.icon-biaoqian1:before { content: "\e62a"; }
.icon-gengduo:before { content: "\e61b"; }
.icon-xihuan:before { content: "\e603"; }
.icon-iconfontzan:before { content: "\e604"; }
.icon-zixun:before { content: "\e60d"; }
.icon-shenghuomei:before { content: "\e648"; }
.icon-shouye2:before { content: "\e600"; }
.icon-fanhui:before { content: "\e7d5"; }
.icon-biaoqian2:before { content: "\e667"; }
.icon-chakanjindu:before { content: "\e609"; }
.icon-meinv-copy:before { content: "\e601"; }
.icon-wodezuopin:before { content: "\e618"; }
.icon-chakan:before { content: "\e638"; }
.icon-biaoqian3:before { content: "\e605"; }
.icon-fan:before { content: "\e65b"; }
.icon-chinese-:before { content: "\e65f"; }
.icon-chinese-knot-:before { content: "\e661"; }
.icon-chinese-knot:before { content: "\e662"; }
.icon-fan1:before { content: "\e664"; }
.icon-firecrackers:before { content: "\e666"; }
.icon-lantern:before { content: "\e668"; }
.icon-lotus:before { content: "\e669"; }
.icon-lantern-:before { content: "\e66a"; }


/*base基础类*/
.mt2{
	margin-top: 2%;
}
.page_hd{
	background-color: #fff;
}
.page_bd{
}
.h58{
	height: 58px;
}
/*swiper焦点图轮播*/
.swiper-slide{width: 100% !important;}
.swiper-slide img{width: 100%;}
.swiper-pagination-bullet-active{background: #46b3a3;}
.swiper-pagination{
    height: 40px;
    background: url(../img/mask.png) no-repeat;
    background-size: cover;
    bottom: -5px !important;
    right: 0px;
    text-align: center;
}

/*导航*/
.weui-flex{
	text-align: center;
}
.icon-nav{
}
.icon-nav a{
	display: block;
}
.icon-nav img{
	width: 24px;
	height: 24px;
    margin: 0 5px;
    padding: 10px;
    background-color: #fff;
    border-radius: 50%;
}
.icon-nav span{
	display: block;
	position: relative;
	top: -15px;
}

/*cos列表*/
.cos-list{
	width: 100%;
	background-color: #fff;
	
}
.title{
	
}
.cos-list ul li{
	width: 47%;
	margin-left: 2%;
	float: left;
	margin-bottom: 15px;
	position: relative;
}
.cos-list ul li:nth-child(2n-1){
	margin-right: 2%;
	margin-left: 0 !important;
	float: right;
	
}
.cos-list ul li span{
	line-height: 14px;
	float: left;
	font-size: 12px;
	position: absolute;
	bottom: 32px;
	padding: 0 2%;
	color: #fff;
	height: 24px;
	line-height: 24px;
	background-color: rgba(1,1,1,0.25);
}
.cos-list ul li a{
	font-size: 12px;
	color: #666;
	height: 20px;
	line-height: 20px;
}
.cos-list ul li img{
	width: 100%;
	background: url(http://www.pandadiu.com/statics/cosplay/new_img/nopic.jpg) no-repeat;
	background-size: 100%;
}
.cos-list ul li i{
	margin-right: 2px;
}
.cos-list .picbottombg{
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 20px;
	width: 100%;
	height: 40px;
	background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 51, 51, 0)), color-stop(21%, rgba(51, 51, 51, 0.08)), color-stop(25%, rgba(51, 51, 51, 0.1)), color-stop(33%, rgba(51, 51, 51, 0.15)), color-stop(37%, rgba(51, 51, 51, 0.18)), color-stop(45%, rgba(42, 42, 42, 0.23)), color-stop(49%, rgba(38, 38, 38, 0.25)), color-stop(60%, rgba(3, 3, 3, 0.3)), color-stop(61%, rgba(0, 0, 0, 0.31)), color-stop(100%, rgba(0, 0, 0, 0.65)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* W3C */
}
.cos-list .more{
	width: 96%;
	text-align: center;
}

/*photo列表*/
.photo-list{
	width: 100%;
	background-color: #fff;
}
.photo-list ul li{
	width: 30.6666667%;
	margin-left: 2%;
	float: left;
	margin-bottom: 15px;
	position: relative;
}
.photo-list ul li a{
	line-height: 14px;
	float: left;
	font-size: 13px;
	padding: 0 4px;
}
.photo-list-plus{
	width: 100%;
	background-color: #fff;
}
.photo-list-plus .title{
	width: 100%;
	height: 32px;
	line-height: 32px;
	
}
.photo-list-plus .title h1{
	font-weight: normal;
	font-size: 15px;
	padding:0 2%;
    line-height: 32px;
    text-align: center;
}
.photo-list-plus ul li{
	width: 30.6666667%;
	margin-left: 2%;
	float: left;
	margin-bottom: 15px;
	position: relative;
}
.photo-list-plus ul li img{
	width: 100%;
}
.photo-list-plus ul li a{
	float: left;
	font-size: 12px;
	position: absolute;
	bottom: 15px;
	padding: 0 2%;
	color: #fff;
	height: 24px;
	line-height: 24px;
	background-color: rgba(1,1,1,0.25);
}

/*news列表*/
.news-list{
	width: 100%;
	background-color: #fff;
}
.news-list ul li{
	padding: 15px 2%;
	width: 96%;
	
}

.newlist-cos{
	background-color: #fff;
}
.newlist-cos-title{
	width: 96%;
	display: inline-block;
	background-color: #fff;
	padding: 5px 2% !important;
}
.newlist-cos-title span{
	font-size: 15px;
	line-height: 32px;
}
.newlist-cos-title a{
	float: right;
	line-height: 32px;
	font-size: 12px;
	color: #999;
}
.newlist-cos .weui-media-box__hd{
	width: 120px !important;
	height: auto !important;
}
.newlist-cos .weui-media-box__hd img{
	border-top-left-radius: 15px;
}

.newlist-cos .weui-media-box__bd h4{
	line-height: 1.4;
    font-weight: 400;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newlist-cos .weui-media-box__bd font{
	line-height: 1.4;
    font-weight: 400;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #888;
    margin: 2px 0;
}
.newlist-cos .weui-media-box__bd p{
	color: #888;
    font-weight: 400;
    line-height: 1.8;
    width: auto;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.newlist-cos .weui-media-box__bd p i{
	margin-right: 4px;
	font-size: 15px;
	color: #46b3a3;
}
.newlist-cos .weui-media-box__bd span{
	color: #999;
	font-size: 11px;
	margin-right: 8px;
}
.newlist-cos .weui-media-box__bd span i{
	margin-right: 4px;
	font-size: 15px;
	color: #999;
}
.cosmore{
	background-color: #fff;
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
}
.cosmore .swiper-slide{
	width: 50% !important;
	float: left;
	margin-bottom: 15px;
	position: relative;
}
.cosmore .swiper-slide a{
	line-height: 14px;
	float: left;
	width: 92%;
	padding: 0 2%;
	font-size: 13px;
}
.cosmore .swiper-slide img{
	width: 100%;
}
.cosmore .swiper-slide span{
    border-radius: 50%;
    position: absolute;
    right: 5px;
    bottom: 20px;
    color: #fff;
    text-align: center;
    font-size: 10px !important;
    z-index: 3;
    line-height: 24px;
}
.cosmore .swiper-slide i{
	margin-right: 2px;
}
.cosmore .swiper-slide .picbottombg{
	position: absolute;
	z-index: 0;
	left: 0;
	bottom: 20px;
	width: 100%;
	height: 40px;
	background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 51, 51, 0)), color-stop(21%, rgba(51, 51, 51, 0.08)), color-stop(25%, rgba(51, 51, 51, 0.1)), color-stop(33%, rgba(51, 51, 51, 0.15)), color-stop(37%, rgba(51, 51, 51, 0.18)), color-stop(45%, rgba(42, 42, 42, 0.23)), color-stop(49%, rgba(38, 38, 38, 0.25)), color-stop(60%, rgba(3, 3, 3, 0.3)), color-stop(61%, rgba(0, 0, 0, 0.31)), color-stop(100%, rgba(0, 0, 0, 0.65)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.08) 21%, rgba(51, 51, 51, 0.1) 25%, rgba(51, 51, 51, 0.15) 33%, rgba(51, 51, 51, 0.18) 37%, rgba(42, 42, 42, 0.23) 45%, rgba(38, 38, 38, 0.25) 49%, rgba(3, 3, 3, 0.3) 60%, rgba(0, 0, 0, 0.31) 61%, rgba(0, 0, 0, 0.65) 100%);
	/* W3C */
}

/*广告*/
.ad{
	float: left;
	width: 96%;
	margin: 2%;
}
.ad img{
	width: 100%;
	display: block;
}
.adstatus{
    padding: 2px 5px;
    background-color: #000;
    opacity: 0.32;
    filter: alpha(opacity=32);
    position: absolute;
    z-index: 1;
    margin-top: 2%;
    right: 2%;
}
.adstatus span{
	color: #fff;
}

/*摄影作品滑动*/
.photomore{
	width: 100%;
	background-color: #fff;
	margin-bottom: 2%;
}
.photomore .swiper-slide{
	width: 34% !important;
	float: left;
	margin-bottom: 15px;
	position: relative;
}
.photomore .swiper-slide img{
	width: 100%;
}
.photomore .swiper-slide a{
	line-height: 14px;
	float: left;
	font-size: 12px;
	position: absolute;
	bottom: 15px;
	padding: 0 2%;
	color: #fff;
	height: 24px;
	line-height: 24px;
	background-color: rgba(1,1,1,0.25);
}

.to-top{color: #fff;padding: 10px 15px;border-radius: 50%; background-color: rgba(70,179,163,0.75); z-index: 9;}
.to-top i{
	font-size: 18px;
}
/*分页*/
#pages { padding:14px 0 10px; }
#pages a { font-family:Arial, Helvetica, sans-serif; font-size:12px; display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;}
#pages a.a1 { background:url(../images/pages.png) no-repeat 0 5px; width:56px; padding:0; color: #444; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { font-family:Arial, Helvetica, sans-serif; font-size:12px; display:inline-block; height:22px; line-height:22px; background:#46B3A3; border:1px solid #46B3A3; color:#fff; text-align:center;padding:0 10px;}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.text-c {text-align: center; z-index: 1000;}

#mood{height: 16px;}