/*活动*/
.sign{background: url("../images/sign_bg.png") #f4f4f4 no-repeat; background-size: 100%; overflow: hidden;}
.special_main{margin: 0 .625rem; position: relative;}
.special_main .integral_ranking{ position: absolute; top: .5rem; right: 0;text-align: center;}
.special_main .integral_ranking a{ font-size: .5rem; color: #FFFFFF;}
.icon_inhot{width: 30px; height: 38px; background-position: -80px -660px;vertical-align: middle; margin-left: 4px;}
.icon_gold{ width: 30px; height: 30px; background-position: -122px -666px;vertical-align: middle;}
.icon_fire{ width: 26px; height: 26px; background-position: -50px -666px;vertical-align: middle;}
.icon_ranking{ width: 42px; height: 40px; background-position: 0 -658px;}
.icon_back{ width: 20px;height: 30px;background-position: 0 -120px; }
.icon_back2{ width: 30px;height: 30px;background-position: -90px -80px;}

/*积分*/
.integral{display:flex; display: -webkit-flex; flex-flow: column; align-items:center; color: #FFFFFF;padding-top: 1.6rem;}
.integral p{ line-height: 1.2rem;padding-top: .4rem;}
.integral_title{ font-size: .8rem;}
.integral img{ width: 3rem;}
.integral .integral_num{ font-size: 1.4rem; display: inline-block;}
.integral .integral_min{ font-size: .6rem; color: #e2e2e2; padding-left: .1rem;}
.integral_btn{ display:flex; display: -webkit-flex; justify-content: center; margin: 1rem 0;align-items: center;}
.integral_btn a{font-size: .65rem; background: #FFFFFF; border-radius: 20px; width: 4.4rem; text-align: center; font-weight: bold; height: 1.4rem; line-height: 1.4rem; box-shadow:4px 6px 2px 0 #d04d4d;}
.integral_btn a:first-child{ color: #F14848; letter-spacing: 4px; margin-right: 1rem; }
.integral_btn a:last-child{ color: #f3bd00; margin-left: 1rem;}

/*笔记*/
.integral_hot{ background: url("../images/signhot_bg.png") no-repeat; background-size: 100%;border-radius: 20px;}
.integral_hot h2{ color: #f14848; font-size: .7rem; border-bottom: 1px solid #de5e23; margin: .2rem .6rem; padding-top: .2rem;}
.integral_hot .hot_note{ margin: .4rem .6rem; color: #F14848; font-size: .8rem; display: flex; display: -webkit-flex; padding-bottom: .8rem;}
.integral_hot .hot_note .hot_note_l{ width: 70%;}
.integral_hot .hot_note .hot_note_r{ width: 30%; place-self: center;}
.integral_hot .hot_note .hot_note_l_n{font-size: .65rem; padding: .2rem 0;}
.integral_hot .hot_note .hot_note_r a{ display: inline-block; font-size: .65rem; background-image: linear-gradient(to right, #ff8432 , #f14848); color: #FFFFFF; padding:.2rem .8rem; border-radius: 20px; letter-spacing: 4px;}

/*笔记规则*/
.note_main{ width: 100%; height: 100%; overflow: hidden; z-index: 100; background: rgb(0,0,0,.3); position: fixed; top: 0; left: 0; right: 0; display:none}
.note_main .note_rule{ position: absolute; width: 12rem;top: 50%; left: 50%; background: #FFFFFF; border-radius: 10px; margin-left: -6rem; margin-top: -7rem;}
.note_main .note_rule_title{ background: #ffe76d; color: #ff6974; width: 8rem; position: absolute; top: -1rem; left: 50%; margin-left: -4rem; font-size: .8rem; text-align: center; height: 2rem; line-height: 2rem;box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)}
.note_main .note_rule_title:before{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; left: -1rem; border-top: 1rem solid transparent;border-right: 1rem solid #ffe76d;border-bottom: 1rem solid transparent;}
.note_main .note_rule_title:after{ content: ""; display: block; width: 0; height: 0; position: absolute; top: 0; right: -1rem; border-top: 1rem solid transparent;border-left: 1rem solid #ffe76d;border-bottom: 1rem solid transparent;}
.note_main .note_rule_main{ font-size: .7rem; color: #666666; padding: 2rem 1rem 0;}
.note_main .note_rule_main p{ padding-bottom: 1rem;}
.note_main .note_rule_main p:last-child{ padding-bottom:0}
.note_main .note_rule_btn {text-align: center; padding: 1rem 0;}
.note_main .note_rule_btn a{ font-size: .8rem; background: #ff6974; border: 1px solid #ffe76d; color: #FFFFFF; display: inline-block; padding: .1rem .7rem; border-radius: 10px;}
.note_main .note_close{ position:absolute;top:-.1rem;right:-.1rem;font-size:0}
.note_main .note_close img{ width:1rem; height:1rem}

/*列表*/
.integral_list{ background-color: #fe8988;border-radius: 20px; overflow: hidden;}
.integral_list h2{ color: #ffffff; margin: .2rem .6rem; font-size: .8rem; letter-spacing: 2px; border-bottom: 1px solid #ffffff; padding: .4rem 0;}
.integral_list ul{ margin: .2rem .6rem;}
.integral_list li{ background: #ffffff;margin: .6rem 0; border-radius: 10px;}
.integral_list li a{ color: #f14848; display:flex; display: -webkit-flex; padding: .6rem .4rem; font-size: .65rem; font-weight: 500; justify-content: space-between;}
.integral_list li a>span{ padding-top: .2rem;}
.integral_list .integral_list_gold{background-image: linear-gradient(to right, #ff995d , #ff8a84); width: 4rem; border-radius: 20px; color: #FFFFFF; font-weight: bold; font-style: italic;}

/*规则*/
.integral_text{ color: #999999; font-size: .55rem; margin: 1rem .2rem;}
.integral_text p{ padding-top: .4rem;}

/*排行版*/
.ranking{ background: url("../images/ranking-bg.png") rgb(249,169,152) no-repeat; background-size: 100%; overflow: hidden;}
.ranking_back{position: absolute; top: .5rem; left: 0; font-size: 20px;width: 100%;}
.ranking_back>span{ padding-left:10px}
.sign .ranking_back,.ranking .ranking_back{ color: #FFFFFF;}
.prize .ranking_back{ color: #000000;}
.ranking_time{ font-size: .6rem; color: #FFFFFF; text-align: center; padding-top: 9.4rem;}

/*前三*/
.ranking_top{ display: flex; display: -webkit-flex;; position: relative; justify-content: center;padding: 0 0 2rem;}
.ranking_top .t_two{ width: 3rem;}
.ranking_top .t_one{ width: 3.4rem; margin: 0 .8rem;}
.ranking_top .t_three{ width: 3rem;}
.ranking_top .t_one_bg{ background: url("../images/t_one_bg.png") no-repeat; background-size: 100%; position: relative; height: 3.7rem;}
.ranking_top .t_one img{ width: 2.8rem; height: 2.8rem; position: absolute; left: .45rem; top: .65rem;}
.ranking_top .t_two_bg{ background: url("../images/t_two_bg.png") no-repeat; background-size: 100%; position: relative; height: 3.2rem;top: 1.8rem;}
.ranking_top .t_two img{ width: 2.2rem; height: 2.2rem; position: absolute; left: .6rem; top: .8rem;}
.ranking_top .t_three_bg{ background: url("../images/t_three_bg.png") no-repeat; background-size: 90%; position: relative; height: 3.6rem;top: 2.6rem;}
.ranking_top .t_three img{ width: 2rem; height: 2rem; position: absolute; left: .5rem; top: .7rem;}
.ranking_top .r_three{ color: #FFFFFF; text-align: center;}
.ranking_top .r_three .t_three_u{ font-size: .6rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.ranking_top .r_three .t_three_n{ font-size: .55rem;}
.ranking_top .r_three .t_three_n .icon_integral{width: 25px; height: 25px; background-position: -154px -604px;vertical-align: middle;}
.ranking_top .r_three img{ border-radius: 50%;}
.ranking_top .t_two .t_three_u,.ranking_top .t_two .t_three_n{ position: relative; top: 2.4rem;}
.ranking_top .t_one .t_three_u,.ranking_top .t_one .t_three_n{ position: relative; top: 1.2rem;}
.ranking_top .t_three .t_three_u,.ranking_top .t_three .t_three_n{ position: relative; top: 2.4rem;}

/*排名列表*/
.ranking_list{ margin: .625rem 0; background: #ffffff; box-shadow: 0 0 10px 10px #f7ab99; position: relative; z-index: 9;}
.ranking_list table{ border-collapse: collapse;text-align: center; overflow: hidden; margin-bottom: 1rem;}
.ranking_list table td{ font-weight: 500;}
.ranking_list thead tr{ height: 2.4rem; border-bottom: 1px solid #bfbfbf;}
.ranking_list thead td{ font-size: .7rem; color: #333333;}
.ranking_list tbody tr{ height: 2.4rem; border-bottom: 1px dashed #eaeaea;font-weight: 100; position: relative;}
.ranking_list tbody tr:last-child,.ranking_list tbody tr:nth-last-child(2){ border-bottom: none;}
.ranking_list tbody tr:last-child{ height:1.6rem}
.ranking_list tbody td{ font-size: .65rem;}
.ranking_list .ranking_img{position: relative;}
.ranking_list .ranking_img img{ width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 50%;  left: 50%; margin-top: -20px; margin-left: -20px;}
.ranking_list .ranking_num{ color: #999999;}
.ranking_list .ranking_name{ color: #333333;}
.ranking_list .ranking_branch{ color: #ff8e7f;}
.ranking_list .r_horn{ display: block; width: .8rem; height: .7rem; background: #f7ab99; border-radius: 50%;position: absolute;  z-index: 10;}
.ranking_list .horn_t_l{ top: -.25rem; left: -.25rem;}
.ranking_list .horn_t_r{ top: -.25rem; right: -.25rem;}
.ranking_list .horn_b_l{ bottom: -.25rem; left: -.25rem;}
.ranking_list .horn_b_r{ bottom: -.25rem; right: -.25rem;}

/*当前排名*/
.ranking_fixed{ position:fixed; bottom:0; left:0; right:0; width:100%; height: 2.4rem; z-index:12}
.ranking_current{ display: flex; display: -webkit-flex; border: 1px solid #f6553f; background: #FFFFFF; border-radius: 10px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 12; width: 98%; text-align: center; height: 2.4rem;box-sizing: border-box;margin: 0 auto;}
.ranking_current .cur_num{ color: #f6725f; width: 20%; line-height: .6rem; margin-top: .5rem;}
.ranking_current .cur_num span:first-child{ font-size: .9rem; font-weight: bold;display: inline-block; width:100%}
.ranking_current .cur_num span:last-child{ font-size: .4rem; display: inline-block;}
.ranking_current .cur_img{ width: 20%;}
.ranking_current .cur_img img{ width: 2rem; height: 2rem; border-radius: 50%; margin-top: .2rem;}
.ranking_current .cur_user{ font-size: .65rem; color: #333333; width: 50%; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ranking_current .cur_branch{ font-size: .6rem; color: #ff8e7f; width: 15%; line-height: 2.4rem;}
.ranking_h{height: 6rem;}

/*兑换*/
/*用户*/
.prize .special_main{ overflow: hidden;}
.prize_user{background: url("../images/prize_user.png") no-repeat; background-size: 100%;padding:.3rem .5rem; margin-top: 2rem;}
.prize_user img{ width: 2.2rem; height: 2.2rem; border-radius: 50%;}
.prize_user .p_user_t{ display: flex; display: -webkit-flex; color: #ffffff; font-size: .7rem;align-items: center;}
.prize_user .p_user_t p{ padding-left: .6rem;}
.prize_user .p_user_t p:first-of-type{ width: 50%;}
.prize_user .p_user_t p a{ color: #ffffff; text-decoration: underline; font-size: .6rem;}
.prize_user .p_user_b{display: flex; display: -webkit-flex; color: #ffffff; align-items: center;margin-top: .8rem;justify-content: space-between;}
.prize_user .p_user_b .user_b_integral{ width: 60%;}
.prize_user .p_user_b .user_b_integral p:first-child{font-size: .5rem;}
.prize_user .p_user_b .user_b_integral p:last-child{font-size: 1rem;}
.prize_user .user_b_history a{font-size: .65rem; border: 1px solid #ffffff; color: #ffffff; padding: .1rem .6rem; border-radius: 20px;}

/*奖品*/
.prize_list{ margin: .4rem 0;}
.prize_list ul{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.prize_list li{ width: 48%; border: 1px solid #b9b9b9; box-sizing: border-box; -moz-box-sizing: border-box;border-radius: 20px; margin-top: 4%; box-shadow:0 0 2px 2px #dcdcdc;}
.prize_list li:nth-child(2n+1){ margin-right: 4%;}
.prize_list li img{ width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; height: 4.8rem;}
.prize_list li .p_list_title{ font-size: .65rem; padding: 0 .2rem; color: #333333;}
.prize_list li .prize_list_b{ display: flex; display: -webkit-flex;padding: 0 .2rem; margin: .6rem 0 .4rem;justify-content: space-between;}
.prize_list li .prize_list_b p:first-child{ color: #f63d3d; font-size: .7rem;}
.prize_list li .prize_list_b p:last-child{ color: #999999; font-size: .4rem;}
.prize_list li .p_list_r{place-self: center;}
.prize_list li .p_list_r a{ border: 1px solid #ffa200; padding: .1rem .6rem; font-size: .6rem; color: #ffa200; border-radius: 20px; font-weight: bold;}

/*收货地址表单*/
.sign_address .special_main,.sign_history .special_main{ overflow: hidden;}
.add_main,.history_list{ margin-top: 2rem;}
.add_input{border-bottom: 1px solid #ebebeb; padding: .4rem 0; line-height: 2rem; overflow: hidden;}
.add_input label{ font-size: .7rem; color: #666666; width: 3rem; display: inline-block;}
.add_input:first-child label{letter-spacing:.2rem}
.add_input input{ height: 2rem; font-size: .7rem;  width: 10.4rem; line-height: 2rem;}
input::-webkit-input-placeholder{ color: #dfdfdf;}
.add_btn{ border: 0; background: #ff8989; color: #FFFFFF; font-size: .7rem; width: 100%; padding: .4rem 0; letter-spacing: .8rem; text-align: center; border-radius: 4px; margin-top: 1rem;}

/*兑换记录*/
.history_list li{border-bottom: 1px solid #ebebeb; padding: .4rem 0;}
.history_list li img{ width: 5rem; height: 3.6rem; margin-right: .4rem;}
.history_list li .his_time{ color: #666666; font-size: .65rem; padding-bottom: .4rem;}
.history_list li .his_item{ display: flex; display: -webkit-flex; }
.history_list li .his_title{font-size: .7rem; color: #000000;line-height: 1rem;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;line-clamp: 2;-webkit-box-orient: vertical;}
.history_list li .his_integral{ color: #dd2020; font-size: .7rem; padding-top: .5rem;}

/*弹出框*/
.wfh{background-color: #4CAF50;border: none;color: white;padding: 0.1rem 0.5rem;text-align: center;text-decoration: none;display: inline-block;font-size: 0.4rem;border-radius: 50rem;}
.fh{background-color: red;border: none;color: white;padding: 0.2rem 0.7rem;text-align: center;text-decoration: none;display: inline-block;font-size: 0.5rem;border-radius: 50rem;}
.queding .layui-layer-btn a{display: inline-block;font-size: .65rem;background-image: linear-gradient(to right, #ff8432 , #f14848);color: #FFFFFF;padding: .2rem .8rem;border-radius: 20px;letter-spacing: 4px;border:none}
.layui-layer-btn{text-align:center!important}
.layui-layer-dialog,.layui-layer-title{ border-radius:10px!important}