/* 底部导航 */
.nav{
	position: fixed;
	left:0;
	bottom:0;
	width:100%;
	/* height:0.88rem; */
	height: calc(50px + constant(safe-area-inset-bottom)); /* 直接扩展高度，因为padding-bottom是内边距 */
	height: calc(50px + env(safe-area-inset-bottom)); /* 直接扩展高度 */
	padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS<11.2 */
	padding-bottom: env(safe-area-inset-bottom); /* 兼容iOS>= 11.2 */
	background:#fff;
	box-shadow: 0px 0px 35px 0px rgba(221, 221, 221, 0.69);
	z-index: 99;
}
.nav .nav-lis{
	width:25%;
	height:100%;
	text-align: center;
}
.nav .nav-lis .icon{
	width:0.4rem;
	height:0.4rem;
	display: block;
	margin:0.1rem auto 0;
}
.nav .nav-lis a{
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	flex-flow: column;
}
.nav .nav-lis span{
	font-size: 0.2rem;
	font-family: PingFang SC;
	color: #666666;
}
.nav .nav-lis.active span{
	font-weight: bold;
	color: #000;
}
/* 首页banner */
.home{
	padding-bottom:0.9rem;
}
.banner{
	width:100%;
	height:3.0rem;
}
.banner .swiper-container{
	height:100%;
}
.banner .swiper-pagination-bullet-active{
	background:#84CEA2;
}
.banner img{
	width:100%;
	height:100%;
	/* object-fit:cover; */
}
.index-con{
	padding:0 0.2rem;
}
.search-c .search,.search-c .inp{
	width:100%;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
	background: #FFFFFF;
	border: 0.01rem solid #FF0F23;
	border-radius: 0.4rem;
	margin:0 auto;
}
.search-c .inp{
	text-align: left;
	padding-left:0.85rem;
	padding-right:0.2rem;
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333;
	background:url(../icon/search.png) no-repeat center left 0.3rem;
	background-size:0.35rem;
}
.search-c .search span{
	display: inline-block;
	padding-left:0.55rem;
	font-size: 0.22rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #ACACAC;
	background:url(../icon/search.png) no-repeat center left 0;
	background-size:0.3rem;
}
.home .li-tit{
	font-size: 0.32rem;
	font-family: PingFang SC;
	font-weight: bold;
	color: #161616;
	line-height: 1rem;
}
.list .lis{
	float:left;
	width: 3.45rem;
	height: 3.72rem;
	background: #FFFFFF;
	box-shadow: 0px 0px 35px 0px rgba(221, 221, 221, 0.69);
	border-radius: 0.2rem;
	overflow: hidden;
	margin-bottom:0.21rem;
}
.list .lis:nth-child(2n){
	float:right;
}
.list .lis .img{
	width:100%;
	height:2.48rem;
	display: block;
	object-fit:cover;
}
.list .lis .con-des{
	padding:0 0.15rem;
}
.list .lis .top{
	/*height:0.56rem;*/
}
.list .lis .tit{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	max-width: 2.7rem;
}
.list .lis .head-icon{
	width:0.37rem;
	height:0.37rem;
	border-radius: 50%;
	object-fit:cover;
}
.list .lis .des{
	height:0.60rem;
	line-height: 0.60rem;
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #787878;
}
.list .lis .des .tag{
	background-color: #fff3f3;
	padding: 2px 4px;
	border-radius: 4px;

}
/* 模型 */
.popup-q{
	position: fixed;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index: 100;
}
.popup{
	position: absolute;
	right:0;
	top:0;
	width:4.7rem;
	height:100%;
	background:#fff;
	padding-bottom:0.85rem;
}
.popup .cate{
	height:100%;
	overflow-y: auto;
}
.popup .cate-lis{
	padding:0.1rem 0 0.14rem 0.14rem;
	border-bottom:1px solid #E6E6E6;
}
.popup .cate-lis:last-child{
	border-bottom:0;
}
.popup .cate-tit{
	height:0.74rem;
	line-height:0.74rem;
	font-size: 0.27rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
}
.popup .lis{
	float:left;
	width: 1.4rem;
	height: 0.57rem;
	line-height: 0.55rem;
	text-align: center;
	background: #F7F7F7;
	border: 0.01rem solid #EDEAEA;
	border-radius: 2px;
	margin:0 0.11rem 0.14rem 0;
}
.popup .lis.active{
	color: #FF0F23;
	background:#DFEFF9;
	border-color:#86D0FF;
}
.popup .lis:nth-child(3n){
	margin-right:0;
}
.popup .cate-btn{
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0.85rem;
	line-height: 0.85rem;
	background:#E7E7E7;
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #616161;
}
.popup .cate-btn .btn-lis{
	width:50%;
	text-align: center;
}
.popup .cate-btn .btn-lis:first-child{
	background:#FF0F23;
	color:#fff;
	
}
/* 模型详情 */
.dtl .dtl-top{
	padding:0 0.2rem;
}
.dtl .dtl-top .tab-lis{
	margin-right:0.3rem;
	font-size: 0.25rem;
	font-family: PingFang SC;
	color:#666666;
	height:0.8rem;
	line-height: 0.8rem;
}
.dtl .dtl-top .tab-lis.active{
	font-weight: bold;
	color: #FF0F23;
	position: relative;
}
.dtl .dtl-top .tab-lis.active::after{
	content:'';
	width:100%;
	height:0.06rem;
	background:#FF0F23;
	border-radius: 2px;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
}
.dtl .dtl-top .dtl-top-c{
	width:100%;
	height:5.28rem;
	padding-top:0.3rem;
}
.dtl .back{
	height:0.3rem;
	width:7.5rem;
	margin:0 -0.2rem;
	background:#F2F5F6;
}
.dtl .banner-v{
	width:100%;
	height:100%;
}
.dtl .banner-v.on{
	padding-bottom:0.3rem;
}
.dtl .banner-v .over{
	width:100%;
	height:100%;
	background:#F5F5F5;
	overflow-y: auto;
	padding:0.1rem 0;
}
.dtl .banner-v .swiper-container{
	height:100%;
}
.dtl .banner-v .swiper-pagination-bullet{
	width:5px;
	height:5px;
	border-radius: 50%;
	background:#818181;
	opacity: 1;
}
.dtl .banner-v .swiper-pagination-bullet-active{
	background:#fff;
}
.dtl .banner-v img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.dtl .banner-v .table{
	width:100%;
	text-align: left;
}
.dtl .banner-v .table th:nth-child(1){width:15%;}
.dtl .banner-v .table th:nth-child(2){width:65%;}
.dtl .banner-v .table th:nth-child(3){width:20%;text-align: center;padding-left:0;}
.dtl .banner-v .table td:nth-child(3){text-align: center;padding-left:0;}
.dtl .banner-v .table tr th{
	color: #797979;
	padding: 0.1rem 0 0.1rem 0.15rem;
}
.dtl .banner-v .table tr td{
	color: #282828;
	padding: 0.1rem 0.15rem 0.1rem 0.15rem;
}
.dtl .dtl-tit{
	font-size: 0.3rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #010101;
	line-height: 0.4rem;
	padding:0.2rem 0;
}
.dtl .dtl-tit span{
	font-size: 0.2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}
.dtl .dtl-tit i{
	color: #FF0F23;
}
.dtl .tag{
	padding-bottom:0.3rem;
}
.dtl .tag,.dtl .tag a{
	font-size: 0.22rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
}
.dtl .bot{
	padding-top:0.1rem;
	border-bottom:1px solid #E7E7E7;
}
.dtl .dtl-lis{
	border-bottom:1px solid #E7E7E7;
	padding-bottom:0.2rem;
}
.dtl .dtl-lis:last-child{
	border:0;
}
.dtl .dtl-lis .dtl-name{
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	padding:0.2rem 0
}
.dtl .dtl-lis .head-info{
	position: relative;
	height:1.37rem;
	padding:0.15rem 0 0 1.1rem;
}
.dtl .dtl-lis .head-info .icon{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	margin:auto 0;
	width:0.87rem;
	height:0.87rem;
	border-radius: 0.1rem;
}
.dtl .dtl-lis .head-info .name{
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #0D0D0D;
	max-width: 3rem;
	line-height: 0.4rem;
}
.dtl .dtl-lis .head-info .join-lis{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	padding-right:0.2rem;
}
.dtl .dtl-lis .head-info .join-lis:last-child{
	border-left:1px solid #D2D2D2;
	padding-left:0.2rem
}
.dtl .dtl-lis .head-info .join-lis span{
	color:#FF9000;
}
.dtl .dtl-lis .head-info .join-lis i{
	color:#FF0F23;
}
.dtl .dtl-lis .head-info .join-date{
	font-size: 0.2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.dtl .dtl-lis .head-info .join-follow{
	position: absolute;
	top:0.15rem;
	right:0;
}
.dtl .dtl-lis .head-info .follow-lis{
	width: 1.18rem;
	height: 0.46rem;
	line-height: 0.44rem;
	background: #FFFFFF;
	border: 0.01rem solid #A8A8A8;
	border-radius: 0.3rem;
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #282828;
}
.dtl .dtl-lis .head-info .follow-lis:first-child {
	padding-left:0.55rem;
	background:url(../icon/infor.png) no-repeat center left 0.23rem;
	background-size:0.23rem;
	
}
.dtl .dtl-lis .head-info .follow-lis:last-child {
	color:#FF0F23;
	border-color:#FF0F23;
	padding-left:0.53rem;
	background:url(../icon/add.png) no-repeat center left 0.27rem;
	background-size:0.18rem;
	margin-left:0.2rem;
}
.dtl .dtl-lis .head-info .follow-lis.on{
	padding-left:0;
	color:#fff;
	text-align: center;
	background-image:none;
	background-color: #FF0F23;
}
.dtl .dtl-lis .mode-lis{
	width:50%;
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #909090;
	padding:0.2rem 0;
}
.dtl .dtl-lis .mode-lis span{
	color:#000000;
}
.dtl .dtl-lis .dtl-tag{
	padding-bottom:0.1rem;
}
.dtl .dtl-lis .tag-lis{
	font-size:0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #1FA0F7;
	padding:0.1rem 0.2rem;
	background:#E4F3FC;
	border-radius: 0.05rem;
	margin:0 0.08rem 0.08rem 0;
}
.dtl .dtl-lis .dtl-txt{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #474646;
	line-height: 0.4rem;
}
.dtl .other-con{
	background:#F7F8FA;
	padding:0.2rem 0.2rem;
}
.dtl .other-con .tit{
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	line-height: 0.8rem;
}
.dtl .other-con .lis{
	width: 3.3rem;
	height: 3.1rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background:#fff;
	margin-bottom:0.22rem;
}
.dtl .other-con .lis .img{
	width:100%;
	height:2.48rem;
	object-fit: cover;
	display: block;
}
.dtl .other-con .lis .lis-c{
	padding:0 0.15rem;
}
.dtl .other-con .lis .title{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	line-height: 0.57rem;
}
.dtl .other-con .lis .con-v{
	border-top:1px solid #E9E9E9;
	height:0.67rem;
}
.dtl .other-con .lis .con-v div{
	width:25%;
	font-size: 0.2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #CECECE;
}
.dtl .other-con .lis .con-v .eye{
	padding-left:0.4rem;
	background:url(../icon/eye.png) no-repeat center left 0;
	background-size:0.24rem;
}
.dtl .other-con .lis .con-v .love{
	padding-left:0.3rem;
	background:url(../icon/love.png) no-repeat center left 0;
	background-size:0.17rem;
}
.dtl .other-con .lis .con-v .down{
	padding-left:0.3rem;
	background:url(../icon/down.png) no-repeat center left 0;
	background-size:0.17rem;
}
.dtl .dtl-but{
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:1rem;
	background:#fff;
	z-index: 5;
}
.dtl .dtl-but .but-l{
	width:1.4rem;
	text-align: center;
	font-size: 0.22rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	padding-top:0.66rem;
	background:url(../icon/nav2-a.png) no-repeat center top 0.2rem;
	background-size:0.36rem;
}
.dtl .dtl-but .but-m{
	width:1.4rem;
	text-align: center;
	font-size: 0.22rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	padding-top:0.66rem;
	background:url(../icon/follow-a.png) no-repeat center top 0.25rem;
	background-size:0.35rem;
}
.dtl .dtl-but .but-m.active{
	background:url(../icon/follow-b.png) no-repeat center top 0.25rem;
	background-size:0.35rem;
}
.dtl .dtl-but .but-r{
	width:4.7rem;
	height:100%;
	text-align: center;
	line-height: 1rem;
	font-size: 0.3rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	background:#FF0F23;
}
.dtl-gold{
	position: fixed;
	bottom:1rem;
	left:0;
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
	background: #FCFBEF;
	/* border: 0.01rem solid #FFC000; */
	border-width: 0.01rem 0;
	text-align: center;
	font-size: 0.18rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FF8B03;
}
/* 工程师详情 */
.engineer{
	position: relative;
	padding:0.7rem 0.2rem 0;
}
.engineer::after{
	position: absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:2.85rem;
	/*background:url(../icon/back1.png) no-repeat center top 0;*/
	background-size:100% 100%;
	background: linear-gradient(to bottom, #FF0F23 0, #FF0F23 100%) !important;
	z-index: 0;
}
.engineer .engineer-top{
	position: relative;
	width:100%;
	height:3.3rem;
	background:#fff;
	border-radius: 0.2rem;
	z-index: 1;
}
.engineer .engineer-top .head-icon{
	width: 1.35rem;
	height: 1.35rem;
	display:block;
	margin:0 auto;
	position: relative;
	top:-0.5rem;
}
.engineer .engineer-top .head-icon .head-img{
	width:100%;
	height:100%;
	border-radius: 50%;
	object-fit: cover;
	border:3px solid #fff;
}
.engineer .engineer-top .head-icon.active::after{
	position: absolute;
	bottom:0.1rem;
	right:0.1rem;
	content:'';
	width:0.32rem;
	height:0.32rem;
	border-radius: 50%;
	background:url(../icon/vip.png) no-repeat center;
	background-size:100%;
	z-index:5;
}
.engineer .engineer-top .head-tit{
	text-align: center;
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	margin-top:-0.4rem;
}
.engineer .engineer-top .join-follow{
	padding-top:0.2rem;
}
.engineer .engineer-top .follow-lis{
	width: 1.15rem;
	height: 0.42rem;
	border-radius: 0.05rem;
	border:0.01rem solid #FF0F23;
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	padding-left:0.45rem;
	background:url(../icon/add1.png) no-repeat center left 0.19rem;
	background-size:0.15rem;
	background-color: #FF0F23;
}
.engineer .engineer-top .follow-lis.on{
	justify-content: center;
	padding-left:0;
	background-image:none;
	background-color:rgba(0,0,0,0);
	color:#FF0F23
}
.engineer .engineer-top .follow-lis:last-child{
	background: #fff;
	color: #FF0F23;
	margin-left:0.2rem;
	padding-left:0.55rem;
	background:url(../icon/infor1.png) no-repeat center left 0.19rem;
	background-size:0.2rem;
	background-color: #fff;
}
.engineer .engineer-top .menu-lis{
	margin-top:0.4rem;
	width:25%;
	text-align: center;
	padding:0.15rem 0;
}
.engineer .engineer-top .menu-lis span{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #919191;
}
.engineer .engineer-top .menu-lis p{
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FF0F23;
}
.engineer .other-con{
	background:#F7F8FA;
	padding:0.2rem 0;
}
.engineer .other-con .tit{
	font-size: 0.3rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 0.8rem;
}
.engineer .other-con .select{
	font-size: 0.22rem;
	line-height: 0.8rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	padding-right:0.3rem;
	padding-left:0.2rem;
	background:url(../icon/bottom.png) no-repeat center right 0;
	background-size:0.18rem;
}
.engineer .other-con .lis{
	width: 3.45rem;
	height: 3.7rem;
	border-radius: 0.2rem;
	overflow: hidden;
	background:#fff;
	margin-bottom:0.22rem;
}
.engineer .other-con .lis .img{
	width:100%;
	height:2.48rem;
	object-fit: cover;
	display: block;
}
.engineer .other-con .lis .lis-c{
	padding:0 0.15rem;
}
.engineer .other-con .lis .title{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	line-height: 0.57rem;
}
.engineer .other-con .lis  .des{
	border-top:1px solid #E9E9E9;
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #D17F27;
	line-height: 0.67rem;
}
/* 工程师列表 */
.index-con .engineer-list .lis{
	width:100%;
	padding:0 0.17rem;
	background: #FFFFFF;
	box-shadow: 0px 0px 0.35rem 0px rgba(221, 221, 221, 0.69);
	border-radius: 0.2rem;
	margin-bottom:0.2rem;
}
.index-con .engineer-list .lis .head-info{
	position: relative;
	height:1.37rem;
	padding:0.15rem 0 0 0.95rem;
}
.index-con .engineer-list .lis .head-info .icon{
	position: absolute;
	top:0.15rem;
	left:0;
	width:0.75rem;
	height:0.75rem;
	border-radius:50%;
}
.index-con .engineer-list .lis .head-info .name{
	font-size: 0.26rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #0D0D0D;
	max-width: 3rem;
	line-height: 0.4rem;
}
.index-con .engineer-list .lis .head-info .join-lis{
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	padding-right:0.2rem;
}
.index-con .engineer-list .lis .head-info .join-lis:last-child{
	border-left:1px solid #D2D2D2;
	padding-left:0.2rem
}
.index-con .engineer-list .lis .head-info .join-date{
	font-size: 0.2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
}
.index-con .engineer-list .lis .head-info .join-follow{
	position: absolute;
	top:0.15rem;
	right:0;
}
.index-con .engineer-list .lis .head-info .follow-lis{
	width: 1.18rem;
	height: 0.46rem;
	line-height: 0.44rem;
	background: #FFFFFF;
	border: 0.01rem solid #F26F09;
	border-radius: 0.3rem;
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #F26F09;
}
.index-con .engineer-list .lis .head-info .follow-lis:first-child {
	padding-left:0.5rem;
	background:url(../icon/add2.png) no-repeat center left 0.27rem;
	background-size:0.14rem;
	
}
.index-con .engineer-list .lis .head-info .follow-lis.on{
	padding-left:0;
	background: #EDEDED;
	border-color: #EDEDED;
	text-align: center;
}
.index-con .engineer-list .lis .head-info .follow-lis:last-child {
	color:#FF0F23;
	border-color:#FF0F23;
	padding-left:0.53rem;
	background:url(../icon/infor1.png) no-repeat center left 0.27rem;
	background-size:0.18rem;
	margin-left:0.2rem;
}
.index-con .engineer-list .lis .content{
	padding-top:0.2rem;
}
.index-con .engineer-list .lis .con-lis{
	width:3.2rem;
}
.index-con .engineer-list .lis .con-lis .img{
	width:100%;
	height:2.24rem;
	display:block;
}
.index-con .engineer-list .lis .con-lis .tit{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	line-height:0.75rem;
}
/* 发私信 */
.send-q{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index: 100;
}
.send-q .send{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	width:80%;
	height:4rem;
	background:#fff;
	padding:0 0.3rem;
	border-radius: 0.1rem;
}
.send-q .send .title{
	height:0.7rem;
	line-height: 0.7rem;
	font-size: 0.26rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}
.send-q .send .title span{
	color:#5081FF;
}
.send-q .send .close{
	position:absolute;
	top:0;
	right:0;
	width:0.7rem;
	height:0.7rem;
	padding:0.2rem;
}
.send-q .send textarea{
	width:100%;
	height: 2.1rem;
	background: #F1F1F1;
	border: 1px solid #D3D3D3;
	border-radius: 0.1rem;
	font-size: 0.28rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333;
	padding:0.1rem;
}
.send-q .send button{
	width: 1.8rem;
	height: 0.6rem;
	background: #0EA8EF;
	border-radius: 0.1rem;
	font-size: 0.26rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	margin-top:0.2rem;
}
/* 个人中心 */
.my-top{
	padding-top:0.3rem;
	height:4.38rem;
	width:100%;
	background: linear-gradient(to bottom, #FF0F23 0, #FF0F23 100%) !important;
	/*background:url(../icon/my-back1.png) no-repeat center;*/
	background-size:100%;
}
.my-top .head-info{
	position: relative;
	padding:0 0 0 1.7rem;
	min-height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-flow: column;
}
.my-top .head-info .head-icon{
	position: absolute;
	top:0;
	bottom:0;
	left:0.3rem;
	margin:auto 0;
	width:1.2rem;
	height:1.2rem;
	border-radius: 50%;
}
.my-top .head-info .head-icon img{
	width:100%;
	height:100%;
	border-radius: 50%;
	object-fit: cover;
}
.my-top .head-info .name{
	font-size:0.32rem;
	color:#fff;
}
.my-top .head-info .join{
	height:0.4rem;
	border-radius:0.3rem;
	background:rgba(0,0,0,0.1);
	padding:0.1rem 0 0.1rem 0.2rem;
	margin-top:0.1rem;
}
.my-top .head-info .join-lis{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #C5DEFF;
	padding-right:0.2rem;
}
.my-top .head-info .join-lis:last-child{
	border-left:1px solid #C5DEFF;
	padding-left:0.2rem;
}
.my-top .vip{
	width:6.5rem;
	height:2rem;
	background:url(../icon/my-back2.png) no-repeat center ;
	background-size:100% 100%;
	margin:0.3rem auto 0;
	padding:0 0.4rem 0 0.6rem;
}
.my-top .vip .des{
	color:#E3BA85;
	font-size: 0.24rem;
}
.my-top .vip .price{
	color:#E3BA85;
	font-size: 0.32rem;
	font-weight: bold;
	margin-top:0.1rem;
}
.my-top .vip .lis{
	height:0.5rem;
	line-height: 0.5rem;
	text-align: center;
	padding:0 0.15rem;
	background:#CFAC7D;
	border-radius: 4px;
	color:#615553;
	font-size:0.3rem ;
	margin:0 0.6rem;
}
.my-top .vip .withdraw{
	width:1.2rem;
	height:0.5rem;
	line-height: 0.5rem;
	text-align: center;
	border-radius: 0.1rem;
	background:#E1CEB8;
	color:#413735;
	font-size: 0.26rem;
}
.login-q{
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	position: fixed;
	top:0;
	left:0;
	z-index: 10;
}
.login-q .login{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:5rem;
	height:5.2rem;
	background:#fff;
	border-radius: 0.1rem;
	padding:0 0.3rem;
}
.login-q .login .tit{
	font-size: 0.3rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #010101;
	line-height: 1.2rem;
	text-align: center;
}
.login-q .login .close{
	width:0.5rem;
	height:0.5rem;
	position: absolute;
	top:0.1rem;
	right:0;
	padding:0.05rem;
}
.login-q .login .li{
	width:100%;
	height:0.9rem;
	margin-bottom:0.3rem;
	overflow: hidden;
}
.login-q .login .li .inp{
	width:100%;
	height:100%;
	font-size: 0.25rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333;
	padding:0 0.25rem;
	border-radius: 0.1rem;
	border:1px solid rgba(235, 235, 235, 1);
}
.login-q .login .li .btn{
	width:100%;
	height:0.7rem;
	line-height: 0.7rem;
	background: #2CAEFF;
	border-radius:0.1rem;
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}
.my-recharge{
	padding:0.4rem 0.3rem;
	position: relative;
	background:#fff;
	border-bottom:4px solid #EDEDED;
}
.my-recharge .des{
	padding-left:0.42rem;
	font-size: 0.22rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	background:url(../icon/my-icon7.png) no-repeat center left 0;
	background-size:0.33rem;
}
.my-recharge .price{
	padding-left:0.42rem;
	font-size: 0.4rem;
	font-family: Arial;
	font-weight: 400;
	color: #333333;
	margin-top:0.1rem;
}
.my-recharge .recharge-btn{
	width:1.2rem;
	height:0.5rem;
	line-height: 0.5rem;
	text-align: center;
	border-radius: 0.3rem;
	background:#F26F09;
	color:#fff;
	font-size: 0.26rem;
	position: absolute;
	top:0;
	bottom:0;
	right:0.3rem;
	margin:auto 0;
}
.my-con{
	background:#fff;
}
.my-con .lis{
	height:1.2rem;
	border-bottom:0.01rem solid #EDEDED;
	padding:0 0 0 0.7rem;
}
.my-con .lis:last-child{
	border-bottom:none;
}
.my-con .lis a{
	display: flex;
	align-items: center;
	width:100%;
	height:100%;
	padding-right:0.5rem;
	font-size: 0.26rem;
	color:#333;
}
.my-con .lis.select a{
	background:url(../icon/right.png) no-repeat center right 0.2rem;
	background-size:0.25rem;
}
.my-con .lis:nth-child(1){
	background:url(../icon/my-icon1.png) no-repeat center left 0.3rem;
	background-size:0.25rem;
}
.my-con .lis:nth-child(2){
	background:url(../icon/my-icon2.png) no-repeat center left 0.3rem;
	background-size:0.25rem;
}
.my-con .lis:nth-child(3){
	background:url(../icon/my-icon3.png) no-repeat center left 0.3rem;
	background-size:0.25rem;
}
.my-con .lis:nth-child(4){
	background:url(../icon/my-icon4.png) no-repeat center left 0.3rem;
	background-size:0.25rem;
}
.my-con .lis:nth-child(5){
	background:url(../icon/my-icon5.png) no-repeat center left 0.3rem;
	background-size:0.25rem;
}
.my-con .lis:nth-child(6){
	background:url(../icon/my-icon6.png) no-repeat center left 0.3rem;
	background-size:0.25rem;
}
.my-con .lis:nth-child(7){
	background:url(../icon/my-icon7.png) no-repeat center left 0.3rem;
	background-size:0.25rem;
}
.my-copy {
	padding:0.3rem 0;
}
.my-copy .lis{
	padding:0.1rem 1rem ;
	font-size: 0.26rem;
	color:#707070;
}
.my-copy .lis span{
	color:#7EC4F4;
	text-decoration: underline;
	margin-left:0.4rem;
}
/* 消息中心 */
.infor{
	padding-top:1.68rem;
}
.infor-nav{
	width:100%;
	height:0.8rem;
	line-height:0.8rem;
	background:#fff;
}
.infor-nav .lis{
	padding:0 0.3rem;
	font-size: 0.28rem;
	font-family: PingFang SC;
	color:#666666;
	position:relative;
}
.infor-nav .lis.active{
	color: #FF0F23;
}
.infor-nav .lis.active::after{
	content:'';
	width:0.38rem;
	height:0.05rem;
	background:#FF0F23;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	border-radius:3px;
}
.infor-con{
	border-top:0.1rem solid #E8E8E8;
}
.infor-con .lis{
	position:relative;
	padding:0.3rem;
	border-bottom:1px solid #E6E6E6;
}
.infor-con .lis .title{
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #010101;
}
.infor-con .lis .date{
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #999999;
	padding-top:0.1rem;
}
.infor-con .lis.on::after{
	content:'';
	width:6px;
	height:6px;
	border-radius:50%;
	background:#FD4E1D;
	position:absolute;
	top:0;
	right:0.36rem;
	bottom:0;
	margin:auto 0;
}
/* 消息详情 */
.infordtl .infordtl-con{
	padding:0 0.3rem;
}
.infordtl .infordtl-con .title{
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #010101;
	padding:0.3rem 0 0;
}
.infordtl .infordtl-con .date{
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #999999;
	line-height: 0.7rem;
}
.infordtl .infordtl-con .con{
	font-size: 0.25rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333333;
	line-height: 0.6rem;
}
.infordtl .infordtl-con .con p{
	text-indent:2em;
	padding:0.15rem 0;
}
/* 绑定手机 */
.form .lis{
	padding:0.2rem 0;
	padding-left:2.7rem;
	position:relative;
	border-bottom:1px solid #ECECEC;
}
.form .lis.on{
	padding-right:2.35rem;
}
.form .lis .label{
	display: flex;
	flex-flow: column;
	justify-content: center;
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333333;
	padding:0 0 0 0.3rem;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:auto 0;
}
.form .lis .label span{
	font-size: 0.24rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #959696;
	margin-top:0.1rem;
}
.form .lis .label i{
	color:#FF0F23;
}
.form .lis .inp{
	width:100%;
	height:0.8rem;
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #333333;
}
.form .lis .code{
	position:absolute;
	top:0;
	bottom:0;
	right:0.3rem;
	margin:auto 0;
	min-width: 1.85rem;
	height: 0.68rem;
	line-height:0.66rem;
	padding:0 0.1rem;
	background: #FFFFFF;
	border: 0.01rem solid #FF0F23;
	border-radius: 0.1rem;
	font-size: 0.28rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FF0F23;
	text-align:center;
}
.form .btn{
	display: block;
	margin:0.7rem auto 0;
	width: 6.9rem;
	height: 0.76rem;
	line-height: 0.76rem;
	text-align: center;
	background: #FF0F23;
	border-radius: 0.05rem;
	font-size: 0.3rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}
.form .btn.on{
	position: fixed;
	bottom:0.5rem;
	left:0;
	right:0;
}
/* 我的账单 */
.bill .bill-top{
	line-height: 0.7rem;
	font-size: 0.23rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	background:#F2F5F6;
	padding:0 0.3rem;
}
.bill .bill-top span{
	color:#FF9628;
}
.bill .bill-con .lis{
	padding:0.3rem;
	border-bottom:1px solid #E8E8E8;
}
.bill .bill-con .title{
	font-size: 0.24rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #161616;
	max-width:4rem;
}
.bill .bill-con .balance{
	font-size: 0.22rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
	padding-top:0.1rem
}
.bill .bill-con .quantity{
	font-size: 0.3rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #161616;
	text-align:right;
}
.bill .bill-con .quantity.on{
	color:#F92727;
}
.bill .bill-con .date{
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #161616;
	padding-top:0.1rem;
}
/* 我的模型 */
.pattern .lis{
	padding:0.25rem 0.17rem;
	border-bottom:1px solid #F1F1F1;
	min-height:1.7rem;
}
.pattern .lis .left{
	position:relative;
	padding-left:1.95rem;
}
.pattern .lis .img{
	width:1.65rem;
	height:1.2rem;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
	object-fit: cover;
}
.pattern .lis .title{
	max-width: 3rem;
	font-size: 0.22rem;
	font-family: PingFang SC;
	font-weight: bold;
	color: #000000;
}
.pattern .lis .size{
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #999999;
	padding-top:0.2rem;
}
.pattern .lis .state{
	font-size: 0.25rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
}
.pattern .lis .state.on{
	color:#FF0505;
}
.pattern .lis .date{
	font-size: 0.2rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #999999;
	padding-top:0.2rem;
}
/* 充值 */
.recharge .recharge-con{
	padding:0.2rem 0.2rem 1rem 0.2rem;
}
.recharge .recharge-con .lis{
	width: 3.4rem;
	height: 1.98rem;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	border-radius: 0.05rem;
	padding:0 0.22rem;
	margin-bottom:0.3rem;
	position:relative;
	overflow:hidden;
}
.recharge .recharge-con .lis .tag{
	position:absolute;
	top:0;
	left:-0.54rem;
	width: 1.5rem;
	height: 0.4rem;
	line-height:0.4rem;
	background: #FF0F23;
	text-align:center;
	font-size: 0.2rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	-webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
}
.recharge .recharge-con .lis.active{
	border-color: #FF0F23;
	/* border-width:2px; */
	box-shadow: 0px 5px 18px 0px rgba(14, 155, 243, 0.42);
}
.recharge .recharge-con .lis .top{
	height:1.02rem;
}
.recharge .recharge-con .lis .img{
	width:0.38rem;
	height:0.38rem;
}
.recharge .recharge-con .lis .coin{
	font-size: 0.25rem;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FF0F23;
}
.recharge .recharge-con .lis .coin span{
	font-size: 0.4rem;
	font-weight: bold;
	padding:0 0.1rem 0 0.2rem;
	position:relative;
	bottom:-0.03rem;
}
.recharge .recharge-con .con{
	border-top:1px solid #E8E8E8;
	font-size: 0.33rem;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #F9AC00;
	height:0.95rem;
}
.recharge .recharge-btn{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:1rem;
	line-height:1rem;
	text-align:center;
	background:#FF0F23;
	font-size: 0.3rem;
	font-family: PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
}