@charset "UTF-8";
a, address, article, aside, audio, b, body, button, canvas, dd, details, div, dl, dt, em, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, label, li, mark, nav, object, ol, p, section, select, span, strong, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, th {
	text-align: left;
	font-weight: 400
}
body, html, iframe, img {
	border: 0
}
body {
	font-family: "Microsoft Yahei"
}
address, i {
	font-style: normal
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}
textarea {
	overflow: auto;
	resize: none
}
label {
	cursor: default
}
a, button {
	cursor: pointer
}
button, input {
	outline: 0
}
b, em, h1, h2, h3, h4, h5, h6, strong {
	font-weight: 700
}
a {
	text-decoration: none
}
ol, ul {
	list-style: none
}
a:active {
	background-color: transparent
}
a:active, a:hover {
	outline: 0 none;
	transition: 130ms ease-in;
	-moz-transition: 130ms ease-in;
	-webkit-transition: 130ms ease-in;
	-o-transition: 130ms ease-in
}
.clearfix {
*zoom:1
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body {
	font-family: "微软雅黑";
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*如需要头部固定*/
/*添加header-fixed*/
.header.header-fixed {
	position: fixed;
	top: 0;
	z-index: 99;
}
/* 头部下拉菜单 */
.header .icon-drop-wrap {
	position: relative;
	display: inline-block;
	vertical-align: top;
 width: .36rem;
 height: .88rem;
}
/*头部icon共用样式*/
.header .pb-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.pb-icon {
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-size: cover;
}
.icon-search {
	width: 0.28rem;
	height: 0.3rem;
	background-image: url(../images/search_btn.png);
}
/*头部返回按钮*/
.header .back-wrap {
	position: absolute;
 left: .25rem;
	top: 0;
	bottom: 0;
	margin: auto;
 width: .5rem;
	height: 100%;
}
.header .icon-back-h {
	right: unset;
	left: 0.4rem;
}
.header .icon-back-h {
 width: .2rem;
 height: .36rem;
	background-image: url(../images/icon_back_hui.png);
}
/*头部渐变色*/
.header {
	position: relative;
	width: 100%;
 height: .88rem;
 line-height: .88rem;
	text-align: center;
	background: #007aff;
}
.header .pb-icon.icon-delete {
	display: none;
	left: unset;
 right: .28rem;
}
.header.white-bg {
	background: #fff;
}
/* 带搜索的头部 */
.header.search {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	height: 1.01rem;
	border-bottom: 0.01rem solid#ECECF0;
	background: #fff;
}
.header .icon-back-h {
	right: unset;
	left: 0.4rem;
}
.header-search-wrap {
	position: relative;
	overflow: hidden;
	float: right;
	width: 83.46667%;
	height: 0.6rem;
	margin: 0.2rem 0.24rem;
	-webkit-border-radius: 0.3rem;
	border-radius: 0.3rem;
	background-color: #F3F3F6;
}
.header-search-wrap .header-search-inp {
	float: left;
	width: 80%;
	height: 0.36rem;
 line-height: .36rem;
	margin-top: 0.12rem;
	font-size: 0.28rem;
	color: #333443;
	background-color: #F3F3F6;
	letter-spacing: 0.01rem;
 text-indent: .1rem;
	border-radius: 0;
}
.header-search-wrap .btn-wrap {
	position: relative;
	float: left;
	width: 0.64rem;
	height: 0.6rem;
	padding: 0.15rem 0.12rem 0.15rem 0.2rem;
}
.header-search-wrap .btn-wrap .icon-search {
	right: unset;
	left: 0.24rem;
}
/*search*/
.page-search {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 102;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 0.08rem rgba(0, 0, 0, 0.15);
}
.search-box {
	width: 100%;
	height: auto;
 padding: 1.41rem .16rem 0 .26rem;
}
.search-hot > h2 {
	width: 100%;
 height: .24rem;
 line-height: .24rem;
 font-size: .24rem;
	color: #8D8D96;
 margin-bottom: .32rem;
	font-weight: normal;
 letter-spacing: .01rem;
}
/*搜索热词*/
.search-hot .hot-list {
	width: 100%;
	height: auto;
}
.search-hot .hot-list li {
	float: left;
 height: .52rem;
 line-height: .5rem;
 letter-spacing: .01rem;
 padding: 0 .2rem;
 font-size: .24rem;
	color: #333443;
 margin-right: .16rem;
 margin-bottom: .16rem;
 -webkit-border-radius: .06rem;
 border-radius: .06rem;
 border: .02rem solid #C8C8D0;
	cursor: pointer;
}
/* 图片列表 */
.pros-list-wrap {
	width: 100%;
	padding: 0.2rem 1.33333% 0;
}
.pros-list-wrap .pros-list > li {
	position: relative;
	float: left;
	width: 3.45rem;
	height: auto;
	margin: 0 0.1rem 0.26rem;
}
.pros-list-wrap .pros-list > li > a {
	display: block;
	width: 100%;
	height: 100%;
}
.pros-list-wrap .pros-list > li > a img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-border-radius: 0.08rem;
	border-radius: 0.08rem;
}
.pros-list-wrap .pros-list > li .infos {
	padding: 0.2rem 0;
}
.pros-list-wrap .pros-list > li .pro-tit {
	width: 100%;
	height: 0.34rem;
	line-height: 0.34rem;
	font-size: 0.26rem;
	color: #333443;
	letter-spacing: 0.02rem;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.pros-list-wrap .pros-list > li .datas {
	margin-top: 0.14rem;
 height: .2rem
}
.pros-list-wrap .pros-list > li .datas > div {
	float: left;
	height: 0.20rem;
	line-height: 0.20rem;
	margin-right: 0.24rem;
}
.pros-list-wrap .pros-list > li .datas > div > span {
	vertical-align: top;
	font-size: 0.24rem;
	color: #C8C8D0;
	margin-left: 0.12rem;
}
.pros-list-wrap .pros-list > li .datas .icon-collect {
	position: relative;
	top: -0.02rem;
	float: left;
}
.pros-list-wrap .pros-list > li .datas .icon-dl {
	float: left;
}
.pros-list-wrap .pros-list > li .datas .icon-time {
	float: left;
}
.pros-list-wrap .more-pros {
	display: block;
	width: 4rem;
	height: 0.6rem;
	line-height: 0.24rem;
	margin: 0.16rem auto 1.5rem;
	padding: 0.17rem;
	font-size: 0.24rem;
	color: white;
	text-align: center;
	border: 0.01rem solid #007aff;
	-webkit-border-radius: 0.05rem;
	border-radius: 0.05rem;
	background: #007aff;
}
.pros-list-wrap .more-pros .icon-morepros {
	width: 0.16rem;
	height: 0.18rem;
	background: url(../images/icon_morepros1.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	margin-top: 0.03rem;
 margin-left:.05rem;
}
 @media all and (max-width: 320px) {
.pros-list-wrap .pros-list > li .pro-tit {
 height: .26rem;
 line-height: .26rem;
}
}
/*图片列表结束*/
/*底部*/
.navibar-bot {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 1rem;
 padding-top: .14rem;
	text-align: center;
	background-color: #ffffff;
 border-top: .01rem solid rgba(200,200,208,.3);
	z-index: 999;
}
.navibar-bot .navi-item {
	float: left;
	width: 25%;
	height: 100%;
	line-height: 0;
	position: relative;
}
.navibar-bot .navi-items {
	width: 25%;
}
.navibar-bot .navi-item>.pb-icon {
 width: .44rem;
 height: .44rem;
}
.navibar-bot .navi-item>p {
 height: .24rem;
 line-height: .24rem;
 margin-top: .06rem;
 font-size: .2rem;
	color: #A6A6B0;
	display: block;
}
.navibar-bot .navi-item.active>p {
	color: #007aff;
}
.navibar-bot .navi-item .footer_home {
	background-image: url(../images/icon_home_new.png);
}
.navibar-bot .navi-item.active .footer_home {
	background-image: url(../images/icon_home_on.png);
}
.navibar-bot .navi-item .footer_cate {
	background-image: url(../images/icon_cate.png);
}
.navibar-bot .navi-item.active .footer_cate {
	background-image: url(../images/icon_cate_on.png);
}
.navibar-bot .navi-item .footer_mine {
	background-image: url(../images/icon_mine.png);
}
.navibar-bot .navi-item.active .footer_mine {
	background-image: url(../images/icon_mine_on.png);
}
.navibar-bot .navi-item .footer_vip {
	background-image: url(../images/icon_vip.png);
}
.navibar-bot .navi-item.active .footer_vip {
	background-image: url(../images/icon_vip_on.png);
}
/*我的信息红点*/
.navibar-bot .navi-active::before {
	content: "";
	display: block;
 width: .12rem;
 height: .12rem;
	border-radius: 100%;
	overflow: hidden;
	background: red;
	position: absolute;
	top: 0;
	right: 0.45rem;
}
/*底部end*/
/*摄影图图片列表*/
.pros-list-wrap .photo-list > li {
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0.05rem;
	box-sizing: content-box;
}
.photo-list img {
	width: 100%;
	height: 100%;
}
#mengcheng {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: -100%;
	background-color: rgba(53, 53, 59, 0.5);
	z-index: 102;
	display: none;
}
.paytishi {
	position: fixed;
	top: 25%;
	left: 25%;
	z-index: 102;
	width: 4rem;
	height: auto;
	background: #fff;
 font-size: .28rem;
	text-align: center;
	color: red;
	display: none;
}
.paytishi .close {
 height: .28rem;
 width: .28rem;
	background: url(../images/icon_close.png)center no-repeat;
	background-size: cover;
	position: absolute;
 right: .1rem;
 top: .1rem;
	display: block;
}
.paytishi .tishiwen {
	display: block;
	width: 80%;
 margin:.4rem auto;
}
.pro-num {
	display: block;
height:.5rem;
	font-family: Arial !important;
font-size:.25rem;
	width: 100%;
margin-top:.1rem;
}
.pro-num .numleft {
	float: left;
}
.pro-num .numleft>img {
width:.35rem !important;
height:.35rem !important;
	display: inline-block;
	float: left;
}
.pro-num .numleft>i {
	display: inline-block;
	float: left;
margin-top:.05rem;
	color: #b2b2b2;
margin-left:.1rem;
}
.pro-num .numright>img {
width:.35rem !important;
height:.35rem !important;
	display: inline-block;
	float: left;
}
.pro-num .numright>i {
	display: inline-block;
	float: left;
margin-top:.05rem;
	color: #b2b2b2;
margin-left:.1rem;
}
.pro-num .numright {
	float: right;
margin-right:.5rem;
}
.page {
	margin: 0 0 1rem 0;
	width: 100%;
	height: 1rem;
	text-align: center;
font-size: .2rem;
}
.page .cur, .page a:hover {
	display: inline-block;
margin: .1rem;
padding: 0 .2rem;
height: .4rem;
border-radius: .1rem;
	background: #007aff;
	color: #fff;
line-height: .4rem;
}
.page a {
	display: inline-block;
height: .4rem;
margin:.1rem;
	color: #404040;
line-height: .4rem;
	cursor: pointer;
}
.page .ell {
margin: 0 .1rem 0 .1rem;
	color: #404040;
font-size: .15rem;
}
.box-new-hot {
	text-align: left;
}
.box-tab {
	display: inline-block;
	width: 100%;
 border-bottom: .01rem solid #e5e5e5;
 font-size: .26rem;
 line-height: .5rem;
}
.box-tab .on a {
	color: #6085e3;
}
.box-tab li {
	float: left;
	display: block;
 margin-right: .2rem;
	color: #999;
}
.box-tab li a {
	color: #999;
}
.box-new-hot .boxinfo {
	display: block;
}
.box-new-hot .boxinfo a {
	display: block;
 line-height: .3rem;
 margin-right: .1rem;
	color: #999;
 font-size: .2rem;
	float: left;
}
.dibumiaoshu {
font-size: .2rem;
	margin-bottom: 1.5rem;
	color: #999;
	display: block;
	float: left;
margin-top:.2rem;
}
.hot-listo a {
	float: left;
 height: .52rem;
 line-height: .5rem;
 letter-spacing: .01rem;
 padding: 0 .2rem;
 font-size: .24rem;
	color: #333443;
 margin-right: .16rem;
 margin-bottom: .16rem;
 -webkit-border-radius: .06rem;
 border-radius: .06rem;
 border: .02rem solid #C8C8D0;
	cursor: pointer;
}
.doyoulike {
padding:.1rem .16rem 0 .26rem;
}
.pro-cot .imgs-wrap img {
	max-width: 100%;
}
.layui-layer-btn .layui-layer-btn0 {
	font-size: 15px;
}