@charset "utf-8";
/* CSS Document */
a,img,button,input,textarea,div,p{
	-webkit-tap-highlight-color:rgba(255,255,255,0);
}
html,body,h1,h2,h3,h4,h5,h6,p,form,button,dl,dd,dt {
	margin:0; padding:0; font-size:100%;
}
body,html{
	-webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none;
}
img {
	width: 100%; height: auto; border:0; display:block; height:auto;
}
body {
	 font-family:"Hiragino Sans GB","Helvetica Neue"; color:#262626; background:#f4f4f4;
}
ul,ol,dl,dd,dt {
	list-style:none; margin:0; padding:0;
}
h1,h2,h3,h4 {
	font-weight:normal;
}
a,img,button,input,textarea {
	outline:none; border:none; background:none; -webkit-appearance:none;
}
a {
	color:#262626; text-decoration:none;
}
input[type=button],input[type=search],input[type=text],input[type=number]{
	-webkit-appearance:none;
	outline:none;
	padding:0;
	font-family:"Hiragino Sans GB","Helvetica Neue";
}
::-webkit-input-placeholder{ 
	color: #888 !important; 
} 

/*media响应式*/

@media screen and (max-width: 320px) {
	html {
		 font-size:12px;
	}
}
@media screen and (min-width: 320px) and (max-width: 360px) {
	html {
		 font-size:14px;
	}
}
@media screen and (min-width: 360px) and (max-width: 400px) {
	html {
		 font-size:15px;
	}
}
@media screen and (min-width: 400px) and (max-width: 440px) {
	html {
		font-size:18px;
	}
}
@media screen and (min-width: 440px) and (max-width: 480px) {
	html {
		 font-size:20px;
	}
}
@media screen and (min-width: 480px) and (max-width: 520px) {
	html {
		 font-size:22px;
	}
}
@media screen and (min-width: 520px) and (max-width: 560px) {
	html {
		 font-size:24px;
	}
}
@media screen and (min-width: 560px) and (max-width: 600px) {
	html {
		 font-size:26px;
	}
}
@media screen and (min-width: 600px) {
	html {
		 font-size:28px;
	}
}

/******************************/

/* 导航条 */
.nav_bar{
	width: 100%; height: 3.04rem; line-height: 3.04rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.29rem; color: white; text-align: center; background: #db3652; position: fixed; left: 0; top: 0; z-index: 100;
}
.nav_top_padding{
	padding: 3.04rem 0 3.5rem;
}
.nav_top_pt{
	padding-top: 3.04rem;
}
.nav_top_pb{
	padding-bottom: 3.57rem;
}
.back{
	width: 2.86rem; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; display: block;
}
.edit{
	font-size: 1.14rem; color: #eb3e5b; padding: 0 0 0 0.71rem; position: absolute; right: 1.07rem; top: 0;
}
.back:before{
	content: ''; width: 0.71rem; height: 1.21rem; background: url(../images/back.png) center center no-repeat; background-size: contain; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.state_2{
	color: #262626; background: white; padding-bottom: 1px;
}
.state_2:before{
	content: ''; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0; -webkit-transform: scale(1,0.5); transform: scale(1,0.5);
}
.state_2 .back:before{
	background-image: url(../images/back_2.png);
}
.nav_icon{
	width: 3.11rem; height: 100%; top: 0; right: 0.14rem; position: absolute; z-index: 5;
}
.nav_icon:before{
	content: ''; width: 1.32rem; height: 1.29rem; background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.shop_cart:before{
	background-image: url(../images/shop_cart.png);
}
.share:before{
	background-image: url(../images/share.png);
}
.shop_cart em{
	width: 1.21rem; height: 1.21rem; line-height: 1.21rem; font-size: 0.79rem; color: white; text-align: center; font-style: normal; background: #eb3e5b; border-radius: 50%; position: absolute; top: 0.32rem; right: 0.14rem; overflow: hidden;
}
.shop_cart{
	right: 3.25rem;
}
@keyframes expand{
	0%{-webkit-transform: scale(1); transform: scale(1);}
	50%{-webkit-transform: scale(1.1); transform: scale(1.1);}
	100%{-webkit-transform: scale(1); transform: scale(1);}
}

.expand{
	-webkit-animation: expand .3s ease; animation: expand .3s ease;
}

/* 公用 */
.container{
	overflow: hidden;
}
.white_bg{
	background: white;
}
.loading_list{
	height: 3.3rem; line-height: 3.3rem; font-size: 0.86rem; color: #999; text-align: center; text-shadow: 1px 1px 0 white;
}
.border_bot{
	border-bottom: 0.71rem solid #f6f6f6; 
}
.m_b{
	margin-bottom: 0.57rem;
}
.m_b2{
	margin-bottom: 0.71rem;
}
.b_bt{
	position: relative;
}
.b_bt:before{
	content: ''; width: 100%; height: 1px; background: -webkit-linear-gradient(white, #cfcfcf),linear-gradient(white, #cfcfcf); position: absolute; left: 0; bottom: 0;
}
.blue1{
	color: #37aef1; font-style: normal;
}
.red1{
	color: #da3651; font-style: normal;
}

/* 浮底购买按钮 */
.purchase_btn{
	width: 100%; height: 3.57rem; line-height: 3.57rem; display: box; display: -webkit-box; position: fixed; left: 0; bottom: 0; z-index: 99;
}
.purchase_btn a{
	width: 45%; font-size: 1.21rem; text-align: center; display: block; -webkit-box-flex: 1; box-flex: 1;
}
.add_shp_cart,.font_min{
	color: #dd334f; position: relative;
}
.add_shp_cart:before,.font_min:before{
	content: ''; width: 100%; height: 1px; background: #b2b2b2; position: absolute; left: 0; top: 0; -webkit-transform: scale(1,0.5); transform: scale(1,0.5);
}
.imm_pur{
	color: white; background: #dd334f;
}
.purchase_btn .play_mony{
	font-size: 1.0rem; 
}
.purchase_btn .play_mony em{
	font-size: 1.21rem; font-style: normal; color: #dd334f;
}
.purchase_btn .font_min{
	width: 55%; padding: 0 0 0 1.07rem; font-size: 1.07rem; text-align: left; 
}

/* 弹窗 */
.m_layer{
	width: 100%; height: 100%; background: rgba(0,0,0,0.75); position: fixed; left: 0; top: 0; z-index: 105; display: none;
}
.popup{
	width: 20.54rem; height: 13.04rem; margin: -6.52rem -10.27rem; border-radius: 0.54rem; position: absolute; left: 50%; top: 50%; display: none;
}
.popup h6{
	height: 3.3rem; line-height: 3.64rem; font-size: 1.21rem; color: #dd334f; font-weight: normal; text-align: center;
}
#popup_n{
	height: 8.68rem; padding: 0 0.89rem; position: relative;overflow: hidden;
}
.swiper-wrapper,.swiper-slide{
	height: auto; background: white;
}
.popup ul{
	overflow: hidden;
}
.popup  ul li{
	float: left; width: 33.33%; font-size: 1.0rem; color: #6b6b6b; text-align: center;
}
@-webkit-keyframes fadein {
	0% { top:45%; }
	100% { top:50%; }
}

@keyframes fadein {
	0% { top:45%; }
	100% { top:50%; }
}
.open_number{
	-webkit-animation: fadein 0.25s ease both; animation: fadein 0.25s ease both;
}

/* 加入购物车 */
.pur_layer{
	position: relative; display: none;
}
.close{
	width: 2.36rem; height: 2.0rem; position: absolute; right: 0; top: 0;
}
.close:before,.close:after{
	content: ''; width: 0.11rem; height: 1.07rem; margin: -0.54rem -0.05rem; background: #acacac; position: absolute; left: 50%; top: 50%; -webkit-transform-origin: center center; transform-origin: center center;
}
.close:before{
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.close:after{
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}
.pur_layer h6{
	height: 3.21rem; line-height: 3.21rem; padding-top: 0.36rem; font-size: 1.0rem; font-weight: normal; text-align: center;
}
.pur_layer .edit_qb{
	padding: 0 1.93rem;
}
.edit_qb .add_sub{
	display: box; display: -webkit-box;
}
.add_sub i,.add_sub span{
	height: 2.5rem; line-height: 2.5rem; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; display: block; position: relative;
}
.add_sub i{
	width: 2.75rem; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
}
.add_sub i:before,.add_sub i:after{
	content: ''; background: #999; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}
.add_sub i:before{
	width: 1.0rem; height: 0.14rem;
}
.add_sub i:after{
	width: 0.14rem; height: 1.2rem;
}
.add_sub .sub_btn{
	border-radius: 5px 0 0 5px;
}
.add_sub .sub_btn:after{
	display: none;
}
.add_sub .add_btn{
	 border-radius: 0 5px 5px 0;
}
.add_sub span{
	-webkit-box-flex: 1; box-flex: 1;
}
.add_sub span input{
	width: 100%; font-size: 1.07rem; color: #dd334f; text-align: center;
}
.switch_mode{
	padding: 1.5rem 0; font-size: 0;  text-align: center;
}
.switch_mode a{
	width: 4.2rem; height: 2.21rem; line-height: 2.07rem; margin-right: 0.71rem; box-sizing: border-box; font-size: 1.0rem; color: #999; text-align: center; border: 1px solid #e6e6e6; border-radius: 5px; display: inline-block;
}
.switch_mode .pur_all{
	margin-right: 0; color: white; background: #dd334f; border-color: #dd334f;
}
.pur_btn{
	height: 3.57rem; line-height: 3.57rem; font-size: 1.21rem; color: white; text-align: center; background: #dd334f; display: block;
}

@-webkit-keyframes opends {
	from{ -webkit-transform:translateY(100%); opacity:0; }
	to{ -webkit-transform:translateY(0%); opacity:1; }
}
@keyframes opends {
	from{ -webkit-transform:translateY(100%); opacity:0; }
	to{ -webkit-transform:translateY(0%); opacity:1; }
}
.opends{
	-webkit-animation: opends .4s ease both; animation: opends .4s ease both;
}

/* 分享 */
.share_box{
	padding: 1.43rem 1.43rem 0; box-sizing: border-box; display: none;
}
.share_box ul{
	font-size: 0;
}
.share_box ul li{
	width: 25%; display: inline-block; text-align: center;
}
.share_box ul dt{
	width: 2.86rem; height: 2.86rem; margin-top: 0.46rem; border-radius: 50%; display: inline-block; overflow: hidden;
}
.share_box ul dd{
	height: 2.14rem; line-height: 2.14rem; font-size: 0.79rem; color: #888;
}
.share_box .cancel{
	height: 2.86rem; line-height: 2.86rem; margin: 0.89rem 0 1.43rem; font-size: 1.14rem; text-align: center; border: 1px solid #bdbdbd; border-radius: 5px; display: block;
}

/* 加入清单 */
@-webkit-keyframes opacity {
	from{opacity: 1; }
	to{opacity: 0;}
}
@keyframes opacity {
	from{opacity: 1; }
	to{opacity: 0;}
}
.opends{
	-webkit-animation: opends .4s ease both; animation: opends .4s ease both;
}
.suc_state{
	height: 2.64rem; line-height: 2.64rem; padding: 0 0.71rem; font-size: 1.0rem; color: white; background: rgba(0,0,0,0.66); border-radius: 5px; position: fixed; left: 50%; top: 50%; z-index: 99;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: none;
}
.suc_state.on{
	display: block; -webkit-animation: opacity 2s ease both; animation: opacity 2s ease both;
}

/* 猜你喜欢 */
.guess_list{
	padding: 0.89rem 1.07rem 1.07rem;
}
.guess_list h4{
	height: 1.71rem; line-height: 1.71rem; display: box; display: -webkit-box;
}
.guess_list h4 em,.guess_list h4 i{
	font-style: normal; display: block; -webkit-box-flex: 1; box-flex: 1;
}
.guess_list h4 i{
	font-size: 1.0rem;
}
.guess_list h4 em{
	height: 100%; padding-right: 0.64rem; font-size: 0.86rem; color: #999; text-align: right; position: relative;
}
.guess_list h4 em:before{
	content: ''; width: 0.36rem; height: 0.61rem; background: url(../images/angle_7.png) center center no-repeat; background-size: contain; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
.guess_list dt{
	padding: 0 0 0.21rem;
}
.guess_list dd p{
	line-height: 1.0rem; padding: 0 0.36rem; font-size: 0.86rem; text-align: center;
}

/*footer*/
.footer{
	width: 100%; height: 3.5rem; padding: 0 0.36rem; box-sizing: border-box; position: fixed; left: 0; bottom: 0; z-index: 99; overflow: hidden;
}
.footer:before{
	content: ''; width: 100%; height: 1px; background: #d9d9d9; position: absolute; left: 0; top: 0; -webkit-transform: scale(1,0.5); transform: scale(1,0.5);
}
.footer a{
	float: left; width: 20%; text-align: center;
}
.footer dt{
	width: 1.71rem; height: 1.39rem; margin: 0.5rem auto 0; background-repeat: no-repeat; background-size: contain; background-position: center center; position: relative;
}
.footer dd{
	height: 1.46rem; line-height: 1.46rem; margin-bottom: ; font-size: 0.71rem; color: #b2b2b2;
}
.footer .on dd{
	color: #dd334f;
}

.qb_entrance dt{
	background-image: url(../images/icon_unc_1.png);
}
.new_announced dt{
	background-image: url(../images/icon_unc_2.png);
}
.find dt{
	background-image: url(../images/icon_unc_3.png);
}
.detailed_list dt{
	background-image: url(../images/icon_unc_4.png);
}
.my dt{
	background-image: url(../images/icon_unc_5.png);
}
.qb_entrance.on dt{
	background-image: url(../images/icon_sel_1.png); 
}
.new_announced.on dt{
	background-image: url(../images/icon_sel_2.png); 
}
.find.on dt{
	background-image: url(../images/icon_sel_3.png); 
}
.detailed_list.on dt{
	background-image: url(../images/icon_sel_4.png); 
}
.my.on dt{
	background-image: url(../images/icon_sel_5.png); 
}
.detailed_list dt em{
	width: 1.21rem; height: 1.21rem; line-height: 1.21rem; font-size: 0.79rem; color: white; text-align: center; font-style: normal; background: #eb3e5b; border-radius: 50%; position: absolute; top: -0.32rem; right: -0.64rem; overflow: hidden;
}

.bt_layer{
	width: 100%; position: absolute; left: 0; bottom: 0;
}
div.show{
	display: block;
}


/*抢宝记录*/
.places{
	height: 3.21rem; line-height: 3.21rem; position: relative;
}
.select_list{
	margin: 0 1.07rem; position: relative; 
}
.select_list_box{
	width: 100%; position: relative; left: 0; z-index: 99;
}
.select_list_box.fixed{
	position: fixed; top: 3.04rem; height: 3.1rem
}
.select_list_box .b_bt:before{
	content: ''; width: 100%; height: 1px; background: -webkit-linear-gradient(white, #cfcfcf),linear-gradient(white, #cfcfcf); position: absolute; left: 0; bottom: 0; z-index: 5;
}
.select_list ul{
	font-size: 0;
}
.select_list ul li{
	width: 33.33%; line-height: 3.21rem; font-size: 1.07rem; text-align: center; display: inline-block; vertical-align: top;
}
.select_list ul li.on{
	color: #eb3e5b;
}
.select_list .slide_bar{
	width: 33.33%; height: 0.14rem; background: #eb3e5b; display: block; position: absolute; left: 0; bottom: 0px; z-index: 5; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;
}
.qb_list_all li{
	margin-bottom: 0.71rem; padding-left: 1.07rem; background: white;
}
.qb_list_all li:last-child {
    margin-bottom: 0;
}
.qb_list_all li dl{
	padding: 1.07rem 1.07rem 1.07rem 0; display: box; display: -webkit-box; position: relative;
}
.qb_list_all li dl:before{
	content: ''; width: 100%; height: 1px; background: #e6e6e6; position: absolute; left: 0; bottom: 0; -webkit-transform: scale(1,0.5); transform: scale(1,0.5);
}
.qb_list_all li dl:last-child:before{
	display: none;
}
.qb_list_all li dt{
	width: 5.54rem; position: relative;
}
.qb_list_all li dt img{
	max-width: 100%; max-height: 100%;margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
}
.qb_list_all li dd{
	-webkit-box-flex: 1; box-flex: 1;
}
.qb_list_all li h6{
	line-height: 1.21rem; font-size: 1.0rem; font-weight: normal;
}
.qb_list_all li dd p{
	line-height: 0.93rem; margin-top: 0.71rem; font-size: 0.86rem; color: #888; position: relative;
}
.qb_list_all li dd .blue1{
	font-size: 0.86rem; position: absolute; right: 0; top: 0;
}
.qb_list_all li .list_bot{
	height: 3.21rem; line-height: 3.21rem; margin-right: 1.07rem; display: box; display: -webkit-box; position: relative;
}
.qb_list_all li .list_bot p{
	width: 12em; font-size: 0.86rem; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.qb_list_all .list_bot .vert_right{
	height: 100%; padding-right: 5.71rem; font-size: 0; position: absolute; right: 0; top: 0; 
}
.qb_list_all .vert_right span{
	font-size: 0.86rem; color: #888; display: inline-block;
}
.qb_list_all .vert_right a{
	width: 4.93rem; height: 1.71rem; line-height: 1.71rem; margin-left: 0.71rem; font-size: 0.86rem; color: #eb3e5b; text-align: center; border: 1px solid #eb3e5b; border-radius: 3px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
/*正在进行中*/
.ongoing .ann_state{
	width: 60%;
}
.qb_list_all .ongoing .ann_state p{
	width: 100%; height: 1.79rem; line-height: 1.79rem; margin: 0.25rem 0 0; font-size: 0.86rem; color: #888; display: box; display: -webkit-box;
}
.ongoing .ann_state p em{
	width: 100%; font-style: normal; display: block; -webkit-box-flex: 1; box-flex: 1;
}
.ongoing .ann_state p em:last-child{
	text-align: right;
}
.ongoing .ann_state span{
	height: 0.43rem; background: #efeeee; border-radius: 0.43rem; display: block; position: relative; overflow: hidden;
}
.ongoing .ann_state span i{
	width: 20%; height: 100%; background: url(../images/schedule_bar.png) 0 0 no-repeat; background-size: 100% 100%; border-radius: 0.43rem; position: absolute; left: 0; top: 0;
}
.ongoing .vert_right a{
	color: white; background: #eb3e5b;
}
/*正在进行*/
.qb_list_all li .being_revealed p{
	width: auto; padding-left: 1.29rem; color: #eb3e5b; position: relative;
}
.being_revealed p:before{
	content: ''; width: 0.93rem; height: 0.93rem; background: url(../images/time_icon.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}


/*中奖纪录*/
.winning_list li{
	margin-bottom: 0.71rem; padding-left: 1.07rem; background: white;
}
.winning_list li dl{
	padding-top: 0.86rem; display: box; display: -webkit-box; position: relative;
}
.winning_list li dt{
	width: 5.71rem; height: 5.0rem; margin-right: 0.71rem; position: relative;
}
.winning_list li dt img{
	max-height: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0;
}
.winning_list li dd{
	padding: 0 1.07rem 0.71rem 0; -webkit-box-flex: 1; box-flex: 1;
}
.winning_list li dl:before{
	content: ''; width: 100%; height: 1px; background: #e6e6e6; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); position: absolute; left: 0; bottom: 0;
}
.winning_list li:last-child dl:before{
	display: none;
}
.winning_list dd h6{
	line-height: 1.32rem; padding-bottom: 0.25rem; font-size: 1.0rem; font-weight: normal;
}
.winning_list dd p{
	line-height: 1.57rem; font-size: 0.86rem; color: #888;
}
.winning_list .s_btn{
	padding: 0.71rem 1.07rem 0.71rem; font-size: 0; text-align: right; position: relative;
}
.winning_list .s_btn a{
	width: 6.43rem; height: 2.14rem; line-height: 2.14rem; margin-left: 0.71rem; background: #e8415e; font-size: 0.86rem; color: white; border-radius: 5px; text-align: center; display: inline-block;
}
.winning_list .s_btn em{
	font-style: normal;
}
.winning_list .s_btn .share{
	background: #419de4;
}
.winning_list .s_btn .share em{
	padding-left: 1.46rem; position: relative;
}
.winning_list .s_btn .share em:before{
	content: ''; width: 1.11rem; height: 1.11rem; background: url(../images/share_2.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
.status_inf{
	line-height: 2.14rem; position: absolute; left: 0; top: 0.71rem;
}
.status_inf em{
	font-size: 0.86rem; color: #e8415e;
}

/*晒单分享*/
.flaunting_winning ul{
	background: white; position: relative;
}
.flaunting_winning li{
	margin-left: 1.07rem; position: relative;
}
.flaunting_winning li:before,.flaunting_winning ul:before{
	content: ''; width: 100%; height: 1px; background: #e6e6e6; position: absolute; left: 0; bottom: 0; -webkit-transform: scale(1,0.5); transform: scale(1,0.5);
}
.flaunting_winning li:last-child:before{
	display: none;
}
.flaunting_winning dl{
	padding: 1.07rem 1.07rem 1.07rem 0; display: box; display: -webkit-box;
}
.flaunting_winning dt{
	width: 2.86rem; height: 2.86rem; border-radius: 50%; overflow: hidden;
}
.flaunting_winning dt img{
	min-height: 100%;
}
.flaunting_winning dd{
	padding-left: 0.79rem; -webkit-box-flex: 1; box-flex: 1;
}
.flaunting_winning dd .name{
	line-height: 1.07rem; font-size: 1.0rem; position: relative;
}
.flaunting_winning dd .name em{
	font-size: 0.86rem; color: #999; font-style: normal; position: absolute; top: 0; right: 0;
}
.flaunting_winning dd .product_name{
	line-height: 2.04rem; font-size: 0.86rem; color: #888;
}
.flaunting_winning dd .evaluate{
	line-height: 1.57rem; font-size: 1.0rem;
}
.flaunting_winning dd .pic_list{
	margin-top: 0.46rem; font-size: 0;
}
.flaunting_winning dd .pic_list span{
	width: 5.36rem; height: 5.36rem; margin: 0.4rem 0.36rem 0 0; display: inline-block; overflow: hidden;
}
.flaunting_winning dd .pic_list span img{
	min-height: 100%;
}
.flaunting_winning dd .pic_list span:nth-child(3n){
	margin-right: 0;
}
.flaunting_winning .click_praise{
	height: 1.79rem; line-height: 1.79rem; padding: 0 0 1.07rem 3.65rem; position: relative;
}
.flaunting_winning .click_praise p{
	font-size: 0.86rem; color: #eb3e5b;	
}
.flaunting_winning .vert_right{
	font-size: 0; position: absolute; right: 1.07rem; top: 0;
}
.flaunting_winning .click_praise a{
	height: 1.79rem; line-height: 1.79rem; margin-left: 0.36rem; padding: 0 0.89rem; font-size: 0.86rem; color: #666; border: 1px solid #dfdfdf; border-radius: 1.79rem; display: inline-block;
}
.flaunting_winning .click_praise a:last-child{
	color: #eb3e5b;
}
.flaunting_winning .click_praise em{
	padding-left: 1.29rem; font-style: normal; position: relative;
}
.flaunting_winning .click_praise em:before{
	content: ''; width: 0.89rem; height: 0.79rem; background: url(../images/heart_1.png) center center no-repeat; background-size: contain; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
.flaunting_winning .click_praise .on em{
	color: #eb3e5b;
}
.flaunting_winning .click_praise .on em:before{
	color: #eb3e5b; background-image: url(../images/heart_2.png);
}

/** 弹窗 **/

.list_popup_box {
	position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%;
}
.list_popup_box_bj {
	position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.6);
}
.list_popup_box_text {
    position:absolute; z-index:100; left:7%; top:50%; margin-top:-6rem; width:86%; background:#fff; -webkit-border-radius: 0.5rem;
}
.list_popup_box_text_top {
	text-align:center;
}
.list_popup_box_text_top .p_img {
	padding:2.2rem 0 0;
}
.list_popup_box_text_top .p_img img {
	width:3.92rem; margin:0 auto;
}
.list_popup_box_text_top .p_text {
	padding:2.2rem 0 1.4rem; color:#979797; line-height:1.6rem; font-size:1.14rem;
}
.one_popup_butt {
	margin:0 0.92rem; position:relative; padding:1rem 0 1.2rem;
}
.one_popup_butt p {
	width:47%; display:inline-block; vertical-align:top; line-height:3.14rem; font-size:1.07rem; text-align:center; -webkit-border-radius:0.3rem;
}
.one_popup_butt p.red_de {
	background:#e94643; color:#fff; border:1px solid #e94643; position:absolute; right:0; top:1rem;
}
.one_popup_butt p.red_dest {
	width:100%; background:#e94643; color:#fff; border:1px solid #ff2d4b;
}
.one_popup_butt p.active {
    height: auto; background:none; color:#979797; border:1px solid #c6c6c6;position: static;
}
.one_popup_butt p.active:before,.one_popup_butt p.active:after{
    display: none;
}
.one_popup_butt p.red_de.ons {
	background:#d92a27; border-color:#d92a27;
}
.one_popup_butt p.red_dest.ons {
	background:#d92a27; border-color:#d92a27;
}
.one_popup_butt p.active.ons {
	background:#e9e8e7; color:#a0a0a0;
}
.one_popup_butt a {
	color:#fff; display:block;
}


/** 通用弹窗 **/

.common_popup {
	position:fixed; z-index:2100; left:0; top:0; width:100%; height:100%;
}
.common_popup_bj {
	position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);
}
.common_popup_text {
	position:absolute; z-index:100; left:10%; top:50%; margin-top:-3.6rem; width:80%; background:rgba(0,0,0,0.94); -webkit-border-radius:0.5rem;
}
.common_popup_text p {
	padding:1.6rem 0 1.7rem; font-size:1rem; line-height:1.5rem; color:#fff; text-align:center;
}
.loading_popup_text {
	position:absolute; z-index:100; left:20%; top:50%; margin-top:-3.6rem; padding-top:1.6rem; width:60%; background:rgba(0,0,0,0.94); -webkit-border-radius:0.5rem;
}
.loading_popup_text .loading_img {
	width:2.14rem; margin:0 auto;
}
.loading_popup_text p {
	padding:0.9rem 0 1.3rem; font-size:1rem; line-height:1.5rem; color:#fff; text-align:center;
}


/*引导下载*/
.down_app{
	display: none;
}
.down_app dl{
	width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
.down_app dt{
	width: 16.89rem; margin: 0 auto;
}
.down_app dd{
	margin-top: 1.14rem; padding-bottom: 5.46rem; font-size: 0; text-align: center; position: relative;
}
.down_app dd a{
	width: 7.86rem; height: 2.86rem; line-height: 2.86rem; font-size: 1.21rem; color: white; text-align: center; border-radius: 0.25rem; display: inline-block;
}
.down_app dd .wait{
	margin-right: 1.96rem; background: #999;
}
.down_app dd .imm_download{
	background: #e74034;
}
.down_app dd:before{
	content: ''; width: 12.75rem; height: 5.11rem; margin-left: 4.64rem; background: url(../images/down_app_2.png) center center no-repeat; background-size: contain; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);
}
.down_app dd.android:before{
	background-image: url(../images/down_app_3.png);
}

/*服务器更新*/
.upgrade{
	width: 100%; padding: 0 1.15rem; text-align: center; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);
}
.upgrade dt{
	line-height: 0.96rem; padding-bottom: 0.45rem;
}
.upgrade dt p{
	height: 1.38rem; line-height: 1.38rem; font-size: 1rem; color: #fc4248;
}
.upgrade dt:before{
	content: ''; width: 6.04rem; height: 6.0rem; margin: 0 auto 1.35rem; background: url(../images/upgrade.png) center center no-repeat; background-size: contain; display: block;
}
.upgrade dd{
	font-size: 0.85rem; line-height: 1.4rem; color: #b2b2b2;
}
.upgrade dd p{
	padding-top: 0.77rem;
}
