.wrap {
    position: relative;
    width: 100%;
    height: 24rem;
    background: url(//img.gyyxcdn.cn/action/cutePet_wap_bg.jpg) no-repeat 50% 0;
    background-size: 7.5rem 24rem;
}
.logo {
    position: absolute;
    top: 0.08rem;
    left: 0.46rem;
    width: 1.1rem;
    height: 1.44rem;
    background: url(//img.gyyxcdn.cn/action/wap_logo110x144.png) 0 0 no-repeat;
    background-size: 1.1rem 1.44rem;
}
.enter {
    position: fixed;
    top: 0.3rem;
    right: 0.36rem;
    width: 0.8rem;
    height: 0.8rem;
    background: url(//img.gyyxcdn.cn/action/wap_menu_btn.png) 0 0 no-repeat;
    background-size: 0.8rem 0.8rem;
}
.content {
    position: absolute;
    top: 4.6rem;
    width: 7.5rem;
    font-family: "PingFang";
}
.login_btn, .bind_btn, .bound_btn {
    width: 2.75rem;
    height: .63rem;
    line-height: .58rem;
    margin: .28rem 0 0 1.54rem;
    background: url(//img.gyyxcdn.cn/action/cutePet_wap_login_btn.png) 0 0 no-repeat;
    background-size: 2.75rem .63rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
}
.activity_time, .receive_cont {
    margin-top: 2.22rem;
    text-align: center;
}
.receive_cont {
    margin-top: .7rem;
}
.activity_time .title, .receive_cont .title {
    line-height: .64rem;
    font-size: .38rem;
    color: #fffffe;
}
.activity_time p {
    margin-top: .32rem;
    font-size: .28rem;
    color: #054c4b;
}
.receive_btns {
    display: flex;
    justify-content: space-between;
    margin: 3rem .56rem 0 .65rem;
}
.receive_btns .btn {
    width: 2.18rem;
    height: .46rem;
    line-height: .46rem;
    background: url(//img.gyyxcdn.cn/action/cutePet_wap_receive_btn.png) 0 0 no-repeat;
    background-size: cover;
    font-size: .18rem;
    color: #fff4e3;
}
.receive_btns .btn.success {
    background-position: 0 -.46rem;
    color: #fff;
}
.receive_btns .btn.fail {
    background-position: 0 -.92rem;
}
.rules {
    line-height: .56rem;
    margin-top: 1.2rem;
    padding: 0 .3rem;
    font-size: .28rem;
    color: #054c4b;
}
.rules p {
    display: flex;
}
.rules p span {
    display: block;
    width: 1.04rem;
    height: .4rem;
    line-height: .4rem;
    margin-right: .1rem;
    background-color: #579d8b;
    color: #fff;
    text-align: center;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.rules div {
    margin-top: .5rem;
    color: #2c866d;
}
/* 弹层 */
.tc {
    position: relative;
    padding: .2rem .35rem .35rem .2rem;
    box-sizing: border-box;
}
.tc .tc_close {
    position: absolute;
    bottom: -1rem;
    left: 45%;
    width: .66rem;
    height: .66rem;
    background: url(//img.gyyxcdn.cn/action/cutePet_wap_tc_close.png) no-repeat;
    background-size: 100% 100%;
}
.tc h3 {
    line-height: .84rem;
    font-size: .32rem;
    font-weight: bold;
    color: #047074;
    text-align: center;
}
.tc .tc_btn {
    width: 1.61rem;
    height: .46rem;
    line-height: .46rem;
    margin: 0 auto;
    font-size: .2rem;
    color: #fff;
    text-align: center;
    background: url(//img.gyyxcdn.cn/action/cutePet_wap_tc_submit_btn.png) no-repeat;
    background-size: 100% 100%;
}
.tc01, .tc02, .tc03, .tc04 {
    width: 6.38rem;
    height: 4.11rem;
    background: url(//img.gyyxcdn.cn/action/cutePet_wap_tc01_bg.png) no-repeat;
    background-size: 100% 100%;
}
.tc01 .tc_cont {
    width: 3.8rem;
    margin: 0 auto;
    margin-top: .4rem;
}
.tc01 .tc_cont .role_btn {
    display: inline-block;
    width: 1.2rem;
    height: .4rem;
    line-height: .4rem;
    background: url(//img.gyyxcdn.cn/action/cutePet_wap_tc_getRole_btn.png);
    background-size: 100% 100%;
    font-size: .2rem;
    color: #fafef1;
    text-align: center;
}
.tc01 .inp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tc01 .inp input {
    width: 3.4rem;
    height: .39rem;
    margin-bottom: .2rem;
    padding: 0 .1rem;
    color: #fefff4;
    border: 1px solid #68ded4;
    background: #27615c;
    box-sizing: border-box;
    text-align: center;
}
.tc01 .inp select {
    width: 2.12rem;
    height: .4rem;
    font-size: .2rem;
    color:  #fefff4;
    border: 1px solid #68ded4;
    margin-right: .1rem;
    padding: 0 .1rem;
    position: relative;
    background: #27615c url(//img.gyyxcdn.cn/action/cutePet_wap_tc_x.png) no-repeat;
    background-size: .15rem .1rem;
    background-position: 1.76rem center;
    outline: none;
    appearance: none;
}
.tc .btns {
    margin-top: .5rem;
    overflow: hidden;
}
.tc .btns .left {
    float: left;
}
.tc .btns .right {
    float: right;
}
.tc01 .js_bindErr {
    color: #ff0000;
    margin-top: .1rem;
    font-size: .16rem;
}
.tc02 .tc_cont {
    padding: .52rem 0;
}
.tc02 .tc_cont .tc_div {
    display: flex;
    margin-bottom: .12rem;
    font-size: .2rem;
    color: #047074;
}
.tc02 .tc_cont .tc_div label {
    display: block;
    width: 2.5rem;
    text-align: right;
}
.tc02 .tc_btn {
    margin-top: .46rem;
}
.tc03, .tc04 {
    background: url(//img.gyyxcdn.cn/action/cutePet_wap_tc02_bg.png) no-repeat;
    background-size: 100% 100%;
}
.tc03 .tc_cont {
    width: 3.86rem;
    margin: 0 auto;
    margin-top: .9rem;
    text-align: center;
}
.tc03 .tc_cont p {
    margin-bottom: .1rem;
    font-size: .26rem;
    color: #177b73;
}
.tc03 .tc_cont .pet_name {
    font-weight: bold;
    color: #c60000;
}
.tc04 .tc_cont {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: .32rem;
    font-weight: bold;
    color: #177b73;
}
/*下拉菜单*/
.wd_tc{width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;display: none;overflow: scroll;z-index: 999;overscroll-behavior:none;}
.wd_tc ul{padding: 1.11rem 0 1.5rem;}
.wd_tc ul li{height: 1.41rem;width: 100%;}
.wd_tc ul li a{display: block;width: 100%;height: 1.41rem;line-height: 1.41rem;color: #fef7d0;font-size: .44rem;text-align: center;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2024/tf/jc/images/pf/wd_tc_dx.png) no-repeat 50% 100%;background-size: 6.86rem .15rem;}
.wd_tc ul li .close{display: block;width: 1.3rem;height: 1.3rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2024/tf/jc/images/pf/wd_tc_btn.png) no-repeat;background-size: 1.3rem 1.3rem;margin: .7rem auto 0;}

/* 漂浮弹层 */
.tcpf .mask{width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.8);position: absolute;top: 0;left: 0;}
.tcpf{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;display: none;z-index: 999;}
.tcpf .tcpf_close{width: .72rem;height: .72rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2024/tf/jc/images/index/wd_tc_close.png) no-repeat;background-size:.72rem .72rem;position: absolute;position: absolute;top: 11.5rem;left:3.4rem;z-index: 9;}
.tcpf_box{width: 7.41rem;height: 10.22rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2024/tf/jc/images/index/wd_tc_bg.png) no-repeat;background-size: 7.41rem 10.22rem;position: absolute;top: 1.1rem;left: .1rem;z-index: 9;}
.tcpf_box h2{color: #196f8f;font-size: .44rem;text-align: center;padding-top: .4rem;font-weight: bold;}
.tcpf_box .tcpf_soll{width: 6.55rem;height: 7.95rem;overflow-y: scroll;padding:0rem .23rem 0 0.3rem;margin-top: 0.45rem;overscroll-behavior:none;}
.tcpf_box .tcpf_soll h3{color: #37667c;font-size: .26rem;line-height: .50rem;font-weight: bold;}
.tcpf_box .tcpf_soll p{color: #37667c;font-size: .26rem;line-height: .50rem;position: relative;padding-left: .30rem;}
.tcpf_box .tcpf_soll p span{position: absolute;left: 0;top: -.02rem;}
.tcpf_box .tcpf_soll .wd_img{margin: .1rem 0;padding-left: 0.3rem;text-align: center;}
.tcpf_box .tcpf_soll .wd_img img{border: 0.02rem solid #997159;padding: .05rem;width: 5.05rem;}
.tcpf_box .tcpf_soll table{margin: 0.2rem auto;width: 95%;text-align: center;font-size: 0.26rem;color: #37667c;border-collapse: collapse;border-spacing: 0;}
.tcpf_box .tcpf_soll table tr th{height: 0.4rem;background: #37667c;color: #fff;border: 0.02rem solid #89c3c5;}
.tcpf_box .tcpf_soll table tr td{border: 0.02rem solid #89c3c5;padding: 0.03rem;}