body{
	background: #f0f0f0;
}
header{
	width: 100%;
	height: 58px;
	position: relative;
	background: #fff;
}
header p{
	position: absolute;
	left: 12px;
	top: 18px;
}
header h1{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 58px;
}
.top{
	width: 100%;
	background: #f4462a;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 1px dashed #000;
}
.top dl{
	float: left;
}
.top dl dt{
	height: 72px;
}
.top dl dt img{
	height: 100%;
	margin-top: 20px;
	margin-left: 20px;
}
.top dl dd{
	margin-top: 20px;
	height: 21px;
}
.top dl dd img{
	height: 100%;
	float: left;
	margin-left: 20px;
}
.top dl dd p{
	background: #c32a2f;
	width: 75px;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	height: 20px;
	margin-left: 30px;
	border-radius: 10px;
	text-align: center;
}
.top_r{
	margin-left: 114px;
	padding-top: 30px;
}
.jingc{
	color: #fff;
}
.jingc_f{
	position: absolute;
	top:30px;
	right: 10px;
	color: #fff;
}
.jy{
	width: 95%;
	border: 1px solid #e1ad23;
	height: 20px;
	margin-top: 30px;
	border-radius: 3px;
}
.jy div{
	width: 90%;
	background: #e1ad23;
	height: 100%;
	border-radius: 3px;
	text-align: center;
	color: #fff;
}
.vip_p{
	font-size: 12px;
	color: #fff;
}
.bottom{
	width: 100%;
	padding-top: 20px;
	background: #f4462a;
	display: -webkit-box;
	padding-bottom: 10px;
}
.bottom_d{
	-webkit-box-flex:1;
}
.bottom dl dt{
	height: 50px;
	border-radius: 50%;
	background: #c72d15;
	width: 50px;
	margin-left: 20px;
}
.bottom dl dt img{
	height: 28px;
	margin: 11px 0 0 11px;
}
.bottom dd{
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
}
.new{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-top: 15px;
	margin-left: 5%;
}
.new_d{
	margin-top: 10px;
	width: 100%;
	display:-webkit-box;
}
.new_d div{
	-webkit-box-flex:1;
}
.new_d dt{
	width: 90%;
	margin-left: 5%;
}
.new_d dt img{
	width: 100%;
}
.new_d dd{
	font-size: 12px;
	text-align: center;
}
.new_d dd div{
	background: #e25b55;
	border-radius: 10px;
	width: 50%;
	color: #fff;
	margin-left: 25%;
}
.unique{
	width: 43%;
	position: relative;
	margin-left: 5%;
	float: left;
	background: #fff;
	margin-top: 10px;
	padding-bottom: 5px;
}
.unique dt{
	width: 90%;
}
.unique dt img{
	width: 100%;
	margin-left: 7%
}
.unique dd{
	font-size: 12px;
	margin-left: 3%;
}
.unique dd div{
	border-bottom: 1px solid #ccc;
	width: 50px;
	padding-bottom: 10px;
}
.unique dd h5{
	color: #ccc;
	margin-top: -11px;
}
.unique p{
	height: 36px;
}
.unique .unimg{
	position: absolute;
	bottom: 5px;
	right: 10px;
	width: 30px;
}
.vip_l{
	width: 40%;
	height:20px;
	font-size: 12px;
	color: #929292;
	border-radius: 8px;
	border: none;
	outline: none;
	border: 1px solid #333;
	margin: 0 auto;
	margin-left: 30%;
	margin-top: 20px;
	background: #fff;
	position: relative;
}
.vip_l p{
	float: left;
	text-align: center;
}
.vip_l img{
	position: absolute;
	right: 20px;
	top: 3px;
}
/* .top_t{
	position: relative;
}
.top_t h2{
	float: left;
}
.top_t p{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 14px;
	color: #333;
} */
.vip_img{
	width: 90%;
	margin-left: 5%;
}
.top_tt{
	width: 100%;
	background: #fff;
	margin-top: 10px;
	position: relative;
	padding-bottom: 21px;
}
.top_tt div:first-child{
	width: 100%;
}
.top_tt div:nth-child(2){
	width: 100%;
}
.top_tt div img{
	width: 100%;
	margin: auto 0;
}
.top_tt div h2{
	font-size: 12px;
	font-weight: normal;
	color: #9b9b9b;
	float: left;
	margin-left: 5px;
}
.top_tt div h4{
	font-size: 12px;
	color: #f20938;
	float: right;
	margin-right: 5px;
}
.top_tt p{
	font-size: 12px;
	color: #9b9b9b;
	position: absolute;
	top: 0;
	right: 0;
	background: #717171;
	color: #fff;
	width: 33%;
	text-align: center;
	opacity: 0.9;
}
.top_tt p img{
	height: 100%;
	float: left;
	margin-left: 5px;
	margin-top: 2px;
}
.vip_vip{
	width: 90%;
	margin-left: 5%;
}
.navt{
	width: 100%;
	height: 33px;
	background: #e13b21;
	border-bottom: 1px solid #bd3620;
}
.navt>div{
	width: 25%;
	float: left;
	text-align: center;
	line-height: 33px;
	font-size: 16px;
}
.navt a{
	color: #fff;
}
.navt>div:nth-child(1){
	background: #c72d15;
}
/******************************猪易豆商城*******************************/
.jifen_top{
	width: 100%;
	height: auto;
	background: #ff5057;
	border-bottom: 3px solid #dfe9eb;
}
.jifen_topt{
	width: 100%;
}
.jifen_topt dl{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}
.jifen_topt dl dt{
	float: left;
	width: 70px;
	margin-top: 10px;
	margin-left: 10px;
}
.jifen_topt dl dt>img{
	border: 3px solid rgba(0,0,0,0.25);
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: 50%;
}
.jifen_topt dl dt div{
	height: 20px;
	margin-top: -5px;
	background: #c73120;
	width: 74px;
	border-radius: 10px;
}
.jifen_topt dl dt div img{
	float: left;
	height: 20px;
	width: auto;
}
.jifen_topt dl dt div p{
	height: 100%;
	width: 74px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin-left: -7px;
}
.jifen_topt dl dd{
	padding-bottom: 10px;
	width: 70%;
	color: #fff;
	padding-top: 20px;
	float: right;
}
.jifen_topt dl dd h4{
	font-size: 14px;
	font-weight: bold;
}
.jifen_topt dl dd>div{
	width: 80%;
	background: #e1ad23;
	border-radius: 9px;
	height: 20px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
	overflow: hidden;
}
.jifen_topt dl dd div div{
	width: 50%;
	background: #ba3a3f;
	height: 100%;
}
.jifen_topt dl dd p{
	font-size: 12px;
	color: #f1d2cd;
	margin-top: 6px;
}
.jifen_topb{
	width: 100%;
	height: 30px;
	margin-top: 14px;
	padding-bottom: 10px;
}
.jifen_topb div img{
	width: 100%;
}
.jifen_topb>div:nth-child(2){
	position: relative;
	background-size: 100% auto;
	float: left;
};
#ex_divv{
	width: 400px;
	height: auto;
	margin-left: 10%;
	position: absolute;
	top: 20px;
	left: 20px;
}
#ex_change{
	position: absolute;
	top: -76px;
	left: 33px;
	color: #e13b21;
}
.jifen_topb h5{
	width: 70%;
	margin-left: 15%;
	height: 20px;
	background: #e13b21;
	text-align: center;
	line-height: 20px;
	color: #fff;
}
@media all and (max-width: 320px) {
	#ex_change{
		position: absolute;
		top: -66px;
		left: 22px;
	}
}
@media all and(min-width: 413px) {
	#ex_change{
		position: absolute;
		top: -78px;
		left: 33px;
	}
}
.ex_join{
	width: 100%;
	height: 40px;
}
.ex_join h4{
	width: 72px;
	height: 40px;
	color: #333;
	font-weight:bold;
	text-align: center;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	float: left;
}
.ex_join p{
	line-height: 40px;
	height: 40px;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.ex_join h4:before{
	position: absolute;
	top: 100%;
	left: 100%;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-right:  5px solid #fd5a40
};
.ex_tit{
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
}
.ex_tit h4{
	font-size: 14px;
	margin-top: 10px;
	font-weight: normal;
	padding-left: 20px;
	line-height: 30px;
	color: #333;
	border: 1px solid #e7e7e7;
	border-left: none;
	border-right: none;
}
.ex_dl{
	width:100%
}
.ex_dl dl{
	width: 47%;
	margin-left: 2%;
	float: left;
	background: #fff;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.ex_dl dt{
	margin-top: 5px;
}
.ex_dl dt img{
	width: 100%;
}
.ex_dl dd{
	text-align: center;
}
.ex_dl dd p{
	font-size: 12px;
	color: #999;
	margin-top: 6px;
	text-align: left;
	padding-left: 7px;
}
.ex_dl dd span{
	color: #f2434a;
}
.ex_dl dd h3{
	width: 100%;
	text-align: center;
	height: 20px;
	overflow: hidden;
	white-space: normal;
	text-overflow:ellipsis;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	padding: 0 7px;
	box-sizing:border-box;
}
.ex_dl dd button{
	width: 78px;
	height: 24px;
	background:#f2434a;
	margin-top: 10px;
	border:none;
	color: #fff;
	font-size: 12px;
}
.ex_qdj{
	display: none;
}
.ex_qdj1{
	position: absolute;
	left: 49%;
	z-index: 99;
	opacity: 0;
	top: 30%;
	-webkit-animation:change 3s linear;
}
@keyframes change{
	0%{
		opacity: 0;
		-webkit-transform:scale(1);
	}
	50%{
		opacity: 1;
		-webkit-transform:scale(9);
	}
	100%{
		opacity: 0;
		-webkit-transform:scale(1);
	}
}
.jifen_topbb{
	width: 100%;
	height: 44px;
	background: #fe797e;
	display: box;
	display: -webkit-box;
}
.jifen_topbb>div{
	-webkit-box-flex:1;
	box-flex:1;
	color: #fff;
	height: 24px;
	margin-top: 10px;
	border-right: 1px solid #fff;
}
.jifen_topbb>div:nth-child(3){
	border-right: none;
}
.jifen_topbb div dl{
	width: 68px;
	margin: 0 auto;
}
.jifen_topbb dl dt{
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}
.jifen_topbb div p{
	line-height: 24px;
	color: #fff;
}
.jifen_topbb img{
	width: 14px;
	height: auto;
}
.alrea_sign_in{
	position: absolute;
	top: 48px;
	right: 25px;
	width: 45px;
	height: auto;
}
.jifen_nav_bot{
	width: 100%;
	height: 68px;
	background: #fff;
	display: box;
	display: -webkit-box;
}
.jifen_nav_bot dl{
	-webkit-box-flex:1;
	box-flex:1;
}
.jifen_nav_bot dt{
	width: 18px;
	margin: 0 auto;
	padding-top: 14px;
}
.jifen_nav_bot img{
	width: 18px;
	display: block;
}
.jifen_nav_bot dd{
	width: 50px;
	margin: 0 auto;
	text-align:center;
	margin-top: 5px;
	font-size: 12px;
	color: #333;
}
header p{cursor: pointer;}
.ui-dialog-action{margin-top: -.4rem!important}
.srp.list .proImg-wrap img{padding-left: 10px;}
.srp.list .proInfo-wrap{padding-left: 20px;}
  .favLink{font-size: .25rem;  }.footer{    padding-bottom: 1rem!important;}


/******************************猪易豆商城**********************************/
/******************************猪易豆商城**********************************/

  header{
  width: 100%;
  height: 48px;
  position: relative;
  background: #fff;
}
header p{
  position: absolute;
  left: 12px;
  top: 13px;
}
header h1{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
}
.navt{
  width: 100%;
  height: 33px;
  background: #e13b21;
  border-bottom: 1px solid #bd3620;
}
.navt>div{
  width: 25%;
  float: left;
  text-align: center;
  line-height: 33px;
  font-size: 16px;
}
.navt a{
  color: #fff;
}
.navt>div:nth-child(2){
  background: #c72d15;
}
.navt>div:nth-child(1){
  background: #e13b21;
}
.exchange_head_box{
	background:#fff;height:44px;
}
.exchange_head_box p{
	left:16px;
}
.exchange_head_box img{
	height:20px;width:auto;margin-top:9;margin-right:5px;
}
.exchange_head_box h1{
	color:#333;line-height:44px;height:44px;font-weight:normal;
}
.exchange_name_rank{
	float:left;width:48%;margin-left:10px;
}
.jifen_topt dl dd.exchange_name_rank>div{
	display:box;display:-webkit-box;width:100px;height:16px;
}
.jifen_topt dl dd.exchange_name_rank>div p{
	width:22px;height:100%;margin:0;color:#fff;text-align:center;line-height:16px;
}
.jifen_topt dl dd.exchange_name_rank>div>div{
	box-flex:1;-webkit-box-flex:1;
}
.exchange_name_rank>div>div>div{
	float:left;font-size:12px;line-height:16px;
}

        .exchange_wdl{
            width: 85px;
            margin: 0 auto;
            padding: 14px 0;
        }
        .exchange_wdl img{
            width: 70px;
            height: 70px;
            border-radius: 40px;
            border: 5px solid rgba(255,255,255,0.3);
        }
        .exchange_wdl p{
            text-align: center;
            font-size: 12px;
            margin-top: 10px;
            color: #fff;
        }
.exchange_jifen_coun{
	width:100px;float:left;color:#fff;line-height:30px;text-align:center;border-right:1px solid #fff;
}
.exchange_growth_value{
	float:right;padding-right:10px;line-height:30px;
}
.exchange_growth_value p{
	padding-left: 5px;
}
		.ex_item{float:left;width:67%;height:40px;overflow:hidden;}
		.ex_item li{float:left;margin-left:10px;line-height:40px;height:40px;overflow:hidden;}
		.ex_item li a{float:left;color:#9c9c9c;}
.exchange_area{
	width: 100%;height:40px;background:#fff;margin-bottom:5px;
}
.exchange_area>span{
	float:left;
}
.exchange_area>span>h4{
	padding-left: 6px;margin:0;line-height:40px;border:0;
}
.exchange_sx_box{
	float: right;height: 40px;line-height: 40px;font-size:14px;color:#333;padding-right:7px;
}
.exchange_goods_box{
	padding-top:0;padding-bottom:0;border-bottom:1px solid #ededed;
}

/*new*/
.swiper-container{height: 3.38rem}
.swiper-slide img {
  width: 100%;
  height: 3.38rem;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #F23030!important;
}
.sign_user_info{
padding: .28rem .32rem;
background: #fff;
}
.sign_user_info_left{
width: .8rem;
height: .8rem;
}
.sign_user_info_left img{
width: 100%;
height: 100%;
border-radius: 50%;
display: block;
}
.sign_user_info_score{
font-size: .24rem;
margin-top: .1rem
}
.sign_user_info_name{
font-size: .32rem;

}
.sign_user_info_class{
height:.27rem;
background:rgba(255,128,0,1);
background:linear-gradient(90deg,rgba(255,128,0,1) 0%,rgba(255,80,0,1) 100%);
border-radius:.13rem;
font-size: .2rem;
color: #fff;
padding: 0 .1rem;
width: max-content;    line-height: .27rem;margin-left: .28rem
}
.sign_user_info_right{
margin-left: .2rem
}
.module_tit{
height: 1rem;
line-height: 1rem;
font-size: .32rem;
font-weight: bold;
padding: 0 .28rem;
background: #fff;
margin-top: .2rem;
/*margin-bottom: -.2rem*/
}

.score_guide{
margin-top: 1px;
padding: .28rem;
background: #fff
}
.score_guide_left_icon{
width: .73rem;
height: .73rem;
}
.score_guide_left_icon img{
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
}
.score_guide_left_info{
margin-left: .25rem;
}
.score_guide_left_info1{
font-size: .28rem;font-weight: bold;
}
.score_guide_left_info2{
font-size: .24rem;margin-top: .05rem;
}
.score_guide_left_info2 span{
margin-left: 0rem
}
.score_guide_right{
height:.47rem;
line-height: .47rem;
background:rgba(253,101,0,1);
background:linear-gradient(90deg,rgba(253,101,0,1) 0%,rgba(250,3,0,1) 100%);
border-radius:.23rem;
color: #FFFFFF;
font-size: .24rem;
width: max-content;
padding: 0 .2rem
}
.score_guide_right a{
	color: #fff
}
.score_guide_success{
background:rgba(202,202,202,1)!important;
}
.exchange_area{
margin-top: .2rem
}

/*初始化*/
.srp.list .product{margin-bottom: 1px;display: block;}
.srp.list .pro-inner{padding-top: 0;height: 2rem}
.srp.list .proInfo-wrap{padding-left: .28rem}
.srp.list .proImg-wrap{width: 2rem;height: 2rem}
.srp.list .product {
  margin-bottom: 0;
  padding: .28rem;
  background: #fff;
  margin-top: 1px;
}
.srp.list{border-bottom: none}
.srp .proIcons{margin-right: 0;margin-left: 0;margin-top: 0}
.srp.list .proTitle {
line-height: .35rem;
height: .7rem;
margin-bottom: 0;
overflow: hidden;
font-size: .28rem;
color: #333;
margin-right: 0;
margin-top: 0;
}
.srp .proService{
margin-top: .46rem
}
.srp .proService,.srp del{
  color: #333!important;
  font-size: 0.28rem!important;
  font-weight: bold;
}
.srp .proSales {
  line-height: initial;
  font-size: 0.28rem!important;
  color: #999!important;
}
.srp .proSales em{
font-size: 0.28rem!important;
color: #999!important
}
.srp.list .proImg-wrap img{padding-left: 0;border-radius: 0}
.proIcons button{
width: auto!important;
height: .6rem!important;
border: 1px solid #F23030!important;
color: #F23030!important;
outline: 0!important;
background: #fff!important;
font-size: .28rem!important;
border-radius: .3rem!important;
position: absolute;
bottom: .06rem;
right: 0;
padding: 0 .2rem!important;
}
.srp .proSales{margin-top: .1rem}
.srp .proIcons>*{margin: auto;}
/*---------*/

/*签到*/
.mask{
	width: 100%;
	height:100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	z-index: 10001;
}
.sign_in_pop{
	position: fixed;
	top: 50%;left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 5.33rem;
	background: #fff;
	border-radius: .2rem;
	flex-direction: column;
	z-index: 10002
}
.sign_in_pic{
	width: 2.35rem;
position: absolute;
top: -1.2rem;
}
.sign_in_content{
	text-align: center;
	font-size: .28rem;
	padding: 1.3rem .4rem .6rem .4rem;
}
.sign_in_content span{
	color: #FF5000
}
.sign_in_btn{
	height:.8rem;
	background: rgba(255,128,0,1);
	background:linear-gradient(90deg,rgba(255,128,0,1) 0%,rgba(255,80,0,1) 100%);
	border-radius:0px 0px .13rem .13rem;
	color: #fff;
	font-size: .28rem;
	width: 100%;
	text-align: center;
	line-height: .8rem;
}