/********************************************************
  fileName: picList.css || picShow.css
  	Update: 2017-01-17
********************************************************/
/********** picList.css **********/
a{
	 -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
/*加载更多图片*/
.m_wallp_load{
	float: left;
	width: 100%;
	height: .2rem;
	padding: .15rem 0;
	line-height: .2rem;
	text-align: center;
	font-size: .1rem;
	color: #666666;
}
.m_wallp_load span{
	display: block;
	width: 1.8rem;
	height: .28rem;
	background: #FFFFFF;
	border: 1px solid #bebebe;
	border-radius: .02rem;
	line-height: .28rem;
	text-align: center;
	font-size: .1rem;
	color: #666666;
	margin: 0 auto;
	margin-bottom: .3rem;
}
.m_wallp_load span.selected{
	background-color: #d2d2d2;
}
.m_wallp_load .m_hint{
	display: none;
}
/*壁纸频道首页*/
.m_list{
	float: left;
}
.m_list .m_list_wallp{
	width: 3.2rem;
	padding: .05rem .045rem;
	box-sizing: border-box;
}
.m_list .m_list_wallp li{
	float: left;
}
.m_list .m_list_wallp li a{
	float: left;
	width: 1.46rem;
	display: block;
	padding: .05rem .045rem;
}
.m_list a:active{
	background: none;
	box-shadow: none;
}
.m_list_wallp .m_list_wallp_img{
	width: 1.46rem;
	height: 1.95rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.m_list_wallp_img img{
	width: 100%;
	height: auto;
	border-radius: .02rem;
}
.m_list_wallp_t{
	width: 100%;
	height: .35rem;
	border-radius: 0 0 .02rem .02rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(98%, rgba(0, 0, 0, 0.4))); 
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00999999', EndColorStr='#77000000'); 
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
}
.m_list_wallp_t span{
	font-size: .12rem;
	font-family: "microsoft yahei";
	color: #FFFFFF;
	position: absolute;
	left: .08rem;
	bottom: .06rem;
}
/*壁纸二级列表*/
/*面包屑导航/筛选*/
.m_sec_nav{
	float: left;
	width: 3rem;
	height: .24rem;
	padding: .08rem .1rem .03rem .1rem;
}
.breadcrumb_nav{
	float: left;
	font-size: .12rem;
	color: #999999;
	height: .24rem;
	line-height: .28rem;
}
.breadcrumb_nav a{
	color: #999999;
}
.breadcrumb_nav .at_pre{
	color: #666;
}
.m_sec_screen{
	float: right;
	height: auto;
	width: .7rem;
	border: 1px solid #bebebe;
	border-radius: .02rem;
	background: #FFFFFF;
	position: relative;
	z-index: 9;
	right: -.02rem;
}
/*三角形向下*/
/*.triangle-down {  
	width: 0;
	height: 0;
	border-left: .2rem solid transparent;
	border-right: .2rem solid transparent;
	border-top: .2rem solid #a0a0a0;
}*/
/*三角形向上*/
.all_nav span.triangle-up {
	width: 0;
	height: 0;
	border-left: .04rem solid transparent;
	border-right: .04rem solid transparent;
	border-bottom: .04rem solid #a0a0a0;
	border-top: none;
}
.all_nav{
	height: .23rem;
	width: .6rem;
	line-height: .23rem;
	font-size: .12rem;
	color: #666;
	position: relative;
	padding-left: .1rem;
}	
.all_nav span{
	position: absolute;
	top: .09rem;
	right: .1rem;
	width: 0;
	height: 0;
	border-left: .04rem solid transparent;
	border-right: .04rem solid transparent;
	border-top: .04rem solid #a0a0a0;
}
.nav_list{
/*	width: .7rem;
	position: relative;
	display: none;
*/
    position: absolute;
    display: none;
    z-index: 102;
    background: #fff;
    left: .08rem;
    right: .08rem;
    top: .31rem;
    border: 1px solid #bebebe;
    border-top: 0px;
}
.nav_list li{
/*	border-top: 1px solid #d9d9d9;
	display: block;
	height: .23rem;
	width: .6rem;
	line-height: .23rem;
	font-size: .12rem;
	color: #666;
	position: relative;
	padding-left: .1rem;*/

    border-top: 1px solid #d9d9d9;
    display: block;
    width: 25%;
    height: .33rem;
    line-height: .33rem;
    text-align: center;
    font-size: .12rem;
    color: #666;
    position: relative;
    float: left;
}
.nav_list li.check{
	color: #dd4444;
	background: #f6f6f6;
}
.m_sec_list{
	float: left;
	height: auto;
	padding: 0 0.06rem;
	position: relative;
}
.m_sec_list ul{
	float: left;
	width: 1.46rem;
	height: auto;
	padding: 0 .04rem;
}
.m_sec_list ul li a{
	float: left;
	width: 1.46rem;
	display: block;
	padding: .05rem 0;
}
.m_sec_list_img{
	width: 1.46rem;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.m_sec_list_img img{
	float: left;
	width: 100%;
	height: auto;
	border-radius: .02rem;
}
.m_sec_list_img p{
	height: .16rem;
	padding: 0 .08rem;
	line-height: .17rem;
	color: #FFFFFF;
	font-size: .1rem;
	text-align: center;
	position: absolute;
	top: .05rem;
	right: .05rem;
	background: rgba(0,0,0,0.56);
	border-radius: .08rem;
}
.m_sec_list_t{
	width: 100%;
	height: .35rem;
	border-radius: 0 0 .02rem .02rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(98%, rgba(0, 0, 0, 0.4))); 
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00999999', EndColorStr='#77000000'); 
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
}
.m_sec_list_t span{
	font-size: .12rem;
	font-family: "microsoft yahei";
	color: #FFFFFF;
	position: absolute;
	left: .08rem;
	bottom: .06rem;
}

#list_left{
	display: block;
}
#list_right{
	display: block;
}

.m_second{
	padding: 0 .06rem;
	position: relative;
}
.sec_list{
	position: absolute;
	display: block;
	float: left;
	padding: .05rem .04rem;
	width: 1.46rem;
}


/********** picShow.css **********/
html,body{
	width: 100%;
	height: 100%;
}
.pictureindex{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFFF;
	background-color: #000000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.picturelist{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;;
}
.picture_list{
	
	height: 100%;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.picture_list .left100{
	left: -100%;
}
.picture_list li{
	position: relative;
	float: left;
}
.picture_list li:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.picture_list li.prev{
	left: -100%;
	z-index: 2;
}.picture_list li.next{
	left: 100%;
	z-index: 2;
}
.picture_list li.current{
	left: 0;
	z-index: 2;
}
.picture_list_page{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	vertical-align: top;
	text-align: center;
	display: block;
	overflow: hidden;
	background-color: #000000;
	opacity: 1;
	font-family: "microsoft yahei";
	-webkit-transform: translate3d(0,0,0);
}
.picture_list_page .img-box{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	-webkit-user-drag: none;
}
.picture_list_page img{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	-webkit-user-drag: none;
}
/*弹出层*/
.popups{
	display: none;
}
.popupheader{
	width: 100%;
	height: .43rem;
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	color: #FFFFFF;
	z-index: 99;
	
}
.popupheader .return_nav{
	width: .24rem;
	height: .18rem;
	position: absolute;
	left: .06rem;
	top: .13rem;
	display: block;
	background: url(//icon.cnmo.com/touch/cartoon/icon.png) no-repeat;
	background-size: 1.8rem 1.5rem;
	background-position: -0.92rem -0.32rem;
}
.popupheader .pic_title{
	height: .43rem;
	line-height: .43rem;
	font-size: .14rem;
	margin: 0 auto;
	text-align: center;
	margin-left: 3em;
}
.popupheader .pic_title span{
	padding: 0 2px;
}
.popupfooter{
	width: 100%;
	height: .43rem;
	background: rgba(0,0,0,0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFFFFF;
	z-index: 99;
}
.popupfooter ul{
	margin: 0 .14rem;
}
.popupfooter ul li{
	width: 25%;
	height: .43rem;
	line-height: .43rem;
	float: left;
	font-size: .14rem;
	text-align: center;
}
.popupfooter ul li a{
	color: #FFFFFF;
}



/***************************************
 二级页面最新的结构
***************************************/
#container {
	width:98%;
	position: relative;
	margin: 0 auto;
}
#container .pin {
	padding-top:5px;
	float: left;
	width: 50%;
/*	background:#fff;*/
}
#container .div-box {
	width: 94%;
	margin: 0 auto;
/*		border: 1px solid #ccc;*/
	position: relative;			/** add **/
/*		box-shadow: 0 0 5px #bbb;
	background: #fff;
	padding: 12px;
	border-radius: 9px;*/
}
#container .div-box img {
	width:100%;
	border-radius: .02rem;
}
#container .div-box p {
	width: 100%;
	height: auto;
	line-height: .18rem;
	padding-bottom: .05rem;
	border-radius: 0 0 .02rem .02rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.1)), color-stop(98%, rgba(0, 0, 0, 0.4))); 
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00999999', EndColorStr='#77000000'); 
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.4) 98%); 

    font-size: .12rem;
    font-family: "microsoft yahei";
    color: #FFFFFF;
    bottom: .03rem;
    text-align: center;
}

#container .div-box i {
    height: .16rem;
    padding: 0 .08rem;
    line-height: .17rem;
    color: #FFFFFF;
    font-size: .1rem;
    text-align: center;
    position: absolute;
    top: .05rem;
    right: .05rem;
    background: rgba(0,0,0,0.56);
    border-radius: .08rem;
}
.botblank{height: 500px; width: 100%; clear: both;}
.btnbox{ padding-bottom:50px;  }
.btnInner.selected{
	background-color: #d2d2d2 !important;
}